body { 
  /* for IE; otherwise, BG isn't fully stretched */ 
  margin: 0px; 
} 



#bg { 
  position: fixed; 
  margin: 0px; 
  border: 0px; 
  padding: 0px; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 100%; 
  overflow: hidden; 
  z-index: 0; 
} 

#bg img { 
  height:100%;
  width: 100%;
} 

#foto { 
position: relative; 
width:10%;
top:27%;
left:40%;
} 

#foto img { 

} 

#body { 
  position: absolute; 
  left: 0%; 
  top: 0%; 
  width: 98%; 
  height:98%; 
  padding: 1%; 
  z-index: 10; 
} 

li { 
  margin-bottom: 2em; 
} 


div#tit1{
font-weight: bold;
font-size:14px;
text-align:justify;
position: relative; 
left:8%;
width:85%;
margin-top:25%;
}

div#tit2{
font-weight: bold;
font-size:14px;
text-align:justify;
position: relative; 
left:8%;
width:85%;
margin-top:5%;
}


div#link0{
font-weight: bold;
font-size:16;
text-align:center;
position: relative; 
margin-top:5%;
left:8%;
width:85%;
}

div#menu a{
background-color:#cff;
color:#900;
font-weight: bold;
text-decoration:none;
border:2px solid #900;
display:block;
text-align:center;
float:left;
width:110px;
margin-right:4px;
}

div#flags {
position: absolute; 
right: 1px;
bottom: 1px;
}


div#main {
font-weight: bold;
text-align:justify;
position: relative; 
left:8%;
width:85%;
height: 32%; 
top:28%;
bottom:0 %;
}

div#mail{
position: relative; 
left:8%;
top:22%;
width:85%;
height: 39%; 
}

div#menu a:hover{
background-color:#900;
color:#cff;
}