/* CSS Document */

/* generali */

* { margin: 0; padding: 0;}

img { border: 0;}

.nov { display: none;}

body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e5e5e; line-height: 17px;}

a { color: #00457c; font-weight: bold; text-decoration: none;} a:hover { text-decoration: underline;}

p { margin: 0 0 17px 0;}

.table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e5e5e; line-height: 17px; border: solid 0px #cccccc; }

/*#cont_int_sx table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e5e5e; line-height: 17px; border: solid 1px #cccccc; border-collapse: collapse}*/

/*#cont_int_sx table td {border: solid 1px #cccccc; padding: 2px;} */

div#container { position: relative; width: 816px; margin: 0 auto; text-align: left; background:url(img/sf_container.png) top left no-repeat; display: block; height: 600px;}

div#container_int { position: relative; width: 816px; margin: 0 auto; text-align: left; background:url(img/sf_container_int.png) top left no-repeat; display: block; min-height: 650px; height: 650px; }
.input {width: 98px; height: 16px; color: #5e5e5e; font-size: 11px; line-height: 12px; padding-bottom:3px;  border: solid 1px #cccccc;}
.inputtop {width: 98px; height: 13px; color: #5e5e5e; font-size: 11px; line-height: 12px; padding-bottom:3px;  border: solid 1px #cccccc;}
.tasto_freccia { width: 15px; height: 16px;}
/***************************** stili per cms *****************************/

.titolo {font-size: 18px; color: #00457c; font-weight: bold; margin: 0 0 18px 0;}

.sottotitolo {font-size: 16px; color: #00457c; font-weight: normal; margin: 0 0 18px 0;}

.link_alternativo {color: #79be0d; font-weight: bold; text-decoration: none;} .link_alternativo:hover { text-decoration: underline;}

.testo_blu {color: #00457c;}

.testo_verde {color: #79be0d;}

.table_intestazione_grigia { background: #CCCCCC; color: #333333; font-weight: bold;}

.border_img {border: 2px solid #ebede7;}


/***** head ****/

div#head {height: 257px; width: 800px; position: absolute; top: 0; left: 8px; }

div#head_top { background: url(img/sf_head_top.jpg) top left no-repeat; height: 35px; width: 800px; display: block; border-bottom: solid 1px #ffffff; }
div#head_top form { position: absolute; top: 11px; left: 660px;}
div#head_top form input {width: 98px; height: 12px; margin: 0 4px; float: left; color: #5e5e5e; font-size: 11px; line-height: 12px; padding: 0 0 0 2px; border: solid 1px #cccccc;}
div#head_top form input.tasto_cerca { width: 9px; height: 13px; margin: 1px 0 0 0; border: none;}
div#head_top #linkheadtop {position: absolute; top: 9px; left: 448px;}
div#head_top #linkheadtop a { text-transform: uppercase; color: #787878; font-weight: normal;}

/* animaz */
div#animazione {position:absolute; top: 36px; left: 137px;}


/**** menu ****/

div#menu { position: absolute; top: 183px; left: 0px; background: url(img/sf_menu.png) top left no-repeat; width: 800px; height: 74px; }

div#menu ul { background: url(img/sf_ul.png) top left repeat-x; width: 622px; height: 70px; margin: 4px 0 0 178px;}
div#menu ul li { list-style-type: none; float: left; display: block; margin: 1px 0 0 0; cursor: pointer; cursor: hand;}
div#menu ul li a { display: block; height: 37px; float: left;/* \*/float: none;/*  */ }

div#menu ul li#menu_gruppo {width: 117px; background:url(img/menu_gruppo.png) top left no-repeat;}
div#menu ul li#menu_offerta {width: 150px; background:url(img/menu_offerta.png) top left no-repeat;}
div#menu ul li#menu_mercato {width: 182px; background:url(img/menu_mercato.png) top left no-repeat;}
div#menu ul li#menu_area {width: 130px; background:url(img/menu_area.png) top left no-repeat;}

div#menu ul li#menu_gruppo:hover {width: 117px; background:url(img/menu_gruppo.png) bottom left no-repeat;}
div#menu ul li#menu_offerta:hover {width: 150px; background:url(img/menu_offerta.png) bottom left no-repeat;}
div#menu ul li#menu_mercato:hover {width: 182px; background:url(img/menu_mercato.png) bottom left no-repeat;}
div#menu ul li#menu_area:hover {width: 130px; background:url(img/menu_area.png) bottom left no-repeat;}

/******** sotto MENU********* */

#menu ul li ul {visibility: hidden; position: absolute; top: 38px; left: -178px; z-index: 10; background: #e4edd9; background-image: none;  height: 32px; cursor: default; }
#menu ul li ul li {float: left; position: static;}

/* per centrare il sottomenu */
#menu ul li ul#sotto_gruppo {width: 761px; padding: 0 0 0 39px;}
#menu ul li ul#sotto_offerta {width: 601px; padding: 0 0 0 199px;}
#menu ul li ul#sotto_mercato {width: 440px; padding: 0 0 0 360px;}
#menu ul li ul#sotto_area {width: 194px; padding: 0 0 0 606px;}
/**/

html>body #menu ul li ul li {display: inline; float: none; position: relative; }

#menu ul li ul li:hover {position: relative;}

/* fix the position */
#menu li ul li ul { top: 0; left: 100%;}
/* simulate child selector for IE */
div#menu li:hover ul, #menu_interna li:hover li:hover ul, #menu_interna li:hover li:hover li:hover ul { visibility: visible; }
#menu li:hover li ul, #menu_interna li:hover li:hover li ul, #menu_interna li:hover li:hover li:hover li ul { visibility: hidden; }
/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul { visibility: visible; }

#menua ul li ul { text-align: left; }
#menu ul li ul li a{ color: #607e6c; height: 23px; display: block; padding: 8px 7px 0 8px; text-decoration: none; float: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; background: url(img/riga_sottomenu.gif) center right no-repeat; }
#menu ul li ul li a:hover{ text-decoration: none; color: #42574b; text-decoration: underline}

#menu ul li ul li a.nobord { background: none;}

/********** home page ***********/
#cont_home_sx { position: absolute; top: 257px; left: 8px; width: 348px; }
#cont_home_sx #benvenuto {height: 90px; width: 308px; background: url(img/box_news_top.jpg) bottom left no-repeat; padding: 22px 40px 0 20px;}

#cont_home_sx #news {height: 255px; width: 308px; background: url(img/box_news_bot.jpg) top left no-repeat; padding: 26px 40px 0 20px;}
#cont_home_sx #news h3 { background: url(img/tit_news.png) top left no-repeat; width: 100px; height: 14px; display: block; margin: 0 0 0px;}

/* destra: box risparmia */
#cont_home_dx { position: absolute; top: 257px; left: 356px; width: 432px; height: 287px; display: block; background:url(img/sf_risparmia.jpg) top right no-repeat; padding: 50px 20px 0 0; text-align: right; color: #00457c; line-height: 22px; }

#cont_home_dx #box_rispamia {}

#cont_home_dx #box_risparmia  h3 { /*background: url(img/tit_risparmia.jpg) top right no-repeat;*/ width: 362px; height: 13px; /*margin-bottom: 17px; */ display: block; float: right; margin-right:70px; color:#5E5E5E;}

#cont_home_dx #box_risparmia  a { text-decoration: underline;}
#cont_home_dx a:hover {color: #297ab5;}

#box_risparmia  #contattaci  {width: 180px; height: 36px; display: block; background:url(img/tasto_contattaci.png) top left no-repeat;float: right; margin: 20px 70px 0 0;}
#box_risparmia  #contattaci:hover {background:url(img/tasto_contattaci.png) bottom left no-repeat;}


/* destra box area */
#box_area {width: 360px; height: 50px; display: block; margin: 30px 0 0 40px; float: right}
#box_area #PanelPromozione {position:absolute;right:4px;text-align:right;width:220px;}
#box_area #Panelarea {position:absolute;right:4px;top:210px;text-align:right;}
#box_area h3 {position:relative;top:10px;left:0; background: url(img/tit_area.png) top left no-repeat; width: 360px; height: 9px; display: block; float: left; margin: 0 0 17px 0;}
#box_area h3.tit_promozione {position:relative;top:10px;left:0; background: url(img/tit_promozione.png) top left no-repeat; width: 360px; height: 12px; display: block; float: left; margin: 0 0 17px 0;}
#box_area h3.clienti {position:relative;top:10px;left:0; background: url(img/tit_areacli.png) top left no-repeat; width: 360px; height: 9px; display: block; float: left; margin: 0 0 17px 0;}
#box_area h3.agenti  {position:relative;top:10px;left:0; background: url(img/tit_areaage.png) top left no-repeat; width: 360px; height: 9px; display: block; float: left; margin: 0 0 17px 0;}
#box_area form { width: 360px; height: 20px; display: block; }
#box_area form input { width: 98px; height: 12px; margin: 0 4px; float: left; color: #5e5e5e; font-size: 11px; line-height: 11px; padding: 0 0 0 2px; }
#box_area form label { float: left; line-height: 14px;}
/*#box_area form input*/


/*********** banner_footer HOME PAGE *************/
#banner_footer {position: absolute; top: 620px; left: 0; width: 816px; height:90px; text-align: center; padding:0;}


/*********** footer HOME PAGE *************/
#footer {position: absolute; top: 650px; left: 0; width: 816px; text-align: center; font-size: 10px; color: #b6b7b3; line-height: 14px; background: url(img/sf_footer.jpg) top center no-repeat; padding: 20px 0 0 0;}

#footer a { font-weight: normal;}


/********************* interna *********************************************************************************/
/******************************************************************************************************/

#cont_int_sx { position: relative; top: 250px; left: 38px; width: 460px; height: auto; display: block;  }
/* tit pagine interne */ #cont_int_sx h3  {font-size: 18px; color: #00457c; font-weight: bold; margin: 0 0 18px 0;}
#cont_int_sx ul {padding-left:20px;}
/* foto interna */
div#img_int {position:absolute; top: 36px; left: 123px; width: 677px; height: 110px;}


/************** colonna destra **********/

#cont_int_dx {position: absolute; top: 217px; left: 543px;}
#cont_int_dx #box_risp_int { width: 249px; height: 88px; display: block; background: url(img/box_risp_int.png) top right no-repeat; text-align: center; padding: 60px 0 0 0;}

#box_risp_int  #contattaci_int  {width: 157px; height: 36px; display: block; background:url(img/tasto_contattaci_int.png) top left no-repeat; margin: 10px auto;}
#box_risp_int  #contattaci_int:hover {background:url(img/tasto_contattaci_int.png) bottom left no-repeat;}

#cont_int_dx img { border: 2px solid #ebede7; margin: 24px 0 0 4px}


/************** colonna destra mediateca **********/

#cont_int_dx_mediateca {position: absolute; top: 217px; left: 516px;}
#cont_int_dx_mediateca #box_risp_int { width: 280px; height: 88px; display: block; background: url(img/box_risp_int_mediateca.png) top right no-repeat; text-align: center; padding: 60px 0 0 0;}
#cont_int_dx_mediateca #box_video_int { width: 280px; height: 258px; display: block; background: url(img/box_video_int.png) top right no-repeat; text-align: center; padding: 60px 0 0 0;}


/**** menu INTERNA *************************/
div#menu_interna { position: absolute; top: 142px; left: 0px; background: url(img/sf_menu.png) top left no-repeat; width: 800px; height: 74px;}

div#menu_interna ul { background: url(img/sf_ul.png) top left repeat-x; width: 622px; height: 70px; margin: 4px 0 0 178px;}
div#menu_interna ul li { list-style-type: none; float: left; display: block; margin: 1px 0 0 0; cursor: pointer; cursor: hand;}
div#menu_interna ul li a { display: block; height: 37px; float: left;/* \*/float: none;/*  */ }

div#menu_interna ul li#menu_gruppo {width: 117px; background:url(img/menu_gruppo.png) top left no-repeat;}
div#menu_interna ul li#menu_offerta {width: 150px; background:url(img/menu_offerta.png) top left no-repeat;}
div#menu_interna ul li#menu_mercato {width: 182px; background:url(img/menu_mercato.png) top left no-repeat;}
div#menu_interna ul li#menu_area {width: 130px; background:url(img/menu_area.png) top left no-repeat;}

div#menu_interna ul li#menu_gruppo:hover {width: 117px; background:url(img/menu_gruppo.png) bottom left no-repeat;}
div#menu_interna ul li#menu_offerta:hover {width: 150px; background:url(img/menu_offerta.png) bottom left no-repeat;}
div#menu_interna ul li#menu_mercato:hover {width: 182px; background:url(img/menu_mercato.png) bottom left no-repeat;}
div#menu_interna ul li#menu_area:hover {width: 130px; background:url(img/menu_area.png) bottom left no-repeat;}

/******** sotto MENU********* */

#menu_interna ul li ul {visibility: hidden; position: absolute; top: 38px; left: -178px; z-index: 10; background: #e4edd9; background-image: none;  height: 32px; cursor: default; }
#menu_interna ul li ul li {float: left; position: static;}

/* per centrare il sottomenu */
#menu_interna ul li ul#sotto_gruppo {width: 761px; padding: 0 0 0 39px;}
#menu_interna ul li ul#sotto_offerta {width: 601px; padding: 0 0 0 199px;}
#menu_interna ul li ul#sotto_mercato {width: 438px; padding: 0 0 0 360px;}
#menu_interna ul li ul#sotto_area {width: 194px; padding: 0 0 0 606px;}
/**/

html>body #menu_interna ul li ul li {display: inline; float: none; position: relative; }

#menu_interna ul li ul li:hover {position: relative;}

/* fix the position */
#menu_interna li ul li ul { top: 0; left: 100%;}
/* simulate child selector for IE */
div#menu_interna li:hover ul, #menu_interna li:hover li:hover ul, #menu_interna li:hover li:hover li:hover ul { visibility: visible; }
#menu_interna li:hover li ul, #menu_interna li:hover li:hover li ul, #menu_interna li:hover li:hover li:hover li ul { visibility: hidden; }
/* do the normal show, with increased specificity */
#menu_interna ul#menuList li:hover > ul { visibility: visible; }

#menu_interna ul li ul { text-align: left; }
#menu_interna ul li ul li a{ color: #607e6c; height: 23px; display: block; padding: 8px 7px 0 8px; text-decoration: none; float: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; background: url(img/riga_sottomenu.gif) center right no-repeat; }
#menu_interna ul li ul li a:hover{ text-decoration: none; color: #42574b; text-decoration: underline}

#menu_interna ul li ul li a.nobord { background: none;}


/********* footer INTERNA *********/
#footer_int {position: relative; top: 257px; width: 816px; text-align: center; font-size: 10px; color: #b6b7b3; line-height: 14px; background: url(img/sf_footer.jpg) top center no-repeat; padding: 20px 0 20px 0!important; padding: 20px 0 280px 0;}

#footer_int a { font-weight: normal;}

#content {min-height: 550px;  height: auto!important; height: 500px;}

/************* form contattaci ***********/

#form_contattaci { width: 460px;}
#form_contattaci form table{ line-height: 13px; border: none; }
#form_contattaci form table td { border: none; padding: 0px;}

#form_contattaci form label { margin: 0 20px 0 5px;}
#form_contattaci form table tr td table tr { height: 30px;}

#form_contattaci form input.campo, #form_contattaci form select.campo { background: #f5f7f1; border: solid 1px #c0c2bd; width: 128px; height: 16px; margin: 5px 0 5px 0; line-height: 15px; padding: 2px 0 0 2px}
.larghlabel { width: 65px;}
.larghtdcampi {width: 165px;}

#form_contattaci form input.tastoinvia { background: url(/img/tasto_invia.png) top left no-repeat; width: 81px; height: 36px; padding:0; border: 0; margin: 0 0 0 50px;}

#form_contattaci textarea { width: 421px; padding: 2px; height: 74px; margin: 20px 0 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5e5e5e; line-height: 14px; border: solid 1px #c0c2bd;}
#Panelareaclienti{position:relative;top:-60px;left:0;padding:0}
#Panelareaagenti{position:relative;top:-65px;left:0;padding:0}