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

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

}
@font-face {
    font-family: 'robotoblack';
    src: url('typo/roboto-black-webfont.eot');
    src: url('typo/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/roboto-black-webfont.woff2') format('woff2'),
         url('typo/roboto-black-webfont.woff') format('woff'),
         url('typo/roboto-black-webfont.ttf') format('truetype'),
         url('typo/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('typo/robotocondensed-light-webfont.eot');
    src: url('typo/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotocondensed-light-webfont.woff2') format('woff2'),
         url('typo/robotocondensed-light-webfont.woff') format('woff'),
         url('typo/robotocondensed-light-webfont.ttf') format('truetype'),
         url('typo/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('typo/robotocondensed-bold-webfont.eot');
    src: url('typo/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('typo/robotocondensed-bold-webfont.woff') format('woff'),
         url('typo/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('typo/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('typo/robotocondensed-regular-webfont.eot');
    src: url('typo/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('typo/robotocondensed-regular-webfont.woff') format('woff'),
         url('typo/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('typo/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabbold';
    src: url('typo/robotoslab-bold-webfont.eot');
    src: url('typo/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotoslab-bold-webfont.woff2') format('woff2'),
         url('typo/robotoslab-bold-webfont.woff') format('woff'),
         url('typo/robotoslab-bold-webfont.ttf') format('truetype'),
         url('typo/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('typo/robotocondensed-lightitalic-webfont.eot');
    src: url('typo/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('typo/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('typo/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('typo/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabregular';
    src: url('typo/robotoslab-regular-webfont.eot');
    src: url('typo/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotoslab-regular-webfont.woff2') format('woff2'),
         url('typo/robotoslab-regular-webfont.woff') format('woff'),
         url('typo/robotoslab-regular-webfont.ttf') format('truetype'),
         url('typo/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabthin';
    src: url('typo/robotoslab-thin-webfont.eot');
    src: url('typo/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/robotoslab-thin-webfont.woff2') format('woff2'),
         url('typo/robotoslab-thin-webfont.woff') format('woff'),
         url('typo/robotoslab-thin-webfont.ttf') format('truetype'),
         url('typo/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
    background-color: #fff;
    font-family: "robotoregular";
    margin: 0;
    padding: 0;
}
#contenedor {
    width: 1000px;
    margin: auto;
    clear: both;
    padding-top: 150px;
}
.menu {
    width: 100%;
    height: 98px;
    background-color: #fff;
    margin: auto;
    position: fixed;
    box-shadow: 0 10px 20px -5px rgba(50, 50, 50, 0.25);
    padding-top: 9px;
    z-index:10;
}
ul {
    width: 900px;
    height: 98px;
    margin: auto;

}
li {
    display: block;
    float: left;
    width: 180px;
    text-align: center;
}
ul li a {
    font-family: "roboto_condensedlight";
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
ul li a:hover {
    color: #000;
    text-decoration: underline;
}
.active {
    color: #000;
    text-decoration: underline;
}
.botonera {
    padding-top: 35px;
}
h1 {
    font-family: "roboto_condensedlight";
    font-size: 60px;
    color: #000;
    text-align: center;
}
h1 strong {
    color: #66CC99;
    font-weight: normal;
}
.home1{
    background-image: url(imagenes/home1.png);
    height:  447px;
    width: 325px;
    background-repeat: no-repeat;
    float: left;
    display: block;
}
.home1:hover {
    background-image: url(imagenes/home1-hover.jpg);
}

.home2{
    background-image: url(imagenes/home2.png);
    height: 447px;
    width: 325px;
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin-left:12px;
    margin-right: 12px;
}
.home2:hover {
    background-image: url(imagenes/home2-hover.jpg);
}

.home3{
    background-image: url(imagenes/home3.png);
    height: 447px;
    width: 325px;
    background-repeat: no-repeat;
    float: left;
    display: block;
}
.home3:hover {
    background-image: url(imagenes/home3-hover.jpg);
}
.home4 {
    margin: auto;
    clear: both;
    margin-top: 10px;
}
.iconos {
    margin: auto;
    width: 100%;
    height: 200px;
    clear: both;
    margin-top: 70px;
    display: block;
}
.iconosalineados{
    width: 325px;
    height: 200px;
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    display: block;
}
.iconosalineados p{
   text-align: center;
    clear: both;
}
.imgcentrada {
    margin-left: 125px;
    margin-bottom: 20px;
}
.redes {
    float: right;
    clear: both;
    display: block;
    margin-top: 100px;
    margin-bottom: 20px;
    height: 28px;
    width: 50px;
}

.doc1 {
  width: 235px;
  display: block;
  float: right;
  margin: 5px;
}
.doc1 h5 {
  color: #FF8000;
  font-family: "robotoregular";
  font-size: 12px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: normal;
}
.doc1 a {
    text-decoration: none;
}






/**           EXPO                **/

.expo {
    width: 100%;
    height: 1173px;
    margin-top: 20px;
}
.lado1 {
    width: 325px;
    height: 1173px;
    margin-right: 12px;
    float: left;
}
.lado2{
    width: 662px;
    height: 1173px;
    float: left;
}
.lado3{
    width: 100%;
    height: 462px;
    clear: both;
    padding-top: 12px;
}
.tp1{
    width: 325px;
    height: 215px;
    margin-bottom: 12px;
    border-top-style: solid;
    border-top-color: #CCCC33;
    border-top-width: 10px;
}
.tp1 h4{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: #CCCC33;
}
.tp1 p{
    font-family: 'robotoregular';
    font-size: 14px;
}
.tp1 a{
    font-family: "robotoblack";
    text-decoration: none;
    color: black;
    float: right;
    clear: both;
}
.tp2{
    width: 325px;
    height: 215px;
    float: left;
    clear: both;
    margin-right: 12px;
    border-top-style: solid;
    border-top-color: #0099CC;
    border-top-width: 10px;
}
.tp2 h4{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: #0099CC;
}
.tp2 p{
    font-family: 'robotoregular';
    font-size: 14px;
}
.tp2 a{
    font-family: "robotoblack";
    text-decoration: none;
    color: black;
    float: right;
    clear: both;
}
.tp3{
    width: 325px;
    height: 215px;
    margin-top: 12px;
    border-top-style: solid;
    border-top-color: #FFCC66;
    border-top-width: 10px;
} 
.tp3 h4{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: #FFCC66;
}
.tp3 p{
    font-family: 'robotoregular';
    font-size: 14px;
}
.tp3 a{
    font-family: "robotoblack";
    text-decoration: none;
    color: black;
    float: right;
    clear: both;
}
.expo h5{
    font-family: 'robotoregular';
    font-size: 20px;
}
.expo2 {
    background-image: url(imagenes/expo2.jpg);
    width: 325px;
    height: 225px;
    margin-right: 12px;
    float: left;
    margin-bottom: 12px;
}
.expo2:hover {
    background-image: url(imagenes/expo2hover.jpg);
}
.expo3 {
    background-image: url(imagenes/expo3.jpg);
    clear: both;
    width: 325px;
    height: 225px;
    margin-bottom: 12px;
}
.expo3:hover {
    background-image: url(imagenes/expo3hover.jpg);
}
.expo11 {
    background-image: url(imagenes/expo11.jpg);
    clear: both;
    width: 325px;
    height: 462px;
    margin-bottom: 12px;
}
.expo11:hover {
    background-image: url(imagenes/expo11hover.jpg);
}
.expo6 {
    background-image: url(imagenes/expo6.jpg);
    width: 325px;
    height: 225px;
    float: left;
    margin-bottom: 12px;
}
.expo6:hover {
    background-image: url(imagenes/expo6hover.jpg);
}
.expo1 {
    background-image: url(imagenes/expo1.jpg);
    width: 662px;
    height: 462px;
    margin-bottom: 12px;
}
.expo1:hover {
    background-image: url(imagenes/expo1hover.jpg);
}
.expo4 {
    background-image: url(imagenes/expo4.jpg);
    width: 325px;
    height: 225px;
    clear: both;
    float: left;
    margin-bottom: 12px;
    margin-right: 12px;
}
.expo4:hover {
    background-image: url(imagenes/expo4hover.jpg);
}
.expo5 {
    background-image: url(imagenes/expo5.jpg);
    width: 325px;
    height: 225px;
    float: left;
    margin-bottom: 12px;
}
.expo5:hover {
    background-image: url(imagenes/expo5hover.jpg);
}
.expo12 {
    background-image: url(imagenes/expo12.jpg);
    width: 661px;
    height: 224px;
    clear: both;
    margin-bottom: 12px;
}
.expo12:hover {
    background-image: url(imagenes/expo12hover.jpg);
}
.expo7 {
    background-image: url(imagenes/expo7.jpg);
    width: 325px;
    height: 225px;
    clear: both;
    float: left;
    margin-right: 12px;
}
.expo7:hover {
    background-image: url(imagenes/expo7hover.jpg);
}
.expo8 {
    background-image: url(imagenes/expo8.jpg);
    width: 325px;
    height: 225px;
    float: left;
}
.expo8:hover {
    background-image: url(imagenes/expo8hover.jpg);
}
.expo13 {
    background-image: url(imagenes/expo13.jpg);
    width: 661px;
    height: 224px;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}
.expo13:hover {
    background-image: url(imagenes/expo13hover.jpg);
}
.expo9 {
    background-image: url(imagenes/expo9.jpg);
    width: 325px;
    height: 225px;
    float: left;
    margin-bottom: 12px;
}
.expo9:hover {
    background-image: url(imagenes/expo9hover.jpg);
}
.expo10 {
    background-image: url(imagenes/expo10.jpg);
    width: 325px;
    height: 225px;
    float: left;
    margin-left: 12px;
}
.expo10:hover {
    background-image: url(imagenes/expo10hover.jpg);
}


     /* DOCENTES */

.contenedordocentes {
  width: 850px;
  margin: auto;
  display: block;
}

.titulodocentes {
  width: 785px;
  text-align: center;
  clear: both;
  float: right;
}
.titulodocentes p {
  font-family: "roboto_condensedlight";
  font-size: 20pt;
  color: #fff;
  background-color: #84D2DD;
  margin-top: 20px;
  margin-bottom: 5px;
  clear: both;
}
.titulodocentes strong {
  font-weight: bolder;
  background-color: #84D2DD;
}

.tresdocentes {
  width: 850px;
  height: 345px;
  float: right;
  display: block;
}
.iconosdocentes {
  width: 40px;
  height: 345px;
  float: left;
  display: block;
  margin: auto;
  clear: both;
  margin-top: 20px;
}
.icono1 {
  background-image: url(imagenes/docentesicono1.jpg);
  background-repeat: no-repeat;
  width: 39px;
  height: 32px;
  margin-bottom: 30px;
}
.icono1:hover {
  background-image: url(imagenes/docentesicono1ac.jpg);
}
.icono2 {
  background-image: url(imagenes/docentesicono2.jpg);
  background-repeat: no-repeat;
  width: 39px;
  height: 27px;
  margin-bottom: 30px;
}
.icono2:hover {
  background-image: url(imagenes/docentesicono2ac.jpg);
}
.icono3 {
  background-image: url(imagenes/docentesicono3.jpg);
  background-repeat: no-repeat;
  width: 39px;
  height: 34px;
  margin-bottom: 30px;
}
.icono3:hover {
  background-image: url(imagenes/docentesicono3ac.jpg);
}
.icono4 {
  background-image: url(imagenes/docentesicono4.jpg);
  background-repeat: no-repeat;
  width: 39px;
  height: 38px;
  margin-bottom: 30px;
}
.icono4:hover {
  background-image: url(imagenes/docentesicono4ac.jpg);
}
.undocente {
  width: 255px;
  height: 345px;
  float: right;
  display: block;
  margin: 5px 0px 20px 10px;
  text-align: center;
}
.undocente h3 {
  font-size: 12pt;
  font-weight: normal;
}
.undocente p {
  font-size: 25px;
}
.undocente a {
  text-decoration: none;
  color: #000;
  font-size: 12px
}
.undocente a:hover {
  color: #888;
}

.docente1 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente1.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente1:hover {
  background-image: url(imagenes/docente1_hover.jpg);
}
.docente2 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente2.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente2:hover {
  background-image: url(imagenes/docente2_hover.jpg);
}
.docente3 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente3.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente3:hover {
  background-image: url(imagenes/docente3_hover.jpg);
}
.docente4 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente4.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente4:hover {
  background-image: url(imagenes/docente4_hover.jpg);
}
.docente5 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente5.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente5:hover {
  background-image: url(imagenes/docente5_hover.jpg);
}
.docente6 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente6.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente6:hover {
  background-image: url(imagenes/docente6_hover.jpg);
}
.docente7 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente7.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente7:hover {
  background-image: url(imagenes/docente7_hover.jpg);
}
.docente8 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente8.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente8:hover {
  background-image: url(imagenes/docente8_hover.jpg);
}
.docente9 {
  width: 255px;
  height: 285px;
  background-image: url(imagenes/docente9.jpg);
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px;
}
.docente9:hover {
  background-image: url(imagenes/docente9_hover.jpg);
}

      /*  PROFE 1  */

.unacolumna {
  width: 330px;
  margin-right: 5px;
  float: left;
}
.doscolumnas {
  width: 660px;
  margin-left: 5px;
  float: left;
}
.nombreprofe {
  width: 310px;
  height: 235px;
  background-color: #84D2DD;
  padding-left: 10px;
  padding-right: 10px;
}
.nombreprofe p {
  color: #fff;
  font-size: 38pt;
  font-family: "roboto_condensedlight";
  background-color: #84D2DD;
}
.nombreprofe strong {
  font-family: "roboto_condensedbold";
  background-color: #84D2DD;
  font-weight: normal;
}
.nombreprofe h6 {
  font-family: "robotoregular";
  font-size: 16pt;
  font-weight: normal;
  color: #fff;
  background-color: #84D2DD;
}
.nombreprofe h5 {
  font-family: "robotolight";
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  background-color: #84D2DD;
}
.trabajos1 {
  width: 328px;
  height: 483px;
  border: 1px solid #E6E6E6;
  margin-top: 10px;
}
.trabajos1 h4 {
  font-family: "robotoblack";
  font-size: 16pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos1 h5 {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos1 h5 strong {
  font-family: "robotoblack"
}
.trabajos1 h6 {
  font-family: "robotolight";
  font-size: 12pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos5 {
  width: 308px;
  height: 91px;
  border: 1px solid #E6E6E6;
  margin-top: 10px;
  padding-top: 15px;
  padding-left: 20px;
}
.trabajos5 h4 {
  font-family: "robotoblack";
  font-size: 16pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos5 h5 {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos5 h5 strong {
  font-family: "robotoblack"
}
.trabajos5 h6 {
  font-family: "robotolight";
  font-size: 12pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.fotostaller {
  display: block;
  float: left;
  margin-right: 15px;
}
.alina {
  margin-bottom: 3px;
}
.trabajos2 {
  width: 323px;
  height: 483px;
  border: 1px solid #E6E6E6;
  margin-bottom: 10px;
  margin-right: 5px;
  float: left;
}
.trabajos2 h4 {
  font-family: "robotoblack";
  font-size: 16pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos2 h5 {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos2 h5 strong {
  font-family: "robotoblack"
}
.trabajos2 h6 {
  font-family: "robotolight";
  font-size: 12pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos3 {
  width: 323px;
  height: 483px;
  border: 1px solid #E6E6E6;
  margin-bottom: 10px;
  margin-left: 5px;
  float: left;
}
.trabajos3 h4 {
  font-family: "robotoblack";
  font-size: 16pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos3 h5 {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos3 h5 strong {
  font-family: "robotoblack"
}
.trabajos3 h6 {
  font-family: "robotolight";
  font-size: 12pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos4 {
  width: 658px;
  height: 375px;
  border: 1px solid #E6E6E6;
  margin-bottom: 10px;
  float: left;
}
.trabajos4 h4 {
  font-family: "robotoblack";
  font-size: 16pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos4 h5 {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  padding-left:10px;
}
.trabajos4 h5 strong {
  font-family: "robotoblack"
}


    /*  INVITADOS */

.fechainvitados1 {
  width: 320px;
  height: 340px;
  background-color: #C0E6EF;
  padding-top: 20px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.fechainvitados1 h2 {
  font-family: "roboto_slabthin";
  font-size: 75pt;
  font-weight: normal;
  background-color: transparent;
  line-height: 90px;
  color: #fff;
}
.fechainvitados1 h3 {
  font-family: "roboto_condensedlight";
  font-size: 20pt;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
  background-color: #C0E6EF;
}
.fechainvitados1 h4 {
  font-family: "roboto_condensedlight";
  font-size: 17pt;
  line-height: 23px;
  font-weight: normal;
  color: #fff;
  background-color: #C0E6EF;
}
.fechainvitados1 h6 {
  font-family: "robotoregular";
  font-size: 12pt;
  font-weight: normal;
  color: #fff;
  background-color: #C0E6EF;
}
.infoinvitados1 {
  width: 650px;
  height: 340px;
  background-color: #DEF2F5;
  padding: 10px;
  float: left;
  margin-bottom: 10px;
}
.fotoinvitados {
  float: left;
  margin-right: 30px;
}
.infoinvitados1 h1 {
  background-color: #DEF2F5;
  font-family: "roboto_condensedlight";
  font-size: 40px;
  font-weight: normal;
  text-align: left;
}
.infoinvitados1 strong {
  background-color: #DEF2F5;
  font-family: "roboto_condensedbold";
  color: #000;
  font-weight: normal;
}
.infoinvitados1 h5 {
  font-family: "robotolight";
  font-size: 14pt;
  font-weight: normal;
  background-color: #DEF2F5;
}
.infoinvitados1 h5 strong {
  font-family: "robotoregular"
}
.infoinvitados1 p {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  background-color: #DEF2F5;
}

.fechainvitados2 {
  width: 320px;
  height: 352px;
  background-color: #F3D6A6;
  padding-top: 20px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.fechainvitados2 h2 {
  font-family: "roboto_slabthin";
  font-size: 75pt;
  font-weight: normal;
  background-color: transparent;
  line-height: 90px;
  color: #fff;
}
.fechainvitados2 h3 {
  font-family: "roboto_condensedlight";
  font-size: 20pt;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
  background-color: #F3D6A6;
}
.fechainvitados2 h4 {
  font-family: "roboto_condensedlight";
  font-size: 17pt;
  line-height: 23px;
  font-weight: normal;
  color: #fff;
  background-color: #F3D6A6;
}
.fechainvitados2 h6 {
  font-family: "robotoregular";
  font-size: 12pt;
  font-weight: normal;
  color: #fff;
  background-color: #F3D6A6;
}
.infoinvitados2 {
  width: 650px;
  height: 352px;
  background-color: #F7E4C6;
  padding: 10px;
  float: left;
  margin-bottom: 10px;
}
.infoinvitados2 h1 {
  background-color: #F7E4C6;
  font-family: "roboto_condensedlight";
  font-size: 40px;
  font-weight: normal;
  text-align: left;
}
.infoinvitados2 strong {
  background-color: #F7E4C6;
  font-family: "roboto_condensedbold";
  color: #000;
  font-weight: normal;
}
.infoinvitados2 h5 {
  font-family: "robotolight";
  font-size: 14pt;
  font-weight: normal;
  background-color: #F7E4C6;
}
.infoinvitados2 h5 strong {
  font-family: "robotoregular"
}
.infoinvitados2 p {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  background-color: #F7E4C6;
}

.fechainvitados3 {
  width: 320px;
  height: 351px;
  background-color: #A0D9D9;
  padding-top: 20px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.fechainvitados3 h2 {
  font-family: "roboto_slabthin";
  font-size: 75pt;
  font-weight: normal;
  background-color: transparent;
  line-height: 90px;
  color: #fff;
}
.fechainvitados3 h3 {
  font-family: "roboto_condensedlight";
  font-size: 20pt;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
  background-color: #A0D9D9;
}
.fechainvitados3 h4 {
  font-family: "roboto_condensedlight";
  font-size: 17pt;
  line-height: 23px;
  font-weight: normal;
  color: #fff;
  background-color: #A0D9D9;
}
.fechainvitados3 h6 {
  font-family: "robotoregular";
  font-size: 12pt;
  font-weight: normal;
  color: #fff;
  background-color: #A0D9D9;
}
.infoinvitados3 {
  width: 650px;
  height: 352px;
  background-color: #C5E7E6;
  padding: 10px;
  float: left;
  margin-bottom: 10px;
}
.infoinvitados3 h1 {
  background-color: #C5E7E6;
  font-family: "roboto_condensedlight";
  font-size: 40px;
  font-weight: normal;
  text-align: left;
}
.infoinvitados3 strong {
  background-color: #C5E7E6;
  font-family: "roboto_condensedbold";
  color: #000;
  font-weight: normal;
}
.infoinvitados3 h5 {
  font-family: "robotolight";
  font-size: 14pt;
  font-weight: normal;
  background-color: #C5E7E6;
}
.infoinvitados3 h5 strong {
  font-family: "robotoregular"
}
.infoinvitados3 p {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  background-color: #C5E7E6;
}
.puntitosinvitados {
  background-color: transparent;
  margin-top: 15px;
  width: 250px;
}

    /*  BECAS */

.bannerbecas {
  width: 998px;
  height: 243px;
  border: 1px solid #F2655B;
  margin-bottom: 10px;
}
.infobecas {
  width: 230px;
  height: 223px;
  background-color: #F2655B;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
}
.infobecas h2 {
  color: #fff;
  background-color: #F2655B;
  font-family: "roboto_condensedlight";
  font-size: 50px;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.infobecas h3 {
  color: #fff;
  background-color: #F2655B;
  font-family: "robotolight";
  font-size: 10pt;
  font-weight: normal;
}
.infobecas h3 strong{
  color: #fff;
  background-color: #F2655B;
  font-family: "robotoblack";
  font-weight: normal;
}
.fotobecas {
  float: left;
  margin-right: 20px;
}
.titulosbecas {
  float: left;
  display: block;
}
.bannerbecas h4 {
  font-family: "robotolight";
  font-size: 12pt;
  font-weight: normal;
}


.infobecas2 {
  width: 455px;
  height: 260px;
  background-color: #F7E4C6;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 20px;
  float: left;
}
.infobecas2 h1 {
  font-family: "robotolight";
  font-size: 20pt;
  font-weight: normal;
  color: #F2655B;
  background-color: #F7E4C6;
}
.infobecas2 p {
  background-color: #F7E4C6;
  font-family: "robotolight";
  font-size: 12pt;
}
.infobecas3 {
  width: 455px;
  height: 260px;
  background-color: #F7E4C6;
  text-align: center;
  margin-bottom: 10px;
  padding: 20px;
  float: left;
}
.infobecas3 h1 {
  font-family: "robotolight";
  font-size: 20pt;
  font-weight: normal;
  color: #F2655B;
  background-color: #F7E4C6;
}
.infobecas3 p {
  background-color: #F7E4C6;
  font-family: "robotolight";
  font-size: 12pt;
}


    /*  HOME  */
  

#contenedorhome {
  width: 1000px;
  margin: auto;
  clear: both;
  padding-top: 150px;
}  
#contenedorhome ul {
  width: 1000px;
  height: 447px;
}
.ch-grid {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    clear: both;
}
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 325px;
    height: 447px;
    display: inline-block;
}

.ch-item {
    width: 100%;
    height: 100%;
    border: 50%;
    position: relative;
    cursor: default;
    transition: all 1s ease-in-out;
}
.ch-img-1 { 
    background-image: url(imagenes/home1.png);
}
.ch-img-2 { 
    background-image: url(imagenes/home2.png);
    margin: 0 12px;
}
.ch-img-3 { 
    background-image: url(imagenes/home3.png);
    margin: 0 24px;
}
.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transform: scale(0);
    backface-visibility: hidden;
} 
.ch-info h3 {
    color: #000;
    text-transform: uppercase;
    position: relative;
    font-size: 20px;
    padding-top: 180px;
    font-family: 'robotoregular';
    font-weight: normal;
}
.ch-info h3 strong {
  font-family: "robotoblack";
  font-weight: normal;
}
.ch-info p {
    font-family: 'robotoregular';
    color: #000;
    margin-top: 20px;
    font-size: 10px;
}

.ch-item:hover {
    box-shadow: 
        inset 0 0 0 223px rgba(253,245,192, 0.6),
}
.ch-item:hover .ch-info {
    opacity: 0.6;
    transform: scale(1);    
}
.trimarchihome {
  width: 1000px;
  margin: auto;
  margin-top: 25px;
}
.trimarchihome h4 {
  font-family: "roboto_condensedlight";
  font-weight: normal;
  font-size: 25pt;
}
.trimarchihome h4 strong {
  font-family: "roboto_condensedbold";
  font-weight: normal;
}
.home5 {
  background-image: url(imagenes/home5.jpg);
  background-repeat: no-repeat;
  width: 1000px;
  height: 327px;
}
.home5:hover {
  background-image: url(imagenes/home5-hover.jpg);
}


    /*  NOVEDADES */

.mirareferentes {
  width: 1000px;
  height: 443px;
  margin-top: 20px;
}
.mirareferentes h4 {
  font-family: "roboto_condensedlight";
  font-weight: normal;
  font-size: 20pt;
}
.mirareferentes h4 strong {
  font-family: "roboto_condensedbold";
  font-weight: normal;
}
.referentes1 {
  width: 495px;
  height: 70px;
  float: left;
  display: block;
  margin-right: 10px;
}
.referentes1 a {
  display: block;
}
.naranja {  
  background-color: #F59D58;
  padding-left: 20px;
  width: 475px;
  height: 60px;
  margin-top: 5px;
}
.naranja p {
  font-family: "robotolight";
  font-size: 20pt;
  background-color: #F59D58;
  color: #fff;
}
.puntos {
  background-color: transparent;
}
.laurareferente {
  background-image: url(imagenes/laurareferente.jpg);
  width: 495px;
  height: 340px;
  background-repeat: no-repeat;
}
.laurareferente:hover {
  background-image: url(imagenes/laurareferente-hover.jpg);
}
.referentes2 {
  width: 495px;
  height: 70px;
  float: left;
  display: block;
}
.laurareferente2 {
  background-image: url(imagenes/laurareferente2.jpg);
  background-repeat: no-repeat;
  width: 495px;
  height: 340px;
}
.laurareferente2:hover {
  background-image: url(imagenes/laurareferente2-hover.jpg);
}

.naranja2 {  
  background-color: #F59D58;
  padding-left: 20px;
  width: 475px;
  height: 52px;
  margin-top: 5px;
  padding-top: 8px;
}
.referentes2 p {
  font-family: "robotolight";
  font-size: 16pt;
  background-color: #F59D58;
  color: #fff;
}
.celeste {  
  background-color: #A9DCDB;
  padding-left: 20px;
  width: 475px;
  height: 60px;
  margin-top: 5px;
}
.celeste p {
  font-family: "robotolight";
  font-size: 20pt;
  background-color: #A9DCDB;
  color: #fff;
}
.celeste2 {  
  background-color: #A9DCDB;
  padding-left: 20px;
  width: 475px;
  height: 52px;
  margin-top: 5px;
  padding-top: 8px;
}
.celeste2 p {
  font-family: "robotolight";
  font-size: 16pt;
  background-color: #A9DCDB;
  color: #fff;
}
.antonioinvitado {
  background-image: url(imagenes/antonioinvitado.jpg);
  width: 495px;
  height: 340px;
  background-repeat: no-repeat;
}
.antonioinvitado:hover {
  background-image: url(imagenes/antonioinvitado-hover.jpg);
}
.antonioinvitado2 {
  background-image: url(imagenes/antonioinvitado2.jpg);
  width: 495px;
  height: 340px;
  background-repeat: no-repeat;
}
.antonioinvitado2:hover {
  background-image: url(imagenes/antonioinvitado2-hover.jpg);
}
.chino {
  width: 1000px;
  height: 228px;
  margin-top: 10px;
}
.fotochino {
  display: block;
  float: left;
}
.encuentrochino {
  width: 282px;
  height: 208px;
  background-color: #8FB2B5;
  display: block;
  float: left;
  padding: 10px 15px;
}
.encuentrochino h2 {
  color: #fff;
  background-color: #8FB2B5;
  font-family: "roboto_condensedlight";
  font-size: 50px;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.encuentrochino h3 {
  color: #fff;
  background-color: #8FB2B5;
  font-family: "robotolight";
  font-size: 10pt;
  font-weight: normal;
}
.encuentrochino h3 strong{
  color: #fff;
  background-color: #8FB2B5;
  font-family: "robotoblack";
  font-weight: normal;
}
.encuentrochino h4 {
  color: #fff;
  background-color: #8FB2B5;
  font-family: "robotothin";
  font-weight: normal;
  font-size: 16pt;
  line-height: 33pt;
}

.pienovedades {
  margin-top: 10px;
}
.fotostaller2 {
  width: 270px;
  height: 186px;
  border: 1px solid #E6E6E6;
  padding: 20px;
  float: left;
  display: block;
  text-align: center;
}

.fotostaller2 h4 {
  font-family: "robotoblack";
  font-size: 16pt;
  font-weight: normal;
  color: #000;
}
.fotostaller2 h5 {
  font-family: "robotoregular";
  font-size: 10pt;
  font-weight: normal;
  color: #000;
}
.fotostaller2 h5 strong {
  font-family: "robotoblack"
}


    /*  CONTACTO  */

.contacto {
  background-image: url(imagenes/fondocontacto.jpg);
  background-repeat: no-repeat;
  width: 1000px;
  height: 634px;
}
.formulario {
  width: 455px;
  height: 450px;
  background-color: transparent;
  float: right;
  display: block;
  margin-right: 40px;
  margin-top: 50px;
}
.formulario p {
  background-color: transparent;
  font-family: "robotoregular";
  font-size: 15px;
}
.campo {
  width: 455px;
  height: 40px;
  margin-top: 3px;
  margin-bottom: 15px;
}
.campo2 {
  width: 455px;
  height: 100px;
  margin-top: 3px;
  margin-bottom: 15px;
}
.campo3 {
  float: right;
  width: 80px;
  height: 40px;
  border-radius: 10px;
  border-color: #000;
  background-color: #000;
  color: #fff;
  font-size: 15px;
}
.campo3:hover {
  border-color: #222;
  background-color: #222;
}


    /*  ALUMNOS */

.alumnoizquierdo {
  width: 208px;
  height: 788px;
  display: block;
  float: left;
  text-align: center;
}
.alumnoizquierdo p {
  font-family: "robotolight";
  font-size: 10pt;
  text-align: center;
}
.iconoalumno1 {
  background-image: url(imagenes/iconoalumnos1.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 69px;
  margin: auto;
}
.iconoalumno1:hover {
  background-image: url(imagenes/iconoalumnos1-hover.jpg);
}
.iconoalumno2 {
  background-image: url(imagenes/iconoalumnos2.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 48px;
  margin: auto;
  margin-top: 55px;
}
.iconoalumno2:hover {
  background-image: url(imagenes/iconoalumnos2-hover.jpg);
}
.iconoalumno3 {
  background-image: url(imagenes/iconoalumnos3.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 58px;
  margin: auto;
  margin-top: 55px;
}
.iconoalumno3:hover {
  background-image: url(imagenes/iconoalumnos3-hover.jpg);
}
.iconoalumno4 {
  background-image: url(imagenes/iconoalumnos4.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 71px;
  margin: auto;
  margin-top: 55px;
}
.iconoalumno4:hover {
  background-image: url(imagenes/iconoalumnos4-hover.jpg);
}
.iconoalumno5 {
  background-image: url(imagenes/iconoalumnos5.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 64px;
  margin: auto;
  margin-top: 55px;
}
.iconoalumno5:hover {
  background-image: url(imagenes/iconoalumnos5-hover.jpg);
}
.iconoalumno6 {
  background-image: url(imagenes/iconoalumnos6.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 72px;
  margin: auto;
  margin-top: 55px;
}
.iconoalumno6:hover {
  background-image: url(imagenes/iconoalumnos6-hover.jpg);
}


.alumnoderecho {
  width: 792px;
  height: 788px;
  display: block;
  float: left;
}
.alumnoderecho2 {
  width: 792px;
  height: 256px;
  display: block;
  margin-bottom: 10px;
}
.cuadradoalumn1 {
  width: 230px;
  height: 236px;
  background-color: #F2655B;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
  display: block;
}
.cuadradoalumn1 h2 {
  color: #fff;
  background-color: #F2655B;
  font-family: "roboto_condensedlight";
  font-size: 26pt;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.cuadradoalumn1 h3 {
  color: #fff;
  background-color: #F2655B;
  font-family: "robotoregular";
  font-size: 8pt;
  font-weight: normal;
  line-height: 18px;
}
.cuadradoalumn1 h3 strong{
  color: #fff;
  background-color: #F2655B;
  font-family: "robotoblack";
  font-weight: normal;
}
.alumnosinvitados {
  background-image: url(imagenes/alumnosinvitadoslau.jpg);
  background-repeat: no-repeat;
  width: 547px;
  height: 256px;
  float: left;
  display: block;
}
.alumnosinvitados:hover {
  background-image: url(imagenes/alumnosinvitadoslau-hover.jpg);
}
.cuadradoalumn2 {
  width: 230px;
  height: 236px;
  background-color: #A0D9D9;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
  display: block;
}
.cuadradoalumn2 h2 {
  color: #fff;
  background-color: transparent; 
  font-family: "roboto_condensedlight";
  font-size: 26pt;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.cuadradoalumn2 h3 {
  color: #fff;
  background-color: transparent;
  font-family: "robotoregular";
  font-size: 8pt;
  font-weight: normal;
  line-height: 18px;
}
.cuadradoalumn2 h3 strong{
  color: #fff;
  background-color: transparent;
  font-family: "robotoblack";
  font-weight: normal;
}
.alumnosinvitados2 {
  background-image: url(imagenes/alumnosreferentes.jpg);
  background-repeat: no-repeat;
  width: 547px;
  height: 256px;
  float: left;
  display: block;
}
.alumnosinvitados2:hover {
  background-image: url(imagenes/alumnosreferentes-hover.jpg);
}

.cuadradoalumn3 {
  width: 230px;
  height: 236px;
  background-color: #F89F56;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
  display: block;
}
.cuadradoalumn3 h2 {
  color: #fff;
  background-color: transparent; 
  font-family: "roboto_condensedlight";
  font-size: 26pt;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.cuadradoalumn3 h3 {
  color: #fff;
  background-color: transparent;
  font-family: "robotoregular";
  font-size: 8pt;
  font-weight: normal;
  line-height: 18px;
}
.cuadradoalumn3 h3 strong{
  color: #fff;
  background-color: transparent;
  font-family: "robotoblack";
  font-weight: normal;
}
.alumnosinvitados3 {
  background-image: url(imagenes/alumnosbecas.jpg);
  background-repeat: no-repeat;
  width: 547px;
  height: 256px;
  float: left;
  display: block;
}
.alumnosinvitados3:hover {
  background-image: url(imagenes/alumnosbecas-hover.jpg);
}

    /*  DESCARGAS */

.tdescargas{
    width: 1000px;
    height: 111px;
    background-image: url(imagenes/descargasuperior.jpg);
}
.bloquedescargas{
    width: 300px;
    height: 90px;
    margin-left: 30px;
    margin-top: 30px;
    float: left;
    background-color: rgba(255, 251, 251, 0);
}
.bloquedescargas h1{
    width: 300px;
    font-family: 'roboto_slabregular';
    font-size: 36px;
    background-color: rgba(255, 251, 251, 0);
    text-align: left;
    clear: both;
    line-height: 1;
}
.bloquedescargas p{
    width: 300px;
    font-family: 'roboto_slabregular';
    font-size: 17.3px;
    background-color: rgba(255, 251, 251, 0);
    color: #666666;
    text-align: left;
    line-height: 1;
}
.ano{
    width: 40px;
    margin-right: 20px;
    height: 111px;
    float: right;
    background-color: #666666;
}
.ano p{
    font-family: 'roboto_slabregular';
    font-size: 18px;
    margin-top: 4px;
    color: white;
    background-color: rgba(255, 251, 251, 0);
    text-align: center;
}
.fya{
    width: 1000px;
    height: 245px;
    clear: both;
    margin-top: 10px;
}
.grisdescargas{
    width: 200px;
    height: 245px;
    float: left;
    background-color: #cbbea9;
}
.fichayapun{
    width: 158px;
    height: 34px;
    background-color: rgba(255, 251, 251, 0);
    border-top-style: solid;
    border-top-color: white;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 2px;
    margin-top: 80px;
    margin-left: 20px;
}
.fichayapun h1{
    font-family: 'roboto_slabthin';
    font-size: 26px;
    text-align: left;
    background-color: rgba(255, 251, 251, 0);
    color: white;
}
.grisdescargas p{
    font-family: 'roboto_slabregular';
    font-size: 20px;
    background-color: rgba(255, 251, 251, 0);
    color: #676767;
    margin-left: 20px;
    margin-top: 5px;
}
.fichas{
    width: 291px;
    height: 241px;
    float: left;
    margin-right: 10px;
    border-style: solid;
    border-color: rgba(170, 169, 169, 0.84);
    border-width: 2px;
}
.iconoficha{
    float: left;
    clear: both;
    margin-left: 20px;
    margin-top: 22px;
}
.fichas p{
    float: left;
    font-family: 'robotoregular';
    font-size: 14px;
    margin-top: 22px;
    margin-left: 7px;
    color: rgb(154, 154, 154);
}
.fichas p:hover{
    color: black;
}
.apuntes{
    width: 291px;
    height: 241px;
    float: left;
    border-style: solid;
    border-color: rgba(170, 169, 169, 0.84);
    border-width: 2px;
}
.iconoapunte{
    float: left;
    clear: both;
    margin-left: 20px;
    margin-top: 22px;
}
.apuntes p{
    float: left;
    font-family: 'robotoregular';
    font-size: 14px;
    margin-top: 22px;
    margin-left: 7px;
    color: rgb(154, 154, 154);
}
.apuntes p:hover{
    color: black;
}

.cuadradodescargas{
    width: 495px;
    height: 150px;
    float: left;
    clear: both;
    background-color: #666666;
    margin-top: 10px;
}
.titulopautas{
    width: 340px;
    height: 150px;
    background-color: rgba(255, 251, 251, 0);
    float: left;
}
.fichayapun2{
    width: 300px;
    height: 34px;
    background-color: rgba(255, 251, 251, 0);
    border-top-style: solid;
    border-top-color: white;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 2px;
    margin-top: 35px;
    margin-left: 20px;
}
.fichayapun2 h1{
    font-family: 'roboto_slabthin';
    font-size: 26px;
    text-align: left;
    background-color: rgba(255, 251, 251, 0);
    color: white;
}
.titulopautas p{
    width: 300px;
    font-family: 'robotolight';
    font-size: 12px;
    color: white;
    text-align: left;
    background-color: rgba(255, 251, 251, 0);
    margin-left: 20px;
    margin-top: 7px;
}
.iconopauta{
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    clear: both;
    background-color: rgba(255, 251, 251, 0);
}
.pautasdescargas{
    width: 155px;
    height: 150px;
    float: left;
    background-color: rgba(255, 251, 251, 0);
}
.pautasdescargas p{
    float: left;
    background-color: rgba(255, 251, 251, 0);
    margin-top: 20px;
    margin-left: 7px;
    font-family: 'roboto_slabregular';
    font-size: 15px;
    color: white;  
}
.cuadrorotulo{
    width: 495px;
    height: 150px;
    float: left;
    margin-top: 10px;
}
.cuadrorotulo h1{
    font-family: 'robotolight';
    font-size: 20px;
    text-decoration: none;
    list-style: none;
    float: left;
    margin-left: 50px;
    margin-top: 60px;
}
.iconorotulo{
    float: left;
    margin-left: 20px;
    margin-top: 30px;
}
    
  

      /* REFERENTES */

.referente1{
    width: 325px;
    height: 368px;
    float: left;
    clear: both;
    background-color: #d6cab6;
    margin-right: 10px;
}
.referente1 h1{    
    width: 244px;
    margin: auto;
    text-align: left;
    font-family: 'roboto_slabthin';
    font-size: 30px;
    background-color: rgba(255, 251, 251, 0);
    margin-top: 50px;
    font-weight: normal;
}
.referente1 p{    
    width: 244px;
    margin: auto;
    font-family: 'robotolight';
    font-size: 14px;
    background-color: rgba(255, 251, 251, 0);
}
.referente1 a{
    font-family: 'robotomedium';
    text-decoration: none;
    color: black;
    float: right;
    clear: both;
    background-color: rgba(255, 251, 251, 0);
    margin-right: 41px;
    margin-top: 80px;
}
.referente1parte2{
    width: 665px;
    height: 368px;
    float: left;
    background-color: #82867f;
}
.referente2parte1{
    width: 665px;
    height: 266px;
    float: left;
    clear: both;
    margin-top: 10px;
    margin-right: 10px;
}
.referente2parte2{
    width: 325px;
    height: 266px;
    float: left;
    background-color: #CC3333;
    margin-top: 10px;
}
.ref2linea{
    width: 244px;
    height: 140px;
    margin: auto;
    background-color: rgba(255, 251, 251, 0);
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 2px;
    margin-top: 25px;
    margin-bottom: 5px;
}
.ref2linea h1{
    font-family: 'roboto_condensedlight';
    font-size: 32px;
    text-align: left;
    background-color: rgba(255, 251, 251, 0);
    color: white;
    font-weight: normal;
}
.referente2parte2 p{
    font-family: 'robotothin';
    font-size: 21px;
    width: 244px;
    text-align: left;
    margin: auto;
    color: white;
    background-color: rgba(255, 251, 251, 0);
}
.referente2parte2 a{
    font-family: 'robotomedium';
    text-decoration: none;
    color: white;
    float: right;
    clear: both;
    background-color: rgba(255, 251, 251, 0);
    margin-right: 40px;
    margin-top: 10px;
}
.referente3parte1{
    width: 325px;
    height: 266px;
    float: left;
    background-color: #99CCCC;
    margin-top: 10px;
    margin-right: 10px;
}
.referente3parte1 h1{
    font-family: 'roboto_condensedlight';
    font-size: 36px;
    font-weight: normal;
    color: black;
    text-align: left;
    background-color: rgba(255, 251, 251, 0);
    margin-left: 35px;
    margin-top: 30px;
    line-height: 1;
}
.puntoslaura{
    background-color: rgba(255, 251, 251, 0);
    margin-left: 35px;
}
.referente3parte1 p{
    font-family: 'robotolight';
    font-size: 14px;
    width: 248px;
    text-align: left;
    margin: auto;
    color: white;
    background-color: rgba(255, 251, 251, 0);
}
.referente3parte1 a{
    font-family: 'robotomedium';
    text-decoration: none;
    color: white;
    float: right;
    clear: both;
    background-color: rgba(255, 251, 251, 0);
    margin-right: 40px;
    margin-top: 30px;
}
.referente3parte2{
    float: left;
    margin-top: 10px;    
}
.referente4parte1{
    float: left;
    clear: both;
    margin-top: 10px;
    margin-right: 10px;
}
.referente4parte2{
    width: 325px;
    height: 266px;
    float: left;
    background-color: #FF9966;
    margin-top: 10px;
}
.ref4linea{
    width: 244px;
    height: 48px;
    margin: auto;
    background-color: rgba(255, 251, 251, 0);
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 1px;
    margin-top: 40px;
    margin-bottom: 5px;
}
.ref4linea h1{
    font-family: 'robotothin';
    font-size: 32px;
    text-align: left;
    background-color: rgba(255, 251, 251, 0);
    color: white;
    font-weight: normal;
}
.referente4parte2 p{
    font-family: 'robotothin';
    font-size: 21px;
    width: 244px;
    text-align: left;
    margin: auto;
    color: white;
    background-color: rgba(255, 251, 251, 0);
}
.referente4parte2 a{
    font-family: 'robotomedium';
    text-decoration: none;
    color: white;
    float: right;
    clear: both;
    background-color: rgba(255, 251, 251, 0);
    margin-right: 40px;
    margin-top: 75px;
}
    
    


  /* COMENTARIOS DE LA CATEDRA*/

.comentariosc{
    width: 1000px;
    height: 70px;
    border-top-style: solid;
    border-top-color: #FF9966;
    border-top-width: 6px;
}
.comentariosc p{
    font-family: 'roboto_condensedlight_italic';
    font-size: 50px;
}
.comen1{
    width: 323px;
    height: 460px;
    float: left;
    margin-right: 15px;
}
.comen1 p {
  font-family: "robotoregular";
  font-size: 10pt;
}
.comen2{
    width: 323px;
    height: 460px;
    float: left;
    margin-right: 15px;
}
.comen2 p {
  font-family: "robotoregular";
  font-size: 10pt;
}
.comen3{
    width: 323px;
    height: 460px;
    float: left;
}
.comen3 p {
  font-family: "robotoregular";
  font-size: 10pt;
}
.parac{
    width: 323px;
    height: 40px;
    background-color: rgb(163, 219, 219);
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.parac p{
    font-family: 'roboto_condensedlight';
    font-size: 22px;
    background-color: rgba(255, 251, 251, 0);
    text-align: center; 
}
.comentario1{
    clear: both;
    margin-left: 35px;
    margin-top: 10px;
}
.comentario2{
    clear: both;
    margin: auto;
    margin-left: 25px;
    margin-top: 10px;
}
.comentario3{
    clear: both;
    margin: auto;
    margin-left: 60px;
    margin-top: 10px;
}
.vota{
    width: 1000px;
    height: 197px;
    background-image: url(imagenes/vota.jpg);
    clear: both;
}
.voto{
    width: 130px;
    height: 156px;
    float: left;
    margin-top: 20px;
    margin-left: 650px;
    background-color: transparent;
}
.voto h1{
    font-family: 'roboto_condensedlight';
    font-size: 46px;
    font-weight: normal;
    margin: auto;
    background-color: transparent;
}
.megusta{
    width: 118px;
    height: 34px;
    border-style: solid;
    border-color: #898989;
    border-width: 1px;
    margin-top: 10px;
    background-color: transparent;
}
.megusta p{
    font-family: 'roboto_condensedlight';
    font-size: 15px;
    float: left;
    margin-left: 25px;
    margin-right: 5px;
    margin-top: 5px;
    color: #555555;
    background-color: transparent;
}
.votomegusta{
    float: left;
    margin-top: 5px;
    background-color: transparent;
}
.nomegusta{
    width: 118px;
    height: 34px;
    border-style: solid;
    border-color: #898989;
    border-width: 1px;
    margin-top: 10px;
    background-color: transparent;
}
.nomegusta p{
    font-family: 'roboto_condensedlight';
    font-size: 15px;
    display: block;
    float: left;
    margin-top: 5px;
    color: #555555;
    background-color: transparent;
}
.votonomegusta{
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
    background-color: transparent;
}
.votaciontotal{
    width: 162px;
    height: 158px;
    float: right;
    margin-top: 25px;
    background-color: transparent;
}
.megustatotal{
    width: 162px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-bottom: 12px;
    padding-top: 12px;
    margin-bottom: 8px;
}
.iconomegusta{
    float: left;
    margin-left: 10px;
    background-color: transparent;
}
.nomegustatotal{
    width: 162px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-bottom: 12px;
    padding-top: 12px;
}
.icononomegusta{
    float: left;
    margin-left: 10px;
    background-color: transparent;
    
}  
.votaciontotal p{
    font-family: 'roboto_condensedlight';
    font-size: 16px;
    text-align: center;
    background-color: transparent;
}
.votaciontotal p strong {
  background-color: transparent;
}
.contenedorcomentarios {
  width: 1000px;
  height: 500px;
  display: block;
  margin: auto;
}

    /* TRIMARCHI  */


.titulotrimarchi{
    width: 1000PX;
    height: 400px;
}
.titulotrimarchi h1{
    font-family: 'roboto_condensedlight_italic';
    font-size: 40px;
    font-weight: normal;
    text-align: left;
    margin-left: 15px;
}
.fototitulotrimarchi{
    width: 1000px;
    height: 339px;
    background-image: url(imagenes/trimartitulo.jpg);
}
.fototitulotrimarchi:hover{
    background-image: url(imagenes/trimartitulohover.jpg);
}
.licktrimarchi {
    width: 285px;
    height: 320px;
    background-color: #fff;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
    clear: both;
    margin-top: 20px;
    margin-right: 20px;
    border: 2px solid #F2655B;
}
.licktrimarchi:hover {
    background-color: #f4eceb;
}
.licktrimarchi h2 {
    color: #F2655B;
    background-color: transparent;
    font-family: "roboto_condensedlight";
    font-size: 50px;
    font-weight: normal;
    border-bottom: 1px solid #F2655B;
}
.licktrimarchi h3 {
    color: #F2655B;
    background-color: transparent;
    font-family: "robotolight";
    font-size: 10pt;
    font-weight: normal;
}
.licktrimarchi h3 strong{
    color: #F2655B;
    background-color: transparent;
    font-family: "robotoblack";
    font-weight: normal;
}
.derechotrimarchi{
    width: 662px;
    height: 380px;
    float: left;
    margin-top: 20px;
}
.comentariotrimarchi{
    width: 662px;
    height: 82px;
    border-top: 2px solid #3e3e3e;
    border-bottom: 2px solid #3e3e3e;
}
.comentariotrimarchi h1{
    font-family: 'roboto_condensedlight_italic';
    font-size: 26px;
    color: #F2655B;
    text-align: center;
    padding-top: 5px;
    font-weight: normal;
}
.derechotrimarchi p{
    font-family: 'robotolight';
    font-size: 12;
    padding-top: 20px;
}
.tri1{
    float: left;
    clear: both;
    margin-right: 12px;
}
.tri2{
    float: left;
    margin-right: 12px;
}
.tri3{
    float: left;
}





/**           LA CATEDRA                **/

.lacatedra1 {
    width: 1000px;
    height: 339px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url(imagenes/lacatedra1.jpg);
}
.lacatedra1:hover {
    background-image: url(imagenes/lacatedra1hover.jpg);
}
.conocenos{
    width: 600px;
    height: 366px;
    margin-right: 20px;
    float: left;
    clear: both;
}
.conocenos h1{
    font-family: 'roboto_condensedlight';
    font-size: 50px;
    font-weight: normal;
    text-align: left;
    line-height: 1;
    color: #47d1cc;
}
.puntosparaconocenos{
    clear: both;
    margin-bottom: 10px;
}
.conocenos p{
    font-family: 'robotolight';
    font-size: 10pt;
    line-height: 16pt;
}
.conocenos p strong{
    font-family: 'robotomedium';
    font-weight: normal;
}
.becaycontacto{
    width: 285px;
    height: 366px;
    float: right;
}
.beca {
    width: 285px;
    height: 240px;
    background-color: #F2655B;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
    margin-top: 55px;
    margin-bottom: 10px;
}
.beca:hover {
    background-color: #f5a8a3;
}
.beca h2 {
    color: #fff;
    background-color: transparent;
    font-family: "roboto_condensedlight";
    font-size: 50px;
    font-weight: normal;
    border-bottom: 1px solid #fff;
}
.beca h3 {
    color: #fff;
    background-color: transparent;
    font-family: "robotolight";
    font-size: 10pt;
    font-weight: normal;
}
.beca h3 strong{
    color: #fff;
    background-color: transparent;
    font-family: "robotoblack";
    font-weight: normal;
}
.contactocatedra{
    width: 285px;
    height: 40px;
    background-color: #47d1cc;
    padding-left: 20px;
    clear: both;
}
.becaycontacto a{
    text-decoration: none;
    list-style: none;
}
.contactocatedra p{
    font-family: 'roboto_slabregular';
    font-size: 25px;
    color: white;
    background-color: transparent;
}
.contactocatedra:hover{
    background-color: #a9e3d0;
}
.iconoscatedra1{
    width: 226px;
    height: 200px;
    float: left;
    clear: both;
    margin-top: 25px;
}
.iconoscatedra{
    width: 228px;
    height: 200px;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}
.iconoscatedra p{
    text-align: center;
    font-weight: normal;
    clear: both;
}
.iconoscatedra1 p{
    text-align: center;
    font-weight: normal;
    clear: both;
}
.iconoparaexpo{
    width: 106px;
    height: 91px;
    margin-left: 70px;
    background-image: url(imagenes/iconoparaexpo.png);
}
.iconoparaexpo:hover{
    background-image: url(imagenes/iconoparaexpohover.png);
}
.iconoparacontacto{
    width: 106px;
    height: 91px;
    margin-left: 65px;
    background-image: url(imagenes/iconoparacontacto.png);
}
.iconoparacontacto:hover{
    background-image: url(imagenes/iconoparacontactohover.png);
}
.iconoparacomentario{
    width: 106px;
    height: 91px;
    margin-left: 60px;
    background-image: url(imagenes/iconoparacomentario.png);
}
.iconoparacomentario:hover{
    background-image: url(imagenes/iconoparacomentariohover.png);
}
.iconoparadescargas{
    width: 106px;
    height: 91px;
    margin-left: 60px;
    background-image: url(imagenes/iconoparadescargas.png);
}
.iconoparadescargas:hover{
    background-image: url(imagenes/iconoparadescargashover.png);
}
.home4{
    margin-top: 40px;
}





/* TP1 */




.t1{
    width: 676px;
    height: 110px;
    background-color: #CCCC33;
    float: left;
}
.t1 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #CCCC33; 
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
}
.t1 p{
    font-family: 'robotoregular';
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
    background-color: #CCCC33;
    color: #333333;
}
.t2{
    width: 162px;
    height: 110px;
    background-color: #0099CC;
    float: left;
}
.t2 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #0099CC;
    margin-top: 5px;
}  
.t3{
    width: 162px;
    height: 110px;
    background-color: #FFCC66;
    float: left;
}
.t3 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #FFCC66;
    margin-top: 5px;
}
.izquierdot1{
    width: 658px;
    height: 1100px;
    float: left;
    margin-right: 15px;
}
.izquierdot1 p{
    font-family: 'robotolight';
    font-size: 14px;
    margin: 20px;
}
.fotot1{
    width: 642px;
    height: 482px;
    background-image: url(imagenes/fotot1.jpg);
}
.fotot1 p{
    background-color: #333333;
    color: white;
    width: 140px;
    margin-left: 0px;
    padding: 5px;
    padding-left: 20px;
}
.fot2{
    float: left;
    clear: both;
    margin-right: 6px;
    margin-top: 6px;
}
.fot3{
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}
.fot4{
    float: left;
    margin-top: 6px;
}
.fot5{
    float: left;
    clear: both;
    margin-right: 6px;
    margin-top: 6px;
}
.fot6{
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}
.fot7{
    float: left;
    margin-top: 6px;
}
.fot8{
    float: left;
    clear: both;
    margin-right: 6px;
    margin-top: 6px;
}
.fot9{
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}
.fot10{
    float: left;
    margin-top: 6px;
}
.derechot1{
    width: 323px;
    float: left;
    height: 860px;
    border-style: solid;
    border-color: #CCCC33;
    border-width: 1px;
    margin-top: 25px;
}
.derechot1 p{
    font-family: 'robotolight';
    font-size: 14px;
    margin-left: 11px;
    margin-top: 5px;
}
.materialt1{
    border-top-style: solid;
    border-top-color: #333333;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    border-bottom-width: 2px;
    width: 301px;
    height: 26px;
    margin: auto;
    margin-top: 20px;
}
.materialt1 p{
    font-family: 'robotoregular';
    font-size: 16px;
    margin: 0px;
    margin-left: 6px;
}
.botont1 ul {
    width: 323px;
    float: left;
    height: 100px;
    margin-top: 65px;
}
.botont1 li {
    display: block;
    width: 309px;
    float: left;
    text-align: left;
    margin-top: 15px;
    background-color:  rgb(62, 61, 61);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 16px;
}
.botont1 ul li a {
    font-family: 'robotoregular';
    font-size: 14px;
    color: white;
    text-decoration: none;
    background-color: rgb(62, 61, 61);
}
.botont1 ul li a:hover {
    color: #D8D8D8;
}
.descargat{
    text-decoration: none;
}
.descargat1{
    width: 323px;
    height: 90px;
    background-color: rgba(204, 204, 51, 0.63);
    padding-top: 10px;
    margin-top: 60px;
}
.descargat1 p{
    font-family: 'roboto_slabregular';
    font-size: 20px;
    background-color: rgba(255, 255, 255, 0);
    text-align: center;
    margin: auto;
    color: rgb(62, 61, 61);
}
.descargat1 h1{
    font-family: 'roboto_slabregular';
    font-size: 41px;
    background-color: rgba(255, 255, 255, 0);
    text-align: center;
    color: rgb(62, 61, 61);
    line-height: 35px;
}    
.descargat1 p:hover{
    color: rgb(142, 142, 142);
}
.descargat1 h1:hover{
    color: rgb(142, 142, 142);
}
.asidetp1 {
  width: 325px;
  height: 1100px;
  float: left;
  display: block;
}


     /* TP2 */


.t1de2{
    width: 676px;
    height: 110px;
    background-color: #0099CC;
    float: left;
    margin-bottom: 10px;
}
.t1de2 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #0099CC; 
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
}
.t1de2 p{
    font-family: 'robotoregular';
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
    background-color: #0099CC;
    color: #333333;
}
.t2de2{
    width: 162px;
    height: 110px;
    background-color: #CCCC33;
    float: left;
    margin-bottom: 10px;
}
.t2de2 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #CCCC33;
    margin-top: 5px;
}  
.t3de2{
    width: 162px;
    height: 110px;
    background-color: #FFCC66;
    float: left;
    margin-bottom: 10px;
}
.t3de2 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #FFCC66;
    margin-top: 5px;
}
.izquierdot1de2{
    width: 1000px;
    height: 450px;
    clear: both;
    background-image: url(imagenes/paginaenconstrucciontp2.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 50px;
}
.izquierdot1de2 p{
    font-family: 'robotomedium';
    font-size: 40px;
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 600px;
    display:block;
}


     /* TP2 */


.t1de3{
    width: 676px;
    height: 110px;
    background-color: #FFCC66;
    float: left;
    margin-bottom: 10px;
}
.t1de3 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #FFCC66; 
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
}
.t1de3 p{
    font-family: 'robotoregular';
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
    background-color: #FFCC66;
    color: #333333;
}
.t2de3{
    width: 162px;
    height: 110px;
    background-color: #CCCC33;
    float: left;
    margin-bottom: 10px;
}
.t2de3 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #CCCC33;
    margin-top: 5px;
}  
.t3de3{
    width: 162px;
    height: 110px;
    background-color: #0099CC;
    float: left;
    margin-bottom: 10px;
}
.t3de3 h1{
    font-family: 'roboto_condensedregular';
    font-size: 50px;
    color: white;
    background-color: #0099CC;
    margin-top: 5px;
}
.izquierdot1de3{
    width: 1000px;
    height: 450px;
    clear: both;
    background-image: url(imagenes/paginaenconstrucciontp3.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 50px;
}
.izquierdot1de3 p{
    font-family: 'robotomedium';
    font-size: 40px;
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 600px;
    display:block;
}

footer {
    width: 900px;
    margin: auto;
    clear: both;
    margin-top: 70px;
    margin-bottom: 20px;
}
footer p{
  color: #000;
  font-family: "robotoregular";
  font-size: 11px;
  text-align: center;
}




@media screen and (min-width:481px) and (max-width:981px) {

/*  ALUMNOS */

#contenedor {
    width: 80%;
    margin: auto;
    clear: both;
    padding-top: 150px;
}
.menu {
    width: 100%;
    height: 98px;
    background-color: #fff;
    margin: auto;
    position: fixed;
    box-shadow: 0 10px 20px -5px rgba(50, 50, 50, 0.25);
    padding-top: 9px;
    z-index:10;
}
ul {
    width: 500px;
    height: 98px;
    margin: auto;
}
li {
    display: block;
    float: left;
    width: 100px;
    text-align: center;
}
ul li a {
    font-family: "roboto_condensedlight";
    font-size: 10px;
    color: #000;
    text-decoration: none;
}
ul li a:hover {
    color: #000;
    text-decoration: underline;
}
.active {
    color: #000;
    text-decoration: underline;
}
.botonera {
    padding-top: 35px;
}

.alumnoizquierdo {
  width: 442px;
  height: 90px;
  display: block;
  margin: auto;
}
.alumnoizquierdo p {
  font-size: 0;
}
.oculto{ 
  visibility: hidden;
  float: left;
}
.iconoalumno1 {
  background-image: url(imagenes/iconoalumnos1.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 69px;
  float: left;
}
.iconoalumno1:hover {
  background-image: url(imagenes/iconoalumnos1-hover.jpg);
}
.iconoalumno2 {
  background-image: url(imagenes/iconoalumnos2.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 48px;
  float: left;
  margin-top: 9px;
}
.iconoalumno2:hover {
  background-image: url(imagenes/iconoalumnos2-hover.jpg);
}
.iconoalumno3 {
  background-image: url(imagenes/iconoalumnos3.jpg);
  background-repeat: no-repeat;
  width: 71px;
  height: 58px;
  float: left;
  margin-top: 0;
}
.iconoalumno3:hover {
  background-image: url(imagenes/iconoalumnos3-hover.jpg);
}
.iconoalumno4 {
  background-image: url(imagenes/iconoalumnos4.jpg);
  background-repeat: no-repeat;
  width: 67px;
  height: 71px;
  float: left;
  margin-top: 0;
}
.iconoalumno4:hover {
  background-image: url(imagenes/iconoalumnos4-hover.jpg);
}
.iconoalumno5 {
  background-image: url(imagenes/iconoalumnos5.jpg);
  background-repeat: no-repeat;
  width: 70px;
  height: 64px;
  float: left;
  margin-top: 0;
}
.iconoalumno5:hover {
  background-image: url(imagenes/iconoalumnos5-hover.jpg);
}
.iconoalumno6 {
  background-image: url(imagenes/iconoalumnos6.jpg);
  background-repeat: no-repeat;
  width: 78px;
  height: 72px;
  float: left;
  margin-top: 0;
}
.iconoalumno6:hover {
  background-image: url(imagenes/iconoalumnos6-hover.jpg);
}


.alumnoderecho {
  width: 792px;
  height: 788px;
  display: block;
  float: left;
}
.alumnoderecho2 {
  width: 792px;
  height: 256px;
  display: block;
  margin-bottom: 10px;
}
.cuadradoalumn1 {
  width: 230px;
  height: 236px;
  background-color: #F2655B;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
  display: block;
}
.cuadradoalumn1 h2 {
  color: #fff;
  background-color: #F2655B;
  font-family: "roboto_condensedlight";
  font-size: 26pt;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.cuadradoalumn1 h3 {
  color: #fff;
  background-color: #F2655B;
  font-family: "robotoregular";
  font-size: 8pt;
  font-weight: normal;
  line-height: 18px;
}
.cuadradoalumn1 h3 strong{
  color: #fff;
  background-color: #F2655B;
  font-family: "robotoblack";
  font-weight: normal;
}
.alumnosinvitados {
  background-image: url(imagenes/alumnosinvitadoslau.jpg);
  background-repeat: no-repeat;
  width: 208px;
  height: 256px;
  float: left;
  display: block;
}
.alumnosinvitados:hover {
  background-image: url(imagenes/alumnosinvitadoslau-hover.jpg);
}
.cuadradoalumn2 {
  width: 230px;
  height: 236px;
  background-color: #A0D9D9;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
  display: block;
}
.cuadradoalumn2 h2 {
  color: #fff;
  background-color: transparent; 
  font-family: "roboto_condensedlight";
  font-size: 26pt;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.cuadradoalumn2 h3 {
  color: #fff;
  background-color: transparent;
  font-family: "robotoregular";
  font-size: 8pt;
  font-weight: normal;
  line-height: 18px;
}
.cuadradoalumn2 h3 strong{
  color: #fff;
  background-color: transparent;
  font-family: "robotoblack";
  font-weight: normal;
}
.alumnosinvitados2 {
  background-image: url(imagenes/alumnosreferentes.jpg);
  background-repeat: no-repeat;
  width: 208px;
  height: 256px;
  float: left;
  display: block;
}
.alumnosinvitados2:hover {
  background-image: url(imagenes/alumnosreferentes-hover.jpg);
}

.cuadradoalumn3 {
  width: 230px;
  height: 236px;
  background-color: #F89F56;
  padding-left: 15px;
  padding-top: 20px;
  float: left;
  display: block;
}
.cuadradoalumn3 h2 {
  color: #fff;
  background-color: transparent; 
  font-family: "roboto_condensedlight";
  font-size: 26pt;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}
.cuadradoalumn3 h3 {
  color: #fff;
  background-color: transparent;
  font-family: "robotoregular";
  font-size: 8pt;
  font-weight: normal;
  line-height: 18px;
}
.cuadradoalumn3 h3 strong{
  color: #fff;
  background-color: transparent;
  font-family: "robotoblack";
  font-weight: normal;
}
.alumnosinvitados3 {
  background-image: url(imagenes/alumnosbecas.jpg);
  background-repeat: no-repeat;
  width: 208px;
  height: 256px;
  float: left;
  display: block;
}
.alumnosinvitados3:hover {
  background-image: url(imagenes/alumnosbecas-hover.jpg);
}
footer {
    width: 90%;
    margin: auto;
    clear: both;
    margin-top: 70px;
    margin-bottom: 20px;
}
footer p{
  color: #000;
  font-family: "robotoregular";
  font-size: 9px;
  text-align: center;
}

}