@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,600,800,900); 
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2014 */
@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: '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: '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: '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; }

body {background-image: url(imagen/fondobody.png);
      margin: 0 px; }

div#cuerpo {width: 95%;
            margin: auto;
            position: relative;}
    
main {background-color: #ffffff;
      width: 960px;
      margin-left: 70px;
      margin-top: 0px;
      height: 780px;}

header{background-color: #fff;
       width: 960px;
       height: 230px;
       position: relative;
       top: 18px;
       margin-left: 70px;}

.logo{width: 184px;
      height: 184px;
      position: absolute;
      margin-left: 20px;
      top: 17px;}

header nav {width: 960px;
            height: 184px;
            position: relative;
            font-family: 'ralewaysemibold';
            margin-top: 30px;}

header h1 {margin-left: 300px;
           font-family: 'ralewaybold';
           margin-top: 80px;
           position: absolute;
           font-size: 2em;
           margin-left: 230px;}

header p { font-family: 'ralewaybold';
           margin-top: 110px;
           font-size: 1em;
           float: right;
           margin-left: 410px;
           position: absolute;}
          
header nav ul { list-style: none;
                background-color: #fff;
                margin-top: 70px;
                padding: 0px;
                margin-left: 190px;}


header nav ul li {float:left;
                  margin-left: 40px;
                  margin-top: 170px;
                  }

header nav ul li a { text-decoration: none;
                     font-family: 'ralewayextralight';
                     display: block;
                     font-size: 0.9rem;}

header nav ul li a:hover {color: #f54646;}

div#tallervertical {top: 275px; 
                    position: absolute;
                    margin-left: 20px;}


div#tallervertical h1 { font-size:2em;
                        font-family: 'ralewaybold'; }

div#tallervertical p { font-size:0.7em;
                       font-family: 'ralewayextralight';
                       width: 250px;}

div#cuadro1 {display: block;
             margin-left: 310px;
             margin-right: 470px;
             height: 150px;
             width: 179px;
             background-color:#e22525;
             position: absolute;
             top: 300px;}

div#cuadro1 a h1 {font-family: 'ralewayextralight';
                font-size: 1em;
                display: block;
                margin-left:30px;
                color: #fff;
                text-decoration: none;
                }
div#cuadro1 a {text-decoration: none;}

div#cuadro1 p {font-family: 'ralewayextrabold';
               color: #fff;
               margin-left:50px;}
div#cuadro2 {display: block;
             margin-left: 500px;
             margin-right: 470px;
             height: 150px;
             width: 179px;
             background-color:#4925e2;
             position: absolute;
             top: 300px;}

div#cuadro2 h1 {font-family: 'ralewayextralight';
                font-size: 1em;
                display: block;
                margin-left:30px;
                color: #fff;}
div#cuadro2 a {text-decoration: none;}

div#cuadro2 p {font-family: 'ralewayextrabold';
               color: #fff;
               margin-left:20px;}
          
div#cuadro3 {display: block;
             margin-left: 700px;
             margin-right: 470px;
             height: 150px;
             width: 179px;
             background-color:#f4a75c;
             position: absolute;
             top: 300px;}

div#cuadro3 h1 {font-family: 'ralewayextralight';
                font-size: 1em;
                display: block;
                margin-left:30px;
                color: #fff;}
div#cuadro3 a {text-decoration: none;}


div#cuadro3 p {font-family: 'ralewayextrabold';
               color: #fff;
               margin-left:50px;}


div#posgrado {position: relative;
              top: 300px;
              margin-left: 20px;}

div#posgrado a {text-decoration: none;
                color:#000;
                font-size:2em;
                font-family: 'ralewaybold';}


div#posgrado h2 { display: block;
                  background-color: #000;
                  color: #fff;
                  height: 10px;
                  font-size:1.5em;
                  font-family: 'ralewayheavy';
                  width: 650px;
                  padding-top: 20px;
                  padding-left: 250px;
                  position: absolute;}

div#posgrado h3 { display: block;
                  background-color: #000;
                  color: #fff;
                  height: 50px;
                  font-size:1.5em;
                  font-family: 'ralewayextralight';
                  width: 650px;
                  padding-top: 70px;
                  padding-left: 250px;          
                 
                  }
div#fotosposgrado {position: absolute;
                   width: 960px                  
                      
}

/*estilos galeria*/

div#galeria    {top: 275px; 
                position: absolute;
                margin-left: 20px;}

div#galeria h1 { font-size:2em;
                font-family: 'ralewaybold'; }

div#galeria p { font-size:1em;
                font-family: 'ralewaybold';
                display: block;
                background-color: #e22525;
                width: 900px;
                height: 30px;
                padding-top: 9px;
                padding-left: 7px;
                color: #fff;
                 }
div#foto1 {position: absolute;
              display: block}

div#foto2 {position: absolute;
              margin-left: 690px;}

div#foto3 {position: absolute;
           margin-top: 240px;}

div#foto4 {margin-left: 285px;
           margin-top: 260px;}
div#galeriama p {background-color: #4925e2;}
div#galeriau p {background-color: #f4a75c;}




/*estilos contacto*/

div#contacto   {top: 275px; 
                position: absolute;
                margin-left: 300px;}

div#contacto h1 { font-size:2em;
                  font-family: 'ralewaybold';
                  margin-left:120px}

div#contacto p {font-size:0.8em;
                font-family: 'ralewayextralight';
                margin-left:0px}

.dato { margin-top: 10px;
        font-size:1em;
        font-family: 'ralewaybold';}

div#enviar { background-color: #e22525;
             margin-right: 25px;}

div#enviar h1 { font-size:1.5em;
                padding-left: 40px;
                color: #000;}

div#enviar h1:hover { color: #fff;}

div#enviar a {text-decoration: none;}

div#facebook {margin-left: 180px;
              margin-top: 45px;
              position: absolute;} 

div#facebook p {margin-top: 4px;
                margin-left: 0px;}
div#fadu { margin-left: 170px;
           margin-top: 120px;
           position: absolute;}

div#fadu p {margin-top: 4px;
            margin-left: 10px;} 
    
/*estilos posgrado*/

div#cajatitulo {display: block;
                background-color: #000;
                width: 900px;
                margin-left: 35px;
                position: absolute;}
div#cajatitulo h1 {color: #fff;
                   font-family: 'ralewayextralight';
                font-size: 1.5rem;
                padding-top: 10px;
                padding-left: 220px;
                position: ab;
           }

div#cajatitulo p {color: #fff;
                font-family: 'ralewaybold';
                font-size: 1.5rem;
                padding-left: 240px;
                margin-top: 5px;
                padding-bottom:10px
                position: absolute;}

div#textoposgrado {display: block;
                   margin-left: 35px;
                   width: 450px;
                   margin-top: 120px;
                   position: absolute;}

div#textoposgrado h1 {font-family: 'ralewayextrabold';
                      font-size: 1.5em;}
div#textoposgrado h2 {font-family: 'ralewayextrabold';
                      font-size: 0.9em;}                   
div#textoposgrado p {font-family: 'ralewayextralight';
                      font-size: 0.9em;}  

div#textoposgrado a {text-decoration: none;
                    color:#000;}

div#fotoposgradogrupal {position: absolute;
                        margin-left: 560px;
                        margin-top: 130px;}                       
                 
/*estilos nosotros1*/

div#equipo      {top: 275px; 
                position: absolute;
                margin-left: 20px;
                position: absolute;}

div#equipo h1 { font-size:2em;
                font-family: 'ralewaybold'; }

div#fotodocentes {display: block;
                  width: 900px;
                  margin-top: 140px;
                  position: absolute;
                  margin-left: 20px;}

.prof {display:inline-block;}

.prof h1 {font-size: 1rem;
          font-family: 'ralewayextralight';
          }
.prof h2 {font-size: 1rem;
          font-family: 'ralewaybold';         
          }

div#eneltaller {display: block;
                position: absolute;
                margin-top: 550px;
                margin-right: 280px;
                margin-left: 5px;}

div#eneltaller h2{ font-family: 'ralewaysemibold';
                  margin-left: 20px;}

div#eneltaller p{margin-left: 20px;
                 font-family: 'ralewayextralight';}
    
footer { background-color: #a0a0a0;
         color: #000;
         font-family: 'ralewayextralight';
         font-size: 0.7em;
         width: 960px;
         margin-left: 100px;
         text-align: center;
         height: 40px;
         padding-top: 5px;}