/*
 ____      _           _ _     _   ____   ___  _  ___
|  _ \ ___| |__  _   _(_) | __| | |___ \ / _ \/ |( _ )
| |_) / _ \ '_ \| | | | | |/ _` |   __) | | | | |/ _ \
|  _ <  __/ |_) | |_| | | | (_| |  / __/| |_| | | (_) |
|_| \_\___|_.__/ \__,_|_|_|\__,_| |_____|\___/|_|\___/

*/

@import 'template/fonts.min.css';
@import 'template/margins.min.css';
@import 'template/boxes.min.css';
@import 'template/helper.min.css';

@import 'fonts.css';
@import 'icomoon.css';
@import 'legacy.css';

/*
========================================
>>> GENERALES
========================================
*/

#wpadminbar{display:none;}

a, a:hover, a:focus, a:active{
	text-decoration:none;
	color:inherit;
}

.badge{
    font-weight: 700;
    font-size: 10px;
    font-family: 'Museo Sans';
    padding: 0;
    min-width: 16px;
    border-radius: 50%;
    line-height: 16px;
    height: 16px;
}


.bg-yellow{ background-color:#fbd70a; }
.bg-orange{ background-color:#f15b29; }
.bg-grey{ background-color:#ededed;}
.bg-green{ background-color:#16b24b;}
.bg-black{ background-color:#131313;}
.bg-black-2{ background-color:#25173a;}
.bg-white{ background-color:#fff;}
.bg-blue{ background-color:#0f75bc;}
.bg-make-lighter{ background: rgba(255,255,255,0.2);}

.text-yellow{color:#ffa32c;}
.text-yellow-lt{color:#fbd70a!important;}
.text-orange{color:#f15b29;}
.text-bordo-lt{color:#b2133c;}
.text-bordo{color:#600926!important;}
.text-green{color:#16b24b;}
.text-blue-lt{color:#0f75bc;}
.text-grey{color:#979797;}
.text-black{color:#131313!important;}

.border-orange{border-color:#f15b29!important;}

.border-2x{border-width:2px!important;}

.btn{ border-radius:0; }

.btn-outline-blue-lt{
	border-width:2px;
	color: #4593c7;
    background-color: transparent;
    background-image: none;
    border-color: #4593c7;
}

.btn-outline-blue-lt:hover {
    color: #fff;
    background-color: #4593c7;
    border-color: #4593c7;
}

.btn-outline-orange{
	border-width:2px;
	color: #f15b29;
    background-color: transparent;
    background-image: none;
    border-color: #f15b29;
}

.btn-outline-orange:hover {
    color: #fff;
    background-color: #f15b29;
    border-color: #f15b29;
}

.btn-green{
	color: #FCFF03;
  background-color: #16b24b;
}

.btn-green:hover {
	color: #FCFF03;
  background-color: #16b24b;
}


.btn-outline-green{
	border-width:2px;
	color: #16b24b;
    background-color: transparent;
    background-image: none;
    border-color: #16b24b;
}

.btn-outline-green:hover {
    color: #fff;
    background-color: #16b24b;
    border-color: #16b24b;
}

.btn-outline-grey{
	border-width:2px;
	color: #16b24b;
    background-color: transparent;
    background-image: none;
    border-color: #bebebe;
}

.btn-outline-grey:hover {
    color: #fff;
    background-color: #16b24b;
    border-color: #16b24b;
}

.btn-o-black{
	background-color:rgba(0,0,0,0.25)
}

.btn-o-black:hover{
	background-color:rgba(0,0,0,0.4)
}


.font-open{ font-family: 'Open Sans', sans-serif;}
.font-museo{font-family:'Museo Sans', sans-serif!important;}
.font-lato{ font-family: 'Lato', sans-serif!important;}
.font-alphamack{ font-family: 'alphamack_aoeregular'!important;}
.font-bahiana{ font-family: 'bahianaregular'!important;}

.fw-100{font-weight:100;}
.fs-perc-80{font-size:80%;}

.bg-img{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#page-wrapper{
  padding-top: 87px;
}

/*
=======================================
>>> NAVBAR
=======================================
*/

.navbar{
	background-color:#fff;
	font-family:'Museo Sans';
	width:100%;
	position: fixed;
	top:0;
	left:0;
	right:0;
  z-index: 10000;
}

.navbar .navbar-brand>img{
	max-width:275px;
	width:100%;
	height:auto;
}

.navbar .nav-link{
	font-family:'Museo Sans';
	position:relative;
}

.navbar .nav-link .badge{
    transform: translateY(-8px);
	margin-left: 2px;
}

#user-bar-wrapper{
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index: 1;
}

#user-bar-wrapper > #user-bar{
	height:100%;
}

.dropdown-languages .btn{
	background: #fff;
	outline:none;
	box-shadow:none;
}

.dropdown-languages .dropdown-menu{
    min-width: 20px;
    text-align: center;
}

.dropdown-full{
	position: initial;
}

.dropdown-full .dropdown-menu{
	width: 100%;
	border-radius: 0;
    border: 0;
	background-color:#0f75bc;
	color:#fff;
	margin-top: 0px;
}

.dropdown-user .dropdown-toggle{
	align-items: center;
	display: inline-flex;
}

.dropdown-user .dropdown-toggle > img{
  margin-right: 10px;
}

.dropdown-user .dropdown-menu{
	left: auto;
	right: 0px;
	font-size: 13px;
	text-align: center;
}

.nav-municipios{
	column-count: 4;
}

.divisor-right{
	border-right:1px solid #368bc7;
}

.nav-municipios>li{break-inside: avoid-column;}
.nav-municipios>li.nav-municipios-colombia{break-inside: auto;}

/*
===================================================
>>> SLIDER HOME
===================================================
*/

.slider-home{
	height:635px;
	overflow:hidden;
	opacity:0;
}

.slider-home.slick-initialized{opacity:1;}

.slider-home .slick-list,
.slider-home .slick-track,
.slider-home .slick-slide,
.slider-home .container,
.slider-home .row{
	height:100%;
}

.slider-home .slick-slide{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	outline:none;
	position: relative;

}

.slider-home .slick-slide:not(.no-overlay):before{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(15,117,188,0.5);
	position: absolute;
	top: 0;
	left: 0;
}

.slider-home .slick-dots{
	position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.slider-home .slick-dots>li{
	width:17px;
	height:17px;
	display:inline-block;
	border-radius:50%;
	background-color:#fff;
	opacity:0.5;
	overflow:hidden;
	margin:0 6px;
}

.slider-home .slick-dots>li.slick-active{opacity:1;}

.slider-home .slick-dots>li button{
	visibility:hidden;
}

/*
==================================================
>>> CAPSULAS
==================================================
*/

#ideas{margin: 0 auto;}

.idea .circulo-wrapper.dos .mano{font-size: 54px;}
.idea .circulo-wrapper.tres .mano{font-size: 100px;}

.idea.idea-ejecutada .circulo-wrapper{
	background-color:#000;
	border-color:#000;
}

.idea .circulo-wrapper.dos .mano{ margin-top: 10px; }
.idea .circulo-wrapper.tres .mano{margin-top:22px;}
.idea .circulo-wrapper.cuatro .mano{margin-top: 22px; margin-bottom:27px;}

.idea .circulo-wrapper.tres p{padding-top:32px; }

.idea.idea-ejecutada .circulo-wrapper.uno .mano{ margin-top: 5px; margin-bottom: 5px; }

.idea.idea-ejecutada .circulo-wrapper.dos .mano{margin-top: 4px;}
.idea.idea-ejecutada .circulo-wrapper.tres .mano{margin-top: 13px;}
.idea.idea-ejecutada .circulo-wrapper.cuatro .mano{margin-top: 24px;}

.idea.idea-ejecutada .circulo-wrapper.distinguida.uno p{  padding-top: 11px; }
.idea.idea-ejecutada .circulo-wrapper.distinguida.dos p{  padding-top: 14px; }

.idea.idea-ejecutada .circulo-wrapper.distinguida.uno .mano{ margin-bottom: -12px; }
.idea.idea-ejecutada .circulo-wrapper.distinguida.dos .mano{ margin-bottom: -12px; }
.idea.idea-ejecutada .circulo-wrapper.distinguida.tres .mano{margin-top:10px; margin-bottom: 6px;}
.idea.idea-ejecutada .circulo-wrapper.distinguida.cuatro .mano{margin-top: 8px; margin-bottom: 18px;}

.idea.idea-ejecutada .circulo-wrapper.distinguida.uno p.distinguidaLabel{ margin-top: -12px; margin-bottom: -5px;}
.idea.idea-ejecutada .circulo-wrapper.distinguida.dos p.distinguidaLabel{ margin-top: -12px; margin-bottom: -5px;}
.idea.idea-ejecutada .circulo-wrapper.distinguida.tres p.distinguidaLabel{ margin-top: -20px; margin-bottom: 8px;}
.idea.idea-ejecutada .circulo-wrapper.distinguida.cuatro p.distinguidaLabel{ margin-top: -19px; margin-bottom: -8px;}


.idea.idea-ejecutada .circulo-wrapper .label-ejecutada{
	padding-top: 4px;
	height:auto;
}

.idea.idea-ejecutada .circulo-wrapper.uno .label-ejecutada{
	padding-top:2px;
}


.idea.idea-ejecutada .circulo-wrapper.cuatro .label-ejecutada{
	font-size: 16px;
    line-height: 23px;
}

.idea.idea-ejecutada .circulo-wrapper.distinguida{
	box-shadow: 0px 0px 0px 5px #000;
}

.idea.idea-ejecutada.con-hover:hover .circulo-wrapper {
    box-shadow: 0px 0px 70px #26f27b;
}

.idea.idea-ejecutada .circulo-wrapper .mano span.apoyos{color:#fff;}

.idea.idea-ejecutada .mano .icon-flag{font-size:80%;}

.capsula-post{
	width:360px;
	height:500px;
	overflow: hidden;
	float: left;
    display: block;
	margin-bottom:40px;
}

.capsula-post .capsula-wrapper{
    display: block;
	width:298px;
	margin:0 auto;
	background-color:#020516;
	color:#fff!important;
}

.capsula-post .img-wave{
	position:relative;
}

.capsula-post .img-wave:after{
	content:'';
	display:block;
	width:100%;
	height:35px;
	background:url(../img/wave-border.png) no-repeat center;
	position:absolute;
	bottom:0;
	left:0;
}

.capsula-post .img-wave img{
	width:100%;
	height:auto;
	max-width: 243px;
    margin: auto;
    display: block;
}

.capsula-desafio{
	width:540px;
	float: left;
    display: block;
	margin-bottom:40px;
}

.capsula-desafio .capsula-wrapper{
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	padding:20px 20px 30px;
	display:block;
	margin:0 20px;
}

.capsula-desafio .img-award{
	position:relative;
	width:250px;
}

.capsula-desafio .img-award{
	width:200px;
	height:195px;
	position:relative;
	z-index:1;
  margin: 0 auto 15px;
}

/* .capsula-desafio .img-award:after{
	content:'';
	display:block;
	width:200px;
	height:60px;
	background:url(../img/img-award.png) no-repeat bottom center;
	position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
} */

.capsula-desafio .img-award>.bg{
	background-position:center;
	background-size:cover;
	width:200px;
	height:200px;
	border-radius:50%;
	position:relative;
	z-index:1;
	border:3px solid #fff;
	text-align:center;
	overflow:hidden;
}

/* .capsula-desafio .img-award>.bg:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:absolute;
	top:0;
	left:0;
} */

.capsula-desafio .img-award>.bg>div{
    position: relative;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}

.official-name{
	display:block;
	color:#000;
	margin-top:4px;
}

/*
=================================================
>>> FOOTER
=================================================
*/

footer .row>div{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

footer .col>div{
	overflow:hidden;
}

footer .col-borders{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

footer .logos-apoyo{max-width:285px;}

.social-ul-out>li{
	display:inline-block;
}

footer .menu{
    font-size: 12px;
    line-height: 16px;
}

footer .menu>.menu-item{
    margin-right: 32px;
	float: left;
}

footer .menu>.menu-item a{
	font-family: 'Lato', sans-serif;
}

footer .menu>.menu-item>a{
	font-weight: 700;
    font-size: inherit;
    color: #fff;
    background-color: #f2673c;
    padding: 0 8px;
    display: inline;
}

footer .menu>.menu-item>ul{
	padding-left:5px;
}

/*
===================================
>>> COLUMNAS HALF
===================================
*/


#dos-col-wrapper{
	border-bottom: 0;
    padding-bottom: 0;
}

.extend-bg{
	position:relative;
}

.extend-bg:before{
	content:'';
	height:100%;
	width:100vw;
	background-color:inherit;
	position:absolute;
	top:0;
	left:0;
	transform:translateX(-100%);
}

.floating-content + #dos-col-wrapper{
	box-shadow:none;
}

.floating-content .ancho1160{
	position:relative;
}

.floating-content .row{
	position:relative;
	z-index:1;
}

.floating-content .floating-img > img{
	max-width:100%;
}

.floating-content .fake-bg{
	width: 821px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

/*
===================================
>>> UPLOAD
===================================
*/

#tab-content-out{
	box-shadow: none;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
}

#tab-content-in{
	padding:0;
}

.tab-content form .form-box .input-wrapper .input{
	width:530px;
}

.tab-content form .form-box-2col .input-wrapper .input{
	width: 253px;
}

.tab-content form .form-box .input-wrapper .input>*,
.form-box-2col .input-wrapper .input>*{
	width:100%;
}

.tab-content form .form-box .input-wrapper .select{
	border: 2px solid #d9d9d9;
    height: 40px;
	background-position:right center;
	line-height: 36px;
}

.tab-content form .form-box .input-wrapper select{
	height:40px;
}

.form-box-2col{
	width: 253px;
}

#arrastrar-sidebar{
	transition:all ease-in-out 0.2s;
}

/*
===========================================
>>> MUNICIPIOS
===========================================
*/

/*
#info-principal-wrapper:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(15, 117, 188, 0.8);
	position:absolute;
	top:0;
	left:0;
}*/

#info-principal-wrapper{
	background-size:cover;
}

/* #info-principal-wrapper .nav{
    padding: 0 15px;
    position: absolute;
    width: 100%;
    bottom: 50px;
} */

#info-principal-wrapper .nav .nav-link{
	text-transform:uppercase;
	color:#fff;
	padding: .7rem 1.2rem;
	margin: 0 .2rem;
	max-width: 180px;
    text-align: center;
	line-height: 1.2em;
}

#info-principal-wrapper .nav .nav-link:hover,
#info-principal-wrapper .nav .nav-link.active{
	background-color:rgba(255,255,255,0.2);
}

.two-columns a {
	color: #0f75bc;
}

.two-columns{
	column-count:2;
	column-gap: 3em;
}

.two-columns .media{
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
}

.nav-dash .nav-link{
	padding:0;
	display:inline-block;
}

.nav-dash .nav-item:before{
	content:'/';
	display:inline-block;
	float: left;
	margin:0 10px;
}

.nav-dash .nav-item:first-child:before{display:none;}


.nav-dash .nav-link:hover,
.nav-dash .nav-link.active{
	border-bottom:1px solid #0f75bc;
}


.tab-clean{
	border-bottom:0;
	margin: 0;
    padding: 0;
}

.media .media-img{
	width:200px;
	margin: 0 auto 20px;
}

.two-columns ul{
	list-style-type:circle;
	padding-left: 18px;
}

.two-columns ul>li{
	margin-bottom:10px;
}


/*
===================================
>>> MIDBAR
===================================
*/


.select-btn-wrapper{
	overflow:hidden;
}

.select-btn-wrapper .select-btn{
	white-space:nowrap;
}

.select-btn-wrapper .select-desp ul li{
	line-height: 1.3em;
	padding:5px 0;
}

.select-desp-divisor{
	border-bottom:1px solid #ddd;
}

.select-btn-wrapper #municipios-desp.select-desp{
	height:auto;
	max-height: 304px;
}

/*
===================================
>>> SHORTCODES
===================================
*/

.break-columns{
	-webkit-column-span: all;
	  column-span: all;
}

.jump-columns{
	break-after: column;
	-webkit-column-break-after: always;
}

.slider-apoyos{
	overflow:hidden;
	position:relative;
}

.slider-apoyos .user-item{
	height:120px;
	width: 115px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.slider-apoyos .user-item .img{
	width: 70px;
    height: 70px;
}

.slider-apoyos .user-item .info h3{
	font-size: 23px;
}

.search-apoyo-input{
	border-bottom:1px solid #16b24b;
	outline:none!important;
}

.search-apoyo-btn{
	background:none;
	border:0;
	outline:none!important;
	padding:0;
	cursor:pointer;
}

.apoyos-loading:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7) url(../img/loader.gif) no-repeat center;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

.current-count{
	position:relative;
}

.current-count .current-count-n{
    position: absolute;
    top: 3px;
    left: 0;
    color: #0f75bc;
    font-size: 12px;
    display: block;
    width: 100%;
    font-weight: 700;
}

/*
=======================================
>>> MIDBAR
=======================================
*/

#mid-bar.full-search .select-btn-wrapper.iconos{
	left: auto;
	right:100px;
	opacity: 1;
    visibility: visible;
}

#mid-bar.full-search  form#searchform{
    left: 0;
    right: 0;
    margin: 0 auto;
	width: 675px;
}

#mid-bar.full-search form#searchform input#s{opacity: 1;}

/*
==========================================
>>> WEBINAR
==========================================
*/

#webinarInProgress{
	box-shadow: 0px 0px 3px 0px #000;
    max-width: 440px;
	width:90%;
    height: 130px;
    left: auto;
    right: 0;
    top: 130px;
    background-color: #5f0926;
    padding:0px 15px;
    box-sizing: border-box;
	text-align:left;
	color:#fff;
	position:absolute;
}

#webinarInProgress>.row{height:100%;}

#webinarInProgress>.row>.bg-img{
	height:100%;
	flex:1;
}


/*
=========================================
Iniciativas
=========================================
*/

#dos-col > div > div.bg-black.pt-xs-20.pb-xs-150.extend-bg > div > div > div > p {
	margin-bottom: 16px;
}

#dos-col > div > div.bg-black.pt-xs-20.pb-xs-150.extend-bg > div > div > div a {
	color: #fbd70a;
	font-weight: bold;
}

.the_content ul li {
	list-style: disc;
	margin-bottom: 1em;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*
==========================================
>>> COMENTARIOS
==========================================
*/


.comment-wrapper{
	overflow:hidden;
}

.comment-wrapper .comment-avatar{
	width:60px;
	float:left;
	margin-right:10px;
}

.comment-wrapper .comment-content{
	margin: 13px 0 0 70px;
}

.btn-files{
	height:20px;
	cursor:pointer;
	background:url(../images/btn-files.png) no-repeat 0 0;
}

.btn-files input{
	width:110px;
	opacity: 0;
	cursor:pointer;
	float:left;
}

.btn-files span{
	font-size: 10px;
    display: inline-block;
    margin: 6px 0 0 7px;
}

.loading{
	position:relative;
}

.loading:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
	position: absolute;
    z-index: 100;
}

input#video::-webkit-input-placeholder {text-transform:none;}
input#video:-moz-placeholder {text-transform:none;}
input#video::-moz-placeholder {text-transform:none;}
input#video:-ms-input-placeholder {text-transform:none;}

.form-box-fix{ margin-top: -14px;}
.form-box-fix h3{line-height: 1.2em;}


/* CONVOCATORIA EXTENA */
#info-principal-wrapper.header-externa{
	background-color: #FAD633!important;
	position: relative;
}

#info-principal-wrapper.header-externa:before{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(19,116,183,0.7);
	/* sino ver https://css-tricks.com/almanac/properties/f/filter/  */
	position: absolute;
	top: 0;
	left: 0;
}


#info-principal-wrapper.header-externa #municipio-titulo{
  top: 50%;
  transform: translateY(-50%);
}

.the_content{
  /* color: #212121; */
  font-size: 16px;
  line-height: 1.5em;
}

.the_content p{
  margin-bottom:25px;
}

.the_content a{
	color:#007bff;
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.the_content a:hover{
	text-decoration: underline;;
}

.gray-bar{
	background-color: #DEDEDE;
}

.gray-bar .gray-bar-content{
	transform: translateY(-25px);
}

.stamp{
	position: absolute;
	top:0;
	left:0;
	max-width: 540px;
	width: 100%;
	padding-bottom:40px;
}

.stamp iframe{
	display: block;
	margin:0 auto;
	max-width: 100%;
}


#page .page-col.izq h1{
	font-size: 48px;
	font-weight: 300;
}

.where-paises{
	columns: 2;
}

.where-paises > li{
	font-size: 19px;
}

.dropdown-to-navbar-wrapper{
	padding: 0 15px;
	position: absolute;
	width: 100%;
	bottom: 50px;
	text-align: center;
}

.language-menu{
	list-style-type: none;
	/* margin: 0;
	padding: 0; */
	/* font-weight: 700; */
}

.language-menu > li{
	display: inline-block;

}

.language-menu > li:before{
	content:'/';
	/* color: #fff;
	opacity: 0.5; */
	margin: 0 2px;
}

.language-menu > li:first-child:before{display:none;}

.language-menu > li > a{
	text-decoration: none;
	color: #f15a29;
	/* color: #fff; */
	/* opacity: 0.5; */
}

/* .language-menu > li > a.current{
	opacity: 1;
} */

.idea.solo-texto h1.fondo{ padding: 0 12px;}
.idea.solo-texto h1.fondo span{ padding: 0;}

.popup-wrapper{
	z-index: 1000;
	top:130px;
}

#votar.popup-wrapper a{
	display: inline-flex;
	align-items: center;
	height: 50px;
  overflow: hidden;
  margin-bottom: 10px;
}

#votar.popup-wrapper a,
#votar.popup-wrapper form#login-form a{
	text-decoration: none!important;
}

#votar.popup-wrapper a p,
#votar.popup-wrapper form#login-form a p{
	color: #610927;
  width: 120px;
	margin-left: 10px;
	margin-top: 6px;
	font-size: 11px;
	line-height: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #610927;
}

#votar.popup-wrapper a img,
#votar.popup-wrapper form#login-form a img{
	width: 80px;
  float: left;
}

.popup-wrapper .pop-up .popup-content form{
  margin-top: 40px;
}

.popup-wrapper .pop-up p.text-explain{
	color: #f15a2b;
	font-size:14px;
	padding-right: 32px;
	text-transform: none;
	line-height: 1.3em;
}

.popup-wrapper .pop-up .popup-content .conectar-social{
  width: 240px;
	border: 0;
}

.popup-wrapper .pop-up .popup-content form input{
	height: 36px;
}

.popup-wrapper .pop-up .popup-content form#registrarse-form .select-wrapper{
	width: 210px;
}

.popup-wrapper .pop-up .popup-content form#registrarse-form .select-wrapper .select{
	background: url(../img/select-dos.png) top right no-repeat;
	border-left: 2px solid #d9d9d9;
	width: 210px;
  line-height: 37px;
}
.popup-wrapper .pop-up .popup-content form#registrarse-form .select-wrapper select{
	width: 100%;
}

#info-principal-wrapper #municipio-titulo.fix-top{
	top:70px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-boletin{
	background-color: #EDEDED;
	border-bottom:19px solid #35AC87;
}

#info-principal-wrapper.header-boletin #municipio-header h2{
	color:#AA1A23;
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

#info-principal-wrapper.header-boletin #municipio-header p{
	text-transform: none;
	font-size: 18px;
	line-height: 1.3em;
	max-width: 680px;
	margin: 0 auto 25px;
	font-family: 'Museo Sans';
  font-weight: 300;
}

#info-principal-wrapper.header-boletin #municipio-header p > small{
	font-size: 14px;
	font-family: 'Museo Sans';
  font-weight: 300;
}

#info-principal-wrapper.header-boletin #municipio-header p a{
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}

.capsula-alari {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.capsula-alari h3{
	font-size: 17px;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.capsula-alari a{
	text-transform: uppercase;
	color: #35AC87;
	display: block;
	margin-top: 20px;
}

.capsula-alari .tags{
	color: #35AC87;
	font-weight: 700;
	margin-top: 5px;
}

.page-content ol{
	list-style-type: decimal;
	list-style-position: inside;
}

#info-principal-wrapper.top-right{
	background-position: top right;
}

.search-boletin select{
	border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	width: 100%;
  color: #35AC87;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.677 490.677' style='enable-background:new 0 0 490.677 490.677;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23B9B9B9' d='M489.272,37.339c-1.92-3.307-5.44-5.333-9.259-5.333H10.68c-3.819,0-7.339,2.027-9.259,5.333 c-1.899,3.307-1.899,7.36,0.021,10.667l234.667,405.333c1.899,3.307,5.419,5.333,9.237,5.333s7.339-2.027,9.237-5.333 L489.251,48.005C491.149,44.72,491.149,40.645,489.272,37.339z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	padding-left: 18px;
	background-size: auto 55%;
  background-position: top 3px left;
	outline:none;
}

.search-boletin input.form-control{
	border-radius: 0;
	border:0;
	height: 43px;
	border-bottom: 1px solid #d9d9d9;
	padding: 0 15px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #d9d9d9;
	float: left;
	transition: all 1.8s ease-in-out;
	-moz-transition: all 1.8s ease-in-out;
	-webkit-transition: all 1.8s ease-in-out;
	-o-transition: all 1.8s ease-in-out;
}

.search-boletin .input-group .btn{
	background: 0;
}

.search-boletin .input-group .btn,
.search-boletin .input-group .form-control{
	height: 30px;
}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #35ac87;
}
.custom-pagination a:hover {
  background-color: #35ac87;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #35ac87;
  color: #fff;
}

.image-title{
	max-height: 200px;
	max-width: 90%;
}

.custom-breadcrumb{
  line-height: 1.4em;
}

.custom-breadcrumb > .custom-breadcrumb-item > a{
  border-bottom: 1px solid #fff;
}

.custom-breadcrumb > .custom-breadcrumb-item:before,
.custom-breadcrumb > .custom-breadcrumb-subitem:before{
	content:'/';
	opacity: 0.6;
	display: inline-block;
  padding: 0 0.3rem;
}

.custom-breadcrumb > .custom-breadcrumb-item:first-child:before{
	display: none;
}

.custom-breadcrumb > .custom-breadcrumb-subitem{
	font-size: 90%;
	opacity: 0.9;
}

.wp-block-image img{
	height: auto;
}