body,html{height:100%;}
body{background: #000000; margin: 0px auto; min-height: 100%; height: 100%;font: normal 12px arial;}
h1{font: normal 20px arial; color: #ff6627;position: relative; top:3px; left: 10px; margin:0px;}
h2{margin: 0px;font: bold 13px arial,tahoma,verdana; color: #5c5c5c; padding-bottom: 5px;}
h5{margin:0px;border-bottom: 1px solid #ff6426;font: bold 13px arial, tahoma, verdana;font-style: italic;color: #ff6426;  padding-top: 20px;}
a{font: bold 12px arial, tahoma, verdana;color: #ff6627;text-decoration: none;}
a:hover{text-decoration: underline;}
a.email{font: normal 11px arial, tahoma, verdana; color: #313131; text-decoration: none;}
a.email:hover{text-decoration: underline; color: #ff6426;}
.page {font: normal 12 px arial, tahoma, verdana; min-height: 100%; height: 100%; background: #ffdd9d;}
#latizdo{ width: 220px; background: url(imagenes/fondomenu.jpg) repeat-y;}
#cuerpo{ width: 748px; min-height: 100%; height: 100%; background: url(imagenes/fondocuerpo2.jpg) repeat-y top right;}
#cuerpoforo{ width: 100%; min-height: 100%; height: 100%; background: url(imagenes/degizdo.jpg) repeat-y; background-position: right;}
.menu{ height: 420px; background: url(imagenes/fndmenu.jpg) no-repeat; background-position: left top;}
.menu a { display:block; border:none; background-repeat:no-repeat; height:35px; text-decoration: none;}
.menu a:hover { background-position: 0 -35px; text-decoration: none; }
.menu .alt { padding-left: 40px; padding-top: 16px; font: bold 12px arial, tahoma, verdana; color: #afafaf; text-decoration: none;}
.menu a.m01 { background-image: url(imagenes/huella.jpg) }

.menu .mAct{ background-image: url(imagenes/huella.jpg); display:block; border:none; background-position: 0 -35px; background-repeat:no-repeat; height:35px; text-decoration: none;}
.patas{ padding-left: 10px; padding-top: 10px;}
.cab1{ width: 350px; height: 36px; background: url(imagenes/cabray.jpg) repeat-x; text-align: left;}
.cab2{ background: url(imagenes/cabray.jpg) repeat-x; text-align: right; height: 36px;}
#contenidos{ width: 728px;}
#contenidosforo{ width: 98%;}
#degizda { width: 20px;}

/* pagina de inicio */
#home{color: #666666;}
#home h2{font: normal 20px arial; color: #ff6627;position: relative; top:8px; left: 10px; }
#home .c_blanco{background: #fff; width: 720px}
#home .c_blanco_500{background: #fff; width: 500px}
#home-bienvenida{position:relative;color: #5c5c5c; margin-top: 5px;}
#home-bienvenida .c_blanco div{text-align: justify; padding: 3px 10px;padding-right: 220px;}
#home-noticias{float:left; width: 500px;position:relative;top:15px;}
#home-banners{float:left; width: 510px;position:relative;top:25px;}
#home .c_blanco_500 div{text-align: justify;padding: 5px 10px;}
#home-aprendizaje{position:relative;color: #5c5c5c; top: 15px;}
#home-aprendizaje .c_blanco div{text-align: justify; padding: 3px 10px;}
#home-escuelas{float:right; width: 200px;text-align: center;position:relative;top:30px;}
#home-escuelas h2{left:0}
#home-escuelas div{text-align: left; padding: 5px 0 0 3px;width: 147px; height: 145px; margin: 3px auto;background: url(/imagenes/fondo-escuelas.gif)}
#home-escuelas div.nueva{background: url(/imagenes/fondo-escuelas-nueva.gif) no-repeat;padding-left: 20px;width: 130px;}

#content{color: #777777}
#content .c_blanco h2{font: bold 12px arial; color: #ff6627;border-bottom: 1px solid #ff6627; padding: 0px;margin: 3px 10px;; }
#content .c_blanco{background: #fff; width: 720px}
#content .c_blanco div,#content .c_blanco p{text-align: justify; padding: 3px 10px;}

#cuadroizda {font: normal 12px arial, tahoma, verdana; color: #5c5c5c;}
#cuadrodcha { font: normal 12px arial, tahoma, verdana; color: #5c5c5c;}
.c2{width: 235px; background: url(imagenes/c2fnd.jpg) repeat-x;}
.c3{width: 235px; background: url(imagenes/c3fnd.jpg) repeat-x;}
.cgrande{background: #ffffff;}
.cuizda{background: url(imagenes/cGizda2.jpg) repeat-y;}
.cudcha{background: url(imagenes/cGdcha2.jpg) repeat-y;}
.cuinf {height: 10px;background: url(imagenes/cGfndinf.jpg) repeat-x;}
.cuinf img{display: block;}
.homecursos {background: url(imagenes/imghome.jpg) no-repeat;height: 344px;}
.destac {color: #fb6727;}
.textcontent{font: normal 12px arial, tahoma, verdana;color: #5c5c5c;min-height: 250px;_height: 250px;padding: 20px 5px; text-align: justify; background: #ffffff url(imagenes/cGfnd.jpg) repeat-x;}
.textcprin{font: normal 12px arial, tahoma, verdana;color: #5c5c5c;padding: 20px;text-align: justify;}
.textcprin a{color: #5c5c5c;font-weight: normal !important;text-decoration: none;}
.textcprin a:hover{text-decoration: underline;}
.textcprin a.remarque{font: bold 12px arial, tahoma, verdana !important;}
.superp{text-align: center;padding-top: 10px;}
.superp a{display:block;border:none;background-repeat:no-repeat;height: 150px;width: 183px;text-decoration: none;}
.superp a:hover { background-position: 0 -150px; text-decoration: none; }
.superp .alt { display: none; }
.superp a.imgsuperp { background-image: url(imagenes/pelu.jpg) }

.pequeform input,select,textarea{font-size:10px;color: #666666}
.formulario {font: normal 10px arial, tahoma, verdana;color: #fd4500;}
.formulario hr{color: #867a7a;height: 2px;margin: 0px;margin-top: 2px;margin-top: expression('-6px');}
.formulario span.f{padding-left: 20px;}
.formulario input{border: 1px solid #afafaf;font: normal 10px arial, tahoma, verdana;}
.formentry{margin-top: expression('-11px');text-align: right;}
.formentry input{border: 0px;}
.remarcando{font: bold 15px arial, tahoma, verdana;font-style: italic;color: #fb6727;text-align:right;}

.muestras{width: 165px;height: 330px;background: #e5e5e5;text-align: justify;padding: 10px;font-size: 10px;}
.muestras a{color: #ff6829;font-size: 10px;text-decoration: none;font-weight: bold;}
.muestras a:hover{text-decoration: underline;}
.requerido{font: normal 9px arial, tahoma, verdana;color: #ff6829;}
#legal { }
#legal div{padding: 5px 10px; font: normal 11px arial,tahoma, verdana;color: #666666; text-align: justify}
#legal div.titulo{font-size: 12px; font-weight: bold;}
#legal div.subtitulo{font-size: 12px;}

.pie {font: normal 10px arial, tahoma, verdana; color: #999999; text-align: center}
.pie a{font: normal 10px arial, tahoma, verdana;text-decoration: none; color: #999999}

.cuadrodenoticias{text-align: left;padding:10px 20px 0px 10px;}
.cuadrodenoticias a{font-weight: normal;}

/* slider*/
#slider {
	/* You MUST specify the width and height */
	padding:0px !important;
	width:198px;
	height:150px;	
	overflow:hidden;
	float:right;position:absolute; top:20px; right:20px;
}

#mask-gallery {
	overflow:hidden;	
}

#gallery {
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:198px;
	height:150px;
	overflow:hidden;
}
#gallery li {
		/* float left, so that the items are arrangged horizontally */
		float:left;
		height:150px;
}
#mask-excerpt {
	display:none;
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	display:none;
	/* Opacity setting for different browsers 
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style 
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position 
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style 
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	*/
}
#excerpt li {
	display:none;
	/* padding:5px; */
}

.pestanyas{position: relative;text-align: right; height: 25px; top:0px; right: 25px;}
.pestanyas a{color: #FC9167;float: right;width: 150px; height: 25px;padding: 5px; overflow: hidden;text-align: center; background: url(imagenes/pestanya.gif) no-repeat;}
.pestanyas a.Act{color: #FF6627;width: 150px; height: 25px;padding: 5px; background: url(imagenes/pestanya_act.gif) no-repeat;}
.pestanyas a:hover{color: #FF6627;width: 150px; height: 25px;padding: 5px; background: url(imagenes/pestanya_act.gif) no-repeat;}