/*stili per il layout fisso con posizionamenti assoluti*/
html, body{margin: 0;padding:0}
body{background: #4A7BB5 url(images/body-bg.jpg) top left repeat-x; font-family: verdana,arial,sans-serif;font-size: 8pt; color: #363636; text-align: center}
div#container{position: relative; width: 896px; margin: 0 auto; border-left: 1px solid #003468;border-right: 1px solid #003468; background-color: #fff; }


/*stili generici, su header e footer*/
div#header{
width:898px;
		   height: 150px;
           background:url('http://www.gratisandgratis.com/images/baseheader.png')  center top no-repeat;
		   color: #ff0
		   text-align: center;
		   }
div#header a{color: #eee;text-decoration:none}
div#header a:hover{color: #ff0000;text-decoration: underline}
div#header a#activelink{color: #363636;text-decoration: underline}
h1, h2, h3, p{margin: 0}
h2{font-size: 18pt}
h3{font-size: 8pt}
td{font-size: 8pt}

#logo
{
	float:left;
	text-align: left;
	width:330px;
	height:150px;
	padding-top: 10px;
	font-size: 1em !important;
	font-weight: bold !important;
}

#logo  img { display: block; }

#logo span
{
	display: block;
	margin: 0px 0 0 42px !important;
}
#sponsor468 {
	float:left;
	text-align:left;
	width:480px;
	height:60px;
	padding-left: 12px;
	padding-top: 35px;
	padding-bottom: 20px;
}
#sponsorlink468 {
	float:left;
	text-align:left;
	width:480px;
	height:10px;
	padding-top: 5px;
	padding-left: 12px;
}
#sponsorlink855 {
	float:left;
	text-align:left;
border-top:1px dashed #ccc; 
border-left:1px dashed #ccc; 
border-right:1px dashed #ccc; 
border-bottom:1px dashed #ccc;
	width:870px;
	height:25px;
	margin-left:15px;
}




/*stili specifici per il layout*/
div#navigation{position: absolute; top: 0px; left: 10px; width: 180px;}

div#extra{position: absolute; top: 0px; left: 705px; width: 180px; }
div#extra a{color:#363636;font: normal 10pt/10pt verdana,arial,sans-serif;text-decoration: none}
div#extra a:hover{color: #ff0000;text-decoration: underline}
div#extra a#activelink{color: #363636;text-decoration: none}
div#extra p{font-size: 10pt}

div#content{
width:488px;
padding: 1px;
margin-left: 204px; 
margin-right: 204px; 
}
div#centralealto{
width:488px;
padding: 1px;
margin-left: 204px; 
margin-right: 204px; 
           background:url('http://www.gratisandgratis.com/images/centralealto.png') center bottom no-repeat; 
height:34px;
}
div#centralebasso{
width:488px;
padding: 1px;
margin-left: 204px; 
margin-right: 204px; 
           background:url('http://www.gratisandgratis.com/images/centralebasso.png') center top no-repeat; 
height:25px;
}

div#content{background:url('http://www.gratisandgratis.com/images/centrale.png') repeat-y top;}
div#content a{color:#363636;text-decoration: none}
div#content a:hover{color: #ff0000;text-decoration: underline}
div#content a#activelink{color: #363636;text-decoration: underline}

div#footer{
		   width:898px;
 		   height:61px;
 		   text-align:center; 
           background:url('http://www.gratisandgratis.com/images/aa3.png') center top no-repeat; 
           color: #000;
}
div#footer a{color:#363636;text-decoration: none}
div#footer a:hover{color: #ff0000;text-decoration: underline}
div#footer a#activelink{color: #363636;text-decoration: underline}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#363636;font: normal 10pt/10pt verdana,arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #ff0000;text-decoration: underline}
div#navigation a#activelink{color: #363636;text-decoration: none}
div#navigation p{font-size: 10pt}

#navbar {
float: left;
width: 898px;
margin-top: 0;
margin-left: 1px;
border-left: 1px solid #003468;
border-right: 1px solid #003468;
text-align: center;}

#mainnav {
float: right;
width: 210px;
margin-top: 10px;
padding-right: 20px;
margin-bottom: 10px;
color: #787274;}

.nav h2 {
	text-align:left;
clear: both;
width: 180px;
background: url('http://www.gratisandgratis.com/images/h2.jpg') no-repeat;
font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 10px;
padding: 11px 0 4px 0;
text-indent: 55px;
color: #333333;}

.nav * {
padding: 0;
margin: 0;
	text-align:left;
}
.navcentrato h2 {
	text-align:left;
clear: both;
width: 180px;
background: url('http://www.gratisandgratis.com/images/h2.jpg') no-repeat;
font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 10px;
padding: 11px 0 4px 0;
text-indent: 55px;
color: #333333;}
.navcentrato * {
padding: 0;
margin: 0;
text-align:center;
}

.nav li {
list-style: none;}

.nav li a {
display: block;
padding: 5px 0;
width: 170px;
background: url(http://www.gratisandgratis.com/images/nav.gif) 5px 10px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 1px dashed #E6E7E2;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;
color: #787274;}

.nav li a:hover {
text-decoration: none;
color: #464142;}