/*obecné deklarace*/
html {}
body { font-family: Verdana, sans-serif; font-size: 1em; background: #e8e8e8; margin: 0;}
.hidden{visibility: hidden;}
a{font-weight: bold;  color: #006699; text-decoration: underline;}
a:hover{text-decoration: underline; color: #006699;}
a:visited{font-weight: bold;  color: #006699; text-decoration: underline;}

/*zahlavi*/
#zahlavi{height: 80px;}
#logo{margin:0; padding:0; position:relative; width:287px; height:67px; overflow:hidden; margin:0.5em 0 0 1em; float:left;}
#logo h1{visibility: hidden;}
#logo span{display:block; position:absolute; left:0; top:0; z-index:1; width:287px; height:67px; margin:0; padding:0;
              background:url(images/logo.png) top left no-repeat;}
#search-div{float: right; margin-right: 20px; margin-top: 5px;}
#search{margin-left: 30px; float: left}
#rss{margin:0; padding:0; position:relative; width:28px; height:28px; overflow:hidden; margin:1em 0 0 1em; float:right;}
#rss span{display:block; position:absolute; left:0; top:0; z-index:1; width:28px; height:28px; margin:0; padding:0;
              background:url("images/feed-icon.png") top left no-repeat;}

/*stránka*/
#page {background: #fff; width: 800px; margin: 0 auto; width: 1000px;}

/*obsah*/
#content{min-height: 400px; width: 370px; width: 550px; background-color: #f0eeef; margin: 0 0 0 25px; padding: 0 0 2em 0;}
#content h2{text-align: center; background-color: #B4195A; color: #fff; font-size: 1em; line-height: 2em; vertical-align: middle;}
#content .post h2{font-size: 0.7em; height: 3em; text-align: center; padding-bottom: 0; background-color: transparent; margin: 0;}
#content .post h2 a{color: #000; line-height: 1.5em;}
#content .post h2 a:hover{text-decoration: underline;}
#content .post{float: left; width: 91px; margin: 5px; background-color: #fff; padding: 0 7px 7px 7px;}
#content ul{list-style: none; margin: 0; padding: 0 0 0 5px;}
#content ul li{display: block; clear: both;}
#content .entry a img{width: 91px; height: 67px; border: 1px solid #006699;}
#content .entry a:hover img{border: 1px solid #999;}

/*obsah pro samostatnou stránku*/
#content-single {width: 800px;}
#content-single .single-post{text-align: center;}
#content-single .single-post h2{margin: 0; padding: 0; background-color: #B4195A; color: #fff;}
#content-single .single-post .entry p{margin: 10 0 0 0; padding: 0; min-height: 400px;}
#popis-wrapper{width: 800px; clear: both;}
#popis {text-align: left; width: 380px; float: left; background-color: #f0eeef; margin: 10px;}
#popis h2{margin: 0;text-align: center; background-color: #B4195A; color: #fff; font-size: .7em; line-height: 2em; vertical-align: middle;}
#popis h3{text-align: left; font-size: .8em; padding-left: 10px;}
#popis ul{list-style-type:none; margin: 0; padding-left: 10px;}
#content-single .single-post .entry #popis p{margin-left: 10px; min-height: 0;}
#popis a{color: #006699;}

/*navigace-single*/
.navigation-single {float: left; width: 800px; margin-bottom: -1em;}
.navigation-single .alignright{text-align: right; padding-right: 10px;height: 1em; width: auto}
.navigation-single, .navigation-single a{font-size: 0.9em; color: #fff;}
.navigation-single .alignright ul li{list-style-type: none;}

/*navigace-category*/
.navigation-category {float: left; width: 800px; margin-bottom: -1em;}
.navigation-category .alignright{text-align: right; padding-right: 10px;height: 1em; margin-right: 235px;}
.navigation-category, .navigation-category a{font-size: 0.9em; color: #fff;}
.navigation-category .alignright ul li{list-style-type: none;}

/*Kategorie*/
.kategorie{width: 180px; height: 17.2em; background-color: #f0eeef; float: left; margin: 10px 10px 0 0; padding: 0;}
.kategorie ul{margin: 0; padding: 5px; font-size: .9em; list-style-type:none; text-align: left;}
.kategorie h2{margin: 0;text-align: center; background-color: #B4195A; color: #fff; font-size: .7em; line-height: 2em; vertical-align: middle;}
.kategorie h2 a{color: #fff;}
#clear{float: none; clear: both; margin-bottom: 15px;}
#kategorie ul{list-style-type: none;}
#kategorie {margin: 0; padding: 0 0 0 25px}

/*kategorie*/
#kategorie h2{font-size: 1em; padding: 5px; margin: 0;}
#kategorie ul{float: left; list-style: none; font-size: .9em; padding-left: 5px;}
#kategorie ul li{display: block; background-color: #f0eeef; float: left; color: #000; height: 23em; width: 180px; margin: 0 10px 10px 0; overflow: hidden;}
#kategorie ul li ul{margin-left: 0; padding-left: 5px;}
#kategorie ul li a{color: #fff; width: 100%; background-color: #B4195A; display: block; text-align: center;}
#kategorie ul li ul a{display: inline; background: transparent; color: #000;}
#kategorie ul li .more_games{display: block; background: transparent; color: #000; text-align: right; margin-top: 15em;}
#kategorie ul li ul{float: left;}
#kategorie ul li ul a:hover {text-decoration: underline;}
#kategorie ul li ul li{height: 1.5em; margin: 0; padding:0;}


/*sloupeček vpravo*/
#wrapper{float: left; text-align: justify; width: 100%; margin-right: -395px; padding-top: 1em;}
#column{width: 380px; float: left; margin-top: 29px; color: #505050;}
#column ul a, #kategorie ul a, .kategorie ul a{color: #000; text-decoration: none;}
#column ul a:hover, #kategorie ul a:hover, .kategorie ul a:hover{text-decoration: underline;}
#category-column{width: 180px; float: left; margin-top: 29px; color: #505050;}
#column ul{list-style-type: none;}

/* Archive */
#wrapper-category{float: left; text-align: justify; width: 100%; margin-right: -200px; padding-top: 1em;}
#wrapper-category #content{width: 560px;}
#wrapper-category #content .post{float: left; width: 114px; margin: 5px; background-color: #fff; padding: 0 7px 7px 7px;}
#wrapper-category #content .entry a img{width: 114px; height: 90px; border: 1px solid #006699;}
#wrapper-category #content .entry a:hover img{border: 1px solid #999;}
.pagetitle {display: block; margin-right: 300px;}

#column .reklama{width: 180px; height: 150px; background-color: #000; float: left; margin-right: 5px;}


/*footer*/
#footer {width: 800px; text-align: center; background-color: #fff; margin: 0 auto;}
#footer p{margin: 0; font-size: .7em}

/*navigation*/
.navigation .alignleft{float: left; height: 1.3em;}
.navigation .alignright{float: right; height: 1.3em;}
.navigation a{font-size: 0.9em; text-decoration: none;}

/*search button*/
#searchsubmit, #s {background: #f0eeef; border: 1px solid #D3D8EF;}
#s{background: #fff;}

#top{background: transparent url(images/srafovani-top.png) center top; width: 820px; height: 12px; margin: 0 auto -3px auto; padding-left: -10px; z-index: 100}

/*reklama-preloader*/
#entry-hra{ width: 800px; overflow: hidden; margin-top: 20px;}
#reklama {width: 600px; height: 400px; background-color: #fff; float: left; margin-left: 100px; display: none; line-height: 400px; vertical-align: middle; text-align: center; margin-bottom: -400px;}

/*-------------------------------------------------------------
Nové záhlaví jednotné pro všechny weby
--------------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
  margin-top: 30px;
}

#site-nav:after{
  display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";

}

.clear{
	font-size: 0px;
	display: block;
	line-height: 0;
	height: 0px;
	clear:both;
}

.header .none{
  display: none;
}


.header{
  position: relative;
  width: 1000px;
  margin: 0 auto;
  font-family: Arial, helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  background: url(./img/header-background1.png) no-repeat top left; /* dokrajet */
}


.header ul{
  margin: 0;
  padding: 0;
}

.header #logo{
  padding: 40px 0 0 0px;
  margin: 0;
  height: 61px;
  _height: 101px;
  width: 255px;
  border-right: 1px solid #c6c6c6;   

}

.header #logo a{
  text-indent: -9000px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
#divne-veci #logo a{
  background: url(./img/divne-veci-logo.png) no-repeat top left;
  height: 33px;
  width: 201px;
}

#ceska-videa #logo a{
  background: url(./img/ceska-videa-logo.png) no-repeat top left;
  height: 33px;
  width: 224px;
}
#ladim #logo a{
  background: url(./img/ladim-logo.png) no-repeat top left;
  height: 33px;
  width: 154px;
}
#pohadkar #logo a{
  background: url(./img/pohadkar-logo.png) no-repeat top left;
  height: 33px;
  width: 210px;
}
#kinoteka #logo a{
  background: url(./img/kinoteka-logo.png) no-repeat top left;
  height: 33px;
  width: 196px;
}

#televizky #logo a{
  background: url(./img/televizky-logo.png) no-repeat top left;
  height: 33px;
  width: 196px;
}
#kookej #logo a{
  background: url(./img/kookej-logo.png) no-repeat top left;
  height: 33px;
  width: 167px;
}

#masakruj #logo a{
  background: url(./img/masakruj-logo.png) no-repeat top left;
  height: 33px;
  width: 206px;
}

#epizoda #logo a{
  background: url(./img/epizoda-logo.png) no-repeat top left;
  height: 33px;
  width: 180px;
}
#zivace #logo a{
  background: url(./img/zivace-logo.png) no-repeat top left;
  height: 33px;
  width: 162px;
}
#slagry #logo a{
  background: url(./img/zivace-logo.png) no-repeat top left;
  height: 33px;
  width: 170px;
}

#zakazane #logo a{
  background: url(./img/zakazane-logo.png) no-repeat top left;
  height: 33px;
  width: 203px;
}










#all-nav{
  position: absolute;
  right: 0;
  top: 0;
  width: 723px;   
  _width: 743px;
  background: url(./img/all-nav-background1.png) no-repeat;
  border-bottom: 1px solid #fff;
  height: 88px;
  _height: 100px;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  
}

#all-nav li{
  
  display: block;
  float:left;
  margin-bottom: 4px;       
  margin-right: 1px;
  
}

#all-nav #special-link a{
  background: #53c500;
  border: 1px solid #ccf548;
  font-weight: bold;
}

#all-nav #motions-link a{
  background: url(./img/motions-nav.png) no-repeat 0 0;
  text-indent: -9000px;
  overflow: hidden;
  width: 150px;
  padding: 0;
}

#all-nav #motions-link a:hover{
  background-position: 0 -36px;
}

#all-nav #kuriozity-link a:hover, #all-nav #kuriozity-link.active a{
  background: #5faa9b;
  border: 1px solid #8de0cf;  
}

#all-nav #celebrity-link a:hover, #all-nav #celebrity-link.active a{
  background: #cb0000;
  border: 1px solid #f60000; 
}

#all-nav #videoklipy-link a:hover, #all-nav #videoklipy-link.active a{
  background: #64aadc;
  border: 1px solid #a7dafe; 
}

#all-nav #ceska-videa-link a:hover, #all-nav #ceska-videa-link.active a{
  background: #416eb4;
  border: 1px solid #7caaf0; 
}

#all-nav #sex-brutality-link a:hover, #all-nav #sex-brutality-link.active a{
  background: #dc9632;
  border: 1px solid #ffc067; 
}
#all-nav #filmy-link a:hover, #all-nav #filmy-link.active a{
  background: #aaaaaa;
  border: 1px solid #dcdcdc; 
}
#all-nav #serialy-link a:hover, #all-nav #serialy-link.active a{
  background: #509650;
  border: 1px solid #50d150; 
}
#all-nav #radia-online-link a:hover, #all-nav #radia-online-link.active a{
  background: #96be50;
  border: 1px solid #b5e562; 
}
#all-nav #online-tv-link a:hover, #all-nav #online-tv-link.active a{
  background: #9b7d55;
  border: 1px solid #ca9856; 
}

#all-nav #pohadky-link a:hover, #all-nav #pohadky-link.active a{
  background: #5a328c;
  border: 1px solid #9e69e1; 
}

#all-nav #hry-online-link a:hover, #all-nav #hry-online-link.active a{
  background: #b4195a;
  border: 1px solid #e14989; 
}

#all-nav #fotbal-link a:hover, #all-nav #fotbal-link.active a{
  background: #3c643c;
  border: 1px solid #55c155; 
}




#all-nav li a{
  display: block;
  color: #555;
  background: #424242 url(./img/all-nav-menu-background.png);
  padding: 0 25px 0 25px;
  line-height: 36px;
  border: 1px solid #9e9e9e;
  color: #fff;
  text-decoration: none;
    font-size: 12px;
  font-weight: normal;
}



#site-nav{
  border: 1px solid #c6c6c6;
  background: #eeeeee;
  line-height: 40px;
  clear:both;
  padding-left: 25px;
}


#site-nav li{
  display: block;
  float:left;
  
}

#site-nav li a{
  display: block;
  border-left: 1px solid #fff;
  border-right: 1px solid #c6c6c6;
  font-weight: bold;          
  color: #555;
  padding: 0 15px 0 15px;
  text-decoration: none;
}
#site-nav li a:hover, #site-nav li.active a{
	
	color: #fff;
	
}

#divne-veci #site-nav li.active a, #divne-veci #site-nav li a:hover{
  background: #5faa9b;
}
#ceska-videa #site-nav li.active a, #ceska-videa #site-nav li a:hover{
  background: #416eb4;
}
#ladim #site-nav li.active a, #ladim #site-nav li a:hover{
  background: #96be50;
}
#pohadkar #site-nav li.active a, #pohadkar #site-nav li a:hover{
  background: #5a328c;
}
#kinoteka #site-nav li.active a, #kinoteka #site-nav li a:hover{
  background: #aaaaaa;
}
#televizky #site-nav li.active a, #televizky #site-nav li a:hover{
  background: #9b7d55;
}
#kookej #site-nav li.active a, #kookej #site-nav li a:hover{
  background: #dc9632;
}
#masakruj #site-nav li.active a, #masakruj #site-nav li a:hover{
  background: #b4195a;
}
#epizoda #site-nav li.active a, #epizoda #site-nav li a:hover{
  background: #509650;
}
#zivace #site-nav li.active a, #zivace #site-nav li a:hover{
  background: #3c643c;
}
#slagry #site-nav li.active a, #slagry #site-nav li a:hover{
  background: #64aadc;
}
#zakazane #site-nav li.active a, #zakazane #site-nav li a:hover{
  background: #cb0000;
}

.header .hledej {margin: 0 25px 0 0; padding: 0; float: right; line-height: 100%;}
