/*HOJA DE ESTILOS PARA LAS PAGINAS DE VISITA*/


body {   /*Inicio Regla para la etiqueta body, selector de tipo etiqueta , inicio de declaracion*/
	margin: 0px; /*Propiedad y valor*/
	padding: 0px;/*Relleno: está formado por el espacio libre entre el contenido y el borde que lo encierra.*/
	background-color:#4263AA;/*Web safe color#336699*/
}/*Fin de regla CSS, y fin de declaracion*/
body,td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;/*interlineado*/
	font-weight: normal;/*anchura de la letra*/
	color:#CFCFC9;/*color del texto*/

}
legend
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CFCFC9;/*color del texto*/	
}
.txt-footer {/*selector de clase*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px 24px;
}
.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11; 
	color: #FFFFFF;
}
.menu:link {/*enlaces que aun no han sido pinchados*/
	color: #FFFFFF;
	text-decoration: none;/*texto no subrayado*/
}
.menu:hover{
	color:#000000;
}
.menucarrera{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12; 
	color: #FFFFFF;
	font-weight:bold;
}
.menucarrera:link {/*enlaces que aun no han sido pinchados*/
	color: #FFFFFF;
	text-decoration: none;/*si el texto esta subrayado o no*/
}
.menucarrera:hover{
	color:#000000;
}

.amarillo
{color: #FFFF00;}

.rojo
{color:#CC3300;}

.verde
{color:#009900;}

.morado{
color:#990066;
}

.azul{
color:#3366CC;}

.gris{
background-color:#CFCFC9;
color:#000000;
}

a:link {/*enlaces que aun no han sido pinchados*/
	color: #FFFFFF;
	text-decoration: none;/*si el texto esta subrayado o no*/
}
a:visited {/*enlaces ya visitados*/
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {/*estilos que se muestra cuando el usuario posiciona el puntero del ratón sobre el enlace.*/
	color: #FF6400;
	text-decoration: none;
}
a:active {/*estilos que se aplican cuando el usuario está pinchando sobre el enlace (el tiempo durante el que se aplica este estilo es muy breve).*/
	color: #FF6400; 76
	text-decoration: underline;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 12px;
	font-weight:bold;
	color:#CFCFC9;
	}
.h1b{
	font-size: 13px;
	line-height: 12px;
	font-weight:bold;
	color:#FFF;
	}
	
.h1n{
	font-size: 13px;
	line-height: 12px;
	font-weight:bold;
	color:#000;
	}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 14px;
	font-weight:bold;
	color:#CFCFC9;
	}
	
table.orilla{
border-right:#FFFFFF 5px solid;
border-left:#FFFFFF 5px solid;
border-top:#FFFFFF 5px solid;
border-bottom:#FFFFFF 5px solid;
}

/*para el menu de al lado en la pagina principal*/
#navcontainer
{
width: 95%;
float:right;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #5F8EF4;
color: #FFF;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #2C4272;
border-right: 10px solid #769df1;
background-color: #496EBE;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}