@charset "utf-8";

/* reglas generales */

body {
    background-color: rgb(239, 159, 32);
    

}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a{
    text-decoration:none;
    color: #000000   
}

img{
    width: 50;
    height: auto
        
}

figure{
    margin: 0;
    height: auto;
    max-width: 50em;   
    
}

/* 
   primera parte para el celular
   mobile first 
*/

#isologo, header h2{
    
    display: inline-block;
    max-width: 12em;
    vertical-align: middle;
}


header nav ul li a {
    color: black;
    font-size: 01.1em;
    background-color: rgb(232, 89, 0);
    display: block;
    text-align: center;
    margin: 0 0 0.2em 0;
    
}

header nav ul li a:hover{
    background-color: #ebcb82;
}

.baner{
    width: 40%;
    margin: 2em 18em 0 18em;
}

article#tema h1{
    line-height: 3em;
    background-color: #e85900;
    padding: 0 0 0 1.5em;
    text-align:center;
   
}

aside h4{
    text-align: center;
}

aside nav ol li a {
    
    font-size: 01em;
    background-color: #e85900;
    display:block;
    text-align:left;
    margin: 0 0 0.2em 0;
}

aside nav ol li a:hover{
    background-color: #ebcb82;
}

.mapa{
     width:90%;
    margin: 2em 3em 0 3em;
}

.plan{
     width: 100%;
    margin: 0 0 0 2em; 
    display: inline-block;
    max-width: 27em;
    vertical-align: middle;
}

section h4{
    text-align: center;
    text-decoration:underline;
}

.boceto{
    width: 100%;
    margin: 0 0 0 5em; 
}

.afiche{
    width: 85%;
    margin: 0 0 0 5em; 
    
}


footer{
    background-color: #e85900;
    margin: 2em 0 0 0;
}

footer > div{
    display: inline-block;
    max-height: 12em;
    
}

.img1{
    width: 30%;
}

.mapa-vm23{
    display: block;
    width: 58em;
    height: 41em;
    margin: 1em;
}

.mapa-vm23 ul li{
    display: block;
    height: 2.5em;
    font-size: 2em;
    background-color: #e85900;
    text-align: center;
    padding: 0;
    margin-top: 0.5em;
}

.mapa-vm23 ul li a{
    font-size: 1.5em;
    
    display: inline-block;
    width: 8em;
    height: 1.67em;
}

.activa-inicio:hover {
        background-color: #f49898;
        color: white; 
        padding: 0 5.7em;
    }
.activa-historia:hover {
    background-color: rgb(176, 55, 39);
    color: white;
   display: block;
    padding: 0 5.7em;
}

.activa-novedades:hover {
    background-color: #665796;
    color: white;
    display: block;
    padding: 0 5.7em;
}

.activa-actividades1:hover {
    background-color: #e4a741;
    color: white;
     padding: 0 0.777em;
}

.activa-actividades2:hover {
    background-color: #e4a741;
    color: white;
     padding: 0 0.777em;
}

.activa-forma-parte:hover {
    background-color: #428e96;
    color: white;
    padding: 0 5.7em;
}

.activa-recorridos1:hover {
    background-color: #d07351;
    color: white;
    padding: 0 0.777em;
   
}

.activa-recorridos2:hover {
    background-color: #d07351;
    color: white;
    padding: 0 0.777em;
   
}

.activa-galeria:hover {
    background-color: #95a139;
    color: white;
    padding: 0 5.7em;
    
    
}



/* segunda parte 
   para escritorio
*/

