@charset "utf-8";
/*CSS Document*/

*{margin:0px}

body {max-width: 960px; margin: 0 auto; background-image: url(Imagenes/fondoprueba4.jpg)}

/*//////// HEADER //////////*/

header {
    width: 100%;
    height: 105px;
    margin-left: 20px;
    margin-right: 20px;
    background: #DADAD9;
    margin: 0px;
}

.logopau{
    width: 59px; height: 65px;
    float:left; margin-top: 20px; margin-left: 20px;
    background-image: url(Imagenes/logopau2.png);
    background-size: cover;
    text-indent: -99999px;
}

nav  {
    float: right;
    width: auto;
    margin-top: 65px;
    margin-right: 20px;
}

ul li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;

}

 ul li a {
    width: 90%; 
    color: #000;
    font-family: Fira Sans, arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase; 
    text-decoration: none;
    font-size: 12px;
    margin: 10px;
    padding-bottom: 1px;
}

nav ul li a:hover {
    color: #66FF99; 
    border-bottom: 2px solid #000;
    text-decoration: line-through;  
}

a:link {
    text-decoration: none;
    color: #000;
}

a:visited {
    text-decoration: none;
    color: #000;
}

div span a{
border-style: none;
}


/*//////// MAIN //////////*/

h1{
    font-family: 'Fira Sans', 'arial', sans-serif; 
    font-weight: 300; 
    font-size: 10pt;
    text-transform: uppercase; 
    color: #000; 
    border: 1px solid #000;
}

#title{width: 150px; margin-top: 20px; margin-left: 43%; padding-left: 10px; padding-top:10px; padding-bottom:5px; }

.titulomapa{width:150px; text-align: center; margin-top: 20px; padding-top:10px; padding-bottom:5px; margin-left: 42%}

h2{
    font-family: 'Oswald', 'arial', sans-serif;
    font-size: 18pt;
    font-weight: 400;
    text-transform: uppercase;
	color: #000;
    padding-bottom: 5px;
    border-bottom: 3px solid #000;
    background-image: url(Imagenes/line.png);
    background-size: contain;
}

#uno {width: 150px;}

#dos {width: 100%; margin-left: 20px;;margin-top: 20px; background-color: #66FF99; color: #000; text-align: center; border: 3px solid #66FF99; padding:10px;}

h3{
    font-family: 'Oswald', 'arial', sans-serif;
    font-size: 17pt;
    font-weight: 400;
    text-transform: uppercase;
    color: #66FF99;
    text-align: center;
    background-color: #000;
    display:block;
}

#materias{font-size: 20pt; padding-top: 10px; padding-bottom: 10px; margin-bottom: 30px;}

h4{font-family: 'Oswald', 'arial', sans-serif;
    font-size: 13pt;
    font-weight: 400;
    text-transform: uppercase;
	color: #000;
    padding-bottom: 1px;
    border-bottom: 3px solid #000;
    background-image: url(Imagenes/line.png);
    background-size: contain;
    text-align: center;
}

p{
    font-family: 'Fira Sans', 'arial', sans-serif;
    font-size: 10pt;
    font-weight: 300;
    padding-top: 10px;

}

#bold2{font-family: 'Fira Sans', 'arial', sans-serif;
    font-size: 11pt;
    font-weight: 500;
    }

.user{text-transform: uppercase; color: #66FF99; font-size: 12pt; font-weight: 500}


/*////// CONTENIDO /////////*/

#content-about {margin-top: 20px;}

#content-about #quien { 

float: left;
width: 300px;
height: 180px;
margin-left: 20px;

}

#content-about #que{

float: left;
width: 310px;
height: 180px;
position: relative;  
left:15px;
}

#content-about #proyecto {

float: right;
width: 290px;
height: 190px;
margin-right:20px;
border: 1px solid #000;
}

#cross{padding-right: 7px;}

#cross2{padding-right: 6px;padding-bottom: 6px; }
#cross3{padding-left: 6px; padding-bottom: 6px;}

#textotp {padding-left: 55px; margin: 5px; background-image: url(Imagenes/enzima.png); background-position: left; background-origin: padding-box; background-repeat:no-repeat; padding-bottom: 10px; border-bottom: 1px solid #000;}

/*//////// CARTA //////////*/
.carta-main{height: 20em;}
.proyectofull{margin-top: 20px;}
.proyectoleft {float:left; width:290px; margin-left: 20px; height: auto;}
.proyectocenter{float:left; margin-left: 30px; position: relative; width: 290px; height: auto;}
.proyectoright{float: right; width: 280px; margin-right: 20px; height: auto;}


/*//////// MAPA //////////*/

.titlemap{list-style-type: none;}

#mapa ul li{font-family: 'Oswald', 'arial', sans-serif;
    font-size: 10pt;
    font-weight: 400;
    text-transform: uppercase;
    color: #000; 
    border: 2px solid #000;
    text-align: center;
    padding: 5px;
	margin-bottom: 6px;
}



div#mapa ul li.titulo2 , div#mapa ul li.titulo2 a, div#mapa ul li.titulo2 a:link, div#mapa ul li.titulo2 a:hover, div#mapa ul li.titulo2 a:visited{
   font-family: 'Oswald', 'arial', sans-serif;
    font-size: 16pt;
    font-weight: 400;
    text-transform: uppercase;
    color: #66FF99;
    text-align: center;
    background-color: #000;
    padding: 5px;
	margin-bottom: 10px;
    margin-left: 0;
    border: none;
}



div#mapa ul li.titulo {
    font-family: 'Oswald', 'arial', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    border: 2px solid #66FF99;
    background-color: #66FF99;
    text-align: center;
    padding: 5px;
	margin-bottom: 6px;
    margin-left: 30px;
}


hr{
  display: block;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-height: 0;
  font-size: 1px;
  line-height: 0;
  clear: both;
  border: none;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #ffffff;}

/*//////// BOTONES //////////*/

.btn-ver{margin-top: 7px; margin-left: 30%; font-family: 'Oswald', 'arial', sans-serif; text-transform: uppercase; font-weight: 400; font-size:15pt; background-color: #66FF99; border: none; padding: 7px;}

.btn-ver:hover{text-decoration: line-through;}
.btn:link {text-decoration: none; color: #FFF;}
.btn:visited {text-decoration: none; color: #FFF;}

.btn-ver2{margin-left: 20px; margin-top: 7px; font-family: 'Oswald', 'arial', sans-serif; text-transform: uppercase; font-weight: 400; font-size:15pt; background-color: #66FF99; border: none; padding: 7px;}
.btn-ver2:hover{text-decoration: line-through;}

/*//////// MATERIAS //////////*/

.container {
    position: relative;
    width: 920px;
    height: 120%;
    margin-left:15px;
    margin-right:15px;
    padding-bottom: 80px;
    margin-bottom: 25px;
}

.mright {
    position: absolute;
    left: 800px;
    width: 130px;
}

.mright3 {
    position: absolute;
    left: 670px;
    width: 110px;
}

.mright2 {
    position: absolute;
    left: 545px;
    width: 110px;
}

.mleft {
    position: absolute;
    left: 0px;
    width: 110px;
}

.mleft2 {
position: absolute;
    left: 130px;
    width: 140px;
}

.mcenter {
    position: absolute;
    left: 290px;
    width: 120px;
}

.mcenter2 {
    position: absolute;
    left: 430px;
    width: 100px;
}

.aprobadas{width:100%; margin-bottom: 20px;}


/*//////// ASIDE //////////*/

aside{border-bottom: 8px solid #000; margin-top: 230px;}

#content-portfolio{margin-bottom:20px; padding-top: 15px; border-top: 2px solid #000 ;}

.left{margin-left:20px;}
.center{float:right; margin-right:20px;}

.bottom{height: 180px; margin-top: 580px; margin-bottom:20px; padding-top: 15px; border-top: 2px solid #000 ;}

.bottom2{height: 180px; margin-top: 20px; padding-bottom:20px; padding-top: 15px; border-top: 2px solid #000 ;}

.bottom3{height: 180px; margin-top: 0px; padding-bottom: 20px; padding-top: 15px; border-top: 2px solid #000 ;}

#textodgpc{height: 180px; border-left: 3px solid #000; padding-left: 25px ; margin-right: 300px; float:right;}

/*//////// FOOTER //////////*/

footer {
    background: #DADAD9;
    width: 99%; 
    margin: 0px; 
    text-align: center; 
    padding: 0 5px; 
    height: 80px; 
    float: left;
    border-top: 8px solid #66FF99;
    
}

.textofooter{
    color: #000;
    font-family: Fira Sans, arial, sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: left;
    padding-top: 20px;
}

.logofadu { margin: 8px 20px 8px 100px; width: 5%; float: left; padding-top: 10px;}