/* Modello BLUE */

/* Settaggi generali: Suddivisione pagina --------------------------------------------------- */

html,body {
	margin: 0;
	padding:0;
	height:100%;
}
body {
	text-align: center;
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: center;
	font-size:76%;	
}

html, body, td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #9c9c9c;;
}

div#container {
	position: absolute;
	top:50%;
	left:0;
	z-index:1;
	overflow:hidden;
	height: 482px;
	width:100%;
	margin: -240px 0 0 0;
    text-align: left;
	background-color: #fff;
}

div#header{
	position: absolute;
	top:50%; 
	left:0;
	font-size: 0.8em;
	color: #fff;
	height:80px;
	width:100%;
	margin-top:-300px;
}

div#footer{
	position: absolute;
	top:50%; 
	left:0;
	/*right:10px;*/
	font-size: 0.8em;
	color: #9c9c9c;
	height:30px;
	width:100%;
	margin-top:270px;
	text-align:center;
	
}


/* Settaggi generali: RESET TAG ---------------------------------------------- */

p { margin: 0;
	color:#9c9c9c;
}

h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #9c9c9c;
	font-weight: normal;
	font-size:1.1em;
	margin-left:15px;/*51*/
	margin-bottom:10px;	
}
h2 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.6em;
	color: #9c9c9c;
/*	color: #a6ada6;*/
	font-weight: normal;	
}


h3 {
	letter-spacing: 1px;
	color: #9c9c9c;;
	font-weight: normal;
	margin:0 0 2px 0;	
}


/* Settaggi generali: Stili Blue --------------------------------------------------- */

.piccolo { font-size: 0.8em; }
.clear { clear: both; }
.fleft {float:left; }
.fright {float:right; }
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.uppercase {text-transform:uppercase;}
.valign{vertical-align:bottom;}

/* Settaggi specifici: Nome Sito ----------------------------------------------------- */

a, a:link, a:active, a:visited {
	color: #9c9c9c;
	text-decoration: none;
}
a:hover { color: #c00; }

/*#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #000; }
#footer a:hover { color: #aaa; }*/


/* Stili Header --------------------------------------------------- */

.box {
	position:relative;
	height:480px;
	width:580px;
	border-left:1px solid #ccc;
/*	border-right:1px solid #ccc;*/
	float:left;
}


.box_anteprima img {
	padding:0 88px 0 88px;
	cursor:pointer;
}

.box_img {
	height:450px;
}

.box_img img {
	cursor:pointer;
}


.didascalia {
	padding:0;
	position:absolute;
	bottom:3px;
	left:20px;
/*	color:#9c9c9c;*/
}



.box_index {
	position:relative;
	height:480px;
	float:left;
	line-height:1em;
}


/* Stili box index --------------------------------------------------- */

.container_index {
	margin-left:60px;
}

.altezza_indice {
	height:22px;
}

.bordo_lib_index{

border-right:1px solid #cccccc;

}

.box_index_collsx {
float:left;
width:220px;
/*border-right:1px solid #cccccc;*/
/*padding-right:45px;*/
padding-left:15px;/*51*/

}


.box_index .box_index_collsx li {
	margin:0 0 3px 0;
}

.box_index a, .box_index a:link, .box_index a:active, .box_index a:visited {
	color: #9c9c9c;
	text-decoration: none;	
}
.box_index a:hover { color: #c00; }

/*.box_index_colldx {
float:left;
padding-left:41px;

}


.box_index .box_index_colldx li {
	margin:0 0 3px 0;
}*/


.cont_pag_stat {
	margin:auto;
	width:1310px;
}



.box_finale {
	width:500px;
}


#butt_prev   {
	position:absolute;
	z-index:10;
	top:50%;
	margin-top:-60px;
	left:0;
}

#butt_next  {
	position:absolute;
	z-index:10;
	top:50%;
	margin-top:-60px;
	right:0;
}

/* Stili dettaglio --------------------------------------------------- */


.contenitore_dettaglio  {
	float:left;
	width:490px;
	height:480px;
	overflow:hidden;

}

.box_dettaglio {
	position:relative;
	height:480px;
	width:450px;
	padding:0 20px;
/*	border-left:1px solid #f00;
	border-right:1px solid #ccc;
	position:relative;*/
}


.box_dettaglio p {
/*	color:#9c9c9c;*/
}


.col_dx_dett  {
	width:310px;
	position:absolute;
	top:0;
	right:10px;
	float:left;
}

.col_dx_dett  p {
	text-align:left;
	padding-bottom:4px;
/*	color:#9c9c9c;*/
}


.col_dx_dett p.contatore {
	text-align:right;
	margin:5px 2px 0 0;
}

.buttons_dettagli {
	text-align:right;
}


.col_dx_dett ul li {
	color:#9c9c9c;
}




/* ----- stili box page ------------------------------------------------------- */

.box_page {
	position:relative;
	height:480px;
	width:548px;
	border-right:1px solid #ccc;
	float:left;
	line-height:1.2em;
	padding:0 25px 0 76px;
}


.box_page h1 {
	font-size:1.1em;
	margin:0;
	margin-bottom:20px;
}



.box_page h2 {
	font-size:1em;
	margin:0;
	font-weight:bold;
}


.box_page li  {
	margin-bottom:8px;
}


.box_page a, .box_page a:link, .box_page a:active, .box_page a:visited {
	color: #a6ada6;
	text-decoration: none;
	text-decoration:underline;
	
}

.box_page a:hover { color: #c00; }

.box_page_dx {
	padding:0 0 0 25px;
	/*padding:0 50px 0 38px;*/
	border:0;
}

.box_page_dx h2 {
	font-weight:normal;
	padding-bottom:21px;
	font-size:1.1em;
}

.cont_contatti {
	margin:0 auto;
	width:600px;
	
}

.immagine_contatti{	 
	float:right;
	margin:0 30px 0 0;
	padding:0;
	/*margin-top:100px;*/
	height:50px;
	width:50px;

}

.box_contatti {
	/*height:480px;*/
	width:270px;	
	float:left;
	line-height:1.2em;		
	border:0;
	margin:0;
	padding:0 0 0 2px;
}

.box_contatti h1 {
	text-align:right;
	padding-right:10px;
}
.box_contatti h2 {
	font-size:1.1em;
}


/* -----------scroll gallery home-------------------------------------------------------------- */

.mini_gallery {
	width:310px;
	position:absolute;	
	right:15px;	
	float:left;
	bottom:50px;

}

.scroll_gallery {
	overflow:hidden;
	height:98px;
}

.scroll_gallery img {
	border:1px solid #ccc;
	margin:0 10px 0 5px;
}

.scroll_gallery table tr td a {
	position:relative;	
}


.blocco_foto {
	width:295px;
}

.freccia_sx {
	margin:30px 5px 0 5px;
	width:15px;
	height:21px;
}

.freccia_dx {
	margin:30px 5px 0 5px;
	width:15px;
	height:21px;
}

.box_lente {
	background-image:url(../img_stanga/lente.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	cursor:pointer;
	z-index:10;
	height:40px;
	width:40px;
	top:45%;
	left:45%;
	
}

.cont_thumb a {
	position:relative;
}

.overlay_video {
	position:absolute;
	bottom:4px;
	left:0;
	padding:5px 7px;
	color:#fff;
	background-image:url(../img_stanga/background_time.png);
	margin-left:6px;
	text-align:center;
}

.overlay_video img {
	border:0;
	margin:4px 3px 0 0;
	float:left;
}

.overlay_video p {
	color:#fff;
	display:block;
	width:39px;
}

.th_number {
	position:absolute;
	bottom:-13px;
	left:5px;
	margin-top:1px;
	padding:2px 0;
	/* border-left:1px solid #bbb; */
}
