@import url(_reset.css);

html {
	
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;
	line-height:18px;
	}
#header,
#content {
	position:relative;
}
#header,
#content,
#footer {
	width:960px;
	margin:0 auto;
	}
#content_main,
#content_pics {
	float:left;
}
#content_pics {
	position:relative;
}
#container_header {
	background:url(../img/bgHeader.png) repeat-x top left;
}
#container_footer {
	background:url(../img/bgFooter.png) repeat-x top left;
}
#content_main {
	width:402px;
	padding:16px 16px 0 0;
}
#content_main h2 {
	color:#0c6396;
	font-size:14px;
	margin-bottom:14px;
}
#content_main p,
#content_main ul {
	margin-bottom:14px;
}
#content_main .elenco li {
	margin-bottom:7px;
}
#content_main ul#menu_buttons {
	position:absolute;
	bottom:15px;
	left:-5px;
	margin:0;
}
#menu_buttons li {
	float:left;
	margin:0 4px 0 0;
	background-repeat:no-repeat;
	background-position:top left;
	
}
#menu_buttons li a {
	display:block;
	width:73px;
	height:15px; line-height:15px;
	padding:70px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#333;
	line-height:10px;
}

#menu_buttons .chi {background-image:url(../img/bgBtnChiSiamo.jpg)}
#menu_buttons .cam {background-image:url(../img/bgBtnCamere.jpg)}
#menu_buttons .din {background-image:url(../img/bgBtnDintorni.jpg)}
#menu_buttons .man {background-image:url(../img/bgBtnManeggio.jpg)}
#menu_buttons .ort {background-image:url(../img/bgBtnDintorni.jpg)}
#menu_buttons .sp1 {background-image:url(../img/bgBtnSpiaggia.jpg)}
#menu_buttons .sp2 {background-image:url(../img/bgBtnSpiaggia2.jpg)}
#menu_buttons .sal {background-image:url(../img/bgBtnSaline.jpg)}
#menu_buttons .mos {background-image:url(../img/bgBtnArteMosaici.jpg)}
#menu_buttons .i01 {background-image:url(../img/bgBtnOrtazzino.jpg)}
#menu_buttons .dal {background-image:url(../img/bgBtnMirabilandia.jpg)}
#menu_buttons .i02 {background-image:url(../img/bgBtnIMaggio.jpg)}
#menu_buttons .i03 {background-image:url(../img/bgBtnBertinoro.jpg)}
#menu_buttons .mma {background-image:url(../img/bgBtnMilanoMarittima.jpg)}
#menu_buttons .mir {background-image:url(../img/bgBtnMirabilandia.jpg)}
#menu_buttons .rer {background-image:url(../img/bgBtnRiminiRiccione.jpg)}
#menu_buttons .emp {background-image:url(../img/bgBtnEmpty.jpg)}
#menu_buttons .pis {background-image:url(../img/bgBtnPiscina.jpg)}
#menu_buttons .fit {background-image:url(../img/bgBtnFitness.jpg)}
#menu_buttons .idr {background-image:url(../img/bgBtnIdromassaggio.jpg)}
#menu_buttons .lag {background-image:url(../img/bgBtnOrtazzo.jpg)}
#menu_buttons .par {background-image:url(../img/bgBtnParcoGiochi.jpg)}
#menu_buttons .tvb {background-image:url(../img/bgBtnSalaBar.jpg)}

#menu_buttons .amz {background-image:url(../img/bgBtnAmazzone.jpg)}
#menu_buttons .fml {background-image:url(../img/bgBtnFamiglia.jpg)}
#menu_buttons .set {background-image:url(../img/bgBtnSettimana.jpg)}


#content_pics {
	width:513px;
	padding:0 14px;
	background:#FFF;
}
#content_pics .open {
	position:absolute;
	top:-14px;
	left:0px;
	width:541px;
	height:14px;
	background:url(../img/bgFotoTop.png);
}

#content_pics .close {
	position:absolute;
	bottom:-14px;
	left:0px;
	width:541px;
	height:14px;
	background:url(../img/bgFotoBottom.png);
}

#content {	
	min-height:344px;
	}
#header {
	position:relative;
	height:161px;
	}
#footer {
	padding:10px 0 110px 0;
	}
#footer .servizi {
	margin:0px 0 24px;
}
#footer .dati,
#footer .author a {
	color:#FFF;
}
#footer .author {
	float:right;
}


/* COLONNE
*/

	#sect1,
	#sect2,
	#sect3 {
		float:left;
	}
	
	#sect1,
	#sect2 {
		margin-right:10px;
	}
	
/**/

.image_map {
	position:relative;
}
.image_map a {
	z-index:1;
	display:block;
	position:absolute;
	text-decoration:none;
	overflow:hidden;
	height:0;
}
.image_map a:hover {
	/*border:2px solid #FF0;*/
}

/* Back button */
.arrow_back {
	float:left; 
	margin-right:5px;
	/* Tecnica dell'image replacement di Okuto */
	width:0; height:0; padding:15px 12px 0 0; overflow:hidden; background:url(../img/frecciaBack.png) no-repeat 0 3px;
}

/* Generali
*/

	/* Scroller */
	#scroll {
		overflow:hidden;	
		height:180px;
		position:relative;
		padding-right:30px;
	}
	#btnScrollOpen {
		float:right;
		background:url(../img/goWindow.png) no-repeat left top;
		width:0px;
		overflow:hidden;
		display:block;
		height:0;
		padding:17px 0 0 17px;
		
	}
	#windowed {
		position:absolute;
		top:-50px;
		left:223px;
		width:400px;
		background:#FFF;
		border:2px solid #0C6396;
		z-index:120;
		padding:15px;
		display:none;
	}
	#window_close {
		float:right;
		margin:0 0 5px 15px;
	}

	/* Righe pari e dispari */
	.even td {
		background-color:#FFF;
	}
	.odd td {
		background-color:#EEE;
	}
	
	/* Lista puntata davvero */
	.dotted li {
		margin-left:20px;
		list-style-type:disc;
		list-style-position:outside;
	}
	
	/* Links */
	a {
		text-decoration:none;
		color:#0c6396;
	}
	a:hover {
		text-decoration:underline;
	}

	
	/* Float container */
	.fc:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
		}
	.fc {
		display:inline-block;
		}
	* html .fc {
		height:1%;
		}
	.fc {
		display:block;
		}
/**/

#news_nav {
	position:absolute; 
	left: 250px;
	top:16px;
}
#news_nav li {
	display:inline;
	margin:0 0 0 10px;
}
#gallery_imgs a {
	float:left;
	margin:0 1px 1px 0;
}
#gallery_imgs {
	margin-bottom:15px;
}