@charset "utf-8";
/* CSS Document */

/* NOTA: DE 1169px en adelante se ve perfecta sin media queries. */



	@media (max-width:768px) {
		
	.foto1 {
       left: -70px;
    height: auto !important;
	max-width:250px !important;
}
.foto2, .foto4 {
    
    top: -98px !important;
    left: 200px;
    height: auto !important;
	max-width:150px !important;
}
	#process {
    padding: 50px 0px 0px 0px!important;
}
#ficha .container {
    width: 100%;
    margin-left: 0px;
}
#ficha {
    
    padding: 50px 0px !important;

}
.ficha1 {
    padding: 0px 30px !important;
}
footer .container {
    width: 100% !important;
}
footer a, footer p{
	font-size:12px !important;
}
	}
		@media (max-width:480px) {
			#header img{
				    max-width: 140px;
			}
			#agave img{
				max-width:180px !important;
			}
			.foto2, .foto4 {
        top: -53px !important;
    left: 100px;
    max-width: 80px !important;
}
.foto1 {
        left: -50px;
		    top: 60px;
    max-width: 130px !important;
}
#acercade {
    padding: 50px 30px;
    font-size: 16px;
}
.item3 {
    width: 80%;
}
#ficha .col-sm-5{
	width:25% !important;
	float:left;
}
#ficha .col-sm-7{
	width:75% !important;
	float:left;
}
#ficha .col-sm-5 img{
	    width: 95%;
}
#ficha .col-sm-7 img{
	    width: 75%;
}
#ficha .col-xs-8{
	width:50% !important;
    font-size: 12px !important;
	height:60px !important;
}
#ficha .col-xs-4{
	width:50% !important;
    font-size: 12px !important;
	height:60px !important;
}
.ficha2{
	margin-top:20px !important;
}
.ficha1{
	top:0px !important;
}
.sanmatias img{
	top: 10px !important;
		}
		footer{
			text-align:center;
		}
		.customNavigation4 {
    width: 100% !important;
		}
		#process .container{
			padding-left:0px !important;
			padding-right:0px !important;
		}
		.customNavigation4 .prev, .customNavigation4 .next{
			    margin: 0px !important;
		}
		}