/* CSS Document */
body {
background: #f6eada;
text-align: center;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
margin:auto;
}

img {
border: none;
}

#contenitore{
background: #f6eada;
width: 80%;
margin: auto;
text-align:justify;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
}

#header {
background-image:  url(immagini/logo.jpg);
width: 400px;
height: 346px;
margin: auto;
margin-bottom: 20px;
}

#navcontainer {
float:left;
width: 23%;
font-family: Verdana, georgia, serif;
font-size: 90%;
text-align: center;
text-transform: lowercase;
}

ul#navlist {
text-align: left;
list-style: none;
padding: 0;
margin: 0 ;
width: 70%;
}

ul#navlist li {
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #800000;
background: #f6eada ;
border-color: #aaab9c #fff #fff #ccc;
}

.titsez{
float: right;
width: 75%;
background: #f6eada;
text-align: justify;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #800000;
}

.testo{
float: right;
width: 75%;
background: #f6eada;
text-align: justify;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
}

p {
margin-top: 0px;
margin-bottom: 10px;
}

.clean {clear: both; }

#footer{
float: right;
width: 80%;
text-align: center;
font: 80% Arial, Helvetica, sans-serif;
color: #807464;
background: #f7f2ea;
margin-top: 15px;
border: 1px solid #aaab9c;
}

a.footer {
background: #f7f2ea;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
text-decoration: none;
}

a.footer:visited {
background: #f7f2ea;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
text-decoration: none;
}

a.footer:active {
background: #f7f2ea;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
text-decoration: none;
}

a.footer:hover { 
background: #f7f2ea;
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
text-decoration: none;
font-weight: bold;
}

a.cont {
background: #f6eada;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
border-bottom: thin dashed #807464;
text-decoration: none;
}

a.cont:visited {
background: #f6eada;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
border-bottom: thin dashed #807464;
text-decoration: none;
}

a.cont:active {
background: #f6eada;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
border-bottom: thin dashed #807464;
text-decoration: none;
}

a.cont:hover { 
background: #f6eada;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
border-bottom: thin dashed #807464;
text-decoration: none;
font-weight: bold;
}

.testo_grass {
background: #f6eada;
text-align: justify;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
margin-top: 10px;
}

.testo_centr {
background: #f6eada;
text-align: center;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #807464;
}

.vuoto {
height: 20px;
}

.vuoto2 {
height: 40px;
}

#dati {
width: 50%;
margin:auto;
margin-top: 20px;
margin-bottom: 5px;
padding: 0;
}

.amici_incontrati {
width: 100%;
height: 20px;
margin: auto;
margin-bottom: 5px;
margin-top: 5px;
background: #f6eada;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
color: #800000;
text-align: center;
padding: 5px 0 5px 0;
border: solid 2px #807464;
}

.amici_incontrati_sx {
float:left;
width: 45%;
margin:auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
text-align: center;
padding: 5px 0 5px 0;
border: solid 2px #807464;
}

.amici_incontrati_dx {
float:right;
width: 45%;
margin:auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
text-align: center;
padding: 5px 0 5px 0;
border: solid 2px #807464;
}

.amici_2006_sx {
float:left;
width: 88%;
margin:auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
text-align: left;
padding: 5px 0 5px 5px;
border: solid 2px #807464;
}

.amici_2006_dx {
float:right;
width: 7%;
margin:auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
text-align: center;
padding: 5px 0 5px 0;
border: solid 2px #807464;
}