/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {height: 100%;}
body {padding:0; margin:0; font-family: 'Roboto', sans-serif; line-height: 180%; font-size: 16px;
	/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,243,247,1) 100%); background-repeat: no-repeat; height: 100%; */color: #2e426d;}
body.home {background: none;}

h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif; font-weight: 600;}
h2 {margin-bottom: 240px; background-color: #2e426d; color: #FFF; padding: 10px 10px; margin-top: -240px; width: fit-content;     letter-spacing: 2px; text-transform: uppercase; font-size: 24px; }

body.page-id-2 h2, body.parent-pageid-2 h2 {background-color: #d52d1e;}
body.page-id-12 h2 {background-color: #6fb6d4;}
body.page-id-43 h2, body.archive h2, body.search h2 {background-color: #ffcd1d; color: #2e426d;}
body.page-id-45 h2, body.category h2 {background-color: #69b04e; color:#FFF;}
body.page-id-378 h2 {background-color: #2e426d; }
body.page-id-381 h2 {background-color: #d52d1e; }

h3.h3-box {background-color: #2e426d; color: #FFF; padding: 10px 10px; width: fit-content; letter-spacing: 2px; text-transform: uppercase;     text-align: center; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto; font-size: 18px;}
h3.h3-box a {color: #FFF;}


a {}

header {padding: 10px 0 0; border-bottom: 1px solid #eaf3f7; background-color: #FFF;}
header h1 {margin: 0; width: 300px; height:  80px; margin-bottom: 10px;}
header h1 a {display: block; text-indent: -9000px; background-size: cover; background-position: center left; background-repeat: no-repeat; background-image: url(../img/corredor-bioceanico-web.png); width: 100%; height:  100%;}

header.language-es h1 a {background-image: url(https://corredorbioceanico.org/cms/wp-content/uploads/2020/09/CB_ID_3_ES.png)}
header.language-br h1 a {background-image: url(https://corredorbioceanico.org/cms/wp-content/uploads/2020/09/CB_ID_3_BR.png)}
header.language-en h1 a {background-image: url(https://corredorbioceanico.org/cms/wp-content/uploads/2020/09/CB_ID_3_EN.png)}

.container-top-menu {text-align: right;}

ul.top-menu {padding-left: 0; height: 20px; display: inline-block;}
ul.top-menu li {list-style: none; float: right; margin: 0 5px; font-size: 10px; color: #999; font-family: 'Montserrat', sans-serif;}
ul.top-menu li a {opacity: 0.6; color:#666; text-transform: uppercase;     border-right: 1px solid #888;
    padding-right: 10px;}
ul.top-menu li a:hover {opacity: 1; text-decoration: none;}

ul.language-chooser {padding-left: 0; height: 20px;  display: inline-block;}
ul.language-chooser li {list-style: none; float: left; margin: 0 5px; font-size: 10px; color: #999; font-family: 'Montserrat', sans-serif;}
ul.language-chooser li a {opacity: 0.6; color:#666; text-transform: uppercase;}
ul.language-chooser li a:hover {opacity: 1; text-decoration: none;}
ul.language-chooser li.active a {opacity: 1; background-color: #AAA;
    padding: 3px;
    border-radius: 50%;
    color: #FFF;
    font-weight: 300;}

ul.menu-desktop {padding-left: 0; margin-top: -10px; float: right; }
ul.menu-desktop li {list-style: none; float: left; font-size: 10px;}
ul.menu-desktop li a {text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 4px 12px; color: #FFF; letter-spacing: 1px;}
ul.menu-desktop li a:hover {text-decoration: none;}

ul.menu-desktop li.page-item-2 a {background-color: #d52d1e;}
ul.menu-desktop li.page-item-12 a {background-color: #6fb6d4;}
ul.menu-desktop li.page-item-43 a {background-color: #ffcd1d; color: #2e426d;}
ul.menu-desktop li.page-item-45 a {background-color: #69b04e; }
ul.menu-desktop li.page-item-378 a {background-color: #2e426d; }
ul.menu-desktop li.page-item-381 a {background-color: #d52d1e; }

ul.menu-desktop li a.btn-search {color:#999;}

b.caret { border-top: 4px solid #2e426d;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #d52d1e; padding-bottom: 15px;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li a {color: #FFF;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li a:hover { opacity:1; color:#FFF; background: none; background-image:none;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li:hover { opacity:1; color:#FFF; background: none;}

ul.menu-desktop li.page-item-12 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #6fb6d4; padding-bottom: 15px;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu li a {color: #FFF;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu li a:hover { opacity:1; color:#FFF; background: none; background-image:none;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu li:hover { opacity:1; color:#FFF; background: none;}
ul.menu-desktop li.page-item-12 b.caret { border-top: 4px solid #FFF;}

ul.menu-desktop li.page-item-45 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #69b04e; padding-bottom: 15px;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu li a {color: #FFF;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu li a:hover { opacity:1; color:#FFF; background: none; background-image:none;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu li:hover { opacity:1; color:#FFF; background: none;}
ul.menu-desktop li.page-item-45 b.caret { border-top: 4px solid #FFF;}

ul.menu-desktop .dropdown:hover .dropdown-menu {
    display: block;
  }

ul.menu-desktop li.page-item-43 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #ffcd1d; padding-bottom: 15px;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu li a {color: #2e426d;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu li a:hover { opacity:1; color:#2e426d; background: none; background-image:none;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu li:hover { opacity:1; color:#2e426d; background: none;}

/*Menu Phone*/

a.btn-top-menu { height:50px; width:50px; cursor:pointer; position:absolute; top:30px; right:30px; color:#2e426d; font-size:36px; text-align:center; z-index: 10; display: none;}
a#boton-cerrar-menu {}

div.mobile-menu { position:absolute; top:100px; left:0; width:100%; background-color:rgba(255,255,255,1); z-index:10000; text-align:center;height: 200vh;}
div.mobile-menu ul { margin:0; text-align: left; padding-left: 0; margin-top: 30px;}
div.mobile-menu ul li { font-size:18px; padding:10px 0; margin-left:0; list-style:none; text-align:center;}
div.mobile-menu ul li a { font-family: 'Montserrat', sans-serif; padding: 4px 14px; letter-spacing: 1px; color:#FFF; text-transform: uppercase; font-weight: 600; opacity:1;}
div.mobile-menu ul li a:hover {text-decoration: none; opacity:1;}
div.mobile-menu ul li ul li:last-child { border-bottom:none;}
div.mobile-menu div.social-icons { text-align:center;}

div.mobile-menu ul li.page-item-2 a {background-color: #d52d1e;}
div.mobile-menu ul li.page-item-12 a {background-color: #6fb6d4;}
div.mobile-menu ul li.page-item-43 a {background-color: #ffcd1d; color: #2e426d;}
div.mobile-menu ul li.page-item-45 a {background-color: #69b04e;}
div.mobile-menu ul li.page-item-378 a {background-color: #2e426d; }
div.mobile-menu ul li.page-item-381 a {background-color: #d52d1e; }
div.mobile-menu a.btn-search {color: #666;}

div.mobile-menu ul.top-menu {padding-left: 0; height: auto; display: block;}
div.mobile-menu ul.top-menu li {list-style: none; float: none; margin: 0 0; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif; text-align: center;}
div.mobile-menu ul.top-menu li a {opacity: 1; color:#999; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding: 0 30px; font-size: 16px; text-align: center; display: block;}
div.mobile-menu ul.top-menu li a:hover {opacity: 1; text-decoration: none;}

div.mobile-menu ul.language-chooser {padding-left: 0; height: auto;  display: block; margin-bottom: 30px; text-align: center;}
div.mobile-menu ul.language-chooser li {list-style: none; display: inline-block; margin: 0 5px; font-size: 16px; color: #999; font-family: 'Montserrat', sans-serif; float: none;     min-width: 50px;}
div.mobile-menu ul.language-chooser li a {opacity: 1; color:#999; text-transform: uppercase; font-weight: 300;}
div.mobile-menu ul.language-chooser li a:hover {opacity: 1; text-decoration: none;}
div.mobile-menu ul.language-chooser li.active a {opacity: 1; color: #FFF; background-color: #999; border-radius: 50%; padding: 5px; font-size: 14px;}

div.social-icons { text-align:center; padding-top:34px;}
div.social-icons a { display:inline-block; margin:15px; font-size:12px; color:#666; opacity:0.8;}
div.social-icons a:hover { color:#AAA; opacity:1; text-decoration: none;}
div.social-icons a i { font-size:32px;}

div.placa-header-container {position: absolute; top: 100px; left: 0; height: 30px; z-index: 1000;}
div.placa-header {position: relative;}
div.placa-header:before {    content: '';
    position: absolute;
    top: 0;
    left: 0;
	border-top: 30px solid #fff;
    border-right: 30px solid transparent;
	width: 480px;}

div.placa-header-container-right {position: absolute; top: 432px; right: 480px; height: 30px; z-index: 1000;}
div.placa-header-right {position: relative;}
div.placa-header-right:before {    content: '';
    position: absolute;
    top: 0;
    left: 0;
	border-bottom: 30px solid #fff;
    border-left: 30px solid transparent;
	width: 480px;}

body.home div.placa-header-container-right {display: none;}

section.destacados-portada {height: 500px; width: 100%; background-color: #EBEBEB;}
section.destacados-portada div.cycle-slideshow div {height: 500px; width: 100%; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover;}

h4.cita-destacados-portada {text-align: center; margin: 30px auto 60px; color: #333; font-size: 18px; width: 60%; line-height: 180%;}
h4.cita-destacados-portada span {display: block; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 14px;     line-height: 190%;
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;}

.container-cifras-1 { padding: 15px 30px; color:#FFF; background-color: #d52d1e; }
.container-cifras-2 { padding: 15px 30px; color:#FFF; background-color: #6fb6d4; }
.container-cifras-3 { padding: 15px 30px; color:#FFF; background-color: #ffcd1d; }
.container-cifras-4 { padding: 15px 30px; color:#FFF; background-color: #69b04e; }

.container-cifras-1 , .container-cifras-2 , .container-cifras-3 , .container-cifras-4 { min-height: 200px; margin-bottom: 30px;     padding: 30px;
    text-align: center;}

.container-cifras-1 h3, .container-cifras-2 h3, .container-cifras-3 h3, .container-cifras-4 h3 { margin-top: 0; margin-bottom: 15px; font-size: 24px;}

.container-cifras-1 p, .container-cifras-2 p, .container-cifras-3 p, .container-cifras-4 p {font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 14px; line-height: 140%;}

section.container-video-gris {padding: 40px 0; width: 100%; background-color: #ebe5d0;}

.bg-image-programa {min-height: 360px; background-position: center center; background-size: cover; background-repeat: no-repeat; margin-bottom: 30px; }

.container-text-page p {margin-bottom: 30px;}
.container-text-page h3 {margin-bottom: 30px;}
.container-text-page figcaption {margin-bottom: 30px; font-size: 13px; line-height: 150%; margin-top: 10px; }
.container-text-page p.fuente {font-size: 13px;}

.section-noticias-home {background-color: #EBEBEB; padding: 30px 0 60px 0; width: 100%;}
.bx-wrapper {z-index:1; width: 95%!important; max-width: 95%!important;}
.bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: none; left: 0;}
.bx-wrapper .bx-controls-direction a {     transition: none; opacity: 0.4;}
.bx-wrapper .bx-controls-direction a.bx-prev {left:-4%;}
.bx-wrapper .bx-controls-direction a.bx-next {right:-4%;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -60px;}

ul.noticias-home li {background-color: #FFF;}

section.buscador-documentos-home {padding: 30px 0 90px 0; width: 100%; background-color: #ffcd1d; color: #2e426d; text-align: center;}
.buscador-documentos-home form {float: none; margin-top: 10px; width: 100%; margin-bottom: 15px}
.buscador-documentos-home form input#s {    width: 80%;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;}
.buscador-documentos-home form button#searchsubmit {border: none; background:none;}

/*Compartir Page*/
div.compartir { clear: both; margin: 60px 0; width: 100%; display: block; padding-top: 60px; border-top: 1px solid #CCC;}
div.compartir p { display: inline-block; margin-bottom: 15px; vertical-align: sub;}
ul.menu_social {  display: inline-block;}
ul.menu_social li { display: inline-block; margin: 0 7px;}
ul.menu_social li a { color: #FFF; text-decoration: none; border-radius: 30px; width: 30px; height: 30px; text-align: center; display: block;}
ul.menu_social li a i { font-size: 14px; vertical-align: middle;}
.menu_social li.email a{background-color:#000}
.menu_social li.facebook a{background-color:#3b5998}
.menu_social li.twitter a{background-color:#00aced}
.menu_social li.whatsapp a{background-color:#25D366}
.menu_social li.linkedin a{background-color:#0e76a8}

/*Category*/
body.page-id-45 {background-color: #EBEBEB;}
body.page-id-45 div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}
.repeat-noticias {min-height: 480px; margin-bottom: 30px; background-color: #FFF;}
.repeat-noticias h4  {background-color: #2e426d; color: #FFF; padding: 5px 5px; width: fit-content; letter-spacing: 1px; text-transform: uppercase;     text-align: center; margin-top: 5px; margin-bottom: 5px; margin-left: 15px; margin-right: 15px; font-size: 12px; font-weight: 300;}

.repeat-noticias h3 {font-size: 24px; margin-left: 15px; margin-right: 15px;}
.repeat-noticias h3 a {color: #2e426d}
.repeat-noticias h3 a:hover {text-decoration: none;}
.repeat-noticias p.fecha-noticia {font-family: 'Libre Baskerville', serif; font-style: italic;}
.thumb {background-color: #EBEBEB; margin-bottom: 15px; height: 240px; overflow: hidden;}
.thumb a {background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; width: 100%;}
.repeat-noticias p {font-size: 14px; line-height: 140%; margin-left: 15px; margin-right: 15px;}
p.fecha-noticia {font-family: 'Libre Baskerville', serif; font-style: italic;}

/*Videos*/
.thumb-video {position: relative;}
.thumb-video i {    position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 24px; text-align: center;}

/*Documentos*/
/*body.page-id-43 {background-color: #EBEBEB;}
body.page-id-43 div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}*/
.repeat-documento {margin-bottom: 5px; border-radius: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCC; padding-top: 5px;}
.repeat-documento:hover {}
.repeat-documento h3 {margin-top: 0; margin-bottom: 0; font-size: 16px;}
.repeat-documento h3 a {color: #666;}
.repeat-documento h3 a i { display: inline-block; margin-bottom: 5px; font-size: 20px; vertical-align: unset; margin-right: 10px;}
.repeat-documento h3 a:hover {text-decoration: none; color: #333;}
.repeat-documento h3 span {font-size: 12px; margin-bottom: 0; color:#999; font-family: 'Libre Baskerville', serif; font-style: italic; }

/*body.archive {background-color: #EBEBEB;}
body.archive div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}

body.search {background-color: #EBEBEB;}
body.search div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}*/

.filters {/*border: 1px solid #CCC;*/ margin-bottom: 15px; border-radius: 10px;}
.filters form {float: none; margin-top: -30px; width: 100%; margin-bottom: 15px}
.filters form input#s {    width: 80%;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;}
.filters form button#searchsubmit {border: none; background:none;}
select.categories {padding: 15px; display: block; margin: 10px 0 30px 0; font-size: 15px; border:1px solid #CCC; border-radius: 5px; background-color: #FFF; max-width: 100%; overflow: hidden; text-overflow: ellipsis; width: 90%; }
h3.title-archive {margin-bottom: 0; margin-top: -24px; font-size: 32px;}

/*Sidebar Recursos*/
ul.sidebar-recursos {padding-left: 0; border: 1px solid #CCC; border-radius: 10px; padding: 15px;}
ul.sidebar-recursos li {list-style: none; border-radius: 5px;}
ul.sidebar-recursos li a {display: block; padding: 5px; color: #666; border-radius: 5px;}
ul.sidebar-recursos li a:hover {background-color: #EBEBEB; text-decoration: none;}
ul.sidebar-recursos li.current-cat a {background-color: #EBEBEB;}
ul.sidebar-recursos li.current-cat ul li a {background-color: #FFF;}

.container-documentos {padding: 30px; border-radius: 10px; border: 1px solid #CCC;}

/*ul.sidebar-recursos .dropdown-menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: none;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0 rgba(0,0,0,.175);
}*/






/*Select Segunda Categoria*/
body.post-type-archive-documento select#cat2 {display: none;}
body.term-informes select#cat2 {display: none;}
body.term-mapas select#cat2 {display: none;}
body.term-estadisticas select#cat2 {display: none;}


/*Category*/
body.category {background-color: #FFF;}
body.category .repeat-noticias {min-height: auto;}
body.tag .repeat-noticias {min-height: auto;}

/*Conoce el Corredor*/

section.section-antecedentes {padding-bottom: 60px;}
section.section-antecedentes h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px;}
div.thumb-antecendentes {background-attachment: scroll; background-position: center 60px; background-size: cover; background-repeat: no-repeat; height: 400px;}

section.section-paises {padding-bottom: 20px; background-color: #e1e1e3; text-align: center;}
section.section-paises h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 60px;}

section.section-origen {padding-bottom: 60px; padding-top: 60px;}
section.section-origen h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px;}
div.thumb-origen {background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 400px;}

section.section-territorios {padding-bottom: 30px; background-color: #f6f6f6; text-align: center;}
section.section-territorios h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 60px;}
.repeat-territorio {text-align: center; margin-bottom: 30px;}
.repeat-territorio h4 {text-align: center; margin-bottom: 30px; margin-top: 30px; font-size: 22px;}
.repeat-territorio p {text-align: center; margin-top: 0;}
.repeat-territorio p a {width: 50%; display: block; padding: 3px; font-size: 12px; color: #FFF; background-color: #999; border-radius: 5px; text-decoration: none; opacity: 0.5; margin: 0 auto;}
.repeat-territorio p a:hover {opacity: 1;}
.repeat-territorio div {width:100%; height: 120px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #FFF;}

section.section-objetivos {padding-bottom: 60px; background-color: #e1e1e3;}
section.section-objetivos h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 60px;}
section.section-comite {padding-bottom: 60px; padding-top: 60px;}
section.section-comite h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px;}
div.thumb-comite {background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 400px;}
section.section-hitos {padding-bottom: 60px; background-color: #e1e1e3; padding-top: 60px;}
section.section-hitos h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 0;}
.content-hitos {padding: 30px; background-color: #FFF;}
.repeat-pais {text-align: center; margin-bottom: 30px;}
.repeat-pais h4 {text-align: center; margin-bottom: 30px; margin-top: 30px; font-size: 28px;}
.repeat-pais p {text-align: center; margin-top: 0;}
.repeat-pais p a {width: 50%; display: block; padding: 3px; font-size: 12px; color: #FFF; background-color: #999; border-radius: 5px; text-decoration: none; opacity: 0.5; margin: 0 auto;}
.repeat-pais p a:hover {opacity: 1;}
.repeat-pais div {width:100%; height: 140px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #FFF;}

.container-text-page ul {margin-bottom: 30px;}
.container-text-page ul li {margin-bottom: 10px;}

/*Construye el Corredor*/
.container-text-page h4 {line-height: 140%; font-size: 20px; margin-bottom: 30px;}
body.page-id-12 .container-text-page h4 {line-height: 140%; font-size: 20px; margin-bottom: 30px;}
.social-icons-construye {margin-bottom: 120px;}
.social-icons-construye a { display: inline-block; margin: 10px; font-size: 36px; color: #999; opacity: 0.8;}
.social-icons-construye a:hover {opacity: 1;}

/*Mapa Ilustrado*/
.map-container {width: 100%; height: 80vh; background-color: #EBEBEB; position: relative; overflow: hidden; box-sizing: border-box; cursor: move;}

body.page-id-994 div.placa-header-right {display: none;}

#drag_puntos {width: 5000px; position: relative; z-index: 100; height: 2472px;     background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;     top: -1200px;
    left: -200px;}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
a.punto-mapa{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

a.punto-mapa {position: absolute; display: block; border-radius: 20px; width: 20px; height: 20px; background-color: #333; z-index: 1000; cursor: pointer;}
body.page-id-994 .popover {border-radius: 0;}
body.page-id-994 h3.popover-title {font-weight: bold; background-color: #FFF; padding: 8px 8px 8px; margin: 0; font-size: 16px; font-family: 'Montserrat'; font-weight: bold; line-height: 18px; border-bottom: none; color: #444;}
body.page-id-994 .popover-content {line-height: 130%; font-size: 12px; padding: 0px 8px 8px; color: #444;}
a.popover-ver-mas {margin: 10px 0; background-color: #444; color: #FFF; border-radius: 2px; padding: 3px 6px; text-transform: uppercase; width: fit-content; display: inline-block; font-size: 8px;}


body.page-id-994 .titulo-page-994 {position: absolute; background-color: #FFF; border-radius: 5px; padding: 30px; bottom: 0; right: 60px; z-index: 2000;}
body.page-id-994 .titulo-page-994 h2 {color: #2e426d; margin-top: 0; margin-bottom: 5px; background-color: #FFF; padding: 0; font-weight: 700;}
body.page-id-994 .titulo-page-994 p {color: #2e426d; font-size: 14px;}
body.page-id-994 .titulo-page-994 p a {background-color: #2e426d; font-size: 14px; display: block;
    width: fit-content;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
    padding: 2px 5px;
    LINE-HEIGHT: 130%;
    margin-top: 10px;}
body.page-id-994 .modal-dialog {width: 60%;}
body.page-id-994 .modal-body {padding: 30px;}


form.wpcf7-form {padding: 30px; border-radius: 30px; border: 1px solid #CCC; background-color: #FFF; margin-bottom: 30px;}
form.wpcf7-form label {width: 100%;}
form.wpcf7-form label span {display: block; margin-bottom: 5px;}
form.wpcf7-form input, form.wpcf7-form textarea {padding: 10px; border-radius: 5px; border:1px solid #999; width: 100%; color: #666;}
form.wpcf7-form input.wpcf7-submit { color: #FFF; border:none; background-color: #6fb6d4;}
.wpcf7 form.sent .wpcf7-response-output { background-color: #46b450; border: none; padding: 20px; color: #FFF;}

/*Links de Interes*/

body.page-id-378 div.panel-group { margin-top: 30px; margin-bottom: 60px;}
body.page-id-378 div.panel-group div.panel-default { box-shadow: none; border: none; border-radius: 0; }
body.page-id-378 div.panel-group div.panel-default div.panel-heading {  background: none; border: none; border-top: 1px solid #CCC; padding:15px 15px;}
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 { font-size: 18px; font-weight: 700; margin-bottom: 0;}
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 a { display: block; color: #2e426d;
    font-size: 20px;}
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 a:hover  { text-decoration: none; }
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 a:focus  { text-decoration: none; }
body.page-id-378 div.panel-group div.panel-default ul.list-group { padding-left: 0; border-radius: 0; box-shadow: none;}
body.page-id-378 div.panel-group div.panel-default ul.list-group li { padding-left: 20px; list-style: none; margin: 10px; font-size: 12px;}
body.page-id-378 div.panel-group div.panel-default ul.list-group li a { color:#000; opacity: 0.8; text-decoration: none;}
body.page-id-378 div.panel-group div.panel-default ul.list-group li a:hover { color:#000; opacity: 0.8; text-decoration: none;}

.panel-heading [data-toggle="collapse"].collapsed:after{
    content: "+ ";
    float: right;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}
.panel-heading [data-toggle="collapse"]:after {
    content: "- ";
    float: right;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}


/*Rueda de Negocios*/

body.page-id-663 table {border: 1px solid #CCC;
    margin-bottom: 30px;}

/*Negocios*/

.repeat-negocio {padding: 30px 0;}
.container-text-page .repeat-negocio p { margin-bottom: 10px;}
.container-text-page .repeat-negocio h3 { margin-bottom: 10px;}
.container-galeria {height: auto; margin-bottom: 120px;}
/* Pager Slider */
.cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 60px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; font-size: 60px; width: 40px; height: 40px; margin: 0 0;
    display: inline-block; color: #CCC; cursor: pointer; opacity: 0.6;
}
.cycle-pager span.cycle-pager-active { color: #CCC; opacity: 1;}
.cycle-pager > * { cursor: pointer;}


/*Footer*/

section.subscribe {padding: 60px 0; width: 100%; background-color: #FFF;}
section.subscribe form input#fieldEmail {display: inline-block; margin: 10px; width: 300px; border-radius: 2px; border:1px solid #CCC; padding: 5px 10px;}
section.subscribe button {border-radius: 2px; border:none; background-color: #666; color: #FFF; display: inline-block; margin: 10px; padding: 5px 10px;}

footer {text-align: center; color: #999; font-size: 11px; padding: 0 0 0 0; background-color: #f0f0f0;}
.logo-footer {width: 70%; height: auto; margin-top: 60px;}
.banderas-footer {width: 120px; height: auto; float: right; margin-top: 76px;}

.container-logos-footer {text-align: center;}
.container-logos-footer img.logos-footer {width: 75%; height: auto; margin: 30px auto;}

ul.menu-footer {padding-left: 0; height: 20px; margin-top: 70px; text-align: center;}
ul.menu-footer li {list-style: none; display: inline-block; margin: 0 10px; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif;}
ul.menu-footer li a {opacity: 0.6; color:#666; text-transform: uppercase;}
ul.menu-footer li a:hover {opacity: 1; text-decoration: none;}

div.social-icons-footer {text-align: center; margin: 60px 0;}
div.social-icons-footer a {display: inline-block; margin: 20px; color: #666; opacity: 0.8;}
div.social-icons-footer a i {font-size: 20px;}
div.social-icons-footer a:hover {opacity: 1;}

/* Large desktop */
@media (min-width: 1200px) {

	div.container {width: 98%;}
	header h1 {width: 340px;}

}

/* Desktop 1024 */
@media (min-width: 1140px) and (max-width: 1199px) {

	div.container {width: 98%;}
	ul.menu-desktop li a {padding: 4px 10px; font-size: 11px;}
	ul.menu-desktop {float: right;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1139px) {

	header ul.menu-desktop {display: none;}
	header ul.language-chooser {display: none;}
	header ul.top-menu {display: none;}
	a.btn-top-menu {display: block}
    ul.menu-desktop li {list-style: none; float: left; font-size: 9px;}

}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {

	header h1 {margin: 0; width: 360px; height:  80px; margin-bottom: 10px;}
	header h1 a {background-size: contain;}
	header ul.menu-desktop {display: none;}
	header ul.language-chooser {display: none;}
	header ul.top-menu {display: none;}
	a.btn-top-menu {display: block}
	div.placa-header-container {left:0}
	div.placa-header:before {width: 200px;}
	div.placa-header-container-right {right: 200px;}
	div.placa-header-right:before {width: 200px;}

	h4.cita-destacados-portada {width: 95%;}

.logo-footer {width: 90%; height: auto; margin-top: 60px;}
.banderas-footer {width: 120px; height: auto; float: none; margin-top: 80px;}
.container-logos-footer {text-align: center;}
.container-logos-footer img.logos-footer {width: 90%; height: auto; margin: 30px auto;}
ul.menu-footer {padding-left: 0; height: 20px; margin-top: 80px;}
ul.menu-footer li {list-style: none; float: none; margin: 0 10px; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif;}

}

/* Landscape phones and down */
@media (max-width: 480px) {

	header h1 {margin: 0; width: 300px; height:  80px; margin-bottom: 10px;}
	header h1 a {background-size: contain;}
	header ul.menu-desktop {display: none;}
	header ul.language-chooser {display: none;}
	header ul.top-menu {display: none;}
	a.btn-top-menu {display: block}
	div.placa-header-container {left:0}
	div.placa-header:before {width: 200px;}
	div.placa-header-container-right {right: 200px;}
	div.placa-header-right:before {width: 200px;}

	h4.cita-destacados-portada {width: 95%;}

.logo-footer {width: 90%; height: auto; margin-top: 60px;}
.banderas-footer {width: 120px; height: auto; float: none; margin-top: 80px;}
.container-logos-footer {text-align: center;}
.container-logos-footer img.logos-footer {width: 90%; height: auto; margin: 30px auto;}
ul.menu-footer {padding-left: 0; height: auto; margin-top: 80px;}
ul.menu-footer li {list-style: none; float: none; margin: 0 10px; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif;}

}



ul.sidebar-recursos li {
    list-style: none;
    border-radius: 5px;
    display: block;
    padding: 5px;
    color: #666;
    border-radius: 5px;
}
ul.sidebar-recursos li a {
    color: #666;
    display: inline;
}
ul.sidebar-recursos li a:hover{
  background-color: transparent;
  text-decoration: none;
}
ul.children{
  height:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:all 0.33s ease;
}
.has-children{
  position: relative;
}
.has-children::before{
  content: "";
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 14px;
    width: 10px;
    height: 1px;
    background: #666;
    opacity: 0.5;
    transition:all 0.33s ease;
    transform: rotate(45deg);
}
.has-children::after{
  cursor: pointer;
  content: "";
  position: absolute;
  top: 20px;
  right: 6px;
  width: 10px;
  height: 1px;
  background: #666;
  opacity: 0.5;
  transition:all 0.33s ease;
  transform: rotate(-45deg);
}
.has-children:hover::after{
transform: rotate(45deg);
}
.has-children:hover::before{
transform: rotate(-45deg);
}
ul.sidebar-recursos li:hover .children{
  height:auto;
  max-height:900px;
  opacity:1;
}
ul.sidebar-recursos li:hover .children .children{
  height:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
}
ul.sidebar-recursos li:hover .children li:hover .children{
  height:auto;
  max-height:900px;
  opacity:1;
}
select{
  border: 1px solid #666;
    border-radius: 5px;
    display: block;
    width: calc(100% - 10px);
    margin: 5px;
    margin-top:15px;
    padding: 5px 3px;
}