/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700|Oswald);

h1{font-family: "oswald","arial","helvetica","sans serif"; font-size: 170%;font-weight: 400;line-height: 100%}
h2{font-family: "oswald","arial","helvetica","sans serif"; font-size: 120%;font-weight: 400;}
h3{font-family: "roboto","arial","helvetica","sans serif"; font-size: 80%; font-weight: 400;}
p {font-family: "roboto","arial","helvetica","sans serif"; font-size: 75%; font-weight: 400;}
a {font-family: "roboto","arial","helvetica","sans serif";}

span{font-weight: 700;}

.facua          {background-color: #2ba99d;}
.fvioleta       {background-color: #1b1143;}
.fvioletados    {background-color: #4c4a72;}

.fgrisuno       {background-color: #999998;}
.fgrisdos       {background-color: #797978;}
.fgristres      {background-color: #575855;}
.fgriscuatro    {background-color: #2d2d2b;}

.fazul          {background-color: #1d4060;}
.fazulosc       {background-color: #122034;}
.frojo          {background-color: #c12e2a;}

.trojo:hover    {color: #c12e2a;}
.tverde:hover   {color: #113f39;}
.tazul:hover    {color: #1a5181;}
.tnaranja:hover {color: #e39100;}
#navseg a       {color: #2ba99d;}


/*EMPIEZA GENERAL Y HOVER*/

*{color: white;text-decoration: none;list-style-type: none;margin: 0;padding: 0;}
#contenedor {width: 64em; margin: auto;}
a{display: block}
nav li{display: inline-block;padding-right: 0.8em;padding-left: 0.8em;}

#tp h2:hover{background-color: #c12e2a;}
#principal a:hover{background-color: #55bab1;}
#navseg a:hover {color: white;text-decoration: underline;}
#centro a:hover{text-decoration: underline;}
#pares:hover{background-color: #3a4c52;}
#abajo a:hover{text-decoration: underline;}

#logo h1 {padding-left: 1em;padding-right: 1em;display: inline;}
#tp h2 {display: inline;background-color: #4c4a72; padding-left: 1em; padding-right: 1em;}
#logo,#tp,#navseg{display: inline-block;margin-top: 2em;margin-bottom: 1.5em;}
#principal a{padding-top: 0.5em;padding-bottom: 0.5em; padding-left: 0.5em;padding-right: 0.5em;}


footer{overflow: auto;clear: both;height: 7em;}
footer img{margin-top: 1.3em;margin-left: 1.5em;float: left;}
footer p{font-size: 55%; font-weight: 400;margin-left: 13em;margin-top: 6em;margin-right: 2em;}

/*TERMINA GENERAL Y HOVER*/


/*EMPIEZA ROTULO GENERAL*/
#uno,#dos,#tres,#cuatro{float: left;padding-left: 0.062em;}
#alumnas h1{margin-top: 1em;margin-bottom: 0.3em;margin-left: 0.5em;}
#alumnas h3{margin-bottom: 1em;margin-left: 1em;}
#alumnas{overflow: auto;clear: both;}

#centro article{height: 10em;float: left;}
#centro h1{margin-left: 1em;margin-top: 1.2em;margin-bottom: 0.3em;}
#centro h3{margin-left: 2em;margin-top: 0.4em}
#pares{width: 24em;}
#pares img{margin-top: 2.4em;margin-left: 8em;}
#uba{width: 24em;}
#fadu{width: 16em;}
#centro{overflow: auto;clear: both;}

#abajo article{height: 15em;float: left;}
#vm{width: 16em;}
#dgpc,#tema{width: 24em;}
#abajo h1{margin-left: 1em;margin-top: 1.2em;margin-bottom: 0.3em;}
#abajo img{margin-left: 1.5em;margin-top: 1.5em;margin-bottom: 0.4em;}
#abajo h3,#abajo p{margin-left: 2em;margin-top: 0.4em;margin-right: 3em;}
#abajo{overflow: auto;clear: both;}

/*TERMINA ROTULO GENERAL*/

/*EMPIEZA CARTA*/

#pag{height: 2em;}
#pag h2{margin-left: 1em;}


#estrategia{width: 22em;}
#objetivos,#comitente{width: 21em;}
#comitente,#objetivos,#estrategia{float: left; height: 21em;}
#comitente h1,#objetivos h1,#estrategia h1{margin-left: 1em;margin-top: 1.2em;margin-bottom: 0.4em;}
#comitente p,#objetivos p,#estrategia p{margin-left: 2.3em;margin-right: 2.5em;}
#arriba{overflow: auto;clear: both;}

#proyecto,#arq{width: 32em;}
#centro p{margin-left: 2.3em;}

#grafica{width: 22em;}
#navegacion,#paginaweb{width: 21em;}
#abacarta article{height: 10em;float: left;}
#abacarta h1{margin-top: 1.3em;margin-left: 1em;margin-bottom: 0.3em;}
#abacarta p,#abacarta h3{margin-left: 2.3em;margin-right: 2em;}
/*TERMINA CARTA*/

/*EMPIEZA INTEGRANTES*/

#integrante{height: 13.9em;overflow: auto;clear: both;}
#txt,#integrante img{float: left}
#txt{margin-left: 1em;margin-top: 8em;}

#datos article{float: left;height: 16em;padding-left: 1.5em;padding-top: 2em;box-sizing: border-box;}
#datos h1{margin-bottom: 0.3em;line-height: 1.3em;}
#datos p{line-height: 1.4em;}

#botones li{float: left;padding-right: 1.6em;margin-top: 3em;}
#botones a{padding-left: 0.3em;padding-right: 0.3em;}
#botones a:hover{background-color: #2ba99d;}


#aprobadas{width: 22em;}
#personal,#encurso{width: 21em;}
#personal p{margin-top: 1em;}


#trabajos img{width: 12.8em;float: left;}




/*TERMINA INTEGRANTES*/