@charset "UTF-8";
/* CSS Document */



body {	
	background:#fff;
	border: 0;
	margin:0;
	padding: 0;	
	font-family: 'Dosis', sans-serif;
}


header {
	width: 60%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
}

.header-top {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 2%;
}


h1 {
	width:30%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 7%;
	margin-top: 3%;
	margin-bottom: 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #000;
	text-align: left;
	padding: 0.3% 0%;
} 

.fecha {
	width:30%;
	height: auto;
	float: left;
	font-size: 0.8rem;
	font-weight: 400;
	color: #000;
	text-align: right;
	padding: 0.5% 0%;
	margin-top: 3%;
}



.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-right: 40%;
	margin-top: -7%;
}



.logo img {
	width:40%;
	height: auto;
	float: left;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.logo-movil {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
}



.logo-movil img {
	width: 0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.menu {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.5%;
}






@media screen and (max-width: 1500px) {
	
	
	
header {
	width: 70%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 15%;
}

.header-top {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 4%;
	margin-bottom: 2%;
}

h1 {
	width:30%;
	height: auto;
	float: left;
	margin-left: 11%;
	margin-right: 15%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000;
	text-align: left;
	padding: 0.3% 0%;
} 

	
.fecha {
	width:30%;
	height: auto;
	float: left;
	font-size: 0.85rem;
	font-weight: 500;
	color: #000;
	text-align: right;
	padding: 0.5% 0%;
	margin-top: 2%;
}



.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-right: 40%;
	margin-top: -9%;
}



.logo img {
	width: 50%;
	height: auto;
	float: left;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.logo-movil {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
}



.logo-movil img {
	width: 0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.menu {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.5%;
}	
	
}

@media screen and (max-width: 1180px) {
	
header {
	width: 78%;
	height: auto;
	float: left;
	margin-left: 11%;
	margin-right: 11%;
}
	
	
h1 {
	width:30%;
	height: auto;
	float: left;
	margin-left: 11%;
	margin-right: 15%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #000;
	text-align: left;
	padding: 0.3% 0%;
} 

.fecha {
	width:30%;
	height: auto;
	float: left;
	font-size: 0.8rem;
	font-weight: 400;
	color: #000;
	text-align: right;
	padding: 0.5% 0%;
	margin-top: 2%;
}



.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-right: 40%;
	margin-top: -9%;
}



.logo img {
	width:60%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 0%;
	margin-bottom: 0%;
}	
	
	
}

@media screen and (max-width: 900px) {
	
header {
	width: 78%;
	height: auto;
	float: left;
	margin-left: 11%;
	margin-right: 11%;
}
	
	
h1 {
	width:30%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 20%;
	margin-top: 4%;
	margin-bottom: 0%;
	font-size: 0.7rem;
	font-weight: 400;
	color: #000;
	text-align: left;
	padding: 0.3% 0%;
} 

.fecha {
	width:30%;
	height: auto;
	float: left;
	font-size: 0.65rem;
	font-weight: 400;
	color: #000;
	text-align: right;
	padding: 0.5% 0%;
	margin-top: 4%;
}



.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-right: 40%;
	margin-top: -11%;
}



.logo img {
	width:70%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 0%;
	margin-bottom: 0%;
}	
	
	
}

@media screen and (max-width: 700px) {
	
header {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
}


}

@media screen and (max-width: 500px) {
	
	
body {	
	background: url("../images/fondo.png") no-repeat center center; background-size: cover;
}	
	
	
.header-top {
	width: 0%;
	height: auto;
	float: left;
	border-bottom: 0px solid #fff;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}



h1 {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	font-size: 0rem;
	font-weight: 0;
	color: #FFF;
	text-align: center;
	padding: 0% 0%;
} 

.fecha {
	width:0%;
	height: auto;
	float: left;
	font-size: 0rem;
	font-weight: 0;
	color: #000;
	text-align: center;
	padding: 0% 0%;
}	
	
	

header {
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}
	

	
.logo {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
}



.logo img {
	width: 0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.logo-movil {
	width:30%;
	height: auto;
	float: left;
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 2%;
	margin-bottom: 2%;
	z-index:10;
	position: absolute;
}



.logo-movil img {
	width: 76%;
	height: auto;
	float: left;
	margin-left: 12%;
	margin-right: 12%;
	margin-top: 0%;
	margin-bottom: 0%;
}	


.menu {
	background: #000;
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	position: relative;
}


}