/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background-color: #051700;
	text-align: center;
	font-size: 100%;
}

.clear{
	clear: both;
	line-height: 0.1em;
	font-size: .01em;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	width: 100%;
}

h2{
	font-size: 1.4em;
}

h3{
	font-size: 1.3em;
}

h4, h5, h6{
	font-size: 1.2em;
}

div.logo{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
	background-image: url(../layout/images/testata_villa_de_puppi.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	 width: 1039px;
	 height: 125px;
	
}

div.logo img{
	display: block;
	
}

div.logo img.ie6{
position: absolute;
	left: -1000px;
	top: -1000px;
}

img.logo_home{
	display: block;

}

a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
}

#page{
	width: 1039px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 0;
	z-index: 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#menu_orizzontale{
	position: absolute;
	top: 0;
	left: 80px;
	color: #d4d2a4;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 3;
}


#menu_orizzontale ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#menu_orizzontale ul li{

	padding: 0 0 0 0;
	margin: 0;
	float: left;
	text-align: center;
}

#menu_orizzontale a{
	color: #f7ffc5;
	text-decoration:none;
	display: block;
	margin-left: 15px;
	padding-top: 16px;
	min-height: 92px;
	font-weight: normal;
}


#menu_orizzontale a:hover{
	color: #FFFFFF;
}

#menu_orizzontale a.selected{
	color: #FFFFFF;
}

.azienda a{
	width: 76px;
	
}

.azienda a.selected, .azienda a:hover{
	background-image: url(../images/menu/azienda.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	
	
}


.cantina a{
	width: 70px;
	
}

.cantina a.selected, .cantina a:hover{
	background-image: url(../images/menu/cantina.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.vini a{
	width: 47px;
}

.vini a.selected, .vini a:hover{
	background-image: url(../images/menu/vini.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.campagna a{
	width: 93px;
}

.campagna a.selected, .campagna a:hover{
	background-image: url(../images/menu/campagna.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.rassegna a{
	width: 140px;
}

.rassegna a.selected, .rassegna a:hover{
	background-image: url(../images/menu/rassegna.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.visita a{
	width: 135px;
}

.visita a.selected, .visita a:hover{
	background-image: url(../images/menu/visita.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.contattaci a{
	width: 97px;
}

.contattaci a.selected, .contattaci a:hover{
	background-image: url(../images/menu/contattaci.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.eventi a{
	width: 70px;
}

.eventi a.selected, .eventi a:hover{
	background-image: url(../images/menu/eventi.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.dintorni a{
	
	width: 78px;
}

.dintorni a.selected, .dintorni a:hover{
	background-image: url(../images/menu/dintorni.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}	


/*------------------------------------------------------------------ struttura */

#sidebar_left{
	position: absolute;
	top: 50px;
	left: 70px;
	min-height: 300px;
	z-index: 0;
	width: 251px;
	
}

.panel_eventi{
	background-image: url(../images/structure/sidebar_eventi.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	min-height: 680px;
	
}

.panel{
	background-image: url(../images/structure/bck_panel_sidebar.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	
	
}

.panelinterno{
	width: 240px;
	
}

.panelint{
	padding: 4px 10px;
}


.paneltop{
	padding-top: 60px;
}

.paneltopsmall{
	padding-top: 15px;
}

.panelbottom{
	background-image: url(../images/structure/bck_panel_bottom_sidebar.png);
	background-repeat: repeat-y;
	background-position: left bottom;
	height: 30px;
	margin: 0 0 3px 0;
	
}

.paddedpanel{
	min-height: 200px;
	padding: 30px 10px 10px 10px;
}


.title_sidebar{
	background-image: url(../images/structure/title_sidebar.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 4px;
}

.title_sidebar h1, 
.title_sidebar h2, 
.title_sidebar h3, 
.title_sidebar h4, 
.title_sidebar h5, 
.title_sidebar h6{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 14px;
	
}


#content_centrale{
	min-height: 671px;	
}

#content_bottom{
	background-image: url(../images/structure/content_bottom.png);
	background-repeat: left bottom;
	background-repeat: no-repeat;
	margin-left: 320px;
	height: 30px;
	padding: 0;
}

#content_interno{
	background-image: url(../images/structure/content.png);
	background-repeat: 0 0;
	background-repeat: repeat-y;
	position: relative;
	top: 0;
	left: 0;

	margin-left: 320px;
	padding-top: 90px;	
}

 #content{
 	padding: 0 21px 0 20px;
 }


.content_title{
	background-image: url(../images/structure/content_title.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 2px 30px 2px 0;
	
}

.content_title h1, 
.content_title h2, 
.content_title h3, 
.content_title h4, 
.content_title h5, 
.content_title h6{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: right;
	padding: 0 0;
	letter-spacing: 3px;
	font-size: 22px;
	
}



/*---------------------- elementi del corpo testo ---*/

.porzione_testo{
	/* contiene la struttura */
	
	margin: 10px 0 0 0;
	padding: 0;
	width: 668px;	
	float: left;
}

.par_cent_top{
	
	background-image: url(../images/structure/par_cent_top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	
}

.par_cent{
	background-image: url(../images/structure/par_cent.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 15px 7px 15px;

}

.par_cent_imgleft{
	
	background-image: url(../images/structure/par_cent_imgleft.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 15px 0px 15px;
}

.par_cent_imgright{
	
	background-image: url(../images/structure/par_cent_imgright.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 10px 0px 10px;
}

.img_left{
	display: block;
	float: left;
	width: 273px;
	text-align: center;
	padding: 8px 0;
	
}


.img_right{
	display: block;
	float: right;
	width: 273px;
	text-align: center;
	padding: 8px 0;
	
}

.img_left_small{
	display: block;
	float: right;
	width: 230px;
	text-align: center;
	padding: 2px 0;
	
	
}

.text_left{
	float: left;
	width: 350px;
}

.text_left_small{
	float: left;
	width: 380px;
	
}

.text_left_int{
	padding: 4px 8px;
}

.text_left_int_small{
	padding: 2px 8px;
}


.par_cent_bottom{
	
	background-image: url(../images/structure/par_cent_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
}


/*---- gruppo cn testo a sinistra e foto a destra con foto scorporata */


.par_cent_top_small{
	
	background-image: url(../images/structure/par_cent_top_small.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	
}

.par_cent_small{
	background-image: url(../images/structure/par_cent_small.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 15px 7px 15px;
}

.par_cent_bottom_small{
	background-image: url(../images/structure/par_cent_bottom_small.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	
}


/*---- paragrafo complesso azienda*/

.par_complesso_sx{
	background-image: url(../images/structure/par_complesso_1.png);
	background-repeat: no-repeat;
	background-position: top-left;
	position: relative;
	min-height: 280px;
	width: 100%;
	
}

.par_complesso_a{
	position: absolute;
	top: 10px;
	left: 20px;
	width: 370px;

	
}


.par_complesso_a2{
	position: absolute;
	top: 59px;
	left: 245px;
	width: 158px;
	
}


.par_complesso_b{
	
}

.par_complesso_c{
	position: absolute;
	top: 180px;
	left: 250px;
	width: 390px;

}

.foto_complesso_dx{
	position: absolute;
	top: 6px;
	left: 434px;
	
}


.foto_complesso_sx{
	position: absolute;
	top: 78px;
	left: 36px;
}


/*paragrafo complesso cantina*/
.par_complesso_dx{
	background-image: url(../images/structure/par_complesso_2.png);
	background-repeat: no-repeat;
	background-position: top-left;
	position: relative;
	min-height: 280px;
	width: 100%;
}


.par_complesso_dx .foto_complesso_dx{
	position: absolute;
	top: 67px;
	left: 540px;
}


.par_complesso_dx .foto_complesso_sx{
	position: absolute;
	top: 0;
	left: 0;
}


.par_complesso_dx .par_complesso_a{
	position: absolute;
	top: 10px;
	left: 273px;
	width: 370px;

	
}

.par_complesso_dx .par_complesso_b{
	
}

.par_complesso_dx .par_complesso_c{
	position: absolute;
	top: 180px;
	left: 28px;
	width: 490px;

}




/*paragrafo complesso campagna*/
.par_complesso_3{
	background-image: url(../images/structure/par_complesso_3.png);
	background-repeat: no-repeat;
	background-position: top-left;
	position: relative;
	min-height: 280px;
	width: 100%;
}


.par_complesso_3 .foto_complesso_dx{
	position: absolute;
	top: 24px;
	left: 482px;
}


.par_complesso_3 .foto_complesso_sx{
	position: absolute;
	top: 14px;
	left: 10px;
}


.par_complesso_3 .par_complesso_a{
	position: absolute;
	top: 15px;
	left: 230px;
	width: 235px;
}

.par_complesso_3 .par_complesso_b{
	
}

.par_complesso_3 .par_complesso_c{
	position: absolute;
	top: 180px;
	left: 28px;
	width: 430px;

}




.par_relative{
	position: relative;
	
	
}

img.sfondo_rassegna {
	position: absolute;
	right: 0;
	bottom: -10px;
}

.minheight_min{
		height: 180px;
}

.sfondo_contattaci{
	background-image: url(../images/structure/sfondo_contattaci.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 390px;
}

.sfondo_visita{
	background-image: url(../images/structure/sfondo_visita.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 390px;
}

.marged{
	margin-right: 250px;
}

/*------------------------------------------------------------------- piccola fotogallery */

.smallphotogallery{
	/*ampiezza fissata a 240px*/
	float: left;
	width: 240px;

}

.photo{
	float: left;
	width: 70px;
	margin: 18px 0 0 0;
}

.photoint{
	padding: 0 0 0 21px;
}



.photo img{
	display: block;
	border-right: 1px solid #555554;
	border-bottom: 1px solid #555554;
}

.photo a img{
	text-decoration: none;
	border-right: 1px solid #555554;
	border-bottom: 1px solid #555554;
	border-top: 0;
	border-left: 0;
}

/*------------------------------------------------------------------ AZIENDA ****/

#pageazienda{
	/*background-image: url(../images/bck_pageazienda.jpg);*/
	background-image: url(../images/bck_pageazienda_new.jpg);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	background-position: 56px 9px;
	
}

#pagecantina{
	background-image: url(../images/bck_pagecantina.jpg);
	background-repeat: no-repeat;
	/*background-repeat: repeat-y;*/
	background-position: 56px 9px;
	
}

#pagevini{
	background-image: url(../images/bck_pagevini.jpg);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	background-position: 56px 9px;
	
}

#pagecampagna{
	background-image: url(../images/bck_pagecampagna.jpg);
	background-repeat: no-repeat;
	/*background-repeat: repeat-y;*/
	background-position: 56px 9px;
	
}


#pagedintorni{
	background-image: url(../images/bck_pagedintorni.jpg);
	background-repeat: no-repeat;
	/*background-repeat: repeat-y;*/
	background-position: 56px 9px;
	
}

#pageeventi{
	background-image: url(../images/bck_pageeventi.jpg);
	background-repeat: no-repeat;
	/*background-repeat: repeat-y;*/
	background-position: 56px 9px;
	
}

#pagecontattaci{
	background-image: url(../images/bck_pagecontattaci.jpg);
	background-repeat: no-repeat;
	/*background-repeat: repeat-y;*/
	background-position: 56px 9px;
	
}

#pagerassegna{
	background-image: url(../images/bck_pagerassegna.jpg);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	background-position: 56px 9px;
	
}


/*---------------------------------------------------- form -----*/
#form_visita{
	margin: 0;
	padding: 0;
}

.groupform{
	padding: 10px 0;
}

.groupform label{
	padding: 0 4px;
}

#reset_visita, #submit_visita, #submitinput{
	border: 0;
	background-color: transparent;
	background-image: url(../images/structure/sfondo_pulsante_form.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: center;
	width: 68px;
	margin: 0 5px;
	min-height: 25px;
	vertical-align: middle;
	padding: 0;

}


/*------------------------------------------------------------- schede dei vini*/

.cont_scheda{
	float: left; 
	width: 300px; 
	background-color: #FFFFFF; 
	border-top: 1px solid #bdbdb2; 
	border-left: 1px solid #bdbdb2; 
	margin-top: 10px;
	margin-left: 10px;
}

.cont_scheda_centrale{
	float: left; 
	width: 300px; 
	background-color: #FFFFFF; 
	border-top: 1px solid #bdbdb2; 
	border-left: 1px solid #bdbdb2; 
	margin-top: 10px;
	margin-left: 167px; 
}

.img_scheda{
	float: left; 
	padding: 10px 5px;
	
	
}

.scheda{
	padding-top: 5px; float: left; width: 175px;
}

.winetitle{
	font-size: 1.8em; font-weight: bold; font-family: "Times New Roman", Times, serif;
}

.annata{
	font-size: 1.6em; font-weight: bold; font-family:'Times New Roman', Times, serif; color: #a32420; padding-left: 70px
}



/*--------------------------- 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: #fff; 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.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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: #000; }