@charset "utf-8";
@font-face{
	font-family: Oswald;
	src:url('../css/fonts/MyriadPro-Regular.eot');
}

@font-face{
	font-family:'Oswald';
	src: url(fonts/Oswald-Regular.eot);
	src: url(fonts/Oswald-Regular.woff) format('woff'), url(fonts/Oswald-Regular.ttf) format('truetype'), url(fonts/Oswald-Regular.svg) format('svg');
	
}

body{
	margin:0px;
	background-image: url(../images/menuizquier/myfondo2.png);
}

#main {
	margin-top:0px;
	height:auto;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

body a{text-decoration:none;}

@media screen and (min-device-width:764px) and (max-device-width: 2100px){
	
	a.back:link, a.back:visited{
		font-family:"Oswald";
		background-color:#FF0033;
		font-size:1em;
		padding:6px;
		color:#FFF;
		box-shadow:2px 2px 2px #999;
		-webkit-transition:all 300ms linear;
		-moz-transition:all 300ms linear;
		-o-transition:all 300ms linear;
		transition:all 300ms linear;
		margin-left:auto;
		margin-right:auto;
		display:block;
		width:150px;
		text-align:center;
	}
	
	a.back:hover{
		background-color:#FF7D7D;
		color:#FF0033;
	}
	
	#main #central{
		width:100%;
		height:auto;
		background-color:#FFF;
		margin-left:auto;
		margin-right:auto;
	}
	#main #central #header #fondo{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:-1;
	opacity:1;
	background-image: url(../images/menuizquier/myfondo.jpg);
	background-color: #090;
	}
	
	#main #central #header #layer{
		width:960px;
		height:260px;
		margin-left:auto;
		margin-right:auto;
		top:0px;
		position:absolute;
		background-color:rgba(0,0,0,0.1);
		text-align:center;
		
		/* animacion */
		-webkit-transition:all 0.25s ease-in;
		-moz-transition:all 0.25s ease-in;
		-o-transition:all 0.25s ease-in;
		transition:all 0.25s ease-in;

	}
	
	#main #central #header #layer:hover{background-color:rgba(0,0,0,0.1);}
	
	#main #central #header #layer .pre-header{
		font-family:"Oswald";
		color:#FFFFFF;
		font-size:0.9em;
		text-align:left;
		padding-left:6px;
		padding-top:6px;
		width:auto;
	}
	
	#main #central #header #layer #rif{float:left;}
	#main #central #header #layer #mpppe{float:right;padding-right:6px;}
	
	#main #central #header #layer img.logo{
		clear:both;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#main #central #header #layer span.ue{
		font-size:0.9em;
		font-family:"Oswald";
		font-weight:400;
		margin-top:0px;
		padding-top:0px;
		display:block;
		color:#036;
		letter-spacing: 0.1em;
	}
	
	#main #central #header #layer H1.csc{
		text-align:center;
		font-family:"Oswald" !important;
		font-size:2.3em;
		margin-top:-8px;
		padding-top:0px;
		padding-bottom:0px;
		margin-bottom:0px;
		color:#FFFFFF;
		line-height: normal;
		text-shadow:#333 1px 1px 1px;
		letter-spacing: 0.1em;
	}
	
	#main #central #header #layer H2.mlp{
		font-family:"Oswald";
		font-size:0.9em;
		font-weight:400;
		width:50%;
		color:#FFF;
		text-align:center;
		background-color:rgba(0,102,204,0.6);
		padding:0px 0px 3px 0px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		margin-bottom:0;
	}
	
	#main #central #header #layer nav{
		/*margin-top:18px;*/
		display:none;  /* esta linea es nueva parabloquear el menu  */
		width:100%;
		float:left;
		display:block;
		margin-top:40px;
		background-color: rgba(255,255,255,0.3);
	}
	
	#main #central #header #layer nav ul.menu-main{list-style:none;padding:0px;margin:0px;}
	#main #central #header #layer nav ul.menu-main li{
		font-family:"Oswald";
		display:none ;   /* HABIA display:block */
		width:auto;
		font-weight:400;
		font-size:1.1em;
		color:#000;
		padding-bottom:3px;
		/* animacion */
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
		padding-right: 12px;
		padding-left: 12px;
	}
	#main #central #header #layer nav ul.menu-main li:hover {cursor:pointer;}
	#main #central #header #layer nav ul.menu-main #home:hover {background-color:#0066CC;color:#FFF;
		/* animacion */
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}
	#main #central #header #layer nav ul.menu-main #colegio:hover{background-color:#009900;color:#FFF;
		
		/* animacion */
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}

	
	#main #central #header #layer nav ul.menu-main #admin:hover{background-color:#FF9900;color:#FFF;
		
		/* animacion */
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}
	
	#main #central #header #layer nav ul.menu-main #coor:hover{background-color:#0CC;color:#fff;
		
		/* animacion */
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}
	#main #central #header #layer nav ul.menu-main #cont:hover{background-color:#FF3333;color:#FFF;
		
		/* animacion */
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}
	
	#main #central #header #layer nav ul.menu-main #colegio:hover > a{color:white;}
	#main #central #header #layer nav ul.menu-main #home:hover > a {color:white;}
	#main #central #header #layer nav ul.menu-main #admin:hover > a{color:white;}
	#main #central #header #layer nav ul.menu-main #coor:hover > a{color:white;}
	#main #central #header #layer nav ul.menu-main #cont:hover > a{color:white;}
	
	#main #central #header #layer nav ul.menu-main li a:link{color:#000;text-decoration:none;}
	#main #central #header #layer nav ul.menu-main li a:visited{color:#000;text-decoration:none;}
	
	/* ============= AREA CENTRAL ===================== */
	#main #central .content{
		margin-top:0px;
		margin-bottom:12px;
		width:100%;
		height:auto;
		overflow:visible;
	}
	#main #central .content .blue{color:#067BC0;}
	#main #central .content img.leftPos{float:left;margin-right:6px;}
	
	#main #central .content .full-container{
		width:100%;
		height:auto;
		overflow:visible;
	}
	
	#main #central .content .left-container{
		width:15%;
		margin-left:0px;
		margin-bottom:0px;
		margin-top:0px;
		margin-right:6px;
		float:left;
		height:auto;
	}
	
	#main #central .content .middle-container{
		width:auto;
		margin-left:0px;
		margin-bottom:0px;
		margin-top:0px;
		margin-right:6px;
		background-color:#FFF;
		float:left;
		height:auto;
	}
	
	#main #central .content .right-container{
		width:15%;
		margin-bottom:0px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		float:left;
		height:auto;
	}
	
	#main #central .content ul.serviciosweb{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#main #central .content ul.serviciosweb li{
	width:auto;
	height:80px;
	display:block;
	margin-bottom:4px;
	text-align:center;
	/* BORDER-RADIUS*/
	/*	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
	/* TRANSICION */
		-webkit-transition:all 0.25s ease-in;
	-moz-transition:all 0.25s ease-in;
	-o-transition:all 0.25s ease-in;
	transition:all 0.25s ease-in;
	background-color: #036;
	background-image: url(../images/menuizquier/lista_out.png);
	}
	
	#main #central .content ul.serviciosweb a{
	text-decoration:none;
	/*background-image: url(../images/menuizquier/revix.jpeg);*/
}
	
	#main #central .content ul.serviciosweb li img{
	/*		margin-top:6px;
	   -webkit-border-radius:30px;
		-moz-border-radius:30px;
		border-radius:30px;*/
	}
	
	#main #central .content ul.serviciosweb li span {
		font-family:"Oswald", Arial;
		font-size:0.8em;
		color:#FFF;
		font-weight:normal;
		/*text-wrap:supress;*/
		margin-left:0px;
		margin-right:0px;
		margin-top:-30px;
		display:block;
		font-style: normal;
		line-height: normal;
		text-shadow: 1px 1px 1px #333;
		letter-spacing: 0.07em;
	}
	
	
	
	#main #central .content ul.serviciosweb li.swo{display:none;} 
	#main #central .content ul.serviciosweb li.ext{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/colex2.jpeg);
}
	#main #central .content ul.serviciosweb li.ext2{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/colex3.png);
}
    

	#main #central .content ul.serviciosweb li.ext3{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/adminx3.png);
}
	#main #central .content ul.serviciosweb li.ext4{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/cordix3.png);
}
	#main #central .content ul.serviciosweb li.ext5{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/contactos3.png);
}
	#main #central .content ul.serviciosweb li.ext6{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/siguenosx3.png);
}
	#main #central .content ul.serviciosweb li.ext7{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/solix3.png);
}
	#main #central .content ul.serviciosweb li.ext8{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/revix3.png);
}


    #main #central .content ul.serviciosweb li.ext9{
	background-color:#3670B6;
	background-image: url(../images/menuizquier/lista_out.png);
}

	
	
	#main #central .content ul.serviciosweb li.doc{display:none;}
	#main #central .content ul.serviciosweb li.swo:hover{background-color:#E68A00;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext2:hover{
	background-color:#2D5B95;
	cursor:pointer;
}
	#main #central .content ul.serviciosweb li.ext3:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext4:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext5:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext6:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext7:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.ext8:hover{background-color:#2D5B95;cursor:pointer;}
	#main #central .content ul.serviciosweb li.doc:hover{background-color:#CC3333;cursor:pointer;}
	
	#main #central .content div.box-image{
		/*height:156px;*/
		text-align:center;
		margin-bottom:16px;
	}
	
	#main #central .content div.box-image img{
		/*position:relative;
		-webkit-filter:blur(1px);
		-moz-filter:blur(1px);
		z-index:1;*/
		
		-webkit-transition:all 0.25s ease-in;
		-moz-transition:all 0.25s ease-in;
		-o-transition:all 0.25s ease-in;
		transition:all 0.25s ease-in;
	}
	
	#main #central .content div.box-image:hover > img{
		-webkit-filter:blur(0px);
		-moz-filter:blur(0px);
	}
	#main #central .content div.box-image span{display:block;}
	
	#main #central .content div.box-image span.titulo{
		position:relative;
		font-family:"Oswald", Arial;
		font-size:0.9em;
		color:#000;
		margin-left:12px;
		margin-right:12px;
		margin-top:-80px;
		z-index:2;
	}
	#main #central .content div.box-image span.vinculo{
		position:relative;
		width:50px;
		margin-left:auto;
		margin-right:auto;
		font-family:"Oswald", Arial;
		font-size:0.9em;
		color:#FFF;
		background-color:#A6C732;
		z-index:2;	
	}
	
	#main #central .content div.box-image span.vinculo a:link, a:visited{ color:#333; }
	
	#main #central .content .middle-container .header-form img {
			-webkit-border-radius:30px;
			-moz-border-radius:30px;
			border-radius:30px;
	}
	
	/* imagen fondo sagrado online modo PC computadora */
	#main #central .content .middle-container #sconline{
	width:660px;
	height:100px;
	background-image:url(../images/online2024.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	margin-bottom:5px;
	background-color:#062b62;
	}
	
	#main #central .content .middle-container #form-sconline{
	float:right;
	width:auto;
	margin-top:6px;
	margin-right:6px;
	text-align:right;
	}
	#main #central .content .middle-container #form-sconline .form-sc{margin:0px;padding:0px;}
	
	#main #central .content .form-sc a.forget:link, a.forget:visited{
		font-family:"Oswald", Arial;
		font-size:0.8em;
		line-height:1.3em;
		color:#0066CD;
		margin-right:32px;
	}
#main #central .content .form-sc input[type="password"], .form-sc input[type="email"]{
		margin-bottom:6px;
		padding: 6px;
		border: 1px solid #96A7BC;
		font-size:1.1em;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		box-shadow:1px 1px 5px #CCC inset;
	}

#main #central .content .form-sc #login{display:none;}
	
#main #central .content .form-sc input[type="submit"]{
		border:none;
		background-color:#3163A2;
		font-family:"Oswald";
		font-size:1em;
		padding: 4px;
		color:#FFF;
	}
#main #central .content .middle-container .publi-container {
	width:auto;
	height:220px;
}
	
	/* =============== NOTICIAS ======================== */
	#main #central .content .middle-container .news-container{
	width:auto;
	height:220px;
}

	#main #central .content .middle-container .news-container .img_noti{
		float:left;
		padding:4px 6px 4px 4px;
		margin-bottom:15px;
		margin-right:15px;
		/* BORDER-RADIUS */
		-webkit-border-radius:75px;
	}
	#main #central .content .middle-container .news-container H2{
		font-family:"Oswald", Arial;
		font-size:1.5em;
		font-weight:lighter;
		margin:0px;
		padding:0px 0 0 5px;
	}
	
	#main #central .content .middle-container .news-container H2 .icon-noti{margin-right:4px;}
	
	#main #central .content .middle-container .news-container span.subtitulo{
		font-family:"Oswald", Arial;
		font-size:0.8em;
		color:#999999;
	}
	#main #central .content .middle-container .news-container p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		font-weight:lighter;
		line-height:1.3em;
		color:#333;
		margin-top:6px;
	}
	#main #central .content .middle-container .news-container .link-noti:link , .link-noti:visited{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #FFF;
		text-decoration: none;
		background-color: #06C;
		font-weight: 400;
		font-style: normal;
		line-height: normal;
		padding-top: 3px;
		padding-right: 10px;
		padding-bottom: 3px;
		padding-left: 10px;
		
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}
	#main #central .content .middle-container .news-container .link-noti:hover{	background-color:#003399;}
	#main #central #contenido #cargador #noticia .details_noti {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #666;
		font-style: normal;
		line-height: normal;
		display: block;
		margin-top: -8px;
		margin-bottom: 12px;
	}
	
	
	#main #central #contenido #cargador #historia #fotoX {
	position:absolute;
	left:290px;
	top:448px;
	width:118px;
	height:109px;
	z-index:1;
	
	
	
}
	
	
	/* ====================================================== */
	
	#main #central .content .middle-container .loader-form{	width:660px;}
	
	#main #central .content .middle-container .loader-form #window{
		margin:6px 0 0 0;
		width:100%;
		height:300px;
		border:0;
	}
	#main #central .content .middle-container .loader-form .header-form{
		height:auto;
		text-align:center;
		padding-top:12px;
		padding-bottom:12px;
	}
	
	#main #central .content .middle-container #extranet{background-color:#3163A2;}
	#main #central .content .middle-container #solicitud{background-color:#E88503;}
	#main #central .content .middle-container #validador{background-color:#006;}
	
	#main #central .content .middle-container .loader-form H2{
		font-family:"Oswald", Arial;
		font-size:2em;
		font-weight:500;
		margin:0;
		color:#FFF;
	}
	
	#main #central .content .middle-container .loader-form #info{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.3em;
		color:#333333;
		text-align:justify;
		margin:6px;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet{text-align:center;}
	
	#main #central .content .middle-container .loader-form #form-extranet div.colLeft{
		width:50%;
		float:left;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet div.colLeft span.maintitle{
		display:block;
		font-family:"Oswald";
		font-size:1.2em;
		background-color:#07A4F8;
		padding:0.1em;
		margin-bottom:12px;
		color:#FFF;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet label{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#0066CD;
		font-weight:bold;
		display:block;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex input[type="password"], .form-ex input[type="email"], .form-ex select, .form-ex input[type="text"], .form-ex input[type="date"]{
		margin-bottom:4px;
		padding: 6px;
		border: 1px solid #96A7BC;
		font-size:1em;
		width: 200px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		box-shadow:1px 1px 5px #CCC inset;

	}
	
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex input[type="submit"], .form-ex input[type="button"]{
		border:none;
		background-color:#3163A2;
		font-family:"Oswald";
		font-size:1em;
		padding: 4px;
		color:#FFF;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex a.forget:link, a.forget:visited{
		font-family:"Oswald", Arial;
		font-size:1em;
		line-height:1.3em;
		color:#0066CD;
		margin-right:32px;
	}

	/* ================================================ */
	
	/* ========== FOOTER ESTILO ======================== */
	footer{
		font-family:"Oswald", Arial;
		width:100%;
		padding-top:27px;
		margin-top:0px;
		margin-bottom:0px;
		clear:left;
	}
	
	footer span.social{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	footer span.copyright{
		font-size:0.75em;
		color:#666666;
		display:block;
		text-align:center;
	}
	footer span.direccion{
		font-size:0.7em;
		color:#999999;
		display:block;
		text-align:center;
	}
	
	/* ========================================== */
	
	/* ========= ESTILO SECCIONES ================ */
		
	#main #central .content .left-menu{float:left;width:25%;height:auto;}
	#main #central .content .left-menu H2{
		font-family:"Oswald", Arial;
		color:#FFF;
		font-weight:lighter;
		padding-left:9px;
		margin:0 12px 0 0;
		display:block;
		background-color:#339900;
	}
	
	#main #central .content .left-menu #menu-col{background-color:#339900;}
	#main #central .content .left-menu #menu-adm{background-color:#FF9900;}
	#main #central .content .left-menu #menu-noti {background-color:#3399FF;}
	#main #central .content .left-menu #menu-coo{background-color:#0CC;}
	#main #central .content .left-menu #menu-con{background-color:#FF3333;}
	
	#main #central .content .left-menu ul.navigator{
		font-family:"Oswald", Arial;
		margin:6px 0 0 19px;
		padding:0;
		list-style:none;
	}
	
	#main #central .content .left-menu ul.navigator li a:link, a:visited{
		font-size:1.12em;
		line-height:1.3em;
		color:#0099CC;
		display:block;
		margin-right:12px;
		padding-left:6px;
		margin-bottom:6px;
		
		-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		transition:all 0.3s ease-in;
	}
	
	#main #central .content .left-menu ul.navigator li a:hover{
		background-color:#FF3300;
		color:#FFF;
	}
	
	#main #central .content .content-section{
		float:left;
		margin:0;
		width: 75%;
	}
	
	#main #central .content .content-section2{
		float:left;
		margin:0;
		width: 75%;
	}
	
	#main #central .content .content-section img.notimagen {
		float: left;
		-webkit-border-radius:35px;
		-moz-border-radius:35px;
		border-raidus:75px;
		border-radius: 35px;
	}
	
	#main #central .content .content-section H2{
		font-family:"Oswald", Arial;
		color:#333333;
		margin-top: 16px;
		margin-right: 0;
		margin-bottom: 12px;
		margin-left: 0;
	}
	
	#main #central .content .content-section H5{
		background-color:#99CC00;
		font-family:"Oswald", Arial;
		font-size:1.1em;
		display:block;
		text-align:center;
		margin:0 16px 48px 16px;
		padding:0;
	}
	
	#main #central .content .content-section p.imagenLeft{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.4em;
		color:#333333;
		margin-top:0px;
		margin-left:6px;
		margin-right:6px;
		padding-left: 180px;
	}
#main #central .content .content-section div.Simple {
		font-family:"Arial";
		font-size:0.9em;
		line-height:1.4em;
		color:#333333;
		margin-top:0px;
		margin-left:6px;
		margin-right:6px;
		clear: both;
	}
	
	#main #central .content ul.list-principios{
		margin:0 0 0 0;
		padding:0;
		list-style:none;
		-webkit-column-count:5;
		-moz-column-count:5;
		column-count:5;
	}
	
	#main #central .content ul.list-principios li{ padding-top:6px;}
	
	#main #central .content ul.list-principios li img{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
	}
	
	#main #central .content ul.list-principios li span.texto{
		height:260px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.2em;
		text-align:center;
		display:block;
	}
	
	#main #central .content ul.list-principios li span.titulo{
		font-family:"Oswald", Arial;
		font-size:1.2em;
		line-height:1.2em;
		color:#CC3300;
		display:block;
		margin-bottom:6px;
		text-align:center;
	}
	#main #central .content ul.list-pagos{
		margin:0 0 0 0;
		padding:0;
		list-style:none;
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
	}
	
	#main #central .content ul.list-pagos li{ 
		padding-top:6px;
	}
	
	#main #central .content ul.list-pagos li img{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
	}
	
	#main #central .content ul.list-pagos li span.texto{
		height:260px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.2em;
		text-align:center;
		display:block;
	}
	
	#main #central .content ul.list-pagos li span.titulo{
		font-family:"Oswald", Arial;
		font-size:1.2em;
		line-height:1.2em;
		color:#CC3300;
		display:block;
		margin-bottom:6px;
		text-align:center;
	}
	
	#main #central .content ul.list-circle-blue{
		list-style:none;
		margin:0;
		padding:0;
		-webkit-column-count:4;
		-moz-column-count:4;
		column-count:4;
		text-align:center;
	}
	
	#main #central .content ul.list-circle-blue li{
			margin-bottom:6px;
			height:180px;
	}
	
	#main #central .content ul.list-circle-blue li H4{
		color:#0099CC;
		font-family:"Oswald", Arial;
		font-size:1.1em;
		margin:0 0 6px 0;
		padding:0 0 0 0;
	}
	
	#main #central .content ul.list-circle-blue li a:link span, a:visited span{
		font-family:"Oswald", Arial;
		font-size:0.9em;
		background-color:#333333;
		padding:3px 6px 3px 6px;
		color:#FFF;
		
		-webkit-transition:all 0.25s ease-in;
		-moz-transition:all 0.25s ease-in;
		-o-transition:all 0.25s ease-in;
		transition:all 0.25s ease-in;
	}
	
	#main #central .content ul.list-circle-blue li a:hover span{ background-color:#666;}
	
	#main #central .content ul.list-circle-blue li span.details{
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.2em;
		color:#000;
	}
	
	#main #central .content ul.bancos{
		list-style:none;
		margin:0;
		padding:0;
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	#main #central .content ul.bancos li{
		margin-top:0px;
		padding-bottom:12px
	}
	
	#main #central .content ul.bancos li span.nom_banco{
		font-family:"Oswald", Arial;
		font-size:1em;
		display:block;
		margin-bottom:6px;
	}
	#main #central .content ul.bancos li span.details_banco{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		display:block;
	}
	
	#main #central .content ul.info-contacto{
		list-style:none;
		margin:18px 0 0 0;
		padding:0px;
	}
	
	#main #central .content ul.info-contacto li{
		padding-top:6px;
		padding-bottom:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		line-height:1.2em;
		text-align:center;
	}
	
	#main #central .content ul.info-contacto a.link-regular:link, a.link-regular:visited{
		padding:5px;
		display:block;
		width:50px;
		background-color:#3163A2;
		font-family:"Oswald",Arial;
		font-weight:lighter;
		color:#FFF;
		margin: 0px;
	}
	
	#main #central .content ul.info-contacto li img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
	}
	
	#main #central .content #educativos{
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
	}
	
	#main #central .content .box-niveles{
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		padding-top:16px;
		padding-bottom:16px;
		margin-bottom:10px;
		overflow:visible;
	}
	/*
	#main #central .content #prescolar{background-color:#FF9900;}
	#main #central .content #primaria{background-color:#0099FF;}
	#main #central .content #bachillerato{background-color:#339933;}
	*/
	#main #central .content #prescolar{
		background-image:url(../images/img-box-prescolar.jpg);
		background-position:0px -50px;
	}
	#main #central .content #primaria{
		background-image:url(../images/img-box-primaria.jpg);
		background-position:0px -50px;
	}
	#main #central .content #bachillerato{
		background-image:url(../images/img-box-bachillerato.jpg);
		background-position:0px -50px;
	}
	
	
	
	#main #central .content #prescolar2{
	background-image:url(../images/img_listas/1.png);
	background-position:0px -50px;
	}
	#main #central .content #primaria2{
	background-image:url(../images/img_listas/2.png);
	background-position:0px -50px;
	}
	#main #central .content #bachillerato2{
	background-image:url(../images/img_listas/3.png);
	background-position:0px -50px;
	}
	
	#main #central .content .box-niveles span.box-name{
		font-family:"Oswald", Arial;
		font-size:1.7em;
		background-color:rgba(255,255,255,0.5);
		color:#333;
		display:block;
		text-align:center;
		margin-bottom:6px;
	}
	
	#main #central .content .box-niveles span.box-details{
		margin:12px 0 12px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#000;
		line-height:1.4em;
		display:block;
		text-align:center;
	}
		
	/* ============================================ */

	
	
}

/* =============================celular smarthphone y tablas desde aqui para abajo===================================================*/

@media screen and (min-device-width:320px) and (max-device-width:763px){
	#main #central{
		width:100%;
		height:auto;
		background-color:#FFF;
		margin-left:auto;
		margin-right:auto;
	}
	#main #central #header {
		width:100%;
		height:auto;
		overflow: visible;
	}
	/*#main #central #header #fondo{display:none;}*/
	
	#main #central #header #layer{
		width:100%;
		height:auto;
		margin-top:-75px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;

	}
	
	#main #central #header #layer .pre-header{
		display:none;
		width:100%;
		font-family:"Oswald";
		color:#FFFFFF;
		font-size:1.5em;
		text-align:left;
		padding-left:6px;
		padding-right:20px;
		padding-top:6px;
		padding-bottom:6px;
		background-color:#0066CC;
		text-align:center;
	}
	
	#main #central #header #layer #rif{display:none;}
	#main #central #header #layer #mpppe{display:none;}
	
	#main #central #header #layer img.logo{
		width:25%;
		height:25%;
		margin-left:auto;margin-right:auto;
	}
	
	#main #central #header #layer span.ue{
		display:block;
		font-size:2em;
		font-family:"Oswald";
		margin-top:20px;
		padding-top:0px;
		color:#333333;
		letter-spacing: 0.1em;
	}
	#main #central #header #layer H1.csc{
		font-family:"Oswald", Arial;
		font-size:3.5em;
		margin-top:0px;
		padding-top:0px;
		padding-bottom:0px;
		margin-bottom:0px;
		color:#06C;
		line-height: normal;
		text-shadow:#333 1px 1px 1px;
	}
	
	#main #central #header #layer H2.mlp{display:none}
	
	/* ============ BARRA NAVEGACION =================*/
	
	#main #central #header #layer nav{clear:both;}
	#main #central #header #layer nav ul.menu-main{list-style:none;padding:0px;margin:0px;}
	#main #central #header #layer nav ul.menu-main li{
		font-family:"Oswald", Arial;
		display:block;
		text-align:center;
		width:auto;
		font-size:4em;
		font-weight:400;
		color:#000;
		padding-bottom:3px;
		padding-right: 12px;
		padding-left: 12px;
		border: 1px solid #FFF;
		text-transform: uppercase;
	}
	#main #central #header #layer nav ul.menu-main #home {background-color:#0066CC;}
	#main #central #header #layer nav ul.menu-main #colegio{background-color:#009900;}
	#main #central #header #layer nav ul.menu-main #listasesco{background-color:#9999FF;
}
	#main #central #header #layer nav ul.menu-main #admin{background-color:#FF9900;}
	#main #central #header #layer nav ul.menu-main #coor{background-color:#0CC;}
	#main #central #header #layer nav ul.menu-main #cont{background-color:#FF3333;}
	#main #central #header #layer nav ul.menu-main li a:link{color:#FFF;text-decoration:none;}
	#main #central #header #layer nav ul.menu-main li a:visited {color:#FFF;text-decoration:none;}
	
	/* ===============================================*/
	
	/* ============= AREA CENTRAL =====================*/
	#main #central .content{
		margin-top:0px;
		margin-bottom:12px;
		width:auto;
		height:auto;
		overflow:visible;
	}
	
	#main #central .content .left-container{
		width:100%;
		margin-left:0px;
		margin-bottom:20px;
		margin-top:0px;
		margin-right:6px;
		height:auto;
		clear:both;
	}
	
	#main #central .content .middle-container{
		width:auto;
		margin-left:0px;
		margin-bottom:0px;
		margin-top:20px;
		margin-right:6px;
		background-color:#FFF;
		height:auto;
		clear:both;
	}
	#main #central .content .right-container{display:none;}
	#main #central .content ul.serviciosweb{list-style:none;margin:25px 0px 25px 0px;padding:0px;}
	#main #central .content ul.serviciosweb li{
			width:50%;
			height:200px;
			display:block;
			float:left;
			text-align:center;
	}
	#main #central .content ul.serviciosweb li img{width:100px;height:100px;margin-top:50px;-webkit-border-radius:90px;-moz-border-radius:90px;border-radius:90px;}
	#main #central .content ul.serviciosweb li span {
		font-family:"Oswald", Arial;
		font-size:1.7em;
		color:#FFF;
		font-weight:normal;
		margin-left:0px;
		margin-right:0px;
		margin-top:-80px;
		display:block;
		font-style: normal;
		line-height: normal;
		text-shadow: 1px 1px 1px #333;
		letter-spacing: 0.07em;
	}
	#main #central .content ul.serviciosweb li.swo{background-color:#03F;}
	#main #central .content ul.serviciosweb li.ext{display:none;}
	#main #central .content ul.serviciosweb li.ext2{display:none;}
	#main #central .content ul.serviciosweb li.ext3{display:none;}
	#main #central .content ul.serviciosweb li.ext4{display:none;}
	#main #central .content ul.serviciosweb li.ext5{display:none;}
	#main #central .content ul.serviciosweb li.ext6{display:none;}
	#main #central .content ul.serviciosweb li.ext7{display:none;}
	#main #central .content ul.serviciosweb li.ext8{display:none;}
	
	#main #central .content ul.serviciosweb li.doc{background-color:#06F;}
	

/*	sagrado online del celular*/
	#main #central .content .middle-container #sconline{
	clear:both;
	width:100%;
	height:auto;
	background-color:#062b62;
	background-image:url(../images/sagradoOnlineCelular.png);
	background-repeat: no-repeat;
	background-position: 50% 6px;
	background-size:600px 140px;
	margin-bottom:5px;
	padding-top:25px;
	padding-bottom:25px;
	}
	
	#main #central .content .middle-container #form-sconline{
		width:auto;
		margin-top:120px;
		margin-right:0px;
		text-align:center;
	}
	#main #central .content .middle-container #form-sconline .form-sc{margin:0px;padding:0px;}
	
	#main #central .content .form-sc a.forget:link, a.forget:visited{
		font-family:"Oswald", Arial;
		font-size:1em;
		line-height:1.3em;
		color:#0066CD;
		margin-right:32px;
	}
	#main #central .content .form-sc input[type="password"], .form-sc input[type="email"]{
		margin-bottom:1em;
		font-size:4em;
		padding: 0.3em;
		border: 1px solid #96A7BC;
		-webkit-transition: border 0.3s;
		-moz-transition: border 0.3s;
		-o-transition: border 0.3s;
		transition: border 0.3s;
		width: 350px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		box-shadow:1px 1px 5px #CCC inset;
	}
	
	#main #central .content .form-sc input[type="password"]:focus, .form-sc input[type="email"]:focus{border-bottom:4px solid #96A7BC;}
	#main #central .content .form-sc #login{display:none;}
	
	#main #central .content .form-sc input[type="submit"]{
		border:none;
		background-color:#3163A2;
		font-family:"Oswald", Arial;
		font-size:4em;
		padding: 10px 0px 10px 0px;
		width:100%;
		color:#FFF;
	}
	
	/* ============== NOTICIAS ======================== */
	#main #central .content .middle-container .news-container{display:none} 
	
	/* ================================================ */
	
	/* ============== SECCIONES ======================== */
	#main #central .content .content-section{margin:0;width: 100%;}
	#main #central .content .left-menu{width:100%;height:auto;margin-top:2em;}
	#main #central .content .left-menu H2{
		font-family:"Oswald", Arial;
		color:#FFF;
		font-weight:lighter;
		padding-left:9px;
		margin:0 12px 0 0;
		display:block;
		background-color:#339900;
	}
	#main #central .content .left-menu #menu-col{background-color:#339900;}
	#main #central .content .left-menu #menu-adm{background-color:#FF9900;}
	#main #central .content .left-menu #menu-noti {background-color:#3399FF;}
	#main #central .content .left-menu #menu-coo{background-color:#0CC;}
	#main #central .content .left-menu #menu-con{background-color:#FF3333;}
	#main #central .content .left-menu ul.navigator{
		font-family:"Oswald", Arial;
		margin:6px 0 0 19px;
		padding:0;
		list-style:none;
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	#main #central .content .left-menu ul.navigator li a:link, a:visited{
		font-size:1.12em;
		line-height:1.3em;
		color:#0099CC;
		display:block;
		margin-right:12px;
		padding-left:6px;
		margin-bottom:6px;
	}
	#main #central .content .left-menu ul.navigator li a:hover{background-color:#FF3300;color:#FFF;}
	#main #central .content .left-menu ul.navigator li .back:link, .back:visited{
		font-family:"Oswald", Arial;
		font-size:0.9em;
		color:#FF0033;
	}
	#main #central .content .left-menu ul.navigator li .back:hover{color:#F90;background-color:#FFF;}
	

	
	#main #central .content .content-section img.notimagen {
		float: left;
		-webkit-border-radius:35px;
		-moz-border-radius:35px;
		border-raidus:75px;
		border-radius: 35px;
	}
	#main #central .content .content-section img.leftPos{float:left;margin-right:6px;}
	
	#main #central .content .content-section H2{
		font-family:"Oswald", Arial;
		font-size:2em;
		color:#333333;
		margin-top: 16px;
		margin-right: 0;
		margin-bottom: 12px;
		margin-left: 0;
	}
	
	#main #central .content .content-section H5{
		background-color:#99CC00;
		font-family:"Oswald", Arial;
		font-size:1.1em;
		display:block;
		text-align:center;
		margin:0 16px 48px 16px;
		padding:0;
	}
	
	#main #central .content .content-section p.imagenLeft{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.4em;
		color:#333333;
		margin-top:0px;
		margin-left:6px;
		margin-right:6px;
		float:left;
	}
	#main #central .content .content-section p.Simple {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:1.4em;
		color:#333333;
		margin-top:0px;
		margin-left:6px;
		margin-right:6px;
	}
	
	#main #central .content .content-section #historia img, #mision-vision img{display:none;}
	#main #central .content .content-section #historia img, #comedor img{display:none;}
    #main #central .content .content-section #historia img, #areas img{display:none;}


	
	#main #central .content ul.list-principios{
		margin:0 0 0 0;
		padding:0;
		list-style:none;
	}
	#main #central .content ul.list-principios li{ padding-top:6px;display:block;}
	#main #central .content ul.list-principios li img{
		display:block;
		width:15%;height:15%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
	}
	#main #central .content ul.list-principios li span.texto{
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.3em;
		line-height:1.2em;
		text-align:center;
		display:block;
	}
	#main #central .content ul.list-principios li span.titulo{
		font-family:"Oswald", Arial;
		font-size:1.2em;
		line-height:1.2em;
		color:#CC3300;
		display:block;
		margin-bottom:6px;
		text-align:center;
	}
	
	#main #central .content ul.list-pagos{
		margin:0 0 0 0;
		padding:0;
		list-style:none;
		text-align:center;
	}
	#main #central .content ul.list-pagos li{padding-top:6px;padding-bottom:1.5em}
	#main #central .content ul.list-pagos li img{
		height:15%;width:15%;
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
	}
	#main #central .content ul.list-pagos li span.texto{
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.2em;
		text-align:center;
		display:block;
	}
	#main #central .content ul.list-pagos li span.titulo{
		font-family:"Oswald", Arial;
		font-size:1.2em;
		line-height:1.2em;
		color:#CC3300;
		display:block;
		margin-bottom:6px;
		text-align:center;
	}
	
	#main #central .content ul.list-circle-blue{
		list-style:none;
		margin:0;
		padding:0;
		text-align:center;
	}
	#main #central .content ul.list-circle-blue li{margin-bottom:6px;height:auto;}
	#main #central .content ul.list-circle-blue li H4{
		color:#0099CC;
		font-family:"Oswald", Arial;
		font-size:2em;
		margin:0 0 6px 0;
		padding:0 0 0 0;
	}
	#main #central .content ul.list-circle-blue li a:link span, a:visited span{
		font-family:"Oswald", Arial;
		font-size:0.9em;
		background-color:#333333;
		padding:3px 6px 3px 6px;
		color:#FFF;
	}
	#main #central .content ul.list-circle-blue li a:hover span{ background-color:#666;}
	#main #central .content ul.list-circle-blue li span.details{
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		line-height:1.2em;
		color:#000;
	}
	
	#main #central .content ul.bancos{
		list-style:none;
		margin:0;
		padding:0;
		text-align:center;
	}
	#main #central .content ul.bancos li{margin-top:0px;padding-bottom:12px}
	#main #central .content ul.bancos li span.nom_banco{
		font-family:"Oswald", Arial;
		font-size:1em;
		display:block;
		margin-bottom:6px;
	}
	#main #central .content ul.bancos li img{width:15%;height:15%;}
	#main #central .content ul.bancos li span.details_banco{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		display:block;
	}
	
	#main #central .content ul.info-contacto{
		list-style:none;
		margin:18px 0 0 0;
		padding:0px;
	}
	
	#main #central .content ul.info-contacto li{
		padding-top:6px;
		padding-bottom:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		line-height:1.2em;
		text-align:center;
	}
	
	#main #central .content ul.info-contacto a.link-regular:link, a.link-regular:visited{
		padding:5px;
		display:block;
		width:50px;
		background-color:#3163A2;
		font-family:"Oswald",Arial;
		font-weight:lighter;
		color:#FFF;
		margin: 0px;
	}
	
	#main #central .content ul.info-contacto li img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6px;
	}
	
	#main #central .content #educativos{width:100%;}
	
	#main #central .content .box-niveles{
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		padding-top:16px;
		padding-bottom:16px;
		margin-bottom:10px;
		overflow:visible;
	}
	/*
	#main #central .content #prescolar{background-color:#FF9900;}
	#main #central .content #primaria{background-color:#0099FF;}
	#main #central .content #bachillerato{background-color:#339933;}
	*/
	#main #central .content #prescolar{
		background-image:url(../images/img-box-prescolar.jpg);
		background-size:cover;
		background-position:0px -50px;
	}
	#main #central .content #primaria{
		background-image:url(../images/img-box-primaria.jpg);
		background-size:cover;
		background-position:0px -50px;
	}
	#main #central .content #bachillerato{
		background-image:url(../images/img-box-bachillerato.jpg);
		background-size:cover;
		background-position:0px -50px;
	}
	
	#main #central .content #prescolar2{
	background-image:url(../images/img_listas/1.png);
	background-size:cover;
	background-position:0px -50px;
	}
	#main #central .content #primaria2{
	background-image:url(../images/img_listas/2.png);
	background-size:cover;
	background-position:0px -50px;
	}
	#main #central .content #bachillerato2{
	background-image:url(../images/img_listas/3.png);
	background-size:cover;
	background-position:0px -50px;
	}
	
	
	#main #central .content .box-niveles span.box-name{
		font-family:"Oswald", Arial;
		font-size:1.7em;
		background-color:rgba(255,255,255,0.5);
		color:#333;
		display:block;
		text-align:center;
		margin-bottom:6px;
	}
	
	#main #central .content .box-niveles span.box-details{
		margin:12px 0 12px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#000;
		line-height:1.4em;
		display:block;
		text-align:center;
	}
	
	/* ========== LOADER FORM =========================== */
	
	#main #central .content .middle-container .loader-form{
		width:100%;
		clear:both;
	}
	
	#main #central .content .middle-container .loader-form #window{
		margin:6px 24px 0 0;
		width:100%;
		height:400px;
		border:0;
	}
	#main #central .content .middle-container .loader-form .header-form{
		height:auto;
		text-align:center;
		padding-top:50px;
		padding-bottom:12px;
		clear:both;
	}
	
	#main #central .content .middle-container img{
		width:100px;
		height:100px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		border-radius:50px;
	}
	
	#main #central .content .middle-container #extranet{background-color:#3163A2;}
	#main #central .content .middle-container #solicitud{background-color:#E88503;}
	#main #central .content .middle-container #validador{background-color:#FF585F;}
	
	#main #central .content .middle-container .loader-form H2{
		font-family:"Oswald", Arial;
		font-size:2em;
		font-weight:500;
		margin:0;
		color:#FFF;
	}
	
	#main #central .content .middle-container .loader-form #info{
		font-family:Arial, Helvetica, sans-serif;
		font-size:2em;
		line-height:1.3em;
		color:#333333;
		text-align:justify;
		margin:6px;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet{text-align:center;}
	
	#main #central .content .middle-container .loader-form #form-extranet label{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		color:#0066CD;
		font-weight:bold;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex input[type="password"], .form-ex input[type="email"], .form-ex select, .form-ex input[type="text"]{
		margin-bottom:4px;
		padding: 6px;
		border: 1px solid #96A7BC;
		-webkit-transition: border 0.3s;
		-moz-transition: border 0.3s;
		-o-transition: border 0.3s;
		transition: border 0.3s;
		width: 200px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		box-shadow:1px 1px 5px #CCC inset;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex input[type="password"]:focus, .form-ex input[type="email"]:focus, .form-ex input[type="text"]:focus, .form-ex select:focus{
		border-bottom:4px solid #96A7BC;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex input[type="submit"], .form-ex input[type="button"]{
		border:none;
		background-color:#3163A2;
		font-family:"Oswald", Arial;
		font-size:3em;
		margin-top:1em;
		padding: 4px;
		color:#FFF;
	}
	
	#main #central .content .middle-container .loader-form #form-extranet .form-ex a.forget:link, a.forget:visited{
		font-family:"Oswald", Arial;
		font-size:2em;
		line-height:1.3em;
		color:#0066CD;
		margin-right:32px;
	}
	
	/* ================================================== */
	
	/* ================================================*/
	
	/* =================== FOOTER ======================*/
	
	footer{
		clear:both;
		font-family:"Oswald", Arial;
		width:100%;
		padding-top:27px;
		margin-top:0px;
		margin-bottom:0px;
		
	}
	
	footer span.social{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	footer span.social img{width:30%;height:30%;}
	
	footer span.copyright{
		font-size:2.5em;
		color:#666666;
		display:block;
		text-align:center;
	}
	footer span.direccion{
		font-size:0.5em;
		color:#999999;
		display:block;
		text-align:center;
	}
	
	/* ================================================= */
}