@charset "UTF-8";
/* CSS Document 
arancione fba200
arancione scuro ff4306
verde 9fc600

*/

body{ background:url(../img_layout/bg_body.gif) top repeat-x #e9e9e9; text-align:center; font-family:MS sans-serif, Verdana, Arial, Helvetica; color:#000; margin:0; padding:0; font-size:12px; }

.clear{ clear:both;}
a{ color:#000;}
a:hover{ text-decoration:none;}

#mother{ position:relative; min-height:670px; width:900px; margin:auto; text-align:left; font-size:12px;}
* html #mother{height:670px;}
#mother_page{position:relative;margin:auto; text-align:left;  width:900px; padding:0 15px 50px 15px;  background:url(../img_layout/bg_mother_page.png) 0 359px no-repeat;}

#header{ height:360px; position:relative;}
#mother_page #header{height:131px!important;}

#logo{ z-index:10; position:absolute; width:291px; height:131px; text-align:center; top:0; left:0; background:url(../img_layout/bg_logo.png) center center no-repeat;}
#logo a img{ border:none; margin:20px auto;}

#menu_testuale{font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; position:absolute; top:35px; right:0; color:#999999;}
#menu_testuale a{ color:#666666; text-decoration:none; padding:0 20px 0 4px; background:url(../img_layout/bullet_arancione.png) bottom left no-repeat;}
#menu_testuale a:hover{ color:#ff4306;}
#menu_testuale a span.sel{color:#ff4306;}

#slide{ position:absolute; width:900px; height:266px; top:93px; left:0; background:url(../img_layout/img_header.jpg) right center no-repeat;}
#content_slide{ margin:100px 0 0 30px; width:450px; font-size:12px; font-weight:bold;}

#content{ padding:30px 0 30px 0;}
#mother_page #content{ border-bottom:1px solid #fff; background:#fff; min-height:405px; padding:0 30px 30px 30px;}

input.pulsante, input.button{ padding:0 15px; float:right; font-weight:bold; background-color:#f5f5f5; border:1px solid #ccc; border-bottom:1px solid #999;border-left:1px solid #999;}
input.pulsante:hover, input.button:hover{ cursor:pointer;background-color:#fff; border:1px solid #999; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}



	#box_grafico{ position:relative; height:275px; margin:30px 0 25px 0; border-bottom:1px solid #ddd; background:url(../img_layout/img_grafico.png) no-repeat;}
#box_grafico ul{ position:absolute; top:10px; left:580px;}
#box_grafico ul li.no-bullet{ background:none; padding:0;font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; font-size:16px; color:#666; }


/* left e right */
#left, #right{ float:left; display:inline; width:400px; line-height:18px;}
#left{ padding:0 20px 0 0;}
#right{padding:0 0 0 20px;}
#left h2, #right h2{font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; color:#000; border-left:5px solid #9fc600; padding:0 0 0 6px; margin:0 0 20px 0; font-size:18px; line-height:18px;}
#left h1, #right h1{ color:#9fc600!important;font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif!important; font-size:15px!important; line-height:18px!important; margin:0!important; padding:0!important;}
#left h3, #right h3, .centoxcento h3{ color:#9fc600!important;font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif!important; font-size:13px!important; line-height:15px!important; margin:0 0 5px 0!important; padding:0!important;}

.box_alto{ min-height:170px; margin:0; text-align:justify;}
* html{ height:170px;}

.centoxcento{ margin:20px 0; border-top:1px solid #ddd; padding:10px 0 0 0;}
.centoxcento h1{ color:#9fc600!important;}
.centoxcento h3{ font-size:16px!important;}

.centoxcento a .img{ text-align:left; border:#fba200 solid 3px; float:left; margin:0 10px 10px 0; padding:0; }
.centoxcento a:hover .img{ text-align:left; border:#ff4306 solid 3px; float:left; margin:0 10px 10px 0; padding:0;}

.pulsante_offerta a{ display:block; height:40px; width:200px; margin:30px auto 0 auto; background:url(../img_layout/pulsante_esempi_siti.png) top no-repeat;}
.pulsante_offerta a span{ display:none;}
.pulsante_offerta a:hover{background:url(../img_layout/pulsante_esempi_siti.png) bottom no-repeat;}

.box{ position:relative; padding:0; width:300px; height:210px; background:url(../img_layout/bg_box.png) left no-repeat; float:left; display:inline; font-size:11px; text-align:justify;}
.space{ padding:10px 30px 10px 10px;}


.box a img{ padding:1px; background-color:#fff; border:1px solid #a7a7a7;}
.box a:hover img{ border:1px solid #fba200;}
.box h1{ color:#ff4306; font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; font-size:16px!important; margin:0; padding:0;}
.box h2{ color:#9FC600!important; font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; font-size:13px!important; margin:0; padding:4px 0 0 0;}

ul{ margin:0 0 5px 0; padding:0; list-style:none;}
 ul li{ padding:3px 0 0 10px; background:url(../img_layout/bullet.gif) 0 9px no-repeat;}

.box a.linkabstract{ position:absolute; text-align:right; bottom:3px; left:3px; width:270px; background: url(../img_layout/bg_transp_black.png); border-top:1px solid #000; text-decoration:none; padding:1px 3px;font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; color:#fff;}
.box a:hover.linkabstract{ color:#fba200;}

.box a.banner img{ display:block; margin:10px auto;}

#mother #footer{ background:none;}
#footer{ border-top:1px solid #e9e9e9; position:absolute; bottom:0; width:880px;  background:url(../img_layout/bg_footer.gif) bottom repeat-x #fff; left:15px; padding:10px; text-align:center; font-size:11px; color:#666; }
#footer a{color:#666;}
#footer span{ display:block; margin:5px 0 0 0;}
#footer span a img{ border:none;}

/* FORMATTAZIONE TESTI */
#content h1{font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; color:#ff4306; font-size:26px;}

h1.payoff_red, h1.payoff_red a{ text-decoration:none;font-family:"Arial Black", Arial Black, Arial, Helvetica, sans-serif; color:#ff4306; font-size:24px; line-height:24px; margin:0 0 10px 0; }
h1.payoff_red{background:url(../img_layout/arrow_verde.png) top right no-repeat;padding-right:60px;}
h1.payoff_red a:hover{ color:#fba200;}

 /* PAGINA CONTATTI*/
ul.nobullet li{ list-style:none; padding-left:24px; height:20px; }
.icon_telfax{ background:url(../img_layout/icon_telfax.png) left no-repeat;}
.icon_mobile{ background:url(../img_layout/icon_mobile.png) left no-repeat;}
.icon_mail{ background:url(../img_layout/icon_mail.png) left no-repeat;}
.icon_mail a{ text-decoration:none;}
.icon_mail a:hover{ text-decoration:underline;}