@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-color: rosybrown;
    margin: 0px;
}

.logoppb{
    width: 87px; height: 65px;
    float:left; margin-top: 20px; margin-left: 20px;
    background-image: url(imagenes/logoppb.png);
    background-size: cover;
    text-indent: -99999px;
}

img {
    width: 100%;
    height: auto;
}

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 {
    border-bottom: 2px solid #000;
}

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

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

h2{
    font-family: 'Oswald', 'arial', sans-serif;
    font-size: 18pt;
    font-weight: 400;
    text-transform: uppercase;
	color: #000;
    padding-bottom: 5px;
    background-size: contain;
}

#uno {width: 400px;}

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

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

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

#content-about #quien { 
float: left;
width: 300px;
height: 180px;
background-color: silver;
padding: 1em;
}

#content-about #que{
float: left;
width: 300px;
height: 180px;
position: relative;  
background-color: grey;
padding: 1em;
}

#content-about #portfolio {
float: right;
width: 296px;
height: 180px;
background-color: silver;
}

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

.carta-main{height: 20em;}
.proyectoleft {float:left; width: 210px; height: 710px; background-color: silver; padding: 0.5em;}
.proyectocenter{float:right; position: relative; width: 718px; height: 710px; background-color: gray; padding: 0.5em;}

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

footer {
    background: #DADAD9;
    width: 99%; 
    margin: 0px; 
    text-align: center; 
    padding: 0 5px; 
    height: 80px; 
    float: left;
    overflow: auto;
}

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

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