@charset "utf-8";
header {
	background-image: url(../Imagenes/fondo_encabezado4.jpg);
	background-size: cover;
	background-repeat:no-repeat;
    position:absolute;
	top: 0%;
	left: 8.33%;
	margin:0px auto;
	padding:0px;
	z-index: 140;
}
#Logo_cabecera {
    position: relative;
	width: 15%;
	margin: 1.2%;
	padding: 0px;
	float:left;
    z-index: 200;
}
#Cabecera1 {
    position: relative;
    width: 100%;
	text-align: center;
	margin-top:10px;
    z-index: 200;}
#Cabecera2{
    position: relative;
    width: 100%;
	text-align: center;
	margin-top:30px;
    z-index: 200;}

nav {
    background-color:#94f;
    position:relative;
    margin-bottom:-7%;
	left: 16.6%;
	height: auto;
   
	z-index:140;
	float:left;
    padding: 0;
}
.movil h1{
    color: #fff;
    float: right;
    padding: 0;
    margin:0;
  
}   
.movil span{
    font-family:"Arial";
    padding: 0;
    margin: 0px 5px;
  
}
#boton_menu{
    display:none;
    z-index: 150;
    padding-top:10px;
}
label{
     
	display:none;
    height: auto;
    position:absolute;
	top:2px;
	left:3px;
	float:left;
	z-index:150;
}
label:hover{
	cursor:pointer;
	background-color:rgba(0,0,0,0.3);
}
#Menubar1{
    float:left;
    margin:0px;
    padding: 0;
   
}
aside {
    position:absolute;
	background-color: #9C0;
	padding-top:2%;
    width: 16.6%;
    font-family: "Cooper Black";
    margin-top: -5px;
	height: 450px;	
    float:left
}
.contador{
    width: 100%;
    text-align: center;
}
@media only screen and (max-width: 730px) {
[class*="col-"] {width: 100%;}
header{
    
    left:0%; 
    } 
#Logo_cabecera {
     top:10px;
    }
#Cabecera2{ 
    top: 12px;
    margin: 0;
    } 
nav{  
    left: 0%;
    top: 10px;
    margin: 0%;
    height:20px;
    }
section{
    top:15px;
    }    
#boton_menu:checked ~ aside{
    margin-top:5%;
    margin-left: 0;
    padding-top: 10px;
	}
label{
	display:block;
    margin:0px;
    padding:0px;
    height: 15px;   
    }
.movil{
    display: block;
    padding-top: 3px;
    }
    
aside{
    width:30%;
	margin-left:-30%;
	transition:all 0.5s;
    z-index: 100;
    }  
}