body, html {
background-color : #b0c4de;
font-family : verdana, arial, sans-serif;
font-size : 13px;
margin-right: auto;
margin-left: auto;
margin-top : 10px;
margin-bottom : 10px;
text-align : center;
}

#main {
background-color : white;
padding : 12px;
border : 1px dashed black;
text-align : center;
width : 70%;
margin-right: auto;
margin-left: auto;
}

#corpo {
text-align : justify;
}

#menu {
margin : 10px auto;
padding-top: 5px;
}

table.menu {
margin : 0 auto;
text-align : center;
font-size : 13px;
border: 0px;
}

a:link.menu, a:visited.menu, a:active.menu {
text-decoration : none;
color: white;
}

a:hover.menu {
text-decoration : none;
color: black;
}

h4 {
font-size: 12px;	
}

#corpo h2 {
text-align : center;
font-size: 18px;
}

div.foot {
text-align : center;
font-size : 10px;
}

a:link, a:visited, a:active {
color : #555599;
text-decoration : none;
}

a:hover {
color : #990000;
text-decoration : none;
}

div.form {
text-align : center;
}

form input, textarea {
padding : 4px;
border : 2px solid #98a9bf;
background: white ;

}

#tags {
text-align : center;
}


div.centra {
text-align : center;
margin : 0 auto;
}

.centraimg {
text-align : center;
margin : 0 auto;
}

.centravideo {
text-align : center;
margin : 0 auto;
}


span.voce {
display: block;
padding: 10px;
border : 2px solid #aabed6;
color : black;
}

span.voce:hover {
display: block;
padding: 10px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
}

span.menu1 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/home.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu1:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

span.menu2 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/articoli.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu2:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

span.menu3 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/foto.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu3:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

span.menu4 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/codici.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu4:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

span.menu5 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/old.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu5:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

span.menu6 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/find.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu6:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

span.menu7 {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background: url("/images/info.png")  top no-repeat;
border : 2px solid transparent;
color : #ffffff;
}

span.menu7:hover {
display: block;
width : 70px;
padding-top: 48px;
padding-left : 2%;
padding-right : 2%;
padding-bottom : 5px;
background-color : #bacfeb;
border : 2px solid #98a9bf;
color : black;
cursor: pointer;
}

.commento {
border-left: 2px solid #98a9bf;
border-right: 2px solid #98a9bf;
padding: 5px 15px 5px 15px;
text-align : justify;
margin-right : 40px;
margin-left : 40px;
}

.titcommento {
padding-bottom:  2px;
font-weight: bold; 
text-align : left;
}

.code {
font-family: "Courier New", Courier, mono, serif;
font-size: 13px;
padding:  10px;
margin-right : 80px;
margin-left : 80px;
margin-top: 10px;
text-align : left;
background: #cae1ff;
white-space : pre;
overflow : auto;
line-height:  8px;
border : 1px dashed black;
}

a:link.tit, a:visited.tit, a:active.tit{
color: black;
}

a:hover.tit {
color : #990000;
}

div.quote {
padding:  10px;
margin-right : 80px;
margin-left : 80px;
margin-top: 10px;
margin-bottom: -10px;
background: #cae1ff;
font-style: italic;
}

span.quote {
font-weight: bold;
font-style: normal;
}