/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2014 */
@import url(http://fonts.googleapis.com/css?family=Raleway);

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

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

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

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

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


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

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

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

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

}

/*INICIO PC*/


    
body { background-color: #fff;
       margin:0;
       }

div#carilla{  width: 60em;
              margin: auto;
              height: }

header {
    margin:auto;
    margin-top: 0.5em;
    width: 60em;
    height: 16.5em;
    position: relative;
    box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);}


#fondoheader{
    width: 60em;
    height: 13em;
    }

#fondoheader img{top: 0;}

div#logomorfo{
    position: absolute;
    margin-left: 23em;
    top:4.2em;
    z-index: 7;}

div#logomorfotablet {display: none;}

    
div#contenedor{
    position: absolute;
    height: 3.6em;
    font-family: 'ralewaysemibold';
    width: 60em;
    background-color: rgba(79, 126, 172, 0.78);
   /* box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.28);*/ }

  
nav#botonera ul li{
    display: block;
    list-style: none;
    float: left;
    margin-left: 4em;
    text-decoration: none;
    margin-top: 0em;}


nav#botonera ul li a{
    font-size: 1.3em;
    text-decoration: none;
    margin-right:1em;
    color: rgb(255, 255, 255);
    color:#000; }
    
nav#botonera ul li a:hover {color:#fff;}    
    
#usuario{width: 6em;
         height: 2.6em;
         float: right;
         margin-right: 2.5em;} 

#usuario a{text-decoration: none;}


#subboton {margin-left: 0.4em;
          text-decoration: none;}

div#nombrecatedra { background-color: rgba(124, 123, 123, 0.58);
                    position: absolute;
                    top: 13.95em;
                    width: 60em; 
                    height: 2.6em;}


#redes{width: 8.5em;
      position: relative;;
      float: right;
        z-index: 7;
        margin-top: 0.3em;}

#red{width: 2em;
     margin-left: 0.5em;}

#detalle{width: 10em;
        margin-left: 6em;
        margin-top: 0.5em;}

div#nombrecatedra h1 {  margin-top: -0.3em;
                        width: 15em;
                        font-family: 'ralewayextralight';
                        font-size: 0.7em;
                        color: rgb(208, 208, 208);}
    
    
    
    
/*ARTICULO PRINCIPAL*/
    
main {
      width: 60em;
      margin: auto;
      margin-top: 0.5em;
      background-color: rgb(226, 223, 223);
      box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
      height:auto;
      padding-bottom: 1em;
        position: relative;
      display: block;}

article  {width: 60em;
          height: 3.5em;
           position: relative;}
    
div#titulo {font-size:0.87em;
            font-family: 'ralewaybold';
            margin-left: 2.5em;
            position: absolute;}
    
#posgrado {background-image: url(imagenes/fondoposgrado.png);
           float: right;
           margin-top: 0.5em;
           height: 2.7em; 
           text-align: center;
           width:  13em;
           }
    

#posgrado h5{margin-top: 0.5em;
             font-family: 'ralewayheavy';
             font-size:1.2em;}


#posgrado a{text-decoration: none;
            color: #fff;}
     
    
div#posgrado a :hover {color: #000;}    

    
div#modulos {                width: 60em;
                height: 11em;
                margin-top: 33em;}

div#modulostablet {display: none;}

div#modulos ul{ list-style: none; }
    
    
div#modulos ul li {display: inline-block;
                   color: #fff;
                    float:left;}

/*ESTILOS MODULOS*/

.quees {position: relative;
        width: 16.5em;
        background-color: rgb(105,161,200);
        height: 11em;}
    
#mas{position: absolute;
     margin-left: 12em;
     margin-top: 6.5em;}

.quees h1 { font-family: 'ralewayheavy';
            font-size: 2em; 
            padding-left: 0.5em;}
    
.quees p {  font-family: 'ralewayextralight';
            font-size: 0.8em; 
            margin-left: 1.4em; 
            color: #fff;
            width: 15em;
            margin-top: -0.5em; }
    
    
    
.taller {background-image: url(imagenes/taller.png);
         position: absolute;
         width: 26.87em;
         margin-left: 1.5em;
         height: 11em;}

#listataller{width: 9em;
             float: right;
             margin-right: 0.85m;
             height:11em;}

    
.taller h1   {font-size:2em;
             font-family: 'ralewayheavy';
              margin-top: 1.2em;
              width: 4em;}
    
.taller h2   {font-size:1em;
              font-family: 'ralewaybold';
              margin-right: 3em;
              margin-top:1.5em;
              position: absolute;
              width: 8em;}
    
.taller h3   {font-size:1em;
              font-family: 'ralewaybold';
              width: 5em;
                margin-top:-0.8em;}


.taller p   {font-family: 'ralewayextralight';
            font-size: 0.8em; 
             width: 8em;
             margin-top:-0.6em;
             height: auto;}

    

.uba {position: absolute;
      width: 8.02em;
      background-color: rgb(197, 105, 78);
      margin-left: 30em;
      height: 11em;}

.uba h1 {font-family: 'ralewayheavy';
         font-size: 2em; 
         padding-left: 0.5em;}
    
.uba p {  font-family: 'ralewaybold';
          font-size: 0.9em; 
          margin-left: 1em; 
          color: #fff;            
          width: 8em;
          margin-top: -1.1em; }    
    

    
    
footer{
       width: 60em;
       box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
       background-color: rgb(226, 223, 223);
       margin: auto;
       height: 3.125em;
       margin-bottom: 0.5em;
        }  

footer p {color:#000;
          font-family: 'ralewayextralight';
          font-size: 0.7em;
          width: 60em;
          margin-left: 11em;
          padding-top: 1em;
          text-align: center;}

div#logodgpc { position: absolute;
               float: left;
                margin-left: 3.4em;
                margin-top: 0.7em;}

div#logofadu {position: relative;
                float: right;
            margin-right: 5.4em;
            margin-top: 0.4em;}


/*galeria*/

section#bloqueimagenes{ width: 55em;
                        margin-left: 2.4em;
                        height: 40em; }
    
    
section#bloqueimagenes a{ text-decoration: none;}


.tp1{position: relative;
    float: left;
    width: 15.7em;
    margin-left: 2.4em;
    height: 15.7em;
    margin-top: 2.4em;}

.titulotp{margin-top: 10em;
          margin-left: 0.5em;
          position: absolute;
          font-family: 'ralewayextrabold';
          font-size: 0.95em;
          color: #000;
          z-index: 8;}
    
.subtitulo{ font-family: 'ralewaythin';
            margin-top: 15em;
            margin-left: 0.5em;
            position: absolute;
            color: #fff;
            color: rgb(0, 0, 0);
            width: 16em;
            color: rgb (102,102,153);
            z-index: 10;}
    
    
.imgtrabajo{position: absolute;}

.imgtrabajo:hover { width: 15.7em;
                    height: 15.7em;
                    z-index: 12;}

.recuadroimg{position: absolute;
             top: 8.5em;
             z-index: 1;}


.imgbarra{ margin-top: 11em;
           margin-left: 0.5em;
           position: absolute;
           z-index: 9}



/*caratulaniveles*/
main#niveles{width: 60em;
             margin: auto;
             margin-top: 0.5em;
             background-color: rgb(226, 223, 223);
             box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
             height: 45em;}

#textonivel p  {display: block;
            font-family: 'ralewayregular';                  
            font-size:1em;
            margin-left: 2.5em;
            width: 55em;
            margin-top: 2em;
            position: absolute;
            }

#infonivel {display: block;
            top:9em;
            position: relative;
            margin-left: 2.5em;
            width: 18em;
            height: 5em;}

#infonivel h1 {font-family:'ralewayextrabold';
               height: 1em;
               color: #76669C;}

#infonivel p {font-family:'ralewaymedium';
              margin-top:-1em;}

#infonivel2 {display: inline-block;
            top:2.6em;
            position: relative;
            margin-left: 21em;
            width: 18em;
            height: 5em;}

#infonivel2 h1 {font-family:'ralewayextrabold';
               height: 1em;
               color: #D8A191;}

#infonivel2 p {font-family:'ralewaymedium';
              margin-top:-1em;}

#infonivel3 {display: inline-block;
             margin-top:-2.5em;
             position: relative;
             margin-left: 40em;
             width: 18em;
             height: 5em;}

#infonivel3 h1 {font-family:'ralewayextrabold';
               height: 1em;
               color: #A1C3DA;}

#infonivel3 p {font-family:'ralewaymedium';
              margin-top:-1em;}


section#bloquenivel{width: 55.20em;
                    margin-left: 2.4em;
                    height: 35em;
                    position: relative;
                    top:0em;}


.nivel{position: relative;
    float: left;
    width: 18.4em;
    height: 33.5em;
    margin-top: 1em;}

div#contenedorcaratula{width: 17em;
                       height: 7em;
                       position: absolute;
                        margin-left: 0.8em;
                        margin-top: 23em;}


.base{position: absolute;
      margin-top: 23.2em;}


.tituloniveles h2{ font-family: 'ralewaybold';
                    color: #fff;
                    font-size: 1.2em;
                    position: absolute;}

.tituloniveles h1{ position: absolute;
                    font-family: 'ralewayextrabold';
                    color: #fff;
                    font-size: 1.8em;
                    margin-top: 1.5em;}
                    


.imgbarranivel{position: absolute;
               margin-top:5.2em;}





/*MORFOLOGIA GENERAL*/

main#mainmgeneral { background-color: rgba(118, 101, 155, 0.49);
                    height: 47.438em;
                    width: 60em;
                    margin: auto;
                    margin-top: 0.5em;
                  box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
                    position: relative;
                    display: block;}

div#titulonivel h2 {color: #FFF;
                    font-family: 'ralewaybold';
                    font-size:1.88em;
                    position: absolute;}

div#titulonivel h1 {color: #FFF;
                    font-family: 'ralewayextrabold';
                    font-size:2.56em;
                    position: relative;
                    padding-top: 0.6em;}

div#titulonivel p {font-family: 'ralewayregular';                  
                   font-size:0.87em;
                   position: relative;}

div#titulonivel {position: absolute;
                 display: block;
                 width: 27.688em;
                 height: 21.938em;
                 margin-left: 2.5em;}


section#segundainfomg { position: absolute;
                        margin-left: 2.5em;
                        margin-top:25.25em;
                        width:35em;
                        height: 17em;}
                        
aside {position: relative;}                       

aside#fotoproyecto { float: right;
                    margin-top: 1.5em;
                    margin-right: 2.31em;}

div#fotoproyectomas {position: absolute;
                     float: right;
                     margin-top: -4.8em;
                     margin-right: 0em;}

div#objetivos {float: left;
               background-color: rgb(118, 101, 155);
               width: 14.81em;
               height: 15.62em;}

div#objetivos h1 {color:#fff;
                 font-size: 1.2em;
                 font-family: 'ralewaybold';
                 margin-left: 0.7em;}

div#objetivos p { font-family: 'ralewayregular';
                  color:#fff;
                  width: 15.3em;
                  margin-left: 0.7em;
                  font-size: 0.9em;
                  }

div#metodologia { background-color: rgb(118, 101, 155);
                 width: 14.81em;
                 height: 15.62em;
                 float: left;
                 margin-left: 1em;}

div#metodologia h1 {color:#fff;
                   font-size: 1.2em;
                   font-family: 'ralewaybold';
                   padding-left: 0.8em;}

div#metodologia p{font-family: 'ralewayregular';
                  padding-left: 1em;
                  color:#fff;
                  font-size: 0.9em;
                   width: 15em;}

/*MORFOLOGIA ARQUITECTONICA*/

main#marquitectonica { background-color: #D8A191;
                    height: 47.438em;
                    width: 60em;
                    margin: auto;
                    margin-top: 0.5em;
                  box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
                    position: relative;
                    display: block;}

div#titulonivel h2 {color: #FFF;
                    font-family: 'ralewaybold';
                    font-size:1.88em;
                    position: absolute;}

div#titulonivel h1 {color: #FFF;
                    font-family: 'ralewayextrabold';
                    font-size:2.56em;
                    position: relative;
                    padding-top: 0.6em;}

div#titulonivel p {font-family: 'ralewayregular';                  
                   font-size:1em;
                   position: relative;
                   top: -1em;
                   }

div#titulonivel {position: absolute;
                 display: block;
                 width: 27.688em;
                 height: 20em;
                 margin-left: 2.5em;}


section#segundainfomaarq { position: absolute;
                        margin-left: 2em;
                        margin-top:20.7em;
                        width:35em;
                        height: 17em;}
                        
aside {position: relative;}                       

aside#fotoproyecto { position: relative;
                     float: right;
                    margin-top: 1.5em;
                    margin-right: 2.31em;}

div#fotoproyectomas {position: absolute;
                     margin-top: -4.em;
                     margin-left: 18em;}

div#objetivosarq {float: left;
               background-color: rgb(197, 105, 78);
               width: 14.81em;
               height: 20em;}

div#objetivosarq h1 {color:#fff;
                 font-size: 1.2em;
                 font-family: 'ralewaybold';
                 margin-left: 0.7em;}

div#objetivosarq p{ font-family: 'ralewayregular';
                  color:#fff;
                  width: 15em;
                  margin-left: 0.7em;
                  font-size: 0.9em;
                  }

div#metodologiaarq { background-color: rgb(197, 105, 78);
                 width: 14.81em;
                 height: 20em;
                 float: left;
                 margin-left: 1em;}

div#metodologiaarq h1 {color:#fff;
                   font-size: 1.2em;
                   font-family: 'ralewaybold';
                   padding-left: 0.8em;}

div#metodologiaarq p{font-family: 'ralewayregular';
                  padding-left: 1em;
                  padding-right: 1em;
                  color:#fff;
                  font-size: 0.9em;}



/*MORFOLOGIA URBANA*/

main#murbana { background-color: rgba(105, 161, 200, 0.7);
                    height: 47.438em;
                    width: 60em;
                    margin: auto;
                    margin-top: 0.5em;
                  box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
                    position: relative;
                    display: block;}

section#segundainfomur { position: absolute;
                        margin-left: 2em;
                        margin-top:27em;
                        width:35em;
                        height: 17em;}

div#objetivosur {float: left;
               background-color: rgb(57, 113, 203);
               width: 14.81em;
               height: 13.5em;}

div#objetivosur h1 {color:#fff;
                 font-size: 1.2em;
                 font-family: 'ralewaybold';
                 margin-left: 0.7em;}

div#objetivosur p{ font-family: 'ralewayregular';
                  color:#fff;
                  width: 15em;
                  margin-left: 0.7em;
                  font-size: 0.9em;
                  }

div#metodologiaur { background-color: rgb(57, 113, 203);
                 width: 14.81em;
                 height: 13.5em;
                 float: left;
                 margin-left: 1em;}

div#metodologiaur h1 {color:#fff;
                   font-size: 1.2em;
                   font-family: 'ralewaybold';
                   padding-left: 0.8em;}

div#metodologiaur p{font-family: 'ralewayregular';
                  padding-left: 1em;
                  padding-right: 1em;
                  color:#fff;
                  font-size: 0.9em;}



/*NOSOTROS*/
main#docentes{width: 60em;
             margin: auto;
             margin-top: 0.5em;
             background-color: rgb(226, 223, 223);
             box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
             height:53em;
             position: relative;
             display: block;}

div#perfiltitular{width: 55em;
                  height:16em;
                  margin-left: 2.4em;
                  position: relative;
                  top:2em;
                  }

div#fototitular{background-image: url(imagenes/nosotros/01.png);
                background-repeat: no-repeat;
                width: 23em;
                float: left;
                position: absolute;
                height:16em;
                }

div#fototitular img{margin-left:3em;
                    margin-top: 1.7em;}

div#detalletitular{background-image: url(imagenes/nosotros/02.png);
                   background-repeat: no-repeat;
                   float: right;
                   width: 37.2em;
                   height: 16em;}


div#detalletitular h1{ font-family: 'ralewaybold';
                       color: #fff;
                       width: 11em;
                       margin-left: 5.8em;
                       margin-top: 2.em;}

div#detalletitular h2{  font-family: 'ralewaythin';
                        color: #fff;
                        font-size: 1em;
                        margin-left: 8.5em;
                        width: 25em;}
div#detalletitular h3{  font-family: 'ralewaythin';
                        color: #fff;
                        font-size: 1em;
                        margin-left: 8.5em;
                        width: 25em;}

div#perfildocente{position:relative;
                  width: 55em;
                  height: 45em;}

.docente{position:relative;
         float: left;
         width: 27.5em; 
         height: 9.95em;
         margin-top: 0.7em;
         background-image: url(imagenes/nosotros/03.png);
         background-repeat: no-repeat;
         background-position: right}

.docente h3{position: absolute;
            font-family: 'ralewaybold';
            color: #fff;
            margin-left: 12em;}

.docente h4{position: absolute;
            font-family: 'ralewaythin';
            color: #fff;
            margin-left: 17.5em;
            margin-top: 4em;
            font-size: 0.8em;}

.docente h5{position: absolute;
            font-family: 'ralewaythin';
            color: #fff;
            margin-left: 17.5em;
            margin-top: 6em;
            font-size: 0.8em;}


/*PERFIL ALUMNO*/

#botonera .cierre a{ 
    position: absolute;
    margin-left: 18.5em;
} 

#alumno{
         font-family: 'ralewayheavy';
         font-size: 1.5em; 
         padding-left: 4em;
         margin-top: 0.7em ;
         height: em;
}


main#perfilalumno{
      width: 60em;
      margin: auto;
      margin-top: 0.5em;
      background-color: rgb(226, 223, 223);
      box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
      height:24em;
      padding-bottom: 1em;
      position: relative;
      display: block;}


#titulo{ color: rgb(197, 105, 78); } 


section#panelusuario { 
    width: 60em;
    height: 10em;
    position: relative;
    top:4em;
}


#botonerasuperior ul{
    font-family: 'ralewaybold';
    font-size: 1.2em;
    list-style: none;
    width: 30em;
    height: 8em;
    margin: 0em;
    position: absolute;
      
}


#botonerasuperior ul li{
    display: inline-block;
    margin-left: 0.5em;
}

.apuntes a {
    position: absolute;
    margin-left: 3em;
    margin-top: 0.2em;
    color: #fff;
    text-decoration: none;
    
}


.notas a{
    position: absolute;
    margin-left: 3.2em;
    margin-top: 0.2em;
    color: #fff;


}

.intereses a{ 
    position: absolute;
    margin-left: 3em;
    margin-top: 0.2em;
    color: #fff;

}



#botonerainferior ul{
    font-family: 'ralewaybold';
    font-size: 1.2em;
    list-style: none;
    width: 20em;
    height: 8em;
    margin-top: 0em;
    margin-left: 5em;
    position: absolute;
      
}


#botonerainferior ul li{
    display: inline-block;
    margin-left: 0.5em;
}

.migaleria a {
    position: absolute;
    margin-left: 2.5em;
    margin-top:6.5em;
    color: #fff;
    
}

.cronograma a {
    position: absolute;
    margin-left: 2em;
    margin-top:6.5em;
    color: #fff;
    
}


#rotulo{
    width: 22em;
    height: 10em;
    background-image: url(imagenes/perfilalumno/recueadroderech.png);
    background-repeat: no-repeat;
    position: relative;
    float: right;
    margin-right: 2.4em;

}

#rotulo img{
    float: right;
    margin-right: 1em;
    margin-top: 0.4em;

}

#rotulo h1{ 
    font-family: 'ralewaybold';;
    color: #fff;
    font-size: 0.8em;
    width: 8em;
    position: relative;
    float: right;
    margin-right: 0.5em;
    
    
} 

#rotulo ul {
    float: right;
    margin-right: 2em;
    width: 5em;
    list-style: none;
    color:#fff;
}

#rotulo ul li a{
    color: #fff;
    text-decoration: none;
    font-family: 'ralewaybold';
    font-size: 1.2em;

}

#botoneditar {
    position: absolute;
    margin-top: 8em;
    margin-left: 1em;
    

}


#botoneditar a{
    color: #fff;
    list-style: none;
    font-family: 'ralewaylight';
    font-size: 0.8em;
}
/*posgrado*/
div#contenedorposgrado{
    position: absolute;
    height: 3.6em;
    font-family: 'ralewaysemibold';
    width: 60em;
    background-color: rgb(226, 64, 64);
   /* box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.28);*/ }


main#paginaposgrado {height: 39em;
                    width: 60em;
                    margin: auto;
                    margin-top: 0.5em;
                    background-color: rgb(226, 223, 223);
                    box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
                    position: relative;}

section#paginaposgrado{margin-left: 2.4em;
                       width: 41.2em;
                      position: relative;
                      display: inline-block;}



section#paginaposgrado h2{color: #000;
                    font-family: 'ralewayextrabold';
                    font-size:1.85m;
                    padding-top: 0.5em;}

section#paginaposgrado p{color: #000;
                        font-family: 'ralewayregular';
                        font-size:0.9em;
                        padding: 0.5em;
                        height: 10em;}

.paginaposgrado{width: 13em;
                float: right;
                margin-right: 2.4em;
                margin-top: 0;
                display: inline-block;
                position: relative;}


.paginaposgrado #inscripcion{height: 8.3em;}

#inscripcion h1{position: absolute;
                 font-family: 'ralewayextrabold';
                 font-size: 2.3em;
                 color: #c5694e;
                 width: 5em;
                 margin-left: 0.5em;
                 z-index: 10;}

#perfilposgrado{margin-top: 0.8em;}

#perfilposgrado h3{margin-top:0.5em;
                   margin-left: 0.5em;
                   position: absolute;
                   font-family: 'ralewaybold';
                   }

#perfilposgrado p{width: 14.5em;
                  margin-top: 3em;
                  margin-left: 0.8em;
                  position: absolute;
                 font-family: 'ralewayregular';
                  font-size: 0.8em;}

 img#sabermas1{ position: absolute;
                margin-top: 20.3em;
                margin-left: 10.45em;}



/*galeriaposgrado*/

section#bloqueimagenes{ width: 55em;
                        margin-left: 2.4em;
                        height: 40em; }
    
    
section#bloqueimagenes a{ text-decoration: none;}


.foto1{position: relative;
    float: left;
    width: 15.7em;
    margin-left: 2.4em;
    height: 15.7em;
    margin-top: 2.4em;}

.titulotp{margin-top: 10em;
          margin-left: 0.5em;
          position: absolute;
          font-family: 'ralewayextrabold';
          font-size: 0.95em;
          color: #000;
          z-index: 8;}
    
.subtitulo{ font-family: 'ralewaythin';
            margin-top: 15em;
            margin-left: 0.5em;
            position: absolute;
            color: #fff;
            color: rgb(0, 0, 0);
            width: 16em;
            color: rgb (102,102,153);
            z-index: 10;}
    
    
.imgtrabajo{position: absolute;}

.imgtrabajo:hover { width: 15.7em;
                    height: 15.7em;
                    z-index: 12;}

.recuadroimg{position: absolute;
             top: 8.5em;
             z-index: 1;}


.imgbarra{ margin-top: 11em;
           margin-left: 0.5em;
           position: absolute;
           z-index: 9}
/*CONTACTOCATEDRA*/

main#contactocatedra {width: 60em;
                      margin: auto;
                      margin-top: 0.5em;
                      background-color: rgb(226, 223, 223);
                      box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
                      height:35em;
                      position: relative;
                      display: block;}

section#detallecuadro{ width: 28em;
                 height: 27em;
                  top: 6em;
                display: inline-block;
                 position: relative;
                 margin-left: 2em;}


#mapagoogle { margin-top: 6em;
            display: inline-block;
           float: right;
             margin-right: 1em;}                   

#info {top:-20em;
       margin-left: 6em;
       position: relative;
       width: 20em;}

.dato {font-size: 0.5m;
        font-family: 'ralewaybold';
        color: #fff;
       display: block;}
       
#barrafinal {display: block;
             width: 25em;
             top: -19em;
             margin-left: 3.5em;
             position: relative;}

#vector {
    display: block;
             width: 3em;
             top: -21em;
             margin-left: 14em;
             position: relative;}

/*REGISTRO*/


main#registrosesion {
             width: 60em;
             margin: auto;
             margin-top: 0.5em;
             background-color: rgb(226, 223, 223);
             box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
             height:25em;
             position: relative;
             display: block;
}

#titulo p{
    font-family: 'ralewaylight';
    color:#000;
    margin-top: -1em;
}

section#registro {
    background-image: url(imagenes/registrosesion/cuadroregistro.png);
    background-repeat: no-repeat;
    height: 20em;
    width: 26em;
    position: absolute;
    margin-top: 5em;
    margin-left: 2em;

}

#formulario h1 {
    font-family: 'ralewaylight';
    color:#fff;
    font-size: 1em;
    margin-top:1em;
    margin-left: 2em;

}

#formulario a img{
    position: absolute;
    margin-left: 3em;
    margin-top: 10em;

}



section#usuario {
    background-image: url(imagenes/registrosesion/cuadrousuario.png);
    background-repeat: no-repeat;
    height: 20em;
    width: 26em;
    float: right;
    margin-top: 5em;
    position: relative;
    margin-right: 2em;
}

div#login h1{ 
    font-family: 'ralewaylight';
    color:#fff;
    font-size: 1em;
    margin-top:1em;
    margin-left: 2em;
    
}

div#login a{     
    font-size: 1em;
    color: #fff;
    font-family: 'ralewaybold';
    text-decoration: none;
    margin-top: 10.5em;
    position: absolute;
    margin-left: 10em;
}


div#login img{
    margin-top: 10em;
    margin-left: 3em;
}
    
           
/*INICIO RESPONSIVE*/

/*TABLET*/

@media only screen and (max-width:768px){
    
div#carilla{max-width:100%;}
      
header {max-width:88%;
        margin: auto;
        position: relative;
        max-height: 12.4em;}

#fondoheader {position: relative;
              max-width:100%;}
    
    
#fondoheader img {max-width:100%;
                  height: auto;}
    
#logomorfotablet {position: absolute;
    height: 10em;
                  width: 10em;}
    
#logo{display:none;}
    
   
    
 div#contenedor{max-width: 100%;
                max-height:21%;}
    
 #botonera {max-width: 88%;
            height: 3rem;
            position: absolute;
            font-size: 0.63rem;}  
    
 #redes{ position: absolute;
        margin-left:80%;
        margin-top: -6%;
        max-width:50%;}
    
#subboton{max-width:50%}
    
 
#nombrecatedra {max-width: 100%;
                margin-top: auto;
                position: absolute;
                font-size: 0.75em;}   

    
    
main { max-width: 88%;
      position: relative;
        height: 40em;
        display: block;}
    
article{max-width: 100%; }
    
    
#titulo h1{font-size: 100%;}    
    
#botonera1{max-width:55%;
           margin-top: 0.3rem;}
  
.posgrado img{max-width: 80%;}
    
.posgrado p{font-size: 88%;
            max-width: 60%;
            text-align: center;
            margin-left: 0.9rem;}
    
.sesion img {max-width: 80%;}

.sesion p{font-size: 88%;
            max-width:65%;
            text-align: center;
            margin-left: 0.9rem;}
    
#botonera1celu {display: none;}
    
#galeria{width:100%;
         position: absolute;}

#modulos {display: none;}
    
#modulostablet {}
    
footer {max-width: 88%;
        margin: auto;}
    
footer p{font-size: 55%;
         max-width: 55%;
        margin-left: 14.2em;
        top: 0.8em;
        position: relative;}

}




/*CELULAR*/

@media only screen and(max-width:640px){
    
div#carilla{max-width:100%;
           
            }
      
header {max-width:88%;
       height:10em;      
       margin: auto;
       position: relative;}

#logo{display: none;}
#logocelu{z-index: 200;
            position: relative;}
   
    
div#contenedor{background: none;
              max-width: 100%;}
    
#botonera {display: none;}  
    

    
        
#redes{ position: absolute;
        width: 5em;    
        height: 7em;
        margin-left:11em;
        margin-top: 0.5%;}
    
#subboton{max-width:41%}
    
 
#nombrecatedra {max-width: 100%;
                position: absolute;
                 font-size: 0.75em;}   

    
main { max-width: 88%;
        position: relative;
       display: block;
       height: 20em;
       }
    
article{max-width: 100%; }
    
    
#titulo h1{font-size: 70%;}    
    
#botonera1{display: none;}

  
#botonera1celu{position: absolute;
               color: #000;}
    
#botonera1celu.posgrado p{font-size: 88%;
           color: #000;
            max-width: 60%;
            text-align: center;
            margin-left: 0.9rem;}
    
.sesion img {display: none;}

#botonera1celu.sesion p{font-size: 88%;
            max-width:65%;
            text-align: center;
            margin-left: 0.9rem;}
    
#galeria {width:100%;
         position: absolute;
            margin-top: 7em;}
           

#modulos{display: none;}  

footer{max-width: 88%;}
 footer p{max-width:50%;
          font-size: 20%;}   
    
#logofadu{display: none;}
    
#logodgpc{display: none;}

}