﻿html { margin:0; padding:0; width: 100% }
body { margin:0; padding:0; width:auto; font-size:11px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background: #C2C9CC url(../images/back_body.gif) repeat-x top; color:#727272}
div { position:relative; margin:0; padding:0 }
form, input { margin:0; padding:0 }
h3,h4,h5,h6 { margin: 0;  padding: 0; font-size: 1em }
h1 {color:#5983DA; font-size: 20px; margin:0; padding:8px 0 0 0}
h2 {margin:0; padding:0; color:#659A1E; font-size:15px; font-weight:normal}
hr {padding:0; margin:0}
a {text-decoration:none; padding:0; margin:0; color:#519A2C}
a:hover {text-decoration:underline; padding:0; margin:0;}
ul {padding:0; margin:0}
ol {padding:0; margin:0}
li {padding:0; margin:0}
img {padding:0; margin:0; border:0}
p {padding:5px 0 5px 0; margin:0}
.clear { clear:both; font-size:0.01px; line-height:0.001px; color: transparent  }
.spazio_v_14 { font-size:0.001px; height:14px; color: transparent }
.cento { width:100% }
table {border-collapse: collapse}
th {font-size:11px;}
td {font-size:11px;}
span {color:#519A2C}

#contenitore { text-align:center; padding-top:5px}
#box { width:1000px; height:auto; text-align:center; margin:0 auto; background: #ffffff; padding: 0 1px 0 1px}
#header {z-index:96; height:168px; background: url(../images/back_header.gif) repeat-x top left}
#logo {position:absolute; width:224px; height:51px; left:39px; top:21px; background: url(../images/logo.gif) no-repeat top left}
#cerca {position:absolute; width:209px; height:35px; right:24px; top:8px; background: url(../images/cerca.gif) no-repeat top left}
#cerca div {float:left;  margin:6px 0 0 22px}
#menu {z-index:98; position:absolute; top:42px; left:300px}
#menu_img {position:absolute; top:62px; right:66px}
#area_path {z-index:97; position:absolute; top:105px; left:377px; text-align:left; color:#ffffff}
#area_path a {color:#ffffff}
#area_path span {color:#000000}
#simil_hr {width:618px; height:2px; background: url(../images/simil_hr.gif) repeat-x top left}

#colonna_flash {z-index:99; position:absolute; top:97px; left:6px; width:348px; height:506px}
#spazio_flash {width:354px; height:444px}

/*----------------------------------MENU-ORIGINALE--------------------------------------------*/

#menu div.plugin_menu ul { list-style: none; padding: 0; margin: 0; width:566px}
#menu div.plugin_menu li { z-index: 2; position: relative; text-align: left; list-style: none; float: left; padding:23px 8px 11px 8px; margin:0 2px 0 2px}
#menu div.plugin_menu .active { z-index: 1; background:url(../images/menu_selected.gif) repeat-x top left; border:1px solid #23491B}
#menu div.plugin_menu .active a span {color:#ffffff}
#menu div.plugin_menu .active ul li a span {color:#659A1E}
#menu div.plugin_menu li li { position: static; text-align: left; float: none; padding: 0 5px 0 5px; margin:0; border-top:1px solid #659A1E; border-left:1px solid #659A1E; border-right:1px solid #659A1E; background:#ffffff}
#menu div.plugin_menu li li a {font-weight:bold; font-size:11px; display:block; padding:5px 0 5px 0}
#menu div.plugin_menu a span {color:#659A1E; font-weight:bold; font-size:14px}
#menu div.plugin_menu a:hover {text-decoration:none}

#menu div.plugin_menu ul ul li a {font-size:11px}

#menu div.plugin_menu li.freccia_sub {background:url(../images/freccia.gif) no-repeat top right}
#menu div.plugin_menu li ul {border-bottom:1px solid #659A1E; display: none; position: absolute; z-index: 9; top: 42px; left: -1px; width: 150px; padding:0; background: #ffffff}
#menu div.plugin_menu li ul ul { left: 148px; top: -1px }
#menu div.plugin_menu li:hover { position: relative }
#menu div.plugin_menu li:hover ul { display: block }
#menu div.plugin_menu li:hover ul ul { display: none }
#menu div.plugin_menu ul ul li:hover ul { z-index: 99; display: block }


/*----------------------------------FINE-MENU---------------------------------------------*/

#main {min-height:534px}
#left {float:left; width:354px}
#right {float:left; width:644px; background: #ffffff url(../images/back_right.gif) repeat-x top left}

#box_banner {width:354px; height:95px; background: url(../images/blocco_banner.gif) no-repeat top center}
#box_banner_2 {width:354px; height:95px; background: url(../images/banner_euroshellcard.jpg) no-repeat top center}
#box_banner_3 {width:354px; height:95px; background: url(../images/banner_card.jpg) no-repeat top center}
#box_banner_4 {width:354px; height:95px; background: url(../images/banner_150.jpg) no-repeat top center}
#box_banner_5 {width:354px; height:95px; background: url(../images/banner_convegnovideo.jpg) no-repeat top center}

#box_banner #testo_box {position: absolute; color:#ffffff; text-align:left; width:200px; height:44px; top:50px; left:148px}
#box_banner #testo_box a {color:#ffffff}
#box_banner div a {display:block; position:absolute; left:0; top:0; width:204px; height:95px}
#box_banner_2 #testo_box {position: absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_2 div a {display:block; position:absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_3 #testo_box {position: absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_3 div a {display:block; position:absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_4 #testo_box {position: absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_4 div a {display:block; position:absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_5 #testo_box {position: absolute; width:347px; height:93px; top:1px; left:4px}
#box_banner_5 div a {display:block; position:absolute; width:347px; height:93px; top:1px; left:4px}

#angolo_a_d {position:absolute; width:16px; height:16px; top:-2px; right:-2px; background: url(../images/angolo_a_d.gif) no-repeat top left}
#angolo_b_s {position:absolute; width:16px; height:16px; bottom:-2px; left:-2px; background: url(../images/angolo_b_s.gif) no-repeat top left}
#angolo_b_d {position:absolute; width:16px; height:16px; bottom:-2px; right:-2px; background: url(../images/angolo_b_d.gif) no-repeat top left}
#angolo2_a_d {z-index:99; position:absolute; width:16px; height:16px; top:0px; right:0px; background: url(../images/angolo_a_d.gif) no-repeat top left}
#angolo2_b_s {z-index:99; position:absolute; width:16px; height:16px; bottom:0px; left:0px; background: url(../images/angolo_b_s.gif) no-repeat top left}
#angolo2_b_d {z-index:99; position:absolute; width:16px; height:16px; bottom:0px; right:0px; background: url(../images/angolo_b_d.gif) no-repeat top left}
#box_news {float:left; margin:0 0 0 16px; background: url(../images/back_box_news_2.gif) no-repeat bottom right}
#news {width:610px; border:2px solid #E6E6E6; backgground: url(../images/back_box_news.gif) no-repeat top left}

#in_evidenza {float:left; width:304px; text-align:left}
#in_evidenza_testo {padding:0 0 0 10px}
#nuovo_collegamento_home img {float:left; margin:4px 14px 0px 6px}
#nuovo_collegamento_home h3 {font-size:14px}
#nuovo_collegamento_home ul {margin:0 0 0 190px}
#news_testo_2 {padding:0 0 0 10px}
#news_testo {float:left; width:304px; text-align:left; boorder-left:2px solid #E6E6E6}
#news_testo h2 {color:#727272; font-weight: bold; padding:2px 0 0 0}
#news_testo ul {margin:0 0 0 20px}
#news_testo li {margin:0 8px 0 0}
#news_testo .riga {border-bottom:1px solid #727272}
#box_servizi {float:left; margin:20px 0 0 5px}
#servizi {width:302px; background: url(../images/servizi.gif) no-repeat top left}
#servizi_testo {padding:0 0 0 65px; text-align:left; background: url(../images/background_servizi.gif) no-repeat bottom right}
#servizi_testo h1 {padding:6px 0 18px 0}
#servizi_testo ul {margin:0 0 0 35px}
#servizi_testo li {padding:0 0 4px 0}
#barra_verde {height:9px; margin:4px 10px 4px 10px; background: url(../images/barra_verde.gif) repeat-x top left; color: transparent }
#footers {margin:0 10px 0 10px; height:60px; background: url(../images/back_footers.gif) no-repeat top left}
#footer_left {float:left; color:#4F732F; margin:18px 0 0 2px; text-align:left}
#footer_right {float:right; margin:12px 4px 0 0}
#footer_right img {margin:0 5px 0 5px}

.datacolor {font-weight:bold; color:#727272}
#box_contenuti {margin:0 5px 0 5px}
#contenuti {min-height:40px; border:2px solid #E6E6E6; text-align:left; padding:0 10px 10px 10px}
#contenuti h1 {color:#5983DA; font-size: 20px; margin:0; padding:8px 0 4px 0}
#contenuti h2 {color:#727272; font-weight: bold; padding:4px 0 4px 0}
#contenuti ul {margin:0 0 0 30px}
#contenuti ol {margin:0 0 0 30px}
#contenuti li {padding:2px 0 2px 0}
#contenuti table p {padding:2px 0 2px 0}

#map {float:left; margin:0 5px 0 0}
.div {margin:0; padding:0 0 10px 20px; width:auto; background: url("../images/faq_piu.gif") no-repeat 6px 4px}
.carica {display:block; background:#519A2C; text-align:center; color:#ffffff; font-weight:bold}
.incaricato {font-weight:bold; text-align:center; padding:2px 0 2px 0}

#nuovo_collegamento img {float:left; margin:6px 14px 0px 6px}
#nuovo_collegamento ul {padding:0 0 0 200px}
#divisore_home {background: url("../images/divisore_home.gif") no-repeat center}

#nuovo_collegamento_header {width:644px; height:186px; background: url("../images/nuovo_collegamento_header.gif") no-repeat top left}

#rivista_di_utifar {float:left; width:600px; text-align:left; boorder-left:2px solid #E6E6E6}
#rivista_di_utifar_2 {padding:0 10px 0 10px}


