/*
27337b
333333
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body{height: 100%;background: #FFF; font-family: "Montserrat", serif;color:#3B4144;overflow-x: hidden;}
textarea:focus, input:focus, a:focus, a:visited{
    outline: none;
}
*:focus {
    outline: none!important;
}


.btnFlotante{position: fixed;bottom: 3%;right: 3%;z-index: 2500}
.btnFlotante img{width: 40px}


@media all and (min-width: 992px) {
  .navbar{ padding-top: 0; padding-bottom: 0; }
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
  .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}
.bg-primary{background-color: #FF0000!important}
.bg-secondary{background-color: #000!important}

.dropdown-toggle::after{content:"";border:none;width: auto;height: auto}
.dropdown-menu{width: 100%;box-shadow: 0px 0px 24px #33333329;margin-top: 10px;border:0;}
.dropdown-menu a{display: inline-block;width: auto;}
.dropdown-menu .rightPanel{display: inline-block;width: auto;}

.dropdown-menu.petit{width: auto;min-width:300px;box-shadow: 0px 0px 24px #33333329;margin-top: 21px;border:0;padding: 10px}
.dropdown-menu.petit a{display: inline-block;width: 100%;padding:10px;}
.dropdown-menu.petit a{color:#27337b;font-size: 14px;font-weight: 400;}
.dropdown-menu.petit a:hover{background-color: #333f86;color:white;}
.dropdown-menu.petit a.dropdown-item.active, .dropdown-menu.petit a.dropdown-item:active, .dropdown-menu.petit a.dropdown-item:focus{background-color: #333f86;}
.dropdown-menu.petit a.dropdown-item i{float: right;font-size: 22px;line-height: 18px;position: relative;top:3px;}





#mainNav{z-index: 1020}
#mainNav .navbar-nav .nav-item{position: inherit;}
#mainNav .navbar-nav{margin-left: 80px}
#mainNav .navbar-nav .nav-item{margin-left: 20px;margin-right: 20px;}
#mainNav .navbar-nav .nav-item .nav-link{color:white;font-size: 14px;padding-left:0.7rem;padding-right: 0.7rem}
#mainNav .navbar-nav .nav-item .nav-link:hover{color:#8896db;}

.megamenu .menuLeft{}
.megamenu .menuLeft a.dropdown-item{color:#27337b;width: 100%;display: inline-block;padding:10px 10px;font-weight: bold;font-size: 13px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.megamenu .menuLeft a.dropdown-item i{float: right;font-size: 22px;line-height: 18px;position: relative;top:3px;}
.megamenu .menuLeft a.dropdown-item:hover{background-color: #27337b;color:#FFF;}

.megamenu .menuLeft a.dropdown-item.active, .megamenu .menuLeft a.dropdown-item:active{background-color: #27337b;color:#FFF;}
.megamenu .menuRight{padding-bottom: 30px}
.megamenu .menuRight .submenuContainer{}
.megamenu .menuRight .submenuContainer h3{font-size: 20px;letter-spacing: 0.24px;color:#27337b;}
.megamenu .menuRight .submenuContainer h3 a{margin-left: 40px;color:#27337b;font-size: 14px}
.megamenu .menuRight .submenuContainer .subCat{display: inline-block;width: 100%;margin:2px 0;color:#27337b;font-size: 14px;font-weight: bold;}
.megamenu .menuRight .submenuContainer .subItem{display: inline-block;width: 100%;margin:2px 0;color:#27337b;font-size: 14px;}
.megamenu .menuRight .submenuContainer .subMore{display: inline-block;width: 100%;margin:2px 0;color:#27337b;text-decoration: underline;font-size: 14px;}
.megamenu .menuRight .submenuContainer .subSep{display: inline-block;width: 100%;margin-top: 15px}
.megamenu .menuRight .submenuContainer .imageNav{margin-bottom: 10px}

@media only screen and (max-width: 768px){
  #mainNav .navbar-nav .nav-item .nav-link{color:#27337b;}
  #mainNav .navbar-nav{margin-left: 0}

  .dropdown-menu.petit{min-width: inherit;}

  #mainNav .navbar-nav .nav-item{margin-left: 0;margin-right: 0}
  .megamenu{margin-top: 0}
  .dropdown-menu{box-shadow: none}
  .megamenu .menuRight .submenuContainer{max-height: 300px;overflow-y:auto;overflow-x: hidden;}
  .megamenu .menuRight .submenuContainer h3{font-size: 20px;letter-spacing: 0.24px}
  .megamenu .menuRight .submenuContainer h3 a{margin-left: 0;display: inline-block;width: 100%}
  .megamenu .menuRight .submenuContainer{margin:12px;}

  .megamenu .menuRight .submenuContainer .imageNav{margin-top: 20px;}
}


@media (min-width: 992px){

  #mainNav{background-color: #27337b;box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%)}  

}



#mainNav .navbar-nav .nav-item .dropdown-item{position: relative;}
#mainNav .navbar-nav .nav-item .menuOverBox{position: absolute;right: -190px;top:0;width: 190px;background: white;box-shadow: 0px 0px 24px #33333329;padding:10px;display: none;}
#mainNav .navbar-nav .nav-item .menuOverBox a{width: 100%;}
#mainNav .navbar-nav .nav-item .dropdown-item:hover .menuOverBox{display: inline-block;}
#mainNav .navbar-nav .nav-item .menuOverBox .dropdown-item:hover{background-color: #007882;color:#FFF;}
#mainNav .navbar-nav .nav-item .menuOverBox .dropdown-item.active, #mainNav .navbar-nav .nav-item .menuOverBox .dropdown-item:active{background-color: #007882;color:#FFF;}

@media (max-width: 1440px){
  #mainNav .navbar-nav .nav-item .nav-link{padding-left:0.5rem;padding-right: 0.5rem}
}

@media (max-width: 1200px){
  #mainNav .navbar-nav .nav-item .nav-link{padding-left:0.2rem;padding-right: 0.2rem}
}
@media (max-width: 768px){
  #mainNav .navbar-nav .nav-item .menuOverBox{position: absolute;right: 0;top:40px;width: 100%;}
}

#home{position: relative;}

#tendencias{position: relative;}

.circle-home{width: 140px;height: 140px;position: absolute;background-color: transparent;top:37px;left: -78px;z-index: 101;}
.circle-home .hole{position: absolute;top: 50%;left: 50%;margin-left:-70px;margin-top:-70px;width: 140px;height: 140px;box-shadow: 0 0 0 50px #EDF0F5;border-radius: 70px}

.circle-home2{width: 380px;height: 380px;position: absolute;background-color: transparent;top:-43px;right:0px;z-index: 90;}
.circle-home2 .hole{position: absolute;top: 50%;left: 50%;margin-left:-70px;margin-top:-70px;width: 380px;height: 380px;box-shadow: 0 0 0 170px #EDF0F5;border-radius: 180px}

.circle-home3{width: 240px;height: 240px;position: absolute;background-color: transparent;top:-50px;left: -150px;z-index: 99;}
.circle-home3 .hole{position: absolute;top: 50%;left: 50%;margin-left:-70px;margin-top:-70px;width: 240px;height: 240px;box-shadow: 0 0 0 80px #EDF0F5;border-radius: 120px}

.circle-home4{width: 50px;height: 50px;position: absolute;background-color: transparent;top:-30px;left: -20px;z-index: 102;}
.circle-home4 .hole{position: absolute;top: 50%;left: 50%;margin-left:-20px;margin-top:-20px;width: 50px;height: 50px;box-shadow: 0 0 0 20px #27337b;border-radius: 30px}

.circle-home5{width: 120px;height: 120px;position: absolute;background-color: transparent;bottom:0;right:0px;z-index: 80;}
.circle-home5 .hole{position: absolute;top: 50%;left: 50%;width: 120px;height: 120px;box-shadow: 0 0 0 60px #007882;border-radius: 70px}

.circle-home6{width: 50px;height: 50px;position: absolute;background-color: transparent;top:185px;left: -40px;z-index: 99;}
.circle-home6 .hole{position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;box-shadow: 0 0 0 20px #9b9b9b;border-radius: 40px}

.circle-home7{width: 170px;height: 170px;position: absolute;background-color: transparent;top:-20px;right:0px;z-index: 90;}
.circle-home7 .hole{position: absolute;top: 50%;left: 50%;width: 170px;height: 170px;box-shadow: 0 0 0 60px #818384;border-radius: 120px}

.container{width: 97%!important;max-width: 1496px!important;padding-left: 1.5% ;padding-right: 1.5%;position: relative;}

.swiper-container{border-radius: 10px;margin:0 auto;max-width: 1496px;position: relative;z-index: 100;min-height: 400px}
.swiper-button-next, .swiper-button-prev{top:35px;right: 15px;left: inherit;width: 30px;height: 30px;background:#FFFFFF;border:1px solid #FFF;border-radius: 4px;}
.swiper-button-next{border-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.swiper-button-prev{top:35px;right: 45px;border-right: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 12px;color:#3B4144;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;background:#FFFFFF60;color:#27337b;}
.swiper-button-next.swiper-button-disabled:after, .swiper-button-prev.swiper-button-disabled:after{color:#27337b60;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{}

@media (min-width: 1600px){
  .circle-home{left:0%;}
  .circle-home2{right:10%;}
}

@media (min-width: 1900px){
  .circle-home{left:5%;}
  .circle-home2{right:10%;}
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width: 100px;left: 100px;top:100px;border-radius: 4px}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #27337b;border-radius: 4px}
.swiper-pagination-progressbar{background-color: white}

#home .swiper-container-horizontal>.swiper-pagination-progressbar, #home .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top: 60px}
#home .swiper-container .boxSlide{position: absolute;left: 100px;top:70px;}

.swiper-container .boxSlide{position: absolute;left: 100px;top:110px;}
.swiper-container .boxSlide h1{margin-top: 0;max-width: 500px;font-size: 52px;font-weight: bold;color:#27337b;}
.swiper-container .boxSlide h4{margin-top: 0;max-width: 500px;font-size: 22px;color:white;margin-bottom: 20px}
.swiper-container img.full{min-height: 400px;width: auto;margin:0 auto;}

.swiper-container .boxSlide .btnHomePrincipal{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px}
.swiper-container .boxSlide .btnHomePrincipal:hover{background-color: #3b4999;border-color: #27337b;}
.swiper-container .boxSlide .btnHomePrincipal:focus,.swiper-container .boxSlide .btnHomePrincipal:active {background-color: #3b4999;border-color: #27337b;}

.swiper-container .boxSlide .btnHomeSecundario{background-color: #EDF0F5;font-size:14px;border-color: #EDF0F5;padding-top:7px;padding-bottom: 7px;color: #3B4144}
.swiper-container .boxSlide .btnHomeSecundario:hover{background-color: #DDE1E5;border-color: #DDE1E5;color: #3B4144}
.swiper-container .boxSlide .btnHomeSecundario:focus,.swiper-container .boxSlide .btnHomeSecundario:active {background-color: #CDD1D4;border-color: #CDD1D4;color: #3B4144}

.swiper-container .boxFlotante{position: absolute;bottom: 15px;right: 15px;max-width: 380px;background-color: #FFFFFF80;max-height: 120px;border-radius: 4px;padding:5px;}
.swiper-container .boxFlotante .circleImage{background: #FFFFFF;width: 68px;border-radius: 50%;height: 68px;box-shadow:0px 0px 0px 5px #FFFFFF80;text-align: center;position: absolute;left: 15px;top:15px;}
.swiper-container .boxFlotante .circleImage img{vertical-align: middle;margin-top: 7px;display: inline-block;border-radius: 50%}
.swiper-container .boxFlotante h5{font-weight: bold;font-size: 12px;text-transform: uppercase;padding-left: 100px;margin:0;margin-top: 7px}
.swiper-container .boxFlotante p{font-size: 12px;padding-left: 100px;margin:5px 0;line-height: 14px;color:#3B4144;}

#tendencias .swiper-container .boxFlotante{background-color: #FFFFFF;width: 30px;height: 30px;border-radius: 50%;padding:5px 0;text-align: center;}
.swiper-container .boxFlotante .boxShare .btnShare{color:#3B4144!important;}

#tendencias .swiper-container .boxSlide{top:120px;max-width: 420px}
#tendencias .swiper-container .boxSlide h5{color: #FFFFFF;font-size: 16px;text-transform: uppercase;}
#tendencias .swiper-container .boxSlide h4{color: #FFFFFF;font-size: 30px;font-weight: bold;margin:15px 0 12px;}
#tendencias .swiper-container .boxSlide p{color:#FFF;font-size: 16px;letter-spacing: 0.2px}

#tendencias .circle-home2{right:153px;top:230px;}
#tendencias .circle-home2 .hole{margin-left: 0;margin-top: 0;}



#tendenciasNew{padding-bottom: 0}
#tendenciasNew .tendencias-header{border-radius: 4px;width: 100%;height: 536px;text-align: center;}
#tendenciasNew .tendencias-header .boxTitle{margin:95px auto 10px;display: inline-block;width: 100%;max-width: 336px;padding:70px 25px 15px 25px;text-align: center;background: white;}
#tendenciasNew .tendencias-header .boxTitle img{margin-bottom: 10px;display: inline-block;width: 100%}
#tendenciasNew .tendencias-header .boxTitle h3{font-size: 16px;font-weight: bold;text-transform: uppercase;text-align: center;color:#3B4144;display: inline-block;margin-top: 10px}
#tendenciasNew .tendencias-header a{margin-top: 10px;background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:9px;padding-bottom: 9px;padding-left: 30px;padding-right: 30px}
#tendenciasNew .tendencias-header a:hover{background-color: #3e4da0;border-color: #3e4da0;}
#tendenciasNew .tendencias-header a:focus,#tendenciasNew .tendencias-header a:active{background-color: #3e4da0;border-color: #3e4da0;}

#tendenciasNew .tendencias-header .box21{margin:95px auto 10px;display: inline-block;width: 100%;max-width: 100%;padding:70px 0 15px 0;text-align: center;background: transparent;}
#tendenciasNew .tendencias-header .box21 img{margin-bottom: 10px;display: inline-block;width: 100%}
#tendenciasNew .tendencias-header .box21 h3{font-size: 72px;font-weight: bold;text-transform: uppercase;text-align: center;color:#FFF;display: inline-block;margin-top: 10px;text-shadow: 0 0 15px #000;padding-left: 15%;padding-right: 15%;}

#tendenciasNew .tendencias-header a.secundary{margin-top: 80px;background-color: #EDF0F5;font-size:14px;border: 0;padding-top:9px;padding-bottom: 9px;padding-left: 30px;padding-right: 30px;margin-right: 15px;color:#3B4144;}
#tendenciasNew .tendencias-header a.secundary:hover{background-color: #DDE1E5;border: 0;}
#tendenciasNew .tendencias-header a.secundary:focus,#tendenciasNew .tendencias-header a.secundary:active{background-color: #CDD1D4;border: 0;}



@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');


#tendenciasNew .upperRow{}
#tendenciasNew .upperRow .withColor{margin-top: -30px}
#tendenciasNew .upperRow .withText{}
#tendenciasNew .withText .textDesign{padding:90px 30px;width: 100%;margin:0 auto;max-width: 540px;}
#tendenciasNew .withText .textDesign21{padding:90px 30px;width: 100%;margin:0 auto;max-width: 80%;text-align: center;}
#tendenciasNew .withText .textDesign img{width: 100%;max-width: 272px;margin-bottom: 10px;display: inline-block;}
#tendenciasNew .withText .textDesign h2{margin-top:20px;width: 100%;font-size: 82px;line-height: 82px;color:#343648;font-family: 'Montserrat', sans-serif;font-weight: bold;text-transform: uppercase;margin-bottom: 0px}

#tendenciasNew .withText .textDesign p{color:#3B4144;font-size: 16px;margin: 20px 0 ;}
#tendenciasNew .withText .textDesign21 p{font-size: 18px}


#tendenciasNew .lefterRow .withColorImage{margin-left: -15px}
#tendenciasNew .lefterRow .withColorImage .contImg{float: right;margin-top: 25px;margin-bottom: 25px;width: 100%;max-width: 576px;overflow:hidden}


#tendenciasNew .righterRow .withColorImage{margin-right: -15px}
#tendenciasNew .righterRow .withColorImage .contImg{float: left;margin-top: 25px;margin-bottom: 25px;width: 100%;max-width: 576px;overflow:hidden;}

#tendenciasNew .contImg{}
#tendenciasNew .contImg .overflowImg{position: relative;}
#tendenciasNew .contImg .overflowImg img.setbg{position: relative;}
#tendenciasNew .contImg .overflowImg .setbg{}
#tendenciasNew .contImg .overflowImg .contColors{-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
#tendenciasNew .contImg .overflowImg .contColors{position: absolute;left: 15px;top:395px;width: 48px;text-align: center;background: white;box-shadow: 0px 8px 16px #00000029;border-radius: 50%;}
#tendenciasNew .contImg .overflowImg .contColors .iconBN{cursor: pointer;position: relative;z-index: 10}
#tendenciasNew .contImg .overflowImg .contColors:hover .hidenColors{opacity: 1}
#tendenciasNew .contImg .overflowImg .contColors .hidenColors{position: absolute;min-width:300px;width: 398px;top:0px;left:0;background: white;border-radius: 50px;height: 100%;box-shadow: 0px 8px 16px #00000029;opacity: 0;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
#tendenciasNew .contImg .overflowImg .contColors .contHoverColores{display: inline-block;padding:12px 0 0 50px;text-align: left;width: 100%;margin-right: 20px}
#tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt{width: 33px;height: 24px;border:none;display: inline-block;margin:0;vertical-align: top;float: left;position: relative;cursor: pointer;}
#tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt.prim{border-top-left-radius: 40%;border-bottom-left-radius: 40%;border-left:none;}
#tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt.ulti{border-top-right-radius: 40%;border-bottom-right-radius: 40%;border-right:none;}
#tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt span{position: absolute;top:-15px;margin-left: -5px;opacity: 0;font-size: 12px;text-align: center;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;cursor: pointer;background: white;box-shadow: 0px 8px 16px #00000029;padding:3px 7px;border-radius: 4px}
#tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt:hover span{top:-22px;opacity: 1;z-index: 11}

#tendenciasNewInterna{padding-bottom: 0}
#tendenciasNewInterna .tendencias-interna-header{padding:90px 60px 90px 130px;}
#tendenciasNewInterna .tendencias-interna-header h2{font-size:52px;color:#FFF;font-weight: bold;max-width: 300px;text-transform: uppercase;}
#tendenciasNewInterna .tendencias-interna-header-img{max-height: 340px;}
#tendenciasNewInterna .box-tendencias-interna-colores{display: inline-block;margin:2px;width: 150px;height: 240px;position: relative;}
#tendenciasNewInterna .box-tendencias-interna-colores.box-half{height: 120px;}
#tendenciasNewInterna .box-tendencias-interna-colores p{position: absolute;bottom: 12px;left: 12px;color:#FFFFFF;font-weight: bold;font-size: 11px;text-shadow: #171717 0 0 3px;margin:0}
#tendenciasNewInterna .tendencias-interna-h3{font-size: 24px;color:#333333;font-weight: bold;}



@media (max-width: 992px){

  #tendenciasNew .tendencias-header .box21 h3{font-size: 48px;padding-left: 10%;padding-right: 10%;}

  #tendenciasNew .lefterRow .withColorImage{margin-left: 0px}
  #tendenciasNew .withText .textDesign h2.fontMob{font-size: 60px;}
  #tendenciasNew .contImg .overflowImg .contColors{left: 10px;width: 32px;top:425px;}

  #tendenciasNew .contImg .overflowImg .contColors .iconBN{width: 30px}
  #tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt{width: 26px;height: 20px;}
  #tendenciasNew .contImg .overflowImg .contColors .contHoverColores{display: inline-block;padding:5px 0 0 28px;text-align: left;width: 100%;margin-right: 20px}
  #tendenciasNew .contImg .overflowImg .contColors .hidenColors .colorIt{width: 25px;height: 20px;border:none;display: inline-block;margin:0;vertical-align: top;float: left;position: relative;cursor: pointer;}

  #tendenciasNew .contImg .overflowImg img.setbg{left: -32%}

  #tendenciasNew .withText .textDesign21{padding:90px 15px;width: 100%;margin:0 auto;max-width: 96%;text-align: center;}

}

@media (max-width: 768px){
   #tendenciasNew .contImg .overflowImg img.setbg{left: 0%}

   #tendenciasNew .contImg .overflowImg .contColors{top:410px;}
   #tendenciasNew .contImg .overflowImg .contColors .hidenColors{opacity: 1!important;width: 300px}

}
@media (max-width: 472px){
  #tendenciasNew .tendencias-header .box21 h3{font-size: 36px;padding-left: 5%;padding-right: 5%;}
   #tendenciasNew .contImg .overflowImg img.setbg{left: -32%}
}
@media (max-width: 360px){
   #tendenciasNew .contImg .overflowImg img.setbg{left: -200px}
}

.banTendencias{padding-top: 0;margin-bottom: 0;padding-bottom: 0}
.banTendencias .container .row{overflow: hidden;position: relative;}
.banTendencias .circle-home4{left: -45px}
.banTendencias .circle-home4 .hole{position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 120px;
    height: 120px;
    box-shadow: 0 0 0 35px #27337b;
    border-radius: 100px;}
.banTendencias > .container{padding-left: 1.7%;padding-right:1.7%;width: 96.6%;}
.banTendencias h3{color:#3B4144;font-size: 28px;margin:50px 0 10px;line-height: 32px;font-weight: bold;}
.banTendencias .imgMaxCenter{max-width: 720px;margin:0 auto;}
.banTendencias .textRighted h3{color:#3B4144;font-size: 32px;line-height: 42px}
.banTendencias .textRighted p{color:#3B4144;font-size: 18px;line-height: 28px;margin: 20px 0}
.banTendencias .textRighted a{margin-top: 10px;background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:9px;padding-bottom: 9px;padding-left: 15px;padding-right: 15px;text-align: left;min-width: 180px;}
.banTendencias .textRighted a i{float: right;}
.banTendencias .textRighted a:hover{background-color: #3e4da0!important;border-color: #3e4da0!important;}
.banTendencias .textRighted a:focus,.banTendencias .textRighted a:active{background-color: #3e4da0!important;border-color: #3e4da0!important;}



#historiaContent .imgHistoria{max-width: 492px;text-align: right;}
#historiaContent>.container{z-index: 102}
#historiaContent .tituloHistoria{margin:160px 10px 10px 29%;display: inline-block;}
#historiaContent .tituloHistoria h1{color:#3B4144;font-size: 54px;line-height: 68px;font-weight: bold;}
#historiaContent .tituloHistoria h3{color:#3B4144;font-size: 18px;line-height: 30px;padding-right: 18%}


.circle-homeHistoria1{width: 90px;height: 90px;position: absolute;background-color: transparent;top:800px;right:3%;z-index: 101;}
.circle-homeHistoria1 .hole{position: absolute;top: 50%;left: 50%;width: 120px;height: 120px;box-shadow: 0 0 0 50px #007882;border-radius: 70px}

.circle-homeHistoria2{width: 280px;height: 280px;position: absolute;background-color: transparent;top:950px;left: -15%;z-index: 101;}
.circle-homeHistoria2 .hole{position: absolute;top: 50%;left: 50%;width: 300px;height: 300px;box-shadow: 0 0 0 90px #EDF0F5;border-radius: 150px}

.circle-homeHistoria3{width: 70px;height: 70px;position: absolute;background-color: transparent;top:1430px;left: -70px;z-index: 101;}
.circle-homeHistoria3 .hole{position: absolute;top: 50%;left: 50%;width: 60px;height:60px;box-shadow: 0 0 0 25px #27337b;border-radius: 50px}


#timeline-content {
  margin-top: 50px;
  text-align: center;
}
/* Timeline */
.timeline {
  border-left: 4px solid #27337b;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin: 50px 0 50px auto;  
  position: relative;
  padding: 50px;
  list-style: none;
  text-align: left;
  max-width: 85%;
  margin-top: -200px;
  

}
.timeline .shadowWhite{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
height: 190px;position: absolute;
    left: -5px;
    z-index: 1000;
    top: 0;
    width: 10px;}

    .timeline .spacedLi{height: 200px}
.timeline .event{}
.timeline .event .yearE{position: absolute;top:-3px;left:-150px;font-size: 28px;color:#27337b;font-weight: bold;}

.timeline h1 {}
.timeline h2,
.timeline h3 {
color:#3B4144;font-size: 16px;font-weight: 600;display: inline-block;
}
.timeline .event {
  padding-top:8px;
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
}
.timeline .event .contText{display: inline-block;width: 60%;vertical-align: top;position: relative;}
.timeline .event p{font-size: 14px;color:#3B4144;line-height: 24px;padding-right: 197px;position: relative;}
.timeline .event .imgE{display: inline-block;width: 39%;text-align: left;}
.timeline .event .imgE img{width: 100%;text-align: left;}
.timeline .event .imgE h5{color:#3B4144;font-size: 12px;margin:15px 0;text-align: left;max-width: 304px}



.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: -217.5px;
  color: rgba(255, 255, 255, 0.4);
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
  
}
.timeline .event:after {
  box-shadow: 0 0 0 4px #27337b;
  left: -57.85px;
  background: white;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 10px;
}


@media (max-width: 1200px){
  .timeline .event p{padding-right: 100px;position: relative;}
}
@media (max-width: 991px){
  .timeline .event p{padding-right: 100px;position: relative;}
  #historiaContent .tituloHistoria h1{font-size: 34px;line-height: 46px;font-weight: bold;}
  .timeline {margin-top: -100px;}
  .timeline .spacedLi{height: 100px}

}
@media (max-width: 768px){
    #historiaContent .tituloHistoria{margin-top: 36px}
    .timeline .event .contText{display: inline-block;width: 100%;}
    .timeline .event .contText p{padding-right: 50px}
    .timeline .event .imgE{display: inline-block;width: 100%;}

}

@media (max-width: 480px){
    #historiaContent .tituloHistoria{margin:20px;}
    #historiaContent .tituloHistoria h1{margin:20px;text-align: center;}
    #historiaContent .tituloHistoria h3{text-align: center;padding-right: 0}
    
.timeline .event .contText p{padding-right: 0}



#timeline-content {
  margin-top: 50px;
  text-align: center;
}
/* Timeline */
.timeline {
  border-left: 4px solid #27337b;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin: 50px 0 50px auto;  
  position: relative;
  padding: 30px;
  list-style: none;
  text-align: left;
  max-width: 100%;
  margin-top: 00px;
  

}
.timeline .shadowWhite{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
height: 190px;position: absolute;
    left: -5px;
    z-index: 1000;
    top: 0;
    width: 10px;}

    .timeline .spacedLi{height: 200px}
.timeline .event{}
.timeline .event .yearE{position: relative;top:-13px;left:0px;font-size: 28px;color:#27337b;font-weight: bold;}

.timeline h1 {}
.timeline h2,
.timeline h3 {
color:#3B4144;font-size: 16px;font-weight: 600;display: inline-block;
}
.timeline .event {
  padding-top:8px;
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
}
.timeline .event .contText{display: inline-block;width: 100%;vertical-align: top;position: relative;}
.timeline .event p{font-size: 14px;color:#3B4144;line-height: 24px;padding-right: 0;position: relative;}
.timeline .event .imgE{display: inline-block;width: 100%;text-align: left;}
.timeline .event .imgE img{width: 100%;text-align: left;}
.timeline .event .imgE h5{color:#3B4144;font-size: 12px;margin:15px 0;text-align: left;max-width: 304px}



.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: -217.5px;
  color: rgba(255, 255, 255, 0.4);
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
  
}
.timeline .event:after {
  box-shadow: 0 0 0 4px #27337b;
  left: -37.85px;
  background: white;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 10px;
}


}


.page-section.sectionMarginTopUp{margin-top: -100px;background: #000000;z-index: 80}
.page-section.sectionMarginTopUp h1{color:#FFF;font-size: 42px;margin-top: 50px;padding-left: 100px;text-transform: uppercase;}
.page-section.sectionMarginTopUp h1 b{font-size: 56px;}
.page-section.sectionMarginTopUp p{color:#FFF;font-size: 16px;letter-spacing: 0.2px;padding-left: 100px;max-width: 560px;width: 100%;margin-bottom: 40px}

.page-section.pageWithBackgroundImage{width: 100%;height: 304px;padding:0;margin-top: 80px}
.page-section.pageWithBackgroundImage>.container{height: 304px;z-index: 101;}
.page-section.pageWithBackgroundImage>.container .row{position: relative;height: 100%;}
.page-section.pageWithBackgroundImage>.container .row >div{position: relative;height: 100%;}
.page-section.pageWithBackgroundImage h1{color:#FFF;font-size: 32px;position: absolute;bottom:0;left: 0px;width: 100%;padding:15px;font-weight: bold;margin:0;z-index: 50}
.page-section.pageWithBackgroundImage h1 a{color:#FFF;font-size: 32px;}

.page-section.pageWithBackgroundImage .shadow-bottom{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);}




.textVisionMision{}
.textVisionMision h3{color:#3B4144;font-size: 32px;font-weight: bold;margin-bottom: 20px;}
.textVisionMision p{color:#707070;font-size: 16px;}


.banVision{padding-top: 0.5rem;padding-bottom: 1rem}
.banVision > .container{padding-left: 1.7%;padding-right:1.7%;width: 96.6%;}
.banVision h3{color:#FFF;font-size: 28px;margin:50px 0 10px;line-height: 32px;font-weight: bold;}
.banVision .imgMaxCenter{max-width: 720px;margin:0 auto;}
.banVision .textRighted h3{color:#FFF;font-size: 32px;line-height: 42px}
.banVision .textRighted p{color:#FFF;font-size: 18px;line-height: 28px;margin: 20px 0;padding-right: 30%}
.banVision .textRighted a{margin-top: 10px;background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:9px;padding-bottom: 9px;padding-left: 15px;padding-right: 15px;text-align: left;min-width: 180px;margin-bottom: 50px}
.banVision .textRighted a i{float: right;}
.banVision .textRighted a:hover{background-color: #3e4da0!important;border-color: #3e4da0!important;}
.banVision .textRighted a:focus,.banVision .textRighted a:active{background-color: #3e4da0!important;border-color: #3e4da0!important;}


.swiper-slide{min-height: 536px}
@media only screen and (max-width: 768px){
    .banVision .textRighted p{padding-right: 20px}
    .swiper-slide {
       /* background-size: contain !important;
        background-repeat: no-repeat;
        background-position: 0 50px !important;*/

        min-height: 536px
    }
    .boxFlotante{display: none;}
    .swiper-container .boxSlide{position: absolute;left: 15px;top:100px;height: 74%}
    #home .swiper-container .boxSlide{position: absolute;left: 15px;top:100px;height: 74%}
    .swiper-container .boxSlide h1{margin-top: 0;max-width: 500px;font-size: 28px;font-weight: bold;padding-right: 15%;line-height: 32px;text-shadow: 0 0 10px #666}
    .swiper-container .boxSlide h4{max-width: 500px;font-size: 18px;padding-right: 15%;text-shadow: 0 0 10px #666}

    .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{left: 15px;top:90px;}

    .swiper-container .boxSlide .btnHomePrincipal{width: 95%;margin-top: 25px;margin-bottom: 7px;position: absolute;bottom: 70px;padding-top: 12px;padding-bottom: 12px;}
    .swiper-container .boxSlide .btnHomeSecundario{width: 95%;margin-top: 7px;margin-bottom: 15px;position: absolute;bottom: 0;padding-top: 12px;padding-bottom: 12px;}
    

    .circle-home2{display: none;}
    .circle-home{width: 68px;height: 68px;position: absolute;background-color: transparent;top:45px;left: -60px;z-index: 101;}
    .circle-home .hole{position: absolute;top: 50%;left: 50%;margin-left:0;margin-top:0;width: 68px;height: 68px;box-shadow: 0 0 0 30px #EDF0F5;border-radius: 77px}

}

.btnText{color:#3B4144;margin-top: 7px;display: inline-block;}
.btnText svg{font-size: 16px;position: relative;top: 2px;left: 3px;font-weight: 300}
.btnText:hover{color:#3B4144;text-decoration: underline;}
.btnText:focus{color:#3B4144;}
.btnText:active{color:#3B4144;}


.banHome > .container{padding-left: 1.7%;padding-right:1.7%;width: 96.6%;}
.banHome h3{color:#3B4144;font-size: 28px;margin:50px 0 10px;line-height: 32px;font-weight: bold;}
.banHome .imgMaxCenter{max-width: 720px;margin:0 auto;}
.banHome .textBanHome{padding:20px;margin-bottom: 80px}
.banHome .textBanHome h3{color:#27337b;font-size: 28px;margin:50px 0 20px;line-height: 32px;font-weight: bold;padding-right: 30%}
.banHome .textBanHome p{color:#707070;font-size: 14px;margin:20px 0 20px;line-height: 20px;padding-right: 15%}
.banHome .textBanHome .btn-primary{}
.banHome .textBanHome .btn-primary i{margin-left: 20px}
.banHome .textBanHome .btn-primary{background-color: transparent;font-size:14px;border-color: transparent;padding-top:7px;padding-bottom: 7px;color:#27337b;font-size: 14px}
.banHome .textBanHome .btn-primary:hover{background-color: #27337b;border-color: #27337b;color:white}
.banHome .textBanHome .btn-primary:focus,.banHome .textBanHome .btn-primary:active {background-color: #27337b;border-color: #27337b;box-shadow: none;color:white}
.banHome .imgContHome{width: 100%;height: 270px;background-size: cover}

.banHome .moduloContent.text-center .textBanHome h3{margin:20px 0;padding-right: 0}
.banHome .moduloContent.text-center .textBanHome p{margin:20px 0;padding-right: 0}
.banHome .moduloContent.text-center .imgContHome{margin:20px 0 50px;}

.relatedContent{position: relative;padding-top: 3rem}
.relatedContent h3{color:#3B4144;font-size: 28px;margin:20px 0 10px;line-height: 32px;font-weight: bold;}
.relatedContent > .container{padding-left: 1.7%;padding-right:1.7%;width: 96.6%;position: relative;z-index: 101}
.relatedContent .containerRelatec{width: 80%;margin:0 9%;display: inline-block;text-align: center;}
.relatedContent .col-related{width: 17%;margin:15px 1%;display: inline-block;text-align: left;position: relative;background-color: white;border:1px solid #EDF0F5;padding:10px;border-radius: 4px;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.relatedContent .col-related .imgProd{width: 100%;max-width: 240px;margin:0 auto;}
.relatedContent .col-related h4{font-size: 14px;margin:10px 0 7px;font-weight: bold;color:#292929;line-height: 18px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.relatedContent .col-related p{font-size: 12px;margin:0px;line-height: 18px;color:#3B4144;}
.relatedContent .col-related .boxShare{position: absolute;right: 10px;top:10px;width: 25px;height: 25px;border-radius: 50%;background-color: #EDF0F5 }
.relatedContent .col-related .boxShare a{font-size: 14px;color:#3B4144;position: relative;left: 5px}
.relatedContent .col-related .line{width: 111%;display: inline-block;margin:0;border-top:1px solid #EDF0F5;margin-left: -10px;margin-right: -10px}

.relatedContent .col-related:hover{border: 1px solid #EDF0F5;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 16px 24px #3B41443E;border: 1px solid #EDF0F5;}
.relatedContent .col-related:hover h4{color:#27337b;}


@media only screen and (max-width: 768px){
  .banHome .textBanHome .btn-primary{width: 100%;text-align: left;}
  .banHome .textBanHome .btn-primary i{float: right;}
  .relatedContent .col-related{width: 46%}

  .circle-home3{top:50px;}

}

.banHomeLast{padding-top: 0;padding-bottom: 0;margin-top: 50px;position: relative;z-index: 89;}
.banHomeLast > .container{padding-left: 1.7%;padding-right:1.7%;width: 96.6%;position: relative;z-index: 101;height: 410px}
.banHomeLast .textLefted h3{color:#3B4144;font-size: 28px;margin:40px 0 10px;line-height: 32px;font-weight: bold;max-width: 400px;}
.banHomeLast .textLefted p{font-size: 14px;color:#707070;margin:10px 0;line-height: 26px;padding-right: 30%}
.banHomeLast .textLefted a{margin:10px 0;}
.banHomeLast .textLefted a.btnHomePrincipal{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px;padding-left: 30px;padding-right: 30px;}
.banHomeLast .textLefted a.btnHomePrincipal svg{margin-left: 20px;display: inline-block;font-weight: 300}
.banHomeLast .textLefted a.btnHomePrincipal:hover{background-color: #3e4b97;border-color: #27337b;}
.banHomeLast .textLefted a.btnHomePrincipal:focus,.banHomeLast .textLefted a.btnHomePrincipal:active {background-color: #3e4b97;border-color: #27337b;}

.banHomeLast{}
@media only screen and (max-width: 768px){
  .banHomeLast > .container{background: url('../images/slider-home/Casablanca_carrusel_4x_NUEVA.jpg') 28% 50% no-repeat!important;width: 100%!important;}
  .banHomeLast .textLefted p{line-height: 20px}
  
}

 .textVisionMision a.btnHomePrincipal{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px}
 .textVisionMision a.btnHomePrincipal svg{margin-left: 20px;display: inline-block;font-weight: 300}
 .textVisionMision a.btnHomePrincipal:hover{background-color: #3e4da0;border-color: #3e4da0;}
 .textVisionMision a.btnHomePrincipal:focus,.banHomeLast .textLefted a.btnHomePrincipal:active {background-color: #3e4da0;border-color: #3e4da0;}

footer{background-color: #27337b}
footer.py-5{padding-bottom: 20px!important;color:#FFF!important;position: relative;}
footer ul{list-style: none;margin:0;padding:0;}
footer ul li{margin:0;padding:3px;}
footer ul li input{background-color: transparent;border:0;border-bottom: 1px solid #FFF;color:#FFF;padding:4px 8px;font-size: 12px;}
footer ul li input::placeholder{color:#FFF;}
footer ul li{color:#FFF;text-decoration: none;font-size: 14px;display: inline-block;vertical-align: top;width: 100%;}
footer ul li a{color:#FFF;text-decoration: none;font-size: 14px;}
footer ul li b{margin-bottom: 0px;display: inline-block;margin-top: 20px}
footer ul li a:hover{text-decoration: underline;color:#FFF;}
footer ul li a:focus, footer ul li a:active{color:#FFF;text-decoration: none}
footer .fbottom{margin-top: 10px;}
footer .fbottom a{color:#FFF;text-decoration: none;font-size: 14px}
footer .fbottom a:hover{text-decoration: underline;color:#FFF;}
footer .fbottom a:focus, footer .fbottom a:active{color:#FFF;text-decoration: none}

footer .redesLinks i{margin:0 10px;display: inline-block;cursor: pointer;}
footer .redesLinks a{position:relative;top:0;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
footer .redesLinks a:hover{top:-2px;}

footer > .container{position: relative;z-index: 101}

.textCopy{color:#CDD1D4!important;font-size: 14px}
.textCopy a{color:#CDD1D4!important;}

.page-section{position: relative;z-index: 101}


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

  .page-section.banHome{padding-top: 2rem}


  .banHomeLast .textRighted a.btnHomePrincipal{width: 100%;text-align: left;}
  .banHomeLast .textRighted a.btnHomePrincipal i{float: right;}

  .circle-home6{width: 50px;height: 50px;position: absolute;background-color: transparent;top:inherit;bottom:140px;left: -60px;z-index: 99;}
  .circle-home6 .hole{position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;box-shadow: 0 0 0 20px #9b9b9b;border-radius: 40px}

  .circle-home7{width: 170px;height: 170px;position: absolute;background-color: transparent;top:150px;right:0px;z-index: 90;}
  .circle-home7 .hole{position: absolute;top: 50%;left: 50%;width: 170px;height: 170px;box-shadow: 0 0 0 60px #818384;border-radius: 120px}

}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #3B4144;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}



.page-section.pageWithBackgroundImage.pageProductos{height: 128px}
.page-section.pageWithBackgroundImage.pageProductos>.container{height: 128px}

.page-section.pageListadoProductos{padding-top: 3em}

.pageListadoProductos .prod-related{width: 22%;margin:15px 1%;display: inline-block;text-align: left;position: relative;background-color: white;border:1px solid #EDF0F5;padding:10px;border-radius: 4px;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;height: 490px;vertical-align: top;overflow: hidden;text-align: center;}
.pageListadoProductos .prod-related .imgProd{width: 100%;max-width: 240px;margin:0 auto;}
.pageListadoProductos .prod-related h4{font-size: 14px;margin:10px 0 7px;font-weight: bold;color:#292929;line-height: 18px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;text-align: left;}
.pageListadoProductos .prod-related p{font-size: 12px;margin:0px;line-height: 18px;color:#3B4144;text-align: left;}
.pageListadoProductos .prod-related .boxShare{position: absolute;right: 10px;top:10px;width: 25px;height: 25px;border-radius: 50%;background-color: #EDF0F5 }
.pageListadoProductos .prod-related .boxShare a{font-size: 14px;color:#3B4144;position: relative;left: 5px}
.pageListadoProductos .prod-related .line{width: 111%;display: inline-block;margin:0;border-top:1px solid #EDF0F5;margin-left: -10px;margin-right: -10px}

.pageListadoProductos .prod-related:hover{border: 1px solid #EDF0F5;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 16px 24px #3B41443E;border: 1px solid #EDF0F5;}
.pageListadoProductos .prod-related:hover h4{color:#27337b;}


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

  .pageListadoProductos .prod-related{width: 30%;margin:15px 1%;}

}

@media only screen and (max-width: 768px){
  .pageListadoProductos .prod-related h4{font-size:14px;}
  .pageListadoProductos .prod-related{width: 47%;margin:15px 1%;height: 420px}

}
@media only screen and (max-width: 420px){
  .pageListadoProductos .prod-related h4{font-size:14px;}
  .pageListadoProductos .prod-related{width: 98%;margin:15px 1%;overflow: visible;height: auto;}
  .pageListadoProductos .prod-related p{padding-bottom: 40px;}

}



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

.recomendadosBox .prod-related{width: 17%;margin:15px 0%;display: inline-block;text-align: left;position: relative;background-color: white;border:1px solid #EDF0F5;padding:10px;border-radius: 4px;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;vertical-align: top;}
.recomendadosBox .prod-related .imgProd{width: 100%;max-width: 240px;margin:0 auto;}
.recomendadosBox .prod-related h4{font-size: 14px;margin:10px 0 7px;font-weight: bold;color:#292929;line-height: 18px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.recomendadosBox .prod-related p{font-size: 12px;margin:0px;line-height: 18px;color:#3B4144;}
.recomendadosBox .prod-related .boxShare{position: absolute;right: 10px;top:10px;width: 25px;height: 25px;border-radius: 50%;background-color: #EDF0F5 }
.recomendadosBox .prod-related .boxShare a{font-size: 14px;color:#3B4144;position: relative;left: 5px}
.recomendadosBox .prod-related .line{width: 108%;display: inline-block;margin:0;border-top:1px solid #EDF0F5;margin-left: -10px;margin-right: -10px}

.recomendadosBox .prod-related:hover{border: 1px solid #EDF0F5;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 16px 24px #3B41443E;border: 1px solid #EDF0F5;}
.recomendadosBox .prod-related:hover h4{color:#27337b;}

#recomendadosBox.swiper-container {
                width: 100%;
                height: 100%;
              }

#recomendadosBox{
  
  position: relative;

}

#recomendadosBox .swiper-button-prev{
    top: 40%;
      left: 0px;
      right: inherit;
      width: 30px;
      height: 30px;
      background: #27337b;
      border: 1px solid #27337b;
      border-radius: 4px;
      color:#FFF;
}
#recomendadosBox .swiper-button-next{

  top: 40%;
      right: 0px;
      left: inherit;
      width: 30px;
      height: 30px;
      background: #27337b;
      border: 1px solid #27337b;
      border-radius: 4px;
      color:#FFF;

}
#recomendadosBox .swiper-button-next:after,  #recomendadosBox .swiper-button-prev:after{color:#FFF;}
#recomendadosBox .swiper-button-next.swiper-button-disabled, #recomendadosBox .swiper-button-prev.swiper-button-disabled{opacity: 0}


.tiRecoBox{font-size: 30px;color:#3B4144;display: inline-block;margin:70px 0 0;font-weight: normal!important;width: 100%;}
.tiRecoBox span{color:#27337b;font-weight: bold;}


.pageListadoProductos #listadoProd{position: relative;min-height: 400px}
.pageListadoProductos .loadingScreen{width: 100%;height: 100%;position: absolute;z-index: 9999;text-align: center;top:0;left: 0;color:#3B4144;}
.pageListadoProductos .loadingScreen > div{vertical-align: middle;display: inline-block;margin-top: 15%}


.leftNavProductos{}
.leftNavProductos .breadscrum{}
.leftNavProductos .filtrosGrales{margin-top: 20px}
.leftNavProductos .filtrosGrales a.linkFull{width: 100%;display: inline-block;margin:3px 0;color:#3B4144;font-weight: bold;}
.leftNavProductos .filtrosGrales p{margin-top: 5px;margin-bottom: 5px;font-size: 14px}
.leftNavProductos .filtrosGrales span{color:#ccc;font-style: italic;font-size: 14px}
.leftNavProductos .filtrosGrales span.filtroActivoSpan{color:#666;font-size: 14px;font-style: normal;border-radius: 4px;border:1px solid #ccc;padding:3px 15px 2px 4px;position: relative;display: inline-block;margin:0 2px;line-height: 14px}
/*.leftNavProductos .filtrosGrales span.filtroActivoSpan::before {
  content: 'x';
  color: #666;
  font-weight: 600;
  font-family: Arial, sans-serif;
  position: absolute;right:5px;font-size: 11px;top:-2px;
  cursor: pointer;
}*/
.leftNavProductos .filtrosGrales .filtros-activos{margin-bottom: 20px}
.leftNavProductos .filtrosGrales .panel-heading {cursor: pointer;}
.leftNavProductos .filtrosGrales .panel-heading {cursor: pointer;}
.leftNavProductos .filtrosGrales .card{border:none;margin-top: 10px}
.leftNavProductos .filtrosGrales .card-header{background: transparent;padding:0;margin-bottom: 0}
.leftNavProductos .filtrosGrales .card-header .btn-link{color:#3B4144;margin:3px 0;padding:3px 0;font-weight: bold;font-size: 14px;width: 100%;line-height: 20px;text-align: left;}
.leftNavProductos .filtrosGrales .card-header .btn-link:hover{text-decoration: none;}
.leftNavProductos .filtrosGrales .card-header .btn-link:active{text-decoration: none;}
.leftNavProductos .filtrosGrales .card-header .btn-link:focus{text-decoration: none;}
.leftNavProductos .filtrosGrales .card-header .btn-link:visited{text-decoration: none;}
.leftNavProductos .filtrosGrales .card-header .btn-link i{font-size: 20px;float: right;transition: all linear 0.25s;}
.leftNavProductos .filtrosGrales .card-header .collapsed .btn-link i{ transform: rotate(90deg) ;}
.leftNavProductos .filtrosGrales .form-check-label{color:#58595B;font-size: 14px}
.leftNavProductos .filtrosGrales .card-body{color:#58595B;font-size: 14px;padding:10px;}

.pageFamiliaColores .leftNavProductos .filtrosGrales .card-body{color:#58595B;font-size: 13px;padding:3px 10px;}
.pageFamiliaColores .leftNavProductos .filtrosGrales .card-header{margin-bottom: 6px;}
.pageFamiliaColores .custom-control-label::before{top:0.15rem}
.pageFamiliaColores .custom-control-label::after{top:0.15rem}


.leftNavProductos .filtrosGrales .custom-control-input:checked ~ .custom-control-label::before{background-color:#27337b99;border-color:#27337b;}
.leftNavProductos .filtrosGrales .custom-control-input:focus ~ .custom-control-label::before{box-shadow: none;border-color:#27337b;}

.leftNavProductos .filtrosGrales .custom-control.custom-radio input:checked ~ .custom-control-label::before{background:#27337b99;;border-color:#27337b;}

.leftNavProductos .filtrosGrales .a-link{font-size: 12px;color:#27337b;}
.leftNavProductos .filtrosGrales .hidOpts{display: inline-block;width: 100%;height: 0;overflow:hidden;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.leftNavProductos .filtrosGrales .hidOpts.opened{display: inline-block;width: 100%;height: auto;overflow:hidden;}


.pageProductoInterna .imgProdGral{width: 70%;max-width: 500px;margin:0px 15%;position: relative;top: -60px}
.pageProductoInterna .tiProd{color:#3B4144;font-size: 24px;margin:0px 0 15px;font-weight: bold;}
.pageProductoInterna .tiBajada{color:#27337b;font-size: 17px;margin:0px 0 15px;font-weight: bold;}
.pageProductoInterna .tiDesc{color:#171717;font-size: 14px;margin:5px 0 20px;line-height: 24px}
.pageProductoInterna .contentExtra{margin:20px 0 10px;}
.pageProductoInterna .contentExtra .col-md-12{padding-left: 0;padding-right: 0}
.pageProductoInterna .tiLabel{color:#3B4144;font-size: 14px;margin:15px 0 5px;font-weight: bold;}
.pageProductoInterna .tiInput{color:#171717;font-size: 14px;margin:5px 0 5px;padding-right: 15px}
.pageProductoInterna .usos-text-title{color:#171717;font-size: 18px;margin:5px 0 8px;font-weight: bold;}
.pageProductoInterna .usos-text-desc{margin:5px 0 25px;font-size: 14px;line-height: 24px;}

.pageProductoInterna .btnProd{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px;width: 100%}
.pageProductoInterna .btnProd:hover{background-color: #3e4da0;border-color: #3e4da0;}
.pageProductoInterna .btnProd:focus,.pageProductoInterna .btnProd:active {background-color: #3e4da0;border-color: #3e4da0;}

.pageProductoInterna .btnProd:not(:disabled):not(.disabled):active, .pageProductoInterna .btnProd:not(:disabled):not(.disabled).active, .show > .pageProductoInterna .btnProd.dropdown-toggle{background-color: #3e4da0;border-color: #3e4da0;}

.pageProductoInterna .btnLink{color:#27337b;font-size: 12px;font-weight: bold;}
.pageProductoInterna .btnLink.linkLast{margin-top: 10px;display: inline-block;}
.pageProductoInterna .btnLink:hover{text-decoration: underline;}

.usosContent{margin:-40px 0 20px;}
.usosContent .imgUsos{display: inline-block;width: 100%;vertical-align: top;border-radius: 4px}
.usosContent h4{color:#3B4144;font-size: 24px;font-weight: bold;margin:20px 0 20px;}
.usosContent p{color:#171717;font-size: 16px;}

.breadscrum{font-size: 13px;color:#3B4144;}
.breadscrum a{font-size: 13px;color:#3B4144;}

.paletasContent{width: 100%;display: inline-block;position: relative;top:-5px;}
.paletasContent img.pal{float: left;}
.paletaProd{width: 30px;height: 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display: inline-block;margin:0;vertical-align: top;float: left;margin-top:6px;overflow: hidden;}
.paletaProd .imagenColor{position: relative;left: -10px;top:0px;}
.paletaProd.prim{border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-left:1px solid #ccc;}
.paletaProd.ulti{border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right:1px solid #ccc;}





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

  .pageProductoInterna .acomoMob{position: relative;top:-60px;}
  .acomoMob{position: relative;top:30px;}

  .recomendadosBox .prod-related{width: 80%;margin:15px 0%;text-align: center;}

}





.pageContacto{margin-bottom: 90px;margin-top: 10px}
.pageContacto h2{font-size: 30px;line-height: 34px;color:#000;margin-top: 30px;padding-left: 15px;}
.pageContacto h5{font-size: 16px;color:#3B4144;padding-left: 15px}
.pageContacto .formu{margin:10px 0 30px;}
.pageContacto .formu label{font-size: 12px;color:#525252;display: inline-block;width: 100%;margin-top: 12px;margin-bottom: 2px}
.pageContacto .formu input{background: #F3F3F3;border:none;padding:5px 15px;border-bottom: 1px solid #CCC;display: inline-block;width: 100%;color:#3B4144;font-size: 13px;}
.pageContacto .formu select{background: #F3F3F3;border:none;padding:5px 15px;border-bottom: 1px solid #CCC;display: inline-block;width: 100%;color:#3B4144;font-size: 13px;}
.pageContacto .formu textarea{background: #F3F3F3;border:none;padding:5px 15px;border-bottom: 1px solid #CCC;display: inline-block;width: 100%;color:#3B4144;font-size: 13px;height: 90px}

.pageContacto .formu .btnEnviar{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px;width: 100%;margin-top: 20px}
.pageContacto .formu .btnEnviar:hover{background-color: #3e4da0;border-color: #3e4da0;}
.pageContacto .formu .btnEnviar:focus,.pageContacto .formu .btnEnviar:active {background-color: #3e4da0;border-color: #3e4da0;}

.errBorder{border-bottom-color: red!important;background-color: #f7cccc!important}





/*

ARREGLS DONDE COMPRAR
*/
.mode-n span.subt{color:#171717;font-size: 14px;margin-right: 10px}
.mode-n h2{margin:30px 0;}
.mode-n label.select{color:#171717;font-size: 16px;margin-right: 10px;min-width: 480px;}
.mode-n label.select input{width: 80%;background-color: #f3f3f3;border:0;border-bottom: 1px solid #555;color:#171717;padding:4px 8px;font-size: 12px;}
.mode-n label.select input::placeholder{color:#666;}
.mode-n label.select a{cursor: pointer;}
.mode-n label.select a i{font-size: 20px;}

@media only screen and (max-width: 768px){
  .mode-n label.select{min-width: 100%;}
}


  #listing .container .abtnMostarMasPuntos,
  #listing .container .abtnvolver {
    background-color: #27337b;border-color: transparent;padding-top:7px;padding-bottom: 7px;color:#FFF;font-size: 14px;border: 1px solid transparent;
    padding: 0.375rem 0.75rem;cursor: pointer;padding:7px 15px;border-radius: 4px}
    #listing .container .abtnMostarMasPuntos:hover,
    #listing .container .abtnvolver:hover {
     background-color: #660328;border-color: #EDF0F5;text-decoration: none; }
     #listing .container .abtnMostarMasPuntos:active,
    #listing .container .abtnvolver:active {
     background-color: #660328;border-color: #CDD1D4;box-shadow: none}




          #listing {
  display: none;
  padding: 0; }
  #listing .container > h1 {
    text-align: center;
    padding: 0; color:#27337b;}
  #listing .container #results {
    width: 100%;
    display: block; }
    #listing .container #results ul {
      width: 100%;
      display: none;
      flex-wrap: wrap;
      justify-content: space-between; list-style: none;padding:0;}
      #listing .container #results ul li {
        width: 33%;
        box-sizing: border-box;
        padding: 0 0 2.5em; }
        #listing .container #results ul li p {
          margin: 0;
          }
        #listing .container #results ul li .pnamelocal {
          color: #222222;
          letter-spacing: -0.02em;
          font-size: 1em;
          padding: 0 0 0.25em;
          font-weight: bold; }
          #listing .container #results ul li .pnamelocal .local {
            font-size: 0.8em;
            color: #565555;
            display: block; }
        #listing .container #results ul li .ptextocomun {
          letter-spacing: -0.02em;
          font-size: 0.85em;
          padding: 0 0 0.25em; }
        #listing .container #results ul li .pubicarmarker {
          font-size: 1em;
          padding: 0.2em 0 0; }
          #listing .container #results ul li .pubicarmarker i {
            color: #222222;
            font-size: 1.5em;
            float: left;
            margin: 0 0.3em 0 0; }
          #listing .container #results ul li .pubicarmarker span {
           color:#27337b;
            font-size: 0.9em;
            text-decoration: underline;
            display: inline-block;
            padding: 0.4em 5px 0; text-decoration: none;}
          #listing .container #results ul li .pubicarmarker:hover {
            cursor: pointer; }
            #listing .container #results ul li .pubicarmarker:hover span {
              text-decoration: none; }
      #listing .container #results ul.mostrarul {
        display: flex; }
      #listing .container #results ul:first-child {
        display: flex; }

            .comprar .maps {
  background: lightgrey;
  height: 25em;
  position: relative;
  margin: 0 0 2em; overflow: hidden;}
  .comprar .maps iframe,
  .comprar .maps #map {
    display: block;
    width: 100%;
    height: 100%; }
  .comprar .maps #right-panel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 40%;
    box-sizing: border-box;
    overflow: auto;
    background: rgba(0, 0, 0, 0.75);
    padding: 2em 1em 1em;
    z-index: 1;
    transform: translateX(-100%);
    transition: all ease-in-out .4s; }
    .comprar .maps #right-panel * {
      color: #fff; }
    .comprar .maps #right-panel.show {
      transform: translateX(0); }
      .comprar .maps * {
        scrollbar-width: thin;
        scrollbar-color: rgb(119 4 47) #dbdbdb;
      }

      /* Works on Chrome, Edge, and Safari */
     .comprar .maps *::-webkit-scrollbar {
        width: 12px;
      }

      .comprar .maps *::-webkit-scrollbar-track {
        background: #dbdbdb;
      }

      .comprar .maps *::-webkit-scrollbar-thumb {
        background-color: rgb(119 4 47);
        border-radius: 20px;
        border: 3px solid #dbdbdb;
      }
    .comprar .maps #right-panel .adp-placemark * {
      color: initial; }
    .comprar .maps #right-panel table.adp-directions tr {
      display: block;
      margin: 0 0 .5em 0; }
  .comprar .maps a.showPanelMap {
    display: none; }
  .comprar .maps a.closePanel {
    display: none;
    position: absolute;
    top: .25em;
    right: initial;
    left: 37.5%;
    color: #fff;
    z-index: 2;
    font-size: 1.5em; }
    @media screen and (max-width: 768px) {
      .comprar .maps a.closePanel {
        top: .5em;
        right: 1.2em;
        left: initial; } }
.comprar .buscador {
  padding: 2em 0;
  text-align: center; }
  .comprar .buscador .container > h1, .comprar .buscador .container > h4 {
    padding: 0;
    margin: 0; }
  .comprar .buscador .formulario .search {
    margin: 0 auto;
    text-align: left; }
    .comprar .buscador .formulario .search ul li {
      padding: 0; }
  .comprar .buscador .formulario .abtngeolocalizar {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #a9a9a9;
    border: 0;
    box-sizing: border-box;
    padding: 0.5em 1em 0; }
    .comprar .buscador .formulario .abtngeolocalizar i {
      color: white; }
    .comprar .buscador .formulario .abtngeolocalizar:hover i {
      color: #e5e5e5; }
.comprar .result ul {
  width: 55%;
  margin: 0 auto; }
  .comprar .result ul:after {
    content: "";
    display: table;
    clear: both; }
  .comprar .result ul li {
    float: left;
    width: 30%;
    margin: 0 5% 2em 0;
    text-align: left; }
    .comprar .result ul li:nth-child(3n) {
      margin-right: 0; }
    .comprar .result ul li span {
      display: block;
      line-height: 150%; }
      .comprar .result ul li span h3 {
        color: #222222;
        font-weight: 400;
        margin: 0;
        padding: .3em 0; }
      .comprar .result ul li span a {
        color: #222222;
        text-decoration: underline; }
      .comprar .result ul li span.chekin:before {
        content: "\f041";
        font-family: FontAwesome;
        padding-right: .5em;
        font-size: 1.3em;
        color: #222222; }
.comprar .result a.volver {
  background: lightgrey; }

  @media (max-width: 768px){
        #listing .container #results ul li {
            width: 100% !important;
        }
    }



    /*

MAPS PROD

    */

      .modalLocales .maps {
  background: lightgrey;
  height: 25em;
  position: relative;
  margin: 0 0 2em; overflow: hidden;}
  .modalLocales .maps iframe,
  .modalLocales .maps #map {
    display: block;
    width: 100%;
    height: 100%; }
  .modalLocales .maps #right-panel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 65%;
    box-sizing: border-box;
    overflow: auto;
    background: rgba(0, 0, 0, 0.75);
    padding: 2em 1em 1em;
    z-index: 1;
    transform: translateX(-100%);
    transition: all ease-in-out .4s; }
    .modalLocales .maps #right-panel * {
      color: #fff; }
    .modalLocales .maps #right-panel.show {
      transform: translateX(0); }
    .modalLocales .maps #right-panel .adp-placemark * {
      color: initial; }
    .modalLocales .maps #right-panel table.adp-directions tr {
      display: block;
      margin: 0 0 .5em 0; }
  .modalLocales .maps a.showPanelMap {
    display: none; }
  .modalLocales .maps a.closePanel {
    display: none;
    position: absolute;
    top: .10em;
    right: initial;
    left: 45.5%;
    color: #fff;
    z-index: 2;
    font-size: 1.5em; }
    @media screen and (max-width: 768px) {
      .modalLocales .maps a.closePanel {
        top: .5em;
        right: 1.2em;
        left: initial; } }
.modalLocales .buscador {
  padding: 2em 0;
  text-align: center; }
  .modalLocales .buscador .container > h1, .modalLocales .buscador .container > h4 {
    padding: 0;
    margin: 0; }
  .modalLocales .buscador .formulario .search {
    margin: 0 auto;
    text-align: left; }
    .modalLocales .buscador .formulario .search ul li {
      padding: 0; }
  .modalLocales .buscador .formulario .abtngeolocalizar {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #a9a9a9;
    border: 0;
    box-sizing: border-box;
    padding: 0.5em 1em 0; }
    .modalLocales .buscador .formulario .abtngeolocalizar i {
      color: white; }
    .modalLocales .buscador .formulario .abtngeolocalizar:hover i {
      color: #e5e5e5; }
.modalLocales .result ul {
  width: 55%;
  margin: 0 auto; }
  .modalLocales .result ul:after {
    content: "";
    display: table;
    clear: both; }
  .modalLocales .result ul li {
    float: left;
    width: 30%;
    margin: 0 5% 2em 0;
    text-align: left; }
    .modalLocales .result ul li:nth-child(3n) {
      margin-right: 0; }
    .modalLocales .result ul li span {
      display: block;
      line-height: 150%; }
      .modalLocales .result ul li span h3 {
        color: #222222;
        font-weight: 400;
        margin: 0;
        padding: .3em 0; }
      .modalLocales .result ul li span a {
        color: #222222;
        text-decoration: underline; }
      .modalLocales .result ul li span.chekin:before {
        content: "\f041";
        font-family: FontAwesome;
        padding-right: .5em;
        font-size: 1.3em;
        color: #222222; }
.modalLocales .result a.volver {
  background: lightgrey; }

  @media (max-width: 768px){
        #listing .container #results ul li {
            width: 100% !important;
        }
    }



.modalLocales span.subt{color:#171717;font-size: 14px;margin-right: 10px}
.modalLocales h2{margin:30px 0;}
.modalLocales label.select{color:#171717;font-size: 16px;margin-right: 10px;width: 100%}
.modalLocales label.select input{width: 80%;background-color: #f3f3f3;border:0;border-bottom: 1px solid #555;color:#171717;padding:6px 8px;font-size: 12px;}
.modalLocales label.select input::placeholder{color:#666;}
.modalLocales label.select a{cursor: pointer;}
.modalLocales label.select a i{font-size: 20px;}
.pac-container {
    z-index: 1051 !important;
}

#right-panel{font-size: 14px;}

.modalLocales .btnModalMaps{border:2px solid #27337b;border-radius: 4px;padding:12px 15px 12px 40px;color:#3B4144;text-decoration: none;font-size:14px;font-weight: bold;cursor: pointer;}
.modalLocales .btnModalMaps label{cursor: pointer;}

.modalLocales .btnModalMaps:checked ~ .custom-control-label::before{background-color:#27337b99;border-color:#27337b;position: relative;top: -3px}
.modalLocales .btnModalMaps:focus ~ .custom-control-label::before{box-shadow: none;border-color:#27337b;}
.modalLocales .custom-control.custom-radio.btnModalMaps input:checked ~ .custom-control-label::before{background:#27337b99;;border-color:#27337b;}
.modalLocales .modal-xl{width: 80%;max-width: inherit;}


.modalLocales .colorBgGrey{background:#EDF0F5;border-radius: 4px;padding-top: 20px}
.modalLocales .buttonsMaps{margin:15px 0;}

.modalLocales .valorEmail{color:#869099;letter-spacing: 0em;
    font-size: 0.75em;
    padding: 0 0 0em;}
.modalLocales .valorLocalidad{color:#869099;letter-spacing: 0em;
    font-size: 0.75em;
    padding: 0 0 0;}


/* Works on Firefox */
.modalLocales * {
  scrollbar-width: thin;
  scrollbar-color: rgb(119 4 47) #dbdbdb;
}

/* Works on Chrome, Edge, and Safari */
.modalLocales *::-webkit-scrollbar {
  width: 12px;
}

.modalLocales *::-webkit-scrollbar-track {
  background: #dbdbdb;
}

.modalLocales *::-webkit-scrollbar-thumb {
  background-color: rgb(119 4 47);
  border-radius: 20px;
  border: 3px solid #dbdbdb;
}

.modalLocales #info-content a{color:#27337b;}

.modalLocales #listing .container > h1 {
    text-align: left;
    padding: 0; color:#3B4144;font-size: 16px}
    .modalLocales #listing .container > .stockOK {
    text-align: left;
    padding: 7px 0; color:#007882;font-size: 14px}
  .modalLocales #listing .container #results {
    width: 100%;
    display: block; height: 374px;overflow: auto}
    .modalLocales #listing .container #results ul {
      width: 100%;
      display: none;
      flex-wrap: wrap;
      justify-content: space-between; list-style: none;}
      .modalLocales #listing .container #results ul li {
        width: 100%;
        box-sizing: border-box;
        padding: 8px 12px;
        border: 2px solid #27337b;
        border-radius: 4px; background: white;margin-top: 15px}
        .modalLocales #listing .container #results ul li p {
          margin: 0;
          }
        .modalLocales #listing .container #results ul li .pnamelocal {
          color: #222222;
          letter-spacing: 0em;
          font-size: 1em;
          padding: 0 0 0em;
          font-weight: bold; }
          .modalLocales #listing .container #results ul li .pnamelocal .local {
            font-size: 0.8em;
            color: #565555;
            display: block; }
        .modalLocales #listing .container #results ul li .ptextocomun {
          letter-spacing: 0em;
          font-size: 0.85em;
          padding: 0 0 0em; }
        .modalLocales #listing .container #results ul li .pubicarmarker {
          font-size: 1em;
          padding: 0.2em 0 0; }
          .modalLocales #listing .container #results ul li .pubicarmarker i {
            color: #27337b;
            font-size: 1.2em;
            float: left;
            margin: 0 0.3em 0 0; }
          .modalLocales #listing .container #results ul li .pubicarmarker span {
           color:#27337b;
            font-size: 0.9em;
            text-decoration: underline;
            display: inline-block;
            padding: 0.4em 5px 0; text-decoration: none;}
          .modalLocales #listing .container #results ul li .pubicarmarker:hover {
            cursor: pointer; }
            .modalLocales #listing .container #results ul li .pubicarmarker:hover span {
              text-decoration: none; }
     .modalLocales  #listing .container #results ul.mostrarul {
        display: flex;padding-left: 0 }
     .modalLocales  #listing .container #results ul:first-child {
        display: flex; }
  

  @media (max-width: 768px){
    .modalLocales{padding-left: 0;}
    .modalLocales .modal-xl{width: 100%;max-width: inherit;margin-left: 0;}
  }







  #legalesSection .contentLegales{padding:0 5rem;}
  #legalesSection h1{margin-top: 50px;color:#3B4144;font-size: 32px;font-weight: bold;margin-bottom: 30px}
  #legalesSection p{margin-top: 10px;color:#3B4144;font-size: 16px;}



  #noticiasContent .swiper-container .boxSlide h1{max-width: 63%;}
  #noticiasContent .swiper-slide{min-height: 400px}
  

  #noticiasContent .containerNotas{margin-top: 10px}
  #noticiasContent .containerNotas .col-9{padding-right: 0;padding-left: 5px}
  #noticiasContent .containerNotas .col-3{padding-left: 5px}
  #noticiasContent .containerNotas .notaBox{width: 31%;display: inline-block;margin-left: 1%;margin-right: 1%;vertical-align: top;border:1px solid #edf0f5;border-radius: 4px;position: relative;margin-top: 7px;margin-bottom: 7px;overflow: hidden;height: 297px}
  #noticiasContent .containerNotas .notaBox.nboxLarge{width: 64.4%;}
  #noticiasContent .containerNotas .notaBox .nTopText{position: absolute;top:15px;left: 15px;font-weight: bold;color:#FFF;font-size: 12px;text-transform: uppercase;text-shadow: 0 0 2px #111}
  #noticiasContent .containerNotas .notaBox h4{color:#3B4144;font-size: 16px;line-height: 22px;font-weight: bold;margin:10px 15px 5px 15px;}
  #noticiasContent .containerNotas .notaBox .nText{color:#3B4144;font-size: 14px;line-height: 19px;margin:0px 15px 0px 15px;}
  #noticiasContent .containerNotas .notaBox .imgContainer{width: 100%;height: 144px}
  #noticiasContent .containerNotas .notaBox .imgContainer img{width: 100%}
  #noticiasContent .containerNotas .btnLeerDes{color:#27337b;font-weight: bold;font-size: 14px;margin-left: 15px;margin-bottom: 10px;display: inline-block;position:absolute;bottom: 0 }

  #noticiasContent .containerNotas .notaBox.nboxLarge{}
  #noticiasContent .containerNotas .notaBox.nboxLarge .nTopText{color:#3B4144;text-shadow: none;position: inherit;top:0;left: 0;margin:15px 0 7px 15px;}
  #noticiasContent .containerNotas .notaBox.nboxLarge h4{}
  #noticiasContent .containerNotas .notaBox.nboxLarge .nText{margin-right: 0}
  #noticiasContent .containerNotas .notaBox.nboxLarge .tContLarge{float: left;width: 49%;position: relative;}
  #noticiasContent .containerNotas .notaBox.nboxLarge .imgContainer{width: 50%;height: 296px;float: right;}
  #noticiasContent .containerNotas .notaBox.nboxLarge .imgContainer img{}
  #noticiasContent .containerNotas .nboxLarge .btnLeerDes{position: absolute;bottom: 5px;left: 5px}

  #noticiasContent .containerNotas .colLarge{position: relative;}
  #noticiasContent .containerNotas .box-notas-destacadas{background:white;margin-right: 40px;padding:15px;border-radius: 4px;position: absolute;top: -190px;z-index: 2000;overflow: hidden;height: 804px;overflow-y: auto;margin-left: 1%}
  #noticiasContent .containerNotas .box-notas-destacadas h5{color:#27337b;font-size: 18px;font-weight: bold;}
  #noticiasContent .containerNotas .box-notas-destacadas .btnLeerDes{margin-left: 0px;margin-bottom: 10px;margin-top: 0;position:inherit;bottom: 0}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes{margin-top: 15px;border-bottom: 1px solid #EDF0F5 }
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .tituloDes{color:#3B4144;font-size: 14px;line-height: 22px;font-weight: bold;margin-bottom: 5px;}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .textoDes{color:#3B4144;font-size: 14px;line-height: 22px;margin-bottom: 8px}
  

  #noticiasContent .containerNotas .arrMarg .col-6{padding-right: 0;padding-left: 8px}
  #noticiasContent .containerNotas .arrMarg .colBanner{padding-left: 5px}
  #noticiasContent .containerNotas .arrMarg .notaBox{    width: 46.5%;
    margin-right: 1.3%;
    margin-left: 1.3%;}
  #noticiasContent .containerNotas .arrMarg .colLast{padding-right: 0}

  #noticiasContent .containerNotas .colBanner{}
  #noticiasContent .containerNotas .colBanner .nboxBan{width: 96.4%;margin-left: 0}
  #noticiasContent .containerNotas .colBanner .nboxBan .imgContainer{position: absolute;left: 0;top:0;height: 100%;width: 100%}
  #noticiasContent .containerNotas .colBanner .nboxBan .btnBanner{margin:15px 0 15px 15px;}
  #noticiasContent .containerNotas .colBanner .nboxBan .boxInfo{position: absolute;left: 0;bottom:0;width: 100%;z-index: 101;background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
#noticiasContent .containerNotas .colBanner .nboxBan .boxInfo h4{font-size: 26px;line-height: 30px}

.btnBanner{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px}
.btnBanner:hover{background-color: #3e4da0;border-color: #3e4da0;}
.btnBanner:focus,.btnBanner:active {background-color: #3e4da0;border-color: #3e4da0;}
.btnBanner:not(:disabled):not(.disabled):active, .btnBanner:not(:disabled):not(.disabled).active, .show > .btnBanner.dropdown-toggle{
  background-color: #310012;border-color: #310012;
}


  #noticiasContent .containerNotas .notaBox.nboxLarge .ellipsis{height: 114px}
  #noticiasContent .containerNotas .notaBox.nboxLarge .ellipsis:before{height: 113px}

  /* Works on Firefox */
#noticiasContent * {
  scrollbar-width: thin;
  scrollbar-color: rgb(119 4 47) #dbdbdb;
}

/* Works on Chrome, Edge, and Safari */
#noticiasContent *::-webkit-scrollbar {
  width: 12px;

}

#noticiasContent *::-webkit-scrollbar-track {
  background: #dbdbdb;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#noticiasContent *::-webkit-scrollbar-thumb {
  background-color: rgb(119 4 47);
  border-radius: 20px;
  border: 3px solid #dbdbdb;
}

  #noticiasContent  .ellipsis {
    overflow: hidden;
    height: 40px;
    width: 90%
    
}
#noticiasContent  .ellipsis:before {
    content: "";
    float: left;
    width: 5px;
    height: 40px;
}
#noticiasContent  .ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}
#noticiasContent  .ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -20px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background-size: 100% 100%;/* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear,left top,right top,
        from(rgba(255,255,255,0)),to(white),color-stop(50%,white));
        background: -moz-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
        background: -o-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
        background: -ms-linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
        background: linear-gradient(to right,rgba(255,255,255,0),white 50%,white);
    }

      #noticiasContent .containerNotas .box-notas-destacadas .ellipsis{height: 43px}
      #noticiasContent .containerNotas .box-notas-destacadas .ellipsis:before{height: 43px}




#noticiasInternaContent{padding-top: 74px}
#noticiasInternaContent h1{position: absolute;bottom: 30px;color:#FFF;font-size: 32px;line-height: 42px;width: 50%;font-weight: bold;}
#noticiasInternaContent p.bajadaNota{position: absolute;bottom: 30px;color:#FFF;font-size: 14px;line-height: 22px;height: 40px;overflow: hidden;width: 60%}
#noticiasInternaContent a{color:#27337b;}
#noticiasInternaContent .breadscrum{color:#FFF;position: absolute;top: 10px;left: }
#noticiasInternaContent .breadscrum a{color:#FFF;}
#noticiasInternaContent h4{font-size: 22px;line-height: 30px;padding:0px 15px;border-left: 8px solid #007882;margin-top: 10px;margin-left: 5px}
#noticiasInternaContent .rowMod{margin:0 15%;margin-top: -25px;background: white;padding-top: 15px}
#noticiasInternaContent .rowMod2{margin:0 15%;margin-top: 30px}

#noticiasContent .colBanner .ellipsis:after{background: none}


#noticiasContent.prensaContent .containerNotas .notaBox h4{height: 45px;overflow: hidden;}


@media (max-width: 1200px){
  #noticiasContent .containerNotas .notaBox{width: 30.9%}
  #noticiasContent .containerNotas .notaBox h4{font-size: 15px;}
  #noticiasContent .containerNotas .notaBox .nText{font-size: 13px;line-height: 19px}
  #noticiasContent .containerNotas .box-notas-destacadas{margin-left: 0}

  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .tituloDes{font-size: 12px;}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .textoDes{font-size: 12px;line-height: 20px;}
  #noticiasContent .containerNotas .colLarge{padding-left: 0}
  #noticiasContent .containerNotas .colLast{padding-right: 0}

  #noticiasContent .containerNotas .arrMarg .notaBox{margin-left: 1.2%;width: 46.5%;margin-right: 1.2%}
  #noticiasContent .containerNotas .arrMarg .nboxBan{width: 93.4%}

  #noticiasContent .containerNotas .colBanner .nboxBan{width: 96.4%;margin-left: 0}
}
@media (max-width: 991px){


  #noticiasContent .containerNotas .notaBox h4{font-size: 13px;}
  #noticiasContent .containerNotas .notaBox .nText{font-size: 11px;line-height: 14px}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .tituloDes{font-size: 11px;line-height: 18px}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .textoDes{font-size: 11px;line-height: 16px;}
}
@media (max-width: 768px){
  #noticiasContent .containerNotas .notaBox{width: 100%}
  #noticiasContent .containerNotas .notaBox.nboxLarge{width: 100%}
  #noticiasContent .containerNotas .box-notas-destacadas{position: inherit;height: auto;top:0;margin-right: 0}
  #noticiasContent .containerNotas .arrMarg .notaBox{margin-right: 0;width: 100%;}

  #noticiasContent .containerNotas .colLarge{padding-left: 15px;}

  #noticiasContent .containerNotas .notaBox h4{font-size: 15px;}
  #noticiasContent .containerNotas .notaBox .nText{font-size: 13px;line-height: 19px}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .tituloDes{font-size: 12px;}
  #noticiasContent .containerNotas .box-notas-destacadas .notasDes .textoDes{font-size: 12px;line-height: 20px;}

  #noticiasInternaContent h4{font-size: 18px;line-height: 26px;}
  #noticiasInternaContent .rowMod{margin:0 0%;}
  #noticiasInternaContent .rowMod2{margin:0 0%;}
  #noticiasInternaContent h1{width: 100%;bottom: 0;font-size: 23px;line-height: 28px}
}





#capacitacionesContent .swiper-slide{min-height: 400px}
#capacitacionesContent .swiper-slide p{color:#FFF;padding-right: 40%}
#capacitacionesContent .circle-home5{right: inherit;bottom: -53px;left: -125px;}

#capacitacionesContentBoxes{padding-top: 1em}
#capacitacionesContentBoxes .nboxBan{width: 100%;height: 256px;position: relative;cursor: pointer;border-radius: 4px;overflow: hidden;}
#capacitacionesContentBoxes .nboxBan .imgContainer{position: absolute;left: 0px;top:0px;height: 100%;width: 100%}
#capacitacionesContentBoxes .nboxBan .btnBanner{margin:15px 0 15px 0px;}
#capacitacionesContentBoxes .nboxBan .boxInfo{position: absolute;left: 0px;bottom:0;width: 100%;z-index: 101;color: #FFF;background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(114,118,120,0.6) 58%, rgba(59,65,68,0.8) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(114,118,120,0.6) 58%, rgba(59,65,68,0.8) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(114,118,120,0.6) 58%, rgba(59,65,68,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#3b4144",GradientType=1);}
#capacitacionesContentBoxes .nboxBan .boxInfo h4{font-size: 26px;line-height: 30px;padding-left: 15px;font-weight: bold;}
#capacitacionesContentBoxes .nboxBan .boxInfo .nText{padding-left: 15px;margin-bottom: 5px;padding-top: 0;padding-bottom: 0;padding-right: 10%}
#capacitacionesContentBoxes .nboxBan .boxInfo .btnBanner{margin-bottom: 5px;display: inline-block;width: 100%;padding-left: 15px;margin-top: 5px;}


#capacitacionesContentBoxes .btnBanner{color:#FFF;background-color: transparent;border-color: transparent;font-weight: bold;}
#capacitacionesContentBoxes .btnBanner:hover{text-decoration: underline;background-color: transparent;border-color: transparent;}
#capacitacionesContentBoxes .btnBanner:focus,#capacitacionesContentBoxes .btnBanner:active {background-color: transparent;border-color: transparent;}

@media (max-width: 768px){
  #capacitacionesContentBoxes .nboxBan{margin:10px 0;}
  #capacitacionesContent .swiper-slide.s1{background-position: left 0!important;}
  #capacitacionesContentBoxes .nboxBan .boxInfo .nText{padding-right: inherit;}
  #capacitacionesContent .swiper-slide p{padding-right: 15px}
}





.page-section.pageWithBackgroundImage.pageCapacitaciones{height: 128px}
.page-section.pageWithBackgroundImage.pageCapacitaciones>.container{height: 128px}

.page-section.pageListadoCapacitaciones{padding-top: 3em}

.pageListadoCapacitaciones .prod-related{width: 22%;margin:15px 1%;display: inline-block;text-align: left;position: relative;background-color: white;border:1px solid #EDF0F5;padding:10px;border-radius: 4px;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;vertical-align: top;overflow: hidden;}
.pageListadoCapacitaciones .prod-related .imgProd{width: 100%;max-width: 240px;margin:0 auto;}
.pageListadoCapacitaciones .prod-related h4{font-size: 14px;margin:10px 0 7px;font-weight: bold;color:#292929;line-height: 18px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;}
.pageListadoCapacitaciones .prod-related p{font-size: 12px;margin:0px;line-height: 18px;color:#27337b;}
.pageListadoCapacitaciones .prod-related .boxShare{position: absolute;right: 10px;top:10px;width: 25px;height: 25px;border-radius: 50%;background-color: #EDF0F5 }
.pageListadoCapacitaciones .prod-related .boxShare a{font-size: 14px;color:#3B4144;position: relative;left: 5px}
.pageListadoCapacitaciones .prod-related .line{width: 111%;display: inline-block;margin:0;border-top:1px solid #EDF0F5;margin-left: -10px;margin-right: -10px}

.pageListadoCapacitaciones .prod-related:hover{border: 1px solid #EDF0F5;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 16px 24px #3B41443E;border: 1px solid #EDF0F5;}
.pageListadoCapacitaciones .prod-related:hover h4{color:#27337b;}


.pageListadoCapacitaciones #listadoProd{position: relative;min-height: 400px}
.pageListadoCapacitaciones .loadingScreen{width: 100%;height: 100%;position: absolute;z-index: 9999;text-align: center;top:0;left: 0;color:#3B4144;}
.pageListadoCapacitaciones .loadingScreen > div{vertical-align: middle;display: inline-block;margin-top: 15%}
.pageListadoCapacitaciones .lbl_cursos{position: absolute;left: 15px;top:15px;background: #27337b;padding:2px 4px;font-size:10px;text-transform: uppercase;opacity: 0.9;color:#FFF;}
.pageListadoCapacitaciones .lbl_video{position: absolute;left: 15px;top:15px;background: #27337b;padding:2px 4px;font-size:10px;text-transform: uppercase;opacity: 0.9;color:#FFF;}
.pageListadoCapacitaciones .lbl_tutoriales{position: absolute;left: 15px;top:15px;background: #27337b;padding:2px 4px;font-size:10px;text-transform: uppercase;opacity: 0.9;color:#FFF;}





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

  .pageListadoCapacitaciones .prod-related{width: 30%;margin:15px 1%;}

}

@media only screen and (max-width: 768px){
  .pageListadoCapacitaciones .prod-related h4{font-size:14px;}
  .pageListadoCapacitaciones .prod-related{width: 47%;margin:15px 1%;height: 420px}

}
@media only screen and (max-width: 420px){
  .pageListadoCapacitaciones .prod-related h4{font-size:14px;}
  .pageListadoCapacitaciones .prod-related{width: 98%;margin:15px 1%;overflow: visible;height: auto;}

}


.sectionAlignedRows .row{margin:60px 0;}



.pageCapacitacionesInterna .imgProdGral{width: 70%;max-width: 500px;margin:0px 15%;position: relative;top: 20px}
.pageCapacitacionesInterna .tiProd{color:#3B4144;font-size: 24px;margin:0px 0 15px;font-weight: bold;}
.pageCapacitacionesInterna .tiDesc{color:#171717;font-size: 16px;margin:5px 0 5px;line-height: 24px}
.pageCapacitacionesInterna .contentExtra{margin:20px 0 10px;}
.pageCapacitacionesInterna .contentExtra .col-md-6{padding-left: 0;padding-right: 0}
.pageCapacitacionesInterna .tiLabel{color:#3B4144;font-size: 14px;margin:15px 0 5px;font-weight: bold;}
.pageCapacitacionesInterna .tiInput{color:#171717;font-size: 14px;margin:5px 0 5px;padding-right: 15px}

.pageCapacitacionesInterna .btnProd{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px;width: 100%}
.pageCapacitacionesInterna .btnProd:hover{background-color: #3e4da0;border-color: #3e4da0;}
.pageCapacitacionesInterna .btnProd:focus,.pageCapacitacionesInterna .btnProd:active {background-color: #3e4da0;border-color: #3e4da0;}

.pageCapacitacionesInterna .btnProd:not(:disabled):not(.disabled):active, .pageCapacitacionesInterna .btnProd:not(:disabled):not(.disabled).active, .show > .pageCapacitacionesInterna .btnProd.dropdown-toggle{background-color: #3e4da0;border-color: #3e4da0;}

.pageCapacitacionesInterna .btnLink{color:#27337b;font-size: 12px;}
.pageCapacitacionesInterna .btnLink.linkLast{margin-top: 10px;display: inline-block;}
.pageCapacitacionesInterna .btnLink:hover{text-decoration: underline;}




.moduloContent{margin:10px 0;}


#decoradorWeb{}
#decoradorWeb .circle-home{width: 140px;height: 140px;position: absolute;background-color: transparent;top:37px;left: -78px;z-index: 101;}
#decoradorWeb .circle-home .hole{position: absolute;top: 50%;left: 50%;margin-left:-70px;margin-top:-70px;width: 140px;height: 140px;box-shadow: 0 0 0 50px #FF0000;border-radius: 70px}

#decoradorWeb .circle-home2{width: 120px;height: 120px;position: absolute;background-color: transparent;top:-43px;right:0px;z-index: 90;}
#decoradorWeb .circle-home2 .hole{position: absolute;top: 50%;left: 50%;margin-left:-70px;margin-top:-70px;width: 200px;height: 200px;box-shadow: 0 0 0 120px #FF0000;border-radius: 180px}


#decoradorWeb .bg-web-deco img{position: relative;top:-150px;}


.boxMobileDeco{margin:80px 10% 130px;background: white;padding:15px 10px;box-shadow: 0px 8px 16px #00000029;}
.boxMobileDeco p{margin:5px 0;text-align: left;}
.boxMobileDeco p.font2{font-size: 13px}
.boxMobileDeco h1{margin:5px 0;font-size: 32px;line-height: 32px;font-weight: 700;text-transform: uppercase;text-align: left;}
.boxMobileDeco a{display: inline-block;width: 49%;text-align: left;margin-bottom: 10px}
.boxMobileDeco a img{width: 100%}


.fullWeb.boxMobileDeco{margin:130px 0% 180px 40%;background: transparent;padding:15px 10px;box-shadow: none;text-align: left;}
.fullWeb.boxMobileDeco p{margin:5px 0;text-align: left;font-size: 20px}
.fullWeb.boxMobileDeco p.font2{font-size: 16px}
.fullWeb.boxMobileDeco h1{margin:5px 0;font-size: 60px;line-height: 68px;font-weight: 700;text-transform: uppercase;text-align: left;}
.fullWeb.boxMobileDeco a{display: inline-block;width: 49%;text-align: left;margin-bottom: 10px;max-width: 200px}
.fullWeb.boxMobileDeco a img{width: 100%}


@media only screen and (max-width: 1500px){
  #decoradorWeb .bg-web-deco img{top:-75px;left:-50px;}
  .fullWeb.boxMobileDeco{margin:130px 0% 180px 30%;}
}
@media only screen and (max-width: 1200px){
 .fullWeb.boxMobileDeco{margin:130px 0% 180px 15%;}
  #decoradorWeb .bg-web-deco img{top:0px;left:-50px;}
}

.listadoFooter li:first-child{font-weight: bold;}
.listadofooternobold li:first-child{font-weight: normal;}


.tiDesc li{white-space: inherit!important}

.listaprodnueva {
  display:flex;
}

.destinado {
  color: #0e7b85 !important;
}

.iconcurso {
  width: 17px;
}

.curso-infobar {
  display: flex; justify-content: space-between; align-items: center; padding: 0 15px;
}

.btnBordo{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px}

.btnBordo:hover,
.btnBordo:active  {
  background-color: #3e4da0 !important;
  border-color: #3e4da0 !important;
}

.d-image-cropper {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.disertante-img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}

.caption-subscribe {
  font-size: 0.7rem;
}

.no-line:hover {
  text-decoration: none;
}

.contact-form {
  min-height:300px;
}

.contact-form .contact-form-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items:flex-end;
  align-content: flex-end;
  color: #fff;
  height: 100%;
  padding-left: 20px;
}

.image-container {
  filter: brightness(60%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  margin-top: 50px;
  min-height:300px;
  height: 100%;
  max-height: 480px;
}

.contact-form h2, 
.contact-form div *, 
.contact-form a {
  z-index: 1;
  color: #fff;
}

.contact-form h2, .contact-form div p{
  padding-right: 20%;
  padding-left: 0;
  text-shadow: 3px 3px 11px rgba(150, 150, 150, 1);
}


.btn-busquedas {
  margin-bottom: 150px;
}

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

  .image-container {
    margin-top: 0px;
  }

  .contact-form h2 {
    font-size: 20px;  
  }    

  .contact-form div p{

font-size: 14px;    }
}



.swiper_mobile{display: none;}
.swiper_web{display: block;}
@media only screen and (max-width:768px){
  .swiper_web{display: none;}
  .swiper_mobile{display: block;}
}




#contentFamilia{margin:0 35px;}
#contentFamilia .familia-buscador input{border-radius: 20px;font-size: 14px;padding:20px 20px;border-width: 2px;}
#contentFamilia .familia-buscador input:focus{box-shadow: none;outline:0;color: inherit;background-color: transparent;border-color: #fbc2b3;}
#contentFamilia .familia-buscador .input-group-prepend{position: absolute;right: 0px;z-index: 10}
#contentFamilia .familia-buscador .input-group-prepend .input-group-text{padding:0rem 0.55rem;background: none;border:none;cursor: pointer;}
#contentFamilia .familia-buscador .input-group-prepend .input-group-text i{font-size: 28px;}

#contentFamilia .paleta-cromatica{padding:0 10px;}
#contentFamilia .paleta-cromatica h1{font-size: 20px;font-weight: bold;color:#27337b;margin-bottom: 3px;}
#contentFamilia .paleta-cromatica .color-box-familia{width: 67px;height: 50px;border-radius: 8px;margin:7px 1px;display: inline-block;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;position: relative;top:0;left: 0}
#contentFamilia .paleta-cromatica .color-box-familia:hover{width: 74px;height: 59px;margin-left: -6px;margin-top:-6px;box-shadow: 0 0 7px 2px #00000040;top:9px;left: 4px;z-index: 20}


#contentFamilia .paleta-cromatica .contentColores .color-box-familia{width: 90px;height: 62px;border-radius: 8px;margin:7px 3px;display: inline-block;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;position: relative;top:0;left: 0}
#contentFamilia .paleta-cromatica .contentColores .color-box-familia:hover{width: 99px;height: 70px;margin-left: -6px;margin-top:-6px;box-shadow: 0 0 7px 2px #00000040;top:9px;left: 4px;z-index: 20}
#contentFamilia .titulo-modulo{font-size: 15px;font-weight: bold;color:#666;margin-bottom: 3px;text-transform: capitalize;margin-top: 10px;}


#panelFamilia.leftNavProductos .filtrosGrales span.filtroActivoSpan{padding-right: 3px;}
#panelFamilia.leftNavProductos .filtrosGrales span.filtroActivoSpan i{cursor: pointer;}
#panelFamilia .resultado-text{font-size: 20px;font-weight: bold;}
#panelFamilia .resultado-p{font-size: 14px}

@media only screen and (max-width:768px){
  #contentFamilia{margin:40px 8px 20px;}
}
@media only screen and (max-width:350px){
  #contentFamilia .familia-buscador input{font-size: 11px}
}


.btn-volver-colores{float: right;margin-right: 56px;margin-top: 14px}
.btn-volver-colores{background-color: #27337b;font-size:14px;border-color: #27337b;padding-top:7px;padding-bottom: 7px}
.btn-volver-colores:hover{background-color: #3e4da0;border-color: #3e4da0;}
.btn-volver-colores:focus,.btn-volver-colores:active {background-color: #3e4da0;border-color: #3e4da0;}

.header-color .color-box-familia{width: 58px;height: 45px;border-radius: 8px;margin:7px 1px;display: inline-block;cursor: pointer;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;position: relative;top:15px;left: 0px;margin-right: 20px;vertical-align: bottom;}
.header-color .color-box-familia:hover{}
.content-color-productos{margin-top:40px;}

@media only screen and (max-width:768px){
  .btn-volver-colores{float: inherit;margin-right: 0px;margin:20px auto 10px 8px}
  .header-color .tiRecoBox{margin-left: 7px!important;}
}


.paleta-print-7{width: 675px;display: inline-block;}
.js-in-search .paleta-print-7{width: auto;}

.color-box-familia{vertical-align: top;line-height: 59px}
.color-box-familia .show-info-data{text-transform:capitalize;display:inline-block;font-size:11px;color:#000;text-align: center;line-height: 12px;vertical-align: middle;width: 100%;padding:6px; margin: auto;}
.color-box-familia.js-show-info .show-info-data{display: inline-block;}

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

  .paleta-print-7{width: 500px;display: inline-block;}
  #contentFamilia .paleta-cromatica .contentColores .color-box-familia{width: 65px;}
  .color-box-familia .show-info-data{font-size: 9.5px;}

}

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

  .paleta-print-7{width: 300px;display: inline-block;}
  #contentFamilia .paleta-cromatica .contentColores .color-box-familia{width: 65px;}

}


.grecaptcha-badge{z-index: 9999;}
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}



.sinte-searcher{margin:20px 0}
.sinte-searcher > .container > .row{background-color: #27337b;margin-left: 0px;margin-right: 0;padding:15px 20px;}
.sinte-searcher h2{color:white;font-weight: bold;}

#searchInput{width: 90%;margin:20px 0 0;padding:12px 20px;}

.search-container {
  position: relative;
}

.search-container .fa-search {
  position: absolute;
  left: 10px;
  top: 63%;
  transform: translateY(-50%);
  color: #888;
  font-size: 20px;
}

#searchInput {
  padding-left: 40px;
  color:#525252;
}


.searcher-box{position:absolute;width:100%;z-index: 150;}
.searcher-box-result{width: 90%;background-color: white;list-style: none;padding-left: 0;padding-top:20px}
.searcher-box-result li{width: 100%;}

.searcher-box-template{display: inline-block;width: 100%;position: relative;cursor: pointer;vertical-align: top;}
.searcher-box-template:hover{background-color: #e3e3e3;}
.searcher-box-template p{color:#222222;width: 68%;float: left;line-height: 22px;margin-top: 30px;}
.searcher-box-template strong{display:inline-block;width:100%;color: #000;font-size: 18px;}
.searcher-box-template b{color: #565656;font-size: 14px;}
.searcher-box-template span{color: #707070;font-size: 14px;}
.searcher-box-template .image-crop{float:left;margin:10px 2%;border:1px solid #EDF0F5;width: 12%;overflow: hidden;position: relative;height: 102px;}
.searcher-box-template .image-crop img{position: relative;top:-12px;}

.searcher-button{background-color: #27337b;display: inline-block;width: 100%;position: relative;cursor: pointer;}
.searcher-button:hover{background-color: #3b478f;}
.searcher-button p{color:#FFF;text-align: center;vertical-align: middle;margin-top:12px}
.searcher-button p svg{color:#FFF;font-size: 14px;margin-left: 15px;display: inline-block;}

.search-container .close {
  position: absolute;
  right: 12%;
  top: 63%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.9em;
  cursor: pointer;
}


.pageListadoProductos .searcher-box-template .image-crop{width: 17%;}

@media only screen and (max-width: 991px){
  .sinte-searcher h2{font-size: 1.2rem;}
  .searcher-box{top:-45px}
  .sinte-searcher > .container > .row{height: 110px;}
}
@media only screen and (max-width: 600px){
  .searcher-box-template .image-crop{min-width: 94px;}
  .sinte-searcher > .container{padding-right: 0!important;width: 100%!important;}
  .sinte-searcher > .container > .row{padding:15px 6px;}
}

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

  .searcher-box{top:-35px}
  .sinte-searcher > .container > .row{height: 150px;}
  
}

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

  .searcher-box-template p{line-height: 19px;margin-top: 10px;}
  .searcher-box-template p strong{font-size:14px!important}
  .searcher-box-template span{max-height: 35px;overflow: hidden;display: inline-block;}
  
}

@media only screen and (max-width: 420px){
  .searcher-box-template p{line-height: 16px;margin-top: 5px;}
  .searcher-box-template p strong{font-size:13px!important}
  .searcher-box-template span{max-height: 35px;overflow: hidden;display: inline-block;}
  .searcher-box-template b{font-size: 12px;}
  .searcher-box-template span{font-size: 12px;}
  .searcher-box-template .image-crop{position: absolute;}
  .searcher-box-template p{position: relative;left: 110px;width: calc(100%-120px);}
  .searcher-box-template{height: 115px;}
}



#menuSearcher{display:none}
#btnMenuSearch{margin-left: auto;}
.btn-menu-searcher svg{color:white}

.menu-searcher{
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 74px;
  background: #27337b;
  left: 0;
  z-index: 9999;
}

#searchInputTop{width: 90%;margin:13px 0 0;padding:12px 20px;}


.menu-search-container {
  position: relative;
}

.menu-search-container .fa-search {
  position: absolute;
  left: 41px;
  top: 61%;
  transform: translateY(-50%);
  color: #ccc;
  font-size: 20px;
}

#searchInputTop {
  padding-left: 40px;
  color:#525252;
  border:1px solid #ccc;
  border-radius: 4px;
}


.menu-searcher-box{text-align: center;max-width: 600px;width: 100%;display: inline-block;}
.menu-searcher-box-result{width: 90%;background-color: white;list-style: none;padding-left: 0;padding-top:10px;position: relative;left: 29px;}
.menu-searcher-box-result li{width: 100%;}

.menu-searcher-box-template{display: inline-block;width: 100%;position: relative;cursor: pointer;text-align: left;vertical-align: top;}
.menu-searcher-box-template:hover{background-color: #e3e3e3;}
.menu-searcher-box-template p{color:#222222;width: 68%;float: left;line-height: 22px;margin-top: 30px;}
.menu-searcher-box-template strong{display:inline-block;width:100%;color: #000;font-size: 18px;}
.menu-searcher-box-template b{color: #565656;font-size: 14px;}
.menu-searcher-box-template span{color: #707070;font-size: 14px;}
.menu-searcher-box-template .image-crop{float:left;margin:10px 2%;border:1px solid #EDF0F5;width: 12%;overflow: hidden;position: relative;height: 102px;}
.menu-searcher-box-template .image-crop img{position: relative;top:-15px;}

.menu-searcher-button{background-color: #27337b;display: inline-block;width: 100%;position: relative;cursor: pointer;}
.menu-searcher-button:hover{background-color: #3b478f;}
.menu-searcher-button p{color:#FFF;text-align: center;vertical-align: middle;margin-top:12px}
.menu-searcher-button p svg{color:#FFF;font-size: 14px;margin-left: 15px;display: inline-block;}

.menu-search-container .close {
  position: absolute;
  right: 0%;
  top: 63%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.9em;
  cursor: pointer;
  color:white;
  opacity: 1;
}
.menu-search-container .close span{
  font-size: 40px;
  position: relative;
  top: -3px;
}  


@media only screen and (max-width: 768px){
  .menu-searcher-box-result{left: 0;}
  #searchInputTop{width: 75%;}
  .menu-search-container .close{right: 7%;}
  .menu-search-container .fa-search{left: 84px;}
  #btnMenuSearch{margin-left:30px}
}
@media only screen and (max-width: 600px){
  .menu-searcher-box-template .image-crop{min-width: 94px;}
  #searchInputTop{width: 68%;}
  .menu-search-container .close{right: 10%;}
  .menu-search-container .fa-search{left: 18%;}
  .menu-search-container{position: relative;left: -26px;}
  .menu-searcher-box-result{width: 100%;}
}
@media only screen and (max-width: 440px){

  .menu-searcher-box-template p{line-height: 19px;margin-top: 10px;}
  .menu-searcher-box-template p strong{font-size:14px!important}
  .menu-searcher-box-template span{max-height: 35px;overflow: hidden;display: inline-block;}
  
}

@media only screen and (max-width: 420px){
  .menu-searcher-box-template p{line-height: 16px;margin-top: 5px;}
  .menu-searcher-box-template p strong{font-size:13px!important}
  .menu-searcher-box-template span{max-height: 35px;overflow: hidden;display: inline-block;}
  .menu-searcher-box-template b{font-size: 12px;}
  .menu-searcher-box-template span{font-size: 12px;}
  .menu-searcher-box-template .image-crop{position: absolute;}
  .menu-searcher-box-template p{position: relative;left: 110px;width: calc(100%-120px);}
  .menu-searcher-box-template{height: 115px;}
}


.searcher-hide-xs{display:none}


@media only screen and (max-width: 1500px){
  #mainNav .navbar-nav{margin-left: 60px;}
}
@media only screen and (max-width: 1400px){
  #mainNav .navbar-nav{margin-left: 50px;}
  #mainNav .navbar-nav .nav-item{margin-left: 10px;margin-right: 10px;}
}
@media only screen and (max-width: 1200px){
  #mainNav .navbar-nav{margin-left: 20px;}
  #mainNav .navbar-nav .nav-item{margin-left: 7px;margin-right:7px;}
}


.categories-buttons .box-category{
  background-color: #f1f1f1;
  height: 150px;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 15px;
  transition: 
    all 0.3s ease-in-out; /* Duración + función de temporización */
}
.categories-buttons .box-category:hover, .categories-buttons .box-category:active, .categories-buttons .box-category:focus{
  background-color: #27337b;
  text-decoration: none;
}
.categories-buttons .box-category:hover img, .categories-buttons .box-category:active img, .categories-buttons .box-category:focus img{
  filter: brightness(1000%) grayscale(100%);
  transition: filter 0.3s;
}
.categories-buttons .box-category:hover h2, .categories-buttons .box-category:active h2, .categories-buttons .box-category:focus h2{
  color: white;
}
.categories-buttons .box-category img{
 margin-right: 12px;
 filter: none; /* Vuelve al color original al pasar el mouse */
}
.categories-buttons .box-category h2{
  color:#27337b;
  font-weight: 300;
  font-size: 19px;
  text-transform: uppercase;
  text-align: left;
  transition: 
    all 0.3s ease-in-out; /* Duración + función de temporización */
}
.categories-buttons .box-category h2 b{
  font-weight: bold;
}




.box-recomendado-new{
  transition: 
    all 0.3s ease-in-out;
  display:inline-flex;
  height: 100%;
  min-height: 180px;
  max-height: 212px;
  width: 100%;
  background-size: cover;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  align-items: center; 
  justify-content: center; 
  background-position: 50% 50%;
  position: relative;
}
.box-recomendado-new .bg-box-rec {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #545e98;
  z-index: 1;
  opacity: 0.8;
  transition: 
    all 0.3s ease-in-out;
}

.box-recomendado-new:hover .bg-box-rec {
  opacity: 0.4;
}
.box-recomendado-new:hover{
  text-decoration: none;
}
.box-recomendado-new h3{
  color:#FFF;
  vertical-align: middle;
  margin:0;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 28px;
  position: relative;
  z-index: 2;
  transition: 
    all 0.3s ease-in-out;
}
.box-recomendado-new:hover h3 {
  font-size: 23.5px;
}



.box-calculadora{
  background-color: #f3f3f3;
  border-radius: 12px;
  padding:38px 30px 10px;
  width: 85%;
  margin-left:8%;
  margin-bottom: 60px;
}

.box-calculadora h5{
  color: #27337b;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 32px;
}

.box-calculadora label{
  width:  40%;
  display: inline-block;
  padding-right: 5%;
  line-height: 20px;
  vertical-align: center;
}

.box-calculadora input{
  width:  54%;
  display: inline-block;
  text-align: right;
}
.box-calculadora button, .box-calculadora button:active,.box-calculadora button:focus{
  width:  100%;
  display: inline-block;
  background-color: #27337b;
  font-size: 20px;
  font-weight: 600;
  color:white;
  border-radius: 20px;
}
.box-calculadora button:hover{
  color:white;
  background-color: #3b4999;
}

.box-calculadora svg{
  color:white;
  margin-right: 10px;
  font-size: 20px;
  font-weight: normal;
}
.box-calculadora .legend-text{
  font-size: 12px;
  font-style: italic;
  margin-top: 23px;
}


.prod-box-calculator{
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  background-color: #27337b;
  color:white;
  font-size: 11px;
  text-transform: uppercase;
  padding:7px 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center; 
  font-weight: 600;
}

.prod-box-calculator svg{
  font-size:20px;
  margin-right: 10px;
  font-weight: normal;
}



.form-control:focus{
  border-color:#27337b;
  box-shadow: none;
}

.color-casablanca{
  color:#27337b;
}
.fw-bold{
  font-weight: bold;
}


.box-pregunta-frecuente{
  margin-bottom: 20px;
}

.box-pregunta-frecuente h3{
  color:#27337b;
  font-size: 18px;
  font-weight: bold;
  
}
.box-pregunta-frecuente h3 svg{
  float:right;
  font-size: 14px;
}

.box-pregunta-frecuente p{
  display: none;
  padding-right: 50px;
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
  margin-bottom: 30px;
}

a{
  color: #27337b;
}