/*

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

/*------------------------------------------------------------------------------*/
/*_____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.input_sub { 							/* Impostazione Input */
	background-color: #FFF;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; 
	font-size: 12px;
	border: 0px;
	margin-top:10px;
	text-align: center;
}

INPUT.input_text, TEXTAREA.input_text { 							/* Impostazione Input */
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; 
	font-size: 12px;
	border: 2px solid #c55c5d;
	margin-bottom:2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 175px;
	padding: 2px 0px 2px 5px;
}

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

/*------------------------------------------------------------------------------*/
#it {
background-repeat: no-repeat;
background-position: left center;
padding: 5px 0px 5px 22px;
}
#it:hover {
background-image: url('../img/orma_it.jpg');
}
#en {
background-repeat: no-repeat;
background-position: right center;
padding: 5px 22px 5px 0px;
}
#en:hover {
background-image: url('../img/orma_en.jpg');
}
/*------------------------------------------------------------------------------*/
#header {										/* HEADER SITO - TESTATA */
height: 100px; 
width: 780px;
padding-left: 210px;
}
#header_home {									/* HEADER HOME DEL SITO - TESTATA */
height: 100px; 
width: 990px;
}

/*------------------------------------------------------------------------------*/
#menu {											/* MENU SITO */
width: 185px;
margin-left: 25px;
}
	.menu_box {									/* BOX DEL MENU DEL SITO */
	width: 185px; 
	}
		.menu_box dl {
		}
		.menu_box dt {
		height: 85px;
		}
		.menu_box dt a{
		width: 90px;
		padding-bottom: 50px;
		background-position: bottom left;
		background-repeat: no-repeat;
		margin-bottom: 10px;
		letter-spacing: -1px;
		word-spacing: -0.1px;
		text-decoration: none;
		}
		.menu_box dt a:hover, .menu_box dt a:focus, .current{
		}

.menu_box .menu1 { background-image: url(../img/menu_azienda.jpg); }
.menu_box .menu1:hover { background-image: url(../img/menu_azienda_on.jpg); }
.menu_box .menu2 { background-image: url(../img/menu_comunicazione.jpg); }
.menu_box .menu2:hover { background-image: url(../img/menu_comunicazione_on.jpg); }
.menu_box .menu3 { background-image: url(../img/menu_collezione.jpg); }
.menu_box .menu3:hover { background-image: url(../img/menu_collezione_on.jpg); }
.menu_box .menu4 { background-image: url(../img/menu_raqama.jpg); }
.menu_box .menu4:hover { background-image: url(../img/menu_raqama_on.jpg); }
.menu_box .menu5 { background-image: url(../img/menu_news.jpg); }
.menu_box .menu5:hover { background-image: url(../img/menu_news_on.jpg); }
.menu_box .menu6 { background-image: url(../img/menu_riservata.jpg); }
.menu_box .menu6:hover { background-image: url(../img/menu_riservata_on.jpg); }
.menu_box .menu7 { background-image: url(../img/menu_contatti.jpg); }
.menu_box .menu7:hover { background-image: url(../img/menu_contatti_on.jpg); }
.menu_box .menu8 { background-image: url(../img/menu_dove.jpg); }
.menu_box .menu8:hover { background-image: url(../img/menu_dove_on.jpg); }

#menu_home { padding: 0px 95px 0px 95px; width: 800px; }
#menu_home a { margin: 10px 20px; }
#menu_home .menu1 { width: 160px; height: 187px; background: url(../img/azienda_off.jpg); }
#menu_home .menu1:hover { width: 160px; height: 187px; background: url(../img/azienda_on.jpg); }
#menu_home .menu2 { width: 160px; height: 187px; background: url(../img/comunicazione_off.jpg); }
#menu_home .menu2:hover { width: 160px; height: 187px; background: url(../img/comunicazione_on.jpg); }
#menu_home .menu3 { width: 160px; height: 187px; background: url(../img/collezione_off.jpg); }
#menu_home .menu3:hover { width: 160px; height: 187px; background: url(../img/collezione_on.jpg); }
#menu_home .menu4 { width: 160px; height: 187px; background: url(../img/raqama_off.jpg); }
#menu_home .menu4:hover { width: 160px; height: 187px; background: url(../img/raqama_on.jpg); }
#menu_home .menu5 { width: 160px; height: 187px; background: url(../img/news_off.jpg); }
#menu_home .menu5:hover { width: 160px; height: 187px; background: url(../img/news_on.jpg); }
#menu_home .menu6 { width: 160px; height: 187px; background: url(../img/riservata_off.jpg); }
#menu_home .menu6:hover { width: 160px; height: 187px; background: url(../img/riservata_on.jpg); }
#menu_home .menu7 { width: 160px; height: 187px; background: url(../img/contatti_off.jpg); }
#menu_home .menu7:hover { width: 160px; height: 187px; background: url(../img/contatti_on.jpg); }
#menu_home .menu8 { width: 160px; height: 187px; background: url(../img/dove_off.jpg); }
#menu_home .menu8:hover { width: 160px; height: 187px; background: url(../img/dove_on.jpg); }

#menu_home .menu1en { width: 160px; height: 187px; background: url(../img/azienda_en_off.jpg); }
#menu_home .menu1en:hover { width: 160px; height: 187px; background: url(../img/azienda_en_on.jpg); }
#menu_home .menu2en { width: 160px; height: 187px; background: url(../img/comunicazione_en_off.jpg); }
#menu_home .menu2en:hover { width: 160px; height: 187px; background: url(../img/comunicazione_en_on.jpg); }
#menu_home .menu3en { width: 160px; height: 187px; background: url(../img/collezione_en_off.jpg); }
#menu_home .menu3en:hover { width: 160px; height: 187px; background: url(../img/collezione_en_on.jpg); }
#menu_home .menu4en { width: 160px; height: 187px; background: url(../img/raqama_en_off.jpg); }
#menu_home .menu4en:hover { width: 160px; height: 187px; background: url(../img/raqama_en_on.jpg); }
#menu_home .menu5en { width: 160px; height: 187px; background: url(../img/news_en_off.jpg); }
#menu_home .menu5en:hover { width: 160px; height: 187px; background: url(../img/news_en_on.jpg); }
#menu_home .menu6en { width: 160px; height: 187px; background: url(../img/riservata_en_off.jpg); }
#menu_home .menu6en:hover { width: 160px; height: 187px; background: url(../img/riservata_en_on.jpg); }
#menu_home .menu7en { width: 160px; height: 187px; background: url(../img/contatti_en_off.jpg); }
#menu_home .menu7en:hover { width: 160px; height: 187px; background: url(../img/contatti_en_on.jpg); }
#menu_home .menu8en { width: 160px; height: 187px; background: url(../img/dove_en_off.jpg); }
#menu_home .menu8en:hover { width: 160px; height: 187px; background: url(../img/dove_en_on.jpg); }

/*------------------------------------------------------------------------------*/
#content {										/* CORPO DEL SITO */
min-height: 200px; 								/**/
height: auto !important; 						/**/
height: 200px;									/*fix per IE sul parametro min-height*/
width: 990px;
margin-bottom: 10px;
}

	.col_200 {									/* COLONNA DA 200 PX */
	width: 200px;
	}
		.blocco .col_200 b {
		padding: 0px;
		}
		.col_200 b {
		padding-left: 25px;
		height: 20px;
		}
		.col_200 a {
		padding-left: 25px;
		height: 20px;
		}
		.col_200 a:hover {
		background-image: url('../img/orma.jpg');
		background-repeat: no-repeat;
		background-position: left center;
		}
		
	.col_780_flip {									/* COLONNA DA 550 PX */
	width: 780px;
	height: 480px;
	}
	.col_780 {									/* COLONNA DA 550 PX */
	width: 780px;
	background: url('../img/cornice.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 430px;
	}
		.col_780 div.blocco_raqama {
		width: 580px;
		height: 370px;
		overflow-y: scroll;
		margin-left: 70px;
		margin-top: 30px;
		padding: 0px 0px 0px 30px;
		}
		.col_780 div.blocco_raqama img { padding: 10px; }
		.col_780 div.blocco {
		width: 580px;
		margin-left: 70px;
		padding: 50px 30px 0px 30px;
		height: 330px;
		
		}
		
		.col_780 div.blocco2 {
		width: 580px;
		margin-top: 40px;
		margin-left: 70px;
		padding: 10px 0px 0px 30px;
		height: 330px;
		overflow-y: auto;
		}
		
		.col_780 div.blocco_crea {
		width: 580px;
		height: 370px;
		overflow-y: scroll;
		margin-left: 70px;
		margin-top: 30px;
		padding: 0px 0px 0px 30px;
		}
			.col_780 div.blocco .testo{
			height: 330px;
			width: 320px;
			overflow-y: auto;
			}
			.col_780 div.blocco .testo_adv{
			height: 330px;
			width: 270px;
			overflow-y: auto;
			}
			.col_780 div.blocco .img{
			width:250px;
			height: 350px;
			position: relative;
			padding: 0px 0px 0px 10px;
			}
			.col_780 div.blocco .img_adv{
			width:300px;
			height: 350px;
			position: relative;
			padding: 0px 0px 0px 10px;
			}
			.col_780 div.blocco .raqama, .col_780 div.blocco_crea .raqama{
			width: 100px;
			height: 180px;
			margin: 0px 5px 0px 5px;
			text-decoration: none;
			}
			
			.col_780 div.blocco2 .raqama{
			width: 100px;
			height: 180px;
			margin: 0px 5px 0px 5px;
			text-decoration: none;
			}
			
			.col_780 div.blocco .raqama:hover {
			opacity:.80;
			filter: alpha(opacity=80); 
			-moz-opacity: 0.8;
			}
			.col_780 div.blocco .news{
			min-height: 100px; 								/**/
			height: auto !important; 						/**/
			height: 100px;									/*fix per IE sul parametro min-height*/
			}
			.col_780 div.blocco .news a.leggi{
			height: 60px;
			width: 70px;
			}
			.col_780 div.blocco .news span{
			width: 440px;
			padding-left: 40px;
			/*border-bottom: #bf4e4f solid 1px;*/
			height: 60px;
			}
			.col_780 div.blocco .news img{
			margin-top: 15px;
			margin-left: 20px;
			
			}
			.col_780 div.blocco .news_scroll {
			overflow-y: auto; 
			margin-left: 20px;
			height: 100px;
			width: 300px;
			}
	.col_800 {									/* COLONNA DA 800 PX */
	width: 800px;
	}
	
	.col_700 {									/* COLONNA DA 800 PX */
	width: 700px;
	}
	
	.testo_contatti{
	float: left;
	display: inline; 
	padding-right: 30px;}
	
/*------------------------------------------------------------------------------*/
#footer {									/* FOOTER DEL SITO - PIE DI PAGINA */
width: 780px;
text-align: center;
padding-left: 210px;
}
#footer_home {								/* FOOTER DELLA HOME 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_____*/
.tx_color {
color: ;
}
.tx_link {
color: #b9b9b9;
}

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

.grey {
color: #666666;
}

.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 */
.w_100 { width: 100%; }
