@charset "utf-8";

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

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



@font-face {
    font-family: 'droid_serifbold';
    src: url('../fonts/droidserif/droidserif-bold-webfont.eot');
    src: url('../fonts/droidserif/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif/droidserif-bold-webfont.woff2') format('woff2'),
         url('../fonts/droidserif/droidserif-bold-webfont.woff') format('woff'),
         url('../fonts/droidserif/droidserif-bold-webfont.ttf') format('truetype'),
         url('../fonts/droidserif/droidserif-bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'droid_serifbold_italic';
    src: url('../fonts/droidserif/droidserif-bolditalic-webfont.eot');
    src: url('../fonts/droidserif/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif/droidserif-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/droidserif/droidserif-bolditalic-webfont.woff') format('woff'),
         url('../fonts/droidserif/droidserif-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'droid_serifitalic';
    src: url('../fonts/droidserif/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif/droidserif-italic-webfont.woff2') format('woff2'),
         url('../fonts/droidserif/droidserif-italic-webfont.woff') format('woff'),
         url('../fonts/droidserif/droidserif-italic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'droid_serifregular';
    src: url('../fonts/droidserif/droidserif-webfont.eot');
    src: url('../fonts/droidserif/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif/droidserif-webfont.woff2') format('woff2'),
         url('../fonts/droidserif/droidserif-webfont.woff') format('woff'),
         url('../fonts/droidserif/droidserif-webfont.ttf') format('truetype'),
         url('../fonts/droidserif/droidserif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }



*{ 
    margin: 0;
    padding: 0;
    font-family: 'droid_serifregular';
    font-size:  15px;
    text-align: justify;
    }

head {
    }


body { 
    font-family: 'droid_serifregular';
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url(../img/fadu.jpg);
    background-attachment: fixed;
    background-size: cover;
    }

header {
    display: flex;
    background-color: black;
    justify-content: space-between;
    align-items: flex-end;
    }

img {
    margin: 15px;
    }

nav { 
    width: 15%; 
    }

.links {
    margin-bottom: 14px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-end;    
    }

a { 
    padding: 0.3em; 
    display: block;
    background-color: rgb(245, 26, 85);
    color: #ffffff;
    text-decoration: none;
    border-radius: 0.3em;
    font-family: 'droid_sansregular';
    font-weight: 600;
    }


#cuerpo { 
    display: block;
    background-color: rgba(173, 173, 173, 0.80);
    background-attachment: fixed;
    margin: auto 100px 0 100px;
    padding: 2em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    }
  
h1 { 
    font-family: 'droid_sansbold';
    margin-bottom: 10px; 
    font-weight: 700;  
    font-size: 40px;
    color: #ffffff;
    display: block;
    background-color: rgb(245, 26, 85);
    text-align: center;
    padding: 0.3em;
    border-bottom-left-radius: 0.3em;
    border-top-right-radius: 0.5em;
    }

.parrafo-destacado { 
    margin-top: 20px;
    font-family: 'droid_sansbold';
    font-size: 18px;
    font-style: italic;
    }

h2 { 
    font-family: 'droid_sansbold';
    font-size: 25px;   
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 600;     
    color: rgb(245, 26, 85);
    border-bottom-style: solid;
    border-bottom-color: rgb(245, 26, 85);
    border-bottom-width: medium;
    }

ul {
    list-style: circle;
    list-style-position: inside;
    padding: 0;
    }

h3 { 
    font-size: 20px;    
    font-family: 'droid_sansbold';
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 600;     
    color: rgb(245, 26, 85);
    }

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



#footerpaginasimple {
  
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;

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

#linkfooter {
  border: rgb(245, 26, 85) solid 4px;
  text-decoration: none;
  color: white;
  font-family: 'robotoblack';
  font-size: 35.5px;
  text-align: center;
  padding: 0.15em 0.8em 0.2em 0.8em;
  width: 13%;
  height: auto;
  margin: 0;
  border-radius: 0;
 }

#footerp {
  border: rgb(245, 26, 85) solid 5px;
  font-family: 'robotoregular';
  font-size: 10px;
  background-color: rgb(245, 26, 85);
  color: white;
  padding: 1.5em 5em 1.65em 5em;
  text-align: center;
  
}

#logofooter {
  border:  rgb(245, 26, 85) solid 2px;
  width: 13%;
  padding: 0.2em 0.8em 0.1em 0.8em;
  margin: 0;
}







@media all and (max-width: 25em) {
    
header {
    justify-content: space-around;
    align-items: center;
    }
  
img {
    width: 70%; 
    }
  
.links {
    margin-top: 15px;
    flex-direction: column;
    align-items: stretch; 
    justify-content: space-between;
    height: 80px;
    } 

a {
    padding: 0.2em; 
    text-align: center; 
    font-size: 80%;
    }
  
h1 {
    font-size: 150%;
  }
  
h2 {
    text-align: left;
  }
  
#cuerpo { 
    margin: auto 25px 0 25px;
     }

#mapaconceptual {
    width: 100%;
  } 
  }