body{
	margin:0;
	padding:0;
	font-size: 14px;
    font-weight: bold;
    font-family: Arial;
}
#contenedor{
	width:80%;
	position:relative; 
	float:left;
	left:10%;
}
#header{
	width:100%;
	position:relative; 
	float:left;
	background-image:url('../imagenes/headeer.png');
	background-size:cover;
}
#logo{
	width:50%;
	position:relative; 
	float:left;
}
#telefonos{
	width:50%;
	position:relative; 
	float:left;
}
.intelefonos{
	width: 60%;
    position: relative;
    float: left;
    background-color: white;
    left: 30%;
    margin-top: 19px;
    border-radius: 15px;
    border: 2px solid black;
}
#cuerpo{
	width:100%;
	position:relative; 
	float:left;
	background-image:url('../imagenes/foot.png');
	background-size:cover;
}
.slider{
	width:55%;
	position:relative;
	float:left;
}
.pdf{
	width:65%;
	position:relative;
	float:left;
}
.formulario{
	width:25%;
	position:relative;
	float:left;
	left:5%;
	background-color:#bb2a22;
}
#footer{
	width:100%;
	position:relative; 
	float:left;
	background-image:url('../imagenes/foot.png');
	background-size:cover;
}
#infooter{
	width:90%;
	position:relative;
	float:left;
	left:5%;	
	color:white;
}
.clima{
	width:25%;
	position:relative;
	float:left;
}
#sucursales{
	width:100%;
	position:relative;
	float:left;
}
.insucursales{
	width:90%;
	position:relative;
	float:left;
	left:5%;
}
@media screen and (max-width: 1215px){
	#contenedor{
		width:90%;
		left:5%;
	}
	.formulario{
		margin-top:0px;
	}
}
@media screen and (max-width: 1012px){
	#contenedor{
		width:100%;
		left:0%;
	}
	#logo{
		width:100%;
		text-align:center;
	}
	#logo img{
		max-width:100%;
	} 
	#telefonos{
		width:100%;
		margin-bottom: 20px;
	}
	.slider{
		width:100%;
	}
	.pdf{
		width:100%;
	}
	.formulario{
		margin-top:0px;
		width:100%;
		left:0%;
	}
	.clima{
		width:100%;
		margin-top:20px;
	}
	.intelefonos {
		width: 50%;
		left: 25%;
	}
}
@media screen and (max-width: 610px){
	.intelefonos { 
		width: 98%;
		left: 0%;
	}
}