body{
	font: 15px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	text-align: justify;
}

/* Estilos globales */
.contenedor{
	width: 90%;
	margin: auto;
	overflow: hidden;
}

ul{
	margin: 0;
	padding: 0;
}

.boton1{
	height: 38px;
	background-color: #e8491d;
	border: 0;
	padding-left: 20px;
	padding-right: 20px;
	color: #000000;
}

/* Encabezado */
header{
	background-color: #24282b;
	color: #FBFBFB;
	padding-top: 0px;
	min-height: 90px;
	border-bottom: 5px solid #ff0000;
}

header a{
	color: #ff0000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
}

header li{
	line-height: 105px;
	float: left;
	display: inline;
	padding: 0 20px 0 20px;
}

header #marca{
	float: left;
}

header #marca h1{
	margin: 0;
}

header nav{
	float: right;
	margin-top: 10px;
}

header .resultado, header .actual a{
	color: #ff0000;
	font-weight: bold;
}

header a:hover{
	color: #ffffff;
	font-weight: bold;
}


/* Formulario boletin */
#boletin{
	padding: 10px;
	color: #ffff;
	background: #24282b;
}
#boletin h1{
	float: left;
}

#boletin form{
	float: right;
	margin-top: 20px;
}

#boletin input[type="E-mail"]{
	padding: 4px;
	height: 25px;
	width: 250px;
}
/*Cajas*/
#cajas{
	margin-top: 20px;
}

#cajas .caja{
	background-position: center;
	text-align: center;
	width: 30%;
	padding: 10px;
}

#cajas .caja img{
	width: 90px;
}

/*Lateral*/
aside#lateral{
	float: right;
	width: 30%;
	margin-top: 10px;

}
.oscuro{
	padding: 15px;
	background-color: #35424a;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.oscuro1{
	padding: 15px;
	background-color: #35424a;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*Main- col*/
article#main-col{
	float: left;
	width: 65%;
}

/*Servicios*/
ul#servicios li{
	list-style: none;
	padding: 20px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	background-color: #e6e6e6;
}

/*footer o pie de pagina*/
footer{
	padding: 20px;
	margin-top: 20px;
	color: #fff;
	background-color: #000000;
	text-align: center;
}


/*Formulario de contactos*/
input, textarea{
	width: 100%; 
	height: 35px;
	border: 1px solid gray;
	margin-bottom: 5px;
}

textarea{
	height: 120px;
}

input[type="submit"]{
	background-color: #e8491d;
	color: #fff;
}

/*Media quieres*/
@media(max-width: 768px){
	header #marca,
	header nav,
	header nav li,
	#boletin h1,
	#boletin form,
	#cajas .caja,
	article#main-col,
	aside#lateral{

		float: none;
		text-align: center;
		width: 100%;
	}

	header{
		padding-bottom: 20px;
	}

	#boletin h1{
		margin-top: 40px; 
	}

	#boletin button{
		display: block;
		width: 100%;
	}

	#boletin form input[type="E-mail"]{
		width: 100%;
		margin-bottom: 5px;
	}

	input, textarea{
		width: 98%;
	}
	
}