/*@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i|Muli:300,400,600,700');*/
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo100-Regular.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo300-Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo500-Regular.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo700-Regular.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo900-Regular.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-100.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-300.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-500.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-700.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-900.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-100Italic.otf") format("opentype");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-300Italic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-700Italic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-900Italic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
}

body{
	margin: 0;
	font-family: "museosans" !important;
	font-weight: 300;
	font-size: 15px;
    color: #696969;
}
html{
	height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
.w_content{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.clear{
	clear: both;
}
.block-title{display: none;}
#page-title {display: none;}
div#columns {    background: white;}
/*----- CABECERA -----*/
.nav{
	margin:0px;
}
div#menu-bar {
    width: 100%;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 9;
    width: 100%;
    left: 0;
    right: 0;
  /*  background-color: #e8e8e8;*/
}
.logo_head{
	background-image: url('/wp-content/themes/drogodependencias/assets/css/images/logo.png');
	background-size: 340px;
    background-repeat: no-repeat;
    width: 340px;
    height: 100px;
    background-position: center bottom;
}
.swiper-slide {
    height: 300px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
div#primary-menu-bar {
    display: none;
}
#block-block-22 {
    display: inline-block;
}
#block-system-main-menu {
    display: block;
    margin: 0em;
    width: 100%;
    text-align: center;
}
#block-locale-language {
    float: right;
    display: inline-block;
    margin-top: 4.5em;
}
ul.menu.clearfix>li>a {
    color: #666666;
    font-size: 0.85em;
    font-weight: 300;
    text-decoration: none;
    font-family: museosans;
    text-transform: uppercase;
    padding: 5px;
}
ul.menu.clearfix>li>a.active {
    color: #9487FA !important;
    font-weight: 400 !important;
}
.nav li, .nav ul.menu li {
    padding: 3.5em 0.3em;
    display: inline-block;
    float: inherit;
    font-size: 0.96em;
}
.nav ul, .nav ul.menu {
    text-align: center;
}
.swiper-button-next {
    position: absolute;
    bottom: 0px !important;
    right: 0px !important;
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 0px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 0px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(0, 0, 0);
    background-image: url("") !important;
    background-size: 0px !important;
    color: white;
    text-align: center;
    font-weight: 600;
    top: 582px !important;
    line-height: 50px;
    font-size: 1.7em;
    margin-top: -32px !important;
    display: none;
}
#progress{
	height: 3px;
	width: 0px;
	position: absolute;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.50);
	z-index: 11;
}
.progress-transition {
    -webkit-transition: width 8s ease-in-out;
    -moz-transition: width 8s ease-in-out;
    -o-transition: width 8s ease-in-out;
    transition: width 8s ease-in-out;
    width: 100% !important;
}

.slide_femp{
  font-size: 4em;
  font-family: museo;
  color: rgba(255, 255, 255, 0.67);
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0.7em;
  bottom: -13px;
  width: 14rem;
}

.slide_femp img{
  width: 100%;
}

.slide_title {
    font-size: 4em;
    font-family: museo;
    color: rgba(255, 255, 255, 0.67);
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    right: 0.7em;
    bottom: 0.2em;
}
.slide_txt {
    font-family: museo;
    color: white;
    font-size: 2.5em;
    font-weight: 700;
    width: 50%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    line-height: 1em;
}
.slide_plus {
    display: table-cell;
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
}
.table_slide {
    display: table;
    height: 300px;
}

/* SUB MENU */

ul.menu.clearfix ul.menu.clearfix {
    position: absolute;
    left: 0px;
    width: 100%;
    margin: auto;
    display: none;
    background-color: white;
}
li.expanded ul.menu.clearfix {
    display: block !important;
}


/*--------- BLOQUE HITOS PORTADA  -----------*/
.bg_hitos_portada{
    background-color: #FDFDFD;
    padding-bottom: 6em;
}
.rainbow {
  background-image: -webkit-gradient( linear, left top , right bottom, color-stop(0, #9487FA), color-stop(1, #84C9DF) );
  background-image: gradient( linear, left top , right bottom, color-stop(0, #9487FA), color-stop(1, #84C9DF) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.titulo_hitos {
    text-align: center;
    font-family: museosans;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.2em;
    padding-top: 2em;
    padding-bottom:2em;
    width: 90%;
    margin: auto;
}
.range_hitos {
    width: 100%;
    margin: auto;
    padding-bottom: 4em;
}
input#hitos {
    height: 22px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    border-radius: 50px;
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg_range_hitos.jpg);
    background-size: cover;
    cursor: pointer;
}
input#hitos::-moz-range-track {
    background: transparent;
}

input#hitos::-moz-range-thumb {
    border: none;
    height: 20px;
    width: 40px;
    border-radius: 50px;
    background: white;
}

input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 18px;
    width: 40px;
    border-radius: 50px;
    background: white;

}
input#hitos:focus {
    border: 0px;
    outline: none;
}

input[type=range]::-moz-focus-outer {
    border: 0;
}
.hidden_hito{
    display: none !important;
}
.hito_item{
    display: table;
}
.anio_hito {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    text-align: center;
    font-family: museo;
    font-size: 11em;
    font-weight: 700;
}
.txt_hito{
    display: table-cell;
    color: #6BA7C1;
    padding: 2em;
    box-sizing: border-box;
    vertical-align: middle;
}

/*-------- MENU MOVIL -----------*/
.icono_menu_movil {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/menu_movil.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}
nav#block-menu-menu-menu-responsive {
    position: absolute;
    background-color: #97a4f2;
    width: 100%;
    height: 100%;
    top: 0%;
    margin: 0;
    z-index: -1000;
    display: none;
}
nav#block-menu-menu-menu-responsive ul.menu.clearfix a {
    color: white;
}
nav#block-menu-menu-menu-responsive ul.menu.clearfix a.active {
    color: white !important;
    font-weight: 600 !important;
}
div#block-block-50 {
    display: inline-block;
    float: right;
    padding-top: 1.5em;
    padding-right: 2em;
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    right: 0px;
}
nav#block-menu-menu-menu-responsive .block-inner {
    height: 100%;
}
nav#block-menu-menu-menu-responsive  ul.menu.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

nav#block-menu-menu-menu-responsive  ul.menu.clearfix li {
	list-style: none;
	margin-top: 2%;
}

div#close-movile-menu {
    /* background-color: red; */
    height: 50px;
    width: 50px;
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 5%;
    margin-right: 15px;
    background-image: url(./images/close.png);
    background-size: contain;

}









/*-------- BLOQUE IMAGEN TEXTO ----------*/
.bloque_image_texto_container {
    display: table;
    width: 100%;
    padding-top: 7em;
    padding-bottom: 6em;
}
.bloque_image_texto_img {
    display: table-cell;
    width: 60%;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    padding-left: : 5%;
    padding-right: 5%;
    vertical-align: top;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bloque_image_texto_txt_container {
    display: table-cell;
    width: 30%;
    padding-left: 5%;
    box-sizing: border-box;
}
.image_item_small {

    box-sizing: border-box;
}
.bloque_image_texto_title {
    font-weight: 400;
    font-size: 3.5em;
    padding-bottom: 1em;
    color: #666;
    font-family: museo;
    line-height: 1em;
}
.bloque_image_texto_txt {
    width: 90%;
    padding-bottom: 3em;
    color: #4d4d4d;
}
.bloque_image_texto_button {
    border: 1px solid black;
    display: inline-block;
    padding: 1em;
    padding-right: 3em;
    padding-left: 3em;
    padding-bottom: 1.2em;
    color: black;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 500;
}
.bloque_image_texto_img.f_left {
     padding-right: 0px;
}
.bloque_image_texto_txt_container.f_left {
    padding-left: 0px;
}
.region-blockgroup-grupo-imagen-texto-inicio{
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg_imgen_texto_block_group.png);
    background-size: cover;
}
.f_left_hidden {
    display: none !important;
}


/*-------  BLOQUE TENDIENDO PUENTES ----------*/
.bg_puentes_block {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg_puentes.png);
    background-size: contain;
    height: 1250px;
    background-repeat: no-repeat;

}
.bg_puentes_title {
    text-align: center;
    padding-top: 46%;
    font-size: 4em;
    font-family: museo;
    font-weight: 400;
}
.bg_puentes_txt {
    width: 40%;
    margin: auto;
    text-align: center;
    padding-top: 0.5em;
    display: none;

}





/*-------  BLOQUE TEXTO FONDO ----------*/
.bloque_texto_fondo_container {
    padding-bottom: 8em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.block-inner,#main-content {
    margin-left: 0px;
    margin-right: 0px;
}
.bloque_texto_fondo_title {
    font-family: 'Muli';
    color: white;
    font-size: 2.5em;
    font-weight: 400;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5em;
    padding-bottom: 2em;
    text-align: center;
    width: 90%;
}
.bloque_texto_fondo_button {
    display: inline-block;
    border: 1px solid;
    color: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 400;
    padding: 1em;
}
.bloque_texto_fondo_button_container {
	text-align: center;
}

/*-------- BLOQUE 3C -------*/
.bloque_3c_title {
    font-weight: 600;
    font-size: 2.3em;
    padding-bottom: 3em;
    color: #333;
    text-align: center;
    padding-top: 3em;
}
.bloque_3c_txt {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    padding-left: 3em;
    padding-right: 3em;
    padding-bottom: 8em;
    text-align: justify;
}

/*----------- SALUDO --------------*/
.saludo_container {
    background-color: #E2E2E2;
    padding-bottom: 9em;
    padding-top: 8em;
}
.saludo_title {
    font-weight: 600;
    font-size: 2.3em;
    padding-bottom: 2em;
    color: #333;
    text-align: center;
    padding-top: 2em;

}
.saludo_txt {
    text-align: justify;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    padding-bottom: 4em;
}
.saludo_nombre {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-weight: 700;
    color: #333;
    width: 85%;
}
.saludo_cargo {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-size: 0.85em;
    color: #333;
    font-weight: 500;
    font-style: italic;
    padding-top: 0.5em;
    width: 85%;
}
.saludo_img {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/saludo.png);
    height: 250px;
    width: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
}
.saludo_idioma_container{
	display: none;
}
.saludo_idioma_container.idioma_activado{
	display: block;
}
.selector_idioma_saludo {
    text-align: center;
}
.saludo_idioma {
    display: inline-block;
    padding: 1em;
    font-weight: 500;
    margin-top: 3em;
    cursor: pointer;
}


/*--------- BLOQUE OBJETIVOS -------*/
.objetivos_red_item {
    width: 50%;
    display: inline-block;
    margin-left: -3px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3em;
    box-sizing: border-box;
}
.objetivos_red_item.uno {	background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg-uno.png);}
.objetivos_red_item.dos {	background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg-dos.png);}
.objetivos_red_item.tres {	background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg-tres.png);}
.objetivos_red_item.cuatro {	background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg-cuatro.png);}

.objetivos_red_title {
    color: white;
    font-size: 1.5em;
    font-weight: 400;
    padding-top: 7em;
    line-height: 1.2em;
}

.objetivos_red_txt {
    color: white;
    max-width: 95%;
    line-height: 1.3em;
    padding-top: 1em;
    font-size: 0.85em;
}


/*-------- LISTADO NOTICIAS PORTADA ----------*/
.region-blockgroup-regi-n-doble-inicio {
    background: linear-gradient(90deg, #F5F5F5 50%, white 50%);
}
section#block-views-noticias-portada-block {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box;
}
.noticias_portada{
    padding-bottom: 5em;
    text-align: center;
}

.titulo_bloque {
    font-weight: 600;
    font-size: 2em;
    padding-bottom: 1em;
    color: #333;
}
.titulo_bloque.noticias_portada_title{
    text-align: left;
    color: white;
    background-color: #CCC6F6;
    font-family: 'museo';
    font-size: 3em;
    padding: 0.9em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1.5em;
    padding-left: 1.5em;
}
.noticias_portada_item{
    display: inline-block;
    width: 45%;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
    text-align: left;
    margin: 1%;
    padding-bottom: 2em;
}
.noticia_img {
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 2em;
}
.noticia_title {
    font-size: 1.3em;
    /*padding-top: 1em;*/
    padding-bottom: 0.7em;
    font-weight: 600;
    font-family: 'museosans';
    color: #9997CF;
    line-height: 1.2em;
    min-height: 2.5em;
}

.noticias_portada_item .noticia_title {
    font-size: 1em;
}

.noticia_fecha {
    font-size: 0.95em;
    padding-bottom: 1em;
    display: inline-block;
    width: 78%;
    color: #8380BC;
    font-style: italic;
    font-weight: 600;
}
.noticia_excerpt {
    padding-bottom: 1em;

}
.noticias_portada .noticia_excerpt {
    display: none;
    padding-bottom: 1em;
}
.noticia_leer_mas {
    display: inline-block;
    width: 20%;
    text-align: right;
}
.noticia_leer_mas a {
	color: #9487FA;
	text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}
.noticia_line {
    border: 1px solid #00000014;
    margin-top: 1em;
}

/*------------ LISTADO DOCUMENTOS PORTADA ---------*/
section#block-views-documentos-portada-block {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;
}
.documentos_portada_title {
    text-align: left;
    color: white;
    background-color: #D2CDFD;
    font-family: 'museo';
    font-size: 3em;
    padding: 0.9em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1.7em;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    padding-left: 1.5em;
}
.document_img {
    display: inline-block;
    background-color: #F2F2F2;
    padding: 1em;
    /*min-height: 155px;*/
}
.img_document{
    width: 120px;
}
.document_link:hover{
    text-decoration: none;
}
.documentos_portada_item {
    display: inline-block;
    margin-left: 3%;
    margin-right: auto;
    width: 45%;
    /* float: left; */
    margin-bottom: 2em;
    /* max-height: 14em !important; */
    /* overflow: hidden; */
    vertical-align: top;
    box-sizing: border-box;
}
.document_img_container {
    display: table-cell;
    width: 30%;
    text-align: center;
    min-width: 100px;
}
.document_title_container {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 1em;

}
.document_title {
    font-size: 1em;
    /* padding-top: 1em; */
    padding-bottom: 0.7em;
    font-weight: 600;
    font-family: 'museosans';
    color: #9997CF;
    line-height: 1.2em;
    width: 70%;
}
.documento_line {
    margin: 2em;
    border: 1px solid #0000000d;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.document_fecha {
    font-size: 0.75em;
    padding-bottom: 1em;
    display: inline-block;
    width: 79%;
    color: #8380BC;
    font-style: italic;
    font-weight: 600;
}


.documentos_portada_item .document_body {
    max-height: 8em;
}


::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  /*border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
  /*border-radius: 10px;*/
}



/*------------ LISTADO AGENDA PORTADA ---------*/
.agenda_portada {
    background-color: #f5f5f5;
    padding-bottom: 3em;
}
.agenda_portada {
    background-color: #f5f5f5;
    padding-bottom: 3em;
    width: calc(100% - 20em);
    display: inline-block;
    float: left;
}
.agenda_twitter_container {
    overflow: hidden;
    background-color: white;
}
.agenda_portada_title {
    color: white;
    background-color: #D2CDFD;
    font-family: 'museo';
    font-size: 3em;
    padding: 0.9em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 3em;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    text-align: center;
}
.agenda_portada_item {
    width: 30%;
    display: inline-block;
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 3%;
    vertical-align: top;
}
.evento_item_header {
    display: table;
    width: 100%;
    color: white;
}
.pink .evento_item_header {
    background-color: #CCC6F6;
}
.pink .evento_item_date {
    background-color: #B3ABF8;
}
.blue .evento_item_header {
    background-color: #C6E3F3;
}
.blue .evento_item_date {
    background-color: #AAD8F2;
}
.evento_item_date {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center;
}
.evento_item_title {
    display: table-cell;
    width: 75%;
    padding: 1em;
    font-weight: 500;
    height: 54px;
    max-height: 54px;
    font-size: 1.1em;
    line-height: 1em;
    vertical-align: middle;
}
.evento_item_date_day {
    font-size: 2.4em;
    line-height: 1em;
    font-weight: 600;
}
.evento_item_date_month {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
}
.evento_item_site_container {
    display: table;
    width: 100%;
    font-size: 0.85em;
    padding: 0.5em;
    box-sizing: border-box;
    font-weight: 400;
}
.pink .evento_item_site_container{
    background-color: #D4D3E8;
    color: #8380BD;
}
.blue .evento_item_site_container{
    background-color: #DFEDF4;
    color: #6D9CB2;
}
.evento_item_site_txt {
    display: table-cell;
    width: 70%;
    padding-left: 1em;
}
.evento_item_site_time {
    display: table-cell;
    width: 30%;
    text-align: center;
}
.evento_item_body{
    background-color: white;
    padding: 1.5em;
    box-sizing: border-box;
    font-size: 0.9em;
}
.pag_2, .pag_3{
    display: none;
}

.display_none{
    display: none;
}
.read_more_event {
    color: #9487FA;
    text-align: right;
    font-weight: bold;
    font-size: 0.9em;
}

.agenda_selector {
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    text-align: center;
}
.agenda_selector_point {
    width: 18px;
    height: 18px;
    background-color: #e0e0e6;
    border-radius: 50%;
    display: inline-block;
    margin: 3px;
    border: 4px solid white;
    cursor: pointer;
}

.agenda_selector_point.active {
    background-color: #b3abf8;
}

/*-------------- AGENDA PAGINA -----------*/
.pager_agenda {
    background-color: whitesmoke;

}
.pager_agenda>.item-list ul.pager{
    font-weight: 300 !important;
    color: #767676ba;
}
.pager_agenda>.item-list li a{
    color: #767676ba !important;
}

.view-agenda-portada .views-exposed-widget {
    border: 1px solid #9c97cf;
    padding: 0.7em;
    margin-right: 1em;
    margin-top: 1em;
}
.view-agenda-portada .views-exposed-widget label {
    font-family: 'museosans';
    text-transform: uppercase;
    color: #9487FA;
    font-weight: 600;
    font-size: 0.9em;
}
.view-agenda-portada .views-exposed-widget select {

    width: 90%;
    border-bottom: 0px;
    color: #a9a9a9;
    font-weight: 300;
    padding-left: 0px;
    margin-bottom: 0.1em;
    background-color: whitesmoke;
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
}
.view-agenda-portada  .views-exposed-widget.views-submit-button{
    display: none;
}
.view-agenda-portada {
    background-color: whitesmoke;
}
.view-agenda-portada .views-exposed-widgets {
    max-width: 36em;
    margin: auto;
    /* background-color: red; */
}
.view-display-id-page_1 .titulo_bloque {
    display: none;
}
.view-display-id-page_1 .view-content {
    margin-top: 3em;
}
.view-agenda-portada .view-filters {
    padding-top: 2em;
}
/***------------- BLOQUE MUNICIPIOS INICIO ----------*/
.acciones_municipios {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg_municipios.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.acciones_municipios_mascara{
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/mascara_municipios_white.png);
    background-position: center;
    height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.acciones_municipios_title {
    height: 500px;
    color: white;
    font-family: museo;
    font-size: 4em;
    font-weight: 700;
    width: 40%;
    vertical-align: middle;
    display: block;
    padding-top: 2em;
    box-sizing: border-box;
    margin-left: 20%;
}









/* --------- listado noticias pagina --------*/

ul.pager li.pager-current {
    font-weight: 500;
}

li.pager-next a, li.pager-previous a{
	color: #222;
}
ul.pager {
    padding-top: 3em;
    padding-bottom: 5em;
}
.listado_noticias_page{
    padding-top: 5em;
    padding-bottom: 7em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #f1f0f7;
}

a.feed-icon {
    display: none;
}
.noticias_portada_page_item {
    width: 31%;
    background-color: white;
    margin-bottom: 1em;
    font-size: 0.85em;
    display: inline-block;
    /*float: left;*/
    margin-right: 1%;
    padding: 3em;
    box-sizing: border-box;
    vertical-align: top;
}

/*------ NOTICIA INDIVIDUAL ---------*/
.single-not-content {
    max-width: 80%;
    margin: auto;
}
.single-not-content.w_content_left {
    padding-top: 2em;
    padding-bottom: 8em;
}
.container_menu_bar {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.noticia_ind_title {
    color: white;
    font-size: 4.5em;
    max-width: 1000px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    padding-top: 2em;
    width: 90%;
}
.w_content_left {
    display: inline-block;
    width: 70%;
    margin-left: 2%;
    margin-right: 8%;
}
.w_content_right {
    display: inline-block;
    width: 18%;
    margin-left: -4px;
    vertical-align: top;
}
.title_article {
    font-size: 2em;
    font-family: 'museo';
    padding-bottom: 1em;
}
.single-not-date {
    color: #696969;
    font-size: 0.9em;
    font-weight: 400;
    text-align: left;
    padding-top: 2em;
    padding-bottom: 1em;
    display: none;
}
.single-not-line {
  /*  border-bottom: 1px solid #a5a5a5;*/
}
a {
    color: grey;
    text-decoration: underline;
}
.single-not-img {
    height: 400px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.single-not-txt {
    text-align: justify;
    padding-top: 2em;
}
.categorias_noticias {
    color: black;
    font-weight: 400;
    font-size: 1.5em;
    padding-top: 3em;
    /* padding-left: 3em; */
}
.menu-name-menu-categorias-noticias-menu ul{
	padding-left: 0px;
}
.menu-name-menu-categorias-noticias-menu ul li{
    list-style: none;
    color: #222;
    border: 1px solid #a5a5a5;
    font-size: 0.9em !important;
    font-weight: 300 !important;
    padding: 0.5em;
    border-bottom: 1px solid #a5a5a5;
    border-top: 0px;
}
.menu-name-menu-categorias-noticias-menu ul li a{
	color: #696969 !important;
    font-size: 0.9em !important;
    font-weight: 300 !important;
    padding: 0.5em;
    padding-bottom: 1em !important;
}

.menu-name-menu-categorias-noticias-menu ul li:first-child{
	border-top: 1px solid #a5a5a5;
}

.documentos_noticias {
    font-size: 1.2em;
    font-family: 'museo';
    padding-bottom: 0.5em;
}

.noticia_completa_doc {
    padding-bottom: 4em;
}
.documento_descarga {
    display: inline-block;
    padding-right: 2em;
}
img.img_descarga {
    width: 22px;
    padding-right: 0.7em;
}
.documento_descarga a{
    text-decoration: none;
}


/*-----  PAGINA DOCUMENTOS ------------*/
.masonry-item {
    width: 49.5%;
    background-color: white;
    border: 0px solid #DDDDDD;
    margin: 1.5%;
    padding: 0%;
}


.document_big_container {
    display: inline-block;
    float: left;
    width: 50%;
    padding-bottom: 1em;
    height: 15rem;
}
.view-listado-de-documentos .document_title,
.view-clone-of-listado-de-documentos .document_title{
    width: 100%;
    font-size: 1em;
}
.view-listado-de-documentos .document_title_container,
.view-clone-of-listado-de-documentos .document_title_container,{
    padding-left: 1em;
    width: 80% !important;
    vertical-align: top;
    padding-top: 0.5em;
}

.view-listado-de-documentos .document_img_container,
.view-clone-of-listado-de-documentos .document_img_container {
    width: 20% !important;
}
.view-listado-de-documentos .documentos_portada_item,
.view-clone-of-listado-de-documentos .documentos_portada_item {
     width: 97%;
}

.document_body {
    font-size: 0.8rem;
    max-height: 5rem;
    overflow: auto;
}
.document_category {
    font-size: 0.8rem;
}
.document_category span {
    color: #9997d3;
    font-weight: 600;
}

.view-listado-de-documentos .views-exposed-widgets.clearfix,
.view-clone-of-listado-de-documentos .views-exposed-widgets.clearfix {
    width: 51em;
    margin: auto;
    padding: 1em;
}
.view-listado-de-documentos .view-content,
.view-clone-of-listado-de-documentos .view-content{
    margin-top: 5em;
}

div#edit-field-tema-documento-tid-wrapper, #edit-field-sustancia-documento-tid-wrapper, #edit-field-poblacion-diana-documento-tid-wrapper, #edit-field-categoria-documento-tid-1-wrapper {
    border: 1px solid #9c97cf;
    padding: 0.7em;
    margin-right: 1em;
    margin-top: 1em;
}
div#edit-field-tema-documento-tid-wrapper label, #edit-field-sustancia-documento-tid-wrapper label, #edit-field-poblacion-diana-documento-tid-wrapper label, #edit-field-categoria-documento-tid-1-wrapper label {
    font-family: 'museosans';
    text-transform: uppercase;
    color: #9487FA;
    font-weight: 600;
    font-size: 0.9em;
}
div#edit-field-tema-documento-tid-wrapper select , #edit-field-sustancia-documento-tid-wrapper select , #edit-field-poblacion-diana-documento-tid-wrapper select , #edit-field-categoria-documento-tid-1-wrapper select {
    width: 90%;
    border-bottom: 0px;
    color: #a9a9a9;
    font-weight: 300;
    padding-left: 0px;
    margin-bottom: 0.1em;
    background-color: white;
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
}

/*--------- ACTUACION INDIVIDUAL ----------*/
div#container1 img {
   /* height: 500px;*/
   width: 100%;
}
div#container1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.twentytwenty-overlay{display: none !important;}
.twentytwenty-handle {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_slide.png);
    background-position: center;
    width: 115px !important;
    height: 170px !important;
    border: 0px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    background-repeat: no-repeat;
    z-index: 99 !important;
    top: 70% !important;
    margin-left: -58px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow{ display: none !important; }
.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 75% !important;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 59% !important;
}

.single_actuacion {
    padding-bottom: 5em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.single_actuacion_title {
    font-weight: 600;
    font-size: 2em;
    padding-bottom: 1em;
    color: #333;
    padding-top: 3em;
}
.single_actuacion_date {
    color: #222;
    font-size: 0.85em;
    font-weight: 400;
    padding-bottom: 1.2em;
}
.single_actuacion_body {
    color: #696969;
    font-size: 15px;
    font-weight: 300;
}

.single_actuacion_slide_container {
    padding-bottom: 7em;
}

/*---------- MAPA MUNICIPIOS ------------*/
div#block-block-46 {
    position: relative;
}
#map{
	height: 600px;
	width: 100%;
}
.block {
    margin-bottom: 0px;
}
.info-map {
    position: absolute;
    top: 0px;
    background-color: rgba(68, 68, 68, 0.18);
    width: 300px;
    height: 600px;
    color: black;
    z-index: 9;
}
.info-map-municipios {
    height: 50%;
    text-align: center;
    background-color: rgba(109, 109, 109, 0.18);
}
.info-map-habitantes {
    height: 50%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(31, 31, 31, 0.18);
}
.info-map-number {
    font-size: 5em;
    font-weight: 100;
    padding-top: 1em;
    border-bottom: 3px solid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.map_sub {
    font-size: 1.8em;
    font-weight: 600;
}
.lista_municipios {
    width: 300px;
    position: absolute;
    bottom: 0px;
    right: -300px;
    background-color: rgba(224, 224, 224, 0.82);
    height: 600px;
    overflow-y: auto;
    display: none;
    -webkit-transition: right 1s ease-in-out;
    -moz-transition: right 1s ease-in-out;
    -o-transition: right 1s ease-in-out;
    transition: right 1s ease-in-out;
}
.municipio_item {
    padding: 0.5em;
    color: black;
    background-color: rgba(255, 255, 255, 0.79);
    margin-bottom: 0.5em;
    padding-left: 2em;
}

.municipio_item_name {
    font-weight: 600;
}
.municipio_item_hab {
    font-size: 0.9em;
    font-weight: 300;
}
.ocultar_listado {
    padding: 1em;
    color: black;
    font-weight: 600;
    text-align: right;
}

/*-------- FORMULARIO DE CONTACTO --------**/
section#block-webform-client-block-546 {
    max-width: 1200px;
    display: block;
    margin: auto;
    box-sizing: border-box;
}

.node {
    margin-bottom: 0px !important;
}

form#webform-client-form-546 label {
    display: none;
}
.webform-component--nombre, .webform-component--correo, .webform-component--asunto {
    width: 30%;
    display: inline-block;
  /*  margin-left: 1.5%;*/
    margin-right: 1.5%;
}
input#edit-submitted-correo, input#edit-submitted-nombre, input#edit-submitted-asunto{
	width: 100%;
    border:1px solid #bababa;
    background-color: transparent;
    box-sizing: border-box;
    padding: 1em;
    font-size: 0.9em;
    color: white;
}
input#edit-webform-ajax-submit-546 {
    background-color: #9487fa;
    border: 1px solid white;
    color: white;
    padding: 1em;
    font-size: 0.9em;
    font-weight: 600;
}
textarea#edit-submitted-mensaje {
    background-color: transparent;
    border: 1px solid #bababa;
    color: white;
    padding: 1em;
}

section#block-webform-client-block-546 .block-inner .block-title{
    display: block !important;
    font-size: 4em;
    font-family: 'museo';
    font-weight: 400;
    padding-top: 1em;

}

.explicacion_pie, .datos_contacto_container {
    padding: 1.5em;
    box-sizing: border-box;
}
.explicacion_pie_title, .datos_contacto_title {
    font-weight: 400;
    font-size: 1.2em;
    padding-top: 2em;
    padding-bottom: 1em;
}


div#block-block-47 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.datos_contacto_direccion {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_direccion.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px;
    padding-left: 2em;
    margin-bottom: 1em;
}
.datos_contacto_telefono {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_movil.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 2em;
    margin-bottom: 1em;
}
.datos_contacto_correo {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_sobre.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 2em;
    margin-bottom: 1em;
}


div#block-block-48 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.region-blockgroup-pie {
    background-color: #178B47;
}
.region-blockgroup-pie-w-content{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    color: white;

}

/**--------- DOCUMENTOS --------**/

div#edit-field-categoria-documento-tid-wrapper {
    float: none;
    margin-top: 7em;
    margin-bottom: 4em;
}
.form-item.form-type-select.form-item-field-categoria-documento-tid>div >div{
	text-align: center;
}
.form-item.form-type-select.form-item-field-categoria-documento-tid>div >div>div {
    border: 1px solid #807AE5;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.5em;
    margin: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    color: #807AE5;
    text-transform: uppercase;
    border-radius: 2em;
    font-size: 0.8em;
}


.form-item.form-type-select.form-item-field-categoria-documento-tid>div >div>div a{
	text-decoration: none;
	color: #9487FA;
    font-weight: 600;
}

.form-item.form-type-select.form-item-field-categoria-documento-tid>div >div>div:hover  {
	background-color: #807AE5;
	color: white;
}
.form-item.form-type-select.form-item-field-categoria-documento-tid>div >div>div:hover  a, .form-item.form-type-select.form-item-field-categoria-documento-tid>div >div>div a:hover{
	color: white;
}

a.enlace_documento {
    text-decoration: none;
    color: black;
}
.documento_title {
    font-size: 1.06em;
    font-weight: 400;
    padding: 1em;
}
.documento_desc {
    padding-left: 1.4em;
    padding-right: 1.4em;
    padding-bottom: 2em;
    font-size: 0.85em;
}
.view-listado-de-documentos,
.view-clone-of-listado-de-documentos {
    padding-bottom: 10em;
}
.documento_icon {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_document3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 56px;
    margin-top: 2em;
}

.ajax-progress-throbber { display: none}


/* ------ LISTADO ENLACES -------- */

/* .enlace_title {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_link.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 30px;
    padding-left: 50px;
    box-sizing: border-box;
    padding-right: 1em;
    padding-top: 15px;
    min-height: 60px;
} */

.enlace_title {
    padding: 0;
    box-sizing: border-box;
    min-height: 60px;
}

.enlace_title_icon{
  background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_link.png);
}

div#edit-field-categoria-enlace-tid-wrapper {
    float: none;
}
.form-item-field-categoria-enlace-tid>div >div{
	text-align: center;
    padding-bottom: 3em;
}
.form-item-field-categoria-enlace-tid>div >div>div {
    border: 1px solid black;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.8em;
    margin: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-top: 1em !important;
    margin-bottom: 4em;
    color: black;
}


.form-item-field-categoria-enlace-tid>div >div>div a{
	text-decoration: none;
	color: black;
    font-weight: 400;
}

.form-item-field-categoria-enlace-tid>div >div>div:hover  {
	background-color: black;
	color: white;
}
.form-item-field-categoria-enlace-tid>div >div>div:hover  a, .form-item-field-categoria-enlace-tid>div >div>div a:hover{
	color: white;
}

.view-listado-de-enlaces{
	/* padding-top: 12em;
	padding-bottom: 12em; */
  padding-top: 0;
  padding-bottom: 5rem;
}

.view-listado-de-enlaces .view-filters{
  display: none;
}

.view-listado-de-enlaces .enlaces-container{
  width: auto !important;
  max-width: 1200px !important;
  display: flex;
  flex-wrap:wrap;
  justify-content: space-around;

}

.view-listado-de-enlaces .masonry-item{
  position:static !important;
  width: 30%;
  /* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); */
  background-color: #F3F3F3;
}

.view-listado-de-enlaces .enlace_documento_header{
  padding: 1rem;
  padding-bottom:0;
  font-weight: bold;
  font-size: 1.1rem;
  color: #9997CF !important;
  text-decoration: underline;
}

.view-listado-de-enlaces .enlace_documento_descripcion{
  padding:1rem;
  padding-top:0.5rem;
  font-size: 0.8rem;
  color: #696969 !important;
}




/*--------- CATEGORIAS PREMIOS --------*/

.categorias_premios_item {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 2em;
}

.categorias_premios_icon {
    /*background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_bio.png);*/
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    background-size: 71px;
}

.categorias_premios_icon.bio {    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_bio.png); }
.categorias_premios_icon.fauna {    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_fauna.png); }
.categorias_premios_icon.flora {    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_flora.png); }
.categorias_premios_icon.habitats {    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_habitats.png); }
.categorias_premios_icon.hidrico {    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_hidrico.png); }
.categorias_premios_icon.ciudadana {    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/icon_prem_ciudadana.png); }

.categorias_premios_title {
    font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 1em;
    text-align: center;
}

.categorias_premios_container{
	padding-top: 7em;
	padding-bottom: 7em;
}
.categorias_premios_container_title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 500;
    padding-bottom: 2em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/*-------- ANTES DESPUES INICIO -------*/

.antes_inicio {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/bg_antes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
  padding-bottom: 8em;
}

.antes_inicio_title{

    font-family: 'Muli';
    color: white;
    font-size: 2.5em;
    font-weight: 400;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
    padding-bottom: 1em;
    text-align: center;
    width: 90%;

}

.antes_inicio_txt {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 400;
}

.antes_inicio_button {
    width: 180px;
    border: 1px solid;
    text-align: center;
    padding: 0.8em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    font-size: 0.9em;
    font-weight: 500;
    cursor: pointer;
}
.antes_inicio_button a{
    color: white;
    text-decoration: none;
}

/*------- FILTROS TODOS --------*/
#edit-field-categoria-documento-tid-all a:before {
  content: '';
}
#edit-field-categoria-documento-tid-all a:after {
  /*content: 'Todos';*/
}


/*------------ LSITADO BBPP ---------------------*/

.bbpp_container {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 1%;
    min-height: 12em;
}

.bbpp_container {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 1%;
    border: 1px solid #e8e8e8;
    background-color: #f3f3f3;
    padding: 1em;
    box-sizing: border-box;

}

.bbpp_img {
    width: 20%;
    height: 8rem;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.bbpp_container_txt {
    display: inline-block;
    width: 78%;
    vertical-align: top;
    padding-left: 1em;
    box-sizing: border-box;
    background-color: #f3f3f3;
    text-align: left;
    max-height: 9em;
    overflow-y: auto;
}
.bbpp_title a {
    font-weight: 600;
    font-family: 'museosans';
    color: #9997CF !important;
    line-height: 1.2em;
}
.bbpp_excerpt {
    font-size: 0.93em;
}

.bbpp_title {
    padding-bottom: 0.3em;
}

div#edit-field-tema-bbpp-tid-wrapper {
    border: 1px solid #9c97cf;
    padding: 0.7em;
    margin-right: 1em;
    margin-top: 1em;
}

div#edit-field-tema-bbpp-tid-wrapper label{
    font-family: 'museosans';
    text-transform: uppercase;
    color: #9487FA;
    font-weight: 600;
    font-size: 0.9em;
}

div#edit-field-tema-bbpp-tid-wrapper select{
    width: 90%;
    border-bottom: 0px;
    color: #a9a9a9;
    font-weight: 300;
    padding-left: 0px;
    margin-bottom: 0.1em;
    background-color: white;
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
}
.view-buenas-practicas  .views-exposed-widgets.clearfix {
    width: 18rem;
    margin: auto;
    padding: 1em;
}
.bbpp_tema span {
    color: #9997d3;
    font-weight: 600;
}


/* BBPP SINGLE **/
.single-bbpp-txt-container {
    width: calc(100% - 22rem);
    display: inline-block;
    vertical-align: top;
}


.single-bbpp-img {
    display: inline-block;
    width: 20rem;
    height: 20rem;
    background-position: center !IMPORTANT;
    background-repeat: no-repeat !important;
    background-size: 90% !important;
}
.title-bbpp {
    font-size: 1.6em;
    padding-bottom: 0.7em;
    font-weight: 600;
    font-family: 'museosans';
    color: #9997CF;
    line-height: 1.2em;
}
.view-buenas-practicas .first_bbpp {

    display: none;
}

.view-display-id-block_1 .bbpp_container:first-child {
    width: 98%;
}

.view-buenas-practicas .view-content .bbpp_container:first-child .first_bbpp {
    display: block;
    font-size: 0.93em;
}

/***  TWITTER  ***/

.twitter_container {
    width: 20em;
    max-height: 61em;
    overflow: auto;
    background-color: white;
}

.twitter_heder_title {
    text-align: left;
    color: white;
    background-color: #B3ABF8;
    font-family: 'museo';
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1.7em;
    padding-top: 4.65rem;
    padding-bottom: 4.65rem;
    padding-left: 1.5em;
    position: absolute;
    width: 13em;
    box-sizing: border-box;
}

section#block-views-buenas-practicas-block-1 {
    display: inline-block;
    width: 50%;
}

section#block-block-57 {
    display: inline-block;
    width: 20em;
    vertical-align: top;
}


.view-display-id-block_1 .bbpp_container {

    width: 48%;
    margin-top: 0px;
    margin-bottom: 2%;
}
.twitter_iframe_container {
    margin-top: 15em;
}

/**** AGETE TUTOR JUAN CARLOS ****/


.centrado{
  right: 0;
  left: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/*
section{
  display: inline-block;
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}*/
.cont-flex{
  display: flex;
  height: 20rem;
	padding: 1rem;
	margin-bottom: 2rem;
}
.cont-txt{
	width: 60%;
}
.cont-img{
	width: 40%;
}
.img-inf{
	height: 30rem;
	margin-top: 8rem;
}
.img-bg{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
h3{
  text-align: center;
}
table, th, tr, td{
  border: 1px solid black;
  border-collapse: collapse;
}
td, th{
  padding: 1rem;
}
table{
  width: 100%;
}
th{
  background-color: #CCC6F6;
  color: white !important;
}
tr:nth-child(even){
}
tr:nth-child(odd){
  background-color: #F5F3FE;
}

nav.breadcrumb-wrapper.clearfix {
    display: none;
}

/*** BLOQUE AGENTE TUTOR PORTADA ***/

.agente_tutor_portada {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/conoce_programa_tutor3_2.png);
    background-position: center;
    height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
}
/*
.agente_tutor_portada_img {
    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/agente_tutor_logo.png);
    height: 16em;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
    display: inline-block;
    background-position: center;
    margin: 2em;
    box-sizing: border-box;
}
.agente_tutor_portada_texto {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 65%;
    height: 6.65em;
    color: #3b3b9a;
    font-family: 'museo';
    font-size: 3em;
    padding: 2.2em;
    box-sizing: border-box;
    font-weight: bold;
}
.trns-text {
  background: url(/wp-content/themes/drogodependencias/assets/css/images/agente_tutor_logo.png)   -20px -20px no-repeat;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display:block;
  font-size: 200px;
  font-family: arial;
  text-align: center;
  margin-top: -20px;
  font-weight: bold;
  letter-spacing: -25px;
  background-size: cover;
}*/

/*** PAGINAS AGENTE TUTOR ***/

.page-node-722 h3 ,.page-node-760 h3 ,.page-node-759 h3 ,.page-node-758 h3, .page-node-763 h3,
.page-node-1933 h3, .page-node-1934 h3, .page-node-1935 h3, .page-node-1936 h3, .page-node-1937 h3 {
    font-family: 'museo';
    font-size: 2em;
    color: #4c60b4;
    line-height: 1em;

    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

iframe#frame {
    min-height: 1500px;
}
.exp_rage {
    text-align: center;
    color: #89b6e7;
}



/*  AGENDA LISTADO*/
.page-agenda .agenda_portada {
    width: 100%;
}
.page-agenda main#content-column, .page-agenda div#columns {
    background-color: whitesmoke;
}


/*  Pagina articulo  */


.node-type-article .single-not-content{

}

/** Problemas redimensionado **/

.view-listado-de-documentos .more-link,
.view-clone-of-listado-de-documentos .more-link {
    display: none;
}

.view-listado-de-documentos .views-exposed-widgets.clearfix,
.view-clone-of-listado-de-documentos .views-exposed-widgets.clearfix {
    width: auto;
}


.image_contact {
    width: 15% !important;
}
.mail_chimp_contact, .mail_chimp_contact_form {
    max-width: 500px !important;
}




.single-not-img-origin {
    font-weight: bold;
    padding-left: 1em;
    font-size: 0.9em;
}





































































@media screen and (max-width: 1700px){

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_block {
     /*   height: 1400px;*/
    }
}

@media screen and (max-width: 1550px){
    .acciones_municipios_mascara, .agente_tutor_portada{height: 450px;}
}
@media screen and (max-width: 1500px){

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_block {
        height: 1000px;
    }
}

@media screen and (max-width: 1400px){
    .acciones_municipios_mascara, .agente_tutor_portada{height: 400px;}
}
@media screen and (max-width: 1300px){
    /*--------- BLOQUE OBJETIVOS -------*/
    .objetivos_red_txt {
        max-width: 95%;
    }

    /*--------- BLOQUE DOCUMENTOS PORTADA --------*/
    .document_title {
        width: 85%;
    }
}

@media screen and (max-width: 1250px){

    /*-------- SLIDE INICIO --------*/
    .table_slide {
        display: table;

        width: 90%;
    }

    /*--------- BLOQUE HITOS ---------*/
    .range_hitos {
        width: 80%;
    }
    .hito_item {
        display: table;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .anio_hito {
        font-size: 9em;
    }
    /******** LLAMADA MUNICIPIOS **********/
    .acciones_municipios_mascara, .agente_tutor_portada{height: 350px;}

    /******** NOTICIA INDIVIDUAL ********/
    .single-not-content {
        width: 85%;
        margin: auto;
    }

}

@media screen and (max-width: 1200px){


    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_block {
        height: 1000px;
    }
    .bg_puentes_title {
        padding-top: 52%;
    }

    /*--------- SLIDE INICIO ----------*/


    .slide_title {
        font-size: 3.5em;
    }

    .slide_femp{
      width: 13rem;
    }

    /*------------ AGENDA PORTADA ----------*/
    .agenda_portada_item {
        width: 80%;
        margin: 1% 10%;

    }
    .agenda_portada_title {
        margin-bottom: 1.6em;
    }
    .twitter_container {
        max-height: 91em;
    }
}

@media screen and (max-width: 1100px){

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_title {
        padding-top: 60%;
    }

    /*--------- BLOQUE DOCUMENTOS PORTADA --------*/
    section#block-views-buenas-practicas-block-1 {
        display: block;
        width: 100%;
        background-color: whitesmoke;
    }
    section#block-views-noticias-portada-block {
        width: 100%;
        display: block;
        background-color: #f5f5f5;
    }

    /******** LLAMADA MUNICIPIOS **********/
    .acciones_municipios_mascara, .agente_tutor_portada{height: 300px;}

}

@media screen and (max-width: 1050px){

    /*--------- BLOQUE IMAGEN TEXTO  ----------*/
    .bloque_image_texto_img, .bloque_image_texto_txt_container{
        width: 50%;
    }

    /*---- BUENAS PRACTICAS PORTADA ----*/
    .view-display-id-block_1 .bbpp_container {
        width: 46%;
    }
    .view-display-id-block_1 .bbpp_container {
        margin: 2%
    }
}
@media screen and (max-width: 1000px){
	/*--------- BLOQUE OBJETIVOS -------*/
	.objetivos_red_item {
    	width: 100%;
    	margin-left: 0px;
    	margin-top: -1px;
    }
	/*--------- BLOQUE NOTICIAS PORTADA -------*/

	/*----- BANNER PORTADA -------*/
	.masonry-item {
		width: 30%;
	}

	/*---  PIE -----*/
	section#block-webform-client-block-546 {
	    width: 100%;
	    padding-left: 2em;
	}
	div#block-block-47, div#block-block-48 {
	    width: 50%;
	}

	/*------- MENU MOVIL ----------*/
	#block-system-main-menu{
		display: none;
	}
	div#block-block-50 {
 		display: inline-block;
 	}

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_title {
        font-size: 3.5em;
    }
    .bg_puentes_txt {
        width: 60%;
    }
    .bg_puentes_block {
        height: 900px;
    }

}
@media screen and (max-width: 950px){

    /*-------SLIDE INICIO ---------*/

    .slide_title {
        font-size: 2.6em;
    }

    .slide_femp{
      width: 10rem;
    }

    /******** LLAMADA MUNICIPIOS **********/
    .acciones_municipios_mascara, .agente_tutor_portada{height: 250px;}
}

@media screen and (max-width: 900px){

  /*---- Enlaces ----*/

  .view-listado-de-enlaces .masonry-item{
    width: 45%;
  }

	/*---- BLOQUE IMAGEN TEXTO -------*/

	.bloque_image_texto_img, .bloque_image_texto_txt_container {
	    display: block;
	 	width: 80%;
	    margin-left: auto;
	    margin-right: auto;
        padding-left: 0px;

	}
	.bloque_image_texto_img {
    /*	margin-top: 3em;*/
    }
    .bloque_image_texto_container {
        padding-top: 5em;
        padding-bottom: 4em;
    }
    .bloque_image_texto_txt {
        width: 100%;
    }
    .bloque_image_texto_img.f_left{
        display: none !important;
    }
    .f_left_hidden{
        display: block !important;
    }
	/*-------- BLOQUE 3C -------*/

	.bloque_3c_txt {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}

	/*-------- ACTUACION SINGLE ----------*/
	.twentytwenty-handle{
		background-size: 80% !important;
	}

	/*------ CATEGORIAS PREMIOS ------*/
	.categorias_premios_item {
        width: 49%;
    }

    /*------ AGENDA PORTADA --------*/
    .agenda_portada_item {
        width: 80%;
        margin-right: 10%;
        margin-left: 10%;
        margin-bottom: 3%;
    }
    /*--------- BLOQUE HITOS ---------*/
    .titulo_hitos {
        font-size: 2.5em;
        width: 80%;
    }
    .anio_hito {
        font-size: 7em;
    }

    /*--------- PAGINA DOCUMENTOS ----------*/
    .document_big_container {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
        height: auto;
    }
    .view-content.w_content.masonry-processed {
        height: auto !important;
    }

    /*----------- BUENAS PRACTICAS ----------------*/
    .single-bbpp-img {
        display: block;
        margin: auto;
    }
    .single-bbpp-txt-container {
        margin: auto;
        display: block;
        width: 90%;
    }


    /****contacto***/
    .image_contact {
        width: 50% !important;
    }
    .mail_chimp_contact, .mail_chimp_contact_form {
        max-width: 600px !important;
    }

}

@media screen and (max-width: 800px){
	/*--------- NOTICIA INDIVIDUAL -------*/
	.noticia_ind_title {
	    font-size: 3em;
	}

	/*-------- ACTUACION SINGLE ----------*/
	.twentytwenty-handle{
		background-size: 60% !important;
		background-position: top center;
        height: 46px !important;
        top:80% !important;
	}

	/*-------- MAPA MUNICIPIOS -----------*/
	.info-map {
	    position: relative;
	    width: 100%;
	    height: 300px;
	}
	.info-map-habitantes, .info-map-municipios {
	    height: 100%;
	    width: 50%;
	    display: inline-block;
	    margin-left: -2px;
    	vertical-align: top;
	}

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/

    .bg_puentes_block {
        height: 850px;
    }
    .bg_puentes_title {
        padding-top: 65%;
    }

     /******** LLAMADA MUNICIPIOS **********/
    .acciones_municipios_mascara, .agente_tutor_portada{height: 200px;}
}
@media screen and (max-width: 770px){
    .twitter_heder_title {
        padding-top: 5.75rem;
        padding-bottom: 5.7rem;
    }

}
@media screen and (max-width: 750px){

	/*----- BANNER PORTADA -------*/
	.masonry-item {
		width: 45%;
	}


    /*-------- PAGINA NOTICIAS --------*/
    .noticias_portada_page_item {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        display: block;
        float: none;
    }
}
@media screen and (max-width: 700px){
	/*--------- BLOQUE NOTICIAS PORTADA -------*/
	.noticias_portada_item {
		width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
	    margin-bottom: 2em;
	}
	/*-------  BLOQUE TENDIENDO PUENTES ----------*/

    .bg_puentes_block {
        height: 800px;
    }
    .bg_puentes_title {
        font-size: 3em;
    }

    /*--------- BLOQUE HITOS --------------*/
    .hito_item {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .anio_hito {
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .txt_hito {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding: 0em;
    }
    .range_hitos {
        padding-bottom: 2em;
    }

    /*** BBPP PORTADA ***/
    .bbpp_container {
        width: 80% !important;
        margin: 0% 10% 2% 10% !important;
        display: block;
    }

    /****contacto***/
    .image_contact {
        width: 50% !important;
    }
    .mail_chimp_contact, .mail_chimp_contact_form {
        max-width: 400px !important;
    }
}


@media screen and (max-width: 650px){
	/*------------ NOTICIA INDIVIDUAL --------*/
	.w_content_left {
	    width: 80%;
	    margin-left: 10%;
	    margin-right: 10%;
	}

	/*------ CATEGORIAS PREMIOS ------*/
	.categorias_premios_item {
        width: 90%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /*------- BLOQUE FONDO TEXTO --------*/
    .bloque_texto_fondo_title {
        font-size: 2em;
	}

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/

    .bg_puentes_title {
        padding-top: 70%;
        font-size: 2.75em;
    }

    /*--------- BLOQUE IMAGEN TEXTO --------*/
    .bloque_image_texto_title {
        font-size: 3em;
    }

    /******** LLAMADA MUNICIPIOS **********/
    .acciones_municipios_mascara, .agente_tutor_portada{height: 150px;}

    /******** AGENDA PORTDA **********/
    .agenda_portada {
        width: 100%;
    }
    .twitter_container {
        width: 100%;
        max-height: 50em !important;
    }
    .twitter_iframe_container {
        margin-top: 15em;
        margin-left: 7%;
        margin-right: 9%;
    }

    /*---- BUENAS PRACTICAS PORTADA ----*/
    .view-display-id-block_1 .bbpp_container {
        width: 46%;
    }
    .view-display-id-block_1 .bbpp_container {
        margin: 0.5em 10%;
    }
}
@media screen and (max-width: 600px){
  /*---- Enlaces ----*/

  .view-listado-de-enlaces .masonry-item{
    width: 100%;
  }

    /*-------- BLOQUE 3C -------*/

	.bloque_3c_txt {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	}
	.w_content_right {
	    width: 60%;
	    margin-left: 10%;
	}

	/*-------- MAPA MUNICIPIOS -----------*/
	.info-map {
	    height: 210px;
	}
	.info-map-number {
    	font-size: 3em;
	}
	.map_sub {
	    font-size: 1.4em;
	}

    /*--------- BLOQUE NOTICIAS PORTADA -------*/

    .document_title {
        width: 100%;
    }
    .documentos_portada_item {
        width: 90%;
    }
    .titulo_bloque.noticias_portada_title, .documentos_portada_title{
        padding-left: 0.9em;
        text-align: center;
    }
    .noticias_portada_item {
        width: 80%;
    }

    /*--------- SLIDE INICIO --------*/
    .slide_txt {
        font-size: 2em;
    }
    .slide_title {
        font-size: 1.9em;
    }

    .slide_femp{
      width: 10rem;
    }

    .swiper-slide, .table_slide {
        height: 400px !important;
    }
    /*-------- NOTICIA INDIV -------*/
    .single-not-img {
        height: 300px;
    }

}


@media screen and (max-width: 550px){
	/*--------- NOTICIA INDIVIDUAL -------*/
	.noticia_ind_title {
	    font-size: 2em;
	}
	/*----- BANNER PORTADA -------*/
	.masonry-item {
		width: 85%;
   		margin: 7.5%;
	}

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_block {
        height: 750px;
    }
    .bg_puentes_title {
        padding-top: 70%;
        font-size: 2.5em;
    }
    .bg_puentes_txt {
        width: 75%;
    }

    /*------ AGENDA PORTADA --------*/
    .agenda_portada_item {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        margin-bottom: 3%;
    }
    .view-agenda-portada .views-exposed-widgets {
        font-size: 0.7em;
        width: 90%;
    }

    /*--------- BLOQUE HITOS --------*/
    .titulo_hitos {
        font-size: 1.5em;
    }
    .anio_hito {
        font-size: 5em;
    }
    .bg_hitos_portada {
        padding-bottom: 1em;
    }

     /*-------- PAGINA NOTICIAS --------*/
    .noticias_portada_page_item {
        width: 90%;
    }


}

@media screen and (max-width: 500px){

	/*---  PIE -----*/
	section#block-webform-client-block-546 {
	    width: 100%;
	    padding-left: 1em;
	}
	div#block-block-47, div#block-block-48 {
	    width: 100%;
	}
	#messages{display: none;}

	/*----- BLOQUE IMAGEN TEXTO ---------*/
	.bloque_image_texto_container{
        padding-top: 3em;
        padding-bottom: 0em;
	}

	/*----- MENU MOVIL ---------*/
	.logo_head{
		background-size: 200px;
    	width: 200px;
    	height: 200px;
	    background-image: url(/wp-content/themes/drogodependencias/assets/css/images/logos_movile.png);
	    padding-left: 3em;
	}
	.icono_menu_movil{
		width: 40px;
		height:40px;
	}
	div#block-block-50{padding-top: 4em;}
    /*---- BUENAS PRACTICAS PORTADA ----*/
    .view-display-id-block_1 .bbpp_container {
        width: 90%;
    }
    .view-display-id-block_1 .bbpp_container {
        margin: 0.5em 5%;
    }
    /****contacto***/
    .image_contact {
        width: 50% !important;
    }
    .mail_chimp_contact, .mail_chimp_contact_form {
        max-width: 300px !important;
    }
}


@media screen and (max-width: 450px){

	/*----- MAPA MUNICIPIOS -----------*/
	.info-map-habitantes, .info-map-municipios {
	    height: 50%;
	    width: 100%;
	}
	.info-map {
	    height: 420px;
	}
	.info-map-number {
    	font-size: 3em;
	}
	.map_sub {
	    font-size: 1.4em;
	}

	/*---- PIE ---------*/
	.webform-component--nombre, .webform-component--correo, .webform-component--asunto {
	    width: 100%;
	}

	/*------- BLOQUE FONDO TEXTO --------*/
    .bloque_texto_fondo_title {
        font-size: 1.7em;
	}

    /*-------  BLOQUE TENDIENDO PUENTES ----------*/
    .bg_puentes_title {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        line-height: 1em;
    }

    /*-------- BLOQUE DOCUMENTOS PORTADA ---------*/
    .titulo_bloque.noticias_portada_title{
        font-size: 2.5em;
    }

    /*-------- BLOQUE DOCUMENTOS PORTADA ---------*/
    .documentos_portada_title{
        font-size: 2.5em;
    }
    .documentos_portada_item, .document_img_container, .document_title_container {
        display: block;
    }
    .document_img_container {
        width: 100%;
        margin-bottom: 2em;
    }

    /*--------- SLIDE INICIO --------*/
    .slide_txt {
        font-size: 1.5em;
    }
    .slide_title {
        font-size: 1.4em;
    }
    .swiper-slide, .table_slide {
        height: 350px !important;
    }

    /******** LLAMADA MUNICIPIOS **********/
    .acciones_municipios_mascara, .agente_tutor_portada{height: 100px;}
}




@media screen and (max-width: 400px){
    body{
        font-size: 12px;
    }

/*------- BLOQUE FONDO TEXTO --------*/
    .bloque_texto_fondo_title {
        font-size: 1.3em;
	}

	/*----- MENU MOVIL ---------*/
	.logo_head{
	    background-size: 170px;
	    width: 170px;
	    height: 170px;
	    padding-left: 2em;
	}
	div#block-block-50 {
	    padding-right: 1em;
	    padding-top: 3.5em;

	}

    /*-------- BLOQUE DOCUMENTOS PORTADA ---------*/
    .documentos_portada_title{
        font-size: 2.2em;
    }
     /*-------- NOTICIA INDIV -------*/
    .single-not-img {
        height: 200px;
    }
    /*----------- CONSEJO DE GOV -------------*/
    .directiva_div, .consejo_cargo ,.consejo_nombre, .consejo_cargo_tipo, .consejo_cargo_entidad{
        width: 260px;
        box-sizing: border-box;
    }

}




































































































































































vv