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

body{font-family:Arial, Helvetica, sans-serif;}
#contenitore{margin:auto;
width:775px; clear:left;
}
#testata{width:775px;height:100px;clear:left;}
#testata h1{margin-left:17px;font-size:21px;color:#1761aa;font-weight:normal;margin-bottom:0px;margin-top:0px;}
#testata h2{margin-left:10px;font-size:19px;color:#e98b44;font-style:italic;margin-top:0px;margin-bottom:0px;}
#testata #box1{float:left;height:100px;width:500px;}
#testata #box2{float:left;height:100px;width:275px;font-size:14px;color:#838282;text-align:right;}
#testata #box2 a{color:#838282;text-decoration:none;}
#menu{width:775px;background-image:url(../vacanze-mare-riotorto-toscana/sfondomenu.gif);
height:37px;text-align:center;clear:left;}
#menu a{color:#494949;text-decoration:none;font-size:13px;font-weight:bold;}
#menu .imma{float:left;height:37px;width:3px;}
#menu #v1{float:left;height:37px;width:83px;line-height:35px;}
#menu #v2{float:left;height:37px;width:110px;line-height:35px;}
#menu #v3{float:left;height:37px;width:128px;line-height:35px;}
#menu #v4{float:left;height:37px;width:101px;line-height:35px;}
#menu #v5{float:left;height:37px;width:81px;line-height:35px;}
#menu #v6{float:left;height:37px;width:103px;line-height:35px;}
#menu #v7{float:left;height:37px;width:88px;line-height:35px;}
#menu #v8{float:left;height:37px;width:60px;line-height:35px;}
#bannerdiv{width:775px;height:189px;}
#contenuto{width:731px;margin-left:22px;margin-right:22px;clear:left;}
#contenuto h1{width:731px;font-size:16px;color:#0a1648;background-image:url(../vacanze-mare-riotorto-toscana/sfondoh1.gif);background-repeat:no-repeat;background-position:bottom;height:35px;margin-top:44px;margin-bottom:0px;font-weight:normal;}
#contenuto h2{font-size:14px;color:#0a1648;font-weight:normal;margin-top:4px;margin-bottom:15px;}
#contenuto h2 a{color:#0a1648;text-decoration:none;}
.boxfoto,.boxfoto2{width:146px;background-color:#ededed;height:98px;float:left;margin-bottom:20px;}
.boxfoto2{margin-left:29px;}



.boxstruttura,.boxstruttura2{width:356px;background-color:#ededed;height:98px;float:left;margin-bottom:20px;}
.boxstruttura2{margin-left:19px;}
.boxstruttura .foto,.boxstruttura2 .foto{float:left;width:147px;background-color:#FFF;}
.boxstruttura .testo,.boxstruttura2 .testo{float:left;font-size:10px;color:#778d9c;width:184px;margin-left:15px;margin-right:10px;margin-top:12px;text-align:justify;}
.boxstruttura .testo .intestazione,.boxstruttura2 .testo .intestazione{font-size:12px;font-weight:bold;margin-bottom:6px;}
.boxstruttura .testo .titolo,.boxstruttura2 .testo .titolo{color:#e76707;}
.boxstruttura .testo .titolo2,.boxstruttura2 .testo .titolo2{color:#1761aa;}
.imm{border:2px solid #dbdbdb;}
.boxstruttura a,.boxstruttura2 a{color:#1761aa;text-decoration:none;}

#footer{width:775px;background-image:url(../vacanze-mare-riotorto-toscana/sfondofooter.gif);background-repeat:no-repeat;height:150px;font-size:11px;color:#4d6880;}
#footer #box3{float:left;height:100px;width:340px;margin-top:50px;margin-left:60px;}
#footer #box4{float:left;height:100px;width:375px;margin-top:50px;}
.ara{color:#e87926;}
#footer a{color:#4d6880;text-decoration:none;}
#footer2{margin-top:30px;width:775px;background-image:url(../vacanze-mare-riotorto-toscana/sfondofooter.gif);background-repeat:no-repeat;
height:130px;clear:left;font-size:12px;text-align:justify;color:#666;}
#footer2 a{color:#666;text-decoration:none;}


img {
	border: 0;
	margin: 0;
}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

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


#imageDataContainer{
	font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}