@charset "utf-8";
@font-face {
  font-family: 'typicons';
  src: url("font/typicons.eot");
  src: url("font/typicons.eot?#iefix") format('embedded-opentype'),
       url("font/typicons.woff") format('woff'),
       url("/font/typicons.ttf") format('truetype'),
       url("font/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: Junction-regular;
    src: url("font/junction/Junction-regular.otf") format("opentype");
}

html,body{
	background:#ECFFFB;

	display: block;
	margin: 0;
	width: 100%;
	height:100%;
}

header {
	background: #ffffff;
	opacity: 0.99;
	height: 8vw;
	padding: 0;
	width: 100%; 
	left: 0;
	top: 0;
	position: fixed; 
	z-index: 100;
	display: inline-flex;
}
#logo-header {
	width: 25%;
	float: left;
	left: 0;
	text-align: center;
	position: fixed;
}	
#logo-header img {
	align-self: center;
	width: 80%;
}	
#bt-menu{
	display: none;
}
header label{
	font-size: 15vw;
	float: right;
	margin-right: 15px;
	display: none;
	width: 40px;
	height: 40px;
	padding: 5px;
}
header label:hover{
	cursor:pointer;
}
header nav{
	width: 75%;
	display: flex;
	float: left;
	margin-left:25%;
}
header nav ul{
	width: 100%;
	height: 6vw;
	min-width: 6vw;
	top: 0;
	margin-right: 0;
	overflow: visible;
	display: flex;
}
header nav ul li{
	display: inline-block;
	width: 12%;
	background: #12E3C0;
    height: 92%;
    position: relative;
	margin-right: 0.5vw;
    border-radius:2vw;
    
	}
header nav ul li a{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-decoration: none;
		
}
.ca-icon{
	width: 100%;
	font-family: 'typicons';
	font-size: 2vw;
	text-align: center;
	color: #24FFFC;
	list-style:none;
	text-decoration: none;
	line-height:normal;
	position: absolute;
	z-index: 12;
	left: 0px;
	top: 10%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.ca-content{
	position: absolute;
	width: 100%;
	top: 40%;
	left: 0;
}
.ca-main{
	font-family: 'Junction-regular';
	color: #ffffff;
	font-size: 1.1vw;
	width: 100%;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	}
header nav ul li:hover{
	background-color: #E6F8F8;
}
header nav ul li:hover .ca-icon{
	color: #FFA410;
	font-size: 120px;
	opacity: 0.2;
	left: -20px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}
header nav ul li:hover .ca-main{
    color: #445CA6;
	}
header nav ul li:hover .ca-sub{
    color: #fff;
    opacity: 0.8;
}
.article{
	top: 500px;
	color: #fff;
}
.minutah{
	font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	padding: 5px;
}
.minutav{
	font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 15px;
    margin:auto;
	padding: 10px;
    text-orientation: mixed;
    writing-mode: vertical-lr;
	transform: rotate(180deg);
	line-height: normal;
}
.titminuta{
	margin: auto;
	top:0px;
	z-index: 12;
}
.subminuta{
	position:absolute;
	left: 20px;
	top: 150px;
	z-index: 13;
}
.subminutad{
	position: relative;
	float: right;
	margin-right: 50px;
}
.subminutai{
	position: relative;
	float: left;
	left: 50px;
}
#minuta{
	align-items:center;
}
h1{
	font-family: 'junction-regular';
	font-size: 2vw;
	color: #0D96E9;
	margin-left: 0;
}
#inicio{
	width: 100%;
	height: 100%;
	padding: 120px 0 0 0;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	pointer-events:none;
	transition: all 1.2s;
    opacity:0;
}
#inicio:target{
	opacity:1;
	pointer-events:auto;
  }

/*#nosotros{
	align: center;
	width: 100%;
	height: 100%;
	padding: 150px 0 0 0;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-transition: all 700ms ease-out;
    -moz-transition:all 700ms ease-out;
    transition: all 700ms ease-out;
	overflow: hidden;
}*/

  #nosotros{
	position:fixed;
	width:80%;
	font-family: 'junction-regular';
	font-size: 1vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    padding-left: 10%;
    background:rgb(255, 255, 255,0.5);
  }
  #nosotros:target{
	opacity:1;
	pointer-events:auto;
  }
#videosi{
	position:relative;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2%;
	float:right;
	width: 35%;
	}

#admisiones{
	position:fixed;
	width:90%;
	font-family: 'junction-regular';
	font-size: 0.85vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    background:rgb(255, 255, 255,0.5);
    box-sizing: border-box;
}
#admisiones:target{
	opacity:1;
	pointer-events:auto;
  }

.ad1{
	width: 30%;
	height: inherit;
	position: relative;
	vertical-align: top;
	display: inline-block;
	float: left;
	margin: 0 1.5% 0 1.3%;
	text-align: left;
	padding: 2%;
	box-sizing: border-box;
	overflow: hidden;
	background: rgba(255,255,255,0.83);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.ad2{
	width: 30%;
	height: inherit;
	position: relative;
	vertical-align: top;
	display: inline-block;
	float: left;
	margin: 0 1.3% 0 1.3%;
	text-align: left;
	padding: 2%;
	box-sizing: border-box;
	overflow: hidden;
	background: rgba(255,255,255,0.83);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.ad3{
	width: 30%;
	height: inherit;
	position: relative;
	vertical-align: top;
	display: inline-block;
	float: left;
	margin: 0 1.3% 0 1.3%;
	text-align: left;
	padding: 2%;
	box-sizing: border-box;
	overflow: hidden;
	background: rgba(255,255,255,0.83);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
#port{
	position: relative;
	align: center;
	width: 50%;
	margin-left: 1%;
	margin-top: 2%;
}
#teach-ad{
	position: relative;
	float: right;
	width: 55%;
	margin-bottom: 0;
	margin-right: 1%;
}
#admin_img{
	float:left;
	position: relative;
	width: 45%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.lk{
	font-size: 1.5vw;
	color: rgba(255,141,53,0.84);
	text-align: center;
	margin: auto;
}
.lk a{
	text-decoration: none;
	color: rgba(255,141,53,0.84);
}
#num{
	width: 25%;
	position:relative;
	left: 0;
	top: 0;
	float:left;
	margin-right: 2%;
	margin-bottom: 2%;
	}

#crono{
    position:fixed;
	width:90%;
	font-family: 'junction-regular';
	font-size: 0.85vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    background:rgb(255, 255, 255,0.5);
    box-sizing: border-box;
}
 #crono:target{
	opacity:1;
	pointer-events:auto;
  }
#lk-desc {
	width: 45%;
	height: auto;
	position: absolute;
	float: right;
	right: 3%;
	margin-right: 0px;
	bottom: 0%;
		}
#lk-desc a{
	font-family: 'Junction-regular';
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	text-decoration: none;
	text-align: right;
		}
#calendar {
	font-family: 'Junction-regular';
	font-size: 1vw;
	width: 45%;
	height: 40%;
	margin-left: 5%;
	float: left;
	transition: all 3s;
}
#calendar caption {
	text-align:left;
	padding:5px 10px;
	background-color:#FFAF3C;
	color:#fff;
	font-weight:bold;
}
#calendar th {
	background-color:#4A7C99;
	color:#fff;
	width:100px;
}
#calendar td {
	text-align:right;
	padding:2px 5px;
	background-color:#FFFFFF;
}
#calendar .hoy {
	color: rgba(255,255,255,1.00);
	background-color: rgba(255,144,2,0.70);
}
#calendar .even {
	background-color:rgba(255,248,2,0.7) ;
}
#crono .cali{
	font-family: 'junction-regular';
	font-size: 0.8vw;
	color: rgba(106,101,101,1.00);
	text-align: justify;
	line-height: normal;
	width: 30%;
	height: 40%;
	padding: 2%;
	float: right;
	margin-right: 5%;
	background: rgba(255,255,255,0.83);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
#crono .ti-cal {
	font-size: 1.3vw;
	color: rgba(101,143,207,1.00);
}
#crono .acts{
	text-align: center;
	font-size: 1vw;
	color: rgba(22,32,47,0.89);
	width: 100%;
}
#crono .today{
	text-align: right;
	font-size: 1.5vw;
	color: #FFAF3C;
	width: 100%;
}
.lk_dwl{
	width: 100%;
	text-align: center;
}
.lk_dwl a{
	width: 100%;
	font-family: 'junction-regular';
	font-size: 1.2vw;
	text-decoration: none;
	color: rgba(255,175,60,1.00);
}
#galeria{
	position:fixed;
	width:90%;
	font-family: 'junction-regular';
	font-size: 0.85vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    background:rgb(255, 255, 255,0.5);
    box-sizing: border-box;
pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    padding-left: 10%;
    padding-left: 10%;
}
 #galeria:target{
	opacity:1;
	pointer-events:auto;
  }
#wall{
	background: rgba(229,252,247,0.64);
	width: 100%;
	height: 70%;
	box-sizing: border-box;	
}
.galery {
    width: 85%;
	margin-top: 4%;
    list-style: none;
    box-sizing: border-box;
	position: absolute;
	float: left;
}
.galery li {
    margin: auto;
	vertical-align: top;
	display: inline;
}
.pho_ch{
	width: 35%;
	float: right;
	right: 0;
	margin-bottom: 0;
}
.ant {
    width: 20%;
	border: solid 10px rgba(251,249,240,1.00);
	transform: rotate(-4deg);
	position: relative;
	-webkit-box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);
	-moz-box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);
	box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);

}
.pas {
    width: 30%;
	border: solid 10px rgba(251,249,240,1.00);
	transform: rotate(3deg);
	position: relative;
	-webkit-box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);
	-moz-box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);
	box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);

}
.thi {
    width: 20%;
	border: solid 10px rgba(251,249,240,1.00);
	transform: rotate(-5deg);
	position: relative;
	-webkit-box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);
	-moz-box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);
	box-shadow: -12px 24px 30px 8px rgba(62,62,62,0.91);

}
.modgal {
    visibility: hidden;
	transition: all 1.5s;
	z-index: 300;
}
.modgal:target {
	visibility: visible;
	font-family: 'junction-regular';
    display: block;
    position: fixed;
    background: rgba(0,0,0,0.71);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 400;
}
.modgal h3 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 15px 0;
}
.imagen {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	vertical-align: middle;
}
.imagen a {
    color: #FFFFFF;
    font-size: 60px;
    text-decoration: none;
    margin: 0 10px;
}
.imagen a:nth-child(2) {
    margin: 0;
    height: 100%;
    flex-shrink: 2;
}
.img_spc {
	width: 80%;
    height: 70%;
    max-width: 100%;
	text-align: center;
	vertical-align: middle;
    box-sizing: border-box;
}
.imagen img {
    height: 100%;
	vertical-align: middle;
    border: 7px solid #fff;
    box-sizing: border-box;
}

.cerrar {
    width: 50%;
    height: 25px;
	float: left;
    margin-top: 15px;
	margin-right: 15px;
    text-decoration: none;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
}
.cerrar span{
    font-size: 30px;
}

#padres {
	position:fixed;
	width:90%;
	font-family: 'junction-regular';
	font-size: 0.85vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    background:rgb(255, 255, 255,0.5);
    box-sizing: border-box;
}
 #padres:target{
	opacity:1;
	pointer-events:auto;
  }
.pa1{
	padding: 2% 2% 0 2%;
	margin-left: 8%;
	width: 80%;
	height: auto;
	float: left;
	display: flex;
	background: rgba(255,255,255,0.83);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
#pa_txt{
	font-family: 'junction-regular';
	color: rgba(106,101,101,1.00);
	text-align: justify;
	width: 36%;
	float: left;
	margin-right: 2.5%;
	margin-top: 0;
	position: relative;
}
#pa_txt2{
	font-family: 'junction-regular';
	color: rgba(106,101,101,1.00);
	text-align: justify;
	width: 36%;
	float: left;
	margin-top: 0;
	position: relative;
}
.img_pa{
	width: 100%;
	margin-left: 0;
	margin-bottom: 2%;
}

.lk_parents{
	width: 20%;
	text-align: center;
	list-style-type: none;
	float: right;
	margin-right: 0;
	margin-top: 0;
	position: relative;
}
.lk_parents li{
	display: inline-table;
	width: 100%;
	height: auto;
}
.overlay {
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.53);
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
  height: 0;
  transition: .5s ease;
}
.lk_parents li:hover .overlay {
  height: 97%;
}
.lk_parents li img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.lk_parents li img:hover{
	color: rgba(0,0,0,0.55);
}
.lk_parents li img:hover{
	filter: drop-shadow()
}
.bt-parent-cont{
	position: relative;
    display: inline-block;
    text-align: center;
}
.tx_parent-bt {
	font-family: 'junction-regular';
	font-size: 1vw;
	color: rgba(255,255,255,1.00);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#docentes {
position:fixed;
	width:90%;
	font-family: 'junction-regular';
	font-size: 0.85vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    background:rgb(255, 255, 255,0.5);
    box-sizing: border-box;
pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    padding-left: 10%;
    padding-left: 10%;
}
 #docentes:target{
	opacity:1;
	pointer-events:auto;
  }
#docent{
	position: relative;
	width: 100%;
	margin-left: 1.5%;
    list-style: none;
    box-sizing: border-box;
}
#docent2{
	position: relative;
	width: 100%;
	margin-left: 1.5%;
    list-style: none;
    box-sizing: border-box;
}
#docent li{
	width: 12%;
	padding: 1%;
	vertical-align: top;
	display: inline;
	float: left;
}
#docent2 li{
	width: 12%;
	padding: 1%;
	vertical-align: top;
	display: inline;
	float: left;
}
.doce_p{
	width: 75%;
	text-align: center;
	border: solid 2px rgba(255,255,255,1.00);
	border-radius: 10px;
}
.doce_s{
	width: 100%;
}
.doce_s img{
	width: 92%;
	border-radius: 50%;
	border: solid 3px rgba(186,244,205,0.92);
	-webkit-box-shadow: 0 0 20px rgba(232,251,238,0.92);
	box-shadow: 0 0 20px rgba(232,251,238,0.92);
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
}
.doce_s img:hover{
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}
.texa_cre {
	font-size: 1VW;
	text-align:left;
	padding: 2%;
	margin: 10px 10px 10px 0px;
	display: inline-block;
	border: 1px solid rgba(237,187,62,1.00);
	border-radius: 10px;
	width: 70%;
}
.bot_cre{
	background: rgba(47,196,175,1.00);
	border: 0;
	font-size: 1VW;
	color: rgba(255,255,255,1.00);
	opacity: 0.8;
	border-radius: 20px;
	margin: 1%;
	width: 40%;
	max-width: 150px;
	display:inline-block;
	margin-left: auto;
	padding: 2%;
}
#contactenos {
position:fixed;
	width:90%;
	font-family: 'junction-regular';
	font-size: 0.85vw;
	color: rgba(106,101,101,1.00);
	top: 20%;
	opacity:0;
	pointer-events:none;
	transition: all 1.2s;
    z-index: 15000;
    margin-left: 5%;
    background:#0F83C9;
    box-sizing: border-box;
}
 #contactenos:target{
	opacity:1;
	pointer-events:auto;
  }

.direc {
	font-family: 'junction-regular';
	font-size: 1.2vw;
	color: rgba(255,255,255,1.00);
	width: 45%;
	text-align: left;
	float: left;
	margin-left: 5%;
	list-style: none;
    box-sizing: border-box;
	display: inline-block;
	}
.map{
	font-family: 'junction-regular';
	font-size: 1.2vw;
	color: rgba(255,255,255,1.00);
	float: left;
	width: 45%;
	height: 60%;
}
.map iframe{
	width: 100%;
	height: 80%;
}
.soc a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	font-size: 4vw;
}

/* social */
.social {
	position: fixed;
	margin-top: 130px;
	left: -30px;
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	z-index: 2000;
}
.social ul {
	list-style:none;
}
.social ul li a {
	display:inline-block;
	color:#fff;
	font-size: 30px;
	padding: 5px 5px;
	text-decoration:none;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.social ul li .typcn-social-facebook {
	background-color:#3b5998;
}
.social ul li .typcn-social-youtube {
	background:#F51818;
}
.social ul li .icon-twitter {
	background:#55acee;
}
.social ul li .icon-mail2 {
	background:#ff6600;
}
.social ul li a:hover{
	padding: 5px 15px;
	text-decoration:none;
	background:hsla(0,0%,0%,1.00);
}

/* slider */
.myslide{
	font-family:'Junction-regular';
	font-size:22px;
	color:#ffffff;
	line-height: 38px;
	position: absolute;
	top: 85px;
	left: 100px;
	width: 570px;
	height: 40px;
	z-index: 0;
}
.myslide p{
	background-color: rgba(43,113,187,0.8);
	padding: 15px;
}
.myslide2{
	font-family:'Junction-regular';
	font-size:22px;
	color:#ffffff;
	line-height: 38px;
	position: absolute;
	top: 300px;
	left: 100px;
	width: 570px;
	height: 40px;
	z-index: 0;
}
.myslide2 p{
	background-color: rgba(37,118,96,0.70);
	padding: 15px;
}

.mod_pub{
	width: 100%;
	height: 100vh;
	background-color: rgba(60,87,158,0.70);
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	animation: modal 2s 3s forwards;
	visibility: hidden;
	opacity: 0;
	z-index: 50000;
}
.cont_pub{
	margin: auto;
	width:70%;
	height: 80%;
	background-color: rgba(34,35,36,0.70);
	border-radius: 10px;
    background-size: cover;
    border: 3px solid #FFFFFF;
	display: flex;
}

.txt_pub{
    font-family:'Junction-regular';
    width: 98%;
    height: 98%;
    margin: auto;
    font-size: 1.5vw;
    color: #ffffff;
    text-shadow: 2px 2px 5px #000;
    text-align: center;
    border-radius: 10px;
}
.txt_pub table td{
    font-size: 1vw;
}
.txt_pub table td a{
    text-decoration: none;
    color: #0080FF;
    /*text-shadow: 2px 2px 5px #E6E6E6;*/
}
.lk_ins{
    text-decoration: none;
    font-size: 2vw;
    color: #FAAC3C;
    
}
#cerrar{
    
	display: none;
}
#cerrar + label{
	position: absolute;
	color: rgba(149,253,206,1.00);
	font-family: 'typicons';
	font-size: 30px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	right: 20px;
	top:20px;
	cursor:pointer;
	animation: modal 1s 2s forwards;
	visibility: hidden;
	opacity: 0;
	z-index: 51000;
}
#cerrar:checked + label, #cerrar:checked ~ .mod_pub{
	display: none;
}
@keyframes modal{
	100%{
		visibility: visible;
		opacity: 1;
	}
}
#iscpe{
    background-color: #DEF4E2;
	width: 80%;
	top: 150px;
	height: 85%;
	position: absolute;
	margin-left: 10%;
}
.jssorl-oval img {
            animation-name: jssorl-oval;
            animation-duration: 10s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-oval {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

@media screen and (max-width: 780px){
	#bt-menu:checked ~ nav ul{
		visibility: visible;
		transition: 1s;
}
	header label{
		display: block;
	}
	header nav{
		width: 40%;
		height: auto;
		float:right;
		margin-top: 73px;
		justify-content: flex-start;
	}
	header nav ul{
		width: 45%;
		flex-direction: column;
		visibility: hidden;
	}
header nav ul li{
	display: inline-block;
	width: 45%;
	background: rgba(50,149,231,1.00);
    height: 50px;
    position: relative;
	float: right;
	margin-right: 75%;
	overflow: hidden;
	margin-top: 1px;
	}
header nav ul li a{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-decoration: none;
}
.ca-icon{
	font-size: 20px;
}
.ca-content{
	position: absolute;
	width: 100%;
	top: 35%;
	left: 0;
}
.ca-main{
	font-size: 15px;
	}
header nav ul li:hover{
	background-color: #E6F8F8;
}
header nav ul li:hover .ca-icon{
	color: #FFA410;
	font-size: 120px;
	opacity: 0.2;
	left: -20px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}
header nav ul li:hover .ca-main{
    color: #445CA6;
	}
header nav ul li:hover .ca-sub{
    color: #fff;
    opacity: 0.8;
}

	#inicio{
		height: auto;
	}
	#logo-header {
		width: 80%;
		height: 110px;
		text-align: center;
		position: fixed;
		float: left;
		left: 0;
	}	
	#nosotros{
		padding: 100px 0 20px 0;
		height: auto;
	}
	#nosotros .cole{
		margin: 2%;
		width: auto;
		font-size: 14px;
	}
	#nosotros img{
		width: 50%;
	}
	#nosotros article p strong{
		color: rgba(111,177,237,1.00); 
		font-size: 18px;
	}
	#admisiones{
		padding: 100px 0 20px 0;
		font-size: 14px;
		width: 100%;
		height: auto;
		padding-bottom: 50px;
		clear: both;
	}
	#adm{
		width: 100%;
		height: auto;
		display: block;
		margin-left: 0;
	}
	#adm .ad1{
		font-size: 14px;
		width: 96%;
		margin-left: 2%;
		display: block;
		height: auto;
	}
	#adm .ad2{
		font-size: 14px;
		width: 96%;
		margin-left: 2%;
		display: block;
		height: auto;
		margin-top: 10px;
	}
	#adm .ad3{
		font-size: 14px;
		width: 96%;
		margin-left: 2%;
		display: block;
		height: auto;
		margin-top: 10px;
	}
	.lk{
	font-size: 16px;
	}
	#crono{
		padding: 100px 0 20px 0;
		font-size: 14px;
		height: auto;
		clear: both;
	}
	#calendar {
		font-size: 4vw;
		width: auto;
		height: 45%;
		margin: 2%;
	}
	#crono .cali{
		margin: 2%;
		width: 92%;
		height: auto;
	}
	#crono .ti-cal {
		font-size: 5vw;
		color: rgba(101,143,207,1.00);
	}
	#crono .acts{
		font-size: 4vw;
	}
	#crono .today{
		font-size: 5vw;
	}
	.lk_dwl a{
		width: 100%;
		font-size: 18px;
	}
	.texa_cre{
		font-size: 4vw;
	}
	.bot_cre{
		font-size: 4vw;
		width: 50%;
	}
	#galeria{
		padding: 100px 0 0 0;
		height: 100%;
	}
	#wall{
		height: 70%;
		overflow: hidden;
	}
.galery {
    width: 100%;
	margin: 2%;
}
.galery li {
	width: 100%;
    margin: 1%;
	display: inline-block;
}
.pho_ch{
	width: 60%;
	margin-top: 50%;
}
.ant {
    width: 40%;
	border: solid 2px rgba(251,249,240,1.00);
}
.pas {
    width: 40%;
	border: solid 2px rgba(251,249,240,1.00);
}
.thi {
    width: 40%;
	border: solid 2px rgba(251,249,240,1.00);
}

.imagen {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.imagen a{
	width: 10%;
    font-size: 40px;
	display: inline-block;
}
.imagen a:nth-child(2) {
    margin: auto;
    height: 100%;
    flex-shrink: 2;
}
.img_spc {
	width: 70%;
	margin: auto;
}
.imagen img {
    width: 100%;
	height: auto;
}
.pa1{
	padding: 10px;
	margin: 2%;
	width: 89%;
	height: 200%;
	position: absolute;
}
#pa_txt{
	font-size: 1vw;
	width: 95%;
	height: auto;
	position: absolute;
	clear: both;
	margin: 2%;
	margin-top: 2%;
	display: inline-block;
	float: left;
	margin-left: 0;
	top: 5px;
}
#pa_txt2{
	font-size: 14px;
	width: 95%;
	height: auto;
	position: absolute;
	clear: both;
	margin: 2%;
	margin-top: 2%;
	display: inline-block;
	float: left;
	margin-left: 0;
	top: 400px;
}
.img_pa{
	width: 95%;
}

.lk_parents{
	width: 55%;
	float: left;
	margin-left: 10%;
	position: absolute;
	clear: both;
	top: 850px;
	text-align: center;
}
.lk_parents li{
	display: inline-table;
	width: 90%;
	height: auto;	
}
.tx_parent-bt {
	font-size: 15px;
}
	#docentes{
		padding: 100px 0 0 0;
		width: 100%;
		height: auto;
		padding-bottom: 50px;
	}
	#docent{
		margin-left: 18%;
		width: 80%;
	}
	#docent2{
		margin-left: 18%;
		width: 80%;
	}
	
#docent li{
	width: 80%;
	padding: 1%;
	vertical-align: top;
	display: inline-block;
	float: left;
}
#docent2 li{
	width: 80%;
	padding: 1%;
	vertical-align: top;
	display: inline-block;
	float: left;
}
.doce_p span{
	font-size: 14px;
}
.doce_s{
	width: 100%;
}
.doce_s img{
	width: 92%;
	border-radius: 50%;
	border: solid 3px rgba(186,244,205,0.92);
	-webkit-box-shadow: 0 0 20px rgba(232,251,238,0.92);
	box-shadow: 0 0 20px rgba(232,251,238,0.92);
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
}
	#contactenos{
		padding: 100px 0 0 0;
		width: 100%;
		height: auto;
	}
	.direc {
	font-size: 15px;
	width: 90%;
	float: left;
	margin-left: 5%;
	display: inline-block;
	}
.map{
	float: left;
	margin-left: 5%;
	width: 90%;
	height: 60%;
	padding-bottom: 30px;
}
.map iframe{
	width: 100%;
	height: 80%;
	
}
	.soc a{
		font-size: 40px;
	}
}
@media screen and (max-width: 480px){
	.pa1{
	height: 250%;
}
	#docentes{
		padding: 300px 0 0 0;
	}
	
}