body {
	background-color: #EBEBEB;
	margin: 0px;
	}

/* ESTILOS DE TEXTO */

.txt-gral {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.listado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999900;
	font-weight: bold;
	text-decoration: none;
}
.listado:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999900;
	font-weight: bold;
	text-decoration: underline;
}


.hora { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336600;
}

/* TITULOS */

.titulos-principal{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #CC0000;
	font-weight: bold;
}

.titulos-secundario{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #9C9C00;
    font-weight: bold;
}

.titulos-contenidos {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666600;
	font-weight: bold;
}

a.titulos-contenidos {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none
}

a.titulos-contenidos:hover {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #11508E;
	text-decoration: none
}

.titulos-templates{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

/* LINKS */

a.link {
    font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}

a.link:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-decoration: underline;
}

a.link02 {
    font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	font-size: 11px;
	text-decoration: underline;
}

a.link02:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #003300;
	font-size: 11px;
	text-decoration: underline;
}

.footer {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E9B5E;
	text-decoration: none
}

a.footer:hover {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336633;
	text-decoration: underline;
}

.ruta {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none
}

a.ruta:hover {  
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline
}

a.planos {
    font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	font-size: 14px;
	text-decoration: none;
}

a.planos:hover {
    font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	font-size: 14px;
	text-decoration: underline;
}
/* MENU */

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	display: block;
	float: none;
}

a.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	height: 18px;
	background-color: #DBDB75;
	display: block;
	float: none;
	width: 100%;
}

.nav01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	width: 100%;
	display: block;
	float: none;
}

a.nav01:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	width: 100%;
	background-color: #DBDB75;
	display: block;
	float: none;
	width: 100%;
}

/* --------- */

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
	color: #666666;
	border: 1px solid #999999;
	text-decoration: none;
}

.bot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	background-color: #003399;
	color: #ffffff;
	border: 1px solid #ffffff;
	text-decoration: none;
}