html, body {font-family:Arial, Helvetica, sans-serif; color:#414141;font-size: 87%; background:#ffffff url("img/bg.gif") no-repeat; margin:0; padding-top:1px; text-align: center; }
img {border:0}
* { margin:0; padding:0; color:rgb(0,0,0); background:inherit;}
a {color:rgb(0,0,0); font-weight:bold; background:inherit;}
a:hover {text-decoration:none;color:rgb(96,96,96);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:728px;height:90px; float:left; right:0px; top:0px; background:none;}
.reklama3 { float:left; margin-left:0px; margin-top:0px; background:#ffffff;}

.obal {text-align:left; width:728px; margin: auto; color:#ffffff}
.hlavicka { background: url("img/hlavicka.gif") no-repeat ; height:100px; width:728px; color:#414141}
.mimo { position:absolute; float:left; right:0px; top:20px; }


#menu {width:728px; color:#ffffff; height:35px; float:left; background: rgb(255,255,0) url("img/mennu.png") repeat-x;}
#menu a { text-align:center; text-decoration:none;}
#menu a:hover {color:rgb(114,114,114); background:url("img/tlac2.png");}
#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:#ffffff; background:url("img/tlac1.png"); width:100px; height:30px;}
.tlacitko:hover {display:block; color:#ffffff; background:url("img/tlac2.png"); width:100px; height:30px;}
.tlacitko_activ {display:block; color:rgb(0,0,0); text-decoration:none; background:url("img/tlac2.png"); width:100px; height:30px;}
.tlacitko span{margin-top:5px; text-align:center;}

.stred { width:728px; }

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

.prava { float:left; background:#ffffff url("img/lava.png") repeat-y; height:auto; width:568px;  font: Arial;  text-align:justify; color:#414141; border-top:1px solid #000000;}
#reklama { margin-left:20px; margin-top:10px; float:left; width:120px; background:#ffffff ;}

.obrazok2 { margin-left:0px; padding-right:10px; }
.obrazok3 { margin-left:30px; padding-right:10px; }
.obrazok4 { margin-left:160px; padding-top:10px; }
.obrazok5 { margin-left:120px; padding-top:10px; }
.obrazok6 { margin-left:35px; padding-top:0px; }
h1 { float:left; width:550px; margin-left:120px; margin-top:60px; color:rgb(0,0,0); background:none ; font-size:200%;}
h2 { text-align:left;  height:25px; width:500px; margin:15px 20px; padding-left:0px; padding-top:0px; color:rgb(0,0,0); border-bottom: 1px dotted #000000 ; font-family:Arial; font-size:140%; background:#ffffff url("img/h3.png") repeat-x;}
h3 { text-align:left;  height:25px; width:440px; margin:5px 0px; padding-left:0px; padding-top:5px; color:rgb(0,0,0); font-family:Arial; font-size:120%; background:#ffffff 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: 30px;  width:500px;  color:rgb(112,112,112); background: none; padding-top:20px; font-family:Arial; font-size:110%; }
.text2 { float:left; margin-left: 35px;  width:430px;  color:rgb(0,0,0); background:rgb(224,255,144); border:3px solid rgb(192,255,96); padding:10px 10px 10px 10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; }
.text2 li {  color:rgb(0,0,0); margin-left:10px;}
.stahuj { float:left; margin-left: 35px;  width:430px;  color:rgb(0,0,0); background:rgb(240,208,255); border:3px solid rgb(240,176,255); padding:10px 10px 10px 10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; }
.stahuj2 { float:left; margin-left: 35px;  width:350px;  color:rgb(0,0,0); background:rgb(240,208,255); border:3px solid rgb(240,176,255); padding:20px 50px 20px 50px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; }

.google { float:left; margin-left: 30px;  width:470px;  }


.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,255,64); 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:728px; height:40px; border-top:1px solid #ffffff; color:#000000; background: url("img/hlavicka.png") no-repeat; 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:#000000; background:none; margin-top:5px; margin-left:20px; text-align:left; font-size:0.85em; }

/*========================== TABULKY =============================*/
table.color1{position:relative; left:12px; background: #191919; top:10px; font-weight:bold; text-align:center;}
table.video-dolu {width:100px; border:2px solid #faef8e; padding:0px;}


/*========================== Partnery =============================*/
.partneri{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:rgb(255,255,255); font-size:9px; color:#000000; width:728px; text-align:left; padding-left:5px; padding-right:5px;}
.partneri a{color:#000000; text-decoration:none;}
.partneri a:hover{color:#000000; 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 */}