/* CSS Document */

* {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#4E4E4E;}
body {margin-left: 0px; margin-top: 18px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; }

/*-------------------------------------------------------------------------------------------------------------------------------------*/

/* ..............::.. TITOLI ..::................ */

h1 {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#4E4E4E;}
h2 {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#4E4E4E;}
h3 {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#00CCCC; }
h4 {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4E4E4E; }

/*-------------------------------------------------------------------------------------------------------------------------------------*/

/* ..............::.. PARAGRAFI ..::.............. */

#spazio_sx p { padding-top:17px;}

/*-------------------------------------------------------------------------------------------------------------------------------------*/


/* ..............::.. CLASSI ..::............... */

/* stili per il menu sopra "faq contatti english" */
a.faq { text-decoration:none; font:10px Verdana; color:#000000; padding-left:5px; background:url(../img/freccia_marrone.gif) no-repeat left; }
a.faq:hover { text-decoration:none; font:10px Verdana; color:#00CCCC;  background:url(../img/freccia_verde.gif) no-repeat left; }
.faq { text-decoration:none; font:10px Verdana; color:#00CCCC; padding-left:5px; background:url(../img/freccia_verde.gif) no-repeat left; }

/* stili per il menu principale */
a.menu { font:12px Verdana; font-weight:bold;  color:#FFFFFF; text-decoration:none; padding-left:12px; background:url(../img/freccia_bianca.gif) no-repeat left top; }
.menu { font:12px Verdana; color:#C0F1F1; text-decoration:none; padding-left:12px; background:url(../img/freccia_bianca.gif) no-repeat left top; }
a.menu_inattivo { font:12px Verdana; font-weight:bold; color:#C0F1F1; text-decoration:none; padding-left:12px; background:url(../img/freccia_bianca.gif) no-repeat left top; }


/* stili per il menu sotto "come funziona" */
a.menu_contenuto { font-size:10px; color:#794C1E; text-decoration:underline; }
a.menu_contenuto:hover { text-decoration: underline; font-size:10px; color:#00CCCC; }
.menu_contenuto { text-decoration:underline; font-size:10px; color:#00CCCC; }

/* stili per il menu sotto "domande frequenti" */
a.menu_spazio_sx { font:11px Verdana; color:#794C1E; text-decoration:underline;}
a.menu_spazio_sx:hover { text-decoration:underline; font:11px Verdana; color:#00CCCC;  }
.menu_spazio_sx { text-decoration:none; font:11px Verdana; color:#00CCCC; }
.left12 {  padding-left:12px;  background:url(../img/freccia_mar_demo.gif) no-repeat left top; }

/* link */
a.link { text-decoration: underline; font:11px Verdana; color:#794C1E; }
a.link:hover { text-decoration: underline; font:11px Verdana; color:#00CCCC; }

a.link_sottolineato { text-decoration: underline; font:11px Verdana; color:#794C1E; }
a.link_sottolineato:hover { text-decoration: underline; font:11px Verdana; color:#00CCCC; }

/* stili per il menu sotto "informazioni" */
a.testo_dx { text-decoration: underline; font:11px Verdana; color:#794C1E; }
a.testo_dx:hover { text-decoration: underline; font:11px Verdana; color:#00CCCC; }
.titolo_dx { text-decoration:none; font:10px Verdana; font-weight:bold; color:#4E4E4E; background:url(../img/freccia_dx.gif) no-repeat left top; }
a.testo_dx2 { text-decoration: underline; font:11px Verdana; color:#794C1E; }
a.testo_dx2:hover { text-decoration: underline; font:11px Verdana; color:#00CCCC; }
.testo_dx2 { text-decoration: none; font:11px Verdana; color:#00CCCC; }
.freccia { background:url(../img/freccia_dx2.gif) no-repeat left top; padding-bottom:14px;}

/* stili vari */
.bold { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#4E4E4E;}
.bold2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#4E4E4E;}

.top20 { padding-top:10px; background:url(../img/puntini.gif) repeat-x bottom left;}
.top22 { padding-top:22px;}
.top28 { padding-top:28px;}
.top10 { padding-top:10px;}
.top15 { padding-top:15px;}
.top_titolo { padding-top:15px;}
.top_titolo2 { padding-top:2px;}
.top3 { padding-top:3px;}
.bottom { padding-bottom:3px; border-bottom:2px solid #B9B9B1;}
.bottom2 { padding-bottom:15px; background:url(../img/trattini.gif) repeat-x left bottom;}
.bottom3 { padding-bottom:15px; padding-top:15px;}
.bottom4 { padding-bottom:15px;}

.freccia { background:url(../img/freccia_dx2.gif) no-repeat left top; padding-bottom:14px;}

.spazio_footer { padding-top:7px; padding-bottom:7px;}
a.font_marrone_footer { color:#794C1E; text-decoration:underline;}
a.font_marrone_footer:hover { color:#00CCCC; text-decoration:underline;}

.font_verde_bold { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#00CCCC;}
.font_verde_bold2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#00CCCC;}

.punto_lista { padding-left:35px; background: url(../img/puntino_lista.gif) no-repeat left top; }

.freccia { background:url(../img/freccia_dx2.gif) no-repeat left top; padding-bottom:14px;}
td.trattini { height:1px; background:url(../img/puntini.gif) repeat-x top left;}
.pintini_or { background:url(../img/trattini.gif) repeat-x top left;}

/* stili tabella "requisiti di sistema" */
td.spazio_intero { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; vertical-align:top; padding: 8px 0px 8px 5px; background:url(../img/puntini_ver.gif) repeat-y top right;}
td.spazio_intero2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; vertical-align:top; padding: 8px 0px 8px 5px; }

/* stili tabella "download2" */
td.spazio_intero_download { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding: 8px 0px 8px 5px; background:url(../img/puntini_ver.gif) repeat-y top right;}
td.spazio_intero2_download { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding: 3px 0px 20px 5px; }
td.spazio_intero3_download { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding: 8px 0px 8px 0px; text-align:center; background:url(../img/puntini_ver.gif) repeat-y top right;}
td.spazio_intero4_download { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding: 8px 0px 8px 0px; text-align:center;}
td.spazio_intero5_download { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding: 3px 0px 20px 5px; background:url(../img/puntini_ver.gif) repeat-y top right;}
td.spazio_intero6_download { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding: 3px 0px 20px 0px; background:url(../img/puntini_ver.gif) repeat-y top right;}

/*-------------------------------------------------------------------------------------------------------------------------------------*/

/* ............::.. DIV ..::................*/

/* div contenitore dell'intera pagina */
#contenitore1 { position: absolute; width:736px;}
/* menu sopra a destra "contatti..." */
#menu_sopra { position:absolute; width:300px; right:0px; top:26px;}
#menu_sopra ul { text-align:right; }
#menu_sopra li { display:inline; list-style-type:none; margin-left:20px;}

#div_logo_ombra { position:absolute; width:205px; height:58px;  z-index:4;  background:url(../img/ombra_logo.gif) no-repeat bottom right; background-color:#FFFFFF;}
#div_logo_img1 {position:absolute; width:62px; height:50px; left: 0px; top: 0px;}
#div_logo_img {position:absolute; width:122px; height:50px; left: 64px; top: 0px;}

/* menu principale  */
#menu { position:relative; width:212px; top:21px; left:26px;}
#menu_bianco { position:absolute; width:238px; height:13px; top:200px; z-index:3; background:url(../img/angolino_menu.gif) no-repeat bottom left;}
#menu_verde { position:absolute; width:237px; height:164px; top:47px; left:1px; background-color:#00CCCC; z-index:2;}
#menu ul { text-align:left;}
#menu li { list-style-type:none; }

#banner { position:absolute; width:498px; height:165px; top:47px; left:238px; background:url(../img/banner.gif) no-repeat right;}

/* contenuto della prima div "come funziona" e menu */
#cella_centro { float:left; width:736px; }
#contenitore1_flot2 { float:left; width:498px; margin-top:209px;}
#riga_grigia { position: absolute; height:3px; top:213px; width:498px; background:url(../img/riga_grigia.gif) top repeat-x;}
#contenuto { float:left; width:498px; margin-top:6px; background:url(../img/ombra_contenuto.gif) no-repeat top right; }
#contenuto_di_download { float:left; width:717px; margin-top:6px; }
#contenuto_margini { float:right; margin-top:25px; width:471px;}
#contenuto_margini_download { float:right; margin-top:25px; width:690px;}
#titolo { float:left; height:27px; width:432px; margin-bottom:0px; padding-left:15px; background:url(../img/riga_verde_sx.gif) no-repeat top left;}
#img { float:left; margin-top:18px; width:99px; height:69px; background:url(../img/img1.gif) no-repeat;}
#testo { float:left; margin-left:16px; margin-top:18px; width:317px; }
#testo ul { text-align:left;  padding-top:5px;}
#testo li { display:inline; list-style-type:none; margin-right:6px;}

/* contenuto della seconda div "demo online" "domande frequenti" e menu */
#contenuto2 { float:left; width:498px; margin-top:23px; }
#demo1 { float:left; width:244px;}
#demo1b { float:right; width:239px; background:url(../img/bordi.gif) no-repeat top left}
#demo1_contenuto { float:right; width:217px; margin-top:15px; }
#demo2_contenuto { float:right; width:223px; margin-top:15px; }
#demo2 { float:right; width:245px; background:url(../img/bordi.gif) no-repeat top left}
#titolo_demo1 { float:left; height:22px; padding-left:15px; background:url(../img/riga_verde_sx.gif) no-repeat top left;}
#img_demo1 { float:left; width:204px; margin-top:22px;}
#spazio_sx { float:left; width:180px;}
#spazio_sx ul { text-align:left;}
#spazio_sx li { list-style-type:none; margin-top:17px; }
#spazio_sotto { float:left; width:230px; height:30px;}
#spazio_sotto2 { float:left; width:230px; height:30px;}

/* contenuto sulla destra della pagina e menu*/
#contenitore1_flot3 { float:right; margin-top:209px; width:238px;}
#titolo_dx2 { float:left; margin-top:11px; width:207px;}

#titolo_dx { float:left; margin-top:11px; width:225px;}
#contenuto_titolo_dx { float:right; width:207px;}
#contenuto_titolo_dx2 { float:right; width:220px;}

#titolo_dx3 { position:relative; left:12px; top:11px; width:216px;}
#img_dx { float:left; width:238px; height:118px; margin-top:66px; background:url(../img/img3.gif) no-repeat; }
#img_dx2 { float:left; width:238px; height:118px; margin-top:33px; background:url(../img/img3.gif) no-repeat; }
#img_dx3 { float:right; width:225px; height:118px; margin-top:33px;}
#titolo_dx ul { text-align:left;}
#titolo_dx li { list-style-type:none; padding-left:22px;}

/* footer della pagina */
#contenitore1_flot4 { float:left; width:736px;}
#footer { float:left; width:736px;  background:url(../img/bordo_footer.gif) repeat-x top left; }
#footer2 { float:left; width:497px; left:141px;  border-left:1px solid #CCCCCC; background:url(../img/angolo_footer_sx.gif) no-repeat top left; top: 576px;}
#footer2_testo { float:right; width:473px; margin-top:16px; margin-bottom:10px; background:url(../img/riga_footer_ver.gif) repeat-y top right;}
#footer3 { float:right; width:237px; right:138px;  border-right:1px solid #CCCCCC; background:url(../img/angolo_footer_dx.gif) no-repeat top right; top: 577px;}
#footer3_logo { float:right; width:160px;  margin-top:23px; margin-bottom:16px;}

/* ............::.. DIV ALTRE PAGINE ..::................*/

#testo_car { float:left; margin-top:18px; width:432px;}
#testo_car_top10 { float:left; margin-top:10px; width:432px;}

ul#menu_testo_car { text-align:left;  padding-top:5px;}
li#menu_testo_car { display:inline; list-style-type:none; margin-right:6px;}
li#lista_testo { list-style:none; margin-right:6px;}

#testo_car2 { float:left; margin-top:18px; width:690px;}

/* ............::.. DIV FAQ ..::................*/

/* contenuto_testo_novita per le faq */
#contenuto_testo_novita { float:left; width:432px; height:340px;}
#contenuto_testo_novita2 { float:left; width:432px; height:200px; }
/* ----------------------------------------------------------------- */

/* contenuto_testo_novita per le novità */
#contenuto_testo_novita3 { float:left; width:432px; height:250px; }
#contenuto_testo_novita4 { float:left; width:432px; }
/* ----------------------------------------------------------------- */

#lista_novita { float:left; width:432px; }
#lista_novita ul { text-align:left;}
#lista_novita li { list-style-type:none; padding-left:22px;}
#prec_suc { float:left; width:432px; margin-top:12px; padding-top:3px; background:url(../img/trattini.gif) repeat-x left top; }
#left { float:left; width:100px; }
#right { float:right; width:100px; text-align:right; }

/* contenitore pagina download2 */
#contenuto_download { float:left; width:736px; margin-top:209px;}
#tab_download { float:right; width:709px; margin-top:20px;}
#testo_tab { float:left; width:200px; margin-bottom:10px;}
#tab_download2 { float:left; width:709px;}

/* img "come_funziona" */
#contenuto_come { float:left; width:432px;}
#immagine { float:left;}
#testo_come { float:right; width:305px;}
#trattini_come { float:left; width:432px;}