#mihuella{

background-image:url(../images/huella_home.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 50%;

/*
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
background-size:cover;
-webkit-background-size:cover;
*/	

}
#mihuella1{
	background-image:url(../images/huella_home.svg);
	background-repeat: no-repeat;
	background-position: center center;
background-size: 30%;	
}

.id{
	height: 100%;
	padding-top:60px;
	display: inline-block;
	}
	
	.idioma p{
	 margin: 0px 0px 0px; 
	 line-height: normal;
	}
	.idioma p a{
	padding-bottom: 0px  !important;	

	}
	.idioma small{
	color: #fff;  
	}
	.header-transparent #Top_bar.is-sticky .id{
	padding-top: 20px; 
	}

/*boletin*/
#bol{
max-width: 1100px;
margin: auto;
display: flex;
justify-content: center;	
}
.boletin{
width: auto;
height: auto;
padding: 10px 20px;
background: #233646;
color: #fff;
display: inline-block;

margin-top: 50px;
margin-bottom: 50px;

}
.boletin a{
text-decoration: none;
outline: none;	
}
.boletin a p{
color: #ffffff;	
margin: 0px;
padding: 0px;
font-size: 18px;
font-family: 'museo_sans300';

}
/*colocacion de los botones de contacto*/
#contacto{

width:90%;
display: flex;
justify-content: space-between;
align-items: flex-start;
text-align: center;	


}
#contacto .rr{
width: 30%;	


}
#contacto .rr:hover{
background: transparent  !important;	
}
#contacto .rr a{
width: 100%;
text-align: center;	
display: inline-block;
background-color:#F0E6D2!important;
color:#000;
margin:0px;
padding: 0px;

}
#contacto .rr a:hover{
background: transparent;	
}
#contacto .rr a span{
width: 100%;
	
}
#contacto .column_button{

margin-left: 0px;
padding: 0px;
display: flex;   
justify-content: flex-start;
}
#contacto .column_button a{

}
.noepie{
display: flex;
justify-content: center;
align-items: center;
align-content: center;	
}
/* la sección de los paralas */
#palx{
padding-top:140px;
padding-bottom:140px;
background-image:url(../images/galeria_paralax.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
background-size:cover;
-webkit-background-size:cover;	
}
#palx1{
padding-top:140px;
padding-bottom:140px;
background-image:url(../images/fondo_home.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
background-size:cover;
-webkit-background-size:cover;
}





.pad{
padding:0 5%;

	
}
/*estilos de creando lo estraordinario*/
.creando{
width: 100%;
height: 125px;
background-color: #233646;	
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.creando h1{
text-align: center;	
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-size: 30px;
font-family: 'museo300';
color: #FBEFE0;
line-height: 70px;
letter-spacing: 4px;  
}

.texto{
width: 100%;
max-width: 1100px;
margin: auto;
 height: auto;  
 text-align: center;
 display: flex;
 flex-direction: column;
 /*
 justify-content: center;
 align-items: center;
 */
 margin-top: 50px;
 margin-bottom: 50px;


}
.texto p{
width: 80%;
height: auto;
font-size: 2.1rem;
line-height: 1.4;
color: #6E9D93;	
/*
font-family: 'museo_sans300';
*/
font-family: 'museo300';
margin: auto;
}  
.texto article{
width: 85%;
text-align: left;	
font-size: 30px;
color:#6E9D93;
font-family:'museo300';
line-height: normal;
margin: auto;
margin-left: 0px;
margin-bottom: 30px;

} 
.tp{
margin:0 auto 28px	
}
.cliente{
	max-width: 1100px;
	height: auto;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
	margin-top: 50px;
}

.cliente h3{
width: 100%;	
text-align: center;	
margin-bottom: 50px;
}
.cliente div{
	width: 15%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	
}
.cliente div img{
width: auto;
height: auto;
	
}
/* estilos del slider*/

.banner h2{
width: 100%;

color:  #F0E6D2;
font-size: 2.1rem;	
font-family: 'museo300';
}
.banner1 h2{
color: #233646;
/*
font-size: 1.8rem;
*/
font-size: 2.1rem;
/*
line-height: normal;*/
line-height: 1.4;
font-family: 'museo300';
}
.banner1 p{
font-size: 1.2rem;	
color: #ffffff;
font-family: 'museo_sans300';
line-height: 1.4;
margin-top: 60px;
margin-bottom: 60px;

}
/* estilos de nosotros evolución*/

.evo h2{
font-size: 1.8rem;
margin-bottom: 30px;
color: #6E9D93;	
}
.evo h1{
color: #233646;	
}
.evo p{
color: #243746;	
}
/*texto propocito*/
.propo h2{
font-size: 1.8rem;	
color: #6E9D93;	
}
.propo p{
color: #243746;
font-size: 1.25rem;	
}
/*colocación de los estilos de cabecera */
.sl p{
color: #ffffff;
font-size: 1.3rem;	
}
/* estilos de las 4 columnas de sabores */
.cl h4{
color: #6E9D93;
text-transform: uppercase;	
} 
.cl p{
color: #243746;
font-size: 1rem;	
}
/* estilos del la sección de colores*/
.color h3{
color: #233646; 
font-size: 2.7rem;	
line-height: normal;
font-weight: normal;
font-family: 'museo_sans300';
}
.color h4{
color:#6E9D93;
font-size: 1.6rem;
margin-bottom: 20px;
margin-top: 20px;
font-weight: normal;
font-family: 'museo_sans300';	
}
.color p{
color: #243746;	
font-family: 'museo_sans300';
line-height: 20px;
font-weight: normal;
}
/*colocación de las columnas invertidas */
.columna{
width: 100%;
height: auto;
max-width: 1100px;
margin: auto;
display: flex;
}
.columna div{
width: 50%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: column;
}
.columna div h3{
width: 80%;	
font-size: 26px;
line-height: normal;
margin-left: 0%;
text-transform: uppercase;
color: #6E9D93;
	
}
.columna div p{
width: 80%;	
margin-left: 0%;
line-height: normal;
font-size: 20px;
color: #243746;
}

/* colocación de estilos de nuestra evolución*/
.evolucion{
width: 100%;
height: auto;
max-width: 1100px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 1px solid #ccc;
	
}
.evolucion h3{
width: 100%;
margin-top: 30px;
margin-bottom: 30px;	
}
.evolucion div{
width: 24%;
height: auto;
margin-bottom: 50px;
	
}
.evolucion div p{
width: 85%;
font-size: 20px;
	
}
/* estilos de nuestro propocito */
.propocito{
width: 100%;
height: auto;
max-width: 1100px;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;	
}
.propocito h3{
width: 100%;

}
.propocito div {
width: 49%;
height: auto;

}
.propocito div p{
margin-bottom: 30px;
font-size: 20px;
}
/*estilos de la pagina de sabor*/
.categoria{
width: 100%;
height: auto;
max-width: 1100px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 100px;
}
.categoria h3{
width: 100%;
height: auto;	
}

.categoria div{
width: 24%;
height: auto;
margin-bottom: 50px;	
}
.categoria div h4{
	height:60px;
	font-size: 1.5rem;
	color: #6E9D93;
	text-transform: uppercase;
	
}
.categoria div p{
font-size: 1rem;
color: #243746;	

}
.categoria .ch{
width: 24%;
height: auto;
margin-top:  85px;
}
.categoria .ch img{
width: 96%;
height: auto;	
}
.categoria .gd{
width: 49%;
height: auto;
margin-top: 85px;	
}
.categoria .gd img{
width: 100%;
height: auto;	
}
/*colocación de los estilos de fragancias*/
.columna .fra{
width: 35%;
height: auto;
margin: auto;
display: flex;
align-items: flex-start;	
}
.columna .fra h3{
width: 50%;	
}
.columna .fra a{
width: 30%;
height: auto;
padding: 10px;
margin-left: 0px;
text-align: center;
background-color: #233646;
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin-top: 30px;
}
#alternar-respuesta-ej5{
background-color:#233646!important;
color:#fff;
 width: 30%;
 padding: 15px;
 border-radius: 5px;
 text-align: center;
 cursor: pointer;	
}
#alternar-respuesta-ej5 section{
border:1px solid red;
margin-top: 30px;	
}
#alternar-respuesta-ej6{
background-color:#233646!important;
color:#fff;
 width: 30%;
 padding: 15px;
 border-radius: 5px;
 text-align: center;
 cursor: pointer;	
}

#alternar-respuesta-ej7{
background-color:#233646!important;
color:#fff;
 width: 30%;
 padding: 15px;
 border-radius: 5px;
 text-align: center;
 cursor: pointer;	
}
#alternar-respuesta-ej8{
background-color:#233646!important;
color:#fff;
 width: 30%;
 padding: 15px;
 border-radius: 5px;
 text-align: center;
 cursor: pointer;	
}
#alternar-respuesta-ej9{
	background-color:#233646!important;
	color:#fff;
	 width: 30%;
	 padding: 15px;
	 border-radius: 5px;
	 text-align: center;
	 cursor: pointer;	
	}
/*colocación de los estilos de materia prima de la pagina */
.materia_txt{
width: 100%;
height: auto;
max-width: 1100px;
margin: auto;
}

.materia_txt p{
width: 80%;
height: auto;
margin: auto;
font-size: 2.1rem;	
line-height: normal;
text-align: center;
}
.prima{
width: 100%;
max-width: 1100px;
height: auto;
margin: auto;
margin-top: 50px;
display: flex;
justify-content: space-between;	
flex-wrap: wrap;
}
.prima div:nth-child(1){
	width: 41%;
	height: auto;

} 
.prima div:nth-child(1) h2{
width: 80%;

font-size: 1.6rem;
color: #6E9D93;
margin-top: 0px;
padding: 0px;	
margin: auto;
}
.prima div:nth-child(1) h3{
width: 80%;
color: #233646;	
font-size: 1.1rem;
font-weight: bold;
line-height: normal;
margin: auto;
}
.prima div:nth-child(1) ul li{
width: 80%;
margin: auto;	
color: #243746;
font-size: 1.25rem;	
}
.prima div:nth-child(2){
	width: 59%;
	height: auto;

}
.prima div:nth-child(2) img{
width: 100%;
height: auto;	
}
.prima div:nth-child(3){
width: 41%;
height: auto;
	
}
.prima div:nth-child(4){
width: 59%;
height: auto;

}
.prima div:nth-child(4) h2{
width: 80%;

font-size: 1.6rem;
color: #6E9D93;
margin-top: 0px;
padding: 0px;	
margin: auto;
margin-top: 50px;
}
.prima div:nth-child(4) h3{
width: 80%;
color: #233646;	
font-size: 1.1rem;
font-weight: bold;
line-height: normal;
margin: auto;
}
.prima div:nth-child(4) ul li{
width: 80%;
margin: auto;	
color: #243746;
font-size: 1.25rem;	
}
#dis{
width: 100%;
display: flex;
justify-content: space-between;	
}
#dis div:nth-child(2){	
margin-left: 30px;
display: inline-block;
}
#ac{
width: 100%;
height: auto;	
}
.top{
margin-top: 100px;
margin-bottom: 100px;	
}
/* estilos de pie de pagina */
ul li{
list-style:none;
text-decoration: none;	
}
.social{
width: 100%;
height: auto;
display: flex;
	
}
/*
.column_column ul{

}
*/
.social ul{
margin-left: 0px;	
}
.social ul li{
list-style: none;
text-decoration: none;	
display: inline-block;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
#pie{
width: 100%;
height: 85%;
display: flex;
/*
justify-content: flex-end;
align-items: flex-end;
align-content: flex-end;
*/	


}
#pie #uno{
display: block;
/*
display: flex;
align-items: center;	
*/

	
}
.f{
position: absolute;
bottom: 0px;
	
}
.f p{
border-top:1px solid #fff;
 width: auto;
 display: inline-block;
 padding-top: 20px;
 color:#fff;	
}
.f2{
display: none;	
}
.logo_pie{
	width: 100%;
	margin-top: 50px;
	

	}
	.logo_pie img{
	width: 80%;	
	
	}

#pie #dos {

display: block;	
}
#pie #dos h2{
font-size: 22px;
color: #6E9D93;	
font-family: 'museo_sans300';
}
#pie #dos p{
	font-size: 18px;
	color: #ffffff;	
	font-family: 'museo_sans300';
	}
#pie #dos .mcb-wrap-inner{
height: 100%;
display: inline-block;	
padding: 0px;
margin: 0px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
align-content: flex-end;

}
#pie #dos .mcb-wrap-inner .column{
margin: 0px;
padding: 0px;	
}

#pie #tres .mcb-wrap-inner{
width: 100%;	
height: 100%;
display: inline-block;
display: flex;
align-items: flex-end;
justify-content: flex-end;
align-content: flex-end;	
}
#pie #tres .mcb-wrap-inner p{
color: #ffffff;	
font-size: 22px;
}
#pie #tres .mcb-wrap-inner .social .facebook {

margin-left: -10px;
padding-left: 0px;	
}
#pie #tres .mcb-wrap-inner .column{
	margin: 0px;
	padding: 0px;	
	}

#huella{

background-image: url(../images/huella_buena.png);
/*
background-repeat: no-repeat;
background-position: right;
*/
background-repeat: no-repeat;
background-position: right;
height:340px;

}
.esp{

    padding-top: 40px;
    padding-bottom: 40px;
	background-color:#233646;
    }
/* colocación de las 4 columnas de mostrar mas */
.cflot{
width: 90%;	
max-width: 1100px;
height: auto;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
margin-top: 30px;
word-wrap: break-word; 
}
.cflot h5{
width: 90%;	
text-transform: uppercase;
font-size: 24px;
line-height: normal;
color: #6E9D93;	
 font-family: 'museo_sans300';
}
.cflot div{
width: 24%;
height: auto;
margin-bottom: 50px;
}
.tabletrr h1{
font-family: 'museo300';	

}


@media only screen and (min-width: 960px) and (max-width: 1239px){

	.id{
		height: 90%;
		padding-top:0px  !important;
		display: inline-block;
		padding-left: 0px;
		display: flex  !important;
		padding-bottom: 10px  !important;
		
		}
		
		.idioma p{
		width: 100%;	
		 margin: 0px 0px 0px; 
		 padding: 0px;
		 line-height: normal;
		 display: flex;
		 
		}
		.idioma p a{
		padding: 0px;			
		}
		.idioma small{
		color: #fff;  
		
		}
		.header-transparent #Top_bar.is-sticky .id{
		padding-top: 20px; 
		}
	.cflot{
	border: none;	
	}
	.texto article{
	width: 90%;
	border:none;	
	}
	/*columnas de nosotros */
	.columna{
		/*
width: 90%;
*/
height: auto;
max-width: 940px;
margin: auto;
display: flex;
}
.columna div{
width: 50%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: column;
}
.columna div h3{
width: 80%;	
font-size: 26px;
line-height: normal;
margin-left: 0%;
text-transform: uppercase;
color: #6E9D93;
	
}
.columna div p{
width: 80%;	
margin-left: 0%;
line-height: normal;
font-size: 20px;
color: #243746;
}
.evolucion{
max-width: 940px;
margin: auto;	
}
.propocito{
max-width: 940px;
margin: auto;	
}
.categoria{
max-width: 940px;
margin: auto;	
}



}
@media only screen and (min-width: 768px) and (max-width: 959px){
	/*idiomas */
	.id{
		height: 90%;
		padding-top:0px  !important;
		display: inline-block;
		padding-left: 0px;
		display: flex  !important;
		padding-bottom: 10px  !important;
		
		}
		
		.idioma p{
		width: 100%;	
		 margin: 0px 0px 0px; 
		 padding: 0px;
		 line-height: normal;
		 display: flex;
		 
		}
		.idioma p a{
		padding: 0px;			
		}
		.idioma small{
		color: #fff;  
		
		}
		.header-transparent #Top_bar.is-sticky .id{
		padding-top: 20px; 
		}
	.texto{
	width: 90%;	
		
	}
	.bacio{
		display: none !important;
	}
	/*colocación de los botones de contacto */
	#contacto{
		flex-direction: column;
		justify-content: center;
	}
	#contacto .column_button{
		width: 48%;
			
		margin-left: 0px;
		padding: 0px;
		margin-bottom: 30px;
		}
		

	/*terminación del mismo */
	.texto article{
	width: 80%;	
	font-size: 25px;
		
	}
	.pad{
	padding:0 0%;
	text-align: left;	
	}
	#palx1{
	background-image: none;
	background-color: #6E9D93;	
	}
	#palx{
	background-image: none;
	background-color: #6E9D93;	
	}
	/*
	.mcb-section-inner{
width: 100%;
border:1px solid red;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;	
}
*/
.mv{
height:300px !important;
	
}
#huella{
	/*
	background-image: none;
	*/
}
.tabletr{
width: 100%;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
}
.tabletrn{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
}
.tabletrr{
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;	
}
.tabletrr .rr{
width: 50%;	
}
.evo h2{
width: 100%;	
}



.one-second.mcb-wrap{
width: 100%;
height: auto;

text-align: center;	
}

.mtxt{
text-align: left;
	
}
.one-second.mcb-wrap{
text-align: left;	
}
/*estilos de la parte de clientes */
.cliente{
width: 90%;
height: auto;
}
.cliente div{
width: 33%;
height: auto;	
}
.cliente h3{
font-size: 30px;	
}

/*
.mcb-section-inner{
text-align: center;
border:1px solid red;
}
*/
	.categoria{
	max-width: 708px;
	display: flex;
	flex-wrap: wrap;	
	}
	.categoria div{
	width: 100%;
	height: auto;	
	}
	.categoria .ch{
	width: 29%;	
	margin-top: 0px;	
	}
	.categoria .gd{
	width: 60%;
	height: auto;
	margin-top: 0px;	
	}
	.columna{

	max-width: 708px;	
	}
	.evolucion{
max-width: 708px;
margin: auto;	
}
.propocito{
max-width: 708px;
margin: auto;	
}
.cflot{
width: 90%;
margin: auto;
flex-wrap: wrap;	
}  
.cflot div{
width: 50%;	
}


}
@media only screen and (max-width: 767px){ 
	.creando h1{
	line-height: normal;	
	}
	.f{
	display: none;	   
	}
	.f2{
		width: auto;
		display: inline-block;
		font-size: 18px !important;
		padding-top: 10px;
		border-top: 1px solid #fff;
	}
	#mihuella{

		background-image:url(../images/huella_home.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		
		/*
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:fixed;
		background-size:cover;
		-webkit-background-size:cover;
		*/	
		
		}
	/*idiomas */
	.id{
		height: 90%;
		padding-top:0px  !important;
		display: inline-block;
		padding-left: 0px;
		display: flex  !important;
		padding-bottom: 10px  !important;
		
		}
		
		.idioma p{
		width: 100%;	
		 margin: 0px 0px 0px; 
		 padding: 0px;
		 line-height: normal;
		 display: flex;
		 
		}
		.idioma p a{
		padding: 0px;
					
		}
		.idioma small{
		color: #fff;  
		
		}
		.header-transparent #Top_bar.is-sticky .id{
		padding-top: 20px; 
		}
	/*colocación de los botones */

	#contacto{
	flex-direction: column;	
	}
	#contacto .column_button{
	margin-bottom: 30px;	
	}
	#contacto .column_button a{
	width: 70%;	
	text-align: center;
	display: flex;
	justify-content: center;
	}
	/*bacio*/
	.bacio{
	display: none;
	display: none  !important;	
	
	}
	.texto article{
		width: 93%;	
		font-size: 25px;	
		margin: auto;
		margin-bottom: 30px;
		
		
		}
	
	#huella{
	
	/*
	height: 250px;  
	*/
	
	
}
.esp{

padding-top: 40px;
padding-bottom: 40px;
}
.texto{
	width: 90%;
height: auto;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;


}
.texto p{
font-size: 1.3rem;
height: auto;	
}	
.tabletr{
width: 100%;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
}
.tabletrn{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
}
.tabletrr{
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;	
}
.tabletrr .rr{
width: 50%;	
}
.evo h2{
width: 100%;	
}
.one-second.mcb-wrap{
width: 100%;
height: auto;
text-align: center;	
}

.mtxt{
text-align: left;
	
}
.one-second.mcb-wrap{
text-align: left;	
}
/*estilos de la parte de clientes */
.cliente{
width: 90%;
height: auto;
}
.cliente div{
width: 49%;
height: auto;	
}
.cliente h3{
font-size: 1.5rem;	
}
/*estilos de las columnas */
img.scale-with-grid, #Content img{
margin-bottom: 30px;	
}
/*fragancias */
.column_button{
padding-bottom: 30px;	
}
.cflot{
width: 80%;
height: auto;
margin: auto;
display: flex;
flex-wrap: wrap;
margin-top: 50px;	
}
.cflot div{
width: 100%;
height: auto;
margin-bottom: 30px;	
}
.cflot h5{
width: 100%;
height: auto;	
}
.categoria{
width: 83%;

height: auto;
margin: auto;
}
.categoria div{
width: 100%;	
margin-bottom: 0px;
}
.categoria div h4{
font-size: 14px;	
}
.categoria .ch{

width: 100%;
margin-bottom: 0px;	
margin-left: 0px;
margin-right: 0px;

}
.categoria .ch img{
width: 100%;	
}
.categoria .gd{
width: 100%;
margin-bottom: 0px;	
}
/* colores */
.color h3{
	font-size: 1.5rem;
}
.color h4{
font-size: 1.2rem;	
}
.banner1 h2{
font-size: 1.4rem;	
}
/* pie de pagina */
#pie{
	height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;	


}
.image_frame{
text-align: center;
display: inline-block;	
}
.social{
text-align: center;
display: flex;
justify-content: center;
}
/*
.scale-with-grid{
width: 100%;	
text-align: center;
display: flex;
justify-content: center;	
}
*/
#mov{
width: 100%;	
text-align: center;
display: inline-block;
	
}






}