/* css TP individual, Eduardo Murawiec */

/* Tipografías */
@font-face {
    font-family: 'robotolight';
    src: url('fuentes/roboto-lightroboto.eot');
    src: url('fuentes/roboto-lightroboto.eot?#iefix') format('embedded-opentype'),
         url('fuentes/roboto-lightroboto.woff2') format('woff2'),
         url('fuentes/roboto-lightroboto.woff') format('woff'),
         url('fuentes/roboto-lightroboto.ttf') format('truetype'),
         url('fuentes/roboto-lightroboto.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/*** Atributos generales ***/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    
    font-family: "robotolight", sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

/*** Cuerpo ***/
body {
    background-color: grey;
}

#contenido {
    width: 1024px;
    margin: auto;
    background-color: white;
}

/*** Contenido Header ***/
header {
    height: 244px;
}

/* Cátedra */
#catedra {
    float: left;
    width: 229px;
    height: 222px;
    margin: 0px -5px 0px 0px;
}

#catedra h1 {
    margin: 56px 0px 0px 0px;
    text-align: center;
    font-family: "robotomedium";
    font-size: 0.8rem;
}

#catedra a {
    display: block;
    width: 149px;
    margin: 0px 0px 25px 40px;
    padding: 18px 0px 15px 0px;
    border-bottom: solid 1px black;
}

#catedra p {
    text-align: center;
    font-size: 0.8rem;
    line-height: 10pt;
}

/* Navegación */
.navegacion {
    float: left;
    width: 195px;
    height: 222px;
    margin: 0px 0px 0px 5px;
    padding: 53px 0px 0px 22px;
    background-color: #ccc;
}

.navegacion:hover {
    background-color: #fe9;
}

.navegacion h1 {
    margin: 0px 0px 24px 0px;
    font-family: "robotomedium";
    color: #c36;
}

.navegacion a {
    display: block;
    width: 152px;
    height: 26px;
    margin: 1px 0px 0px 0px;
    font-family: "robotomedium";
    line-height: 20pt;
    color: black;
}

.navegacion a:hover {
    padding: 0px 0px 0px 8px;
    color: white;
    background-color: #c36;
}

/* -link- */
#obje #link1 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#obje #link1:hover {
    color: black;
}

#meto #link2 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#meto #link2:hover {
    color: black;
}

#cont #link3 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#cont #link3:hover {
    color: black;
}

#mues #link4 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#mues #link4:hover {
    color: black;
}

#niv1 #link5 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#niv1 #link5:hover {
    color: black;
}

#gal1 #link6 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#gal1 #link6:hover {
    color: black;
}

#niv2 #link7 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#niv2 #link7:hover {
    color: black;
}

#gal2 #link8 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#gal2 #link8:hover {
    color: black;
}

#pref #link9 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#pref #link9:hover {
    color: black;
}

#requ #link10 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#requ #link10:hover {
    color: black;
}

#fech #link11 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#fech #link11:hover {
    color: black;
}

#clas #link12 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#clas #link12:hover {
    color: black;
}

#apun #link13 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#apun #link13:hover {
    color: black;
}

#desc #link14 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#desc #link14:hover {
    color: black;
}

/*** Contenido Aside ***/
aside {
    clear: both;
    float: left;
    width: 229px;
    padding: 22px;
    background-color: white;
}

/* Contacto */
#contacto h1 {
    margin: 0px 0px 22px 0px;
    text-align: center;
    font-size: 1.8rem;
    color: #c36;
}

#contacto a {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin: 0px 8px 44px 8px;
}

#contacto a:hover {
    box-shadow: 1px 1px 3px black;
}

/* Inscripción */
#inscripcion {
    height: 136px;
    background-color: #e6e6e6;
    border-top: solid 1px #c36;
    border-bottom: solid 2px #c36;
}

#inscripcion:hover {
    box-shadow: 2px 2px 3px grey;
}

#inscripcion p {
    margin: 20px 0px 16px 0px;
    text-align: center;
    color: #c36;
}

#inscripcion a {
    display: block;
    padding: 6px 0px 7px 0px;
    text-align: center;
    font-family: "robotomedium";
    font-size: 1.8rem;
    color: #c36;
}

#inscripcion a:hover {
    color: white;
    background-color: #c36;
}

/*** Contenido Main ***/
main {
    display: block;
    float: right;
    width: 795px;
    padding: 0px 0px 22px 0px;
    background-color: #e6e6e6;
}

/* -index- */
/* Novedades */
#novedades {
    height: 172px;
    margin: 0px 0px 44px 0px;
    background-color: #c36;
    background-image: url(imagenes/img_inicio.png);
    background-position: bottom;
    background-repeat: no-repeat;
    border-bottom: solid 2px #c36;
}

#novedades h1 {
    padding: 2px;
    color: white;
}

#novedades h2 {
    float: left;
    margin: 77px 0px 0px 22px;
    font-size: 2.4rem;
    line-height: 17pt;
    color: white;
    text-shadow: 1px 1px 3px black;
}

#novedades h2 span {
    font-size: 4.8rem;
}

#novedades p {
    float: right;
    width: 373px;
    margin: 66px 22px 0px 0px;
    color: white;
    text-shadow: 1px 1px 3px black;
}

/* Nivel 1 */
#nivel1 {
    float: left;
    width: 395px;
    height: 421px;
    background-color: #f28535;
    background-image: url(imagenes/img_niv1.png);
    background-repeat: no-repeat;
    border-top: solid 5px #f28535;
}

#nivel1 h1 {
    margin: 22px 22px 132px 22px;
    font-family: "robotomedium";
    font-size: 2.4rem;
    color: #f28535;
    text-shadow: 1px 1px 3px black;
}

#nivel1 h1 span {
    font-family: "robotomedium";
    font-size: 4.8rem;
}

#nivel1 p {
    margin: 22px 22px 0px 22px;
    font-size: 1.2rem;
}

#nivel1 a {
    float: right;
    padding: 0px 22px 0px 6px;
    font-family: "robotomedium";
    font-size: 1.2rem;
    color: white;
}

#nivel1 a:hover {
    color: #f28535;
    background-color: #e6e6e6;
}

/* Nivel 2 */
#nivel2 {
    float: right;
    width: 395px;
    height: 421px;
    background-color: #4dbee8;
    background-image: url(imagenes/img_niv2.png);
    background-repeat: no-repeat;
    border-top: solid 5px #4dbee8;
}

#nivel2 h1 {
    margin: 22px 22px 132px 22px;
    font-family: "robotomedium";
    font-size: 2.4rem;
    color: #4dbee8;
    text-shadow: 1px 1px 3px black;
}

#nivel2 h1 span {
    font-family: "robotomedium";
    font-size: 4.8rem;
}

#nivel2 p {
    margin: 22px 22px 0px 22px;
    font-size: 1.2rem;
}

#nivel2 a {
    float: right;
    padding: 0px 22px 0px 6px;
    font-family: "robotomedium";
    font-size: 1.2rem;
    color: white;
}

#nivel2 a:hover {
    color: #4dbee8;
    background-color: #e6e6e6;
}



/* -nivel- */
.nivel_1 {
    color: #f28535;
}

.nivel_2 {
    color: #4dbee8;
}

/* -obje- */
/* Objetivo */
#obje main {
    padding: 22px 22px 22px 22px;
    background-color: #e6e6e6;
}

#obje #link_1 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#obje main h1 {
    padding: 0px 0px 22px 0px;
    margin: 0px 0px 22px 0px;
    font-size: 2.4rem;
    color: #c36;
    border-bottom: solid 1px #c36;
}

#objeo main p {
    width: 373px;
    text-align: left;
    margin-bottom: 44px;
    line-height: 14pt;
}

#obje #lista {
    margin: 0px 0px 22px 200px;
    padding-left: 10pt;
    text-indent: -0.6rem;
}

#obje main h2 {
    font-family: "robotomedium";
    font-size: 1.6rem;
}

/* -meto- */
/* Metodología */
#meto main {
    padding: 22px 22px 22px 22px;
    background-color: #e6e6e6;
}

#meto #link_2 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#meto main h1 {
    padding: 0px 0px 22px 0px;
    margin: 0px 0px 22px 0px;
    font-size: 2.4rem;
    color: #c36;
    border-bottom: solid 1px #c36;
}

#meto main p {
    width: 373px;
    text-align: left;
    margin-bottom: 44px;
    line-height: 14pt;
}

#meto #lista {
    margin: 0px 0px 22px 200px;
}

#img_pro {
    float: left;
    margin: 7px 0px 0px 0px;
}

#meto main h2 {
    font-family: "robotomedium";
    font-size: 1.6rem;
}

/* -niv1- */
/* Nivel 1 */
#niv1 main {
    padding: 22px 22px 22px 22px;
    background-color: #e6e6e6;
}

#niv1 #link_5 {
    color: #c36;
    border-bottom: solid 1px #c36;
}

#niv1 main h1 {
    padding: 22px;
    margin: -22px -22px 22px -22px;
    font-family: "robotomedium";
    font-size: 2.4rem;
    color: white;
    background-color: #f28535;
    border-bottom: solid 1px #c36;
}

#niv1 main h2 {
    padding: 0px 0px 22px 0px;
    margin: 22px 0px 22px 0px;
    font-size: 2.4rem;
    color: #c36;
    border-bottom: solid 1px #c36;
}

#niv1 main h3 {
    font-family: "robotomedium";
    font-size: 1rem;
    color: #c36;
}

#niv1 main p {
    margin: 22px 0px 0px 0px;
}

#niv1 main #columna {
    float: left;
    width: 50%;
}

#img_gal {
    float: right;
}

#niv1 #bloque a {
    float: right;
    margin: -44px 22px 0px 0px;
    font-family: "robotomedium";
    font-size: 2rem;
    color: white;
}









/*** Contenido Footer ***/
footer {
    clear: both;
    padding: 22px;    
    background-color: #ccc;
    border-top: solid 1px #666;
}

footer ul {
    display: inline-block;
    padding: 0px 149px 0px 5px;
    border-left: solid 1px #666;
}

footer li {
    font-size: 0.8rem;
    color: #666;
}

footer a {
    font-size: 0.8rem;
    color: #666;
}

footer a:hover {
    text-decoration: underline;
}

footer p {
    margin: 22px 0px 0px 0px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 10pt;
    color: #666;
}