@import url(https://fonts.googleapis.com/css?family=Muli);
body{
	margin:0;
	padding:0;
	font-family: 'Muli', sans-serif;
}
#contenedor{
	position:relative;
	width:100%;
	float:left;
}
#header{
	position:relative;
	width:100%;
	float:left;
}
.logo{
	position:relative;
	width:30%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
.logo img{
	max-width:100%;
}
.inlogo{
	position:relative;
	width:90%;
	float:left;
	left:5%;
}
.telefono{
	position:relative;
	width:70%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
.intelefono{
	position:relative;
	width:90%;
	float:left;
}
.telef{
	color:black;
	text-decoration:none;
}
.telef:hover{
	color:red;
}
.mail{
	color: #eb140e;
    text-decoration: none;
    font-weight: bolder;
}
#menu{
	position:relative;
	width:100%;
	float:left;
	/*background-color:#eb140e;*/
}
.inmenu{
	position:relative;
	width:90%;
	float:left;
	left:5%;
}
#cuerpo{
	position:relative;
	width:100%;
	float:left;
}
.incuerpo{
	position:relative;
	width:90%;
	float:left;
	left:5%;
	margin-top:20px;
	margin-bottom:20px;
}
#slider{
	position:relative;
	width:60%;
	float:left;
}
#formulario{
	position:relative;
	width:40%;
	float:left;
}
.informulario{
	position:relative;
	float:left;
	width:90%;
	left:5%;
}	
.formu{
	position:relative;
	float:left;
	width:90%;
	left:5%;
	background-color:black;
	color:white;
}
.inp{
	width:100%;
	border-radius: 6px;
	height: 2em;
	border:0;
}
.bte{
	background-color:black;
	padding:10px;
	border:1px solid gray;
	color:white;
	border-radius: 6px;
}
.inp:focus {
	border-color: #000;
	box-shadow: 0 0 0 2px #000;
	border-radius:6px;
}

#productos{
	position:relative;
	width:100%;
	float:left;
	background-color:#eb140e;
}
.inproductos{
	position:relative;
	width:90%;
	float:left;
	left:5%;
	margin-top:20px;
	margin-bottom:20px;
	color:white;
}
.inproductos a{
	color:white;
}
.inproductos a:hover{
	color:#470a09;
}
.producto{
	position:relative;
	width:33.33%;
	float:left;
	text-align:center;
}
.producto img{
	max-width:90%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}
.producto img:hover{
	-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    overflow: hidden;
}
#footer{
	background-color:black;
	color:white;
	width:100%;
	position:relative;
	float:left;
}
.infooter{
	width:90%;
	position:relative;
	left:5%;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.send{
	background-color:black;
	color:white;
	padding:5px;
	border:1px solid black;
}
.bt{
	background-color:black;
	border:1px solid black;
	padding:8px;
	color:white;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	cursor:auto;
}
.bt:hover{
	background-color:red;
	border:1px solid red;
}
.noresp{
	display:none;
}
.mp{
	text-decoration:none;
}
.mp:hover{
	color:red;
}
@media screen and (max-width: 667px){
	#slider{
		width:100%;
	}
	#formulario{
		width:100%;
	}
	.producto{
		width:100%;
	}
}
@media screen and (max-width: 560px){
	.logo{
		width:100%;
	}
	.telefono{
		width:100%;
	}
}
@media screen and (max-width: 450px){
	.resp{
		display:none;
	}
	.noresp{
		display:block;
	}
}