@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; border:0px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif;}
body{background:#fff3db url(img/body_bg.jpg) repeat-x fixed; text-align:center;}
a{color:#764d00; text-decoration: underline;}
a:hover{text-decoration:underline;}
h3{font-size:16px;}
form{margin:0; padding:0;}

#container{margin:0 auto; width:700px;}

#logo{width:700px; text-align:center; padding-top:9px;}
#content{width:700px; background:#f8e4bc url(img/container_bg.jpg) repeat-x; border-left:1px solid #eeb251; border-right:1px solid #eeb251; border-bottom:1px solid #eeb251;}

#main{width:700px; height:43px; background:url(img/mainmenu_bg.gif) repeat-x;}
#main_menu{width:458px; height:43px; margin:0 auto;}
#main_menu a{display:block; float:left; text-decoration:none;}
#main_menu a.buotique{background:url(img/boutique_button.gif) no-repeat top; width:166px; height:43px;}
#main_menu a:hover.buotique{background:url(img/boutique_button.gif) no-repeat bottom;}
#main_menu a.outlet{background:url(img/outlet_button.gif) no-repeat top; width:144px; height:43px;}
#main_menu a:hover.outlet{background:url(img/outlet_button.gif) no-repeat bottom;}
#main_menu a.idee{background:url(img/idee_button.gif) no-repeat top; width:148px; height:43px;}
#main_menu a:hover.idee{background:url(img/idee_button.gif) no-repeat bottom;}

#menu{width:700px; height:30px;}
#menu UL{list-style:none; margin-right:0px;}
#menu UL LI{font-size:11px; float:right; color:#764d00;}
#menu A{background:#f3cb8b; font:bold 15px Georgia, "Times New Roman", Times, serif; padding:0 5px 0 5px; text-decoration:none; color:#764d00; border-right:1px solid #764d00; display:block; width:126px; height:30px; line-height:30px;}
#menu A:hover{background:#ddbb7f; padding:0 5px 0 5px; text-decoration:none; color:#764d00;}
#menu A.home{background:#f3cb8b url(img/bg_home.gif) no-repeat top left;}
#menu A:hover.home{background:#ddbb7f url(img/bg_home.gif) no-repeat bottom left;}
#menu A.contatti{background:#f3cb8b url(img/bg_contatti.gif) no-repeat top right; margin-right:8px; border-right:0;}
#menu A:hover.contatti{background:#ddbb7f url(img/bg_contatti.gif) no-repeat bottom right; margin-right:8px; border-right:0;}

#head{background: url(img/head1.jpg) no-repeat; width:684px; height:251px; margin:0 auto;}
#head{width:684px; height:250px; margin:0 auto;}

#corpo{}
#testo_contenuto{font-size:11px; margin-bottom: 30px; margin-top:20px;}
#testo_contenuto P{padding: 10px; text-align:justify; letter-spacing:0pt; line-height:13pt;}
#testo_contenuto A IMG{margin: 5px; border:1px solid #f0b861;}
#left{float:left; width:350px;}
#left B{color:#764d00;}
#right{float:right; width:350px; padding-top:20px; text-align:right;}
#right IMG{margin:4px 2px 0 0; border:2px solid #efb65a;}

#contatti{width:400px; border:0px solid #000; margin:20px auto; font-weight:bold;}
#contatti INPUT{width:300px; margin:2px 0; background:#f3cb8b; font-size:11px; font-weight:normal; color:#5e3b04; padding:2px; border-bottom:1px solid #bd8e45; border-right:1px solid #f0b861;}
#contatti TEXTAREA{width:300px; margin:2px 0; background:#f3cb8b; font-size:11px; font-weight:normal; color:#5e3b04; padding:5px; border-bottom:1px solid #bd8e45; border-right:1px solid #f0b861;}

#footer{width:700px; font-size:10px; color:#764d00;}
#copyright{width:700px; height:20px; text-align:right; font-size:9px; color:#eb9a01;}
#copyright A{text-decoration:none; color:#eb9a01;}
#copyright A:hover{text-decoration:underline; color:#000000;}

#table_orari{border:1px solid #764d00; margin:0 auto; width:630px; background:#ddbb7f;}
.orari{width:630px; margin:0 auto;}
.orari DIV{width:89px; height:25px; display:block; float:left; background:#ddbb7f; border-right:1px solid #764d00; line-height:25px;}
.orari2{width:630px; margin:0 auto;}
.orari2 DIV{width:89px; height:25px; display:block; float:left; background:#f3cb8b; border-right:1px solid #764d00; line-height:25px;}
/*.titolo{margin:0; width:90px; height:25px; display:block; float:left; line-height:25px; border-right:1px solid #f8e4bc; background:#eb9a01;}
.orari{width:600px; margin:0 auto;}
.orari span{margin:0; width:80px; display:block; float:left; line-height:25px; border-right:1px solid #f8e4bc; background:#eb9a01;}*/


.titolo_sx{padding:10px 10px 0 10px; text-align:left;}
.titolo_dx{padding:10px 10px 0 10px; text-align:right;}
.marchi{margin:10px; border:0;}
.iframe{border:2px solid #764d00;}

.clear{clear:both;}


/*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; }