html,body{
margin:0; padding:0;
text-align: left;   /*centra in IE 5.x */
background-color:#F0F0F0;
}

IMG {
border:0;
}

A {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#7E8F9F;
text-decoration:none;
}

A:HOVER {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#7E8F9F;
text-decoration:underline;
}

A.little {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#7E8F9F;
text-decoration:none;
}

A:HOVER.little {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#7E8F9F;
text-decoration:underline;
}


A.arancio {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#EE9603;
text-decoration:none;
}

A.arancio:hover {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#EE9603;
text-decoration:underline;
}

A.arancioBig {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#EE9603;
text-decoration:underline;
}

A.arancioBig:hover {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#EE9603;
text-decoration:none;
}


A.nero {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#000;
text-decoration:underline;
}

A.nero:hover {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#000;
text-decoration:none;
}

A.torna {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#989494;
text-decoration:none;
}
A.torna:hover {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#000;
text-decoration:none;
}

A.lancio {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#000;
text-decoration:none;
}

A.lancio:hover {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
color:#000;
text-decoration:underline;
}

A.bianco {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color:#fff;
text-decoration:none;
font-weight:bold;
}

.txt_arancio{
color:#EE9603;
}

.tratteggio {
background: url(img/tratteggio_arancio.gif);width:100%;height:1px;
}

div{
    font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	color:#000;
    }

div#header{
    background: url(img/bk_header.gif);width:770px;height:89px; 
    }

div#navigation{
    float: left;
    width: 225px;
	background:#F0F0F0;
    }

div#bk_navigation{
    background: url(img/bk_menuV.gif);width:225px;height:245px;
	background-repeat: repeat-x;
	float: left;
    width: 225px;
    }
		
div#contatti{
    width: 210px;
	margin-left:10px;
	font-size:11px;
    }

div#provide{
    background: url(img/bk_provide.gif);width:220px;height:32px;
	background-repeat: repeat-x;
	padding:10px 0px 0 0px;
	height:32px;
    }
	
div#partner{
    width: 210px;
	margin-left:10px;
	font-size:11px;
	margin-bottom:25px;
	height:180px;
    }
	
div#logo_partner1{
	margin-left:5px;
	margin-top:25px;
	display: block;
    }
	
div#logo_partner2{
	margin-left:5px;
	margin-top:20px;
	display: block;
    }
	
div#logo_partner3{
	margin:20px 0 30px 30px;
	display: block;
    }
	
div.footer{
	background:#EE9603;
	padding:10px 10px 20px 10px;
	font-size:10px;
	color:#fff;
	height:75px;
    }
	
div#mn_footer{
    /*background: url(img/bk_footer.gif);width:770px;
	background-repeat: repeat-y;*/
	background:#EE9603;
	padding:10px 10px 5px 230px;
	font-size:10px;
	color:#fff;
    }
	
div#img_produzione{
    background: url(img/home_produzioni.jpg);width:160px;height:135px;
	background-repeat: no-repeat;
	margin-left:3px;
    }
	
div#bt_produzione{
    background: url(img/bt_produzioni.gif);width:160px;height:33px;
	background-repeat: no-repeat;
	margin-left:3px;
    }
	
div.txt_produzione{
	margin:8px 3px 13px 3px;
    }
	
div#bt_evidenza{
    background: url(img/bt_evidenza.gif);width:160px;height:31px;
	background-repeat: no-repeat;
	margin-left:3px;
    }
	
div#bt_soluzione{
    background: url(img/bt_soluzione.gif);width:160px;height:31px;
	background-repeat: no-repeat;
	margin-left:3px;
    }
	
div.txt_evidenza{
	margin:8px 3px 13px 3px;
	font-size:11px;
	line-height:16px;
    }
	
div#provide SPAN{
    font-size:11px;
	font-family: Arial, Verdana, sans-serif;
	color:#7E8F9F;
	font-weight:bold;
    }
	
div#provide A{
    font-size:11px;
	font-family: Arial, Verdana, sans-serif;
	color:#EE9603;
	font-weight:bold;
	text-decoration:none;
    }
	
div#mnNavigation{
	margin-top:15px;
    }
	
div#mnNavigation UL.menu1{
	margin:0px;
	padding:0px;
    }
	
div#mnNavigation UL.menu1 LI{
	list-style-type:none;
	text-align:right;
	display:block;
	vertical-align:middle;
    }
	
div#mnNavigation UL.menu1 LI A{
	display: block;
	background: url(img/bk_btMn.gif);width:225px;height:24px;
	background-repeat: repeat-x;
    font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	color:#fff;
	list-style-type:none;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	padding-top:2px;
    }
	
	div#mnNavigation UL.menu1 LI A.on{
	display: block;
	background: url(img/bk_btMn_on.gif);width:225px;height:24px;
	background-repeat: repeat-x;
    font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	color:#fff;
	list-style-type:none;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	padding-top:2px;
    }

div#mnNavigation UL.menu1 LI A:HOVER{
	display: block;
	background: url(img/bk_btMn_on.gif);width:225px;height:24px;
	background-repeat: repeat-x;
    font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	color:#fff;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
    }
	
div#content{
    margin-left: 225px;
	background:#fff;
	vertical-align:top;
	
    }
	
div#img_header{
	margin-left: 7px;
    padding: 7px 0 7px 0;
	border-top:solid 1px #F0F0F0;
	border-bottom:solid 1px #F0F0F0;
	background-color:#ffffff;
    }
	
div#box_filosofia{
    width:170px;
	border-right:solid 5px #F0F0F0;
	float:left;
	display: block;
	background-color:#fff;
	padding:15px 5px 5px 7px;
    }
	
div#box_produzione{
    width:165px;
	border-right:solid 5px #F0F0F0;
	float:left;
	display: block;
	background-color:#fff;
	padding:15px 5px 5px 5px;
    }
	
div#box_evidenza{
    width:168px;
	float:right;
	display: block;
	background-color:#fff;
	padding:15px 5px 5px 5px;
    }
	
div#logo{
    background: url(img/logo_eticostile.gif);width:380px;height:89px; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	display:block
	
    }
	
a#logohref{
	/*background: url(img/logo_eticostile.gif);width:380px;height:89px; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	display:block;*/
	
    }
	
div#mn_top{
	margin-left: 550px;
	padding-top:10px;
	width:220px;
    }
	
div#mn_top A{
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	color:#000;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
    }
	
div#mn_top A:HOVER{
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	color:#9B061B;
	padding:10px;
	text-decoration:underline;
	font-weight:bold;
    }

/*SIAMO*/

.titolo{
font-size:16px;
font-family: Arial, Verdana, sans-serif;
color:#989494;
font-weight:bold;
padding:3px 0 11px 0;
float:left;
vertical-align:top;
/*border-bottom:solid 1px #F0F0F0;*/
}

div#content_siamo{
	margin:7px 7px 0 7px;
	background-color:#fff;
	height:600px;
    }

div#content_test{
	margin:7px 7px 0 7px;
	background-color:#fff;
	height:680px;
    }
	
div#content_soluzioni{
	margin:7px 7px 0 7px;
	background-color:#fff;
	height:900px;
    }
	
div#back{
	padding:3px 10px 3px 10px;
	background:#F0F0F0;
	width:50%;
	float:right;
	text-align:right;
	}	

.txt_siamo{
line-height:18px;
font-size:12px;
}

.txt_portfolio{
line-height:18px;
font-size:12px;
background:#ffffff;
}

div#glossario{
	background:#9B061B;
	padding:0 10px 0 10px;
	color:#fff;
	font-weight:bold;
	}	
	
.blocco_servizi{
	padding:7px;
	background:#fff;
	}	

.icone_statico{
	background: url(img/ico_statico.gif);width:50px;height:62px; 
	float:left;
	}	

.icone_design{
	background: url(img/ico_design.gif);width:57px;height:36px; 
	float:left;
	}
	
.icone_animazione{
	background: url(img/icona_flash.gif);width:40px;height:35px; 
	float:left;
	}	
	
.icone_xhtml{
	background: url(img/icona_xhtml.gif);width:54px;height:29px; 
	float:left;
	}	
	
.icone_cms{
	background: url(img/icona_cms.gif);width:54px;height:29px; 
	float:left;
	}	
	
.icone_ace{
	background: url(img/icona_acces.gif);width:45px;height:35px; 
	float:left;
	}	
	
.titoloArancio{
	font-size:13px;
	color:#EE9603;
	font-weight:bold;
	}	
	
A.titoloArancio {
	font-size:13px;
	color:#EE9603;
	font-weight:bold;
	text-decoration:none;
	}	
	
A:HOVER.titoloArancio {
	font-size:13px;
	color:#EE9603;
	font-weight:bold;
	text-decoration:none;
	}	
	
.lineArancio{
	border-top:solid 2px #EE9603;
	}	
	
.content_servizi{
	float:right;
	text-align:left;width:88%;
	}	

#txtMenu{
	width:180px;
	height:119px;
	background:#EE9603;
	float:left;
	padding:5px;
	color:#ffffff;
	}	
	
#txtMenu UL{
	padding:0px;
	margin:0px;
	}	
	
#fotoMenu{
	width:531px;
	height:130px;
	}	
	
#fotoMenu LI {
    list-style-type: none;
	padding:2px 7px 0 10px;
	font-weight:bold;
	text-decoration:none;
	}
	
#fotoMenu LI A{
    list-style-type: none;
	font-size:12px;
	color:#ffffff;
	padding:2px;
	font-weight:bold;
	text-decoration:none;
	}
	
#fotoMenu LI A.on{
    font-size:12px;
	list-style-type: none;
    color:#DE5800;
	background:#ffffff;
	/*display:block;*/
	font-weight:bold;
	}

#fotoMenu LI A:hover{
	font-size:12px;
	list-style-type: none;
    color:#DE5800;
	background:#ffffff;
	/*display:block;*/
	font-weight:bold;
	}

#mn_acc UL{
	padding:0px;
	margin:0px;
	height:300px;
	}
	
#mn_acc LI{
	list-style-type: none;
	color:#9B061B;
	padding:2px 5px 0px 5px;
	/*background: url(img/bt_li_mn.gif);width:8px;
	background-repeat:no-repeat;*/
	}

li.lifirst A{ 
	background: url(img/bt_li_mn.gif) no-repeat left center;
	padding-left:15px;
	margin-top:10px;
	font-size:12px;
}

li.lifirst A:hover{ 
	background: url(img/bt_li_mn_on.gif) no-repeat left center;
	padding-left:15px;
	margin-top:10px;
	font-size:12px;
	color:#000;
}

li.l1 A{ 
	background: url(img/bt_li_mn.gif) no-repeat left center;
	padding-left:15px;
	font-size:12px;
}

li.l1 A:hover{ 
	background: url(img/bt_li_mn_on.gif) no-repeat left center;
	padding-left:15px;
	font-size:12px;
	color:#000;
}

li.lilast A{ 
	background: url(img/bt_li_mn.gif) no-repeat left center;
	padding-left:15px;
	margin-bottom:10px;
	font-size:12px;
}

li.lilast A:hover{ 
	background: url(img/bt_li_mn_on.gif) no-repeat left center;
	padding-left:15px;
	margin-bottom:10px;
	font-size:12px;
	color:#000;
}

.mnPagLav{
	float:left;
	width:37%;
	padding-right:20px;
	}
	
.bgMnPagLav{
	width:95%;
	background: url(img/bk_mn_lavori.gif);width:197px;
	}
	
.titMnLavori{
	font-weight:bold;
	padding:5px;
	}

.titLavori{
	font-size:17px;
	color:#BFBEC3;
	font-weight:bold;
	}

.contatti{
	text-align:right;
	background: url(img/buca_lettere.gif);
	background-repeat:no-repeat;
	width:500px;
	height:167px;
	margin-left:20px;
	}	

A.mappa{
color:#9B061B;
font-weight:bold;
text-decoration:underline;
}

A.mappa:hover{
color:#9B061B;
font-weight:bold;
text-decoration:none;
}

.mappa_siamo{
width:28%;
float:left;
padding:0 0 0 15px;
}

.mappa_servizi{
width:35%;
float:left;
}

.mappa_soluzioni{
width:30%;
float:left;
padding:0 5px 0 10px;
}
	
	
.mappa_siamo{
	padding:0px;
	margin:0px;
	list-style-type: none;
	}	
	
.mappa_servizi UL {
	padding:0px;
	margin:0px;
	list-style-type: none;
	}	
	
.mappa_soluzioni UL {
	padding:0px;
	margin:0px;
	list-style-type: none;
	}	
		
	
.mappa_siamo, .mappa_servizi, .mappa_soluzioni LI A.siamo{
    list-style-type: none;
	padding:0 0 0 10px;
	}

.box_test	{
	margin:50px 0 0 13px;
	background: url(img/bk_box.gif);width:498px;height:443px;
	background-repeat:no-repeat; 
	}	

.box_risultato	{
	margin:0 0 0 13px;
	width:498px;
	}	
	
.txt_test_risultato{
	text-align:left;
	font-size:16px;;
	font-weight:normal;
	padding:0px 15px 15px 15px;
	}	
	
.txt_test{
	text-align:center;
	font-size:16px;;
	font-weight:bold;
	padding:100px 15px 15px 15px;
	}	

.txt_test_no{
	text-align:center;
	font-size:16px;;
	font-weight:bold;
	padding:60px 15px 15px 15px;
	}	
	
.txt_test_little{
	text-align:center;
	font-size:12px;;
	font-weight:normal;
	padding:100px 15px 15px 15px;
	}	

A.test{
	color:#000;
	text-align:center;
	font-size:14px;;
	font-weight:bold;
	margin:30px 7px 5px 7px;
	text-decoration:underline;
	}	

A:hover.test{
	color:#000;
	text-align:center;
	font-size:14px;;
	font-weight:bold;
	margin:30px 7px 5px 7px;
	text-decoration:none;
	}	

	A.test_puntato{
	color:#000;
	font-size:14px;;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	}	

A:hover.test_puntato{
	color:#000;
	font-size:14px;;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	}	
	
.parantesi {
font-size:15px;
color:#EE9603;
font-weight:bold;
}

.test_back{
	background: url(img/bk_box_back.gif);width:108px;height:34px;
	background-repeat:no-repeat; 
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	padding:7px;
	margin:0px 0 10px 50px;
	text-align:center;
	}	
	
A.txt_back{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	}	

A:hover.txt_back{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}	

B.big{
	font-size:14px;
	color:#000;
	text-align:center;
	text-decoration:none;
	}	

	
/*FORM*/

.message input{
	width : 200px;
	height : 30px;
	border : 1px solid #FFF;
	margin : 0;
	padding : 0;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	background-color : #CCC;
}

.send {
	width : 55px;
	height : 35px;
	border : 1px solid #FFF;
	margin : 0;
	padding : 0;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
}
	
	
/*livelli sez lavoro*/
#m0{position:absolute;left:455px;top:300px;visibility:visible;width:500px;} 
#m1{position:absolute;left:455px;top:300px;visibility:hidden;width:500px;}
#m2{position:absolute;left:455px;top:300px;visibility:hidden;width:500px;} 
#m3{position:absolute;left:455px;top:300px;visibility:hidden;width:500px;}
	/*#m2{position:absolute;left:455px;top:300px;visibility:hidden;width:311;} 
	#m3{position:absolute;left:455px;top:300px;visibility:hidden;width:311;} 
	#m4{position:absolute;left:455px;top:300px;visibility:hidden;width:311;} 
	#m5{position:absolute;left:455px;top:300px;visibility:hidden;width:311;} */
/*div#footer{
    clear: left;
    } */
	
	/*css gallery*/
#leftCol {
 float: left;
 width: 430px;
 margin-right: 20px;
 padding: 0 0 0 8px;
}

#mContainer {
 position: absolute;
 left: -8000px;
}

#progressBar {
 position: relative;
 width: 200px;
 height: 15px;
 border: 1px solid #575757;
 background-color: #fff;
 padding: 0;
 top: 185px;
 left: 120px;
 color:#000000;
}

#progressIndicator {
 background-color: #7D8264;
 width: 200px;
 height: 15px;
 font-size: 1px;
 color:red;
}

#progressText {
 position: absolute;
 top: 0;
 left: 0;
 width: 200px;
 height: 15px;
 text-align: center;
 text-indent: -5000px;
 background: transparent url(img/folioLoad.gif) center no-repeat;
}

#folio {
 padding: 0 0 10px 25px;
}

#folio a {
 border: 1px solid #DBD7D2;
 padding: 3px 6px;
 margin-right: 8px;
 text-align: center;
 background-color: #F4F4EF;
 color: #575757;
 font-size: 10px;
 cursor: pointer;
 text-decoration:none;
}
#folio a:hover {
 background-color: #EE9603;
 color: #F4F4EF;
}