@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; letter-spacing:1px; word-spacing:2px;}
body{background:#333333 url(img/body_bg.gif) repeat-x; text-align:center;}
hr{background:url(img/divider.gif) no-repeat left; height:11px; border:0; margin:0 40px;}
iframe{border:1px solid #3c1500;}
h2{font:bold 20px Georgia, "Times New Roman", Times, serif; color:#3c1500;}
h3{font:bold 18px Georgia, "Times New Roman", Times, serif; color:#3c1500; text-align:center;}
input{background:#fae9c7; margin:3px 0 3px 20px; padding:3px 0 3px 10px; border:0; width:90%; height:16px; font:11px Georgia, "Times New Roman", Times, serif; color:#3c1500;}
textarea{background:#fae9c7; margin:3px 0 3px 20px; padding:3px 10px 3px 10px; border:0; width:90%; height:80px; font:11px Georgia, "Times New Roman", Times, serif; color:#3c1500;}

#container{width:750px; background:url(img/container_bg.jpg) repeat-y; margin:0 auto;}

#head{width:750px; height:362px; background:url(img/head1.jpg) no-repeat; text-align:left;}
#head2{width:750px; height:362px; background:url(img/head2.jpg) no-repeat; text-align:left;}
#head3{width:750px; height:362px; background:url(img/head3.jpg) no-repeat; text-align:left;}
#head4{width:750px; height:362px; background:url(img/head4.jpg) no-repeat; text-align:left;}
#head5{width:750px; height:362px; background:url(img/head5.jpg) no-repeat; text-align:left;}

#menu{position:relative; top:54px; left:300px; width:420px; height:16px; background:#d8b36b;}
#menu UL{list-style:none;}
#menu LI{float:left;}
#menu A.home{background:url(img/menu_home.gif) no-repeat left; display:block; width:54px; height:16px;}
#menu A.home:hover{background:url(img/menu_home.gif) no-repeat right; display:block; width:54px; height:16px;}

#menu A.visita{background:url(img/menu_visita.gif) no-repeat left; display:block; width:128px; height:16px;}
#menu A.visita:hover{background:url(img/menu_visita.gif) no-repeat right; display:block; width:128px; height:16px;}

#menu A.menu{background:url(img/menu_menu.gif) no-repeat left; display:block; width:52px; height:16px;}
#menu A.menu:hover{background:url(img/menu_menu.gif) no-repeat right; display:block; width:52px; height:16px;}

#menu A.vini{background:url(img/menu_vini.gif) no-repeat left; display:block; width:50px; height:16px;}
#menu A.vini:hover{background:url(img/menu_vini.gif) no-repeat right; display:block; width:50px; height:16px;}

#menu A.dove{background:url(img/menu_dove.gif) no-repeat left; display:block; width:114px; height:16px;}
#menu A.dove:hover{background:url(img/menu_dove.gif) no-repeat right; display:block; width:114px; height:16px;}

#menu A.orari{background:url(img/menu_orari.gif) no-repeat left; display:block; width:52px; height:16px;}
#menu A.orari:hover{background:url(img/menu_orari.gif) no-repeat right; display:block; width:52px; height:16px;}

#menu A.contatti{background:url(img/menu_contatti.gif) no-repeat left; display:block; width:72px; height:16px;}
#menu A.contatti:hover{background:url(img/menu_contatti.gif) no-repeat right; display:block; width:72px; height:16px;}

#corpo{width:743px; margin:0 auto; background:url(img/corpo_bg.jpg) no-repeat;}

#text_left{float:left; width:455px; text-align:justify; color:#3c1500;}
#text_left P{padding:30px 0 30px 30px;}
#text_left A{font:bold italic 11px Georgia, "Times New Roman", Times, serif; color:#3c1500;}
#text_right{float:right; width:277px; text-align:right; color:#3c1500;}
#text_right P{padding:30px 30px 0 0;}
#text_right A{font:bold italic 11px Georgia, "Times New Roman", Times, serif; color:#3c1500;}
#text_center{width:750px;}
#text_center P{padding:30px;}

#footer{width:750px; height:141px; background:url(img/footer_bg.jpg) no-repeat; letter-spacing: normal; word-spacing: normal;}
#footer_menu{padding-top:90px; font-size:9px; color:#6a5426; letter-spacing: normal; word-spacing: normal;}
#footer_menu A{font-size:11px; color:#6a5426; text-decoration:none; letter-spacing: normal; word-spacing: normal;}
#footer_menu A:hover{font-size:11px; color:#6a5426; text-decoration:underline; letter-spacing: normal; word-spacing: normal;}

#copyright{width:750px; padding-top:20px; text-align:right; font-size:10px; letter-spacing: normal; word-spacing: normal; color:#101010;}
#copyright A{font-size:10px; letter-spacing: normal; word-spacing: normal; color:#101010; text-decoration:none;}
#copyright A:hover{color:#000000; text-decoration:underline;}

/*contatti*/
#form_contatti{float:left; border:0px solid #000; padding:10px 15px 0 15px;}
/*#form_contatti DIV{float:left; margin:3px 0; padding:3px 0; width:29%; height:16px; text-align:right; font-weight:bold;}
#form_contatti DIV.submit{width:350px; text-align:center;}


#contatti{padding:0 15px;}*/
#contatti h2{text-align:left; padding:15px 0 15px 30px;}
#contatti h2 A{font: italic 20px Georgia, "Times New Roman", Times, serif; text-decoration:underline;}

.float_right{float:right; margin: 40px 20px;}
.tre_colonne{float:left; width:248px;}
.tre_colonne P{letter-spacing: normal; word-spacing: normal; text-align:justify;}

.clear{clear:both;}
.link{font:12px Georgia, "Times New Roman", Times, serif; color:#3c1500; text-decoration:none;}
.portate{border-bottom:3px dotted #f0be5f; text-align: center; padding:5px 10px; letter-spacing: normal; word-spacing: normal;}
.prezzo{text-align:right; padding:0; font-weight:bold;}
.orari{font: italic 16px Georgia, "Times New Roman", Times, serif;}
.fotogallery IMG{border: 1px solid #000; margin:2px; margin-top:10px;}
.fotogallery{padding-bottom:10px; width:740px;}
.foto_border{border:3px solid #c0531a;}
.check{width:10px; height:10px; margin:0; padding:0;}
.center{text-align:center;}

/*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(foto/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(foto/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; }