/*--- definice telo+scroll ---*/
BODY {
background: url(top_bg.gif) repeat-x;
background-color: #ffffff;
text-align: center;
color: Black;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
#clear{
clear: both;
width:995px;
height: 1px;
}
/*--- paticka ---*/
#paticka{
width:100%;
height: 64px;
text-align: center;
background: url(paticka.gif);
}
#paticka #uvnitr{
margin-left: auto;
margin-right: auto;
width:995px;
height: 64px;
text-align: left;
background: url(paticka-logo.gif) no-repeat right;
}
#paticka #uvnitr a{
position: absolute;
margin-left: 0px;
margin-top: 26px;
background: url(wedipa.gif);
width: 104px;
height: 29px;
}
#paticka #uvnitr a span{
display: none;
}
/*--- prechod pozadi ---*/
#nadhlavicka{
width:995px;
height: 40px;
margin-left: auto;
margin-right: auto;
text-align: left;
}


/*--- logo jako odkaz a nadpis ---*/
#logo{
position: absolute;
margin-top: 3px;
margin-left: 0px;
width: 290px;
height: 166px;
background:url(logo.png) no-repeat;
}
#logo h1{
margin-top: 0px;
margin-left: 0px;
width: 188px;
height: 100px;
}
#logo h1 a{
display: block;
width: 188px;
height: 100px;
}
#logo h1 a span{
display: none;
}
/*--- kontakt horni ---*/
#kontakt_horni{
width:286px;
height: 90px;
background: url(kontakt-horni.gif);
margin-left: 709px;
margin-top: -127px;
}
#kontakt_horni p{
margin-left: 70px;
padding-top: 15px;
font: bold 16px Arial, Helvetica, sans-serif;
color: #000000;
}
#kontakt_horni p span{
font: bold 14px Arial, Helvetica, sans-serif;
color: #9d9d9b;
}
/*--- navigace horni ---*/
#horni_navigace{
position: absolute;
list-style: none;
width:709px;
height: 35px;
height: px;
margin-left: 271px;
margin-top: 0px;
}
#horni_navigace li{
float: right;
background: url(cara.png) no-repeat right;
}
#horni_navigace li a{
font: normal 14px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
display: block;
padding-top: 10px;
padding-bottom: 13px;
padding-left: 10px;
padding-right: 10px;
}
#horni_navigace li a:hover{
text-decoration: underline;
}
/*--- hlavicka ---*/
#hlavicka{
text-align: center;
width:100%;
background-image: url(hlavicka.jpg);
height: 221px;
}
#obsah{
text-align: left;
margin-left: auto;
margin-right: auto;
width:995px;
height: 221px;
}
/*--- misto pro reklamu ---*/
#reklama{
text-align: center;
width:286px;
height: 162px;
}
#reklama h2{
padding-top: 135px;
margin-left: 16px;
color:  #137aaf; 
font: bold 22px Arial, Helvetica, sans-serif;
}
#reklama p{
margin-left: 16px;
padding-top: 18px;
color:  #ffffff; 
font: bold 15px Arial, Helvetica, sans-serif;
}
/*--- vyhledavani ---*/
#vyhledavani{
margin-top: 0px;
width:286px;
height: 59px;
background: url(vyhledavani.png);
}
#vyhledavani p
{
padding-top: 13px;
margin-left: 50px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#vyhledavani input
{
height: 16px;
width: 179px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
border: none;
background: none;
}
#vyhledavani input.hledej
{
margin-left: 195px;
margin-top: -22px;
height: 28px;
width: 29px;
border: 0px;
}
/*--- grafika ---*/
#grafika{
margin-top: -221px;
margin-left: 286px;
width: 477px;
height: 221px;
background: url(grafika.png);
}

/*--- kosik ---*/
#kosik{
margin-top: -222px;
margin-left: 763px;
width: 232px;
height: 221px;
background: url(prihl-kosik.png);
}
#kosik p.nadpis{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-left: 15px;
padding-top: 23px;
margin-bottom: 15px;
}
#kosik p.nadpis span{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#kosik p.login{
margin-right: 30px;
height: 28px;
text-align: right;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 15px;
}
#kosik p.login input{
margin-left: 10px;
width: 143px;
background: white;
border: solid 1px black;
}
#kosik p.prihlasit{
padding-left: 47px;
width: 220px;
height: 44px;
text-align: left;
}
#kosik p.prihlasit input{
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(but.gif);
margin-left: 5px;
padding-left: 2px;
padding-right: 2px;
height: 19px;
}
#kosik p.kosik{
text-align: right;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-right: 30px;
margin-top: 0px;
height: 17px;
}
#kosik p.kosik span{
width: 100px;
display: block;
float: left;
color:  #000000; 
}
#kosik a{
color:  #000000; 
font: bold 12px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-top: 0px;
padding-bottom: 5px;
display: block;
}
/*---
 cela stranka 
 ---*/
#cara{
text-align: center;
width: 100%;
height: 41px;
}
#cara #stin{
margin-top: 0px;
text-align: left;
width: 990px;
height: 41px;
background: url(stin.png) no-repeat top;
}
/*---cela stranka---*/
#navigace{
margin-left: auto;
margin-right: auto;
margin-top: -42px;
text-align: left;
width: 960px;
height: 63px;
list-style: none;
}

#stranka{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 995px;
text-align: left;
background: url(stranka.png);
}
/*--- levy sloupec (menu) ---*/
#levy{
float: left;
margin-top: 0px;
margin-left: 0px;
width: 277px;
text-align: left;
}
#levy h3 span{
display: none;
}
#levy ul{
clear: both;
margin-left: 1px;
width: 275px;
list-style: none;
padding-bottom: 15px;
}
#levy ul li.nadpis{
margin-top: 1px;
width: 275px;
height: 55px;
background: url(nadpis.png);
}

#levy ul li.nadpis p{
margin-left: 15px;
padding-top: 14px;
color:  #ffffff; 
font: bold 16px Arial, Helvetica, sans-serif;
}

#levy ul li.hlavni{
margin-bottom: 3px;
width: 275px;
height: 39px;
background: #ffffff;
}
#levy ul li.hlavni h2{
width: 275px;
height: 39px;
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
color: 
}
#levy ul li.hlavni h2 a{
text-decoration: none;
padding-top: 12px;
padding-bottom: 11px;
display: block;
width: 275px;
}
#levy ul .static{
color:  #cc0000; 
font: bold  Arial, Helvetica, sans-serif;
margin-left: 10px;
}
#levy ul li.hlavni h2 a span{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-left: 10px;
}

/*--- kategorie 1 úroveň ---*/
#levy ul li.kat01{
margin-bottom: 1px;
width: 275px;
background: #f5f4f4;
}
#levy ul li.kat01 a{
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
width: 275px;
background: url(arow01.gif) no-repeat left center;
color:  #000000; 
font: bold 12px Arial, Helvetica, sans-serif;
}
#levy ul li.kat01 a span{
margin-left: 25px;
}
/*--- kategorie 2 úroveň ---*/
#levy ul li.kat02{
margin-bottom: 1px;
width: 275px;
background: #f0efef;
}
#levy ul li.kat02 a{
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
width: 275px;
background: url(arow02.gif) no-repeat left center;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}

#levy ul li.kat02 a span{
margin-left: 33px;
}
/*--- kategorie 3 úroveň ---*/
#levy ul li.kat03{
margin-bottom: 1px;
width: 275px;
background: #eae9e9;
}
#levy ul li.kat03 a{
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
width: 275px;
background: url(arow03.gif) no-repeat left center;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#levy ul li.kat03 a span{
margin-left: 43px;
}
#levy ul li.kat04 a{
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
width: 275px;
background: url(arow04.gif) no-repeat left center;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#levy ul li.kat04 a span{
margin-left: 49px;
}
#levy ul li.hlavni h2 a:hover, #levy ul li.kat01 a:hover, #levy ul li.kat02 a:hover, #levy ul li.kat03 a:hover, #levy ul li.kat04 a:hover{
background-color: #c3c3c3;
}
/*--- pravy sloupec (obsah) ---*/
#pravy{
float: right;
margin-top: 0px;
margin-left: 0px;
width: 712px;
text-align: left;
vertical-align: top;
}
#pravy #texty{
margin-left: 10px;
}
#pravy #texty h2{
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-bottom: 15px;
background: none;
}
#pravy #texty ul{
margin-left: 20px;
margin-bottom: 20px;
}
#pravy #texty ul li{
list-style: none;
padding-left: 9px;
background: url(arow_li.gif) no-repeat 0px 5px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}
#pravy #texty h3{
color:  #000000; 
font: bold 15px Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
#pravy #texty h4, #pravy #texty h5, #pravy #texty h6{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
#pravy #texty p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-bottom: 12px;
text-align: justify;
}

/*---
eshop
 ---*/
#eshop{
width: 712px;
}
#eshop h2{
width: 706px;
background: url(nad-kat.png);
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
padding-top: 14px;
padding-bottom: 14px;
margin-bottom: 12px;
}
#eshop h2 span{
margin-left: 20px;
}
#eshop h2 span a{
color:  #000000; 
}
#eshop h2 span a:hover{
color:  #000000; 
text-decoration: none;
}


/*--- bunky eshopu ---*/
div.bunka{
text-align: center;
float: left;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
width: 228px;
height: 397px;
background: url(bunka-esh.png);
}
div.bunka-over{
margin-bottom: 8px;
float: left;
text-align: center;
margin-left: 4px;
margin-right: 4px;
width: 228px;
height: 397px;
background: url(bunka-esh-over.png);
}
div.bunka h3, div.bunka-over h3{
width: 210px;
height: 54px;
margin-left: 9px;
margin-right: 9px;
margin-top: 7px;
}
div.bunka h3 a, div.bunka-over h3 a{
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .nahled, div.bunka-over .nahled{
width: 218px;
height: 143px;
margin-left: 5px;
margin-right: 5px;
}
div.bunka .nahled .foto, div.bunka-over .nahled .foto{
margin-top: 10px;
}
div.bunka .popis, div.bunka-over .popis{
text-align: left;
width: 210px;
height: 83px;
margin-left: 9px;
margin-right: 9px;
margin-top: 5px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .popis p, div.bunka-over .popis p {
	height: 61px;
}
div.bunka .popis .dostupnost, div.bunka-over .popis .dostupnost{
margin-top: 6px;
text-align: center;
color: #cc0000;
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .popis .dostupnost span, div.bunka-over .popis .dostupnost span{
font: bold 12px Arial, Helvetica, sans-serif;
}
div.bunka .koupit, div.bunka-over .koupit{
display: block;
text-align: left;
width: 210px;
height: 98px;
margin-left: 9px;
margin-right: 9px;
margin-top: 5px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .tl_koupit, div.bunka-over .tl_koupit{
width: 128px;
height: 30px;
margin-left: 40px;
margin-right: 9px;
margin-top: 3px;
margin-bottom: 5px;
}
p.akce{
display: block;
float: left;
padding-right: 25px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
background:url(icon-akce.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}
p.novinka{
display: block;
padding-right: 15px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
background:url(icon-novinka.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}
p.tip{
display: block;
float: left;
padding-right: 20px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
background:url(icon-tip.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}
p.bezna{
display: block;
width: 80px;
height: 35px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
p.bezna span{
color:  #999999; 
font: normal 13px Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
p.sleva{
display: block;
width: 40px;
height: 35px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
p.sleva span{
color:  #cc0000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
p.cena{
display: block;
width: 90px;
height: 35px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
p.cena span{
color:  #cc0000; 
font: bold 15px Arial, Helvetica, sans-serif;
}
/*--- radek misto bunky ---*/
div.radek{
clear: both;
margin-left: 6px;
margin-bottom: 10px;
width: 692px;
height: 106px;
background: url(radek.gif) no-repeat;
}
div.radek-over{
clear: both;
margin-left: 6px;
margin-bottom: 10px;
width: 692px;
height: 106px;
background: url(radek-over.gif) no-repeat;
}
div.radek h3, div.radek-over h3{
width: 660px;
height: 36px;
margin-left: 18px;
margin-right: 9px;
}
div.radek h3 a, div.radek-over h3 a{
padding-top: 10px;
display: block;
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.radek .nahled, div.radek-over .nahled{
width: 87px;
height: 65px;
margin-left: 7px;
margin-right: 10px;
margin-top: 0px;
}
div.radek .popis, div.radek-over .popis{
width: 190px;
height: 65px;
margin-left: 100px;
margin-right: 10px;
margin-top: -69px;
font: normal 11px Arial, Helvetica, sans-serif;
}
div.bunka .popis .dostupnost, div.bunka-over .popis .dostupnost{
margin-top: 4px;
text-align: center;
height: 17px;
color: #cc0000;
font: normal 12px Arial, Helvetica, sans-serif;
}
div.radek .dostupnost, div.radek-over .dostupnost{
padding-top: 3px;
text-align: center;
color: #cc0000;
font: normal 11px Arial, Helvetica, sans-serif;
}
div.radek .dostupnost span, div.radek-over .dostupnost span{
font: bold 11px Arial, Helvetica, sans-serif;
}
div.bunka .popis .dostupnost span, div.bunka-over .popis .dostupnost span{
font: bold 12px Arial, Helvetica, sans-serif;
}
div.radek .koupit, div.radek-over .koupit{
width: 400px;
height: 65px;
margin-left: 290px;
margin-right: 0px;
margin-top: -69px;
font: normal 11px Arial, Helvetica, sans-serif;
}
div.radek .koupit .ikony, div.radek-over .koupit .ikony{
margin-left: 9px;
margin-top: 0px;
padding-top: 3px;
width: 81px;
height: 62px;
float: left;
}
div.radek .koupit .ceny, div.radek-over .koupit .ceny{
text-align: left;
margin-left: 0px;
width: 170px;
height: 65px;
float: left;
}
div.radek .popis, div.radek-over .popis{
width: 190px;
height: 65px;
margin-left: 100px;
margin-right: 10px;
margin-top: -69px;
font: normal 11px Arial, Helvetica, sans-serif;
}
div.radek .koupit, div.radek-over .koupit{
width: 400px;
height: 65px;
margin-left: 290px;
margin-right: 0px;
margin-top: -65px;
font: normal 11px Arial, Helvetica, sans-serif;
}
div.radek .koupit .tl_koupit, div.radek-over .koupit .tl_koupit{
float: right;
margin-right: 5px;
margin-top: 4px;
}
div.radek .koupit p.akce, div.radek-over .koupit p.akce{
display: block;
clear: both;
margin-left: 0px;
padding-right: 25px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
background:url(icon-akce.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}
div.radek .koupit p.novinka, div.radek-over .koupit p.novinka{
display: block;
clear: both;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
background:url(icon-novinka.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}
div.radek .koupit p.tip, div.radek-over .koupit p.tip{
display: block;
clear: both;
width: 80px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
background:url(icon-tip.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 20px;
}
div.radek .koupit p.bezna, div.radek-over .koupit p.bezna{
text-align: right;
width: 150px;
margin-left: 10px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
margin-top: 5px;
height: 15px;
}
div.radek .koupit p.bezna span , div.radek-over .koupit p.bezna span{
color:  #999999; 
font: normal 13px Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
div.radek .koupit p.sleva,div.radek-over .koupit p.sleva{
text-align: right;
width: 150px;
margin-top: 5px;
height: 15px;
margin-left: 10px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
div.radek .koupit p.sleva span ,div.radek-over .koupit p.sleva span{
color:  #cc0000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
div.radek .koupit p.cena, div.radek-over .koupit p.cena{
text-align: right;
margin-top: 5px;
width: 150px;
height: 15px;
margin-left: 10px;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
div.radek .koupit p.cena span, div.radek-over .koupit p.cena span{
color:  #cc0000; 
font: bold 15px Arial, Helvetica, sans-serif;
}

#detail{
width: 707px;
margin-left: 10px;
}
#detail h2{
width: 706px;
background: url(nad-kat.png);
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
padding-top: 14px;
padding-bottom: 12px;
margin-bottom: 2px;
}
#detail h2 span{
margin-left: 20px;
}
#detail h3{
width: 706px;
background: url(nad-kat.png);
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
padding-top: 14px;
padding-bottom: 12px;
margin-bottom: 2px;
}
#detail h3 span{
margin-left: 20px;
}
.kod{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 20px;
}

/*--- fotogalerie v detailu polozky ---*/
#fotogalerie{
float: left;
width: 258px;
margin-left: 5px;
margin-top: 10px;
height: 250px;
margin-right: 14px;
}
#fotogalerie #nahled{
padding: 4px;
background: #cccccc;
margin-bottom: 9px;
}
#fotogalerie #posun_levy{
float: left;
margin-right: 4px;
display: block;
width: 20px;
height: 34px;
background: url(foto_tl_leve.gif);
}
#fotogalerie #posun_levy:hover{
background: url(foto_tl_leve-over.gif);
}
#fotogalerie span{
display: none;
}
#fotogalerie #nahledy{
text-align: center;
margin-right: 4px;
float: left;
height: 34px;
position: absolute;
left: 0px;
}
#fotogalerie #pruh {
position: relative;
float: left;
width: 213px;
height: 34px;
overflow: hidden;
}

#fotogalerie #posun_pravy{
float: left;
display: block;
width: 20px;
height: 34px;
background: url(foto_tl_prave.gif);
}
#fotogalerie #posun_pravy:hover{
background: url(foto_tl_prave-over.gif);
}
/*--- detailni popisy polozky v bodech TABULKA ---*/
.bunka_detaily{
float: left;
width: 420px;
margin-top: 7px;
margin-right: 5px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.detaily{
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
width: 420px;
float: left;
}
.detaily .cara{
clear: both;
width: 420px;
height: 3px;
background: url(poz_tab.gif);
background-repeat: repeat-x;
font-size: 1px;
}
.detaily .nazev{
float: left;
width: 200px;
padding-left: 0px;
padding-bottom: 1px;
padding-top: 1px;
color:  #000000; 
font: bold 11px Arial, Helvetica, sans-serif;
}
.detaily .popis{
float: left;
width: 220px;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 1px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.detaily .popis select{
float: left;
width: 220px;
padding-left: 0px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
border: solid 1px black;
}
.clear{
clear: both;
}

/*--- bunky v detailu zbozi ---*/
div.bunka_cena{
float: left;
margin-right: 3px;
margin-bottom: 8px;
width: 264px;
height: 122px;
background: url(bunka_cena.gif);
}

div.bunka_cena .ks_poz{
margin-left: 10px;
margin-top: 18px;
width: 100px;
height: 30px;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
div.bunka_cena .koupit_poz{
margin-left: 120px;
margin-top: -34px;
width: 100px;
height: 30px;
}
div.bunka_cena .ks_poz input{
width: 50px;
height: 20px;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
border: solid 1px black;
}

div.bunka_cena p.akce{
display: block;
margin-left: 10px;
float: left;
padding-right: 25px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
background:url(icon-akce.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 25px;
}
div.bunka_cena p.novinka{
display: block;
padding-right: 5px;
margin-left: 10px;
float: left;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
background:url(icon-novinka.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 25px;
}
div.bunka_cena p.tip{
display: block;
float: left;
padding-right: 18px;
margin-left: 10px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
background:url(icon-tip.png) no-repeat;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 25px;
}
div.bunka_cena p.bezna{
display: block;
width: 95px;
height: 35px;
margin-left: 10px;
margin-top: 12px;
float: left;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.bezna span{
color:  #999999; 
font: normal 14px Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
div.bunka_cena p.sleva{
display: block;
width: 50px;
height: 35px;
margin-top: 12px;
float: left;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.sleva span{
color:  #cc0000; 
font: normal 15px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.cena{
display: block;
width: 95px;
height: 35px;
margin-top: 12px;
float: left;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.cena span{
color:  #cc0000; 
font: bold 16px Arial, Helvetica, sans-serif;
}
div.bunka_volejte{
float: left;
margin-right: 3px;
margin-bottom: 8px;
width: 264px;
height: 122px;
background: url(bunka_volejte.gif);
}
div.bunka_poslat{
float: left;
margin-bottom: 8px;
width: 173px;
height: 122px;
background: url(bunka_poslat.gif);
}
div.bunka_poslat a{
margin-left: 10px;
margin-top: 15px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 8px;
padding-bottom: 7px;
width: 152px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(det-but.gif);
margin-bottom: 15px;
}
div.bunka_poslat a:hover{
padding-top: 7px;
padding-bottom: 8px;
text-decoration: none;
background: url(det-but-over.gif);
}
#detail p.popis{
margin-left: 5px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-bottom: 8px;
}
#detail div.popis {
font: normal 12px Arial, Helvetica, sans-serif;
}
#detail table{
margin-left: 0px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#detail table td{
text-align: center;
padding: 5px;
border: solid 1px #cccccc;
background:  #e1e1e1;
}

/*--- souvisejici zbozi bunky ---*/
div.souvisejici{
text-align: center;
float: left;
margin-right: 4px;
margin-top: 5px;
width: 172px;
height: 200px;
background: url(bunka_souvisejici.png);
}
div.souvisejici h4{
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
width: 152px;
height: 45px;
}
div.souvisejici h4 a{
padding-top: 0px;
margin: 0px;
font: normal 12px Arial, Helvetica, sans-serif;
color: #cc0000;
}
div.souvisejici .ceny{
text-align: left;
margin-left: 30px;
height: 30px;
margin-top: 0px;
}
div.souvisejici .nahled{
height: 107px;
}

/*--- ragistrace a prihlaseni ve strance ---*/
#registrace{
width: 707px;
height: 600px;
margin-left: 10px;
margin-bottom: 15px;
}
#registrace .left{
float: left;
margin-left: 0px;
margin-top: 0px;
width: 352px;
height: 580px;
background: url(registrace-left.png) no-repeat;
}

#registrace .right{
float: left;
width: 352px;
height: 580px;
background: url(registrace-right.png) no-repeat;
}
#registrace p{
width: 315px;
text-align: right;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#registrace .pole{
margin-left: 10px;
height: 19px;
margin-top: 0px;
width: 200px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
border: solid 1px black;
}
#registrace span{
display: block;
height: 24px;
}
h2.registrace{
margin-left: 9px;
width: 706px;
background: url(nad-kat.png) no-repeat;
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
padding-top: 12px;
padding-bottom: 10px;
margin-bottom: 12px;
}
h2.registrace span{
margin-left: 20px;
}
#registrace h3{
margin-left: 20px;
padding-top: 20px;
margin-bottom: 16px;
color:  #333333; 
font: bold 14px Arial, Helvetica, sans-serif;
}
#registrace h3 span{
color:  #cc0000; 
font: bold 12px Arial, Helvetica, sans-serif;
}
a.butt{
float: right;
margin-right: 15px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 8px;
padding-bottom: 7px;
width: 152px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(det-but.gif);
}
a.butt:hover{
padding-top: 7px;
padding-bottom: 8px;
text-decoration: none;
background: url(det-but-over.gif);
}
#ucet_menu{
height: 100px;
}
#ucet_menu a{
margin-left: 13px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 5px;
padding-bottom: 4px;
margin-bottom: 2px;
width: 197px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ucet-but.gif);
}
#ucet_menu a:hover{
margin-left: 13px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 4px;
padding-bottom: 5px;
margin-bottom: 2px;
width: 197px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ucet-but-over.gif);
}

/*--- ovladaci panel e-shop ---*/
.panel{
margin-top: 0px;
width: 694px;
height: 95px;
background: url(panel.gif) no-repeat;
margin-bottom: 20px;
margin-left: 5px;
padding-left: 5px;
padding-top: 5px;
}
.panel .input{
width: 120px;
margin-top: 8px;
margin-left: 3px;
border: solid 1px #405B73;
background: #ffffff;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
}
.panel p{
width: 205px;
height: 57px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #cc0000;
font-weight: normal;
display: block;
float: left;
}
.panel p.mensi{
width: 137px;
height: 57px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #cc0000;
font-weight: normal;
display: block;
float: right;
}
.panel a.nahoru{
float: left;
display: block;
margin-top: 7px;
width: 94px;
height: 24px;
background: url(tl_nahoru_off.gif);
margin-right: 6px;
}
.panel a.nahoru:hover{
background: url(tl_nahoru_on.gif);
}
.panel a.nahoru span{
display: none;
}
.panel a.dolu{
float: left;
display: block;
margin-top: 7px;
width: 94px;
height: 24px;
background: url(tl_dolu_off.gif);
}
.panel a.dolu:hover{
background: url(tl_dolu_on.gif);
}
.panel a.dolu span{
display: none;
}

.panel .strankovani{
float: right;
padding-right: 10px;
}
.panel .strankovani a.normal{
background: url(tl_strana_off.gif) no-repeat;
text-align: center;
text-decoration: none;
width: 19px;
height: 19px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
display: block;
float: left;
margin-right: 3px;
padding-top: 1px;
}
.panel .strankovani a.normal:hover{
background: url(tl_strana_on.gif) no-repeat;
text-decoration: none;
color : #000000;
}
.panel .strankovani a.static{
background: url(tl_strana_on.gif) no-repeat;
text-decoration: none;
color : #000000;
text-align: center;
text-decoration: none;
width: 19px;
padding-top: 2px;
height: 19px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #405B73;
font-weight: normal;
display: block;
float: left;
margin-right: 3px;
}
.panel .strankovani p{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #cc0000;
font-weight: normal;
float: left;
width: 50px;
height: 20px;
}
.panel_b{
clear: both;
width: 694px;
padding-top: 10px;
padding-bottom: 20px;
}
.panel_b .strankovani{
float: right;
padding-right: 0px;
}
.panel_b .strankovani a.normal{
background: url(tl_strana_off.gif) no-repeat;
text-align: center;
text-decoration: none;
width: 19px;
height: 19px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
display: block;
float: left;
margin-right: 3px;
padding-top: 1px;
}
.panel_b .strankovani a.normal:hover{
background: url(tl_strana_on.gif) no-repeat;
text-decoration: none;
color : #000000;
}
.panel_b .strankovani a.static{
background: url(tl_strana_on.gif) no-repeat;
text-decoration: none;
color : #000000;
text-align: center;
text-decoration: none;
width: 19px;
padding-top: 2px;
height: 19px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #405B73;
font-weight: normal;
display: block;
float: left;
margin-right: 3px;
}
.panel_b .strankovani p{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #cc0000;
font-weight: normal;
float: left;
width: 50px;
height: 20px;
}
/*--- kosik ---*/
#obsah_kosiku{
width: 707px;
margin-left: 10px;
}
#obsah_kosiku h2{
width: 706px;
background: url(nad-kat.png);
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
padding-top: 14px;
padding-bottom: 12px;
margin-bottom: 2px;
}
#obsah_kosiku h2 span{
margin-left: 20px;
}
#obsah_kosiku .polozka_nadpis{
margin-bottom: 3px;
margin-left: 4px;
background: url(polozka_nadpis.png);
width: 698px;
height: 51px;
}
#obsah_kosiku .polozka_nadpis p{
margin-left: 6px;
font-weight: bold;
text-align: center;
margin-top: 15px;
}
#obsah_kosiku .polozka_nadpis .nazev{
width: 350px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;

}
#obsah_kosiku .polozka_nadpis .pocet{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka_nadpis .cena{
width: 100px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka_nadpis .prepocitat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka_nadpis .smazat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka{
margin-bottom: 2px;
margin-left: 4px;
width: 698px;
background: url(polozka.png);
height: 80px;
vertical-align: bottom;
}
#obsah_kosiku .polozka p{
margin-left: 6px;
margin-top: 10px;
text-align: center;
}
#obsah_kosiku .polozka p input{
margin-left: 6px;
width: 40px;
border: solid 1px black;
}
#obsah_kosiku .polozka .nazev{
width: 350px;
float: left;
font: normal 10px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka .pocet{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka .cena{
width: 100px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka .prepocitat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .polozka .smazat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku a.tl_kosik{
width: 67px;
display: block;
margin-left: 7px;
padding-top: 5px;
padding-bottom: 4px;
text-align: center;
background: url(tl_kosik.png);
text-decoration: none;
color: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku a.tl_kosik:hover{
width: 67px;
display: block;
margin-left: 7px;
padding-top: 4px;
padding-bottom: 5px;
text-align: center;
background: url(tl_kosik-over.png);
text-decoration: none;
color: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .vyuctovani{
margin-left: 4px;
background: url(vyuctovani.png);
width: 698px;
height: 51px;
}
#obsah_kosiku .koupit_vice{
width: 350px;
margin-top: 10px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .objednavka{
width: 340px;
margin-top: 15px;
margin-left: 10px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}

#obsah_kosiku .koupit_vice .input{
width: 250px;
border: solid 1px black;
margin-left: 20px;
margin-top: 5px;
font: normal 14px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .tlacitka{
width: 345px;
margin-top: 10px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .celkova_cena{
text-align: right;
width: 340px;
margin-top: 20px;
float: left;
font: bold 14px Arial, Helvetica, sans-serif;
color: #000000;
}
#obsah_kosiku .celkova_cena span{
color: #cc0000;
}
#obsah_kosiku .oddeleni{
margin-left: 12px;
margin-bottom: 12px;
margin-top: 12px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #999999;
}
#obsah_kosiku .oddeleni span{
font: bold 14px Arial, Helvetica, sans-serif;
color: #cc0000;
}

#obsah_kosiku .pokladna{
margin-bottom: 2px;
margin-left: 4px;
width: 698px;
background: url(pokladna.png);
height: 80px;
vertical-align: bottom;
}
#obsah_kosiku .pokladna p{
margin-left: 6px;
margin-top: 10px;
text-align: center;
}

#obsah_kosiku .pokladna .nazev{
width: 350px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .pokladna .pocet{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .pokladna .cena{
width: 100px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .pokladna .celkem{
width: 160px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .adresa{
margin-left: 4px;
background: url(adresa.png) no-repeat;
width: 698px;
height: 74px;
margin-bottom: 3px;
}
#obsah_kosiku .adresa p.left{
margin-left: 10px;
margin-top: 5px;
width: 340px;
height: 69px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#obsah_kosiku .adresa p.right{
margin-left: 10px;
margin-top: 5px;
width: 330px;
height: 69px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}

#formular{
width: 694px;
margin-left: 10px;
padding-top: 0px;
padding-bottom: 20px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#formular a.zobrazit{
width: 197px;
height: 24px;
margin-bottom: 12px;
display: block;
background: url(roz_zobrazit.gif);
}
#formular a.zobrazit span{
display: none;
}
#formular a.skryt{
width: 197px;
height: 24px;
display: block;
background: url(roz_skryt.gif);
}
#formular a.skryt span{
display: none;
}
#formular p{
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-right: 15px;
}
#formular p.polo{
float: left;
width: 347px;
font: normal 12px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-right: 0px;
}
#formular p span{
display: inline-block;
margin-right: 15px;
height: 20px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#formular p span.vetsi{
display: block;
width: 130px;
height: 20px;
float: left;
}
#formular input.cena{
border: solid 1px black;
width: 100px;
}
#formular select {
border: solid 1px black;
}
#form_poz{
text-align: left;
width: 702px;
height: 443px;
background: url(form.png);
margin-left: 5px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#formular input.slovo{
border: solid 1px #999999;
width: 194px;
}
#form_poz input.slovo{
border: solid 1px #999999;
width: 240px;
}
#form_poz .cast{
margin-top: 42px;
margin-bottom: 6px;
width: 338px;
height: 40px;
float: left;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#form_poz .cast p{
margin-left: 40px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#form_poz .colspan_cast{
clear: both;
margin-bottom: 10px;
width: 680px;
height: 200px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#form_poz .colspan_cast p{
margin-left: 40px;
padding-top: 44px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#form_poz .colspan_tlac{
clear: both;
text-align: right;
width: 660px;
height: 40px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#hlaska_form{
margin-left: 20px;
color:  #cc0000; 
font: bold 16px Arial, Helvetica, sans-serif;
}
#ruce{
width: 450px;
height: 300px;
background: white;
position: relative;
}
#ruce h2{
color:  #cc0000;
font: bold 20px Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 60px;
padding-top: 10px;
position: relative;
}
#ruce p.makler{
color:  #000000;
font: normal 14px  Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 220px;
margin-top: -20px;
position: relative;
}
#ruce p.makler a{
color:  #000000;
position: relative;
}
#ruce p.formular{
color:  #000000;
font: bold 13px  Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 60px;
margin-top: 0px;
position: relative;
}
#ruce p.formular input{
color:  #000000;
font: normal 13px Arial, Helvetica, sans-serif;
background: none;
border: solid 1px black;
height: 20px;
width: 320px;
}
#ruce p.formular textarea{
color:  #000000;
font: normal 13px Arial, Helvetica, sans-serif;
background: none;
border: solid 1px black;
width: 320px;
height: 45px;
}
#ruce a.zavrit{
display: block;
margin-top: 0px;
margin-left: 60px;
width: 100px;
color:  #cc0000;
font: bold 30px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#ruce a.zavrit:hover{
color:  #000000;
font: bold 30px Arial, Helvetica, sans-serif;
text-decoration: none;
}

#ruce a.odeslat{
margin-left: 230px;
margin-top: -30px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 8px;
padding-bottom: 7px;
width: 152px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(det-but.gif);
}
#ruce a.odeslat:hover{
padding-top: 7px;
padding-bottom: 8px;
text-decoration: none;
background: url(det-but-over.gif);
}
.popis_kat{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
text-align: justify;
margin-bottom: 16px;
clear: both;
}