@charset "utf-8";

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

h1{
	
	font-size:50px !important;
	margin:0;
	font-weight:normal !important;
}
h2, h3, h4, h5{
	margin:0 !important;
	font-weight:normal !important;
	color: #000;
}
p{
	
	font-size:16px;
	line-height:28px;
	color:#000;
	text-align:justify;
	font-weight:normal !important;
	margin:0 !important;
}
a{		
	text-decoration:none;	
	margin:0 ;
}
a:hover{
	text-decoration:none !important;	
}
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;
}
/*--ScrollUp--*/
#scrollUp{
	width:50px;
	height:50px;
	bottom:10px;
	right:10px;
	background:url(../imagenes/scrollup.png);	
}
.negro{
	background:#000 !important;	
}
/****************************************************/
/****************    Precarga   		   **********/
/****************************************************/
#precarga{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	background:#000;
	z-index:10500;
}
#iconoprecarga{
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -100px;	
}
#iconoprecarga i{
	font-size:150px;
	font-weight:normal;
	color:#ffcc00;
	text-align:center;	
}
#iconoprecarga p{
	color:#ffcc00;
	text-align:center;
	letter-spacing:10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:30px;	
}
/****************************************************/
/****************    Estilos Menu          **********/
/****************************************************/
#contenedormenu{
	width:100%;	
	background:#fff;		
	position:fixed;
	border-top: 5px solid #EDC500;
	z-index:999;
	/*
	 -webkit-box-shadow: 1px 0px 8px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 0px 8px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0px 8px 4px rgba(0, 0, 0, 0.2);
    */
}
.caja-cabecera{
	display:flex;
	flex-direction:row;		
	padding: 2.5% 2%;
}

#logo{
	display:block;
	width:18%;	
	margin: 0 15% 0 0;
}
#menu{
	width:100%;
}
.botones-naranjas{
	width:800px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	align-items:center;
}
.circulo-cabecera{
	width: 100px;
	height: 100px;
	border-radius: 60px;
	background: #fdc210;
}
.botones-naranjas a{
	width: auto;
	height: 60px;
	display:flex;
	flex-direction:row;
	justify-content:center;	
	align-items:center;	
	background: #fdc210;
	border-radius:80px 20px 20px 80px;
	padding: 5px 0;	
}
.botones-naranjas a i{	
	display:flex;
	flex-direction:column;
	justify-content:center;	
	align-items:center;	
	width: 88px;
	height: 88px;
	border-radius: 50px;
	font-size:35px !important;
	color:#fff !important;
	background: #4b4c4d;
	margin:5px auto;
}
.botones-naranjas a p{
	font-family:'Gotham', sans-serif !important;
	font-size:18px !important;
	margin:0 20px 0 17px !important;
	color:#000;	
}

.boton-fijo-whatsapp{
	position: fixed;
	display: block;
	width: 65px;	
	top: 30%;
	right: 0;
	z-index: 99;
}
.boton-fijo-cotizar{
	position: fixed;
	display: block;
	width: 65px;	
	top: 42%;
	right: 0;
	z-index: 99;
}
/****************************************************/
/******************    PORTADA    *******************/
/****************************************************/
#home{
	padding: 4% 0 0 0;
	position: relative;
}
.caja-portada{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: rgb(253,194,16);
background: linear-gradient(180deg, rgba(253,194,16,1) 0%, rgba(253,194,16,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	padding: 0 3%;
	margin-top:130px;
}
.mujer-bolso{
	width: 27%;
}
.texto-portada{
	width: 38%;
	padding: 3% 0 0 0;
}
.texto-portada p{
	display: block;
	padding: 0 4%;
	font-family:'DIN Light', sans-serif !important;
	font-size: 22px;
	font-weight: normal;
	text-align:justify-all;
}
.boton-ver-trabajos{
	display: block;
	width: 200px;
    background: #fdc210;	
    color: #504F51;
	border-radius: 10px;
	padding: 10px 5%;
	margin: 130px auto 0 auto;
	font-family:'DIN Bold', sans-serif !important;
	font-size: 22px;
	text-align: center;
}
.formulario-portada{
    width: 30%;
    height: 510px;
    margin: 2% 0 0 0;
    border: 3px solid #000;
    background: #fff;
    border-radius: 15px;
    padding:15px;
}
.formulario-portada h2 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.caja-titulo-contacto{
	margin: 5% 0;
}
.titulo-dorado-contacto {
    padding: 1% 6% 2% 6%;
    background: #353535; 
}
.fondo-contacto {
    width: 100%;
    height: auto;
}
.imagen-contacto-pc {
    display: block;
}
.imagen-contacto-movil {
    display: none
}
#fcontacto {
    width: 97%;
    margin: 2% auto 0 auto;
}
#unacolum p {
    color: #96999E;
    margin: 10px 0 0 0; 
}
#doscolums {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
#doscolums p {
    width: 48%;
    color: #96999E;
    margin: 10px 0 0 0; 
}
.campos {
    width: 100%;
    height: 30px;
    line-height: 0px;
    padding: 0 ;
    margin: 15px 0 0 0;
    border: none;
    border-bottom: 3px solid #353535;
    background: none;
    font-family: 'DIN Light', sans-serif !important;
    font-size: 17px;
    color: #000
}
.mensaje{
	width: 100%;
    height: 85px;
    border: none;
    border-bottom: 3px solid #353535;    
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    font-family: 'DIN Light', sans-serif !important;
    font-size: 17px;   
    color: #000;
    background: none;
}
.terminos {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;   
}
.text-terminos {
	font-size: 13px;
	margin-left: 8px; 
}
.text-terminos a {
	color: #000;
    font-weight: bold;
    text-decoration: underline !important; 
}
.boton {
    display: block;
    font-family: 'Gotham Medium', sans-serif !important;
    font-size: 25px;
    border: none;
    border-radius: 10px;
    background: #F4B900;
    color:#000;   
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 2.5% 20% !important;
    transition: all 0.3s
}
#advertencia {
    color: #E0A500 !important;
    margin: 20px 0;
    font-size: 25px;
    font-weight: normal
}
.contacto-pie{
	display: flex;
	flex-direction: column;
}
.titulo-politicas{
	text-align: center !important;
	font-size: 22px !important;
}
.franja-gris{
	padding: 3% 0;
	background: #E2E4E8;
}
/****************************************************/
/***************  BOLSAS ECOLOGICAS  ****************/
/****************************************************/
#bolsas-ecoligicas{
	padding: 5%;
}
.titulo-amarillo{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 50px !important;
	text-align: center;
	color: #fdc210;
	margin: 0 0 2% 0;
}
.caja-galeria-bolsas{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item-bolsas{
	width: 32%;
	margin:2% 0;
}
.nombre-bolsas-galeria{
	background:#504F51;
	padding: 7px 0 10px 0;
}
.nombre-bolsas-galeria h3{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 38px;
	text-align: center;
	color: #fdc210;
}
/****************************************************/
/*****************  SOMOS PROVEEDORE  ****************/
/****************************************************/
#proveedores{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 4% 0;
	background: #E2E4E8;
}
.mujer-bolso-2{
	width: 53%
}
.txt-proveedores{
	width: 47%;
	background: #E2E4E8;
	padding: 5% 5% 5% 2%;
}
.txt-proveedores h2{
	font-family: 'DIN Medium', sans-serif !important;
	font-size: 47px;
	text-align:center;
	color: #504F51;
	margin: 0 0 5% 0 !important;
}
.txt-proveedores h2 span{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 62px;
	color: #fdc210;
}
.txt-proveedores p{
	padding: 0 6%
}
/****************************************************/
/****************   NUESTRAS BOLSAS   ***************/
/****************************************************/
.carrusel-bolsas{
	margin: 3% 0 5% 0;
}
/****************************************************/
/****************   CARACTERISTICAS   ***************/
/****************************************************/
.texto-titulo{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 25px;
	text-align: center;
}
.caja-caracteristicas{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 2% 0;
}
.imagen-caracteristicas{
	width:58%;
}
.parrafos-caracteristicas{
	width: 42%;
	background: #E2E4E8;
	padding: 3% 5% 0 2%;
}
.item-caracteristica{
	margin: 15px 0;
}
.nombre-caracteristicas{
	width: 80%;
	display: flex;
	flex-direction: row;
	align-items: center;	
}
.iconos-caracteristicas{
	width: 63px;
	z-index: 9;
}
.txt-caracteristicas{
	width: 60%;
	height: 40px;
	display: flex;
	align-items: center;
	background: #fdc210;
	border-radius: 0 10px 10px 0;
	margin: 0 0 0 -20px;
	padding: 0 0 0 30px;
}
.txt-caracteristicas h3{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 19px;
	text-align: center !important;
	color:#504F51;
}
.item-caracteristica p{
	font-family: 'DIN Light', sans-serif !important;
	font-size: 19px !important;
	margin: 0 0 0 55px !important
}
/****************************************************/
/*************   PREGUNTAS FRECUENTES   *************/
/****************************************************/
#preguntas-frecuentes{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: #E2E4E8;
	margin: 5% 0;	
}
.preguntas{
	width: 50%;
	margin: auto;
}
/*
.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;

}

.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #03b5d2;
}
*/
.accordion .accordion-item{
	margin: 20px 0;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 10px;
  color: #000;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: #EDC500;
  outline: none;
  border-radius: 10px;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  /*color: #03b5d2;*/
}

/*
.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
*/
.accordion button .accordion-title {
	font-size: 16px;
  padding: 1em 1.5em 1em 0;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: -8px;
  right: -5px;
  width: 60px;
  height: 60px;
  border: 1px solid;
  border: 6px solid #EDC500;
  border-radius: 30px;
  background: #504F51;
  color: #EDC500;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 22px;
  left: 15px;
  width: 20px;
  height: 4px;
  background: currentColor;

}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 14px;
  left: 23px;
  width: 4px;
  height: 20px;
  background: currentColor;
}
/*
.accordion button[aria-expanded='true'] {
  color: #03b5d2;
}
*/
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 18em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  padding: 20px 40px 0 10px
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px
}
.accordion .accordion-content ul{
	list-style:square;
	margin: 10px 0 0 20px;
	line-height: 20px 
}
.accordion .accordion-content ul li{
  font-size: 1rem;
  font-weight: 300;
  color: #000;
  
}
.hombre-bolsa{
	width: 45%
}
/****************************************************/
/*****************   TESTIMONIOS   ******************/
/****************************************************/
.caja-testimonios{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5%
}
.item-testimonio{
	width: 32%;
	margin: 2% 0;
}
.silueta{
	width: 35%;
	margin: 0 auto -15% auto;
}
.caja-plomo-testi{
	width: 90%;
	border-radius: 10px 10px 0 0;
	background: #504F51;
	padding: 10px 20px;
	margin: auto;
	display: flex;
	flex-direction: column;
}
.comillas{
	width: 25%;
	margin: 0 0 3% 0;
}
.nombre-testi h2{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 30px;
	text-align: center;
	color: #fff !important;
}
.nombre-testi h3{
	font-family: 'DIN Light', sans-serif !important;
	font-size: 28px;
	text-align: center;
	color: #fff !important;
}
.caja-amarillo-testi{
	width: 100%;
	height: 260px;
	border-radius: 10px;
	background: #fdc210;
	padding: 3%
}
.caja-amarillo-testi2{	
	height: 380px;
}
.caja-amarillo-testi h4{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 32px;
	text-align: center;
}
.estrellas{
	width: 60%;
	margin: 2% auto 5% auto;
}
.caja-amarillo-testi p{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 22px;
	text-align: center;
	color: #504F51;
}
/****************************************************/
/******************   CLIENTES   ********************/
/****************************************************/
.caja-clientes{
	
	padding: 0 0 3% 0
}

/****************************************************/
/**************   Estilos Pie pagina   **************/
/****************************************************/
#piepagina{
	background: #504F51;
}
.caja-pie{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 3% 5% 5% 5%; 
}
.logo-pie{
	width: 17%;
	margin: 2% 0 0 0;
}
.caja-pie h3{
	font-family: 'DIN Bold', sans-serif !important;
	font-size: 30px !important;
	text-align: left !important;
	color: #fdc210;
	margin: 0 0 6% 0 !important;
}
.info-contacto{
	width: 35%;
	margin: 2% 0 0 0;
}
.item-contacto{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 5px 0;
}
.icono-contacto{
	width: 30px;
	height: 30px;
	border-radius: 17px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content:center;
}
.icono-contacto i{	
	color: #fff;
}
.item-contacto a{
	font-family: 'DIN Light', sans-serif !important;
	font-size: 20px;
	color: #fff;
	margin: 0 0 0 5px;
}
.envios{
	margin:0 0 12% 0;
}
.sociales-pie{
	width: 250px
}
.franja-amarilla-pie{
	padding: 1% 0;
	background: #EDC500
}
.sociales-pie ul{
	width: 170px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
}
.sociales-pie ul li a{
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 17px;
	background: #000;
	text-align: center;
	color: #fff;
}
/************************************************************************************/
/*******************************ESTILOS PARA 1440 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1440px){
	/****************************************************/
	/****************    Estilos Menu          **********/
	/****************************************************/
	.caja-cabecera{
		/*flex-direction:row;*/		
		padding: 2.5% 2%;
	}
	/*
	#logo{
		width:18%;	
		margin: 0 15% 0 0;
	}
	*/
	.botones-naranjas{
		width:800px;
		/*flex-direction:row;*/	
	}
	.circulo-cabecera{
		width: 80px;
		height: 80px;
	}
	.botones-naranjas a{
		height: 50px;	
		/*border-radius:80px 20px 20px 80px;
		padding: 5px 0;*/
	}
	.botones-naranjas a i{			
		width: 70px;
		height: 70px;
		font-size:30px !important;
		margin:5px auto;
	}
	.botones-naranjas a p{		
		font-size:18px !important;
		margin:0 20px 0 17px !important;
	}
	/****************************************************/
	/******************    PORTADA    *******************/
	/****************************************************/
	#home{
		padding: 4% 0 0 0;
	}
	
	.caja-portada{		
		/*flex-direction: row;			
		background: linear-gradient(180deg, rgba(253,194,16,1) 0%, rgba(253,194,16,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		padding: 0 3%;*/
		margin-top:120px;
	}
	.mujer-bolso{
		width: 27%;
	}
	.texto-portada{
		width: 38%;
		padding: 3% 0 0 0;
	}
	
	.texto-portada p{		
		/*padding: 0 4%;*/		
		font-size: 18px;
	}
	.boton-ver-trabajos{		
		width: 200px;
	    padding: 10px 5%;
		margin: 70px auto 0 auto;	
		font-size: 18px;
	}
	.formulario-portada{
	    /*width: 30%;*/
	    height: 480px;
	    margin: 2% 0 0 0;	       
	    border-radius: 15px;
	    padding:15px;
	}
	.formulario-portada h2 {	    
	    font-size: 22px;
	}
	.caja-titulo-contacto{
		margin: 5% 0;
	}

	.titulo-dorado-contacto {
	    padding: 1% 6% 2% 6%;
	}
	#fcontacto {
	    width: 97%;
	    margin: 2% auto 0 auto;
	}
	#unacolum p {
	    margin: 10px 0 0 0; 
	}
	
	.campos {
	    height: 30px;
	    line-height: 0px;
	    margin: 15px 0 0 0;	 	       
	    font-size: 17px;
	}
	
	.mensaje{		
	    height: 80px;	      
	    margin: 5px 0 0 0;
	    padding: 15px 0 0 0;	   
	    font-size: 17px; 	   
	}	
	.text-terminos {
		font-size: 13px;
		margin-left: 8px; 
	}
	.boton {	   
	    font-size: 20px;	   
	    /*border-radius: 10px;	    
	    margin-top: 10px;
	    margin-bottom: 10px;*/
	    padding: 2% 20% !important;
	}
	#advertencia {
	    font-size: 18px;
	}
	/****************************************************/
	/***************  BOLSAS ECOLOGICAS  ****************/
	/****************************************************/
	/*
	#bolsas-ecoligicas{
		padding: 5%;
	}
	*/
	.titulo-amarillo{		
		font-size: 40px !important;		
	}
	/*
	.caja-galeria-bolsas{		
		flex-direction: row;
	}
	.item-bolsas{
		width: 32%;
		margin:2% 0;
	}
	.nombre-bolsas-galeria{
		padding: 7px 0 10px 0;
	}
	*/
	.nombre-bolsas-galeria h3{		
		font-size: 32px;
	}
	/****************************************************/
	/*****************  SOMOS PROVEEDORE  ****************/
	/****************************************************/
	/*
	#proveedores{
		flex-direction: row;		
		margin: 0 0 4% 0;
	}
	.mujer-bolso-2{
		width: 53%
	}
	.txt-proveedores{
		width: 47%;		
		padding: 5% 5% 5% 2%;
	}
	*/
	.txt-proveedores h2{	
		font-size: 40px;		
		/*margin: 0 0 5% 0 !important;*/
	}
	.txt-proveedores h2 span{		
		font-size: 55px;
	}
	/*
	.txt-proveedores p{
		padding: 0 6%
	}
	*/
	/****************************************************/
	/****************   NUESTRAS BOLSAS   ***************/
	/****************************************************/
	.carrusel-bolsas{
		margin: 3% 0 5% 0;
	}
	/****************************************************/
	/****************   CARACTERISTICAS   ***************/
	/****************************************************/
	.texto-titulo{		
		font-size: 22px !important;
	}
	.caja-caracteristicas{
		flex-direction: row;
		margin: 2% 0;
	}
	/*
	.imagen-caracteristicas{
		width:58%;
	}
	.parrafos-caracteristicas{
		width: 42%;
		padding: 3% 5% 0 2%;
	}
	.item-caracteristica{
		margin: 15px 0;
	}
	.nombre-caracteristicas{
		width: 80%;
		flex-direction: row;
	}
	*/
	.iconos-caracteristicas{
		width: 52px;
	}	
	.txt-caracteristicas{
		width: 50%;
		height: 30px;
		border-radius: 0 7px 7px 0;
		/*margin: 0 0 0 -20px;
		padding: 0 0 0 30px;*/
	}
	.txt-caracteristicas h3{		
		font-size: 15px;
	}
	.item-caracteristica p{		
		font-size: 15px !important;
		line-height: 22px;
		margin: 0 0 0 55px !important
	}
	/****************************************************/
	/*************   PREGUNTAS FRECUENTES   *************/
	/****************************************************/
	#preguntas-frecuentes{		
		flex-direction: row;
		margin: 5% 0;	
	}
	.hombre-bolsa{
		width: 45%
	}
	/****************************************************/
	/*****************   TESTIMONIOS   ******************/
	/****************************************************/
	/*
	.caja-testimonios{
		flex-direction: row;		
		padding: 5%
	}
	.item-testimonio{
		width: 32%;
		margin: 2% 0;
	}
	.silueta{
		width: 35%;
		margin: 0 auto -15% auto;
	}
	.caja-plomo-testi{
		width: 90%;
		border-radius: 10px 10px 0 0;
		padding: 10px 20px;		
		flex-direction: column;
	}
	.comillas{
		width: 25%;
		margin: 0 0 3% 0;
	}
	*/
	.nombre-testi h2{
		font-size: 25px;
	}
	.nombre-testi h3{
		font-size: 22px !important;
	}
	.caja-amarillo-testi h4{
		font-size: 25px !important;
	}
	.caja-amarillo-testi{
		height: 220px;
		/*border-radius: 10px;
		padding: 3%*/
	}
	.caja-amarillo-testi2{	
		height: 335px;
	}
	.estrellas{
		width: 55%;
		margin: 2% auto 5% auto;
	}
	.caja-amarillo-testi p{		
		font-size: 17px;
		line-height: 25px
	}
	/****************************************************/
	/******************   CLIENTES   ********************/
	/****************************************************/
	.caja-clientes{
		
		padding: 0 0 3% 0
	}
}
/************************************************************************************/
/*******************************ESTILOS PARA 1280 ***********************************/
/************************************************************************************/
@media only screen and (max-width:1280px){
	/****************************************************/
	/****************    Estilos Menu          **********/
	/****************************************************/
	.caja-cabecera{
		/*flex-direction:row;*/		
		padding: 2%;
	}
	/*
	#logo{
		width:18%;	
		margin: 0 15% 0 0;
	}
	*/
	.botones-naranjas{
		width:800px;
		/*flex-direction:row;*/	
	}
	.circulo-cabecera{
		width: 60px;
		height: 60px;
	}
	.botones-naranjas a{
		height: 40px;	
		/*border-radius:80px 20px 20px 80px;
		padding: 5px 0;*/
	}
	.botones-naranjas a i{			
		width: 50px;
		height: 50px;
		font-size:25px !important;
		margin:5px auto;
	}
	.botones-naranjas a p{		
		font-size:15px !important;
		margin:0 20px 0 10px !important;
	}
	/****************************************************/
	/******************    PORTADA    *******************/
	/****************************************************/
	/*#home{
		padding: 4% 0 0 0;
	}
	*/
	.caja-portada{		
		/*flex-direction: row;			
		background: linear-gradient(180deg, rgba(253,194,16,1) 0%, rgba(253,194,16,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		padding: 0 3%;*/
		margin-top:95px;
	}
	/*
	.mujer-bolso{
		width: 27%;
	}
	.texto-portada{
		width: 38%;
		padding: 3% 0 0 0;
	}
	*/
	.texto-portada p{		
		/*padding: 0 4%;*/		
		font-size: 16px;
	}
	.boton-ver-trabajos{		
		/*width: 200px;
	    padding: 10px 5%;
		margin: 50px auto 0 auto;*/		
		font-size: 18px;
	}
	.formulario-portada{
	    /*width: 30%;*/
	    height: 480px;
	    margin: 2% 0 0 0;	       
	    border-radius: 15px;
	    padding:15px;
	}
	.formulario-portada h2 {	    
	    font-size: 22px;
	}
	.caja-titulo-contacto{
		margin: 5% 0;
	}
	/*
	.titulo-dorado-contacto {
	    padding: 1% 6% 2% 6%;
	}
	#fcontacto {
	    width: 97%;
	    margin: 2% auto 0 auto;
	}
	#unacolum p {
	    margin: 10px 0 0 0; 
	}
	*/
	.campos {
	    height: 25px;
	    line-height: 0px;
	    margin: 12px 0 0 0;	 	       
	    font-size: 15px;
	}
	
	.mensaje{		
	    height: 75px;	      
	    margin: 5px 0 0 0;
	    padding: 15px 0 0 0;	   
	    font-size: 17px; 	   
	}	
	.text-terminos {
		font-size: 13px;
		margin-left: 8px; 
	}
	.boton {	   
	    font-size: 15px;	   
	    /*border-radius: 10px;	    
	    margin-top: 10px;
	    margin-bottom: 10px;*/
	    padding: 1.5% 20% !important;
	}
	#advertencia {
	    font-size: 16px;
	}
	/****************************************************/
	/*****************  SOMOS PROVEEDORE  ****************/
	/*****************************************************/
	.titulo-amarillo{		
		font-size: 35px !important;		
	}
	.texto-titulo{
		font-size: 19px !important
	}
	/*
	#proveedores{
		flex-direction: row;		
		margin: 0 0 4% 0;
	}
	.mujer-bolso-2{
		width: 53%
	}
	*/
	.txt-proveedores{
		width: 47%;		
		padding: 4% 5% 5% 2%;
	}
	
	.txt-proveedores h2{	
		font-size: 32px;		
		/*margin: 0 0 5% 0 !important;*/
	}
	.txt-proveedores h2 span{		
		font-size: 48px;
	}
	
	.txt-proveedores p{
		font-size: 14px;
		line-height: 24px;
		padding: 0 6%
	}

	.caja-amarillo-testi2{	
		height: 345px;
	}
	/****************************************************/
	/**************   Estilos Pie pagina   **************/
	/****************************************************/
	/*
	.caja-pie{		
		flex-direction: row;		
		padding: 5%; 
	}
	.logo-pie{
		width: 17%;
	}
	*/
	.caja-pie h3{		
		font-size: 25px !important;		
		margin: 0 0 6% 0 !important;
	}
	/*
	.info-contacto{
		width: 35%
	}
	.item-contacto{				
		margin: 5px 0;
	}
	*/
	.icono-contacto{
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 17px;
	}
	.item-contacto a{		
		font-size: 17px;		
		margin: 0 0 0 5px;
	}
	.sociales-pie{
		width: 205px
	}
	/*
	.franja-amarilla-pie{
		padding: 1% 0;
	}
	.sociales-pie ul{
		width: 170px;		
	}
	*/
	.sociales-pie ul li a{		
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 17px;
	}
}
/****************************************************/
/****************    Estilos para 1024     **********/
/****************************************************/
@media only screen and (max-width:1024px){	
	/****************************************************/
	/*****************  SOMOS PROVEEDORE  ****************/
	/*****************************************************/
	.titulo-amarillo{		
		font-size: 32px !important;		
	}
	.texto-titulo{
		font-size: 16px !important
	}
	/*
	#proveedores{
		flex-direction: row;		
		margin: 0 0 4% 0;
	}
	.mujer-bolso-2{
		width: 53%
	}
	*/
	.txt-proveedores{
		width: 47%;		
		padding: 4% 5% 5% 2%;
	}
	
	.txt-proveedores h2{	
		font-size: 25px;		
		/*margin: 0 0 5% 0 !important;*/
	}
	.txt-proveedores h2 span{		
		font-size: 38px;
	}
	
	.txt-proveedores p{
		font-size: 12px;
		line-height: 22px;
		padding: 0 4%
	}
	/****************************************************/
	/****************   CARACTERISTICAS   ***************/
	/****************************************************/
	.texto-titulo{		
		font-size: 22px !important;
	}
	.caja-caracteristicas{
		flex-direction: row;
		margin: 2% 0;
	}
	/*
	.imagen-caracteristicas{
		width:58%;
	}
	.parrafos-caracteristicas{
		width: 42%;
		padding: 3% 5% 0 2%;
	}
	.item-caracteristica{
		margin: 15px 0;
	}
	.nombre-caracteristicas{
		width: 80%;
		flex-direction: row;
	}
	*/
	.iconos-caracteristicas{
		width: 40px;
	}	
	.txt-caracteristicas{
		width: 54%;
		height: 25px;
		border-radius: 0 7px 7px 0;
		/*margin: 0 0 0 -20px;
		padding: 0 0 0 30px;*/
	}
	.txt-caracteristicas h3{		
		font-size: 13px;
	}
	.item-caracteristica p{		
		font-size: 13px !important;
		line-height: 16px;
		margin: 0 0 0 45px !important
	}
	/****************************************************/
	/*****************   TESTIMONIOS   ******************/
	/****************************************************/
	/*
	.caja-testimonios{
		flex-direction: row;		
		padding: 5%
	}
	.item-testimonio{
		width: 32%;
		margin: 2% 0;
	}
	.silueta{
		width: 35%;
		margin: 0 auto -15% auto;
	}
	.caja-plomo-testi{
		width: 90%;
		border-radius: 10px 10px 0 0;
		padding: 10px 20px;		
		flex-direction: column;
	}
	.comillas{
		width: 25%;
		margin: 0 0 3% 0;
	}
	*/
	.nombre-testi h2{
		font-size: 20px;
	}
	.nombre-testi h3{
		font-size: 18px !important;
	}
	.caja-amarillo-testi h4{
		font-size: 20px !important;
	}
	.caja-amarillo-testi{
		height: 180px;
		/*border-radius: 10px;
		padding: 3%*/
	}
	.caja-amarillo-testi2{	
		height: 240px;
	}
	/*
	.estrellas{
		width: 55%;
		margin: 2% auto 5% auto;
	}
	*/
	.caja-amarillo-testi p{		
		font-size: 14px;
		line-height: 20px
	}
	/****************************************************/
	/**************   Estilos Pie pagina   **************/
	/****************************************************/
	/*
	.caja-pie{		
		flex-direction: row;		
		padding: 5%; 
	}
	.logo-pie{
		width: 17%;
	}
	*/
	.caja-pie h3{		
		font-size: 20px !important;		
		margin: 0 0 6% 0 !important;
	}
	/*
	.info-contacto{
		width: 35%
	}
	.item-contacto{				
		margin: 5px 0;
	}
	
	.icono-contacto{
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 17px;
	}
	*/
	.item-contacto a{		
		font-size: 15px;		
		margin: 0 0 0 5px;
	}
	.sociales-pie{
		width: 160px;
	}
	/*
	.franja-amarilla-pie{
		padding: 1% 0;
	}
	*/
	.sociales-pie ul{
		width: 150px;		
	}
	/*
	.sociales-pie ul li a{		
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 17px;
	}
	*/
}
/****************************************************/
/****************    Estilos para 800      **********/
/****************************************************/
@media only screen and (max-width:800px){	
	/****************************************************/
	/****************    Estilos Menu          **********/
	/****************************************************/
	.caja-cabecera{
		/*flex-direction:row;*/	
		justify-content: space-between;
		align-items: center;	
		padding: 3% 2%;
	}
	
	#logo{
		width:150px;	
		margin: 0;
	}
	
	.botones-naranjas{
		width:400px;
		margin: 0;
		/*flex-direction:row;*/	
	}
	.circulo-cabecera{
		width: 50px;
		height: 50px;
	}
	.botones-naranjas a{
		height: 40px;	
		/*border-radius:80px 20px 20px 80px;
		padding: 5px 0;*/
	}
	.botones-naranjas a i{			
		width: 40px;
		height: 40px;
		font-size:20px !important;
		margin:5px auto;
	}
	.botones-naranjas a p{		
		font-size:12px !important;
		margin:0 10px 0 2px !important;
	}

	#menu{
		display: none;
	}
	.boton-fijo-whatsapp{
		position: fixed;
		display: block;
		width: 50px;	
		top: 80%;
		right: 0;
		z-index: 99;
	}
	.boton-fijo-cotizar{
		position: fixed;
		display: block;
		width: 50px;	
		top: 90%;
		right: 0;
		z-index: 99;
	}
	/****************************************************/
	/******************    PORTADA    *******************/
	/****************************************************/
	/*#home{
		padding: 4% 0 0 0;
	}
	*/
	.caja-portada{		
		flex-direction: column;			
		/*background: linear-gradient(180deg, rgba(253,194,16,1) 0%, rgba(253,194,16,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		padding: 0 3%;
		margin-top:95px;*/
	}
	
	.mujer-bolso{
		width: 40%;
		margin: auto;
	}
	.texto-portada{
		width: 90%;
		margin: auto;
		padding: 3% 0 0 0;
	}
	
	.texto-portada p{		
		/*padding: 0 4%;*/		
		font-size: 16px;
	}
	.boton-ver-trabajos{		
		/*width: 200px;
	    padding: 10px 5%;
		margin: 50px auto 0 auto;*/	
		border: 2px solid #fff;	
		font-size: 18px;
	}
	.formulario-portada{
	    width: 80%;
	    margin: 8% auto 0 auto;	
	    /*height: 480px;
	           
	    border-radius: 15px;
	    padding:15px;*/
	}
	.formulario-portada h2 {	    
	    font-size: 22px;
	}
	.caja-titulo-contacto{
		margin: 5% 0;
	}
	/*
	.titulo-dorado-contacto {
	    padding: 1% 6% 2% 6%;
	}
	#fcontacto {
	    width: 97%;
	    margin: 2% auto 0 auto;
	}
	#unacolum p {
	    margin: 10px 0 0 0; 
	}
	
	.campos {
	    height: 25px;
	    line-height: 0px;
	    margin: 12px 0 0 0;	 	       
	    font-size: 15px;
	}
	
	.mensaje{		
	    height: 75px;	      
	    margin: 5px 0 0 0;
	    padding: 15px 0 0 0;	   
	    font-size: 17px; 	   
	}	
	.text-terminos {
		font-size: 13px;
		margin-left: 8px; 
	}
	*/
	.boton {	   
	    font-size: 15px;	   
	    /*border-radius: 10px;	    
	    margin-top: 10px;
	    margin-bottom: 10px;*/
	    padding: 1.5% 20% !important;
	}
	#advertencia {
	    font-size: 14px;
	}
	/****************************************************/
	/***************  BOLSAS ECOLOGICAS  ****************/
	/****************************************************/
	.nombre-bolsas-galeria h3{		
		font-size: 20px;
	}
	/****************************************************/
	/*****************  SOMOS PROVEEDORE  ****************/
	/*****************************************************/
	.titulo-amarillo{		
		font-size: 25px !important;
		padding: 0 25px;		
	}
	.texto-titulo{
		font-size: 14px !important
	}
	
	#proveedores{
		flex-direction: column;		
		margin: 0 0 4% 0;
		background: #E2E4E8; 
	}
	.mujer-bolso-2{
		width: 90%;
	}	
	.txt-proveedores{
		width: 100%;		
		padding: 5%;
	}
	
	.txt-proveedores h2{	
		font-size: 22px;		
		/*margin: 0 0 5% 0 !important;*/
	}
	.txt-proveedores h2 span{		
		font-size: 30px;
	}	
	.txt-proveedores p{
		font-size: 12px;
		line-height: 22px;
		padding: 0 4%
	}
	/****************************************************/
	/****************   CARACTERISTICAS   ***************/
	/****************************************************/
	.texto-titulo{		
		font-size: 15px !important;
		line-height: 20px;
		padding: 0 2%
	}
	.caja-caracteristicas{
		flex-direction: column;
		margin: 2% 0;
		background: #E2E4E8;
	}
	
	.imagen-caracteristicas{
		width:90%;
	}
	.parrafos-caracteristicas{
		width: 100%;
		padding: 5%;
	}
	.item-caracteristica{
		margin: 15px 0;
	}
	.nombre-caracteristicas{
		width: 300px;
		flex-direction: row;
	}
	/*
	.iconos-caracteristicas{
		width: 40px;
	}	
	.txt-caracteristicas{
		width: 54%;
		height: 25px;
		border-radius: 0 7px 7px 0;
	}
	.txt-caracteristicas h3{		
		font-size: 13px;
	}
	.item-caracteristica p{		
		font-size: 13px !important;
		line-height: 16px;
		margin: 0 0 0 45px !important
	}
	*/
	/****************************************************/
	/*************   PREGUNTAS FRECUENTES   *************/
	/****************************************************/
	#preguntas-frecuentes{		
		flex-direction: column;
		margin: 5% 0;	
		padding: 5%;
	}
	.preguntas{
		width: 100%;
		margin: auto;
	}
	/*
	.accordion .accordion-item{
		margin: 20px 0;
	}
	*/
	.accordion button {
	  padding: 5px 10px 6px 10px;
	  font-size: 1.15rem;
	  font-weight: 400;
	   border-radius: 7px;
	}
	
	.accordion button .accordion-title {
		font-size: 12px;
	  	padding: 1em 1.5em 1em 0;
	}

	.accordion button .icon {
	  top: -8px;
	  right: -5px;
	  width: 45px;
	  height: 45px;
	  border: 1px solid;
	  border: 6px solid #EDC500;
	  border-radius: 30px;	  
	}

	.accordion button .icon::before {
	  top: 16px;
	  left: 10px;
	  width: 15px;
	  height: 3px;
	}
	.accordion button .icon::after {	  
	  top: 11px;
	  left: 16px;
	  width: 3px;
	  height: 15px;
	}
	/*	
	.accordion button[aria-expanded='true'] .icon::after {
	  width: 0;
	}
	.accordion button[aria-expanded='true'] + .accordion-content {
	  opacity: 1;
	  max-height: 18em;
	  transition: all 200ms linear;
	  will-change: opacity, max-height;
	  padding: 20px 40px 0 10px
	}
	.accordion .accordion-content {
	  transition: opacity 200ms linear, max-height 200ms linear;
	  will-change: opacity, max-height;
	}
	*/
	.accordion .accordion-content p {
	  font-size: 13px;
	  line-height: 20px
	}
	/*
	.accordion .accordion-content ul{
		list-style:square;
		margin: 10px 0 0 20px;
		line-height: 20px 
	}
	*/
	.accordion .accordion-content ul li{
	  font-size: 13px;
 
	}
	.hombre-bolsa{
		width: 100%
	}

	/****************************************************/
	/*****************   TESTIMONIOS   ******************/
	/****************************************************/
	
	.caja-testimonios{
		flex-direction: column;		
		padding: 5%
	}
	.item-testimonio{
		width: 290px;
		margin: 2% auto;
	}
	/*
	.silueta{
		width: 35%;
		margin: 0 auto -15% auto;
	}
	.caja-plomo-testi{
		width: 90%;
		border-radius: 10px 10px 0 0;
		padding: 10px 20px;		
		flex-direction: column;
	}
	.comillas{
		width: 25%;
		margin: 0 0 3% 0;
	}	

	.nombre-testi h2{
		font-size: 20px;
	}
	.nombre-testi h3{
		font-size: 18px !important;
	}
	.caja-amarillo-testi h4{
		font-size: 20px !important;
	}
	*/
	.caja-amarillo-testi{
		height: auto;
	}
	.caja-amarillo-testi2{	
		height: auto;
	}

	/*
	.estrellas{
		width: 55%;
		margin: 2% auto 5% auto;
	}
	
	.caja-amarillo-testi p{		
		font-size: 14px;
		line-height: 20px
	}
	*/
}
/****************************************************/
/****************    Estilos para 603      **********/
/****************************************************/
@media only screen and (max-width:600px){
	/****************************************************/
	/**************   Estilos Pie pagina   **************/
	/****************************************************/
	
	.caja-pie{		
		flex-direction: column;		
		padding: 5%; 
	}
	.logo-pie{
		width: 200px;
		margin: 5% auto 8% auto;
	}
	
	.caja-pie h3{		
		font-size: 20px !important;		
		margin: 0 0 6% 0 !important;
	}
	
	.info-contacto{
		width: 270px;
		margin: auto;
	}
	.item-contacto{				
		margin: 5px 0;
	}
	
	.icono-contacto{
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 17px;
	}
	
	.item-contacto a{		
		font-size: 15px;		
		margin: 0 0 0 5px;
	}
	.sociales-pie{
		width: 160px;
		margin: 5% auto;
	}
	/*
	.franja-amarilla-pie{
		padding: 1% 0;
	}
	*/
	.sociales-pie ul{
		width: 150px;		
	}
	/*
	.sociales-pie ul li a{		
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 17px;
	}
	*/
}
/****************************************************/
/****************    Estilos para 533      **********/
/****************************************************/
@media only screen and (max-width:533px){
	/****************************************************/
	/****************    Estilos Menu          **********/
	/****************************************************/
	.caja-cabecera{
		/*flex-direction:row;*/	
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;	
		padding: 3% 2%;
	}
	
	#logo{
		width:180px;	
		margin: 0 auto;
	}
	
	.botones-naranjas{
		width:380px;
		margin: 20px auto 0 auto;
		/*flex-direction:row;*/	
	}
	.circulo-cabecera{
		width: 40px;
		height: 40px;
	}
	.botones-naranjas a{
		height: 30px;	
		/*border-radius:80px 20px 20px 80px;
		padding: 5px 0;*/
	}
	.botones-naranjas a i{			
		width: 30px;
		height: 30px;
		font-size:17px !important;
		margin:5px auto;
	}
	.botones-naranjas a p{		
		font-size:12px !important;
		margin:0 10px 0 2px !important;
	}
	/****************************************************/
	/******************    PORTADA    *******************/
	/****************************************************/
	/*#home{
		padding: 4% 0 0 0;
	}
	*/
	.caja-portada{
		padding: 0 3%;
		margin-top:150px;
	}
	
	.mujer-bolso{
		width: 40%;
		margin: auto;
	}
	/*
	.texto-portada{
		width: 90%;
		margin: auto;
		padding: 3% 0 0 0;
	}
	*/
	.texto-portada p{		
		padding: 0;		
		font-size: 15px;
	}
	.boton-ver-trabajos{		
		width: 170px;
	    padding: 10px 5%;
		margin: 30px auto 0 auto;	
		font-size: 15px;
	}
	.formulario-portada{
	    width: 90%;	    
	    height: 450px;
		/*margin: 8% auto 0 auto;	    
	    border-radius: 15px;
	    padding:15px;*/
	}
	.formulario-portada h2 {	    
	    font-size: 20px;
	}
	.caja-titulo-contacto{
		margin: 5% 0;
	}
	/*
	.titulo-dorado-contacto {
	    padding: 1% 6% 2% 6%;
	}
	#fcontacto {
	    width: 97%;
	    margin: 2% auto 0 auto;
	}
	#unacolum p {
	    margin: 10px 0 0 0; 
	}
	
	.campos {
	    height: 25px;
	    line-height: 0px;
	    margin: 12px 0 0 0;	 	       
	    font-size: 15px;
	}	
	.mensaje{		
	    height: 75px;	      
	    margin: 5px 0 0 0;
	    padding: 15px 0 0 0;	   
	    font-size: 17px; 	   
	}	
	.text-terminos {
		font-size: 13px;
		margin-left: 8px; 
	}
	*/
	.boton {	   
	    font-size: 15px;	   
	    /*border-radius: 10px;	    
	    margin-top: 10px;
	    margin-bottom: 10px;*/
	    padding: 1.5% 20% !important;
	}
	#advertencia {
	    font-size: 14px;
	}
	/****************************************************/
	/***************  BOLSAS ECOLOGICAS  ****************/
	/****************************************************/
	/*
	#bolsas-ecoligicas{
		padding: 5%;
	}
	*/
	.titulo-amarillo{		
		font-size: 25px !important;		
		/*margin: 0 0 2% 0;*/
	}
	.caja-galeria-bolsas{		
		flex-direction: column;
	}
	.item-bolsas{
		width: 90%;
		margin:2% auto;
	}
	/*
	.nombre-bolsas-galeria{		
		padding: 7px 0 10px 0;
	}
	.nombre-bolsas-galeria h3{		
		font-size: 20px;
	}
	*/
}
/****************************************************/
/****************    Estilos para 480      **********/
/****************************************************/
@media only screen and (max-width:480px){
	/****************************************************/
	/***************  BOLSAS ECOLOGICAS  ****************/
	/****************************************************/
	.titulo-amarillo{		
		font-size: 20px !important;		
		/*margin: 0 0 2% 0;*/
	}
		
	.accordion button .accordion-title {
		font-size: 10px;
	  	padding: 1em 1.5em 1em 0;
	}
	
}
/****************************************************/
/****************    Estilos para 480      **********/
/****************************************************/
@media only screen and (max-width:400px){
	/****************************************************/
	/****************    Estilos Menu          **********/
	/****************************************************/
	.caja-cabecera{
		flex-direction:column;		
		padding: 3% 2%;
	}	
	#logo{			
		margin: 0 auto;
	}	
	.botones-naranjas{
		width:100%;
		margin: 10px auto 0 auto;
		flex-direction:column;
	}
	.circulo-cabecera{
		width: 40px;
		height: 40px;
	}
	.botones-naranjas a{
		height: 30px;	
		/*border-radius:80px 20px 20px 80px;
		padding: 5px 0;*/
		margin: 10px 0
	}
	/*
	.botones-naranjas a i{			
		width: 30px;
		height: 30px;
		font-size:17px !important;
		margin:5px auto;
	}
	.botones-naranjas a p{		
		font-size:12px !important;
		margin:0 10px 0 2px !important;
	}
	*/
	/****************************************************/
	/******************    PORTADA    *******************/
	/****************************************************/
	/*#home{
		padding: 4% 0 0 0;
	}
	*/
	.caja-portada{
		padding: 0 3%;
		margin-top:210px;
	}	
	.mujer-bolso{
		width: 40%;
	}
	/*
	.texto-portada{
		width: 90%;
		margin: auto;
		padding: 3% 0 0 0;
	}
	*/
	.texto-portada p{		
		font-size: 14px;
		line-height: 20px;
	}
	/*
	.boton-ver-trabajos{		
		width: 170px;
	    padding: 10px 5%;
		margin: 30px auto 0 auto;	
		font-size: 15px;
	}
	*/
	.formulario-portada{
	    width: 90%;	    
	    height: 450px;
		/*margin: 8% auto 0 auto;	    
	    border-radius: 15px;
	    padding:15px;*/
	}
	/*
	.formulario-portada h2 {	    
	    font-size: 20px;
	}
	.caja-titulo-contacto{
		margin: 5% 0;
	}	
	.titulo-dorado-contacto {
	    padding: 1% 6% 2% 6%;
	}
	#fcontacto {
	    width: 97%;
	    margin: 2% auto 0 auto;
	}
	#unacolum p {
	    margin: 10px 0 0 0; 
	}	
	.campos {
	    height: 25px;
	    line-height: 0px;
	    margin: 12px 0 0 0;	 	       
	    font-size: 15px;
	}	
	.mensaje{		
	    height: 75px;	      
	    margin: 5px 0 0 0;
	    padding: 15px 0 0 0;	   
	    font-size: 17px; 	   
	}	
	.text-terminos {
		font-size: 13px;
		margin-left: 8px; 
	}
	*/
	.boton {	   
	    font-size: 15px;	   
	    /*border-radius: 10px;	    
	    margin-top: 10px;
	    margin-bottom: 10px;*/
	    padding: 1.5% 20% !important;
	}



}
/****************************************************/
/****************    Estilos para 375      **********/
/****************************************************/
@media only screen and (max-width:375px){
	/****************************************************/
	/*****************   TESTIMONIOS   ******************/
	/****************************************************/	
	/*
	.caja-testimonios{		
		padding: 5%
	}
	*/
	.item-testimonio{
		width: 260px;
		margin: 2% auto;
	}
	/*
	.silueta{
		width: 35%;
		margin: 0 auto -15% auto;
	}
	.caja-plomo-testi{
		width: 90%;
		border-radius: 10px 10px 0 0;
		padding: 10px 20px;		
		flex-direction: column;
	}
	.comillas{
		width: 25%;
		margin: 0 0 3% 0;
	}
	*/

	.nombre-testi h2{
		font-size: 17px;
	}
	.nombre-testi h3{
		font-size: 16px !important;
	}
	.caja-amarillo-testi h4{
		font-size: 15px !important;
	}	
	.estrellas{
		width: 45%;
		margin: 5% auto;
	}	
	.caja-amarillo-testi p{		
		font-size: 13px;
		line-height: 18px
	}
	
}
/****************************************************/
/****************    Estilos para 360      **********/
/****************************************************/
@media only screen and (max-width:360px){
	
	
	
}
/****************************************************/
/****************    Estilos para 320      **********/
/****************************************************/
@media only screen and (max-width:320px){
	
	
}