@charset "utf-8";

@font-face{
	font-family:'Roboto';
	src:url(../tipografias/roboto-regular.ttf) format('opentype');	
}
@font-face{
	font-family:'Roboto Bold';
	src:url(../tipografias/roboto-bold.ttf) format('opentype');	
}
@font-face{
	font-family:'Roboto Medium';
	src:url(../tipografias/roboto-medium.ttf) format('opentype');	
}
/* Selectores Basicos */
header, section, article, nav, footer, aside, figure, form, div{
	display:block;
	margin:0;
	padding:0;	
}
figure{
	margin: 0 !important;
}
html, body{
	margin:0 !important;
	background-color: #fff !important;
	height:100%;
}
*{	
	box-sizing:border-box;
}

h1{	
	font-family:'Roboto', sans-serif;
	font-size:78px;	
	font-weight:normal;
	margin:0;	
	color: #3D3D3D;
}
h2{	
	font-family:'Roboto Bold', sans-serif;
	font-size:46px;	
	font-weight:normal;
	margin:0;	
}
h2, h3, h4, h5{
	margin:0;
	font-weight:normal;
	color: #000;
}
p{	
	font-family:'Roboto', sans-serif !important;
	font-size: 35px;	
	line-height:40px;	
	text-align:justify;
	font-weight:normal;
	color: #3D3D3D;
	margin:0;
}
a{		
	display: block;
	text-decoration:none !important;	
	margin:0 ;
}
a:hover{
	text-decoration:none;	
}
a img{
	border:none;
}
img{
	display:block;
	width:100%;
	height:auto;	
}

ul, ol{
	list-style:none;
	padding:0;
	margin:0;
	/*font-size:14px;
	color:#fff;*/
}

ul li{
	font-family:'Roboto', sans-serif !important;	
	font-size: 35px;
	font-weight: normal;
	line-height: 40px;
	color: #3D3D3D;
}
/*--ScrollUp--*/
#scrollUp{
	width:50px;
	height:50px;
	bottom:10px;
	right:10px;
	background:url(../imagenes/scrollup.png);	
}
/****************************************************/
/****************    CABECERA HOME   ****************/
/****************************************************/
#cabecera{
	width: 80%;
	margin: 20px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.logo{
	width: 15%
}
.menu1, .menu2{	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.menu1{
	width: 420px;
}
.menu2{
	width: 390px;
}
.menu1 li a, .menu2 li a{
	font-size: 25px;
	color: #3D3D3D;
}
#menu{
	display: none;
}
.boton-fijo-whatsapp{
	position: fixed;
	display: block;
	width: 80px;	
	bottom: 15%;
	right: 0;
	z-index: 9999;
	/*background: rgba(255, 255, 255, 0.7);
	border-radius: 10px 0 0 10px;*/
	padding: 10px;
}
/****************************************************/
/**************   PORQUE ELEGIRNOS   ****************/
/****************************************************/
.contenedor-frase{
	width: 80%;
	max-width: 1600px;
	margin: 3% auto 0 auto;
}
.fondo-gris{
	width: 100%;
	background: linear-gradient(to bottom, #fff 17%, #f4f3f4 17%, #f4f3f4 100%);
	padding: 0 0 2% 0;
	margin: -7% 0 0 0;
}
.contenedor-principal{
	width: 80%;	
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.contenedor1-bloques{
	width: 100%;	
	display: flex;
	flex-direction: row;	
	justify-content: space-between;
	align-self: flex-end;
}
.bloque1{
	width: 52%;
	height: 270px;
	background: #2d3a8e;	
	border-radius: 0 30px 0 0;
	padding:0 3%;
	display: flex;	
	align-items: center;
	align-self: flex-end;	
	z-index: 999;
}
.bloque1 h2{
	color: #fff;
}
/*
.bloque2{
	width: 254px;
	height: 265px;
	align-self: flex-end;
	z-index: 999;
}
*/
.contenedor1-bloques .bloque4{
	display: none;
}
.bloque3{
	width: 45%;	
	height: 440px;
	background: #565656;
	border-radius: 30px 0 0 0;
	padding: 5% 4%;
	align-self: flex-end;
	z-index: 999;
}
.bloque3 h2, .bloque3 p{
	text-align: right;
	color: #fff;
}
.bloque3 h2 span{
	font-family:'Roboto', sans-serif;	
}
.subrayado{
	height: 1px;
	background: #fff;
	margin: 15px 0;
}
.txt-bloque3{
	padding: 0 0 0 15%;
}
.txt-bloque3 p span{
	color: #f39325 ;
}
.contenedor2-bloques{
	width: 100%;
	
	margin: 2% 0 0 0;
	display: flex;
	flex-direction: row;	
	justify-content: space-between;
	align-self: flex-end;
}
.bloque4{
	width: 30%;
}
.bloque5{
	width: 67%;
	background: #f39325;
	border-radius: 30px 0 0 0;
	padding: 3% 4%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.bloque5 h2, .bloque5 ul li{
	text-align: right;
	color: #fff;
}
.titulo-bloque5{
	width: 510px;
}
.bloque5 ul li{
	font-size: 30px;
}
/****************************************************/
/***************   PORQUE Y PARAQUE   ***************/
/****************************************************/
#porque-paraque{
	width: 80%;	
	margin: 5% auto 0 auto;
}
.txtporque{
	width: 55%;
}
.txtporque h1{
	margin: 0 0 5% 0;
}
.txtporque p span{
	font-family:'Roboto Bold', sans-serif;
}
.lista-porque{
	margin: 5% 0 0 10%;
	list-style: square;
}
/****************************************************/
/*******************  OFRECEMOS  ********************/
/****************************************************/
#ofrecemos{
	width: 80%;	
	margin: 5% auto;
}
#ofrecemos h1{
	margin: 0 0 5% 0;
}
.contenedor-ofrecemos{
	width: 80%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 0 15%;
}
.colum1, .colum2, .colum3{
	width: 31%;
}
.bloques-ofrecemos{
	width: 100%;
	border-radius: 30px;
	padding: 7%;
	margin: 0 0 5% 0;
}
.icono-ofrecemos{
	width: 30%;
}
.bloques-ofrecemos h3{
	font-size: 33px;
	margin: 0 0 8% 0;
}
.bloques-ofrecemos p{
	font-size: 24px;
	line-height: 25px;
	text-align: left;
}
.azul h3, .azul p{
	color: #fff;
}
.azul{
	background: #2d3a8e;
}
.gris{
	background: #dbdbdb;
}
.softlandin-movil{
	display: none;
}
/****************************************************/
/**************  AREA DE INFLUENCIA  ****************/
/****************************************************/
#influencia{
	background: #f4f3f4;
	padding: 5% 0;
}
.contenedor-influencia{
	width: 80%;	
	margin: 0 auto;
}
.dos-colum-influencia-pc{
	width: 85%;
	margin: 3% auto 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.colum-influencia{
	list-style: initial;
}
/****************************************************/
/****************  PIE DE PAGINA  *******************/
/****************************************************/
#piepagina{
	width: 80%;	
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5% 0;
}
.pie-izq, .pie-der{
	width: 535px;
}
.pie-der{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}
.pie-izq h1{
	font-size: 60px;
}
.logo-pie{
	width: 40%;
	margin: 5% 0 0 0 !important;
}
.pie-der a{
	font-family:'Roboto', sans-serif !important;	
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	text-align: right;
	color: #3D3D3D;
}
.whatsapp i{
	font-size: 40px;
}
.sociales-pie{
	width: 280px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 3% 0 10% 0;
}
.sociales-pie li a{
	width: 65px;
	height: 65px;
	border-radius: 15px;
	background: #333333;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 45px;
}
.pie-der p{	
	font-size: 30px;
	text-align: right;
	line-height: 50px;
}
/****************************************************/
/*******************  CONTACTO  *********************/
/****************************************************/
#contacto{
	padding: 5% 10%;
}
.caja-contacto{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	border: 1px solid #3D3D3D;
	border-radius: 30px;
	padding: 3%;
}
.datos-contacto{
	width: 35%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 1% 0 2%;
}
.caja-telefonos-contacto{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #3D3D3D;
	padding: 10% 0 0 0;
}
.caja-telefonos-contacto h2{
	font-family: 'Roboto Medium', sans-serif;
	font-size: 50px;
	color: #3D3D3D;
}
.telefonos-contacto{
	line-height: 25px;
}
.logo-contacto{
	width: 65%;
	margin: 5% 0 7% 0	
}
.caja-formulario{
	width: 60%;
	padding: 0 5% 0 8%;
	border-left: 1px solid #3D3D3D;
}
#fcontacto {
    width: 100%;
    margin: 2% 0;
}
#unacolum p {
    color: #96999E;
    margin: 30px 0 0 0; 
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: left;
}
#doscolums {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#doscolums p {
    width: 48%;
    color: #96999E;
    margin: 30px 0 0 0;  
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 18px;
}
.campos {
    width: 100%;
    height: 50px;
    line-height: 48px;
    padding: 0 0 5px 20px;
    margin:  15px 0 0 0;   
    border: 1px solid #000;
    border-radius: 15px;
    background: none;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000
}
.mensaje{
	width: 100%;
    height: 150px;
    background: none;
    border: 1px solid #000;
    border-radius: 15px;
    margin: 15px 0 0 0;
    padding: 15px 0 0 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px;   
    color: #000
}
.boton-derecha{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.boton{
	background: #2D3A8E;
	border:none;
	border-radius: 30px;
	padding: 15px 30px;
	font-family:'Roboto Bold', sans-serif !important;
	font-size: 25px;
	text-align: center;
	color: #fff;
	margin: 0;
	cursor: pointer;
	transition: all 0.3s;
}
.boton:hover{
	background:#EE7137;
}
#advertencia{
	font-family:'Roboto Medium', sans-serif !important;
	font-size: 18px;
}
/************************************************************************************/
/*******************************ESTILOS PARA 1440 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1440px){
	h1{			
		font-size:57px;		
	}
	h2{			
		font-size:33px;		
	}
	p{	
		font-size: 25px;/*19px*/	
		line-height:30px;/*22px*/			
	}
	ul li{		
		font-size: 25px;		
		line-height: 30px;
	}
	/****************************************************/
	/****************    CABECERA HOME   ****************/
	/****************************************************/
	#cabecera{			
		flex-direction: row;
	}
	.logo{
		width: 15%
	}	
	.menu1{
		width:380px;	
	}
	.menu2{
		width:330px;	
	}
	.menu1 li a, .menu2 li a{
		font-size: 22px;	
	}
	/****************************************************/
	/**************   PORQUE ELEGIRNOS   ****************/
	/****************************************************/
	.contenedor-frase{		
		margin: 3% auto 0 auto;
	}
	.fondo-gris{		
		background: linear-gradient(to bottom, #fff 16%, #f4f3f4 16%, #f4f3f4 100%);
		/*padding: 0 0 2% 0;*/
		margin: -6% 0 0 0;
	}	
	.bloque1{
		width: 52%;
		height: 200px;		
		border-radius: 0 30px 0 0;
		padding: 3%;
	}	
	/*
	.bloque2{
		width: 187px;
		height: 195px;
		align-self: flex-end;
		z-index: 999;
	}
	*/
	.bloque3{
		width: 45%;	
		height: 327px;
		border-radius: 30px 0 0 0;
		padding: 5% 4%;
	}
	.subrayado{
		margin: 15px 0;
	}
	.txt-bloque3{
		padding: 0 0 0 15%;
	}
	.contenedor2-bloques{				
		margin: 2% 0 0 0;		
		flex-direction: row;	
		justify-content: space-between;
		align-self: flex-end;
	}
	/*
	.bloque4{
		width: 32%;
	}
	.bloque5{
		width: 65%;
		border-radius: 30px 0 0 0;
		padding: 3% 4%;		
		flex-direction: column;
		align-items: flex-end;
	}
	*/	
	.titulo-bloque5{
		width: 365px;
	}
	.bloque5 ul li{
		font-size: 20px;
	}
	/****************************************************/
	/*******************  OFRECEMOS  ********************/
	/****************************************************/
	
	.bloques-ofrecemos h3{
		font-size: 24px;
		margin: 0 0 8% 0;
	}
	.bloques-ofrecemos p{
		font-size: 17px;
		line-height: 18px;	
	}	
	/****************************************************/
	/****************  PIE DE PAGINA  *******************/
	/****************************************************/
	.pie-izq, .pie-der{
	  width: 350px;
	}
	.logo-pie{
	  width: 50%;	 
	}
	.pie-izq h1{
		font-size: 45px;
	}
	.pie-der a{		
		font-size: 20px;		
		line-height: 35px;		
	}
	.whatsapp i{
		font-size: 30px;
	}
	.sociales-pie{
		width: 200px;		
		margin: 3% 0 10% 0;
	}
	.sociales-pie li a{
		width: 50px;
		height: 50px;
		border-radius: 12px;		
		font-size: 35px;
	}
	.pie-der p{			
		font-size: 20px;		
		line-height: 35px;
	}
}		
/************************************************************************************/
/*******************************ESTILOS PARA 1366 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1366px){
		
}
/************************************************************************************/
/*******************************ESTILOS PARA 1280 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1280px){
	/****************************************************/
	/****************    CABECERA HOME   ****************/
	/****************************************************/	
	.menu1{
		width:350px;	
	}
	.menu2{
		width:300px;	
	}
	.menu1 li a, .menu2 li a{
		font-size: 20px;	
	}
	/***************************************************/
	.bloque4{
		width: 34%;
	}
	.bloque5{
		width: 63%;
		border-radius: 30px 0 0 0;
		padding: 3% 4%;		
		flex-direction: column;
		align-items: flex-end;
	}
	/****************************************************/
	/*******************  CONTACTO  *********************/
	/****************************************************/
	/*
	#contacto{
		padding: 5% 10%;
	}
	.caja-contacto{		
		flex-direction: row;		
		border-radius: 30px;
		padding: 3%;
	}
	.datos-contacto{
		width: 35%;		
		padding: 0 1% 0 2%;
	}
	.caja-telefonos-contacto{		
		flex-direction: row;		
		padding: 10% 0 0 0;
	}
	*/
	.caja-telefonos-contacto h2{		
		font-size: 42px;	
	}
	/*
	.telefonos-contacto{
		line-height: 25px;
	}
	.logo-contacto{
		width: 65%;
		margin: 5% 0 7% 0	
	}
	*/
	.caja-formulario{
		/*width: 60%;*/
		padding: 0 7% 0 10%;
	}
	/*
	#fcontacto {	    
	    margin: 2% 0;
	}
	*/
	#unacolum p {
	    /*margin: 30px 0 0 0;*/ 	    
	    font-size: 16px;
	    line-height: 16px;
	}
	.campos {	  
	    height: 45px;
	    /*line-height: 48px;
	    padding: 0 0 5px 20px;
	    margin:  15px 0 0 0;   
	    border-radius: 15px;*/	    
	    font-size: 16x;
	}
	.mensaje{		
	    /*height: 150px;	    
	    border-radius: 15px;
	    margin: 15px 0 0 0;
	    padding: 15px 0 0 20px;*/    
	    font-size: 16px;   
	}
	.boton{	
		/*border-radius: 30px;*/
		padding: 12px 30px;		
		font-size: 20px;		
	}
	
}
/****************************************************/
/****************    Estilos para 1024     **********/
/****************************************************/
@media only screen and (max-width:1024px){
	h1{			
		font-size:40px;		
	}
	h2{			
		font-size:24px;		
	}
	p{	
		font-size: 18px;	
		line-height:23px;		
	}
	ul li{		
		font-size: 18px;	
		line-height:23px;	
	}
	/****************************************************/
	/****************    CABECERA HOME   ****************/
	/****************************************************/
	.logo{
		width: 15%
	}	
	.menu1{
		width:300px;	
	}
	.menu2{
		width:260px;	
	}
	.menu1 li a, .menu2 li a{
		font-size: 18px;	
	}
	/****************************************************/
	/**************   PORQUE ELEGIRNOS   ****************/
	/****************************************************/
	.fondo-gris{		
		background: linear-gradient(to bottom, #fff 15%, #f4f3f4 15%, #f4f3f4 100%);
		/*padding: 0 0 2% 0;*/
		margin: -6% 0 0 0;
	}
	.bloque1{		
		height: 161px;		
		border-radius: 0 30px 0 0;
		padding: 3%;
	}	
	.bloque3{		
		height: 250px;
	}
	
	.titulo-bloque5{
		width: 280px;
	}
	.bloque5 ul li{
		font-size: 16px;
	}
	/****************************************************/
	/*******************  OFRECEMOS  ********************/
	/****************************************************/
	.bloques-ofrecemos h3{
		font-size: 17px;
		margin: 0 0 8% 0;
	}
	.bloques-ofrecemos p{
		font-size: 13px;
		line-height: 14px;	
	}	
	/****************************************************/
	/****************  PIE DE PAGINA  *******************/
	/****************************************************/
	.pie-izq, .pie-der{
	  width: 300px;
	}
	.logo-pie{
	  width: 50%;	 
	}
	.pie-izq h1{
		font-size: 35px;
	}
	.pie-der a{		
		font-size: 18px;		
		line-height: 30px;		
	}
	.whatsapp i{
		font-size: 27px;
	}
	.sociales-pie{
		width: 180px;		
		margin: 3% 0 10% 0;
	}
	.sociales-pie li a{
		width: 40px;
		height: 40px;
		border-radius: 10px;		
		font-size: 30px;
	}
	.pie-der p{		
		font-size: 18px;		
		line-height: 30px;	
	}
}
/****************************************************/
/****************    Estilos para 800      **********/
/****************************************************/
@media only screen and (max-width:800px){
	h1{			
		font-size:40px;		
	}
	h2{			
		font-size:24px;		
	}
	p{	
		font-size: 18px;	
		line-height:23px;		
	}
	ul li{		
		font-size: 18px;	
		line-height:23px;	
	}
	/****************************************************/
	/****************    CABECERA HOME   ****************/
	/****************************************************/
	#cabecera{
		width: 90%;
		max-width: 1170px;		
		flex-direction: column;
	}
	.logo{
		width: 120px;
		margin: auto;
	}	
	.menu1{
		display: none;
	}
	.menu2{
		display: none;
	}
	.menu1 li a, .menu2 li a{
		font-size: 25px;	
	}
	#menu{
		width: 100%;
		display: flex;
	}
	.boton-fijo-whatsapp{		
		width: 65px;		
	}
	/****************************************************/
	/**************   PORQUE ELEGIRNOS   ****************/
	/****************************************************/
	.contenedor-frase{
		width: 80%;		
		margin: 5% auto 0 auto;
	}
	.fondo-gris{		
		background: #f4f3f4;
		padding: 5% 0 0 0;
		margin: 5% 0 0 0;
	}
	.contenedor-principal{
		width: 80%;			
		flex-direction: column;
	}
	.contenedor1-bloques{		
		flex-wrap: wrap;	
		justify-content: space-between;		
		align-self: center;
		/*flex-direction: column;*/	
	}
	.bloque1{
		width: 100%;
		height: auto;		
		border-radius: 0 20px 0 0;
		padding: 8% 4%;
		margin: 0;
		align-self: center;
	}	
	.bloque2{
		width: 48%;
		height: auto;
		margin: 5% 0 0 0;
	}
	.contenedor1-bloques .bloque4{
		display: block;
		width: 100%;
		height: auto;
		margin: 5% 0 0 0;
	}
	.bloque3{
		width: 100%;	
		height: auto;
		border-radius: 20px 0 0 0;
		padding: 5% 4%;
		margin: 5% 0 0 0;
	}
	.subrayado{
		margin: 15px 0;
	}
	.txt-bloque3{
		padding: 0 0 0 15%;
	}
	.contenedor2-bloques{					
		margin: 0;		
		flex-direction: column;			
		align-self: flex-end;
	}	
	.contenedor2-bloques .bloque4{
		display: none;
	}
	.bloque5{
		width: 100%;
		border-radius: 20px 0 0 0;
		margin: 5% 0 0 0;
		padding: 3% 4%;		
		flex-direction: column;
		align-items: flex-end;
	}
	
	.titulo-bloque5{
		width: 280px;
	}
	.bloque5 ul li{
		font-size: 16px;
	}
	/****************************************************/
	/**************   PORQUE Y PARAQUE   ***************/
	/****************************************************/
	#porque-paraque{
		width: 80%;
		margin: 5% auto 0 auto;
	}
	.txtporque{
		width: 100%;
	}
	/*
	.txtporque h1{
		margin: 0 0 5% 0;
	}
	.lista-porque{
		margin: 5% 0 0 10%;	
	}
	*/
	/****************************************************/
	/*******************  OFRECEMOS  ********************/
	/****************************************************/
	#ofrecemos{
		width: 80%;		
		margin: 5% auto 0 auto;
	}
	.contenedor-ofrecemos{
		width: 100%;		
		flex-direction: column;		
		margin: 0;
	}
	.colum1, .colum2, .colum3{
		width: 100%;
	}
	.colum3{
		display: flex;
		flex-direction: column;
	}
	.colum3 .gris{		
		order: 1;
	}
	.colum3 .azul{
		order: 2;
	}
	.bloques-ofrecemos{		
		border-radius: 20px;
		padding: 5%;
		margin: 0 0 5% 0;
	}
	.icono-ofrecemos{
		width: 100px;	
	}
	.softlandin-pc{
		display: none;
	}
	.softlandin-movil{
		display: block;
		order: 3 !important;
	}
	/****************************************************/
	/**************  AREA DE INFLUENCIA  ****************/
	/****************************************************/
	#influencia{		
		padding: 10% 0;
	}
	.contenedor-influencia{
		width: 88%;		
		/*margin: 0 auto;*/
	}
	.dos-colum-influencia-pc{
		/*width: 85%;*/	
		flex-direction: column;		
	}
	.colum-influencia{
		width: 100%;		
	}
	/****************************************************/
	/****************  PIE DE PAGINA  *******************/
	/****************************************************/
	#piepagina{
		width: 88%;		
		flex-direction: column;	
		padding: 5% 0;
	}
	.pie-izq, .pie-der{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.logo-pie{
		width: 160px;
		margin: 7% 0 !important;
	}
	.pie-der a{		
		font-size: 18px;		
		line-height: 30px;	
		text-align: center;	
	}
	.whatsapp i{
		font-size: 27px;
	}
	.linkedin i{
		font-size: 40px;
	}
	.linkedin{
		margin: 5% 0 8% 0;
	}
	.pie-der p{			
		line-height: 30px;
		text-align: center;
	}
	/****************************************************/
	/*******************  CONTACTO  *********************/
	/****************************************************/	
	#contacto{
		padding: 5% ;
	}
	.caja-contacto{		
		flex-direction: column;		
		border-radius: 30px;
		padding: 5% 8%;
	}
	.datos-contacto{
		width: 100%;		
		padding: 0 1% 0 2%;
	}
	.caja-telefonos-contacto{		
		flex-direction: row;		
		padding: 10% 0 0 0;
	}	
	.caja-telefonos-contacto h2{		
		font-size: 35px;	
	}	
	.telefonos-contacto{
		line-height: 25px;
	}
	.logo-contacto{
		width: 180px;
		margin: 5% 0 7% 0	
	}	
	.caja-formulario{
		width: 100%;
		padding: 0;
		border-left: 0;
		margin: 5% 0 0 0;
	}
	/*
	#fcontacto {	    
	    margin: 2% 0;
	}
	*/
	#unacolum p {
	    margin: 20px 0 0 0;	    
	    font-size: 14px;
	    line-height: 14px;
	}
	.campos {	  
	    height: 40px;
	    line-height: 48px;
	    padding: 0 0 5px 10px;
	    margin:  10px 0 0 0;   
	    border-radius: 10px;	    
	    font-size: 14;
	}
	.mensaje{		
	    height: 120px;	    
	    border-radius: 10px;
	    margin: 10px 0 0 0;
	    padding: 10px 0 0 10px;    
	    font-size: 14px;   
	}
	.boton{			
		font-size: 15px;		
	}
}
/****************************************************/
/****************    Estilos para 609     **********/
/****************************************************/
@media only screen and (max-width:600px){
	h1{			
		font-size:25px;		
	}
	h2{			
		font-size:20px;		
	}
	p{	
		font-size: 15px;	
		line-height:20px;		
	}
	ul li{		
		font-size: 15px;	
		line-height:20px;	
	}
	/****************************************************/
	/**************   PORQUE ELEGIRNOS   ****************/
	/****************************************************/
	.contenedor-frase{
		width: 88%;		
		/*margin: 5% auto 0 auto;*/
	}
	/*
	.fondo-gris{				
		padding: 5% 0 0 0;
		margin: 5% 0 0 0;
	}
	*/
	.contenedor-principal{
		width: 88%;			
	}	
	.bloque1{
		width: 100%;
		border-radius: 0 20px 0 0;
		padding: 8% 4%;
	}	
	/*
	.bloque2{
		width: 48%;		
		margin: 5% 0 0 0;
	}
	.contenedor1-bloques .bloque4{		
		width: 48%;		
		margin: 5% 0 0 0;
	}
	*/
	.bloque3{		
		border-radius: 20px 0 0 0;
		padding: 8% 6%;
		margin: 5% 0 0 0;
	}
	/*
	.subrayado{
		margin: 15px 0;
	}
	.txt-bloque3{
		padding: 0 0 0 15%;
	}
	*/
	.bloque5{
		border-radius: 20px 0 0 0;
		margin: 5% 0 0 0;
		padding: 10% 6%;		
	}
	.titulo-bloque5{
		width: 100%;
	}
	.bloque5 ul li{
		font-size: 14px;
	}
	/****************************************************/
	/*******************  OFRECEMOS  ********************/
	/****************************************************/
	#ofrecemos{
		width: 88%;		
		margin: 5% auto 0 auto;
	}
	/*
	#ofrecemos h1{
		margin: 0 0 5% 0;
	}
	
	.contenedor-ofrecemos{
		width: 100%;		
		flex-direction: column;		
		margin: 0;
	}
	.colum1, .colum2, .colum3{
		width: 100%;
	}
	.bloques-ofrecemos{		
		border-radius: 20px;
		padding: 5%;
		margin: 0 0 5% 0;
	}
	*/
	.icono-ofrecemos{
		width: 60px;	
	}
	/*
	.bloques-ofrecemos h3{
		font-size: 17px;
		margin: 3% 0 8% 0;
	}
	.bloques-ofrecemos p{
		font-size: 13px;
		line-height: 14px;	
	}	
	*/
}
/****************************************************/
/****************    Estilos para 533      **********/
/****************************************************/
@media only screen and (max-width:533px){
	
}
/****************************************************/
/****************    Estilos para 480      **********/
/****************************************************/
@media only screen and (max-width:480px){
	/****************************************************/
	/*******************  CONTACTO  *********************/
	/****************************************************/	
	.caja-telefonos-contacto h2{		
		font-size: 30px;	
	}
}
/****************************************************/
/****************    Estilos para 375      **********/
/****************************************************/
@media only screen and (max-width:375px){
	
}
/****************************************************/
/****************    Estilos para 360      **********/
/****************************************************/
@media only screen and (max-width:360px){
		
}
/****************************************************/
/****************    Estilos para 320      **********/
/****************************************************/
@media only screen and (max-width:320px){
	
	
}