@media (min-width: 576px) {
  .fixed-md-top {
    position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
  }
}

.menu-mobile a {text-decoration:none;}

.menu-mobile .buscador input {background:#E5F4F7;}
header .head-bottom {margin-top:1rem;}

.dropdown-menu a {font-size:0.7rem; color:#444!important}

.ms-3 {margin-top: 0.5rem}
@media (max-width:768px){
  header.modooscuro {
      padding-left: 1rem!important;
      padding-right: 1rem!important;
  }
  header .head-top {
    justify-content: flex-start!important;
   }
  .ms-3 {margin-top: 1rem!important}
}

.form-select-sm {
    padding-top: .15rem!important;
    padding-bottom: .15rem!important;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem;
  text-transform: capitalize;
      font-weight: 600!important;
}

nav a, header a {text-decoration:none;}

.draw-border:hover {
  
}

.draw-border:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.hover-overlay:hover img {-webkit-transform:scale(1.3);transform:scale(1.3);}
.hover-overlay {overflow:hidden;}


.figure {
    position: relative;
    width: 32px; /* can be omitted for a regular non-lazy image */
    max-width: 100%;
    margin: 0 5px;
  }
.image-main {width:32px;}
  .figure img.Sirv.image-hover {
    position: absolute;
  margin-top:3px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }
  .figure:hover img.Sirv.image-hover {
    opacity: 1;
  }


.pre-header {
	background: #F1F1F1;
	border-bottom: 1px solid #DBDBDB;
 	 padding: 0.5rem 3rem;
  padding-left: 6rem;
    padding-right: 6rem;
}
@media (max-width:768px){
  .pre-header {
  padding-left: 0rem;
    padding-right: 0rem;
}}
header.modooscuro {
	padding-left: 6rem;
    padding-right: 6rem;
}
.d-flex.rounded.bg-white{
	background: #FFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

header .head-top .der .buscador button {
    border: 0;
    background: transparent;
    color: #0091B2;
    position: absolute;
    right: .3rem;
    cursor: pointer;
    font-size: 1.1rem;
    top: .4rem;
}

header .head-top .der .buscador input, .menu-mobile .buscador input {
    color: #444;
    font-size: .75rem;
    border-radius: 1rem;
    background: rgba(0, 145, 178, 0.1);
    border: 0;
    height: 2.1rem;
    width: 19rem;
    padding: .3rem .6rem .2rem 2rem;
}

header {
    padding: .7rem 2rem 0;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,.2);
    box-shadow: 0 0 0px 0px rgba(0,0,0,.2);
}

input::placeholder, ::placeholder {
    color: #444;
}

::placeholder {
    color: #444!important;
}

.dropdown .dropdown-toggle {
  background: linear-gradient(90.21deg, #0091B2 3.48%, rgba(0, 145, 178, 0.53) 124.38%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 100px;
}

.btn-exportadores {
  color: #0091B2!important;
background: #FFFFFF!important;
border: 1px solid #0091B2!important;
border-radius: 5px!important;

}

.mr-0 {margin-right:0!important;}
a {text-decoration:none!important;}
.visible {display: block!important;}
.dropdown-menu a:hover {
    color: #0091B2!important;
}



.rollover {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/images/default-source/web/eco.png?sfvrsn=7d8ed613_0) no-repeat;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	background-size:cover;
}

.rollover:hover {
    background: url(/images/librariesprovider3/web/eco-hover.png?Status=Master&sfvrsn=745d41ba_3)
}

.rollover-2 {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/images/default-source/web/callcentericon.png?sfvrsn=95e401c6_2) no-repeat;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	background-size:cover;
}

.rollover-2:hover {
    background: url(/images/default-source/web/callcenterhover.png?sfvrsn=e17bf759_2)
}


.rollover-3 {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/images/default-source/web/acceso.png?sfvrsn=2aee3ce0_0) no-repeat;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	background-size:cover;
}

.rollover-3:hover {
    background: url(/images/librariesprovider3/web/acceso-hover.png?Status=Master&amp;sfvrsn=2600c244_3)
}

.sfPageEditor .fixed-md-top {position:relative!important;}
#preload-01 { background: url(/images/librariesprovider3/web/eco-hover.png?Status=Master&sfvrsn=745d41ba_3) no-repeat -9999px -9999px; }
#preload-02 { background: url(/images/librariesprovider3/web/eco-hover.png?Status=Master&sfvrsn=745d41ba_3) no-repeat -9999px -9999px; }
#preload-03 { background: url(/images/librariesprovider3/web/acceso-hover.png?Status=Master&amp;sfvrsn=2600c244_3) no-repeat -9999px -9999px; }



.menu-mobile .buscador button, header .head-top .der .buscador button {
    border: 0;
    background: 0 0;
    color: #444!important;
    position: absolute;
    right: .3rem;
    cursor: pointer;
    font-size: .8rem;
    top: .3rem;
    z-index:999;
}