body{
color:#00008b;/*blue4*/
background-color:#ffffff;/*white*/
background-image:url(assets/peterbg.gif);
background-repeat:repeat-y;
font-family:georgia,times new roman, serif;
border:0;margin:0;padding:0;
text-align:left;
}
h1,h2,h3,h4{color:#b22222;/*firebrick*/}

a:link{color:#cd0000}/*red3*/
a:active{color:#cd0000}/*red3*/
a:visited{color:#cd0000}/*red3*/
a:hover{color:#000}

/*TOPBAR STARTS HERE*/
div.topbar{
position:relative;
left:124px;
float:left;
width:62%;
}

div.topbar h1{
font-size:300%;
font-weight:normal;
border-bottom:1px solid #b22222;/*firebrick*/
padding:0.25em 0 0.25em 0;
margin:1em 0 0 0;
}
div.topbar h2{
font-size:120%;
font-weight:normal;
font-style:italic;
letter-spacing:0.1em;
border-bottom:1px dotted #b22222;/*firebrick*/
padding:0.5em 0.5em 0.5em 0;
margin:0;
text-align:left;
color:#b22222;/*firebrick*/
}
/*div.topbar h4{
font-size:100%;
font-weight:normal; */
/*border-bottom:1px dotted #b22222; */  /*firebrick*/
/*border-top:1px solid #b22222;
border-bottom:1px solid #b22222;
padding:0.5em 0 0.5em 0;
margin:0 0 0.5em 0;
text-align:left;
color:#b22222;/*firebrick*/
/*}  */
/*strip starts here*/
div.strip{
position:absolute;
top:0;
left:0;
width:104px;
padding:0 20px 0 0;
}
/*MENU STARTS HERE*/
div.menu{
float:right;
width:15%; 
margin:0 0;
border:0;
padding:0 2px 0 10px;
}
div.menu ul{
margin:0;
padding:0;
}

div.menu li{
margin:0;
padding:0;
border:0;
list-style-type: none;
}
div.menu h3{
font-size:80%;
}
div.menu p{
margin:0;
padding:2px 0 2px 0;
border:0;
text-align:left;
font-size:75%;
font-weight:bold;
/*border-style: solid;
border-width: 0 0 1px 0;
border-color:#e8e8e8;*/   /*grey 91*/  
}

div.menu a{
display:block;
width:130px;
font-size:100%;
font-weight:normal;
text-decoration:none;
text-align:left;
background-image:url();
background-repeat:repeat-y;
/*background-position:0 50%; */
margin:0;
padding:2px 0 2px 10px;
border-style: solid;
border-width: 0 0 1px 0;
border-color:#e8e8e8;/*grey 91*/
}
/*This sets the behaviour when the mouse goes over a link.*/
div.menu a:link{color:#00008b;/*blue4*/}
div.menu a:active{color:#00008b;/*blue4*/}
div.menu a:visited{color:#00008b;/*blue4*/}
div.menu a:hover {
background-color:#e9e9e9;/*grey*/
background-image:url(media/pointer2.gif);
background-repeat:no-repeat;
background-position:0 50%;
color:#b22222;/*firebrick*/
}
/*END OF THE MENU*/

/*PAGEHEAD STARTS HERE*/
div.pagehead{
position:relative;
left:124px;
float:left;
clear:left;
width:62%;
text-align:left;
margin-top:10px;
}
div.pagehead h1{
color:#fff;
background-color:#b22222;
font-size:180%;
font-weight:normal;
margin:0;border:0;
padding:0.5em;
}
/*LEGENDA STARTS HERE*/
div.legenda{
position:relative;
left:124px;
float:left;
clear:left;
width:62%;
margin:0 0 10px 0;
border:0;
padding:10px 0 0 0;
text-align:left;
line-height:1.4;
font-size:75%;
}
div.legenda h1,h2,h3,h4{
font-weight:normal;
}
div.legenda h1{
margin:0 0.5em 0.25em 0;
padding:0;border:0;
font-size:150%;
}
div.legenda h2 {
margin:0.5em 0.5em 0.25em 0;
padding:0;border:0;
font-size:130%;
}
div.legenda h3 {
margin:0.3em 0.5em 0 0;
padding:0;border:0;
font-size:110%;
}
div.legenda h4 {
margin:0.25em 0.5em 0 0;
padding:0;border:0;
font-weight:bold;
font-size:85%;
}
div.legenda h5 {
margin:0 0.5em 0 0;
font-weight:bold;
padding:0 0.5em 0 0.5em;
}
div.legenda h6 {
margin:0 0.5em 0 ;
padding:0 0.5em 0 0.5em;
}
div.legenda p {
margin:0 1em 0.8em 0;
padding:0;border:0;
}
div.legenda ol{
margin:0 0 0.3em 1em;border:0;
padding:0;
}
div.legenda ul{
margin:0 0 0.3em 1em;border:0;
padding:0;
}
div.legenda li {
/*margin:0 0.5em 0.1em 0.5em; */
margin:0 1em 0.5em 2em;
padding:0;
}
div.legenda a{
margin:0;padding:0;border:0;
}

div.legenda blockquote{
margin:0 2em 0.8em 2em;
padding:0;border:0;
font-size:75%;
}
div.mainpic {
float:right;
margin:0 0 10px 10px;
border-bottom:1px dotted #00008b;
}
div.mainpic h4{
padding:3px 0 3px 3px;
color:#444499;
}

/*BOX STARTS HERE*/
div.box{
float:right;
width:180px;
border:1px solid #b22222;/*firebrick*/
padding:0.5em;
margin:0 0 1em 1em;
}
div.box h2,h3,p,ul,li{
padding:0 0.5em 0 0;
margin:0;
}
div.box h2{
margin:5px 0 5px 0;
padding:0 0.5em 0.25em 0;
border-style:solid;
border-width:0 0 1px 0;
border-color:#00008b;/*blue4*/
font-size:120%;
font-weight:normal;
}
div.box h3{
margin:0.3em 0 0.25em 0;
font-size:100%;
font-weight:bold;
}
div.box p{
margin:0 0 0.2em 0;
font-size:70%;
}
div.box a{
text-decoration:none;
}
div.box a:hover{
text-decoration:underline;
}
/*PES STARTS HERE*/
div.pes{
clear:both;
background-color:#e8e8e8;  /*grey 91*/
margin:0;padding:0;border:0;
text-align:right;
/*clear:both; */
/*background-color:#e8e8e8;grey 91*/
/*width:84%;
margin:0 0 0 124px;
padding:0;
border:1px solid #0033cc;
text-align:center; */
}
div.pes p{
font-size:xx-small;
padding:1em 1em 0.5em 0;
margin:0;
letter-spacing:0.1em;
}