ul.menu{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content: flex-end;
	width:100%;
	z-index:1000;
	}
ul.menu li{
	float:none;
	background-color:#000;
	text-align:left;
	margin-left:20px;
	padding:5px 0px;
	font-size:12px;
	z-index: 999;
	}
ul.menu li:hover{
	background:#F30;
	display:block;
	z-index: 999;
	}
ul.menu li:hover ul{
	display:block;
	z-index: 999;
	}	
ul.menu li ul li{
	float:none;
	border-right:none;
	border-top:solid 1px #fff;
	width:100%;
	z-index: 999;
	}
ul.menu a{
	text-decoration:none;
	color:#FFF;
	padding:5px 5px;
	display:block;
	}
ul.menu li ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	margin-left:-20px;
	display:none;
	}
ul.menu li ul.btndoble1{
    float: left;
}
ul.menu li ul.btndoble2{
    margin-left: 150px;
}
ul.menu a span{
	margin-left:10px;
	}

.whatsapp{
	position: fixed;
	margin-right: 0;
	vertical-align: top;
	width: 60px;
	height: 60px;
	border: 2px white;
}

.botonera{
	width:100%;
	background:#000;
	display:flex;
	}
#btn-menu{
	display:none;
	}
header{
	height:25px;
	background:#000;
	width:100%;
	align-items: center;
	}
header label{
	font-size:30px;
	cursor:pointer;
	display:none;
	width:40px;
	height:30px;
	color:#FFF;
	border-right:1px solid #FFF;
	}
	#contenido{
		padding:0;
		margin:0;
		background:#FFF;
		height:auto;
	}
	.slider{
		width:100%;
		margin:0;
		overflow:hidden;
	}
	.slider ul{
		padding:0;
		display:flex;
		width:300%;
		animation-name:cambio;
		animation-duration:20s;
		animation-iteration-count: infinite;
		animation-direction:alternate;
		animation-timing-function:ease-out;
	}
	.slider li{
		list-style:none;
		width:100%;
		
		}
	.slider img{
		width:100%;
		}
		
	@keyframes cambio {
		0% {margin-left:0; }
		30% {margin-left:0; }
		 
		35% {margin-left:-100%; }
		65% {margin-left:-100%; }
		
		70% {margin-left:-200%; }
		100% {margin-left:-200%; }
	}	
		
.medio{
	width:auto;
	/*height:400px;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	color:#FFF;
	}
	
.Destacado{
	width:58%;
	height:300px;
	background-color:#f30;
	display:inline-table;
	text-align:left;
	padding:3px;
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	}
.news{
	width:38%;
	height:300px;
	background-color:#f30;
	display:inline-table;
	text-align:left;
	padding:3px;
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	}
.desta-info{
	width:97%;
	background-color:#FFF;
	font-family:'Source Sans Pro', sans-serif;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	min-height: 87%;
	}
.desta-info h1{
	font-family:'Source Sans Pro', sans-serif;
	font-size:24px;
	color:#000;
	margin:10px;
	padding:10px;
	}
.desta-info img{
	max-height:220px;
	float:left;
	}
.desta-info p{
	font-family:'Source Sans Pro', sans-serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	margin:10px;
	}
	
@media (max-width:987px) {
	header label{
		display:block;
		}
	ul.menu{
		position:absolute;
		background:#000;
		left:auto;
		transition:all 0.5s;
		flex-direction: column;
		width:25%;
		transform:translateX(-130%)
		}
	ul.menu li{
		border-top:1px solid #FFF;
		text-align:left;
		margin-left:20px;
		}
	#btn-menu:checked ~ ul.menu{
		margin:0;
		transform:translateX(0%)
		}
	ul.menu li:hover ul{
		display:none;
		position:static;
		width:50%;	
		}
	ul.menu a span{
		position:absolute;
		right:10px;
		}
	ul.menu ul li a{
		padding:0px 15px;
		}

}
@media (max-width:987px) {
.news{
	width:38%;
	height:339px;
	background-color:#f30;
	display:inline-table;
	text-align:left;
	padding:3px;
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	}
}
@media (max-width:569px) {
	ul.menu{
		position:absolute;
		background:#000;
		left:auto;
		transition:all 0.5s;
		flex-direction: column;
		width:90%;
		transform:translateX(-130%)
		}
	ul.menu li{
		border-top:1px solid #FFF;
		text-align:left;
		margin-left:20px;
		}
	
	}

@media (max-width:480px) {
.news{
	width:95%;
	/*height:339px;*/
	background-color:#f30;
	display:block;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	border-bottom:10px;
	}	
.medio{
	width:95%;
	/*height:400px;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:12px;
	color:#FFF;
	}
.Destacado{
	width:95%;
	background-color:#f30;
	display:block;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	font-size:14px;
	}


.desta-info{
	width:99%;
	background-color:#FFF;
	font-family:'Source Sans Pro', sans-serif;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	border-bottom:5px;
	}
.desta-info h1{
	font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
	color:#000;
	margin:10px;
	padding:10px;
	}
.desta-info img{
	width:90%;
	max-height:220px;
	float:left;
	}
.desta-info p{
	font-family:'Source Sans Pro', sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
	margin:10px;
	}
	
	}