*{
	margin: 0px;
	padding: 5px;
	box-sizing: border-box;
	font-family: "Roboto",sans-serif;
	text-decoration: none;
}
body{
	background: #e2ded3
}
.contenedor{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column nowrap;
	top: 200px;
}
/*CONTENEDOR*/
.header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	background: #FFF;
}
.llamada{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}
.menu{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 90%;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}
.nav a{
	color: red;
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	padding: 1em;
}
.nav a:hover{
	background: red;
	color: #fff;
}

.logo img{
	width: 197px;
	height: 97px;
	padding: 0px;
	align-self: center;
}
.menu label{
	display: none;
	color: #fff;
	align-self: center;
}
.menu input{
	display: none;
}
/*FIN header*/
/*SECTION*/
.section{
	background: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap; 
	top: 200px;

}
.articulos{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column nowrap;
	flex: 2 1 70%; 
}
.articulos h2{
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
}
.llamadas{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.llamadas a{
	color: red;
	text-transform: uppercase;
	text-align: center;
	font-size: 1em;
	padding: 1em;
}
.llamadas a:hover{
	background: red;
	color: #fff;
}
.contacto{
	display: flex;
	justify-content: center;
	flex-flow: column nowrap;
}
.contacto form{
	display: flex;
	border-radius: 10px;
	flex-flow: column nowrap;
	justify-content: center;
	background: #000;
	width: 300px;
	margin: auto;
}
form input{
	margin: auto;
	width: 250px;
}
.contacto textarea{
	margin: auto;
	width: 250px;
	height: 150px;
	resize: none;
}
form label{
	text-align: center;
	color: red;
}
.aside{
	background: red;
	border-radius: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column nowrap;
	flex: 1 1 30%;
}
.aside h2{
	text-align: center;
	color: #fff;
}
.aside .promos p{
	border-radius: 10px;
	background: #f2f2f2;
	height: 250px;
}
/*FIN SECTION*/
/*FOOTER*/
.footer{
	background: #000;
	color: red;
	text-shadow: 2px 2px 3px #fff;

	display: flex;
	justify-content: center;

}
/*FOOTER*/
/*MEDIA QUERY*/
@media all and (max-width: 600px){
	.header{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
	}
	.section{
		flex-flow: column nowrap;
	}
	.logo{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column nowrap;
	align-content: center;
}
	.menu .logo img{
		width: 197px;
		height: 97px;
		align-self: center;
	}
	.llamadas{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	.menu{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		flex-flow: column nowrap;
		justify-content: center;
	}
	.menu label{
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    color: red;
	    cursor: pointer;
	    padding: 10px;
	    font-size: 25px;
	    text-align: right;
	}
	.menu label:hover{
		color: #fff;
		background: red;
	}
	.menu input{
	    display: none;
	}
	#toggle:checked + .nav{
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    flex-flow: column nowrap;
	    text-align: center;
	}
	.nav{
		display: none;
	}
	.nav a{
	   color: red;
	   width: 200px;
	   direction: block;
	   font-size: 15px;
	}
	.nav a:hover{
		color: #fff;
		background: red;
	}
	.contacto{
		display: flex;
		flex-flow: column nowrap;
	}
	form{
		margin: auto;
	}
	.sub-contacto{
		display: flex;
		flex-flow: column nowrap;
	}
	.sub-fotos{
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		padding: 5px 0px;
	}
	.fotos img{
		min-width: 150px;
		max-width: 200px;
		padding: 5px 0px;
	}
	.footer{
		display: flex;
		flex-flow: column nowrap;
	}
	.pie{
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
	}
	.pie p{
		text-align: center;
	}
	.footer-texto{
		display: flex;
		flex-flow: column nowrap;
	}
	.footer-imagen{
		display: flex;
		flex-flow: column nowrap;
		align-content: center;
		align-items: center;
	}
	.footer img{
		width: 200px;
	}
}
/*MEDIA QUERY 800px*/
@media all and (max-width: 850px){
	.menu{
		width: 100;
		flex-direction: column;
		justify-content: space-between;
	}
}