/* estilos para menu de secciones */

/*clases para los fonts */

h1.fontface {
	letter-spacing: 0;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size: 60px;
	line-height: 68px;
	color: #990000;
}
		p.style1 {font: 18px/27px 'ComfortaaThin', Arial, sans-serif;}
		p.style2 {font: 18px/27px 'ComfortaaRegular', Arial, sans-serif;}
		p.style3 {font: 18px/27px 'ComfortaaBold', Arial, sans-serif;}
		
.encabezado1{
	margin:0 auto; position:relative;
	padding: 10px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	font-size:40px;
	color: #0A53AC;
}
	
.encabezado2{
	margin:0 auto; position:relative;
	padding: 10px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	font-size:40px;
	color: #0D6ADC;
}
	
.encabezado3{
	margin:0 auto; position:relative;
	padding: 10px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	font-size:40px;
	color: #2A84F2;
}

.encabezado4{
	margin:0 auto; position:relative;
	padding: 10px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	font-size:40px;
	color: #8ABBF8;
}

/* menu superior */
.menusuperior{
	padding: 10px;
	width:877px;
	font-size:16px;
	font-style:normal;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	text-align: right;
	alignment-adjust:central;
	color: #333;
}

.menusuperior ul{
	margin: 0;
	padding: 0;
}	
.menusuperior li {
	list-style-type: none;
	font-size: .75em;
	border-bottom: 1px dashed silver;
	line-height: 1.2em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.menusuperior a {
	color: #999999;
	text-decoration: none;
}
.menusuperior a:hover {
	color: #0A53AC;
	text-decoration: underline;
}

/* ----------------------- */
.carruselcontenido {
	padding-left:30px;
	alignment-adjust:central;
}

.encabezadocontenido{
	padding: 10px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	font-size:25px;
	color: #333; /* #0A53AC  */
}
/*Se duplico este estilo, para que no marcara error en la prueba de validar HTML*/
.encabezadocontenido2{
	margin:0 auto; position:relative;
	padding: 10px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	font-size:20px;
	color: #0D6ADC;
}

.textocontenido{
	margin:0 auto;
	position:relative;
	padding: 0px;
	width:877px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:18px;
	color: #333;
	text-align: justify;
} 

.textomenu{
	padding: 10px;
	width:877px;
	font-size:20px;
	font-style:normal;
	font-family: 'ComfortaaRegular', Arial, sans-serif;	
	text-align: justify;
	alignment-adjust:central;
	color: #333;
}
.textomenu ul{
	margin: 0;
	padding: 0;
}	
.textomenu li {
	list-style-type: none;
	font-size: .75em;
	border-bottom: 1px dashed silver;
	line-height: 1.2em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.textomenu a {
	color: #999999;
	text-decoration: none;
}
.textomenu a:hover {
	color: #0A53AC;
	text-decoration: underline;
}
#textopiepag{
	text-align: center;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size: 12px;
	color: #999999;
	vertical-align: text-bottom;
	height: -y;
}
#textopiepag ul{
	margin: 0;
	padding: 0;
	height: -y;
}	
#textopiepag li {
	list-style-type: none;
	font-size: .75em;
	border-bottom: 1px dashed silver;
	line-height: 1.2em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	height: -y;
}
#textopiepag a {
	color: #999999;
	text-decoration: none;
}
#textopiepag a:hover {
	color: #0A53AC;
	text-decoration: underline;
	text-align: center;
	height: -y;
}
		
/* ------------------- */		

.header .menu {
	margin: 0 0 0px 0;
	list-style-type: none;
	margin-left:-40px;
	}
	
.header .menu ul {
	font: 20px 'ComfortaaThin', Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #999999;
	}
	
.header .menu ul li {
	list-style-type: none;
	margin: 0 0 0 1px;
	padding: 0;
	float: left; 
	}
	
.header .menu ul li a {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #DBD9D4;
	color: #999;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
	}

.header .menu ul li a.cursos {
	border-top-color: #0A53AC;
	text-decoration: none;
	}
.header .menu ul li a.diplomados {
	border-top-color: #0D6ADC;
	text-decoration: none;
	}	
.header .menu ul li a.posgrado {
	border-top-color: #2A84F2;
	text-decoration: none;
	}
.header .menu ul li a.educacion {
	border-top-color: #5AA0f5;
	text-decoration: none;
	}
.header .menu ul li a.contacto {
	border-top-color: #8ABBF8;
	text-decoration: none;	
	}

.header .menu ul li a:hover.cursos {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #0A53AC;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}

.header .menu ul li a:hover.diplomados {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #0D6ADC;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}

.header .menu ul li a:hover.posgrado {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #2A84F2;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}

.header .menu ul li a:hover.educacion {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #5AA0f5;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}

.header .menu ul li a:hover.contacto {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #8ABBF8;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}

.header .menu ul li a:visited.contacto {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #8ABBF8;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}

#home #main .home a,
#diplomados #main .diplomados a,
#posgrados #main .posgrados a,
#educlinea #main .educlinea a,
#contacto #main .contacto a {
	display: block;
	width: 168px;
	height: 56px;
	background-color: #8ABBF8;
	color: #fff;
	padding: 4px 0 4px 8px;
	border-top-width: 7px;
	border-top-style: solid;
}


/* cajas de contenidos *//*estilo coliumna 2*/
#textos{
	width:25.8em;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:13px;
	text-align:justify;
	}

#titulo{
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-left:-15px;
	margin-top:0px;
	color:#000;
	}
	
#subtitulos{
	/*width: 270px;
	margin-left: 20px;
	margin-top: 15px;*/
	font-size:14px; 
	font-weight:bold;
	color:#333;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	}

#subtitulos2{
	font-size:14px; 
	font-weight:bold;
	color:#333;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	}

.columnaizquierda {
	width:20.2em;
	height: 50em;	
	margin-top: 8px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:13.5px;
	line-height: 1.4em;
}

.columnacentro {
	width:20.2em;
	height: 30em;
	margin-top: 8px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:13.5px;
	position: top;
}
.columnaderecha {
	width:20.2em;
	height: 50em;
	margin-top: 8px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:13.5px;
	line-height: 1.6em;
}
.margen_centro {
	margin-right: 1.2em;
}
.H10 {
	height: 20em;
}
.cuadro {
	display: table;
	float: left;
	min-height: 20em;
}
.imgdescargas
{
	text-align: right;
}
#piepag {
	border-top: 1px solid #dedde0;
	color: gray;
	background-color: white;
	display: table;
	border-bottom-style: none;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
.columnacontactoizq {
	width:35.2em;
	height: 30em;
	margin-top: 8px;
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:13.5px;
	position: top;
	padding-left:15;
}
.columnacontactoder {
	width:18.2em;
	height: 30em;
	margin-top: 8px;
	font-family: 'ComfortsaaRegular', Arial, sans-serif;
	font-size:13.5px;
	line-height: 1.6em;
}
.H11 {
	height: 18em;
}
.margen_centro {
	/* [disabled]margin-right: 1.8em; */
}
.cuadrocontacto {
	display: table;
	float: left;
	min-height: 29.5em;
	padding-left: 25px;
	font-size: 13.5px;
}
#imgmapa
{
	background-position:center;
	text-align: center;
}
