body {
background-color: black;
font-size: 62.5%;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
}
a {color: red;}
a:visited {color: red;}
a:hover {color: black;}
a:active { color:#000000;}

h1 {
font-size: 1.4em;
text-transform:uppercase;
color: white;
background-color: red;
border-top:1px solid white;
border-bottom:1px solid white;
padding:5px 15px;
margin:0px }



h3 {
font-size: 1.3em;
font-weight: bold;
font-style: italic;
color: red;
padding: 5px 10px;
margin:0px;
border-left: 5px red solid;
}


h4 {

font-size: 1.2em;
font-weight: bold;
color: black;
padding: 5px 10px;
margin:0px;

}
img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: white;
}

/* ----------banner for logo-------------- */
#banner {
background-color: black;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
border-left: 1px red solid;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p
{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

#left ul
{
	list-style-type: square;
	list-style-position: outside;
margin: 25px 0 0 0;

}
#left li
{
padding: 2px;
}
#left li a
{
	text-decoration: none;

}
#left li a#destacar
{
	color: black;
	text-transform: uppercase;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 5px;
text-align: right; }


.red
{
color: red;
}