
/* konkrétní styly vzhledu systému */
body {padding: 0; margin: 0; font: 70%/130% Verdana, Arial, Helvetica, Tahoma, sans-serif; text-align: center; background-color: #E5F0F3;}
a {color: #000;}
a:hover {color: #E57990;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 140%; color: #E57990; padding: 20px 0 20px 0; margin: 0;}
h3 {font-size: 120%; color: #259CCF; padding: 0; margin: 15px 0 5px 0;}
h4 {font-size: 115%; color: #259CCF; margin-bottom: 5px;}
h4 a {color: #0B92D2;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ol, ul {padding: 5px 0 10px 10px; margin: 5px 0 5px 20px;}
li {line-height: 140%;}
dl {line-height: 120%;}
dt {left: 0; float: left; padding: 0; margin: 0; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 90px; border: 0;}
table {font-size: 100%; color: #000000;}
fieldset {clear: both; border: 1px solid #ADD5E5; color: #000; padding: 10px 2px 5px 20px; margin: 20px 30px 20px 20px;}
legend {padding: 1px 5px 1px 5px; font-size: 85%; color: #259CCF; font-weight: bold; float: right;}
input {font-size: 100%; margin: 0 0 2px 0;}
select {font-size: 100%; margin: 0 0 2px 0;}

#container {width: 770px; margin-left: auto; margin-right: auto; text-align: left; color: #000; background: #ADD5E5 url("/UserFiles/Image/images/container_poz.gif") top center repeat-y;}
#hlavicka0 {width: 100%; height: 173px; padding: 0; margin: 0; border: 0; background: url("/UserFiles/Image/images/hlavicka.gif") top center no-repeat;}
#hlavicka {height: 140px; padding: 34px 0 0 0; _margin: 0;}
h1.logo {width: 160px; height: 94px; padding: 0; margin: 0 0 0 50px; background: url("/UserFiles/Image/images/logo.gif") no-repeat; cursor: pointer;}
h1 span {display: none;}

#menu {float: right; width: 100%; height: 30px; margin: 0; padding: 0; font-size: 95%; background: url("/UserFiles/Image/images/menu_poz.gif") top right no-repeat;}
#menu:after {content: "."; display: block; visibility: hidden; clear: both;}
#menu ul {margin: 0 0 0 15px; padding: 0;}
#menu ul li.right {float: right;}
#menu ul li {margin: 0; height: 30px; padding: 0; list-style-type: none; float: left; background: url("/UserFiles/Image/images/svislitko.gif") bottom right no-repeat;}
#menu ul li a {display: block; font-weight: bold; text-decoration: none; padding: 10px 11px 5px 11px; color: #ffffff; background: url("/UserFiles/Image/images/menu.gif") top right no-repeat;}
#menu ul li a:hover {color: #D73156;}
#menu .aktivni {color: #017E5C;}

#vlevo0 {width: 197px; float: left; padding: 0; marign: 0; font-size: 90%; background: url("/UserFiles/Image/images/vlevo_poz.gif") top left no-repeat;}
#vlevo {padding: 0; margin: 0;}
#vlevo img {border: 0;}
#vlevo ul {margin: 0; padding: 0 0 0 9px;} 
#vlevo ul li {float: left; width: 188px; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #ADD5E5;}
#vlevo ul li a {display: block; height-min: 24px; _height: 24px; padding: 3px 5px 3px 10px; color: #015C43; text-decoration: none; font-weight: bold;}
#vlevo ul li a:hover {background-color: #ffffff;}
#vlevo p {padding: 0 10px 0 20px;}
.podmenu {background-color: #9ECEC3;}
.vlevotitulek {clear: both; width: 197px; margin: 0; padding: 0 0 0 10px; background: url("/UserFiles/Image/images/titulek.gif") left top no-repeat;}
h2.titulek {font-size: 100%; color: #017E5C; padding: 14px 0 5px 0; margin: 0 0 0 10px; text-transform: uppercase;}
h2.nadpis {padding: 0; margin: 0;}
h2 span {display: none;}
.vlevobunka {clear: both; padding: 0;}
.vlajka {border: 0; margin: 3px 3px 0 1px;}
#vlevo .zvyraz {color: #015C43; background: url("/UserFiles/Image/images/vlevomenu_a.gif") right top no-repeat;}
#vlevo .kat_zvyraz {color: #D73156;}
#vlevo .kat_zvyraz_akt {color: #D73156; background: url("/UserFiles/Image/images/vlevomenu_a.gif") right top no-repeat;}

#vpravo0 {width: 573px; float: right; padding: 0; marign: 0; border: 0; background: url("/UserFiles/Image/images/vpravo_poz.gif") top left no-repeat;}
#vpravo {padding: 15px 20px 20px 25px;}

#odkazy0 {clear: both; width: 100%; padding: 0; margin: 5px 0 0 0; background: #fff url("/UserFiles/Image/images/odkazy.gif") bottom right no-repeat;}
#odkazy {padding: 5px 45px 5px 5px; font-size: 90%; border: 1px solid #9CA6BB;}
.odkazy-img {margin: 2px 18px 2px 18px; border: 0;}

#paticka0 {clear: both; width: 100%; height: 60px;padding: 0; margin: 0;}
#paticka { padding: 25px 20px 10px 20px; font-size: 90%; text-align: right; background: url("/UserFiles/Image/images/paticka.gif") top left no-repeat;}
#paticka a {color: #000;}
#paticka a:hover {color: #E57990;}
#copyright a {float: right; font-size: 100%; padding: 10px 0 0 0; color: #4AA4C6; text-decoration: none;}
.noscreen {display: none}
.cleaner {clear: both;}

.nastred {text-align: center;}
.doprava {text-align: right;}
.linka {width: 100%; height: 1px; color: #9CA6BB;}
.foto {float: right; padding: 0 0 10px 10px; border: 1px solid #9CA6BB;}
.foto1 {margin: 0 0 10px 0; border: 1px solid #9CA6BB;}
.ikonky {float: left; margin: 0 15px 0 0;}
.textkde {font-size: 110%; color: #999999; font-weight: bold;}
.ruzova {color: #D8365A;}

.uvod {width: 100%;}
.uvod-title {margin: 15px 0 20px 0; padding: 0;}
.uvod-text {margin: 0 20px 25px 0; padding: 0; text-align: justify;}

.aktuality0 {width: 515px; padding: 0; margin-bottom: 5px; margin-left: 5px; border-bottom: 1px solid #FAEEF1; background: #F0D4DB url("/UserFiles/Image/images/aktuality.gif") top left no-repeat;}
.aktuality {margin: 0; padding: 10px 10px 0 10px;}

.vyloha0 {overflow: auto; clear: both; width: 515px; text-align: center; padding: 0; margin: 0 0 5px 5px; background: #82CBEA url("/UserFiles/Image/images/akce-pozadi.jpg") top center;}
.vyloha {width: 515px; margin: 0; padding: 0;}
.vyloha-nadp {width: 0; height: 5px; padding: 0; margin: 0; text-align: center; color: #FBFAF7; background: url("/UserFiles/Image/images/akce.gif") top center no-repeat;}
.vyloha-nadp h3 {display: none; padding: 0; margin: 0;}
.vyloha-prod {float: left; width: 134px; _width: 138px; height: 236px; overflow: auto; margin: 0px 12px 0 12px; padding: 0 5px 10px 5px;}
.vyloha-foto {height: 173px; vertical-align: bottom; text-align: center; padding: 0; margin: 0 5px 0 0; background-color: #ffffff; border: 1px solid #C5DAE0;}
.vyloha-obsah {text-align: center; padding: 0; margin: 0; color: #ffffff;}
.vyloha-obsah a {color: #ffffff; font-weight: bold;}
#anim {height: 35px; margin-top: 10px; margin-left: -4px; background: url("/UserFiles/Image/images/akce.gif") top center no-repeat;}

.okna0 {clear: both; width: 100%; padding: 10px 0 10px 0;}
.okno1, .okno2, .okno3, .okno4, .okno5, .okno6 {float: left; width: 260px; height: 200px; overflow: auto; margin: 0 1px 10px 1px;}
.okno1 {background: url("/UserFiles/Image/images/okna1.gif") bottom right no-repeat;}
.okno2 {background: url("/UserFiles/Image/images/okna2.gif") bottom right no-repeat;}
.okno3 {background: url("/UserFiles/Image/images/okna3.gif") bottom right no-repeat;}
.okno4 {background: url("/UserFiles/Image/images/okna4.gif") bottom right no-repeat;}
.okno5 {background: url("/UserFiles/Image/images/okna5.gif") bottom right no-repeat;}
.okno6 {background: url("/UserFiles/Image/images/okna6.gif") bottom right no-repeat;}
.okno {padding: 12px 15px 0 20px; margin: 0;}
.textdoprava {text-align: right; font-style: italic; padding-bottom: 15px;}
.ramecekpopis {clear: both; width: 100%; padding: 10px;}

.produkt {clear: both; width: 525px; margin: 0; padding: 0; background: #ffffff; border-bottom: 1px solid #ADD5E5;}
.produkt-title {font-size: 120%; padding: 20px 0 10px 0; margin: 0;}
.produkt-foto {float: left; width: 100px; padding: 1px; margin: 10px 10px 0 0; background-color: #ffffff;}
.produkt-obsah {float: left; width: 405px; padding: 0 0 0 5px;}
.produkt-popis {margin: 0 0 15px 0;}
.produkt-cena {font-size: 100%; float: left; width: 270px; padding: 12px 0 0 0; margin: 0;}
.produkt-kosik {float: left; padding: 0 0 5px 0; margin: 0;}
.produkt-cis {font-size: 90%;}
.produkt-poc {font-size: 90%;}
.produkt dl {line-height: 130%; padding: 0; margin: 5px 0 15px 0;}
.produkt dt {padding: 0;}
.produkt dd {margin: 0 0 0 105px;}

.vlevo-v {float: left; width: 85px; _width: 95px; margin: 0 0 5px 5px; padding: 0 0 0 10px; color: #017E5C;}
.vlevo-p {float: left; width: 78px; margin: 0 0 5px 0; padding: 0; text-align: right;}

.soutez {clear: both; margin: 20px 0 10px 0; padding: 0 0 20px 0;}
.soutez-cele {float: left; width: 175px; padding: 0 0 20px 0;}
.soutez-foto {text-align: center; padding: 0; margin: 0;}
.soutez-datum {text-align: center; padding: 0; margin: 0; font-style: italic; color: #666666;}
.soutez-jmeno {text-align: center; padding: 0; margin: 0; color: #017E5C;}
.soutez-vyher {text-align: center; padding: 0; margin: 0; color: #D8365A; font-weight: bold;}
.fotosoutez {border: 1px solid #80BBAD;}

.labtext {font-size: 90%; text-align: center;}
.labkontakt {width: 144px; float: left; text-align: right; padding: 0 10px 0 0; font-weight: bold;}
.souhlas {padding-left: 145px;}

.inzerce {clear: both; width: 525px; margin: 0; padding: 0; background: #ffffff; background: url("/UserFiles/Image/images/inzerce.gif") bottom right no-repeat;}
.inzerce-title {float: left; font-size: 120%; padding: 20px 0 5px 0px; margin: 0 10px 0 5px;}
.inzerce-typ1 {float: right; padding: 20px 0 5px 0; margin: 0 10px 0 10px; color: #D8365A; font-size: 100%; font-weight: bold;}
.inzerce-typ2 {float: right; padding: 20px 0 5px 0; margin: 0 10px 0 10px; color: #01A376; font-size: 100%; font-weight: bold;}
.inzerce-obsah {clear: both; margin: 0 10px 0 10px; padding: 0 0 5px 0;}
.inzerce-datum {text-align: right; font-size: 90%; font-style: italic; margin: 0 0 5px 0; padding: 0; color: #666666;}

.tabcenik {width: 98%; _width: 90%; text-align: right;}
.tabcenik td {padding: 1px 5px 1px 5px;}
.tabnadpis {text-align: center; background-color: #B5DDD4; font-weight: bold; color: #017e5c;}
.tabvlevo {text-align: left; width: 260px;}
.tabstred {width: 50px;}
.tabcena {width: 50px; text-align: right;}
.tabdiskuze {width: 90%;}
.tabdotaz {background-color: #B5DDD4; font-weight: bold; color: #017e5c;}
.tabdotaztext {width: 350px; font-weight: bold; color: #009933;}
.tabautor {width: 150px;}
.tabradky {background-color: #D0EAE4;}

.diskuzeodraz {padding-left: 10px; list-style-image: url("/UserFiles/Image/images/odrazka1.gif");}
.diskuzeodraz1 {padding-left: 10px; list-style-image: url("/UserFiles/Image/images/odrazka2.gif");}
ul .diskuzeodraz, ul .diskuzeodraz1 {border-bottom: 1px solid #9CA6BB;}
.dotaztext {background-color: #D0EAE4; padding: 0 5px 0 5px; margin: 0 5px 0 0;}
.dotazautor {background-color: #E4F3F0; padding: 0 5px 0 5px; margin: 0 5px 0 5px;}
.dotazobsah {padding: 0 10px 0 10px;}
.diskuzepot dt {left: 0; float: left; padding: 0; margin: 0; border: 0;  font-style: normal; color: #888888;}
.diskuzepot dd {padding: 0; margin: 0 0 0.1em 80px; border: 0;}

.kontakt dl {padding: 0; margin: 0 0 15px 0;}
.kontakt dt {padding: 0 0 0 90px;}
.kontakt dd {margin: 0 0 0 150px;}

.prodejci p {margin: 0 0 5px 10px; padding: 0 0 0 13px; background: #ffffff; background: url("/UserFiles/Image/images/prodejci.gif") top left no-repeat;}

.sampion {clear: both; width: 525px; margin: 0; padding: 20px 0 0 0; background: #ffffff;}
.sampion-foto {float: left; width: 210px; padding: 1px; margin: 10px 0 0 0; background-color: #ffffff;}
.sampion-obsah {float: left; width: 295px; padding: 4px 0 0 5px;}

.kalkulacka dl {padding: 0; margin: 20px 0 15px 0;}
.kalkulacka dt {padding: 0 0 0 30px;}
.kalkulacka dd {width: 100px; margin: 0 0 0.5em 160px; text-align: right;}








/* konkrétní styly menu*/
/* styl specificky pro aktualni jazyk */






