.piccolo {
font-size:1px;
color:#FFFFFF;

}


html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;
font-size: 76%;
text-align: center;
background-color:#FFF9EE;



}

div#container{position:relative;
width: 800px;
margin: 0 auto;
margin-top:50px;
text-align: left;
background: url(../img/layout/back.gif) repeat-y;
background-color:#FFF;
border-left: 2px solid #E02E24;
border-right: 2px solid #E02E24;
border-top: 2px solid #E02E24;
border-bottom: 2px solid #E02E24;
 }


div#header{
width: 100%;
height:200px;
 background: url(../img/layout/header.jpg);

}
div#footer{

border-width:0px;
width:100%;
height:40px;
margin:0px;
padding:0px;
background: url(../img/layout/footer.jpg);

}

div#navigation{
position:absolute;
top:250px;
left:50px;
width: 180px;
color:#CCCCCC;
font-size:1.2em;
cursor:pointer;

}

div#validation{
position:absolute;
bottom:70px;
left:0px;
width: 100px;
height:15px;
font-weight:bold;
}

div#validation img {
border: 0px;



} 


img {
border: 0px;

float:left;

} 


div#content{

margin-left:300px;
margin-bottom:50px;

}




div#navigation ul{margin: 1em 0  1em;padding: 0; list-style-type: none; }
div#navigation li{margin: 0;padding: 0.2em}
 a{ text-decoration:none; color:#306;}
 a:hover{ text-decoration:underline; color:#306;}



.menu{
font-size:0.8em;
background-color:#FFFFFF;
color:#000000;
border-left: 1px solid #8F87B6;
border-right: 1px solid #8F87B6;
border-top: 1px solid #8F87B6;
border-bottom: 1px solid #8F87B6;
left:30px;
width:220px;
padding:5px;
text-align:justify;

}

div#content p{
text-align:justify;
padding-right:40px;
line-height:1.5em;

}

.info {
font-size:1.08em;
width:350px;



}

.info2 {
width:350px;

}

.gra{
font-weight:bold;
color:#0B0144;

}