@charset"utf-8";

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

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

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

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

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

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

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

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

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

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

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

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


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

body {
  background-color: #258383;
  font-family: 'robotoregular';
  text-align: justify;
  }

header {
  background-color: black; 
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: space-around;
  padding: 0.5em;
  }

img {
  margin: 15px;
  }

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

h1 { 
  font-family: 'robotobold';
  color: #ffffff;
  display: block;
  text-align: center;
  }

h2 {
  font-family: 'robotoregular';
  color: #258383;
  display: block;
  text-align: center;
  }

#links {
  display: flex;
  margin: 0.5em;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch; 
  justify-content: space-around;
  width: 10%;
  }
  
 
a {
  padding: 0.2em;
  color: #ffffff;
  display: block;
  border-radius: 0.2em;
  background-color: #258383;
  text-align: center;
  list-style: none;
  text-decoration: none; 
  }


#cuerpo {
  padding: 2em; 
  background-color: #ffffff;
  margin: 0 5em 0 5em;
  
  
  }

h3 { 
  text-align: center;
  font-family: 'robotobold';
  font-size: 2.5em;
  margin-bottom: 0.5em;
  }

ul {
  text-align: center;
  list-style: none;
  font-family: 'robotoregular';
  padding: 0;
  margin-bottom: 1em;
  }

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

h4 { 
  text-align: left;
  font-family: 'robotomedium_italic';
  font-size: 1.1em;
  margin-top: 1em;
  }

h5 { 
  text-align: left;
  font-family: 'robotomedium_italic';
  margin-top: 1em;
  }

h6 { 
  text-align: center;
  font-family: 'robotomedium_italic';
  font-size: 1.1em;
  margin-top: 1em;
  }

.parrafodestacado {
  font-family: 'robotobold_italic';
  }

#fadu {
  text-align: justify;
  list-style: inside;
  }


#grupo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
 }


#alumno {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#alumno a {
  font-family: 'robotobold';
  display: block;
  background-color: black;
  color: white;
  padding: 0.3em;
  border-radius: 0.3em;
}

#alumno img {
  width: 75%;
}

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

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

#linkfooter {
  border: black solid 2px;
  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: black solid 2px;
  font-family: 'robotoregular';
  font-size: 10px;
  background-color: black;
  color: white;
  padding: 1.5em 5em 1.65em 5em;
  text-align: center;
}

#logofooter {
  border: black solid 2px;
  width: 13%;
  padding: 0.2em 0.8em 0.1em 0.8em;
  margin: 0;
}