
.cont-gnal-somos{
	position: relative;
	height: 500px; 

}


.contenedor-nuestro-enfoq{
	/*background-color: pink; */
	top: 100px; 
	height: 500px; 
	position: relative;

  	margin: auto;
  	width: 90%;


	max-width: 900px;


  	
}

.img-perfiles{
	/*max-width: 100%;
	max-height: 100%;*/
	height: 100%;
	width: 100%;
}






.div-cont-quienes-somos{
	width: 50%; margin-left: 40%; margin-top: 25%
}



.cont-enfoques-medio{
	width: 70%;
	height: 33.333%;
	background-color: yellow;
	margin-left: 2%;
}

.cont-enfoques{
	width: 70%;
	height: 33.333%;
	/*background-color: pink;*/
	margin-left: 30%;
}

.f12{
	font-size: 12px;
}
.f11{
	font-size: 11px;
}
.f10{
	font-size: 10px;
}




.raya-enfoque{
	width: 35%;
	height: 100%;
	/*background-color: pink;*/
}


.tit-enfoque{
	width: 55%;
	height: 100%;
	/*background-color: gray;*/

}


.tit-enfoque-medio{
	width: 55%;
	height: 100%;
	/*background-color: gray;*/

}





.bar{
    height: 1px; 
    width: 80%; 
    background-color:#68696b; 

    margin-left: 15%;
    margin-top: 20px;





}

.bar-medio{
    height: 1px; 
    width: 80%; 
    background-color:#68696b; 

    margin-left: -25%;
    margin-top: 20px;

}


/*.raya-enfoque, .tit-enfoque{

}

*/



.marg-comunicacion{
	margin-left: -80px;
	margin-top: -5px;
}

.mar-investigacion{
	margin-left: 0px;
	margin-top: -5px;
}
.mar-estrategia{
	margin-left: -110px;
	margin-top: -5px;
}


.text-izq{
	text-align: left;
}
.text-centro{
	text-align: center;
}
.text-der{
	text-align: right;
}


.somos-agencia{
	height: 740px; 
	margin-top: 210px;
}

.cont-img-somos{
	height: 100%; 
	overflow:hidden;
}

.cont-pasos-somos{
	height: 100%; 
	overflow: hidden; 
	padding: 20px;
}








/*Rangos---------------------------------------------*/
/*@media only screen and (min-width: 1300px) and (max-width: 1600px){
	.prueba{
		background-color: yellow;
	}
}*/

/*@media screen and (min-width: 1400px) { 
	.prueba{
		background-color: yellow;
	}

	
}

@media screen and (min-width: 1500px) { 
	.prueba{
		background-color: pink;
	}

	
}*/

/*---------------------------------------------*/

@media screen and (min-width: 1450px) { /*90%*/
 /* .prueba{
	background-color: yellow;
  }*/

	.div-cont-quienes-somos{
		width: 50%; 
		margin-left: 35%; 
		margin-top: 25%
	}

	.cont-gnal-somos{
		height: 560px; 
	}

	/*.cont-enfoques-medio{
		margin-left: 10%;
	}*/


}

@media screen and (min-width: 1550px) { /*80%*/
	/*.prueba{
		background-color: orange;
	 }*/


	.cont-gnal-somos{
		height: 620px; 
	}


}

@media screen and (min-width: 1750px) { /*70%*/
	/*.prueba{
		background-color: pink;
	 }*/
	.cont-gnal-somos{
		height: 700px; 
	}


}

@media screen and (min-width: 1900px) { /*60%*/
	/*.prueba{
		background-color: blue;
	 }*/
	.cont-gnal-somos{
		height: 700px; 
	}


}

/*Min-width
1350 100%
1450 90%
1550 80%
1750 70%

*/



/*

MAX-WIDHT
2600 60
2000 70
1750px -> 80% HASTA MOVIL
1600px -> 90% HASTA MOVIL
1400px -> 100% HASTA MOVIL
1300px -> 110% HASTA MOVIL

*/


/*
@media screen and (max-width: 1300px) { 110 HASTA MOVIL%
  .prueba{
		background-color: pink;
	}
}*/






@media screen and (max-width: 1210px) { /*120 HASTA MOVIL%*/
  /*.prueba{
		background-color: pink;
	}*/

	.div-cont-quienes-somos{
		width: 50%; 
		margin-left: 35%; 
		margin-top: 15%
	}

	.cont-enfoques-medio{
		margin-left: 10%;
	}



}

@media screen and (max-width: 1100px) { /*130 HASTA MOVIL%*/
	
  
	.div-cont-quienes-somos{

		width: 70%; 
		margin-left: 10%; 
		margin-top: 2%
	}

	.cont-gnal-somos{
		height: 400px; 
	}


}

@media screen and (max-width: 1000px) {

	/*.prueba{
		background-color: yellow;
	}*/
  
	.div-cont-quienes-somos{
		width: 90%; 
		margin-left: 5%; 
		margin-top: 2%
	}

	.cont-gnal-somos{
		height: 300px; 
	}

	.cont-enfoques-medio{
		margin-left: 20%;



	}


	.bar-medio{
	    margin-left: -18%;
	    margin-top: 20px;
	}





}






@media screen and (max-width: 768px) {
	.cont-pasos-somos{
		height: auto; 
		padding: 25px;
	}
	.somos-agencia{
		height: auto; 
		margin-top: 100px;
		padding: 0px;
	}
	.cont-img-somos{
		height: 300px; 
		width: 100%;
		/*overflow:hidden;
		box-sizing: border-box;*/
	}


	.div-cont-quienes-somos{
		width: 100%; 
		margin-left: 0%; 
		margin-top: 0%
	}

	.cont-gnal-somos{
		height: auto; 
	}

	.cont-enfoques{
		width: 100%;
		/*background-color: gray;*/
		margin-left: 0;
	}

	.cont-enfoques-medio{
		width: 100%;
		margin-left: 0;
	}

	/*.cont-enfoques-medio{
		width: 100%;
		height: 30%;
		margin-left: 2%;
	}*/

	.txt_nuestro_enfoque{
	  top: 0px;

	}

	.contenedor-nuestro-enfoq{
		/*background-color: transparent; */
		padding: 2.5%;
		top: 30px; 
		width: 100%;
		margin: auto;
		height: 400px;

	/*	
	height: 500px; 
		position: relative;


	*/

	  	
	}

	.nuestro_enfoque{
	    padding: 5px;

	  }



	.raya-enfoque{
		width: 35%;
		height: 100%;
		/*background-color: pink;*/
	}


	.tit-enfoque{
		width: 50%;
		height: 100%;
		/*background-color: gray;*/

	}
	.tit-enfoque-medio{
		width: 50%;
		height: 100%;
		/*background-color: gray;*/

	}
	
	
	/*.bar-medio{
		display: none;
	}*/

	.bar{
		margin-left: 2%;
	    /*height: 1px; 
	    width: 80%; 
	    background-color:#68696b; 

	    
	    margin-top: 20px;*/

	}

	.bar-medio{
		margin-left: 0%;
	    /*height: 1px; 
	    width: 80%; 
	    background-color:#68696b; 

	    
	    margin-top: 20px;*/

	}

	/*.mar-investigacion{
		margin-left: 0px
	}*/
	.marg-comunicacion{
		margin-left: 0px;
		
	}

	.mar-investigacion{
		margin-left: 0px;
	
	}
	.mar-estrategia{
		margin-left: 0px;
		
	}


	.br-ss{
		display: none;
	}

	
.text-centro, .text-izq, .text-der{
	text-align: center;
}








		
}


@media screen and (max-width: 388px) {
	.raya-enfoque{
		width: 30%;
	}

	.bar-medio, .bar{
		/*display: none;*/
		width: 90%;
	}

	
	.bar{
		margin-left: 2%;
	}

	.bar-medio{
		margin-left: 0%;
	}

	.tit-enfoque, .tit-enfoque-medio{
		text-align: center;
		/*background-color: pink;*/
		width: 65%;
		margin: auto;
		display: block;
	}
	

}