/* 1100*/ 




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




}






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










/* nosotrossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

/* empresaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

.empresa-contenido{ width: 70% }
.empresa-titulo h1{ font-size: 35px }
.empresa-parrafo p{ font-size: 11.9px }
.empresa-mas-info-parrafo p { font-size: 11.9px }

/*mision y visionnnnnnnnnnnnnnnnnnnnnnnnnnn*/
/*msion*/
.myv-mision h1{ font-size: 29px; }
.myv-mision p{ font-size: 11.9px }


/*vision*/
.myv-vision h1{ font-size: 29px; }
.myv-vision p{ font-size: 11.9px }

/* valoresssssssssssssssssssssssssssssssssssss */

.valores-titulo h1{ font-size: 39px }
.valores-contenido-cuadro h1{ font-size: 14.9px }



/* por que nosotrosssssssssssssssssssssssssss */

/* sectorr1111 */
.porque-nosotros-sector1-cuadro h1{ font-size: 19px }
.porque-nosotros-sector1-cuadro p{font-size:11.9px}


/*sectorrr222*/
.porque-nosotros-sector2-cuadro-titulo-centro h1{ font-size: 35px }
.porque-nosotros-sector2-cuadro-titulo-centro h2{font-size: 35px}
.signo-pregunta{ font-size: 115px }
/* sectorr333 */
.porque-nosotros-sector3-cuadro h1{ font-size: 19px }
.porque-nosotros-sector3-cuadro p{font-size:11.9px}



}





/* 1000*/

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








}









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




#logo-rojo{ width: 100%;max-width: 100px;}


/* nosotrossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

/* empresaaa*/

.empresa-contenido{ width: 75% }
.empresa-titulo h1{ font-size: 30px }
.empresa-parrafo p{ font-size: 11.5px }
.empresa-mas-info-parrafo p { font-size: 11.5px }

/*mision y visionnnnnn*/
.myv-contenido{ width: 100%;
				padding: 0px 20px 100px 20px }
/*msion*/

.myv-mision{ width: 60%;padding: 100px 0px 0px 0px;margin: 0 auto;float: none }
.myv-mision h1{ font-size: 25px; }
.myv-mision p{ font-size: 11.5px }
/*logoo*/
.myv-logo{ width: 100%;padding: 40px 0px 40px 0px; }

/*vision*/
.myv-vision{ width: 60% ;padding: 20px 0px 0px 0px;margin: 0 auto;float: none }
.myv-vision h1{ font-size: 25px; }
.myv-vision p{ font-size: 11.5px }

/* valoresssssssssssssss */

.valores-titulo h1{ font-size: 30px }
.valores-contenido-cuadro h1{ font-size: 13px }
.valores-contenido-cuadro{ width: 30%;
						   float: left;
						   text-align: center;
						   margin: 0% 5% 7% 0% }

.valores-contenido-cuadro:nth-child(3n){ margin: 0% 0% 0% 0% }


/* por que nosotrosssssssssssssssssssssssssss */

/* sectorr1111 */
.porque-nosotros-sector-uno-reemplazo{ display: block; padding: 50px 0px 100px 0px }
.porque-nosotros-sector1{ display: none; }
.porque-nosotros-sector1-cuadro h1{ font-size: 17px }
.porque-nosotros-sector1-cuadro p{font-size:11px}

.porque-nosotros-sector1-cuadro{ width: 45%;
								 padding: 0px 20px 0px 20px ;
								 float: left;
								 text-align: center;
								 margin: 0% 10% 5% 0% }

.porque-nosotros-sector1-cuadro:nth-child(3n){ margin: 0% 10% 7% 0% }

.porque-nosotros-sector1-cuadro:nth-child(2n){ margin: 0% 0% 0% 0% }





/*sectorrr222*/
.porque-nosotros-sector2{ display: none; }
.porque-nosotros-sector-reemplazo{ display:block; }
.porque-nosotros-sector2-cuadro-titulo-centro h1{ font-size: 30px }
.porque-nosotros-sector2-cuadro-titulo-centro h2{font-size: 30px}
.signo-pregunta{ font-size: 100px }
/* sectorr333 */
.porque-nosotros-sector3{ display: none; }
.porque-nosotros-sector3-cuadro h1{ font-size: 17px }
.porque-nosotros-sector3-cuadro p{font-size:11px}







}









/* 800*/
@media screen and (max-width: 800px){




/* nosotrossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

/* empresaaa*/

.empresa-contenido{ width: 80% }
.empresa-titulo h1{ font-size: 25px }
.empresa-parrafo p{ font-size: 11px }
.empresa-mas-info-parrafo p { font-size: 11px }


/*mision y visionnnnnn*/

/*msion*/

.myv-mision{ width: 70%; }
.myv-mision h1{ font-size: 22px; }
.myv-mision p{ font-size: 11px }
/*logoo*/
.myv-logo{ width: 100%;padding: 40px 0px 40px 0px; }

/*vision*/
.myv-vision{ width: 70% ; }
.myv-vision h1{ font-size: 22px; }
.myv-vision p{ font-size: 11px }




}




/* 700*/

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






/* nosotrossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

/* empresaaa*/

.empresa-contenido{ width: 85% }
.empresa-titulo h1{ font-size: 20px }
.empresa-parrafo p{ font-size: 10.5px }
.empresa-mas-info-parrafo p { font-size: 10.5px }


/*mision y visionnnnnn*/

/*msion*/

.myv-mision{ width: 80%; }
.myv-mision h1{ font-size: 20px; }
.myv-mision p{ font-size: 10.5px }
/*logoo*/


/*vision*/
.myv-vision{ width: 80% ; }
.myv-vision h1{ font-size: 20px; }
.myv-vision p{ font-size: 10.5px }

/* valoresssssssssssssss */

.valores-titulo h1{ font-size: 25px }
.valores-contenido-cuadro h1{ font-size: 12px }
.valores-contenido-cuadro{ width: 45%;
						   float: left;
						   text-align: center;
						   margin: 0% 10% 8% 0%;
						 }

.valores-contenido-cuadro:nth-child(3n){ margin: 0% 10% 7% 0% }
.valores-contenido-cuadro:nth-child(2n){ margin: 0% 0% 0% 0% }


/* por que nosotrosssssssssssssssssssssssssss */

/* sectorr1111 */

.porque-nosotros-sector1-cuadro h1{ font-size: 15px }
.porque-nosotros-sector1-cuadro p{font-size:10.5px}

.porque-nosotros-sector1-cuadro{ width: 80%;
								 
								 float: none;
								 text-align: center;
								 margin: 0px auto 50px  auto;
								  }

.porque-nosotros-sector1-cuadro:nth-child(3n){ margin: 0px auto 50px  auto; }

.porque-nosotros-sector1-cuadro:nth-child(2n){  margin: 0px auto 50px  auto; }





/*sectorrr222*/
.porque-nosotros-sector2{ display: none; }
.porque-nosotros-sector-reemplazo{ display:block; }
.porque-nosotros-sector2-cuadro{ width: 80% }
.porque-nosotros-sector2-cuadro-titulo-centro h1{ font-size: 25px }
.porque-nosotros-sector2-cuadro-titulo-centro h2{font-size: 25px}
.signo-pregunta{ font-size: 100px }
/* sectorr333 */
.porque-nosotros-sector3{ display: none; }
.porque-nosotros-sector3-cuadro h1{ font-size: 17px }
.porque-nosotros-sector3-cuadro p{font-size:11px}




}





/* 600*/
@media screen and (max-width: 600px){





}




/* 500*/
@media screen and (max-width: 500px){







}





/* 400*/
@media screen and (max-width: 400px){



}