/* GoogleFont */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700|Open+Sans);


*{ margin: 0; padding: 0;font-weight: normal;}

html{ font-size:  100%}
.contenedor{ max-width: 960px; margin:  auto; margin-top: 100px;}
.map{ max-width: 960px; margin:  auto; margin-top: 100px;}
.pl{ max-width: 960px; margin:  auto; margin-top: 100px;}
body{ font-family: 'Roboto Condensed', sans-serif; font-size: 16px;}
.separador{clear: both;}
.pie{color: #FEFAD5;padding: 1%; font-size: 0.7rem;}

header {
    background: #D0DBCA none repeat scroll 0 0;
    height: 220px;
    margin: 10px auto;
    padding-bottom: 20px;
    padding-top: 0;
    text-align: center;
    width: 100%;
}
.logo{ width: 300px; height: auto; position: relative; float: left; margin: 0 0 0 30%;}


nav{width: 100%; background: #327968;position: relative;float: left;z-index: 20;}

nav ul ul {
    display: none;
}
nav ul li:hover > ul {
    display: block;
}
nav ul {
    background: #327968 none repeat scroll 0 0;
    display: inline-table;
    list-style: outside none none;
    padding: 0 20px;
    position: relative;
}
nav ul::after {
    clear: both;
    content: "";
    display: block;
}
nav ul li {
    float: left;
}
nav ul li:hover {
    background-color: #9CF2BA;
}
nav ul li:hover a {
    color: #327968;
}
nav ul li a {
    color: #FEFAD5;
    display: block;
    padding: 15px 25px;
    text-decoration: none;
}
nav ul ul {
    background: #9CF2BA none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
}
 ul ul li {
    border-top: 2px solid #327968;
    float: none;
    position: relative;
}
nav ul ul li a {
    color: #fff;
    padding: 15px 40px;
}
nav ul ul li a:hover {
    background: #56c7e2 none repeat scroll 0 0;
}
nav ul ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}

/*//////////////////////////////////////////////////INDEX///////////////////////////////////////////////////////////////////////////*/


.contenedor article{ width: 60%; background: #FEFAD5; min-height: 400px;position: relative;float: left;}
.contenedor aside{ width: 40%;  background: #F2F1E9;position: relative;float: left; min-height: 400px;}
.contenedor footer{ width: 100%; height: 50px; text-align: center;background: #327968;position: relative;float: left;}

.contenedor .t1{margin: 2% 0 0 18%;}
.contenedor h1{font-size: 4rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;color: #327968;margin:  10% 0 0 18%;}
.contenedor .t1 h2{font-size: 1rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #327968;margin-top: 4%;}
.contenedor .sub{font-size: 0.7rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #327968;margin: -2% 0 0 18.5%;}
.contenedor .t1 p{ font-size: 0.9rem;margin-top: 4%;color: #327968;}
.contenedor .t2{margin: 51% 0 0 18%;}
.contenedor .t2 p{font-size: 0.8rem;margin-top: 4%;color: #327968;}

main section aside .fadu{

    position:relative;
    float: right;
    margin-right: 31%;
    margin-top:20%;


}



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





.map .maping img {width: 100%;height: auto; position: relative;float: left;}

.map .maping{ width: 100%; background: #FEFAD5; min-height: 400px;position: relative;float: left;}

.map footer{ width: 100%; height: 50px; text-align: center;background: #327968;position: relative;float: left;}

.map .fotoperfil {margin: 5% 0 0 18%;}

.map .propuestag{ background: #327968; padding: 1%; font-size: 0.8rem;color:#FEFAD5;  }
.map .propuestam{ background: #327968; padding: 1%; margin: 2px 0 0 0; font-size: 0.8rem;color:#FEFAD5; }



.map .t1{margin: 2% 0 0 18%;}
.map h1{font-size: 2rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;color: #327968;margin:  0 0 0 18%;}
.map .t2 h2{font-size: 1.8rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #327968;margin-top: 4%;}
.map .sub{font-size: 0.7rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #327968;margin: -2% 0 0 18.5%;}
.map .t1 p{ font-size: 0.9rem;margin-top: 4%;color: #327968;}
.map .t2{margin: 5% 0 0 18%;}
.map .t2 p{font-size: 0.8rem;margin-top: 4%;color: #327968;}


/*//////////////////////////////////////////////////PLAN///////////////////////////////////////////////////////////////////////////*/

.pl article{ width: 60%; background: #FEFAD5; min-height: 400px;position: relative;float: left;}
.pl aside{ width: 40%;  background: #F2F1E9;position: relative;float: left; min-height: 400px;}
.pl footer{ width: 100%; height: 50px; text-align: center;background: #327968;position: relative;float: left;}

.pl .t1{margin: 14% 10% 0 10%;}
.pl h1{font-size: 4rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;color: #327968;margin:  2% 0 0 1%;}
.pl .t2 h2{font-size: 1rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #327968;margin-top: 4%;}
.pl .t2 .sub{font-size: 0.7rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #327968;margin: -2% 0 0 1%;}
.pl .t1 p{ font-size: 0.9rem;margin-top: 4%;color: #327968; font-weight: 700}
.pl .t2{margin: 20% 0 0 18%;}
.pl .t2 p{font-size: 0.8rem;margin-top: 4%;color: #327968;}