@import url(https://fonts.googleapis.com/css?family=Alegreya:400,700,900);
* {
box-sizing: border-box;}
body {
    background-image: url(imagenes/punto.jpg);
    background-repeat:repeat;
    margin: 0;}

#pagina {min-width: 320px;}

header {
    background-color: black;
    overflow: auto;
    margin: 0; padding: 0;
    }

#header {
    max-width: 70em;  
    margin: 0 auto;}


#logo {
    width: 12em;
    padding-top: 1.5em;
    margin-left: 1em;
    float: left;}

header nav {padding-top: 6em;}

header nav ul {
    list-style: none;
    margin:0 ; padding-bottom: 0.1em;
    float: right;}


header nav ul li{
    display: inline-block;
    margin-right:1em;
    margin-bottom: 0;}

header nav ul li a {
    font-family: 'Alegreya', serif;font-weight: 700;
    display: block;
    color:#898989;
    padding: 0.5em ;
    text-decoration: none;
    line-height: ;}

.submenugrupal {
    position: absolute;
    margin: 0; padding:0;}
.submenugrupal li {
    display: none;}

.submenupaula {
    position: absolute;
    margin: 0; padding: 0;}
.submenupaula li {
    display: none;}

.submenujoana {
    position: absolute;
    margin: 0; padding: 0;}
.submenujoana li {
    display: none;}

.submenuvictor {
    position: absolute;
    margin: 0; padding: 0;}
.submenuvictor li {
    display: none;}

.submenuezequiel {
    position: absolute;
    margin: 0; padding: 0;}
.submenuezequiel li {
    display: none;}


header nav ul li a:hover {
    color:#D8D8D8;
    transition: 0.5s}

nav li:hover > .submenugrupal li{
    display:block;
    background-color: black;
    padding-right: 2em;
    }
nav li:hover > .submenupaula li{
    display:block;
    background-color: black;
    }
nav li:hover > .submenujoana li{
    display:block;
    background-color: black;
    }
nav li:hover > .submenuvictor li{
    display:block;
    background-color: black;
    }
nav li:hover > .submenuezequiel li{
    display:block;
    background-color: black;}

/*---------CONTENIDO----------*/


#contenido {max-width: 70em; 
    margin:1em auto;}

main {
    background-color: #F27F62;
    height: 100%;
    padding: 1em;
    font-family: 'Alegreya', serif;font-weight: 400;
}

aside{
    background-color: #FBB36B;
    height: 100%;
    padding: 1em;
    margin-top: 0.5em;
    font-family: 'Alegreya', serif;font-weight: 400;}




/*----------FOOTER-----------*/

footer{
    background-color: black;
    color:dimgray;
    clear: both;
    overflow: auto;
    padding-bottom: 1em;}

footer ul {
    list-style:none;
    padding: 0 1em;
    line-height: 1em;
    }

footer > ul > li {
    float: left;
    margin-right:0.5em; ;
    line-height: 1.5em;}
footer ul li a{
    text-decoration: none;
    color:#898989;}

footer ul li a:hover {
    color:#D8D8D8;
    transition: 0.5s}


.mapa {width: 100%; height: auto; margin: auto;}

.titulocarta {font-size: 19px; font-weight:bolder;}






@media screen and (min-width: 40em) {
    *{transition: 1s}
    
    #contenido{overflow: auto;}
    main,aside {float: left;}
    
    main {
        width: calc(70% - 1em);   
        margin-right: 1em;    }
    
    aside {
        width: 30%;
        margin-top: 0;}
    #contenido {height:24em}
   
}
/*--------CARTA.HTML---------*/ 
#contenidocarta {height: auto;max-width: 70em; 
margin:1em auto;
overflow: auto;}

#contenidocarta main {}

/*--------PROPUESTA----------*/

#propuesta {max-width: 70em; 
margin:1em auto;
overflow: auto;}
#propuesta2 {max-width: 70em; 
margin:1em auto; padding: 1em;
overflow: auto; background-color:#FBB36B; }
#propuestas {width: 100%; height: auto;margin-bottom: 1em;}

.mapa {width: auto; height: auto; margin: auto;}