html, body {font-family:Arial, Helvetica, sans-serif; color:#414141;font-size: 87%; background: #343434 url("img/background.png") repeat-y top center; margin-left:auto; margin-top:auto; margin-right:auto; 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:absolute; float:left; right:10px; top:100px;}

.obal {text-align:left; width:700px; background:#000000; margin:0 auto; color:#ffffff}
.hlavicka { background: white url("img/top.gif") no-repeat; height:279px; width:700px; color:#414141}

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

.lava { float:left; background:url("img/lava.png") no-repeat;  height:auto; width:130px; color:#414141; border-top:1px solid #ffffff;}
#imglava { margin-right:10px; margin-top:10px; float:left;  border:3px solid #ffffff;}
#imgprava { margin-left:10px; margin-top:10px; float:right; border:3px solid #ffffff;}

.prava { float:right; background:#abaaaa url("img/prava.png") no-repeat; height:auto; width:550px; text-align:justify; color:#414141; border-top:1px solid #000000;}
#reklama { margin-left:5px; margin-top:235px; float:left; background:#000000; }
#reklama3 { margin-left:25px; margin-top:15px; float:left; padding:10px; }

#navigace {width:110px; height:30px; float:left; background:none; }
#navigace a {color:#ffffff; text-decoration:none; text-align:center; font-size: 1.2em;}
#navigace a:hover {color:#FDE307;}
#navigace ul{float:left; height:20px; margin-left:10px; margin-top:5px;}
#navigace li {border-width:1px; border-bottom: 1px dotted #ffffff ; width:110px; float:left; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:90%; list-style-type:none !important}
.tlacitko{display:inline; background:none; width:120px; height:50px;}
.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:#fdf402; font-size:130%; background :none;  margin-right:2px; margin-top:255px;}
h2 { text-align:left; margin:5px 5px; color:rgb(255,255,0); font-family:Arial; font-size:140%; background:none;}
h3 { text-align:left; margin:5px 5px; color:rgb(255,255,0); font-family:Arial; font-size:120%; background:none;}
h4 { color:#ffffff;  font-size:100%; background :#549E12 url("img/h4.png") repeat-x; line-height:25px; height:25px; }

.text { float:left; margin-left: 15px;  width:540px;  background : #none ;padding-top:10px; font-family:Arial; font-size:110%; }

.navigace2 {padding:1px; text-align:left; background:#11425e; color:#414141}
.navigace2 ul { margin:1px}
.navigace2 li { display:inline; margin:5px;}
.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 { }


.obsah { width:auto; width:700px; border-top:2px solid #2b6383;}
.obsah .text { float:left;   width:700px;  background : #ffffff url("img/obsah.png") repeat-y;padding-top:10px; }
.obsah .text  img { float:left; margin:0px;}
.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;}

.obsah #oslovenie { text-align:left; padding:3px 0 3px 15px; font-weight:bold;}
.novinky { float:left; width:140px; background:#ffffff; padding-left:10px; padding-top:19px; text-align:center}
.novinky2 { float:left; width:120px; margin:0 10px; background : #ffffff; padding-left:5px; padding-top:5px; text-align:center}
.menu_prave{margin-left:8px; margin-top:5px; background : #d0d8cd;}

.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:#ffffff; background:none; margin-top:40px; margin-left:10px; text-align:left; font-size:1.1em; }

/*========================== 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:4px solid #ffffff; padding:0px;}
table.obrazky td:hover{width:100px; border:4px solid #FDE307;}
table td.kontakt{width:270px;}

/*========================== Partnery =============================*/
.partneri{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; width:690px; text-align:left; padding-left:10px; padding-right:10px;}
.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:100%; z-index:100; text-align:center; line-height:0; border:3px solid #ffffff;}
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 */}