body{font-family: Verdana,'Arial CE', 'Helvetica CE', Arial, Helvetica,  sans-serif;;font-size:13px;margin:0;padding:0;text-align:center;background:url(../img/pozadi_webu.jpg) repeat-x #24231e; line-height: 135%;color:#e4dec4; }
hr.cistic{clear:both;height:1px;border:none;margin:-1px 0 0 0;visibility:hidden;}
a{text-decoration:none;color:#9cb246;}
a:hover{text-decoration:underline;}
img{border:0;}
p,ul{margin:0;padding:0;}
hr{margin:0;padding:0;}
h1,h2,h3 ,h4{margin:0;padding:0;}
h1 {letter-spacing: normal;color:#9cb246;font-size: 170%; padding: 0 0 0px 25px;margin:0 0 20px 0;background: url(../img/menu_sipka.png) no-repeat left center; font-weight: normal;}
h1 span{color:#e4dec4;}
h2{font-size: 120%; padding: 0 0 15px 0;}
.sipka {}
.green{font-weight: bold;color:#9cb246; }
/* ********************** */

#root{width:920px;text-align:left;margin-left:auto;margin-right:auto;color:white;color:#e4dec4;}
#toplinks{text-align: right; padding: 8px 10px 0 0; width: 490px; float: right;}
#toplinks .facebook{background: url(../img/facebook.png) no-repeat left top; padding: 5px 0 5px 25px;}
#main{background: #1d1c18;padding: 0 23px 0 23px;}
#loga{background: url(../img/hlavicka_vinoperu.jpg) repeat-x 0 -1px #1d1c18;padding: 0px 23px 0px 23px;}
#loga img{margin: 0 34px 0 0;}
#loga .l2{padding: 0 0px 15px 0;}
#loga .l3{padding: 0 0px 18px 0; margin:0;}

/*MENU*/
#menu {padding: 10px 0 0px 30px;margin:0 0 50px 0;;width:240px; float: left; background: url(../img/menulista_vinoperu.jpg) no-repeat right 20px;}
#menu ul .mainmenu{color:#9cb246;font-size:170%; list-style:none; line-height: 110%;letter-spacing: 1px;}
#menu ul li.active {list-style-image: url(../img/menu_sipka.png);}
#menu ul li ul .submenu{color:#e4dec4; font-size:70%; list-style: none; line-height: 150%;letter-spacing:normal; }
#menu ul li ul .submenu a{color:#e4dec4; }
#menu ul li ul .submenu a:hover{color:#9cb246; }
#menu ul li ul .active a{text-decoration: underline; color:#9cb246; }
#menu ul li ul li {list-style-image: none; }

#menu ul .extra{margin:20px 0 0 0; }
#menu ul .extra a{color:#F15722;}


#content{padding: 13px 0 0 0; float: right; width:570px;}
#content p{padding: 0px 0px 10px 0px;}

.katalog_nabidka .p1 {background: url(../img/eshop-vino.jpg) no-repeat; width: 185px; height: 150px; text-align: center; float: left;margin-right:20px ; }
/*.katalog_nabidka .p2 {background: url(../img/eshop-pisco.jpg) no-repeat; width: 270px; height: 150px; text-align: center; float: right; }*/
.katalog_nabidka .p2 {background: url(../img/eshop-kukurice.jpg) no-repeat; width: 185px; height: 150px; text-align: center; float: left; margin:0 0 0 7px; }
.katalog_nabidka .p3 {background: url(../img/eshop-m.jpg) no-repeat; width: 185px; height: 150px; text-align: center; float: left; }

.katalog_nabidka .p1 a{display: block;width: 185px; padding: 150px 0 0 0;  text-align: center;}
.katalog_nabidka .p2 a{display: block; width: 185px; padding: 150px 0 0 0; text-align: center;  }
.katalog_nabidka .p3 a{display: block; width: 185px; padding: 150px 0 0 0; text-align: center;  }


#footer{background: url(../img/paticka_vinoperu.jpg) repeat-x #151412;padding: 15px 20px 5px 55px;  text-align: left; color:#7d796b; }
#footer .partner{text-align: left;}

/*slide show home*/
#hslideframe{height:319px;background: url(../img/slide_mozaika.jpg) no-repeat right top;overflow:hidden;}
#hslideframe #hslideshow{width:539px; height:319px;overflow:hidden;}
#hslideframe #hslideshow img{width:539px; height:319px;border:0;}

/*slide show page*/
#slideframe{height:108px;background: url(../img/slidepage_mozaika.jpg) no-repeat right top;overflow:hidden;}
#slideframe #slideshow{width:539px; height:108px;overflow:hidden;}
#slideframe #slideshow img{width:539px; height:108px;border:0;}

/*nabidka vin*/
.vinakat{padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #282723;}
.vinakat h2{font-size: 120%;color:#9CB246; padding: 0 0 10px 0;}
.vinakat .foto{width: 200px;height: 130px;float: left; }
.vinakat .popis{width: 350px;float:right;}

.vino{padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #282723;}
.vino h2{font-size: 120%;color:#9CB246; padding: 0 0 10px 0;}
.vino .foto{width: 130px;height: 200px;float: left; }
.vino .popis{width: 400px;float:right;}
.vino .td1{font-weight: bold; width: 70px; vertical-align: top;font-size: 90%; color:#D3C99E;}



.ultype1 li{list-style: none;padding: 0 0 15px 0;}

.oceneni{width: 130px; height: 220px; float: left; margin: 0 10px 10px 0; text-align: center;}
.oceneni img{border: 0;}
.oceneni a:hover{text-decoration: none;}
.oceneni a:hover span{text-decoration: underline;}

/*novinky*/
#novinky{padding:50px 10px 0 0;}
#novinky p{padding:0px 0 0 0; font-size: 100%;}
#novinky .nadpis{color:#9cb246;font-size:170%; list-style:none; letter-spacing: 1px; font-weight: normal; margin: 0; padding: 0 0 5px 0;}
#novinky p.nadpisnews{font-size: 100%;padding: 0; margin: 0; }
#novinky p.nadpisnews span{font-weight: normal; font-size: 80%; color:#D3C99E;}
#novinky .novinka{padding:0px 0 5px 0; margin: 0 0 5px 0; border-bottom:1px solid #282723;}

#clanek{}
h2.nadpisclanku{font-size: 120%; margin: 0; padding: 0 0 10px 0;}
h2.nadpisclanku span{font-weight: normal; font-size: 80%; color:#D3C99E;}

/*email form*/
#mailform {padding: 30px 0 30px 0;}
#mailform h2 {letter-spacing: normal;color:#9cb246;font-size: 170%; padding: 0 0 0px 25px;margin:0 0 20px 0;background: url(../img/menu_sipka.png) no-repeat left center; font-weight: normal;}
#mailform input{width: 150px;font-family:Tahoma,Arial;font-size:12px;background:#D3C99E;padding: 2px; border:0;}
#mailform .td1{padding: 0 0 5px 0;}
#mailform .td2{padding: 0 0 5px 20px;}
#mailform .td3{padding: 0 0 5px 30px;}
#mailform .td4{padding: 0 0 5px 20px;}
#mailform .td5{padding: 0 0 5px 20px;}
#mailform .td5 textarea{width:410px;height: 60px;font-family:Tahoma,Arial;font-size:12px; background:#D3C99E;padding: 2px;border:0; }
#mailform .btn_odeslat input{color:white; border: 1px solid #151412; background: #3E3C33; width: 70px;} 
#mailform .btn_odeslat {text-align: right;} 
#mailform p.msgerr{background: #A52832;border:1px solid #151412; padding: 5px 5px 5px 5px; text-align: center; font-weight: bold; margin: 0 0 10px 0;}
#mailform p.msg{color:#E4DEC4; border: 1px solid black; background:#151412; margin: 0 0 10px 0;padding: 5px; text-align: center; font-weight: bold;}

/*kontakty*/
.ul1 {width: 370px; float: left; padding: 0 0 0 10px;}
.ul2 {width: 180px; float: right; padding: 42px 0 0 0;}
#content ul.ul1 p{margin:0; padding: 2px 0 0px 0; }

.katalog_nabidka{padding: 0 0 10px 0;}
.katalog_nabidka h2{padding: 0 0 0px 0; margin: 0; font-size: 100%;}

#clankyall .clanekall{border-bottom:1px solid #282723; padding: 5px 0 5px 0;}
#clankyall .clanekall .nadpisall{font-size: 100%;padding: 0; margin: 0; }
#clankyall .clanekall .nadpisall span{font-weight: normal; font-size: 80%; color:#D3C99E;}

#news_gallery{padding: 10px 0 10px 0; border-bottom: 1px solid black; margin: 0 0 5px 0;}
#news_gallery .foto{width: 140px; float: left;padding: 0 5px 5px 0; }
#news_gallery .foto a{display: block;width: 140px; height: 105px;border:solid 1px #000;margin: 0 2px 2px 0; }
#news_gallery .foto a:hover{border:solid 1px #fff; }
#news_gallery .foto a span{display: none; }


/* ESHOP */
#pnlkosik{background: url(../img/basket.png) no-repeat left center; padding: 7px 0 5px 30px; width: 200px; float: left; 
text-align: left; margin: 0 0 10px 130px; }


/*kosik*/
.CartProduct {clear: both;	border-bottom: 1px dotted #282723;margin: 5px 0 5px 0px;	padding: 10px 0 20px 0;}
.CartProduct .Image {width: 135px; float: left; margin: 0 10px 0 0; }
.CartProduct .Image img{height: 135px;}
.CartProduct .Data {	width: 400px;	float: left; }
.CartProduct .Data ul{list-style: none;	margin: 0;padding: 0;}
.CartProduct .Data ul li{border-bottom: 1px solid #282723;padding: 5px 0 5px 0;text-align: right;}
.CartProduct .Data ul li.Price{border:0;padding: 5px 0 5px 0;font-weight: bold;}
.CartProduct .Data ul li span{display: block;width: 120px;float: left; text-align: left;}
.CartProduct .Data ul li input{width: 20px;background:#D3C99E;padding: 2px;border:0;}

.CartProduct .btnOdtranit{text-align: right; padding: 20px 0 10px 0px;width: 100px;clear: both;}
.CartProduct .btnOdtranit a{padding: 3px 0 0 0px;display: block;width: 85px;height: 24px;background: url(../img/bt_odstranit.jpg) no-repeat;}
.CartProduct .btnOdtranit span{}

.TotalPrice{margin: 5px 0 0px 0px;padding: 10px 0 0 0; }
.TotalPrice div.Soucet{padding: 5px 0 0px 5px; width: 300px; float: left;}
.TotalPrice div.Soucet span{color:#9cb246; font-weight: bold;}
.TotalPrice div.btnkosik{	width: 180px; float: right;}

/*formular objednavky*/
#Formular form{padding: 20px 0 10px 0 ;}
#Formular .form_data input{padding: 2px 4px 2px 4px; background:#D3C99E;border:0;} 
#Formular .form_data select{padding: 2px 4px 2px 4px; background:#D3C99E;border:0;} 
#Formular .form_data textarea{padding: 2px 4px 2px 4px; background:#D3C99E;border:0;font-family: Verdana,'Arial CE', 'Helvetica CE', Arial, Helvetica,  sans-serif;;font-size:13px} 
#Formular .form_radek{padding: 0px 0px 10px 0px;} 
#Formular .form_radek2{padding: 10px 0px 5px 0px;} 
#Formular .info{color:#B6B2A5}
.Warning {background: #A52832; border: 1px solid #282723; padding: 10px; margin: 0 0 10px 0;}
.Warning ul {margin: 0; padding: 0 0 20px 20px; font-weight: bold;}


/*POPUP*/
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:100;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:550px;
width:700px;
background: url(../img/banner-bgr-full.jpg) repeat-x #F6F2C9;
border:0px solid #cecece;
z-index:200;
padding:60px 0 0 0;
font-size:14px;
}
#popupContact h1{
text-align:left;
color:#8E9E3B;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:12px;
line-height:14px;
right:6px;
top:15px;
position:absolute;
color:#9cb246;
font-weight:700;
display:block;
cursor: pointer;
}
#button{
text-align:center;
margin:100px;
}
#contactArea{
	 padding: 20px 0 0 0;
	 line-height: 130%;
	 
	 color:black;
}
#contactArea h3{
	background: #22211C; color: #e4dec4; font-size: 130%; padding: 20px 10px 20px 20px; margin: 0 0 10px 0; text-align: left;
}

#contactArea p{
	padding: 0 20px 10px 20px;
}

#contactArea span{
	font-weight: bold; color:#F15622; font-size: 110%;
}