body{
margin:0;
padding:0;
} 
 /*By using using the class .bot instead of a #rule you can 
 avoid having to use position:relative; as a fix for Opera 
 in the top div*/
.bot{ 
border-bottom:1px solid #000000;
padding-bottom:5px;
background:#F5F5F5;
}
/* Left column The menu */
#mainl{
width:200px;
margin-left:5px;
margin-bottom:10px; /* Keep footer away on short pages */
float:left;
padding:5px;
border:1px solid #000000;
background:#F5F5F5;
font-size:small;
}
/* Right column main content area */
#mainr{
width:68%; /* This smaller width is needed for IE6 */
padding:8px;
margin-left:250px;
}
/* the footer */
#footer{
border-top:1px solid #000000;
border-bottom:1px solid #000000;
clear:both;
margin-top:10px;
padding:5px;
background:#F5F5F5;
text-align:center;
position:relative; /*needed for opera*/
}

div#menu_lenguas {
    text-align:right;
}

div#banner_home {
	background:#0004a4;
        background-image:url("http://protesta.proinnova.org/galerias/aaaaaa/thumbs/thumb_01-concentradosFIM_ojodepez.jpg");
        background-position: right center;
        background-repeat: no-repeat;
}

div.title {
	width: 100%;
	background: #0004a4;
	color: #ffffff;
	font-style: bold;
	font-size:small;
}

#mainl blockquote {
	font-size:small;
	color:#0000ff;
}


li {
	font-size:x-small;
}