@charset "utf-8";
@import url('css/fontello.css');
@import url('css/menu.css');
@import url('css/menu1.css');

input, select, textarea{ outline: none; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{ border:1px solid #00b6fc; }
input[type="submit"]{ background-image: -webkit-linear-gradient( bottom, rgb(111,0,26) 9%, rgb(168,3,41) 90% );
	background-image: linear-gradient( to top, rgb(111,0,26) 9%, rgb(168,3,41) 90% ); color: #fff;border-radius: 4px; -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;  -o-border-radius: 4px; padding: 10px;border: 1px solid #DBE1EB; font-family:'Lato'; font-weight: 400; margin-left: 125px;}
input[type="submit"]:hover{background-image: -webkit-linear-gradient( bottom, rgb(12,61,117) 9%, rgb(64,114,170) 90% );
	background-image: linear-gradient( to top, rgb(12,61,117) 9%, rgb(64,114,170) 90% );}
a{text-decoration: none;}
body{ line-height:1; padding:0; margin:0; font-family:Arial, sans-serif; 
	background:url(images/bgbody.jpg) fixed;
	-moz-border-radius:6px;
	 font-family:'Lato', sans-serif; }
.wrapper{width: 980px;  margin: 0px auto;   }
.clear{clear:both;}
.logo{float: left; width: 370px;padding: 10px; }
.head_2{float: right; width: 520px;padding:5px; /*border: 1px solid #fff;background: url(images/estrella.png);*/ }
.head_3{text-align: right;}
.head{}
.menu_head{ height: 30px;
	background-color:#007095; width: 490px; float: right;-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px;	border-radius:6px ; margin-bottom: 10px;
}
.menu_head img{float: left; margin-right: 5px;}
.icomovil{margin-top: -5px;}
.menu{background: #005ca1; /*border-bottom: 5px solid #ec8e31;*/}
#banner{height: 350px; border: 5px solid #FFC600; }
.contenido{background: #007095; clear: both;}
.col_1, .col_2, .col_3{float: left;	 margin-top: 15px;height: 180px; }
.col_4{float: left;margin-top: 15px;}
.col_1{width: 230px; }
.col_2{width: 240px;   margin-left: 10px; background: #0073B7;}
.col_3{width: 270px;  margin-left: 10px; background: #0073B7;}
.col_4{width: 200px; margin-left: 10px;}

.contenido{padding: 5px; box-sizing: border-box;}
.col_2 h1{font-size: 11px; padding: 10px 5px 10px; 5px;  color:#005CA1; background: #FFC521;}
.col_3 h1{font-size: 11px; padding: 10px 5px 10px; 5px;  color:#005CA1; background: #FFC521;}
.col_2 ul{margin: 0; padding: 0;}
.col_2 li{float: left; padding: 2px;margin-left: 3px; }

.col_2 img{padding: 3px; border: 1px solid #ccc; }
.col_2 li {list-style: none outside none; margin: 0; margin-top: 10px;}
.col_2 .multiple li {width: 108px !important; height: 108px;margin-left: 10px;}
.col_2 .bx-wrapper {margin: 0 auto; border: none !important; box-shadow:none !important;}
.col_2 .bx-prev {background: url(images/arrow-left.png) no-repeat scroll 0 -120px transparent; height: 120px; left: -22px; position: absolute; text-indent: -999999px;top: 8px; width: 14px;}
.col_2 .bx-next {background: url(images/arrow-right.png) no-repeat scroll 0 -120px transparent; height: 120px; position: absolute;right: -18px;  text-indent: -999999px;top: 8px;width: 14px;}
.col_2 .bx-next:hover, .PodsContainer .bx-prev:hover {background-position: 0 0;}

.leermas{ padding: 6px; color: #fff; font-size: 14px; margin: 10px auto;}

.btn{text-align: center; margin-top: 10px;}
.col_3 p{padding: 5px; line-height: 20px; color: #d1f4fa; font-size: 13px; font-weight: 300;margin: 0;}
.col_3 img{float: left; margin-top: 7px; margin-right: 4px;}
.col_4{text-align: center;}
.col_4 img{/*margin-top: 30px;*/ margin-left: 5px;}
.foot{  background: #005CA5; }
.foot p{padding: 10px; text-align: center; color: #fff; font-size: 13px; margin: 0;}
.head_3 h1{font-family:arial; font-size: 19px; float: left; width: 330px; margin-top: -60px;  margin-left: -120px;color: #e98641;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); margin-right: 25px;}
.leer{float: right;}
.leer a{color: #fff;}
.leer a:hover{text-decoration: underline; color: #fff;}
.encontrar{color: #fff; font-size: 11px; text-align: left; margin: 0; padding: 0; margin-left: 10px; margin-top: 8px;}
.social{margin-top: -10px;}
.izquierda{float: left; width: 250px; padding:2px; background: #006DBC; color:#fff;}

.derecha{float: left; width: 670px;margin-left: 25px; padding-right: 20px; padding-left: 20px;color: #000;font-family: 'Open Sans', sans-serif;   line-height: 23px; font-size: 14px; padding-bottom: 105px; box-sizing: border-box;}
.subcontenido{background:url(images/bgsubcontenido.jpg) #fff !important;}
.izquierda h1{font-family: 'Lato', sans-serif; font-weight: 700; margin-bottom: 5px; font-size: 16px;}
.iz2{margin-top: 20px; padding: 7px;}
.iz2 ul{margin: 0; padding: 0;}
.iz2 li{ padding: 7px;border-bottom: 1px dotted #ccc;}
.not_1{width: 200px;  margin-left: 10px; float: left; margin-top: 15px; padding: 5px; background: rgb(228, 236, 247);}
.fecha{color: #464646 !important; font-family: "Times New Roman", Arial; font-size: 12px; font-style: italic; margin-top: 8px; text-align: center;}
.not_1 h2{font-family: 'Lato', sans-serif; font-size: 18px;  text-align: center;border-bottom: dashed 1px #6a6a6a; padding-bottom: 8px; color: #EC8E31;}
.not_1 p{font-size: 13px; line-height: 20px;}
.derecha h1{margin-bottom: 15px; color: #c90017; margin-top: 15px; font-size: 32px;font-family: 'Open Sans', sans-serif; font-weight: 600; border-bottom: 1px solid #a7a7a7; padding-bottom: 7px; line-height: 150%;}

.colegio{ margin: 0 !important; height: 100%;}
.iz2 a{color: #f2fc00;}
.enlace{margin-top: 7px; margin-bottom: 7px;}
.iz2 a:hover{color: #00dffc;}
table#calendario {border-collapse: collapse; border-spacing: 0; 
	border-radius:5px;
		top:10px;
		left:0px;background-color: #cccccc;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;	border:solid 1px #BCBCBC;
				border-bottom-width:0;
				border-radius:0;
				background-color:#CCCCCC;
				background-image: linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -o-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -moz-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -ms-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);

				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.42, #EEEEEE),
					color-stop(0.71, #CCCCCC)
				);
}
#calendario thead th {
	font-size: 12px;
	padding:3px;
	text-transform:uppercase;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #fff; 
	font-weight: bold;
	background-color: #128FE1;
}
#calendario thead th a {
	text-decoration:none;
	color: #000;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	font-family:  Arial, Helvetica, sans-serif;
	padding: 0px;
}
#calendario thead th a:hover{
	font-weight:normal;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	color: #F00;
	font-size: 11px;
	font-family:  Arial, Helvetica, sans-serif;
	padding: 0px;
}
#calendario tbody td {
	height:25px;
	font-size: 11px; color:#000;
	text-align:center; background: #fff;
	padding:0px;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;border-color:#fff #BCBCBC #BCBCBC #eee;border:solid 1px #BCBCBC;
				border-width:0 1px 1px 0; 
}
#calendario tbody th {
	font-size: 11px;border:1px solid #f2f2f2;
	text-align:center; background: #128FE1;
	padding:3px;
	border-bottom:1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-weight: bold;
				
}
#calendario tbody td.hoy {
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #000;
	font-weight: bold;
	background-color: #FC3;
}
#calendario tbody td.evento {
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	background:#F93;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;

}
#calendario tbody td:hover {
	
	text-align: center;
	vertical-align: middle; color:#fff;
	background-color: #eb0707;/*hvoer de cale*/
	font-family: Arial, Helvetica, sans-serif;

}
#calendario tbody p {
	text-align: center; margin:0; padding:0;
	vertical-align: middle;
}
#calendario tbody td.inactivo {
	background:#ececec;
	text-align: center;
	vertical-align: middle;

}
#calendario a.aCal {
	text-decoration:none;
	color: #000;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
}
#calendario a.aCal:hover{
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F00;
}

.tblactividades{border-collapse: separate;
  border-spacing:  5px;}
.tt{    background: #FFC000; color: #000;}
.ttt{padding: 7px;   background: #F0F1F3; color: #000; margin-top: 5px; margin-bottom: 5px;}
.actualidad table td{border-spacing: 1px 5px; padding: 4px; color: #000; }
.actualidad p{margin: 0; padding: 0;}
.actualidad h2{margin-bottom: 10px; margin-top: 8px; color: #000; border-bottom: 1px solid #c0dff5; padding-bottom: 10px;}
.actualidad a{color: #000;}
.actualidad a:hover{color: #fc0000; text-decoration: underline;}
.evento table{  border-spacing:  10px; border-collapse: separate; width: 100%; }
.evento table td{padding: 5px;border-bottom: 1px solid #b4b4b4;background: #fff;}
.evento a{color: #000;}
.evento a:hover{color: #de0a0a; text-decoration: underline;}
.noticia a{color: #000;}
.not_1:hover{background: #f2f1af;}
/*.txtcontent{color: #fff; line-height: 23px; margin-top: 20px; padding-right: 20px;}*/
.contact_form h2 {
   
    color: #363636;
    display: block;
    font-family: calibri;
    font-size: 20px;
    /*padding: 5px;*/
   
}
/*— estilos para los ul y li del formulario —*/
.contact_form ul {
    width:600px;
    list-style-type:none;
margin:0px;
padding:0px;
}
.contact_form li{
padding:12px; 
/*border-bottom:1px solid #eee;*/
position:relative;
} 
.contact_form label {
    color: #363636;
    display: inline-block;
    float: left;
    font-family: calibri;
    font-size: 15px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
height:20px; 
width:220px; 
padding:5px 8px;
}
.contact_form textarea {
padding:8px; 
width:300px;
}
.contact_form button {
margin-left:90px;
}
 
/*—– estilos visuales de los elementos ——–*/
 
.contact_form input, .contact_form textarea { 
border:1px solid #aaa;
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
border-radius:2px;
color: #888;
font-size: 12px;
padding-right:30px;
-moz-transition: padding .25s; 
-webkit-transition: padding .25s; 
-o-transition: padding .25s;
transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
background: #fff; 
border:1px solid #555; 
box-shadow: 0 0 3px #aaa; 
padding-right:80px;
}
 
/* === Estilos de Validacion === */ 
 
.contact_form input:required:valid, .contact_form textarea:required:valid {
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
box-shadow: 0 0 5px #d45252;
border-color: #b03535
}
 
/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 30px;
   font-family: Helvetica,calibri, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 4px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
/*opacity:.55;*/
cursor: pointer; 
color: #de0101;
}
button.submit:active {
border: 1px solid #222;
box-shadow: 0 0 10px 5px #444 inset; 
}
.datosform{color: #363636; line-height: 23px;}
  .bannercontainer {
		background-color:transparent;
		width:100%;height:350px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto; 
	}
 .banner{
		width:100%; 
		height:350px !important;
		position:relative;
		overflow:hidden;
   }
.menuvertical ul{margin: 0; padding: 0; }
.menuvertical li{list-style: none; line-height: 23px; display: block; border-bottom: 1px solid #ccc; border-left:  1px solid #ccc; border-right:1px solid #ccc;  }
.menuvertical li a{color: #fff;display: block;padding: 5px; }
.menutitulo{border-top: 1px solid #ccc; text-align: center; text-transform: uppercase; font-weight: bold; background: #FFC700; color: #000; padding: 5px 0 5px 0;}
.menuvertical a:hover{background: #EC8E31;}