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

     Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5, h6 {border:0;}
body {padding-bottom:10px; background-color:none; 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:5px 3px 3px 10px;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:100%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:100%;}

p,  ul, ol, dl, fieldset {margin:5px 0;}




/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("../design/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("../design/ul-style01-sub.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */
body {background:url('../images/azzurro.jpg'); background-repeat:repeat-x; background-position:0px 100px;}
#main {position:relative; top:1.5em; align:center; width:825px; margin:0 auto; text-align:left;}

    #header {position:relative; float:center; height:300px; width:825px;}
    
        #logo {position:absolute; top:10px; left:0px; margin:0; font-size:200%; letter-spacing:-1px; font-weight:normal;}
        #logo span {font-weight:bold;}
        #logo a {text-decoration:none;}
        #menu {position:absolute; top:65px; right:0px; font-size:120%; font-weight:auto; font-style:italic; text-align:right; z-index: 22}
        #tabel {position:absolute; top:65px; right:0px; height: 50px; font-size:120%; font-weight:normal; font-style:italic; text-align:right;}
#tasti {width: 200px; right:0px; position:absolute; top:22px;}
#accedi {width: 825px; float:left; position:relative;}
        #italia {position:absolute; top:65px; right:457px; width:60px; height: 15px; display:inline;}
        #registrati {width: 546px; font-size:100%; float:left; position:relative; top:1em;}
#banner {right:260px; position:absolute; top:0px;}

       #test3 {top:100px; width: 825px; height: 200px; }
        #colonna {position:absolute; top:100px; left:0px; width: 230px; height: 200px; background-color:#FFFFFF; opacity: 0.8; filter: alpha (opacity = 80); z-index: 1;}
         #colonna1 {position:absolute; top:100px; left:595px; width: 230px; height: 200px; background-color:#FFFFFF; opacity: 0.8; filter: alpha (opacity = 80); z-index: 1;}
        #stella  {background-color:#FFFFFF; opacity: 0.8; filter: alpha (opacity = 80); width: 230px; height: 200px; position:absolute; top:100px; right:0px; z-index: 1;}
       


    #content {align:center; width:825px; overflow:hidden;}

 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */
#sections {background-color:#ffffff; text-align:left;}
#sections-bottom {width:620px; height:7px; background:url("../design/sections-bottom.gif") 0 0 no-repeat; font-size:0;}

    .section {float:left; margin-left:0px; width:261px;}
    .section p {margin:2px;}
    .section.margin {margin:0 10px;}
    .section h3 {margin:0; padding:3px; font-size:100%;}
    .section-in {margin-bottom:10px; padding:0 10px 8px 8px; text-decoration: none;}
#servizi  {width: 830px;}   
#ruotano {width: 548px; float:left; position:relative; top:1em;}
    .propost {background-color:#0061b5; width: 548px; height: 20px; display:block; padding:5px 0px 0px 0px;}

    .propost {background-color:#ffffff; width: 548px; height: 100px; display:block; padding:5px 0px 0px 0px;}

    
#modulo {background:url("../images/contatto.JPG") 0 0 no-repeat; float:left; width: 546px; height: 60px;}
#bottone {position:absolute; margin-top:13px; margin-left:346px; z-index:2}
#frame {width: 546px; font-size:100%; float:left; position:relative;}
#inizio {width: 546px; font-size:100%; float:left; position:relative;}
#corpo {width: 546px; font-size:100%; float:left; position:relative; top:1.5em;}
   .corpo1 {width: 546px; height: 1.5em; display:block;}
#corpoprova {width: 546px; font-size:100%; float:left; position:relative; top:1.5em;}   
#gratuita {width: 546px; font-size:100%; float:left; position:relative; top:0.4em;}
#servizio {float:left; position:relative; top:1.5em;}
   

 
#conferma {width: 546px; height: 850px; font-size:100%; float:left; position:relative; top:0.4em;}
   
  
#toltip_abb {width: 546px; font-size:100%; float:left; position:relative; top:1.5em;}


#cerca {height: 251px; float:right; width: 256px; background:url("../images/mondo2.JPG"); position:relative; top:1em;}
   .titolo {background-color:#0061b3; width: 254px; height: 20px; display:block; padding:5px 0px 0px 0px;}
#abbo {float:right; width: 254px; border:1px solid #0061b5; text-decoration: none; position:relative; top:1em;}
 
#abbo1 {float:right; width: 254px; border:1px solid #0061b5; text-decoration: none; position:relative; top:1.5em;}
  
#gogle {float:right; width: 250px; position:relative; top:1em;}
#gogle1 {float:right; width: 250px; position:relative; top:2.9em;}
#ricerca {float:right; position:relative; top:1.1em;}   
#ricarica {float:right; width: 254px; text-decoration: none; position:relative; top:1em;}

#vantaggi1 {float:right; width: 254px; text-decoration: none; position:relative; top:2em;}
#vantaggi2 {float:right; width: 254px; text-decoration: none; position:relative;}
#google {float:left; width: 468px; text-decoration: none; position:relative; top:1em;}
#ricarica1 {float:right; width: 254px; border:1px solid #0061b5; text-decoration: none; position:relative; top:2.2em;}
  
#quarto {float:right; width: 254px; border:1px solid #0061b5; text-decoration: none; position:relative; top:25px;}

#spot {float:right; width: 254px; border:1px solid #0061b5; text-decoration: none; position:relative; top:25px;}

#spot1 {float:right; width: 254px; border:1px solid #0061b5; text-decoration: none; position:relative; top:2.9em;}

#titol {background-color:#0061b5; width: 254px; display:block; height: 20px; margin-top:0px; padding:1px 0px 7px 0px;}
#titolo2 {background-color:#0061b5; width: 267px; display:block; height: 18px; margin-top:0px; padding:1px 0px 7px 0px;}
 
#abbonamento {background-color:#009933; width: 262px; display:block; height: 25px; padding:5px 0px 0px 0px;}
#accesso {background-color:#01369e; width: 230px; display:block; height: 20px; padding:5px 0px 0px 0px;}
#chat  {float:right; width: 256px; position:relative; top:2.4em;}
#chat1  {float:right; width: 256px; position:relative; top:1em;}
#svizzera  {float:right; width: 256px; position:relative; top:3em;}


#chat2  {float:right; width: 256px; position:relative;}
#chat3  {float:left; width: 256px; position:relative; top:1.1em;}
#section1 {float:left; width:267px;  font-size:100%; border:1px solid #0061b5;}
#section2 {margin-left:276px; width:267px;  font-size:100%; border:1px solid #0061b5;}

#section3 {position:absolute; top:0px; right:0px;  width:267px; font-size:100%; border:1px solid #0061b5;}
#quadro {background-color:#CC33FF; width: 262px; height: 25px; display:block; padding:5px 0px 0px 0px;}

#footer {width:825px; float:left; padding:5px 0px 10px 0px; position:relative; top:2em;}