body {padding: 0; margin: 0; font: 70%/150% arial, "Arial CE"; text-align: center; background: #000000 url("../images/pozadi-velke.jpg") top center repeat-y;}
a {color: #ffffff;}
a:hover {color: #F90200;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 145%; line-height: 140%; color: #fff; padding: 0; margin: 25px 0 25px 0; text-align: right;}
h2 a {color: #fff; text-decoration: none;}
h2 a:hover {text-decoration: underline;}

h3 {font-size: 125%; color: #f6f6f6; padding: 6px 0 4px 10px; margin: 25px 0 15px 0; background: url("../images/h3.gif") top left no-repeat;}
h4 {font-size: 115%; color: #fff; margin-bottom: 10px;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ul {padding: 0 0 0 80px; margin: 10px 0 25px 0px;}
li {line-height: 140%; list-style-type: square; font-size: 120%; font-weight: bold;}
dl {line-height: 120%; padding: 10px 0 20px 0; margin: 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 40px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 100px; border: 0;}
table {font-size: 100%; border-collapse: collapse;}
fieldset {clear: both; border: 1px solid #C2160C; color: #ffffff; padding: 0 2px 5px 0; margin: 0 10px 20px 10px;}
legend {padding: 10px 5px 10px 5px; font-size: 90%; color: #F90200; font-weight: bold; float: right;}
input {font-size: 100%; margin: 0 0 2px 0px; _margin: 0 0 2px 0;}
select {margin: 0 0 2px 0; font-size: 100%;}

#container0 {background: url("../images/pozadi-velke1.jpg") top center no-repeat;}
#container {width: 770px; margin-left: auto; margin-right: auto; text-align: left; font-size: 100%; color: #ffffff; background: url("../images/container.jpg") top center repeat-y;}
#hlavicka0 {width: 770px; height: 178px; padding: 0; margin: 0; border: 0; background: url("../images/hlavicka.jpg") top center no-repeat;}
#hlavicka {float: left; height: 128px; padding: 50px 0 0 0;}
#hlavicka #logo {position: relative; width: 212px; height: 60px; overflow: hidden; margin: 0 0 0 23px; 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: #cc0000 url("../images/logo.gif") 0 0 no-repeat; cursor: pointer;}
.hlavtext {float: right; width: 400px; margin: 20px 25px 0 0; padding: 0; color: #fff;  text-align: right;}
#vlajky {position: absolute; width: 100px; height: 30px; left: 50%; margin: 8px 0 0 275px;}
.vlajka {border: 0; margin: 3px 3px 0 0px;}

#menu0 {width: 100%; height: 33px; margin: 0; padding: 0; background: url("../images/menu.jpg") no-repeat;}
#menu {float: left; text-align: left; font-size: 75%;}
#menu ul {margin: 0; padding: 0 0 0 24px;}
#menu ul li {float: left; height: 33px; margin: 0; padding: 0; list-style-type: none;}
#menu ul li a {display: block; width: 120px; text-align: center; color: #e2e2e2; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 9px 0px 5px 1px; background: url("../images/menu-a.gif") left center no-repeat;}
#menu ul li a:hover {color: #F90200; background: url("../images/menu-ah.gif") left center no-repeat;}
#menu .aktivni {color: #cc0000;}

#vlevo0 {float: left; width: 210px; min-height: 250px; _height: 250px; padding: 0; marign: 0; font-size: 85%; color: #ffffff; background: url("../images/stred1.jpg") left top no-repeat;}
#vlevo {padding: 0; margin: 50px 0 0 20px;}
#vlevo ul {margin: 0; padding: 0 0 4px 0;} 
#vlevo ul li {float: left; width: 190px; margin: 0; padding: 0; list-style-type: none;}
#vlevo ul li a {display: block; width: 190px; _width: 185px; height-min: 26px; padding: 8px 0 5px 15px; color: #ffffff; background: url("../images/menu-vlevo.gif") left top no-repeat; text-decoration: none;}
#vlevo ul li a:hover {color: #F90200; background: url("../images/menu-vlevo-ah.gif") left top no-repeat;}
#vlevo .zvyraz {color: #F90200; background: url("../images/menu-vlevo-ahr.gif") left top no-repeat;}

#vpravo0 {width: 560px; _width: 550px; float: right; padding: 0; marign: 0; border: 0; font-size: 105%; background: url("../images/stred1.jpg") right top no-repeat;}
#vpravo {padding: 25px 20px 10px 20px; _padding: 25px 20px 10px 10px; margin-bottom: 10px;}

#stred0 {width: 770px; float: left; padding: 0; marign: 0; border: 0; font-size: 105%; background: url("../images/stred.jpg") right top no-repeat;}
#stred {padding: 40px 30px 10px 30px; margin-bottom: 10px;}

#paticka0 {clear: both; width: 100%; height: 80px; padding: 0; margin: 0; background: url("../images/paticka.jpg") top center no-repeat;}
#paticka {font-size: 95%; padding: 40px 0 0 0px; text-align: center; color: #ffffff;}
#paticka a {color: #ffffff;}
#paticka a:hover {color: #ff0000;}
#copyright a {font-size: 100%; padding: 0; color: #e1e1e1; text-decoration: none;}
.noscreen {display: none}
.cleaner {width: 100%; clear: both;}

.nastred {text-align: center;}
.doprava {text-align: right;}
.foto {margin: 5px 4px 5px 4px; border: 2px solid #C2160C;}
.obrazek {margin: 0 0 10px 0; border: 0;}
.foto-p {float: right; margin: 15px 5px 10px 15px; border: 1px solid #C2160C;}
.foto-l {float: left; margin: 10px 15px 10px 0; border: 1px solid #C2160C;}
.mapy {border: 0; margin: 10px 4px 20px 4px;}
.okraj {border-left: 3px solid #F9A662; padding-left: 7px;}
.ramecek {padding: 5px; color: #ffffff; background-color: #7f7f7f;}
.logocervena {padding: 0 3px 0 2px; color: #ffffff; background-color: #DA251D; font-style: italic;}
.cervena {color: #DA251D;}
.cerna {color: #000;}
.inverze {color: #DA251D; background-color: #fff; font-size: 140%; padding: 5px; font-weight: bold; text-align: center;}

.uvod-animace0 {width: 510px; height: 240px; background: url("../images/uvod-animace.gif") top left no-repeat;}
.uvod-animace {padding: 30px 0 0 30px;}

.produkt {clear: both; float: left; width: 520px; margin: 0 0 15px 0; padding: 0; background: url("../images/produkt-pozadi.jpg") top right no-repeat;}
.produkt-obsah {float: left; width: 320px; padding: 0 0 3px 10px;}
.produkt-title {font-size: 140%; padding: 12px 0 10px 0; margin: 0;  color: #ffffff; background: none;}
.produkt-foto {float: left; width: 180px; padding: 0; margin: 0 5px 0 0; border: 0; text-align: center;}
.produkt-popis {height: 85px; margin: 0 0 5px 0; overflow: auto;}
.produkt-priloha {font-size: 100%; padding: 10px 7px 0 0; text-align: right; font-style: italic;}
.produkt-priloha img {margin: 0 7px 0 0; border: 0;}
.katalog-info {font-style: italic; margin: 15px 0 20px 0; color: #037254;}
.kateg_popis {padding: 0 0 25px 0; color: #037254;}
.produkt form {padding: 5px 0 0 0; _padding: 7px 0 0 0; margin: 0;}

.tabsklad {width: 80%; color: #ffffff; margin-bottom: 20px; border: 1px solid #C2160C;}
.tabsklad td {padding: 1px 5px 1px 5px; border: 1px solid #C2160C; text-align: center;}
.tabsklad th {padding: 1px 5px 1px 5px; background-color: #C2160C; border: 1px solid #9A0B03;}
.tabkontakt td {padding: 2px 2px 2px 4px; border-bottom: 1px solid #C2160C;}
.tabjmen {width: 230px;}.search-obr {border: 1px solid #E0E0E0;}

#trailimageid {position: absolute; width: 618px; height: 0; font-size: 0.75em; display: none; left: 0px; top: 0px; z-index: 200;}
#search-nahled {float: left; width: 166px; height: 100px; padding: 20px 10px 10px 10px; text-align: center; background: url("../images/searchBar_divider.gif") left repeat-y;}
#lightbox {background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}
#lightboxDetails {font-size: 0.8em; padding-top: 0.4em;}	
#lightboxCaption {float: left;}
#keyboardMsg {float: right;}
#closeButton {top: 5px; right: 5px;}
#lightbox img {border: none; clear: both;}
#overlay img {border: none;}
#overlay {background-image: url("overlay.png");}
* html #overlay {background-color: #c6c6c6; back/ground-color: transparent; background-image: url("blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}