body {
 background-color:#e9201f;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}
 
 h1 { color:#66707B; }
h2 {
	color:#000000;
	text-align:right;
}

h2 a{
	color:#66707B;
	text-align:right;
}

h2 a:hover{
	color:#000000;
	text-align:right;
	text-decoration:underline;
}

img {
	border:0px;
}

a {
	text-decoration: none;
}

span {
	color:#fff;
	font-family: Georgia;
	font-size: 9pt;
}

#contenedor {
	 background-color:#e9201f;
	 height: 100%;
}

#principal {
	margin:0 auto;
	position: relative;
	background-color:#e9201f;
	height:auto;
	color:#fff;
		
}

#principal ul {
	
}

#principal li {
	display:inline;
	float:left;
	width:260px;
	padding:5px;
	margin:10px;
	text-align: left;
	background-color:#e9201f;
	
}

#titulo {
	float: left;
	width: 100%;
	background-color:#3c3c3c;
	height: 38px;
	text-align:left;
	margin-top:0px;
}

#titulo .titular{
	padding: 0px 12px 0px 0px;
	color:#fff;
	font-size:200%;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#000;
	width: auto;
}
#titulo h2{
text-indent:-5000px;
}



    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0px;
        font-size: 0%;
        line-height: 0%;
    }