/*#########################################
################### intro #################
#########################################*/
#intro{
	color: #fff;
	min-height: 480px;
	background-color: #333;
	background-image: url(../img/que_hacemos/intro.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
#intro h1{
	padding: 40px 0;
	font-size: 20px;
}
#intro .enlaces{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
}
#intro .enlaces ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#intro .enlaces ul li a{
	color: #E64646;
	text-decoration: none;
	display: block;
	padding: 0 12px;
	line-height: 116%;
	padding: 4px;
	border-top: 1px solid #000;
}
#intro .enlaces ul li a:hover{
	color: #fff;
}
/* responsivo */
@media (min-width: 768px){
	#intro h1{
		padding: 40px 0;
		font-size: 30px;
	}
}
@media (min-width: 992px){
	#intro h1{
		padding: 40px 0;
		font-size: 34px;
	}
	#intro .enlaces ul li{
		display: inline-block;
	}
	#intro .enlaces ul li a{
		padding: 12px;
		line-height: 116%;
		font-weight: 600;
		border-top: none;
	}
}
@media (min-width: 1200px){
	#intro h1{
		padding: 40px 0;
		font-size: 38px;
	}
}

/*#########################################
################### slogan ################
#########################################*/
#slogan{
	padding: 40px 0;
}
#slogan h1{
	font-size: 20px;
}

/* responsivo */
@media (min-width: 768px){
	#slogan h1{
		font-size: 22px;
	}
}
@media (min-width: 992px){
	#slogan h1{
		font-size: 26px;
	}
}
@media (min-width: 1200px){
	#slogan h1{
		font-size: 28px;
	}
}

/*#########################################
################### objetivos ################
#########################################*/
#objetivos{
	
}
#objetivos .izq{
	background-color: #ede8e0;
}
#objetivos .izq p{
	font-size: 24px;
	text-align: center;
}
#objetivos .der{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f8f6f6;
}

/* responsivo */
@media (min-width: 768px){
	#objetivos{
		background-image: url(../img/que_hacemos/bg_objetivos1.png);
		background-repeat: repeat-y;
		background-position: center;
	}
	#objetivos .izq, #objetivos .der{
		padding-top: 40px;
		height: 300px;
		padding-bottom: 40px;
	}
	#objetivos .izq{
		background-color: #ede8e0;
		background-image: url(../img/que_hacemos/bg_objetivos.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
	#objetivos .izq p{
		font-size: 20px;
		line-height: 120%;
		text-align: justify;
		padding-top: 20px;
		padding-right: 140px;
	}
	#objetivos .der{
		background-color: #f8f6f6;
	}
	#objetivos .der ul{
		padding-top: 10px;
	}
}
@media (min-width: 992px){
	#objetivos .izq p{
		font-size: 24px;
		padding-top: 20px;
		padding-left: 70px;
		padding-right: 140px;
	}
	#objetivos .der ul{
		font-size: 16px;
		padding-right: 40px;
		padding-left: 40px;
		padding-top: 20px;
	}
}
@media (min-width: 1200px){
	#objetivos .izq p{
		font-size: 30px;
	}
}

/*###############################################
############ objetivo_principal #################
###############################################*/
#objetivo_principal{
	padding: 50px 0;
}
#objetivo_principal .desc{
	color: #e64646;
}
#objetivo_principal .circulos .cuadro{
	display: inline-block;
	vertical-align: top;
	color: #e64646;
}
#objetivo_principal .circulos .cuadro .titulo{
	display: block;
}
#objetivo_principal .circulos{
	padding-top: 30px;
	text-align: center;
}
#objetivo_principal .circulos .circulo{
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	width: 220px;
	height: 220px;
	border-radius: 110px;
	margin: 10px;
	overflow: hidden !important;
	position: relative;
}
/*#objetivo_principal .circulos .circulo:hover{
	border-color: #e64646;
}*/
#objetivo_principal .circulos .circulo .txt, #objetivo_principal .circulos .circulo .icono{
	width: 220px;
	height: 220px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#objetivo_principal .circulos .circulo .icono{
	background-color: #e64646;
	border-radius: 110px;
	position: absolute;
	left: 0;
	padding-top: 12px;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 30px;
	top: 0;
	opacity: 1;
	transform-origin: 50% 0%;
	transform: rotate(-180deg);
	transition-property: transform;
	transition-duration: 0.4s;
}
#objetivo_principal .circulos .circulo:hover .icono{
	transform: rotate(0deg);
}

/*###########################################
############ estrategia corporativa #########
###########################################*/
#estrategia_corporativa{
	padding: 40px 0;
	background-color: #000;
	color: #eb6b6b;
	background-image: url(../img/que_hacemos/icono_tablero.svg);
	background-repeat: no-repeat;
	font-size: 16px;
	background-position: right -33px bottom -28px;
	background-size: 260px;
	line-height: 170%;
}
#estrategia_corporativa h1{
	font-size: 50px;
	font-weight: 900;
	color: #e64646;
}



/* --- para todas las secciones --- */
.con_icono{
	position: relative;
	background-image: url(../img/que_hacemos/bg_flecha_negro.png);
	background-repeat: repeat-x;
	background-position: center top 120px;
	padding-top: 20px;
	background-color: #e5e5e5;
}
.con_icono h3{
	padding-bottom: 80px;
}
.con_icono > .icono{
	width: 120px;
	height: 120px;
	background-color: #e5e5e5;
	border-radius: 75px;
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -60px;
	background-position: center;
	background-size: 70px;
	background-repeat: no-repeat;	
}
/* --- fin de secciones --- */


/*###########################################
################# actividades ###############
###########################################*/

#actividades{	
	padding: 40px 0 80px 0;
	background-position: center top 150px;
}
#actividades > .icono{
	background-image: url(../img/que_hacemos/icono_grafica_negro.svg);
}
#actividades .celda{
	padding: 40px 0;
	display: block;
	border: 1px dotted #fff;
	border-collapse: collapse;
	color: #6d6e6f;
}
#actividades .container .col-sm-4{
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px){
	#actividades{
		background-position: center top 120px;
	}
}

/*###########################################
################## liderazgo ################
###########################################*/
#liderazgo{
	padding: 40px 0;
	background-color: #e64646;
	color: #fff;
	background-image: url(../img/que_hacemos/icono_personas.svg);
	background-repeat: no-repeat;
	font-size: 16px;
	background-position: right -33px bottom -38px;
	background-size: 260px;
	line-height: 170%;
}
#liderazgo h1{
	font-size: 50px;
	font-weight: 900;
}

/*###########################################
################# cuadro_ineo ###############
###########################################*/
#cuadro_ineo{
	padding-top: 140px;
	background-position: center top 60px;
	background-image: url(../img/que_hacemos/bg_flecha_rojo.png);
}
#cuadro_ineo .icono{
	background-image: url(../img/que_hacemos/icono_gente_negro.svg);
}
#cuadro_ineo .pad{
	padding-bottom: 40px;
}
#cuadro_ineo .bordes{
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}
#cuadro_ineo .celda{
	color: #6d6e6f;
	padding: 20px 0;
	display: block;
}
#cuadro_ineo > .foto{
	height: 600px;
	background-color: #ccc;
	background-image: url(../img/que_hacemos/cuadro_ineo.jpg);
	background-position: center;
	background-size: cover;
}

/* responsivo */
@media (min-width: 768px){
	#cuadro_ineo .bordes{
		border-top: none;
		border-bottom: none;
		border-left: 1px dashed #fff;
		border-right: 1px dashed #fff;
	}
}
@media (min-width: 992px){
	
}
@media (min-width: 1200px){
	
}

/*###########################################
############ estrategia corporativa #########
###########################################*/
#finanzas_corporativas{
	padding: 40px 0 60px 0;
	background-color: #000;
	color: #eb6b6b;
	background-image: url(../img/que_hacemos/icono_tendencia.svg);
	background-repeat: no-repeat;
	font-size: 16px;
	background-position: right -33px bottom -28px;
	background-size: 260px;
	line-height: 170%;
}
#finanzas_corporativas h1{
	font-size: 40px;
	font-weight: 900;
	color: #e64646;
}

/* responsivo */
@media (min-width: 768px){
	#finanzas_corporativas h1{
		font-size: 50px;
	}
}

/*###########################################
################## economico ################
###########################################*/
#economico{
	padding-bottom: 40px;
}
#economico .icono{
	background-image: url(../img/que_hacemos/icono_dinero_negro.svg);
}
#economico .pad{
	padding-bottom: 40px;
	border-bottom: 1px dashed #fff;
}
#economico .bordes{
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}
#economico .celda{
	color: #6d6e6f;
	padding: 20px 0;
	display: block;
}

/* responsivo */
@media (min-width: 768px){
	#economico .bordes{
		border-top: none;
		border-bottom: none;
		border-left: 1px dashed #fff;
		border-right: 1px dashed #fff;
	}
}
@media (min-width: 992px){
	
}
@media (min-width: 1200px){
	
}

/*###########################################
############# operacion_controles ###########
###########################################*/
#operacion_controles{
	padding: 40px 0;
	background-color: #e64646;
	color: #fff;
	background-image: url(../img/que_hacemos/icono_controles.svg);
	background-repeat: no-repeat;
	font-size: 16px;
	background-position: right -33px bottom -38px;
	background-size: 260px;
	line-height: 170%;
}
#operacion_controles h1{
	font-size: 50px;
	font-weight: 900;
}

/*###########################################
################## controles ################
###########################################*/
#controles{
	padding-bottom: 40px;
}
#controles .icono{
	background-image: url(../img/que_hacemos/icono_ajustar_negro.svg);
}
#controles .pad{
	padding-bottom: 40px;
	border-bottom: 1px dashed #fff;
}
#controles .bordes{
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}
#controles .celda{
	color: #6d6e6f;
	padding: 20px 0;
	display: block;
}

/* responsivo */
@media (min-width: 768px){
	#controles .bordes{
		border-top: none;
		border-bottom: none;
		border-left: 1px dashed #fff;
		border-right: 1px dashed #fff;
	}
}
@media (min-width: 992px){
	
}
@media (min-width: 1200px){
	
}