/*

- Css Standard Validato 2.0 -
Creato da : Daniele Antonio Barbaglia - RobertoFonio.com
Data : 22 / 01 / 2009

Modificato da : Daniele Antonio Barbaglia - RobertoFonio.com
Data : 04 / 02 / 2009

- Regole per l'impostazione del css -

#id, .classe, tag {
height:; width:; min-height:; min-width:;						<- dimensioni
margin:; border:; padding:; 									<- modello a box
font:; color:; text-align:; text-decoration:; text-transform:;	<- stile testo
float:; display:; clear:;										<- allineamento
position:; top/right/bottom/left:; z-index:;					<- posizione
}

*/

/*------------------------------------------------------------------------------*/
/*_____regole di stile per il corpo_____*/

* {												/* Jolly tag per IE */
margin: 0px;
padding: 0px; 
}

html { 											/* Regola per HTML */
height: 100%;
margin: 0px;
padding: 0px;
background-color: #bef0ff;
}

body { 											/* Regola per Body */
height: 100%;
margin: 0px; 
padding: 0px; 
font-size: 100%;								/* Impostazione per EM = 16px */
text-align: center; 
}

/*------------------------------------------------------------------------------*/
/*_____regole di stile standard per i tag_____*/

H1, H2, H3, H4, H5, H6 { font-weight: bold; }	/* Impostazioni per i Titoli */
H1 { font-size: 1.5em; }	
H2 { font-size: 1.125em; }	
H3 { font-size: 0.875em; }
H4 { font-size: 0.8125em; }
H5 { font-size: 0.75em; }
H6 { font-size: 0.6875em; }
	
a, img { 										/* Impostazione sulle Immagini e Link per togliere il bordo */
margin: 0px; 
border: 0px;
padding: 0px; 
}
a { text-decoration: none; }					/* Impostazione Link */
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

INPUT,SELECT,BUTTON { 							/* Impostazione Input */
}

table, td, tr { margin: 0px; border: 0px; padding: 0px; } 				/* Impostazione Tabelle */
dl, dt, dd { margin: 0px; border: 0px; padding: 0px; } 					/* Impostazione lista descrittiva */
ul, li { margin: 0px; border: 0px; padding: 0px; list-style: none; } 	/* Impostazioni lista puntata */
ol, li { margin: 0px; border: 0px; padding: 0px; list-style: none; } 	/* Impostazioni lista numerata */

/*------------------------------------------------------------------------------*/
/*_____regole di stile per lo scheletro_____*/

#container {									/* CONTENITORE SITO */
min-height: 100%; 								/**/
height: auto !important; 						/**/
height: 100%;									/*fix per IE sul parametro min-height*/
width: 990px; 
margin: auto;									/*fix per mantenere la pagina centrata [ da usare con body {text-align:center; margin:0px;} ]*/
padding: 0px;
}

/*------------------------------------------------------------------------------*/
#header {										/* HEADER SITO - TESTATA */
height: 155px; 
width: 990px;
background: url(../img/logo.jpg) no-repeat left bottom;
}
	#header .logo {background: url(img/logo.jpg); width: 354px; height: 155px; }
	
	#header .menu_box {									/* BOX DEL MENU DELLA HEADER */
	height: 63px;
	width: 586px; 
	border-bottom: 1px solid #3bd0e4;
	padding-top: 90px;
	padding-left: 50px;
	background: url(../img/head.jpg) no-repeat left;
	background-color: #BEF0FF;
	}
		#header .menu_box dl {
		border-top: 3px solid #FFFFFF;
		}
		#header .menu_box dt.left{
		height: 23px;
		width: 117px;
		border-right: 3px solid #FFFFFF;
		}
		#header .menu_box dt.right{
		width: 117px;
		}
		#header .menu_box dt a{
		font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;  
		padding-top: 2px;
		padding-bottom: 5px;
		display: block;
		}
		#header .menu_box dt a:hover, #header .menu_box dt a:focus {
		background-color: #FFFFFF;
		text-decoration: none;
		}

/*------------------------------------------------------------------------------*/
#menu {											/* MENU SITO */
width: 190px;
padding-top: 29px;
background: url(../img/menu.jpg) no-repeat top right;
background-color: #BEF0FF;
}
	#menu .menu_box {							/* BOX DEL MENU DEL SITO */
	width: 190px; 
	padding-top: 150px;
	padding-bottom: 20px;
	}
		#menu .menu_box dl {
		position: relative;
		}
		#menu .menu_box dt, #menu .menu_box li {
		border-top: 3px solid #FFFFFF;
		}
		#menu .menu_box dd {
		position: absolute;
		left: 190px;
		top: 45px;
		background-color: #bef0ff;
		}
		#menu .menu_box dt a, #menu .menu_box li a{
		font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; 
		width: 170px;
		display: block;
		padding-top: 3px;
		padding-bottom: 7px;
		padding-left: 20px;
		}
		#menu .menu_box dt a:hover, #menu .menu_box dt a:focus, #menu .menu_box li a:hover, #menu .menu_box li a:focus {
		background-color: #FFFFFF;
		text-decoration: none;
		}
		
/*------------------------------------------------------------------------------*/
#content {										/* CORPO DEL SITO */
min-height: 200px; 								/**/
height: auto !important; 						/**/
height: 200px;									/*fix per IE sul parametro min-height*/
width: 990px;
}

	.col_200 {									/* COLONNA DA 200 PX */
	width: 200px;
	text-align: left;
	}
	.col_200 img {								/* STILE DELLE IMMAGINI NELLA COLONNA DA 200 PX */
	margin-bottom: 10px;
	width: 190px;
	}
		
	.col_500 {									/* COLONNA DA 550 PX */
	width: 499px;
	border-left: 1px solid #3bd0e4;
	}
		
	.col_700 {									/* COLONNA DA 800 PX */
	width: 699px;
	border-left: 1px solid #3bd0e4;	
	}
			
	.col_800 {									/* COLONNA DA 800 PX */
	width: 800px;
	}
	
	.back_white {
	background-color: #FFFFFF;
	}
	
	.h_500 {									/* ALTEZZA MINIMA 500 PX */
	min-height: 500px; 								/**/
	height: auto !important; 						/**/
	height: 500px;									/*fix per IE sul parametro min-height*/
	}	
/*------------------------------------------------------------------------------*/
#footer {										/* FOOTER DEL SITO - PIE DI PAGINA */
width: 990px;
text-align: center;
}

/*------------------------------------------------------------------------------*/
/*_____regole per i float_____*/

.left {											/* ALLINEAMENTO A SINISTRA */
float: left;
display: inline;								/* fix per il FLOAT su IE6 */
}
.right {										/* ALLINEAMENTO A DESTRA */
float: right;
display: inline;								/* fix per il FLOAT su IE6 */
}
.left_b {										/* ALLINEAMENTO A SINISTRA CON PULITURA SU ENTRAMBI I LATI */
float: left;
display: inline;								/* fix per il FLOAT su IE6 */
clear: both;
}	
.right_b {										/* ALLINEAMENTO A DESTRA CON PULITURA SU ENTRAMBI I LATI */
float: right;
display: inline;								/* fix per il FLOAT su IE6 */
clear: both;
}
.left_l {										/* ALLINEAMENTO A SINISTRA CON PULITURA A SINISTRA */
float: left;
display: inline;								/* fix per il FLOAT su IE6 */
clear: left;
}
.right_l {										/* ALLINEAMENTO A DESTRA CON PULITURA A SINISTRA */
float: right;
display: inline;								/* fix per il FLOAT su IE6 */
clear: left;
}
.left_r {										/* ALLINEAMENTO A SINISTRA CON PULITURA A DESTRA */
float: left;
display: inline;								/* fix per il FLOAT su IE6 */
clear: right;
}
.right_r {										/* ALLINEAMENTO A DESTRA CON PULITURA A DESTRA */
float: right;
display: inline;								/* fix per il FLOAT su IE6 */
clear: right;
}
.block {
display: block;
clear: both;
}
/*------------------------------------------------------------------------------*/
/*_____regole per posizioni_____*/

.abs_tr0 {										/* posizione assoluta in alto a destra */
position: absolute;
top: 0px;
right: 0px;
}
.abs_tl0 {										/* posizione assoluta in alto a sinistra */
position: absolute;
top: 0px;
left: 0px;
}
.abs_br0 {										/* posizione assoluta in basso a destra */
position: absolute;
right: 0px;
bottom: 0px;
}
.abs_bl0 {										/* posizione assoluta in basso a sinistra */
position: absolute;
bottom: 0px;
left: 0px;
}

/*------------------------------------------------------------------------------*/
/*_____regole per i testi_____*/
.text {
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; 
}
.text b {
}
.text em {
}

/*_____regole per i colori dei testi_____*/
.color {
color: #505050;
}
.link {
color: #292D96;
}

.white {
color: #FFFFFF;
}
.black {
color: #000000;
}

.red {
color: #FF0000;
}
.green {
color: #00FF00;
}
.blue {
color: #0000FF;
}

.yellow {
color: #FFFF00;
}
.pink {
color: #FF00FF;
}
.aqua {
color: #00FFFF;
}

/*_____regole per la dimensione dei testi_____*/ /* RISPETTO AL BODY */
.tx_8 {											/* font-size: 8px; */
font-size: 0.5em;
}
.tx_9 {											/* font-size: 9px; */
font-size: 0.5625em;
}
.tx_10 {										/* font-size: 10px; */
font-size: 0.625em;
}
.tx_11 {										/* font-size: 11px; */
font-size: 0.6875em;
}
.tx_12 {										/* font-size: 12px; */
font-size: 0.75em;
}
.tx_13 {										/* font-size: 13px; */
font-size: 0.813em;
}
.tx_14 {										/* font-size: 14px; */
font-size: 0.875em;
}
.tx_18 {										/* font-size: 18px; */
font-size: 1.125em;
}
.upc {											/* tutto maiuscolo */
text-transform: uppercase;
}
.bold {											/* tutto grassetto */
font-weight: bold;
}
/*_____regole per l'allineamento_____*/
.tx_left {										/* ALLINEAMENTO A SINISTRA */
text-align: left;
}
.tx_center {									/* ALLINEAMENTO CENTRATO */
text-align: center;
}
.tx_right {										/* ALLINEAMENTO A DESTRA */
text-align: right;
}
.tx_justify {									/* ALLINEAMENTO GIUSTIFICATO */
text-align: justify;
}

/*------------------------------------------------------------------------------*/
/*_____regole per varie_____*/
.clean {										/* PULIZIA BOX MODEL */
margin: 0px;
border: 0px;
padding: 0px;
}
.test { border: 1px solid #000 }				/* TEST PER IL BORDO */
.pad_t20 { padding-top: 20px;  }
.pad_t30 { padding-top: 30px;  }
.pad_t50 { padding-top: 50px;  }
.pad_l50 { padding-left: 50px; }
.pad_r50 { padding-right: 49px; }
/*------------------------------------------------------------------------------*/
/*_____apertura a spoiler_____*/
.post_parent {
	width: 695px;
	border-bottom: 1px solid #ACAAAB;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.posthidden { display: none; }
.postshown { display: inline; margin-top: 10px; float: left; display: inline; }
.postshown .block_img {width: 200px; display: block; }
.postshown .with_img { width: 490px; margin-left: 10px; }
.postshown .mini { width: 45px; margin-right: 2px; margin-top: 5px; }

/*_____gestione link_____*/
.post_parent .imm { width: 150px; }
.post_parent .vst { height:60px; width:250px; margin:30px 0px 0px 10px;}
.post_parent .txt { width:250px; margin:30px 0px 0px 10px; }

/*_____gestione immagini gallery_____*/
 #photo_flatframe{
    text-align: center;
    }
    
    .photo_flatbox{
			width: 200px;
			height: 120px;
			background-repeat: no-repeat;
			float: left;
			margin: 5px 5px;
      }
    
    .photo_flatover{			
     	background: url('../images/viewmag32.png') bottom right no-repeat;
		background-color: trasparent;
		color: #FFFFFF;
   		width: 200px;
		height: 118px;   
	    text-align: right;     
     }
     .photo_flatover div{
     background: #FFFFFF;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	 filter: alpha(opacity=80);
	 opacity: 0.8;
     }