@charset "utf-8";

.pagina{
    width: 960px;
    margin: 0 auto;
}

main {
    width: 950px;
    background-color: #ffffff;
    margin: auto;
}

h1 {
    font-family: 'Oswald', sans-serif;    
    font-weight: 700;
    font-style: normal;
    font-size: 1.2em;
}





body {
    background: #FFF;
    width: 100%; 
margin: 0px auto;
    font-size: 16px;
    
}



section main{
    width: 100%;
      float left;

}




div#datos{
    width: 450px;
    height: 400px;
    margin-right: 5px;
    margin-top: 375px;
    float: right;
}



div#imagencontacto{
    float: left;
    margin-left: 160px;
    margin-right: 130px;
    margin-top: 20px;
    position: absolute;
}

}

/*header*/

nav{
    width:100%;
    height: 32px;
    position:absolute;
    padding-left:0px;
    padding-right:0px;
}


div#logodgpc{    
    float: right;
    margin-right: 14px;
    margin-top: 11px;

}

#logo {
            background-image:url(imagenes/logo.png);
            width:960;
            height:100px;
            z-index:1;
            position: absolute;
            margin-right: 0px;
            margin-top: 0px; 
}

header {
    background: #FFF;
    width: 100%; 
    height: 185px; 
    margin: 30px auto;
}

nav ul{
    list-style:none;
    float: left;
    margin-left: 350px;
    margin-top:-34px;
    padding:5px;
    resize: 50%
    }

nav ul li{
    float: left;
    }

nav ul li a{
    float: left;
    display: block;
    font-family: 'Oswald', sans-serif;    
    font-weight: 300;
    font-style:normal;
    font-size: 0.75em;
    letter-spacing: 5px;
    margin-left: 0.8rem;
    padding-left: 0.6rem;
    padding-right: 0.3rem;
    text-decoration: none;
    color: #000000;
}

div#vinculos {
    display: block; 
    float:left;
    padding-right: 20px;
    position: absolute;
    top: 50px;
    padding-left: 720px;
    }



main {
    width: 100%; 
    height:900px; 
    margin: left;
    font-size: 1em;
    background: #FFF;
-
}

footer {
    width: 750px; 
    height: 40px; 
    background-image: url(imagenes/fondofooter.png);
    backface-visibility: 50%;
    margin:0px auto;
    /*font-size: 0.75em;*/
}

/*section*/

section {
    float: right;
    position: relative;
    
}


/*aside*/

div#blog {
    position: absolute;
    padding-: 5px;
    display: block;
    width: 10%;
    height: 13%;
    
    }

div#aside2  {
    position: absolute;
    float: left;
    margin-top: 120px;
    
}

h2 {
    font-family: 'Oswald', sans-serif;    
    font-weight: 400;
    font-style: normal;
    font-size: 1,02em;
    margin-top: 120px;
    position: absolute;
    padding-left: 155px; 
    color: #7ab9c4;
}

div#aside3 p {
    position: relative;
    top: 180px;    
    text-align: right;
    margin-right: 730px;
     font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #7ab9c4;
    text-decoration: none;
    line-height: 4px;
}


/*novedades y fechas especiales*/

div#recuadros {
    position: absolute;
    margin-left: 250px;
    float: left;
    top: 620px;
    
}

    
div#novedades p {
         font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #000000;
    text-align: right;  
    margin-right: 370px;
    top: -70px;
    line-height: 5px;
    }

h3 {  
    font-family: 'Oswald', sans-serif;    
    font-weight: 500;
    position: absolute;
    padding-left: 500px;
    color: #ccc456;
    top: 610px;
    }

div#fechas { font-family: 'Oswald', sans-serif;    
    font-weight: 500;
    position: absolute;
    padding-left: 530px;
    color: #ccc456;
    top: 760px;
    
   }

div#fechas p {
    font-family: 'Oswald', sans-serif;   
    font-size: 16px;
    text-align: right;
    position: relative;
    margin-left: -250px;
    line-height: 6px;
    }

/*trabajos destacados*/

div#galeria {
    display: block; 
    float:left;
    position: absolute;
    top: 620px;
    padding-left: 590px;
}

  
hr {
   background-color: #ccc456;
    height: 2px;   
    wdth: 960px;
    margin-top:180px;
    
}
/*footer*/


footer {
    position: relative;
        font-weight: 300;
        font-size: 14px;
    margin-top: 0px;
    padding-top: 20px;
    
}


footer p {
      position: relativa;
      left: 70px;
       margin-top: -30px;
       font-family: 'Oswald', sans-serif;
       font-size: 10px;
      
    color: #000000;
    line-height: 15px;
    width: 100%;
    width: 600px;
    margin-left: 58px;
   
}

/*la catedra*/

div#datos p {
    font-family: 'Oswald', sans-serif; 
    font-weight: 300;
    font-style: normal;
    font-size: 0.75em;
    line-height: 0.4em;
    text-align: left;
    top: -100px;
    position: relative;
    top:-300px;  
}

div#linea {
    position: absolute;
    top: 350px;
    margin-left: -35px;

}

/*profes*/

h5 {
      font-family: 'Oswald', sans-serif; 
     font-weight: 300; 
     font-size: 2em;
     color: #ccc456;
     position: absolute;
     top: 310px;
     margin-left: 330px;
     
}

div#profes p {
      font-family: 'Oswald', sans-serif; 
      font-weight: 300;
    font-size: 14px;
    line-height: 12px;
    color: #7ab9c4;
}


/*habitar*/

div#habitar p {
    font-family: 'Oswald', sans-serif; 
      font-weight: 300;
    font-size: 15px;
    text-align: right;
    width: 500px;
    margin-left: 440px;
    margin-top: -780px;
}