/* RESET */
*{margin:0; padding:0;}
a img{border:none;}
ul{list-style:none;}
a{outline:0 none;}

/* LAYOUT GENERALE */
body{background:#0d0502; font-family:"Times New Roman", Times, serif; color:#30080C; font-size:18px;}

	div.centrato{width:840px; height:1600px; position:relative; padding:0 80px; margin:0 auto; background:url(../pics/fondo_centrato.jpg) top left no-repeat;}
	div.centrato_02{width:840px; height:2551px; position:relative; padding:0 80px; margin:0 auto; background:url(../pics/fondo_centrato_02.jpg) top left no-repeat;}
	div.centrato_03{width:840px; height:3500px; position:relative; padding:0 80px; margin:0 auto; background:url(../pics/fondo_centrato_03.jpg) top left no-repeat;}

		div.centrato div#testa{float:left; width:840px; background:url(../pics/testa.gif) top left no-repeat;}
		div#container{border:8px double #30080C; float:left; width:824px; height:220px; margin:20px 0;}

		div.centrato div#colsx img.capolettera{border:none!important; margin:0 3px -5px 0!important; float:left!important;}

		div.centrato div#colsx{width:600px; padding-right:20px;  float:left;}
		div.centrato div#coldx{width:199px; border-left:1px solid #30080C; float:left; padding-left:20px;}

		div.centrato div#colsx p{float:left; clear:both; margin-bottom:30px; padding-bottom:30px; border-bottom:double #30080C; width:100%;}
		div.centrato div#colsx p img{float:right;}
		
		/* LINK COLONNA SX */
		div.centrato div#colsx a{text-decoration:none; color:#220A0C;}
		div.centrato div#colsx a:hover{text-decoration:underline;}
		
		/* LISTA IN COLSX */
		div#colsx ul.lista{list-style:square; padding-left:20px; margin-bottom:30px; padding-bottom:30px; border-bottom:double #30080C;}
		div#colsx h3{margin-bottom:20px;}
		div#colsx h3 span{font-style:italic;}
		
		/* SERATE DEGUSTAZIONI */
		div.riga{float:left; width:100%; border-bottom:double #30080C; margin-bottom:15px; padding-bottom:15px;}
		h3 span{color:#7e1b13;}
		div.riga h4{}
		div.riga h4 span{color:#7e1b13;}
		
		div.riga h5{}
		div.riga h6{color:#7e1b13;}
		div.riga h6 span{font-style:italic;}
		div.riga ul{list-style:square; padding-left:20px; margin: 10px 0 15px 0; font-size:16px;}

		div.riga span.prezzo{font-style:italic;}
		
		div#colsx span.nota{display:block; float:left; height:20px; width:100%; text-align:center; color:#cec182; padding:5px 0; background:#150001;}



hr{display:none;}




/* LOGO LA PUPPOLA */
h1{margin:0 auto; display:block; width:200px; height:167px;}
h1 a{display:block; width:200px; height:167px; background:url(../pics/logo.gif) no-repeat;}
h1 span{display:none;}

/* TITOLI SECONDO LIVELLO */
h2 img{border:none; margin:0 0 20px 0;}




/* PIEDE */
ul.piede{display:block; position:absolute; clear:both; width:830px; bottom:100px; list-style:none; font-size:15px; border-bottom:double #220A0C; border-top:double #220A0C; padding:5px;}
ul.piede li{display:inline;}
ul.piede li img{margin:0 3px;}

ul.piede a{text-decoration:none; color:#220A0C; float:right;}
ul.piede a:hover{text-decoration:underline;}




/* NEWS */
ul.news{list-style:none; font-size:15px; line-height:15px;}
ul.news li{display:block; float:left; width:200px; margin-bottom:15px; padding-bottom:15px; border-bottom:double #30080C;}
ul.news li h3{margin-bottom:8px; font-size:20px; line-height:18px;}
ul.news a{color:#30080C; text-decoration:none;}
ul.news a:hover{color:#30080C; text-decoration:underline;}
ul.news li img{float:left; border:2px solid #30080C; margin:3px 5px 0 0;}





/* IFRAME */
iframe{width:598px; height:298px; border:1px solid #30080C;}
img.mappa{border:1px solid #30080C;}



/* VINI */
table.vini span{color:#7e1b13;}
table.vini{width:100%; font-size:16px; width:100%; margin-top:10px;}
table.vini td{border-bottom:1px dotted #333333;}
td.tab_sx{width:90%;}
td.tab_dx{width:10%; text-align:right;}

h3.toggler{display:block; font-size:18px; height:15px; line-height:15px; width:100%; margin:0!important; 
padding:5px!important; cursor:pointer; background:url(../pics/freccia_accordion.gif) no-repeat scroll right center; border-bottom:3px dotted #30080C;}

h4.vini{margin:15px 0 0 0!important;}
table.indent{width:595px!important; margin:0 0 0 15px;}

div#accordion{}
div.element{}






/* LIGHTBOX */
#lightbox{position:absolute; left: 0; width:100%; z-index:100; text-align:center; line-height: 0;}
#lightbox img{width:auto; height:auto;}
#lightbox a img{ border: none; }

#outerImageContainer{position:relative; background-color:#150001; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}

#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink{left:0; float:left;}
#nextLink{right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url(../images/prevlabel.png) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(../images/nextlabel.png) right 15% no-repeat;}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#150001; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}

#imageData{padding:0 10px; color:#cec182;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em; outline:none;}	 	

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#0d0502;}



img.gallery{border:double #30080C; float:left; margin:0 10px 10px 0;}
a:hover img.gallery{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}






p.fidelity{float:left;}
p.fidelity img{float:right; margin-top:-30px;}









/* AGGIUNTE DICEMBRE 09 */
img.chianina{float:right; margin-top:-100px;}
img.igp{float:right; margin-top:-100px;}