html {
margin: 0;
padding: 0;
}
html, body {height: 100%;}
body {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
background: black/*#5D6773*/ url('pic/bg1.jpg') repeat-x top ;
color: #4A4A4A;
font-size: 12px;
text-align: center;
min-width: 930px;
line-height: 1.5;
margin: 0; padding: 0;
behavior: url(csshover.htc);
}
html>body { font-size: small; }
a ,a:link { color: #4F89D2; text-decoration: underline; }
a:visited { color: #4F89D2; text-decoration: underline; }
a:hover { color: #4A4A4A; text-decoration: none;}
img { border: none; }
h1 { color: #4F89D2; text-align: left; font-size: 18px; }
h2 { color: #4F89D2; text-align: left; font-size: 17px; font-weight: bold; }
p { color: #4A4A4A; }
#main { width: 930px; margin: 0 auto; text-align: left;
background: #ffffff url("pic/bg_lista.gif") repeat-y;
height: 100%; min-height: 100%;
position: relative;
}
body>#main { height: auto; }
#lmenua { float:left; width:200px; text-align:left; margin: 37px 4px 0 0; }
#lmenua .menu ul { margin:0; list-style-type:none; text-align:right; padding: 0; }
#lmenua .menu li { padding:0; margin:0; _height:31px; height:28px; text-align: left; display: block;
background: url('./pic/menu.jpg') no-repeat bottom; }
#lmenua .menu .li { height:31px; _height:29px; background: url('./pic/menub.jpg') no-repeat bottom;
TEXT-align: right; }
#lmenua .menu li.active { padding:0px; margin:0px; width:200px; _height:31px; height:28px;
background: url('./pic/menub.jpg') no-repeat bottom;
text-align: right; }
#lmenua .menu .li a { padding-left: 20px; text-align: left; }
#lmenua .menu a { font-size:14px; DISPLAY: block; color: #ffffff; height: 28px; _height:31px;
text-decoration: none; padding-top:3px; padding-left:10px; }
#lmenua .menu a:hover { font-size:14px; background: url('./pic/menub.jpg') no-repeat bottom;
color: #ffffff; height: 28px; _height:31px; text-decoration: underline;
padding-right:10px; padding-top:3px;
}
ul.lmenu { margin: 0 0 0 15px; list-style: none; font-size: 90% list-style: none; padding: 0 0 0px 0px;
color:white; }
ul.lmenu ul {list-style: none; }
ul.lmenu li { margin: 0; padding: 0; background: url('../pic/ber_bglmenu.jpg') white no-repeat left;
height: 28px; color: white; _height:26px; }
ul.lmenu .li { margin: 0; padding: 0; background: url('./pic/button_go4.gif') white no-repeat 42px 10px;
height: 28px; color: #476E95; padding-left: 40px; font-size: 8px; }
ul.lmenu .li a { padding-left: 44px; }
ul.lmenu .li a, ul.lmenu .li a:link,ul.lmenu .li a:visited { color: #4A4A4A; }
ul.lmenu li a, ul.lmenu li a:link,ul.lmenu li a:visited {
padding: 4px 20px 0 27px; display: block; height: 28px; _height:26px; font-size: 12px;
color: white; font-weight: normal; text-decoration: none;
}
ul.lmenu li a:hover {
text-decoration: underline;
}
ul.lmenu li a:hover, ul.menu li a.active,ul.menu li.akce a.active, ul.menu li.akce a:hover
{color: black; background: url('./pic/button_go3.gif') #F5F5F5 no-repeat left; font-size: 12px;}
ul.lmenu li.akce { margin: 0; padding: 0; background: url("./pic/button1.gif") #990000 left no-repeat;
height: 28px; color: white; }
div.buderus1 { background-color: #4F89D2; width: 200px; height: 150px; float: left; clear:both;
margin: 10px 0 10px 10px; color: white; text-align: center; }
div.buderus1 p { text-align: center; color: white; font-size: 13px; font-weight: normal; clear: left; }
div.buderus1 .logo { height: 40px; float: left; width: 200px; text-align: left; margin: 10px 0 0 0; }
div.buderus1 a,div.buderus1 a:link, div.buderus1 a:visited { color:white; }
.nabidka {background: white url('./pic/menu_b.gif1') repeat-x bottom;
padding-bottom: 0px; margin: 5px 0 20px 0; color: #495A07; border-bottom: 1px solid #476E95; }
.nabidka h3 { line-height: 2.4em; padding-left: 20px; color: #ffffff;
font-size: 1em; margin: 0em; background: white url('../pic/ber_nadpsortiment.jpg') no-repeat top;
}
.nabidka label { margin: 0 13px; color: #4A4A4A;}
.nabidka input,.nabidka select { margin: 0 13px;}
#menumain { float: left; width: 925px; margin: 0; padding: 0; list-style: none;
font-size: 12px; background: #4F89D2 url('./pic/menutopb.jpg') repeat-x;
border-bottom: 4px solid #476E95; clear: both; }
#menumain ul { margin: 0; padding: 0; margin-left: 61px; }
#menumain li { float: left; margin: 0; padding: 0; list-style: none; }
#menumain a { float: left; padding: 4px 8px 4px 15px; text-decoration: none; color:White; font-weight: bold; }
#menumain a:hover, #nav a.active { color: white; background-color: #4A4A4A; }
#menumain a.active { font-weight: normal; background-color: white; color: Black; }
ul.right { float:right; width:160px; }
ul.right li { float: right; }
ul.right a { color: #FFFFE0 !important; }
ul.right a:hover, ul.right a.active { color: #990000 !important; background-color: #F5F5F5 !important; }
#navigace { padding: 7px 0 9px; text-indent: 10px; color: #646E7B; margin: 0;
background: url(./pic/bg-navigace.gif) repeat-x bottom #FFFFFF; }
body>#main { height: auto; }
#tophead { color: white; background-color: #6780B8; width: 925px; height: 20px; margin-left: 2px; }
#tophead .left { float: left; width: 200px; padding-left: 10px; font-weight: bold; }
#tophead .right { float: right; width: 300px; padding-right: 10px; font-weight: bold; text-align: right; }
#head { width: 925px; background:#4F89D2 url('./pic/toplista_bg.gif') repeat-x top;
border-bottom: 1px solid #4F89D2; border-top:0px solid #4F89D2;
margin-left: 2px; display:block; clear: both; height: 94px; }
div.toplista { height: 65px; float: left; }
#head p { margin: 0; padding: 0; float: left;}
#head .banner { width:701px; padding: 0; margin: 0; float: right; }
#footer { width: 930px; height: 18px; overflow: hidden; font-size: 11px;
position: absolute; bottom: 0; left: 0; background: #D0D0D0;
text-align: center; color: #4A4A4A; }
#footer a { color: #363835; }
.col-l { float: left; width: 236px; _width:234px; height: auto; margin-left: 5px; _margin-left:3px; clear:left; }
.col-l .spc {width: 220px; padding: 0 10px 0 10px; margin-left: 0;}
.col-r { float: right; width: 678px; _width: 672px; background: white; margin-right: 5px; height: auto;
clear: right; }
.col-r .spc, .text {width: 645px; padding: 25px 0; margin-left: 15px; clear: both; }
.col-l fieldset { color: #4F89D2; font-weight: bold; }
.col-l input, .col-l select { border: 1px solid #476E95; }
.col-l label { width: 100px; font-size: 13px; text-align: right; padding-right: 7px; }
.col-l .odesli { background-color: #363835; color: white; border: none;
margin: 5px 0 0 50px; }
.text img { margin: 6px; }
.error { color: #990000; font-weight: bold; text-align: center; }
.ok1 { color: #4F89D2; font-weight: bold; text-align: center; font-size: 14px; }
.sezobr { margin: 10px 0 0 8px; float: left; width: 600px; text-align: center; padding: 4px 5px;
background-color: #4F89D2; }
.sezobr .obal { float: left; width: 33%; padding: 3px 0;}
.sezobr .photo { text-align: center; padding: 3px 2px 0 2px; background-color: #4F89D2; }
.sezobr .popis { clear:both; text-align: center; font-size: 11px; color:#F5F5F5; }
.sezobr img { border: 1px solid White; }
.catalog { margin: 0px 10px; float: left; width: 600px; }
.catalog .li_null { float: left; width: 32%; padding: 3px 0; margin: 0 3px; }
.catalog .li { border: 1px solid #4A4A4A; padding-bottom: 5px; margin: 0 3px; background:#F5F5F5; }
.catalog .li_head { padding: 3px 5px; background: #F5F5F5; font-weight: bold; font-size: 12px; /*#E5E5E5*/
border: 1px solid #FFF; text-align: center; color: white; }
.catalog .li_head .d1 { float: left; color: #909090; }
.catalog .li_head .d2 { float: right; display: block; }
.catalog .li_head .d2 img { width: 11px; height: 11px; }
.catalog .li_head .d3 { float: right; color: #4F89D2; font-weight: bold; margin-right: 5px; }
.catalog .photo { text-align: center; min-height: 100px; margin: 5px 5px 0 5px; }
.catalog img {border:1px solid black; margin-left: 10px;}
.catalog .text { clear: both; }
.catalog .redtext { font-size: 11px; color: black; height:15px; text-align: center; margin:1px 0 0 4px;
text-align: left; }
.catalog .sedytext { font-size: 11px; color:#4A4A4A; height:30px; text-align: center; font-size: 11px; }
.catalog a { color:#4F89D2; text-decoration: underline; }
.catalog a:visited { color:#4F89D2; text-decoration: underline; }
.catalog a:hover { color:#4A4A4A; text-decoration: none; }
div.fykol { border: 1px solid #F5F5F5; }
div.fykol h2 {margin: 10px 5px 2px 0px; color: #4A4A4A; font-size: 16px; padding: 0 0 2px 14px; }
div.fykol h3 { margin: 10px 5px 2px 0px; color: #4A4A4A; font-size: 15px; background-color:#F5F5F5;
padding: 0 0 2px 14px; }
div.fykol h3 a,div.fykol h3 a:link
{ color: #4A4A4A; text-decoration: none; }
div.fykol h3 a:hover { color: #4F89D2; text-decoration: underline; }
div.fykol h4 { margin: 4px 2px 2px 14px; font-size: 13px; }
div.fykol h5 { margin: 4px 2px 1px 25px; font-size: 11px; }
div.fykol p { margin: 2px 2px 2px 30px; color: #4A4A4A; line-height: 125%;
text-align: justify; font-size: 12px; }
div.fykol span { font-weight: normal; }
div.pronapdis { }
div.pronapdis h2 { margin: 2px 2px 2px 2px; padding: 0; color: #4F89D2; font-size: 19px; }
div.pronapdis h1 { margin: 2px 2px 2px 2px; padding: 0; color: #4F89D2; font-size: 16px;}
div.pronapdis h3 { margin: 2px 2px 4px 2px; padding: 0; color: #4F89D2; font-size: 14px;}
.maintable {border-bottom: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; margin: 0; border-collapse: collapse; }
.maintable tr:hover { background-color: #eef; }
.maintable th { text-align: left; background-color: #6780B8; border-top: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0; color: white; font-weight: bold; font-size: 13px;
line-height:24px; padding-left: 10px; padding-bottom: 0px;}
.maintable .title2 { border-bottom: 2px solid black; }
.maintable td { border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; padding:3px 3px 2px 5px; }
.maintable .d { background-color: #F5F5F5; }
.maintable .b { color: #003399; font-weight: bold; }
.maintable input,.maintable textarea { border: 1px solid #363835; }
#formular, #formular p {font-size: small;color: Black;text-indent: 0; line-height: 110%;}
#formular fieldset { width: 450px; text-align:left; margin: 5px 0 0 120px; }
#formular fieldset legend { color: #4A4A4A; font-weight: bold; }
#formular label { width: 100px; font-size: 13px; text-align: right; padding-right: 7px; }
#formular input { background: white url(./pic/form-radek.png) 0 0 no-repeat; border: none!important; height: 19px; width:180px; padding:3px 10px 0 5px; margin-top:5px;}
#formular .zprava { border:none; height: 144px; width: 374px; background: white url(./pic/textarea.png) 0 0 no-repeat;
padding: 5px 1px 5px 5px; margin-left: 25px; }
#formular .odeslat {margin-top: 5px;margin-left: 10px; width: 98px;color: #fff; background: #616161 url(./pic/odeslat.png) 0 0 no-repeat; padding:0 2px 2px 0; height:21px;}
#formular legend {font-size: small;font-weight: bold;color: Black;display:none;}
#formular fieldset {border:none;width:495px; background: #f4f4f4 url(./pic/form.png) 0 0 no-repeat; padding:0 0 10px 0; margin:0;}
#formular fieldset p { margin: 5px 10px; padding:3px 0;}
#pronavigace { width: 640px; border: 1px solid #D0D0D0; clear: both; float: left; margin-left: 10px;}
#pronavigace h2 { background-color: #4F89D2; color: white; margin: 0; padding: 2px 0 2px 20px; font-size: 14px; }
#pronavigace .left { float:left; clear: left; width: 318px; }
#pronavigace .right { float: right; width: 318px; }
#pronavigace dl { width: 310px; line-height: 2em; margin-bottom: 1.5em; color: #4F89D2; font-size: 12px; }
#pronavigace dt a { font-size: 1.2em; font-weight: bold; color: #4A4A4A; margin-left: 7px;}
#pronavigace dd a { font-weight: bold; }
#pronavigace span { color: #4A4A4A; }
#kontakt { width: 640px; float: left; }
#kontakt .k01 { float:left; clear: left; width: 210px; _whidth:200px; }
#kontakt .k02 { float:left; width: 200px; _whidth:200px; }
#kontakt .k03 { float: right; width: 210px; }
#kontakt h2 { color: #4F89D2; margin: 0; padding: 2px 0 2px 20px; font-size: 12px; }
#kontakt h3 { color: #4A4A4A; margin: 0; padding: 2px 0 2px 20px; font-size: 11px; font-weight: normal; }
#detprod { width: 640px; float:left; border: 1px solid #D0D0D0; min-height: 400px; }
#detprod .left { float:left; clear: left; width: 285px; }
#detprod .right { float: right; width: 352px; text-align: center; padding-right: 2px; }
#detprod h1 { color: #4F89D2; margin: 0; padding: 2px 0 2px 20px; font-size: 13px;
background-color: #F5F5F5; }
#detprod img { border: 1px solid #F5F5F5; margin-top: 5px; }
#detprod table { width: 270px; border-top: 1px solid #D0D0D0; border-bottom: none;
margin:10px 0 0 8px; border: 0; border-collapse: collapse; }
#detprod table th { color: #4A4A4A; background-color: white; text-align: right; padding: 2px 10px 2px 0;
border-bottom: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; font-size: 12px;
width: 90px; }
#detprod table td { color: #4A4A4A; background-color: white; text-align: left; padding-left: 4px;
border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; font-size: 12px; }
#detprod table .d { background-color: #F5F5F5; }
#detprod p { padding: 0; margin: 4px 2px 2px 10px; }
.odsazeni { margin: 5px 5px 5px 5px; width: 200px;}
ul#navigace { margin: 0px; padding: 0px; }
ul#navigace li { margin: 0px; padding: 0px; line-height: 0em; list-style: none;
position: relative; width: 100%; }
ul#navigace li a { display: block; padding-left: 22px; line-height: 2.5em;
text-decoration: none; font-weight: normal; color: #fff; margin: 0;
background: #476E95 url('./pic/lmenubg.jpg') top left;
border-bottom: 1px solid #132F49; border-top: 1px solid #557EA5;
}
ul#navigace li a:hover, ul#navigace li .aktivni {
background: #254C74 url('./pic/lmenubg.jpg') 0px 100px; color: #fff;
}
ul#navigace li ul { position: absolute; top: 0px; left: 200px; width: 200px;
margin: 0px; padding: 0px; visibility: hidden; background: #476E95; }
ul#navigace li:hover ul, ul#navigace li.hover ul { visibility: visible;
display: block; }
.aktsez { margin-top:10px; padding-bottom: 10px; border-bottom: 1px solid #D0D0D0; }
.aktsez h4 { font-weight: bold; margin: 1px; padding: 0; font-size: 14px; }
.aktsez .text1 { font-weight: normal; }
div.lakce { border: 1px solid #476E95; border-bottom: 0px; margin: 0px; padding: 0px;
background-color: white; clear: both; }
div.lakce h4 { font-size: 12px; margin: 0 0 1px 0; padding: 2px 0 2px 3px; background-color:white; color:#4F89D2 ;
text-align: center; }
div.lakce a,div.lakce a:visited { color: #4F89D2; }
div.lakce .texta { margin: 0px 2px 0px 3px; padding: 0 0 2px 0; font-weight: normal; }
div.akce { border-bottom: 1px dotted #D0D0D0; }
div.akce h4 {margin: 2px 0 2px 2px; padding: 0 0 0 20px; font-size: 14px; background: url('./pic/button_go3.gif') left no-repeat;}
div.akce .text { margin: 0; }
div.detail { border: 1px solid #D0D0D0; width: 100%; background: url(pic/bg22.gif) left top repeat-x; }
div.detail h3 { margin: 0px; padding: 2px 1px 1px 10px; color: #4F89D2;}
fieldset.hledani,
fieldset.sez { border: 1px solid #D0D0D0; width: 90%; font-size: 11px; }
fieldset.hledani li { list-style: none; }
fieldset.hledani legend,
fieldset.sez legend { color: #990000; font-weight: bold;}
fieldset.hledani input,
fieldset.hledani select { border: 1px solid #D0D0D0; }
fieldset.hledani a { color: #4F89D2; margin-left: 10px; padding-left: 15px;
background: url(pic/sipkali.gif) left top no-repeat; font-weight: normal; }
fieldset.hledani a b,
fieldset.hledani b a:link,
fieldset.hledani b a:hover,
{ color:#990000; font-weight: normal; }
div.button {text-align:right; margin-bottom:2px; }
input.button {border:1px solid ##D0D0D0; padding:1px 2px 1px 10px;
background:url(pic/submit.gif) #d9d9d9 repeat-x;
color: #476E95; margin:.2em .2em 0 0; cursor:pointer;}
input.button:hover {border:1px solid #4F89D2; padding:1px 2px 1px 10px;
background:url(pic/submit.gif) 0 -40px repeat-x; color: white;}
ul.text { list-style-type: none; margin: 0 0 0 5px; padding: 0; }
ul.text li { background: url(./pic/button_go4.gif) 3px 7px no-repeat; padding-left: 20px; }
ul.text2 { list-style-type: none; margin: 0 0 0 5px; padding: 0; }
ul.text2 li { background: url(./pic/button_go3.gif) 0px 7px no-repeat; padding-left: 20px; }
table.table2 { border: none; }
table.table2 th { text-align: right; font-size: 100%; color: #990000; padding-right: 8px; }
table.table2 td { }
div.fotogal { width: 600px; margin: 7px 2px; float:left; clear: both; padding: 0 0 10px 0; border-bottom: 1px dotted #7F7E7A; }
div.fotogal h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #505050; }
div.fotogal h2 A { font-weight: bold; color: #366AB3; font-size: 14px; text-decoration: underline; }
div.fotogal h2 A:hover { text-decoration: none; }
div.fotogal h3 { margin: 2px 0 0 0; padding: 0; font-size: 12px; font-weight: normal; color: #363835;
text-align: justify; line-height: 120%; }
div.fotogal img { float: left; padding-right: 5px; }
.galerie { margin: 10px 0 0 8px; float: left; width: 600px; text-align: center; padding: 4px 5px;
background-color: #476E95; }
.galerie .obal { float: left; width: 290px; padding: 3px 0;}
.galerie .photo { text-align: center; padding: 3px 2px 0 2px; background-color: #476E95; }
.galerie .popis { clear:both; text-align: center; font-size: 11px; color:#F5F5F5; }
.galerie img { border: 1px solid White; }
.galeriedet { background-color: #476E95; padding: 10px 0px 25px 0px; color:white; }
.galeriedet .odkazy { text-align: center; width: 340px; background-color: white;}
.galeriedet A,.galeriedet A:link, .galeriedet A:visited
{ color: white; text-decoration: underline; font-weight: bold; }
.galeriedet A:hover { text-decoration: none; color: #D0D0D0; font-weight: bold;}