article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

body{
background:#fff;
color:#000;
font-family:sans-serif;
}

p{
font-size:0.8em;
text-align:justify;
}

#codice{
font-family:courier, sans-serif, monospace;
font-size:0.8em
}

#codice1{
font-family:courier, sans-serif, monospace;
font-size:0.8em
}

#codice2{
font-family:courier, sans-serif, monospace;
font-size:0.8em
}

#codice3{
font-family:courier, sans-serif, monospace;
font-size:0.8em
}

#f_linea{
display:inline;
}

#p_linea{
display:inline;
}

#freccia{
border:none;
}

li{
font-size:0.8em;
text-align:left;
}

a:hover{
color:#f00;
}


header{
font-weight:bold;
float:left;
height:35px;
border:none;
margin:5px 40px 5px 20px;
}


#google{
position:absolute;
left:400px;
top:20px;
}

#google p{
font-size:1.5em;
font-weight:bold;
}

#logo_google{
margin-right:10px;
vertical-align:bottom;
}

nav{
clear:left;
margin:0;
}

nav ul{
float:left;
margin-top:10px;
padding-left:20px;
background:#4b77ff;
color:#fff;
font-size:1.5em;
font-weight:bold;
width:96%;
list-style: none;
}

nav li{
float:left;
}

nav ul a{
padding:0 5px 0 6px;
float:left;
line-height:2em;
height:2em;
background:#4b77ff;
color:#fff;
border-right:2px solid #fff;
text-decoration:none;
}

nav a:hover{
color:#000;
}

nav a.attuale{
background-color:#ccc;
color:#000;
}

nav a.prima{
border-left:2px solid #fff;
}

nav a.attuale:hover{
color:#666;
}


section {
clear:left;
float:left;
margin-top:10px;
margin-left:10px;
margin-bottom:20px;
border-right:3px solid #4b77ff;
padding-right:20px;
width:75%;
}


#foto{
float:right;
padding:10px;
}

#menu_laterale{
float:left;
width:20%;
padding-left:10px;
text-align:center;
}

#menu_laterale img{
border:0;
}

#menu_laterale p{
border:0;
text-align:center;
}


footer{
clear:both;
padding: 0 10px 0 10px;
width:65%; 
border-top:1px solid #000;
}

footer p{
font-size:0.8em;
text-align:center;
}