@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Neuton:300,400,700,400italic|Montserrat:400,700);


* {
text-decoration: none;
padding: 0;
list-style: none;
}


/** Body **/

body {
background-color: #dbdbdb;
}

main {
max-width: 1024px;
height: auto;
margin: auto;
}


/** Header **/

header {
max-width: 1024px;
height: 70px;
margin: auto;
margin-top: 30px;
}

#logo_dgpc {
background-image: url(imagenes/DGPC_logo.png);
width: 141px;
height: 70px;
display: block;
float: left;
text-indent: -999999px;
}

#logo_fadu {
background-image: url(imagenes/FADU_logo.png);
width: 199px;
height: 43px;
display: block;
float: right;
text-indent: -999999px;
margin-top: 16px;
}


/** Botonera **/

nav {
max-width: 1024px;
height: auto;
margin: auto;
margin-top: 30px;
background-color: #e2e2e2;
clear: both;
}

nav ul {
width: 100%;
height: inherit;
text-align: center;
}

nav ul li {
display: inline-block;
}

nav ul li a {
display: inline-block;
color: gray;
letter-spacing: 2px;
font-family: "Montserrat";
font-size: 14px;
padding: 20px;
}

nav a:hover {
color: #d60052;
font-family: "Montserrat";
}




/**Alumna**/

.alumna {
max-width: 100%;
height: 550px;
box-sizing: border-box;
font-size: 12px;
padding: 40px;
margin-top: 40px;
position: relative;
background-color: #e2e2e2;
}


/* .datos_dani {
width: 70%;
height: 200px;
box-sizing: border-box;
margin: auto;
}*/

.nombre_alumna{
width: 50%;
height: 200px;
box-sizing: border-box;
padding: 20px 0 0 0;
float: left;
}


.foto_dani{
max-width: 50%;
height: 200px;
box-sizing: border-box;
float: left;
margin: 0 0 0 30px;
}


.materias {
width: 50%;
height: auto;
clear: both;
box-sizing: border-box;
padding-top: 30px;
float: left;
}


.materias_aprobadas {
width: 100%;
height: 100px;
box-sizing: border-box;
margin: 30px 20px 0 0;
font-family: "Neuton";
font-style: italic;
text-align: right;
font-size: 15px;
}


.materias_encurso {
width: 100%;
height: 100px;
box-sizing: border-box;
margin: 15px 20px 0 0;
text-align: right;
font-family: "Neuton";
font-style: italic;
text-align: right;
font-size: 15px;
}


.redes {
max-width: 80px;
height: auto;
box-sizing: border-box;
margin: 50px 0 0 30px;
padding: 10px;
float: left;
}

.redes a {
display: block;
}

.alumna h1 {
font-size: 40px;
color: #9a9797;
text-align: right;
font-family: "Montserrat";
letter-spacing: 2px;
text-decoration: overline;
}


.alumna h2 {
font-size: 16px;
color: #9a9797;
font-family: "Montserrat";
letter-spacing: 2px;
text-decoration: overline;
font-style: normal;

}





/** Institucional **/

.info_institucional {
width: 100%;
height: 140px;
box-sizing: border-box;
background-color: #e2e2e2;
padding: 20px;
margin-top: 30px;
font-family: "Neuton";
font-style: italic;
text-align: right;
font-size: 13px;
}

.uba {
width: 33%;
height: 100px;
box-sizing: border-box;
float: left;
text-align: center;
}

.fadu {
width: 33%;
height: 100px;
box-sizing: border-box;
float: left;
text-align: center;

}

.dgpc {
width: 33%;
height: 100px;
box-sizing: border-box;
float: left;
text-align: center;
}


.info_grupo{
width: 100%;
height: 110px;
box-sizing: border-box;
background-color: #e2e2e2;
padding: 10px;
margin-top: 30px;
font-family: "Neuton";
font-style: italic;
text-align: right;
font-size: 14px;
}


.equipo {
width: 50%;
height: auto;
box-sizing: border-box;
float: left;
text-align: right;
padding: 0 15px 0 0;
}

.tema {
width: 50%;
height: auto;
box-sizing: border-box;
float: left;
text-align: left;
padding: 0 0 0 15px;
}

.titulos_info{
font-family: "Montserrat";
font-style: normal;
font-size: 9px;
color: #9a9797;
}


/** Footer **/

footer {
width: 1024px;
height: auto;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
font-family: "Neuton";
font-style: italic;
text-align: center;
font-size: 14px;
background-color: #e2e2e2;
box-sizing: border-box;
padding: 10px 90px;
}





/* CARTA INDIVIDUAL */

.paquete_principal {
width: 100%;
height: 1000px;
background-color: #e2e2e2;
font-family: "Montserrat";
box-sizing: border-box;
padding: 40px;
margin-top: 40px;
}

.paquete_principal h1 {
font-size: 16px;
color: #9a9797;
font-family: "Montserrat";
font-size: 23px;
}


.paquete_principal h2 {
font-size: 16px;
color: #9a9797;
font-family: "Montserrat";
}

p {
font-family: "neuton"}


.proyecto {
font-family: "Montserrat";
color: #9a9797;
margin-top: -10px;
}


.comitente {
width: 45%;
height: auto;
float: left;
margin-top: 40px;

}

.usuario {
width: 55%;
height: auto;
float: left;
box-sizing: border-box;
padding-left:30px; 
margin-top: 40px;
border-left: 1px solid #9a9797;
box-sizing: border-box;
}

.problematicas {
width: 45%;
height: auto;
float: left;
margin-top: 40px;
box-sizing: border-box;
padding-right: 10px;
}

.solucion {
width: 55%;
height: auto;
float: left;
box-sizing: border-box;
padding-left:30px; 
margin-top: 40px;
border-left: 1px solid #9a9797;
}

.solucion ol {
font-family: "Neuton";
padding-left: 20px;
}

.solucion li {
list-style: lower-alpha inside;
}





/* WIREFRAME */

.wireframe {
width: auto;
height: auto;
background-color: #e2e2e2;
}

.wireframe h1 {
font-size: 16px;
color: #9a9797;
font-family: "Montserrat";
font-size: 23px;
padding: 20px;
}