*{
padding:0;
margin:0;}
body{
font-family:serif; 
background:#fff;
color:#000;
font-size:12pt;
line-height:1.2;}

.noscreen, #head, #nav, #head-nav, #head-top #back, #blok, #box, #foot, .form, form, #icq, #toplist, #drobmenu, #drobnav, #head-top-nav, #head-bottom-nav{
display:none;}
h1{
font-size:14pt;
margin:2mm 0;
clear:both;
padding:0;}
h2{
font-size:13pt;
clear:both;
margin:2mm 0 0 0;
padding:0;}
h3{
font-size:12pt;
clear:both;
margin:2mm 0 0 0;
text-align:left;
padding:0;}
a{
color:#000;}
#in p{
text-align:justify;
margin:8px 0px;}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
.imgdr p{text-align:center}
#in blockquote p{
padding:25px 0;
clear:both;
color:#000;
text-align:center;
font-weight:bold;
font-size:115%;}
#in strong{color:#000;}
#in strong em{color:#000;}
#in em{color:#000;}
/* ul */
#in ul{
line-height:1.4;
font-size:85%;
margin:0px 0px 0px 0px;
padding:0 0 0 40px}
#in ul li{
font-weight:bold;
list-style-type: disc;}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0; margin-left:20px; font-weight:normal;}
#in ol{
margin-left:35px;
padding:5px 0 5px 5px}
dl{
padding:0 0 0 15px;}
dt{
font-weight:bold;
font-size:100%;
color:#000;
padding-bottom:4px}
dd{
text-indent:0;
padding-bottom:4px}
#in dd strong{
font-weight:bold;
color:#000}
#in hr{
margin:5px 0;
color:#fff;
background-color:#fff;
border:0;
height:1px;
clear:both}
/* img */
.imgd,img{
text-align:center;
margin:0 auto;
clear:both;}
.img-right, .imgdr{
margin:0px 15px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:0px 15px;
text-indent:0;
float:left;
clear:none;
text-align:center;}
#in table{
clear:both;
width:99%;
color:#000;
font-size:90%;
border-collapse:collapse;
margin:3px 0px;
border:1px solid #c17747;}
#in th, #in td{
color:#000;
border:1px solid #000;
padding:3px;
text-align:left}
#in td{background:#fff; color:#000;}
#in th{background:#fff;}
#in table.auto{
width:auto;}
#in table.normal{
border:1px solid #000;}
#in table.normal th{background:#fff;}
#in table.normal td{background:#fff;}
#in .nobordertable th, #in .nobordertable td{
border:0; background:#fff;margin:0;padding:0 3px;}
#in .nobordertable {border:0;}
#in table.polovina td{width:50%;}
#in table.tretina td{width:33%;}
#in table.ctvrtina td{width:25%;}
#in table.center td{text-align:center}
#in table.float{float:left; clear:none;}
#in table.float td{ font-weight:bold}
#in table.top th, #in table.top td{ vertical-align:top}
/* speciality*/
#novinky h2 a:link, #novinky h2 a:visited{color:#000}
#novinky p{ text-align:justify; margin:4px 0; padding:0; font-size:85%;}
#novinky h2{margin:2px 0; padding:2px 0}
#novinky img{margin:0 0 0 8px; border:4px solid #eee}
#novinky .novinka-datum{color:#888; clear:both; text-align:right; padding-top:3px}
#novinky .novinka-datum a{font-weight:bold}

.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{float:left;margin:10px;
border:1px solid #e0d9a0;
background:#f7f5e3 no-repeat center center;}
.fk-nahled{float:left;margin:10px;text-align:center;width:150px}
.galerie-obal{margin-bottom:10px;}

/*!! ESHOP !!*/
/* vyhledavani - eshop */
#vyhledavani, #vyhledavani p, form{margin:0;padding:0}
#vyhledavani{width:200px;height:62px;background:url("images/box-vyhledavani.gif") no-repeat}
#vhld-pole{float:left;margin:18px 0 0 12px;width:130px;height:18px;color:#000}
input#vhld-pole{background:none;padding:4px 0 0 4px}
#vhld-tla{width:31px;height:24px;border:none;float:right;margin:19px 14px 0 0;
background:url("images/tl-lupa.gif") no-repeat;cursor:pointer}

/* kosik v hlavicce */
.rychlykosik{position:absolute;z-index:100;right:27px;top:17px;color:#fff;width:200px}
.rychlykosik table{line-height:1.3}
.rychlykosik td{margin:0;padding:0px 3px}
.rychlykosik .zobrkosik span{position:absolute;z-index:20;right:84px;top:67px;width:112px;height:24px;background:none;display:block;text-indent:-2000px;cursor:pointer}

/* nadpis na uvodu + vybrane produkty u vyrobce */
#in h2.doporucujeme, #in h2.vybraneprodukty{background:url("images/h2.gif") no-repeat center center}

/* kategorie prebliknuti sloupec - spojeni vyrobcu a kategorii do jednoho panelu
#vyberkatvyr{clear:both;height:30px}
#vyberkatvyr a{width:100px;display:block;float:left;padding:5px 0;border-bottom:4px solid #2a00e0;font-size:105%;text-align:center;text-decoration:none;background:#e7e7e7;font-weight:normal}
#vyberkatvyr a.vk-aktivni{background:#2a00e0;color:#fff;font-weight:bold}*/

/* prihlaseni do eshopu uzivatele */
table.login{width:200px;background:#f4f3f3;margin:0}
table.login td.prvni{width:45px;font-size:90%;padding-left:5px}
table.login td.druhy input{width:138px}
table.login label{color:#000}
/* tlacitko pro potvrzeni */
td.button p{text-align:center;padding:0;margin:5px} /* regulace odsezeni */
td.button p input, .tl-odhlasit{margin:0 0 0 12px;padding:0;display:block;width:152px;height:28px;color:#fff;font-weight:bold;border:0;cursor:pointer;
background:url("images/tl-male-1.gif") no-repeat right top;}
.tl-odhlasit{text-align:center;padding:5px 0 0 0}
a:link.tl-odhlasit, a:visited.tl-odhlasit{color:#fff}
td.button p:hover input, a:hover.tl-odhlasit{color:#6ac63b}
a.tl-odhlasit{text-decoration:none}
/* text pod tlacitkem */
td.prihlaseni-text{
font-size:90%;text-align:center;margin:0 5px;padding:0 0 2px;font-weight:bold}
td.prihlaseni-text a:hover{color:#325e1c}

/*!! PREHLED PRODUKTU !!*/
/* eshop drobeckova navigace */
p.eshopdrobnav{position:relative;top:-10px;font-size:85%}
p.eshopdrobnav a:link, p.eshopdrobnav a:visited{color:#498929}
p.eshopdrobnav a:hover{color:#4a4a4a}

/* dany produkt */
.produkt{width:190px;float:left;margin:1px;padding:0;font-size:90%}
.produkt h4{width:190px;height:50px;margin:0;padding:5px 0 0;display:block;
background:url("images/produkt-top.gif") no-repeat; overflow:hidden;text-align:center;font-size:100%}
.produkt h4 a{text-decoration:none;padding:0 2px 0 2px}
.produkt h4 a:hover{text-decoration:underline}
.pro-obal{width:190px;background:url("images/produkt-obal.gif") repeat-y;font-size:85%}
.pro-obal a img{border:0}
.pro-obal img{margin:0 auto;padding:0}
.pro-obal span{height:155px;display:block}
.pro-obal p.prvni-veta{padding:0 5px!important;margin:0;display:block;text-align: justify;height:90px;overflow:auto;border-bottom:1px solid #b5b5b5}
p.vyrobce, p.baleni, p.dostupnost, p.cena, p.beznacena{margin:0 1px;padding:0;background:#f5f5f5;font-size:110%}
p.cena{padding:0 0 0px 0} 
.pro-bottom{width:190px;height:40px;border-top:1px solid #b5b5b5;display:block;margin:0;padding:0;
background:url("images/produkt-bottom.gif") no-repeat;overflow:hidden}

/* tlacitka */
a.tl-detail-stredni img{border:0} /* zruseni ramecku u stredniho*/
a.detailnaprehledu, a.koupitnaprehledu{display:block;width:55px;height:27px;text-indent:-5000px}
a.detailnaprehledu{
float:left;background:url("images/tl-detail.gif") no-repeat;margin:5px 0 0 5px;_margin:5px 0 0 2px}
a.koupitnaprehledu{
float:right;background:url("images/tl-koupit.gif") no-repeat;margin:5px 5px 0 0;;_margin:5px 2px 0 0}
form.dokosikunaprehledu{width:120px;float:right}
span.volbamnozstvi{position:relative;top:8px;left:8px;float:left} /* posun naklikavace mnozstvi */

/* stitky */
#in img.stitek{float:left;clear:none;padding:0 0 3px 0;margin:0 2px 0 0px}

/* podkategorie - barva odkazu */
#podrazene-kategorie a:link, #podrazene-kategorie a:visited{color:#498929;font-weight:bold}
#podrazene-kategorie a:hover{color:#000}
/* podkategorie - rozdeleni do sloupcu */
#podrazene-kategorie .pksloupce{width:30%;float:left;font-size:85%}
#podrazene-kategorie ul#pksloupec1{padding-left:10px} /* odsazeni 1 sloupce */

/* vypis informaci nad produkty / nalezeno... /*/
#nadprodukty{clear:both;margin-top:10px}
#nadprodukty p{margin:0;padding:0 10px}
p.nalezeno, p.vyh-dotaz{}
#in p.horni-strankovani{padding:0 10px}
p.dolni-strankovani{padding:0 15px}

/* razeni produktu */
.razeni{margin:10px 1px 10px 0;padding:5px 2px;background:url("images/nav-bg.gif") repeat-x;font-size:85%;
border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px}
.razeni p{margin:0;padding:0}
.razeni em{font-style:normal}
.razeni strong{color:#357913;font-size:95%}
.razeni a:link, .razeni a:visited{text-decoration:none;font-weight:normal;font-size:105%} 
.razeni a:hover{text-decoration:underline}

/* vypis textu pod produkty pata */
#podprodukty{clear:both} /* pod produkty výpis */

/*!! DETAIL PRODUKTU !!*/
#detail{margin-top:20px} /* cely blok */
#hlavni-obrazek{float:left;width:280px;margin-top:0;padding-top:0}
#hlavni-obrazek-uvodni{height:235px}
#vedlejsi-obrazky{margin-left:15px;padding:5px;width:260px;border:3px solid #fff}
.vo-rozbalene{background:#fff;border:3px solid #498929!important}

#vedlejsi-obrazky a{
display:block;float:left;margin:3px;width:72px;height:55px;overflow:hidden;border:1px solid #ccc}
#hlavni-obrazek img.hlavni{margin-top:3px}
#vedlejsi-obrazky img.vedlejsi{margin:0;padding:0}

#detail p.zpet{display:none} /* tlacitko zpet*/

/*#rychle-info{float:right;width:280px; margin-top:20px}
#detail table.info{width:270px;border-collapse:separate}
#detail table.info{margin:0 0 10px}
#detail table.info th{	background:#e3f9d9;border:1px solid #c4deb8;
padding:1px 6px;color:#244215}
#detail table.info td{padding:1px 6px; background:#f2fcec ; border:none }
#detail-koupe{	background:#aff98a;border:1px solid #4f942c;padding:5px 8px;margin:0 12px 10px 2px}
#cena-dph{margin:0 5px 0 0;font-size:1.1em;color:#44ca1a}
#cena-box{margin:5px 0}
#detail-koupe input.text{width:2em;text-align:right}
input.vlozit, input#vlo-sub{cursor:pointer;margin:0 0 0 10px;color:#fff;width:152px;text-indent:-2000px;
height:28px;font-weight:bold;background:url("images/tl-vlozit.gif") no-repeat;border:0;}
#detail .popis{clear:both}
td.tright, td.tcenter{text-align:right;white-space:nowrap;}
td.tcenter{text-align:center}
#cena-box em{font-size:80%; font-style:normal}*/

/* blok s info textem vedle obrazku */
#rychle-info{float:right;width:280px}
#detail img.stitek{float:left;clear:none;padding:3px 3px 0 0;margin:0 2px 0 2px}
#detail table.info{width:280px;border-collapse:separate}
#detail table.info{margin:0 0 10px}
#detail table.info th{
background:#e3f9d9;border:1px solid #c4deb8;padding:1px 6px;color:#244215}
#detail table.info td{padding:1px 6px;background:#f2fcec;border:none}
#detail-koupe{
background:#aff98a;border:1px solid #4f942c;padding:5px 8px;margin:0 12px 10px 2px}
/* ramecek s cenou */
#cena-dph{margin:0 5px 0 0;font-size:1.1em;color:#44ca1a}
#cena-box{margin:5px 0}
#cena-box p{margin:0;padding:0}
#cena-box em{font-size:80%;font-style:normal}
#detail-koupe input.text{width:2em;text-align:right}
input.vlozit, input#vlo-sub{margin:5px 0 0 10px;color:#fff;width:152px;height:28px;border:0;
background:url("images/tl-vlozit-kosik.gif") no-repeat right top;font-weight:bold;cursor:pointer;text-indent:-2000px}
input.vlozit:hover, input#vlo-sub:hover{background:url("images/tl-vlozit-kosik.gif") no-repeat}
input#js_kolik{border:1px solid #000;padding:2px} /* naklikani poctu*/

/* tabulka u vice variant */
/* poladeni textu v detailu ??? */ 
#detail .vlastnostiproduktu p{margin:0;padding:0 5px; color:#993300}
#detail p.vlastnostinadpis{margin:15px 0 0 0;padding:0 5px}
#detail .vlastnostiproduktu ul{margin:0;padding:0 5px}

/* zarovnani v tabulce */
td.tright, td.tcenter{text-align:right;white-space:nowrap}
td.tcenter{text-align:center}
/* vyznaceni cen*/
strong#vase-cena-dph{font-size:130%;color:#ff3c00}
#in td.tright strong{color:#f00}
/* formular error*/
p.vyplnit{color:#f00}

/* produkty-tabulka varinty detail */
#in table#produkt-varianty{margin:10px 0 0 4px}
#in table#produkt-varianty td{ vertical-align:middle}
#in td.nazevvarianty{font-weight:bold;color:#2f6315;font-size:90%}
#in table#produkt-varianty tr:hover td{background:#fff;color:#000}
#in table#produkt-varianty th{white-space:nowrap}
#in th.thcena1, #in th.thcena2, #in th.thbaleni, #in th.thmnozstvi{font-size:85%; text-align:center}

/* pridani polozky do kosiku */
a:link.mnplus, a:visited.mnplus, a:link.mnminus, a:visited.mnminus{text-decoration:none;padding-right:5px;font-size:120%;font-family: 'Arial Black', 'Gadget CE', sans-serif;}
a:link.mnplus, a:visited.mnplus{padding-left:5px}
input.inpmnozstvi{width:22px;border:1px solid #498929;text-align:right}

/* souvisejici produkty v detailu */
#in #souvisejici{float:right;width:45%;margin:10px 2px 10px 15px;font-size:85%; border:1px solid #e2e3e1; background:#f5f6f5}
#in #souvisejici p{margin:5px; padding:0}
#in #souvisejici ul{margin:0 0 0 7px;padding:0}

/* TLACITKA */ 
/* tlacitko tl-stredni-1 */
p.zpet, p.tl-stredni-1{
margin:5px 0;width:160px;height:28px;display:block;
padding:0;font-weight:bold;background:url("images/tl-stredni-1.gif") no-repeat}
p.zpet a:link, p.tl-stredni-1 a:link, p.zpet a:visited, p.tl-stredni-1 a:visited, p.zpet-male a:link, p.zpet-male a:visited{
color:#fff;text-decoration:none;position:relative;top:5px;left:10px}
p.zpet a:hover, p.tl-stredni-1 a:hover, p.zpet-male a:hover{color:#ff8600}

#in p.tl-cerne-velke{float:right}
p.zpet{float:right;font-size:90%}
p.zpet a:link, p.zpet a:visited{left:5}

p.zpet-male{font-size:100%!important;width:152px!important;height:28px;float:right;margin:5px 0 10px 10px;padding:0 5px 0 10px;cursor:pointer;font-weight:bold;color:#fff;text-align:left;background:url("images/tl-male-1.gif") no-repeat;border:0}



/* KOSIK */
/* kosik - tlacitka */
#in input.tl-zelene, #in input.tl-cerne{font-size:100%!important;width:152px!important;height:28px;float:right;margin:5px 0 0 0;padding:0 5px 0 10px;cursor:pointer;background:url("images/tl-male-2.gif") no-repeat right top;font-weight:bold;border:none;color:#fff;text-align:left}
#in input.tl-cerne{margin:3px 0;background:url("images/tl-male-1.gif") no-repeat right top;float:none}
#in input.tl-zelene:hover, #in input.tl-zelene-velke:hover, #in input.tl-zelene-velke-big:hover{color:#000}
#in input.tl-cerne:hover, #in input.tl-cerne-velke:hover, #in input.tl-cerne-velke-big:hover{color:#ff8600}
#in input.tl-zelene-velke, #in input.tl-zelene-velke-big, #in input.tl-cerne-velke, #in input.tl-cerne-velke-big{margin:5px 0 0 0;width:190px;height:28px;display:block;float:right;cursor:pointer;font-size:100%!important;padding:0 5px 0 10px;font-weight:bold;
background:url("images/tl-stredni-2.gif") no-repeat right top;border:none;color:#fff}
#in input.tl-zelene-velke-big{width:276px!important;background:url("images/tl-velke-2.gif") no-repeat right top}
#in input.tl-cerne-velke-big{width:276px;background:url("images/tl-velke-1.gif") no-repeat;border:none;
color:#fff;text-align:left;float:none}
#in input.prihlasit{margin:-4px 0 0 0;position:absolute;top:0px;right:10px}
#in .kosik p.tl-cerne-velke{float:left}
#in p.pod-tl{clear:both;text-align:right;margin:0 -5px 0 0} /* text pod tlacitkem */


/* kosik - tabulka */
table#kosik-seznam{margin:10px 0 0 4px;font-size:85%}
table#kosik-seznam td{vertical-align:middle}
.pocet-kusu, .cena-kus, .cena-celkem, .upravy{white-space:nowrap;text-align:center;width:5%}
td.pocet-kusu, td.cena-kus, td.cena-celkem{text-align:right}
.nazev-zbozi{width:auto}
.pocet-kusu{width:2%}
td.kosik-center{text-align:center}
td.kosik-right{text-align:right}
#in table#kosik-seznam input.tl-cerne{font-size:120%!important}
/* kosik - ostatni */
#in p.vlozeno, #in p.kosik, #in p.chyba{margin:10px 1px 10px 0;padding:5px 10px;font-size:85%;border:1px solid #ccc}
#in p.dph{font-style:italic;text-align:right;margin:0;font-size:80%}
#in input.prepocet{width:25px}
#in tr#trusetril{}

/* po kliknuti na zobrazit kosik */
p.prazdnykosik, p.dekujemezaobjednavku, p.uspesnaregistrace, p.uspesnazmenaudaju, p.objuspesneulozena, p.uspesneodhlaseni, p.uspechzaslanihesla
{font-size:150%;padding:5px 10px!important;background:#f7f7f7;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px}
p.vonakupujemozbozi{font-size:120%}

/* objednavka adresa */
#in form.kontakt{border:1px solid #9b9898;background:#f7f7f5;margin:5px 0}
#in form h3{background:url("images/nav-bg.gif") repeat-x;text-align:left;margin:0 0 10px 0;padding:3px 10px;font-weight:normal;border-top:1px solid #666;border-bottom:1px solid #666}
#in form h3 strong{font-weight:bold}
#in form.kontakt fieldset{border:none;margin:0;padding:0 0 10px 0}
#in form.kontakt input{width:150px;font-size:90%}
#in input#dodaci, #in input#klogin, #in input#firma, #in input#registrace{width:15px;margin:5px 3px 0 0}
#in input#klog-heslo{width:100px}
#in form.kontakt input.klog-email{margin-right:15px}
#in form.kontakt label{font-weight:bold}
#in form.kontakt label em{font-style:normal;font-weight:normal}
p.sl-l{width:160px;float:left;margin-top:5px}
p.sl-r{float:right;width:368px;font-size:85%;margin-top:0px}
p.pod-tl{clear:both; text-align:right;margin:0 -10px 0 0}
#in form.kontakt #poznamka{width:99%}
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden;}
#firma-div{margin-bottom:10px}
#klogin-div{position:relative}

/* cast objednavky */
#cast-objednavky{border:1px solid #4a4a4a;margin:4px;font-size:100%; background:#ccc; padding:5px}
#cast-objednavky a{color:#000}
#cast-objednavky a:hover, #cast-objednavky a:active, #cast-objednavky a:focus{color:#f15e22}
#cast-objednavky h2{display:inline;margin:0;	font-size:1em;font-weight:normal;color:#f15e22}


/* kosik doprava */
div.volbadopravy{border:1px solid #ccc;background:#f3f2f2;margin-bottom:5px}
div.volbadopravy label{font-weight:bold}

div.volbadopravyvybrana { border: 3px solid #ffc16c; background:#fff; }

div.volbadopravy p{margin:5px 0}



div#zaregistrujtese p{border:1px solid #ccc;background:#f3f2f2;}

/* ostatni */

#panel2 p.tl-cerne-velke, #panel6 p.tl-cerne-velke{margin:3px 5px;background:url("images/tl-stredni-1.gif") no-repeat right top} /* bug ie6*/

#blok p.tl-cerne-velke{width:190px;position:relative;left:-11px}
