@charset "utf-8";
header {
	
    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:0;
    margin-top:2%; 
    z-index: 200;
}
#Cabecera2 {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 1%;
    z-index: 200;
}
nav {
    background-color:#94f;
    position:relative;
    margin-bottom:-5%;
	height: auto;
	z-index:240;
	float:left;
}
.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:block;
    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);
}
.foto_inicio{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: -10%;
    z-index: 10;
}
.contenedor_texto_inicio{
    width: 100%;
    position: absolute;
    top:20%;
    height: 350px;
    padding-top:38%;
    z-index: 12;
}
.texto_inicio{
    z-index: 20;
    color:#fff;
}
.contenedor_presentacion{
    position: relative;
    background: #90f;
    width: 100%;
    padding:1% 8% 5% 8%;
    margin-top: -1%;
    margin-bottom: -12px;
    color: #fff;
    float: left;
    text-align: center;
    
}
.texto_presentacion{
    position: relative;
    background: #90f;
    width: 50%;
    padding: 0% 5%;
    color: #fff;
    float: left;
    text-align: center;
}

.texto_presentacion h1,p{
    text-align: center
}
#Menubar1{
    float:left;
}
aside {
    position:absolute;
	background-color: #9C0;
	padding-top:2%;
    width: 16.6%;
    font-family: "Cooper Black";
    margin-top: -5px;
	height: 450px;	
    float:left;
    z-index: 350;
}
.contador{
    width: 100%;
    text-align: center;
}
@media only screen and (max-width: 730px) {
[class*="col-"] {width: 100%;}
header{
    left:0%; 
    } 
nav{  
    left: 0%;
    margin: 0%;
    height: 20px;
    }
#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;
    font-size: 15px;
    padding-top: 1px;
    }
aside{
    width:30%;
	margin-left:-30%;
	transition:all 0.5s;
    z-index: 100;
    height: 400px;
    }  
.texto_presentacion{
    width: 100%;  
    }

}