@charset "utf-8";
/*
font-family: 'Open Sans Condensed', sans-serif;
*/
@font-face{
	font-family:"Impact";
	src:url(../tipografias/impact_1.ttf) format('opentype');	
}
@font-face{
	font-family:"Myriad Pro";
	src:url(../tipografias/Myriad-Pro-Regular.ttf) format('opentype');	
}
@font-face{
	font-family:"Fjalla One";
	src:url(../tipografias/FjallaOne-Regular.ttf) format('opentype');	
}

header, section, article, nav, footer, aside, figure{
	display:block;
	margin:0;
	padding:0;	
}
body{
	margin:0;
}
*{
	box-sizing:border-box;
}
h1, h2{ font-family: 'Impact', sans-serif; font-weight:normal; margin:0; }
h3{ font-weight:normal; margin:0;}
h4{ font-weight:normal; margin:0;}
h1{
	font-size:72px;	
	color:#303030;
}
p{
	font-family: 'Myriad Pro', sans-serif; 
	font-size:20px;
	font-weight:normal; 
	margin:0;
	text-align:justify;	
	color:#7A7A7A;
}
a{	
	display:block;
	text-decoration:none;	
}
img{	
	display:block;
	width:100%;
	height:auto;	
}
a img{
	border:none; 
}
ul, ol{	
	font-family: 'Myriad Pro', sans-serif; 
	list-style:none;
	font-size:21px;
	color:#555555;
	padding:0;
	margin:0;
}
/* Estilo para el boton "Ir Arriba" */
.scroll-top {
    width: 44px;
    height: 44px;
    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 **********/
/****************************************************/
#cabecera{
	width:100%;	
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	padding:10px 11%;
	-webkit-box-shadow: 1px 5px 8px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 8px -4px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 8px -4px rgba(0,0,0,0.2);
}
.logo{
	display:block;
	width:190px;
	/*max-width:174px;*/
	margin:0 ;
}
.logo img{
	display:block;
	width:100%;
	height:auto;	
}
.caja-menu-sociales{
	width:730px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
#menu{	
	width:600px;	
	display:flex;
	justify-content:flex-end;	
}
.sociales{
	width:115px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	align-items:center;
}
.sociales li a{
	color:#0E1F2F;	
}
/****************************************************/
/*******************   SLIDES    ********************/
/****************************************************/
/*
#banner{
	width:100%;
	overflow:hidden;
	position:relative;
}
*/
.arrow-slick1{
	color:#fff !important;	
}
.caja-texto-slide{
	margin:15% 0 0 18%;	
}
.caja-texto-slide .titulo-slides{
	font-family: 'Impact', sans-serif;
	font-size:90px;
	color:#fff;	
}
.caja-boton-slide{
	width:450px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	margin:1% 0 0 0;
}
.boton-slide{
	font-size:20px;
	color:#fff;	
}
.caja-flecha-slide{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.linea-flecha{
	width:140px;
	height:2px;
	background:#fff;	
}
.caja-flecha-slide i{
	color:#fff;	
	margin:0 0 0 -10px;
}
/********************************************************/
/*****************    PRESENTACION      *****************/
/********************************************************/
.caja-presentacion{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	padding:7% 11% 3.5% 11%;
}
.num-uno{
	width:17.5%;	
}
.presentacion-txt{
	width:75%;	
}
.caja-subrayado{
	width:100%;
	margin:20px 0 60px 0;
}
.subrayado1{
	width:100%;
	height:1px;
	background:#0E1F2F;	
}
.subrayado2{
	width:110px;
	height:8px;
	background:#0E1F2F;	
}
.caja-leermas{
	display:flex;	
	justify-content:flex-end;		
}
.caja-leermas a{
	display:block;
	width:175px;
	height:55px;
	background:#CECECE;
	color:#303030;
	line-height:50px;
	text-align:center;
	border-right:1px solid #0E1F2F;
	border-bottom:1px solid #0E1F2F;
	margin:10% 0 0 0;
	transition:all 0.3s;
}
.caja-leermas a:hover{	
	background:#0E1F2F;
	color:#fff;	
}
/********************************************************/
/*****************    SERVICIOS HOME    *****************/
/********************************************************/
#servicios-home{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	padding:3.5% 11%;	
}
.titulo-serv-home{
	width:22%;	
}
.fondo-serv-puntos{
	width:100%;
	margin-top:85%;
}
.fondo-serv-puntos .puntos-azul1-pc{
	display:block;	
}
.fondo-serv-puntos .puntos-azul1-movil{
	display:none;	
}
.fondo-serv-puntos .puntos-azul1-movil2{
	display:none;	
}
.caja-botones-servicios{
	width:75%;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.caja-botones-servicios div{
	width:32.5%;
	position:relative;		
	overflow:hidden;
	background:#0E1F2F;		
	margin:0.7% 0;
}
.caja-botones-servicios div .icono-servicios{
	width:40%;
	height:auto;
	display:block;	
	margin:auto;
	padding:20% 0 0 0;
}
.caja-botones-servicios div h4{
	font-family: 'Impact', sans-serif;
	font-size:18px;
	text-align:center;
	color:#fff;	
	margin:7% 0 21% 0;
}
.caja-botones-servicios div .cajanegro{
	width:100%;
	height:100%;	
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	transition:all 0.4s;	
}
.caja-botones-servicios div:hover .cajanegro{
	top:0;
	opacity:1;
}
.caja-botones-servicios div .cajanegro div{
	position:relative;	
	width:100%;
	height:100%;
	padding:0;
}
.caja-botones-servicios div .cajanegro div img{
	display:block;
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.caja-botones-servicios div .cajanegro div h3{
	display:block;
	width:100%;
	font-family: 'Impact', sans-serif;
	font-size:22px;
	color:#fff;
	text-align:center;	
	position:absolute;
	top:30%;
	left:0;
	z-index:1;
}
.caja-botones-servicios div .cajanegro .caja-mas-info{
	display:block;
	width:100%;
	height:55px;
	position:absolute;	
	left:0;
	bottom:15%;
	z-index:1;
	background-color:transparent;
}
.caja-botones-servicios div .cajanegro .caja-mas-info a{
	display:block;	
	width:200px;
	height:55px;
	line-height:50px;	
	border:2px solid #fff;
	background:#fff;
	font-family: 'Myriad Pro', sans-serif;	
	text-align:center;
	color:#0E1F2F;	
	margin:auto;	
}
.caja-botones-servicios .caja-num2{
	width:32.5%;
	background:#0E1F2F;		
	margin:0.7% 0;
}
.caja-botones-servicios .caja-num2 .num-dos{
	width:70%;	
	margin:15% auto 0 auto;
}
.caja-botones-servicios .caja-num2 .num-dos img{
	display:block;
	width:100%;	
	height:auto
}
/********************************************************/
/********************   CLIENTES    *********************/
/********************************************************/
#clientes{
	padding:3.5% 11%;
	background:#0E1F2F;	
}
#clientes h1{
	color:#fff;	
}
#clientes .subrayado1{	
	background:#fff;	
}
#clientes .subrayado2{	
	background:#fff;	
}
.caja-clientes{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.num-tres{
	width:18%;	
}
.logo-showcase{
	width:77%;	
}
/********************************************************/
/*****************    CONTACTO HOME    *****************/
/********************************************************/
#contacto-home{
	position:relative;
}
.caja-contacto-home{
	width:78%;
	margin:7% auto 0 auto;
	padding-bottom:7%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.formulario{
	width:49.5%;
	background:#0E1F2F;
	padding:4.5% 3.5% 7% 3.5%;
}
.formulario .columnas p{
	width:100%;
}
.campos{
	width:100%;	
	height:50px;
	margin:2% 0;
	padding:0 0 0 8px;
	font-family: 'Myriad Pro', sans-serif;	
	font-size:20px;
	color:#727272;
}
.mensaje{
	width:100%;
	height:150px;
	margin:2% 0;
	padding:5px 0 0 8px;
	font-family: 'Myriad Pro', sans-serif;	
	font-size:20px;
	color:#727272;
}
.boton-contacto{
	display:block;
	width:230px;
	height:55px;
	line-height:50px;
	border:2px solid #fff;
	background:#0E1F2F;
	font-size:20px;
	text-align:center;
	color:#fff;	
	cursor:pointer;
	margin:5% 0 0 0;
	transition:all 0.3s;
}
.boton-contacto:hover{
	background:#fff;
	color:#0E1F2F;
}
.texto-contacto-home{
	width:47%;	
}
.fondo-contacto-puntos{
	margin:0 0 18% 0;	
}
.puntos-azul2-pc{
	display:block;	
}
.puntos-azul2-movil{
	display:none;	
}
.puntos-azul2-movil2{
	display:none;	
}
.fondo-gris-contacto{
	width:100%;
	background:#EFEFEF;
	padding:14% 0;
	position:absolute;
	bottom:0;	
	z-index:-1;
}
#advertencia{
	color:#FFED00 !important;
	margin:20px 0;	
	font-size:30px;
	font-weight:normal;
}
/********************************************************/
/*****************    PIE DE PAGINA    ******************/
/********************************************************/
#pie-pagina{
	background:#0E1F2F;
	padding:4% 11%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
.logo-pie{
	width:18%
}
.caja-menu-pie{
	width:45%;	
}
.menu-pie{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	border-bottom:2px solid #fff;
	padding:0 0 2.5% 0;	
}
.menu-pie li a{
	font-family: 'Fjalla One', sans-serif;
	font-size:24px;
	color:#fff;	
}
.tel-email{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	align-items:center;
	margin:3% 0 0 0;	
}
.telefono-pie{
	border:1px solid #fff;
	padding:2% 4% 2% 3%;
	font-family: 'Fjalla One', sans-serif;
	font-size:24px;
	color:#fff;
	text-align:center;	
	transition:all 0.3s;
}
.telefono-pie:hover{
	background:#fff;
	color:#0E1F2F;	
}
.email-pie{
	font-family: 'Fjalla One', sans-serif;
	font-size:24px;
	color:#fff;	
}
.caja-sociales-pie{
	width:210px;
	margin:5px 0 0 0;	
}
.caja-sociales-pie h3{
	font-family: 'Fjalla One', sans-serif;
	font-size:24px;	
	color:#fff;	
	text-align:right;
}
.sociales-pie{
	width:210px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	margin:10% 0 0 0;
}
.sociales-pie li a{
	display:block;
	width:63px;
	height:63px;
	line-height:59px;
	border:1px solid #fff;
	color:#fff;	
	text-align:center;
	transition:all 0.3s;
}
.sociales-pie li a:hover{
	background:#fff;
	color:#0E1F2F;
}
/********************************************************/
/*******************    NOSOTROS    *********************/
/********************************************************/
.portada-nosotros{
	position:relative;	
}
.caja-titulo-nosotros{
	width:37%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:1.5% 1% 1.5% 3%;
	background:#0E1F2F;
	position:absolute;
	bottom:-22%;
	left:12%;	
}
.caja-titulo-nosotros h1{
	color:#fff;	
	margin:0 10% 0 0;	
}
.fondo-puntos-nosotros{
	width:45%;	
}
.puntos-azul-nosotros-pc{
	display:block;	
}
.puntos-azul-nosotros-movil{
	display:none;	
}
.puntos-azul-nosotros-movil2{
	display:none;	
}
#nosotros{
	margin:3% 0 0 0;	
}
/*******************    RUBROS    *********************/
#rubros{
	padding:4% 11% 7% 11%;	
}
.caja-rubros{
	width:80%;
	background:#0E1F2F;	
	padding:4% 5% 6% 4%;
	position:relative;
}
.caja-rubros p{
	color:#fff;	
}
.caja-titulo-fondos-rubros{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0 0 5% 0;	
}
.titulo-rubros{
	width:47%;	
}
.titulo-rubros p, .titulo-rubros h1{
	color:#fff;	
}
.fondo-puntos-nosotros2{
	width:50%;
}
.puntos-rubros-pc{
	display:block;	
}
.puntos-rubros-movil{
	display:none;	
}
.puntos-rubros-movil2{
	display:none;	
}
.boton-abajo{
	display:block;
	border-radius:70px;
	width:70px;
	height:70px;
	line-height:75px;
	background:#fff;
	font-size:22px;
	text-align:center;
	color:#0E1F2F;	
	position:absolute;
	top:40%;
	right:-35px;
	-webkit-box-shadow: 1px 5px 8px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 8px -4px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 8px -4px rgba(0,0,0,0.2);
}
/*******************   MISION Y VISION   *********************/
#mision-vision{
	background:url(../images/nosotros/fondo-mision-vision.jpg) top no-repeat;
	background-size:contain;	
}
.caja-mision-vision{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:5% 11% 7% 11%;	
}
.txt-mv{
	width:32%;
}
.imagen-mv{
	width:60%;
}
.item-mv h2{
	font-size:48px;
	color:#303030;
	margin:0 0 7% 0;
}
.vision{
	margin:35% 0 0 0;	
}
/*******************    VALORES    *********************/
#valores{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	padding:3.5% 11%;	
}
.titulo-valores{
	width:22%;	
}
#valores .fondo-valores-puntos{
	display:none;
}
.fondo-valores-puntos .puntos-azul1-pc{
	display:block;	
}
.fondo-valores-puntos .puntos-azul1-movil{
	display:none;	
}
.fondo-valores-puntos .puntos-azul1-movil2{
	display:none;	
}
.caja-valores{
	width:75%;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.item-valores{
	width:32.5%;	
	background:#0E1F2F;
	padding:5% 0;		
	margin:0.7% 0;
}
.icono-valores{
	width:50%;
	margin:0 auto 5% auto;	
}
.item-valores h4{
	font-family: 'Impact', sans-serif;
	font-size:28px;
	color:#fff;	
	text-align:center;	
}
.item-punto-valores{
	width:32.5%;
	margin:0.7% 0;
	padding:0.8% 0 0 0.8%;
}
/********************************************************/
/*******************    SERVICIOS    *********************/
/********************************************************/
#servicios{	
	position:relative;
}
.fondo-azul-servicios{
	width:37%;
	padding:24% 0;
	background:#0E1F2F;	
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.caja-servicios{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	padding:5% 11%;
}
.imagen-servicio{
	width:45%;	
	height:50%;
	border-left:1px solid #fff;	
	padding:0 0 0 3%;
}
.foto-servicio-pc{
	display:block;	
}
.foto-servicio-movil{
	display:none;	
}
.txt-servicios{
	width:50%;	
}
.txt-servicios ul{
	list-style:outside;	
	text-align:justify;
	margin:0 0 0 3%;
}
.txt-servicios ul li{
	font-size:20px;
	color:#7A7A7A;
}
.caja-fondo-puntos-servicios{
	padding:1% 11%;	
	display:flex;
	justify-content:flex-end;	
}
.fondo-puntos-servicios{
	width:50%;	
}
/********************************************************/
/*******************    CONTACTO    *********************/
/********************************************************/
#portada-contacto{
	position:relative;	
}
.imagen-contacto{
	width:69%;	
}
.caja-titulo-contacto{
	width:44%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	background:#0E1F2F;
	position:absolute;
	top:25%;
	right:11%;	
	padding:1%;
}
.caja-titulo-contacto h1{
	color:#fff;
	margin:0 6% ;	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 1024      ********/
/***************************************************/
@media only screen and (max-width: 1680px){
	
}

/***************************************************/
/********    DISEÑO PARA TABLETAS 1024      ********/
/***************************************************/
@media only screen and (max-width: 1440px){
	h1{
		font-size:51px;		
	}
	p{		
		font-size:15px;
	}	
	
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/	
	.caja-texto-slide{
		margin:12% 0 0 18%;	
	}
	.caja-texto-slide .titulo-slides{
		font-size:80px;	
	}
	/*
	.caja-boton-slide{
		width:450px;		
		flex-direction:row;		
		margin:1% 0 0 0;
	}
	.boton-slide{
		font-size:20px;	
	}
	.caja-flecha-slide{		
		flex-direction:row;		
	}
	.linea-flecha{
		width:140px;
		height:2px;	
	}
	.caja-flecha-slide i{	
		margin:0 0 0 -10px;
	}
	.caja-botones-servicios div .icono-servicios{		
		padding:20% 0 0 0;
	}
	.caja-botones-servicios div h4{
		font-size:15px;		
		margin:7% 0 21% 0;
	}
	.caja-botones-servicios div .cajanegro div h3{
		font-size:19px;
		top:30%;
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info{
		height:50px;
		bottom:15%;
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info a{
		width:150px;
		height:50px;
		line-height:45px;	
		border:2px solid #fff;
		font-size:14px;
	}
	.caja-botones-servicios .caja-num2{
		width:32.5%;
		margin:0.7% 0;
	}
	.caja-botones-servicios .caja-num2 .num-dos{
		width:70%;	
		margin:15% auto 0 auto;
	}
	*/
	/********************************************************/
	/*****************   SERVICIOS HOME    ******************/
	/********************************************************/	
	.caja-botones-servicios div .cajanegro .caja-mas-info a{		
		width:160px;
		height:50px;
		line-height:45px;			
	}
	/********************************************************/
	/*****************    CONTACTO HOME    *****************/
	/********************************************************/		
	.fondo-contacto-puntos{
		margin:0 0 30% 0;	
	}
	.fondo-gris-contacto{		
		padding:17% 0;		
	}
	/*******************   MISION Y VISION   *********************/	
	.item-mv h2{
		font-size:38px;		
		margin:0 0 7% 0;
	}
	/********************************************************/
	/*******************    SERVICIOS    *********************/
	/********************************************************/	
	.txt-servicios ul li{
		font-size:15px;
	}
	
}

/***************************************************/
/********    DISEÑO PARA TABLETAS 1024      ********/
/***************************************************/
@media only screen and (max-width: 1366px){
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/	
	.caja-texto-slide{
		margin:10% 0 0 18%;	
	}
	.caja-texto-slide .titulo-slides{
		font-size:70px;	
	}
	/**********************************************************/
	.caja-subrayado{		
		margin:20px 0 50px 0;
	}
	/********************************************************/
	/*****************    CONTACTO HOME    *****************/
	/********************************************************/		
	.formulario .columnas p{
		width:100%;
	}
	.campos{	
		height:45px;		
		font-size:18px;	
	}
	.mensaje{	
		height:120px;
		
		font-size:18px;
	}
	.boton-contacto{	
		width:200px;		
		font-size:17px;	
	}		
	.fondo-contacto-puntos{
		margin:0 0 30% 0;	
	}
	.fondo-gris-contacto{		
		padding:15% 0;		
	}
	/********************************************************/
	/*****************    PIE DE PAGINA    ******************/
	/********************************************************/		
	.menu-pie li a{		
		font-size:20px;
	}	
	.telefono-pie{			
		font-size:20px;		
	}
	.email-pie{		
		font-size:20px;		
	}
	.caja-sociales-pie{
		width:190px;		
	}
	.caja-sociales-pie h3{		
		font-size:20px;			
	}
	.sociales-pie{
		width:190px;		
	}
	.sociales-pie li a{		
		width:55px;
		height:55px;
		line-height:50px;		
	}	
	/********************************************************/
	/*******************    NOSOTROS    *********************/
	/********************************************************/	
	.caja-titulo-nosotros{
		width:40%;		
		padding:1.5% 1% 1.5% 3%;	
		bottom:-25%;	
	}
	#nosotros{
		margin:6% 0 0 0;	
	}
	
	.item-valores h4{		
		font-size:22px;		
	}
	/********************************************************/
	/*******************    SERVICIOS    *********************/
	/********************************************************/	
	.fondo-azul-servicios{		
		padding:25.5% 0;		
	}	
}

/***************************************************/
/********    DISEÑO PARA TABLETAS 1024      ********/
/***************************************************/
@media only screen and (max-width: 1280px){
	h1{
		font-size:50px;		
	}
	p{		
		font-size:15px;
	}
	.caja-botones-servicios div .cajanegro div h3{
		font-size:17px;
		/*top:30%;*/
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info{
		height:45px;
		bottom:15%;
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info a{
		width:140px;
		height:45px;
		line-height:40px;			
		font-size:13px;
	}
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 1024      ********/
/***************************************************/
@media only screen and (max-width: 1024px){
	
	
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 800       ********/
/***************************************************/
@media only screen and (max-width: 800px){
	h1{
		font-size:30px;		
	}
	/****************************************************/
	/**************** Estilos para la cabecera **********/
	/****************************************************/
	#cabecera{
		width:100%;			
		flex-direction:column;	
		padding:0;
	}
	.logo{
		display:block;
		width:174px;
		max-width:174px;
		margin:0 auto !important;
	}
	.logo img{
		display:block;
		width:100%;
		height:auto;	
	}
	.caja-menu-sociales{
		width:100%;
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
	}
	#menu{	
		width:100%;	
		display:flex;
		justify-content:flex-end;	
	}
	.sociales{
		width:125px;
		display:none;
		flex-direction:row;
		justify-content:space-between;	
		align-items:center;
	}
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/	
	.caja-texto-slide{
		margin:18% 0 0 12%;	
	}
	.caja-texto-slide .titulo-slides{
		font-size:50px;	
	}

	/********************************************************/
	/*****************    PRESENTACION      *****************/
	/********************************************************/
	.caja-presentacion{			
		padding:7% 5% 3.5% 5%;
	}
	.num-uno{
		width:20%;	
	}
	.presentacion-txt{
		width:75%;	
	}
	.caja-subrayado{		
		margin:20px 0 40px 0;
	}	
	.subrayado2{
		width:60px;
		height:6px;	
	}	
	.caja-leermas a{
		width:130px;
		height:40px;
		line-height:36px;		
		margin:6% 0 0 0;
		font-size:13px;
	}
	/********************************************************/
	/*****************    SERVICIOS HOME    *****************/
	/********************************************************/
	#servicios-home{		
		flex-direction:column;		
		padding:3.5% 5%;	
	}
	.titulo-serv-home{
		width:100%;	
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		margin:0 0 5% 0;
	}
	.fondo-serv-puntos{
		width:66%;
		margin-top:0;
	}
	.fondo-serv-puntos .puntos-azul1-pc{
		display:none;	
	}
	.fondo-serv-puntos .puntos-azul1-movil{
		display:block;	
	}	
	.fondo-serv-puntos .puntos-azul1-movil2{
		display:none;	
	}	
	.caja-botones-servicios{
		width:100%;		
		flex-direction:row;		
	}
	/*
	.caja-botones-servicios div{
		width:32.5%;		
		margin:0.7% 0;
	}
	.caja-botones-servicios div .icono-servicios{
		width:40%;		
		padding:20% 0 0 0;
	}
	*/
	.caja-botones-servicios div h4{		
		font-size:14px;		
		/*margin:7% 0 21% 0;*/
	}	
	.caja-botones-servicios div .cajanegro div h3{				
		font-size:17px;		
		top:30%;	
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info{		
		height:45px;		
		bottom:15%;		
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info a{
		width:150px;
		height:45px;
		line-height:40px;				
	}
	/*
	.caja-botones-servicios .caja-num2{
		width:32.5%;		
		margin:0.7% 0;
	}
	*/
	.caja-botones-servicios .caja-num2 .num-dos{
		width:65%;	
		margin:20% auto 0 auto;
	}	
	/********************************************************/
	/********************   CLIENTES    *********************/
	/********************************************************/
	#clientes{
		padding:3.5% 5%;	
	}	
	.num-tres{
		width:22%;	
	}
	.logo-showcase{
		width:75%;	
	}
	/********************************************************/
	/*****************    CONTACTO HOME    *****************/
	/********************************************************/
	.caja-contacto-home{
		width:90%;
		margin:15% auto 0 auto;	
		padding-bottom:15%;	
		flex-direction:column;			
	}
	
	.formulario{
		width:100%;		
		padding:7% 5% 10% 5%;
		order:2;
	}
	.texto-contacto-home{
		width:100%;
		order:1;	
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
		margin:0 0 5% 0;
	}
	.fondo-contacto-puntos{
		width:28.2%;
		margin:0 ;	
		order:2;
	}	
	.puntos-azul2-pc{
		display:none;	
	}
	.puntos-azul2-movil{
		display:block;
	}
	.caja-texto-contacto-home{
		width:60%;
		order:1;	
	}
	.caja-texto-contacto-home h1{
		margin:0 0 5% 0;	
	}
	.fondo-gris-contacto{		
		padding:34% 0;		
	}
	/********************************************************/
	/*****************    PIE DE PAGINA    ******************/
	/********************************************************/
	#pie-pagina{		
		padding:10% 5%;		
		flex-direction:column;	
	}
	.logo-pie{
		width:50%;
		margin:auto;
	}
	.caja-menu-pie{
		width:100%;	
	}
	.menu-pie{
		flex-direction:row;		
		padding:0 0 2.5% 0;	
		margin:50px 0 0 0;
	}
	/*
	.menu-pie li a{		
		font-size:20px;
	}
	.tel-email{		
		flex-direction:row;		
		margin:3% 0 0 0;	
	}
	.telefono-pie{		
		padding:2% 4% 2% 3%;		
		font-size:20px;		
	}
	.email-pie{		
		font-size:20px;		
	}
	*/
	.caja-sociales-pie{
		width:190px;
		margin:40px auto 0 auto;	
	}
	.caja-sociales-pie h3{		
		font-size:20px;	
		text-align:center;		
	}
	/*
	.sociales-pie{
		width:190px;		
		flex-direction:row;		
		margin:10% 0 0 0;
	}
	.sociales-pie li a{		
		width:55px;
		height:55px;
		line-height:50px;		
	}	
	*/
	/********************************************************/
	/*******************    NOSOTROS    *********************/
	/********************************************************/	
	.caja-titulo-nosotros{
		width:48%;					
		padding:2% 2% 2% 3%;		
		bottom:-22%;
		left:5%;	
	}
	/*
	.caja-titulo-nosotros h1{		
		margin:0 10% 0 0;	
	}
	.fondo-puntos-nosotros{
		width:45%;	
	}
	*/
	.puntos-azul-nosotros-pc{
		display:none;	
	}
	.puntos-azul-nosotros-movil{
		display:block;	
	}
	#nosotros{
		margin:5% 0 0 0;	
	}	
	#rubros{
		padding:5% 5% 8% 5%;	
	}
	.caja-rubros{
		width:100%;		
		padding:5%;	
	}	
	.caja-titulo-fondos-rubros{		
		/*flex-direction:row;*/	
		margin:0 0 5% 0;	
	}
	/*
	.titulo-rubros{
		width:47%;	
	}	
	.fondo-puntos-nosotros2{
		width:50%;
	}
	*/
	.puntos-rubros-pc{
		display:none;	
	}
	.puntos-rubros-movil{
		display:block;	
	}
	.boton-abajo{	
		display:none;	
		/*
		width:50px;
		height:50px;
		line-height:45px;		
		top:40%;
		right:-25px;
		*/
	}
	/*******************   MISION Y VISION   *********************/
	#mision-vision{		
		background-size:auto;	
	}
	.caja-mision-vision{		
		flex-direction:column;	
		padding:7% 5%;	
	}
	.txt-mv{
		width:100%;
	}
	.imagen-mv{
		width:100%;
	}
	.item-mv h2{
		font-size:25px;		
		margin:0 0 3% 0;
	}
	.vision{
		margin:7% 0 8% 0;	
	}
	/************************ VALORES *****************************/
	#valores{
		flex-direction:column;		
		padding:3.5% 5% 10% 5%;	
	}
	.titulo-valores{
		width:100%;	
	}
	#valores .fondo-valores-puntos{
		display:none;
	}
	
	.caja-valores{
		width:100%;		
	}
	.icono-valores{		
		margin:0 auto 8% auto;	
	}
	.item-valores h4{		
		font-size:18px;		
	}
	/********************************************************/
	/*******************    SERVICIOS    *********************/
	/********************************************************/	
	.fondo-azul-servicios{	
		width:100%;	
		padding:22% 0;
		border-top:1px solid #fff;		
	}
	.caja-servicios{		
		flex-direction:column;		
		padding:5% 5%;
	}
	.imagen-servicio{
		width:100%;	
		height:50%;		
		border-left:none;
		padding:0;
	}
	.foto-servicio-pc{
		display:none;	
	}
	.foto-servicio-movil{
		display:block;	
	}
	.txt-servicios{
		width:100%;
		margin:7% 0 0 0;	
	}
	.caja-fondo-puntos-servicios{
		padding:3% 5% 2% 5%;	
		justify-content:flex-end;	
	}
	.fondo-puntos-servicios{
		width:100%;	
	}
	/********************************************************/
	/*******************    CONTACTO    *********************/
	/********************************************************/	
	.imagen-contacto{
		width:80%;	
	}
	.caja-titulo-contacto{
		width:60%;				
		top:22%;
		right:5%;	
		padding:2%;
	}
	.caja-titulo-contacto h1{		
		margin:0 6% ;	
	}
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 640       ********/
/***************************************************/
@media only screen and (max-width: 640px){
	/********************************************************/
	/*****************    SERVICIOS HOME    *****************/
	/********************************************************/
	
	.caja-botones-servicios div h4{		
		font-size:13px;			
	}	
	.caja-botones-servicios div .cajanegro div h3{				
		font-size:14px;		
	}	
	.caja-botones-servicios div .cajanegro .caja-mas-info a{
		width:140px;
		height:40px;
		line-height:35px;
		font-size:11px;				
	}
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 480       ********/
/***************************************************/
@media only screen and (max-width: 480px){
	h1{
		font-size:25px;		
	}
	p{		
		font-size:13px;
	}
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/	
	.caja-texto-slide{
		margin:30% 0 0 12%;	
	}
	.caja-texto-slide .titulo-slides{
		font-size:40px;	
	}
	.caja-boton-slide{
		width:310px;		
		margin:3% 0 0 0;
	}
	.boton-slide{
		font-size:14px;	
	}	
	.linea-flecha{
		width:90px;
		height:2px;	
	}
	.caja-flecha-slide i{	
		margin:0 0 0 -10px;
	}
	/*******************************************************/
	.caja-botones-servicios div .icono-servicios{		
		padding:20% 0 0 0;
	}
	.caja-botones-servicios div h4{
		font-size:15px;		
		margin:7% 0 21% 0;
	}
	.caja-botones-servicios div .cajanegro div h3{
		font-size:19px;
		top:30%;
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info{
		height:50px;
		bottom:15%;
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info a{
		width:150px;
		height:50px;
		line-height:45px;	
		border:2px solid #fff;
		font-size:14px;
	}
	.caja-botones-servicios .caja-num2{
		width:32.5%;
		margin:0.7% 0;
	}
	.caja-botones-servicios .caja-num2 .num-dos{
		width:70%;	
		margin:15% auto 0 auto;
	}
	
	
	/********************************************************/
	/*****************    PRESENTACION      *****************/
	/********************************************************/
	.caja-presentacion{		
		flex-direction:column;		
		padding:10% 5% 10% 5%;
	}
	.num-uno{
		width:42%;
		margin:0 auto 5% auto;	
	}
	.presentacion-txt{
		width:100%;	
	}
	/*
	.caja-subrayado{		
		margin:20px 0 40px 0;
	}	
	.subrayado2{
		width:60px;
		height:6px;	
	}	
	*/
	.caja-leermas a{
		/*
		width:130px;
		height:40px;
		line-height:36px;
		font-size:13px;		
		*/
		margin:10% 0 0 0;		
	}
	/********************************************************/
	/*****************    SERVICIOS HOME    *****************/
	/********************************************************/
	#servicios-home{			
		padding:10% 5%;	
	}
	.titulo-serv-home{		
		flex-direction:row;		
		margin:0 0 5% 0;
	}
	.caja-titulo-serv-home{
		width:45%;
	}
	.fondo-serv-puntos{
		width:40%;		
	}	
	.fondo-serv-puntos .puntos-azul1-movil{
		display:none;	
	}
	.fondo-serv-puntos .puntos-azul1-movil2{
		display:block;	
	}	
	.caja-botones-servicios{
		width:100%;		
		flex-direction:column;		
	}
	
	.caja-botones-servicios div{
		width:84%;		
		order:2;
		margin:0.7% auto;
	}
	.caja-botones-servicios div .icono-servicios{
		width:30%;		
		padding:20% 0 0 0;
	}	
	
	.caja-botones-servicios div h4{		
		font-size:18px;		
		/*margin:7% 0 21% 0;*/
	}	
	.caja-botones-servicios div .cajanegro div h3{				
		font-size:21px;		
		top:30%;	
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info{		
		height:45px;		
		bottom:15%;		
	}
	.caja-botones-servicios div .cajanegro .caja-mas-info a{
		width:160px;
		height:45px;
		line-height:40px;
		font-size:13px;				
	}		
	.caja-botones-servicios .caja-num2{
		width:84%;				
		order:1;
		margin:0.7% auto;
	}	
	.caja-botones-servicios .caja-num2 .num-dos{
		width:50%;	
		margin:20% auto;		
	}	
	/********************************************************/
	/*****************    CLIENTES HOME    *****************/
	/********************************************************/
	#clientes{
		padding:15% 7%;
		background:#0E1F2F;	
	}
	#clientes h1{
		color:#fff;	
	}
	#clientes .subrayado1{	
		background:#fff;	
	}
	#clientes .subrayado2{	
		background:#fff;	
	}
	.caja-clientes{
		flex-direction:column;
	}
	.num-tres{
		width:47%;
		margin:0 auto 6% auto;	
	}
	.logo-showcase{
		width:100%;	
	}	
	/********************************************************/
	/*****************    CONTACTO HOME    *****************/
	/********************************************************/
	#contacto-home{
		
	}
	.caja-contacto-home{
		width:90%;
		margin:15% auto;		
		flex-direction:column;			
	}
	.formulario{
		width:100%;		
		padding:7% 5% 10% 5%;
		order:2;
	}
	.formulario .columnas p{
		width:100%;
	}
	.campos{	
		height:38px;
		margin:2% 0;	
		font-size:15px;	
	}
	.mensaje{	
		height:90px;
		margin:2% 0;	
		font-size:15px;
	}
	.boton-contacto{	
		width:140px;
		height:45px;
		line-height:40px;	
		font-size:14px;	
		margin:2% 0 0 0;
	}
	/*
	.texto-contacto-home{
		width:100%;
		order:1;	
		display:flex;
		flex-direction:row;
		justify-content:space-between;	
		margin:0 0 5% 0;
	}
	*/	
	.fondo-contacto-puntos{
		width:19%;
		margin:0 ;	
		order:2;
	}	
	.puntos-azul2-pc{
		display:none;	
	}	
	.puntos-azul2-movil{
		display:none;
	}
	.puntos-azul2-movil2{
		display:block;
	}
	.caja-texto-contacto-home{
		width:75%;
		order:1;	
	}
	.caja-texto-contacto-home h1{
		margin:0 0 5% 0;	
	}
	/********************************************************/
	/*****************    PIE DE PAGINA    ******************/
	/********************************************************/	
	.menu-pie li a{		
		font-size:18px;
	}	
	.telefono-pie{			
		font-size:18px;		
	}
	.email-pie{		
		font-size:18px;		
	}	
	
	.caja-sociales-pie h3{	
		font-size:18px;			
	}	
	/********************************************************/
	/*******************    NOSOTROS    *********************/
	/********************************************************/	
	.caja-titulo-nosotros{
		width:48%;					
		padding:2% 2% 2% 3%;		
		bottom:-50%;
		left:5%;	
	}
	/*
	.caja-titulo-nosotros h1{		
		margin:0 10% 0 0;	
	}
	.fondo-puntos-nosotros{
		width:45%;	
	}
	*/	
	.puntos-azul-nosotros-movil{
		display:none;	
	}
	.puntos-azul-nosotros-movil2{
		display:block;	
	}
	#nosotros{
		margin:5% 0 0 0;	
	}	
	#rubros{
		padding:4% 5%;	
	}
	.caja-rubros{
		width:100%;		
		padding:5%;	
	}	
	.caja-titulo-fondos-rubros{		
		/*flex-direction:row;*/	
		margin:0 0 8% 0;	
	}
	/*
	.titulo-rubros{
		width:47%;	
	}	
	.fondo-puntos-nosotros2{
		width:50%;
	}
	*/
	.puntos-rubros-movil{
		display:none;	
	}
	.puntos-rubros-movil2{
		display:block;	
	}
	/***************************************************************/
	#valores{		
		padding:10% 5%;	
	}
	.caja-valores{			
		flex-direction:column;		
	}	
	.item-valores{
		width:84%;			
		padding:20% 0;		
		margin:0.7% auto;
	}
	.icono-valores{
		width:42%;
		margin:0 auto 8% auto;	
	}
	.item-valores h4{		
		font-size:22px;		
	}	
	.item-punto-valores{
		width:100%;
		margin:4% 0;
		padding:0;
	}
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 414       ********/
/***************************************************/
@media only screen and (max-width: 414px){
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/	
	.caja-texto-slide{
		margin:40% 0 0 10%;	
	}
	.caja-texto-slide .titulo-slides{
		font-size:32px;	
	}
	.caja-boton-slide{
		width:280px;		
		margin:3% 0 0 0;
	}
	/*
	.boton-slide{
		font-size:14px;	
	}
	*/	
	.linea-flecha{
		width:60px;
		height:2px;	
	}
	.caja-flecha-slide i{	
		margin:0 0 0 -12px;
	}
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 375       ********/
/***************************************************/
@media only screen and (max-width: 375px){
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/		
	.caja-texto-slide .titulo-slides{
		font-size:30px;	
	}
	.caja-boton-slide{
		width:270px;	
	}	
	.linea-flecha{
		width:50px;		
	}
	
	/********************************************************/
	/*****************    PIE DE PAGINA    ******************/
	/********************************************************/
	#pie-pagina{		
		padding:10% 5%;		
		flex-direction:column;	
	}
	.logo-pie{
		width:50%;
		margin:auto;
	}
	.caja-menu-pie{
		width:100%;	
	}
	.menu-pie{
		flex-direction:column;		
		padding:0 0 2.5% 0;	
		margin:40px 0 0 0;
	}
	
	.menu-pie li a{		
		font-size:18px;
		text-align:center;
		margin:8px 0;
	}
	.tel-email{		
		flex-direction:column;		
		margin:3% 0 0 0;	
	}
	.telefono-pie{		
		padding:2% 4% 2% 3%;		
		font-size:18px;	
		margin:10px 0 20px 0;	
	}
	.email-pie{		
		font-size:18px;		
	}
	/*
	.caja-sociales-pie{
		width:190px;
		margin:40px auto 0 auto;	
	}
	.caja-sociales-pie h3{		
		font-size:18px;	
		text-align:center;		
	}	
	.sociales-pie{
		width:190px;		
		flex-direction:row;		
		margin:10% 0 0 0;
	}
	.sociales-pie li a{		
		width:55px;
		height:55px;
		line-height:50px;		
	}	
	*/
		/********************************************************/
	/*******************    NOSOTROS    *********************/
	/********************************************************/	
	.caja-titulo-nosotros{
		width:68%;					
		padding:2% 2% 2% 3%;		
		bottom:-55%;
		left:5%;	
	}
	.fondo-puntos-nosotros{
		width:35%;	
	}	
	
	#nosotros{
		margin:12% 0 0 0;	
	}	
	#rubros{
		padding:4% 5%;	
	}
	.caja-rubros{			
		padding:7%;	
	}	
	.titulo-rubros{
		width:100%;	
	}	
	.fondo-puntos-nosotros2{
		display:none;
	}	
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 360       ********/
/***************************************************/
@media only screen and (max-width: 360px){
	/****************************************************/
	/*******************   SLIDES    ********************/
	/**************************************************	
	.caja-texto-slide{
		margin:40% 0 0 10%;	
	}
	.caja-texto-slide .titulo-slides{
		font-size:30px;	
	}
	.caja-boton-slide{
		width:270px;		
		margin:3% 0 0 0;
	}	
	.linea-flecha{
		width:50px;
		height:2px;	
	}
	.caja-flecha-slide i{	
		margin:0 0 0 -12px;
	}
	**/
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 320       ********/
/***************************************************/
@media only screen and (max-width: 320px){
	/****************************************************/
	/*******************   SLIDES    ********************/
	/****************************************************/	
	/*
	.caja-texto-slide{
		margin:40% 0 0 10%;	
	}
	*/
	.caja-texto-slide .titulo-slides{
		font-size:27px;	
	}
	.caja-boton-slide{
		width:260px;		
		margin:3% 0 0 0;
	}	
	.linea-flecha{
		width:40px;
		height:2px;	
	}
	
}