body { background:#FFFFFF; margin:0; font:10px/12px Arial, Helvetica, sans-serif; background:url('../img/fondo.jpg'); background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;}

#cargando {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff url('../img/ajax-loader.gif') no-repeat center;

    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}
		
.clear{ clear:both;}
#imgs { margin:auto; width:500px;}
.img-insignia{ 
	background:url('/img/miguel-de-cervantes-saavedra.jpg') no-repeat; 
	background-size: 53px 62px; 
    background-position-x: 35px;
	height:434px; 
	width:100%;	
}
.img-insignia-marca{ 
	opacity:0.123;
    background-position-x: center;
    background-position-y: center;	
	
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.text{ font:Tahoma; size:11px; font-weight:bolder; width:260px; margin:auto; color:#0033FF; padding:10px; text-align:center;}
#text2{ font:Tahoma;size:8px!important; width:auto; text-align:center; color:#0033FF; margin:15px;}
#text2 strong{  margin-bottom:8px;}
#text2 span{ }

#ContenedorLogin {
	width:max-content !important;
/*	
	height:284px!important; 
*/

	margin:auto!important; 
	margin-top:50px!important; 
	margin-bottom:50px!important; 
	
	display:block!important; 
	border:0px; 
	border-style:solid; 
	border-color:#000000;
}
.ImgLogin{ 
	height:55px; 
	width:345px; 
	background:url('/img/alfredo-bryce-echenique.png') no-repeat; 
	background-size: 345px 55px;
	border:none; 
	display:block;
}
.ImgLogin span{float:left; margin-top:19px; margin-left:75px; font-size:26px; color:#FFFFFF; font-family:"Times New Roman", Times, serif; line-height:19px; }

#Animacion2 {
/*
    width: 140px!important;
    height: 174px!important;
*/	
	float:left;
}
#Animacion2 .escudo-sello2 {
    background: url(../img/alfredo-bryce-echenique-fondo-ico-1.png) no-repeat;
    background-size: 98px 124px;
    width: 98px;
    height: 124px;
    display: block;
    z-index: 10000;
    clear: none;

}
/*------------------FORMULARIO------------------------*/
/*------------------FORMULARIO------------------------*/
#smFormTools {width:auto; height:auto;}

#smFormTools input, select, textarea{
border-left:1px solid #0085D5;
border-right:1px solid #0085D5;
border-top:1px solid #0085D5;
border-bottom:1px solid #0085D5;
 color:#000099!Important;
}

#smFormTools input:hover, select:hover, textarea:hover{
border-left:1px solid #0085D5;
border-right:1px solid #0085D5;
border-top:1px solid #0085D5;
border-bottom:1px solid #0085D5;
background:#H00FFFFC0;
}

#smFormTools input:focus, select:focus, textarea:focus{
border:1px solid #0085D5;
/*background:#FFEFCE; */
background:#EAF3FF;
}
#smFormulario {
float:left;
width:auto;
height:auto;
}

#smFormulario #smForm {
margin-left:30px;
margin-top:30px;
margin-bottom:30px;
}
#smFormulario label {
	margin-top : 10px;
	width: 135px;
	height:15px;
	float:left;
	background-repeat: no-repeat;
	color:#999;
	padding-left:2px;
	line-height:16px;
}
#smFormulario label.chosen {color:#333;}
#smFormulario input, select, textarea{
margin-left:0px;
margin-top: 10px;
float:left;
border-left:1px solid #0085D5;
border-right:1px solid #0085D5;
border-top:1px solid #0085D5;
border-bottom:1px solid #0085D5;
 color:#000099!Important;
/*color:#663333;
color:#CC3300;*/ 
}

#smFormulario input:hover, select:hover, textarea:hover{
border-left:1px solid #0085D5;
border-right:1px solid #0085D5;
border-top:1px solid #0085D5;
border-bottom:1px solid #0085D5;
/*background:#EAF3FF; */
background:#FFEFCE;
}

#smFormulario input:focus, select:focus, textarea:focus{
border:1px solid #0085D5;

background:#H00FFFFC0;
}

/*------------------FIN FORMULARIO------------------------*/
/*------------------FIN FORMULARIO------------------------*/
/*-------------------------- GOOGLE MAP --------------*/
.g_map {
  margin:0px;
  padding-bottom: 21px;
  width: 600px;
  float: left;
  margin-right: 20px;
  margin-top: 5px;
  z-index:100;
}
.g_map > iframe {
  padding: 0;
  width: 100%;
  height: 404px;
  outline: none;
  border: none;
}
#address {display:block; font-size:11px; color:#7276AD; width:649px!important; float:left; margin-left:25px;}
#address span { margin-top:8px!important; display:block; text-align:left;}
#address span strong{ width:150px; display:block; float:left!important;}
#address span span{ display:block; float:left!important; width:auto; margin-top:0px!important;}
.mailLink {font-weight: bolder; color: #9fb31a!important; text-decoration: none; clear:none;}

/*-------------------------- start Contact form --------------*/
/*-------------------------- start Contact form --------------*/
#form1 {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 0px;
  z-index:-1;
  width:580px;
}
#form1 label {
  display: inline-block;
  margin-bottom: 6px;
}
#form1 label input,
#form1 label select,
#form1 label textarea,
#search input {
  margin: 0px;
  margin-bottom: 4px;
  padding: 9px 10px 9px 13px;
  width: 315px;
  outline: none;
  border: none;
  border-top: 1px solid #ced8db;
  border-left: 1px solid #ced8db;
  border-radius: 0;
  background: #e0ecef;
  box-shadow: none;
/*  color: #838383; */
  color:#000099;  
  font: 14px Arial;
  line-height: 21px;
  padding-left:20px;
}
#search input {
  width: 265px;
  float: left;
  margin-right: 5px;
  margin-top: 16px;
  color:#000099;
}
#form1 label textarea {
  height: 152px;
  resize: none;
  color:#000099;  
}
.ord { float:left; margin-top:0px; margin-left:5px;}
.ord img { border:1px; border-style:solid; border-color:#CCCCCC;}
#OrdImg { border:1px; border-style:solid; border-color:#CCCCCC; width:77px; height:25px; float:left; margin-left:20px; font-weight:bolder; color:#FF0000; text-align:center; line-height:28px; font-size:18px;}		
.FormCaptchaAviso { background:#FFFFCC!important; color:#FF0000!important; font-weight:bolder; text-align:center!important;}
.FormCaptchaNormal { background:#FFFFFF!important; color:#FF0000!important;  font-weight:bolder; text-align:center!important;}	

.FormNormal {
background: #e0ecef!important; color: #000099!important;
background-position: left center!important;
background-repeat: no-repeat!important;
padding-left: 20px;
}
.FormAviso {
background:#FFFFCC!important; color:#FF0000!important;
background-position: left center!important;
background-repeat: no-repeat!important;
padding-left: 20px;
}

#form1 .error {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
}
#form1 .empty {
  position: absolute;
  top: 0;
  width: 100% !important;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
  color: #000;
}
#form1 .message .empty {
  width: 400px;
}
#form1 .success {
  position: absolute;
  z-index: 1;
  width: 368px;
  height: 140px;
  border: 1px solid #ced8db;
  background: #e0ecef;
  opacity: 0.9;
}
#form1 .success .success_txt {
  position: relative;
  top: 37%;
  color: #000;
  text-align: center;
}
.btns {
  float:left;
  margin-top: 1px;
}
.btns > a {
  margin-left: 9px;
}
/*-------------------------- end Contact form --------------*/
.more_btn {
  background: #90c3cd;
  background-color: #8ec1cb;
  background-image: -moz-linear-gradient(top, #a4d7e1, #6ea1ab);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4d7e1), to(#6ea1ab));
  background-image: -webkit-linear-gradient(top, #a4d7e1, #6ea1ab);
  background-image: -o-linear-gradient(top, #a4d7e1, #6ea1ab);
  background-image: linear-gradient(to bottom, #a4d7e1, #6ea1ab);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4d7e1', endColorstr='#ff6ea1ab', GradientType=0);
  padding: 0 13px;
  color: #fff;
  font: 14px/41px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 15px;
  text-transform: uppercase;
}
.more_btn:hover {
  color: #90c3cd;
  background: #eee;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: none;
  background-color: ;
  background-image: none;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  margin-top: 0px;
}
.more_splash.btn:active,
.more_splash.btn.active {
  background: url('https://livedemo00.template-help.com/wt_44962/img/splash_more_sign.png') 0 0 no-repeat;
  color: #d1d1d1 !important;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: ;
}
.btn:active,
.btn.active {
  background-color: ;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn:focus {
  outline: none;
  outline-offset: 0;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.btn-primary {
  position: relative;
  background: none;
  box-shadow: none;
  text-decoration: none !important;
  padding: 7px 23px 8px 24px;
  background: url('https://livedemo00.template-help.com/wt_44962/img/btn_pattern.png') repeat;
  z-index: 1;
  left: 0;
  border-radius: 2px;
  font: 12px 'Anton', Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: none;
  text-shadow: none;
  display: inline-block;
}
/*-------------------------- end Contact form --------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
#Master {width:auto; border:none; max-width:1024px!important; margin:auto!important; height:auto!important;}
#cabecera{
text-align: center;
height:auto;
margin-top: -12px;
}
#cuerpomedio{
width:100%;
background-color:#F4F3ED;
}
#cuerpo{
padding:10px;
height:610px;
background-color:none;
margin-top:10px!important;

}
.dos{ background:url('../img/bann-blog2.png') no-repeat; background-size: 1024px 620px; width:1024px; height:620px; position:relative; z-index:10000; display:block;}
 
#pie{
height: 40px;
color: #fff;
text-align: center;
clear: both;
}
#pie .texto {font-family:Tahoma; font-size:11px; text-align:left; color:#0033FF; margin:auto; padding:10px; text-align:center;}
#pie .texto .str{ line-height:17px;}

#Animacion{ width:640px!important; height:360px!important; float:right; margin-right:30px;}

#Animacion .escudo-sello{background:url('../img/miguel-de-cervantes-saavedra.png') no-repeat; background-size: 140px 174px; width:140px; height:174px;  margin-top:5px; position:absolute; display:block; z-index:10000; clear:none; margin-left:5px!important;}
 

#Promocion{ width:340px; height:auto!important; float:left; margin-right:0px; margin-top:20px;}
#Promocion .cuadro{
	height:55px;
	width:100%;
	float:left;
	border-style:solid;
	border-color:#CC9900;
	border-width:2px;
	margin-left:5px;
	margin-bottom:5px;
	position:relative;
}
#Promocion .uno, .tres, .cuatro, .cinco, .ocho, .nueve, .diez {display:block; width:250px; height:75px; margin-left:5px; margin-bottom:15px; position:relative;
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;
  border-radius: 10%;}
#Promocion .uno:hover, .tres:hover, .cuatro:hover, .cinco:hover, .ocho:hover, .nueve:hover, .diez:hover {display:block; width:250px; height:75px; margin-left:5px; margin-bottom:15px; position:relative; opacity:0.75; filter:alpha(opacity=75);
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;
  border-radius: 10%;}

#Promocion .ocho{ background:url('../img/bann-nutricion.png') no-repeat; background-size: 250px 75px;}
#Promocion .ocho:hover{ background:url('../img/bann-nutricion.png') no-repeat;  background-size: 250px 75px;}

#Promocion .cinco{ background:url('../img/bann-examen.png') no-repeat; background-size: 250px 75px;}
#Promocion .cinco:hover{ background:url('../img/bann-examen.png') no-repeat;  background-size: 250px 75px;}

#Promocion .uno{ background:url('../img/bann-beca.png') no-repeat; background-size: 250px 75px;}
#Promocion .uno:hover{ background:url('../img/bann-beca.png') no-repeat; background-size: 250px 75px;}

#Promocion .tres{ background:url('../img/bann-circulo.png') no-repeat; background-size: 250px 75px;}
#Promocion .tres:hover{ background:url('../img/bann-circulo.png') no-repeat;  background-size: 250px 75px;}

#Promocion .cuatro{ background:url('../img/bann-computo.png') no-repeat; background-size: 250px 75px;}
#Promocion .cuatro:hover{ background:url('../img/bann-computo.png') no-repeat;  background-size: 250px 75px;}

#Promocion .nueve{ background:url('../img/bann-personal.png') no-repeat; background-size: 250px 75px;}
#Promocion .nueve:hover{ background:url('../img/bann-personal.png') no-repeat;  background-size: 250px 75px;}

#Promocion .diez{ background:url('../img/bann-club-de-ajedrez.png') no-repeat; background-size: 250px 75px;}
#Promocion .diez:hover{ background:url('../img/bann-club-de-ajedrez.png') no-repeat;  background-size: 250px 75px;}

.siete{ background:url('../img/bann-noticias.png') no-repeat; background-size: 410px 175px; width:410px; height:175px; display:table-row;  float:right; margin-top:15px;
}

.seis{ background:url('../img/bann-nota.png') no-repeat; background-size: 196px 138px; width:200px; height:142px; float:left; display:block; margin-top:40px;
margin-right:15px; margin-left:-15px;
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;}
.seis:hover{ background:url('../img/bann-nota.png') no-repeat;  background-size: 196px 138px; width:200px; height:142px; float:left; display:block; opacity:0.75; filter:alpha(opacity=75); margin-right:15px; margin-top:40px; margin-right:15px; margin-left:-15px;
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;}

/* PARA IMPRESION */
#insignia { height:150px; width:600px; float:left; margin-top:10px;}
#insignia .texto {font-family:Tahoma; font-size:22px; text-align:left; color:#0033FF; float:left; margin-top:30px; padding:5px; border-left:solid; border-left-color:#666666; border-left-width:2px;}
#insignia .escudo{ background:url('../img/miguel-de-cervantes-saavedra.jpg') no-repeat; background-size: 131px 150px; height:434px; border:none; display:block; height:150px; width:131px; float:left;}

#redes { height:auto; float:left; width:222px; margin-top:20px;}
#redes .facebook, .twitter, .youtube {
height:44px; width:44px; border:none; display:block; float:left; margin-right:5px;
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;
}
#redes .facebook:hover, .twitter:hover, .youtube:hover {
height:44px; width:44px; border:none; display:block; float:left; margin-right:5px;
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;
}
#redes .facebook{ background:url('../img/red-facebook.png') no-repeat; background-size: 40px 40px;}
#redes .facebook:hover{ background:url('../img/red-facebook2.png') no-repeat;  background-size: 40px 40px;}
#redes .twitter{ background:url('../img/red-twitter.png') no-repeat; background-size: 40px 40px;}
#redes .twitter:hover{ background:url('../img/red-twitter2.png') no-repeat; background-size: 40px 40px;}
#redes .youtube{ background:url('../img/red-youtube.png') no-repeat; background-size: 40px 40px;}
#redes .youtube:hover{ background:url('../img/red-youtube2.png') no-repeat; background-size: 40px 40px;}

#ComtenedorMenu {width:100%; display:block;  margin-top:10px; height:25px; box-shadow: 7px 2px 5px #999;}
#ComtenedorMenu #MenuWeb {  float:left; display:table-cell; vertical-align:middle; height:25px; margin-left:1px; text-decoration:none; line-height:25px; font-size:12px;
box-shadow: 2px 2px 5px #999;
border-radius:0px 0px 0px 0px;
-webkit-border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;
-webkit-transition:all 1s ease 1s;
-moz-transition:all 1s ease 1s;
-o-transition:all 1s ease 1s;
transition:all 1s ease;

max-width: 100%;
min-width: 9.09%;
width: auto;
}
#ComtenedorMenu #MenuWeb:hover {text-align:center; color:#FFFFFF; font-size:12px; line-height:25px; font-weight:bold; background:#69B7BC; 
border-bottom-color:transparent;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.conNormal-normal2 {background:#F26A21; padding-left:4px; padding-right:4px; text-align:center; color:#FFFFFF; font-size:12px; line-height:20px; font-weight:bold;}
.conNormal-select2 {background:#EFAC88; padding-left:4px; padding-right:4px; text-align:center; color:#FFFFFF; font-size:12px; line-height:20px; font-weight:bold; background:#EFAC88;}

.maincolor		{ color:#006699; margin-top:20px; font-size:14px; font-weight:bolder;}
.maincolorbb	{ display:block;
	clear:both;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#PantallaBoquelo { 
	text-align:center; 
	width:100%; 
	height:100%; 
	position:fixed; 
	background:rgba(204, 204, 204, 0.59); 
	display:table; 
	visibility:hidden; 
	z-index:88888;
}
#ContDiv{
	position:relative; 
	height:auto; 
	width:auto; 
	z-index:99999; 
	display: table-cell; 
	vertical-align: 
	middle; margin:auto;
}
.esUNO {font-size:11px!important; text-align:center; color:#FF0000!important; font-weight:bold!important;}
#detalle { width:630px; margin:0px; margin-top:20px; }
#detalle .titulo{text-align:left; font-size:15px;  font-family:'Times New Roman', Times, serif; font-weight:bold; color:#ff6633; margin-bottom:15px;}
#detalle .sub-titulo{color:#ff6633; margin-left:0px; font-size:12px; font-weight:bold; margin-bottom:10px; margin-top:0px; float:left; text-decoration:underline;}
#detalle .contenido {text-decoration:none; font-size:12px; margin-top:0px; margin-left:0px; line-height:15px; color:#666666; text-align:justify!important;}
#detalle .sbuton{ border:1px; border-style:solid; border-color:#CCCCCC; background-color:#CCCCCC!important; border-radius:15%; padding:3px;}
#detalle .sbuton:hover{ border:0px; background-color:#D5CDFE!important; border-radius:15%; padding:3px;}
#detalle ul { float:left; text-align:left; display:block; margin-top:10px; margin-left:0px!important;}
#detalle ul li{ font-size:12px; margin-top:3px; margin-left:0px; line-height:15px; text-indent:0px; text-align:left; color:#666666; display:block;}
#detalle ul li a{ text-decoration:none!important;}
#detalle ul li a:hover{ text-decoration:underline; color:#FF0000;}

#detalle ol { float:left; text-align:left; display:block; margin-top:10px; margin-left:0px!important; list-style:decimal!important; padding-left: 2em;}
#detalle ol li{  font-size:12px; margin-top:3px; margin-left:0px; line-height:15px; text-indent:0px; text-align:left; color:#666666; display:block;}

#detalle .contenido p a {color:#666666; text-decoration:none; }
#detalle .contenido p a:hover{color:#FF0000; text-decoration:none; }
#detalle .cuadro{display:block; margin:5px; margin-left:10px; float:left; border:0; border-style:solid; width:612px; height:221px;}


.Tabs-normal {background:#FFFFFF; padding-left:4px; padding-right:4px; display:block; border:1px; border-color:#E1EBF0; border-style:solid;}
.Tabs-normal a {text-align:center; color:#000000; font-size:11px; line-height:20px; font-weight:bold;}
.Tabs-normal a:hover {text-align:center; color:#990000; font-size:12px; line-height:20px; font-weight:bold;}
.Tabs-select {background:#E1EBF0; padding-left:4px; padding-right:4px; border:1px; border-color:#E1EBF0; border-style:solid;}
.Tabs-select a {text-align:center; color:#990000; font-size:12px; line-height:20px; font-weight:bold; background:#E1EBF0;}

#Plano, #Formulario{ display:block; margin:auto; clear:none;}
#FPlano, #FFormulario {width:150px;; height:20px; float:left;  border:1px; border-color:#E1EBF0; border-style:solid; text-align:center;}
#FPlano:hover, #FFormulario:hover {text-align:center; color:#FFFFFF; font-size:12px; line-height:20px; font-weight:bold; background:#E1EBF0; border:1px; border-color:#FFFFFF; border-style:solid; }
#FPlano a:hover, #FFormulario a:hover {text-align:center; color:#990000; font-size:12px; line-height:20px; font-weight:bold;}
.blank{height:20px; display:block; float:left; text-decoration:none; text-align:center; color:#fff; font-size:13px; line-height:20px}

#Inicial, #Primaria, #Secundaria, #PreUniversitario{ display:block; margin:auto; clear:none;}
#FInicial, #FPrimaria, #FSecundaria, #FPreUniversitario {width:147px;; height:20px; float:left;  border:1px; border-color:#E1EBF0; border-style:solid; text-align:center;}
#FInicial:hover, #FPrimaria:hover, #FSecundaria:hover, #FPreUniversitario:hover {text-align:center; color:#FFFFFF; font-size:12px; line-height:20px; font-weight:bold; background:#E1EBF0; border:1px; border-color:#FFFFFF; border-style:solid; }
#FInicial a:hover, #FPrimaria a:hover, #FSecundaria a:hover, #FPreUniversitario a:hover {text-align:center; color:#990000; font-size:12px; line-height:20px; font-weight:bold;}

.cdro {float:left; width:180px; padding:4px; text-decoration:none; text-align:center; margin:auto; margin-top:18px;}
.cdro img { height:242px; width:163px; border:none; }
.cdro .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cdro .aut {color:teal; font-weight:bold; color:unset; font-size:12px;}

/*---*/
@media (max-width: 767px) {}
@media (min-width: 1200px) {}
@media (min-width: 768px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media all and (transform-3d), (-webkit-transform-3d) {}
@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}