@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
  font-size: 100%;
  font-family: "Roboto", sans-serif;
  color: #666;
  -webkit-animation: 0.7s ease 0s normal forwards 1 fadein;	animation: 0.7s ease 0s normal forwards 1 fadein;

}

a{
	text-decoration:none;
	color: #666;
}

h2{
	margin:0px;
	padding:0px;
	font-weight:300;
}
.empty20px{
	width:100%;
	clear:both;
	height:20px;
}
.empty40px{
	width:100%;
	clear:both;
	height:40px;
}
.scroll_fix{
	width:100%;
	float:left;
	height: 82px;
  position: fixed;
	z-index: 1000;
	background-color: white;
}
.text-form-admision {
border: 1px solid #ccc;
    padding: 15px;
    width: 48%;
    float: left;
    box-sizing: border-box;
    margin: 1%;
    min-height: 920px;
}

.text-form-admision:nth-child(1) {

}
.text-form-admision:nth-child(2) {

}
.text-form-admision:nth-child(3) {
    min-height: auto !important;

}
.text-form-admision:nth-child(4) {
    min-height: auto !important;
}

#divisor {
	width:100%; height:44px; background-image:url(images/banner-bottom.png); background-position: top center; float:left;-webkit-animation: 2s ease 0s normal forwards 1 fadein;
	animation: 2s ease 0s normal forwards 1 fadein;
}
.divisor2 {
width:100%; height:1px;  margin:auto; border-bottom:1px solid #CCC; margin-bottom:20px; margin-top:20px;max-width: 750px;
}
#divisor_espacio {
width:100%; height:0px; float:left;
}


.c1{
	width:33%;
	float: left;
}
.c2{
	width:66%;
	float: left;
}
.c3{
	width:100%;
	float: left;
}
.enviar{
    background-color: transparent;
    height: 25px;
    font-size: 15px;
    border: 0px;
    padding: 1%;
	color:#707070;
}

.enviar2{
    background-color: transparent;
    height: 25px;
    font-size: 20px;
    border: 0px;
	color:#707070;
	padding:0px;
	margin-top:10px;
}
.enviar3{
    background-color: #ec2424;
    font-size: 20px;
    border: 0px;
	color:white;
    padding:10px 15px;
	margin-top:10px;


}
#form-add {
width: 100%;
}

#form-add-hermanos {
width: 32%;
    margin-right: 6px;
}
.hermanos-box {
width: 100%; float:left;
}

.admision_niveles {
display: inline-block;
}
.admision_nivel {
background: none; border: 0px;
}
.home-campus {
    background-color: transparent;
    font-size: 15px;
    border: #666 solid 1px;
    margin-bottom: 10px;
    padding: 1%;
	color:#707070;
	float:left;
    box-sizing: border-box;
}
.fom-titles{
font-size: 20px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 30px;
    color: rgb(238, 36, 36);
}


.footer{
	width:100%;
	min-height: 271px;
	float:left;
	border-top:1px solid #ee2424;
	padding-top: 2px;
padding-bottom: 6px;
	text-align:center;
	background-color: #cc2424;
	color:white;
	background-image:url(images/footer-back.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	border-top:2px solid white;
}
.footer a{
	color:white;
	font-size: 16px;
	display: -webkit-inline-box;
}
.footer a:hover{
	color:white;
	text-decoration:underline;
}
.footer-txt{ width:50%; float:left; text-align:left; line-height:27px; font-size:19px;
}
.date_letter_basic {
	float: left;
    margin-top: 14px;
    margin-right: 10px;
	font-size:13px;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.banners-box{
	width:100%; background-color:#ee2424; background-image:url(images/banner-back.png); background-position: top center; background-repeat: repeat-y; height:424px; float:left; z-index:0;
	-webkit-animation: 1s ease 0s normal forwards 1 fadein;
	animation: 1s ease 0s normal forwards 1 fadein;
}


.editorial{
	width: 32.33%;
float: right;
height: 1300px;
margin-left: 1%;
}
.editorial_maintitle {
    width: 100%;
    max-height: 50px;
    font-size: 50px;
    font-weight: 300;
}
.editorial_nombre{
	width:100%;
	max-height:50px;
	font-size: 32px;
	margin-bottom:5px;
}
.editoria_image{
	width:100%;
	height:200px;
}
.editorial_box{
	width:100%;
	border-top:4px solid #cecda9;
	background-color:#f4f4f4;
	min-height: 353px;
}
.editorial_title{
	font-size:17px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}
.editorial_text{
	font-size:15px;
	line-height:22px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	min-height: 245px;
    overflow: hidden;
}



.margin{
	max-width:1280px;
	padding-left:30px;
	padding-right:30px;
	margin:auto;
}
.margin_menu_resp {
	max-width:1280px;
	padding-left:30px;
	padding-right:30px;
	margin:auto;
}
.header_bar{
	width:100%;
	height:0px;
	color:white;
	text-align:center;
  overflow: hidden;
}
#header_logo{
	width:100%;
  z-index: 10;
	padding-bottom: 12px;
}

.header_logo{
	width:100%;
	height: 54px;
	text-align:center;
}
.header_menu{
	width:100%;
	height:30px;
	color:white;
	text-align:center;
}
.menu_bt_margin{
margin-left:19px; margin-right:10px;
}
.middle-left{
	float:left;
	width:48%;
	text-align:left;
	border-right: 2px solid #ccc;
	box-sizing: border-box;
	min-height:150px;
	margin-right:2%;
}
.middle-right{
	float:right;
	width:48%;
	margin-left:2%;
	text-align:right;
}

.gray-back{
	width:100%;
	text-align:right;
	background-color:#e5e5e4;
	padding-top:60px;
	padding-bottom:60px;
	float:left;
	margin-top: 40px;
}

.title{
	font-size:30px;
	width:100%;
	margin-bottom:1px;
	text-align:left;
	color:#ee2424;
	font-weight:300;
	padding-left:1%;
}

.title2{
	font-size:20px;
	width:100%;
	margin-bottom:1px;
	text-align:left;
	color:#ee2424;
	font-weight:300;
}

.home-niveles{
float:left; width:33.3%; height:130px; text-align:center; box-sizing:border-box; margin-bottom:20px; border-right:1px solid #CCC;
}
.home-niveles:hover{
	opacity:0.6;
}
.galeria-home-box{
float:left; width:120px; height:150px; text-align:center; box-sizing:border-box; margin-right:10px; margin-left:10px; font-size:14px; font-weight:400;
}

.galeria-home-img{
width:100%; height:120px; box-sizing:border-box; border:3px solid #ee2424;background-size:cover; margin-bottom:10px;
}

.galeria-main {
width:50%; float:left; text-align: center;
}
.galeria-main-text {
width:200px; text-align:left; float:left;  margin-top:30px; margin-left:10px;
}
.galeria-main-text a{
}
.galeria-main-text a:hover{
	color:#ee2424;
}
.vertodos {
color:#666;
}
.vertodos a{
color:#666;
}
.vertodos a:hover{
	color:#ee2424;

}

.inst-a1 {
width:58%; float: left; text-align:right; margin-right:2%;
}
.inst-a2 {
font-size:15px; line-height:25px; text-align:left; width:35%; float: left;
}

.inst-b1 {
width:40%; float: left; text-align:right; margin-right:0%;  font-size:22px; line-height:36px; margin-left:10%; font-weight:300; padding-top:70px;
}
.inst-b2 {
text-align:left; width:48%; float: left; margin-left:2%;
}
.inst-fundadores{
width:250px; float:left; margin-bottom:30px; margin-left:25px; margin-right:25px; text-align:left;
}

.interes-btn-mini {
width:80px; height:80px; background-color:#ed2424; color:white; margin:10px; border-radius:170px; display:inline-block;
}

.interes-btn {
width:170px; height:170px; background-color:#ed2424; color:white; margin: 22px; border-radius:170px; display:inline-block;
}
.interes-btn:hover, .interes-btn-mini:hover {
background-color:#444445;
}

.interes-box{
    width: 100%;
    float: left;
	 background-image: url(images/interes-star.png);
    background-position: top left;
    background-repeat: no-repeat;
	min-height: 80px;
	}

  .interes-list {
    display:block;padding-left: 110px; margin-top:-10px;
}

.interes-star .text:focus{
	outline:0px;
}

.interes-star {
    width: 100%;
    float: left;
   height: 60px;
    padding-left: 87px;
    box-sizing: border-box;
    font-weight: 700;
    color: #ed2424;
    padding-top: 26px;
    font-size: 22px;


}
.interes-star a {
    color: #ed2424;
}
.interes-star a:hover {
    color: #666;
}

.interes-varios{
width: 100%;box-sizing: border-box;padding-left: 86px;font-size: 15px; float:left;
}
.interes-link:hover{
text-decoration:underline;
}

.nivel1-a1 {
width:40%; float: left; text-align:right; margin-right:2%;
}
.nivel1-a2 {
font-size:15px; line-height:25px; text-align:left; width:58%; float: left;
}
.objetivos-num {
font-size:50px; color: #ed2424; font-weight:300; float:left; margin-right:10px;
}
.objetivos-text {
text-align:left; font-size:17px; padding-top:30px; line-height:27px;
}

.nivel1-img1 {
width:30%; float:left; max-width:350px;
}
.nivel1-img2 {
width:70%; float:left;
}


.galeria-btn {
width:120px; height:150px; margin:10px; float:left;
}

.galeria-box {
width:320px; height: 297px; display: inline-grid;
-webkit-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.58);
box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.58);
margin:15px; padding:10px; box-sizing:border-box;
}
.galeria-box:hover {
-webkit-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.88);
-moz-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.88);
box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.88);
}
.galeria-box-img {
width:100%; height:230px;  background-size:cover; margin-bottom:10px;
}
.galeria-box-text {
width:100%; padding-left:10px; box-sizing:border-box;
}
.galeria-thumb {
width: 250px; height:160px; display: inline-block;  background-size:cover;
}

.nota {
    width: 65%;
}
.nota_img{
    width: 100%;
	min-height:550px;
	padding-bottom: 4px;
	margin-top:4px;
	background-position:center top;
	background-size: cover;
	text-align:right;
}
.nota_title{
    width: 100%;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    line-height: 28px;
}
.nota_bajada{
    width: 100%;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 18px;
    text-align: left;
    font-weight: 400;
    line-height: 22px;
	color:#ee2424;
}
.nota_txt{
    width: 100%;
    padding-bottom: 8px;
    padding-top: 20px;
    font-size: 15px;
    text-align: left;
    font-weight: 400;
    line-height: 20px;
}


.noticia {
    float: left;
    display: inline-block;
    width: 31.33333%;
    height: 346px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 36px;
}
.noticia_2 {
    float: left;
    display: inline-block;
    width: 48%;
    height: 346px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 36px;
}
.noticia a {
	color:black;
}
.noticia a:hover {
	color:#ee2424;
}

.noticia_cat{
	float:left;
    display: block;
    width: auto;
	height:auto;
	color:#FFF;
	padding-bottom: 4px;
	padding-top:4px;
	font-size:13px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}
#cat1{
	background-color:#ee2424;
}

.noticia_title{
float: left;
    width: 100%;
    max-height: 82px;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 18px;
    text-align: left;
    font-weight: 300;
    line-height: 22px;
    overflow: hidden;
}

.noticia_img{
	float:left;
    width: 100%;
	min-height:261px;
	padding-bottom: 4px;
	margin-top:4px;
	background-position:center top;
	background-size: cover;
	text-align:right;
}
.noticia_date{
	float:left;
    width: 100%;
	height:auto;
	padding-bottom: 4px;
	padding-top:4px;
	font-weight:bold;
	font-size:13px;
	}
.noticia_date:first-letter {text-transform:uppercase;}
.title_back{
     width: 64.66%;
	 margin-left:1%;
	height:60px;
	background-color:#ee2424;
	float:left;
	color:white;
	font-size:35px;
	}
.title_side_losmas{
	width:100%;
	margin-bottom:17px;
	font-size:40px;
	font-weight:normal;
}
.masleido {
	height:126px;
	width:100%;
	text-align:left;
	padding-top:0px;
	margin-bottom:17px;
	float:left;
	border-bottom: 1px dotted #ee2424;
}
.masleido_img {
	height:105px;
	width:105px;
	padding-top:0px;
	margin-bottom:0px;
	float:left;
	text-align:center;
	overflow:hidden;
}
.masleido_txt {
	max-height: 63px;
	width:62%;
	padding-top:0px;
	margin-bottom:0px;
	padding-left:8px;
	float:left;
	color:#f05f22;
	font-weight:bold;
	overflow: hidden;
}
.masleido_txt a{
	color:#ee2424;
	text-decoration:none;
	font-weight:normal;
}

.list {
    display:none;
    height:auto;
    margin:0;
    float: left;
}
.show {
    display: none;
}
.hide:target + .show {
    display: inline;
}
.hide:target {
    display: none;
}
.hide:target ~ .list {
    display:inline;
}

/*style the (+) and (-) */
.hide, .show {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	font-size: 20px;
	color: #fff;
	text-shadow: 0 1px 0 #666;
	text-align: center;
	text-decoration: none;
	box-shadow: 1px 1px 2px #000;
	background: #cccbbb;
	opacity: .95;
	margin-right: 0;
	float: left;
	margin-bottom: 25px;
}

.hide:hover, .show:hover {
	color: #eee;
	text-shadow: 0 0 1px #666;
	text-decoration: none;
	box-shadow: 0 0 4px #222 inset;
	opacity: 1;
	margin-bottom: 25px;
}

.list p{
    height:auto;
    margin:0;
}

.expando {
  display: none;
}

.expando:target {
  display: block;
}
@media only screen and (max-width : 1200px) {

.header_logo {
    height: 0px;
}
}

@media only screen and (max-width : 1024px) {

.middle-left {
    border-right: 0px solid #ccc;
	}
.text-form-admision {
    width: 100%;
    margin: 1% 0;
    min-height: auto;
}
}

@media only screen and (max-width : 900px) {


.header_bar {
	display:none;
}

.interes-star {
    width: 100%;
}

.margin_menu_resp {
	padding-left:0px;
	padding-right:0px;
}

.noticia {
    width: 48%;
}
.editorial{
	width:48%;
	float: right;
}
.title_back {
    width: 98%;
    margin-left: 1%;
}
.middle-left{
    width: 100%;
    margin-left: 0%;
	margin-right:0%;
	margin-bottom:40px;
}
.middle-right{
    width: 100%;
    margin-left: 0%;
	margin-right:0%;
}


.inst-a1 {
width:100%; margin-right:0%; text-align:center;
}
.inst-a2 {
width:100%; margin:0%;
}

.inst-b1 {
width:100%; margin-right:0%; margin-left:0%; text-align:left; margin-bottom:30px;
}
.inst-b2 {
width:100%; margin-left:0%; text-align:center;
}

.nivel1-a1 {
width:100%; margin-right:0%; text-align:left; margin-top:50px;
}
.nivel1-a2 {
width:100%;
}

.nivel1-img1 {
width:100%;
}
.nivel1-img2 {
width:100%;
}

}


@media only screen and (max-width : 650px) {

#form-add-hermanos {
width: 100%;
    margin-right: 0px;
}

.hermanos-box {
margin-bottom: 15px;
}


.galeria-main {
	width:100%;
	margin-bottom:40px;
}
.galeria-main-text {
width:100%; text-align:center; float:none;  margin-top:10px; margin-left: 0px;
}

.galeria-btn {
width:100%; height:150px; float:none; max-width:130px; margin:auto;  padding:0px;
}
.title{
	font-size:23px;
}

.home-niveles{
 width:100%; height:130px; border:0px; border-left:none;
}

.margin_menu_resp {
	padding-left:0px;
	padding-right:0px;
}

.noticia {
    width: 98%;
}
.editorial{
	width:100%;
	float: right;
	margin-bottom:30px;
}

.interes-box {
    background-image:none;
}

.interes-star {
    padding-left: 0px;
    font-size: 20px;
}
.interes-list {
padding-left: 0px;
}
.footer-txt{ width:100%;  line-height:20px; font-size:15px; margin-bottom: 22px;
}

}