@import url(menu.css);



*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	
	background: -webkit-linear-gradient(#39b4e0,#39b4e0);
	background: -o-linear-gradient(#39b4e0,#39b4e0);
	background: -moz-linear-gradient(#39b4e0,#39b4e0);
	background: linear-gradient(#39b4e0,#39b4e0);
	
	font-family: 'Open Sans', sans-serif;
	
}
header{
	width: 100%;
	height: 60px;
	background-color: #0674c3;
	color: #fff;

	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.contenedor{
	width: 98%;
	margin:auto;
}

h1{
	float: left;
}

header .contenedor{
	display: table;
}
section{
	width: 100%;
	
}


footer .contenedor{
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

.copy{
	font-size: 20px;
}
.sociales{
	width: 100%;
	text-align: center;
	font-size: 28px;
}
.sociales a{
	color: #333;
	text-decoration: none;
}
.codigo {
			color: red;
		}
.consulta_codigo p{
		color: red;
	}		

@media(min-width: 768px){
	.sociales{
		width: auto;
	}
	.cotenedor{
		width: 600px;
	}
	footer .contenedor{
		justify-content:space-between;
	}
}



@media(min-width: 1024px){

	.contenedor{
		width: 1000px;

	}

}