body {padding: 0; margin: 0; font: 70%/130% "Trebuchet MS", arial, "Arial CE"; text-align: center; background: #4e4e4e url("../images/pozadi.gif") top center repeat-x;}
a {color: #000;}
a:hover {color: #7698D8;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 150%; line-height: 110%; color: #1559A4; padding: 0; margin: 15px 0 15px 0;}
h3 {font-size: 110%; color: #DA251D; padding: 0; margin: 30px 0 10px 0;}
h4 {font-size: 110%; color: #3d3d3d; margin-bottom: 5px;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ol, ul {padding: 5px 0 15px 20px; margin: 6px;}
li {line-height: 140%;}
dl {line-height: 120%; padding: 30px 0 30px 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 80px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 140px; border: 0;}
table {font-size: 95%; border-collapse: collapse; text-align: left; margin-bottom: 20px;}
td {padding: 2px 3px 2px 3px; border: 1px solid #707070; white-space: nowrap;}
fieldset {border: 1px solid #DBDBDB; color: #000; padding: 2px 2px 15px 10px; margin: 0 30px 0 30px;}
legend {padding: 1px 5px 1px 5px; font-size: 90%; color: #1559A4; font-weight: bold; float: right;}

#container, #container1 {width: 770px; margin-left: auto; margin-right: auto; text-align: left; color: #3d3d3d; background-color: #fff; border: 1px solid #5d5d5d; border-top: 0;}
#container1 {background: #ffffff url("../images/container.gif") top center repeat-y;}

#hlavicka0, #hlavicka1, #hlavicka2, #hlavicka3, #hlavicka4, #hlavicka5, #hlavicka6, #hlavicka7, #hlavicka8, #hlavicka9, #hlavicka10 {width: 100%; height: 200px; padding: 0; margin: 0; border: 0; background: #333333 url('../images/hlavicka.jpg') top right no-repeat;}
#hlavicka1 {background: #333333 url('../images/hlavicka-klece.jpg') top right no-repeat;}
#hlavicka2 {background: #333333 url('../images/hlavicka-podestylky.jpg') top right no-repeat;}
#hlavicka3 {background: #333333 url('../images/hlavicka-chovy.jpg') top right no-repeat;}
#hlavicka4 {background: #333333 url('../images/hlavicka-ventilace.jpg') top right no-repeat;}
#hlavicka5 {background: #333333 url('../images/hlavicka-sila.jpg') top right no-repeat;}
#hlavicka6 {background: #333333 url('../images/hlavicka-prasata.jpg') top right no-repeat;}
#hlavicka7 {background: #333333 url('../images/hlavicka-kontakt.jpg') top right no-repeat;}
#hlavicka8 {background: #333333 url('../images/hlavicka-susarny.jpg') top right no-repeat;}
#hlavicka9 {background: #333333 url('../images/hlavicka-haly.jpg') top right no-repeat;}
#hlavicka10 {background: #333333 url('../images/hlavicka-tridicky.jpg') top right no-repeat;}

#hlavicka {padding: 0 0 0 0; margin: 0;}
h1.logo {width: 200px; height: 62px; padding: 0; margin: 0 0 0 40px; background: url('../images/logo.gif') no-repeat; cursor: pointer;}
h1 span {display: none;}
#vlajky {text-align: right; padding: 10px 20px 0 0;}
.vlajka {padding: 0 0 0 6px; border: 0;}
.hlavicka-text h2 {text-align: right; padding: 50px 20px 0 0; font-size: 180%; color: #ffffff;}

#menu0 {float: left; width: 100%; height: 26px; margin: 0; padding: 0; background: url("../images/menu.gif") top right repeat-x;}
#menu {font-size: 105%; background: url("../images/svislitko.gif") right center no-repeat;}
#menu ul {margin: 0; padding: 0;}
#menu ul li {float: left; height: 26px; margin: 0; padding: 0; list-style-type: none;}
#menu ul li a {display: block; color: #ffffff; font-weight: bold; text-decoration: none; padding: 5px 20px 5px 20px; background: url("../images/svislitko.gif") bottom right no-repeat;}
#menu ul li a:hover {color: #ffffff; background: url("../images/menu_a.gif") top right repeat-x;}
#menu .aktivni {color: #7698D8;}

#vlevo0 {width: 206px; float: left; padding: 0; marign: 0; font-size: 105%;}
#vlevo {padding: 0; margin: 20px 0 0 5px;}
#vlevo ul {margin: 0; padding: 0;} 
#vlevo ul li {float: left; width: 173px; margin: 2px; padding: 0; list-style-type: none; color: #000000;}
#vlevo ul li a {display: block; width: 173px; _height: 20px; min-height: 20px; padding: 5px 0 0px 15px; color: #ffffff; background: #4e4e4e url('../images/menu-vlevo.gif') left center; text-decoration: none; font-weight: bold; border: 1px solid #222222;}
#vlevo ul li a:hover {background: url('../images/menu-vlevo_a.gif') left center;}

#vlevo1 {padding: 0; margin: 20px 0 0 5px;}
#vlevo1 ul {margin: 0; padding: 0;}
#vlevo1 ul li {float: left; width: 173px; margin: 1px; padding: 0; list-style-type: none; color: #000000;}
#vlevo1 ul li a {display: block; width: 173px; _height: 15px; min-height: 15px; margin: 0 0 0 10px; padding: 1px 0 2px 7px; color: #ffffff; text-decoration: none; font-weight: bold; border-bottom: 1px solid #222222;}
#vlevo1 ul li a:hover {color: #ff0000;}

.sipka {border: 0;}
#vlevo .zvyraz, #vlevo1 .zvyraz {color: #7698D8;}
.kat_zvyraz {color: #FBA502;}
.kat_zvyraz_akt {color: #FBA502;}

#vpravo0 {width: 563px; float: right; padding: 0; marign: 0;}
#vpravo {padding: 12px 25px 30px 20px; font-size: 105%; color: #000;}

#stred0 {width: 770px; float: left; padding: 0; marign: 0;}
#stred {padding: 12px 25px 30px 20px; font-size: 110%; color: #000;}

#paticka0 {clear: both; width: 100%; height: 60px; padding: 0; margin: 0; background: #333333 url('../images/paticka.jpg') top right no-repeat;}
#paticka {padding: 18px 20px 10px 20px; text-align: center; font-size: 95%; color: #fff;}
#paticka a {color: #fff;}
#paticka a:hover {color: #DA251D;}
#copyright a {font-size: 100%; color: #ccc; text-decoration: none;}

.noscreen {display: none}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doprava {text-align: right;}
.odstavec {text-indent: 30px;}
.obr {border: 0;}
.video {padding: 0 0 10px 20px; text-align: center; font-style: italic;}
.fotka {float: right; width: 250px; padding: 0 0 10px 20px; text-align: center; font-style: italic;}
.fotka1 {float: right; width: 240px; padding: 0 0 10px 10px; text-align: center; font-style: italic;}
.foto {border: 1px solid #333333;}
.foto-r {float: right;  margin: 0 0 5px 20px; border: 1px solid #333333;}
.odkazy {margin: 0 0 5px 15px; border: 0;}
.seda {color: #707070;}
.labkontakt {width: 100px; float: left; text-align: right; padding-right: 10px;}
.zajem {padding: 5px 0 0 110px;}
.tlacitka {text-align: center; padding: 20px 0;}
.labzajem {padding-left: 10px;}
.formular {font-size: 90%; padding-left: 110px;}

.novinky0 {clear: both; width: 509px; height: 145px; margin: 30px 0 30px 5px; background: url('../images/novinky-okno.jpg') top center no-repeat;}
.novinky {text-align: center; margin: 10px 4px 6px 7px; color: #fff;}
.novinky h3 {font-size: 150%; margin: 20px 0 20px 0; color: #fff;}

.produkt {clear: both; float: left; width: 505px; margin: 0 0 15px 0; padding: 0; background-color: #f2f2f2;}
.produkt-obsah {float: left; width: 315px; padding: 5px 10px 3px 0;}
.produkt-title {font-size: 120%; padding: 2px 2px 10px 0; margin: 0;}
.produkt-foto {float: left; padding: 0; margin: 10px 15px 0 10px; _margin: 10px 15px 0 5px; text-align: center;}
.produkt-popis {margin: 5px 0 5px 0;}
.produkt-priloha {padding: 0; font-size: 90%; text-align: right;}
.fotky {border: 1px solid #4e4e4e;}
.produkt dl {line-height: 100%; padding: 0; margin: 0;}
.produkt dt {left: 0; float: left; padding: 0; padding: 0 0 0 0px; border: 0; font-style: italic;}
.produkt dd {padding: 0; margin: 0 0 0.5em 110px; border: 0;}


.mapa {float: right; width: 350px;}
.mapaobr {border: 0; padding: 0; margin: 0;}
#mapaevropa {width: 350px; height: 300px; text-align: center; margin-left: auto; margin-right: auto; padding: 0; font-size: 1px; background: #1559A4 url(../images/mapa_staty.gif) top left no-repeat;}

#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; }