#wrapper {
        max-width:1000px; 
		margin: 0 auto;
        box-shadow: 3rem;
		margin:0px auto;
		font-size:1em;
        
	}
header{width: 100%; 
}
#logo{
    width: 60%;
	height:auto;
	margin:auto;
	display:block;
}

	section,aside {
		padding: 10px;
		}
	section {
		float:right;
		width: 67%;
	}
	aside {
		float:left;
		width:28%;
        background-color: #01ABBA;
	}
ul li a{
    color:#FFFFFF;
}
	nav {
		
	}
	nav ul {
		list-style-type:none;
		float:left;
		
	}
	nav ul li {
		float:left;

		
	}
article img{width: 80%;
    
}
.fotos nav a:hover{
    color: aqua;
}
	footer {
		
		text-align:center;
		clear:both;
        background-color: black;
        color: #ffffff;
        font-family: 'roboto_condensedregular';
        font-size: 1rem;
       
        padding: 1rem;
        text-align:left;
	}

.bxslider{
 position: relative;
}


.boxlider div{
    position: relative;
}

.descarga{
    max-width: 70%;
    margin: 1rem auto;
    padding: 1rem;
    align-content: center;
}
 
	/* para 980px o menos */
	@media screen and (max-width:980px) {
		wrapper {
			width:98%;
		}
		section {
			width:68%;
		}
	}
 
	/* para 700px o menos */
	@media screen and (max-width:700px) {
		aside,section {
			float:none;
			width:96%;
		}
		nav, section {
			font-size:1.2em;
		}
		aside {
			margin-top:5px;
		}
		nav ul {
			float:none;
			clear:both;
		}
	}



.bxslider{
 position: relative;
}


.boxlider div{
    position: relative;
}



#noticia {
    font-family: sans-serif;
position: absolute;
bottom: 0.2em;
font-size: 0.6em;
width: 100%;
height: auto;
color: white;
padding: 1em;
    
  }
    
    
#cajitaslider{
margin-left: 3em;
position: absolute;
width: 35%;
height: 98%;
bottom: 0.5em;
background-color: rgba(3, 24, 41, 0.47);
    
    }    
    
    
#titulosslider{
    padding: 0.5em;
    position: absolute;
    bottom: 1em;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    color: white;
   

}




#contenido{
    margin-top: 2em;
}

main{ 
   
}





video{
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 2em;
    
}


 
	/* para 480px o menos */
	@media screen and (max-width:480px) {
		aside {
			display:flex;
		}
		nav, section {
			font-size:1.5em;
		}
		section {
			width:94%;
		}
		nav ul {
			float:left;
			clear:both;
			width:50%;
		}
		nav ul li {
			float:none;
		}
	}
	
    aside {
        /* como caja contenedora flex */
        display: flex;
    }
    section {
        /*  como "hijo" de caja contenedora flex,
            se estira para ocupar la mitad de la caja "padre" */
        flex: 1 1 50%;
    }
* a partir de 320px */

@media screen and (min-width:20rem) {
    nav ul {
        /*  para que sea horizontal
            definimos la lista menú
            como caja flexible */
        display: flex;
    }

	nav ul li {
        /*  para que el menú se extienda a lo ancho
            definimos que sus "hijos" puedan crecer o achicarse */
        flex: 1;
    }
}