html,body
{
	margin:0;
	padding:0;
	background-color: #004D84;
	
}

body
{
	color: white;
	font: 76% Franklin Ghotic Book, arial,sans-serif;
	text-align:center;
}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:100px;margin:0;
  background: #FFFFFF;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#content2 {
font: bold 45pt Franklin Ghotic Book,arial,verdana,sans-serif;
height: 324px;
z-index:2;
}

div#content3 {
font: 10pt verdana,arial,sans-serif;
text-align: justify; color: white; height: 50%; padding: 20px; background: url(../img/background2.jpg);
}

div#content4 {
font: 10pt verdana,arial,sans-serif;
text-align: center; color: white; padding:50px;
height: 50%;
background: url(../img/background2.jpg);
}

div#navigation
{background:#1082BD;color: #B5DBEF; font: bold 9pt Franklin Ghotic Book,arial,verdana,sans-serif; text-align: center}
div#extra{background:#0071AD; color: #B5DBEF; font: bold 20pt Franklin Ghotic Book,arial,verdana,sans-serif; text-align: center}
div#footer{background: #004D84;color: #FFF; text-align:center; }
div#footer p{margin:0;padding:5px 10px;text-align:center}


div#container{
text-align: center;
}

div#container2{
width: 816px;
margin:0 auto;
vertical-align: middle;
}

div#footer{clear:both;width:100%;text-align:center}
div#navigation{float:right;width: 50%; height:200px}
div#extra{float:left;width:50%; height: 200px}

a{
text-align: center;
height: 20px;
color: #004E81;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;	
font-size: 12pt;	
text-decoration: none;
padding: 2px;
padding-left:0px;
padding-right:0px;
}

a:hover{
display: inline;
background-color: #429ABD;
width: 20%;
float: left;
text-align: center;
height: 20px;
display: block;
color: #004E81;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;	
font-size: 12pt;	
text-decoration: none;
text-align: center;
padding: 2px;
padding-left:0px;
padding-right:0px;
}

a.prova{
background-color: #004D84;
color: #FFFFFF;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;		
display: inline;
float: none;
font-size: 9pt;
text-align: center;
padding: 0px;
}

a.test{
color: #ffffff;
display: block;
width: 50%;
float: left;
text-align: center;
height: 30px;
vertical-align: middle;
background-color: #4AA6D6;
font-size: 18pt;
font-family:Lucida Sans Typewriter, Verdana, Arial,tahoma, Helvetica, sans-serif;
}

a.test1 {
display: block;
width: 50%;
float: left;
text-align: center;
height: 30px;
vertical-align: middle;
background-color: #F1F1F1;
font-size: 18pt;
font-family:Lucida Sans Typewriter, Verdana, Arial,tahoma, Helvetica, sans-serif;
}

a.test2{
display: block;
width: 100%;
float: left;
text-align: center;
height: 30px;
vertical-align: middle;
background-color: #4AA6D6;
background:#0071AD; 
color: #B5DBEF; 
font: bold 20pt Franklin Ghotic Book,arial,verdana,sans-serif; 
text-align: center
}

a.test3 {
display: block;
width: 100%;
text-align: center;
height: 30px;
color: #004E81;
background-color: #DEDBDE;
font-size: 18pt;
font-family:Lucida Sans Typewriter, Verdana, Arial,tahoma, Helvetica, sans-serif;
}

a.test:hover{
color: #ffffff;
display: block;
width: 50%;
float: left;
text-align: center;
height: 30px;
vertical-align: middle;
background-color: #0AA6D6;
font-size: 18pt;
font-family:Lucida Sans Typewriter, Verdana, Arial,tahoma, Helvetica, sans-serif;
}

a.test1:hover{
display: block;
width: 50%;
float: left;
text-align: center;
height: 30px;
vertical-align: middle;
background-color: #EDEDED;
font-size: 18pt;
font-family:Lucida Sans Typewriter, Verdana, Arial,tahoma, Helvetica, sans-serif;
}

a.test2:hover{
display: block;
width: 100%;
float: left;
text-align: center;
height: 30px;
vertical-align: middle;
background-color: #4AA6D6;
background:#0071AD; 
color: #B5DBEF; 
font: bold 20pt Franklin Ghotic Book,arial,verdana,sans-serif; 
text-align: center
}

img.spot{
border: 0px;
width: 700px;
margin: 0px;
}







#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border-left-width: 0;
background-color: #DEDBDE;
}

.headerlinks a{
width: 136px;
font-weight: bold;
color: #004E81 ;
font-size: 11pt;
}

.headerlinks a.{
width: 136px;
font-weight: bold;
color: #004E81 ;
font-size: 11pt;
}

.headerlinks a:hover{
width: 136px;
font-weight: bold;
color: #004E81 ;
}

.submenus{
display: none;
width: 136px;
position: absolute;
bottom: -72px;
right: 0px;
background-color: #DEDBDE;
text-align: center;

}
.submenus li{
width: 100%;
}

.submenus li a.pippo{
display: block;
background-color: #DEDBDE;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;	
font-size: 9pt;	
width: 136px;
font-weight: bold;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #429ABD;
width: 136px;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

a.info{
display: inline;
float: none;
text-align: left;
height: 20px;
color: white;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;	
font-size: 9pt;	
text-decoration: none;
padding: 0px;
padding-left:0px;
padding-right:0px;
outline:none;
}

a.info:hover{
display: inline;
float: none;
text-align: left;
height: 20px;
color: white;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;	
font-size: 9pt;	
text-decoration: none;
padding: 0px;
padding-left:0px;
padding-right:0px;
}


.grid1 {
font: 9pt verdana,arial,sans-serif;
background-color: rgb(255,0,0);
width: 384px;
height: 17px;
}



a.cliccato{
display: block;
background-color: #429ABD;
float: left;
text-align: center;
height: 20px;
color: #004E81;
font-family:Verdana, Arial,tahoma, Helvetica, sans-serif;	
font-size: 12pt;	
text-decoration: none;
text-align: center;
padding: 2px;
padding-left:0px;
padding-right:0px;
}


textarea {
font-family: verdana;
font-size: 10pt;
}