html, body, *{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px;}
body{
	 text-align: center;   
		/*centra in IE 5.x 
		*/
	 
	 font-family: sans-serif;
	 font-size: 13px;
	 line-height: 1.2;
	 color: #811D19;
	 
	 
	 background-color: #332711;
	 background-image: url('./images/sfondo_02.jpg');
	 background-repeat: no-repeat;
	 background-position: top center;
	}
	

table{border-collapse: collapse;
	 /*
	 fondo nero per video
	 background-color: #000;
	 */
}

a:active, a:focus{
outline:none;
} 

div#container{
	text-align: center;   
		/*reitero l'allineamento a sx
		*/
	position:relative;

	width: 1200px;
	min-height: 1110px;
	min-height: 1410px;
	
	min-height: 1410px;
	height: auto !important;
	height: 1410px;
	
	
	margin: 0px auto 0px auto; 
	 
	 background-image: url('./images/sfondo_container_03.jpg');
	 background-repeat: no-repeat;
	 background-position: top center;
	/*centra negli altri browsers
	*/	}

div#testata{
	 height: 113px;
	  text-align: left;   
		/*Ripristino allineamento a sx*/
	 margin: 0px auto 0px auto; 
	 width: 960px;
	}

div#logo{
	 float: left;
	 font-size: 0px;
	 padding-top: 10px;
	 padding-right: 40px;
	}
div#logo img{
	 
	 
	}

div#menu{
	 float: left;
	 padding-top: 66px;
	}
	

div#submenu{
	 text-align: left;
	 
	 padding: 0;
	 position: absolute;
	 top: 407px;
	 left: 0px;
	 width: 188px;
	 /*max-height: 327px;*/
	 
	 z-index:3;
	 
	 background-image: url('./images/sfondo_submenu_2.jpg');
	 background-repeat: no-repeat;
	 background-position: bottom left;
	}

div#submenu ul{
	 padding: 12px 12px 12px 12px;
	 list-style-type: none;
	}

div#submenu li{
	 padding: 2px 0px 3px 0px;
	 list-style-type: none;
	 font-size: 13px;
	 font-weight: normal;
	 font-size: 12px;
	 font-weight: bold;
	 
	 
	 color: #811D19;
	 color: #543d1d;
	}

div#submenu a:link, div#submenu a:visited, div#submenu a:hover, div#submenu a:active{
	 font-size: 12px;
	 font-weight: bold;
	 
	 text-decoration: none;
	 color: #811D19;
	}

div#submenu p{
	 padding: 0px;
	}

div#popup{
	 text-align: left;
	 
	 padding: 0;
	 position: absolute;
	 top: 550px;
	 left: 720px;
	 z-index: 3;
	 width: 448px;
	 
	 
	 background-image: url('./images/pop_02.jpg');
	 background-repeat: repeat-y;
	 background-position: bottom left;
	 
	}
div#popup img{
	 display: block;
	}
.titolo_ricetta{
	 font-size: 13px;
	 font-weight: bold;
	 padding: 0px 0px 20px 40px;
	 color: #543d1d;
	}
div#popup p{
	 padding: 0px 40px;
	 
	 
	 color: #543d1d;
	}
div#popup div{ /*il div#popup_c*/
	 padding: 3px 0px;
	 
	 
	 color: #543d1d;
	}

/*POSIZIONE ASSOLUTA*/
div#credenza{
	 
	 z-index: 1;
	 width: 478px;
	 height: 298px;
	 border: 1px solid green;
	 
	 width: 480px;
	 height: 300px;
	 border: 0px solid green;
	 
	 overflow: hidden;
	 
	 text-align: left;
	
	 position: absolute;
	 top: 274px;
	 left: 359px;
	  /*
	 margin-top: 159px;
	 margin-left: 359px;
	 */
	 /*background-color: #811D19; 
	 background-image: url('./images/pergamena.jpg'); */
	 background-repeat: no-repeat;
	 background-position: left center;
	
	}

div#credenza td{
	 /*display: table-cell;
	 
	 */
	 vertical-align: middle;
	 height: 300px;
	 width: 480px;
	}
div#credenza div{
	 /*display: table-cell;
	 vertical-align: middle;
	 */
	 
	 padding: 0px 30px 0px 30px;
	 width: 480px;
	 width: 420px;
	 
	 text-align: justify;
	 
	 
	 /*impostati per tutti su body
	 font-size: 13px;
	 line-height: 1.2;
	 */
	 font-weight: normal;
	 color: #811D19;
	 
	}
h1.titolo{
	 
	 display: inline;
	 display: block;
	 text-align: left;
	 font-weight: bold;
	 line-height: 1.2;
	 font-size: 13px;
	 
	}
img.nel_testo{
	 float: left;
	 padding: 0px 10px 4px 0px;
	}
div#credenza div.nel_testo{
	 float: left;
	 width:100px;
	 height: 261px;
	}
div#credenza ul{
	 
	 list-style-type: none;
	}

div#credenza li{
	 padding: 3px 0px;
	 list-style-type: none;
	 font-size: 13px;
	 font-weight: normal;
	 font-size: 12px;
	 font-weight: bold;
	 
	 
	 color: #811D19;
	 color: #543d1d;
	}
div#credenza a:link, div#credenza a:visited, div#credenza a:hover, div#credenza a:active{
	 font-size: 13px;
	 font-weight: normal;
	 text-decoration: none;
	 color: #811D19;
	}






div#piede{
	 text-align: center;
	 
	 padding: 0;
	 position: absolute;
	 top: 1300px;
	 left: 0px;
	 width: 1200px;
	 
	 font-size: 11px;
	 color: #fff2d7;
	 color: #f6e8a9;
	}

div#piede a:link, div#piede a:visited, div#piede a:hover, div#piede a:active{
	 font-size: 11px;
	 font-weight: normal;
	 
	 text-decoration: underline;
	 color: #fff2d7;
	 color: #f6e8a9;
	}


/*
SEZIONE LINK POSIZIONAMENTO ASSOLUTO PER RENDERE INTERATTIVO LO SFONDO
*/

.abs_link{
	 display: block;
	 position: absolute;
	 
	 
	}

#logo_credenza{
	 left:585px;
	 top:200px;
	 
	 width: 32px;
	 height: 42px;
	}
#quadro{
	 left:1010px;
	 top:166px;
	 
	 width: 360px;
	 width: 190px;
	 height: 274px;
	}
#pupo{
	 left:1126px;
	 top:243px;
	 
	 width: 72px;
	 height: 165px;
	}
#dop{
	 left:60px;
	 top:274px;
	 }
#vasetto_elite_crema{
	 left:44px;
	 top:353px;
	 
	 width: 38px;
	 height: 41px;
	}
#vasetto_elite_pesto{
	 left:84px;
	 top:353px;
	 
	 width: 38px;
	 height: 41px;
	}
#bottiglia{
	 left:137px;
	 top:245px;
	 
	 width: 40px;
	 height: 150px;
	}
#vasetto_pesto{
	 left:108px;
	 top:662px;
	 
	 width: 38px;
	 height: 41px;
	}
#vasetto_mandorla{
	 left:146px;
	 top:662px;
	 
	 width: 38px;
	 height: 41px;
	}
#vasetto_nocciole{
	 left:184px;
	 top:662px;
	 
	 width: 38px;
	 height: 41px;
	}
#vasetto_70{
	 left:222px;
	 top:662px;
	 
	 width: 38px;
	 height: 41px;
	}
#golosa{
	 left:260px;
	 top:662px;
	 
	 width: 52px;
	 height: 42px;
	}
/*
#girasole{
	 left:0px;
	 top:734px;
	 
	 width: 200px;
	 height: 340px;
	}
*/
#lampada{
	 left:958px;
	 top:724px;
	 z-index: 2; /*sopra il div che oscura z-i: 4 lo impasta JS*/
	 width: 234px;
	 height: 195px;
	}
#libro{
	 left:374px;
	 top:701px;
	 
	 width: 126px;
	 height: 48px;
	}
#teiera{
	 left:632px;
	 top:671px;
	 
	 width: 128px;
	 height: 83px;
	}
#cartolina{
	 left:610px;
	 top:600px;
	 
	 width: 74px;
	 height: 53px;
	 z-index: 1;
	}
#facebook{
	 left:195px;
	 top:610px;
	 
	}
#italia150{
	 left:40px;
	 top:410px;
	 
	}
#musica_btn{
	 left:1088px;
	 top:70px;
	 
	}
	

#iphone{
	 left:480px;
	 top:614px;
	 z-index: 1;
	}

#facebacco{
	 left:468px;
	 top:638px;
	 z-index:2;
	}
#twitter{
	 left:430px;
	 top:610px;
	 z-index:3;
	}

#panbacco_1{
	 left: -50px;
	 top: 735px;
	 
	 width: 160px;
	 height: 200px;
	 
	 z-index: 1;
	 
	}

#panbacco_2{
	 left: 0px;
	 top: 1020px;
	 
	 width: 140px;
	 height: 300px;
	 
	 z-index: 1;
	 
	}

#panbacco_3{
	 left: 147px;
	 top: 870px;
	 
	 width: 140px;
	 height: 100px;
	 
	 z-index: 1;
	 
	}

#panbacco_4{
	 left: 303px;
	 top: 1160px;
	 
	 width: 110px;
	 height: 120px;
	 
	 z-index: 1;
	 
	}

#colomba_1{
	 left: 122px;
	 top: 774px;
	 
	 width: 160px;
	 height: 90px;
	 
	 z-index: 1;
	 
	}


#colomba_2{
	 left: 141px;
	 top: 980px;
	 
	 width: 160px;
	 height: 340px;
	 
	 z-index: 1;
	 
	}


#colomba_3{
	 left: -50px;
	 top: 937px;
	 
	 width: 190px;
	 height: 80px;
	 
	 z-index: 1;
	 
	}


#oscura{ position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 0px; background-color: #000; 
	 filter:alpha(opacity=0);
	 -moz-opacity:0.00;
	 opacity:0.00;

	}