body{
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -0.2px;
    background-color: #F7F8FB;
    color: #3C3C3C;
}
.roboto{
    font-family: 'Roboto', sans-serif;
}
.modal-backdrop.in{
    opacity: 0.8;
}
/* Dropdown Button */
.dropbtn, .dropbtn-default, .dropbtn-mi-empresa,.dropbtn-servicios,.dropbtn-asesoria,.dropbtn-fortalecer,.dropbtn-region,.dropbtn-ev-es,.dropbtn-ev-in,.dropbtn, .dropbtn-camara{
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    white-space: inherit;
    border-radius: 0;
}

.dropbtn-informes{
    background-color: #6a6a6a !important;
} 

.dropbtn .arrow, .dropbtn-default .arrow, .dropbtn-mi-empresa .arrow,.dropbtn-servicios .arrow,.dropbtn-asesoria .arrow,.dropbtn-fortalecer .arrow,.dropbtn-region .arrow,.dropbtn-ev-es .arrow, .dropbtn-ev-in .arrow, .dropbtn-camara .arrow{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 7px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 45px;
}
.dp-content{
    position: relative !important;
    top: 0px !important;
}
.dp-content:hover a{
    background-color: transparent !important;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

#div-logo{
    display: block;
    z-index: 5;
}
#div-logo a{
    position: absolute;
    width: 80%;
    height: 100%;
    display: inline-block;
}
/* Dropdown */
.dropbtn-mi-empresa:hover, .dropbtn-mi-empresa:focus, .dropbtn-mi-empresa.active{
  background-image: url(../images/bk-btn-focus-crear.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white !important;
}
.dropbtn-mi-empresa:focus #arrow{
    content: url(../images/arrow-white.png) !important;
}
#myDropdown-mi-empresa{
    background-image: url(../images/bk-li.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dropbtn-servicios:hover, .dropbtn-servicios:focus, .dropbtn-servicios.active{
    background-image: url(../images/bk-btn-focus-servicios.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: white !important;
}
.dropbtn-servicios:focus #arrow{
    content: url(../images/arrow-white.png) !important;
}
.dropbtn-camara:hover, .dropbtn-camara:focus, .dropbtn-camara.active,
.dropbtn-region:hover, .dropbtn-region:focus, .dropbtn-region.active{
    background: rgb(250,17,38);
    background: linear-gradient(180deg, rgba(250,17,38,1) 0%, rgba(172,6,13,1) 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: white !important;
    border-radius: 0;
}

.regio-mod .dropbtn-region:hover, .regio-mod .dropbtn-region:focus, .regio-mod .dropbtn-region.active{
    background: rgb(73, 204, 100);
    background: linear-gradient(rgb(73, 204, 100) 0%, rgb(50, 161, 72) 100%);
}
.dropbtn-camara:hover a.div-link, .dropbtn-camara:focus a.div-link,
.dropbtn-servicios:hover a.div-link, .dropbtn-servicios:focus a.div-link,
.dropbtn-mi-empresa:hover a.div-link, .dropbtn-mi-empresa:focus a.div-link,
.dropbtn-fortalecer:hover a.div-link, .dropbtn-fortalecer:focus a.div-link,
.dropbtn-region:hover a.div-link, .dropbtn-region:focus a.div-link{
    color: #FFF;
    border-radius: 0;
}
.dark .dropbtn-camara:hover, .dark .dropbtn-camara:focus, .dark .dropbtn-camara.active,
.dark .dropbtn-region:hover, .dark .dropbtn-region:focus, .dark .dropbtn-region.active {
    color: rgb(255, 255, 255);
    background: inherit;
}
.dark .well {
    background: inherit;
}
.dark .collapse.camara {
    background: white;
    padding-left: 22px;
}
.collapse.mi-empresa{
  background-color: #119988;
}
.collapse.camara{
    background-color: #fa1126;
}
.collapse.camara.active{
    background-color: #fa1126;
/*    background-color: #cecece;*/
}
.collapse.camara a, .collapse.camara a:hover {
    color: #fff;
}
.collapse.camara.active a, .collapse.camara.active a:hover {
    color: #fff;
}
.collapse.region{
    background-color: #fa1126;
}
.regio-mod-sub.collapse.region{
     background-color: #40AE56;
}
.collapse.servicios{
  background-color: #5544ea;
}
.collapse.fortalecer{
  background-color: #d77327;
}
.child-link{
    white-space: inherit;
}
.child-link:hover{
    text-decoration: underline;
}
#myDropdown-servicios{
    background-image: url(../images/bk-li-servicios.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dropbtn-fortalecer:hover, .dropbtn-fortalecer:focus, .dropbtn-fortalecer.active{
  background-image: url(../images/bk-btn-focus-asesoria.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white !important;
}
.dropbtn-fortalecer:focus #arrow{
  content: url(../images/arrow-white.png) !important;
}
.dropbtn-fortalecer:focus #arrow{
    content: url(../images/arrow-white.png) !important;
}
#myDropdown-asesoria{
    background-image: url(../images/bk-li-asesoria.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dropbtn-region:focus{
    background-image: url(../images/bk-btn-focus-region.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: white !important;
    font-size: 14px !important;
    font-weight: bold;
    width: 36.4vh !important;
}
.dropbtn-region:focus #arrow{
    content: url(../images/arrow-white.png) !important;
}
#myDropdown-ev-es{
    background-image: url(../images/bk-li-camara.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#myDropdown-ev-in{
    background-image: url(../images/bk-li-camara.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#myDropdown-menu{
    top: 55px !important;
    z-index: 6;
    background-color: white;
    border-bottom-left-radius: 20px;
}
#dp-menu{
    background-color: transparent;
    position: relative;
}
#dp-menu:focus, #dp-menu:hover, #dp-menu.active{
    background: linear-gradient(315deg, rgba(250,17,38,1) 10%, rgba(167,0,15,1) 100%) !important;
    color: white !important;
    outline: none;
}
#dp-menu:after{
    background: url(../images/arrow-gray.png) no-repeat center center !important;
    position: absolute;
    right: 10px;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    content: "";
}
#dp-menu:focus:after, #dp-menu.active:after{
    background: url(../images/arrow-white.png) no-repeat center center !important;
    right: 5px;
}
#dp-menu:focus #icon-dp-menu{
    content: url(../images/launch-white.png) !important;
}
#head-dp-menu{
    background-image: url(../images/header-tramites.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: white;
    height: 20vh;
}
#nav-1-1{
    height: 100%;
}
#mynavbar{
    height: 100%;
}
#ul-nav-1{
    height: 100%;
}
#li-nav-1{
    height: 100%;
}
#a-nav{
    height: 100%;
}
#nav-red{
    height: 100%;
}
#li-nav-green:focus, #li-nav-green.active{
    background: rgb(18,171,151);
    background: linear-gradient(180deg, rgba(18,171,151,1) 0%, rgba(167,224,95,1) 200%);
    color: white !important;
    /*height: 55px !important;*/
    z-index: 5;
    background-color: transparent !important;
    /*font-weight: bold !important;*/
}
#myDropdown-green{
  background: rgb(18,171,151);
  background: linear-gradient(180deg, rgba(18,171,151,1) 0%, rgba(167,224,95,1) 200%);
}
#li-nav-orange:focus, #li-nav-orange.active{
    background: rgb(240,113,42);
    background: linear-gradient(180deg, rgba(240,113,42,1) 0%, rgba(252,203,74,1) 200%);
    color: white !important;
    /*height: 55px !important;*/
    z-index: 5;
    background-color: transparent !important;
    /*font-weight: bold !important;*/
}
#myDropdown-orange{
  background: rgb(240,113,42);
  background: linear-gradient(180deg, rgba(240,113,42,1) 0%, rgba(252,203,74,1) 200%);
}
#li-nav-red:focus, #li-nav-red.active{
    background: rgb(220,35,40);
    background: linear-gradient(180deg, rgba(220,35,40, 1) 0%, rgba(255,114,179, 1) 200%);
    color: white !important;
    /*height: 55px !important;*/
    z-index: 5;
    background-color: transparent !important;
    /*font-weight: bold !important;*/
}
#myDropdown-red{
    background: rgb(220,35,40);
    background: linear-gradient(180deg, rgba(220,35,40, 1) 0%, rgba(255,114,179, 1) 200%);
}
#li-nav-region:focus, #li-nav-region.active {
    background: rgb(64, 174, 86);
    background: linear-gradient(rgb(73, 204, 100) 0%, rgb(64, 174, 86) 100%);
    color: white !important;
    /*height: 55px !important;*/
    z-index: 5;
    background-color: transparent !important;
    /*font-weight: bold !important;*/
}
#myDropdown-region {
     background: rgb(64, 174, 86);
    background: linear-gradient(rgb(73, 204, 100) 0%, rgb(64, 174, 86) 100%);
}
#li-nav-blue:focus, #li-nav-blue.active{
    background: rgb(100,84,240);
    background: linear-gradient(180deg, rgba(100,84,240,1) 0%, rgba(110,226,245,1) 200%);
    color: white !important;
    /*height: 55px !important;*/
    z-index: 5;
    background-color: transparent !important;
    /*font-weight: bold !important;*/
}
#myDropdown-blue{
  background: rgb(100,84,240);
  background: linear-gradient(180deg, rgba(100,84,240,1) 0%, rgba(110,226,245,1) 200%);
}
#li-nav-green:focus #icon-green, #li-nav-green.active #icon-green{
    content: url(../images/launch-green-white.png) !important;
}
#li-nav-orange:focus #icon-orange, #li-nav-orange.active #icon-orange{
    content: url(../images/launch-orange-white.png) !important;
}
#li-nav-red:focus #icon-red, #li-nav-red.active #icon-red{
    content: url(../images/launch-red-white.png) !important;
}
#li-nav-blue:focus #icon-blue, #li-nav-blue.active #icon-blue{
    content: url(../images/launch-blue-white.png) !important;
}
#li-nav-region:focus #icon-region, #li-nav-region.active #icon-region{
    content: url(../images/region-md-white.png) !important;
}
#dp-a-g, #dp-a-o, #dp-a-r, #dp-a-b:hover {
    background-color: transparent;
}
#myDropdown-green,#myDropdown-orange,#myDropdown-red,#myDropdown-blue{
    z-index: 4;
}
#myDropdown-green .link,#myDropdown-orange .link,#myDropdown-red .link,#myDropdown-blue .link, #myDropdown-region .link{
  position: relative;
}
#myDropdown-green .link:hover{
  background: rgb(18,171,151);
  background: linear-gradient(90deg, rgb(13 136 120) 0%, rgb(108 190 112) 200%);
}
#myDropdown-region .link:hover{
  background: rgb(54 150 74);
  background: linear-gradient(rgb(58 154 78) 0%, rgb(36 127 54) 100%);
}
#myDropdown-orange .link:hover{
  background: rgb(18,171,151);
  background: linear-gradient(90deg, rgb(227 106 39) 0%, rgb(231 186 69) 200%);
}
#myDropdown-red .link:hover{
  background: rgb(18,171,151);
  background: linear-gradient(90deg, rgb(206 34 39) 0%, rgb(210 96 149) 200%);
}
#myDropdown-blue .link:hover{
  background: rgb(100,84,240);
  background: linear-gradient(90deg, rgb(68 54 192) 0%, rgb(97 196 212) 200%)
}
#myDropdown-green .link .arrow, #myDropdown-orange .link .arrow, #myDropdown-red .link .arrow, #myDropdown-blue .link .arrow, #myDropdown-region .link .arrow {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  right: 7px;
}
#a-nav:hover, #a-nav:focus, #li-nav-1:hover{
    background-color: #191919 !important;
    color: #df1a2e !important;
    border-bottom: solid 5px #df1a2e;
}
.mi-empresa blockquote{
  border-color: #19AD94;
}
.fortalecer blockquote{
  border-color: #f38230;
}
.servicios blockquote{
  border-color: #6676f1;
}
button{
    outline: none !important;
}
#navbar{
    background-color: rgba(0, 0, 0, 0.9);
}
#navbar-b{
    min-height: auto !important;
    height: 47px;
    /*background-color: #FFF;*/
}
#ul-nav-b, #li-nav-green, #li-nav-orange, #li-nav-red, #li-nav-blue, #li-nav-region{
    height: 47px !important;
    /*background: rgb(255 255 255);
    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 100%);*/
}
#li-nav-b, #li-nav-green, #li-nav-orange, #li-nav-red, #li-nav-blue, #li-nav-region{
    width: 170px;
}

#section-1{
    background-image: url(../images/bk-2.png);
    min-height: 550px;/*85vh;*/
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#section-home-1{
    background-image: url(../images/bk-avion.png);
    height: 90vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#nav-left-red{
    width: 27% !important;
    height: 100%;
    background-image: url(../images/bk-red-union.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#nav-left-red p{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}

#btn-red-1{
    width: 100%;
    background: linear-gradient(315deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    height: 55px;
}
#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 5; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
  
#btn-red-2{
    width: 100%;
    background: linear-gradient(315deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    height: 55px;
}
#input-comb,
.content-buscador-directorio {
    height: 58px !important;
    width: 100%;
}
[data-seccion="buscador-directorio-ccb"] {
    background-image: url(../images/bk-2.png);
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-seccion="buscador-directorio-ccb"] > * {
    width: 70vw;
    max-width: 1000px;
}

#busqueda,
#txt-comb,
.search-directorio-input{
    width: 100%;
    height: 100%;
    color: black;
    -webkit-padding-before: 0;
    -webkit-padding-after: 0;
}
#busqueda::placeholder,
#txt-comb::placeholder,
.search-directorio-input::placeholder{
    color: black;
}
#sel1{
    width: 50px !important;
    height: 48px !important;
}
#section-2{
    background-color: #F5F5F5;
}
#section-2-1{
    bottom: 100px;
}
#section-2-1 .title{
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
#section-2-1 .items{
    margin-top: 10px;
}

#section-2-1 .items .item-home-destacado{
    display: inline-block;
    width: 18%;
    margin: 0px 0.8%;
    vertical-align: top;
    position: relative;
}

#section-2-1 .items .item-home-destacado p{
    position: absolute;
    bottom: 5px;
    width: 70%;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
#div-emp-1{
    background-color: transparent;
    height: 120px;
    color: white;
    background-image: url(../images/programa-empresario.png);
    filter: grayscale(100%);
}
#div-emp-1:hover{
    filter: grayscale(0%);
}
#div-emp-2{
    background-color: transparent;
    height: 120px;
    color: white;
    background-image: url(../images/eventos-empresarios.png);
    filter: grayscale(100%);
}
#div-emp-2:hover{
    filter: grayscale(0%);
}
#div-emp-3{
    background-color: transparent;
    height: 120px;
    color: white;
    background-image: url(../images/actualidad-empresarial.png);
    filter: grayscale(100%);
}
#div-emp-3:hover{
    filter: grayscale(0%);
}
#div-emp-4{
    background-color: transparent;
    height: 120px;
    color: white;
    background-image: url(../images/servicios-empresarios.png);
    filter: grayscale(100%);
}
#div-emp-4:hover{
    filter: grayscale(0%);
}
#div-emp-5{
    background-image: url(../images/red-afiliados.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 120px;
    color: white;
}
#txt-hoy{
    margin-top: -50px
}
#section-2-2 .item-funcion{
    display: inline-block;
    width: 18%;
    margin: 0 0.86%;
}
#div-funciones-1, #div-funciones-2, #div-funciones-3, #div-funciones-4, #div-funciones-5, #div-funciones-6, #div-funciones-7, #div-funciones-8, #div-funciones-9, #div-funciones-10, #div-funciones-11,#div-funciones-12 {
    height: 221px;
    background: white;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}
#div-funciones-1:hover{
    color: white !important;
    background: linear-gradient(197deg, rgba(110,226,245,1) 13%, rgba(100,84,240,1) 90%) !important;
}
#div-funciones-1:hover #icon-funciones-1{
    content: url(../images/cde-bk.png) !important;
}
#div-funciones-1:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-2:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-2:hover #icon-funciones-2{
    content: url(../images/launch-white.png) !important;
}
#div-funciones-2:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-3:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-3:hover #icon-funciones-3{
    content: url(../images/ppk-white.png) !important;
}
#div-funciones-3:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-4:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-4:hover #icon-funciones-4{
    content: url(../images/icon-proyecto.png) !important;
}
#div-funciones-4:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-5:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-5:hover #icon-funciones-5{
    content: url(../images/region-md-white.png) !important;
}
#div-funciones-5:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-6:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-6:hover #icon-funciones-6{
    content: url(../images/listAlt_white.png) !important;
}
#div-funciones-6:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-7:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-7:hover #icon-funciones-7{
    content: url(../images/audience-white.png) !important;
}
#div-funciones-7:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-8:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-8:hover #icon-funciones-8{
    content: url(../images/target-white.png) !important;
}
#div-funciones-8:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-9:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-9:hover #icon-funciones-9{
    content: url(../images/handshake-white.png) !important;
}
#div-funciones-9:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-10:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-10:hover #icon-funciones-10{
    content: url(../images/loupe-white.png) !important;
}
#div-funciones-10:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-11:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-11:hover #icon-funciones-11{
    content: url(../images/crear-white.png) !important;
}
#div-funciones-11:hover .saber-funciones-txt{
    color: white !important;
}
#div-funciones-12:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-12:hover{
    color: white !important;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-funciones-12:hover #icon-funciones-12{
    content: url(../images/icono-CCB-BLANCO.png) !important;
}
#title-div-funciones{
    height: 50px;
}
#txt-div-funciones{
    height: 58px;
}
#div-ev-h-1{
    height: 110px;
}
#div-not-h-1{
    height: 130px;
}
#div-video{
    box-shadow: 2px 2px 8px 1px rgb(0 0 0 / 5%);
    height: 544px;
    border: solid 1px #f3f3f3;
}
#div-inf{
    box-shadow: 2px 2px 8px 1px rgb(0 0 0 / 5%);
    background-color: #FFF;
    border: solid 1px #f3f3f3;
    height: 261px;
}
#div-inf:hover{
    color: white;
    background: linear-gradient(180deg, rgba(250,17,38,1) 13%, rgba(172,6,13,1) 90%);
}
#div-inf:hover #saber-txt-inf{
    color: white !important;
}

#btn-ver{
    width: 347px;
    height: 39px;
}
#btn-saber{
    width: 274px;
    height: 39px;
}
#btn-vamos{
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    width: 138px;
    height: 30px;
    color: white;
}
.btn.btn-red{
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    color: white;
    border-radius: 20px;
    border: none;
    padding: 10px 15px;
}
.btn.btn-red-monocolor{
    background: rgba(250,17,38,1);
    color: white;
    border-radius: 20px;
    border: none;
    padding: 10px 15px;
}
.btn.btn-black-monocolor{
    background: #0c0c0c;
    color: white;
    border-radius: 16px;
    border: none;
    padding: 10px 15px;
}
#section-4{
    background-color: #F7F8FB;
}
#div-slider{
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}
#content-slider{
    background-color: white;
    height: 100%;
}
#content-slider .input-group{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#txt-taller:hover{
    color: red;
    text-decoration: underline red;
    cursor: pointer;
}
#div-eventos, #div-conv-basicas{
    background-color: white;
    height: 261px;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
    overflow: hidden;
}
#div-eventos:hover #saber-txt-ev, #div-conv-basicas:hover #saber-txt-conv {
    color: white !important;
}
#div-eventos:hover, #div-conv-basicas:hover  {
    cursor: pointer;
    color: white !important;
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
}
#div-eventos:hover #txt-fecha-ev, #div-conv-basicas:hover #txt-fecha-conv{
    color: black !important;
}
/*#div-eventos:hover #btn-inscripcion{
    background-color: white !important;
    color: black !important;
}*/
#div-eventos:hover #btn-inscripcion-comb, #div-conv-basicas:hover #btn-inscripcion-comb{
    background-color: white !important;
    color: black !important;
}

.item-evento-home .view-image {
    display: block;
    position: relative;
    height: 110px;
    overflow: hidden;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.item-evento-home .view-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 150px;
}
.item-evento-home .btn-inscripcion{
    position: absolute;
    right: 5px;
    top: 5px;
}
.item-evento-home .btn-afiliados{
    position: absolute;
    left: 5px;
    top: 5px;
    right: auto;
    background: #d8182a;
}
.slider-content-ev-es{
    
}
.slider-content-ev-es-int{
    height: 761px !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}
.slider-content-ev-es-int .float-right{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#div-ev-es-2{
    bottom: 60px;
}
#div-top-ev-es{
    height: 240px;
}
#div-ev-es{
    height: 240px;
    box-shadow: 2px 2px 8px 1px rgb(0 0 0 / 5%);
    overflow: hidden;
}
#div-ev-es:hover{
    cursor: pointer;
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%) !important;
    color: white !important;
}
#div-ev-es:hover #txt-body-ev-es{
    color: white !important;
}
#div-ev-es:hover #div-ev-es-fecha{
    color: black !important;
}
#div-ev-es:hover #saber-ev-es{
    color: black !important;
}
#txt-div-ev-es{
    height: 90px;
}
#btn-inscripcion{
    background-color: #3C3C3C;
    color: white;
}
#btn-exclusivo{
    background-color: #4A9DFF;
    color: white;
}
#btn-exclusivo-comb{
    background-color: #4A9DFF;
    color: white;
    height: 28px;
}
#btn-inscripcion-comb{
    background-color: #3C3C3C;
    color: white;
    height: 28px;
}
#section-footer-1{
    background-image: url(../images/bk-footer-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    min-height: 362px;
    padding: 0px;
}
.fondo-red-degrade{
    background: rgb(240,40,81);
    background: linear-gradient(90deg, rgba(240,40,81,1) 50%, rgba(111,16,86,1) 100%);
}
div#section-footer-1:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 240px;
  z-index: -1;
  background: rgb(240,11,81);
  background: linear-gradient(90deg, rgba(240,11,81,1) 20%, rgba(102,0,86,1) 75%);
}
#btn-icon{
    background-color: transparent;
    color: #FFF;
}

#btn-icon:hover, #btn-icon:focus{
    color: white;
    background-color: black !important;
    border-color: #000;
}
#section-footer-2{
    background-image: url(../images/bk-black.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 374px;
}
#div-sombra-overlay{
    background-color: rgba(0, 0, 0, 0.8);
    /* width: 399px; */
    height: 39px;
}
#btn-overlay{
    width: 20%;
    z-index: 3;
    left: 78%;
}
#btn-buscar-overlay{
    background: linear-gradient(0deg, rgba(198,0,18,1) 0%, rgba(250,17,38,1) 35%);
    width: 100%;
    height: 46px;
    z-index: 3;
}
#div-sombra{
    background-color: rgba(0, 0, 0, 0.3);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    /* width: 399px; */
    height: 39px;
}
#btn-sombra-1{
    background-color: #FA1126;
}
#btn-sombra-2{
    height: 31px;
}
ul#ul-datos {
    list-style: none; /* Quitamos los marcadores */
    padding: 0; /* Quitamos el padding por defecto de la lista */
    margin-left: 10px; /* Separamos la lista de la izquierda */
}
    
li#li-datos::before { /* Añadimos contenido antes de cada elemento de la lista */
    content: "\2022"; /* Insertamos el marcador */
    color: red; /* Coloreamos la viñeta */
}
ul#ul-images{
    list-style-image: url("../images/phone.png");
}
li#li-images-loc{
    list-style-image: url("../images/loc.png") !important;
}
#circle-redes{
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    width: 28px;
    height: 28px;
    cursor: pointer;
}
#footer-derechos{
    background-color: #1C1C1C;
}
/* Página Crear estilos */
#section-crear-1{
    background-image: url(../images/bk-crear.png);
    height: 90vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-crear-2{
    background-color: #F7F8FB;
}
#section-crear-2-1{
    top: -100px;
}
#section-crear-2-1 .bg-white{
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
}
#div-crear-1, #div-asesoria-1, #div-servicios-1, #div-region-1{
    height: 150px;
}
#div-servicios-2{
    height: 160px;
}
#div-ul-nt-1{
    height: 120px;
}
#div-op, #div-op-as, #div-op-se, #div-op-re{
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 4%);
    height: 271px;
}
#div-op:hover{
    cursor: pointer;
    color: white !important;
    background: linear-gradient(180deg, rgba(167,224,95,1) 13%, rgba(18,171,151,1) 90%) !important;
}
#div-op:hover #div-crear-1{
    margin-top: 78px !important;
}
#div-op:hover #txt-saber{
    color: white !important;
}
#div-op:hover #head-div-op{
    display: none;
}
#div-op-as:hover{
    cursor: pointer;
    color: white !important;
    background: linear-gradient(180deg, rgba(252,203,74,1) 13%, rgba(240,113,42,1) 90%) !important;
}
#div-op-as:hover #div-crear-1{
    margin-top: 78px !important;
}
#div-op-as:hover #txt-saber{
    color: white !important;
}
#div-op-as:hover #head-div-op-as{
    display: none;
}
#div-op-se:hover{
    cursor: pointer;
    color: white !important;
    background: linear-gradient(180deg, rgba(110,226,245,1) 13%, rgba(100,84,240,1) 90%) !important;
}
#div-op-se:hover #div-crear-1{
    margin-top: 78px !important;
}
#div-op-se:hover #div-crear-2{
    margin-top: 68px !important;
}
#div-op-se:hover #txt-saber{
    color: white !important;
}
#div-op-se:hover #head-div-op-se{
    display: none;
}
#div-op-re:hover{
    cursor: pointer;
    color: white !important;
    background: linear-gradient(0deg, rgba(98,50,108,1) 13%, rgba(166,64,104,1) 90%) !important;
}
#div-op-re:hover #div-region-1{
    margin-top: 78px !important;
}
#div-op-re:hover #txt-saber{
    color: white !important;
}
#div-op-re:hover #head-div-op-re{
    display: none;
}
#div-noticias-2:hover{
    cursor: pointer;
    color: white !important;
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%) !important;
}
#div-noticias-2:hover #div-ul-nt-1{
    margin-top: 60px !important;
}
#div-noticias-2:hover #saber-noticias{
    color: white !important;
}
#div-noticias-2:hover #head-div-noticias{
    display: none;
}
#section-footer-crear-1{
    background-image: url(../images/bk-footer-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 50vh;
    background-color: #F7F8FB;
}
#section-footer-crear-2{
    background-image: url(../images/bk-footer-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 76vh;
    background-color: #F7F8FB;
}
#section-footer-interior{
/*    background: linear-gradient(90deg, rgba(240,11,81,1) 20%, rgb(122 14 85) 75%);*/
    background: linear-gradient(90deg, rgba(237, 14, 82,1) 20%, rgb(194, 18, 90) 75%);
    background-image: url(../images/bk-footer-3.png);
    background-repeat: no-repeat;
/*    background-position: center center;*/
/*    background-size: auto 500px;*/
/*    height: 500px;*/
    background-position: bottom;
    background-size: contain;
    min-height: 500px;
}
div#section-footer-interior:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  /*  height: 451px;*/
  height: 100%;
  z-index: -1;
  background: rgb(240,11,81);
/*  background: linear-gradient(90deg, rgba(240,11,81,1) 20%, rgb(122 14 85) 75%);*/
  background: linear-gradient(90deg, rgba(237, 14, 82,1) 20%, rgb(194, 18, 90) 75%);
}
/* Página Crear-2 estilos */
#section-crear2-1{
    background-image: url(../images/bk-crear-2.png);
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#circle-redes-blanco{
    background: white;
    width: 27px;
    height: 28px;
}
.content-internal .description ul { list-style: inherit; padding-left: 40px; }
.content-internal .description ul li{ margin-bottom: 10px; }
.content-internal .description img{ max-width: 100%; }
#btn-like{
    max-width: 139.88px;
}
/* Página Aseoria estilos */
#section-asesoria-1{
    background-image: url(../images/bk-asesoria.png);
    height: 90vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-asesoria2-1{
    background-image: url(../images/bk-asesoria-2.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* Página Servicios estilos */
#section-servicios-1{
    background-image: url(../images/bk-servicios.png);
    height: 90vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-servicios2-1{
    background-image: url(../images/bk-servicios-2.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* Página Asesoria estilos */
#section-region-1{
    background-image: url(../images/bk-region.png);
    height: 90vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-region2-1{
    background-image: url(../images/bk-region-2.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-camara-bga-1{
    background-image: url(../images/bk-camara-bga.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-formarme-1{
    background-image: url(../images/bk-formarme.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#section-eventos{
    background-image: url(../images/bk-eventos.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* Centra el input personalizado con el texto */
.custom-radio-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: arial;
}

/* Modificador para dar la imagen de checkbox */
.custom-radio-checkbox__show--checkbox {
    background-image: url(../images/checkbox-uncheck.png);
}

/* Oculta input original */
.custom-radio-checkbox > .custom-radio-checkbox__input {
    display: none;
}

/* Radio personalizado usando <span> */
.custom-radio-checkbox > .custom-radio-checkbox__show {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: .5rem;
    background-size: cover;
}

/* Cambia el checkbox personalizado cuando es pulsado */
.custom-radio-checkbox > .custom-radio-checkbox__input:checked + .custom-radio-checkbox__show--checkbox {
    background-image: url(../images/checkbox-check.png);
}

#head-destacado{
    background: linear-gradient(315deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#div-programas-medida{
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}
#exampleCheck1 {
    width:24px;
    height:24px;
    border-radius: 10px;
}
#section-noticias{
    background-color: white;
    bottom: 90px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}
#section-eventos-2{
    background-color: white;
}

#section-noticias-2{
    background-color: white;
    bottom: 90px;
    width: 95px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}
#div-noticias{
    height: 246px;
    background-color: white;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}
#div-noticias-2{
    height: 226px;
    background-color: white;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}
#btn-buscar{
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    width: 68px;
    bottom: 31px;
    color: white;
    z-index: 2;
}
#btn-noticias{
    min-height: 70px;
    align-content: center;
}
#btn-noticias:hover, #btn-noticias.active{
    background: linear-gradient(0deg, rgba(198,0,18,1) 13%, rgba(250,17,38,1) 90%) !important;
    align-content: center !important;
    min-height: 70px !important;
    color: white !important;
}
#btn-noticias:hover #icon-btn-noti-1, #btn-noticias.active #icon-btn-noti-1{
    content: url(../images/file-text-white.png) !important;
}
#btn-noticias:hover #icon-btn-noti-2, #btn-noticias.active #icon-btn-noti-2{
    content: url(../images/magazine-white.png) !important;
}
#btn-noticias:hover #icon-btn-noti-3, #btn-noticias.active #icon-btn-noti-3{
    content: url(../images/video-white.png) !important;
}
#btn-noticias:hover #icon-btn-noti-4, #btn-noticias.active #icon-btn-noti-4{
    content: url(../images/book-white.png) !important;
}
#btn-noticias:hover #icon-btn-noti-5, #btn-noticias.active #icon-btn-noti-5{
    content: url(../images/mic-white.png) !important;
}
#img-content-noticias{
    height: 60vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#btn-saber-mas{
    background: linear-gradient(0deg, rgba(198,0,18,1) 0%, rgba(250,17,38,1) 35%);
    width: 149px;
    height: 33px;
}
/*.btn-red {
    background: rgba(250,17,38,1);
    padding: 4px 6px;
    width: auto;
    height: auto;
}*/
#select-btn,
.select-directorio-group{
    width: 50%;
    z-index: 3;
    left: 49%;
}
#categoria,
#select-in{
    height: 46px !important;
    -webkit-appearance: initial;
}
#buscar-convobasicas,
#btn-saber-mas-1{
    background: linear-gradient(0deg, rgba(198,0,18,1) 0%, rgba(250,17,38,1) 35%);
    width: 43%;
    height: 46px;
    z-index: 3;
    left: 57%;
}
.item-evento{
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  min-height: 430px;
}
#btn-exclusivo-eventos{
    background-color: #F7F8FB;
    color: #3C3C3C;
}
#btn-inscripcion-eventos{
    background-color: #3C3C3C;
    color: white;
}
#div-paginacion-2{
    box-shadow: 1px 1px 1px 1px rgb(184, 184, 184);
}
#btn-paginacion{
    color: #666666;
}
#btn-paginacion-active{
    color: white;
    background-color: red !important;
}
#section-descargas-1{
    background-image: url(../images/bk-descargas.png);
    height: 550px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#btn-buscar-2{
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    width: 110px;
    bottom: 47px;
    color: white;
    z-index: 2;
}
.cat-descargas{
    background: transparent;
}
.cat-descargas:after{
    background: url(../images/arrow-gray.png) no-repeat center center !important;
    position: absolute;
    right: 10px;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    content: "";
}
.cat-descargas:focus, .cat-descargas.active{
    background: rgb(255,0,0);
    background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(157,0,0,1) 100%);
    color: white !important;
    text-decoration: none;
}
.cat-descargas:focus:after, .cat-descargas.active:after{
    background: url(../images/arrow-white.png) no-repeat center center !important;
    right: 5px;
}
#div-docs{
    box-shadow: 2px 5px 10px 0px #e0e0e0
}
#borde-deg, .borde-deg{
    border-image: linear-gradient(to bottom, rgba(250,17,38,1) 0%, rgba(167,0,15,1) 100%) 1;
}
#input-contactos, .input-contactos{
    height: 51px;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}
textarea {
    resize: none !important;
}
#btn-submit{
    background: linear-gradient(300deg, rgba(198,0,18,1) 13%, rgba(250,17,38,1) 90%);
    height: 40px;
}
#section-ev-interior{
    
}

#head-destacado{
  background: linear-gradient(315deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}
#head-destacado a{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -14px;
}

.panel-default{
  border-color: #eaeaea;
}

.panel-default .div-info-add{
  background: #f5f5f5 !important
}

/************* SEDES ****************************/
.sede{ margin-bottom: 2px; padding: 60px 0px; color: #FFF; position: relative; }
.sede .data{ color: #DEDEDE; line-height: 17px; }
.sede .location{ position: absolute; right: 0px; top: 0px; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; }
.sede.active .location{ opacity: 1; }
.sede .view-location{ border: solid 1px #FFF; padding: 5px 10px; display: inline-block; cursor: pointer; }
.sede .view-location:hover{ background: rgba(0,0,0,0.5); color: #FFF; }
.sede.active .view-location{ background: rgba(216,24,42,0.3); }
.sede.active .view-location:hover{ background: rgba(216,24,42,0.5); }

/**** ALIADOS *****/
.aliados{ padding: 10px 0px; }
.aliados h3{ line-height: 50px; margin: 20px 0px; color: #8B9BA8; font-weight: bold; }
.aliados .item{ display: inline-block; width: 24%; vertical-align: middle; }
.aliados .item:hover{ background: #f1efef; border-radius: 10px; }


.content-internal.salones .item-salon{ min-height: 285px; border: solid 3px #e5e5e5; }
.content-internal.salones .item-salon:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(../images/bg-noticia.png) repeat-x center bottom;  }
.content-internal.salones .item-salon .info{ padding: 20px; width: 100%; position: absolute; bottom: 0px; }
.content-internal.salones .item-salon .info a{ display: block; text-transform: uppercase; color: #FFF; font-weight:bold; }
.content-internal.salones .item-salon .info a h4{ margin-bottom: 0px; }
.content-internal.salones .item-salon .info a:hover{ text-decoration: none; }
.content-internal.salones .item-salon .info a:hover h4{ margin-bottom: 10px !important; color: #3f9fc9; }
.content-internal.salones .item-salon .info a .small-title{ font-size: 15px; font-weight: bold; }
.content-internal.salones .item-salon .info a .title{ font-size: 21px; font-weight: bold; }
.content-internal.salones .item-salon .info a .capacity{
  text-transform: capitalize; font-size: 15px; font-weight: normal; line-height: 20px; display: inline-block;
  background: url(../images/icon-user.png) no-repeat center left; padding-left: 25px; height: 22px; background-size: 20px;
}

.content-internal.salones .salon-internal{ text-shadow: 0px 0px 10px rgba(0,0,0,0.8); padding-top: 150px; color: #FFF; text-transform: uppercase; height: 480px; overflow: hidden; position: relative; }
.content-internal.salones .salon-internal:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(../images/bg-noticia.png) repeat-x center bottom;  }

.content-internal.salones .salon-internal .small-title{ font-size: 25px; line-height: 30px; font-weight: bold; }
.content-internal.salones .salon-internal .title{ font-size: 35px; font-weight: bold; line-height: 35px; }
.content-internal.salones .salon-internal .capacity{
  text-transform: capitalize; font-size: 18px; font-weight: normal; line-height: 30px; display: inline-block;
  background: url(../images/icon-user.png) no-repeat center left; padding-left: 30px; height: 30px;
}

.indicador-360 { position: absolute; right: 15px; top: 0; z-index: 99; }
.vista-360 canvas { width: 100%; cursor: move; }

.content-internal.salones .gallery{}
.content-internal.salones .gallery #bx-pager a{ cursor: pointer; }
.content-internal.salones .gallery #bx-pager a.active{ border: solid 3px #A2B2B5; }

/********* CREAR EMPRESA ***************/
.step-navigation{ background: #FFF; }
.step-navigation .title{ color: #8b9ba8; }
.step-navigation .item-step{ color: #303f4b; padding: 15px 10px 15px 20px; font-size: 17px; line-height: 18px; cursor: pointer; position: relative; }
.step-navigation .item-step.checked{ font-weight: bold;  }
.step-navigation .item-step:nth-child(2n+2){ background: #F3F3F3; }
.step-navigation .item-step.checked:after,
.step-navigation .item-step:hover:after{ background: #6BCE59; }
.step-navigation .item-step:after{
  content: ""; display: inline-block;; width: 15px; height: 15px; position: absolute;
  border-radius: 15px; background: #8780B1; border: solid 2px #585D99; right: 15px; top: 18px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.step-navigation .item-step.process{ background: #DEDEDE; font-weight: bold; }
.step-navigation .item-step.process:before{
  content: ""; display: inline-block;; width: 21px; height: 21px; position: absolute;
  border-radius: 17px; background: #FFF; border: solid 3px #F980A9; right: 12px; top: 15px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.step-navigation .item-step.process:after{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bce59+0,6bce59+49,6bce59+49,8780b1+50,8780b1+100 */
  background: #6bce59; /* Old browsers */
  background: -moz-linear-gradient(left, #6bce59 0%, #6bce59 50%, #6bce59 50%, #8780b1 49%, #8780b1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #6bce59 0%,#6bce59 50%,#6bce59 50%,#8780b1 49%,#8780b1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #6bce59 0%,#6bce59 50%,#6bce59 50%,#8780b1 49%,#8780b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bce59', endColorstr='#8780b1',GradientType=1 ); /* IE6-9 */

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.step-navigation .item-step:hover{ background: #DEDEDE; font-weight: bold; }

.step-content{ background: url(../images/bg-crear-empresa.png) no-repeat right bottom #D5D7DC; color: #303f4b; min-height: 400px; }
.step-content a{ font-weight: bold; }
.step-content.welcome{ background: url(../images/bg-crear-bienvenida.jpg) no-repeat right bottom #D5D7DC; }
.step-content.finished{ background: url(../images/bg-crear-finalizado.jpg) no-repeat right bottom #D5D7DC; background-size: auto 80%; }
.step-content h1.big-title{ font-weight: lighter; font-size: 60px; }
.step-content ul { list-style: inherit; padding-left: 40px; }

.div-indicator{ border-bottom: dotted 2px #BCBFC2; }
.div-indicator .name{ font-weight: bold; font-size: 16px; line-height: 14px; }

.buttons .btn{ font-weight: bold; }
.btn-help{
  border: solid 3px #ff3e3e; border-radius: 3px; padding: 15px 15px 15px 40px; font-size: 20px; cursor: pointer;
  background: url(../images/icon-help.png) no-repeat 15px center; color: #ff3e3e; font-weight: bold;
}
.btn-help.small{ padding: 10px 10px 10px 50px; }
.btn-help:hover{ background-color: #FFF; border-radius: 10px; }

.barfiller {
  width: 100%;
  height: 15px;
  border-radius: 7px;
  background: #fcfcfc;
  position: relative;
  margin-bottom: 20px;
  box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
}
.barfiller:before{
  content: "0%";
  display: inline-block;
  position: absolute;
  left: 0; bottom: -100%;
  font-size: 11px;
}

.barfiller:after{
  content: "100%";
  display: inline-block;
  position: absolute;
  right: -10px; bottom: -100%;
  font-size: 11px;
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  border-radius: 7px;
  height: 100%;
  color: #FFF;
  background: #60CA94;
  z-index: 1;
}

.barfiller .tipWrap { display: none; }
.barfiller .tip {
  margin-top: 24px;
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 11px;
  color: #fff;
  left: 0px;
  position: absolute;
  z-index: 2;
  background: #16b597;
}

.barfiller .tip:after {
  border: solid;
  border-color: rgba(22, 181, 151,.8) transparent;
  border-width: 0px 9px 9px 9px;
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: -9px;
  z-index: 9
}
.div-message.bg_mensajes_form.error {
    background-color: rgb(255 255 255 / 90%);
    padding: 8px 8px;
    border-radius: 4px;
    line-height: 1;
}
.div-message.bg_mensajes_form.loading {
    background-color: rgb(255 255 255 / 90%);
    padding: 8px 20px;
    border-radius: 4px;
    line-height: 1;
    color: black;
}
.div-message.error{ color: #F04041; font-weight: bold; font-size: 12px; }
.div-message.loading{
  background: url(../images/ajax-loading.gif) no-repeat left center;
  background-size: 13px; padding-left: 20px;
}
body.home.error-404{
  background: url(../images/img-error-404.jpg) no-repeat center center;
  background-size: cover; height:calc(100vh); overflow: hidden; color: #FFF;
}

body.home.error-404 h1{ font-size: 205px; font-weight: bold; color: rgba(255,255,255,0.2); }
body.home.error-404 h2{ font-size: 30px; font-weight: bold; color: #FFF; }

#div_mensajes_consulta.error{
    text-align: center; border-radius: 4px; padding: 9px 0px; color: #f9f9f9; font-weight: lighter; font-size: 11px;
}
.form-control.error{ border: solid 1px #c5595a !important; }
.form-control[disabled], .form-control[readonly]{ background: rgba(255,255,255,0.17); }

.testimonios .container{ position: relative; height: 250px; }
.testimonios .container:before{
  content: ""; width: 204px; height: 138px; position: absolute; left: 30px; top: -60px;
  background: url(../images/bg-testimonios.png) no-repeat left top;
}
.testimonios .container:after{
  content: ""; width: 204px; height: 138px; position: absolute; right: 30px; bottom: -60px;
  background: url(../images/bg-testimonios-2.png) no-repeat left top; z-index: 0;
}
.testimonios .text.red{ color: #ec0000; }
.testimonios .item .foto{ width: 50px; height: 50px; border-radius: 25px; overflow: hidden; display: inline-block; vertical-align: middle; }
.testimonios .item .nombre{ display: inline-block; vertical-align: middle; }
.testimonios .carousel-inner{ height: 200px; z-index: 1; }
.testimonios .carousel-indicators{ bottom: -40px; }
.testimonios .carousel-indicators li{ background: #C5C7CB; }
.testimonios .carousel-indicators li.active{ background: #252526; }

.content-internal.convocatorias .notice{ margin-bottom: 20px; }
.content-internal.convocatorias .notice .body{ background: #FFF; padding: 30px 20px; font-size: 15px; line-height: 15px; min-height: 320px; position: relative; }
.content-internal.convocatorias .notice .body .code{ border-radius: 20px; background: #a8cee2; display: inline-block; padding: 7px 20px; font-weight: bold; }
.content-internal.convocatorias .notice .details{ height: 0px; overflow: hidden; text-align: justify; max-height: 250px; overflow-y: auto; }
.content-internal.convocatorias .notice .div-button{ position: absolute; bottom: 0px; width: 100%; padding: 15px 15px 30px; left: 0px; }
.content-internal.convocatorias .notice .btn-more{ border-top: solid 1px silver; width: 80%; margin: 40px auto 0px; padding-top: 5px; color: #454f64; font-weight: bold; cursor: pointer; }
.content-internal.convocatorias .notice .btn-more:hover{ width: 100%; border-top: solid 1px #454f64; }
.content-internal.convocatorias .notice .btn-minus{ display: none; border-top: solid 1px #454f64; width: 100%; margin: 10px auto 0px; padding-top: 10px; color: #454f64; font-weight: bold; cursor: pointer; }
.content-internal.convocatorias .notice .btn-minus:hover{ border-top: solid 1px silver; width: 30%; }
.content-internal.convocatorias .notice .download{ display: block; color: #2ca5eb; font-weight: bold; border: solid 1px #2ca5eb; border-radius: 5px; padding: 10px 20px;}
.content-internal.convocatorias .notice .download:hover{ color: #FFF; background: #2ca5eb; text-decoration: none; }

.content-internal.convocatorias .notice.active .details{ height: inherit; }
.content-internal.convocatorias .notice.active .btn-more{ display: none; }
.content-internal.convocatorias .notice.active .btn-minus{ display: block; }

.content-internal.convocatorias .search{ border: solid 7px rgba(255,255,255,0.6); border-radius: 50px; }
.content-internal.convocatorias .search input{
    height: 50px; line-height: 30px; font-size: 20px; border: none; border-radius: 50px 0px 0px 50px;
    padding-left: 50px; background: url(../images/search.png) no-repeat 10px center #FFF;
}
.content-internal.convocatorias .search button{ outline: none; border-radius: 0px 50px 50px 0px; height: 50px; font-weight: bold; }
.content-internal.convocatorias hr.separate{ border-color: #454F64; }

.backdrop{
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1039;
  background-color: #454f64; opacity: 0.8; filter: alpha(opacity=80);
}
.background-overlay{ position: absolute; z-index: 1040; background: #FFF; box-shadow: 0px 0px 50px rgba(0,0,0,0.5); }
.background-overlay .body{ background: #FFF; padding: 20px; font-size: 15px; line-height: 15px; min-height: 300px; }
.background-overlay .body .code{ border-radius: 20px; background: #a8cee2; display: inline-block; padding: 7px 20px; font-weight: bold; }
.background-overlay .details{ height: 0px; overflow: hidden; max-height: 280px; overflow-y: auto; }
.background-overlay .btn-minus{ display: none; border-top: solid 1px #454f64; width: 100%; margin: 10px auto 0px; padding-top: 10px; color: #454f64; font-weight: bold; cursor: pointer; }
.background-overlay .btn-minus:hover{ width: 40%; border-top: solid 1px silver; }
.background-overlay .download, .content-internal.convocatorias .notice .download{ display: block; color: #2ca5eb; font-weight: bold; border: solid 1px #2ca5eb; border-radius: 5px; padding: 10px 20px;}
.background-overlay .download:hover{ color: #FFF; background: #2ca5eb; text-decoration: none; }

.background-overlay .body .city{
display: inline-block; padding: 3px 10px; border-radius: 10px; float: left; background: #2CA5EB;
line-height: 13px; font-size: 13px; color: #FFF; width: 130px; text-align: center;
}
.background-overlay .body .date{
display: inline-block; padding: 3px 10px; border-radius: 10px; float: right; background: #F46868;
line-height: 13px; font-size: 13px; color: #FFF; width: 130px; text-align: center;
}
.background-overlay .body .title{ margin: 20px 0px 10px; font-size: 15px; font-weight: bold; }
.background-overlay .body .descrip{ line-height: 15px; display: none; }
.background-overlay .body .descrip.full{ line-height: 15px; display: block; }
.background-overlay .body .info{ margin: 15px auto; width: 80%; background: #D5F2EA; padding: 10px; font-size: 16px; line-height: 16px; }

.background-overlay.active .details{ height: inherit; }
.background-overlay.active .btn-more{ display: none !important; }
.background-overlay.active .btn-minus{ display: block; }

.main-menu li a.parent{ text-transform:uppercase;}
.main-menu li .institucional{ color: #D8182A !important; }
.main-menu li .empresa, .main-menu li .mi-empresa{ color: #32AC97 !important; }
.main-menu li .fortalecer{ color: #ECAA54 !important; }
.main-menu li .formacion{ color: #F17C72 !important; }
.main-menu li .tramites{ color: #BD1727 !important; }
.main-menu li .servicios{ color: #3F9FC9 !important; }
.main-menu li .region{ color: #7F4C75 !important; }

.menu{ width: 66.666666666666666666666666666667%; margin: 0px auto !important; }
.menu.topmenu{ width: 83.33333333%; }
.menu a{ line-height: 13px; font-size: 14px; color: #FFF; display: inline-block; margin: 0px 7px; }
#top-slider .menu a{ color: #FFF !important; }
.menu .dark{ background: #717171; }
.menu .dark a{ line-height: 40px; color: #FFF !important; }
.menu .dark a.red-de-afiliados{
    background: url(../images/btn-red-afiliados.png) no-repeat center -4px;
    width: 170px; background-size: 100%; text-indent: -9999px; vertical-align: top; overflow: hidden;
}
a.main.red-de-afiliados{
    background: url(../images/btn-red-afiliados.png) no-repeat center -4px; height: 40px;
    width: 170px; background-size: 100%; text-indent: -9999px; vertical-align: top; overflow: hidden;
}
.menu .dark a.red-de-afiliados:hover{ background-position: center -1px; }
.items-menu{ margin: 3px; }
.tramites-nav{ background:#D8182A;  }

.main-menu{ background: #FFF; }
.main-menu li{
  display: inline-block; width: 20%; padding: 0px; line-height: 15px;
  text-align: center; vertical-align: top; margin: 0px;
}
.main-menu li div.menu-nivel-1{
  height: 0px; overflow: hidden;
  position: absolute; width: 100%; left: 0px; z-index: 3;
}

.main-menu div.menu-nivel-1 h5{ margin: 10px 0px; text-transform: uppercase; }
.main-menu div.menu-nivel-1 a.link{
    font-size: 11px; line-height: 13px; margin: 5px 0px;
    padding-left: 10px; position: relative;
}
.main-menu div.menu-nivel-1 a.link:before{
  content: ""; width: 4px; height: 4px; background: #FFF; display: inline-block;
  position: absolute; left: 0px; top: 50%; margin-top: -2px;
}
.main-menu li:hover div.menu-nivel-1{ height: 190px; }

.main-menu div.menu-nivel-1.mi-empresa{ background: #32AC97 !important; }
.main-menu div.menu-nivel-1.fortalecer{ background: #ECAA54 !important; }
.main-menu div.menu-nivel-1.formacion{ background: #F17C72 !important; }
.main-menu div.menu-nivel-1.servicios{ background: #3F9FC9 !important; }
.main-menu div.menu-nivel-1.region{ background: #7F4C75 !important; }

.main-menu li > a{ width: 100%; margin: 0px; padding: 10px 0px; }
.main-menu li:first-child{ margin-left: 0px; }
.main-menu a span{
  display: inline-block; vertical-align: middle; width: 55%;
  margin-left: 5px; font-weight: bold; text-align: left;
}

.main-menu a:before{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main-menu a.servicios span{ middle; width: 60%; }
.main-menu a:hover span{ color: #FFF; }
.main-menu li:hover .institucional{ background: #D8182A !important; color: #FFF !important; }
.main-menu li:hover .mi-empresa{ background: #32AC97 !important; color: #FFF !important; }
.main-menu li:hover .fortalecer{ background: #ECAA54 !important; color: #FFF !important; }
.main-menu li:hover .formacion{ background: #F17C72 !important; color: #FFF !important; }
.main-menu li:hover .servicios{ background: #3F9FC9 !important; color: #FFF !important; }
.main-menu li:hover .region{ background: #7F4C75 !important; color: #FFF !important; }

.main-menu .mi-empresa:hover{ background: #32AC97 !important; }
.main-menu .fortalecer:hover{ background: #ECAA54 !important; }
.main-menu .formacion:hover{ background: #F17C72 !important; }
.main-menu .servicios:hover{ background: #3F9FC9 !important; }
.main-menu .region:hover{ background: #7F4C75 !important; }

.content-internal.empleo .div-offer{ height: 400px; }
.content-internal.empleo .div-offer .body{ background: #FFF; padding: 15px 20px; height: 100%; }
.content-internal.empleo .div-offer .body .city{
  display: inline-block; padding: 3px 10px; border-radius: 10px; float: left; background: #2CA5EB;
  line-height: 13px; font-size: 11px; color: #FFF; width: 130px; text-align: center;
}
.content-internal.empleo .div-offer .body .date{
  display: inline-block; padding: 3px 10px; border-radius: 10px; float: right; background: #F46868;
  line-height: 13px; font-size: 11px; color: #FFF; width: 150px; text-align: center;
}
.content-internal.empleo .div-offer .body .title{ margin: 20px 0px 10px; font-size: 15px; font-weight: bold; }
.content-internal.empleo .div-offer .body .descrip{ font-size: 13px; line-height: 15px; }
.content-internal.empleo .div-offer .body .descrip.full{ display: none; }
.content-internal.empleo .div-offer .body .info{ margin: 15px auto; width: 80%; background: #D5F2EA; padding: 10px; font-size: 16px; line-height: 16px; }

.content-internal.empleo .div-offer .body .details{ height: 0px; overflow: hidden; text-align: justify; max-height: 250px; overflow-y: auto; }
.content-internal.empleo .div-offer .body .div-button{ position: absolute; bottom: 0px; width: 100%; padding: 15px 30px 20px; left: 0px; }
.content-internal.empleo .div-offer .body .btn-more{ border-top: solid 1px silver; width: 80%; margin: 0px auto; padding-top: 5px; color: #454f64; font-weight: bold; cursor: pointer; }
.content-internal.empleo .div-offer .body .btn-more:hover{ width: 100%; border-top: solid 1px #454f64; }
.content-internal.empleo .div-offer .body .btn-minus{ display: none; border-top: solid 1px #454f64; width: 100%; margin: 10px auto 0px; padding-top: 10px; color: #454f64; font-weight: bold; cursor: pointer; }
.content-internal.empleo .div-offer .body .btn-minus:hover{ border-top: solid 1px silver; width: 30%; }
.content-internal.empleo .div-offer .body .download{ display: block; color: #2ca5eb; font-weight: bold; border: solid 1px #2ca5eb; border-radius: 5px; padding: 10px 20px;}
.content-internal.empleo .div-offer .body .download:hover{ color: #FFF; background: #2ca5eb; text-decoration: none; }

.div-profile-user{ background: #232633; color: #FFF; font-size: 15px; border-radius: 6px; margin-top: 10px; padding: 10px 20px; }
.div-profile-user .links a{ line-height: 14px; font-size: 14px; color: #FFF; outline: none; }

.content-internal.convocatorias .notice.active .details{ height: inherit; }
.content-internal.convocatorias .notice.active .btn-more{ display: none; }
.content-internal.convocatorias .notice.active .btn-minus{ display: block; }


/*** MOBILE **/
@media (max-width: 767px){
  #div-logo {
      width: 50%;
  }
  #btn-red-1, #btn-red-2{
      height: 50px;
  }
  #navbar{
    background: #c50618;
  }
  #navbar-b{
    height: auto;
  }
  #nav-left-red{
    width: 100% !important;
    margin: 0px;
    background: #ad0616;
  }
  .btn-search, .btn-tramites{
    background: #c50618 !important;
  }

  .btn-search img{
    height: 30px
  }
  #head-dp-menu {
    border-top-left-radius: 20px;
  }
  #head-dp-menu {
    background-position: center bottom;
    height: 13vh;
  }
  #input-comb,
  .content-buscador-directorio {
    height: 45px !important;
  }
  #btn-buscar-overlay{
    height: 35px;
  }  
  #categoria,
  #select-in {
    height: 35px !important;
  }
  #btn-saber-mas-1 {
    height: 29px;
    right: 3px;
    left: auto;
  }
  [data-seccion="buscador-directorio-ccb"] {
    min-height: 300px;
  }
  [data-seccion="buscador-directorio-ccb"] > * {
    width: 95vw;
    max-width: 600px;
  }


  #section-1{
    min-height: 350px !important;
  }
  #section-camara-bga-1{
    height: 300px !important;
    min-height: 300px !important;
  }
  #section-camara-bga-1.internal-header.mobile{
    height: 200px !important;
    min-height: 200px !important;
  }
  .contenido-header-block{
    width: 100%;
    margin-top: -50px !important;
    min-height: 100%;
    display: flex;
    align-items: center;
  }
  .contenido-header-block.empleo{
    margin-top: 0px !important;
  }
  .contenido-header-block div{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .contenido-header-block img{
    display: none;
  }
  .contenido-header-block .titulo-banner{
    font-size: 30px !important;
    line-height: 35px !important;
  }
  .panel-resultados{
    padding: 0px !important
  }
  .panel-resultados .bg-gray-light{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .section-search{
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
  .container{
    padding: 0;
  }
  .item-home-destacado {
    width: 47% !important;
    height: 100px !important;
    margin-bottom: 10px !important;
  }
  #section-2{
    padding-bottom: 30px;
  }
  #section-3{
    padding-top: 90px !important;
  }
  #section-2-2{
    padding: 0
  }
  #section-2-2 .item-funcion {
    width: 47%;
    vertical-align: top;
  }
  #txt-div-funciones{
    font-family: 'Roboto', sans-serif;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #div-video{
    height: auto;
    margin-bottom: 20px;
  }
  #bloque-noticias{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #bloque-noticias .row-noticia{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #div-not-h-1{
    height: 100px !important;
  }
  #div-inf {
    height: 195px !important;
  }

  #btn-vamos, #btn-ver{
    width: 100%;
  }
  #div-slider{
    height: auto;
    margin-bottom: 20px;
  }
  #content-slider .input-group {
    position: relative;
    right: auto;
    bottom: auto;
  }
  #btn-saber{
    width: 100%;
  }
  #div-eventos{
    height: 210px;
  }
  .row-evento{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .row-evento .item-evento-home{
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-height: auto;
  }
  #div-ev-h-1, #div-conv-h-1{
    height: 130px;
  }
  #txt-ayuda{
    margin-top: 0 !important;
  }
  #section-footer-1{
    background: rgb(240,11,81);
    background: linear-gradient(90deg, rgba(240,11,81,1) 20%, rgba(102,0,86,1) 75%);
    min-height: 250px;
  }
  #section-footer-2{
    height: auto;
  }
  #img-content-noticias{
    height: auto;
  }
  .sigle-card-asesor{
    border: solid 1px #F3F3F3;
  }
  .contenido-afiliados .row, .contendor-form-solicitud-afiliados .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .sigle-card-slider .sigle-footer{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .internal-header.empleo{
    height: 300px !important;
    min-height: 300px !important;
  }
  #section-eventos.internal-header{
    height: 300px !important;
    min-height: 300px !important;
  }
  #section-descargas-1{
    height: 300px !important;
    min-height: 300px !important;
  }
  .content-internal.convocatorias .search input{
    font-size: 13px;
  }
  .content-internal.convocatorias .search input, .content-internal.convocatorias .search button{
    height: 40px;
  }
  .content-internal.convocatorias hr.separate {
    border-color: #DEDEDE;
  }

  .panel.bloque-formacion .panel-heading{ padding-right: 100px; padding-top: 10px !important; padding-bottom: 10px !important; }
  .panel.bloque-formacion .panel-heading .btn-default{ right: 5px; }
  .panel.bloque-formacion .panel-heading .btn-registrarme{ right: 5px; }
  #section-crear-2-1.open-filter:before{ content: ""; width: 100%; height: calc(100vh); position: fixed; top: 0px; left: 0px; z-index: 98; background: rgba(0, 0, 0, 0.8) }
  #panel-filtro{ position: absolute; z-index: 99; right: -100%; padding: 0 !important; width: 100%; height: 0px; top: -200px; overflow: hidden; background: #DEDEDE }
  #panel-filtro.opened{ right: 0px; height: auto; overflow: visible; }
  .panel-filtro{ background: #FFFFFF; }
  .btn-filtro-movil.opened .remove{ display: inline-block; }
  .btn-filtro-movil.opened .open{ display: none; }
  .btn-filtro-movil .remove{ display: none; }
  .btn-filtro-movil .open{ display: inline-block; }
  .container-checkbox{ margin-bottom: 5px; }
  .panel-filtro-division{ background: transparent !important; }

  .content-internal.salones .item-salon{ min-height: 180px; }
  .content-internal.salones .item-salon .info{ padding: 0px 15px 15px 15px; }
  .content-internal.salones .item-salon .info a h4{ margin-top: 0px !important; }
  .content-internal.salones .item-salon .info a .small-title{ font-size: 12px; font-weight: normal; }
  .content-internal.salones .item-salon .info a .title{ font-size: 14px; }
  .content-internal.salones .item-salon .info a .capacity{ font-size: 11px; padding-left: 20px; background-size: 15px; }
  .content-internal.salones .salon-internal{ height: auto; padding-top: 0px; }

  .content-internal.salones .salon-internal .small-title{ font-size: 15px; line-height: 20px; font-weight: bold; }
  .content-internal.salones .salon-internal .title{ font-size: 25px; font-weight: bold; line-height: 25px; }
  .content-internal.salones .salon-internal .capacity{
    text-transform: capitalize; font-size: 13px; font-weight: normal; line-height: 20px; display: inline-block;
    padding-left: 25px; height: 20px; margin-top: 5px; background-size: 20px;
  }

  .salones-movil{ padding: 10px 15px !important; margin-bottom: 10px; }
  .salones-movil .corta{ padding: 10px; background: #D4D4D4; }
  .salones-movil .corta ul { list-style: inherit; padding-left: 40px; }
  .salon-internal{ min-height: 240px; }
  .contenido-header-block .titulo-banner.conciliacion{ font-size: 28px !important; line-height: 32px !important; }
  .titulo-conciliaciones{ margin-top: -50px }

  .contendor-form-solicitud-afiliados .secion-inferior-afiliados{ height: auto !important; }
  .footer-form-afiliados .checkbox-bloque{ text-align: center !important; }
  .footer-form-afiliados{ padding: 0px !important; }

  .slider-content-ev-es-int{ height: auto !important; }
  #div-ev-es.item-evento-home.mobile{ height: auto !important; }
  .item-evento-home.mobile #txt-div-ev-es{ height: auto !important; }
  .content-internal.convocatorias{ margin-top: -85px !important; background-color: #FFF; border-radius: 10px; padding-top: 30px !important; }
  .content-internal.convocatorias .notice{ background-color: #f2f2f2; border-radius: 7px; }
  .content-internal.convocatorias .notice .div-button {
    position: relative;
    width: 100%;
    padding: 10px 10px 20px;
    left: 0px;
  }
  .content-internal.convocatorias .notice .body{ padding: 20px 20px; background-color: transparent; min-height: auto !important; }
  .content-internal.convocatorias .notice .div-button{ padding-bottom: 0px !important;}
  /*.contendor-form-solicitud-afiliados .hc_form .form-group{ padding-left: 0px; padding-right: 0px !important; }*/
  .background-overlay{ margin-left: -5px !important;  }
  .background-overlay .body .descrip.full, .background-overlay .details{ line-height: 14px; font-size: 12px; }
  .background-overlay .body .info { margin: 10px auto; width: 90%; padding: 5px; font-size: 14px; line-height: 13px; }
  #section-footer-interior {
    background-position: -60px center;
    min-height: 200px;
    height: auto;
    background-color: #ed0e52;
  }

  .menu{
    width: 85% !important; margin: 0px !important; box-shadow: 2px 2px 10px #000; top: 100%; position: absolute;
    left: -100%; overflow: hidden; background: #FFF;
  }
  .main-menu li div.menu-nivel-1{ overflow: hidden; }
  .main-menu li{ width: 100%; }
  .main-menu li > a { padding: 10px 0px; }
  .div-mobile{ position: relative; height: 150px; overflow: hidden; margin-bottom: 20px }
  .div-mobile .title-home{ position: absolute; bottom: 0%; width: 100%; margin: 50px 0px; }
  .div-navbar{ position: absolute; background: #d8182a; padding: 0px; z-index: 4; top: 50px; height: auto !important; width: 100%; overflow: visible !important; }
  .div-navbar .middle{ vertical-align: middle; }
  .div-navbar .item-menu{ cursor: pointer; float: none; width: 15%; display: inline-block; padding:0px 10px; }
  .div-navbar .item-menu .item-open{ }
  .div-navbar .item-menu .item-close{ display: none; }
  .div-navbar.active .item-menu .item-open{ display: none; }
  .div-navbar.active .item-menu .item-close{ display: inline-block; }
  .div-navbar.active .menu{ left: 0px; }
  .div-navbar .item-menu.active{  }
  .div-navbar .item-logo{ float: none; width: 45%; padding-right: 3%; display: inline-block; }
  .div-navbar .tramites-nav{ float: right; width: 30%; display: inline-block; }
  .menu .dark{ background: #FFF; padding-bottom: 10px; }
  .menu .dark a{ color: #3E3E3E !important; width: 100%; margin: 0px; line-height: 30px; }
  .main-menu a span{ width: 100% !important; margin-left: 0 }
  .main-menu a:before{ width: 20% !important; }
  .main-menu li:hover a.parent.cerrado{ background: transparent !important; color: ; }
  .main-menu li div.menu-nivel-1{ left: -100%; padding: 20px 20px 20px 45px; }
  .main-menu li div.menu-nivel-1.cerrado{ left: -100% !important;  }
  .main-menu li div.menu-nivel-1:before{
      content: ""; width: 30px; height: 100%; position: absolute; left: 0px; top: 0px;
      background: #FFF !important; cursor: pointer;
  }
  .main-menu li div.menu-nivel-1 span.back{
      background: url(../images/arrow-back-mobile.png) no-repeat center center;
      width: 30px; height: 65px; position: absolute; left: 0px; top: 0;
  }
  .main-menu li:hover div.menu-nivel-1{ height: 100%; position: absolute; top: 0px; left: 0px; }
  .main-menu div.menu-nivel-1 .link{
    font-size: 11px; line-height: 13px; margin: 10px 0px !important;
    padding-left: 10px; position: relative; display: block;
  }
  .main-menu div.menu-nivel-1 .link:before{
    content: ""; width: 4px !important; height: 4px !important; background: #FFF; display: inline-block;
    position: absolute; left: 0px; top: 50%; margin-top: -2px;
  }

  .main-menu div.menu-nivel-1 .parent-menu.active{ background: rgba(0,0,0,0.2); }
  .main-menu div.menu-nivel-1 .parent-menu.active .link{ padding: 10px 10px; background: rgba(0,0,0,0.1); margin-bottom: 0px !important; }
  .main-menu div.menu-nivel-1 .parent-menu.active .link:before{ opacity: 0; }
  .main-menu div.menu-nivel-1 .submenu{ display: none; background: rgba(0,0,0,0.2); padding: 5px 0px 0px; }
  .main-menu div.menu-nivel-1 .submenu a.child{ margin-bottom: 7px ; }

  .main-menu div.menu-nivel-1.institucional span.back{ background-color: #D8182A; }
  .main-menu div.menu-nivel-1.mi-empresa span.back{ background-color: #32AC97; }
  .main-menu div.menu-nivel-1.fortalecer span.back{ background-color: #ECAA54; }
  .main-menu div.menu-nivel-1.formacion span.back{ background-color: #F17C72; }
  .main-menu div.menu-nivel-1.servicios span.back{ background-color: #3F9FC9; }
  .main-menu div.menu-nivel-1.region span.back{ background-color: #7F4C75; }
}

#navegador {
    background: white;
}

#section-sidebar-inner .cone-item {
    display: block;
    color: #3C3C3C !important;
    text-decoration: none;
    font-weight: bold;
}

#section-sidebar-inner .cone-hover:hover {
    background: #CCCCCC;
    border-radius: 10px;
}

#section-sidebar-inner .cone-hover:hover .cone-item {
    color: #FFFFFF !important;
}

#navegador {
    background: white;
}

#section-sidebar{
    bottom: 90px;
}

#section-sidebar-inner {
    background: white;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 5%);
}

#section-sidebar-inner .cone-item {
    display: block;
    color: #3C3C3C !important;
    text-decoration: none;
    font-weight: bold;
}

#section-sidebar-inner .cone-hover:hover {
    background: #CCCCCC;
    border-radius: 10px;
}

#section-sidebar-inner .cone-hover:hover .cone-item {
    color: #FFFFFF !important;
}

.squarex {
    position: relative;
}

.squarex:before {
    display: block;
    content: '';
    padding-top: 75%; 
}

.squarex-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.squarex-inner-img {
  width: 100%;
  height: 100%;
}

.mini-vidconexion:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/mini_vidconexion.png') center no-repeat rgb(0, 0, 0);
    opacity: 0.5;
    border-radius: 10px;
}

.revistax {
    position: relative;
}

.revistax:before {
    display: block;
    content: '';
    padding-top: 137.78%;
}

.revistax-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.revistax-inner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.informe {
    position: relative;
    max-height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/*
.informe:before {
    display: block;
    content: '';
    padding-top: 137.78%;
}*/

/*.informe-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
*/
.informe-inner-img {
    width: 100%;
    height: 100%;
}

.banner_especial_home {
    margin-top: -60px;
    margin-bottom: 80px;
}

.banner_especial_home a {
    font-size: 30px;
    font-weight: bold;
    display: block;
    text-decoration: none !important;
}

.banner_especial_home_movil {
    margin-top: -80px;
    margin-bottom: 110px;
}

.banner_especial_home_movil a {
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-decoration: none !important;
}

.convobasica {
    position: relative;
}

.convobasica:before {
    display: block;
    content: '';
    padding-top: 100%;
}

.convobasica-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.convobasica-inner-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*Menú accesibilidad*/

.ax-toolbar-right {
    position: fixed;
    font-size: 16px !important;
    line-height: 1.4;
    z-index: 9999;
    right: -180px;
    top: 118px;
    -webkit-transition: right 750ms cubic-bezier(.23, 1, .32, 1);
    -moz-transition: right 750ms cubic-bezier(.23, 1, .32, 1);
    -o-transition: right 750ms cubic-bezier(.23, 1, .32, 1);
    transition: right 750ms cubic-bezier(.23, 1, .32, 1);
}

.ax-toolbar-right.ax-toolbar-open {
    right: 0;
}

.ax-toolbar-toggle {
    position: absolute;
    right: 180px;
    width: 50px;
    height: 50px;
    background: #4054B2;
    font-size: 33px;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.ax-toolbar-overley {
    border: 1px solid;
    font-size: 100%;
    width: 180px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}
.ax-toolbar-title {
    line-height: 2;
    font-weight: bold;
    padding: 10px 15px 0;
}
ul.ulAccesibilidad {
    margin: 0;
    padding: 10px 0;
}

.ax-plugin {
    position: relative;
    border-right: 1px solid #eb1c22;
    padding-right: 20px;
}

ul.ulAccesibilidad li {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #cecece;
}

ul.ulAccesibilidad li > * {
    color: #cecece;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 80%;
    width: 100%;
    line-height: 1;
    display: block;
}

ul.ulAccesibilidad li:hover img {
    filter: brightness(0.5);
}

.IconLetraNormal img {
    border-bottom: 2px solid #fff;
}

.IconLetraPequena img,
.IconLetraGrande img {
    border: none;
}

/*a:focus {
    box-shadow: 1px 1px 7px 0px #5a5a5a;
    border-bottom: 3px solid #ed1c24;
    outline: 3px dashed #000!important;
}
*/


/*Slider slick*/

.slick-dots li {
    background: #b7b7b7;
    border-radius: 12px;
}

.slick-dots li.slick-active {
    background: #FA1126;
}

.slick-dots li button {
    opacity: 0;
}

/*Fin slider*/

.btn-buscar-abs {
    position: absolute;
    background: linear-gradient(0deg, rgba(167,0,15,1) 10%, rgba(250,17,38,1) 100%);
    width: 110px;
    bottom: 5px;
    color: white;
    z-index: 2;
    right: 0;
}

.BtnCloseModalRegister {
    position: absolute;
    top: 1%;
    right: 2%;
    color: #fff;
    font-size: 35px;
    opacity: .7;
    z-index: 99;
}

#ModalRegistro .modal-content {
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(237, 14, 82,1) 20%, rgb(194, 18, 90) 75%);
}

#ModalRegistro .containerFormRegister {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

#ModalRegistro #ImgSeniorRegister {
    position: absolute;
    bottom: -1px;
    left: -40px;
}

@media (max-width: 1200px){
    #ModalRegistro #ImgSeniorRegister {
        display: none;
    }
}
/* FORMULARIO INFERIOR */

.form-inferior .dark{
    background: #232733;
    color:white;
    border-radius: 5px;
 }
 .form-inferior .dark input{
    background: #1b1d27;
    color:white;
 }
 .form-inferior .dark select{
    background: #1b1d27;
    color:white;
 }
 @media (min-width: 993px) {
    .form-inferior {
       padding-right: 0px !important;
   }
}

   .form-superior .dark{
    background: #232733;
    color:white;
    border-radius: 5px;
 }
 .form-superior .dark input{
    background: #1b1d27;
    color:white;
 }
 .form-superior .dark select{
    background: #1b1d27;
    color:white;
 }
 @media (min-width: 993px) {
    .form-superior {
       padding-right: 0px !important;
   }
}

.containerTextTerminos{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: clip;
    padding-right: 5px !important;
}

.containerTextTerminos::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.containerTextTerminos::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.containerTextTerminos::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.containerTextTerminos::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

.containerTextTerminos::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 4px;
}

.containerCheckTerminos{
    display: flex;
    align-items: center;
}


label:has(input[type=checkbox].error) {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.FormSuperior {
    width: 118%;
}

#VerMasTerms {
    cursor: pointer;
    color: #337ab7;
}

@media (max-width: 567px){
    #section-footer-interior{
        background: transparent;
    }
}

.customField input,
.customField select,
.customField .select2.select2-container ,
.customField textarea {
    width: 100% !important;
}

.bx-wrapper {
    border: none !important;
    margin-bottom: 0px;
}
.slider_home{
    min-height: 300px;
}
@media(max-width:990px){
    .slider_home {
        min-height: 100px;
    }

}

div#section-camara-bga-1,
.internal-header {
  overflow: hidden;
}


@media (max-width: 991px){
    .trabaje-nosotros-small {
        display: flex !important;
    }
    .trabaje-nosotros-small .trabaje-cont-padre{
        display: flex;  
        align-items: center;
        justify-content: center;
        height: 150px;
    }
    .trabaje-nosotros-small .trabaje-cont-padre.tra-left{
        padding-left: 100px;
    }
    .trabaje-nosotros-small .trabaje-cont-padre.tra-right{
        padding-right: 120px;
    }

    .trabaje-nosotros-large{
        display: none !important;
    }

    .trabaje-nosotros-small .trabaje-texto{
        display: flex; flex-direction: column;min-width: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .trabaje-nosotros-small {
        display: none !important;
    }    
    
    .trabaje-nosotros-large .tra-left .trabaje-cont-hijo{
        margin-right: 5% !important;
    }
    .trabaje-nosotros-large .tra-right .trabaje-cont-hijo{
        margin-left: 5% !important;   
    }

    .trabaje-nosotros-large .trabaje-cont-hijo a.btn{
        mid-width: 280px !important;
    }

}

@media (min-width: 1200px){
   .trabaje-nosotros-small {
        display: none !important;
    }
    
    .trabaje-nosotros-large{
        display: flex !important;
    }

}
.trabaje-nosotros-large {
    height: 200px;
    display: flex;
}

.trabaje-nosotros-large .trabaje-cont-padre{
    display: flex;
    align-items: center;
}

.trabaje-nosotros-large .tra-left .trabaje-cont-hijo{
    display: flex;
    margin-right: 20%;
}
.trabaje-nosotros-large .trabaje-cont-hijo a.btn{
    width: 300px;
}
.trabaje-nosotros-large .tra-right .trabaje-cont-hijo{
    display: flex;
    margin-left: 20%;   
}
.trabaje-nosotros-large .tra-right .trabaje-img{
    max-height: 250px; left: 85% ;
}

.trabaje-nosotros-large .tra-left .trabaje-img{
    max-height: 250px; right: 85% ;
}