/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,700');

.rayacolores
{
    height: 4px;
    background: linear-gradient(to right, rgba(236,152,0,1), rgba(172,46,137,1), rgba(22,156,208,1), rgba(181,205,49,1), rgba(221,60,4,1) );
}

.roboto
{
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
}

.foto1
{
	width:100%;
	height:auto;
	box-sizing:border-box;
}

.texty
{
	font-size: 28px;
}


.galeria_noticia
{
	float:left;
	width:25%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	padding-right:10px;
	margin-top:25px;
}

.shape
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-size: 18px;
}

.shape::before
{ 
  
  content: "";
  
  border-top: 50px solid #333;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}

.shape_verde_oxford
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_verde_oxford::before
{ 
  
  content: "";
  
  border-top: 50px solid #B5CD31;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}

.shape_azul_oxford
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_azul_oxford::before
{ 
  
  content: "";
  
  border-top: 50px solid #169CD0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}







.shape_amarillo_oxford
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_amarillo_oxford::before
{ 
  
  content: "";
  
  border-top: 50px solid #F9C521;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}

.shape_naranja_oxford
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_naranja_oxford::before
{ 
  
  content: "";
  
  border-top: 50px solid #EC9800;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}

.shape_rojo
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_rojo::before
{ 
  
  content: "";
  
  border-top: 50px solid #DD3C04;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}

.shape_rosa_oxford
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_rosa_oxford::before
{ 
  
  content: "";
  
  border-top: 50px solid #AC2E89;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}



.shape_morado_oxford
{
  position: relative;
  float: left;
  background-size:30px 100%, 100% 100%;
  height:50px;
  color:white;
  margin:20px auto;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.shape_morado_oxford::before
{ 
  content: "";
  
  border-top: 50px solid #AC2E89;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  transform:rotate(-1deg);
}






.trapezoid 
{
	position: absolute; 
	margin:0 auto; 
	z-index:100; 
	top:-30px; 
	left:-30px;
	height: auto;
    width: 100%;
	padding: 3px; 
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
    border-top: 40px solid #eca829;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.trapezoidmovil 
{
	position: absolute;
	margin:0 auto; 
	z-index:100;
	height: auto;
    width: 100%;
	padding: 3px;
	box-sizing: border-box;
    border-top: 40px solid #eca829;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.borde
{
	border-radius: 15px;	
	
}

.sombra
{
	-webkit-box-shadow: -1px 0px 21px -3px rgba(0,0,0,0.61);
	-moz-box-shadow: -1px 0px 21px -3px rgba(0,0,0,0.61);
	box-shadow: -1px 0px 21px -3px rgba(0,0,0,0.61);
}







.AlertaRoja
{
	width:100%;
	color:#434a54;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	text-decoration:none;
	background-color:rgba(255,255,255,.80);
	position:relative;
	display:none;
}
.AlertaRoja a
{
	font-size:18px;
	color:#d9dbdd;
	position:absolute;
	right:5px;
	top:5px;
	text-decoration:none;
}
.AlertaRoja a:hover
{
	color:#7f7f7f;
}
.AlertaRoja table
{
	border-collapse:collapse;
	border: none;
	width:100%;
	
}
.AlertaRoja table td
{
	width:100%; 
	padding:15px;
	padding-right:25px;
	border-left:5px solid #e75845; 
}


.Alertas
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1000;
	display:none;
	justify-content:center;
	align-items:center;
	padding: 10px;
}
.Alertas.toggle
{
	display:flex;
}

.AlertasContenedor
{
	width:100%;
	max-width:480px;
	background-color:#FFFFFF;
	padding:20px;
	text-align:center;
}


.boton_negro_cuadrado
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#40404b;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_negro_cuadrado:hover
{
	background-color:#000;
}



/* VENTANA MODAL */

.VentanaModal
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1000;
	display:none;
	justify-content:center;
	align-items:center;
}
.VentanaModal.toggle
{
	display:flex;
}

.VentanaModalContenedor
{
	width:65%;
	max-width:700px;
	background-color:#FFFFFF;
	text-align:center;
}




.robotocon
{
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 300;
}


.contacto_clase_cuarta
{
	width: 40px; height: 40px; border:2px solid black; border-radius: 50%; display: flex; align-content: center; align-items: center; justify-content: center;
	
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;	
	
}



.pc
{
	display: block;
}

.contacto_clase_cuarta:hover
{
	background-color:white;
	color:#009dd6;
	border-color: #ff7d00;
	
}

.dosis
{
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
}



.textbox-linea
{
	    /* Remove First */
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	
	box-sizing:border-box;  
	width:100%;
	padding:10px;
	/*border-radius: 10px; */
	border:1px solid #dddddd;
	font-size:16px;
	color:#000000;
	
}


.flexrow
{
	flex-direction: row;
}

.textbox-linea:hover
{
	outline:none;
}

.textbox-linea:focus
{
	outline:none;
	background-color:#fff7ff;
}

select::-webkit-select-placeholder 
{
  color: #979797;
}
select:-moz-placeholder, textarea:-moz-placeholder {
  color: #979797;
}

.select{
	width:100%;
	box-sizing:border-box;
	background: #fff url(/admin/images/arrow.png);
	background-position:99.5% center;
    background-repeat: no-repeat;
   	padding: 10px;
   	font-size: 14px;
   	border:1px solid #dddddd;
   	-webkit-appearance: none;
	border-radius:0px;
color: #000000;
}
.select:hover{
	outline:none;
}
.select:focus{
	outline:none;
	border:1px solid #26c6da;
}


*
{
	box-sizing: border-box;
}

a
{
	text-decoration: none;
}

body
{
	margin:0px;
	font-family: 'Roboto', sans-serif;
	background-color:white;
	padding:0px;
}

.texto
{
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	color: #2e2e2e;
	line-height: 22px;
	text-align: justify;
}

.classy + .hoverseparador
{
	padding-top: 5px;
	padding-bottom: 5px;
	
	height: 1px; 
	color:black; 
	
	/*background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0) );
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;	*/
}

.classy:hover + .hoverseparador
{
	/* background: linear-gradient(to right, rgba(0,0,0,.2), rgba(0,0,0,.8), rgba(0,0,0,.2) ); */
}




h1
{
	font-family: 'Dosis', sans-serif;
	padding:0px;
	margin: 0px;
	font-size:46px;
	color: #2e2e2e;
}

h2
{
	font-family: 'Dosis', sans-serif;
	padding:0px;
	margin: 0px;
	font-size:30px;
	color: #2e2e2e;
}

h3
{
	font-family: 'Dosis', sans-serif;
	padding:0px;
	margin: 0px;
	font-size:26px;
	color: #2e2e2e;
}

h4
{
	font-family: 'Dosis', sans-serif;
	padding:0px;
	margin: 0px;
	font-size:18px;
	color: #2e2e2e;
}

h5
{
	
	padding:0px;
	margin: 0px;
	font-size:18px;
	color: #2e2e2e;
}

h6
{
	font-family: 'Dosis', sans-serif;
	padding:0px;
	margin: 0px;
	font-size:16px;
	color: #2e2e2e;
}

h7
{
	font-family: 'Dosis', sans-serif;
	padding:0px;
	margin: 0px;
	font-size:14px;
	color: #2e2e2e;
}

.separador_rojo
{
	display: block;
	width: 35px;
	height: 10px;
	border-radius: 4px;
	background: #DD3C04;
}

.separador_naranja
{
	display: block;
	width: 35px;
	height: 3px;
	background: #dd3c04;
}

#todo
{
	margin:0 auto;
	width:100%;
	height:auto;
	/*padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:50px; */
	box-sizing:border-box; /* A NU MAAAAAAAAAAAAAAAAAAAA */ 
	
}


.boton-normal
{
	
	float:left;
	width:100%; 
	height:auto;
	max-width:100px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid transparent;  
	color:#000;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
	background-color:white;
	border-radius:20px;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.boton_transparente_amarillo
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%; 
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid #F9C521;  
	color:#F9C521;
	margin:0 auto;
	cursor:pointer;
	font-family: "Roboto";
	font-weight: 300;
	font-size:18px;
	text-decoration:none;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.boton_transparente_amarillo:hover
{
	background: #F9C521;
	color:#fff;
	text-shadow: 2px 2px 4px #000;
}

.boton_azul
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:auto; 
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 20px;
	background-color: #170f62;
	border: 1px solid #170f62;
	color:#fff;
	margin:0 auto;
	cursor:pointer;
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	font-size:18px;
	text-decoration:none;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.boton_azul:hover
{
	color: #170f62;
	background-color: #fff;
	border: 1px solid #170f62;
}

.boton_amarillo
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:auto; 
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 20px;
	background-color: #F9C521;
	border: 1px solid #F9C521;
	color:#fff;
	margin:0 auto;
	cursor:pointer;
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	font-size:20px;
	text-decoration:none;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.boton_amarillo:hover
{
	color: #F9C521;
	background-color: transparent;
	border: 2px solid #F9C521;
}

.boton_rosa
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:auto; 
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 20px;
	background-color: #AC2E89;
	border: 1px solid #AC2E89;
	color:#fff;
	margin:0 auto;
	cursor:pointer;
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	font-size:20px;
	text-decoration:none;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.boton_rosa:hover
{
	color: #AC2E89;
	background-color: transparent;
	border: 1px solid #AC2E89;
}

.boxshadow
{
	-webkit-box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.0);
	box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.0);
	
	
	
transition:all 2s ease;
	-webkit-transition:all 2s ease;
	-moz-transition:all 2s ease;
	-ms-transition:all 2s ease;
	-o-transition:all 2s ease;		
}


.boxshadow:hover
{
	cursor: pointer;
	-webkit-box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.75);	
}



.boton-normal:hover
{
	background-color:#6F6F6F;
}




.contenedorinside
{
	width:100%; 
	height:auto; 
	max-width:1090px; 
	color:white; 
	margin:0 auto;  
	padding: 20px;
}



.contenedor1
{
	padding-top:80px;
	padding-bottom:80px;
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
  
  
.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	padding-left:20px;
	padding-right:20px;
	width: 33.33%;
	height:auto;
	float: left;
	box-sizing:border-box;
}

.contenedor4
{
	float:left;
	width:25%;
	height:auto;
	
	box-sizing:border-box;

}


.contenedor5
{
	float:left;
	width:20%;
	height:auto;
	
	box-sizing:border-box;

}

.contenedor66
{
	float:left;
	width:66.6%;
	height:auto;
	box-sizing:border-box;
}

.contenedor75
{
	float:left;
	width:75%;
	height:auto;
	box-sizing:border-box;
}

.contenedor33
{
	float: left;
	width: 33.4%;
	height:auto;
	box-sizing:border-box;
}

.contenedor30
{
	float: left;
	width: 30%;
	height:auto;
	box-sizing:border-box;
}

.contenedor20
{
	float: left;
	width: 20%;
	height:auto;
	box-sizing:border-box;
}

.contenedor25
{
	float: left;
	width: 25%;
	height:auto;
	box-sizing:border-box;
}

.cont1
{
	width: 100%;
	height: auto;
}

.cont2
{
	width: 50%;
	height: auto;
}

.cont3
{
	width: 33.33%;
	height: auto;
}

.cont4
{
	width: 25%;
	height: auto;
}

.cont75
{
	width: 75%;
	height: auto;
}

.cont66
{
	width: 66.66%;
	height: auto;
}

.column1
{
	grid-column: span 1;
}

.column2
{
	grid-column: span 1;
}

.cont_centrado
{
	width:100%; 
	height:auto; 
	max-width:1090px; 
	margin:0 auto;  
}

.centrar
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.menu_movil
{
	
	display:none;
}

.menu_pc
{
	
	width:100%; 
	height:70px; 
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white; 
	-webkit-box-shadow: 0px 15px 10px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 15px 10px 0px rgba(204,204,204,1);
	box-shadow: 0px 15px 10px 0px rgba(204,204,204,1);
}

.menu_pc_contenedor
{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

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


.subvinculo
{
	
font-weight: 400px;
	
		
	transition:all .25s ease;
	
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-ms-transition:all .25s linear;
	-o-transition:all .25s linear;	
	
}


.subvinculo:hover
{
	font-weight: 900;
}


.vinculo_menu
{
	width: 100%;
	padding:5px;
	text-align: left;
	color:black;
	font-weight: 300;
	padding-top:4px;
}

.fb
{
	color:#4267B2; text-decoration: none; padding:3px; font-size: 40px;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.fb:hover
{
	color:#cccccc;
}

.yt
{
	color:#FF0000; text-decoration: none; padding:3px; font-size: 40px; 
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.yt:hover
{
	color:#ccc;
}

.tw
{
	color:#01BBF1; text-decoration: none; padding:3px; font-size: 40px; 
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.tw:hover
{
	color:#ccc;
}

.in
{
	color:#01BBF1; text-decoration: none; padding:3px; font-size: 40px; 
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.in:hover
{
	color:#ccc;
}



.separador_menu
{ 
	width: 80%; 
	height: 1px; 
	background: linear-gradient( to right, rgba(255,255,255,.0), rgba(255,255,255,0.7), rgba(255,255,255,.0));
}

.altura_slider
{
	height: 800px;
}

.altura_slider_testimonios
{
	height: 600px;
}

.niveles_educativos
{
	width: 100%;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	padding-bottom: 80px;
	color: white;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(205px, 1fr));
	grid-gap: 20px;
	box-sizing: border-box;
}

.niveles_educativos > span
{
	width: 80%;
	height: 130px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 20px;
	font-size: 28px;
	grid-column: span 1;
	grid-row:  span 1;
}

.nivel
{
	width: 250px;
	height: 130px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 20px;
	font-size: 28px;
	color: #fff;
}


.campuses
{
	width:100%;
	height: auto; 
	box-sizing: border-box;  
	background:linear-gradient( to right, rgba(00,000,000,0.50), rgba(00,000,000,0.50)), url(../images/Petrolera/P10.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.sucursales
{
	height:auto; 
	padding-top:100px; 
	padding-bottom: 100px; 
	padding-left: 10px; 
	padding-right: 10px;
	display: grid; 
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
	grid-template-rows: 1fr; 
	grid-gap: 20px;
}

.sucursales  img
{
	object-fit: cover;
}

.colegios_monterrey
{
	height:auto; 
	padding-top:100px; 
	padding-bottom: 100px; 
	padding-left: 10px; 
	padding-right: 10px;
	display: grid; 
	grid-template-columns: repeat(3, 1fr); 
	grid-template-rows: 1fr; 
	grid-gap: 20px;
	text-align: center;
}

.colegios_monterrey_fondo
{
	background:linear-gradient( to right, rgba(00,000,000,0.50), rgba(00,000,000,0.50)), url(../images/campus_vistahermosa.jpg); 
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.colegios_monterrey  img
{
	object-fit: cover;
}

.index_becas
{
	width:100%; 
	height: 500px; 
	padding-left: 20px; 
	padding-right: 20px; 
	background: url(../images/becas_fondo.jpg); 
	background-size: cover; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column;
}

.index_estadisticas
{ 
	width:100%;
	height: auto;
	box-sizing: border-box; 
	background:linear-gradient( to right, rgba(00,000,000,0.50), rgba(00,000,000,0.50)), url(../images/LasQuintas/LQ14.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.estadisticas
{
margin-top: 25px;
	height:auto;
	display: grid; 
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); 
	grid-gap: 30px;
	padding-left: 10px; 
	padding-right: 10px;
}

.estadisticas  img
{
	object-fit: cover;
}


.estadistica
{
	height: auto;
    padding: 0px;
	display:flex; 
	flex-direction: column;
	align-items: center; 
	justify-content: flex-start;
    align-self: stretch;
}

.estadistica_circulo_grande
{
	width: 170px; 
	height: 170px; 
	border-radius: 50%;
	display:flex; 
	flex-direction: column; 
	align-items: center;
	justify-content: center;
	font-size: 32px;
}

.estadistica_circulo_chico
{
	width: 160px; 
	height: 160px;
	border-radius: 50%;
	border: 2px dashed #fff;
	display:flex; 
	flex-direction: column; 
	align-items: center;
	justify-content: center; 
	font-size: 32px;
}

.mapas
{
	height:auto; 
	padding-top:100px; 
	padding-left: 10px; 
	padding-right: 10px;
	display: grid; 
	grid-template-columns: repeat(3, minmax(200px, 1fr)); 
	grid-template-rows: 1fr; 
	grid-gap: 20px;
}

.mapa
{
	width: 100%;
	height: 450px;
	grid-column: span 1;
}

.news
{
	width:280px; 
	height: 705px;
	position: fixed;
	z-index: 1000; 
	top:200px;
	left: -280px;
	background: #EC9800;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
}

.news.toggle
{
	position: fixed;
	z-index: 1000; 
	left: 0px;
	top: 100px;
}

.news_icono
{
	width: 60px; 
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	/*border: 2px solid #fff;*/
	border-radius: 50%;
	background: #EC9800;
	cursor: pointer;
	z-index: 1006;
	
}

.news_icono_fondo
{
	width: 70px; 
	height: 70px; 
	position:absolute; 
	top: 0px; 
	right: -70px; 
	z-index: 1005; 
	display: flex;
	align-items: center; 
	justify-content: center;
	color: #fff; 
	font-size: 24px; 
	border-top-left-radius: 50%; 
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	background: #EC9800; 
	cursor: pointer;
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	
	animation: shake-animation 3s ease infinite;
  	transform-origin: 50% 50%;
}

.etiqueta_nuevo
{
	animation: shake-animation2 3.5s ease infinite;
  	transform-origin: 50% 50%;
}

@keyframes shake-animation {
  0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

@keyframes shake-animation2 {
  0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.instalaciones_index
{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
/*	grid-template-rows: repeat(3,1fr); */
	grid-auto-flow: dense;
	grid-gap: 20px;
	padding-top:50px;
	padding-left: 20px;
	padding-right: 20px;	
	box-sizing: border-box;
}

.instalaciones_index_img
{
	background-size: cover; 
	background-position: center;
}

.img_chica
{
		grid-column: span 1;
		grid-row:  span 1;
}

.img_mediana
{
		grid-column: span 2;
		grid-row:  span 1;
}
	
.img_grande
{
		grid-column: span 3;
		grid-row: span 1;
}

.titulo_noticia_pie
{
	display: block;
	font-size: 16px;
	color: #eebf00;
}

.fecha_noticia_pie
{
	font-size: 14px;
	color: #fff;
	font-style: italic;
}

.logo_certificaciones
{
	float: left;
	width: 7.66%;
	box-sizing: border-box;
	padding: 20px;
}

.pie
{
	width:100%; 
	height: auto; 
	display: grid; 
	grid-template-columns: repeat(3, 2fr);
	grid-gap: 30px;
	padding-top: 40px; 
	padding-bottom: 40px; 
	padding-left: 0px;
	padding-right: 0px;
}

.pie_item
{
	grid-column: span 1;
}

.margen_contactopie
{
	padding-top: 62px;
}

.margen_contactopie_interesar
{
	padding-top: 15px;
}

.pie_redes_sociales
{
	margin-top: 100px;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.contenedor_vinculos
{
	position: fixed;
	width:auto; 
	height:100vh; 
	text-align:center;
	margin:0 auto;  
	left:-500px;
	align-items:center;
	justify-content:space-around; 
	flex-direction:column; 
	padding-bottom:10px;
	padding-top:10px;
/*	background:linear-gradient(to right, rgba(0,17,207,.80), rgba(0,160,250,.80));*/
	background-color:rgba(255,255,255,.90);
	z-index:1000;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.contenedor_vinculos.toggle
{
	left:0;
	/*display:none; */
}



.clasehover {
  background: none;
  border: 0;
  box-sizing: border-box;
  /*box-shadow: inset 0 0 0 2px #f45e61; */
  /*color: #f45e61;*/
  font-size: inherit;

  position: relative;
  vertical-align: middle;
	
	
	
		transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}
.clasehover::before, .clasehover::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 70%;
  height: 100%;
	
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.clasehover.draw {
  transition: color 0.25s;
}
.clasehover.draw::before, .clasehover.draw::after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
	font-weight: 400;
}
.clasehover.draw::before {
  top: 0;
  left: 0;
	
}
.clasehover.draw::after {
  bottom: 0;
  right: 0;
	 

}
.clasehover.draw:hover {
  color: rgba(25,43,52,1.00);
	font-weight: 900;
}
.clasehover.draw:hover::before, .draw:hover::after {
  width: 70%;
  height: 100%;
	

}
.clasehover.draw:hover::before {
  border-top-color: rgba(25,43,52,1.00);
  border-right-color: rgba(25,43,52,1.00);
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
		
}
.clasehover.draw:hover::after {
  border-bottom-color: rgba(25,43,52,1.00);
  border-left-color: rgba(25,43,52,1.00);
	
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.blog_grid
{
	display: grid;
	grid-template-columns: repeat(8,1fr);
	grid-gap: 30px;
}

.blog_noticias
{
	grid-column: span 8;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 30px;
	grid-row-gap: 40px;
}

.blog_noticia
{
	grid-column: span 1;
	overflow: hidden;
}

.blog_noticia img
{
	width: 100%;
	height: auto;
	display: block;
	
	transition:all 7s ease;
	-webkit-transition:all 7s ease;
	-moz-transition:all 7s ease;
	-ms-transition:all 7s ease;
	-o-transition:all 7s ease;	
}

.blog_noticia:hover img
{
	transform: scale(1.5) rotate(20deg);
}

.noticia_index 
{
    width: 220px;
    height: 170px;
    position: relative;
    display: block;
	overflow: hidden;
    
	transition:all 7s ease;
	-webkit-transition:all 7s ease;
	-moz-transition:all 7s ease;
	-ms-transition:all 7s ease;
	-o-transition:all 7s ease;	
}

.noticia_index:hover .blog_noticia_img_color
{
	opacity: 0.5;
}

.noticia_index:hover img
{
	transform: scale(1.5) rotate(20deg);
    
    transition:all 7s ease;
	-webkit-transition:all 7s ease;
	-moz-transition:all 7s ease;
	-ms-transition:all 7s ease;
	-o-transition:all 7s ease;
}

.blog_noticia_img
{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
}

.blog_noticia_img:hover .blog_noticia_img_color
{
	opacity: 0.5;
}

.blog_noticia_img_color
{
	display: block;
	width: 100%;
	height: 100%;
	background-color: black;
	position: absolute;
	top: 0px;
	opacity: 0;
	
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;	
}

.blog_sidebar
{
	grid-column: span 2;
}

.noticia_tag
{
	display: flex;
	align-items: center;
	margin-top: 25px;
}

.noticia_tag_cuadro
{
	display: block;
	width: 14px;
	height: 14px;
	background: #ff2b23;
}

.noticia_tag_texto
{
	color: #ff2b23;
	font-size: 14px;
	margin-left: 10px;
	text-align: justify;
}

.noticia_titulo
{
	font-size: 18px;
	font-weight: 700;
	color: #2e2e2e;
	display: block;
	margin-top: 5px;
	font-family: 'Dosis', sans-serif;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.noticia_titulo:hover
{
	color: #00a2fc;
}

.noticia_fecha
{
	display: flex;
	align-items: center;
	margin-top: 15px;
	
}

.noticia_fecha_texto
{
	color: #373737;
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin-left: 10px;
}

.noticia_calendario
{
	color: #666666;
}

.noticia_texto
{
	color: #272727;
	display: block;
	line-height: 22px;
	margin-top: 15px;
	text-align: justify;
}

.blog_separador_amarillo
{
	width: 1px;
	height: 15px;
	background: #F9C521;
}

.punto
{ 
  font-size: 28px;
  line-height: 12px;
  color: #2e2e2e;
}

.noticia_miniatura
{
	display: flex;
	justify-content: space-between;
	height: auto;
}

.articulo
{
	grid-column: span 8;
}

.acerca
{
	display: grid; 
	grid-template-columns: repeat(2,1fr); 
	grid-gap: 50px;
}

.acerca_contenido
{
	grid-column: span 1;
}

.red_social
{
	font-size: 24px;
	color: #fff;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
}

.red_social:hover
{
	color: #169CD0;
}

.red_social_menu
{
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
}

.red_social_menu:hover
{
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));
	filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));
}





.articulo
{
	grid-column: span 6;
}

.texto_negro_movil
{
	color: #fff;
	padding:40px;
}

.movil
{
	display: none;
}

.fondo_amarillo
{
	background-color: #F9C521;
}

.fondo_rosa
{
	background-color: #AC2E89;
}

.fondo_verde
{
	background-color: #B5CD31;
}

.fondo_naranja
{
	background-color: #EC9800;
}

.fondo_azul
{
	background-color: #169CD0;
}

.fondo_rojo
{
	background-color: #DD3C04;
}

.fondo_aqua
{
	background-color: #00A9A4;
}

.fondo_gris
{
	background-color: #ebebeb;
}


.fondo_gris_oxford
{
	background-color: #a7a9ac;
}

.fondo_gris_oscuro_oxford
{
	background-color: #6d6e72;
}

.fondo_azul_oxford
{
	background-color: #010e8e;
}

.fondo_rojo_oxford
{
	background-color: #ff1520;
}



.titulo_color
{
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-left: 35px;
	padding-right: 35px; 
	border-radius: 5px;
}

.profesor
{
	grid-column: span 1;
}

.servicios
{
	height:auto; 
	padding-top:80px; 
	padding-bottom: 100px; 
	padding-left: 10px; 
	padding-right: 10px;
	display: grid; 
	grid-template-columns: repeat(2, 1fr); 
	grid-gap: 40px;
	text-align: center;
}

.servicios_fondo
{
	background:linear-gradient( to right, rgba(00,000,000,0.50), rgba(00,000,000,0.50)), url(../images/biblioteca3.jpg); 
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.nosotros_fondo
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)), url(../images/nosotros_fondo.jpg);
}

.circulo_icono
{
	width: 100px; 
	height: 100px; 
	border:2px solid #F9C521; 
	color: #F9C521;
	border-radius: 50%; 
	display: flex; 
	align-content: center; 
	align-items: center; 
	justify-content: center;
}

.circulo_icono_color
{
	width: 100px; 
	height: 100px; 
	border-radius: 50%; 
	display: flex; 
	align-content: center; 
	align-items: center; 
	justify-content: center;
}

.icono_servicios
{
	color: #fff;
}

.degradado_verde
{ 
	background:linear-gradient( to right, rgb(181,205,49), rgba(181,205,49)); 
}

.degradado_rosa
{ 
	background:linear-gradient( to right, rgb(172,46,137), rgba(172,46,137)); 
}



.agendar_visita
{
	width: 200px;
    position:fixed;
    top:70px;
	display: flex;
	align-items: center; 
	justify-content: center;
	color: #fff; 
	font-size: 14px;
	background-color: #170f62;
	border: 1px solid #170f62;
    padding: 10px;
    z-index: 1005; 
    
    border-radius: 20px;
    
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	
	animation: shake-animation 3s ease infinite;
  	transform-origin: 50% 50%;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.agendar_visita_mostrar
{
	width: 70px; 
	height: 70px; 
	position:fixed; 
	top: 200px; 
	right: 0px; 
	color: #fff; 
	font-size: 24px;
	border-top-left-radius: 50%; 
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 0%;
	cursor: pointer;
	text-align: center;
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	
	animation: shake-animation 3s ease infinite;
  	transform-origin: 50% 50%;
    
    transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;		
}

.agendar_visita_mostrar_moviles
{
	width: 70px; 
	height: 70px; 
	position:fixed; 
	top: 200px; 
	right: 0px; 
	z-index: 1005; 
	display: none;
	align-items: center; 
	justify-content: center;
	color: #fff; 
	font-size: 24px; 
	border-top-left-radius: 50%; 
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 0%;
	cursor: pointer;
	text-align: center;
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
	
	animation: shake-animation 3s ease infinite;
  	transform-origin: 50% 50%;
    
    transition:all 3s ease;
	-webkit-transition:all 3s ease;
	-moz-transition:all 3s ease;
	-ms-transition:all 3s ease;
	-o-transition:all 3s ease;	
}

.movil
{
	display: none;
}

.display_movil
{
	display: none;
}

.display_tablet
{
	display: none;
}

.fondo_contacto
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/contacto.jpg); 
	background-size: cover; 
	background-position: center;
}

.fondo_admisiones
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_admisiones.jpg); 
	background-size: cover; 
	background-position: center;
}

.fondo_community
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_community.jpg); 
	background-size: cover; 
	background-position: center;
}

.fondo_news
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_news.jpg); 
	background-size: cover; 
	background-position: center;
}

.fondo_nosotros
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_nosotros.jpg); 
	background-size: cover; 
	background-position: center;
}

.fondo_servicios
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_servicios.jpg); 
	background-size: cover; 
	background-position: center;
}

.admisiones
{ 
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.margen_se_parte_familia
{
	margin: 0px;
}

/* ************************	PC ************************* */



/* TABLET */
/* TABLET */
/* TABLET */


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

.foto1
{
	width:100%;
	height:100px;
	box-sizing:border-box;
}
    
.fondo_nosotros
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_nosotros_tablet.jpg); 
}	
	
.fondo_servicios
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_servicios_tablet.jpg); 
	background-size: cover; 
	background-position: center;
}	
	
.fondo_community
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_community_tablet.jpg); 
	background-size: cover; 
	background-position: center;
}	
	
.fondo_news
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_news_tablet.jpg); 
	background-size: cover; 
	background-position: center;
}	
	
.fondo_admisiones
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_admisiones_tablet.jpg); 
	background-size: cover; 
	background-position: center;
}	
	
.nosotros_fondo
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)), url(../images/nosotros_fondo_tablet.jpg);
}		
	
.fondo_contacto
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/contacto_tablet.jpg); 
	background-size: cover; 
	background-position: center;
}

.logo_certificaciones
{
	width: 7.66%;
}
	
.pie
{
	width:100%; 
	height: auto; 
	display: grid; 
	grid-template-columns: repeat(5,1fr);
	grid-gap: 30px;
	padding-top: 40px; 
	padding-bottom: 40px; 
	padding-left: 20px;
	padding-right: 20px;
}

.texty
{
	font-size: 24px;
}
	
	
.position
	{
		left:0px;
			top:-33px;
	}

	
	
	
.flexrow
{
	flex-direction: column;
}
	
.pc
{
	display: none;
}
	
.movil
{
	display: block;
}
	
.agendar_visita_mostrar_moviles
{
	display: flex;
}

	
.agendar_visita
{
	display: none;
}
	
	.menu_movil
{
	
	width:100%; height:auto; background-color: rgba(0,0,0,0.20); margin:0 auto; float:left;  box-sizing:border-box; position:relative;background: 
   
    linear-gradient(
      rgba(0,0,0,0.71), 
      rgba(0,0,0,0.41)
    ),
  
    url(../imagenes/foto2.jpg);
	
	
	background-repeat: no-repeat; background-position: center;
	background-attachment: fixed; background-size:cover;
	display:block;
}

.menu_pc
{
	
display: none;
}
	
	
	
.display_pc
{
	display: block;
}
	
	
.display_movil
{
	display: none;
}
	
.contenedor_vinculos
{
	
display: none;
}
	
h1
{
	
	padding:0px;
	margin: 0px;
	font-size:40px;
}


h2
{
	
	padding:0px;
	margin: 0px;
	font-size:30px;
}


h3
{
	
	padding:0px;
	margin: 0px;
	font-size:22px;
}


h4
{
	
	padding:0px;
	margin: 0px;
	font-size:20px;
}

h5
{
	
	padding:0px;
	margin: 0px;
	font-size:18px;
}


h6
{
	
	padding:0px;
	margin: 0px;
	font-size:16px;
}



h7
{
	
	padding:0px;
	margin: 0px;
	font-size:14px;
}


.contenedor1
{
	padding-top:40px;
	padding-bottom:40px;
	width:100%;
	padding-right: 20px;
	padding-left:20px;
	box-sizing:border-box;	  
}
  
.contenedor2
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
  
.contenedor3
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.contenedor4
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
	
	
.contenedor5
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

	.contenedor30
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}
	
.contenedor20
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}

.contenedor66
{
	width:100%;
	padding: 10px;
	height:auto;
	box-sizing:border-box;
}

.instalaciones_index
{
	grid-template-columns: repeat(3, 1fr);
}

.img_chica
{
		grid-column: span 1;
		grid-row:  span 1;
}

.img_mediana
{
		grid-column: span 1;
		grid-row:  span 2;
}
	
.img_grande
{
		grid-column: span 2;
		grid-row: span 2;
}
	
.pie_item
{
	grid-column: span 2;
}

.mapa
{
	width: 100%;
	height: 450px;
	grid-column: span 3;
}

.menu_pc
{
	
	display:none;
}

.menu_pc_contenedor
{
	display: none; 
}	
	
.menu_movil
{
	width:100%; 
	height:auto;
	background-color: rgba(0,0,0,0.20);
	margin:0 auto; 
	float:left; 
	box-sizing:border-box;
	position:relative;
	background:
	  linear-gradient(
      rgba(0,0,0,0.71), 
      rgba(0,0,0,0.41)
    ),
    url(../imagenes/foto2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding:10px;
	display:block;
}

.blog_noticias
{
	grid-column: span 8;
}
	
.blog_noticia
{
	grid-column: span 3;	
}
	
.blog_sidebar
{
	grid-column: span 8;	
}	
	
.articulo
{
	grid-column: span 8;
}	
	
.acerca_contenido
{
	grid-column: span 2;
}
	
.profesor
{
	grid-column: span 3;
}
	
.servicios
{ 
	grid-template-columns: repeat(1, 1fr); 
}
	
.pc
{
	display: none;
}
	
.margentop
{
	padding-left: 15px;
	padding-right: 15px;
}	
	
.movil
{
	display: block;
}
	
	
}


/* MOVIL */
/* MOVIL */
/* TABLET */




/*  TABLET PARADA */

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

.foto1
{
	width:100%;
	height:200px;
	box-sizing:border-box;
}
    
.galeria_noticia
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	padding-right:0px;
	margin-top:25px;
}
    
.logo_certificaciones
{
	width: 20%;
}	
	
.display_pc
{
	display: none;	
}
	
.display_movil
{
	display: none;
}
	
.display_tablet
{
	display: block;
}
	
}

/* / TABLET PARADA */



/* MOVIL CELULAR MENOS DE 710PX */
/* MOVIL CELULAR MENOS DE 710PX */
/* MOVIL CELULAR MENOS DE 710PX */





@media only screen and (max-width:710px)
{
	
.fondo_nosotros
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_nosotros_movil.jpg); 
}	
	
.fondo_community
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_community_movil.jpg); 
	background-size: cover; 
	background-position: center;
}
	
.fondo_news
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_news_movil.jpg); 
	background-size: cover; 
	background-position: center;
}		
	
.fondo_admisiones
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_admisiones_movil.jpg); 
	background-size: cover; 
	background-position: center;
}	
	
.nosotros_fondo
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)), url(../images/nosotros_fondo_movil.jpg);
}	
	
.margen_se_parte_familia
{
	margin-top: 40px;
}	
	
.admisiones
{ 
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}	
	
.fondo_contacto
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/contacto_movil.jpg); 
	background-size: cover; 
	background-position: center;
}	
	
.fondo_servicios
{
	background: linear-gradient(to top right, rgba(45,45,45,0.80), rgba(45,45,45,0.40), rgba(45,45,45,0.80)),url(../images/portada_servicios_movil.jpg); 
}
	
.texty
{
	font-size: 16px;
}
	
.position
{
	left:-60px;
	top:-30px;
}
	
.pc
{
	display: none;
}
	
.movil
{
	display: block;
}
	
	
.display_pc
{
	display: none;
}
	
	
.display_movil
{
	display: block;
}

.menu_movil
{
	
	width:100%; height:auto; background-color: rgba(0,0,0,0.20); margin:0 auto; float:left;  box-sizing:border-box; position:relative;background: 
   
    linear-gradient(
      rgba(0,0,0,0.71), 
      rgba(0,0,0,0.41)
    ),
  
    url(../imagenes/foto2.jpg);
	
	
	background-repeat: no-repeat; background-position: center;
	background-attachment: fixed; background-size:cover;
	display:block;
}

.menu_pc
{
	
display: none;
}
	
	
	
.flexcolumn
{
	display: flex;
	flex-direction: column;
}	
	
	
		.heig450
{
	height: auto;
}
	
	.flexdirection 
{
	
	flex-direction: column;
}
	
	
#contenedor_botonespc
{
	display:none;
}


.contenedor_botonesmovil
{
	display:block;
}



.separador2
{
	width:100%;
	
}


.separador1
{
	
	
}
	
.contenedor1
{
	padding-top:40px;
	padding-bottom:40px;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;	  
}
  
.contenedor2
{
	width:100%;
	padding:0px;
	box-sizing:border-box;
}
  
.contenedor3
{
	width:100%;
	padding-top:15px; padding-bottom:15px; padding-left:0px; padding-right:0px;
	box-sizing:border-box;
}

.contenedor4
{
	width:100%;
	padding:0px;
	box-sizing:border-box;
}
	
	
.contenedor5
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.contenedor30
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}
	
.contenedor20
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}

.contenedor66
{
	width:100%;
	padding: 10px;
	height:auto;
	box-sizing:border-box;
}

.cont2
{
	width:100%;
	height: auto;
}	
	
.instalaciones_index
{
	grid-template-columns: repeat(2, 1fr);
}
	
.column1
{
	grid-column: span 1;
}

.column2
{
	grid-column: span 2;
}
	
.pie_item
{
	grid-column: span 5;
}
	
.img_chica
{
		grid-column: span 1;
		grid-row:  span 1;
}

.img_mediana
{
		grid-column: span 1;
		grid-row:  span 1;
}
	
.img_grande
{
		grid-column: span 1;
		grid-row: span 2;
}

.pie_redes_sociales
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}	

.mapa
{
	width: 100%;
	height: 450px;
	grid-column: span 3;
}

.index_estadisticas
{ 
	width:100%;
	height: auto;
	box-sizing: border-box; 
 	background: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
	
.texto_negro_movil
{
	color: #000;	
}

.menu_pc
{
	
	display:none;
}


	
.pc
{
	display: none;
}



.menu_movil
{
	
	width:100%; height:auto; background-color: rgba(0,0,0,0.20); margin:0 auto; float:left;  box-sizing:border-box; position:relative;background: 
   
    linear-gradient(
      rgba(0,0,0,0.71), 
      rgba(0,0,0,0.41)
    ),
  
    url(../imagenes/foto2.jpg);
	
	
	background-repeat: no-repeat; background-position: center;
	background-attachment: fixed; background-size:cover;
	display:block;
}




.contenedorinside
{

	width:100%; height:auto; max-width:710px; color:white; margin:0 auto;  text-align:Center;
}




.contenedor_vinculos
{
	
	width:100%; 
	height:auto; 
	text-align:center;
	margin:0 auto;  
	display:none; 
	align-items:center;
	justify-content:space-around; 
	flex-direction:column; 
	padding-bottom:10px;
	padding-top:10px;
	background-color: #434242;
	/*display:none; */
}

.campuses
{
	width:100%;
	height: auto; 
	box-sizing: border-box;  
	background: #f7f7f7; 
	background-repeat: no-repeat; 
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
	
.colegios_monterrey
{
	grid-template-columns: repeat(1, 1fr); 
}
	
.colegios_monterrey_fondo
{
	background-image: none;
	background-color:#ebebeb;
}
	
.index_estadisticas
{ 
	background-image: none;
	background-color:#ebebeb;
}

.campuses
{
	background-image: none;
	background-color:#ebebeb;
}

#contenedor_carrusel
{
	display:none;
}

#contenedor_carrusel_movil
{
	display:block;
}

.parallax
{
	background-attachment:inherit;
}
	
.blog_noticias
{
	grid-column: span 8;
}	
	
.blog_sidebar
{
	grid-column: span 8;	
}
	
.articulo
{
	grid-column: span 8;
}	
	
.acerca_contenido
{
	grid-column: span 2;
}
	
.profesor
{
	grid-column: span 3;
}	

.servicios
{ 
	grid-template-columns: repeat(1, 1fr); 
}
	
.servicios_fondo
{
	background: #F7F7F7;; 
}
	
.circulo_icono
{ 
	border:2px solid #F9C521; 
}

.icono_sericono_servicios
{
	color: #F9C521;
}
	
.margen_contactopie
{
	padding-top: 0px;
}	
	
.margen_contactopie_interesar
{
	padding-top: 35px;
}	
	
.margentop
{
	padding-left: 15px;
	padding-right: 15px;
}	
	
.display_tablet
{
	display: none;
}	

}


/* MOVIL CELULAR MENOS DE 710PX */
/* MOVIL CELULAR MENOS DE 710PX */
/* MOVIL CELULAR MENOS DE 710PX */