html, body {font-family:Arial, Helvetica, sans-serif; color:#414141;font-size: 87%; background:#272727 url("img/bg.png") repeat-x; margin:0; padding-top:1px; text-align: center; }
img {border:0}

a {color:#000000; font-weight:bold; background:inherit;}
a:hover {text-decoration:none;color:#FDE307;background:inherit; }
span, hr { display:none}
.cistic { border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px;}

.reklama2 { width:800px;height:100px; float:left; right:0px; top:0px; background:#191919;}
.reklama3 { float:left; margin-left:35px; margin-top:8px; background:#191919;}
.banner { text-align:center;}

.obal {text-align:left; width:800px; background:#272727; margin: auto; color:#ffffff}
.hlavicka { background: url("img/hlavicka2.png") repeat-x ; height:100px; width:800px; color:#414141}

.leftnadpis {width:263px;	height:24px;	background-color:#00a2e0;	color:#000000; background-repeat:no-repeat;}
.seznam {width:280px;	background-color:#00a2e0;	color:rgb(51,51,255); margin-left:10px; background-repeat:no-repeat;}
.seznam * { margin:0; padding:0; color:#000000; background:inherit;}
.bila { background-color:#F7F7F7; width:270px; height:25px; margin:0px; height:auto; color:#000000; padding-left:3px;  }
.bila a{ text-decoration:none; color:rgb(51,51,255);}
.bila a:hover{ color:rgb(255,153,51);}
.prvni { text-align:left;	background-color:#D7EBFF;	width:270px; height:25px; height:auto; color:#000000;	margin:0px;	padding-left:3px;}
.prvni a{ text-decoration:none; color:rgb(51,51,255);}
.prvni a:hover{ color:rgb(255,153,51);}


.seznam2 {width:280px;	background-color:#00a2e0;	color:rgb(51,51,255); margin-left:310px; margin-top:-210px; background-repeat:no-repeat;}
.seznam2 * { margin:0; padding:0; color:#000000; background:inherit;}
.leftnadpis2 {width:253px;	height:24px;	background-color:#00a2e0;	color:#000000; background-repeat:no-repeat;}
.bila2 { background-color:#F7F7F7; width:270px; height:25px; margin:0px; height:auto; color:#000000; padding-left:3px;  }
.bila2 a{ text-decoration:none; color:rgb(51,51,255);}
.bila2 a:hover{ color:rgb(255,153,51);}
.prvni2 { text-align:left;	background-color:#D7EBFF;	width:270px; height:25px; height:auto; color:#000000;	margin:0px;	padding-left:3px;}
.prvni2 a{ text-decoration:none; color:rgb(51,51,255);}
.prvni2 a:hover{ color:rgb(255,153,51);}

.stiahni {margin-top:10px; margin-left:230px; color:#000000;}
.stiahni2 {margin-top:10px; margin-left:45px; color:#ffffff;}

.klipy1 {float:left; margin-top:0px; margin-left:40px; color:#ffffff;}
.klipy2 {float:right; margin-top:0px; margin-right:30px; color:#ffffff;}
.klipy3 {float:left; margin-top:0px; margin-left:100px; color:#ffffff;}
	
.right-download {float:left; margin-top:0px; margin-left:60px; color:#ffffff;}
.novinka3 {font-size:200%; color:#ffffff; padding:10px; }
.vzkaznik {float:left; margin-top:30px; margin-left:30px; color:#ffffff;}
.obaly {float:left; margin-top:20px; margin-left:60px; color:#ffffff;}
.obaly2 {float:left; margin-top:5px; margin-left:20px; color:#ffffff;}

#menu {width:800px; height:35px; float:left; background: #FDE307 url("img/mennu.png") repeat-x;}
#menu a {color:#ffffff; text-align:center; text-decoration:none;}
#menu a:hover {color:#000000;}
#menu ul{float:left; height:30px; margin-left:0px; margin-top:0px;}
#menu li {border-width:1px; float:left; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; list-style-type:none !important}
.tlacitko{display:block; color:#000000; background:url("img/tlac1.png"); width:100px; height:30px;}
.tlacitko:hover {display:block; background:url("img/tlac2.png"); width:100px; height:30px;}
.tlacitko_activ {display:block; color:#000000; background:url("img/tlac2.png"); width:100px; height:30px;}
.tlacitko span{margin-top:5px; text-align:center;}

.stred { width:800px; height:auto; margin-top:0px; }

.lava { float:left; background:#414141 url("img/lava.png") repeat-x ;  height:auto; width:160px; color:#414141; border-top:1px solid #000000;}
.imglava { margin-right:5px; float:left;  border:1px solid #000000;}
.imgprava { margin-left:15px; float:left; border:1px solid #000000;}

.prava { float:left; background:#595959 url("img/stred.png") repeat-x; height:auto; width:640px;  font: Arial;  text-align:justify; color:#414141; border-top:1px solid #000000;}
#reklama { margin-left:0px; margin-top:10px; float:left; color:rgb(255,255,255); background:#191919 ;}
#reklama a {   margin-top:10px;  margin-left:5px; color:rgb(255,255,255); background:#191919 ;}


h1 { float:left;  margin-left:10px; color:rgb(255,255,0); font-size:200%; background :none;   margin-top:5px;}
h2 { float:left;  margin-left:10px; margin-top:30px; font-size:120%; background :none; border-bottom:1px dotted  rgb(255,255,0);  color:#ffffff;}
h3 { text-align:left;  height:25px; margin:5px 0px; padding-left:5px; padding-top:5px; color:rgb(255,255,0); font-family:Arial; font-size:120%; background:#000000 url("img/h3.png") repeat-x;}
h4 { color:#ffffff;  font-size:100%; background :#000000 url("img/h4.png") repeat-x; line-height:25px; height:25px; }
.text { float:left; margin-left: 15px;  width:600px;  color:#ffffff; background: none; padding-top:10px; font-family:Arial; font-size:110%; }

.center { text-align:center;  width:600px;  color:#ffffff; background: none; padding-top:10px; font-family:Arial; font-size:120%; }
.text a {color:#ffffff; }
.vyh { float:left; padding-left: 15px;  width:570px;  color:#000000;  background:rgb(84,84,84); padding-top:5px;   }

/*========================== VYHLADAVANIE =============================*/
.textvyhl {   margin-right:auto; margin-left:auto;  width:auto;  color:#ffffff; background:rgb(0,0,0);  font-family:Arial; font-size:110%; }
.vyhvyhl {   margin-right:auto; margin-left:auto; width:570px;  color:#000000;  background:rgb(84,84,84);    }


/*========================== TABULKY =============================*/
table.vyh1{ float:left; padding-left: 15px;  width:570px;  color:#ffffff;  background:none; padding-top:5px;  }
.vyh2 {width:143px; height:19px; background:url(img/vyh2.gif) left top no-repeat; text-align:center; padding:0 0px 0 0; border:0; font-size:12px; letter-spacing:1px; cursor:pointer;}

.vrch { float: left; background:#ffffff; margin-left: 25px;}
.vyhladavanie { float: left; margin-left:10px; background:#ffffff;}


.hr{  margin-left: 11px;}
.hr1{  margin-left: 30px; width:700px; background:#ffffff;}
.hr2{  margin-left: 10px; width:700px; background:#ffffff;}
#tooltip { position:absolute; z-index:500; width:auto; background:rgb(0,0,0); border:3px solid #FDFDFD; text-align:left; padding:5px; min-height:1em; }
#tooltip p { margin:0; padding:0; color:#FFFFFF; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
#tooltip p em { margin-top:3px; color:#FFFFFF; font-style:normal; font-weight:normal; }
#tooltip p em span { }


.obsah { width:auto; width:700px; border-top:2px solid #2b6383; }
.obsah .text  img { float:left; margin:5px;}
.obsah .oslovenie{margin-left:10px; font-weight:bold;}
.obsah .text2 { float:left; margin-left: 45px;  width:550px;  background : #ffffff ;padding-top:10px; }
.obsah .text2  img {float:left; width:80px; border:3px solid #faef8e; margin-right:5px;}
.obsah .text2  img:hover {width:80px; border:3px solid #FDE307;}

.paticka { text-align:center; width:800px; height:40px; border-top:1px solid #ffffff; color:#000000; background: url("img/hlavicka.png") repeat-x; margin:5px 0 0 0; padding:5px 0; font-size:0.95em;}
ul.dolne_menu{float: right; margin-right:35px; background:none; margin-top:-10px; font-size:1.2em; color:#ffffff; font-family: arial; }
ul.dolne_menu li{float:right; 	background:none; list-style-type:none !important}
ul.dolne_menu li a{color:#ffffff; background:none; text-decoration:none;}
ul.dolne_menu li a:hover{color:#FDE307;}
ul.dolne_menu li a.aktivny{color:#FDE307;}
.autor { text-decoration:none; position:relative; list-style-type:none !important; color:#ffffff; background:none; margin-top:5px; margin-left:10px; text-align:left; font-size:0.85em; }




/*========================== Partnery =============================*/
.partneri{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; width:790px; text-align:left; padding-left:5px; padding-right:5px;}
.partneri a{color:#ffffff; text-decoration:none;}
.partneri a:hover{color:#ffffff; text-decoration:underline;}


/*========================== LIGHTBOX =============================*/

table.foto{position: relative; top:0px; left:0px	; width:95%; z-index:100; text-align:center; line-height:0; border:2px solid #f8c301;}


/*========================== LIGHTBOX =============================*/

#lightbox{position: absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none;}
#outerImageContainer{position:relative; background-color:#dedede; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:60%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background: transparent url(../pictures/blank000.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pictures/predchadzajuci.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pictures/dalsi.png) right 15% no-repeat; }

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; padding-top:6px; background-color:#999; margin:0 auto; line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left; color:#333;}	
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em;}	
		
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */}