@charset "utf-8";
/* Google Fonts
font-family: 'Quicksand', sans-serif;
font-family: 'Poiret One', cursive;
font-family: 'Julius Sans One', sans-serif;
 */
@font-face{
	font-family:"Verdana";
	src:url(../tipografias/verdana.ttf) format('opentype');	
}
@font-face{
	font-family:"Myriad Pro Light";
	src:url(../tipografias/MYRIADPRO-SEMIBOLD.OTF) format('opentype');	
}
@font-face{
	font-family:"knight brush demo";
	src:url(../tipografias/KNIGHT-BRUSH-DEMO.OTF) format('opentype');	
}
@font-face{
	font-family:"Androgyne";
	src:url(../tipografias/Androgyne_TB_0.otf) format('opentype');	
}
/***********************************************************************************/
header, nav, section, article, footer, aside, figure, form{
	display:block;
	margin:0;
	padding:0;
}
body{
	margin:0;
}
h1{

}
h3{
	
}
p{
	font-family:'verdana', sans-serif;
	font-size:17px;
	text-align:justify;
	margin:0;	
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
a{
	font-family:'verdana', sans-serif;
	font-size:15px;	
	color:#000;
	text-decoration:none;
}
*{
	box-sizing:border-box;
}
/* Estilo para el boton "Ir Arriba" */
.scroll-top {
    width: 40px;
    height: 40px;
    opacity: 0.5;
    position: fixed;
    bottom: 100px;
    right: 30px;
    display: none; /* Estara oculto por defecto */
    text-indent: -9999px; /* Oculta el texto del enlace */
    z-index: 1000; /* Evita que otros elementos esten por encima */
    background: url('../img/arriba.png') no-repeat;
}
/* Estilo para generar un efecto al posicionar el puntero encima del botón */
.scroll-top:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;
}

/************************************************************************************/
/*************************** ESTILOS PARA LA CABECERA *******************************/
/************************************************************************************/
#informes{	
	width:100%;
	background:#103D2A;	
	display:flex;
	justify-content:flex-end;	
	padding:10px 40px;
}
.caja-informes{
	width:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.telefonos-informes{
	width:650px;	
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	align-items:center;
}
.caja-informes span{
	color:#fff;
	margin:3px 10px 0 10px;	
}
.caja-informes p{
	color:#fff;
	margin-top:3px;
}
.caja-informes a{
	color:#fff;
	margin-top:3px;	
}
input[type="search"]{
    width: 30px; /*ancho por defecto*/
    background: #103D2A url(../imagen/search-icon.png) no-repeat 9px center; /*icono lupa*/
    padding: 9px 10px 9px 32px;
    border-radius: 11em;
	border:none;
    -webkit-transition: all .5s; /* transición de .5seg a todos los elementos para chrome*/
    -moz-transition: all .5s; /* transición de .5seg a todos los elementos para mozilla*/
    -o-transition: all .5s; /* transición de .5seg a todos los elementos para ophera*/
    transition: all .5s; /* transición de .5seg a todos los elementos*/
    outline: none; /* ocultar el fucos automático de los input */
	cursor:pointer;
}
input[type="search"]:focus{
    width: 130px; /*tamaño del boton buscar al hacer click*/
    padding-left: 50px; /*espacio entre el icono lupa y el placeholder*/
    color: #fff;
    background-color: #103D2A;	
	border:1px solid #fff;	
	cursor:text;
}
/*#fbuscador{
	margin:0;
	padding:0;
	display:flex;
	flex-direction:row;	
}
#buscar{
	width:70%;
	height:30px;
	line-height:30px;	
	border-radius:4px 0 0 4px;
	border:1px solid #fff;
	padding:0 15px;
	color:#fff;	
	background:#103D2A;	
	font-size:13px;
}
#bbuscar{
	width:30%;
	height:30px;
	line-height:30px;
	background:#117F2B;
	text-align:center;
	color:#fff;
	border-radius:0 4px 4px 0;	
	border:1px solid #fff;
	font-size:14px;
	cursor:pointer;
}*/
/***********************************************************************************/
#cabecera{
	width:100%;	
	max-width:1400px;
	margin:auto;
	padding:10px 20px;
}
.caja-cabecera{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.logo{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	width:140px;
	height:140px;
	margin:0;
}
.logo img{
	width:100%;
	height:auto;
	display:block;	
}
/************************************************************************************/
/***************************** ESTILOS PARA EL MENU *********************************/
/************************************************************************************/
#menu{
	display:block;
	margin:30px 0 0 0;
	padding:0;	
}
/************************************************************************************/
/********************************* ESTILOS BANNER ***********************************/
/************************************************************************************/
#banner{
	overflow:hidden;	
}
/************************************************************************************/
#ubicacion-pagina{
	line-height:40px;
	background:#EDD980;
	padding:0 40px;	
}
/************************************************************************************/
/********************************** ESTILOS VIDEO ***********************************/
/************************************************************************************/
#portada-video-home{
	position:relative;	
}
#portada-video-home .portada-video-pc{
	display:block;
	width:100%;
	height:auto;	
}
#portada-video-home .portada-video-movil{
	display:none;	
}
.caja-boton-texto-video{
	width:380px;
	position:absolute;
	top:40%;
	right:20%;	
}
/*
.boton-play{
	display:flex;
	width:190px;
	height:190px;
	border-radius:100px;
	background:rgba(0,0,0,0.2);	
	align-items:center;
}
.boton-play a{
	display:flex;
	width:140px;
	height:140px;
	border-radius:100px;
	background:#0b7f2c;
	margin:auto;
	align-items:center;
	text-align:center;
	color:#fff;		
	justify-content:center;
}
.boton-play a i{
	font-size:50px;
}
*/
.video-play-button {
  /*position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;*/
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  /*padding: 18px 20px 18px 28px;*/
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 150px;
  height: 150px;
  background: #16C548;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 150px;
  height: 150px;
  background: #0b7f2c;
  border-radius: 50%;
  transition: all 200ms;
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}


@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-overlay {
	position: fixed;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.80);
	opacity: 0;
	transition: all ease 500ms;
}
.video-overlay.open {
	position: fixed;
	z-index: 1000;
	opacity: 1;
}
.video-overlay-close {
	position: absolute;
	z-index: 1000;
	top: 15px;
	right: 20px;
	font-size: 36px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: all 200ms;
}
.video-overlay-close:hover {
	color: #0b7f2c;
}
.video-overlay iframe {
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 95%;	
	height:95%;
	/*max-height:50% !important;*/	
}
.caja-boton-texto-video p{
	font-family:'Androgyne', sans-serif;
	font-size:45px;
	color:#0b7f2c;
	margin:18% 0 0 0 !important;	
}
/************************************************************************************/
/*************************** ESTILOS PARA PIE PAGINA ********************************/
/************************************************************************************/
#pie-pagina{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	background:#103D2A;	
	padding:30px 0;
}
.guiapago{
	width:277px;
	margin-bottom:30px;	
}
.guiapago a{
	color:#fff;
	margin-left:40px;	
}
.sublinea-pago{
	border:1px solid #fff;	
}
.colum-izq{
	display:block;
	width:20%;	
}
.datos-colegio{
	width:90%;
	margin-left:40px;	
}
.datos-colegio p{
	font-family:'Myriad Pro Light', sans-serif;
	color:#fff;
}
.datos-colegio p a{
	font-family:'Myriad Pro Light', sans-serif;
	color:#fff;
}
.colum-centro{
	display:block;
	width:50%;	
}
.colum-der{
	display:block;
	width:315px;/*20%*/
	margin-right:40px;
}
.instituciones{	
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.instituciones li{
	display:block;
	width:19%;
	margin: 0 10px;	
}
.instituciones li a img{
	display:block;
	width:100%;
	height:auto;	
}
.instituciones-movil{
	display:none;
}
.institucion-movil{
	display:none;
}
.colum-der p{
	text-align:right;
	color:#fff;	
}
.caja-sociales{
	display:flex;
	justify-content:flex-end;	
}
.sociales-pie{
	width:315px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-right:0;
}
.sociales-pie li a{
	display:block;
	color:#fff;	
	margin:0;
}
.sociales-pie li a i{
	font-size:40px;	
	margin:0;
}
.sociales-pie li .icono-messenger{
	width:38px;
	margin:6px 0 0 0;
	padding:0;
}
.sociales-pie li .icono-messenger img{
	display:block;
	width:100%;
	height:auto;
}
.text-copy{
	margin-top:20px;
	font-size:14px;
	color:#116840;
}
.text-copy a{
	color:#fff;
	font-weight:bold;	
}
/************************************************************************************/
/***************************** ESTILOS PARA NOSOTROS ********************************/
/************************************************************************************/
.titulo-oculto{
	display:none;
}

#banner-interno{
	display:block;
	width:100%;
	height:auto;
	position:relative;	
}
#banner-interno .banner-interno-pc{
	display:block;
	width:100%;
	height:auto;	
}
#banner-interno .banner-interno-mobil{
	display:none;
}
/*
.caja-titulo-portada{
	width:100%;
	margin:auto;	
	position:absolute;
	top:30%;
	left:0;
}
.titulo-portada{
	width:24%;
	margin:auto;
	padding:3% 0 3.5% 0 !important;	
	background:rgba(13,64,38,0.7);
	border:2px solid #fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
*/
.p-ancho{
	width:30%;
}
.p-ancho2{
	width:35%;
}
/*
.titulo-portada h1{
	font-family:'knight brush demo', sans-serif;
	font-size:60px;
	margin:0;
	font-weight:normal;
	text-align:center;	
	color:#fff;
}
.subrayado{
	width:120px;
	height:2px;
	background:#fff;
	margin:3% auto 0 auto;	
}
*/
/********************************************************************/
#cuerpo{
	width:95%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:auto;
	padding:55px 8.5%;	
}
.boton-admision{
	position:fixed;
	right:0;
	top:20%;
	z-index:999;		
}
.boton-whatsapp{
	width:18%;
	position:fixed;
	right:0;
	bottom:15%;
	z-index:999;		
}
.boton-whatsapp img{
	display:block;
	width:100%;
	height:auto;	
}
#caja-nosotros{
	width:65%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:auto;	
}
.imagenes-nosotros{
	display:block;
	width:43%;
	margin:0 3%;
	margin-bottom:55px;	
	transition:all 0.3s;
}
.imagenes-nosotros:hover{
	transform:scale(1.1,1.1);	
}
.imagenes-nosotros img{
	display:block;
	width:100%;
	height:auto;
}

/************************************************************************************/
/*************************** ESTILOS PARA BIENVENIDA ********************************/
/************************************************************************************/
/*
.portada-bienvenida{
	background:url(../imagen/banner/banner-bienvenida.jpg) no-repeat;
	background-size:100%;	
	padding:6% 0 12% 0;	
}
*/
.cuerpo-bienvenida{
	position: relative;
	padding: 0 !important;
}
.texto-bienvenida{ /*36%*/
	width:75%;
	margin: auto;
}
/*
.caja-fondo-bienvenida{
	position: absolute;
	top: 0;
	left: 0;
}
*/
.fondo-bienvenida{	
	width: 100%;
	padding: 10% 0;
	background: url(../imagen/fondo-san-norberto2.jpg) center;
	background-repeat:no-repeat;
	background-size:100%;
}
.fondo-bienvenida img{
	display: block;
	width: 100%;
	height: auto;
}
.titulo-bienvenida{
	display:block;
	width:77%;	
	margin-bottom:40px;
}
.titulo-bienvenida img{
	display:block;
	width:100%;
	height:auto;	
}
.cuerpo-bienvenida .imagen-bienvenida{
	width:59%;	
	display:block;
	align-self:flex-end;
	/*margin-bottom:15%;*/
}
.imagen-bienvenida img{
	display:block;
	width:100%;
	height:auto;	
}
.caja-imagenes3-bienvenida{
	width:95%;
	margin:0 auto;
	padding:0 6.5% 5% 6.5%;	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.imagenes3-bienvenida1{
	width:36%	
}
.imagenes3-bienvenida1 img{
	display:block;
	width:100%;
	height:auto;	
}
.caja-imagenes2-bienvenida{
	width:59%;	
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.imagenes2-bienvenida{
	width:49%	
}
.imagenes2-bienvenida img{
	display:block;
	width:100%;
	height:auto;
}
.ocultar-colum{
	display: none !important;
}

/************************************************************************************/
/**************************** ESTILOS PARA FILOSOFIA ********************************/
/************************************************************************************/
.caja-filosofia{
	width:33%;	
	display:flex;
	flex-direction:column;
}
.titulo-filosofia{
	display:block;
	width:85%;	
	margin-bottom:40px;
}
.titulo-filosofia img{
	display:block;
	width:100%;
	height:auto;	
}
.imagenfilosofia{
	display:block;
	width:100%;
	height:auto;	
}
.imagenfilosofia img{
	display:block;
	width:100%;
	height:auto;	
}
.caja-mvl{
	width:62%;
	display:flex;
	align-items:flex-end;
}
.mision-vision{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	margin-bottom:40px;
}
.mision{
	width:45%;	
}
.vision{
	width:45%;	
}
.titulos-mv{
	width:80%;
	margin-left:30px;
	margin-bottom:-40px;		
}
.titulos-mv img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-mv{
	padding:45px 15px 15px 15px;
	background:#D8D9DD;		
}
#cuerpo-logros{
	width:95%;
	display:block;	
	margin:auto;
	padding:10px 8.5% 50px 8.5%;	
}
.logros{
	width:100%;	
}
.titulo-logros{
	width:27%;
	display:block;
	margin:auto;
	margin-bottom:-50px;		
}
.titulo-logros img{
	display:block;
	width:100%;
	height:auto;	
}

.txt-logros{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;	
	background:#D8D9DD;
	padding:50px 15px 50px;
}
.colum-izq-logros{
	width:45%;	
}
.colum-der-logros{
	width:45%;	
}
.colum-izq-logros2{
	width:45%;
	margin-top:1%;
}
/************************************************************************************/
/************************* ESTILOS POLITICAS Y OBJETIVOS ****************************/
/************************************************************************************/
.caja-politicas{
	width:35%;	
	display:flex;
	flex-direction:column;
	margin-top:0;/*8%*/
}
.titulo-filosofia{
	display:block;
	width:85%;	
	margin-bottom:40px;
}
.titulo-filosofia img{
	display:block;
	width:100%;
	height:auto;	
}
.caja-politicas .imagenfilosofia{
	display:block;
	width:100%;
	height:auto;
	margin-top:10%;	
}
.imagenfilosofia img{
	display:block;
	width:100%;
	height:auto;	
}
.caja-politicas-objetivos{
	width:62%;		
}
.politicas-objetivos{
	width:100%;
	display:flex;
	flex-direction:column;
	margin-bottom:55px;
}
.politicas{
	width:100%;
}
.objetivos{
	width:100%;	
	margin-top:5%;/*30px*/
}
.titulos-po{
	width:30%;
	margin:auto;
	margin-bottom:-40px;		
}
.titulos-po img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-po{
	padding:45px 15px 15px 15px;
	background:#D8D9DD;		
}
/************************************************************************************/
/******************************** ESTILOS HISTORIA **********************************/
/************************************************************************************/
.txt-historia{
	margin-bottom:60px;
}
.txt-historia ul{
	list-style:inside;	
}
.txt-historia ul li{
	line-height:30px;
}
.botones-historia{	
	width:240px;
	height:70px;
	border-radius:25px;
	background:#103D2A;
	margin:auto;
	margin-bottom:45px;
	transition:all 0.3s;
}
.botones-historia span{
	display:block;
	width:220px;
	height:54px;
	margin:8px auto;
	line-height:54px;
	border:1px solid #fff;
	border-radius:20px;
	text-align:center;
	color:#fff;	
}
.botones-historia:hover{
	background:#071F15;	
}
.imagen-historia{
	width:62%;	
}
.imagen-historia img{
	display:block;
	width:100%;
	height:auto;	
}
/************************************************************************************/
/********************************* ESTILOS HIMNO ***********************************/
/************************************************************************************/
#cuerpo-himno{
	width:100%;
	padding:55px 8.5%;		
}
.caja-himno{
	display:block;
	width:402px;
	margin:auto;	
}
.caja-himno .titulo-filosofia{
	display:block;
	width:80%;	
	margin:auto;
	margin-bottom:40px;
}
.caja-himno .titulo-filosofia img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-himno{
	display:block;
	width:100%;	
}
.txt-himno span{
	color:#F5272A;
	font-style:italic;	
}
.txt-himno p{
	text-align:center;	
}
#controlesaudio ul{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content:center;
}
#controlesaudio ul li a{
	width:35px;
	height:35px;
	line-height:33px;
	display:block;
	text-align:center;
	color:#103D2A;
	font-size:16px;
	border:1px solid #103D2A;
	border-radius:30px;
	margin-right:6px;
}
/************************************************************************************/
/************************** ESTILOS PROPUESTA EDUCATIVA *****************************/
/************************************************************************************/
#caja-propuesta-educativa{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:auto;		
}
#caja-propuesta{
	width:100%;
	display:flex;
	flex-direction:row;	
	justify-content:space-between;
	margin:auto;	
}
.imagenes-propuesta{
	display:block;
	width:28%;
	margin-bottom:55px;	
	transition:all 0.3s;
}
.imagenes-propuesta img{
	display:block;
	width:100%;
	height:auto;
}
.imagenes-propuesta:hover{
	transform:scale(1.1,1.1);		
}
#caja-educativa{
	width:65%;
	display:flex;
	flex-direction:row;	
	justify-content:space-between;
	margin:auto;	
}
/************************************************************************************/
/********************************* ESTILOS INICIAL **********************************/
/************************************************************************************/
.instalaciones{
	font-family:'knight brush demo', sans-serif;
	font-size:50px;
	text-align:center;
	font-weight:normal;
	color:#103D2A;
	margin:15px 0 0 0;	
}
.caja-filosofia a{
	text-align:center;
	font-weight:bold;
	color:#103D2A;	
}
.titulo-inicial{
	width:23%;
	display:block;
	margin:auto;	
}
.titulo-inicial img{
	display:block;
	width:100%;
	height:auto;	
}
/*
.caja-inicial{
	width:62%;	
}
.titulo-portada{
	width:70%;
	margin:auto;
	padding:3% 0 3.5% 0 !important;	
	background:#386539;
	border:2px solid #fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
*/
.caja-botones-pre-virtual{
	width:55%;
	padding:6% 0 0 0;
}
.botones-pre-virtual{
	display:flex;	
	width:90%;
	height:120px;
	border-radius:25px;
	background:#103D2A;
	margin:auto;
	margin-bottom:45px;
	padding:0 20px;
	transition:all 0.3s;
	align-items:center;
}
.botones-pre-virtual span{
	display:block;
	width:100%;
	height:80px;
	margin:8px auto;
	line-height:75px;
	border:1px solid #fff;
	border-radius:20px;
	text-align:center;
	color:#fff;	
	font-size:30px;
}
.botones-historia:hover{
	background:#071F15;	
}
/************************************************************************************/
/******************** PROPUESTA EDUCATIVA PRESENCIAL Y VIRTUAL **********************/
/************************************************************************************/
.titulo-propuesta-educativa{
	text-align:center;	
}
.subrayado{
	width:120px;
	height:2px;
	background:#386539;
	margin:20px auto 3% auto;	
}
.full-ancho{
	width:80%;
	margin:2% auto 3% auto;	
}
.cuatro-datos{
	width:100%;
	display:flex;
	flex-direction:row;
	/*flex-wrap:wrap;*/
	justify-content:space-between;	
}
.datos{
	width:32%;/*48.5%*/
	display:flex;
	flex-direction:row;	
	justify-content:space-between;	
	margin-top:40px;	
}
.iconos-datos{
	width:25%;
	align-items:flex-end;	
}
.iconos-datos img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-datos{
	width:70%;	
}
.txt-datos h2{
	font-family:'verdana', sans-serif;
	font-size:17px;
	margin:0;	
}
.txt-datos p{
	text-align:left;	
}
.cuatro-datos ul{
	list-style:outside;	
	margin-left:15px;
}
.dos-datos{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.iconos-datos2{
	width:22%;
	align-items:flex-end;	
}
.iconos-datos2 img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-datos2{
	width:72%;	
}
.txt-datos2 h2{
	font-family:'verdana', sans-serif;
	font-size:17px;
	margin:0;	
}
.txt-datos2 ul{
	list-style:decimal;	
	margin-left:18px;
}
.caja-columnas-tablas{
	width:95%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	margin:auto;
	padding:0 6.5% 55px 6.5%;
}
.caja-tabla-estudios{
	width:47%;
	margin:0;	
}
.titulo-logros-tabla{
	border:1px #fff solid;
	background:#386539;
	padding:15px 4px;
}
.titulo-logros-tabla p{
	text-align:center;
	color:#fff;	
}
table.borde-tablas{
	border:1px #fff solid;
	border-collapse:collapse;
	margin:0;
}
table.borde-tablas th{
	background:#386539;
	padding:15px 4px;
	border:1px #fff solid;
	/*font-size:12px;*/
	color:#fff;
}
table.borde-tablas td{
	border:1px #fff solid;
	padding:15px 20px;	
	/*font-size:12px;*/
	color:#fff;
	background:#4d8c3f;
}
table.borde-tablas .letras-numeros, table.borde-tablas .letras-numeros p{
	text-align:center !important;	
}
table .total-tabla td{
	background:#386539 !important;	
}
/************************************************************************************/
/******************************** ESTILOS PRIMARIA **********************************/
/************************************************************************************/
.una-columna-datos{
	margin-top:50px;	
}
.caja-unacolumna{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-top:80px;
}
.iconos-datos3{
	width:7%;
	align-items:flex-end;	
}
.iconos-datos3 img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-datos3{
	width:89%;	
}
.txt-datos3 h2{
	font-family:'verdana', sans-serif;
	font-size:17px;
	margin:0;	
}
.txt-datos3 ul{
	list-style:outside;	
	margin-left:18px;
}
.plan-estudio a{
	width:91px;
	display:flex;
	flex-direction:column;	
	margin:auto;	
	margin-top:40px;		
}
.plan-estudio a img{
	display:block;
	width:91px;
	height:88px;
	margin:auto;
}
.plan-estudio p{
	text-align:center;	
	font-weight:bold;
}
/*
.tabla-primaria{
	display:flex;
	flex-direction:row;
	background:#4d8c3f;
	margin:3% 0 0 0;
}
.tabla-primaria p{
	color:#fff;	
}
.tabla-primaria .tabla-n{
	width:8.333%;		
}
.tabla-primaria .tabla-area{
	width:50%;	
}
.tabla-primaria .tabla-grados{
	width:6.946%;	
}
*/
/************************************************************************************/
/******************************* ESTILOS SECUNDARIA *********************************/
/***********************************************************************************
.tabla-secundaria{
	display:flex;
	flex-direction:row;
	background:#4d8c3f;
	margin:3% 0 0 0;
}
.tabla-secundaria p{
	color:#fff;	
}
.tabla-secundaria .tabla-n{
	width:8.333%;		
}
.tabla-secundaria .tabla-area{
	width:50%;	
}
.tabla-secundaria .tabla-grados{
	width:8.333%;	
}*/
.tabla-plan-estudios-secundaria{
	margin:6% 0 0 0;	
}
/************************************************************************************/
/***************************** ESTILOS AREA PASTORAL ********************************/
/************************************************************************************/
.caja-pastoral{
	width:56%;
	margin-top:15%;	
}
.caja-pastoral .unacolumna-pastoral .txt-datos{
	margin-bottom:5%;
}
.caja-pastoral .una-columna-datos{
	margin:0;
}
.caja-pastoral .txt-datos3{
	width:100%;	
}
.conoce-mas{
	margin-top:6%;	
}
.conoce-mas a{
	width:306px;
	display:flex;
	flex-direction:column;	
	margin:auto;	
	margin-top:40px;
	transition:all 0.3s;		
}
.conoce-mas a:hover{
	transform:scale(1.2,1.2);	
}
.conoce-mas a img{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
.conoce-mas p{
	text-align:center;	
	font-weight:bold;
}
.dos-colum{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.evaluacion-izq, .evaluacion-der{
	width:49%;	
}

#cuerpo-iglesia{
	width:95%;
	display:block;	
	margin:auto;
	padding:10px 8.5% 50px 8.5%;	
}
#cuerpo-iglesia h1{
	font-size:25px;
	text-align:center;	
}
#cuerpo-iglesia h3{
	font-size:20px;
}
#cuerpo-iglesia ul{
	list-style:inside;	
}
#cuerpo-iglesia ul li{
	line-height:30px;	
}
.unacolum-iglesia{
	margin:0 0 5% 0;	
}
.unacolum-iglesia ul{
	list-style:outside;	
}
.unacolum-iglesia ul li{
	line-height:30px;	
}
.doscolum-iglesia{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.colum-iglesia{
	width:47%;	
}
.psicologia h2{
	font-size:20px !important;	
}
/************************************************************************************/
/******************************* ESTILOS PSICOLOGIA *********************************/
/************************************************************************************/
#cuerpo2{
	width:95%;
	margin:auto;
	padding:0 8.5% 8% 8.5%;	
}
#cuerpo2 h2{
	font-size:20px !important;	
}
.caja-psicologia{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;	
}
.actividades-psico{
	width:48%;
	display:flex;
	flex-direction:row;	
	justify-content:space-between;
}
.iconos-actividad{
	width:25%;	
}
.iconos-actividad img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-actividad{
	width:70%;		
}
.subtitulo-subactividades{
	width:100%;	
	margin:5% 0 2% 0;
}
.subactividades-psico{
	width:32%;	
	display:flex;
	flex-direction:row;	
	justify-content:space-between;	
}
.iconos-subactividad{
	width:35%;	
}
.iconos-subactividad img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-subactividad{
	width:58%;	
}
.txt-actividad ul{
	list-style:outside;	
	padding:0 0 0 3%
}
.txt-subactividad ul{
	list-style:outside;
	padding:0 0 0 6%	
}
.caja-psicologia ul li, .caja-psicologia ul li{
	line-height:30px;
}
/************************************************************************************/
/************************* ESTILOS BENEFICIOS - SERVICIOS ***************************/
/************************************************************************************/
#cuerpo-beneficios{
	width:95%;	
	display:flex;
	flex-direction:column;
	margin:auto;
	padding:55px 8.5%;	
}
.caja-beneficios{
	width:100%;	
}
.titulo-beneficios{
	display:block;
	width:30%;	
	margin-bottom:40px;
}
.caja-construccion{
	width:60%;
	margin:auto;	
}
.caja-construccion img{
	display:block;
	width:100%;
	height:auto;
}
/************************************************************************************/
/********************************* ESTILOS GALERIA **********************************/
/************************************************************************************/
.caja-albumes-galeria{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;	
	margin-top:50px;
}
.album-galeria{
	display:block;
	width:30%;	
	margin-bottom:50px;
}
.album-galeria img{
	display:block;
	width:100%;
	height:auto;	
}
.album-galeria p{
	text-align:center;
	margin-top:20px;
}
.album-galeria .fecha{
	width:123px;
	margin:auto;	
	margin-top:10px;	
}
/************************************************************************************/
/******************************** ESTILOS CONTACTO **********************************/
/************************************************************************************/
.columna-mapa{
	width:45%	
}
.columna-mapa .titulo-bienvenida{
	width:54%;	
}
.caja-mapa{
	width:100%;
	height:555px;	
	border:2px solid #103D2A;
}
.mapa{
	width:100%;
	height:550px;		
}
.columna-formulario{
	width:50%;	
}
#caja-contacto h2{
	text-align:center;	
}
.telefonos-contacto{
	width:70%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	margin:auto;
}
.correo-contacto, .subtitulo-contacto{
	text-align:center;
	margin:15px 0;	
}
.horarios-contac{
	text-align:center;
}
.horarios-contac-mobil{
	display:none;	
}
.horarios-contac-mobil2{
	display:none;	
}
#fcontacto{
	padding:30px;
	background:#EFEFEF;	
}
#doscolums{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
#doscolums p{
	width:49%;
	color:#96999E;
	margin-bottom:30px;
}
#unacolum p{
	color:#96999E;
	margin-bottom:30px;
}
.campos{
	width:100%;
	height:45px;
	line-height:43px;
	padding:0 10px;
	border:1px solid #434343;
	background:#fff;
	color:#96999E;
}
.comentarios{
	width:100%;
	height:200px;
	padding:10px;
	border:1px solid #434343;
	background:#fff;
	color:#96999E;
}
.boton{
	display:block;
	width:240px;
	height:70px;
	border-radius:25px;
	background:#103D2A;
	margin:auto;
	margin-top:45px;	
	cursor:pointer;
	padding:8px;
	transition:all 0.3s;
}
.boton .letras-boton{
	display:block;
	width:220px;
	height:54px;
	margin:auto;
	line-height:54px;
	border:1px solid #fff;
	border-radius:20px;
	text-align:center;
	color:#fff;	
	background:#103D2A;
	cursor:pointer;
	transition:all 0.3s;
}
.boton:hover{
	background:#071F15;	
}
.boton .letras-boton:hover{
	background:#071F15;	
}
#advertencia{
	color:#103D2A !important;
	margin:20px 0;
	font-family: 'Built Titling Sb', sans-serif;
	font-size:25px;
	font-weight:normal;
}
/************************************************************************************/
/******************************** ESTILOS ADMISION **********************************/
/************************************************************************************/
#cuerpo-admision{
	width:95%;
	display:block;
	margin:auto;
	padding:55px 8.5%;	
}
.columna-titulo-admision{
	width:45%;	
}
.columna-titulo-admision .titulo-bienvenida{
	width:54%;	
}
#cuerpo-admision h1{
	font-size:33px;
	color:#0C3F25;	
	text-align:center;
}
.imagen-admision{
	width:100%;	
}
.imagen-admision img{
	display:block;
	width:100%;
	height:auto;	
}
.columnas-etapas{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.caja-etapas{
	width:49%;	
}
.titulo-etapa{
	display:flex;
	flex-direction:column;	
	padding:10px;
	background:#D8D9DD;	
}
.titulo-etapa h2{
	font-family:'verdana', sans-serif;
	font-size:30px;	
	font-weight:bold;
	margin:0;
	display:flex;
	align-self:center;
}
.titulo-etapa p{
	font-family:'verdana', sans-serif;
	font-size:18px;	
	font-weight:bold;	
	display:flex;
	align-self:center;
	margin:0 0 0 10px;
}
.txt-etapa{
	margin-top:20px;	
}
.txt-etapa ul{
	display:block;
	width:90%;
	margin-left:15px;	
}
.txt-etapa ul li{
	list-style:outside;	
	line-height:23px;
	text-align: justify;
}
.enlaces-admision{
	font-weight: bold;
}
.nota-etapa{
	border:3px solid #0C3F25;
	padding:15px;
	margin:15px 0;	
}
.nota-etapa p{
	text-align:center;
	font-weight:bold;
	margin:0;	
}
#admin-unacolum h4{
	font-family:'verdana', sans-serif;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	color:#0C3F25;	
	margin:0;
}
.doc-admin{
	font-size:14px;
	text-align:center;
	margin:10px 0;
}
.desglose{
	background:#086738;
	padding:10px;	
	border-collapse:separate;
	margin:15px 0;
}
.desglose-mobil{
	display:none;
}
.desglose-mobil2{
	display:none;
}
.columnas-desglose{
	border:dashed #fff;
	padding:10px 40px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.txt-desglose{
	display:block;
	margin:auto;	
}
.txt-desglose p{
	display:block;
	color:#fff;	
	text-align:center;	
}
.nota-admision{
	font-weight:bold;	
	text-align:center;
}
.horarios{
	font-family:'Androgyne', sans-serif;
	font-size:20px;
	text-align:center;
	margin-bottom:30px;
}
.horarios-mobil{
	display:none;	
}
.horarios-mobil2{
	display:none;	
}
.imagen-colum-admision1{
	width: 100%;
	margin: 15% 0 0 0;
}
.imagen-colum-admision2{
	width: 100%;
	margin: 5% 0 0 0;
}
.imagen-colum-admision1 img, .imagen-colum-admision2 img{
	display: block;
	width: 100%;
	height: auto;
}
/************************************************************************************/
/******************************* ESTILOS MATRICULA **********************************/
/************************************************************************************/
#cuerpo-admision{
	width:95%;
	display:block;
	margin:auto;
	padding:55px 8.5%;	
}
.columna-titulo-admision{
	width:45%;	
}
.columna-titulo-admision .titulo-bienvenida{
	width:54%;	
}
.columna-texto-admision{
	width:50%;	
}
.imagen-admision{
	width:100%;	
}
.imagen-admision img{
	display:block;
	width:100%;
	height:auto;	
}
#caja-contacto h3{
	text-align:center;
	margin:30px 0;	
}
.txt-doscolumnas{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	margin-bottom:50px;
}
.subtitulos-admision{
	width:35%;	
}
.subtitulos-admision img{
	display:block;
	width:100%;
	height:auto;		
}
.requisitos-admision{
	width:61%;
	list-style:outside;
}
.requisitos-admision li{
	text-align:justify;	
}
.requisitos-admision h4{
	text-align:left;
	font-size:18px;	
}
.requisitos-admision p{
	margin-bottom:20px;	
}
.requisitos-pension{
	width:100%;
	list-style:outside;
}
.requisitos-pension li{
	text-align:justify;	
}
.boton-pension a{
	width:466px;
	display:flex;
	flex-direction:column;	
	margin:auto;	
	transition:all 0.3s;		
}
.boton-pension a:hover{
	transform:scale(1.1,1.1);	
}
.boton-pension a img{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
/************************************************************************************/
/************************ ESTILOS PENSION CALENDARIZACION ***************************/
/************************************************************************************/
/*
.caja-pension{
	width:96%;
	margin:auto;	
}
.pension-dosclumnas{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.txt-datos-pension{
	margin:30px 0;
	max-width:500px;	
}
.txt-datos-pension h2{
	font-family:'verdana', sans-serif;
	font-size:17px;
	margin:0;	
}
.txt-datos-pension p{
	text-align:left;	
}
*/
#pension-calendarizacion{
	width:95%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:auto;
	padding:5% 6.5%;	
}
.columna-pension{
	width:48%;
	height:400px !important;
	background:#dbdce0;	
	padding:5% 1.5%;
}
.caja-calendarizacion{
	width:50%;	
}
.columna-calendarizacion{
	width:48%;	
	background:#dbdce0;	
	padding:5% 1.5%;
}
.caja-texto-pension{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.subtitulos-pension{
	width:45%;
	margin:-22% auto 8% auto;	
}
.subtitulos-pension img{
	display:block;
	width:100%;
	height:auto;	
}
.subtitulos-calendarizacion{
	width:45%;
	margin:-22% auto 8% auto;	
}
.subtitulos-calendarizacion img{
	display:block;
	width:100%;
	height:auto;	
}
/************************************************************************************/
/***************************** ESTILOS BLOG NOTICIAS ********************************/
/************************************************************************************/
#cuerpo-blog{
	width:95%;
	display:flex;
	flex-direction:column;	
	margin:auto;
	padding:55px 8.5%;	
}
.noticia{
	width:46%;
	display:flex;
	flex-direction:row;	
	justify-content:space-between;	
	margin-bottom:70px;	
}
.imagen-noticia{
	width:53%;	
}
.imagen-noticia img{
	display:block;
	width:100%;
	height:auto;	
}
.texto-noticia{
	width:44%;	
}
.texto-noticia a{
	display:block;
	padding:8px;
	text-align:center;
	color:#fff;
	background:#103D2A;
}
.texto-noticia p{
	font-size:17px;
	text-align:left;
	color:#8C9396;
	margin:30px 0;	
}
.fecha{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;	
	align-items:baseline;
	margin-top:70px;
}
.fecha i{
	display:block;
	font-size:26px;
	height:30px;
	color:#585858;	
}
.fecha p{
	font-size:15px;
	margin:0;	
}
.no-resultados{
	width:80%;
	padding:100px 0 130px 0;
	margin:auto;	
}
.no-resultados h1{
	color:#103D2A;
	text-align:center;	
}
.pagination{
	height:36px;
	display:flex;
	align-self:center;
	margin:15px 0;	
}
.pagination ul{
	border-radius:6px;
	display:inline-block;
	margin:auto;
	padding:0;
	margin-bottom:10px;	
}
.pagination li{
	display:inline;	
}
.pagination li a{
	border-color:#ddd;
	border-style:solid;
	border-width:1px 1px 1px 0;
	float:left;
	line-height:34px;
	padding:0 14px;
	cursor:pointer;
}
.pagination li a:hover, .pagination .active a{
	color:#ED2124;
	outline:0;
}
.pagination .active a{
	color:#ED2124;
	cursor:default;	
}
.pagination li:first-child a{
	border-left-width:1px;
	border-radius:3px 0 0 3px;
}
.pagination li:last-child a{
	border-radius:0 3px 3px 0;	
}
/************************************************************************************/
/**************************** ESTILOS DETALLE NOTICIA *******************************/
/************************************************************************************/
#detalle-noticia{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.imagen-detalle-noticia{
	width:45%;	
}
.texto-detalle-noticia{
	width:50%;	
}
.texto-detalle-noticia h1{
	display:block;
	padding:12px 30px;
	color:#fff;
	background:#103D2A;
	margin:0;
}
.texto-detalle-noticia h2{
	font-size:20px;
	color:#8C9396;

}
.texto-detalle-noticia .fecha{
	margin:30px 0;	
}
.volver{
	display:block;
	width:308px;
	margin:50px auto;	
	transition:all 0.3s;
}
.volver img{
	display:block;
	width:100%;
	height:auto;		
}
.volver:hover{
	transform:scale(1.1,1.1);	
}
/************************************************************************************/
/********************************* ESTILOS C.O.F. ***********************************/
/************************************************************************************/
.caja-cof{
	width:33%;	
	display:flex;
	flex-direction:column;
}
.titulo-cof{
	display:block;
	width:85%;	
	margin-bottom:40px;
}
.titulo-cof img{
	display:block;
	width:100%;
	height:auto;	
}
.txt-historia h1{
	font-size:19px;		
}
.txt-historia h2{
	font-size:17px;
	font-weight:normal;	
	font-weight:bold;
}
.margen-imagen-cof{
	height:50px;	
}
.horarios-cof{
	margin-top:30px;
	text-align:center;	
	line-height:25px;
}
.horarios-cof span{	
	font-weight:bold;
	color:#103D2A;	
}
.horarios-cof-mobil{
	display:none;	
}
/************************************************************************************/
/************************* ESTILOS LIBRO DE RECLAMACIONES ***************************/
/************************************************************************************/
.caja-reclamaciones{
	width:70%;
	margin:auto;	
}
/************************************************************************************/
/******************************** ESTILOS HOJA RECLAMO ******************************/
/************************************************************************************/
.tabla-reclamaciones{
	width:90%;
	margin:auto;
	border:3px solid #474747;	
}
.doscolum-reclamo{	
	display:flex;
	flex-direction:row;	
}
.izq-reclamo, .der-reclamo{
	width:50%;
	border:1px solid #474747;		
}
.datos-colegio-reclamo div{
	border:1px solid #474747;	
}
/************************************************************************************/
/*******************************ESTILOS PARA 1680 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1680px){
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	.caja-boton-texto-video{
		width:320px;
		top:35%;
		right:13%;	
	}
	.video-play-button {	
	  box-sizing: content-box;
	  display: block;
	  width: 32px;
	  height: 44px;
	  border-radius: 50%;
	}
	
	.video-play-button:before {
	  left: 50%;
	  top: 50%;
	  width: 120px;
	  height: 120px;
	}
	
	.video-play-button:after {
	  left: 50%;
	  top: 50%;
	  width: 120px;
	  height: 120px;
	}
	.video-play-button span {
	 	 border-left: 32px solid #fff;
		border-top: 22px solid transparent;
		border-bottom: 22px solid transparent;
	}
	/*
	.boton-play{
		width:150px;
		height:150px;
	}
	.boton-play a{
		width:110px;
		height:110px;
	}
	.boton-play a i{
		font-size:45px;
	}
	*/
	.caja-boton-texto-video p{
		font-size:35px;		
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA NOSOTROS *********************************/
	/************************************************************************************/
	#cuerpo{		
		padding:55px 6.5%;	
	}		
	.texto-bienvenida p{
		font-size:15px;	
	}	
	.imagen-bienvenida{			
		
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA FILOSOFIA ********************************/
	/************************************************************************************/	
	.caja-mvl{
		width:59%;	
	}
	.txt-mv p{
		font-size:15px;	
	}
	#cuerpo-logros{		
		padding:10px 6.5% 50px 6.5%;	
	}
	.txt-logros h1{
		font-size:16px;	
	}
	.txt-logros p{
		font-size:15px;	
	}
	/************************************************************************************/
	/************************* ESTILOS POLITICAS Y OBJETIVOS ****************************/
	/************************************************************************************/
	.caja-politicas-objetivos{
		width:59%;	
	}		
	.txt-po p{
		font-size:15px;	
	}
	/************************************************************************************/
	/******************************** ESTILOS HISTORIA **********************************/
	/************************************************************************************/
	.txt-historia p{
		font-size:15px;
	}
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/
	.txt-datos p{
		font-size:15px;
	}
	.txt-datos ul li{
		font-size:15px;
	}
	.txt-datos2 p{
		font-size:15px;
	}
	.txt-datos2 ul li{
		font-size:15px;
	}
	/************************************************************************************/
	/******************************** ESTILOS PRIMARIA **********************************/
	/************************************************************************************/
	.txt-datos3 p{
		font-size:15px;
	}
	.txt-datos3 ul li{
		font-size:15px;
	}
	/************************************************************************************/
	/******************************* ESTILOS PSICOLOGIA *********************************/
	/************************************************************************************/
	#cuerpo2{
		width:95%;
		padding:0 6.5% 6% 6.5%;	
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	#cuerpo-admision{		
		padding:55px 6.5%;	
	}
	
	/************************************************************************************/
	/***************************** ESTILOS BLOG NOTICIAS ********************************/
	/************************************************************************************/
	.texto-noticia p{
		font-size:15px;			
	}
	.fecha{		
		margin-top:50px;
	}	
	/************************************************************************************/
	/********************************* ESTILOS C.O.F. ***********************************/
	/************************************************************************************/	
	.horarios-cof{
		font-size:15px;	
	}
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	.telefonos-contacto{
		width:100%;			
	}
	.telefonos-contacto p{
		font-size:16px;	
	}
	.telefonos-contacto p a{
		font-size:15px;	
	}
	.correo-contacto, .subtitulo-contacto{		
		font-size:16px;	
	}
}
/************************************************************************************/
/*******************************ESTILOS PARA 1366 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1366px){
	/************************************************************************************/
	/*************************** ESTILOS PARA LA CABECERA *******************************/
	/************************************************************************************/
	#informes{	
		padding:5px 40px 7px 40px;
	}
	.telefonos-informes{
		width:600px;
	}
	.caja-informes span{
		margin:3px 10px 0 10px;	
	}
	.caja-informes p{
		font-size:13px;	
		margin-top:3px;
	}
	.caja-informes a{
		font-size:13px;	
		margin-top:3px;	
	}
	input[type="search"]{
		width: 30px; /*ancho por defecto*/
		background: #103D2A url(../imagen/search-icon.png) no-repeat 9px center; /*icono lupa*/
		background-size:20px;
		padding: 6px 10px 6px 32px;
		border-radius: 11em;
	}
	input[type="search"]:focus{
		width: 130px; /*tamaño del boton buscar al hacer click*/
		padding-left: 50px; /*espacio entre el icono lupa y el placeholder*/
	}
	#cabecera{
		max-width:1200px;	
	}
	.logo{
		width:110px;
		height:110px;
	}
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	.caja-boton-texto-video{
		width:300px;
		top:40%;
		right:22%;	
	}	
	/*
	.boton-play{
		width:135px;
		height:135px;
	}
	.boton-play a{
		width:99px;
		height:99px;
	}
	.boton-play a i{
		font-size:40px;
	}*/
	.caja-boton-texto-video p{
		font-size:35px;
		margin:12% 0 0 15% !important;	
	}
	/************************************************************************************/
	/*************************** ESTILOS PARA PIE PAGINA ********************************/
	/************************************************************************************/
	.guiapago{
		margin-bottom:20px;	
	}
	.guiapago a{
		margin-left:40px;	
	}	
	.colum-izq{
		width:22%;	
	}
	.datos-colegio{
		width:90%;
		margin-left:40px;	
	}
	.datos-colegio p{
		font-size:14px;
	}	
	.colum-der{
		width:280px;	
		margin-right:40px;
	}
	.sociales-pie{
		width:240px;
		margin-right:5px;
	}
	.sociales-pie li .icono-messenger{
		width:28px;	
	}
	.sociales-pie li a i{
		font-size:30px;	
	}
	.text-copy{
		font-size:10px;
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA NOSOTROS *********************************/
	/************************************************************************************/	
	.titulo-oculto{
		display:none;
	}	
	.caja-titulo-portada{
		top:30%;
	}
	.titulo-portada{
		width:24%;
		padding:3% 0 3.5% 0 !important;	
	}
	.p-ancho{
		width:30%;
	}
	.p-ancho2{
		width:37%;
	}
	.titulo-portada h1{
		font-size:48px;
	}
	.subrayado{
		width:80px;
	}
	.imagen-bienvenida{
		width:59%;			
		margin-bottom:33%;
	}
	.boton-whatsapp{
		width:18%;		
		bottom:20%;	
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA FILOSOFIA ********************************/
	/************************************************************************************/	
	.mision-vision{
		flex-direction:row;		
		margin-bottom:0;
	}
	/************************************************************************************/
	/************************* ESTILOS POLITICAS Y OBJETIVOS ****************************/
	/************************************************************************************/
	
	/************************************************************************************/
	/******************************** ESTILOS HISTORIA **********************************/
	/************************************************************************************/
	.imagen-historia{
		width:55%;	
	}
	
	/************************************************************************************/
	/***************************** ESTILOS PARA INICIAL *********************************/
	/************************************************************************************/
	.instalaciones{
		font-size:37px;
		margin:15px 0 0 0;	
	}
	.datos{
		width:49.5%;	
	}
	/************************************************************************************/
	/***************************** ESTILOS AREA PASTORAL ********************************/
	/************************************************************************************/
	.caja-pastoral{
		width:56%;
		margin-top:15%;	
	}
	/************************************************************************************/
	/********************************* ESTILOS GALERIA **********************************/
	/************************************************************************************/
	.album-galeria p{
		font-size:15px;
	}
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	.columna-mapa{
		width:45%	
	}
	.columna-mapa .titulo-bienvenida{
		width:60%;	
	}
	
	.columna-formulario{
		width:50%;	
	}
	#caja-contacto h2{
		font-size:21px;	
	}
	.telefonos-contacto{
		width:100%;			
	}
	.telefonos-contacto p{
		font-size:15px;	
	}
	.telefonos-contacto p a{
		font-size:14px;	
	}
	.correo-contacto, .subtitulo-contacto{		
		font-size:15px;	
	}
	#doscolums{
		flex-direction:row;		
	}
	#doscolums p{
		width:49%;		
		margin-bottom:30px;
	}
	#unacolum p{		
		margin-bottom:30px;
	}
	.campos{
		height:45px;
		line-height:43px;
		padding:0 10px;		
	}
	.comentarios{		
		height:200px;
		padding:10px;		
	}
	.boton{		
		width:240px;
		height:70px;
		border-radius:25px;		
		margin-top:45px;		
		padding:8px;
	}
	.boton .letras-boton{
		width:220px;
		height:54px;		
		line-height:54px;		
		border-radius:20px;
	}
	#advertencia{
		margin:20px 0;
		font-size:30px;
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	.txt-desglose p{
		font-size:14px;
	}
	.nota-admision{
		font-weight:bold;	
	}
	/************************************************************************************/
	/***************************** ESTILOS BLOG NOTICIAS ********************************/
	/************************************************************************************/
	.texto-noticia p{			
		margin:20px 0;	
	}
	.fecha{
		margin-top:0px;
	}
	/************************************************************************************/
	/********************************* ESTILOS C.O.F. ***********************************/
	/************************************************************************************/
	.caja-cof{
		width:42%;	
		display:flex;
		flex-direction:column;
	}
	.titulo-cof{
		display:block;
		width:67%;	
		margin-bottom:40px;
	}
	.titulo-cof img{
		display:block;
		width:100%;
		height:auto;	
	}
	.txt-historia h1{
		font-size:17px;	
		text-align:justify;
	}
	.txt-historia h1 span{
		font-size:15px;
		font-weight:normal;
		text-align:justify;
	}
	.txt-historia h2{
		font-size:15px;
		font-weight:normal;	
	}
	.margen-imagen-cof{
		height:50px;	
	}
	/************************************************************************************/
	/************************ ESTILOS PENSION Y CALENDARIZACION *************************/
	/************************************************************************************/
	.pension-izq p, .pension-der p{
		font-size:13px;	
	}
}
/************************************************************************************/
/*******************************ESTILOS PARA 1280 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1280px){
	#cabecera{
		padding:10px 20px;
	}
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	.caja-boton-texto-video{
		width:260px;
		top:44%;
		right:13%;	
	}
	.video-play-button {	
	  box-sizing: content-box;
	  display: block;
	  width: 25px;
	  height: 28px;
	  border-radius: 50%;
	}
	
	.video-play-button:before {
	  left: 50%;
	  top: 50%;
	  width: 100px;
	  height: 100px;
	}
	
	.video-play-button:after {
	  left: 50%;
	  top: 50%;
	  width: 100px;
	  height: 100px;
	}
	.video-play-button span {
	 	 border-left: 22px solid #fff;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
	}
	/*
	.boton-play{
		width:100px;
		height:100px;
	}
	.boton-play a{
		width:74px;
		height:74px;		
	}
	.boton-play a i{
		font-size:30px ;
	}*/
	.caja-boton-texto-video p{
		font-size:30px;
		margin:30% 0 0 0 !important;
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA NOSOTROS *********************************/
	/************************************************************************************/
	#cuerpo{		
		padding:55px 4%;	
	}
	.boton-admision{		
		top:45%;		
	}
	.texto-bienvenida p{
		font-size:13px;	
	}	
	.imagen-bienvenida{	
		align-self:center;		
		margin-bottom:5%;
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA FILOSOFIA ********************************/
	/************************************************************************************/	
	#cuerpo-logros{		
		padding:10px 4% 50px 4%;	
	}
	
	#cuerpo-admision{		
		padding:55px 4%;	
	}
	/************************************************************************************/
	/********************************* ESTILOS C.O.F. ***********************************/
	/************************************************************************************/	
	.horarios-cof{
		font-size:13px;	
	}
}
/************************************************************************************/
/*******************************ESTILOS PARA 1024 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1024px){
	#cabecera{
		padding:10px;
	}
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	.caja-boton-texto-video{
		width:200px;
		top:44%;
		right:13%;	
	}
	.video-play-button {	
	  box-sizing: content-box;
	  display: block;
	  width: 25px;
	  height: 28px;
	  border-radius: 50%;
	}
	
	.video-play-button:before {
	  left: 50%;
	  top: 50%;
	  width: 80px;
	  height: 80px;
	}
	
	.video-play-button:after {
	  left: 50%;
	  top: 50%;
	  width: 80px;
	  height: 80px;
	}
	.video-play-button span {
	 	 border-left: 22px solid #fff;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
	}
	.caja-boton-texto-video p{
		font-size:25px;
		margin:30% 0 0 0 !important;
	}
	.video-overlay iframe {
		width: 95%;	
		height:60% !important;
		/*max-height:50% !important;*/	
	}
	/************************************************************************************/
	/*************************** ESTILOS PARA PIE PAGINA ********************************/
	/************************************************************************************/
	#pie-pagina{
		flex-direction:row;		
		padding:30px 0;
	}
	.guiapago{
		width:225px;
		margin-bottom:20px;	
	}
	.guiapago a{
		font-size:13px;
		margin-left:20px;	
	}	
	.colum-izq{
		width:22%;	
	}
	.datos-colegio{
		width:90%;
		margin-left:20px;	
	}
	.datos-colegio p{
		font-size:14px;
	}	
	.colum-der{
		width:20%;	
		margin-right:20px;
	}
	.colum-der p{
		font-size:13px;	
	}
	.instituciones{	
		flex-direction:row;		
	}
	.sociales-pie{
		width:200px;
		flex-direction:row;		
		margin-right:0;
	}
	.sociales-pie li a i{
		font-size:27px;	
	}
	.text-copy{
		margin-top:20px;
		font-size:10px;
	}
	/************************************************************************************/
	/***************************** ESTILOS PARA INICIAL *********************************/
	/************************************************************************************/
	.instalaciones{
		font-size:30px;		
	}
	/************************************************************************************/
	/********************************* ESTILOS GALERIA **********************************/
	/************************************************************************************/
	.album-galeria p{
		font-size:12px;
	}
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	#caja-contacto h2{
		font-size:16px;	
	}	
	.telefonos-contacto p{
		font-size:14px;	
	}
	.telefonos-contacto p a{
		font-size:13px;	
	}
	.correo-contacto, .subtitulo-contacto{		
		font-size:14px;	
	}	
	#advertencia{
		margin:20px 0;
		font-size:17px;
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	.boton-pension a{
		width:300px;
	}
	/************************************************************************************/
	#cuerpo-admision h1{
		font-size:25px;		
	}	
	.titulo-etapa h2{		
		font-size:30px;		
	}
	.titulo-etapa p{		
		font-size:14px;			
	}
	.txt-etapa p{
		font-size:14px;		
	}
	.txt-etapa ul li{
		font-size:14px;
		line-height:18px;
	}
	.nota-etapa{
		padding:15px;
	}
	.nota-etapa p{
		font-size:14px;	
	}
	.txt-etapa h4{
		font-size:18px;		
	}
	.txt-etapa p strong{
		font-size:12px;
		margin:10px 0;
	}
	.desglose{
		padding:10px;		
	}
	.columnas-desglose{
		padding:10px;			
	}
	.txt-desglose p{
		font-size:11px;
	}
	/************************************************************************************/
	/***************************** ESTILOS BLOG NOTICIAS ********************************/
	/************************************************************************************/
	.noticia{
		width:47%;
		flex-direction:row;			
	}
	.imagen-noticia{
		width:55%;	
	}
	.texto-noticia{
		width:42.5%;	
	}
	.texto-noticia a{
		font-size:13px;
		padding:8px;		
	}
	.texto-noticia p{
		font-size:13px;		
		margin:15px 0;	
	}	
	.fecha i{
		font-size:21px;
		height:25px;		
	}
	.fecha p{
		font-size:13px;		
	}
}
/************************************************************************************/
/*******************************ESTILOS PARA 800 ************************************/
/************************************************************************************/
@media only screen and (max-width:800px){
	/************************************************************************************/
	/*************************** ESTILOS PARA LA CABECERA *******************************/
	/************************************************************************************/
	#informes{
		padding:10px 10px;
	}
	.caja-informes{
		width:99%;
		margin:auto;
	}
	.caja-informes span{
		margin: 0 10px;		
	}
	.caja-informes p{
		font-size:12px;
	}
	.caja-informes a{
		font-size:12px;
	}
	/************************************************************************************/	
	#cabecera{
		padding:0;	
	}
	.caja-cabecera{
	
		flex-direction:column;	
		padding-top:20px;	
	}
	.logo{
		width:50%;
		height:auto;
		margin:0 auto;
	}
	.telefonos-informes{	
		width:100%;
		flex-wrap:wrap;
	}
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	#portada-video-home .portada-video-pc{
		display:none;			
	}
	#portada-video-home .portada-video-movil{
		display:block;
		width:100%;
		height:auto;		
	}
	.caja-boton-texto-video{
		width:100%;
		top:44%;
		right:0;	
	}
	.video-play-button {	
	 position: absolute;
	  z-index: 10;
	  top: 0;
	  left: 50%;
	  box-sizing: content-box;
	  display: block;
	  width: 22px;
	  height: 24px;
	  border-radius: 50%;
	}
	
	.video-play-button:before {
	  left: 50%;
	  top: 50%;
	  width: 80px;
	  height: 80px;
	}
	
	.video-play-button:after {
	  left:50%;
	  top: 50%;
	  width: 80px;
	  height: 80px;
	}
	.video-play-button span {
		border-left: 22px solid #fff;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
	}
	/*
	.boton-play{
		width:100px;
		height:100px;
		background:rgba(255,255,255,0.4);
		margin:auto;
	}
	.boton-play a{
		width:74px;
		height:74px;		
	}
	.boton-play a i{
		font-size:30px ;
	}
	*/
	.caja-boton-texto-video p{
		font-size:30px;
		text-align:center;
		color:#1D5720;
		margin:15% 0 0 0 !important;	
	}
	/************************************************************************************/
	/*************************** ESTILOS PARA PIE PAGINA ********************************/
	/************************************************************************************/
	#pie-pagina{
		flex-direction:column;		
		padding:30px 0;
	}
	.colum-izq{
		width:80%;	
		order:2;
		margin:20px auto;
	}
	.guiapago{
		width:205px;
		margin:auto;
		margin-bottom:20px;	
	}
	.guiapago a{
		margin-left:0;
		text-align:center;	
	}
	.datos-colegio{
		width:90%;
		margin-left:0;
		margin:auto;	
	}
	.datos-colegio p{
		text-align:center;
	}	
	.colum-centro{
		display:none;
		/*
		display:block;
		width:90%;
		order:1;
		margin:auto;		
		*/	
	}
	.colum-der{
		width:90%;	
		margin-right:0;
		margin:auto;
		order:3;
	}
	.colum-der p{		
		text-align:center;	
	}
		
	.sociales-pie{
		width:220px;
		margin-right:0;
		margin:auto;
	}	
	/************************************************************************************/
	/***************************** ESTILOS PARA NOSOTROS ********************************/
	/************************************************************************************/	
	#banner-interno{
		display:block;
		width:100%;
		height:auto;
		position:relative;	
	}
	#banner-interno .banner-interno-pc{
		display:none;			
	}
	#banner-interno .banner-interno-mobil{
		display:block;
		width:100%;
		height:auto;	
	}
	.caja-titulo-portada{
		top:30%;
	}
	.titulo-portada{
		width:200px;
		padding:3% 0 3.5% 0 !important;	
		border:2px solid #fff;
	}
	.p-ancho{
		width:400px;
	}
	.p-ancho2{
		width:500px;
	}
	.titulo-portada h1{
		font-size:45px;
	}
	.subrayado{
		width:80px;
		height:1px;
		margin:1% auto 0 auto;	
	}
	#caja-nosotros{
		width:80%;		
		flex-direction:column;		
	}
	.imagenes-nosotros{
		width:100%;
		margin:0 0 20% 0;
	}	
	/************************************************************************************/
	/*************************** ESTILOS PARA BIENVENIDA ********************************/
	/************************************************************************************/
	#cuerpo{	
		width:90%;
		flex-direction:column;	
		padding:55px 4%;	
	}
	#cuerpo .cuerpo-bienvenida{
		padding:55px 4% 1% 4% !important;
	}
	.fondo-bienvenida{	
		width: 100%;
		padding: 5% 0 0 0;
		background: url(../imagen/fondo-san-norberto3.jpg) center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.boton-admision{
		width:75px;
		height:90px;		
		top:30%;		
	}
	.boton-admision img{
		display:block;
		width:100%;
		height:auto;	
	}
	.boton-whatsapp{
		width:150px;		
		right:0;
		bottom:15%;				
	}
	.cuerpo-bienvenida .imagen-bienvenida{
		order:1;
		margin-bottom:5%;	
	}
	.cuerpo-bienvenida .texto-bienvenida{
		order:2;	
	}
	.texto-bienvenida{
		width:100%;
		margin-bottom:30px;
	}
	.titulo-bienvenida{		
		width:50%;			
	}
	.imagen-bienvenida{
		width:100%;			
		/*margin-bottom:0;*/
	}
	.full-ancho-texto{
		width:100% !important;	
	}
	.caja-imagenes3-bienvenida{
		flex-direction:column;	
	}
	.imagenes3-bienvenida1{
		width:100%;
		margin:0 0 3% 0;
	}
	.caja-imagenes2-bienvenida{
		width:100%;	
		flex-direction:column;	
	}
	.imagenes2-bienvenida{
		width:100%;	
		margin:3% 0;
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA FILOSOFIA ********************************/
	/************************************************************************************/
	.caja-filosofia{
		width:100%;	
		margin-bottom:40px;
	}
	.titulo-filosofia{		
		width:60%;	
		margin:auto;
		margin-bottom:40px;
	}	
	.caja-mvl{
		width:100%;	
	}
	.mision-vision{
		flex-direction:column;
		margin-bottom:55px;
	}
	.mision{
		width:100%;	
		margin-bottom:40px;
	}
	.vision{
		width:100%;	
	}
	.titulos-mv{
		width:60%;
		margin-left:15%;
		margin-bottom:-35px;		
	}	
	#cuerpo-logros{	
		width:90%;
		padding:10px 4% 50px 4%;	
	}
	.logros{
		width:100%;	
	}
	.titulo-logros{
		width:60%;
		margin-left:15%;
		margin-bottom:-35px;		
	}	
	.colum-izq-logros2{
		margin-top:3%;
	}
	/************************************************************************************/
	/************************* ESTILOS POLITICAS Y OBJETIVOS ****************************/
	/************************************************************************************/
	.caja-politicas{
		width:100%;			
		margin-top:0;
		margin-bottom:40px;
	}
	.caja-politicas-objetivos{
		width:100%;	
	}
	.politicas-objetivos{
		width:100%;
		flex-direction:column;
		margin-bottom:55px;
	}
	.politicas{
		width:100%;	
		margin-bottom:50px;
	}
	.objetivos{
		width:100%;	
	}
	.titulos-po{
		width:60%;	
		margin-bottom:-40px;		
	}
	/************************************************************************************/
	/******************************** ESTILOS HISTORIA **********************************/
	/************************************************************************************/
	.imagen-historia{
		width:100%;	
	}
	/************************************************************************************/
	/************************** ESTILOS PROPUESTA EDUCATIVA *****************************/
	/************************************************************************************/
	#caja-propuesta-educativa{
		width:80%;
		display:flex;
		flex-direction:column;
		margin:auto;		
	}
	#caja-propuesta{
		width:100%;		
		flex-direction:column;			
		margin:auto;	
	}
	.imagenes-propuesta{
		display:block;
		width:100%;
		margin-bottom:55px;	
	}
	.imagenes-propuesta img{
		display:block;
		width:100%;
		height:auto;
	}
	#caja-educativa{
		width:100%;	
		flex-direction:column;			
		margin:auto;	
	}
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/	
	.titulo-inicial{
		width:60%;
	}
	.caja-inicial{
		width:100%;	
	}	
	.instalaciones{
		font-size:40px;
	}
	.caja-botones-pre-virtual{
		width:100%;
	}
	.botones-pre-virtual{
		width:320px;
		height:80px;
		border-radius:20px;
		margin:auto;
		margin-bottom:45px;
		padding:0 10px;
	}
	.botones-pre-virtual span{
		height:55px;
		line-height:55px;
		border-radius:15px;
		font-size:17px;
	}
	.cuatro-datos{		
		flex-direction:column;	
	}
	.datos{
		width:100%;		
	}	
	.dos-datos{		
		flex-direction:column;	
	}
	.caja-columnas-tablas{
		width:90%;
		flex-direction:column;
		padding: 55px 4%;
	}
	.caja-tabla-estudios{
		width:100%;
		margin:5% 0 0 0;	
	}	
	.caja-tabla-estudios{
		margin:5% 0 0 0;	
	}
	.full-ancho .iconos-datos3{
		width:6%;
		align-items:flex-end;	
	}
	.full-ancho .txt-datos3{
		width:90%;	
	}
	.full-ancho{
		width:90%;		
	}
	/*
	.tabla-inicial p{
		font-size:10px;
	}
	*/	
	
	.titulo-logros-tabla{		
		padding:15px 4px;
	}
	.titulo-logros-tabla p{
		font-size:12px;
	}	
	table.borde-tablas th{		
		padding:15px 4px;		
		font-size:12px;	
	}
	table.borde-tablas td{		
		padding:15px 20px;	
		font-size:12px;
	}	
	table.borde-tablas td p{		
		font-size:12px;
	}	
	/************************************************************************************/
	/******************************** ESTILOS PRIMARIA **********************************/
	/***********************************************************************************
	.tabla-primaria p{
		font-size:10px;
	}
	.tabla-primaria .tabla-n{
		width:7.333%;		
	}
	.tabla-primaria .tabla-area{
		width:51%;	
	}	
	*/
	/************************************************************************************/
	/******************************* ESTILOS SECUNDARIA *********************************/
	/***********************************************************************************
	.tabla-secundaria p{
		font-size:10px;
	}
	.tabla-secundaria .tabla-n{
		width:7.333%;		
	}
	.tabla-secundaria .tabla-area{
		width:51%;	
	}	
	*/	
	.full-ancho .iconos-datos3{
		width:17%;	
	}
	/************************************************************************************/
	/***************************** ESTILOS AREA PASTORAL ********************************/
	/************************************************************************************/
	.caja-pastoral{
		width:100%;
		margin-top:40px;	
	}
	/************************************************************************************/
	/******************************* ESTILOS PSICOLOGIA *********************************/
	/************************************************************************************/
	#cuerpo2{
		width:90%;
		padding:0 0 6% 0;	
	}
	.margen-abajo{
		padding: 55px 4% 0 4% !important;
	}
	#cuerpo2 h2{
		font-size:17px !important;	
	}
	.caja-psicologia{		
		flex-direction:column;
	}
	.actividades-psico{
		width:100%;
		margin:0 0 5% 0;	
	}
	.iconos-actividad{
		width:25%;	
	}	
	.txt-actividad{
		width:70%;		
	}
	.subtitulo-subactividades{
		display:none;
		/*
		width:100%;	
		margin:5% 0 2% 0;
		*/
	}
	.subactividades-psico{
		width:100%;			
		margin:0 0 5% 0;	
	}
	.iconos-subactividad{
		width:25%;	
	}	
	.txt-subactividad{
		width:70%;	
	}
	.txt-subactividad h3{
		font-size:16px;	
	}
	.txt-actividad ul{
		list-style:outside;	
		padding:0 0 0 3%
	}
	.txt-subactividad ul{
		list-style:outside;
		padding:0 0 0 6%	
	}
	.caja-psicologia ul li, .caja-psicologia ul li{
		font-size:15px;
		line-height:20px;
	}
	/************************************************************************************/
	/************************* ESTILOS BENEFICIOS Y SERVICIOS ***************************/
	/************************************************************************************/
	.caja-construccion{
		width:100%;
		margin:auto;	
	}
	/************************************************************************************/
	/********************************* ESTILOS GALERIA **********************************/
	/************************************************************************************/
	.caja-albumes-galeria{
		margin-top:20px;	
	}
	.album-galeria{
		width:45%;		
	}	
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	.columna-mapa{
		width:100%	
	}	
	.columna-formulario{
		width:100%;
		margin-top:50px;	
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	.columna-imagen-admision{
		width:100%;	
	}
	.columna-texto-admision{
		width:100%;
		margin-top:40px;	
	}
	.txt-doscolumnas{
		flex-direction:row;
		margin-bottom:50px;
	}	
	.boton-pension a{
		width:380px;	
	}		
	/************************************************************************************/
	#cuerpo-admision{	
		width:80%;
		flex-direction:column;	
		padding:55px 4%;	
	}
	.columna-titulo-admision{
		width:100%;	
	}
	#cuerpo-admision h1{
		font-size:25px;		
	}	
	.columnas-etapas{
		flex-direction:column;	
	}
	.caja-etapas{
		width:100%;	
		margin-bottom:30px;
	}
	.titulo-etapa h2{		
		font-size:30px;		
	}
	.titulo-etapa p{		
		font-size:14px;			
	}
	.txt-etapa p{
		font-size:14px;		
	}
	.txt-etapa ul li{
		font-size:14px;
		line-height:18px;
	}
	.nota-etapa{
		padding:15px;
	}
	.nota-etapa p{
		font-size:14px;	
	}
	#admin-unacolum h4{
		font-size:18px;		
	}
	.doc-admin{
		font-size:12px;		
		margin:10px 0;
	}
	.desglose{
		display:none;
	}
	.desglose-mobil{
		display:block;
		background:#086738;
		padding:10px;	
		border-collapse:separate;
		margin:15px 0;
	}	
	.columnas-desglose-mobil{
		border:dashed #fff;
		padding:10px;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	.txt-desglose-mobil{
		margin:5px 0;	
	}
	.txt-desglose-mobil p{
		display:block;
		color:#fff;	
		font-size:14px;	
		text-align:center;	 
	}
	.nota-admision{
		font-size:14px;	
	}
	.horarios{
		display:none;	
	}
	.horarios-mobil{
		display:block;
		font-family:'Androgyne', sans-serif;
		font-size:17px;
		text-align:center;	
		margin-bottom:20px;
	}
	/************************************************************************************/
	/***************************** ESTILOS BLOG NOTICIAS ********************************/
	/************************************************************************************/
	.noticia{
		width:100%;
		flex-direction:column;
		border-bottom:2px solid #103D2A;
		margin-bottom:50px;			
	}
	.imagen-noticia{
		width:100%;	
	}
	.texto-noticia{
		width:100%;
		margin-top:20px;	
	}
	/************************************************************************************/
	/********************************* ESTILOS C.O.F. ***********************************/
	/************************************************************************************/
	.caja-cof{
		width:100%;	
		display:flex;
		flex-direction:column;
	}
	.titulo-cof{
		display:block;
		width:60%;	
		margin:auto;
		margin-bottom:40px;
	}
	.titulo-cof img{
		display:block;
		width:100%;
		height:auto;	
	}
	.txt-historia h1{
		font-size:17px;	
		text-align:justify;
	}
	.txt-historia h1 span{
		font-size:15px;
		font-weight:normal;
		text-align:justify;
	}
	.txt-historia h2{
		font-size:15px;
		font-weight:normal;	
	}
	.margen-imagen-cof{
		height:50px;	
	}
	
	/************************************************************************************/
	/************************ ESTILOS PENSION CALENDARIZACION ***************************/
	/************************************************************************************/
	#pension-calendarizacion{
		width:95%;
		flex-direction:column;
		padding:5% 6.5%;	
	}
	.columna-pension{
		width:100%;
		height:auto !important;
		padding:5% 6%;
	}
	.columna-calendarizacion{
		width:100%;	
		padding:5% 6%;
		margin:20% 0 0 0;
	}
	.caja-texto-pension{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}
	.subtitulos-pension{
		width:55%;
		margin:-15% auto 8% auto;	
	}
	.subtitulos-pension img{
		display:block;
		width:100%;
		height:auto;	
	}
	.subtitulos-calendarizacion{
		width:55%;
		margin:-15% auto 8% auto;	
	}
	.subtitulos-calendarizacion img{
		display:block;
		width:100%;
		height:auto;	
	}
}
/************************************************************************************/
/*******************************ESTILOS PARA 768 ***********************************/
/************************************************************************************/
@media only screen and (max-width:768px){

}
/************************************************************************************/
/*******************************ESTILOS PARA 720  ***********************************/
/************************************************************************************/
@media only screen and (max-width:720px){
	#doscolums{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	#doscolums p{
		width:100%;
		color:#96999E;
		margin-bottom:30px;
	}	
	.no-resultados{
		width:100%;
		padding:20px 0 40px 0;		
	}
	.no-resultados h1{
		font-size:20px;
	}		
	.horarios-contac{
		display:none;	
	}
	.horarios-contac-mobil{
		display:block;	
		font-size:14px;
		text-align:center;
	}
}
/************************************************************************************/
/******************************* ESTILOS PARA 640 ***********************************/
/************************************************************************************/
@media only screen and (max-width:640px){	
	/************************************************************************************/
	/*************************** ESTILOS PARA LA CABECERA *******************************/
	/************************************************************************************/	
	#informes{
		padding:10px 40px;
	}
	.caja-informes{
		flex-direction:column;		
	}
	.telefonos-informes{
		margin:auto;	
	}
	.caja-informes span{
		margin: 0 10px;		
	}
	.cajabuscar{
		margin:10px auto 0 auto;	
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA PIE PAGINA *******************************/
	/************************************************************************************/
	.instituciones{
		display:none;	
	}
	/*
	.instituciones-movil{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;	
	}
	.instituciones-movil li{
		display:block;
		width:47%;
		margin:0 0 7% 0;	
	}
	.instituciones-movil li a img{
		display:block;
		width:100%;
		height:auto;	
	}
	.institucion-movil{
		display:block;
		width:47%;
		margin:0 auto 6% auto;	
	}
	.institucion-movil img{
		display:block;
		width:100%;
		height:auto;	
	}
	*/
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/	
	.instalaciones{
		font-size:40px;
	}
	.cuatro-datos{		
		flex-direction:column;	
	}
	.datos{
		width:100%;		
	}	
	.dos-datos{		
		flex-direction:column;	
	}
	/************************************************************************************/
	/******************************** ESTILOS FILOSOFIA *********************************/
	/************************************************************************************/	
	.txt-logros{
		flex-direction:column;		
		padding:50px 15px 30px 15px;
	}
	.colum-izq-logros{
		width:100%;	
		margin-bottom:30px;
	}
	.colum-der-logros{
		width:100%;	
	}
	.colum-izq-logros2{
		width:100%;	
		margin-top:30px;
	}
	/************************************************************************************/
	/********************************* ESTILOS GALERIA **********************************/
	/************************************************************************************/
	.caja-albumes-galeria{
		flex-direction:column;		
	}
	.album-galeria{
		width:100%;	
	}	
	.album-galeria p{
		font-size:15px;	
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	.txt-doscolumnas{
		flex-direction:column;		
	}
	.subtitulos-admision{
		width:55%;
		margin:auto;
		margin-bottom:30px;	
	}	
	.requisitos-admision{
		width:100%;		
	}
	.boton-pension a{
		width:300px;
	}	
}
/************************************************************************************/
/******************************* ESTILOS PARA 600 ***********************************/
/************************************************************************************/
@media only screen and (max-width:600px){	
	.video-overlay iframe {
		width: 95%;	
		height:60% !important;
		/*max-height:50% !important;*/	
	}	
	/************************************************************************************/
	/*************************** ESTILOS PARA PIE PAGINA ********************************/
	/************************************************************************************/	
	.instituciones{	
		flex-direction:row;	
		flex-wrap:wrap;
	}
	.instituciones li{
		display:block;
		width:30%;
		margin:10px;	
	}
	/************************************************************************************/
	/********************************* ESTILOS HIMNO ***********************************/
	/************************************************************************************/
	.caja-himno{
		width:100%;		
	}
	.caja-himno .titulo-filosofia{		
		width:80%;			
		margin-bottom:40px;
	}	
	.txt-himno span{
		font-size:14px;
	}
	.txt-himno p{
		font-size:14px;
	}
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	.columna-mapa{
		width:100%	
	}
	.columna-mapa .titulo-bienvenida{
		width:60%;	
	}
	.caja-mapa{		
		height:450px;	
	}
	.mapa{		
		height:450px;	
	}
	.telefonos-contacto{	
		flex-direction:column;			
	}
	.telefonos-contacto p{
		text-align:center;
		margin:8px 0;
	}
	.telefonos-contacto p a{
		text-align:center;	
	}
	.telefonos-contacto span{
		display:none;	
	}	
	.boton{		
		width:240px;
		height:70px;
		border-radius:25px;		
		margin-top:45px;		
		padding:8px;
	}
	.boton .letras-boton{
		width:220px;
		height:54px;		
		line-height:54px;		
		border-radius:20px;
	}
	#advertencia{
		margin:20px 0;
		font-size:15px;
	}			
	/************************************************************************************/
	/***************************** ESTILOS PARA ADMISION ********************************/
	/************************************************************************************/		
	.desglose-mobil{
		display:none;
	}
	.desglose-mobil2{
		display:block;
		background:#086738;
		padding:10px;	
		border-collapse:separate;
		margin:15px 0;
	}	
	.columnas-desglose-mobil2{
		border:dashed #fff;
		padding:10px;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	.txt-desglose-mobil2{
		margin:5px 0;	
	}
	.txt-desglose-mobil2 p{
		display:block;
		color:#fff;	
		font-size:14px;
		text-align:center;	
	}
	
	.horarios-cof{
		display:none;	
	}
	.horarios-cof-mobil{
		display:block;
		font-size:13px;	
		text-align:center;
		line-height:20px;
		margin-top:30px;		
	}
	.horarios-cof-mobil span{
		font-weight:bold;
		color:#103D2A;		
	}
	.horarios-mobil{
		font-size:16px;
	}
	/************************************************************************************/
	/******************** PROPUESTA EDUCATIVA PRESENCIAL Y VIRTUAL **********************/
	/************************************************************************************/
	.titulo-propuesta-educativa{
		text-align:center;	
	}
	.subrayado{
		width:120px;
		height:2px;
		margin:20px auto 3% auto;	
	}
	.full-ancho{
		width:80%;
		margin:2% auto 3% auto;	
	}
	.cuatro-datos{
		width:100%;
		display:flex;
		flex-direction:row;
		/*flex-wrap:wrap;*/
		justify-content:space-between;	
	}
	.datos{
		width:32%;/*48.5%*/
		display:flex;
		flex-direction:row;	
		justify-content:space-between;	
		margin-top:40px;	
	}
	.iconos-datos{
		width:25%;
		align-items:flex-end;	
	}
	.iconos-datos img{
		display:block;
		width:100%;
		height:auto;	
	}
	.txt-datos{
		width:70%;	
	}
	.txt-datos h2{
		font-family:'verdana', sans-serif;
		font-size:17px;
		margin:0;	
	}
	.txt-datos p{
		text-align:left;	
	}
	.cuatro-datos ul{
		list-style:outside;	
		margin-left:15px;
	}
	.dos-datos{
		width:100%;
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
	}
	.iconos-datos2{
		width:22%;
		align-items:flex-end;	
	}
	.iconos-datos2 img{
		display:block;
		width:100%;
		height:auto;	
	}
	.txt-datos2{
		width:72%;	
	}
	.txt-datos2 h2{
		font-family:'verdana', sans-serif;
		font-size:17px;
		margin:0;	
	}
	.txt-datos2 ul{
		list-style:decimal;	
		margin-left:18px;
	}
	.caja-columnas-tablas{
		width:95%;
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
		margin:auto;
		padding:0 6.5% 55px 6.5%;
	}
	.caja-tabla-estudios{
		width:47%;
		margin:0;	
	}
	.titulo-logros-tabla{
		border:1px #fff solid;
		background:#386539;
		padding:15px 4px;
	}
	
	table.borde-tablas{
		margin:0;
	}
	table.borde-tablas th{		
		padding:15px 4px;		
		/*font-size:12px;*/
	}
	table.borde-tablas td{
		padding:15px 20px;	
		/*font-size:12px;*/
	}
	/************************************************************************************/
	/************************ ESTILOS PENSION Y CALENDARIZACION *************************/
	/************************************************************************************/
	#pension-calendarizacion {
		width: 100%;
		flex-direction: column;
		padding: 5% 15px;
	}
	.columna-calendarizacion, .columna-pension{
		padding:5% 10px;
	}
	.pension-izq p, .pension-der p{
		font-size:11px;	
	}
	
}
/************************************************************************************/
/******************************* ESTILOS PARA 480 ***********************************/
/************************************************************************************/
@media only screen and (max-width:480px){
	/************************************************************************************/
	/*************************** ESTILOS PARA LA CABECERA *******************************/
	/************************************************************************************/
	#informes{
		padding:10px;	
	}
	.caja-informes span{
		margin: 0 5px;		
	}
	.telefonos-informes{
		width:100%;
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
	}
	.telefonos-informes p{
		font-size:12px;	
	}
	.telefonos-informes a{
		font-size:12px;	
	}	
	.logo{
		width:40%;
	}
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	.caja-boton-texto-video{
		top:40%;
	}
	/*
	.boton-play{
		width:80px;
		height:80px;
	}
	.boton-play a{
		width:58px;
		height:58px;		
	}
	.boton-play a i{
		font-size:20px ;
	}
	*/
	.caja-boton-texto-video p{
		font-size:30px;
		margin:15% 0 0 0 !important;	
	}
	/************************************************************************************/
	/*************************** ESTILOS PARA PIE PAGINA ********************************/
	/************************************************************************************/	
	.colum-centro{
		display:block;
		width:90%;
		margin:auto;	
	}
	.instituciones{	
		/*
		width:100%;
		flex-direction:column;	
		*/
		display:none;
	}
	.instituciones li{
		display:block;		
		width:100%;
		margin:0 auto;
		margin-bottom:20px;	
	}
	/************************************************************************************/
	/***************************** ESTILOS PARA NOSOTROS ********************************/
	/************************************************************************************/
	.p-ancho{
		width:300px;
	}
	.p-ancho2{
		width:380px;
	}
	.titulo-portada h1{
		font-size:37px;
	}
	.subrayado{
		width:60px;
	}
	#caja-nosotros{
		width:90%;	
	}	
	.boton-admision{
		width:75px;
		height:90px;		
		top:30%;		
	}
	/************************************************************************************/
	/**************************** ESTILOS PARA BIENVENIDA *******************************/
	/************************************************************************************/
	.titulo-bienvenida{		
		width:55%;			
	}
	#ubicacion-pagina{
		padding:0 10px;	
	}
	#ubicacion-pagina p{
		font-size:12px;	
		text-align:center;
	}
	#ubicacion-pagina p a{
		font-size:12px;	
	}
	/************************************************************************************/
	/********************************* ESTILOS HIMNO ***********************************/
	/************************************************************************************/
	.caja-himno .titulo-filosofia{		
		width:80%;				
	}	
	.txt-himno span{
		font-size:12px;
	}
	.txt-himno p{
		font-size:12px;
	}
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/	
	.instalaciones{
		font-size:32px;
	}
	.titulo-propuesta-educativa{
		font-size:24px;
	}
	/************************************************************************************/
	/***************************** ESTILOS AREA PASTORAL ********************************/
	/************************************************************************************/
	.conoce-mas a{
		width:200px;		
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	.boton-pension a{
		width:280px;
	}	
	/************************************************************************************/
	#cuerpo-admision h1{
		font-size:20px;		
	}		
	.titulo-etapa h2{		
		font-size:22px;		
	}
	.titulo-etapa p{		
		font-size:13px;			
	}
	.txt-desglose p{
		font-size:11px;
	}
	.horarios-mobil{
		font-size:14px;
	}
}
/************************************************************************************/
/******************************** ESTILOS PARA 375 **********************************/
/************************************************************************************/
@media only screen and (max-width:414px){	
	#ubicacion-pagina p{
		font-size:11px;	
	}
	#ubicacion-pagina p a{
		font-size:11px;	
	}
	/************************************************************************************/
	/***************************** ESTILOS PARA NOSOTROS ********************************/
	/************************************************************************************/
	.titulo-portada{
		width:180px;		
	}
	.p-ancho{
		width:250px;
	}
	.p-ancho2{
		width:340px;
	}
	.titulo-portada h1{
		font-size:32px;
	}
	.subrayado{
		width:40px;
	}
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/	
	.botones-pre-virtual{
		width:260px;
		/*
		height:80px;
		border-radius:20px;
		margin:auto;
		margin-bottom:45px;
		padding:0 10px;
		*/
	}
	.botones-pre-virtual span{
		/*
		height:55px;
		line-height:55px;
		border-radius:15px;
		*/
		font-size:14px;
	}
	.txt-datos p{
		font-size:12px;
	}
	.txt-datos ul li{
		font-size:12px;
	}
	.txt-datos2 p{
		font-size:12px;
	}
	.txt-datos2 ul li{
		font-size:12px;
	}
	.txt-datos3 p{
		font-size:12px;
	}
	.txt-datos3 ul li{
		font-size:12px;
	}
	/************************************************************************************/
	/********************************* ESTILOS PRIMARIA **********************************/
	/************************************************************************************/	
	.alto-tabla-s{
		padding-bottom:22px !important;	
	}
	/************************************************************************************/
	/********************************* ESTILOS GALERIA **********************************/
	/************************************************************************************/
	.album-galeria p{
		font-size:12px;
	}
	/************************************************************************************/
	/********************************* ESTILOS BLOG **********************************/
	/************************************************************************************/
	.no-resultados{
		width:90%;
		padding:0 0 20px 0;		
	}
	.no-resultados h1{
		font-size:20px;
	}
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	#fcontacto{
		padding:20px;	
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	#cuerpo-admision h1{
		font-size:22px;	
	}
	.horarios-mobil{
		display:none;
	}
	.horarios-mobil2{
		display:block;
		font-family:'Androgyne', sans-serif;
		text-align:center;
		font-size:14px;
		margin-bottom:20px;
	}
	/************************************************************************************/
	/********************************* ESTILOS GALERIA **********************************/
	/************************************************************************************/
	.caja-albumes-galeria{
		margin-top:10px;	
	}
	/************************************************************************************/
	/************************ ESTILOS PENSION CALENDARIZACION ***************************/
	/************************************************************************************/
	.caja-pension{
		width:98%;
		margin:auto;	
	}
	.pension-dosclumnas{
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
	}
	.txt-datos-pension{
		margin:20px 0;
		max-width:500px;	
	}
	.txt-datos-pension h2{
		font-family:'verdana', sans-serif;
		font-size:14px;
		margin:0;	
	}
	.txt-datos-pension p{
		text-align:left;
		font-size:12px;	
	}
}
/************************************************************************************/
/******************************** ESTILOS PARA 375 **********************************/
/************************************************************************************/
@media only screen and (max-width:375px){	
/************************************************************************************/
	/*************************** ESTILOS PARA LA CABECERA *******************************/
	/************************************************************************************/
	#informes{
		padding:10px 15px;	
	}
	#ubicacion-pagina{
		line-height:20px;
		padding:10px;	
	}	
	.telefonos-informes span{
		display:none;	
	}
	/************************************************************************************/
	/********************************** ESTILOS VIDEO ***********************************/
	/************************************************************************************/
	.caja-boton-texto-video{
		top:40%;
	}
	.video-play-button {	
	 position: absolute;
	  z-index: 10;
	  top: 0;
	  left: 50%;
	  box-sizing: content-box;
	  display: block;
	  width: 22px;
	  height: 24px;
	  border-radius: 50%;
	}
	
	.video-play-button:before {
	  left: 50%;
	  top: 50%;
	  width: 70px;
	  height: 70px;
	}
	
	.video-play-button:after {
	  left:50%;
	  top: 50%;
	  width: 70px;
	  height: 70px;
	}
	.video-play-button span {
		border-left: 22px solid #fff;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
	}
	/*
	.boton-play{
		width:80px;
		height:80px;
	}
	.boton-play a{
		width:58px;
		height:58px;		
	}
	.boton-play a i{
		font-size:20px ;
	}
	*/
	.caja-boton-texto-video p{
		font-size:30px;
		margin:20% 0 0 0 !important;	
	}
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/	
	.instalaciones{
		font-size:28px;
	}
	/************************************************************************************/
	/******************************** ESTILOS CONTACTO **********************************/
	/************************************************************************************/
	.columna-mapa .titulo-bienvenida{
		width:70%;	
	}
	.caja-mapa{		
		height:400px;	
	}
	.mapa{		
		height:400px;	
	}
	.telefonos-contacto p{
		margin:8px 0;
	}
	#fcontacto{
		padding:15px;	
	}
	.boton{
		width:210px;
		height:60px;
		border-radius:20px;		
		margin-top:30px;		
		padding:8px;
	}
	.boton .letras-boton{
		width:190px;
		height:44px;		
		line-height:44px;		
		border-radius:15px;
	}
	#advertencia{
		margin:20px 0;
		font-size:15px;
	}
	/************************************************************************************/
	/******************************** ESTILOS ADMISION **********************************/
	/************************************************************************************/
	.boton-pension a{
		width:240px;
	}
	/************************************************************************************/
	#cuerpo-admision h1{
		font-size:18px;		
	}		
	.titulo-etapa h2{		
		font-size:18px;		
	}
	.titulo-etapa p{		
		font-size:13px;			
	}
	.nota-etapa p{
		font-size:13px;	
	}
	.txt-etapa h4{
		font-size:16px;		
	}	
	.txt-etapa p strong{
		font-size:12px;	
	}
	.txt-desglose{
		padding:19px;	
	}
	.txt-desglose p{
		font-size:15px;
	}
	.horarios-contac-mobil{
		display:none;	
	}
	.horarios-contac-mobil2{
		display:block;	
		font-size:14px;
		text-align:center;
	}
}
/************************************************************************************/
/******************************** ESTILOS PARA 360 **********************************/
/************************************************************************************/
@media only screen and (max-width:360px){	
	/************************************************************************************/
	/*************************** ESTILOS PARA LA CABECERA *******************************/
	/************************************************************************************/
	.telefonos-informes p{
		font-size:10px !important;	
	}
	.telefonos-informes a{
		font-size:10px !important;	
	}	
	
	/************************************************************************************/
	/***************************** ESTILOS PARA NOSOTROS ********************************/
	/************************************************************************************/
	.caja-titulo-portada{
		top:30%;
	}
	.titulo-portada{
		width:180px;
		padding:3% 0 3.5% 0 !important;	
		border:2px solid #fff;
	}
	.p-ancho{
		width:230px;
	}
	.p-ancho2{
		width:300px;
	}
	.titulo-portada h1{
		font-size:29px;
	}
	.subrayado{
		width:40px;
	}
	/************************************************************************************/
	/********************************* ESTILOS INICIAL **********************************/
	/************************************************************************************/	
	.instalaciones{
		font-size:26px;
	}
	#cuerpo-admision{	
		width:90%;
		flex-direction:column;	
		padding:55px 4%;	
	}
	
	/************************************************************************************/
	/********************************* ESTILOS PRIMARIA **********************************/
	/************************************************************************************/	
	.alto-tabla{
		padding-bottom:22px !important;	
	}
	
}