@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,700);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);


* {margin: 0px; padding: 0px}

html{ font-size: 16px;}

/*Colores

Violeta: #4551a5
Celeste: #74ffe4

Gris: #3C3C3B
Turquesa: #19E0BA
Celeste: #148BCC
Azul: #006399
Rojo: #FF5940
Naranja: #FBB03B

*/

/*Fuentes

font-family: 'Raleway', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

*/


body {
    background: #ffffff;
    position: relative;
    margin: auto auto 10% auto;
    }

.contenedor {
    width: 960px;
    margin: 0 auto 0 auto;}


/*ACA ARRANCA EL HEADER QUE RETOQUE - CELESTE*/


header {
    width: 100%;
    background: #4551a5;
    padding: 1% 0 4% 3%;
    box-sizing: border-box;
    }

.vn25 {
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    padding: 0.5%;
    margin: 3% 1% 0% 0%; 
    font-weight: 300;
    font-size: 3rem;
    margin: 0% 0% 0.7% 0%;
    }

.vn25:hover {
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    color: #a5ffed;
    font-weight: 300;
    font-size: 3rem;
    }

.nav {
    min-height: 5%;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    text-align:left;
    color: #ffffff;
    padding: 10px 10px 10px 10px;
    margin: 0 5px 0 5px;
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
    position: relative;
    }

.nav:hover {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #a5ffed;
    padding: 0 10px 10px 10px;
    margin: 0 5px 0 5px;
    text-decoration: none;
    border-bottom: 2px solid #a5ffed;
    }

nav ul {
    list-style-type: none;
    }

li {
    display: inline;
    }

.button li a {
    text-decoration: none;
    padding: 1% 1% 1% 1%;
    display: block;
    position: relative;
    }

/*TERMINA EL HEADER QUE TOQUE - CELESTE*/


section {
        background: #ffffff; 
        padding: 0%;
        height:100%;
        } 

/*HOME*/


.proyecto {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    }

.fotovecinos {
    margin: 0px;
    padding: 3%;
    float: left;
    }

.vecinos {
    width: 41%;
    margin: 0 0 0 0%;
    padding: 3% 0 2% 1%;
    position: relative;
    float: left;
    }

.titulo_proyecto_bien_cultural {
    width: 100%;
    margin: 0 0 0 0%;
    padding: 2% 0 2% 0%;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    border-top: 4px solid #3C3C3B;
    position: relative;
    float: left;
    }

.texto_proyecto {
    width: 100%;
    margin: 0 0 0 0%;
    padding: 2% 0 2% 0%;
    float: left;
    font-size: 0.95rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #3C3C3B;
    position: relative;
    float: left;
    } 

.problemas {
    width: 100%;
    margin: 0% 0% 1% 3%;
    padding: 1% 0% 1% 0%;
    position: relative;
    float: left;
    }

.titulo_problema {
    width: 93%;
    margin: 0 0 0 0%;
    padding: 1% 0 1% 0%;
    font-size: 1.2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #3C3C3B;
    border-top: 2px solid #3C3C3B;
    position: relative;
    float: left;
    }

.parrafo_problema {
    width: 93%;
    margin: 0 0 0 0%;
    padding: 1% 0 2% 0%;
    float: left;
    font-size: 0.9rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #3C3C3B;
    position: relative;
    float: left;
    }

.justificacion {
    width: 100%;
    margin: 0% 0% 1% 3%;
    padding: 1% 0% 1% 0%;
    position: relative;
    float: left;
    }

.titulo_justificacion {
    width: 93%;
    margin: 0 0 0 0%;
    padding: 1% 0 1% 0%;
    font-size: 1.2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #3C3C3B;
    border-top: 2px solid #3C3C3B;
    position: relative;
    float: left;
    }

.parrafo_justificacion {
    width: 93%;
    margin: 0 0 0 0%;
    padding: 1% 0 2% 0%;
    float: left;
    font-size: 0.9rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #3C3C3B;
    position: relative;
    float: left;
    }



footer {
    width: 100%;
    position: relative;
    float: left;
    }

.footer {
    width: 90%;
    background: #3C3C3B;
    padding: 2% 5% 2% 5%;
    font-size: 0.7rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    float: left;
    }

/*ACA TERMINA LA HOME - CELESTE*/

/*PLAN*/

.plan {
    width: 100%;
    margin: 1% 2% 2% 2%;
    padding: 1% 2% 2% 2%;
    background-color: #ffffff;
    }

.generales_plan {
    width: 50%;
    margin: 0% 0% 1% 0%;
    padding: 1% 0% 1% 0%;
    position: relative;
    float: left;
    }

.foto_plan {
    width: 30%;
    margin: 1% 0 0% 0%;
    padding: 0% 10% 5% 0%;
    position: relative;
    float: right;
    }

h4 {
    width: 93%;
    margin: 0 0 0 0%;
    padding: 1% 0 1% 0%;
    font-size: 1.2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #3C3C3B;
    position: relative;
    float: left;
    }

p {
    width: 100%;
    margin: 0 0 0 0%;
    padding: 0.3% 0 0.3% 0%;
    float: left;
    font-size: 0.9rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #3C3C3B;
    position: relative;
    float: left;
    }

/*ACA TERMINA EL PLAN - CELESTE*/



/*ROTULO MARTINA - HECHO POR CELESTE*/

.martina_titulo {
    width: 90%;
    margin: 3% 0 0 3%;
    padding: 2% 0 2% 0%;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    border-top: 4px solid #3C3C3B;
    position: relative;
    float: left;
    }

.martina_portada {
    width: 90%;
    margin: 0% 0 0 3%;
    padding: 0% 0 2% 0%;
    position: relative;
    float: left;
    }

.martina_sottile_foto {
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    width: 100%;
    height: 100%;
    }


.martina_bio {
    width: 60%;
    margin: -13% 0 0% 0%;
    padding: 0% 18% 5% 0%;
    position: relative;
    float: right;
    }

.martina_titulo_bio {
    position: relative;
    float: left;
    color:#3C3C3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    }


martina_sottile_parrafo {
    width: 60%;
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: #3C3C3B;
    }


.martina_sottile_web_individual {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: 0;
    }

.martina_sottile_web_individual:hover {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: #3C3C3B;
    }

/*TERMINA ROTULO MARTINA - HECHO POR CELESTE*/



/*ROTULO CELESTE*/

.celeste_titulo {
    width: 90%;
    margin: 3% 0 0 3%;
    padding: 2% 0 2% 0%;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    border-top: 4px solid #3C3C3B;
    position: relative;
    float: left;
    }

.celeste_portada {
    width: 90%;
    margin: 0% 0 0 3%;
    padding: 0% 0 2% 0%;
    position: relative;
    float: left;
    }

.celeste_pereira_foto {
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    width: 100%;
    height: 100%;
    }


.celeste_bio {
    width: 60%;
    margin: -13% 0 0% 0%;
    padding: 0% 18% 5% 0%;
    position: relative;
    float: right;
    }

.celeste_titulo_bio {
    position: relative;
    float: left;
    color:#3C3C3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    }


celeste_pereira_parrafo {
    width: 60%;
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: #3C3C3B;
    }


.celeste_pereira_web_individual {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: 0;
    }

.celeste_pereira_web_individual:hover {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: #3C3C3B;
    }

/*TERMINA ROTULO CELESTE*/

/*ROTULO SOLEDAD*/

.sol_titulo {
    width: 90%;
    margin: 3% 0 0 3%;
    padding: 2% 0 2% 0%;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    border-top: 4px solid #3C3C3B;
    position: relative;
    float: left;
    }

.sol_portada {
    width: 90%;
    margin: 0% 0 0 3%;
    padding: 0% 0 2% 0%;
    position: relative;
    float: left;
    }

.soledad_foto {
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    width: 100%;
    height: 100%;
    }

.sol_bio {
    width: 60%;
    margin: -13% 0 0% 0%;
    padding: 0% 18% 5% 0%;
    position: relative;
    float: right;
    }

.sol_titulo_bio {
    position: relative;
    float: left;
    color:#3C3C3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    }

sol_parrafo {
    width: 60%;
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: #3C3C3B;
    }


.sol_web_individual {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: 0;
    }

.sol_web_individual:hover {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: #3C3C3B;
    }

/*TERMINA ROTULO SOLEDAD*/


/*ROTULO ANTONELLA*/

.antonella_titulo {
    width: 90%;
    margin: 3% 0 0 3%;
    padding: 2% 0 2% 0%;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    border-top: 4px solid #3C3C3B;
    position: relative;
    float: left;
    }

.antonella_portada {
    width: 90%;
    margin: 0% 0 0 3%;
    padding: 0% 0 2% 0%;
    position: relative;
    float: left;
    }

.antonella_asero_foto {
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    width: 100%;
    height: 100%;
    }


.antonella_bio {
    width: 60%;
    margin: -13% 0 0% 0%;
    padding: 0% 18% 5% 0%;
    position: relative;
    float: right;
    }

.antonella_titulo_bio {
    position: relative;
    float: left;
    color:#3C3C3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    }


antonella_asero_parrafo {
    width: 60%;
    position: relative;
    float: left;
    margin: -8% 0% 0% 0%;
    padding: 0% 3% 1% 1%;
    height: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: #3C3C3B;
    }


.antonella_asero_web_individual {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: 0;
    }

.antonella_asero_web_individual:hover {
    position: relative;
    float: right;
    margin: -6% 7% 0% 0%;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 1rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    background: #3C3C3B;
    }

/*TERMINA ROTULO ANTONELLA*/



/*MAPA DE SITIO*/

.titulo_mapa_de_sitio {
    width: 100%;
    margin: 2% 2% 0% 0%;
    padding: 2% 0 2% 0%;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    border-top: 4px solid #3C3C3B;
    position: relative;
    float: left;
    }

.mapa_de_sitio {
    margin: 0% 0 3% 2%;
    position: relative;
    padding: 0% 0% 0% 0%;
    width: auto;
    height: auto;
    }

/*TERMINA EL MAPA DE SITIO*/


/*FOOTER*/


footer {
    background: #676565;
    width: 960px;
    min-height: 30px;
    position: relative;
    margin: 0%;
    padding: 5px 0px 0px 0px;
    text-align: center;
    font-family: 'calibri';
    clear: both;
    }