@import url(fonts/fonts.css);

html {
    /*background: url(../../bg.jpg) no-repeat center top;*/
}

body {
    background: none;
    color: #58595b;
}

html, body {
    font-family: 'Lato', sans-serif;
}

.header-mb {
    display: none;
}

a {
    color: #00B69C;
}

a:hover,
a:focus,
a:active {
    color: #9f9da6;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    margin-top: 0;
    font-family: 'Oxygen', sans-serif;
}

h1 {
    color: #66c233;
    font-size: 2.4em;
    font-weight: 300;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.4em;
}

h6 {
    font-size: 1.2em;
}

.subtitle {
    color: #224756;
    font-size: 25px;
    padding: 0;
}

ul, ol {
    padding-left: 25px;
}

ul.normalice-list {
}

ul.normalice-list > li {
    display: block;
}

ul.normalice-list > li a {
}

ul.normalice-list > li a:hover {
}
ul.list-ball {
    list-style: disc;
}

ul.list-ball li {
    list-style: disc;
    color: #90d308;
}

ul.list-ball li::marker {
    font-size: 18px;
}
.modal-header {
    border-bottom: none;
}

.modal-content {
    border: 1px solid #8ED107;
    border-radius: 2px;
}

.pad-left-0 {
    padding-left: 0;
}

.pad-right-0 {
    padding-right: 0;
}

.clear {
    clear: both;
}

.btn-ligth {
    color: white;
}
.content-seccion a.txt-green {
    color: #00B69C;
}
.cBlack {
    color: black;
}

.cGreen {
    color: #66c233;
}

.cBlue_dark {
    color: #224756;
}

.text-justify {
    text-align: justify;
}

.text-centered {
    text-align: center;
}

.btn-success {
    background-color: #91D30A;
    border: 0;
    border-radius: 2px;
}

.btn-success.gris {
    background: #9C9AA3;
}

.btn-success.btn-pastel {
    color: #66c233;
    background-color: #edf5e7;
}

.btn-primary {
    background-color: #0074b2;
}

.btn-primary.btn-pastel {
    color: #0074b2;
    background-color: #d9eaf4;
}

.btn-graymed {
    color: #414042;
    background-color: #9f9da6;
    font-size: 1.8rem;
}

.header {
    font-size: 1.13em;
    line-height: 12px;
    /*overflow:hidden;*/
}

.header-fluid .row {
    margin: 0;
    width: 100%;
}

.menu-sections {
}

.menu-sections ul {
}

.menu-sections ul li {
}

.menu-sections ul li a {
}

.txt-small {
    font-size: 85%;
}

.latam {
    position: relative;
    top: 10px;
    font-size: 16px;
}

.boxses2 {
    font-family: "Lato";
}

.header-sup {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.header-sup nav {
    text-align: right;
    font-size: .9em;
    padding-top: 7px;
}

.header-sup nav ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.ielt8 .header-sup nav ul {
    float: right;
}

.header-sup nav ul li {
    float: left;
    list-style: none;
    vertical-align: middle;
    padding-top: 10px;
}

.header-sup nav ul li > a {
    color: #808080;
    padding: 0px 5px;
    display: block;
    border-right: 1px solid #c7c7c7;
}

.header-sup nav ul li > span {
    color: #808080;
    padding: 0px 11px;
}

.header-sup nav ul li.gnb-link {
    padding-top: 0;
}

.header-sup nav ul li.gnb-link a {
    border-right: 0;
    text-indent: -99999px;
    overflow: hidden;
}

.header-mid {
    padding: 5px 0;
}

.logo {
    /*background:url(../img/logo.png);*/
    color: transparent;
}

a.header-logo.logo {
    width: 181px;
    height: 40px;
    display: inline-block;
    z-index: 10;
    position: relative;
}

.ie8 a.header-logo.logo {
    height: 43px;
}

.header-logo {
    text-indent: -999px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 4px;
}

.header-mid-enlaces {
    padding-top: 8px;
}

.header-mid-enlaces a {
    padding: 7px 12px;
    line-height: 17px;
    font-size: 1.0em;
    border-radius: 0;
    margin: 0 4px;
}

.header-mid-enlaces a .sp {
    float: left;
}

.header .btn-success {
    background-color: transparent;
    color: #414042;
}

.header .btn-graymed {
    background-color: transparent;
}

.ie8 .header .btn-graymed {
    padding-bottom: 8px;
}

.green-arrow {
    background: #90D307;
    padding: 3px 0 4px 12%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
}

.green-arrow::before {
    content: "";
    height: 95%;
    background: url(../img/logo.png) no-repeat;
    width: 350px;
    position: absolute;
    background-size: 70%;
    margin-top: -5px;
}

.negrita {
    color: #000;
    font-weight: bold;
}
.btnMenuMovil{
    display: none;
}
/*Comienzo estilos listas despegables*/
#menu * {
    list-style: none;
}

#menu ul.interior li {
    list-style: decimal;
    color: #66c233;
}

#menu ul.interior li span {
    color: #58595b;
}

#menu li {
    line-height: 180%;
}

#menu li a {
    color: #222;
    text-decoration: none;
}

#menu {
    padding-left: 0px;
}

#menu label {
    color: #000;
    font-size: 1.3em;
    font-weight: 400;
}

#menu li a:before {
    content: "\025b8";
    color: #ddd;
    margin-right: 4px;
}

#menu input[name="list"] {
    position: absolute;
    left: -1000em;
}

#menu label:before {
    content: "\025b8";
    margin-right: 4px;
    color: #66c233;
}

#menu label span {
    padding-left: 23px;
}

#menu label p {
    padding-left: 20px;
}

#menu input:checked ~ label:before {
    content: "\025be";
}

#menu .interior {
    display: none;
}

#menu input:checked ~ ul {
    display: block;
    padding-left: 33px;
}
.links-internos {
    position: absolute;
    bottom: 28%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.links-internos img.image-link-interno {
    width: 28%;
    height: auto;
}

.links-internos img.image-link-interno-mb {
    display: none;
}
.links-internos a:first-child {

    margin-right: 8%;
}
.links-internos a:nth-child(2) {
    margin-right: 4%;
}


.green-arrow:after {
    content: "";
    background: #F0F1F1 url(../img/header-roww-right.png);
    background-size: auto 100%;
    position: absolute;
    -background-size: 100%;
    background-repeat: no-repeat;
    right: -17px;
    top: 0;
    height: 100%;
    width: 38px;
}

.grey-header {
    background-color: #F0F1F1;
    padding: 8px 64px;
    display: block;
    padding-top: 23px;
    padding-bottom: 22px;
}

.grey-header:before {
    content: "";
    background: url(../img/header-roww-left.png);
    position: absolute;
    -background-size: 100%;
    background-repeat: no-repeat;
    left: -21px;
    top: 0;
    height: 84px;
    width: 31px;
}

.header-mid-enlaces .btn-default {
    color: #303030;
    border: 0;
}

.header-mid-enlaces a span {
    margin-right: 5px;
}

h2.title-menu {
    font-size: 1.1em;
    margin: 0;
    margin-top: 15px;
    color: #bebebe;
}

.menu {
    padding: 0;
    margin-top: 0;
    margin-right: -9px;
    margin-left: -9px;
}

.menu li {
    list-style: none;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 15px;
}

/*.menu li a{
    display: block;
    padding-top: 15px;
    text-align: center;
    border: 1px solid #66c233;
    background: white;
    text-decoration: none;
    color: #717171;
    min-height: 168px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: box-shadow .25s;
}*/
.menu li a {
    display: block;
    /* padding-top: 15px; */
    /* text-align: center; */
    border: 1px solid #66c233;
    background: white;
    text-decoration: none;
    color: #717171;
    min-height: 120px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: box-shadow .25s;
}

.menu li.icon-alto a {
    padding-top: 6px;
}

.menu li a .sp {
    margin: 0 auto;
}

.menu li a .sp.activo {
    display: none;
}

.menu li a h2 {
    display: block;
    padding-top: 5px;
    font-size: 1.1em;
    line-height: 20px;
    font-family: 'Oxygen', sans-serif;
    margin-bottom: 4px;
    color: #66c233;
}

/*.menu li a h2.una-linea{
    padding-top: 20px;
}*/
.menu li a h2.una-linea {
    padding-top: 10px;
}

.menu li a p {
    font-size: .8em;
    line-height: 15px;
}

.menu li a p.arrow:after {
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-top: 8px solid #66c233;
    border-right: 8px solid transparent;
    bottom: 10px;
    left: 48%;
}

.menu li a p span {
    color: #66c233;
}

.menu li a:hover h2 {
    color: #221f1f;
}

.menu li a:hover {
    box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5);
    border: 1px solid #66c233;
}

.menu li a:hover .sp {
    display: none;
}

.menu li a:hover .sp.activo {
    display: block;
}

/* Colores menÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº */
/* li.color_blue a {
    border: 1px solid #29a9e0;
} */

/* MENU INTERNALS */

.menu-internal {
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.menu-internal li {
    list-style: none;
    padding-top: 15px;
}

/*.menu li a{
    display: block;
    padding-top: 15px;
    text-align: center;
    border: 1px solid #66c233;
    background: white;
    text-decoration: none;
    color: #717171;
    min-height: 168px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: box-shadow .25s;
}*/

.menu-internal {
    width: 100%;
    display: block;
    /* padding-top: 15px; */
    /* text-align: center; */
    border: none;
    background: white;
    text-decoration: none;
    color: #717171;
    min-height: 120px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: box-shadow .25s;
    border-radius: 20px;
}

.menu-internal li.icon-alto a {
    padding-top: 6px;
}

.menu-internal li a .sp {
    margin: 0 auto;
}

.menu-internal li a .sp.activo {
    display: none;
}

.menu-internal li a h2 {
    display: block;
    padding-top: 5px;
    font-size: 1.1em;
    line-height: 20px;
    font-family: 'Oxygen', sans-serif;
    margin-bottom: 4px;
    color: #66c233;
}

/*.menu li a h2.una-linea{
    padding-top: 20px;
}*/
.menu-internal li a h2.una-linea {
    padding-top: 10px;
}

.menu-internal li a p {
    font-size: .8em;
    line-height: 15px;
}

.menu-internal li a p.arrow:after {
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-top: 8px solid #66c233;
    border-right: 8px solid transparent;
    bottom: 10px;
    left: 48%;
}

.menu-internal li a p span {
    color: #66c233;
}

.menu-internal li a:hover h2 {
    color: #221f1f;
}

.menu-internal li a:hover {
    box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5);
    border: 1px solid #66c233;
}

.menu-internal li a:hover .sp {
    display: none;
}

.menu-internal li a:hover .sp.activo {
    display: block;
}

li.color_blue a h2 {
    color: #29a9e0;
    text-align: center;
}

li.color_gray a {
    border: 1px solid gray;
}

li.color_gray a h2 {
    color: gray;
}

li.color_orange a {
    border: 1px solid #f69325;
}

li.color_orange a h2 {
    color: #f69325;
}

/* END Colores menÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº */

/*HOME*/
.banner {
    padding-top: 0;
}

.banner-home {
    padding-top: 15px;
    z-index: -99999;
    position: static;
    overflow: hidden;

}

.banner-cont {
    width: 100%;
    max-width:100%;
    background: rgba(129, 185, 63);
    margin: 0 auto;
    overflow: hidden;
}

.banner-cont #bannerHome a {

}

.banner-cont #bannerhome a img {
    /* width: 100%;*/
    text-align: center;
}

.banner-cont .swiper-slide {
    height: auto;
}

.swiper-container,
.swiper-slider {
    height: 100%;
}

.swiper-slide {
    display: none;
}

.swiper-container-horizontal .swiper-slide,
.swiper-wrapper .swiper-slide:first-child {
    display: block;
}

#sliderHome {
    border-radius: 5px;
}

.slider-item.slider-active {
    display: table !important;
}

.slider-item {
    padding-bottom: 15px;
}

.ielt8 .swiper-wrapper,
.ielt8 .slider-item {
    height: 400px;
}

.banner-pagination span.swiper-pagination-bullet-active {
    background-color: #000;
}

#sliderHome .slider-pagination {
    position: relative;
    padding-top: 12px;
}

#sliderHome .slider-pagination span {
    margin: 3px;
}

.slider-pagination span.swiper-pagination-bullet-active {
    background-color: #8ec63f;
}

.swiper-button-prev,
.swiper-button-next {
    display: none;
}

.slider-prev,
.slider-next,
.banner-prev,
.banner-next {
    background: none !important;
    text-align: center;
    font-size: 60px;
    line-height: 26px;
    color: #fff;
    text-shadow: 1px 2px 7px rgba(0, 0, 0, .6);
    font-weight: 100;
}

#sliderHome .slider-prev,
#sliderHome .slider-next {
    color: black;
    font-size: 22px;
    margin-top: 0;
    text-shadow: none;
}

#sliderHome .slider-prev:hover,
#sliderHome .slider-next:hover {
    color: #8ec63f;
}

#sliderHome .slider-prev {
    left: -4px;
}

#sliderHome .slider-next {
    right: -4px;
}

.slider-item img {
    width: 100%;
}

.slider-link a {
    padding: 5px 17px;
}

.btn-2lines {
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
}

.slider-title {
    width: 85%;
    margin: 0 auto;
}

.slider-title span {
    color: gray;
    display: block;
    font-size: .65em;
}

.slider-cont {
    width: 85%;
    margin: 0 auto;
    padding-top: 21px;
    text-align: justify;
    font-size: .95em;
    line-height: 17px;
}

#sliderHome .slider-cont {
    text-align: left;
}

.ielt8 .banner-prev,
.ielt8 .banner-next {
    line-height: 40px;
}

.home-enlaces {
    padding: 15px 0;
}

.home-enlaces .row {
    margin-right: -9px;
    margin-left: -9px;
    display: flex;
}

.home-enlaces div {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
}

.MainHome {
    padding-top: 25px;
}

.home-cont {
    padding-bottom: 45px;
}

.home-info-blue {
    padding: 28px 10px 10px 10px;
    min-height: 160px;
}

.home-info-blue h3 {
    color: #8ec63f;
    margin-bottom: 6px;
    line-height: 23px;
}

.home-info-blue p {
    line-height: 18px;
}

.home-info-link-arrow {
    text-align: center;
}

.home-info-link-arrow a {
    padding: 0px 15px;
    line-height: 0px;
    font-size: 28px;
    color: #75c3de;
}

.home-info-gray {
    padding: 30px;
    padding-top: 30px;
    border-radius: 0 100px 0 0;
    min-height: 160px;
}

.home-info-gray h3.icont-desc {
    font-size: 1.65em;
    padding-right: 15px;
    line-height: 19px;
    color: #8ec63f;
}

.home-info-gray h3.icont-desc .sp.icont-rg {
    top: -25px;
}

.home-info-gray div.icont-desc {
    font-size: 1.04em;
    padding-right: 7px;
    line-height: 15px;
}

.home-info-green {
    border-radius: 0 0 100px 0;
    margin-top: 6px;
    min-height: 180px;
    padding: 15px;
}

.home-info-green .padd-3-right {
    padding-top: 25px;
    text-align: center;
}

.home-info-green .padd-3-right h3 {
    color: #8ec63f;
}

.home-info-green .padd-3-left {
    margin-top: 27px;
}

.home-info-green .padd-3-left ul {
    padding-left: 17px;
    color: #8ec63f;
}

.home-info-green .padd-3-left ul a,
.home-info-green .padd-3-left ul span {
    color: #666666;
}

.home-links-list {
    padding-top: 27px;
    padding-bottom: 30px;
}

.home-links-item a {
    display: block;
    text-align: center;
}

.home-links-item a {
    text-decoration: none;
}

.home-links-item a .sp {
    margin: 0 auto;
}

.home-links-item a:hover .sp,
.home-links-item a .sp.active {
    display: none;
}

.home-links-item a:hover .sp.active {
    display: block;
}

.home-links-title {
    font-size: 1.2em;
    font-weight: 600;
    display: block;
    padding-top: 10px;
    line-height: 16px;
}

.home-links-desc {
    color: gray;
    line-height: -25px;
}

.home-academia-title {
    color: #fff;
    padding: 15px;
    background-color: #0073ae;
    text-align: center;
    padding-top: 30px;
    min-height: 180px;
}

.home-academia-title:after {
    content: "";
    position: absolute;
    display: block;
    border-top: 8px solid transparent;
    border-left: 8px solid #0073ae;
    border-bottom: 8px solid transparent;
    top: 50px;
    right: -7px;
    z-index: 5;
}

.home-academia-title .sp {
    margin: 0 auto;
}

.home-academia-title h2 {
    font-weight: 100;
    font-size: 2.0em;
    margin: 0;
}

.home-academia-list {
    padding: 15px;
    background-color: #e0eef5;
    color: #99c7df;
    min-height: 180px;
    padding-top: 35px;
}

.home-academia-list ul li {
    padding-bottom: 10px;
}

/*END HOME*/
/* INTERNA */
.Main {
    padding-top: 30px;
}

.migas {
    font-size: .8em;
}

.migas a {
}

.migas a i {
    margin-left: 3px;
    margin-right: 5px;
}

.migas span {
    color: #666;
}

.producto-banner {
    background-color: #66C136;
    height: 200px;
}

.producto-banner-textos {
    padding-top: 70px;
    padding-left: 50px;
    color: white;
}

.producto-banner-title {
    font-size: 2.1em;
    font-weight: 300;
}

.producto-banner-textos p {
    font-weight: 300;
}

.producto-banner-image {
    height: 300px;
    background-color: #f3f3f3;
}

.producto-banner-image.tratamiento-de-datos-img {
    background: url(../files/images/tratamiento-datos-personales.jpg) center;
}

.producto-info h1,
.producto-info h2,
.producto-info h3,
.producto-info h4,
.producto-info h5,
.producto-info h6
.producto-info ul li,
.producto-info ol li {
    color: #91D30A;
}

.producto-info ul li span,
.producto-info ol li span {
    color: #535353;
}

.producto-info ul li,
.producto-info ol li {
    padding-bottom: 10px;
    padding-left: 5px;
}

.btn-producto-mas {
    display: block;
    background-color: #91D30A;
    color: white;
    max-width: 170px;
    margin: 0 auto;
    padding: 10px 8px;
    padding-top: 15px;
    font-size: .88em;
    line-height: 15px;
    border-radius: 20px 0 30px;
}

.btn-producto-mas:hover {
    color: #fff;
}

.btn-producto-mas span {
    display: block;
    font-size: 1.2em;
}

.producto-info-lateral {
    padding: 15px;
    background-color: #edf5e7;
}

.producto-info-lateral h4 {
    font-size: 1.05em;
    line-height: 20px;
    color: #8ec63f;
    margin-bottom: 4px;
}

.producto-info-lateral p {
    font-size: .95em;
    line-height: 20px;
}

.producto-enlaces {
    border-top: 1px solid #e7e7e7;
    margin-top: 57px;
}

.producto-enlaces a {
    display: block;
    border-bottom: 1px solid #e7e7e7;
    font-size: 1.2em;
    padding: 15px;
    line-height: 17px;
    color: #8ec63f;
}

.producto-enlaces a span {
    display: block;
    font-size: .8em
}

.producto-acciones {
    padding: 10px 0;
    text-align: right;
}

.producto-acciones a {
    margin-left: 50px;
    font-weight: 300;
}

.producto-otros h5 {
    font-size: .9em;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 8px;
}

.producto-otros-enlaces {
    padding-top: 15px;
}

.producto-otros-enlaces a {
    display: block;
    border-top: 5px solid #8ec63f;
    padding: 13px 11px;
    text-decoration: none;
    border-bottom: 2px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    box-shadow: 0 2px 5px 0 #f5f5f5;
    border-radius: 0 0 15px 15px;
    background-color: #fff;
    transition: background .2s;
    min-height: 120px;
}

.producto-otros-enlaces a h3 {
    line-height: 20px;
    font-size: 1.65em;
    margin-bottom: 4px;
    color: #8ec63f;
}

.producto-otros-enlaces a p {
    line-height: 17px;
    font-size: 0.95em;
    color: #535353;
}

.producto-otros-enlaces a:hover {
    background-color: #edf5e7;
}

/* colores por producto */
.seccionPersonas .btn-producto-mas,
.seccionPersonas .producto-banner {
    background-color: #0073AE;
}

.seccionPersonas .tab-items ul li:hover:before,
.seccionPersonas .tab-items ul li.tab-active:before {
    border-top: 8px solid #0073AE;
}

.seccionPersonas .tab-items ul {
    border-color: #0073AE;
}

.seccionPersonas .producto-info h1,
.seccionPersonas .producto-info h2,
.seccionPersonas .producto-info h3,
.seccionPersonas .producto-info h4,
.seccionPersonas .producto-info h5,
.seccionPersonas .producto-info h6
.seccionPersonas .producto-info ul li,
.seccionPersonas .producto-info ol li,
.seccionPersonas .producto-enlaces a,
.seccionPersonas .producto-info-lateral h4,
.seccionPersonas .producto-otros-enlaces a h3 {
    color: #0073AE;
}

.seccionPersonas .producto-otros-enlaces a {
    border-top: 5px solid #0073AE;
}

.seccionPersonas .producto-info-lateral,
.seccionPersonas .producto-otros-enlaces a:hover {
    background-color: #d9eaf4;
}

/*empresas*/
.seccionEmpresas .btn-producto-mas,
.seccionEmpresas .producto-banner {
    background-color: #E3622A;
}

.seccionEmpresas .tab-items ul li:hover:before,
.seccionEmpresas .tab-items ul li.tab-active:before {
    border-top: 8px solid #E3622A;
}

.seccionEmpresas .tab-items ul {
    border-color: #E3622A;
}

.seccionEmpresas .producto-info h1,
.seccionEmpresas .producto-info h2,
.seccionEmpresas .producto-info h3,
.seccionEmpresas .producto-info h4,
.seccionEmpresas .producto-info h5,
.seccionEmpresas .producto-info h6
.seccionEmpresas .producto-info ul li,
.seccionEmpresas .producto-info ol li,
.seccionEmpresas .producto-enlaces a,
.seccionEmpresas .producto-info-lateral h4,
.seccionEmpresas .producto-otros-enlaces a h3 {
    color: #E3622A;
}

.seccionEmpresas .producto-otros-enlaces a {
    border-top: 5px solid #E3622A;
}

.seccionEmpresas .producto-info-lateral,
.seccionEmpresas .producto-otros-enlaces a:hover {
    background-color: #fdf3ee;
}

/*institucional*/
.seccionInstitucional .btn-producto-mas,
.seccionInstitucional .producto-banner {
    background-color: #117578;
}

.seccionInstitucional .tab-items ul li:hover:before,
.seccionInstitucional .tab-items ul li.tab-active:before {
    border-top: 8px solid #117578;
}

.seccionInstitucional .tab-items ul {
    border-color: #117578;
}

.seccionInstitucional .producto-info h1,
.seccionInstitucional .producto-info h2,
.seccionInstitucional .producto-info h3,
.seccionInstitucional .producto-info h4,
.seccionInstitucional .producto-info h5,
.seccionInstitucional .producto-info h6
.seccionInstitucional .producto-info ul li,
.seccionInstitucional .producto-info ol li,
.seccionInstitucional .producto-enlaces a,
.seccionInstitucional .producto-info-lateral h4,
.seccionInstitucional .producto-otros-enlaces a h3 {
    color: #117578;
}

.seccionInstitucional .producto-otros-enlaces a {
    border-top: 5px solid #117578;
}

.seccionInstitucional .producto-info-lateral,
.seccionInstitucional .producto-otros-enlaces a:hover {
    background-color: #ecf4f4;
}

/*SECCION QUIENES SOMOS*/
div p {
    text-align: justify;
}

.superior {
    width: 80%;
    margin: auto;
}

.superior span {
    float: left;
}

.superior p {
    padding: 20px 40px;
    border-top: 1px solid #66C136;
    border-bottom: 1px solid #66C136;
}

.seccionQuienes-somos .Main {
    padding-top: 20px;
}

.icon-quienes-somos-1 {
    clear: both;
    height: auto;
    padding: 10px 0;
}

.icon-quienes-somos-1 p {
    padding: 15px 0 0 90px;
    font-style: 16px;
}

.icon-quienes-somos-1 .adicional {
    padding-top: 25px;
}

.aramesa {
    line-height: 19px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

strong {
    color: #424242;
}

.texto {
    line-height: 16px;
}

.btn-descargar {
    border: 1px solid #480D0D;
    padding: 11px 2px 0px 2px;
    color: #333;
    width: 90%;
    margin: auto;
}

.btn-descargar {
    width: 92%
}

.niendo {
    border: 1px solid #480D0D !important;
}

.gronw {
    display: inline-block;
    color: #480D0D;
}

.documento-format:after {
    content: "";
}

.modal-nuevo {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-nuevo {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.primera {
    border-right: 5px solid #66C136;
    padding-right: 0;
    height: 90px;
}

.primera .assets-servi-1 {
    background-position: 4px 6px;
}

.segunda-negro {
    border-right: 5px solid #231F20;
}

.tercera-rojo {
    border-right: 5px solid #DF5555;
    padding-right: 0;
    height: 85px;
}

.mascarilla-rojo {
    border-right: 5px solid #DF5555;
}

.tercera-rojo .assets-servi-3 {
    background-position: 8px -329px;
}

.cuarta-amarillo {
    border-right: 5px solid #ECC51A;
}

.cuarta-amarillo .assets-servi-3 {
    background-position: 8px -333px;
}

.quinta-cian {
    border-right: 5px solid #00B69C;
    height: 85px;
    padding-right: 0;
}

.quinta-cian .assets-servi-3 {
    background-position: 8px -333px;
}

.sexta-perla {
    border-right: 5px solid #224756;
}

.sexta-perla .assets-servi-3 {
    background-position: 8px -333px;
}

.septima-verda {
    border-right: 5px solid #66C136;
    height: 90px;
    padding-right: 0;
}

.septima-verda .assets-servi-3 {
    background-position: 8px -333px;
}

.octaba-amarilla {
    border-right: 5px solid #ECC51A;
}

.octaba-amarilla .assets-servi-3 {
    background-position: 8px -333px;
}

.padding-left0 {
    padding-left: 0;
}

.date-date {
    position: relative;
    right: -100px;
    top: 25px;
    display: inline-block;
    color: #66C136;
    font-weight: 400;
}

.subproductos h3 {
    font-size: 16px;
    text-align: center;
    color: #231F20;
    font-weight: 600;
}

.subproductos .btn-success {
    background: #00B49A;
    color: #fff;
    transition: background .2s;
}

.subproductos .btn-success:hover {
    background: #224756;
}
/************************************************************************************************
    Cajeros Servibanca
************************************************************************************************/

.bg-info {
    padding:5px 10px; 
    background-color: #F2F2F2;
}

.seccionCajeros {
    overflow-x: hidden;
}
.seccionCajeros .header {
    display: none;
}

.seccionCajeros .footer {
    display: none;
}
.seccionCajeros  .line-green-cajeros {
    background-color: #9AC455;
    width: 100%;
    height: 25px;
}

.header-Cajeros .wp-title {
    display: flex;
    align-items: center;
    padding: 20px 20px 0px 0;
}

.header-Cajeros .title-cajeros {
    background-color: #9AC556;
    color: #000;
    border-radius: 0 40px 40px 0;
    padding: 14px 30px 14px 40px;
}

.header-Cajeros .go-back {
    position: absolute;
    right: 2%;
    cursor: pointer;
    font-size: 2em;
}

.header-Cajeros .icon-back {
    background-image: url(../img/icon-down-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    display: inline-block;
    width: 20px;
    height: 20px;
}

.producto-info .oficinas-city-label {
    background-color: #9AC556;
    color: #000;
    padding: 10px 30px 10px 30px;
    border-radius: 0 30px 30px 0;
    text-transform: lowercase;
}
.producto-info .oficinas-city-label.txt-vacio {
    padding:0;
}
.producto-info .oficinas-city-label:first-letter {
    text-transform: capitalize;
}


.seccionCajeros-automaticos .subproductos h3 {
    font-size: 16px;
    text-align: center;
    color: #231F20;
}

.seccionCajeros-automaticos .subproductos h3.idea {
    text-align: left;
}

.seccionCajeros-automaticos .subproductos ul {
    padding-left: 0;
}

.seccionCajeros-automaticos .subproductos li {
    list-style: none;
}

.seccionCajeros-automaticos .subproductos li:before {
    content: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢";
    padding-right: 13px;
    height: 60px;
    display: inline-block;
    float: left;
    color: #66C136;
}

li {
    list-style: none;
    padding: 5px 0;
}

.seccionCajeros-automaticos .container.Main li:before,
.seccionOtros .container.Main li:before {
    content: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢";
    padding-right: 13px;
    display: inline-block;
    float: left;
    color: #66C136;
}

.subproductos a,
.documentos .documento-format {
    color: #00B69C;
}

.documentos .documento-format i {
    padding: 0 0 0 10px;
}

.documentos {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0 10px 0 !important;
}

.documentos span.documento-format, .documentos div {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.documentos span {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-left: 10px;
}

.seccionCajeros-automaticos .subproductos i {
    padding: 0 0 0 5px;
    transition: all 0.5s ease;
}

.seccionCajeros-automaticos .subproductos i:hover {
    padding: 0 0 0 10px;
}

.seccionCajeros-automaticos .btn-success {
    background-color: #9E9CA5;
    border-radius: 1px;
}

.seccionCajeros-automaticos .subproductos .btn-success {
    background-color: #00B69C;
    border-radius: 1px;
}

.seccionCajeros-automaticos .tab-items p {
    font-size: 16px;
    margin: 0 0 0px;
}

.seccionCajeros-automaticos .tab-items {
    padding-top: 10px;
}

.btn-descargar {
    border: none;
}

i.fa {
    padding: 0 5px;
}
.txt-indent {
    margin-left: 30px;
}
/*BOXESES*/
.title-aux {
    font-size: 14px;
    color: #9c9aa3;
    font-weight: 600;
    padding-left: 30px;
}

.boxeses {
    line-height: 14px;
    font-size: 16px;
    color: #545454;
}

.boxeses .documento-format {
    margin-top: 3px;
}

.boxeses i {
    padding: 0 0 0 5px;
}

.boxeses span {
    text-align: center;
    display: inline-block;
}

span.assets-servi.assets-servi-32 {
    position: relative;
    top: 10px;
    left: 0%;
}

.boxeses .btn-descargar {
    padding: 10px 0 8px 0;
    margin: 6px;
    float: right;
    box-shadow: 1px 1px 2px #ccc;
    transition: all .3s ease;
}

.boxeses .btn-descargar:hover {
    box-shadow: 2px 5px 5px #ccc;
    border-bottom: 2px;
}

.boxeses .btn-descargar div {
    margin: 0;
}

.boxeses .btn-descargar.cian {
    border: 1px solid #00B69C;
}

.ie .boxeses .btn-descargar.cian .col-xs-10 {
    padding-left: 0;
}

.boxeses .btn-descargar.cian .documento-format {
    color: #00B69C;
}

.boxeses .btn-descargar.niendo .documento-format, .boxeses .btn-descargar.niendo i {
    color: #480D0D;
}

.boxeses .btn-descargar.green {
    border: 1px solid #66C136;
}

.boxeses .btn-descargar.green p {
    margin-top: 8px;
}

.boxeses .btn-descargar.green span {
    color: #66C136 !important;
}

.boxeses .btn-descargar.yellow {
    border: 1px solid #ECC51A;
}

.boxeses .btn-descargar.yellow span {
    color: #ECC51A !important;
}

.boxeses .btn-descargar.yellow p {
    margin-top: 4px;
}

span.assets-servi.assets-servi-31 {
    left: 1%;
    position: relative;
}

.btn-descargar p {
    margin-bottom: 5px;
}

.btn-descargar div {
    margin-bottom: 0;
    margin-left: 55px;
}

.boxeses p {
    text-align: center;
}

.link-interes .boxeses .btn-descargar {
    width: 95%;
    margin: 0 auto;
}

.link-interes .superFinanciera {
    padding-bottom: 0;
    height: 60px;
}

.superFinanciera .iconSuper {
    width: 43px;
    height: 42px;
    background: url(../files/images/icon_superfinanciera.png) no-repeat;
    display: block;
}

.link-interes .iconSuper {
    background-size: contain;
    width: 26px;
}

.superFinanciera p {
    margin-top: 5px;
}

.info-backdow-banner {
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #00B69C;
}

a .fa-external-link-square {
    opacity: .4;
}

span.assets-servi.assets-servi-20 {
    position: relative;
    left: 1%;
}

.formzza {
    font-size: 16px;
    color: #6D6E71;
    font-family: "lato";
    margin: 0 0 -1px;
}

/*
.list-normal li:before{
    content: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢";
    margin-right: -5px;
    display: inline-block;
    float: left;
    color: #66c233;
    text-indent: -16px;
}*/
.list-normal li {
    color: #66c233;
    font-weight: 400;
    padding-left: 0px;
    list-style: disc;
}

.list-decimal li {
    color: #66c233;
    font-weight: 400;
    padding-left: 5px;
    list-style: decimal;
}

.list-decimal li span, .list-normal li span {
    color: #58595b;
}

/*.list-decimal li:before {
        content: counters(item, "") ".";
    margin-right: -5px;
    display: inline-block;
    float: left;
    color: #66c233;
    text-indent: -30px;
}*/



/**/
/* colores por producto */
.tab-items {
    padding-top: 20px;
}

.tab-items h2 {
    font-size: 27px;
}

.tab-items ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    border-bottom: 1px solid #8ec63f;
}

.tab-items ul li {
    margin-left: 5px;
    list-style: none;
    float: left;
    padding: 9px 15px;
    line-height: 17px;
    font-size: 1.15em;
    height: 32px;
    /* padding-right: 60px;*/
    cursor: pointer;
    position: relative;
    background: #9E9CA5;
    position: relative;
    color: #fff;
    border-radius: 10px 10px 0 0;
    width: auto;
}

.tab-items ul li a {
    color: #fff;
    text-decoration: none;
}

.tab-items ul li:before,
.tab-items ul li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    /* border-top: 8px solid white;*/
    border-right: 8px solid transparent;
    bottom: 5px;
    left: 40%;
    z-index: 2;
    transition: bottom .1s;
}

.tab-items ul li:hover,
.tab-items ul li.tab-active {
    color: #fff;
    background-color: #4F4C59;
    border-radius: 10px 10px 0 0;
}

.tab-items ul li.tab-active a {
    color: #fff;
}

.tab-items ul li:hover:before,
.tab-items ul li.tab-active:before {
    border-top: 8px solid #66C136;
    bottom: -9px;
}

.tab-items ul li:hover:after,
.tab-items ul li.tab-active:after {
    bottom: -8px;
}

.tab-items ul li.tab-texto-1linea {
    padding-top: 7px;
}

.padding-contenido {
    padding-top: 45px;
}

.padding-contenido.sectionCajeros{
    padding-top: 10px;
}

.tab-children .tab-child {
    display: none;
}

.tab-children .tab-child-active {
    display: block;
}

/* END INTERNA */

/* OFICINAS CAJEROS */
.oficinas-city-label {
    display: inline-block;
    margin-right: 20px;
}

.select-custom,
.select-custom-item {
    border: 1px solid #cce3ef;
    background-color: #fafdff;
    padding: 7px 3px 6px 15px;
    border-radius: 0;
}

.select-custom-item a {
    float: right;
    line-height: 20px;
    padding: 0 5px;
    color: black;
}

.select-custom-items {
    position: absolute;
    border: 1px solid #cce3ef;
    background-color: #fafdff;
    display: none;
    padding: 3px 15px;
    z-index: 8;
    width: 200%;
    max-width: 290px;
}

.select-custom-items a {
    min-height: 50px;
    display: block;
    padding: 4px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: center left;
}

.select-custom-items a.line1 {
    padding-top: 13px;
}

.select-custom-container:hover .select-custom-items {
    display: block;
}

.select-custom-container:hover .select-custom-item a:before {
    content: "\f0d8";
}

.select-custom-items a.marker-oficinas {
    background-image: url(../img/marker-sm-oficinas.png);
}

.select-custom-items a.marker-pensionados {
    background-image: url(../img/marker-sm-pensionados.png);
}

.select-custom-items a.marker-premier {
    background-image: url(../img/marker-sm-premier.png);
}

.select-custom-items a.marker-servibanca {
    background-image: url(../img/marker-sm-servibanca.png);
}

.select-custom-items a.marker-recaudo {
    background-image: url(../img/marker-sm-recaudo.png);
}

.select-custom-items a.marker-multicanal {
    background-image: url(../img/marker-sm-multicanal.png);
}

.select-custom-items a.marker-enrolamiento {
    background-image: url(../img/marker-sm-enrolamiento.png);
}

.tooltip .tooltip-inner {
    color: #0073ae;
    background: #ebf4f9;
    padding: 8px 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ebf4f9;
}
.wp-filtros-cajeros {
    background-color: #F4F2F2;
    padding: 20px 5% 90px;
}
.wp-fltrosMapa {
    border: 1px solid #999999;
    background-color: #fff;
    border-radius: 10px;
    padding: 7px 20px 0px;
}
.wp-fltrosMapa .filtroPuntos .marker {
    display: flex;
    margin: 0 5px;
    align-items: center;
    text-align: center;
}

.wp-fltrosMapa .filtroPuntos .marker .icon-filtros {
    display: inline-block;
    margin: 0;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.wp-fltrosMapa .filtroPuntos .marker .icon-filtros.icon-recaudo {
    background-image: url(../img/icon-cajeros.png);
}
.wp-fltrosMapa .filtroPuntos .marker .icon-filtros.icon-servibanco {
    background-image: url(../img/icon-red-verde.png);
}
.wp-fltrosMapa .filtroPuntos .marker .txt-filtros {
    color: #666666;
}

.wp-fltrosMapa .filtroPuntos {
    display: inline-block;
    width: 49%;
}
.filtrosMapa .form-control {
    border: 1px solid #999999;
    border-radius: 10px;
    padding: 16px;
    height: auto;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../img/icon-down-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 12px;
}

.filtrosMapa p {
    color: #333;
}

.oficinas-item {
    min-height: 155px;
}

.oficinas-item .line {
    margin-top: 20px;
    padding-bottom: 0;
}

.oficinas-item p {
    margin: 0;
    color: #a7a9ac;
}

.oficinas-item h4 {
    font-size: 1em;
}

.oficinas-item h4 span {
    color: #333;
}

.oficinas-item a {
    margin-right: 15px;
}

.oficinas-contaniner {
    position: relative;
    margin: 0;
}

.oficinas-mapa {
    float: right;
}

.ie8 .oficinas-mapa {
    float: right !important;
}

.ie8 .oficinas-contaniner.static .oficinas-item {
    min-width: 50%;
}

.mapa-toggle-ampliar {
    padding-bottom: 13px;
}

.mapa-toggle-cerrar,
.mapa-toggle-ampliar a {
    color: #a39161;
}

.oficinas-paginador {
    padding-bottom: 10px;
    color: #999;
    height: 35px;
}

.oficinas-paginador:first-child {
    display: none;
}
.oficinas-paginador a {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.2em;
    color: #999;
}

.oficinas-paginador .oficinas-paginador-cur,
.oficinas-paginador .oficinas-paginador-tot {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    padding: 2px 8px;
}

.oficinas-paginador .oficinas-paginador-cur {
    background-color: #f2f2f2;
}

.oficinas-paginador .oficinas-paginador-tot {
}

.mapa-container {
    width: 100% !important;
    height: 600px;
    background-color: #f2f2f2;
}

.select-custom-item {
    position: relative;
}

.select-custom-item a {
    position: absolute;
    top: 5px;
    right: 2px;
}

.select-custom-item span {
    display: block;
    width: 90%;
    overflow: hidden;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oficinas-popinfo {
    top: 0;
    width: 300px;
    display: none;
    position: absolute;
}

.static .oficinas-popinfo {
    top: 40px;
    right: 35%;
}

.animate .oficinas-popinfo {
    top: 25px;
    right: 60px;
}

.oficinas-popinfo .oficinas-poptabs,
.oficinas-popinfo .oficinas-poptabs li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.oficinas-popinfo .oficinas-poptabs {
    display: table;
    width: 100%;
}

.oficinas-popinfo .oficinas-poptabs li {
    float: left;
    background-color: #ccc;
}

.oficinas-popinfo .oficinas-poptabs li:last-child {
    background-color: transparent;
}

.oficinas-popinfo .oficinas-poptabs li a {
    background-color: #ccc;
    border-radius: 0 15px 0 0;
    color: #fff;
    display: block;
    padding: 7px 25px 7px 18px;
    border-radius: 0 15px 15px 0;
    color: #000;
    font-size: 16px;
}
.oficinas-popitems .oficinas-item {
    padding: 0;
}

.oficinas-popitems .oficinas-item .cont-punto-cajeros {
    padding: 20px;
}

.oficinas-infohora {
    background-color: #F4F2F2;
    border-radius: 10px;
    padding: 20px;
    color: #8dc63f;
}

.oficinas-popinfo .oficinas-poptabs li.bgoficina,
.oficinas-popinfo .oficinas-poptabs li.oficina a {
    background-color: #0073ae;
}

.oficinas-popinfo .oficinas-poptabs li.bgcajero,
.oficinas-popinfo .oficinas-poptabs li.cajero a {
    background-color: #8dc63f;
}

.oficinas-popclose a {
    float: right;
    display: block;
    padding: 2px 8px;
    text-indent: -999999px;
    background-image: url(../img/icon-close.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin-top: 10px;
    margin-right: 10px;
}

.oficinas-popitems {
    background: white;
    border: 1px solid #e7e7e7;
    border-top: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
    border-radius: 15px;
}

.oficinas-infoline {
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
}

.oficinas-popitems .oficinas-item {
    width: 100% !important;
}

.oficinas-popitems .oficinas-item img {
    width: 100%;
    margin-bottom: 10px;
}

.oficinas-popinfo .oficinas-infotel,
.oficinas-popinfo .oficinas-infohora {
    padding-top: 10px;
}

.oficinas-popinfo .oficinas-infotel li,
.oficinas-popinfo .oficinas-infohora li {
    padding: 0;
    color: #8dc63f;
    padding-bottom: 5px;
}

.mapa-container {
    border-left: 3px solid #ccc;
}

.mapa-toggle-button {
    padding: 10px 5px;
    background: #ccc;
    border-radius: 0 15px 15px 0;
    position: absolute;
    z-index: 9999;
    top: 290px;
    cursor: pointer;
}

.mapa-toggle-button:hover {
    color: #fff;
    background: #bbb;
}
#PuntosCercanos {
    border: 0;
    margin-top: 38px;
}

#PuntosCercanos .oficinas-item {
    min-height: auto;
    box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 35%);
    width: 80%;
    margin: 0 auto 20px;
    float: none;
    border-radius: 10px;
    padding: 25px 15px;
    display: flex;
    align-items: center;
}

#PuntosCercanos .oficinas-item .detalle-punto-cajeros {
    width: 80%;
}

.links-punto-cajeros {
    width: 20%;
}

.links-punto-cajeros .punto-cajero {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.links-punto-cajeros .punto-cajero.el-punto2 {
    background-image: url(../img/icon-localizar.png);
}
.links-punto-cajeros .punto-cajero.el-punto3 {
    background-image: url(../img/icon-ir.png);
}

.links-punto-cajeros .punto-cajero.el-punto2:hover {
    background-image: url(../img/icon-localizar-active.png);
}
.links-punto-cajeros .punto-cajero.el-punto3:hover {
    background-image: url(../img/icon-ir-active.png);
}
.oficinas-popitems .oficinas-item .cont-punto-cajeros .links-punto-cajeros {
    text-align: right;
    width: 100%;
}

.oficinas-popitems .oficinas-item .cont-punto-cajeros .links-punto-cajeros  .punto-cajero {
    margin-left: auto;
    margin-right: 0;
}
.wp-links-mapa {
    text-align: right;
}

.wp-links-mapa .mapa-cercanos {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 13px;
}

.wp-links-mapa .mapa-toggle-ampliar {
    display: inline-block;
    vertical-align: middle;
}

.wp-links-mapa a {
    color: #333;
}

.wp-links-mapa a .icon-cercano {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    margin-left: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/icon-puntos-cercanos.png);
}
.wp-links-mapa a span {
    color: #87C257;
    font-weight: 100;
    font-size: 17px;
}

/* END OFICINAS CAJEROS */

/****************************************************************
    Footer
****************************************************************/
.footer {
    background-color: #000;
    padding: 25px 10px;
}
.footer .top-footer {
    padding: 12px 0 5px;
}
.footer .title-attention {
    color: #A0A0A0;
}

.footer .txt-attention {
    margin-bottom: 20px;
}

.footer .txt-attention span {
    display: block;
    font-size: 14px;
    line-height: 1.2;
}

.footer .txt-attention span.title-attention {
    margin-bottom: 8px;
}

.footer .txt-attention span.txt-number {
    color: #fff;
}

footer {
    margin-top: 15px;
}

.footer .ft-copy {
    font-size: 0.84em;
    padding-top: 5px;
    padding-bottom: 12px;
    text-align: left;
}
.footer .ft-copy span {
    display: block;
}
.footer .ft-copy span.copyright {
    font-size: 11px;
}
.footer .ft-copy a {
    color: #333;
}

.ft-links {
    padding-top: 23px;
}
.footer .ft-copy .ft-super {
    margin-bottom: 15px;
}

.ft-copy .pi {
    margin: 0 5px;
}

.ft-links a {
    color: gray;
    padding: 0 6px;
}

.line-green {
    border: 2px solid #66c233;
    margin: 8px 0;
}

.ft-super {
    display: inline !important;
    display: inline-block !important;
    vertical-align: middle;
}

/* SPRITES */
.sp {
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sp-svb_01 {
    width: 240px;
    height: 52px;
    background-position: -1px -1px;
}

.sp-svb_02 {
    width: 141px;
    height: 32px;
    background-position: -1px -55px;
}

.sp-svb_10 {
    width: 50px;
    height: 62px;
    background-position: -144px -55px;
}

.sp-svb_11 {
    width: 50px;
    height: 62px;
    background-position: -1px -119px;
}

.sp-svb_13 {
    width: 50px;
    height: 50px;
    background-position: -53px -119px;
}

.sp-svb_14 {
    width: 50px;
    height: 50px;
    background-position: -105px -119px;
}

.sp-svb_16 {
    width: 50px;
    height: 50px;
    background-position: -157px -119px;
}

.sp-svb_17 {
    width: 50px;
    height: 50px;
    background-position: -243px -1px;
}

.sp-svb_19 {
    width: 50px;
    height: 50px;
    background-position: -243px -53px;
}

.sp-svb_20 {
    width: 50px;
    height: 50px;
    background-position: -209px -105px;
}

.sp-svb_23 {
    width: 19px;
    height: 23px;
    background-position: -261px -105px;
}

.sp-svb_27 {
    width: 189px;
    height: 18px;
    background-position: -53px -171px;
}

.fake-icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    margin-top: 10px;
}

.new-menu-icon {
    background-repeat: no-repeat !important;
    background-position: 16px 18px !important;
}

.new-menu-icon.icon-giros-nacionales .fake-icon {
    background-image: url(../img/ico-home-giros-gris.png);
}

.new-menu-icon.icon-giros-nacionales:hover .fake-icon {
    background-image: url(../img/ico-home-giros-verde.png);
}

.new-menu-icon.icon-soat .fake-icon {
    background-image: url(../img/ico-home-soat-gris.png);
}

.new-menu-icon.icon-soat:hover .fake-icon {
    background-image: url(../img/ico-home-soat-verde.png);
}

.new-menu-icon.icon-tarifas .fake-icon {
    background-image: url(../img/tarifas.png);
    background-size: 100% 100%
}

.new-menu-icon.icon-tarifas:hover .fake-icon {
    background-image: url(../img/tarifas.png);
}

.new-menu-icon.icon-derechos .fake-icon {
    background-image: url(../img/derechos.png);
    background-size: 100% 100%
}

.new-menu-icon.icon-derechos:hover .fake-icon {
    background-image: url(../img/derechos.png);
}

.new-menu-icon.icon-recomendaciones .fake-icon {
    background-image: url(../img/recomendaciones.png);
    background-size: 100% 100%
}

.new-menu-icon.icon-recomendaciones:hover .fake-icon {
    background-image: url(../img/recomendaciones.png);
}

.new-menu-icon.icon-aliados .fake-icon {
    background-image: url(../img/aliados.png);
    background-size: 100% 100%
}
.new-menu-icon.icon-vista .fake-icon {
    background-image: url(../img/ico-consultas.png);
    background-size: 100% 100%
}

.new-menu-icon.icon-aliados:hover .fake-icon {
    background-image: url(../img/aliados.png);
}

.new-menu-icon.icon-atencion-al-cliente .fake-icon {
    background-image: url(../img/Atencion-al-cliente.png);
    background-size: 100% 100%
}

.new-menu-icon.icon-atencion-al-cliente:hover .fake-icon {
    background-image: url(../img/Atencion-al-cliente.png);
}


.new-menu-icon.icon-pagos-cancilleria .fake-icon {
    background-image: url(../img/ico-home-cancilleria-gris.png);
}

.new-menu-icon.icon-pagos-cancilleria:hover .fake-icon {
    background-image: url(../img/ico-home-cancilleria-verde.png);
}

.new-menu-icon.icon-impuestos-servicios-publicos {
    background-image: url(../img/ico-home-impuestos-gris.png);
}

.new-menu-icon.icon-impuestos-servicios-publicos:hover {
    background-image: url(../img/ico-home-impuestos-verde.png);
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

/**/
.icon-cajero {
    background-image: url(../img/346.png);
    background-repeat: no-repeat;
    display: block;
}

.icon-cajero-1 {
    width: 70px;
    height: 75px;
    background-position: 20px -2px;
}

.icon-imagen-right {
    float: right;
}

.assets-servi {
    background-image: url(../img/sprite-servi.png);
    background-repeat: no-repeat;
    display: inline-block;

}

.assets-pago {
    background-image: url(../img/icon-servi.png);

    display: inline-block;

}

.assets-servi-1 {
    width: 197px;
    height: 89px;
    background-position: -2px 20px;
}

.assets-servi-10 {
    width: 16px;
    height: 8px;
    background-position: -203px -2px;
}

.assets-servi-11 {
    width: 7px;
    height: 14px;
    background-position: -223px -2px;
}

.assets-servi-12 {
    width: 72px;
    height: 72px;
    background-position: -234px -2px;
    padding: 10px;

}

.assets-servi-12-pago {
    width: 72px;
    height: 72px;
    background-position: -220px -2px;
    padding: 10px;

}

.assets-servi-13 {
    width: 72px;
    height: 72px;
    background-position: -310px -2px;
    padding: 10px;
}

.assets-servi-14 {
    width: 72px;
    height: 72px;
    background-position: -386px -2px;
    padding: 10px;
}

.assets-servi-15 {
    width: 83px;
    height: 19px;
    background-position: -203px -78px;
}

.assets-servi-16 {
    width: 5px;
    height: 11px;
    background-position: -462px -2px;
}

.assets-servi-17 {
    width: 43px;
    height: 57px;
    background-position: -290px -78px;
}

.assets-servi-18 {
    width: 45px;
    height: 59px;
    background-position: -337px -78px;
}

.assets-servi-19 {
    width: 8px;
    height: 16px;
    background-position: -203px -17px;
}

.assets-servi-2 {
    width: 200px;
    height: 89px;
    background-position: -15px -134px;
    background-repeat: no-repeat;
}

.assets-servi-20 {
    width: 35px;
    height: 46px;
    background-position: -386px -78px;
    padding: 0 40px 0 0;
}

.assets-servi-21 {
    width: 54px;
    height: 42px;
    background-position: -219px -128px;
}

.assets-servi-22 {
    width: 24px;
    height: 47px;
    background-position: -425px -78px;
}

.assets-servi-23 {
    width: 26px;
    height: 50px;
    background-position: -386px -129px;
}

.assets-servi-24 {
    width: 99px;
    height: 93px;
    background-position: -277px -141px;
}

.assets-servi-25 {
    width: 96px;
    height: 91px;
    background-position: -2px -238px;
}

.assets-servi-26 {
    width: 96px;
    height: 91px;
    background-position: -102px -238px;
}

.assets-servi-27 {
    width: 96px;
    height: 91px;
    background-position: -202px -238px;
}

.assets-servi-28 {
    width: 96px;
    height: 91px;
    background-position: -302px -238px;
}

.assets-servi-29 {
    width: 15px;
    height: 21px;
    background-position: -453px -78px;
    float: left;
    padding: 0 20px 0 0;
}

.assets-servi-3 {
    width: 206px;
    height: 86px;
    background-position: -2px -333px;
}

.assets-servi-30 {
    width: 23px;
    height: 20px;
    background-position: -416px -126px;
    background-repeat: no-repeat;
    float: left;
    padding: 1px 28px 0 0;
}

.assets-servi-31 {
    width: 29px;
    height: 39px;
    background-position: -443px -129px;
}

.assets-servi-32 {
    width: 40px;
    height: 36px;
    background-position: -416px -172px;
}

.assets-servi-33 {
    width: 29px;
    height: 48px;
    background-position: -402px -212px;
}

.assets-servi-345 {
    width: 26px;
    height: 33px;
    background-position: -2px -103px;
    float: left;
    padding: 0 0 0 30px;
}

.assets-servi-35 {
    width: 200px;
    height: 89px;
    background-repeat: no-repeat;
    background-image: url(../img/ic-tecnologia.png);
    display: inline-block;
    position: relative;
}

.assets-servi-36 {
    width: 200px;
    height: 89px;
    background-repeat: no-repeat;
    background-image: url(../img/ic-mascarilla.png);
    display: inline-block;
    position: relative;
}

.height-2021 {
    height: 130px;
}

.assets-servi-4 {
    width: 202px;
    height: 85px;
    background-position: -203px -325px;
    position: relative;
    top: -4px;
}

.assets-servi-5 {
    width: 207px;
    height: 82px;
    background-position: -481px 4px;
}

.assets-servi-6 {
    width: 198px;
    height: 81px;
    background-position: -472px -77px;
    top: 0px;
    position: relative;
}

.assets-servi-7 {
    width: 210px;
    height: 85px;
    background-position: -471px -166px;
}

.assets-servi-8 {
    width: 208px;
    height: 81px;
    background-position: -444px -249px;
    position: relative;
    top: 0px;
}

.assets-servi-9 {
    width: 28px;
    height: 43px;
    background-position: -32px -84px;
}

.assets-servi-5.new {
    background-image: url(../img/ic-computador.png);
    background-position: 0 0;
}

.assets-servi-26.new {
    background-image: url(../img/ico-donaciones.png);
    background-position: 0 0;
}

.assets-servi-27.new {
    background-image: url(../img/ico-consultas.png);
    background-position: 0 0;
}

.assets-servi-28.new {
    background-image: url(../img/ico-retiros.png);
    background-position: 0 0;
}

.faqs h4 {
    color: #224756;
    font-size: 16px;
    font-weight: 400;
    transition: all .2s;
}

.faqs a:hover, .faqs a:focus, .faqs a:active, .faqs a:hover h4, .faqs a:focus h4, .faqs a:active h4 {
    text-decoration: none;
    color: #66c233;
}

.faqs ul li {
    padding-bottom: 12px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f6f6f6;
}

.subproductos2 a {
    color: #00B49A;
    font-weight: 600;
}

.subproductos2 h3 {
    float: left;
}

.subproductos2 li {
    clear: both;
}

.subproductos2 li:before {
    content: " ";
    padding-right: 13px;
    height: 60px;
    display: inline-block;
    float: left;
    color: #66C136;
}

.columna3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.columna3 li {
    padding: 0 10px;
    list-style: inherit;
    font-weight: 600;
}

.columna3 li span {
    font-weight: 400;
}

.content-hidden {
    color: #58595B;
    border-bottom: 2px solid #66c233;
    text-align: justify;
}

table.table.table-striped.table-responsive {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
}

table.table.table-striped.table-responsive :first-child {
    text-align: center;
    color: #58595B;
}

table.table.table-striped.table-responsive tr:first-child {
    text-align: center;
    font-weight: 600;
}

.menu-nopadding-right {
    padding-right: 0;
}

.menu-nopadding-left {
    padding-left: 0;
}

.header-fluid .container-fluid {
    max-width: 1920px;
}

/*POP BANCA*/
.popup-sap {
    position: absolute;
    z-index: 9999;
    width: 275px;
    background: white;
    top: 40px !important;
    left: 50%;
    margin-left: -180px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
}

.popup-sap iframe {
    height: 283px;
}

.popup-sap .popup-footer {
    width: 100%;
}

.popup-sap:before {
    content: " ";
    position: absolute;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    top: -6px;
    right: 55px;
    display: none;
}

.popup-sap:before {
    right: 132px;
    display: block;
}

.popup-sap:before {
    right: 43%;
    display: block;
}

.popup-sap .popup-header .close {
    position: absolute;
    right: -8px;
    top: -9px;
    font-size: 23px;
    color: #FFF;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    text-shadow: none;
    border-radius: 10px;
    opacity: 1;
    border: 1px solid #7F7D7D;
    line-height: 16px;
    padding-bottom: 17px;
    background-color: #AAA;
    filter: alpha(opacity=100)
}

.ie .popup-sap {
    height: 302px;
}

.ie .banner > div {
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.header-sup nav ul .header-buscador-li {
    padding-top: 7px;
}

.header-buscador {
    padding: 0 2px;
}

.header-buscador input {
    width: 55px;
    border: 0;
    padding: 1px 5px;
    background: none;
    border-radius: 3px;
    transition: width .5s;
    height: 22px;
}

.ielt8 .header-buscador input,
.header-buscador input:hover,
.header-buscador input:focus {
    background: #f2f2f2;
}

.header-buscador input:focus {
    width: 150px;
    outline: none;
}

.header-buscador a {
    background: none;
    border: 0;
    padding: 0 3px;
    border-radius: 3px;
    color: #818181;
    display: inline-block;
}

.header-buscador a:hover {
    background-color: #8ec63f;
    color: white;
}

.item-container {
    display: table-row;
    display: flex;
    flex-wrap: wrap;
}

.link-item {
    display: table-cell;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-top: 25px
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca !important;
    color: #212529;
}

.table-green,
.table-green > th,
.table-green > td {
    background-color: #90D307 !important;
    color: #212529;
}

.align-middle {
    vertical-align: middle !important;
}

.with-menu:hover > .with-menu-options {
    display: block;
}

.with-menu ul li a {
    border: none;
    min-height: auto;
    padding: 10px;
}

.with-menu-options {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    height: 100%;
    display: none;
}

.with-menu-backdrop {
    background: rgba(102, 194, 51, 1);
    height: 100%;
}

.with-menu-backdrop ul {
    padding: 0;
    height: 100%;
}

.with-menu-backdrop ul li {
    border-bottom: 0px rgba(102, 194, 51, 1);
    height: 50%;
}

.with-menu-backdrop ul li:hover {
    background: rgba(255, 255, 255, 0.2);
}

.with-menu-backdrop ul li a {
    color: #FFF;
    font-size: 1em;
    font-weight: 400;
}

/* ACADEMIA FINANCIERA */
.thumb-cards-cont,
.thumb-cards-cont-lg {
    background: #f3f3f3 center no-repeat;
    background-size: cover;
}

.thumb-cards-int {
    height: 200px;
    text-align: center;
    background-color: transparent;
    padding: 15px;
    padding-top: 70px;
    border-radius: 0 0 60px;
    overflow: hidden;
}

.thumb-cards-int.line1 {
    padding-top: 85px;
}

.thumb-cards-cont-lg .thumb-cards-int {
    height: 250px;
}

.thumb-cards-cont-lg .thumb-cards-int {
    padding-top: 100px;
}

.thumb-cards-cont-lg .thumb-cards-int.line1 {
    padding-top: 115px;
}

.thumb-cards-int .thumb-cards-title {
    color: #fff;
    background: #a39161;
    display: inline-block;
    padding: 3px 15px;
    margin: 0 auto;
    border-radius: 0 0 15px;
}

.thumb-cards-int p {
    padding-top: 6px;
    font-size: .95em;
}

.thumb-cards-int a {
    padding: 1px 15px;
    font-size: 1.3em;
}

.thumb-cards-int p,
.thumb-cards-int a {
    color: #fff;
    text-align: justify;
    display: none;
}

.seccionAcademia-financiea .thumb-cards-int a {
    padding: 0px 15px;
    font-size: 1.8em;
}

.thumb-cards-int,
.thumb-cards-int .thumb-cards-title {
    transition: all .2s;
}

.thumb-cards-int:hover {
    background-color: #a7a9ac;
    background-color: rgba(167, 169, 172, 0.95);
    padding-top: 7px !important;
}

.thumb-cards-int:hover .thumb-cards-title {
    color: #000;
    background: transparent;
}

.thumb-cards-int:hover p,
.thumb-cards-int:hover a {
    display: inline;
    display: inline-block;
}

/* FINAL FINANCIERA */

.elements-list li {
    min-height: 138px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    transition: all .2s ease-in;
    margin: auto;
}

.elements-list li:hover, .elements-list li:focus {
    box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .4);
    border: 1px solid #66c233;
    transition: all 0.2s ease-in;
}

.elements-list li a {
    display: block;
    position: relative;
    height: 100%;
}

.elements-list li .content {
    height: 46px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 75px;
    width: 100%;
    transition: all 0.2s ease-in;
}

.elements-list li:hover .content, .elements-list li:focus .content {
    height: 125px;
    top: 0
}

.elements-list li:hover .content h3, .elements-list li:focus .content h3 {
    line-height: 125px;
    transition: all 0.2s ease-in;
}

.elements-list li .content h3 {
    color: #FFF;
    text-align: center;
    line-height: 46px;
}

.border-green {
    border: 1px solid #66c233;
}

.card-usuarios {
    width: 100%;
    display: inline-block;
}

.elements-list {
    padding-left: 12px;
    padding-right: 12px;
}

.modal-dialog {
    width:440px; 
    padding-top: 13%;
}

.modal-inicio {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 86%);
    z-index: 3;
}

.modal-inicio .modal-body {
    padding: 0;
    background-color: transparent !important;
}

.modal-inicio .modal-body button.close {
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
    width: 20px;
    line-height: 0;
    padding: 10px 0;
}

.modal-inicio .modal-body img.image-large {
    display: block;
    margin: 20px auto;
}

.col-sm-12.bottom-popup-inicio {
    background-color: #e0e0e0;
    border-radius: 0 0 20px 20px;
    padding: 20px;
    text-align: center;
}

.modal-inicio .modal-body .top-poup-inicio {
    background-color: #80bc04;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    color: #fff;
}

.modal-inicio .modal-content {
    background-color: transparent;
    border: 0;
}

.modal-inicio .modal-body .top-poup-inicio p {
    color: #fff;
    text-align: center;
}

.modal-inicio .modal-body .top-poup-inicio p strong {
    color: #fff;
}

.content-slider-home-2 .slider-cont {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #ffffffd1;
    padding: 30px;
    text-align: center;
}

.content-slider-home-2 .slider-cont-soat {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #93D500;
    padding: 20px;
    text-align: left;
}

.content-slider-home-2.banner-no-cobra {
    position: relative;
}

.content-slider-home-2 .slider-cont p {
    margin: 0;
    font-size: 15px;
    color: #0f4949;
    text-align: center;
}

.content-slider-home-2 .slider-cont strong {
    color: #0f4949;
}

.content-slider-home-2 .slider-cont.strong-blanco strong {
    color: #fff;
}

.content-slider-home-2 .slider-cont strong {
    color: #0f4949;
}

.content-slider-home-2 .slider-cont a {
    margin: 0;
    font-size: 15px;
    color: #0f4949;
}

.content-slider-home-2 .slider-cont-soat p {
    margin: 0;
    font-size: 15px;
    color: #0f4949;
    text-align: left;
}

.content-slider-home-2 .slider-cont-soat strong {
    color: #0f4949;
}

.content-slider-home-2 .slider-cont-soat a {
    margin: 0;
    font-size: 15px;
    color: #0f4949;
}

.soat-icon {
    width: 65px;
    height: 75px;
    display: block;
    margin: auto;
    margin-top: 7px;
}

.content-slider-home-2 .slider-cont-soat .soat-icon {
    background-image: url(../files/images/icon-soat-ene-2022.png);
}

#banner-asamblea{
    background-color: #5a9d14cc;
    padding: 8px;
    color: white;
}

#banner-asamblea-1{
    background-color: #7bd900c9;
    padding: 8px;
    color: white;
}

#p-banner-asamblea{
    color: #fff;
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
}

#p-banner-asamblea-1{
    color: #fff;
    text-align: justify;
    margin-left: 25px;
    margin-right: 25px;
}

.btn-success-asamblea {
    background-color: #2B4202;
    border: 0;
    border-radius: 2px;
}

.btn-success-asamblea:hover {
    background: #224756;
}

#ver-mas2{
    color: white; 
}


.samablea-titulo {
    font-weight: 700;
    display: flex;
    flex-direction: row;
}

.samablea-titulo:before, .samablea-titulo:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid;
    margin: auto;
}

.samablea-titulo:before {
    margin-right: 10px
  }
.samablea-titulo:after {
    margin-left: 10px
}

#boton-cajeros {
    margin-left:12%;
}

#container-menu-sections-clear {
    clear:both;
}

#title-soat {
    padding-top: 11px;
}

#black-color-span-pagination {
    color:#000; 
    font-size:32px; 
    text-shadow: none;
}

#contenido-popup3 {
    padding-top: 5%;
}

#modal-content-nuevo-3 {
    max-width:700px; 
    padding-left: 30px; 
    padding-right: 30px;
}

#modal-content-nuevo-2 {
    max-width:900px; 
    padding-left: 30px; 
    padding-right: 30px;
}

#contenido-popup2 {
    max-width:700px; 
    padding-left: 30px; 
    padding-right: 30px;
}

#modal-content-nuevo-h2 {
    text-align:center; 
    color:#58595b; 
    font-size:17px; 
    font-weight: bold;
    margin-top: 40px;
}

#parrfouno-pop-id {
    text-align: justify; 
    font-size: 16px;
}

#color-gray-span-id {
    color:#58595b;
}

#color-gray-span-font {
    color:#3c3c3c;
    font-weight:bold;
}

#p-popup3 {
    text-align: justify;
    font-size: 16px;
    list-style: initial;
}

#segundo-popup-id {
    text-align: left;
    margin-bottom:40px;
}

#mail-popup {
    text-decoration: underline; 
    font-weight: 600;
}

#text-color-blue-p {
    text-align: justify;
    font-size: 16px; 
    color: #0574AF;
}

#text-color-gray-p {
    text-align: justify;
    font-size: 16px; 
    color: #333;;
}

#modal-fade {
    width:400px;
}

#title-h3-reportar {
    font-size:25px; 
    color:#8ED107;
}

#list-reportar {
    font-size:14px; 
    padding:0 1px;
}

#div-reportar {
    padding-left:0;
}

#div-reportar-right {
    padding-right:0;
}

#mapa-sitio-color {
    color: #66c233;
}

.modal-nuevo {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */

.modal-content-nuevo {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    margin-bottom: 0;
}

.swiper-slide img.image-large,
.banner-bottom img.image-large {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

.swiper-slide img.image-small,
.banner-bottom img.image-small {
    display: none;
}

.info-bottom-green {
    background: #66c233;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.info-bottom-green strong,
.info-bottom-green a {
    color: #fff;
}

.swiper-slide {
    position: relative;
}

.swiper-slide img.image-large.img-over1,
img.image-large.img-over2,
img.image-large.img-over3,
img.image-large.img-over4,
img.image-large.img-over5 {
    position: absolute;
    z-index: 5;
}

.swiper-slide img.image-large.img-over1 {
    left: 6.5%;
    top: 55.0%;
    width: 10.7%;
    height: auto;
}

.swiper-slide img.image-large.img-over2 {
    left: 22.5%;
    top: 55%;
    width: 13.7%;
    height: auto;
}

.swiper-slide img.image-large.img-over3 {
    left: 40.5%;
    top: 57.2%;
    width: 12.7%;
    height: auto;
}

#sliderHome2 .swiper-slide.slider-item.swiper-slide-active {
    min-height: 370px;
}

.swiper-slide img.image-large.img-over4 {
    left: 44.5%;
    top: 40.2%;
    width: 9.7%;
    height: auto;
}

.swiper-slide img.image-large.img-over5 {
    left: 5.5%;
    top: 38.2%;
    width: 11.7%;
    height: auto;
}

.filto-textos{
    margin-top: 30px;
    font-size: 1.1em;
    color: #999;
}
.filto-titulo a{
	color: #a39161;
	text-decoration: none;
}
.filto-titulo a:hover{
	text-decoration: underline;
}
.filto-titulo h2{
	display: inline;
	display: inline-block;
	margin-right: 6px;
}
.label-checkbox{
	padding-bottom: 4px;
}

.ie8 .oficinas-item{
	font-size: .9em;
	min-height: 200px;
}


.mapa-toggle-button{
	z-index: 9;
}
.oficinas-popbackclose,
.oficinas-popcontanier{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    z-index: 12;
	background: rgba(255, 255, 255, 0.5);
}
.oficinas-popbackclose{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
    z-index: 12;
}
body.popoficinas-open{
	height: 100%; 
	overflow: hidden !important;
}
body.popoficinas-open .oficinas-popcontanier{
	display: block;
}
.oficinas-popinfo{
	position: relative;
	margin: 8% auto 1%;
	margin-top: 30%;
	display: block;
	z-index: 13;
	
}
.oficinas-popitems h4{
	color: #8dc63f;
}	
.oficinas-infotel span,	
.oficinas-infohora span{	
	color: #4c4c4c;
}

#content-popup-asamblea {
    min-width: 60%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-top: 0;
    padding-left: 0;
    margin-left: 0;
    overflow-y: auto;
    max-height: 90%;
}
a.btn.btn-success.link-modal {
    padding: 0 !important;
    background-color: #fff;
}
#modal-body-asamblea {
    min-height:400px !important; 
    overflow-y: hidden;
    padding:20px 30px;
}

#close-button-asamblea {
    margin-top: -10px;
    font-size: 30px;
    color: #7AB83F;
    opacity:1;
}

#title-popup-asamblea {
    color:#7AB83F;
    text-align: center;
    font-size: 19px; 
    color: #7AB83F;
}

#textos-popup-asamblea {
    text-align: justify;
    font-size: 16px;
}

#textos-popup-asamblea-verde {
    text-align: justify;
    font-size: 16px; 
    color: #424242;
}

#textos-popup-asamblea-verde-bold {
    text-align: justify;
    font-size: 16px; 
    color: #424242;
    font-weight: 600;
}

#textos-popup-asamblea-gris {
    text-align: justify;
    font-size: 16px; 
    color: #333;
    font-weight: normal;
}

#textos-popup-asamblea li {
    /* color: #66c233; */
    padding-left: 0px;
    list-style: decimal;
    font-weight: bold;
}

#textos-popup-asamblea li span{
    /* color: #66c233; */
    font-weight: 400;
    padding-left: 0px;
    list-style: decimal;
}

#ul-orden-del-dia-popup-asamblea li {
    /* color: #66c233; */
    padding-left: 0px;
    list-style: decimal;
    font-weight: bold;
    padding: 0;
    text-align: justify;
    font-size: 16px;
}

#ul-orden-del-dia-popup-asamblea li span{
    /* color: #66c233; */
    font-weight: 400;
    padding-left: 0px;
    list-style: decimal;
}

#a-popup-asamblea {
    text-decoration: underline; 
    color: #383838;
}

.col-6-contact {
    display: inline-block;
    width: 49.7%;
    vertical-align: bottom;
    padding: 20px;
}

.content-cajeros-home {
    background-image: url(../files/images/background-novedades-oficinas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.content-image-cajeros-home {
    padding: 0;
}

.content-btn-ver-cajeros {
    text-align: right;
}

.btn-ver-cajeros {
    position: absolute;
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;
    right: 20px;
    bottom: 20px;
    border-radius: 0 0 0 10px;
    color: #000;
    font-weight: 600;
}

.content-flex {
    display: flex;
}

.text-city {
    font-weight: 600;
}

.text-address {
    color: #353535;
}

.title-nombre-cajero {
    color: #222B01;
    font-weight: 600;
}

.icon-info-seguridad.pad-right-0 {
    display: inline-block;vertical-align: middle;}

.text-info-seguridad {
    display: inline-block;
}

.informacion.btn-descargar.cian {
    text-align: center;
}
.size-Centro-Soporte{
    font-size: 1.1em;
}

.padding-5px {
    padding-left: 5px;
    padding-right: 5px;
}

.ul-decimal-atencion-al-cliente li {
    list-style: decimal;
}

.copyright-modañ-inicio {
    text-align: center;
}

h2.menu-title.text {
    font-size: 1.0em;
}

/* Protocolos de Bioseguridad */

.banner-informacion-de-interes {
    border-radius: 0 0 0 100px;
    background-color: #8ec63f;
    height: 330px;
    padding-top: 25%;
}

.banner-informacion-de-interes h2 {
    display: block;
    margin: 0 auto;
    width: 195px;
    color: #fff;
    font-weight: 600;
}

.banner-informacion-de-interes h2 .font-light {
    font-weight: 400;
}

.box-informacion-de-interes {
    background-color: #F4F4F4;
    border-radius: 18px;
    padding: 2%;
}

.box-informacion-de-interes ul {
    list-style: none;
    text-align: center;
}

.box-informacion-de-interes li.item-informacion-de-interes {
    width: 24%;
    display: inline-block;
    position: relative;
    padding: 10px;
    vertical-align: top;
}

.box-informacion-de-interes ul li.item-informacion-de-interes:after {
    content: "";
    display: block;
    width: 4px;
    height: 60%;
    background-color: #fff;
    position: absolute;
    right: 0;top: 50%;
    border-radius: 2px;
    transform: translateY(-50%);
}

.box-informacion-de-interes ul li.item-informacion-de-interes .icon-informacion-de-interes {
    width: 70%;
    max-width: 80px;
    margin: 0 auto;
}

.box-informacion-de-interes ul li.item-informacion-de-interes .icon-informacion-de-interes img {
    width: 100%;
    height: auto;
}

.box-informacion-de-interes ul li.item-informacion-de-interes .des-informacion-de-interes {
    padding-top: 10px;
}

.box-informacion-de-interes ul li.item-informacion-de-interes .des-informacion-de-interes p.txt-informacion-de-interes {
    color: #333333;
    text-align: center;
}

.box-informacion-de-interes ul li.item-informacion-de-interes .des-informacion-de-interes p.txt-informacion-de-interes a {
    display: block;
    color: #333333;
    text-decoration: underline;
    font-weight: 600;
}

.box-informacion-de-interes ul li.item-informacion-de-interes:last-child:after {
    display: none;
}

.box-informacion-de-interes li.item-informacion-de-interes:nth-child(1) {
    width: 32%;
}

.box-informacion-de-interes li.item-informacion-de-interes:nth-child(2) {
    width: 33%;
}

.box-informacion-de-interes li.item-informacion-de-interes:nth-child(3) {
    width: 33%;
}

.box-informacion-de-interes li.item-informacion-de-interes:nth-child(3):after {
    display: none
}

.box-informacion-de-interes li.item-informacion-de-interes:nth-child(4):after {
    display: block
}

.box-informacion-de-interes li.item-informacion-de-interes:nth-child(7):after {
    display: none
}


.span-footer-soporte {
    font-size: 1.3em;
    font-family: 'Oxygen', sans-serif;
    margin-bottom: 0;
}

.margin-0 {
    margin: 0;
}

.padding-right-0 {
    padding-right: 0;
}

.padding-right-30 {
    padding-right: 0 0 0 30px;
}

.margin-left-menos-10 {
    margin-left: -10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.description-pago-impuestos{
    font-size: 16px;
    color: #7daf00;
    font-family: "lato";
}
.description-pago-impuestos strong {
    color: #7daf00;
}

.btn-pago-impuestos{
    background-color: #fff;
    border-radius: 20px;
    color: #7cb000;
    border: 2px solid #7cb000;
    float: none !important;
    padding: 10px 0 10px 0px !important;
    margin: 10px;
    width: 90%;
}

.boxeses .btn-pago-impuestos:hover {
    color: #fff !important;
    background-color: #47a447;
    border-color: #398439;
}

.color-green-pago-impuestos {
    color: #7cb000;
}

.text-center {
    padding-left: 0;
    padding-right: 0;
}

.number-list li {
    list-style: decimal;
}

.container-cajeros {
    padding-top: 0;
}

.pull-right {
    padding: 0;
}

#width-banner-asamblea {
    width: auto;
}

/*******************************************************************
    Responsive
*******************************************************************/

@media (max-width: 450px) {
   
    .modal-dialog {
        width: 90%;
        max-width: 340px;
    }
}

@media all and (max-width: 970px) {

    .swiper-slide,
    img.image-large.img-over1,
    img.image-large.img-over2,
    img.image-large.img-over3,
    img.image-large.img-over4 {
        top: 30%;
    }
}
@media all and (max-width: 767px) {
    .header-mb {
        padding: 0 10px;
    }
    .header-nav-mb {
        display: flex;
        align-items: center;
    }
    .header-nav-mb .logo-mb {
        display: flex;
        width: 40%;
        align-items: center;
    }
    .header-nav-mb .header-buscador {
        width: 50%;
    }
    .header-nav-mb .navbar-header {
        width: 10%;
    }
    .header-buscador input {
        width: 50%;
        background-color: #f5f7f7;
        border-radius: 10px 0 0 10px;
        border: none;
        padding: 1px 10px;
        float: left;
    }
    .header-buscador a {
        background-color: #8CC73F;
        float: left;
        padding: 0px 10px 2px 5px;
        border-radius: 0 10px 10px 0;
        color: #fff;
    }
    .navbar-toggle .icon-bar {
        height: 4px;
        background-color: #90d307;
        width: 27px;
    }

    .navbar-toggle {
        padding: 9px 7px;
        margin-right: 0;
    }
    .navbar-collapse ul {
        list-style: disc;
    }
    .navbar-collapse ul a {
        color: #414042;
    }
    
    .navbar-collapse ul li {
        list-style: disc;
    }
}

@media all and (max-width: 480px) {

    .wp-links-mapa .mapa-toggle-ampliar {
        width: 49%;
        font-size: 1.5em;
    }

    .wp-links-mapa .mapa-cercanos:after {
        content: "";
        display: block;
        width: 2px;
        height: 60%;
        background-color: #000;
        position: absolute;
        right: 0;
        top: 50%;
        border-radius: 2px;
        transform: translateY(-50%);
    }

    .wp-links-mapa .mapa-cercanos {
        width: 49%;
        text-align: left;
        font-size: 1.5em;
        position: relative;
    }

    .header-Cajeros .go-back {
        font-size: 1.3em;
    }

    .header-Cajeros .icon-back {
        height: 15px;
    }

    .header-nav-mb .logo-mb {
        display: block;
        overflow: hidden;
    }
    
    .header-nav-mb .logo-mb span {
        font-size: 12px;
    }
    
    .header-nav-mb .logo-mb a.sp-svb_02 {
        transform: translateY(-3px);
        width: 120px;
        background-size: 240px;
        background-position: -1px -43px;
    }
    
    .header-buscador input {
        width: 65%;
    }

    .swiper-slide,
    img.image-large.img-over1,
    img.image-large.img-over2,
    img.image-large.img-over3,
    img.image-large.img-over4 {
        top: 17%;
    }
}

@media all and (max-width: 415px) {

    .swiper-slide img.image-large,
    .banner-bottom img.image-large {
        display: none;
        top: 17%;
    }

    .swiper-slide img.image-small,
    .banner-bottom img.image-small {
        display: block;
        width: 100%;
    }

    .swiper-slide {
        position: relative;
    }

    .content-slider-home-2 .slider-cont {
        padding: 18px 7px;
    }

    #sliderHome2 .swiper-slide.slider-item.swiper-slide-active {
        min-height: 300px;
    }

    .content-slider-home-2 .slider-cont p {
        font-size: 14px;
    }

    .content-slider-home-2 .slider-cont a {
        font-size: 14px;
    }
}

@media all and (max-width: 1200px) {
    h2.menu-title.text {
        font-size: 0.9em;
    }

    .menu li a {
        min-height: 120px;
    }
    .new-menu-icon.icon-pagos-cancilleria .fake-icon {
        width: 55px;  
        height: 55px;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .tab-items ul li a {
        font-size: 0.85em;
    }
    
    .tab-items ul li {
        padding: 9px 7px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
    }

    .subproductos .menu {
        width: 98%;
        margin: 0 auto;
    }
    .fake-icon {
        width: 40px;
        height: 40px;
    }
}
@media all and (max-width: 1024px) {
    .container {
        max-width: 100%;
    }
    .tab-items ul li a {
        font-size: 0.7em;
    }
    .menu li a {
        min-height: 138px;
    }
}

@media all and ( max-width: 991px ) {
    body.header-fixed .header .header-bot nav > ul .btnInFixed .header-buscador {
        display: none;
    }

    .oficinas-contaniner.static .oficinas-popinfo {
        right: 50%;
    }

    .oficinas-listadopuntos {
        height: 600px;
        overflow: hidden;
        overflow-y: auto;
        padding: 15px;
        border: 1px solid #eee;
    }

    .header-sup nav ul li {
        font-size: 10px !important;
    }
}


@media all and (max-width: 970px) {

    .swiper-slide,
    img.image-large.img-over1,
    img.image-large.img-over2,
    img.image-large.img-over3,
    img.image-large.img-over4 {
        top: 30%;
    }
    .columna3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .green-arrow::before {
        width: 250px;
        left: 0;
        right: 0;
        margin: 1% 10px 0px 24px;
    }

    .menu li a h2 {
        font-size: 12px !important;
        margin-left: 15px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    }

    .oficinas-mapa {
        float: none;
    }

    .menu li a h2.una-linea {
        padding-top: 10px;
        font-size: 12px;
        margin-left: 15px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 2em;
    }
    .pad-right-0 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .header-mb {
        display: block;
    }
    
    .header-nav-mb {
        display: flex;
        align-items: center;
        padding: 0 0 0 7px;
    }
    
    .header-nav-mb .logo-mb {
        width: 45%;
        display: flex;
        align-items: center;
    }
    
    .header-nav-mb .header-buscador {
        width: 45%;
    }
    
    .header-nav-mb .navbar-header {
        width: 10%;
    }
    
    .navbar-collapse ul {
        padding-left: 0;
    }

    .navbar-collapse ul li a {
        color: #000;
    }

    .header-buscador input {
        width: 50%;
        border-bottom: 1px solid #d9d9d9;
    }
    .header-nav-mb .navbar-header .navbar-toggle {
        margin-right: 0;
    }
    
    .header-nav-mb .navbar-header .navbar-toggle .icon-bar {
        width: 32px;
        height: 5px;
        background-color: #90d307;
    }
    
    .header-nav-mb .logo-mb a {
        padding-right: 7px;
        width: 35%;
    }
    
    .header-nav-mb .logo-mb a.sp-svb_02 {
        width: 65%;
        max-width: 118px;
        height: 34px;
        background-size: 220px;
        background-position: 5px -40px;
    }
    #content-soat-icon {
        display: none;
    }

    .content-slider-home-2 .slider-cont-soat {
        padding: 12px;
    }

    .title-nombre-cajero {
        font-size: 16px;
    }

    .text-address {
        font-size: 14px;
    }

    #text-centered-xs {
        text-align: center;
    }

    .mapa-toggle-button {
        display: none !important;
    }

    .mapa-container {
        border-left: 0 !important;
    }

    .mapa-container,
    .oficinas-listadopuntos {
        height: 300px !important;
    }

    .oficinas-contaniner.static .oficinas-popinfo {
        right: inherit !important;
        width: 100%;
    }
    .wp-fltrosMapa .filtroPuntos .marker {
        display: block;
    }
    
    .wp-fltrosMapa .filtroPuntos .marker .icon-filtros {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .links-punto-cajeros .punto-cajero {
        margin: 0 auto 7px;
    }
    .oficinas-contaniner.static .oficinas-poptabs,
    .oficinas-contaniner.static .oficinas-popclose,
    .oficinas-contaniner.static .oficinas-popitems {
        width: 80%;
        margin: 0 auto;
    }

    .menu li a {
        min-height: 138px;
    }

    .green-arrow:after {
        display: none;
    }

    #content-soat-icon {
        display: none;
    }

    .content-slider-home-2 .slider-cont-soat {
        padding: 12px;
    }

    .green-arrow {
        padding-left: 0;
        text-align: center;
    }

    .grey-header {
        text-align: center;
    }

    .header-sup nav ul li {
        font-style: 10px;
    }

    .subproductos {
        text-align: center;
    }

    .menu-nopadding-right,
    .menu-nopadding-left {
        padding-left: 0;
        padding-right: 0;
    }

    .menu li a h2 {
        font-size: 15px;
        padding-top: 3px !important;
        line-height: 17px;
    }

    .menu li a .menu-desc {
        font-size: 11px;
        text-align: center;
    }
    .tab-items ul li {
        width: 18.8%;
        height: 90px;
        display: flex;
        align-items: center;
        text-align: center;
        padding: 0;
    }
    
    .tab-items ul li a {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 0.65em;
    }

    .box-informacion-de-interes li.item-informacion-de-interes {
        width: 49% !important;
    }
    .box-informacion-de-interes li.item-informacion-de-interes:nth-of-type(2n):after {
        display: none;
    }

    .box-informacion-de-interes li.item-informacion-de-interes:nth-child(3):after {
        display: block
    }

    .box-informacion-de-interes li.item-informacion-de-interes:nth-child(4):after {
        display: none
    }

    .box-informacion-de-interes li.item-informacion-de-interes:nth-child(7):after {
        display: block
    }
}

@media screen and (max-width:550px){
    .columna3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #menu label p {
        display: inline-block;
        padding-left: 3px;
    }
    #menu label span {
        display: inline-block;
        padding-left: 5px;
    }
    .swiper-slide img.image-large,
    .banner-bottom img.image-large {
        display: none;
    }

    .swiper-slide img.image-small,
    .banner-bottom img.image-small {
        display: block;
        width: 100%;
    }

    .home-enlaces .row {
        display: inline-block;
    }

    .btn-ver-cajeros {
        right: 5px;
        bottom: 5px;
    }

    .cBlack {
        font-size: 1.2em;
    }
}
@media all and (max-width: 420px) {

    .swiper-slide,
    img.image-large.img-over1,
    img.image-large.img-over2,
    img.image-large.img-over3,
    img.image-large.img-over4 {
        top: 17%;
    }
    .tab-items ul li {
        width: 45%;
        margin-bottom: 10px;
        display: flex;
        vertical-align: top;
        padding: 7px;
        height: 50px;
    }
    
    .tab-items ul {
        text-align: center;
    }
    
    .tab-items ul li a {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 0.75em;
    }
}

@media all and (max-width: 415px) {

    .swiper-slide img.image-large,
    .banner-bottom img.image-large {
        display: none;
        top: 17%;
    }

    .swiper-slide img.image-small,
    .banner-bottom img.image-small {
        display: block;
        width: 100%;
    }

    .swiper-slide {
        position: relative;
    }

    .content-slider-home-2 .slider-cont {
        padding: 18px 7px;
    }

    #sliderHome2 .swiper-slide.slider-item.swiper-slide-active {
        min-height: 300px;
    }

    .content-slider-home-2 .slider-cont p {
        font-size: 14px;
    }

    .content-slider-home-2 .slider-cont a {
        font-size: 14px;
    }
}
@media all and (max-width: 380px) {
    .header-nav-mb {
        width: 100%;
        padding: 5px;
    }
    .header-nav-mb .logo-mb {
        display: block;
        width: 45%;
    }
    .navbar-toggle {
        margin-right: 0;
        padding: 9px 0px;
        
    }
    
    .header-nav-mb .logo-mb {
        display: block;
        width: 35%;
    }
    
    .header-nav-mb .header-buscador {
        width: 55%;
    }
    .header-nav-mb .logo-mb a.sp-svb_02 {
        background-position: 0px -36px;
        width: 88%;
    }
}
/************************************************
    Min width
************************************************/
@media all and (min-width: 768px) {

    .custom-col-sm-20 {
        width: 20%;
    }

    .green-arrow {
        padding-left: 25%;
    }
    .oficinas-mapa {
        top: 0;
        right: 0;
        -transition: width .2s;
    }

    .oficinas-contaniner.animate .oficinas-listado {
        width: 100%;
    }

    .oficinas-contaniner.animate .oficinas-mapa {
        width: 100%;
    }

    .icon-pagos-cancilleria {
        min-height: 75px !important;
        padding-top: 0 !important;
    }

    .align-items-header  {
        display: flex !important;
        align-items: center;
    }

    .menu li a h2.buttons-header {
        margin-bottom: 0;
        padding-top: 0 !important;
    }

    .fake-icon.buttons-header {
        margin-top: 0;
    }

    .menu li.icon-alto a.buttons-header{
        padding-top: 0;  
    }
    /****************************************************************
    Footer Desktop 
    ****************************************************************/
    .footer .txt-attention {
        display: flex;
        align-items: center;
        margin: 0 10px;
    }
    
    .footer .top-footer {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    
    .footer .txt-attention span {
        margin: 0 10px;
    }
    
    .footer .txt-attention span.title-attention {
        margin-bottom: 0;
    }
    
    .footer .ft-copy {
        display: flex;
        justify-content: center;
        margin: 20px 0 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .boxeses .gronw {
        width: 75%;
    }

    .menu li a p {
        font-size: .7em;
        margin-left: 14px;
    }

    .info-backdow-banner {
        font-size: 10px;
    }

    a.boxeses {
        font-size: 10px;
    }
    h4.title-nombre-cajero {
        font-size: 1.2em;
    }
    
    .text-address {
        font-size: 1.1em;
    }
    
    .btn-ver-cajeros {
        position: relative;
        top: 0;
        right: 0;
        width: auto;
        display: inline-block;
        padding: 10px;
        text-align: right;
        bottom: 0;
    }
    
    .btn-2lines {
        text-align: right;
        display: block;
        padding-right: 0;
    }
    .content-cajeros-home {
        padding: 15px;
    }
    .content-slider-home-2 .slider-cont {
        padding: 22px;
    }
    .home-enlaces div a.home-enlace-amarillo h2 {
        font-size: 1.5em;
    }
    
    .home-enlaces div a.home-enlace-amarillo h2 br {
        display: none;
    }

    .menu li a {
        min-height: 88px;
    }
}
@media all and (min-width: 770px){
	.filto-textos{
		margin-left: 20px;
	}
	.filto-border{
		border-left: 1px solid #e2e2e2;
		padding-left: 60px;
	}
	
	.oficinas-popinfo{
		margin-top: 15%;
	}
}

/****************************************************************
    Min width
****************************************************************/
@media all and (min-width: 768px) {
    .green-arrow {
        padding-left: 16%;
    }
}

@media all and (min-width: 990px) {
    .green-arrow {
        padding-left: 16%;
    }
}

@media all and (min-width: 1200px) {
    .green-arrow {
        padding-left: 8%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .assets-servi-8 {
        top: -14px !important;
    }

    .top-25 {
        top: 25px;
    }
    .assets-servi-5 {
        position: relative;
        top: -17px;
    }

    .assets-servi-7 {
        position: relative;
        top: -15px;
    }

    .assets-servi-2 {
        top: -19px;
        position: relative;
    }

    .menu-sections {
        padding-left: 70px;
    }

    h2.title-menu {
        font-size: 0.8em;
        color: #000;
        position: absolute;
        z-index: 2;
        background: #eaeaea;
        padding: 6px 8px;
        left: 0;
        width: 78px;
        margin-top: 35px;
    }

    h2.title-menu:after {
        content: " ";
        position: absolute;
        background: url(../img/arrow-otros.png) center right;
        width: 20px;
        height: 51px;
        display: block;
        top: 0;
        right: -19px;
    }
}
@media all and (min-width: 1350px) {

    .menu-sections {
        padding-left: 100px !important;
        position: relative;
    }

    .green-arrow {
        padding-left: 20%;
    }
}

@media all and (min-width: 1920px) {
    .green-arrow {
        padding-left: 35%;
    }
}
@media all and (max-width: 480px) {

    #p-banner-asamblea.des-banner-asamblea {
        width: 85%; 
        margin: 0 auto;
        font-size: 11px;   
    }
    #p-banner-asamblea {
        font-size: 11px;  
    }  
    .header-Cajeros .title-cajeros {
        width: 70%;
        border-radius: 0 50px 50px 0;
        font-size: 23px;
    }
}
@media all and (max-width: 360px) {

    #p-banner-asamblea.des-banner-asamblea {
        font-size: 8px;   
        line-height: 1; 
    }
    #p-banner-asamblea {
        font-size: 9px;
    } 
}

@media all and (max-width: 1200px) {
    .margin-left-menos-10 {
        margin-left: auto;
    } 
}

.description-pago-impuestos{
    font-size: 16px;
    color: #7daf00;
    font-family: "lato";
}
.description-pago-impuestos strong {
    color: #7daf00;
}

.btn-pago-impuestos{
    background-color: #fff;
    border-radius: 20px;
    color: #7cb000;
    border: 2px solid #7cb000;
    float: none !important;
    padding: 10px 0 10px 0px !important;
    margin: 10px;
    width: 90%;
}

.boxeses .btn-pago-impuestos:hover {
    color: #fff !important;
    background-color: #47a447;
    border-color: #398439;
}

.color-green-pago-impuestos {
    color: #7cb000;
}

.text-center {
    padding-left: 0;
    padding-right: 0;
}

.number-list li {
    list-style: decimal;
}


/****************************************************************
    Preguntas Frecuentes
****************************************************************/

.row-banner-faq {
    display: flex;
    margin: 35px 0;
}

.row-banner-faq .banner {
    width: 90%;
    position: relative;
}

.row-banner-faq .side-bar-wrapper-banner {
    width: 10%;
}

.row-banner-faq .banner .txt-banner-faq {
    position: absolute;
    width: 35%;
    height: 100%;
    z-index: 1;
    background-image: url(../files/images/faq/bg-green-banner-preguntas.png);
    padding: 5%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.row-banner-faq .banner .txt-banner-faq h1 {
    color: #1a1a1a;
    font-weight: bold;
    font-size: 2em;
}

.row-banner-faq .banner .img-banner-faq {
    position: relative;
    width: 100%;
    text-align: right;
    overflow: hidden;
    height: 99%;
}
.wp-sidebar-banner {
    position: relative;
    height: 99%;
}

.wp-sidebar-banner .item-siderbar-faq {
    display: block;
    position: relative;
    height: 50%;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-sidebar-banner .item-siderbar-faq a {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.wp-sidebar-banner .item-siderbar-faq a .wp-herramientas {
    width: 100%;
    align-items: center;
    /* display: flex; */
}

.wp-sidebar-banner .item-siderbar-faq a .txt-faq {
    margin: 10px 0;
    color: #9b9ba3;
}

.wp-sidebar-banner .item-siderbar-faq a img {
    width: 90%;
    max-width: max-content;
}

.wp-sidebar-banner .line-faq {
    margin: 0;
    position: absolute;
    width: 70%;
    height: 5px;
    background-color: #fff;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

.faqs .list-normal .content-hidden,
.faqs .list-normal .content-hidden span{
     color: #7dc14c;
}
.banner-bre-b.banner-seccion .wp-imagen-seccion .img-banner{
    width: 100%;
}
.content-breb {
    width: 90%;
    margin: 0 auto;
}
.banner-blue-breb {
    padding: 40px 0;
}
.w-80{
    width: 80%;
    text-align: center;
}
.content-breb .banner-blue-breb{
    margin: 0 auto 80px !important;

}
.btn-green-large{
    background-color: #8BC648;
    color: #fff !important;
    text-align: center;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    margin: 10px auto;
}
.btn-green-large:hover{
    padding: 10px 50px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .row-banner-faq {
        display: block;
    }
    
    .row-banner-faq .banner {
        width: 100%;
    }
    
    .row-banner-faq .banner .txt-banner-faq {
        position: relative;
        min-height: 200px;
        width: 100%;
        background-size: cover;
        background-color: #7dc14c;
    }
    
    .row-banner-faq .banner .img-banner-faq img {
        width: 100%;
    }
    
    .row-banner-faq .side-bar-wrapper-banner {
        width: 100%;
    }
    
    .row-banner-faq .side-bar-wrapper-banner .wp-sidebar-banner {
        display: flex;
        width: 100%;
    }
    
    .wp-sidebar-banner .item-siderbar-faq {
        width: 50%;
        padding: 5%;
    }
    
    .wp-sidebar-banner .line-faq {
        width: 5px;
        height: 70%;
    }
}
