* {
    border : 0px;
}

body {
    font-family : "Roboto", sans-serif;
    font-size : 16px;
    color : DarkSlateGrey;
    background : white;    
}

main {
    max-width : 1024px;
    min-width : 350px;
    margin-left : auto;
    margin-right : auto;
}

header {
    font-size : 1.2em;
    font-weight : bold;
    color : black;
}

header:after {
    content : "___";
    display : inline-block;
    width : 100%;
    /* height : 100% */
    color : black;
}

nav {    
    width : 100%;
    background : white;      
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    align-content : center;
}

nav a {
    color : white;
    background : #1B5E83;    
    text-decoration : none;        
    padding : .5em;
    border-radius : .3em;
}

nav a:hover {
    background : Grey;
}

#logo {
    flex : 0 0 auto;
    margin-right : 1em;        
}

nav li {
    padding : .5em;      
    flex : 0 1 auto;
}

nav ul {
    list-style-type : none;    
    margin : 0;
    padding : 0px;
    color : white;
    background : #1B5E83;
    height : 4em;    
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-items : flex-end;
    align-content : center;
}

#boton-irmenu {
    display : none;
    position : fixed;
    bottom : 20px;
    right : 20px;
    z-Index : 99;
    border : none;
    outline : none;
    color : white;
    background : transparent;
    cursor : pointer;
    padding : 1em;
    border-radius : .5em;
    font-weight : bold;
}

#boton-irmenu:hover{
    background : transparent;    
}


#contacto {
    color : white;
    background : #1B5E83;    
    margin-top : 3em;
    text-align : center;
    padding-top : 1em;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
}

#contacto-box {
    background-image : url("img/fondo-mapa.png");
    background-repeat : no-repeat;
    background-size : 1024px;
    background-color : #1B5E83;
    background-position : top;
    width : 100%;
    margin : 0px; 
    padding-top : 150px;

    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-items : flex-end;
    align-content : center;
}

.caja-contacto {   
    flex : 0 1 auto;
    font-size : .9em;
    width : 15em;
    height : 18em;
    color : DarkSlateGrey;
    background : white;
    padding : 1em;    
}

#quehacemos {
    /*background : WhiteSmoke;    */
    background : lightgrey;
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : space-around;
    align-items : flex-start;
    align-content : center;
}

.link-caja-contacto {
    font-weight : bold;
    font-size : 1em;
    text-decoration : none;
    color : black;
    padding : .5em;
    border-radius : .3em;
}

.link-caja-contacto:hover {
    background : DarkSlateGray;
    color : white;
}

.caja-info {
    flex : 0 0 auto;
    background : white;
    text-align : center;
    padding : 1em;
    margin : 1em;
    max-width : 15em;
}

#quienes {
    padding : 5em;
    text-align : center;
}  

#logo-pie {
    margin-top : 3em;
    margin-bottom : 3em;
}