@charsset "utf-8";
    
    @font-face {
        font-family: 'Francois One', sans-serif;
    src: url('../fonts/francoise-one/droidsans-webfont.eot');
    src: url('../fonts/francoise-one/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/francoise-one/francoise-one-webfont.woff2') format('woff2'),
         url('../fonts/francoise-one/francoise-one-webfont.woff') format('woff'),
         url('../fonts/francoise-one/francoise-one-webfont.ttf') format('truetype'),
         url('../fonts/francoise-one/francoise-one-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }



 @font-face {
       font-family: 'Anton', sans-serif;
      src: url('../fonts/anton/droidsans-webfont.eot');
    src: url('../fonts/anton/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/anton/anton-webfont.woff2') format('woff2'),
         url('../fonts/anton/anton-webfont.woff') format('woff'),
         url('../fonts/anton/anton-one-webfont.ttf') format('truetype'),
         url('../fonts/anton/anton-webfont.svg#droid_sansregular') format('svg');
       font-weight: normal;
       font-style: normal; 
}

@font-face{
    font-family: 'Rubik', sans-serif;
     src: url('../fonts/rubik/droidsans-webfont.eot');
    src: url('../fonts/rubik/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rubik/rubik-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-webfont.woff') format('woff'),
         url('../fonts/rubik/rubik-webfont.ttf') format('truetype'),
         url('../fonts/rubik-one/rubik-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    

}
div {background-color: rgba(173, 173, 173, 0.80);
}


* { padding: em;
    margin: 0em;
  }    


html {
        display:block;
}

body { 
    font-family: 'rubik';
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url(../img/sede_fadu.jpg);
    background-attachment: fixed;
    background-size: cover;
    }
   
header{
    background-color: darkslateblue;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-content: space-around;
    padding: 2 em;
    align-items:center
    
}

img {
    margin: 15px;
    flex-direction:column;
    
}



#inicio {
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

    
h1{
    font-family: 'Rubik', sans-serif;
    margin-bottom: 10px; 
    font-weight: 700;  
    font-size: 25px;
    color: #ffffff;
    display:block;
    background-color: black;
    text-align: center;
    padding: 0.3em;
    border-bottom-left-radius: 0.3em;
    border-top-right-radius: 0.5em;
  }


h2 {
    font-family: 'Rubik', sans-serif;
    color:darkmagenta;
    text-align:left;
    font-size: 1em;
    text-align: left;
    
}


h3{
   font-family: 'Rubik', sans-serif;
    color:darkmagenta;
    text-align: center;
    font-size: 2em;
   
}

h4{
    font-family: 'rubik', sans-serif;
    color:darkmagenta;
    text-align:left;
    text-decoration:none;
    
}

h6 {
    font-family: 'Rubik', sans-serif;
    align-items: center;
}


a{
    padding: 0.2 em;
    color:darkmagenta;
    display:inherit;
    border-radius: 0.2 em;
    background-color: aquamarine;
    text-align: center;
    list-style: none;
    text-decoration: none;
    
}

#mapa {display: block; 
    margin-top: 50px;   
    margin-left: auto;
    margin-right: auto;
    }}

#link {
    display: flex;
    margin: 0.5 em;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 200;
}

#cuerpo {
    padding: 2 em;
     margin: auto 100px 0 100px;
    background-color: 
 background-attachment: fixed;
    
}



p {
    font-family: 'Rubik', sans-serif;
    color: black
        }

footer {
font-family: 'Rubik', sans-serif;
font-style:italic;
font-size: 13px;
font-weight: lighter;
  color: azure;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin: 4 em ;
  width: 100%;
  background-color: black;

  position:absolute;
  z-index: 100;
  bottom: 0;

}