@charset "utf-8";
/*css document*/

body{
    background-image:url(imagenes/fondo3.png);
}

#contenedor{
    background-color: #989898;
        width: 1000px;
    margin:0 auto;
}
            
header{
    background-color: #0A6D66;
}

nav{
    background-color: black;
}

nav ul li{
    float:right; 
}


nav ul{
    overflow: auto;
    list-style-type: none;
}

ul li a{
    padding:10px;
    display:inline-block;
    color: orange;
}

a{
    text-decoration: none;
    font-family: helvetica;
    font-style: italic;
}

a:hover{
    background-color: #505050;
}

#mapa li{
    float:left;
    
}

#mapa li a{
    color:white;
}

#mapa li a:hover{
    background-color: #989898;
}

h1{
    font-family: helvetica;
    font-size: 20pt;
    float:right;
    padding:10px;
}


#navegacion nav{
    background-color: #989898;
}

#navegacion nav ul li{
    float:none;
}

#navegacion nav ul{
    overflow:hidden;
    list-style-type:none;
}

#navegacion ul li a{
    padding:2px;
    display:inline-grid;
    color: black;
}

#navegacion li a:hover{
    background-color:#808080;
}

h2{
    font-family: helvetica;
    font-size: 16pt;
    padding:20px;
}

footer{
    font-family: helvetica;
    font-size: 8pt;
    font-style: italic;
    padding:20px;
    color:#606060;
}