/*--- definice telo+scroll ---*/
BODY {
background-image: url(top_bg.gif);
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #990000;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
}
/*--- cela stranka ---*/
#stranka{
margin-top: 0px;
width: 997px;
}
/*--- hlavicka ---*/
#top01{
margin-top: 0px;
width: 341px;
height: 197px;
background: url(top01.jpg);
}
#top01 a{
width: 341px;
height: 197px;
display: block;
}
#top01 a span{
display: none;
}
#top02{
margin-top: -197px;
margin-left: 341px;
width: 656px;
height: 197px;
background: url(top02.jpg);
}
/*--- navigace horni ---*/
#top02 ul{
padding-top: 30px;
margin-left: 0px;
width: 570px;
height: 30px;
}
#top02 ul li{
float: right;
margin-left: 20px;
list-style: none;
}
#top02 ul li a{
font-size: 14px;
font-family: georgia,times new roman;
color : #ffffff;
font-weight: normal;
text-decoration: none;
}
#top02 ul li a:hover{
text-decoration: underline;
}
/*--- pozadi a tlacitko bile vino ---*/
#top_bile{
margin-top: 0px;
margin-left: 0px;
width: 341px;
height: 291px;
background: url(top_bile.jpg);
}
#top_bile a{
margin-top: 0px;
margin-left: 0px;
width: 265px;
height: 100px;
display: block;
}
#top_bile a:hover{
background: url(tl_bile-over.gif);
}
#top_bile a span{
display: none;
}


/*--- pozadi a tlacitko vyber vina ---*/
#top_vyber{
margin-top: -291px;
margin-left: 341px;
width: 318px;
height: 291px;
background: url(top_vyber.jpg);
}
.vyber{
margin-left: 0px;
margin-top: 0px;
width: 318px;
height: 291px;
}
.vyber_po{
width: 318px;
height: 291px;
background: url(vyber-over.jpg);
}

.vyber p.nadpis{
display: none;
}
.vyber_po p.nadpis{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
}
.vyber p.cely{
display: none;
}
.vyber_po p.cely{
float: left;
padding-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
margin-left: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
width: 300px;
display: block;
}
.vyber_po p.cely span{
height: 20px;
width: 165px;
display: block;
}
.vyber p.levy{
display: none;
}
.vyber_po p.levy{
float: left;
padding-top: 0px;
padding-left: 10px;
margin-left: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
width: 80px;
height: 60px;
display: block;
padding-bottom: 0px;
}
.vyber_po p.levy span{
height: 20px;
width: 80px;
display: block;
}
.vyber p.prostredni{
display: none;
}
.vyber_po p.prostredni{
float: left;
padding-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
margin-left: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
width: 85px;
height: 60px;
display: block;
}
.vyber_po p.prostredni span{
height: 20px;
width: 85px;
display: block;
}
.vyber p.pravy{
display: none;
}
.vyber_po p.pravy{
float: left;
margin-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
margin-left: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
width: 110px;
height: 85px;
display: block;
}
.vyber_po p.pravy span{
height: 20px;
width: 110px;
display: block;
}
.vyber p.proved{
display: none;
}
.vyber_po p.proved{
width: 305px;
display: block;
text-align: right;
padding-bottom: 0px;
}
/*--- pozadi a tlacitko cervene vino ---*/
#top_cervene{
margin-top: -291px;
margin-left: 659px;
width: 338px;
height: 291px;
background: url(top_cervene.jpg);
}
#top_cervene a{
margin-top: 0px;
margin-left: 72px;
width: 266px;
height: 100px;
display: block;
}
#top_cervene a:hover{
background: url(tl_cervene-over.gif);
}
#top_cervene a span{
display: none;
}
/*--- pozadi a tlacitko cervene vino ---*/
#navigace{
margin-left: 43px;
width: 910px;
height: 75px;
background: url(navigace_bg.gif);
}
#navigace ul{
float: left;
margin-left: 0px;
width: 730px;
height: 75px;
}
#navigace ul li{
float: left;
width: 126px;
height: 75px;
list-style: none;
margin-left: 0px;
margin-right: 0px;
}
#navigace ul li a{
text-align: center;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
text-decoration: none;
display: block;
padding-top: 30px;
padding-bottom: 30px;
width: 126px;
}
#navigace ul li a:hover{
background: url(navi-over.gif);
}
#navigace ul li.reg{
width: 224px;
}
#navigace ul li.reg a{
text-align: center;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
text-decoration: none;
display: block;
padding-top: 30px;
padding-bottom: 30px;
width: 224px;
}
#navigace ul li.reg a{
text-align: center;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
text-decoration: none;
display: block;
padding-top: 30px;
padding-bottom: 30px;
width: 224px;
}
#navigace ul li.reg a:hover{
background: url(reg-over.gif);
width: 224px;
}
#navigace ul li.reg p.odkaz{
text-align: center;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
padding-top: 30px;
padding-bottom: 0px;
}
#navigace ul li.reg_po p.odkaz{
display: none;
}
#navigace ul li.reg p.text{
display: none;
}
#navigace ul li.reg_po p.text{
text-align: right;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 0px;
}
#navigace ul li.reg_po p.text input{
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
border: solid 1px #333333;
width: 154px;
height: 17px;
}
#navigace ul li.reg_po p.text span{
height: 22px;
display: block;
}
#navigace ul li.reg_po p.text span.tl input{
width: 75px;
height: 16px;
border: none;
}

div.kosik {
float: left;
width: 180px;
}
div.kosik a{
width: 170px;
height: 70px;
display: block;
text-align: right;
padding-top: 5px;
padding-right: 10px;
text-decoration: none;
}

div.kosik a span.nadpis{
font-size: 13px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
padding-top: 10px;
margin-top: 0px;
}
div.kosik a span.kosik_text{
text-align: right;
font-size: 13px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
/*--- obsah stranky ---*/
#obsah_top{
margin-left: 0px;
margin-top: 0px;
width: 997px;
height: 26px;
background: url(obsah_top.gif);
}
#obsah{
margin-left: 0px;
margin-top: 0px;
width: 997px;
background: url(obsah_bg.gif);
}
#rozdeleni{
margin-left: 60px;
width: 881px;
vertical-align: top;
}
#content{
padding-top: 10px;
width: 881px;
vertical-align: top;
}


#obsah_bottom{
margin-left: 0px;
margin-top: 0px;
width: 997px;
height: 114px;
background: url(obsah_bottom.gif);
}
#obsah_bottom p{
font-size: 12px;
font-family: georgia,times new roman;
color : #ff9999;
font-weight: normal;
padding-top: 20px;
margin-bottom: 10px;
text-align: center;
}
.bottom_text{
width: 870px;
float: left;
padding-top: 15px;
font-size: 10px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
text-align: center;
}
#obsah_bottom p span{
font-size: 11px;
font-family: georgia,times new roman;
color : #ff9999;
font-weight: normal;
}
#obsah_bottom p span a{
font-size: 11px;
font-family: georgia,times new roman;
color : #ff9999;
font-weight: normal;
}
#obsah_bottom p a{
font-size: 12px;
font-family: georgia,times new roman;
color : #ffffff;
font-weight: normal;
}
/*--- texty a nadpisy ---*/
h1{
font-size: 22px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
padding-bottom: 24px;
margin-bottom: 10px;
background: url(cara.gif) no-repeat bottom left;
text-align: center;
}
h2{
text-align: center;
font-size: 22px;
margin-top: 10px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
padding-bottom: 24px;
margin-bottom: 10px;
background: url(cara.gif) no-repeat bottom left;
}
h3{
text-align: center;
font-size: 22px;
margin-top: 10px;
font-family: georgia,times new roman;
color : #cc0000;
font-weight: normal;
padding-bottom: 24px;
margin-bottom: 10px;
background: url(cara.gif) no-repeat bottom left;
}
p{
font-size: 12px;
padding-bottom: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}


/*--- e-shop bunky ---*/
div.bunka{
float: left;
width: 439px;
height: 271px;
background: url(bunka.gif);
}
div.popis{
margin-left: 0px;
margin-top: 0px;
width: 256px;
height: 207px;
}
div.popis h4{
padding-top: 23px;
padding-bottom: 3px;
margin-left: 25px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
font-size: 16px;
}
div.popis h4 a{
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-decoration: none;
}
div.popis h4 a:hover{
color : #000000;
text-decoration: none;
}
div.popis h5{
margin-left: 25px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-decoration: none;
}
div.popis p{
margin-left: 25px;
margin-bottom: 14px;
padding-bottom: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
div.popis p span{
float: left;
display: block;
font-size: 14px;
width: 100px;
color : #990000;
padding-bottom: 0px;
}

div.nahled{
margin-left: 256px;
margin-top: -207px;
width: 183px;
height: 207px;
text-align: center;
}
div.nahled .foto{
margin-top: 26px;
}
div.ovl{
padding-top: 10px;
width: 439px;
height: 40px;
}
div.ovl p.cena{
display: block;
margin-left: 25px;
font-size: 24px;
font-family: georgia,times new roman;
color : #cc0000;
font-weight: normal;
width: 100px;
height: 24px;
padding-bottom: 0px;
}
div.ovl .pocet{
margin-left: 180px;
margin-top: -24px;
font-family: georgia,times new roman;
}
div.ovl .pocet  input{
font-size: 15px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
width: 38px;
height: 24px;
border: solid 1px #333333;
}
div.ovl .koupit{
margin-left: 268px;
margin-top: -27px;
width: 73px;
height: 32px;
}
div.ovl a.detail{
background: url(tl_detail.gif);
width: 73px;
height: 32px;
display: block;
margin-left: 345px;
margin-top: -32px;
}
div.ovl a.detail span{
display: none;
}
/*--- aktuality ---*/
.aktualita{
float: left;
margin-right: 3px;
width: 288px;
height: 126px;
background: url(aktualita.gif);
margin-bottom: 15px;
}
.aktualita p.datum{
margin-left: 19px;
padding-top: 30px;
padding-bottom: 50px;
display: block;
width: 40px;
text-align: center;
font-size: 9px;
font-family: times new roman,georgia;
color : #ffffff;
font-weight: normal;
}
.aktualita p.datum span{
font-size: 22px;
font-family: georgia,times new roman;
color : #ffffff;
font-weight: normal;
}
.aktualita h4{
margin-left: 68px;
margin-top: -103px;
font-size: 18px;
font-family: georgia,times new roman;
color : #cc0000;
font-weight: normal;
}
.aktualita p.popis{
margin-left: 68px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0px;
width: 207px;
font-size: 11px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
.aktualita a{
margin-left: 68px;
font-size: 11px;
font-family: georgia,times new roman;
color : #cc0000;
font-weight: normal;
}

/*--- ragistrace a prihlaseni ve strance ---*/
#registrace{
width: 870px;
height: 317px;
background: url(poz_registrace.jpg);
margin-bottom: 15px;
}
#registrace .left{
margin-left: 0px;
margin-top: 0px;
width: 435px;
height: 317px;
}

#registrace .right{
margin-left: 430px;
margin-top: -317px;
width: 435px;
height: 317px;
}
#registrace p{
width: 400px;
text-align: right;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
}
#registrace .pole{
margin-left: 10px;
height: 19px;
margin-top: 0px;
width: 270px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
border: solid 1px black;
}
#registrace span{
display: block;
height: 24px;
}
#registrace h5{
margin-left: 20px;
padding-top: 20px;
margin-bottom: 16px;
font-size: 18px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
/*--- e-shop bunky ---*/
#detail{
width: 870px;
height: 416px;
background: url(poz_detail.jpg);
}
#detail .popis{
margin-left: 0px;
margin-top: 0px;
width: 520px;
height: 350px;
}
#detail .popis h4{
padding-top: 23px;
padding-bottom: 3px;
margin-left: 25px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
font-size: 16px;
}
#detail .nahled{
margin-left: 540px;
margin-top: -350px;
width: 320px;
height: 350px;
text-align: center;
}
#detail .nahled .foto{
margin-top: 50px;
}
#detail .ovl{
padding-top: 10px;
margin-left: 170px;
width: 439px;
height: 40px;
}
#detail .ovl p.cena{
display: block;
margin-left: 25px;
font-size: 24px;
font-family: georgia,times new roman;
color : #cc0000;
font-weight: normal;
width: 100px;
height: 24px;
padding-bottom: 0px;
}
#detail .ovl .pocet{
margin-left: 180px;
font-family: georgia,times new roman;
}
#detail .ovl .pocet  input{
float: left;
border: solid 1px black;
font-size: 15px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
width: 38px;
height: 24px;
}
#detail .ovl .koupit{
margin-left: 268px;
margin-top: -24px;
width: 73px;
height: 24px;
}
/*---
kosik
 ---*/
/*---radek nazev---*/
.nazev{
width: 367px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-align: center;
background: url(kosik_nazev_n.gif);
}
.pocet_n{
width: 93px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-align: center;
background: url(kosik_cena_pocet_n.gif);
}
.prepocitat{
width: 152px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-align: center;
background: url(kosik_prepocitat_n.gif);
}
.smazat{
width: 165px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-align: center;
background: url(kosik_smazat_n.gif);
}
/*---radek polozka---*/
.nazev_p{
width: 337px;
height: 49px;
padding-left: 20px;
padding-right: 10px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
text-align: left;
background: url(kosik_nazev_p.gif);
}
.pocet_p{
width: 93px;
height: 49px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
text-align: center;
background: url(kosik_cena_pocet_p.gif);
}
.prepocitat_p{
width: 152px;
height: 49px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
text-align: center;
background: url(kosik_prepocitat_p.gif);
}
.smazat_p{
width: 165px;
height: 49px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
text-align: center;
background: url(kosik_smazat_p.gif);
}

.pocet_input{
width: 40px;
font-size: 16px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
border: solid 1px black;
}

.kosik_dalsi{
width: 553px;
height: 69px;
font-size: 12px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
text-align: center;
background: url(kosik_dalsi.gif);
}
.kosik_cena_text{
width: 152px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
text-align: center;
background: url(kosik_cena_text.gif);
}
.kosik_cena{
width: 165px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #000000;
font-weight: bold;
text-align: center;
background: url(kosik_cena.gif);
}
/*---osobni udaje v kosiku---*/
.osobni_udaje{
width: 566px;
height: 394px;
font-size: 12px;
background: url(kosik_udaje.gif);
}
.osobni_udaje_foto{
margin-left: 566px;
margin-top: -200px;
width: 326px;
height: 250px;
background: url(vine.jpg) no-repeat;
}
.osobni_udaje p{
width: 510px;
text-align: right;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
font-size: 12px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
}
.osobni_udaje .pole{
margin-left: 10px;
margin-top: 0px;
width: 340px;
font-size: 16px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
border: solid 1px black;
}
.osobni_udaje span{
display: block;
height: 24px;
}
.osobni_udaje h5{
margin-left: 20px;
padding-top: 20px;
margin-bottom: 16px;
font-size: 18px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
/*---potvrzeni objednavky---*/
.potvrzeni_nadpis{
width: 850px;
padding-left: 20px;
height: 69px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
background: url(potvrzeni_n.gif);
}
.potvrzeni_nadpis span{
color : #000000;
}
.potvrzeni_radek{
width: 830px;
padding: 20px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
background: url(potvrzeni_radek.gif);
}
.potvrzeni_radek span{
color : #000000;
}
.potvrzeni_radek p{
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 0px;
}
.potvrzeni_radek p span{
float: left;
width: 180px;
height: 25px;
display: block;
font-size: 14px;
font-family: georgia,times new roman;
color : #990000;
font-weight: normal;
}
.potvrzeni_radek p span.text{
float: left;
width: 650px;
height: 25px;
display: block;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
.potvrzeni_polozka_n{
width: 533px;
height: 59px;
padding-left: 20px;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
background: url(potvrzeni_polozka.gif);
}
.potvrzeni_pocet_n{
width: 152px;
height: 59px;
text-align: center;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
background: url(potvrzeni_pocet.gif);
}
.potvrzeni_cena_n{
width: 165px;
height: 59px;
text-align: center;
font-size: 16px;
font-family: georgia,times new roman;
color : #990000;
font-weight: bold;
background: url(potvrzeni_cena.gif);
}
.potvrzeni_polozka{
width: 533px;
height: 41px;
padding-left: 20px;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
background: url(potvrzeni_polozka_text.gif);
}
.potvrzeni_pocet{
width: 152px;
height: 41px;
text-align: center;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
background: url(potvrzeni_pocet_text.gif);
}
.potvrzeni_cena{
width: 165px;
height: 41px;
text-align: center;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
background: url(potvrzeni_cena_text.gif);
}
.potvrzeni_tlacitka{
width: 533px;
height: 69px;
padding-right: 20px;
text-align: right;
background: url(potvrzeni_tlacitka.gif);
}
.potvrzeni_cena_celkem{
width: 152px;
height: 69px;
text-align: center;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: bold;
background: url(potvrzeni_cena_celkem.gif);
}
.potvrzeni_cena_celkem_text{
width: 165px;
height: 69px;
text-align: center;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: bold;
background: url(potvrzeni_cena_celkem_text.gif);
}
/*--- velkoobchodni ucet ---*/
.ucet{
width: 870px;
height: 230px;
background: url(ucet.gif);
}
.ucet div.prihlaseni{
padding: 20px;
width: 600px;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
.ucet div.prihlaseni span{
color : #990000;
font-weight: bold;
}
.ucet a.odhlasit{
margin-top: -52px;
margin-left: 720px;
display: block;
width: 129px;
height: 32px;
background: url(tl_odhlasit.gif);
}
.ucet a.odhlasit span{
display: none;
}
.ucet div.tlacitka{
margin-top: 20px;
width: 850px;
height: 50px;
}
.ucet div.tlacitka a.objednavky{
float: right;
width: 163px;
height: 32px;
display: block;
background: url(tl_objednavky.gif);
}
.ucet div.tlacitka a.objednavky span{
display: none;
}
.ucet div.tlacitka a.zmena{
float: right;
width: 163px;
height: 32px;
display: block;
background: url(tl_zmena_udaju.gif);
}
.ucet div.tlacitka a.zmena span{
display: none;
}
.ucet p.napoveda{
padding-left: 20px;
width: 800px;
font-size: 14px;
font-family: georgia,times new roman;
color : #000000;
font-weight: normal;
}
.ucet p.napoveda span{
color : #990000;
font-weight: bold;
}
.ucet p.napoveda a{
color : #990000;
font-weight: normal;
text-decoration: underline;
}
a.smazat{
float: right;
display: block;
width: 123px;
height: 32px;
background: url(tl_smazat.gif);
}
a.smazat span{
display: none;
}
a.tisk{
float: right;
display: block;
width: 129px;
height: 32px;
background: url(tl_tisk.gif);
}
a.tisk span{
display: none;
}