body {padding: 0; margin: 0; font: 75%/135% "Trebuchet MS", arial, "Arial CE"; text-align: center; background: #666666 url("../images/pozadi.png") top center repeat-x;}
a {color: #666;}
a:hover {color: #F77F00;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 200%; line-height: 140%; color: #4b4b4b; padding: 0; margin: 25px 0 30px 0; text-align: right;}
h3 {font-size: 140%; color: #75AC3F; padding: 0; margin: 25px 0 5px 0;}
h3 a {color: #75AC3F;}
h4 {font-size: 125%; color: #666; margin: 5px 0 5px 0;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ul {padding: 0 0 0 35px; margin: 10px 0 10px 10px;}
li {line-height: 140%; list-style-type: square;}
dl {line-height: 130%; padding: 5px 0 15px 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 50px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.2em 130px; border: 0;}
table {font-size: 100%; color: #666; border-collapse: collapse;}
fieldset {border: 1px solid #DBDBDB; color: #000; padding: 15px 2px 10px 10px; margin: 0 40px 0 30px;}
legend {padding: 1px 5px 1px 5px; font-size: 90%; color: #1559A4; font-weight: bold; float: right;}
input {margin-bottom: 2px;}

#container, #containeruvod {width: 990px; margin-left: auto; margin-right: auto; text-align: left; font-size: 100%; color: #4b4b4b; background: url("../images/container.png") top right repeat-y;}
#containeruvod {background: url("../images/container-uvod.png") top right repeat-y;}
#hlavicka0 {width: 990px; height: 212px; padding: 0; margin: 0; border: 0; background: url("../images/hlavicka.png") top center no-repeat;}
#hlavicka {float: left; padding: 110px 0 0 0;}
#hlavicka #logo {position: relative; width: 220px; height: 60px; overflow: hidden; margin: 0 0 0 390px; padding: 0; font-size: 200%;}
#hlavicka #logo span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.png") 0 0 no-repeat; cursor: pointer;}
#hlavicka-text {float: right; width: 390px; margin-top: 45px; padding: 0;}
#hlavicka-text h2 {font-size: 21px; font-weight: lighter; color: #70A53D; margin: 10px 20px 0 0; text-align: left;}
.hlavickaflash {position: absolute; width: 990px; height: 350px; left: 50%; margin: -5px 0 0 -495px; z-index: 1;}

#menu0 {width: 990px; height: 44px; margin: 0; padding: 0; background: url("../images/menu.png") top center no-repeat;}
#menu {float: left; width: 990px; font-size: 100%; padding: 0; margin: 0;}
#menu ul {position: absolute; margin: 0; padding: 0 0 0 25px; z-index: 3;}
#menu ul li {float: left; height: 20px; margin: 14px 0 10px 0; padding: 0; list-style-type: none;}
#menu ul li a {text-align: center; text-decoration: none; font-weight: bold; padding: 5px 43px 5px 43px; margin: 0; color: #EFF2DA; background: url("../images/svislitko.gif") 0 0 no-repeat;}
#menu ul li a:hover {color: #9ECB72; background: url("../images/svislitko-a.gif") 0 0 no-repeat;}
#menu .aktivni {color: #F77F00; background: url("../images/svislitko-hover.gif") top left no-repeat;}

#vlevo0 {float: left; width: 662px; min-height: 430px; _height: 430px; padding: 0; marign: 0; border: 0; font-size: 105%; background: url("../images/stred.png") top left no-repeat;}
#vlevo {padding: 30px 30px 10px 60px;}

#vpravo0 {float: right; width: 328px; padding: 0; marign: 0; background: url("../images/stred.png") top right no-repeat;}
#vpravo {padding: 70px 50px 10px 30px;}
#vpravo2 {padding: 80px 50px 10px 30px;}
#vpravo h2 {font-size: 160%; color: #4b4b4b; padding: 0; margin: 25px 0 30px 0;}

.novinky {position: absolute; width: 328px; height: 50px; left: 50%; margin: 0px 0 0 143px; background: red url("../images/novinky.png") top left no-repeat;}
.novinky h2 {font-size: 160%; color: #4b4b4b; padding: 0; margin: 20px 25px 30px 0;}

.aktualita {padding: 10px 0 5px 0; background: url("../images/aktualita.gif") top center no-repeat;}
.aktualita h3 {font-size: 115%; padding: 0; margin: 0; color: #70A53D;}
.aktualita span {color: #70A53D;}
.aktdatum {padding: 0 0 0 0; margin: 0; color: #6a6a6a; font-size: 90%; font-style: italic;}

#stred10, #stred20, #stred30, #stred40 {float: left; width: 990px; padding: 0; marign: 0; border: 0; font-size: 105%; background: url("../images/stred10.png") top right no-repeat;}
#stred20 {background: url("../images/stred20.png") top right no-repeat;}
#stred30 {background: url("../images/stred30.png") top right no-repeat;}
#stred40 {min-height: 400px; _height: 400px; background: url("../images/stred40.png") top right no-repeat;}
#stred30 h2 a {color: #4b4b4b;}
#stred30 h2 a:hover {color: #fff;}
#stred10 a:hover {color: #7BBD55;}
#stred10 h3 {color: #6BAD43;}
#stred {padding: 70px 60px 10px 60px;}
#stred40 a:hover {color: #2594CF;}

#paticka0, #patickauvod0 {clear: both; width: 100%; height: 100px; padding: 0; margin: 0; background: url("../images/paticka.png") top right no-repeat;}
#patickauvod0 {background: url("../images/paticka-uvod.png") top right no-repeat;}
#paticka {font-size: 90%; padding: 50px 40px 0 40px; text-align: center; color: #ccc;}
#paticka a {color: #ccc;}
#paticka a:hover {color: #fff;}
#copyright a {font-size: 100%; padding: 0; color: #808080; text-decoration: none;}
.noscreen {display: none}
.cleaner {clear: both;}

.nastred {text-align: center;}
.mapa {float: left; width: 800px; margin: 30px 0 0 30px; border: solid 2px #c4c4c4; background-color: #c4c4c4; text-align: center;}
.mapa a {color: #333;}
.mapa a:hover {color: #BC0B17;}
.foto {margin: 7px 10px 7px 10px;}
.fotop {float: right; margin: 7px 0 7px 10px;}
.fotol {float: left; margin: 7px 10px 7px 0;}
.qr {float: right; margin: 5px 40px 5px 10px;}
.obr {margin: 5px 10px 5px 10px; border: 0;}
.tab1 {width: 100%;}
.labkontakt {width: 140px; float: left; text-align: right; padding-right: 10px;}
.zajem {padding: 5px 0 0 110px;}
.tlacitka {text-align: center; padding: 20px 0 0 0;}
.labzajem {padding-left: 10px;}
.formular {font-size: 90%; padding-left: 140px;}
.odsaz {padding: 0 0 0 30px;}
.bezokr {border: 0;}
.ikonka {padding: 4px 0 4px 0;}
.oranzova {color: #F77F00;}

.tlacitko, .tlacitko1 {padding: 20px 0 0 60px;}
.tlacitko a, .tlacitko1 a {display: block; width: 128px; height: 24px; padding: 2px 0 0 0; color: #fff; background: url("../images/tlacitko.gif") 0 0 no-repeat; text-decoration: none; text-align: center;}
.tlacitko1 a {background: url("../images/tlacitko1.gif") 0 0 no-repeat;}
.tlacitko a:hover, .tlacitko1 a:hover {background-position: -128px 0;}

.box0 {width: 100%; height: 530px; margin-bottom: 30px;}
.box0 h3 {font-size: 125%; margin: 15px 0 9px 0; text-align: center;}
.box0 h3 a {text-decoration: none;}
.box0 ul {padding: 0 0 0 15px; margin: 10px 0 10px 10px;}
.box1, .box2, .box3, .box4, .box5, .box6 {float: left; width: 190px; height: 260px; margin: 0; padding: 0; background: url("../images/box.gif") bottom left no-repeat;}
.box2 {background: url("../images/box2.gif") bottom left no-repeat;}
.box3 {background: url("../images/box3.gif") bottom left no-repeat;}
.box4 {background: url("../images/box4.gif") bottom left no-repeat;}
.box5 {background: url("../images/box5.gif") bottom left no-repeat;}
.box6 {background: url("../images/box6.gif") bottom left no-repeat;}
.box {margin: 0 10px 0 10px; padding: 5px 0 5px 10px;}

.ref0 {clear: both; width: 100%;}
.ref {float: left; width: 280px; height: 120px; margin: 0; padding: 10px 10px 10px 0; line-height: 130%; font-size: 95%;}
.ref-obr {float: left; width: 115px; height: 120px; padding: 5px 0 0 5px;}
.ref-popis {height: 120px; padding: 5px 5px 5px 0; background-color: #f5f5f5;}
.ref-popis a {font-weight: bold; color: #333;}
.ref-obr img {border: 1px solid #c0c0c0;}
#stred20 .ref-popis a:hover {color: #D8669E;}
#stred30 .ref-popis a:hover {color: #F77F00;}
#stred30 span {color: #F77F00;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; 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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#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; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }