/* CSS Document */
@import url("games.css");
.line { height: 1px; font-size: 0px; margin: 0 auto; border-bottom: solid 1px #d0d0d0; margin-bottom: 2px; }
.cleaner{ clear:both; height:1px;	font-size:0px; border:none;	margin:0; padding:0; background:transparent;}
.cleaner1 { clear:both; height:1px; _height:0px;  border:none;	margin:0; padding:0; _background:transparent;}

/* FONT */
.advertisement { color: #6b6b6b; }
.error { font-weight: bold; color: #cc3300; font-size: 12px; }
.small { font-size: 8px; }

a { color: white; text-decoration: underline; }
a:hover { text-decoration: none; }
a.bold { font-weight: bold; }

/* zarovnani */
.center  { text-align: center; }
.right { text-align: right; }
.verticalm { vertical-align: middle; }
.floatl { float: left; }
.floatr { float: right; }
.hide { display: none; }
img.middle { vertical-align: middle; }

.reklalinkcz { text-align: center; }
.reklalinkcz a { color: #e44c03; }

/* CONTENT */
body { 
  /*background-image: url(../images/bg.jpg);*/ background-repeat: repeat-x; 
  margin: 0; padding: 0; background-color: #E2E2E2/*#C8E7FF*/;
  font-family: verdana; font-size: 11px;
}

#content {
  width: 820px; margin: 0 auto;
  background-color: white;
}

#content h1 { display: none; }
#content h2 { margin: 0; padding: 0; font-size: 14px; }
#content .cntin { padding: 2px; }

#top {
  width: 100%; height: 120px; 
  background-color: white; color: #6b6b6b;
  background-image: url(../images/logo-top.jpg); background-repeat: no-repeat;
}
#top-left { float: left; width: 330px; height: 80px; line-height: 80px; padding-top: 30px; padding-left: 5px; }
#top-left img { vertical-align: middle; border: 0; }
#top-right { width: 475px; float: right; padding-top: 20px; /*line-height: 90px;*/ }
#top-right .reklama { text-align: center; line-height: 25px; _line-height: 22px; background-image: url(../images/zalozka1.gif);  width: 90px; height: 22px; }
#top-right .banner468 { width: 468px; height: 60px; border: solid 2px white; }
#top-right .banner468 img { border: 0; }

#top-menu { 
  height: 40px; line-height: 40px; padding-left: 5px;
  background-image: url(../images/topmenubg.gif); background-repeat: repeat-x;
  color: white; font-size: 11px;
}
  #top-menu table { width: 100%; margin: 0; padding: 0; height: 40px; line-height: 40px; }
  #top-menu td { text-align: center; }
  #top-menu td.img { width: 8px; text-align: center; }
  #top-menu td img { vertical-align: middle; }
  #top-menu a, #top-menu a:visited, #top-menu a:link { display: block; height: 40px; line-height: 40px; text-decoration: underline; color: white;}
  #top-menu a:hover { color: white; text-decoration: none; }
  /*#top-menu span {  margin-left: 3px; margin-right: 3px; width: 2px;  background-image: url(../images/odrazka.gif); background-position: center; background-repeat: no-repeat; } */
/*
  #top-menu a, #top-menu a:visited, #top-menu a:link { float: left; display: inline-block; text-decoration: underline; color: white; margin-left: 5px; margin-right: 5px; height: 20px; line-height: 40px; }
  #top-menu a:hover { color: white; text-decoration: none; }
  #top-menu span { float: left; display: inline-block; margin-left: 3px; margin-right: 3px; width: 2px; height: 40px; line-height: 40px; background-image: url(../images/odrazka.gif); background-position: center; background-repeat: no-repeat; } 
*/  
#middle { margin-top: 10px; }
#middle .middlein { padding: 2px; margin-bottom: 5px; }





body { 
  /*background-image: url(../images/bg.gif);*/ background-repeat: repeat-x; 
  margin: 0; padding: 0;
  font-family: verdana; font-size: 11px;
}

#content .cntin { padding: 0px; }


#top-zalozky ul, #top-zalozky li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#top-zalozky {
			width: 100%;
			height: 25px /*28px*/;
			_height: 30px;
			background-color: #C3CC00;
			background-image: url(../images/logo-top1-m.jpg);
			padding-bottom: 3px /*4px*/;
			_padding-bottom: 4px;
			border-left: solid 0px #D8E1E3;
      _border-left: 0px;
}

#top-zalozky .in {
			clear: both;
			float: left;
      background-color: transparent;
}
			#top-zalozky ul {
				width: 100%;
			}
				#top-zalozky li {
					float: left;
					text-align: center;
					border-bottom: solid 3px #D8E1E3;
					border-left: solid 1px #D8E1E3;
					border-right: solid 2px #D8E1E3;
					width: 112px;
					
				}
				#top-zalozky li.selected {
					position: relative;
					bottom: -1px /*-2px */;
					border-bottom: solid 3px #E44C03;
					
				}
					#top-zalozky li a {
						color: #F5F5F5;
						text-decoration: none;
						font-weight: bold;
						display: block;
						padding: 7px 0 /*8px 0*/;
						width: 112px;
						text-transform: uppercase;
						background: #AACB00 url(../images/top-neutral.gif) repeat-x 100% 0;
					}
					#top-zalozky li a:hover {
						text-decoration: underline;
						margin-top: -6px /*-6px*/;
            _margin-top: -7px /*-6px*/;			
						padding-bottom: 13px /*1.23em*/;
						position: relative;
					}
					#top-zalozky li.selected a {
						font-weight: bold;
						background-image: url(../images/top-zalozka.gif);
						margin-top: -7px /*-8px*/;	
						padding-bottom: 13px /*1.23em*/;
						position: relative;
					}
					#top-zalozky li.selected a:hover {
						text-decoration: underline;
						padding: 7px 0 /*8px 0*/;
						margin: 0;
						margin-top: -7px /*-8px*/;						
						padding-bottom: 13px /*1.23em*/;
						position: relative;
					}

					
					
#top-zalozky-menu {
  border-bottom: solid 3px #d8e1e3; 
  border-top: solid 3px #d8e1e3;
  margin-top: -1px;
  _margin-top: -7px;
  height: 25px; line-height: 25px;
  padding-left: 15px;
  color: white;
}
div.top-odsaz { font-size: 0px; height: 10px; background-color: #C3CC00; }

#top-navibar-menu {
  /*background-color: #a6c800;*/ height: 25px; _height: 25px; 
  background-image: url(../images/top-navibar-bg.gif);
  background-repeat: repeat-x;
}
  #top-navibar-menu .in {
    width: 60%;  font-size: 10px;
    border: solid 3px #d8e1e3; color: white;
    padding-top: 4px; padding-left: 8px;
  }
  #top-navibar-menu .in em { font-style: normal; font-weight: bold; color: #ffcac6; }
  #top-navibar-menu .in a { color: white; font-weight: bold; }
  #top-navibar-menu .in a:hover { text-decoration: none; color: white; font-weight: bold; }


body.ohry { background-image: url(../images/bg-hry.gif); }

body.ohry #top-zalozky li.selected { border-bottom: solid 3px #E44C03; }
body.ohry #top-zalozky-menu     { background-color: #E44C03; }
body.ohry #top-navibar-menu     { background-color: #E44C03; }
body.ohry #top-navibar-menu .in { background-color: #E44C03; border-bottom: solid 3px #E44C03; }
#top-zalozky li.ohry a {	background-color: #E44C03; }
#top-zalozky li.ohry a:hover, body.ohry #top-zalozky li.selected a { background-image: url(../images/top-zalozka-ohry.gif); }


body.tapety { background-image: url(../images/bg-tapety.gif);  }
body.tapety #top-zalozky li.selected { border-bottom: solid 3px #FF9C00; }
body.tapety #top-zalozky-menu     { background-color: #FF9C00; color: black; }
body.tapety #top-navibar-menu     { background-color: #FF9C00; }
body.tapety #top-navibar-menu .in { background-color: #FF9C00; border-bottom: solid 3px #FF9C00; }
body.tapety h2 { color: white; }
#top-zalozky li.tapety a {	background-color: #FF9C00; }
#top-zalozky li.tapety a:hover, body.tapety #top-zalozky li.selected a { background-image: url(../images/top-zalozka-tapety.gif); }