body {
    font-size: 1.0rem;

}
.hide {
    display: none;
}

.show {
    display: block;
}

.avisoLegal{
    color:#0C3D5E;
    font-family: Karla, Arial;
    margin:50px 30px;
}

.saberMasBody {
    background-color: #D5EEB4;
}
.saberMas{
    color:#0C3D5E;
    font-family: Karla, Arial;
    margin:50px 30px;
}

.saberMasNoMargin {
    color:#0C3D5E;
    font-family: Karla, Arial;
}

.privacy_policy {
    color:#0C3D5E;
    font-family: Karla, Arial;
    margin:50px 30px;
}

h1 {
    font-size: 1.1rem;
    margin-bottom: 0rem;
}

.newHeader {
    margin-top: 2rem !important;
}

.mainHolder {
    font-family: Karla, Arial;
    background-color:#D5EEB4;
}



/********************** PLOGGING TOUR Section ***************************/
#plogging-content {
    background-image: url(../img/Background-Consejos.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: initial;
    background-size: cover;
    position: absolute;
    color: white;
}
.plogging-holder{
    margin-top: 80px;
    padding: 30px;
}

.ploggingtour-title {
    font-size: 20px;
    color: white;
    font-family: 'Poppins';
    font-weight: bold;
    margin-bottom: 25px;
}

.ploggingtour-content {
    font-family: 'Karla';
    font-size: 0.7em;
}

.ploggingtour-content img{
    width: 100%;
}

/**************************************** FAQS / CONSEJOS ************************/

#consejos-content {
    background-image: url(../img/Background-Consejos.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: initial;
    background-size: cover;
    position: absolute;
}
.consejos-holder{
    margin-top: 80px;
}
.consejos-title{
    font-family: Poppins, Karla, Arial;
    font-size: 1.5em;
    color: white;
    font-weight: bold;
    margin: 50px 20px 10px 20px;
    text-align: center;
    padding-top: 10px;
}
.consejos-decription {
    font-family: Karla, Arial;
    color: white;
    font-size: .9em;
    padding: 10px 20px 25px 20px;
}
.consejos-wrapper {
    margin-left:1.0em;
    margin-right:1.0em;
    padding-bottom: 1.5em;
}

.consejos-para-todos {
    background-color:#E4478C;
    margin: 0 20px;
    padding: 15px 15px;
}

.consejos-para-todos-title {
    font-family: Karla, Arial;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.consejos-para-todos-description {
    font-family: Karla, Arial;
    color: white;
    font-size: 0.8em;
}

.consejos-blue {
    background-color:#0E3D5E;
}

.consejos-orange {
    background-color:#F39000;
}

.consejos-white {
    background-color:white;
    padding-top: 30px;
    padding-bottom: 30px;
}

.consejos-green {
    background-color:#7DBB57;
}

.consejo-content{
    text-align: center;
    padding: 0 0;
    margin-bottom: 50px;
}

.consejo-content img{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;

}

.consejo-title {
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
    width: 80%;
}

.consejo-title-blue {
    color:#26BDE2;
}

.consejo-title-white {
    color:white;
}

.consejo-description {
    text-align: left;
    font-size: 1.2em;
    color: #0D3D5E;
}

.consejo-description-white {
    color: white !important;
    font-size: 1.0em !important;
}

.consejo-description-blue {
    color:#26BDE2;
    font-size: 0.9em !important;
}

.consejo-divisorio {
    height: 5px;

    margin-top: 10px;
    margin-bottom: 30px;
}

.consejo-divisorio-azul{
    background-color: #00C7E8;
}

.consejo-divisorio-rojo{
    background-color: #FF3956;
}

.consejo-divisorio-naranja{
    background-color: #FF7F00;
}

.consejo-divisorio-amarillo{
    background-color: #F4CA00;
}

.consejo-divisorio-red{
    background-color: #FF3956;
}

.consejo-divisorio-blanco {
    background-color: white;
}

.consejo-dormir-holder{
    padding: 15px 20px 0px 20px;
}

.consejo-dormir-holder img{
    width: 20%;
}
.consejo-dormir {
    color: white;
    font-weight: bold;
    font-size: .8em;
    margin-left: 135px;
    /* float: left; */
    position: relative;
    top: -56px;
}

.consejos-light-green {
    background-color:#D5EEB4;
}

.consejo-masinfo-holder {
    text-align: center;
    padding-bottom: 10px;
}

.consejo-masinfo-holder img{
    width: 90%;
    margin-top: 25px;
}

.consejo-button-wrapper {
    border: 2px solid white;
    padding: 20px;
    background-color: #EF7D00;
    border-radius: 75px;
    /* margin-top: 10px; */
    margin: 31px 40px;

}

.consejo-button-title{
    color: white;
    font-family: Poppins, Arial;
    font-size: 1.3em;
    font-weight: bold;
}

.consejo-button-description{
    color:white;
    font-family: Poppins, Arial;
    margin-top: -5px;
}

.durante-wrapper{
    padding-bottom:50px;
}
.durante-title {
    color:#26bde2;
    text-align: center;
    font-size: 1.3em;
    padding-top:2em;
    margin-bottom:2em;
}

.durante-icon {
    float:left;
}
.durante-subtitle {
    margin-left:50px;
    font-weight: bold;
}

.durante-description {
    margin-left:50px;
    color:white;
}

.durante-subtitle-red {
    color:#FF3A55;
}

.durante-subtitle-blue {
    color:#00C7E8;
}

.durante-subtitle-orange {
    color:#FE6B35;
}


.durante-subtitle-yellow {
    color:#FECE00;
}

.destacado-orange {
    background-color: #F39000;
    padding: 10px 15px;
    color: white;
    font-size: 1.2em;
    margin-bottom: 30px;
}

.consejo-title-tiempo {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.consejo-title-tiempo-naranja {
    color: #F39000;
}

.consejo-title-tiempo-azul {
    color: #26BDE2;
    padding-top: 25px;
    padding-bottom: 25px;
}

.consejo-title-tiempo-blanco {
    color: white;
    padding-top: 25px;
    padding-bottom: 25px;
}

.consejo-list ul {
    padding-left:0px;
}

.consejo-list li {
    /*list-style-image: url("../img/icon-list.png");*/
    background: url("../img/icon-list.png") no-repeat left top; /* <-- change `left` & `top` too for extra control */
    padding: 0px 0px 3px 10px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0 0 10px 0;
}

.consejo-list li div{
    margin-left: 30px;
}


/**** TO REMOVE ******/
.faqs_holder {
    margin-top: 80px;
    margin-left:1.0em;
    margin-right:1.0em;
}

.faq_item {
    border-bottom: 1px dashed #0C3D5E;
    float: left;
    margin-bottom:50px;
    width: 100%;
}

.faq_title {
    font-weight: bold;
    margin-bottom:10px;
}

.faq_button {
    font-family: Oswald, Arial;
    color:white;
    background-color:#0D3D5E;
    padding:10px 12px 8px 12px;
    float:left;
    font-size: 1.2rem;
}

.faq_button_expanded {
    background-color:#00C7E8 !important;
}

.faq_answer_holder{
    float:left;
    margin-bottom: 30px;
}

.faq_answer{
    float:left;
    background-color:white;
    padding:20px 8px 20px 8px;
}

.arrow {
    margin-left:10px;
    top:-2px;
    position: relative;
}



/************************** CIUDADES ************************/
.arrowCity {
    float: left;
    margin-top: -3px;
}
.ciudad_holder {
    margin-top: 80px;
    /*
    margin-left:1.0em;
    margin-right:1.0em;
    */
}
.ciudad_background{
    z-index: -100;
    position: absolute;
    background-image: url("../img/ciudades/Ciudad_Teruel.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.ciudad_item {
    float: left;
    margin-bottom:30px;
    width: 100%;
}
.ciudad_button {
    font-family: Oswald, Arial;
    color: white;
    background-color: #33BD52;
    padding: 5px 10px 5px 5px;
    float: left;
    font-size: 1.0rem;
    height: 40px;
    width: 95%;
    border-radius: 12px;
    margin-left: .5em;
}

#ciudad_button_1 {
    background-color: #1F97D4;
}

#ciudad_button_2 {
    background-color: #31BCE1;
}

#ciudad_button_3 {
    background-color: #086A9D;
}

#ciudad_button_4 {
    background-color: #63B449;
}

#ciudad_button_5 {
    background-color: #16496B;
}

#ciudad_button_6 {
    background-color:#F59E2A;
}

#ciudad_button_7 {
    background-color:#E6263D;
}

#ciudad_button_8 {
    background-color:#408045;
}

#ciudad_button_9 {
    background-color:#C6972E;
}

#ciudad_button_10 {
    background-color:#ED6C2E;
}

#ciudad_button_11 {
    background-color:#DE1D69;
}

.ciudad_button p {
    float:left;
    margin-top: 2px;
}

.ciudad_button_expanded {
    /*background-color:#00C7E8 !important;*/
}

.ciudad_description{
    float:left;
    /*background-color:white;*/

}

.ciudad_description_holder {
    padding:20px;
    color:#0C3D5E;
}

.ciudad_description_holder div{
    text-align: center;
    padding-top: 15px;
}

.ciudad_description_holder a {
    background-color: white;
    border-radius: 15px;
    padding: 10px;
    color:#25883B;
    font-family: Oswald,Arial;
}

#ciudades-content {
    /*
    background: url(../img/Background-Ciudades.png) no-repeat border-box fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    */
}

#ciudades-holder {
    margin-top: 80px;
    /*margin-left:.5em;
    margin-right:0.5em;*/
}
.background-image-ciudad {
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: 100%;
    width: 100%;
}
.background-teruel {
    background-image: url('../img/ciudades/Ciudad_Teruel.png');
    height: 103px;
}

.background-ibiza {
    background-image: url('../img/ciudades/Ciudad_Ibiza.png');
    height: 105px;
}

.background-bilbao {
    background-image: url('../img/ciudades/Ciudad_Bilbao.png');
    height: 105px;
}

.background-sevilla {
    background-image: url('../img/ciudades/Ciudad_Sevilla.png');
    height: 105px;
}

.background-acoruna {
    background-image: url('../img/ciudades/Ciudad_ACoruna.png');
    height: 105px;
}

.background-mallorca {
    background-image: url('../img/ciudades/Ciudad_Mallorca.png');
    height: 90px;
}

.background-madrid {
    background-image: url('../img/ciudades/Ciudad_Madrid.png');
    height: 89px;
}

.background-malaga {
    background-image: url('../img/ciudades/Ciudad_Malaga.png');
    height: 105px;
}

.background-valencia {
    background-image: url('../img/ciudades/Ciudad_Valencia.png');
    height: 102px;
}

.background-zaragoza {
    background-image: url('../img/ciudades/Ciudad_Zaragoza.png');
    height: 86px;
}

.background-barcelona {
    background-image: url('../img/ciudades/Ciudad_Barcelona.png');
    height: 112px;
}

.ciudad_linea_divisoria {
    height: 2px;
    border-top: 2px dashed white;
}

/************************** RESIDUOS ************************/
#residuos-content {

}
.residuos-holder {
    margin-top: 80px;
    margin-left:1.0em;
    margin-right:1.0em;
}

.residuo-separator {
    margin-top:50px;
}

.residuos-background{
    z-index: -100;
    position: absolute;
}

.residuos-background img {
    width: 100%;
}

.residuos-title {
    font-family: Poppins, Karla, Arial;
    font-size: 1.5em;
    color: #0E395B;
    font-weight: bold;
    margin: 10px 20px;
    text-align: center;
}


.residuos-list{
    text-align: center;
    color: #1A4560;
    font-size: .9em;
    margin-top: 2.0em;
}

.residuo-white, .residuo-type-info {
    color:white;
}
.residuo-type {
    font-weight: bold;
    margin-bottom:-6px;
}

.residuo-type-info{
    margin-bottom: 0px;
    font-style: italic;
    line-height: 1.2em;
    margin-top: 5px;
}

/**************************************************************/

/* Style the navbar */
#navbar {
    overflow: hidden;
    z-index: 100;
    text-align: center;

}

.navbarItem {
    border: 2px solid white;
    padding: 20px;
    background-color: red;
    border-radius: 15px;
    margin-top:10px;

}

#plogging {
    background-color: #092641;
}

#ciudades {
    background-color: #25893C;
}

#consejos {
    background-color: #EB600A;
}

#residuos{
    background-color: #F4CA00;
}

/* Navbar links */
#navbar a {
    /*-float: left;*/
    display: inline-block;
    color: #FFFFFF;
    /*text-align: center;*/
    padding: 7px 10px;
    font-size: 0.7em;
    text-decoration: none;
    opacity: 0.5;
    font-family: Poppins, Karla, Arial;
    font-weight: bold;
    width: 85px;
}

#navbar .selected {
    /*background-color:white;*/
    /*color:black;*/
    opacity: 1.0;
}

/* Page content */
.content {
    padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 60px;
}

/***************** SABER MAS ****************************/
.saber-mas-title-holder {
    float:left;
}
.saber-mas-iniciativa-holder {
    float:left;
    background-color: #88B452;
    margin-bottom: 70px;
}

.saber-mas-nace-holder {
    float:left;
    margin-bottom: 30px;
}

.saber-mas-initial-content {
    width: 75%;
}

.saber-mas-title {
    font-family: Poppins, Karla, Arial;
    font-size: 1.3em;
    color: #0E395B;
    /*font-weight: bold;*/
    margin-bottom: 10px;
    font-style: italic;
    /*text-align: center;*/
}

.saber-mas-description {
    float:left;
    width: 73%;
}

.saber-mas-iniciativa-content {
    float: right;
    width: 65%;
    color: white;
    font-size: 0.75em;
    text-align: right;
    padding: 10px 10px;
}
.saber-mas-image{
    float:right;
    width: 24%;
    position: relative;
    left: -30px;
    top: -2px;
}

.saber-mas-nace-content {
    float: left;
    width: 65%;
    font-size: 0.8em !important;
}
.saber-mas-nace-image-holder {
    float: right;
    width: 34%;
}
.saber-mas-nace-image {
    /*
    position: absolute;
    left: 26px;
    top: 759px;
    */
    position: relative;
    top: -13px;
    left: 3px;

}

.saber-mas-iniciativa-image-holder {
    float:left;
    width: 24%;
}
.saber-mas-iniciativa-image {
    position: absolute;
    left: 26px;
    top: 759px;
}

.saber-mas-content {
    margin-bottom: 20px;
    float:left;
    font-size: 0.9em;
}

.saber-mas-icons {
    width: 100%;
    margin-bottom:20px;
}

.saber-mas-image-bici {
    width: 100%;
}
.saber-mas-image-movimientoglobal {
    width: 100%;
    margin-bottom: 50px;
}

.saber-mas-movimiento-holder {
    background-color: #0068A0;
    float: left;
    color:white;
}

.saber-mas-content-movimiento {
    padding:10px;
}

.saber-mas-image-pilares-holder {
    text-align: center;
}

.saber-mas-image-pilares{
    width: 90%;
}
/************** COMING SOON ****************/
.help-section {
    color:#0C3D5E;
    font-family: Karla, Arial;
    /*margin:50px 30px;*/
}

.help-question {
    font-family: Poppins, Arial;
    font-size:1.2em;
    color:white;
    padding:20px 30px 20px 30px;
    background-color: #0E3D5E;
    font-weight: bold;
    font-style:italic;
}

.help-answer {
    font-family: Karla, Arial;
    font-size:0.8em;
    color:#0C3D5E;
    padding:20px 30px 20px 30px;
}

.coming_soon-icon {
    text-align: center;
    margin-bottom: 20px;

}

.coming_soon-title{
    font-family: Poppins, Karla, Arial;
    font-size: 1.5em;
    color: #0E395B;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.coming_soon-description {
    margin-bottom: 20px;
    text-align: center;
}

.video {
    width: 300px;
    text-align: center;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

video {
    display: block;
    margin: 0 auto;
}