/*
Colores Nuevos
Verde: b6c931
Azul: 2c4491
*/

/* fuentes */
html, body { overflow-x: hidden; }
@font-face {font-family: 'stilubold'; src: url('../fonts/stilu-bold-webfont.eot'); src: url('../fonts/stilu-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stilu-bold-webfont.woff2') format('woff2'), url('../fonts/stilu-bold-webfont.woff') format('woff'), url('../fonts/stilu-bold-webfont.ttf') format('truetype'), url('../fonts/stilu-bold-webfont.svg#stilubold') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'stilulight'; src: url('../fonts/stilu-light-webfont.eot'); src: url('../fonts/stilu-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stilu-light-webfont.woff2') format('woff2'), url('../fonts/stilu-light-webfont.woff') format('woff'), url('../fonts/stilu-light-webfont.ttf') format('truetype'), url('../fonts/stilu-light-webfont.svg#stilulight') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'stiluregular'; src: url('../fonts/stilu-regular-webfont.eot'); src: url('../fonts/stilu-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stilu-regular-webfont.woff2') format('woff2'), url('../fonts/stilu-regular-webfont.woff') format('woff'), url('../fonts/stilu-regular-webfont.ttf') format('truetype'), url('../fonts/stilu-regular-webfont.svg#stiluregular') format('svg'); font-weight: normal; font-style: normal;}

html, body { height: 100%; font-family: stilulight; margin:0; padding:0;}
iframe {border: 0;}
a:link,
a:active,
a:visited {
  color: #164194; font-weight: 700;
}
a:hover {
  color: #3f6b76;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; font-weight: 900;}
h1 {
  font-size: 300%;
  text-align: center;
  text-transform: uppercase;
}
h2 {
  font-size: 220%;
  margin: 3% 0 3% 0;
  border-bottom: 1px solid #5d7a64;
  padding: 0 0 1% 0;
}
h3 {
  font-size: 150%;
  margin: 3% 0 1% 0;
  padding: 0;
}
hr{width: 80%; margin: auto;}

section{background: #fff url(../img/boxes.jpg); /* padding-top: 3%; padding-bottom: 3%; */}

th {background-color: #555 !important; color: #fff; text-align: center;}
.panel-formulario{padding-bottom: 2%;}
.panel-heading h1{ text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 2%; }

/* oferta */
#divOfertasAmazon{padding: 0 3% 0 3%;}
.cuadroOferta{background-color: #fff;}
#grid[data-columns]::before { content: '5 .column.size-1of5';}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of5 { width: 20%; }
.ofertaThumb {margin-right: 6%; padding: 3% !important; text-align:center; border: 1px solid #bbb !important;}
.imgOfertaThumb img{width: 100%;}
.imgOfertaThumb2 div img{width: 100%;}
.divBeneficios{ background: #2b4491 ; color: #fff !important; }
.divBeneficios p{ font-size: 100%; }
.recientesBlog{ background: #fff !important;}

.tableImagenes tr, .tableImagenes  td{padding: 0 !important; border: none !important;}
.tableImagenes {margin: 0;}
.espaciadoSuperior{margin-top: 2%;}

.g-recaptcha {display: inline-block;}

.telefonoTope {text-align: right !important; font-size: 98%;}

.fa, .fab {color: #fff;}
.videoPortada { padding-top: 3%; padding-bottom: 3%; }

.formBuscarTiendas{margin-bottom: 2%;}
.lead{text-align: justify;}
.img-center {margin:0 auto;}
.buscandoTracking{font-size: 180%;}
.noPaddingTop{padding-top: 0 !important;}
.textoAccion{margin-top: 5px;}
#botonSesion {margin-left: 2%;}
.botonBloque{margin-top: 2%; display: block;}
.btnLaterales{margin-right: 2%}
.wellespecial{margin-top: 1% !important; color: #fff; background: #fff url(../images/fondobf.jpg) !important;}
.wellespecial a{color: #fff;}
.video-responsive {position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden;}
.video-responsive iframe, .video-responsive object, .video-responsive embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sliderComentarios .carousel-caption{ width: 94%;  background-color: rgba(0, 0, 0, 0.7); padding-bottom: 1%;  left: 2%; }
#sliderComentarios .carousel-caption h4 {color: #fff; text-shadow: none; font-size: 130%;}
#sliderComentarios .carousel-caption a {color: #fff; }
.cse-branding-bottom{padding: 0 !important; text-align: center;}
#cse-search-results iframe{width: 100% !important}
.DIVTrackInternet{overflow:auto; width: 100%; height: 1400px; margin: 2% auto 0 auto;}
.DIVTrackInternetInterno {overflow:auto; width: 100%; height: 1300px; margin: auto;  background-color: #fff; position: relative;}
.cargandoOculto{text-align: center; position: absolute; width: 50%; margin: 2% auto 0 auto;}
.conBorde{ border: 1px solid #555; }
.numeroGrande {font-size: 300%;}

/* slider publicidad */
#sliderPublicidad .carousel-caption{ font-size: 300%; line-height: 110%; word-spacing: -5px; word-spacing: 3px; font-weight: bolder;}
#sliderPublicidad .carousel-caption.captionArriba{ top: 3%; }
#sliderPublicidad .carousel-caption.captionIzquierda{ top: 30%; left: 10%; text-align: left !important; line-height: 120%; }
#sliderPublicidad .carousel-caption.captionDerecha{ top: 30%; right: 10%; text-align: right !important; line-height: 120%;}
#sliderPublicidad .carousel-caption.captionImagenDerecha{ right: 10%; text-align: right !important;}
#sliderPublicidad .carousel-caption.captionImagenIzquierda{ left: 10%; text-align: left !important;}
#sliderPublicidad .carousel-caption.captionAbajo{ bottom: 3%; }
#sliderPublicidad .carousel-caption.captionCentro{ top: 40%; }

.inicioPagina .carousel-item {
  background-size: cover;
  background-position: center center;
  background-image: url(../img/tops/imagenTop.php);
}
.inicioPagina .carousel-item h1 {
  margin-top: 5%;
  margin-bottom: 5%;
  color: #2b4491;
  font-style: italic;
}

.imgMobile{
  width:96% !important;
}


.captionTextoPequeno { font-size: 70%;  }
 @media only screen and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
#sliderPublicidad .carousel-caption{ font-size: 100%; line-height: 95%; word-spacing: -5px; word-spacing: 3px; font-weight: bolder;}
.divisorVerde {border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #e1f841;}
 }



/* portada */
.thumbnail { position: relative; -moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s; border: none; padding: 0;   overflow: hidden; }
.bgAzul { background: rgba(44, 67, 144, 0.9); }
.bgVerde { background: rgba(182, 201, 50, 0.9); }
.bgAzul h2, .bgAzul h3 {color: #fff; margin:0; font-size: 140%; font-weight: lighter;}
.bgVerde h2, .bgVerde h3 {color: #000; margin:0; font-size: 140%; font-weight: lighter;}
.thumbnail .captionPortada { padding: 8px 16px 8px 20px; position: absolute; bottom: 0; left: 0; right: 0; }
.thumbnail .captionServicio { padding: 8px 16px 8px 20px; position: absolute; bottom: 0; left: 0; right: 0; }
.thumbnail:hover .bgAzul { background: rgba(81, 121, 255, 0.9); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.thumbnail:hover .bgVerde { background: rgba(239, 253, 143, 0.9); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.thumbnail:hover .zoomButtom { transform: scale(2) rotate(0.1deg);}
.zoomButtom {transform-origin: 20% 80%;transition: transform 30s linear;}
.pasosVenegroup {background:  #667865 !important; padding: 2% 0 2% 0;}
.pasosVenegroup .media-body { color: #fff; }
#tiendasSection .thumbnail {border: 1px solid #efefef;}
.pasosVenegroup  p {color: #fff; font-size: 110%;}
#tiendasSection h2 {text-align: center !important; padding: 2% 0 2% 0; font-size: 300%;}

a.thumbnail {padding: 5% 0 5% 0; text-decoration: none; }


#mapid {
  height: 600px;
  width: 100%;
}
#mapDestinos {
  height: 800px;
  width: 100%;
  position: relative;
}
.mapbox {
  position: relative;
}

.mapbox .overlay {
  position: absolute;
  top: 3%;
  right: 5%;
  z-index: 314159;
}

.textoMapas h6,
.textoMapas p {
  text-align: left !important;
}

.noMargin{padding: 0 !important;}

.img-portfolio { margin-bottom: 30px;}
.img-hover:hover { opacity: 0.8;}
.blanco{color: #fff;}
.paso{font-size: 300%; text-align: center;}
.grisFooter{color: #2e2e2e;}
.noMarginTop{padding-top: 0 !important; padding-bottom: 0 !important;}
.servicioCliente{border-bottom: 1px solid #ddd; padding-bottom: 2%; margin-bottom: 2%; background-color:  #fff; padding: 4% 3% 4% 3%;}
.sombra{-webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.2);}
.panel-default{-webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.2); padding-bottom: 2%;}

.cuadroContacto{background: rgba(255, 255, 255, 0.9);   padding: 3% 5% 3% 5%;  margin: 5% auto 0 auto; width: 80%; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.4);}
.cuadroContacto h3 small{line-height: 80%;}
.tasaDolar{color: #85BB65; font-size: 400%; font-weight: lighter; line-height: 100%;}
.enLinea{display: inline; }
.foto-servicio{border: 1px solid #aaa;}

/* calculadora */
input.calculator-form{ padding: 5% !important; color: #334455 !important;}
.botonesCalculadora{margin-top: 3%; margin-bottom: 3%;}
#result1M, #result1A, #result1C{background-color: #bfd7ff; padding-top: 2%; padding-bottom: 2%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#result1C { margin-bottom: 2%;}
.espacioSuperior{margin-top: 2%;}
.resultados {text-align: center;}
.resultados table th{text-align: center;  font-weight: bolder;}
.resultados table td{font-size: 120%; font-weight: lighter;}
.resultados h2 {margin-bottom: 0; color: #667865;}
.resultados h3 {margin-bottom: 30px; margin-top: 10px}
.papel{width: 90% ; padding: 5% 3% 5% 3%; background-color: #fffbea; margin: 0 auto 0 auto;}
.sombraPapel {-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);}
#envioAereo, #envioMaritimo, #envioMaritimoExpress{ font-size: 160%; }
.table tbody>tr>td{vertical-align: middle;}
p.tdMensaje{line-height: 100%; color: #000; font-size: 130% !important; padding-top: 20px; text-align: left;}


/* colores */
.verdeDolar{color: #85BB65;}
.colorFacebook{color: #3B5998;}
.colorTwitter{color: #00aced;}
.colorInstagram{color: #c08d64;}
.colorYoutube{color: #e62117;}
.colorGplus{color: #d95232;}
.colorLinkedin{color: #283e4a;}


/* header */
header{background: #fff;}
.botonesTop{margin-top: 3%; margin-bottom: 5%; width: 100%; text-align: right;}
.botonesTop .reloj{ display: block; margin-bottom: 6px; text-align: right; width: 76%; float: right; }
.botonesTop .barraBotones{ display: block;  float: right; width: 100%; margin-bottom: 2%; }


/*indx*/
.h1Index h1{font-weight: 300 !important; padding-bottom: 2%;}
.h1Index h1 strong{font-weight: 400 !important;}
.page-titular{ background-color: #ffffff;}
.page-titular h1{color: #2b4491 !important; padding: 2% 0 2% 0; margin: 0; font-size: 290%; font-weight: 300; text-align: center; }
.titularDestacado{color: #888; padding: 2% 0 2% 0; margin: 0; font-size: 250%; font-weight: 400; text-transform: uppercase; line-height: 94%;}

.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.dropdown-item {padding-top: 2%; padding-bottom: 2%;}
a.dropdown-item:link, a.nav-link.dropdown-toggle {text-decoration: none;}
nav{background-color: #2c4491 !important;}
a.nav-link{ color: #fff;}
a.dropdown-item {color: #2c4491;}
.navbar-toggler {background-color: #fff !important;}
.navbar-toggler-icon { background-color: #2c4491 !important; color: #fff !important; }
/*
.nav{display: block;}
.navbar{ margin-bottom: 0; border: 0 !important; font-size: 98%; }
.navbar-collapse{ padding-left: 0; padding-right: 0;}
.nav-justified { background-color: transparent; margin: 0;}
.nav-justified > li > a {text-decoration: none; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; font-weight: 400; color: #fff; text-align: center;  background-color: transparent; text-transform: uppercase;}
.nav-justified > li > a:hover , .nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > .active > a:focus { text-decoration: none; background-color: #717d1b; background-image: none; -webkit-box-shadow: inset 0px 17px 15px -13px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 17px 15px -13px rgba(0,0,0,0.4); box-shadow: inset 0px 17px 15px -13px rgba(0,0,0,0.4); }
.nav-justified > li:first-child > a {}
.nav-justified > li:last-child > a {}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.dropdown-toggle{}
.nav.nav-justified .dropdown-menu{width: 230px; padding: 0; border: 0;  -webkit-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2);}
.nav.nav-justified .dropdown-menu li{ border-bottom: 1px solid #4b5606; border-top: 1px solid #b8c085; padding: 0;  }
.nav.nav-justified .dropdown-menu li:last-child{border-bottom: 0;}
.nav.nav-justified .dropdown-menu li:first-child{}
.nav.nav-justified .dropdown-menu li a {color: #fff; text-decoration: none;  background-color: #717d1b; padding: 4% 12% 4% 12%; }
.nav.nav-justified .dropdown-menu li a:hover {background-color: #cbea0b; color: #434d05;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover  {background-color: #717d1b; color: #fff;}
.nav.nav-justified .dropdown-menu li:last-child a:hover {-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.nav.nav-justified .dropdown-menu li:first-child a:hover {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0;} */

@media only screen and (max-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
  .nav.nav-justified .dropdown-menu{width: 100%};
}
@media only screen and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
  .nav.nav-justified .dropdown-menu{width: 100%};
}

.navbar-header .navbar-toggle{background-color: #27408f; float:none; }
.navbar-header .navbar-toggle span{color:#fff; font-weight: bolder;}
.navbar-header .navbar-toggle:hover{background-color: #6187ff; }
.navbar-header .navbar-toggle .icon-bar{background-color: #fff;}

/* inicio de sesiom */
.divInicioSesion{padding: 8% 5% 10% 5%; background: transparent url(../images/fondo_sesion_1.jpg); background-size: 100%; min-height: 100px;}
.form-session{width: 100%; padding: 10% 10% 10% 10%; background: url(../images/semitransparente.png); -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);}
.form-session > h2{margin: 0 0 5% 0;}

/* registro */
.iframeRegistro{border: 0; margin: auto; width: 100%; height: 900px;}

/* 404 Page Styles */
.error-404 { font-size: 100px;}

/* Pricing Page Styles */
.price { display: block; font-size: 50px; line-height: 50px;}
.price sup { top: -20px; left: 2px; font-size: 20px;}
.period { display: block; font-style: italic; }

/* contact */
#contact { position: relative; overflow: hidden;}
#contact .contenedorDireccion { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(69, 174, 214, 0.3); */ z-index: 1;}
.divContacto{padding: 8% 5% 10% 5%; background: transparent url(../images/fondo_sesion_1.jpg); background-size: 100%; min-height: 100px;}
.labelGrande{font-size: 140%; background-color: #afca0b; width: 100%; color: #000; margin-bottom: 0; padding-top: 2%; padding-bottom: 2%;}
.checkbox label{ font-size: 1em !important; font-weight: lighter; }

/* botones */
.btn-verde { background-color: #b6c932; border-color: #b6c932; color: #fff !important; background-color: #a7b92e; border-color: #a7b92e; transition: background-color 0.5s ease; }
.btn-verde:hover, .btn-verde:focus { background-color: #67721e; border-color: #67721e; }
.btn-verde:active, .btn-verde.active, .btn-verde.active:hover { background-color: #a4b52d; border-color: #91a028;}
.btn-verde.disabled:hover, .btn-verde.disabled:focus, .btn-verde.disabled:active, .btn-verde.disabled.active, .btn-verde[disabled] .btn-verde:hover, .btn-verde[disabled] .btn-verde:focus, .btn-verde[disabled] .btn-verde:active, .btn-verde[disabled] .btn-verde.active { background-color: #b6c932; border-color: #b6c932;}

.btn-blanco, a.btn-blanco  { 
  color: #2C5A8C !important; 
  background-color: #FFFFFF; 
  border-color: #FFFFFF; 
} 
 
.btn-blanco:hover, .btn-blanco:focus, .btn-blanco:active, .btn-blanco.active, .open .dropdown-toggle.btn-blanco {  color: #2C5A8C;  background-color: #DEDEDE;   border-color: #FFFFFF; } 
 
.btn-blanco:active, 
.btn-blanco.active, 
.open .dropdown-toggle.btn-blanco { 
  background-image: none; 
} 
 
.btn-blanco.disabled, 
.btn-blanco[disabled], 
fieldset[disabled] .btn-blanco, 
.btn-blanco.disabled:hover, 
.btn-blanco[disabled]:hover, 
fieldset[disabled] .btn-blanco:hover, 
.btn-blanco.disabled:focus, 
.btn-blanco[disabled]:focus, 
fieldset[disabled] .btn-blanco:focus, 
.btn-blanco.disabled:active, 
.btn-blanco[disabled]:active, 
fieldset[disabled] .btn-blanco:active, 
.btn-blanco.disabled.active, 
.btn-blanco[disabled].active, 
fieldset[disabled] .btn-blanco.active { 
  background-color: #FFFFFF; 
  border-color: #FFFFFF; 
} 
 
.btn-blanco .badge { 
  color: #FFFFFF; 
  background-color: #2C5A8C; 
}
/* botones */

.btn-primary,
a.btn-primary {
  color: #ffffff !important;
  background-color: #164194 !important;
  border-color: #164194 !important;
  text-decoration: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active,
a.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #215fdb;
  border-color: #164194;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #164194;
  border-color: #164194;
}

.btn-primary .badge {
  color: #164194;
  background-color: #ffffff;
}

.btn-secondary,
a.btn-secondary {
  color: #164194 !important;
  background-color: #ffffff !important;
  border-color: #164194 !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
a.btn-secondary:hover,
a.btn-secondary:focus,
a.btn-secondary:active,
a.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #164194 !important;
  background-color: #eee !important;
  border-color: #164194 !important;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #ffffff;
  border-color: #164194;
}

.btn-secondary .badge {
  color: #ffffff;
  background-color: #164194;
}

/* botones */

/* Footer Styles */
footer { margin:0 !important; background-color: #17234a; padding: 2% 0 3% 0; color: #ffffff; text-align: center;}
footer a:link, footer a:hover, footer a:visited, footer a:active{ color: #ffffff !important; font-weight: 300; font-size: 86%; text-decoration: none; }
footer a:hover{color: #ffffff !important;}
footer ul{margin-left: 1%; padding-left: 3%; margin-top: 3%; font-size: 100%;}
footer p{ margin-top: 3%; font-size: 100%;}
footer hr{border-bottom: 1px solid #ffffff;  border-top: none; border-right: none; border-left: none;}
footer li{line-height: 96%; margin-bottom: 10px; margin-bottom: 15px; padding-bottom: 15px; list-style: none;}
footer h4 {font-size: 90%; font-weight: bolder; text-transform: uppercase; color: #fff; margin-bottom: 5%; font-family: stilubold;}

/* Responsive Styles */
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {  /* Remove the padding we set earlier */
  .masthead, .marketing, .footer { padding-right: 0; padding-left: 0; }
  footer{ margin:0 !important; }
}

@media(max-width:991px) {
  .customer-img, .img-related {margin-bottom: 30px; }
  footer{ margin:0 !important; }
}

@media only screen and (max-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
  h1 {font-size: 150%;}
  h2 {font-size: 120%;}
	.h1Index h1{font-size: 130%;}
  .h1Index h1 strong{font-size: 110%;}
  .botonesTop{text-align: center;}
  #botonSesion, #botonRegistro{display: block; margin-top: 3%; margin-bottom: 3%; margin-left: 0;}
  .btnServicios {padding-top: 2%; padding-bottom: 3%; text-align: center;}
  .btnLaterales{margin-top: 1%; display: block;}
  .img-portfolio { margin-bottom: 15px; }
  .nav-justified > li > a { border-right: 1px solid #d5d5d5; border-left: 1px solid #fff;}
  .page-titular h1{font-size: 150%; color: #2b4491 !important;}
	.espacioLogo{text-align: center;}
  footer{text-align: center; margin:0 !important; }
  footer li{list-style-type: none;padding-bottom: 2%; margin-bottom: 2%;}
  footer .col-lg-3 {border-bottom: 1px solid #555;}
  footer .col-lg-3:last-child {border-bottom: 0}
  #sliderComentarios .carousel-caption{ width: 98%; margin: auto; background-color: rgba(0, 0, 0, 0.7); bottom: 0;  }
  #sliderComentarios .carousel-caption h4, #sliderComentarios .carousel-caption p {color: #fff; text-shadow: none; font-size: 50%; }
  .navbar{background-image: none;}
  .botonBuscar, .btn-primary {margin-top: 2%;}
  .botonesTop .reloj{width: 100%;  }
  
}

 @media only screen and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
  h1 {font-size: 150%;}
  h2 {font-size: 120%;}
	.h1Index h1{font-size: 130%;}
  .h1Index h1 strong{font-size: 110%;}
  .botonesTop{text-align: center;}
  #botonSesion, #botonRegistro{display: block; margin-top: 3%; margin-bottom: 3%; margin-left: 0;}
  .btnServicios {padding-top: 2%; text-align: center;}
  .btnLaterales{margin-top: 1%; display: block;}
  .img-portfolio { margin-bottom: 15px; }

  .nav-justified > li > a { border-right: 1px solid #d5d5d5; border-left: 1px solid #fff;}
  .page-titular h1{font-size: 150%; color: #2b4491 !important;}
	.espacioLogo{text-align: center;}
  footer{text-align: center; margin:0;}
  footer li{list-style-type: none;padding-bottom: 2%; margin-bottom: 2%;}
  footer .col-lg-3 {border-bottom: 1px solid #555;}
  footer .col-lg-3:last-child {border-bottom: 0}
  #sliderComentarios .carousel-caption{ width: 98%;  margin: auto;  background-color: rgba(0, 0, 0, 0.7); bottom: 0;  }
  #sliderComentarios .carousel-caption h4, #sliderComentarios .carousel-caption p {color: #fff; text-shadow: none; font-size: 50%;  }
  .navbar{background-image: none;}
  .botonBuscar, .btn-primary {margin-top: 2%;}
  .botonesTop .reloj{width: 100%;  }
  .telefonoTope{text-align: center !important;}
  .logoPrincipal {margin-top: 3%;}
}


/*************************************************************************************************************/
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Styling for prev and next buttons */

.btn-bar {width: 30%;  margin: 0 auto;  float:right;}
#buttons {  padding: 0;  float: right;}
#buttons a {  text-align: center; font-size: 10px; float: left; outline: 0; margin: 0 10px; color: #27408f; text-decoration: none; font-weight: bolder; }
a#prev:hover, a#next:hover { color: #27408f; }




/* listas de precios */
.pricing {
	text-align: center;
	border: 1px solid #f0f0f0;
	color: #777;
	font-size: 14px;
	padding-left: 0;
	margin-bottom: 30px;
  font-family: 'Lato';
}
.pricing img {	display: block;	margin: auto;}
.pricing li:first-child,.pricing li:last-child { padding: 20px 13px;}
.pricing li { list-style: none;	padding: 13px;}
.pricing li + li {border-top: 1px solid #f0f0f0;}
.pricing big {	font-size: 32px;}
.pricing h3 { margin-bottom: 0;  font-size: 36px;  margin-top: 0;}
.pricing span {	font-size: 12px;	color: #999;	font-weight: normal;}
.pricing li:nth-last-child(2) {	padding: 30px 13px;}
.pricing .boton { width: auto; margin: auto; font-size: 15px; font-weight: bold; border-radius: 50px; color: #fff; padding: 9px 24px; background: #aaa; opacity: 1;	transition: opacity .2s ease; border: none; outline: none; text-decoration: none;}
.pricing .boton:hover {	opacity: .9;}
.pricing .boton:active {	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);}
/* pricing color */
.p-green big,.p-green h3 {	color: #4c7737;}
.p-green .boton {	background: #4c7737;}
.p-yel big,.p-yel h3 {	color: #ffbb42;}
.p-yel .boton {	background: #ffbb42;}
.p-red big,.p-red h3 {	color: #e13c4c;}
.p-red .boton {	background: #e13c4c;}
.p-blue big,.p-blue h3 {color: #3f4bb8;}
.p-blue .boton {	background: #3f4bb8;}

/* precios */
.precioTag {
  padding: 0 !important;
  margin: 0 !important;
  font-style: condensed;
  font-weight: bolder;
  font-size: 90px;
}
.desde {padding: 0 !important; margin: 0 !important; text-align: center; }

hr{width: 80%; margin: auto;}

.precioTag span.dolar {
  font-size: 32px !important;
  letter-spacing: 0;
  padding: 0px !important;
  margin: 0px !important;
}
.precioTag .month {
  font-size: 14px !important;
  padding-top: 0 !important;
  margin-top: -10px !important;
  letter-spacing: 0;
}
.precioTag sup {
  letter-spacing: 0;
  font-size: 40px;
}
/* precios */

/* cards especiales */
.card {
  
  border-radius: 10px;
  border: none;
  position: relative;
  box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
}

.tarifaTarjeta {padding: 4% 0 4% 0;}
.tarifaTarjeta h4 {text-align: left; color: #bfd42a;}
.tarifaTarjeta .precioTag { color: #fff !important; font-weight: bolder;}
.tarifaTarjeta .precioTag sup{ margin-left: 1%; top: 40;}
.tarifaTarjeta .precioTag span  {font-size: 250%; line-height: 80%;}
.tarifaTarjeta .duracion {color: #fff; font-size: 150%; font-weight: bolder; }

.textoAzul{color: #2b3391 !important;}
.textoBlanco{color: #fff !important;}
.textoVerde{color: #bfd42a !important; font-weight: bolder; font-size: 120%;}
.fondoAzul{background-color: #2b3391 !important;}

.card-title, .card-text{font-family: 'Roboto Condensed', sans-serif;}

.l-bg-cherry {
  background: linear-gradient(to right, #493240, #f09) !important;
  color: #fff;
}

.l-bg-blue-dark {
  background: linear-gradient(to right, #373b44, #4286f4) !important;
  color: #fff;
}

.l-bg-green-dark {
  background: linear-gradient(to right, #0a504a, #38ef7d) !important;
  color: #fff;
}

.l-bg-orange-dark {
  background: linear-gradient(to right, #a86008, #ffba56) !important;
  color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas,
.card .card-statistic-3 .card-icon-large .far,
.card .card-statistic-3 .card-icon-large .fab,
.card .card-statistic-3 .card-icon-large .fal {
  font-size: 110px;
}

.card .card-statistic-3 .card-icon {
  text-align: center;
  line-height: 50px;
  color: #000;
  position: absolute;
  right: 5px;
  top: 30px;
  opacity: 0.1;
}

.l-bg-cyan {
  background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
  color: #fff;
}

.l-bg-green {
  background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
  color: #fff;
}

.l-bg-orange {
  background: linear-gradient(to right, #f9900e, #ffba56) !important;
  color: #fff;
}

.l-bg-cyan {
  background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
  color: #fff;
}
/* cards especiales */

.destacado {
  font-size: 150%;
  color: #fff;
  font-style: oblique;
  background-color: #3f6b76;
  font-weight: bolder;
  padding: 1% 0 1% 0;
  text-align: center !important;
}
.precio {
  font-size: 220%;
}
.unidadTexto {
  font-size: 90%;
}
.precioTextos {
  font-size: 90%;
}
.cardPrecio .card-header {
  background-color: #5d7a64;
  color: #fff;
}
#blogReciente h3 {font-family: stilulight;}
.errorForm {color: #ff0000; font-size: 10px;}
.cuadroImagen{border-radius: 12px;}

.card-header{ background-color: #2c4491; -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;}
.card-header h4{ color: #ffffff; text-align: left !important; }
.card-body h1 {margin-top: -20px !important;}

.btn-whatsapp, a.btn-whatsapp { 
  color: #ffffff; 
  background-color: #25D366; 
  border-color: #25D366; 
} 
 
.btn-whatsapp:hover, 
.btn-whatsapp:focus, 
.btn-whatsapp:active, 
.btn-whatsapp.active, 
.open .dropdown-toggle.btn-whatsapp { 
  color: #ffffff; 
  background-color: #075E54; 
  border-color: #25D366; 
} 
 
.btn-whatsapp:active, 
.btn-whatsapp.active, 
.open .dropdown-toggle.btn-whatsapp { 
  background-image: none; 
} 
 
.btn-whatsapp.disabled, 
.btn-whatsapp[disabled], 
fieldset[disabled] .btn-whatsapp, 
.btn-whatsapp.disabled:hover, 
.btn-whatsapp[disabled]:hover, 
fieldset[disabled] .btn-whatsapp:hover, 
.btn-whatsapp.disabled:focus, 
.btn-whatsapp[disabled]:focus, 
fieldset[disabled] .btn-whatsapp:focus, 
.btn-whatsapp.disabled:active, 
.btn-whatsapp[disabled]:active, 
fieldset[disabled] .btn-whatsapp:active, 
.btn-whatsapp.disabled.active, 
.btn-whatsapp[disabled].active, 
fieldset[disabled] .btn-whatsapp.active { 
  background-color: #25D366; 
  border-color: #25D366; 
} 
 
.btn-whatsapp .badge { 
  color: #25D366; 
  background-color: #ffffff; 
}

/*--------------------
Boarding Pass
--------------------*/
.boarding-pass {

  width: 100%;

  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-transform: uppercase;
  margin-bottom: 2%;
  /*--------------------
  Header
  --------------------*/
  /*--------------------
  Cities
  --------------------*/
  /*--------------------
  Infos
  --------------------*/
  /*--------------------
  Strap
  --------------------*/
}
.boarding-pass small {
  display: block;
  font-size: 11px;
  color: #2c4491;
  margin-bottom: 2px;
}
.boarding-pass strong {
  font-size: 15px;
  display: block;
}
.boarding-pass header {
  background: linear-gradient(to bottom, #2c4491, #2c4491);
  padding: 12px 20px;
  color: #fff;
  font-weight: bolder;
  text-align: center !important;
}
.boarding-pass section {
  background: #fff;
}
.boarding-pass header  {
  font-size: 22px;
}
.boarding-pass .cities .city {
  padding: 20px 18px;
  text-align: center !important;
}
.boarding-pass .cities .city strong {
  font-size: 60px;
  font-weight: 300;
  line-height: 1;
}
.boarding-pass .cities .city small {
  margin-bottom: 0px;
  margin-left: 3px;
}

.boarding-pass .infos {
  display: flex;
  border-top: 1px solid #99D298;
}
.boarding-pass .infos .places,
.boarding-pass .infos .times {
  width: 50%;
  padding: 10px 0;
}
.boarding-pass .infos .places::after,
.boarding-pass .infos .times::after {
  content: '';
  display: table;
  clear: both;
}
.boarding-pass .infos .times strong {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.boarding-pass .infos .places {
  background: #ECECEC;
  border-right: 1px solid #99D298;
}
.boarding-pass .infos .places small {
  color: #97A1AD;
}
.boarding-pass .infos .places strong {
  color: #239422;
}
.boarding-pass .infos .box {
  padding: 10px 20px 10px;
  width: 60%;
  margin: auto;
}
.boarding-pass .infos .box small {
  font-size: 10px;
}
.portadaSec{
  padding: 0 !important;
}
.boarding-pass .strap {
  clear: both;
  position: relative;
  border-top: 1px solid #99D298;
}
.boarding-pass .strap::after {
  content: '';
  display: table;
  clear: both;
}
.boarding-pass .strap .box {
  padding: 20px;
}

.boarding-pass .strap .box div small {
  font-size: 14px;
}
.boarding-pass .strap .box div strong {
  font-size: 18px;
}
.boarding-pass .strap .box sup {
  font-size: 8px;
  position: relative;
  top: -5px;
}

.texto140{font-size: 140%;}

.labelCalc{font-weight: bolder; text-align: center; width: 100%;}
.tachado{text-decoration: line-through;}
.tarifaCalc{ margin-bottom: 0; padding-bottom: 0;}
.parrafoMinimo {margin: 0 !important; padding: 0 !important;}
.oculto {display: none;}


.card-body{z-index: 999;}

.fondoPrecios { 
  background: url(../img/fondo-precios.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fondoCaracteristicas{
  background: #144391 url(../img/barra-caracteristicas.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.textoCuadro{
  margin: 10%;
}

.faq-header{
  text-align: left;
  font-weight: lighter;
  background-color: transparent;
}

.faq-pasos{
  text-align: left;
  font-weight: lighter;
  background-color: transparent;
}

.faq-pasos h2{ 
  border: 0 !important;
  margin: 2% 1% 1% 1% !important;
}

.azulNumero{
  color: #144391;
  margin-right: 2%;
}
.acordeonPasos{
  -webkit-border-bottom-right-radius: 50px !important;
  -webkit-border-bottom-left-radius: 50px !important;
  -moz-border-radius-bottomright: 50px !important;
  -moz-border-radius-bottomleft: 50px !important;
  border-bottom-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.36); 
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.36);
  margin-bottom: 1%;
}
.fondoAcordeon{
  background-color: #fff !important;
}
.botonCollapse{
  width: 100%;
  cursor: pointer !important;
}