html, body {font-family:Arial, Helvetica, sans-serif; color:#414141;font-size: 87%; background:rgb(225,225,225); margin:0; padding-top:5px; text-align: center; }
img {border:0}
* { margin:0; padding:0; color:#000000; background:inherit;}
a {color:#FFF2BF; 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 { position:relative; float:center; right:0px; top:0px;}

.obal {text-align:left; width:728px; background:#ffffff; margin:0 auto; color:#ffffff}
.hlavicka { background: white url("img/logo.png") no-repeat; height:200px; width:728px; color:#414141}
.hlavicka2 { background:none; height:15px; width:728px; color:#414141}

.stred { width:728px; height:auto; background:url("img/rolovanie.png") repeat-y; }

.lava { float:left; background:#abaaaa ;  height:auto; width:180px; color:#414141; border-top:1px solid #abaaaa;}
#imglava { margin-right:5px; float:left;  border:1px solid #000000;}
#imgprava { margin-left:5px; float:right; border:1px solid #000000;}
.lava h2 {background:url("img/odr.png") no-repeat; width:135px; height:27px; padding-left:40px; padding-top:5px; margin-left: 0px; margin-top: 0px; font-size:100%; }


.prava { float:right; background:#ffffff ; height:auto; width:510px;  text-align:justify; color:#414141; border-top:1px solid #ffffff;}
.prava h5 {float:left; padding-left:120px; color:rgb(255,0,0); font-size:150%; margin-top:0px;  }
.prava h5 a {  color:rgb(255,0,0);  }


#reklama { margin-left:15px; margin-top:35px; float:left; background:#000000; }

#navigace { float:left; background:none; }
#navigace a {color:#ffffff; text-decoration:none; text-align:center; font-size: 1.3em;}
#navigace a:hover {color:#FDE307;}
#navigace ul{float:left; height:10px; margin-left:20px; margin-top:10px;}
#navigace li {border-width:1px; border-bottom: 1px dotted #ffffff ; margin-top:2px; width:110px; float:left; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:80%; list-style-type:none !important}
.tlacitko{display:inline; background:none; width:120px; height:20px;}
.tlacitko:hover {background:none;color:#FFF2BF; }
.tlacitko_activ {background:none; color:#000000; }
.tlacitko span{ background:none; margin-top:10px; margin-left:10px;}

h1 { float:right;  color:#000000; font-size:130%; background :none;  margin-right:10px; margin-top:5px;} 
h2 a { float:left;  margin-left:15px; margin-top:175px; font-size:70%; background :none;   color:#000000; text-decoration:none;}
h2 a:hover { float:left;  margin-left:15px; margin-top:175px; font-size:70%; background :none;   color:#000000; text-decoration:none;}
h3 { text-align:left; margin:10px 0px; color:rgb(0,0,0); padding-left: 45px; padding-top:5px; font-family:Arial; font-size:100%; width:440px; height:26px; background:url("img/odr2.png") no-repeat;}
h4 a { color:rgb(51,153,255);  font-size:105%; background :none;}
h4 a:hover { color:#000000;  font-size:105%; background :none;}



.text2 { float:left; margin-left: 0px;  width:430px;  background :rgb(255,255,153); padding:8px; font-family:Arial; font-size:80%; }
.text3 a { float:right ; padding-right:50px; font-family:Arial; font-size:75%; color: rgb(113,113,113);  }
.text3 a:hover { float:right ; padding-right:50px; font-family:Arial; font-size:75%; color: rgb(0,0,0);  }
.text4 { float:left ; width:430px;  }

.text5 a { float:left ; padding:0px; font-family:Arial; font-size:80%; color: rgb(113,113,113);  }
.text5 a:hover { float:left ; padding:0px; font-family:Arial; font-size:80%; color: rgb(113,113,113);  }

.navigace2 {padding:1px; text-align:left; background:#11425e; color:#414141}
.navigace2 ul { margin:1px}
.navigace2 li { display:inline; margin:10px;}
.navigace2 li a:hover{color:#FDE307;}
.navigace2 li a.aktivny{color:#FDE307;}

.localnav { width:130px; float:left;padding:6px 6px 6px 30px; text-align:left; background:#B38F00;color:#414141}
.localnav ul { margin:10px 5px 10px 20px;}
.localnav li { margin:5px; }

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

.menu {  margin-left: 18px; font-size:1.3em; font-weight:bold;}
.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:#000000; 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 { }

 
.paticka { text-align:center; height:70px; border-top:1px solid #ffffff; color:#000000; background: url("img/peticka.png") no-repeat; margin:5px 0 0 0; padding:5px 0; font-size:0.73em;}
ul.dolne_menu{float: right; margin-right:35px; background:none; margin-top:2px; 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:40px; margin-left:10px; text-align:left; font-size:1.2em; }
.autor a {   color:#000000;   }
.autor a:hover {   color:#000000;   }

/*========================== TABULKY =============================*/
table.obrazky{position:relative; left:12px; background: #ffffff; top:10px; font-size:10px; font-weight:bold; text-align:center;}
table.obrazky td{width:100px; border:2px solid #faef8e; padding:0px;}
table.obrazky td:hover{width:100px; border:2px solid #FDE307;}
table td.kontakt{width:270px;}

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

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

/*========================== 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 */}