/*
Theme Name: Colegio Tricahue
Theme URI: www.colegiotricahue.cl
Description: Tema exclusivo para Colegio Tricahue todos los derechos reservados
Version:1 1
Author: Grupo5
Author URL: www.grupo5.cl
*/
@import url("css/fonts.css");
/********************************************************************************************************************************GENERAL*/
/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background:rgba(255,255,255,0);
}

* {
	margin:0px;
	padding: 0px;
}
/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
body {
	background: rgba(255,255,255,0);
	font-size: 100%;
	font-family: "general";
	color: rgba(256,256,256,1);
	text-align:center;
	overflow-x: hidden;
}
header, #main, footer {
	width:100%
	margin: 0px auto;
}

header {
	width: 100%;
	height: 128px;
	background: rgba(236,236,236,1);
	border-bottom: solid 8px rgba(46,81,27,1);
	position: fixed;
	z-index: 1000;
	opacity: 1;
}
nav {
	color: rgba(46,81,27,1);
	position: relative;
	left: 50%;
	margin-left: -500px;
}

nav li {
	display: inline-block;
	padding: 50px 0px 0px 0px;
}
nav a {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'menus';
	padding: 10px 10px 10px 10px;
	background: rgba(256,256,256,0);
}
nav a:hover {
	background: rgba(255,157,6,1) url('imgs/brillo.png')left top no-repeat;
	background-size: contain;
	padding: 70px 10px 70px 10px;
	border-radius: 10px;
}
#mobile {
	visibility: hidden;
}
.desktop {
	visibility: visible;
}
#mobileTitle {
	display: none;
}
.pintado {
	background: rgba(255,157,6,1) url('imgs/brillo.png')left top no-repeat;
	background-size: contain;
	height: 152px;
	position: relative;
	top: -20px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	color: rgba(256,256,256,1) !important;
}
.none {
	color: rgba(46,81,27,1);
	background: none;
	border-radius: 10px;
}

/*------------------------------------------------------------ENCABEZADOS----------------------------------------*/
h1 {
	font-size: 30px !important;
}

#general, #touch {
	position: relative;
	left: 0px;
	float: left;
}
#slideshow {
	position: relative;
	top: 128px;
	border-bottom: solid 4px #ff8400;
}

#slideshow .extract {
	position:absolute;
	top:70%;
	left:50%;
	margin-left:-20%;
	margin-top:-290px;
	width:auto;
	font-size:2em;
	font-weight:700;
	padding:20px;
	border-radius:2px;
	background-size:cover;
	border: dashed 1px rgba(256,256,256,1);
	background: rgba(0,0,0,.4);
	text-align:center;
	line-height:1em;
	text-shadow:0px 5px 10px rgba(0,0,0,.5);
}

#slideshow .slidesjs-pagination {
	width: 140px;
	height: 45px;
	border-radius: 10px 10px 0px 0px;
	background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	position: relative;
	margin-top: -45px;
	z-index: 900;
	left: 100%;
	margin-left:-200px;
}
#slideshow .slidesjs-pagination li {
	display: inline-block;
	padding: 6px;	
}

#slideshow .slidesjs-pagination li a {
	font-size: 0px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: rgba(256,256,256,1);
	display: block;
}
#slideshow .slidesjs-pagination li .active {
	border: solid 3px rgba(256,256,256,1);
	background: rgba(126,126,126,1);
}
/*----------------TEXTOS------------------------------*/

.light {
	font-family: 'light';
}
.thin {
	font-family: 'thin';
}
.heavy {
	font-family: 'heavy';
}
.full {
	width: 100%;
	font-size: 14px;
}
.mitad {
	width: 50%;
	font-size: 14px;
}
.trescuartos {
	width: 70%;
	font-size: 14px;
}
.cuarter {
	width: 25%;
	font-size: 14px;
}
.tercio {
	width: 33.3%;
	font-size: 14px;
}

.columnas {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#margen {
	padding: 20px 60px 0px 60px;
}
.normal {
	color: rgba(46,81,27,1);
}
.normal:hover {
	color: rgba(256,256,256,1);
}
.diference {
	color: rgba(253,111,63,1);
}
.diference:hover {
	color: rgba(256,256,256,1);
}
.blanco {
	color: rgba(256,256,256,1);
	font-size: 20px;
}
.naranja {
	color: rgba(253,111,63,1);
	font-size: 15px;
}
/*----------------------------------------------------------------------------------IMAGES---------------------------------*/

.thumb {
	width: 100%;
	height: auto;
}
.thumb img {
	width: 100%;
	height: auto;
}
.logo_init {
	position: relative;
	width: 7%;
	padding: 10px;
	float: left;
}
.trama {
	width: 100%;
	height: 100%;
	position: absolute;
	background:url('imgs/trama.png')center center;
	background-repeat: repeat;
}
.circleImgs {
	width: 350px;
	height: 350px;
	overflow: hidden;
	border-radius: 100%;
	border: solid 10px rgba(256,256,256,0.6);
	z-index: 1300 !important;
}
/*----------------------SECTIONS-------------------------*/
.espacio {
	height: 200px;
}
.secciones {
	height: 600px !important;
	border-bottom: solid thin rgba(0,0,0,.2);
	background: rgba(256,256,256,.2);
	position: relative;
}

/*====================================================================================QUIENES SOMOS*/
#quienes_somos {
	position: relative;
	background: rgba(216,216,216,1) url('imgs/tree.png')top left no-repeat;
	background-position: -30%;
	color: rgba(0,0,0,.5);
	text-align: left;
	padding: 20px 60px 0px 150px;
	height: 1200px !important;
}
#quienes_somos #equipo {
	position: relative;
	top: 100px;
	width: 100%;
	height: 300px;
	text-align: center;
	float: left;

}

#quienes_somos #equipo li {
	list-style: none;
	display: inline-block;
	padding: 0px 5px 0px 0px;
}
#quienes_somos #equipo #base {
	width: 260px;
	height: 460px;
	margin-top: 130px;
	background:rgba(256,256,256,1);
	border-radius: 0px 0px 20px 20px;
}

#quienes_somos #equipo #base .cv_parr {
	position:absolute;
	width: 260px;
	text-align: center;
	padding: 10px;
	top: 330px;


}
#quienes_somos #equipo .circle {
	width: 260px;
	height: 260px;
	border-radius: 100%;
	overflow:hidden;
	position: relative;
	border: solid 8px rgba(256,256,256,1);
	cursor: pointer;
}
#quienes_somos #equipo .circle:hover {
	border: solid 20px rgba(256,256,256,.3);
	
}
#quienes_somos #equipo .circle .title {
	width: 260px;
	height: 60px;
	background: rgba(256,256,256,.8);
	position: absolute;
	top: 100%;
	margin-top: -60px;
	padding: 10px;
	text-transform: uppercase;
	font-family: 'heavy';
}
.qs_parr {
	float: left;
}
.qs_pic {
	float: right;
	margin-right: 80px;
	margin-top: -40px;
}
#cvs {
	width: 100%;
	height: 500px;
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 600px;
	left: -100%;
	z-index: 40000;
	color: rgba(256,256,256,1);
	padding: 50px;
}
#salir {
	width: 50px;
	height: 50px;
	position: relative;
	top: 40px;
	left: 100%;
	margin-left: -90px;
	cursor: pointer;
}
#salir:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
/*===========================================================NUESTRO COLEGIO*/
#nuestro_colegio {
	position: relative;
	background: rgba(253,166,9,1) url('imgs/kids.png')bottom left no-repeat;
	background-size: 70%;
	color: rgba(256,256,256,1);
	text-align: left;
	padding: 20px 60px 0px 150px;
	height: 800px !important;
}

#nuestro_colegio ul {
	padding:20px;
}

#nuestro_colegio .pre {
	float: right;
	margin-top: -200px;
}
#nuestro_colegio .pre a {
	color: rgba(256,256,256,1);
	text-decoration: none;
}
#nuestro_colegio .pre li {
	text-align: center !important;
	width: 100px;
}
#nuestro_colegio .pre .alone {
	text-align: center !important;
}



#nuestro_colegio .pos {
	margin-top: -20px;
	float: right;
}

#nuestro_colegio .pos a {
	color: rgba(256,256,256,1);
	text-decoration: none;
}


#nuestro_colegio li {
	display: inline-flex;
	margin:5px;
	padding: 23px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	font-size: 14px;
	text-align: center !important;
	border:dashed 1px rgba(256,256,256,1);
	cursor: pointer;
}
#nuestro_colegio li:hover {
	border:dashed 3px rgba(256,256,256,1);
	background: rgba(0,0,0,.6);
}
/*===========================================================PROYECTO EDUCATIVO*/
#proyecto_educativo #margen {
	padding: 20px 60px 0px 60px;
}
#proyecto_educativo {
	position: relative;
	background: rgba(69,111,48,1) url('imgs/proyecto.png')top center no-repeat;
	background-size: 100%;
	color: rgba(256,256,256,1);
	text-align: left;
	height: 2200px !important;
}
#proyecto_educativo #valores {
	float: right;
	margin-top: -530px;
	margin-right: 70px;
	text-align: center;
	padding: 30px;
	border-radius: 25px;
	background: rgba(0,0,0,.2);
	border: dashed thin rgba(256,256,256,1);
}

#proyecto_educativo #valores2 {
	margin-top: -430px;
	margin-left: 380px;
	text-align: center;
	padding: 30px;
	border-radius: 25px;
	background: rgba(255,255,255,.9);
	border: dashed thin rgba(256,256,256,1);
    width: 30%;
}

#proyecto_educativo #valores .title {
	/*background: rgba(69,111,48,1);*/
	background: rgba(256,1,1,0);
	width: 130px ;
	position: relative;
	top: -70px;
}

.dark-green {
    color: rgba(76,106,59,1);
}

.text-alianza {
    text-align: center;
    color: rgba(76,106,59,1);
    padding: 5px;
    font-size: 14px;
}

#proyecto_educativo .eimaginativa {
	width: 100%;
	height: 430px;
	margin-top: 50px;
	background: rgba(0,0,0,.4);
	border-top: solid thin rgba(256,256,256,.2);
}
#proyecto_educativo .imagina_img {
	position: absolute;
	margin-top: -330px;
	margin-left: -100px;
	top: 50%;
	left: 50%;
}
#proyecto_educativo .informacion {
	list-style: none;
	float: right;
	margin-top: -80px;
	text-align: right;
}
#proyecto_educativo .informacion a {
	color: rgba(256,256,256,1);
	text-decoration: none;
}
#proyecto_educativo .informacion a:hover {
	color: rgba(255,135,1,1);
}


#proyecto_educativo .proyecto {
	width: 100%;
	height: 700px;
	margin-top: 0px;
	background: rgba(0,0,0,.1) url('imgs/proyecto_2.png')bottom center no-repeat;
	background-size: 100%;
	border-top: solid thin rgba(256,256,256,.2);
}

#proyecto_educativo .proyecto_add {
	width: 100%;
	height: 500px;
	margin-top: 0px;
	background: rgba(0,0,0,.1);
	background-size: 100%;
	border-top: solid thin rgba(256,256,256,.2);
}

#slideshow_proy {
	position: relative;
	top: -60px;
	left: 20px;
	border-bottom: solid 10px #ff8400;
}


#slideshow_proy .slidesjs-pagination {
	width: 140px;
	height: 45px;
	border-radius: 10px 10px 0px 0px;
	background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	position: relative;
	margin-top: -45px;
	z-index: 900;
	left: 50%;
	margin-left:-70px;
}
#slideshow_proy .slidesjs-pagination li {
	display: inline-block;
	padding: 6px;	
}

#slideshow_proy .slidesjs-pagination li a {
	font-size: 0px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: rgba(256,256,256,1);
	display: block;
}
#slideshow_proy .slidesjs-pagination li .active {
	border: solid 3px rgba(256,256,256,1);
	background: rgba(126,126,126,1);
}

#slideshow_proy_add {
	position: relative;
	top: -120px;
	left: 20px;
	border-bottom: solid 10px #ff8400;
}

#slideshow_proy_add .slidesjs-pagination {
	width: 140px;
	height: 45px;
	border-radius: 10px 10px 0px 0px;
	background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	position: relative;
	margin-top: -600px;
	z-index: 900;
	left: 50%;
	margin-left:-70px;
}
#slideshow_proy_add .slidesjs-pagination li {
	display: inline-block;
	padding: 6px;	
}

#slideshow_proy_add .slidesjs-pagination li a {
	font-size: 0px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: rgba(256,256,256,1);
	display: block;
}
#slideshow_proy_add .slidesjs-pagination li .active {
	border: solid 3px rgba(256,256,256,1);
	background: rgba(126,126,126,1);
}
/*===========================================================ALIANZAS*/

.alianzas {
    height: 250px;
    position: relative;
    color: rgba(0,0,0,1);
}

/*===========================================================INFRAESTRUCTURA*/
#infraestructura {
	position: relative;
	background: rgba(256,256,256,1);
	background-size: 50%;
	color: rgba(0,0,0,.6);
	text-align: left;
	height: 980px !important;
}
.infra {
	height: 35%;
	background: rgba(0,0,0,.3);
	overflow: hidden;
	text-align: center;
	box-shadow: inset -5px -5px;
	position: relative;
}

.infra .info {
	height: 100vh;
	padding: 110px 30px 30px 30px;
	background: rgba(0,0,0,0);
	overflow: hidden;
	text-align: center;
	position: absolute;
	z-index: 300;
	color: rgba(256,256,256,0);
	font-family: 'light';
	font-size: 1.3em;
	cursor: pointer;
}
.infra .info:hover {
	background: rgba(0,0,0,.6);
	color: rgba(256,256,256,1);
}
.infra .info_h {
	height: 100vh;
	padding: 60px 30px 30px 30px;
	background: rgba(0,0,0,0);
	overflow: hidden;
	text-align: center;
	position: absolute;
	z-index: 300;
	color: rgba(256,256,256,0);
	font-family: 'light';
	font-size: 1.3em;
	cursor: pointer;
}
.infra .info_h:hover {
	background: rgba(0,0,0,.6);
	color: rgba(256,256,256,1);
}


.active {
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
}
.active:hover {
	transform:scale(1.3,1.3);
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
	-o-transform:scale(1.3,1.3);
}
/*===========================================================FUNDAMENTOS*/
#fundamentos {
	position: relative;
	background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
	color: rgba(256,256,256,1);
	text-align: left;	
	height: 900px !important;
}
.porpantalla {
	width: 20%;
}

/*===========================================================ADMISION*/
#admision {
	position: relative;
	background: rgba(63,63,63,1);
	color: rgba(256,256,256,1);
	text-align: left;	
	height: 800px !important;
}

#admision a {
	color: rgba(256,256,256,1);
	font-family: 'heavy';
	text-decoration: none;
}
#admision a:hover {
	color: rgba(253,111,63,1);
}

/*===========================================================CONTACTO*/
#contacto {
	position: relative;
	background: rgba(256,256,256,1);
	color: rgba(0,0,0,.8);
	text-align: left;	
	height: 970px !important;
}
#contacto a {
	color: rgba(0,0,0,.8);
	text-decoration: none;
	font-size: 1.2em;
}
#contacto a:hover {
	color: rgba(253,116,63,1);
	text-decoration: none;
	font-size: 1.2em;
}
/*==========================FOOTER=======================*/
footer {
	font-family: 'light';
	font-size: .6em;
	display: block;
	text-transform: uppercase;
	padding: 20px 30px 30px 30px;
	letter-spacing: .1em;
	background: rgba(0,0,0,1);
}
footer a {
	color: rgba(256,256,256,1);
	text-decoration: none;
}
footer a:hover {
	color: rgba(253,166,9,1);
	text-decoration: none;
}
/*==================================SIDEDS======================*/
.left {
	float: left;
	margin-left: auto;
}
.right {
	float: right;
	margin-right: auto;
}
/*-----------------------ANIMATED-----------------------*/
.animated {
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
/*----------------FORMS----------------------------*/

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea
{
	-webkit-appearance:none;
	-moz--appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	display: block;
	width: 100%;
	height: auto;
	border: none;
	color:rgba(0,0,0,1);
	font-family:'general';
	font-size:15px;
	padding: 2px 0px 0px 15px;
	margin:2px 0px 2px 0px;
	border: solid 1px rgba(46,81,27,.2);
	background: rgba(0,0,0,.1);
	border-radius: 10px;
	outline:0px;
	margin-bottom: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus
{
	box-shadow: none;
	background: rgba(0,0,0,0);
	border-right: solid 50px rgba(253,166,9,1);
	color: rgba(0,0,0,.6);
}

input[type="text"],
input[type="email"],
input[type="password"] {
	padding: 2px 0px 0px 15px;
	line-height: 3em;

}

input[type="submit"],
input[type="button"] {
	-webkit-appearance:none;
	-moz--appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	width: 50%;
	background: rgba(253,166,9,1);
	color: rgba(256,256,256,1);
	border:none;
	padding: 10px 40px 10px 40px;
	border-radius: 4px;
	margin-top: 20px;

}
.boton_generico {
	-webkit-appearance:none;
	-moz--appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	width: 50%;
	background: rgba(253,166,9,1);
	color: rgba(256,256,256,1);
	border:none;
	padding: 10px 40px 10px 40px;
	border-radius: 4px;
	margin-top: 150px;
	text-decoration:none;
	position:relative;
	top:30px;
}
textarea {
	height: 90px;
	padding: 2px 0px 0px 15px;
	font-family:'general';
}
.verMapa {
	padding: 10px 50px 10px 50px;
	background: rgba(76,106,59,1);
	color: rgba(256,256,256,1) !important;
	border-radius: 4px;
}
.verMapa:after {
	width: 20px;
	height: 20px;
	display: block;
	content: '';
	position: absolute;
	background: rgba(76,106,59,1);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	margin-left: 40px;
}
#forMap {
	border-top:solid 10px rgba(253,111,63,1) !important;
	width: 100%;
	height: 300px;
	opacity: 1;
}
#forMap:before {
	width: 60px;
	height: 60px;
	display: block;
}

/*-------SCROLLBARS------*/
::-webkit-scrollbar{
  width: 10px !important;
  height: 10px;
  background:rgba(255,255,255,0.3);
}
::-webkit-scrollbar-button{
  width:5px;
  height: 5px;
  
}
::-webkit-scrollbar-track{
  background:#3c454e;
  border:thin solid #1a1f25;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb{
  background: rgba(255,102,0,1);
  border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
    background: rgba(255,30,0,1);
}

/* Pseudo-clase */
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(77,161,112,.6);
}

/*scorllbar-IE*/
.scrollEventos {
    scrollbar-face-color: rgba(31,47,71,1);
    /*scrollbar-highlight-color: #FFFFFF;*/
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #375580;
    scrollbar-arrow-color: #FFFFFF;
}
/****************************************************************************************************************RESPONSIVE SETUP*/
/******************************************************************************************************FULL HD*/

@media screen and (min-width: 1600px) 
{
	

}

/****************************************************************************************************************RESPONSIVE SETUP*/
/******************************************************************************************************MOBILE IPHONE*/

@media screen and (max-width: 736px) 
{
	#main {
		width: calc(100% + 0px);
		overflow: hidden;
	}
	.desktop {
		visibility: hidden;
	}
	#btn_context {
		width: 40px;
		height: 40px;
		position: relative;
		left: 100%;
		top: 20px;
		margin-left: 20px;
		cursor: pointer;
		
	}
	#btn_context a {
		width: 40px;
		height: 40px;
		display: block;
		color: rgba(0,0,0,0) !important;
		background: url('imgs/mobile_btn.png')center center no-repeat;
		background-size: contain;
	}
	#btn_context a:select {
		display: block;
		color: rgba(0,0,0,0) !important;
		background: url('imgs/mobile_btn_x.png')center center no-repeat;
	}
	.boton_menu {
		display: block;
		width: 100%;
		padding: 20px;
	}
	.boton_menu:hover {
		background: rgba(256,256,256,.5);
	}
	#mobile {
		visibility: visible;
		width: 400px;
		height: 100vh;
		top: 0px;
		position: absolute;
		background: rgba(253,111,63,1);
		margin-left: -400px;
	}
	#mobile a {
		text-align: left;
		color: white;
		font-size: 1.5em;
		text-decoration: none;
	}

	header {
		width: 100%;
		height: 98px;
		background: rgba(236,236,236,1);
		border-bottom: solid 8px rgba(46,81,27,1);
		position: fixed;
		z-index: 1000;
		opacity: 1;
	}
	.thumb {
		overflow:hidden;
		width: auto;
		height: 100%;
		background: rgba(0,0,0,0);
	}
	.thumb img {
		width: auto;
		height: 100vh !important;
		margin-left: -250px;
		background: rgba(0,0,0,0);
	}

	#slideshow {
		position: relative;
		top: 98px;
		left: 0px;
		border-bottom: solid 4px #ff8400;
	}

	#slideshow .extract {
		position:absolute;
		top:300px;
		left:0%;
		margin-left:0%;
		margin-top:40px;
		width:100%;
		font-size:2em;
		font-weight:700;
		padding:30px 30px 60px 30px;
		border-radius:2px;
		background-size:cover;
		border: dashed 1px rgba(256,256,256,1);
		background: rgba(0,0,0,.4);
		text-align:center;
		line-height:1em;
		text-shadow:0px 5px 10px rgba(0,0,0,.5);
	}

	#slideshow .slidesjs-pagination {
		width: 140px;
		height: 45px;
		border-radius: 10px 10px 0px 0px;
		background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		position: relative;
		margin-top: -45px;
		z-index: 900;
		left: 50%;
		margin-left:-70px;
	}
	#mobileTitle {
		display: block;
		color: rgba(0,0,0,.5);
		font-size: 25px !important;
		margin-left: 20px;
	}
	.mTitle{
		font-size: 26px !important;
		margin-left: 40px;
	}

	.logo_init {
		position: relative;
		width: 30%;
		margin-top: -25px;
		float: right;
	}

	/*====================================================================================QUIENES SOMOS*/
	#quienes_somos {
		position: relative;
		background: rgba(216,216,216,1);
		background-position: -20%;
		background-size: 20%;
		color: rgba(0,0,0,.5);
		text-align: center;
		padding: 20px;
		height: 2300px !important;
	}
	.qs_pic {
		float: none;
		margin-right: 60px;
		margin-top: 30px !important;
	}

	#detalle_servicios_2 {
		width:100%;
		height:400px;
		position:absolute;
		top:-600px !important;
		left:-100%;
		background:rgba(0,0,0,.85);
		border-top:solid 5px rgba(243,146,32,1);
	}
	#icono_serv_2 {
		width:300px;
		height:300px;
		position:relative;
		top:50%;
		left:30px;
		margin-top:-150px;
	}
	#titulo_serv_2 {
		padding-left:350px;
		font-size:1.5em;
		margin-top:-60px;
	}
	#detalle_serv_2 {
		padding-left:350px;
		padding-top:30px;
		width:80%;
	}
	
	#cvs {
		width: 100%;
		height: 700px;
		background: rgba(0,0,0,.8);
		position: absolute;
		top: 1000px;
		left: -100%;
		z-index: 40000;
		color: rgba(256,256,256,1);
		padding: 50px;
	}
	#salir {
		width: 50px;
		height: 50px;
		position: relative;
		top: 0px;
		left: 50%;
		margin-left: -25px;
		cursor: pointer;
	}

	/*===========================================================NUESTRO COLEGIO*/
	#nuestro_colegio {
		position: relative;
		background: rgba(253,166,9,1) url('imgs/kids.png')bottom left no-repeat;
		background-size: 50%;
		color: rgba(256,256,256,1);
		text-align: left;
		padding: 20px;
		height: 1200px !important;
	}

	#nuestro_colegio .pre {
		float: left;
		margin-top: 0px;
	}


	#nuestro_colegio .pos {
		margin-top: 0px;
		position: relative;
		left: 200px;
		top: 0px;
		float: left;
	}

	#nuestro_colegio li {
		display: block;
	}

	/*===========================================================PROYECTO EDUCATIVO*/
	#proyecto_educativo #margen {
		padding: 20px;
	}
	#proyecto_educativo {
		position: relative;
		background: rgba(69,111,48,1) url('imgs/proyecto.png')top center no-repeat;
		background-size: 100%;
		color: rgba(256,256,256,1);
		text-align: center;
		height: 4200px !important;
	}
	#proyecto_educativo #valores {
		float: none;
		width: 100%;
		margin-top: 80px;
		margin-right: 150px;
		text-align: center;
		padding: 30px;
		border-radius: 25px;
		background: rgba(0,0,0,.2);
		border: dashed thin rgba(256,256,256,1);
	}

	#proyecto_educativo #valores .title {
		/*background: rgba(69,111,48,1);*/
		background: rgba(256,1,1,0);
		width: 130px ;
		position: relative;
		top: -70px;
	}
    #proyecto_educativo #valores2 {
	margin: 80px 0 0 0;
	text-align: center;
	padding: 30px;
	border-radius: 25px;
	background: rgba(255,255,255,.9);
	border: dashed thin rgba(256,256,256,1);
    width: 80%;
    }
	#proyecto_educativo .eimaginativa {
		width: 100%;
		height: 800px;
		margin-top: 50px;
		background: rgba(0,0,0,.4);
		border-top: solid thin rgba(256,256,256,.2);
	}
	#proyecto_educativo .imagina_img {
		width: 50%;
		position: absolute;
		margin-top: -25px;
		margin-left: 0px;
	}
	#proyecto_educativo .informacion {
		list-style: none;
		float: none;
		margin-top: 0px !important;
		text-align: center;
	}
	#proyecto_educativo .informacion a {
		color: rgba(256,256,256,1);
		text-decoration: none;
	}
	#proyecto_educativo .informacion a:hover {
		color: rgba(255,135,1,1);
	}


	#proyecto_educativo .proyecto {
		width: 100%;
		height: 1780px;
		margin-top: 0px;
		background: rgba(0,0,0,.1) url('imgs/proyecto_2.png')bottom center no-repeat;
		background-size: 100%;
		border-top: solid thin rgba(256,256,256,.2);
	}
	#slideshow_proy {
		position: relative;
		top: 0px;
		left: 0px;
		border-bottom: solid 20px #ff8400;
	}
	/*===========================================================INFRAESTRUCTURA*/
	#infraestructura {
		position: relative;
		background: rgba(256,256,256,1);
		background-size: 50%;
		color: rgba(0,0,0,.6);
		text-align: left;
		height: 2100px !important;
	}
	.infra {
		height: 400px;
		background: rgba(0,0,0,.3);
		overflow: hidden;
		text-align: center;
		box-shadow: inset -5px -5px;
		position: relative;
	}
	.img_g {
		height: 100%;
	}

	/*===========================================================FUNDAMENTOS*/
	#fundamentos {
		position: relative;
		background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		color: rgba(256,256,256,1);
		text-align: left;
		overflow: hidden;
		height: 1200px !important;
	}

	/*===========================================================ADMISION*/
	#admision {
		position: relative;
		background: rgba(63,63,63,1);
		color: rgba(256,256,256,1);
		text-align: left;	
		height: 1200px !important;
	}
	#admision li {
		list-style: none;
	}

	#admision a {
		color: rgba(256,256,256,1);
		font-family: 'heavy';
		text-decoration: none;
	}
	#admision a:hover {
		color: rgba(253,111,63,1);
	}

	/*===========================================================CONTACTO*/
	#contacto {
		position: relative;
		background: rgba(256,256,256,1);
		color: rgba(0,0,0,.8);
		text-align: left;	
		height: 1300px !important;
	}
	#contacto a {
		color: rgba(0,0,0,.8);
		text-decoration: none;
		font-size: 1.2em;
	}
	#contacto a:hover {
		color: rgba(253,116,63,1);
		text-decoration: none;
		font-size: 1.2em;
	}
	/*----------------TEXTOS------------------------------*/

	.light {
		font-family: 'light';
	}
	.thin {
		font-family: 'thin';
	}
	.heavy {
		font-family: 'heavy';
	}
	.full {
		width: 100%;
		font-size: 14px;
	}
	.mitad {
		width: 100%;
		font-size: 14px;
	}
	.trescuartos {
		width: 100%;
		font-size: 14px;
	}
	.cuarter {
		width: 100%;
		font-size: 14px;
	}
	.tercio {
		width: 100%;
		font-size: 14px;
	}
	.columnas {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	}
	#margen {
		padding: 20px;
	}
	.left {
		float: none;
		margin-left: none;
	}
	.right {
		float: none;
		margin-right: none;
	}
}

.fondo_enviado {
	background: rgba(256,256,256,1) !important;
	color: rgba(0,0,0,1);
}

/*****************************************************************************************************************************************************************************MOBILE*/

@media screen and (max-width: 480px) 
{
	.desktop {
		visibility: hidden;
	}
	#btn_context {
		width: 40px;
		height: 40px;
		position: relative;
		left: 100%;
		top: 20px;
		margin-left: 20px;
		cursor: pointer;
		
	}
	#btn_context a {
		width: 40px;
		height: 40px;
		display: block;
		color: rgba(0,0,0,0) !important;
		background: url('imgs/mobile_btn.png')center center no-repeat;
		background-size: contain;
	}
	#btn_context a:select {
		display: block;
		color: rgba(0,0,0,0) !important;
		background: url('imgs/mobile_btn_x.png')center center no-repeat;
	}
	.boton_menu {
		display: block;
		width: 100%;
		padding: 20px;
	}
	.boton_menu:hover {
		background: rgba(256,256,256,.5);
	}
	#mobile {
		visibility: visible;
		width: 400px;
		height: 100vh;
		top: 0px;
		position: absolute;
		background: rgba(253,111,63,1);
		margin-left: -400px;
	}
	#mobile a {
		text-align: left;
		color: white;
		font-size: 1.5em;
		text-decoration: none;
	}

	header {
		width: 100%;
		height: 98px;
		background: rgba(236,236,236,1);
		border-bottom: solid 8px rgba(46,81,27,1);
		position: fixed;
		z-index: 1000;
		opacity: 1;
	}
	.thumb {
		overflow:hidden;
		width: auto;
		height: 100%;
		background: rgba(0,0,0,0);
	}
	.thumb img {
		width: auto;
		height: 100%;
		margin-left: -250px;
		background: rgba(0,0,0,0);
	}

	#slideshow {
		position: relative;
		top: 98px;
		border-bottom: solid 4px #ff8400;
	}

	#slideshow .extract {
		position:absolute;
		top:230px;
		left:0%;
		margin-left:0%;
		margin-top:40px;
		width:100%;
		font-size:2em;
		font-weight:700;
		padding:30px 30px 60px 30px;
		border-radius:2px;
		background-size:cover;
		border: dashed 1px rgba(256,256,256,1);
		background: rgba(0,0,0,.4);
		text-align:center;
		line-height:1em;
		text-shadow:0px 5px 10px rgba(0,0,0,.5);
	}

	#slideshow .slidesjs-pagination {
		width: 140px;
		height: 45px;
		border-radius: 10px 10px 0px 0px;
		background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		position: relative;
		margin-top: -45px;
		z-index: 900;
		left: 50%;
		margin-left:-70px;
	}
	#mobileTitle {
		display: block;
		color: rgba(0,0,0,.5);
		font-size: 25px !important;
		margin-left: 20px;
	}
	.mTitle{
		font-size: 26px !important;
		margin-left: 40px;
	}

	.logo_init {
		position: relative;
		width: 30%;
		margin-top: -25px;
		float: right;
	}
    
    .alianzas {
        height: 350px !important;
        position: relative;
        color: rgba(0,0,0,1);
    }

	/*====================================================================================QUIENES SOMOS*/
	#quienes_somos {
		position: relative;
		background: rgba(216,216,216,1);
		background-position: -20%;
		background-size: 20%;
		color: rgba(0,0,0,.5);
		text-align: center;
		padding: 20px;
		height: 2300px !important;
	}
	.qs_pic {
		float: none;
		margin-right: 60px;
		margin-top: 30px !important;
	}

	#detalle_servicios_2 {
		width:100%;
		height:400px;
		position:absolute;
		top:-600px !important;
		left:-100%;
		background:rgba(0,0,0,.85);
		border-top:solid 5px rgba(243,146,32,1);
	}
	#icono_serv_2 {
		width:300px;
		height:300px;
		position:relative;
		top:50%;
		left:30px;
		margin-top:-150px;
	}
	#titulo_serv_2 {
		padding-left:350px;
		font-size:1.5em;
		margin-top:-60px;
	}
	#detalle_serv_2 {
		padding-left:350px;
		padding-top:30px;
		width:80%;
	}
	
	#cvs {
		width: 100%;
		height: 700px;
		background: rgba(0,0,0,.8);
		position: absolute;
		top: 1000px;
		left: -100%;
		z-index: 40000;
		color: rgba(256,256,256,1);
		padding: 50px;
	}
	#salir {
		width: 50px;
		height: 50px;
		position: relative;
		top: 0px;
		left: 50%;
		margin-left: -25px;
		cursor: pointer;
	}

	/*===========================================================NUESTRO COLEGIO*/
	#nuestro_colegio {
		position: relative;
		background: rgba(253,166,9,1) url('imgs/kids.png')bottom left no-repeat;
		background-size: 50%;
		color: rgba(256,256,256,1);
		text-align: left;
		padding: 20px;
		height: 1200px !important;
	}

	#nuestro_colegio .pre {
		float: left;
		margin-top: 0px;
	}


	#nuestro_colegio .pos {
		margin-top: 0px;
		float: left;	
	}

	#nuestro_colegio li {
		display: block;
	}

	/*===========================================================PROYECTO EDUCATIVO*/
	#proyecto_educativo #margen {
		padding: 20px;
	}
	#proyecto_educativo {
		position: relative;
		background: rgba(69,111,48,1) url('imgs/proyecto.png')top center no-repeat;
		background-size: 100%;
		color: rgba(256,256,256,1);
		text-align: center;
		height: 4200px !important;
	}

	#proyecto_educativo .proyecto_add {
		width: 100%;
		height: 800px;
		margin-top: 0px;
		background: rgba(0,0,0,.1);
		background-size: 100%;
		border-top: solid thin rgba(256,256,256,.2);
	}
	#proyecto_educativo #valores {
		float: none;
		width: 100%;
		margin-top: 80px;
		margin-right: 150px;
		text-align: center;
		padding: 30px;
		border-radius: 25px;
		background: rgba(0,0,0,.2);
		border: dashed thin rgba(256,256,256,1);
	}

	

	#proyecto_educativo #valores .title {
		/*background: rgba(69,111,48,1);*/
		background: rgba(256,1,1,0);
		width: 130px ;
		position: relative;
		top: -70px;
	}
    #proyecto_educativo #valores2 {
	margin: 80px 0 0 0;
	text-align: center;
	padding: 30px;
	border-radius: 25px;
	background: rgba(255,255,255,.9);
	border: dashed thin rgba(256,256,256,1);
    width: 100%;
        
    }
	#proyecto_educativo .eimaginativa {
		width: 100%;
		height: 800px;
		margin-top: 50px;
		background: rgba(0,0,0,.4);
		border-top: solid thin rgba(256,256,256,.2);
	}
	#proyecto_educativo .imagina_img {
		width: 50%;
		margin-top: 0px;
		margin-left: 20px;
	}
	#proyecto_educativo .informacion {
		list-style: none;
		float: none;
		margin-top: 0px !important;
		text-align: center;
	}
	#proyecto_educativo .informacion a {
		color: rgba(256,256,256,1);
		text-decoration: none;
	}
	#proyecto_educativo .informacion a:hover {
		color: rgba(255,135,1,1);
	}


	#proyecto_educativo .proyecto {
		width: 100%;
		height: 1780px;
		margin-top: 0px;
		background: rgba(0,0,0,.1) url('imgs/proyecto_2.png')bottom center no-repeat;
		background-size: 100%;
		border-top: solid thin rgba(256,256,256,.2);
	}
	#slideshow_proy {
		position: relative;
		top: 0px;
		left: 0px;
		border-bottom: solid 20px #ff8400;
	}
	#slideshow_proy_add {
		position: relative;
		top: 0px;
		left: 0px;
		border-bottom: solid 10px #ff8400;
        display: none;
	}
	#slideshow_proy_add .slidesjs-pagination {
		width: 140px;
		height: 45px;
		border-radius: 10px 10px 0px 0px;
		background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		position: relative;
		margin-top: -400px;
		z-index: 900;
		left: 50%;
		margin-left:-70px;
	}
	#slideshow_proy_add .slidesjs-pagination li {
		display: inline-block;
		padding: 6px;	
	}

	#slideshow_proy_add .slidesjs-pagination li a {
		font-size: 0px;
		width: 15px;
		height: 15px;
		border-radius: 100%;
		background: rgba(256,256,256,1);
		display: block;
	}
	#slideshow_proy_add .slidesjs-pagination li .active {
		border: solid 3px rgba(256,256,256,1);
		background: rgba(126,126,126,1);
	}
	/*===========================================================INFRAESTRUCTURA*/
	#infraestructura {
		position: relative;
		background: rgba(256,256,256,1);
		background-size: 50%;
		color: rgba(0,0,0,.6);
		text-align: left;
		height: 2100px !important;
	}
	.infra {
		height: 400px;
		background: rgba(0,0,0,.3);
		overflow: hidden;
		text-align: center;
		box-shadow: inset -5px -5px;
		position: relative;
	}
	.img_g {
		height: 100%;
	}

	/*===========================================================FUNDAMENTOS*/
	#fundamentos {
		position: relative;
		background: -webkit-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -moz-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -ms-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: -o-linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		background: linear-gradient(90deg, #ff9d06, #ff8400, #ffaa09);
		color: rgba(256,256,256,1);
		text-align: left;
		overflow: hidden;
		height: 1100px !important;
	}

	.porpantalla {
		width: 40%;
	}

	/*===========================================================ADMISION*/
	#admision {
		position: relative;
		background: rgba(63,63,63,1);
		color: rgba(256,256,256,1);
		text-align: left;	
		height: 1200px !important;
	}
	#admision li {
		list-style: none;
	}

	#admision a {
		color: rgba(256,256,256,1);
		font-family: 'heavy';
		text-decoration: none;
	}
	#admision a:hover {
		color: rgba(253,111,63,1);
	}

	/*===========================================================CONTACTO*/
	#contacto {
		position: relative;
		background: rgba(256,256,256,1);
		color: rgba(0,0,0,.8);
		text-align: left;	
		height: 1300px !important;
	}
	#contacto a {
		color: rgba(0,0,0,.8);
		text-decoration: none;
		font-size: 1.2em;
	}
	#contacto a:hover {
		color: rgba(253,116,63,1);
		text-decoration: none;
		font-size: 1.2em;
	}
	/*----------------TEXTOS------------------------------*/

	.light {
		font-family: 'light';
	}
	.thin {
		font-family: 'thin';
	}
	.heavy {
		font-family: 'heavy';
	}
	.full {
		width: 100%;
		font-size: 14px;
	}
	.mitad {
		width: 100%;
		font-size: 14px;
	}
	.trescuartos {
		width: 100%;
		font-size: 14px;
	}
	.cuarter {
		width: 100%;
		font-size: 14px;
	}
	.tercio {
		width: 100%;
		font-size: 14px;
	}
	.columnas {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	}
	#margen {
		padding: 20px;
	}
	.left {
		float: none;
		margin-left: none;
	}
	.right {
		float: none;
		margin-right: none;
	}
/****************************************************************************************************************RESPONSIVE SETUP*/
/******************************************************************************************************TABLET*/

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

}