@charset "utf-8";
/* CSS Document */

body {
	background-color:#000000;
	background-image:url(images/bg-svetlo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px;
	text-align:center;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	margin-top: 0.15em;
	margin-bottom: 0.35em;
	margin-left: 0px;
	color: #b4ff05;
	line-height: normal;
	font-weight:bold;

}


h1{ font-size: 140%; }
h2{ font-size: 150%; }
h3{ font-size: 120%; }
h4{ font-size: 120%; }
h5{ font-size: 110%; }
h6{ font-size: 100%; }



h1, h3, h5{
	margin-top: 0px;

}

a{
	color:#000D1E;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

.main {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;

}

.header {
	height:80px;
	float:left;
	width:984px;
	position:relative;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
}
.logo {
	top:26px;
	left:0px;
	width: 191px;
	height: 51px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
}

a.homelink {
	display: block;
	width: 191px;
	height: 51px;
	text-decoration: none;
}
a.homelink span {
	visibility: hidden;
}
.header .menu
{
	position: absolute;
	right: 0px;
	top: 44px;
	height:36px;
	background-image:url(images/bg-menu-header.gif);
	background-repeat:repeat-x;
}



.header .menu a
{
	color: #001049;
	text-decoration: none;

}


.header .menu
{
	font-size:13px;
	color: #001049;
	display: block;
	float: left;
	line-height: 36px;
	padding-left: 15px;
	padding-right: 15px;
}



.header .menu a:hover
{
	position: relative;
	text-decoration:underline;
}

.horizontal-menu
{
	float:left;
	height:30px;
	padding-top:8px;
	width:984px;
	background-image: url(images/bg-menu-top.gif);
	background-repeat:repeat-x;
}

.panel-navigace
{
	height:34px;
	width:100%;
	float:left;
}

.panel-navigace .navigace
{	float:left;
	line-height:34px;
	width:400px;
	color:#bfbfbf;
	padding-left:18px;
	font-size:11px;
}

.panel-navigace .navigace a
{	color:#ffffff;
	text-decoration:underline;
	
	
}
.panel-navigace .navigace a:hover
{
	text-decoration:none;
}

.container	
{
	float:left;
	width:984px;
	background-color:#FFFFFF;
}

.container.zelena
{
	background-color:#061e00;
	padding-bottom:20px;
}

.modra
{
	background-color:#000d1e;
	padding-bottom:20px;
	width:100%;

}

.modra .popis
{	float:left;
	padding:0px;
	width:460px;
	padding-top:20px;
	font-size:12px;
	color:#90a6c2;
}
.modra .odkazy-pod-video
{
	float:right;
	width:140px;
	padding-top:20px;
	line-height:24px;
}

.modra .odkazy-pod-video a
{	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
}

.modra .odkazy-pod-video .zhlednuto
{	font-size:11px;
	color:#90a6c2;
	padding-left:24px;


}
.modra .odkazy-pod-video .zhlednuto strong
{	font-size:12px;


}

.modra .odkazy-pod-video a:hover
{
	text-decoration:none;
}



.modra .odkazy-pod-video a.oblibene
{	background-image:url(images/ico-oblibene.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

.modra .odkazy-pod-video a.sdileni
{	background-image:url(images/ico-sdileni.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

.col-left{
	float:left;
	width:642px;
}
.col-right{
	float:right;
	width:342px;
}
/* --- Grid --- */
.grid {
  width: 984px;
  margin:auto;}
.grid-m22 {
  float: left;
  width: 22px;
  height: 1px;
}
.grid-m20 {
  float: left;
  width: 20px;
  height: 1px;
}
.grid-140 {
  float: left;
  width: 140px;
}

.grid-300 {
  float: left;
  width: 300px;
  padding-top:20px;
}
.grid-460 {
  float: left;
  width: 460px;
}

.grid-620 {
  float: left;
  width: 620px;
  padding-top:20px;
}

.grid-760 {
  float: left;
  width: 760px;
}

/* --- STAR RATING BIG--- */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:100px;
height:20px;
margin:0px;
margin-bottom:10px;
overflow:hidden;
list-style:none;
padding:0px;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:20px;
line-height:20px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left bottom;
}


.search-form
{
	float:left;
	width:300px;
	line-height:20px;
	height:20px;
	margin-bottom:16px;
}

.search-form .field
{
	border: 1px solid #808ea0;
	float:left;
	height:18px;
	font-size:13px;
	width:220px;
	padding-top:3px;
	padding-left:5px;

}

.search-form .odeslat
{
	padding-top:2px;
	float:right;
}

.banner
{
	float:left;
	width:100%;
}

.banner a img
{	border:0px;
}

.top-videa, .box-300{
	float:left;
	width:300px;
}

h3.label{
	line-height:28px;
	font-size:13px;
	color:#000d1e;
	margin-bottom:0px;
	background-image:url(images/bg-h3.gif);
	background-repeat:repeat-x;
	padding-left:10px;

	

}

.top-videa .cont{
	float:left;
}

.top-videa .cont .img{
	float:left;
	padding-right:14px;

}

.top-videa .cont .img a img{
	border:0px;
}

.videolist{
	width:280px;
	padding:10px;
	height:280px;
	overflow:auto;
	background-color:#FFFFFF;
}

.videolist.border{
	border: 1px solid #bfbfbf;
	width:278px;
}

.videolist.no-owerflow{
	overflow: inherit;
	height:480px;
}


.videolist .video-detail
{
	float:left;
	width:260px;
	margin-bottom:10px;

}
.videolist .video-detail a img
{
	float:left;
	width:86px;
	height:48px;
	border: 2px solid #bfbfbf;
	
}

.videolist .video-detail a:hover img
{
	border: 2px solid #76a704;
	
}

.videolist .video-detail .item
{
	float:left;
	width:160px;
	padding-left:10px;

}
.videolist .video-detail  a.label
{	display:block;
	font-weight:bold;
	width:100%;
}


.videolist .video-detail .popis
{	padding:0px;
	width:100%;
	font-size:11px;
	font-weight:normal;
	color:#90a6c2;
}
.videolist .video-detail .kat a
{	color:#76a704;
	padding:0px;
	font-size:11px;
	padding:0px;
	margin:0px;
	width:100%;
	
	
}


.video-box{
	float:left;
	width:186px;
	height:235px;
	margin-bottom:20px;
}


.video-box a img
{
	float:left;
	width:182px;
	height:104px;
	border: 2px solid #bfbfbf;
	
}

.video-box a:hover img
{
	border: 2px solid #76a704;
	
}

.video-box .label a
{	float:left;
	display:block;
	width:100%;
	margin-top:5px;
	font-weight:bold;
}

.video-box .popis
{	float:left;
	display:block;
	height:40px;
	width:100%;	
	margin-top:5px;
	margin-bottom:5px;
}
.video-box .kat a
{	float:left;
	color:#76a704;
	font-size:11px;
	
}


.mapa-stranek {
  float: left;
  width: 100%;
}
.mapa-stranek ul {
  list-style: none;
  margin-bottom: 17px;
  margin-left: 20px;
  padding:0px;
  font-size:12px;
  line-height:15px;
}
.mapa-stranek .mapa-container {
  float: left;
  width: 19%;
}
.mapa-stranek .mapa-container a {
  color: #76a704;
  text-decoration: none;
}
.mapa-stranek .mapa-container h6 a {
	color: #fff;
}


.mapa-stranek .mapa-container li.archiv a {
  color: #666666;
}
.mapa-stranek .mapa-container a:hover {
  text-decoration: underline;
}
.mapa-stranek .mapa-container h6 {
  font-weight: bold;
  margin-bottom: 5px;
}

.mb {
  margin-bottom:16px;
}

.tmava {
	background-color:#000d1e;
	float:left;
	padding-bottom:20px;
	padding-top:20px;
}

.cl{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;

}

/*pujcovna*/
.pujcovna-box{
	float:left;
	width:190px;
	height:150px;
	margin-bottom:10px;
	font-size:11px;
}


.pujcovna-box a img
{
	float:left;
	width:63px;
	height:78px;
	border: 2px solid #bfbfbf;
	margin-right: 5px;
	
}

.pujcovna-box a:hover img
{
	border: 2px solid #76a704;
	
}

.pujcovna-box .label a
{	font-size:13px;	
	font-weight:bold;
}

.pujcovna-box .popis
{
}
.pujcovna-box .kat a
{	
	color:#76a704;
	font-size:11px;	
}

.pujcovna-detail img {
	float: left;
	margin: 10px;
}

.pujcovna-detail .left {
	float: left;
}
.pujcovna-detail .right {
	float: right;
	display:block;
	width:400px;
	padding-right:25px;
}

.pujcovna-detail h2 {
	display:block;
	color:#000d1e;
}

.pujcovna-detail .original {
	display:block;
	padding-top:5px;

}

.pujcovna-detail .director {
	display:block;
	padding-top:5px;

}
.pujcovna-detail .description {
	display:block;
	padding-top:10px;
	padding-bottom:10px;

}

.pujcovna-detail .sell {
	display:block;

}

.pujcovna-detail .rent {
	display:block;
	line-height:25px;
	padding-top:10px;

}

.pujcovna-detail .down {
	display:block;

}
.pujcovna-detail .down a img{
	border:0px;

}

form label {
    float: left;
    width: 80px;
    line-height: 19px;
    _float: none;
    _display: inline-block;
}

.prihlasit {
	float:left;
	width:984px;
	padding-left:40px;
	display:none;
}

.prihlasit .container h3{
	color:#b4ff05;
	font-size:14px;
	
	
}

.prihlasit .container {
	float:left;
	background-color:#011c40;
	width:864px;
	height:55px;
	padding:20px;
}

.prihlasit .container div{
	float:left;
	margin-right:10px;
	color:#FFFFFF;
	height:29px;
	line-height:29px;


}

.prihlasit .container div input
{
	border: 1px solid #808ea0;
	float:left;
	height:21px;
	font-size:14px;
	width:150px;
	padding-top:5px;
	padding-left:5px;

}
.prihlasit .container div input.tl-odeslat
{
	border: 0px;
	width:78px;
	height:29px;
	padding:0px;


}



.prihlasit .container a.btn-prihlasit
{
	border: 0px;
	float:right;
	height:29px;
	padding-left:20px;
	background-image:url(images/ico-close.gif);
	background-repeat:no-repeat;
	color:#ffffff;

}

.horizontal-menu-profil
{
	float:left;
	height:30px;
	padding-top:8px;
	width:584px;
	background-image: url(images/bg-menu-top.gif);
	background-repeat:repeat-x;
	margin-bottom: 16px;
}

.navpages {
	display:block;
	text-align:right;
	width: 100%;
	margin-bottom: 5px;
}

.navpages img{
	border: 0px;
}


