/*

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

Modificato da : 
Data : 

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

body { 											/* Regola per Body */
height: 100%;
margin: 0px; 
padding: 0px; 
font-size: 100%;								/* Impostazione per EM = 16px */
text-align: center;
background: #85898c url('../img/back.jpg') 0px -27px repeat-x;
}

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

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; 
padding: 0px;
margin: auto;									/*fix per mantenere la pagina centrata [ da usare con body {text-align:center; margin:0px;} ]*/
background: url('../img/strip.jpg') 220px 0px repeat-y;
position: relative;
float: left;
display: inline;
}

/*------------------------------------------------------------------------------*/
#header {										/* HEADER SITO - TESTATA */
height: 206px; 
width: 990px;
background: url('../img/head.jpg') top no-repeat;
}

/*------------------------------------------------------------------------------*/
#menu {										/* MENU SITO */
top: 50px;
left: 126px;
position: absolute;
clear: both;
z-index: 10;
padding-right: 40px;
width: 54px;
height: 90px;
text-align: right;
background: #85898c;
}
		#menu dt {
		height: 30px;
		}
		#menu dt a{
		width: 100%;
		color: #1c4075;
		}
		#menu dt a:hover, #menu dt a:focus, #menu dt a.current{
		color: white;
		}
		
#menuIT, #menuEN, #menuFR {										
top: 50px;
left: 220px;
position: absolute;
clear: both;
z-index: 10;
width: 100px;
padding-left: 20px;
text-align: left;
}
		#menuIT dt, #menuEN dt, #menuFR dt {
		height: 30px;
		}
		#menuIT dt a, #menuEN dt a, #menuFR dt a {
		width: 100%;
		color: white;
		}
		#menuIT dt a:hover, #menuIT dt a.current, #menuEN dt a:hover, #menuEN dt a.current, #menuFR dt a:hover, #menuFR dt a.current {
		color: #85898c;
		}
		
#sottomenu {
background: #85898c;
margin-top: 50px;
float: left;
display: inline;
clear: both;
padding-left: 30px;
}
		#sottomenu dt {
		height: 30px; 
		float:left;
		display: inline;
		padding-right: 30px;
		}
		#sottomenu dt a{
		width: 100%;
		color: #1c4075;
		}
		#sottomenu dt a:hover, #sottomenu dt a:focus, #sottomenu dt a.current{
		color: white;
		}
		
#prodotti {
background: #85898c;
margin-top: 50px;
float: left;
display: inline;
clear: both;
position: absolute;
top: 45px;
left: 370px;
width:100px;
}
		#prodotti dt {
		float:left;
		display: inline;
		clear:both;
		text-align:left;
		}
		#prodotti dt a{
		width: 100%;
		color: #1c4075;
		text-align:left;
		}
		#prodotti dt a:hover, #prodotti dt a:focus, #prodotti dt a.current{
		color: white;
		}

#prodotti2 {
background: #85898c;
margin-top: 30px;
float: left;
display: inline;
clear: both;
position: absolute;
top: 45px;
left: 370px;
width:300px;
}
		#prodotti2 dt {
		float:left;
		display: inline;
		clear:both;
		text-align:left;
		}
		#prodotti2 dt a{
		width: 100%;
		color: #1c4075;
		text-align:left;
		}
		#prodotti2 dt a:hover, #prodotti dt a:focus, #prodotti dt a.current{
		color: white;
		}
		
/*------------------------------------------------------------------------------*/
#content {										/* CORPO DEL SITO */
width: 650px;
margin-left: 340px;
text-align:left;
}
		
	.col_f {									/* COLONNA DA 800 PX */
	width: 650px;
	}
	
	#gallery{
	margin-top: 20px;
	margin-left: 130px;
	width: 520px;
	position: relative;
	}
	
	#gallery #prod_name {
	position: absolute;
	bottom: 40px;
	left: 10px;
	color: white;
	}
	
	#testo{
	margin-left: 130px;
	width: 520px;
	color: white;
	}
	
	#box_news {
	margin: 15px 0 0 130px;
	width: 520px;
	}
	
	#box_news .news {
	width: 520px;
	border-bottom: 1px solid #1C3F75;
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;
	display: inline;
	position: relative;
	}
	
	#box_news .news .img {
	width: 80px;
	padding-right: 20px;
	float: left;
	display: inline;
	}
	
	#box_news .news .txt {
	width: 420px;
	float: left;
	display: inline;
	}
	
	#box_news .news .txt .titolo {
	color: #1C3F75;
	clear: both;
	float: left;
	display: inline;
	margin-top: 15px;
	}
	#box_news .news .txt .testo {
	color: white;
	clear: both;
	float: left;
	display: inline;
	}
	
	#box_news .news a.continua {
	position: absolute;
	bottom: -5px;
	right: 0px;
	padding-left:10px;
	background: #85898c;
	color: #1C3F75;
	font-size: 11px;
	float:left;
	clear:both;
	}
	
	
	#box_news_home {
	margin: 0px 0 0 0px;
	width: 380px;
	}
	
	#box_news_home .news {
	width: 380px;
	border-bottom: 0px solid #1C3F75;
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;
	display: inline;
	position: relative;
	}
	
	#box_news_home .news .img {
	width: 80px;
	padding-right: 20px;
	float: left;
	display: inline;
	}
	
	#box_news_home .news .txt {
	width: 380px;
	float: left;
	display: inline;
	text-align: left;
	}
	
	#box_news_home .news .txt .titolo {
	color: #1C3F75;
	clear: both;
	float: left;
	display: inline;
	text-align: left;
	}
	#box_news_home .news .txt .testo {
	color: white;
	clear: both;
	float: left;
	display: inline;
	text-align: left;
	}
	
	#box_news_home .news .txt .testo a {
	color: #1C3F75;
	}
	
	#box_news_home .news a.continua {
	position: absolute;
	bottom: -5px;
	right: 0px;
	padding-left:10px;
	background: #85898c;
	color: #1C3F75;
	font-size: 11px;
	float:left;
	clear:both;
	}
	
	#box_news_home .news .txt .titolo a {
	color: #1C3F75;
	}
	
	
	
	
	
	
	
	
	#slider {
	height: 680px;
	margin: 15px 0 0 130px;
	width: 520px;
	}
	
	#slider ul li div.li {
	float:left;
	display: inline;
	width: 520px;
	height: 620px;
	}
	
	#slider ul li div.li div.li_riv {
	float:left;
	display: inline;
	width: 260px;
	height: 620px;
	}
	
	.riv {
	text-align: left;
	float: left;
	display: inline;
	width: 230px;
	margin-right: 30px;
	border-bottom: 1px solid #1C3F75;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 15px;
	position:relative;
	}
	.riv .titolo {
	color: #1C3F75;
	clear: both;
	float: left;
	display: inline;
	text-transform: capitalize;
	}
	.riv .testo {
	color: white;
	clear: both;
	float: left;
	display: inline;
	}
	.riv  a.continua {
	position: absolute;
	bottom: -5px;
	right: 0px;
	padding-left:10px;
	background: #85898c;
	color: #1C3F75;
	font-size: 11px;
	float:left;
	clear:both;
	}
/*------------------------------------------------------------------------------*/
#footer {									/* FOOTER DEL SITO - PIE DI PAGINA */
width: 340px;
height: 380px;
text-align: right;
background: url('../img/logo.jpg') right bottom no-repeat;
position: absolute;
clear: both;
top: 350px;
left:0px;
z-index: 5;
}
#footer span {
position: absolute;
bottom: 30px;
right: 130px;
}

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

/*------------------------------------------------------------------------------*/
/*_____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: Helvetica, HelveticaNeue, Arial, Verdana, Geneva, sans-serif; 
}
.text b {
}
.text em {
}

/*_____regole per i colori dei testi_____*/
.color {
color: #1c4075;
}
.link {
color: #1c4075;
}

.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.8125em;
}
.tx_14 {									/* font-size: 14px; */
font-size: 0.875em;
}
.tx_18 {									/* font-size: 18px; */
font-size: 1.125em;
}
.upc {										/* tutto maiuscolo */
text-transform: uppercase;
}

/*__________________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 */
/*******************************************************************************/
/*slideviewer gallery*/
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 0 0;
z-index:49;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none;
z-index:50;
} 
.stripViewer ul li {  
float:left;
display: inline;
}
.stripViewer ul li div.li {  
float:left;
display: inline;
width: 520px;
height: 300px;
text-align: center;
}
.stripTransmitter { 
overflow: auto; 
width: 1%; 
background: #738390;
margin-bottom: 0px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative;
float: right;
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font-weight: bold;
font-size:  12px;
text-align: center; 
line-height: 20px; 
color: #1B4075; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, .stripTransmitter a.current{ 
color: #FFFFFF; 
}