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:24;
text-align:center;
position: relative; 
top: 26%;
left:8%;
width:85%;
}

div#tit2{
font-weight: bold;
color:#900;
font-size:30;
text-align:center;
position: relative; 
top: 27%;
}

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:center;
position: relative; 
font-size:24;
left:8%;
width:85%;
margin-top:17%;
}



div#sospeso {
font-weight: bold;
text-align:center;
position: relative; 
font-size:16;
text-align:center;
position: relative; 
margin-top: 0%;
}

div#down1 {
font-weight: bold;
text-align:center;
position: relative; 
font-size:16;
left:8%;
width:30%;
margin-top:1%;
}

div#down2 {
font-weight: bold;
text-align:center;
position: relative; 
font-size:16;
left:62%;
width:30%;
margin-top:-2%;
}



div#down3 {
font-weight: bold;
text-align:center;
position: relative; 
font-size:16;
left:8%;
width:30%;
margin-top:1%;
}

div#down4 {
font-weight: bold;
text-align:center;
position: relative; 
font-size:16;
left:62%;
width:30%;
margin-top:-2%;
}

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