/*stili per il layout fisso con posizionamenti assoluti*/

html, body{margin: 0;padding:0}
body{font-family: verdana;sans-serif;text-align: center; background: #3E57A7 url('images/contiene.jpg') repeat-y center}
div#container{position:relative; width: 780px;margin: 0 auto;text-align: left;}

/*stili generici, su header e footer*/

div#header{background-color:#3B5998;color: #000000}
h1, h2{margin: 0;padding:0}

/*stili specifici per il layout*/

div#navigation{position:absolute; top: 126px; right: 5px; width: 280px;}
div#content{margin-right: 285px; padding: 1em; border-right:1px solid #EFEFEF;}
div#content a {color: #000; text-decoration: none; font-size: 12px;} 
div#content a.a1 {color: #000; font-weight: bold;text-decoration: none; font-size: 18px;} 
div#content a:hover {color: #22F; text-decoration: none;} 
div#content p {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #000; text-decoration: none; font-size: 12px;} 
div#content p.p1 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #000; font-weight: bold;text-decoration: none; font-size: 18px;} 
div#content p.p2 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #01B; font-weight: bold;text-decoration: none; font-size: 12px;} 
div#content p.p3 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #910; font-weight: bold;text-decoration: none; font-size: 10px;} 
div#content p.p4 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #019; font-weight: bold;text-decoration: none; font-size: 10px;} 
div#content p.titolo1 {margin-top:5px; margin-bottom:6px; color: #005; padding-bottom: 4px; width:465px; font-weight: bold;text-decoration: none; font-size: 18px; border-bottom:1px solid #921;} 
div#content p.titolo2 {margin-top:5px; margin-bottom:6px; color: #705; padding-bottom: 4px; width:465px; font-weight: bold;text-decoration: none; font-size: 18px; border-bottom:1px solid #129;} 

div#contex{padding: 1em;}
div#contex a {color: #000; text-decoration: none; font-size: 12px;} 
div#contex a.a1 {color: #000; font-weight: bold;text-decoration: none; font-size: 18px;} 
div#contex a:hover {color: #22F; text-decoration: none;} 
div#contex p {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #000; text-decoration: none; font-size: 12px;} 
div#contex p.p1 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #000; font-weight: bold;text-decoration: none; font-size: 18px;} 
div#contex p.p2 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #01B; font-weight: bold;text-decoration: none; font-size: 12px;} 
div#contex p.p3 {margin-left:15; margin-right:10; margin-top:5px; margin-bottom:6px; color: #910; font-weight: bold;text-decoration: none; font-size: 10px;} 
div#contex p.titolo1 {margin-top:5px; margin-bottom:6px; border-bottom:1px solid #921; color: #005; padding-bottom: 4px; width:465px; font-weight: bold;text-decoration: none; font-size: 18px} 
div#contex p.titolo2 {margin-top:5px; margin-bottom:6px; border-bottom:1px solid #129; color: #705; padding-bottom: 4px; width:465px; font-weight: bold;text-decoration: none; font-size: 18px} 


div#footer{text-align:center; padding-bottom: 4px; padding-top: 4px; background-color: #a8b9ef; color: #000; font-size: 12px;}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline;}

/*stili per la navigazione*/

div#navigation h1{margin-left:10; margin-right:15; margin-top:5px; margin-bottom:1px; color:#080;font: normal 18px verdana,sans-serif;text-decoration: none; border-bottom:1px solid #921; width: 240px;}
div#navigation h2{margin-left:10; margin-right:15; margin-top:5px; margin-bottom:1px; color:#920;font: normal 18px verdana,sans-serif;text-decoration: none; border-bottom:1px solid #219; width: 240px;}
div#navigation p{margin-left:15; margin-right:15; margin-top:5px; margin-bottom:1px; color:#000;font: normal 12px verdana,sans-serif;text-decoration: none;}
div#navigation p.p1{margin-left:15; margin-right:15; margin-top:1px; margin-bottom:1px; color:#000;font: normal 12px verdana,sans-serif;text-decoration: none;}
div#navigation p.p2{margin-left:22px; margin-right:15px; margin-top:5px; margin-bottom:5px; color:#000;font: normal 11px verdana,sans-serif;text-decoration: none;}
div#navigation a{color:#000;font: normal 12px verdana,sans-serif;text-decoration: none;}
div#navigation a.a1{color:#900;font: normal bold 12px verdana,sans-serif;text-decoration: none;}
div#navigation a:hover{color: #F00;text-decoration: none;}
div#navigation a.a1:hover{color: #409;text-decoration: none;}
div#navigation a#activelink{color: #033;text-decoration: none}
div#box {background-color: #f9f7f7; width: 250; padding: 0.2em;}
div#box2 {background-color: #f9f7f7; width: 460px; padding: 0.3em;}
div#boxb {background-color: #fff; width: 465; height: 200; padding: 0.3em;}
div#boxb p{color:#000;text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:verdana, sans-serif; padding-left:24px; padding-top:3px; padding-bottom:3px; margin-top:0px; margin-bottom:0px}
div#box p{background: url('images/point.png') no-repeat 3px 3px; color:#000;text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:verdana, sans-serif; padding-left:20px; padding-top:3px; margin-top:0; margin-bottom:0px}

/* menù a tendina stile facebook */

ul#nav{font: 70%/1.5 Verdana,Tahoma,sans-serif}
ul#nav, ul#nav li, ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{height:26px;line-height:25px;margin-left:0px; background: #3B5998;color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px; display:block !important;display: inline;}
ul#nav ul{position: absolute;top: 23px;left: -9999px; width: 16em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav ul, ul#nav li li a{background-color: #EEF;color: #3B5998}
ul#nav li:hover, ul#nav a:hover{background-color: #5C75AA;color: #FFF}
ul#nav li:hover ul, ul#nav li.sfhover ul{left: -1px;z-index: 100}
ul#nav li.sep{height: 34px;background: #EEF;}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden; margin: 6px 5px 0;background: #222}
ul#nav li.nox{padding: 7px 0;background: #EEF; color: #000;}
