/*========================================*/
/*Hoja de estilos css página SFA santiago*/
/*
Desallador  : José Uribe
mail        : jose.uribe.t@gmail.com
fecha       : 03/09/15
*/
/*========================================*/
/*
*
* Configuraciones generales de la pagina
*
*/
body{
	margin:0px;
	font-family: 'Roboto', sans-serif;
}
#body{	
	background-image:url("../img/3.png"); 
}
.cuatro{
	font-size:70px;
	text-align:center;
	display:block;
}
.noEx{
	min-height: 315px;
	background: url(../img/404.png);
	background-size: 280px;
	background-repeat: no-repeat; 
	background-position: 340px;
}

ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
ul li{
	list-style-type:none;
}
ul li a{
	text-decoration:none;
	color: #444;
}
.contenedor{
	margin:0 auto;
	width: 1033px;
	overflow:hidden;
}
.galcont,.extcont,.calcont {
    background: #fff;
    padding: 10px 20px;
    min-height: 500px;
}
/**transisiones**/
.menu ul li a,.notasnet{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.pagina {
    width: 960px;
    margin: 0 auto;
}
/**fin transisiones**/

/***************************************/

/*****************SLIDER DE IMAGENES**********************/


/* ESTILOS DEL SLIDESHOW */
 
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color: white;
background: rgba(197, 197, 197, 0.5);
opacity: .75;
text-shadow: 1px 1px 1px #000;
}
 
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:35px;
}
ol.bjqs-markers li a{
padding: 5px 10px;
background: #000;
color: #fff;
margin: 5px;
text-decoration: none;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-o-transition:background .5s ease;
}
li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
background: whitesmoke;
color: #000;
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}

/***************************************/

#header{
	min-height: 150px;
	/*background: url("../img/hf.png")no-repeat 0px -170px;*/
	background-size: cover;
	overflow:hidden;
}
	.logo{
		background: url("../img/iconos/logo.png");
		background-repeat: no-repeat;
		background-position: 50%;
		background-size:100%;
		min-height: 150px;

	}
	.notasnet { 
		float: right;
		margin: -122px 80px 0 0;
		width: 100px;
		height: 100px;
		background-image: url("../img/iconos/notas.png");
	    border-radius: 10px;
		background-color: #0177CC;
	}
	.notasnet:hover{background-color: #73B2FF;} 
		.notasnet a {
			display: block;
			width: 100%;
			height: 100%;
		}
	.tituloindex{
		overflow: hidden;
		width: 40%;
		margin-right: 20%;
		margin-top: 30px;
		float: left;
		text-align: center;
		font-weight: 100;
		font-size: 40px;
		height: 150px;
	}
		.tituloindex span{
			font-weight:300
		}
		.logo img {
			width: 961px;
			margin-left: -1px;
		}
	.menu{
		width:100%;
	}
	.menu ul{
		width:1030px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		border-radius: 3px;
	}
		.menu ul li{
			list-style-type:none;
			float:left;
			width:9.0909%;
		}
			.menu ul li a{
				display: block;
				text-decoration: none;
				color: #333; 
				background: #DADADA;
				padding: 16px 0;
				text-transform: uppercase;
				text-align: center;
				font-size:9px; 
			} 
			.menu ul li a:hover{
				background: #0062A9; 
				color: #fff;
			}

/************slider******************/
#imgslider {
	margin-top: 25px;
}
#slidernot{
	min-height:400px;
	margin-top:20px;
}
	#slidernot h2 {
    /* width: 230px; */
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
    background: #4199D0;
    color: #fff;
    border-radius: 5px;
}
	.slidernot{
		background:rgba(255, 255, 255, 0.55);
	}
		
		.slidernot li{
			
		}
		.slidernot img{
			position:absolute;
		}
	#slidernot p {
		/*display: block;
		padding: 5px 0px;
		width: 400px;
		height: 24px;
		line-height: 22px;
		background: none repeat scroll 0% 0% #900;
		color: #EEE;
		position: absolute;
		margin: 0 280px;*/
	}

/**********pizarra*******************/ 
#pizarra{
	overflow:hidden;
	background: url("../img/pizarra.png") no-repeat;
	background-position: 50% 100%;
	background-size: 960px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px 0;
	min-height: 550px;
}
#pizarra .contenedor{
	margin-top: 0px;
}
#pizarra .contenedor .titulo{
	text-align: center;
    /* margin: 30px; */
    font-size: 25px;
    color: #FFF;
    background-color: #4199D0;
    padding: 10px;
    border-radius: 5px;
}
	.pizarra{
		height: 285px;
		overflow: hidden;
		overflow-y: auto;
		width: 800px;
		margin: 95px auto 0;
	}	 
		.anuncio-pizarra{
			margin: 0 10px 30px; 
			overflow: hidden;
			color: #616161;
			font-size:13px;
		}
			.anuncio-pizarra h2 {
				font-weight:100;
				font-size:30px;
			}
			.anuncio-pizarra .fecha{
				margin:10px 0;
			}
			.cuerpo-anuncio{
				margin:20px;
			}
::-webkit-scrollbar {
    width: 12px;
}
	 
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
	 
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/****************************************/
#widget{
	overflow:hidden; 
}
	.widget{
		width: 100%;
		float: left;
		font-size: 13px;
		min-height: 300px;
		/* float: left; */
		margin-bottom: 25px;
		overflow: hidden;
		border-radius: 5px;
	}
	#calendario .titulo{
		text-align: center;
		font-size: 25px;
		color: #FFFFFF;
		background-color: #4199D0;
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 5px;
	}
	#facebook{
		height:300px;
		/*margin-left: 156px;*/
		background: #fff;
		border-radius: 5px;
	}
#tituloNueva h2{
	margin: 20px 0;
	color: #0020CE;
	text-transform: uppercase; 
}
	
/********************Noticias individual*********************************/
#noticiaindex {
	min-height: 300px;
}
.slider li{
	overflow:hidden;
} 
#slider h2{
	text-align: center;
	font-weight: 100;
	font-size: 30px;
	margin-bottom: 20px;
	color: #B20058;
	text-transform: uppercase;
}
.ind-imagen{
	width: 475px;
	min-height: 300px;
	overflow: hidden;
	float: left;
}
.ind-imagen img{
	width:475px;
}
.ind-cuerpo{
	min-height: 300px;
	float: left;
	width: 455px;
	margin: 0 10px;
}
	.ind-cuerpo p{
		color:#444;
	}
.ind-titulo-noticia{
	color:#444;
	font-size: 20px;
	line-height: 25px;
	margin-top:10px	
}
.ind-fecha{
	color: #5038FD;
	margin-bottom: 10px;
}
.ind-vermas a{
	float: right;
	text-decoration: none;
	color: #fff;	
	background: #5283AD;
	display: block;	
	width: 70px;
	text-align: center;
	padding: 5px;

}
.gal_vid .gal_ind {
    margin-top: 25px;
	border-radius: 10px;
}
.not_video {
    background: #F3F3F3;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}
.video_cod {
    overflow: hidden;
    border-radius: 22px;
    position: relative;
    height: 450px;
}
.video_cod iframe {
    width: 100%;
    height: 450px;
}
/********************fin Noticia individual*********************************/

/********************Noticias*********************************/
.not,.ins,.acp,.exe,.pas,.coe,.mul,.con{background: #9A0000;margin-bottom:20px}

.tit{
	width: 1030px; 
	margin: 20px auto 20px;
	-webkit-box-shadow: 0px 2px 5px #525252;
	-moz-box-shadow: 0px 2px 5px #525252; 
	-ms-box-shadow: 0px 2px 5px #525252;
	-o-box-shadow: 0px 2px 5px #525252;
	box-shadow: 0px 2px 5px #525252;
	background-color:#006FBF;
}
.tit h2{
	font-size: 40px;
	font-weight: 300;
	text-align:center;
	color: #fff;
}
/*
.not h2{background-image: url("../img/iconos/not.png");}
.gal h2{background-image: url("../img/iconos/gal.png");}
.ext h2{background-image: url("../img/iconos/ext.png");}
.ins h2{background-image: url("../img/iconos/ins.png");}
.cal h2{background-image: url("../img/iconos/cal.png");}¨*/&
.not h2,
.gal h2,
.ext h2,
.ins h2,
.cal h2{
	background-size: contain;
	background-repeat: no-repeat;
}
.contnot{
	width: 960px;
	margin: 0 auto;
	margin-top: 50px;
	overflow:hidden;
}
#noticias .header{
	min-height: 50px;
	color: #4F5AF4;
	text-shadow: 1px 1px 1px #AAA;
}

.header .fecha{
	font-size: 13px;
	color: #777;
	text-align: left; 
}
.titulo-noticia{
	font-size: 25px;
	font-weight: 300;
	text-align: left;
}
	.intronot {
min-height: 170px;
padding-top: 10px;
text-align: justify;
padding-right: 30px;
padding-left: 30px;
	}
.imagen{
	background: silver;
	width: 400px;
    height: 280px;
	float: left;
	overflow: hidden;
	border-radius:5px;
}
.imagen img{
	width: 100%;
    height: 100%;
}
#noticias .cuerpo{
	min-height: 280px;
	width: 500px;
	float: left;
	margin: 0 20px;
	padding: 10px 10px;
	background: rgba(255, 255, 255, 0.66);
	border-radius:5px;
	color:#555;
}
.cuerpo{
	min-height: 280px;
	width: 500px;
	float: left;
	margin: 0 20px;
	padding: 10px 10px;
	background: rgba(255, 255, 255, 0.66);
	border-radius:5px;
	color:#555;
} 
	.cuerpo p{
		text-align:justify;
	}
.vermas a{
	float: right;
	text-decoration: none;
	color: #fff;
	background: #0342B6;
	display: block;
	width: 70px;
	text-align: center;
	padding: 5px;
	border-radius: 4px;
}
.pag{
	width:960px;
	margin:20px auto;
	text-align:center;
}
.notFound{
	margin:40px  auto;
	width:960px;
	text-align:center;
	color: #fff;
    height: 250px;
}
.titulo-ind{
	width: 960px;
	margin: 20px auto;
	overflow: hidden;
	padding: 10px;
	background-color: rgba(220, 220, 220, 0.5);
	border-radius: 5px;
	text-shadow:1px 1px 2px #E0E0E0;
	color: #00588E; 
}
.titulo-ind h2{
	font-size: 35px;
	font-weight: 300; 
	display: block;
}
.fecha-ind{
	/* float: left; */
	margin-top: 10px;
	color: #666;
	font-size: 14px;
}

.text-ind{
	width: 960px;
	margin: 0 auto;
	text-align: justify;
	min-height: 200px;
	margin-top: 20px;
	padding: 10px 30px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	color: #666;
}
	.text-ind p{
		text-align:justify;
	}
.enlace-externo{
	text-align:center;
}
.imagen-ind{
	width: 800px;
	min-height: 210px;
	background: bisque;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 5px;
}
.imagen-ind img{
	width: 800px;
	margin: -50px 0 -50px 0;
	overflow: hidden; 
}
.like-btn{
	text-align: center;
	margin-top: 20px;
}
/***********************ExtraEscolar****************************/
.act_tit{
	text-align:center
}


.actividades ul li{
	
}
.actividades ul li a{
	display: block;
	/* padding: 100px 0 0; */
	width: 960px;
	text-align: center;
	margin: 30px 0;
	min-height: 155px;
}
.noticias_ex .notFound {
    color: #6B6B6B;
    width: 600px;
}
.noticias_ex .contnot {
    width: 682px;
    margin: 30px 0 0 30px;
}
.noticias_ex .not {
    overflow: hidden;
    background: 0;
	padding:5px;
	background: #F5F5F5;
    border-radius: 10px;
}

.noticias_ex .not .imagen{
    width: 290px;
    height: 220px;
}
.noticias_ex .not .cuerpo {
    width: 340px;
}
.noticias_ex{}
.noticias_ex{}



/******************GALERIAS***********************/
.documentos ul li{
	float:left;
}
.documentos h3 {
    color: #fff;
}
.documentos {
    width: 960px;
    overflow: hidden;
	margin-bottom: 20px;
}
.doc{
	width: 318px;
	display: block;
	text-align: center;
	padding-top: 175px;
	background: url("../img/iconos/pdf.png") no-repeat 60px 0;
	margin: 60px 0;
	color:#fff
}
.docu,.docum {
    float: left;
    width: 50%;
}
.docu a {
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    padding: 20px 0 20px 40px;
    display: block;
    background-color: #397A9D;
    border-radius: 10px;
    background-image: url("../img/iconos/pdfb.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 2% 50%;
	margin: 2.5px;
} 

div#listadocs {
    overflow: hidden;
    background-color: #fff;
}


/***************************************************/
#widget{
	padding-top: 50px;
}
/******************Información Institucionalr***********************/

.cont{display:none;}
.menulat ul li.select{
	background: #FFFFFF;
    color: #4987BC;
    font-weight: 600;
}

.institucional{
	overflow: hidden;
	background:#fff; 
	margin-bottom: 20px;
	border-radius:5px;
	padding:20px 5px;
}
.menulat {
    width: 25%;
    height: 100%;
    float: left;
    border-right: 0px solid #C8C8C8;
    margin: -20px -10px 0px -10px;
}	
	.menulat ul{margin-top:  -1px;}

		.menulat ul li {
			display: block;
			font-size: 14px;
			font-weight: 300;
			text-align: center;
			padding: 7px 0;
			margin: 1px 10px 1px 5px; 
			/* border-radius: 3px; */
			background: #4196FF;
			cursor: pointer;
			color:#fff;
		}
		
			.menulat ul li:hover{background:#0057C3;color:#fff}
.info-ins {
	float: left;
	height: 100%;
	overflow: hidden;
	width: 75%;
}
.nos_texto h2{
	text-align: center;
    margin: 20px 0;
}
.nos_texto h1{text-align:center;    margin-bottom: 25px;}
.nos_texto p {
    text-align: justify;
    font-size: 12px;
}
#cont3{
    height: 100%;
}


/*
.icono {
    background: url("../img/iconos/pdfd.png");
    height: 50px;
    width: 8%;
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #FFF;
    float: left;
    border-radius: 5px;
}*/

.info{
	width: 479px;
	float: left;
	padding: 10px 20px;
	text-align: justify;
	font-size: 13px;
}
.info .titulo, .valores .titulo, .historia .titulo{
	font-size: 25px; 
	font-weight: 300;
	margin-bottom:30px;
}

.valores{
	margin-top: 20px; 
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.71);
	color: #666;
	border-radius: 5px;
	text-align:justify;
	font-size: 13px; 
}
.nos_texto{
	background: rgba(255, 255, 255, 0.71);
	border-radius: 5px;
	padding: 10px 20px;
	text-align: justify;
	color: #666;
	font-size: 13px; 
}

.res{
    
}
.equipotec {
    overflow: hidden;
    background: #E0E0E0;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
}
.equipotec p{
	text-align:center;
	font-size: 13px;
}

.equipotec h3 {
    text-align: center;
	
}
.cent{
    background: #F7F7F7;
    padding: 10px; 
}
.objlist li {
    list-style-type: disc;
    margin-left: 25px;
    margin-bottom: 10px;
}
.deptos h1{ text-align:left;}
.horarios img {
    width: 670px;
}
/**********Calendario de actividades*****************/
.inte h2{
    text-align: center;
    font-weight: 400; 
    margin-bottom: 20px;
    font-size: 30px;
}
.selcur h2{
    text-align: left;
    font-weight: 300;
    font-size: 20px;
}
    .selcur select{
        width: 400px;
        border: 1px solid #a5a5a5;
        font-size: 20px;
        padding: 10px;
        color: #626262;
    }
        .selcur select option{
            font-weight: 300;
        }

.navcal{
    margin-top: 40px;
}
	.navcal ul li.select{
		background: #661416;
	}
    .navcal ul li{
        background: #8D8A8A;
        color: #fff;
        padding: 15px;
        text-align: center;
        margin-right: 2px;
        cursor: pointer;
		width: 135px;
    }
.actividades{
    border: 1px solid #CACACA;
    height: 225px;
    overflow: hidden;
    padding: 10px;
    margin-top: 20px;
	overflow-y: auto;
}
.cont1, .cont2{
	padding: 5px 5px 15px 5px;
	margin: 2px 0;
	background: #F4F4F4;
	overflow: hidden;
}
.cont1 h3, .cont2 h3{
	font-size: 25px;
	font-weight: 300;
	color: #B84D4D;
}
.cont1 span, .cont2 span{
	margin-bottom:5px;
}
.asig,.fech,.hora {
	display: block;
	color: #888;
	overflow: hidden;
	width:33.3%;
	float:left;
	margin-top:10px
}
.asig{
}
	.asig span{
		display: block;
		float: left;
		width: 30%;
	}

.selmsj, .espere{
	text-align: center;
	display: block;
	font-size: 30px;
	font-weight: 300;
	
}
.espere{
	background: url("../img/iconos/car.gif");
	background-repeat:no-repeat;
	background-position:50%;
	display:block;
	width:100%;
	height:55px;
	text-align:center; 
}
/**********contacto*****************/
.formulario{
	margin-top: 30px;
} 
.formulario h2{
	margin-bottom:30px;
	text-align:center;
	font-weight: 100;
	font-size: 30px;
	color:#B20058;
}

.formulario, form{
	overflow:hidden;
}
.datoscontacto, .textomsj{
	width: 480px;
	float: left;
}
.formsec label{
	display:block;
	font-size: 15px;
	margin: 10px;
	color: #3a3a3a;
}
.formsec input{
	margin: 0;
    padding: 5px 10px;
    width: 420px;
    font-size: 15px;
    color: #000000;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #2B2B2B;
}
.formsec textarea{
	margin: 0;
	padding: 5px 10px;
	min-width: 480px;
	max-width: 480px;
	max-height: 158px;
	color:#6765A0;
	border: 0;
	border-radius: 5px;
	box-shadow: -1px 1px 3px #2B2B2B;
}
#btnCon{
	width: 85px;
	min-height: 50px;
	margin-top: 15px; 
	background: #035EFF;
	color: #fff;
	margin-bottom: 5px;
	float: right;
	box-shadow: -1px 1px 3px #555;
	cursor:pointer;
}
#btnCon:hover{
	background:#80AEFF
}

.error, .send, .enviado{
display: block;
    text-align: center;
    background: #FF4B4B;
    float: left;
    padding: 5px;
    color: #fff;
    margin-top: 5px;
    /* box-shadow: 1px 1px 1px #3A3A3A; */
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}
.send{background:#1F16E9;}
.enviado{background:#00FF00;}
/***************************/

/*****************************************************/
#footer{
	height:200px;
	margin-top:20px; 
	background: #E4E4E4;
	overflow:hidden;
}
.datoscol{
width: 320px;
float: left; 
min-height: 200px;
padding-top: 90px;
color:#313131;
}
.datoscol span{
	text-align:center;
	display:block;
}
.lgc,.tel,.mrg{
	font-weight:bold;
	display:block;
	margin-top: 15px;
	font-size: 23px;
}
.lgc0{font-size: 15px;}

.tel{
	font-size: 20px;
	display: block;
	margin-top: 17px;
}
	span.correo {
		font-size: 20px;
		display:block;
	}
		span.mrg{margin-top: 15px;}

	.correo a {
		color: #2A529E;
		text-decoration: none;
	}
	.correo a:hover {
		color: #fff;
	}

.lugar{
	background:url("../img/iconos/m.png") no-repeat;
	background-size: 65px; 
	background-position: 50% 20%;
	}
.fono{
		background:url("../img/iconos/t.png") no-repeat;
		background-size: 65px; 
		background-position: 50% 20%;
}
.mail{
	background: url("../img/iconos/em.png") no-repeat 0px;
	background-size: 65px;
	background-position: 50% 20%;
}

/*
#############################################################################################################
                                  Estilo para sistema de administracion
###############################################################################################################
*/

/***NOTICIAS***/
.carga{
	float:left;
}

#lista_noticias{
	width: 960px; 
	text-align: center;
	margin: 0 auto 50px;
	height: 378px;
	overflow: hidden;
	padding: 10px;
	background: rgba(255, 255, 255, 0.54);
	overflow-y: auto;
}
	#lista_noticias table{
		border-collapse: collapse;
		border: 1px solid #999;
		width: 100%;
	}
	.msjok{
		width: 100%;
		margin: 0;
		padding: 10px 0;
	}
	
.seccion-adm{ 

}
.centrar{
	margin:0 auto;
	width:960px; 
}
.cabecera{
	min-height:100px;
	overflow:hidden;
    background: #00639E;
    color: #fff;
}

.cabecera h1{
margin: 25px 0 0 0;
text-align: center;
font-weight: 300; 
}
nav.menu-adm{
	background: #4F9EBF;
	border-radius: 0 0 10px 10px;
}
nav ul li{
	float:left;
	width: 11.111%; 
}
nav ul li a{
	padding: 10px 0;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #dcf2ff;
}
nav ul li a:hover {
background: rgba(255, 255, 255, 0.3);
}
nav ul li a.pri{border-radius: 0 0 0 10px;}
nav ul li a.ult{border-radius:0 0 10px 0}

.portada {
	background: url("../img/portadaraiquen.png") no-repeat;
	min-height: 195px;
	margin-top: 110px;
	background-position: 50%;
	    font-size: 50px;
    font-weight: 100;
    text-align: center;
    color: #00639E;
    text-shadow: 1px 1px 1px #B9B9B9;
}
.titulo-pagina, .titulo-pagina2 {
	font-size: 30px;
	font-weight: 300;
	background: rgba(255, 255, 255, 0.63);
	border-radius: 5px;
	padding: 0 10px;
}
.titulo-pagina2{
	margin:20px 0;
	text-align:center;
}
.seccion-formulario{
	overflow:hidden;
	width: 100%;
}

.seccion-formulario label {
	display: block;
	margin-bottom:5px;
}
.seccion-formulario input{
	border: 1px solid #bbb;
	padding: 10px;
	width: 93%;
	border-radius: 5px;
	margin: 0px 0 10px 0;
	background-color: #fff;
} 
input.fec {
	text-align: center;
}
.noticia-top{
	overflow:hidden;
}
	.noticia-top .seccion-formulario{
		float:left;
		width: 33.33%;
	}
	.noticia-top .seccion-formulario select{
		width: 100%;
		padding: 12px;
		border-radius: 5px;
	}
	
		.noticia-top .seccion-formulario label{
			text-align:center;
		}
		.noticia-bot .seccion-formulario label{
			margin-top:20px;
		}
		#adm-tit{
			margin:0;
			box-shadow:0;
		}
input.btnNot, 
input.btnPiz, 
input.btnEve, 
input#btnEx,
input#btnVid,
input#btnGal {
	margin-top: 15px;
    width: 120px;
    background: #2A33A5;
    color: #fff;
    padding: 10px;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}
/***PIZARRA***/
.sf-izq{
	width:460px;
	float:left;
	margin-right:20px;
}

.sf-der{
	width:460px;
	float:left;
	margin-left:20px
}

/******SLIDER*******/
.nota{
	font-weight: 300;
width: 44%;
padding: 1%;
margin: 0 2% 0 0;
float: left;
	background: #EF2057;
	color: #fff;
	border-radius: 3px;
}
.sld{
	overflow:hidden
}
.sld_form{
	float: left;
width: 50%;
}
#boton_subir {
	background: #B20000;
	border: 0;
	color: #fff;
	/* display: block; */
	/* float: left; */
	margin-top: 5px;
	font-size: 16px;
	border-radius: 3px;
	padding: 5px 10px;
	cursor:pointer;
	}#boton_subir:hover{
		background:#FF5353
	}
#barra_de_progreso{
	width: 100%;
	height: 20px;
	margin-top: 6px;
	display: block;
}
.sld_titulo {
	font-weight: 300;
	font-size: 25px;
	text-align: center;
}
ul.sld_lista {
	margin: 0 auto;
	width: 50%;
}
ul.sld_lista li {
/* text-align: center; */
height: 50px;
margin-bottom: 5px;
padding:10px;
overflow: hidden;
background: rgba(255, 255, 255, 0.72);
}
ul.sld_lista li img {
float: left;
/* margin-right: 50px; */
width: 33.33%;
}
ul.sld_lista li span {
display: block;
float: left;
width: 33.33%;
text-align: center;
}
ul.sld_lista li a {
display: block;
float: left;
width: 33.33%;
text-align: center;
}
#archivos_subidos{
	overflow: hidden;
width: 100%;
margin-top: 20px;
}

/*******CALENDARIO*********/

.seccion-formulario select{
	width: 98%;
	padding: 9px 10px;
	margin-bottom: 10px;
}
.asignatura, .exsex{
	display:none;
}

/**********Galeria**********/
#video,
#galeria{
	display:none;
}
.caja_gal img {
width: 100%;
height: 100%;
}

.caja_gal {
float: left;
width: 48%;
height: 305px;
padding: 1% 2%;
margin: 0 1% 3%;
background: #DFDFDF;
border-radius:5px;
}
.caja_gal span {
height: 10%;
display: block;
text-align: center;
font-size: 20px;
background: rgb(128, 74, 215);
color: #fff;
font-weight: 300;
}
a.link_gal {
display: block;
height: 90%;
}

#gal{
overflow: hidden;
padding: 1%;
background: rgba(255, 255, 255, 0.61);
border-radius: 5px;
margin-top: 20px;
}
.cajaimg {
float: left;
width: 18%;
padding: 1%;
height: 165px;
}
.cajaimg img {
width: 100%;
height: 85%;
}
span.eliminar {
display: block;
cursor:pointer;
}
Pseudo ::-webkit-scrollbar element

.msjup{
	text-align:center;
	font-size:25px;	
}
#respuesta{
	padding:20px;
}
.subiendo{
	text-align:center;
	font-size:25px;
	display: block;

}

.contenido {
overflow: hidden;
}

.gal_ind {
background: rgba(255, 255, 255, 0.65);
padding: 1%;
}
.gal_ind ul li {
float: left;
}
.gal_ind ul li {
float: left;
width: 20%;
height: 130px;
}

.gal_ind ul li a {
display: block;
height: 100%;
width: 100%;
}

.gal_ind ul li a img {
width: 100%;
height: 100%;
padding: 5%;
}

.gv_listas {
overflow: hidden;
height: 300px;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.7);
overflow-y: auto;

}

.ls_izq, .ls_der {
float: left;
width: 48%;
padding: 0 1%;
}

.ls_izq table, .ls_der table {
width: 100%;
border-collapse: collapse;
}

.vid {
overflow: hidden;
height: 258px;
}
.vid iframe {
width: 100%;
height: 100%;
}

/***************gal BE******************/
a.borrarimg {
position: relative;
display: inline-block;
left: 79%;
top: -85%;
background: url("../img/iconos/del.png") no-repeat;
height: 30px;
width: 30px;
}


/***************************************************************/
/*************************FUNCIONARIOS**************************/
/***************************************************************/
.formsec_dat{
	margin-bottom:25px;
}
.formsec {
    width: 50%;
    float: left;
	height: 85px;
}	
	.formsec select{
		width: 95%;
		padding: 5px;
		border: 1px solid #d2d2d2;
	}
	
	.formsec.button {
		width: 100%;
		padding-top: 20px;
		margin-bottom: 50px;
		height: 40px;
	}
	.formsec.button #func{
		float: right;
		width: 200px;
		margin-right: 20px;
		background-color: #00639e;
		color: #fff;
	}

form.func_ed {
    background: #EEE;
    overflow: hidden;
    box-shadow: 0 0 10px #555;
    border-radius: 5px;
    position: fixed;
    top: 25%;
    width: 900px;
    margin-left: 20px;
	padding:10px;
}
.cont_fun {
    margin: 0px 0px 10px 0px;
}

a.ult {
    background-color: #00436b;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    float: right;
    position: relative;
    top: -62px;
    border-radius: 0 0 0 10px;
}
.head_ed .cerrar {
      float: right;
    background: #F74141;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    text-align: center;
    width: 25px;
    border-radius: 13px; 
    margin-top: 20px;
    cursor: pointer;
    position: fixed;
    top: 98px;
    right: 240px;
}
.sec_cont {
    width: 50%;
    float: left;
}
.sec_cont table {
    border-collapse: collapse;
    border: 1px solid #afafaf;
    font-size: 12px;
    width: 97%;
    margin: 0 auto;
}

.sec_cont table thead {
    text-align: center;
    font-size: 14px;
    font-weight: 600; 
}
.sec_cont table td{
	padding:5px;
}
.sec_cont table td a {
    text-align: center;
    display: block;
    text-decoration: none;
    color: #44539e;
    font-weight: 600;
}
.sec_cont .func_tit {
    color: #211fa2;
    background-color: #fff;
    padding: 5px;
    margin: 0px 8px 8px 8px;
}
.card table {
    width: 70%;
    margin: 0 auto;
    border: 1px solid #000;
    border-collapse: collapse;
}
.card table tr td { 
    border: 1px solid;
	padding: 5px;
}
.card table thead{
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    background-color: #dadada;
}
.sec01{
	overflow:hidden;
	margin-bottom:25px;
}
.sec_cont.indiv {
    width: 100%;
    margin-bottom: 50px;
}
.last{
	border-radius: 0 0 10px 0px;
}


/**************************************************************/
/**************************************************************/
/**************************************************************/

.formcon label{
	display:block;
	font-size: 15px;
	margin: 10px;
	color: #ffffff;
    font-weight: 600;
}
.formcon input{
	margin: 0;
    padding: 5px 10px;
    width: 420px;
    font-size: 15px;
    color: #000000;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #2B2B2B;
}
.formcon textarea{
	margin: 0;
	padding: 5px 10px;
	min-width: 480px;
	max-width: 480px;
	max-height: 158px;
	color:#6765A0;
	border: 0;
	border-radius: 5px;
	box-shadow: -1px 1px 3px #2B2B2B;
}
#btnCon{
	width: 85px;
	min-height: 50px;
	margin-top: 15px; 
	background: #035EFF;
	color: #fff;
	margin-bottom: 5px;
	float: right;
	box-shadow: -1px 1px 3px #555;
	cursor:pointer;
}
#btnCon:hover{
	background:#80AEFF
}