/*Hoja de estilos del TP de DGPC - Cátedra Cosgaya*/
/*Equipo vm32*/



#header {
    margin: auto;
    padding: 0px;
    width:800px;
    }


body {
    width: 100%;
    max-width: 800px;
    margin:auto;
    font-size: 12pt;
    }



ul,ol {
    position: relative;
    margin-right: 60px;
    padding: 0px;
    list-style: none;
    }



/*Menú*/

#menuprincipal ul li a {
    box-shadow: 1px 1px 1px 1px;
    width: 120px;
    padding-left: 10px;
    margin-top: 40px;
    background-color: rgb(64, 183, 28);
    color: rgb(255,255,255);
    text-decoration: none;
    border-radius: 0px 10px 0px 0px;
    float: right;
    margin-left: 10px;
    }


#menuprincipal ul li a:hover {
    background-color: #fff; 
    color: rgb(106, 106, 106);
    }


#menuprincipal {
    margin-left: 38px;   
}



/*Redes Sociales*/

#redessociales {
    margin-left: 50px;
   }

#redessociales a:hover {
    color: rgb(64, 183, 28);
   }



/*Menú Secundario*/

.menu2 {
    width: 520px;
    margin-top: 100px;
}


.menu2 li a {
    margin-right: 15px;
    margin-bottom: 60p;
    padding: 10px;
    width: 137px;
    margin-top: px;
    background-color: rgb(138, 212, 115);
    color: rgb(255,255,255);
    text-decoration: none;
    border-radius: 0px 10px 0px 0px;
    float: right;
    font-size: 23px;
    }


.menu2 li a:hover {
    background-color: rgb(0, 0, 0);
    }



.menu3 li a {
    margin-right: 200px;
    margin-bottom: 60p;
    padding: 10px;
    box-shadow: 1px 1px 1px 1px;
    width: 180px;
    margin-top: 120px;
    background-color: rgb(138, 212, 115);
    color: rgb(255,255,255);
    text-decoration: none;
    border-radius: 0px 10px 0px 0px;
    float: right;
    font-size: 23px;
    }

.menu3 li a:hover {
    background-color: rgb(0, 0, 0);
    }



/*Inicio*/

#infotipografia {
    background-color: rgb(152, 206, 135);
    margin-top: 60px;
    width: 370px;
    height: 267px;
    padding: 10px 10px 10px 10px;
    color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    float: right;
    margin-bottom: 20px;
    position:relative;
    }

#infotipografia a {
    text-decoration: none;
    }

#infotipografia a:hover {
    color: rgb(255, 255, 255);
    }


#objetivoscatedra {
    background-color: rgb(152, 206, 135);
    margin-left: 90px;
    margin-top: 19px;
    position: relative;
    width: 370px;
    height: 267px;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    float: right;
    margin-bottom: 35px;
    }

#objetivoscatedra a {
    text-decoration: none;
    }

#objetivoscatedra a:hover {
    color: rgb(255, 255, 255);
    }


#fotocaligrafia {
    background-color: rgb(0, 0, 0);
    padding: 20px;
    position: absolute;
    margin-top: 120px;
    }


#fotocatedra {
    margin-top: 450px;
    background-color: rgb(0, 0, 0);
    padding: 20px;
    position: absolute;
    }



/*Cátedra*/

#propuestaacademica {
    width: 500px;
    border-width: 0px 0px 10px 0px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    font-size: 35pt;
    color: rgb(0, 0, 0);
    margin-top: 185px;
    }


#contenidopropuesta {
    padding: 30px;
    background-color: rgb(225, 239, 220);
    position: relative;
    width: 440px;
    font-size: 12pt;
    }


#inscripciones2015 {
    position: absolute;
    float: right;
    margin-left: 550px;
    }


#metodologia {
    width: 500px;
    border-width: 0px 0px 10px 0px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    font-size: 35pt;
    color: rgb(0, 0, 0);
    margin-top: 185px;
    }


#contenidometodologia {
    padding: 30px;
    background-color: rgb(225, 239, 220);
    position: relative;
    width: 440px;
    font-size: 12pt;
    }

#programa1 {
    width: 500px;
    border-width: 0px 0px 10px 0px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    font-size: 35pt;
    color: rgb(0, 0, 0);
    margin-top: 185px;
    }


#programa2 {
    width: 500px;
    border-width: 0px 0px 10px 0px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    font-size: 35pt;
    color: rgb(0, 0, 0);
    margin-top: 185px;
    }

#programanivel1 {
    padding: 30px;
    background-color: rgb(225, 239, 220);
    position: relative;
    width: 440px;
    font-size: 12pt;
    }


#programanivel2 {
    padding: 30px;
    background-color: rgb(225, 239, 220);
    position: relative;
    width: 440px;
    font-size: 12pt;
    }

#fotocatedra1{
    float: right;
    }

/*Galería de Imágenes*/


#galeriatrabajos {
     margin-top: 100px;   
    }

#galeriataller {
    margin-top: 150px;   
    }

#galeriadeimagenes {
    position: absolute;
    float: right;
    margin-top: 200px;
    margin-left: 550px;
    }


#secciongaleria1 {
    float:left;   
    }


#secciongaleria2 {
    float:right;
    }

#galeriatrabajo {
    margin-top: 100px;
    float: right;
    }

#galeriataller {
    margin-top: 100px;
    margin-bottom: 50px;
    float: right;
    }

#galeriatallerchica {
    float: right;
    margin-top: -158px;
    }


#galeriatrabajochica {
    width: 48%;
    margin-top: 50px;
    }



h3 {
    margin: auto;
    background-color: rgb(0, 0, 0);
    padding: 20px 20px 20px 20px;
    color: rgb(255, 255, 255)
    }



/*Docentes*/

#secciondocentes1 {
    margin-top: 100px;
    }



#secciondocentes2 {
    margin-top: -470px;
    float: right;
    }

#secciondocentes4 {
     float: right;
    }

#secciondocentes6 {
    float: right;
    }



h4 {
    border-bottom-style: double;
    border-color: rgb(64, 183, 28);
    width: 300px;
    padding: 10px;
    }

h2 {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    padding: 7px;
    padding-left: 20px;
    border-radius: 0px 30px 0px 0px;
    box-shadow: 5px;
    }




/*Contacto*/

#contacto {
    width: 500px;
    border-width: 0px 0px 10px 0px;
    border-style: solid;
    border-color: rgb(46, 162, 12);
    font-size: 35pt;
    color: rgb(53, 177, 16);
    margin-top: 185px;
    }

#contenidocontacto {
    padding: 30px;
    background-color: rgb(225, 239, 220);
    position: relative;
    width: 440px;
    font-size: 12pt;
    }

#contenidocontacto a {
    text-decoration: none;
}

#contenidocontacto a:hover {
    color: rgb(43, 145, 12);
}


strong {
    color: rgb(38, 131, 11);
    }





/*Pie de Página*/

#aclaracion { 
    clear: both;
    background-color: rgb(93, 93, 93);
    color: rgb(255, 255, 255);
    padding: 20px 20px 20px 20px;
    margin-top: 20px;
    }