@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300italic,300,100italic,400italic,700,700italic,900,900italic);

body {
	font-weight: 300;
	font-family: "Lato";
	background-image: url(../images/bg_All.png);
	background-repeat:  repeat;
	background-position: center;
}

a, a:focus, a:active, a:hover {
	outline:none;
	text-decoration: none;
}

/****************************
Header
****************************/

.headerContainer2{
	height: 60px;
	position: fixed;
	z-index: 20001;
	width:100%;
	display: none;
	background-color: #fff;
	box-shadow: 0px -6px 15px 0 rgb(0, 0, 0);
	-webkit-box-shadow: 0px -6px 15px 0 rgb(0, 0, 0);
	-moz-box-shadow: 0px -6px 15px 0 rgb(0, 0, 0);
}

.modal-backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2002;
}

.logo_header2 {
	left: 12px;
	margin-top: 5px;
	position: absolute;
	width: 165px;
}

.whiteColor{
	color: #FFF;
}

#menu_bar_2{
	display: none;
}

.menuContainer2{
	float: right;
	margin-right: 0px;
	font-weight: 500;
	font-size: 13px;
}

.bgSliderContainer{
}

/****************************
Carousel
****************************/
.indicatorCarousel{
	margin-top: 340px;
	width: 25px;
	right: 0;
	bottom: inherit;
	left: inherit;
	margin-right: 0px;
	border: 0px solid  #F00;
}

.carousel-indicators li {
    background-color: #2b2b2b;
    border: 0px solid #FFF;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 09px;
    margin: 1px 5px 1px 1px;
    text-indent: -999px;
    width: 09px;
}

.carousel-indicators li:hover {
    background-color: #2b2b2b;
    height: 13px;
    margin-bottom: 0;
    margin-top: 0;
	margin-right: 4px;
    width: 13px;
    border-radius: 10px;
	border: solid 1px #2b2b2b;
	padding: 2px;
	background-clip: content-box; /* support: IE9+ */
}

.carousel-caption {
	text-shadow: none;
	left: 0;
	right: 0;
	padding-bottom: 0px;
}

.carousel-indicators .active {
    background-color: #2b2b2b;
    height: 13px;
    margin-bottom: 0;
    margin-top: 0;
	margin-right: 4px;
    width: 13px;
    border-radius: 10px;
	border: solid 1px #2b2b2b;
	padding: 2px;
	background-clip: content-box; /* support: IE9+ */
}

/*.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

*/.headerContentContainer{
	height: 0px;
	z-index: 1015222;
	width: 100%;
}

.subHeaderContainer{
	max-width: 1180px;
	background-color: none; 
	margin-top: 0px; 
}

.headerContainer{
	height: 100px;
	position:absolute;
	z-index: 2005;
	width: 100%;
}

.menuContainer{
	font-size: 11.4px;
	float: right;
	margin-top: 12px;
}

.menuTop{
	font-size: 12px;
	color: #5a5a5a;
	margin-top: 15px;
	font-weight: 500;
	margin-right: 0px;
}

.menuTop a{
	font-size: 12px;
	color: #5a5a5a;
	margin-top: 15px;
	font-weight: 500;
	text-decoration: none;
	margin-right: 0px;
}

.menuTop a:hover{
	font-size: 12px;
	color: #5a5a5a;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 15px;
	font-weight: 500;
	margin-right: 0px;
}

.logoContainerMobile{
	width: 265px;
	z-index: 1;
	float: left;
	margin-top: 11px;
}

.botonMenu{
	display: inline-block;
	color: #1a1a1a;
	font-weight: 600;
	font-size: 13px;
}

.botonMenuInicio{
	width: 75px;
}

.botonMenuComprarTarjeta{
	width: 125px;
}

.botonMenuParaEmpresas{
	width: 120px;
}

.botonMenuFaq{
	width: 160px;
}

.botonMenuContacto{
	width: 90px;
}

.bottomHeaderIniciarSesion{
	height: 45px;
	line-height: 44px;
	padding-left: 25px;
	padding-right: 25px;
	display: inline-block;
	color: #002C52;
	font-family: "Lato";
	font-weight: 600;
	border: 1px solid #002C52;
	border-radius: 05px;
	margin-right: 10px;
}

.bottomHeaderIniciarSesion:hover{
	height: 45px;
	line-height: 44px;
	padding-left: 25px;
	padding-right: 25px;
	display: inline-block;
	color: #FFF;
	font-family: "Lato";
	font-weight: 600;
	background-image: linear-gradient(to right, #007DBA, #002C52);
	border: 1px solid #FFF;
	border-radius: 05px;
	margin-right: 10px;
}

.bottomHeaderCarrito{
	height: 45px;
	line-height: 44px;
	padding-left: 25px;
	padding-right: 25px;
	display: inline-block;
	color: #FFF;
	font-family: "Lato";
	font-weight: 600;
	background-image: linear-gradient(to right, #007DBA, #002C52);
	border-radius: 05px;
}

.bottomHeaderCarrito:hover{
	height: 45px;
	line-height: 44px;
	padding-left: 25px;
	padding-right: 25px;
	display: inline-block;
	color: #FFF;
	font-family: "Lato";
	font-weight: 600;
	background-image: linear-gradient(to right, #002C52, #007DBA);
	border-radius: 05px;
}

.sliderFoto{
	display: inline-block;
	margin-left: 65px;
	width: 530px;
}

.sliderLetrasContainer{
	display: inline-block;
	vertical-align: top;
	width: 450px;
	margin-left: 50px;
	margin-top: 105px;
}

.sliderLetrasContainer2{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 105px;
}

.lineRed{
	width: 65px;
	height: 0px;
	border: 2px solid #E73845;
	opacity: 1;
}

.letrasSlider1{
	letter-spacing: 0px;
	color: #161616;
	font-weight: 600;
	font-size: 13px;
	margin-top: 15px;
	text-transform: uppercase;
}

.letrasSlider7{
	letter-spacing: 0px;
	color: #161616;
	font-weight: 600;
	font-size: 12px;
	margin-top: 15px;
	text-transform: uppercase;
}

.letrasSlider2{
	text-align: left;
	letter-spacing: 0px;
	color: #1D3557;
	margin-top: 05px;
	font-weight: 600;
	font-size: 34px;
	line-height: 40px;
	color: #1d3557;
}

.letrasSlider6{
	text-align: center;
	letter-spacing: 0px;
	color: #1D3557;
	margin-top: 05px;
	font-weight: 800;
	font-size: 34px;
	line-height: 40px;
	color: #1d3557;
}

.letrasSlider3{
	font-weight: 600;
	letter-spacing: 0px;
	color: #000000;
	margin-top: 10px;
	line-height: 17px;
	font-size: 13px;
}

.letrasSlider4{
	font-weight: 500;
	font-size: 13px;
	margin-top: 12px;
}

.comprarTarjeta{	
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	height: 44px;
	background: transparent linear-gradient(113deg, #E73845 0%, #751D24 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	text-align: center;
}

.comprarTarjeta:hover{
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	height: 44px;
	background: transparent linear-gradient(113deg, #751D24 0%, #E73845 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	text-align: center;
}

.comprarTarjetaBlue{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #0097DC 0%, #002C52 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;
	border: 0px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.comprarTarjetaBlue:hover{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #002C52  0%, #0097DC 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.comprarTarjetaGray{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #7B7B7B 0%, #3D3D3D 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;
	border: 0px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.comprarTarjetaGray:hover{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #3D3D3D  0%, #7B7B7B 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.comprarTarjetaGreen{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #4FCD5C 0%, #2D9A3D 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.mensajeCount{
	font-size: 12px;
	font-weight: 500;
	color: #E73845;;
}

.errorBox{
	font-size: 12px;
	font-weight: 500;
	color: #E73845;;
}

.comprarTarjetaGreen:hover{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #2D9A3D  0%, #4FCD5C 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 20px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}


.comprarTarjetaBlue2{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #0097DC 0%, #002C52 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 40px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.comprarTarjetaBlue2:hover{
	display: inline-block;
	height: 44px;
	background: transparent linear-gradient(108deg, #002C52  0%, #0097DC 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	line-height: 42px;
	font-size: 14px;	
	margin-top: 40px;
	color: #FFF;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.datosContainerInicio{
	width: 450px;
	text-align: left;
	margin-top: 80px;
}

.datosContainerInicio05{
	width: 450px;
	text-align: left;
}

.inicioTexto1{
	font-weight: 800;
	color: #E73845;
	font-size: 40px;
}

.inicioTexto2{
	font-size: 12px;
	font-weight: 500;
	color: #B7B7B7;
	text-transform: uppercase;
}

.faqTextoContainer{
	text-align: left;
}

.faqTextoContainerBotones{
	text-align: right;
}

.faqTexto2{
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #000;
	text-align: justify;
}

.contenedor {
	display: flex;
	justify-content: left; /* Centra horizontalmente */
	align-items: left; /* Centra verticalmente */
  }

.faqTexto1{
	font-size: 28px;
	font-weight: 800;
	line-height: 27px;
	color: #1D3557;
	margin-bottom: 15px;
	margin-top: 15px;
}

.inicioTexto3{
	font-size: 23px;
	font-weight: 800;
	line-height: 27px;
	color: #1D3557;
	margin-bottom: 20px;
	margin-top: 10px;
}

.inicioTexto4{
	line-height: 20px;
	color: #000;
	font-weight: 500;
	text-align: justify;
	margin-top: 20px;
}

.inicioTexto8{
	line-height: 20px;
	color: #000;
	font-weight: 500;
	text-align: justify;
	margin-top: 20px;
}

.inicioTexto5{
	line-height: 20px;
	color: #000;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	max-width: 800px;
}

.datosContainerFaq {
	text-align: left;
	margin-top: 55px;
  }

.rowInicio{
	max-width: 950px;
}

.rowIFaq{
	max-width: 1100px;
}

.rowParaEmpresas{
	max-width: 1100px;
}


.containerLinkSlider{
	margin-top: -10px;
}

.labelSlider{
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #303030;
}

.labelClients{
	font-weight: 600;
	margin-bottom: 15px;
}

.botonSliderContainer{
	display: inline-block;
	margin-left: 15px;
}

.botonHeaderTop{
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	padding-left: 25px;
	padding-right: 25px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	height: 40px;
	display: inline-block;
	line-height: 42px;
	font-weight: 600;
	background-color: #1672ab;
}

#botonMenuSolo{
	display: none;
}


.botonSlider:hover{
	cursor: pointer;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
	padding-left: 25px;
	padding-right: 25px;
	height: 40px;

	line-height: 40px;
	font-weight: 600;
	background-color: #014ca0;
	border-bottom: 2px solid #014ca0;
}

.botonMenu::before,
.botonMenu::after {
  content: "  ";
}

.botonMenu::before {
  margin-right: 5px;
}

.botonMenu::after {
  margin-left: 5px;
}

.botonMenu:hover {
	display: inline-block;
	color: #1671AB;
	font-weight: 600;
	font-size: 13px; 
}


.botonMenu:hover:before,
.botonMenu:hover:after {
  content: " · ";
}

.botonMenu:hover:before {
  margin-right: 5px;
}

.botonMenu:hover:after {
  margin-left: 5px;
}

.botonMenu_Activo{
	display: inline-block;
	color: #1671AB;
	font-weight: 600;
	font-size: 13px;
	padding: 0px;
}

.botonMenu_Activo::before,
.botonMenu_Activo::after {
  content: " · ";
}

.botonMenu_Activo::before {
  margin-right: 5px;
}

.botonMenu_Activo::after {
  margin-left: 5px;
}

.botonesIdiomaContainer{
	 color: #FFF;
	 line-height: 19px;
	 font-size: 12px;
	 width: 400px;
	 z-index: 1015221;
}

.botonMenuIdioma{
	display: inline-block;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.botonMenuIdioma:hover{
	display: inline-block;
	font-weight: bold;
	cursor:pointer;
	color: #FFF;
	font-size: 11px;
	text-decoration: underline;
}

.botonMenuIdioma_ON{
	display: inline-block;
    color: #FFF;
	text-decoration: underline;
    font-size: 11px;
	font-weight: bold;
}

.iconHeader{
	width: 100%;
	background-image: url(../images/icon_header.png);
	background-position: center;
	height: 60px;
	background-repeat: no-repeat;
}

.displayInline{
	display: inline-block;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.iconHeaderMenuMobile{
	vertical-align: top;
}

.iconHeaderMenuMobileIsotipo{
	vertical-align: top;
	width: 15px;
	padding-top: 16px;
}

.labelHeaderMenuMobile{
	vertical-align: top;
	margin-left: 08px;
	padding-top: 01px;
}

.phoneBar{
	font-size: 11px;
	float: left;
	color: #fff;
	height: 50px;
	padding-top: 02px;
	padding-left: 15px;
}

.paddingLeftRigght35{
	padding-left: 35px;
	padding-right: 35px;
}

.letrasSlider{
	color: #fff;
	font-family: "Lato";
	font-weight: 700;
	letter-spacing: 0px;
	text-transform: uppercase;
	max-width:  850px;
}

.textMediumSlider{
	color: #FFF;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 7px;
	font-weight: 400;
	margin-top: 35px;
}

.textBigSlider{
	color: #FFF;
	font-size: 45px;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.textSmallSlider{
	color: #FFF;
	font-size: 15px;
	line-height: 25px;
	text-transform: none;
	font-weight: 400;
	margin-bottom: 35px;
}

.vertical-align-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	display: table;
	z-index: 2;
}

.vertical-align {
  display: table-cell;
}

.vertical-align--middle {
  vertical-align: middle;
}


.lineSlider:after { content:""; z-index: -1; top: 0; bottom: 0; left: 50%; border-left: 1px solid #fff; font-size: 40px; } 

.headerRedesSociales{
	color: #585858;
	font-weight: 600;
	display: inline-block;
	margin-left: 05px;
	margin-right: 05px;
	text-transform: uppercase;
	font-size: 11px;
}

.linkRedes{
	color: #585858;
	text-decoration: none;
}

.linkRedes:hover{
	color: #585858;
	text-decoration: underline;
}

.menuBar{
	font-size: 11px;
	float: left;
	color: #FFF;
	height: 50px;
	padding-left: 15px;
	text-align: left;
	padding-top: 08px;
	line-height: 50px;
}

.logoBlanco{
	display: none;
	float: left;
	height: 50px;
	padding-left: 15px;
}

.slidersRow{
	width:100%;
	position:absolute;
	z-index: 2000;
	margin-top: 135px;
	height: 435px;
}

.linkGeneric{
	font-size: 13px;
	text-decoration: none;
}

.linkGeneric:hover{
	text-decoration: underline;
}

.bgAll{
	min-height: 790px;
	background: url(../images/bg_Header.png) center center #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}

.bgComoFunciona{
	background: url(../images/bg_ComoFunciona.png) center center #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	padding-top: 80px;
	padding-bottom: 80px;
}

.bgHeaderAll{
	min-height: 335px;
	background: url(../images/bg_Header.png) center center #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}


.sliderFotoMobile{
	display: none;
}

.botonMenu_2{
	cursor:pointer;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	height: 60px;
	line-height: 60px;
	color: #333;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.padding0{
	padding: 0px;
}

.botonMenu_2:hover{
	color: #FFF;
	background-color: #1672ab;
}

.vertical-align-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
}

.vertical-align {
  display: table-cell;
}

.vertical-align--middle {
  vertical-align: middle;
}

.botonMenu_2Activo{
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	height: 60px;
	color: #FFF;
	line-height: 60px;
	padding-bottom: 10px;
	background-color: #1672ab;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.row-equal-height {
	display: flex;
	flex-wrap: wrap;
  }

.menu_bar2 {
	display:none;
}

#nav_no_mostrar{
	display: none;	
}

#menuUL{
	display: none;	
}

.logoContainerFull{
	float: left;
    margin-top: 40px;
    width: 200px;
    z-index: 1;
}

.logoContainerFooter{
    width: 150px;
    z-index: 1;
}

header nav {
	display:none;
}

header nav ul {
	display:none;
}

#versionMobile{
	display: none;
}

.margintTop40{
	margin-top: 40px;
}

.footerHeader{
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 3000;
	margin-top: 645px;
}

.mobileIconBar{
	width: 129px;
	display: inline-block;
}

.subFooterHeader{
	margin-top: 30px;
}

.logoCarrusel{
	width: 110px;
	display: inline-block;
	margin-left: 27px;
	margin-right: 27px;	
}

.menu_bar3{
	display: none;
	position: absolute;
	margin-top: -120px;
}

#redesSociales1{
	display: block;
}

#redesSociales2{
	display: none;
}

.letrasSliderHeader{
	height: 490px; margin-top: 130px; position: absolute; width: 100%;
}

@-webkit-keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(calc(-170px * 6));
	}
  }
  
  @keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(calc(-170px * 6));
	}
  }
  .slider {
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 1100px;
  }
  .slider::before, .slider::after {
	background: linear-gradient(to right, #F5F5F5 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 50px;
	position: absolute;
	width: 200px;
	z-index: 2;
  }
  .slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
  }
  .slider::before {
	left: 0;
	top: 0;
  }
  .slider .slide-track {
	-webkit-animation: scroll 40s linear infinite;
			animation: scroll 40s linear infinite;
	display: flex;
	width: calc(170px * 14);
  }
  .slider .slideTwo {
	height: 50px;
	width: 170px;
  }


.inicioTexto022{
	text-align: center;
	letter-spacing: 0px;
	font-size: 18px;
	color: #1D3557;
	font-weight: 600;
}

.inicioTexto023{
	text-align: center;
	font-size: 15px;
	letter-spacing: 0px;
	color: #b3b3b3;
	font-weight: 600;
	text-decoration: line-through;
	margin-bottom: 05px;
	margin-top: 05px;
}

.inicioTexto024{
	text-align: justify;
	font-size: 13px;
	letter-spacing: 0px;
	color: #000000;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 600;
}

.inicioTexto025{
	text-align: center;
	font-size: 20px;
	letter-spacing: 0px;
	color: #1671AB;
	font-weight: 800;
	margin-bottom: 10px;
}

.inicioTextoGenericTitle01{
	font-weight: 800;
	color: #E73845;
	font-size: 40px;
}

.inicioTextoGenericTitle02{
	font-size: 23px;
	font-weight: 800;
	line-height: 27px;
	color: #1D3557;
	margin-bottom: 10px;
	margin-top: 0px;
}

.comprarTarjetaTextoTitle02{
	font-size: 23px;
	font-weight: 800;
	line-height: 27px;
	color: #1D3557;
	margin-bottom: 10px;
	margin-top: 0px;
	text-align: left;
}

.comprarTarjetaTextoTitle{
	line-height: 20px;
	color: #000;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 10px;
	text-align: left;
}

.comprarTarjetaTextoTitle03{
	line-height: 20px;
	color: #000;
	font-weight: 600;
	margin-bottom: 50px;
	margin-top: 10px;
	text-align: justify;
}

.inicioTextoGenericTitle03{
	line-height: 20px;
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	max-width: 800px;
}

.inicioTexto032{
	text-align: center;
	letter-spacing: 0px;
	font-size: 18px;
	margin-top: 20px;
	color: #1D3557;
	font-weight: 600;
}

.inicioTexto031{
	width: 220px;
}

.verticalCenter{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 430px;
}

.verticalCenter02{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 460px;
}

.verticalCenter03{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
}

.titleFooter{
	font-weight: 600;
	margin-bottom: 08px;
}

/****************************
Hasta AQUI Header
****************************/

/****************************
Footer
****************************/

.infoCatalogoContainer{
	height: 300px;
	background-image: url(../images/bgCatalogo.jpg);
	background-repeat: no-repeat; 
	background-position:top; 
	background-color: #0d0d0d;
	background-size: cover;
	margin-top: 230px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.subInfoCatalogoContainer{
	max-width: 980px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 100px;
}

.labelCatalogo{
	display: inline-block;
	padding-right: 40px;
	border-right: 2px dotted #FFF;
	margin-right: 40px;
}

.label1IF{
	font-size: 26px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	text-align: right;
	margin-bottom: 10px;
	vertical-align: top;
}

.imgSlider{
	width: 500px;
}

.label2IF{
	font-size: 14px;
	color: #FFF;
	font-weight: 400;
	max-width: 400px;
	text-align: justify; 
	-moz-text-align-last: right; /* Code for Firefox */
	text-align-last: right;
}


.botonContainerIP{
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
}

.botonIF{
	border: 2px solid #fff;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	height: 50px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
}

.botonIF:hover{
	cursor:pointer;
	height: 50px;
	line-height: 46px;
	color: #333;
	background-color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid #FFF;
	width: 200px;
	text-align: center;
}

.bordeRadius5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.labelCatalogo2{
}

.label1IF2{
	font-size: 26px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	vertical-align: top;
}

.label2IF2{
	font-size: 14px;
	color: #FFF;
	font-weight: 400;
	max-width: 400px;
	text-align: center; 
}

.botonContainerIP2{
	vertical-align: top;
	margin-top: 30px;
}

.botonIF2{
	border: 2px solid #fff;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	height: 45px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 160px;
}


.botonIF2:hover{
	cursor:pointer;
	height: 45px;
	line-height: 41px;
	color: #333;
	background-color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	border: 2px solid #FFF;
	width: 160px;
	text-align: center;
}

.bordeRadius52{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.subInfoCatalogoContainer2{
	max-width: 980px; 
	margin-left: 0px; 
	margin-right: 0px;
	height: 300px;
	position: absolute;
	width: 100%;
}

.bgFooter{
	background: url(../images/bg_ComoFunciona.png) center center #F5F5F5;
	padding-top: 60px;
	width:100%; 
	display: flex;
	margin-top: 160px;
	justify-content: center;
}

.bgFooterSub{
	max-width: 1000px;
}

.footerContainerGeneric{
	max-width: 1200px;
}

.footerSubContainerGeneric{
	width: 100%;
}

.labelCopyright{
	font-size: 11px;
	color: #000;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 40px;
}

.linkAgencia{
	color: #373737;
	cursor: pointer;
	text-decoration:none;
}

.linkAgencia:hover{
	color: #373737;
	text-decoration: underline;
	cursor: pointer;
}

.redesSocialesContainer{
	margin-top: 10px;
}

.botonRS{
	display: inline-block;
	color: #e0e0e0;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 40px;
}

.botonRS:hover{
	display: inline-block;
	color: #1d3557;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 40px;
}

.menuContainerFooter{
	margin-top: 45px;
	margin-bottom: 30px;
}

.botonMenuFooter{
	font-size: 12px;
	color: #464847;
	font-weight: 600;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 05px;
}

.botonMenuFooter:hover{
	font-size: 12px;
	color: #1672ab;;
	font-weight: 600;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 05px;
}

.botonMenuFooter_Activo{
	font-size: 12px;
	color: #1672ab;;
	font-weight: 600;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 05px;
}

/****************************
Hasta AQUI Footer
****************************/

/****************************
Nosotros
****************************/

.botonVisitarCatalogo {
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	height: 50px;
	line-height: 45px;
	text-align: center;
	width: 239px;
}

.botonVisitarCatalogo:hover {
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
	color: #333;
	display: inline-block;
	background-color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	height: 50px;
	line-height: 45px;
	text-align: center;
	width: 239px;
}

.botonVisitarCatalogo::before {
	background: #fff none repeat scroll 0 0;
	border-right: 0 none red;
	content: "";
	height: 30px;
	margin-left: 204px;
	margin-top: 0;
	position: absolute;
	width: 2px;
}

.botonVisitarCatalogo::after {
	background: #fff none repeat scroll 0 0;
	border-right: 0 none red;
	content: "";
	display: block;
	height: 2px;
	margin-left: 0;
	margin-top: 1px;
	width: 195px;
}

.bgAllPages{
	height: 348px;
	background: url(../images/bg_Header3.png) no-repeat center top;
	border-bottom: 1px solid #FFF;
	background-size: cover;
	width: 100%;
	z-index: 3;
	-webkit-box-shadow: 0 3px 25px 7px rgba(208,208,208,1);
	-moz-box-shadow:  0 3px 25px 7px rgba(208,208,208,1);
	box-shadow:  0 3px 25px 7px rgba(208,208,208,1);
}

.slidersRowIndexBG{
	width: 100%;
	position:absolute;
	z-index: 2;
	background-color: #1672ab;
	height: 209px;
	margin-top: -210px;
}

.slidersRowIndex{
	width: 100%;
	position:absolute;
	z-index: 4;
	height: 209px;
	margin-top: -210px;
}

.labelTop1{
	font-size: 26px;
	margin-bottom: 02px;
	margin-top: 78px;
	font-weight: 500;
	color: #FFF;
}

#navWeb{
	display: block;
}

#navMobile{
	display: none;
}

.buttonON{
	color: #FFF;
	text-decoration: none;
}

.buttonON:hover{
	color: #FFF;
	text-decoration: underline;
}

.buttonOFF{
	color: #FFF;
	text-decoration: none;
	cursor: inherit;
}

.buttonOFF:hover{
	color: #FFF;
	text-decoration: none;
	cursor: inherit;
}


.navigationBar{
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
}

.labelTop2{
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
}

.containeFluidInicio{
	margin-top: 900px; 
	width: 100%;
}

.containeFluidInicio02{
	margin-top: 150px; 
	width: 100%;
}

.containeFluidComprarTarjeta{
	margin-top: 415px; 
	width: 100%;
}

.containeFluidParaEmpresas{
	margin-top: 425px; 
	width: 100%;
}

.containeFluidFaq{
	margin-top: 120px; 
	width: 100%;
}

.faqTextoTitle02{
	font-size: 23px;
	font-weight: 800;
	line-height: 27px;
	color: #1D3557;
	margin-bottom: 10px;
	margin-top: 0px; display: flex;
    justify-content: center; /* Centra los elementos hijos horizontalmente */
    align-items: center; /* Centra los elementos hijos verticalmente (si es necesario) */
   
}

.faqTextoTitle03{
	position: relative; /* Importante para el posicionamiento del pseudoelemento */
    padding-left: 60px; 
}

.faqTextoTitle03:before {
    content: ""; /* Necesario para que el pseudoelemento se muestre */
    position: absolute;
    left: 0; /* Posiciona la línea a la izquierda */
    top: 50%; /* Inicia el centrado vertical */
    transform: translateY(-50%); /* Ajuste fino para centrar exactamente la línea verticalmente */
    width: 50px; /* Ajusta según el ancho deseado de la línea */
    height: 2px; /* Ajusta según el grosor deseado de la línea */
    background-color: red; /* El color de la línea */
}


.faqTextoTitle{
	line-height: 20px;
	color: #000;
	font-weight: 600;
	max-width: 950px;
	margin-top: 10px;
	text-align: center;
}

.containeFluidInicio03{
	margin-top: 180px; 
	width: 100%;
}

.containeFluidInicio04{
	margin-top: 140px; 
	width: 100%;
}

.containeFluidInicio05{
	margin-top: 130px; 
	width: 100%;
}

.containeFluidInicio06{
	margin-top: 400px; 
	width: 100%;
}


.valoresTitle {
  color: #333;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.6px;
  margin-bottom: 30px;
  text-align: left;
}

.rowNosotros2{
	margin-top: 30px;
}

.image01{
	width: 300px;
}

.image02{
	width: 400px;
}

.valoresContainer{
	padding-left: 20px;
	padding-right: 20px;
}

.labelPM{
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
}

.itemPM{
	color: #333;
	font-weight: 600;
	letter-spacing: 0.6px;
	font-size: 17px;
	line-height: 30px;
	text-align: left;
	position: relative;
	padding-left: 22px;
	margin-top: 25px;
	margin-bottom: 15px;
}

.itemPM::before{
	content : "\02022 \0000a0 \0000a0 \0000a0";
	position: absolute;
	font-size: 15px;
	left: 0;
	top: 0px;
	width: 20px;
	height: 100%;
}

.itemPM2{
	color: #333;
	font-weight: 600;
	letter-spacing: 0.6px;
	font-size: 17px;
	line-height: 23px;
	text-align: left;
	position: relative;
	padding-left: 22px;
	margin-top: 20px;
}

.itemPM2::before{
	content : "\02022 \0000a0 \0000a0 \0000a0";
	position: absolute;
	font-size: 15px;
	left: 0;
	top: 0px;
	width: 20px;
	height: 100%;
}

.itemPMDetails{
	padding-left: 40px;
}

.mapContacto{
	box-shadow: 0 0 5px -1.5px rgba(0, 0, 0, 0.87);
	border: 1px solid #FFF;
}

.labelDatosCiudad{
	font-size: 17px;
	font-weight: 600;
	color: #1d3557;
	text-align: left;
	margin-bottom: 15px;
}

.labelDatosCiudad2{
	font-size: 18px;
	font-weight: 600;
	color: #1d3557;
	text-align: left;
	margin-bottom: 25px;
}

.labelDatos{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}

.datosContainer{
	margin-top: 30px;
}

.datosContainer2{
	margin-top: 0px;
}

.marginBottom50{
	margin-bottom: 50px;
}

.inputsContainer{
	max-width: 800px;
	text-align: left;
	margin-top: 25px;
}

.labelForm{
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
	margin-top: 10px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
	color: #FFF;
}

.form-horizontal .form-group {
	margin: 0px;
}

.help-block {
    color: #737373;
    display: block;
    margin-bottom: 0px;
    margin-top: 5px;
}

.inputsContainer{
	max-width: 800px;
	text-align: left;
	margin-top: 25px;
}

.inputForm{
	width:100%;
	height: 45px;
	border: 1px solid #c4c4c4;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	margin-bottom: 10px;
}

.inputFormRadio{
	width: auto;
	border: 1px solid #c4c4c4;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	margin-bottom: 10px;
}

.textareaFrom{
	width:100%;
	border: 1px solid #c4c4c4;
	padding: 20px;
	margin-bottom: 10px;
	font-size: 13px;
}

.marginBottom30{
	margin-bottom: 30px;
}

.paddingLeft35{
	padding-left: 35px;
}

.botonContacto{
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	margin-top: 45px;
	background-color: #1d3557;
	display: inline-block;
	padding: 10px;
	border: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

.botonContacto:hover{
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	margin-top: 45px;
	background-color: #333;
	display: inline-block;
	padding: 10px;
	border: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

.marginBottom50{
	margin-bottom: 50px;
}

.form-control:focus {
	border-color: #bebebe;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3);
}

.inLine{
	display: inline-block;
	margin-top: 10px;
}

.textAlign{
	text-align: left;
}

.accordion{
	max-width: 700px;
	margin-top: 40px;
}

.accordion2{
	max-width: 700px;
}

.accordion-content {
	display: none;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	text-align: justify;
  }

.accordion-title {
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: black;
	font-weight: 600;
	cursor: pointer;
	border-bottom: 1px solid #000;
	overflow: hidden; /* Asegura que el contenedor abarque los elementos flotantes */
}

.accordion-title span:first-child {
  float: left; /* Alinea el texto de la pregunta a la izquierda */
  font-size: 14px;
}

.icon {
  float: right; /* Alinea el icono a la derecha */  
  font-size: 17px;
  font-weight: 800;
}

.verticalAlign{
	vertical-align: top;
}

.inicioTextoMargin {
	margin-bottom: 60px;
}

.containerStepsAll{
	max-width: 1100px;
	margin-top: 45px;
}

.containerSteps{
	margin-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
}

.containerStepLabel01 {
	padding-left: 60px;
	text-align: justify;
	position: relative; /* Asegura que el posicionamiento absoluto del ::before sea relativo a este contenedor */
}

.stepNumber {
	font-weight: 800; /* Hace el número más prominente */
	color: #E73845; /* Color del número */
	font-size: 35px; /* Tamaño del número */
	position: absolute; /* Posiciona el número de forma absoluta dentro del contenedor */
	left: 0;
	top: 0; /* Alinea el número en la parte superior del contenedor */
}

.containerStepLabel02 {
	font-weight: 600; /* Hace el número más prominente */
	font-size: 15px;

}

.containerStepLabel03 {
	font-weight: 500; /* Hace el número más prominente */
	font-size: 13px;

}

.padding1{
	padding-left: 0px;
}

.padding2{
	padding-right: 0px;
}

.height45{
	height: 45px;
}

.height452{
	height: 45px;
	line-height: 33px;
}


.imgCotizarPaqueteEmpresarial{
	margin-bottom: 50px;
}

.labelTarjetaDetalle{
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 25px;
}

.containerCards{
	padding-left: 20px;
	padding-right: 20px;
}

.labelTarjetaDetalles{
	font-size: 14px;
	font-weight: 600;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 25px;
}

.labelTarjetaDetallesPrecio{
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
}

.labelTarjetaDetallesPrecio2{
	font-size: 30px;
	font-weight: 800;
	text-align: justify;
	margin-top: 05px;
	margin-bottom: 05px;
}

.labelTarjetaDetallesInfo{
	font-size: 12px;
	font-weight: 600;
	color: #A1A1A1;
	text-align: justify;
}

.labelTarjetaDetallesCantidad{
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
	margin-top: 25px;
	margin-bottom: 0px;
}

.labelTarjetaDetallesInputType{
	font-size: 20px;
	font-weight: 600;
	text-align: justify;
	padding-left: 20px;
	height: 60px;
	margin-top: 25px;
	margin-bottom: 15px;
}

.labelTarjetaDetallesInput{
	width: 100px;
	font-weight: 600;
}

.lineBlack{
	width: 100%;
	height: 0px;
	border: 2px solid #000;
	opacity: 1;
	margin-top: 25px;
	margin-bottom: 25px;
}

.lineBlack2{
	width: 100%;
	height: 0px;
	border: 2px solid #000;
	opacity: 1;
	margin-top: 25px;
	margin-bottom: 05px;
}

.labelTarjetaDetallesLogo{
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
	margin-top: 20px;
}

.labelTarjetaDetallesCargo{
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
}

.labelCarritoCompras{
	font-size: 13px;
	font-weight: 600;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-bottom: 15px;
	color: #FFF;
	border-radius: 10px;
	background-color: #1671AB;
}

.labelCarritoChecOut{
	font-size: 13px;
	font-weight: 600;
	height: 50px;
	line-height: 50px;
	text-align: left;
	margin-bottom: 15px;
	color: #FFF;
	padding-left: 25px;
	border-radius: 10px;
	background-color: #1671AB;
}


.cardCarrito{
	background-color: #FFF;
	font-size: 13px;
	font-weight: 600;
}

.cardCarritoDetalles{
	height: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.cardCarritoDetalles2{
	font-size: 13px;
	font-weight: 600;
}

.borderBlack{
	border-bottom: 4px solid #000;
}

.cardCarritoDetalles2{
	padding-top: 10px;
	font-size: 14px;
	font-weight: 600;	
	color: #1671AB;
	padding-bottom: 10px;
}

.cardCarritoDetalles3{
	padding-top: 05px;
	padding-bottom: 05px;
	color: #1671AB;
}

.cardCarritoDetallesBotonLeft{
	text-align: left;
	margin-top: 25px;
}

.cardCarritoDetallesBotonRight{
	text-align: right;
	margin-top: 25px;
}

.labelTarjetaDetallesChekOut{
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
	margin-top: 05px;
}

.labelTarjetaDetallesChekOut2{
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
	margin-top: 15px;
}

.labelTarjetaDetallesTitle{
	font-size: 30px;
	font-weight: 800;
	text-align: justify;
	margin-top: 25px;
	margin-bottom: 05px;
}

.form-group{	
	font-size: 13px;
	font-weight: 500;
}

.labelCheckOutContainer{
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 10px;
}

.containerResumeCard{
	background-color: #F5F5F5;
	padding: 35px;
	margin-top: 35px;
}

.resumeCartTitle{	
	font-size: 16px;
	font-weight: 800;
}

.resumeCartSubTitle{	
	font-size: 14x;
	font-weight: 500;
	padding-top: 15px;
	padding-bottom: 15px;
}

.resumeCartSubTitle2{	
	font-size: 13px;
	font-weight: 600;
	padding-top: 15px;
}

.resumeCartSubTitle3{	
	font-size: 13px;
	font-weight: 600;
	padding-bottom: 15px;
}

.resumeCartTitle2{	
	font-size: 16px;
	font-weight: 800;
	color: #1671AB;
	padding-top: 25px;
}

.lineBottom{
	border-bottom: 1px solid #B5B5B5;
}

.resumeCartTitle3{	
	font-size: 16px;
	font-weight: 800;
	padding-top: 25px;
}

.logoLogin{
	width: 120px !important;
}

.loginOlvidoPass{
	padding-right: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.loginInput{
	margin-bottom: 20px;
	font-size: 14px !important;
}

.boxTitle{	
	font-size: 25px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #000;
	text-align: center;
}

.boxSubTitle{	
	font-size: 13px;
	line-height: 17px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000;
	text-align: justify;
}

.form-control {
	font-size: 14px !important;
}

.card-body {
	padding: 35px;
}

.footerLogin{		
	font-size: 12px;	
	font-weight: 600;
	color: #000;
	left: 0px !important;
	border-top: 0px solid rgba(120, 130, 140, 0.13) !important;
    background: none !important;
}



/****************************
Hasta AQUI Nosotros
****************************/



@media screen and (max-width: 1200px) {
	.servicesTitle {
		color: #000;
		font-size: 39px;
		font-weight: 600;
		line-height: 75px;
		margin-bottom: 19px;
		margin-top: 70px;
		text-align: right;
	}

	.margintTop40{
		margin-top: 0px;
	}

	.marginbottom40{
		margin-bottom: 40px;
	}
	
	.comprarTarjetaTextoTitle{
		line-height: 20px;
		color: #000;
		margin-bottom: 30px;
		font-weight: 600;
		margin-top: 10px;
		text-align: center;
	}

	.containeFluidArticulos{
		margin-top: 50px;
		padding-top: 120px;
		width: 100%;
		background: url(../images/CatalogoLetras.png) top center no-repeat;
	}
	
	.containeFluidServices{
		width: 100%;
		margin-top: 60px;
	}
	
	.infoCatalogoContainer{
		height: 300px;
		background-image: url(../images/bgCatalogo.jpg);
		background-repeat: no-repeat; 
		background-position:top; 
		background-color: #0d0d0d;
		background-size: cover;
		margin-top: 220px;
		margin-left: 0px;
		margin-right: 0px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}

	.subTitleContactoAddress{
		font-size: 14px;
		color: #000;
		margin-bottom: 05px;
		font-weight: 500;
		position: relative;
		padding-left: 22px;
	}
	
	.datosContainerIndex{
		border: 4px solid #0962c6;
		padding: 50px;
		text-align: left;
		margin-top: -50px;
		margin-left: 30px;
	}

	.subTitleContactoPhone{
		font-size: 14px;
		color: #000;
		margin-bottom: 05px;
		font-weight: 500;
		position: relative;
		padding-left: 22px;
	}

	.titleContacto{
		font-size: 17px;
		color: #000;
		font-weight: 600;
		margin-bottom: 03px;
	}
	
	.titleContacto2{
		font-size: 17px;
		color: #000;
		font-weight: 600;
		margin-top: 30px;
		margin-bottom: 03px;
	}
	
	.botonIrCatalogo{
		font-size: 14px;
		color: #0962c6;
		border-left: 2px solid #0962c6;
		border-top: 2px solid #0962c6;
		width: 190px;
		text-align: center;
		height: 52px;
		font-weight: 600;
		display: inline-block;
		line-height: 47px;
		margin-top: 115px;
	}
	
	.bgLetrasServices{
		background: url(../images/ServicesLetras.png) 195px 0px no-repeat;
		padding-top: 110px;
	}

	.servicesDetails {
		color: #333;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.6px;
		line-height: 30px;
		margin-bottom: 40px;
		max-width: 480px;
		text-align: justify;
		text-align-last: right;
	}

	.marginFotoServices {
		margin-left: 0px;
  	}
	
	.datosContainerServices {
	  padding-left: 30px;
	  padding-right: 10px;
	  margin-left: 0px;
	  position: absolute;
	}
	
	.titleServicesContainerAll {
		margin-right: 240px;
		margin-top: 230px;
		position: absolute;
		right: 0;
	}
	
	.titleServicesContainer {
		border-bottom: 2px solid #0962c6;
		padding-bottom: 20px;
		position: absolute;
		transform: rotate(-90deg);
		width: 430px;
	}

	
	.marginFotoAboutUs{
		margin-top: -30px;
	}
	
	.containeFluidNosotros{
		margin-top: 860px; 
		width: 100%;
	}
	
	.labelSectionAboutUS{
		position: absolute;
		margin-top: -130px;
		margin-left: -155px;
		letter-spacing: -16.9px;
		font-size: 285px;
		line-height: 250px;
		color: rgba(150, 150, 150, 0.1);
		font-weight: 800;
	}

	.sliderLetrasContainer{
		display: inline-block;
		vertical-align: top;
		margin-left: 30px;
		margin-top: 45px;
		width: 400px;
	}
	
	
	.botonMenu{
		display: inline-block;
		color: #1a1a1a;
		font-weight: 600;
		font-size: 13px;
	}

	.sliderFoto{
		display: inline-block;
		margin-left: 30px;		
		width: 440px;
		padding-top: 30px;
	}
	
	.slider {
		margin: auto;
		overflow: hidden;
		position: relative;
		width: 940px;
	  }

	  .subFooterHeader {
		margin-top: 0px;
	  }

	  .bgAll {
		min-height: 730px;
		background: url(../images/bg_Header.png) center center #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
	  }

	  .containeFluidInicio {
		margin-top: 800px;
		width: 100%;
	  }

	  .containeFluidInicio02 {
		margin-top: 130px;
		width: 100%;
	  }

	  .inicioTextoTop {
		margin-top: 65px;
	  }
	  
	  .containeFluidInicio03 {
		margin-top: 120px;
		width: 100%;
	  }

	  .containeFluidInicio04 {
		margin-top: 100px;
		width: 100%;
	  }
}

@media screen and (max-width: 991px) {
	#versionWeb2{
		display: none;
	}

	.containerResumeCard {
		background-color: #F5F5F5;
		padding: 35px;
		margin-top: 15px;
	}

	.padding1{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.padding2{
		padding-left: 0px;
		padding-right: 0px;
	}

	.contenedor {
		display: flex;
		justify-content: center; /* Centra horizontalmente */
		align-items: center; /* Centra verticalmente */
	  }

	  
	.datosContainerFaq {
		text-align: center;
		margin-top: 0px;
	}

	
	.faqTextoContainer{
		text-align: center;
		margin-bottom: 35px;
	}

	.faqTextoContainerBotones{
		text-align: center;
	}

	.imgSlider {
		width: 400px;
	}

	.faqTextoTitle02{
		font-size: 23px;
		font-weight: 800;
		line-height: 27px;
		color: #1D3557;
		margin-bottom: 10px;
		margin-top: 0px;
		text-align: center;
	}
	
	.faqTextoTitle{
		line-height: 20px;
		color: #000;		
		max-width: 850px;
		font-weight: 600;
		margin-top: 10px;
		text-align: center;
	}

	.sliderLetrasContainer {
		display: inline-block;
		vertical-align: top;
		margin-left: 30px;
		margin-top: 30px;
		width: 100%;
	}

	.letrasSlider2{
		text-align: center;
		letter-spacing: 0px;
		color: #1D3557;
		margin-top: 05px;
		font-weight: 600;
		font-size: 22px;
		line-height: 25px;
		color: #1d3557;
	}

	.paddingLeft35{
		padding-left: 0px;
		margin-bottom: 50px;
	}

	
	.marginBottom50{
		margin-bottom: 40px;
	}
		
	.aboutServices{
		font-weight: 600;
		font-size: 30px;
		text-align: center;
		color: #000;
		line-height: 40px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.valoresTitle {
		color: #333;
		font-size: 24px;
		font-weight: 700;
		letter-spacing: 0.6px;
		margin-bottom: 15px;
		text-align: left;
	}
	
	.labelFraseServicios{
		color: #333;
		font-weight: 600;
		letter-spacing: 0.6px;
		font-size: 18px;
		text-align: center;
		margin-top: 30px;
	}
	
	#navWeb{
		display: none;
	}
	
	#navMobile{
		display: block;
	}
	
	.infoCatalogoContainer{
		height: 300px;
		background-image: url(../images/bgCatalogo.jpg);
		background-repeat: no-repeat; 
		background-position:top; 
		background-color: #0d0d0d;
		background-size: cover;
		margin-top: 150px;
		margin-left: 0px;
		margin-right: 0px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	
	.catalogoTitle{
		font-weight: 600;
		font-size: 30px;
		text-align: center;
		color: #000;
		line-height: 40px;
		margin-bottom: 15px;
	}
	
	.catalogoDetails{
		color: #333;
		font-weight: 500;
		letter-spacing: 0.6px;
		font-size: 15px;
		line-height: 22px;
		text-align: right;
		max-width: 690px;
		margin-bottom: 40px;
		text-align: center; 
	}
	
	.datosContainerIndex{
		border: 4px solid #0962c6;
		padding: 20px;
		text-align: left;
		margin-top: 30px;
		margin-left: 0px;
	}
	
	.titleContacto{
		font-size: 16px;
		color: #000;
		font-weight: 600;
		margin-bottom: 03px;
	}
	
	.fontSize991{
		font-size: 10px;
	}
	
	.containeFluidNosotros{
		margin-top: 800px; 
		width: 100%;
	}
	
	.containeFluidServices{
		width: 100%;
		margin-top: 40px;
	}
	
	.bgLetrasServices{
		background: url(../images/ServicesLetras.png) top center no-repeat;
		padding-top: 70px;
	}
	
	.containeFluidArticulos{
		margin-top: 10px;
		padding-top: 110px;
		width: 100%;
		background: url(../images/CatalogoLetras.png) top center no-repeat;
	}
	
	.containeFluidContacto{
		margin-top: 130px; 
		width: 100%;
	}

	.titleContacto2{
		font-size: 16px;
		color: #000;
		font-weight: 600;
		margin-top: 30px;
		margin-bottom: 03px;
	}
	
	.subTitleContactoAddress{
		font-size: 13px;
		color: #000;
		margin-bottom: 05px;
		font-weight: 500;
		position: relative;
		padding-left: 22px;
	}
	
	div.subTitleContactoAddress::before{
		content: "\f041";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		font-size: 13px;
		left: 0;
		top: 0px;
		width: 20px;
		height: 100%;
	}
	
	.subTitleContactoPhone{
		font-size: 13px;
		color: #000;
		margin-bottom: 05px;
		font-weight: 500;
		position: relative;
		padding-left: 22px;
	}
	
	div.subTitleContactoPhone::before{
		content: "\f095";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;	
		position: absolute;
		font-size: 13px;
		left: 0;
		top: 0px;
		width: 20px;
		height: 100%;
	}

	.fotos999{
		margin-bottom: 50px;
	}	
	
	.fotos991{
		margin-top: 60px;
	}

	.botonIrCatalogo{
		font-size: 14px;
		color: #0962c6;
		border-left: 2px solid #0962c6;
		border-top: 2px solid #0962c6;
		width: 190px;
		text-align: center;
		height: 52px;
		font-weight: 600;
		display: inline-block;
		line-height: 47px;
		margin-top: 55px;
	}
	
	.cuadroContacto{
		margin-top: 30px;
	}

	.sliderFoto{
		display: inline-block;
		margin-left: -240px;
	}

	.bgAll{
		min-height: 770px;
		background: url(../images/bg_Header.png) center center #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
	}

	.datosContainerInicio05 {
		width: 100%;
	  }
	
	.containeFluidInicio {
		margin-top: 860px;
		width: 100%;
	  }

	  .datosContainerInicio{
		width: 100%;
		text-align: center;
		margin-top: 80px;
	}

	  .containeFluidInicio02 {
		margin-top: 75px;
		width: 100%;
	  }

	  .inicioTextoTop {
		margin-top: 65x;
	  }
	  
	  .containeFluidInicio03 {
		margin-top: 120px;
		width: 100%;
	  }

	  .containeFluidInicio04 {
		margin-top: 100px;
		width: 100%;
	  }

	  .containeFluidInicio05 {
		margin-top: 100px;
		width: 100%;
	  }
	
	.labelTop1{
		font-size: 26px;
		margin-bottom: 02px;
		margin-top: 0px;
		font-weight: 500;
		color: #FFF;
	}
	
	.modal {
		bottom: 0;
		display: none;
		left: 0;
		outline: 0 none;
		overflow-x: auto;
		overflow-y: scroll;
		position: fixed;
		right: 0;
		top: 50px;
		padding-top: 40px;
		z-index: 2005;
	}
	
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		min-height: 44.429px;
		padding: 15px;
	}
		
	#versionMobile2{
		display: block;
	}
	
	.logoContainerFull{
		float: none;
		margin-bottom: 25px;
		margin-top: 30px;
		width: inherit;
		max-width: 550px;
		z-index: 1;
	}

	.logoContainerMobile{
		float: left;
		margin-top: 40px;
		width: 200px;
	}
	
	#menuUL{
		display: block;
	}

	.headerRedesSocialesContainer{
		display: none;
	}
		
	.menu_bar3{
		display: block;
		position: absolute;
		float: right;
		margin-top: 0px;
		top: 50px;
		right: 50px;
		z-index: 152522;
	}
	
	#versionWeb{
		display: none;
	}
	
	.versionWeb{
		display: none;
	}
	
	#versionMobile{
		display: block;
	}
	
	.versionMobile{
		display: block;
	}
	
	.headerContainer {
		width: 80%;
		height:100%;
		margin:0;
		position: fixed;
		left:-100%;
		/*top:0px;*/
		overflow:auto;
	}

	.headerContainer2 {
		width: 80%;
		height:100%;
		margin:0;
		position: fixed;
		left:-100%;
		/*top:0px;*/
		overflow:auto;
	}

	
	.slidersRow{
		width:100%;
		position:absolute;
		z-index: 2000;
		margin-top: 95px;
		height: 355px;
	}
	
	.menu_bar2 {
		display: block;
		position: absolute;
		width:100%;
		z-index: 152522;
		margin-top: 0px;
		padding-right: 15px;
		height: 137px;
		font-weight: 500;
		line-height: 45px;
	}

	header nav {
		width: 100%;
		position: absolute;
		display:none;
		/* default fallback */
		background: rgb(255, 255, 255) transparent;
		/* nice browsers */
		background: rgba(255, 255, 255, 0.9);
		/* IE 6/7 */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
		/* IE8 */    
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
		margin-top: 0px;
		z-index: 40028200;
		border-top: 1px solid #FFF;
		font-weight: 600;
		font-size: 13px;
		overflow:auto;
		text-align: left;
		line-height: 50px;
	}

	header nav ul {
		display: block;
		list-style:none;
		overflow:hidden;
		margin-left: -40px;
	}
	
	header nav ul li {
		border-bottom: 1px solid #FFF;
		width: 100%;
		color: #333;
		padding-left: 25px;
		text-decoration:none;
	}

	header nav ul li:hover{
		background-color: #1672ab;
		text-decoration:none;
		color: #FFF;
	}	

	header nav ul li span {
	}
	
	header nav ul a{
		text-decoration:none;
		color: #FFF;
	}
	
	header nav ul a:hover {
		text-decoration:none;
		color: #FFF;
	}
	
	#rowHeader1{
		display: none;
	}

	.imgHeader2{
		width: 100%;
		max-width: 500px;
	}

	.botonMenuMobile{
		float: right;
		margin-right: 0px;
		margin-top: 09px;
		margin-left: 20px;
		z-index: 2525252;
	}	
	
	.textBigSlider {
		color: #fff;
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 12px;
		margin-top: 25px;
		text-transform: uppercase;
	}
	
	.botonMenuMobile {
		float: right;
		margin-left: 20px;
		margin-right: 0;
		margin-top: 0px;
		z-index: 2525252;
	}
	
	#botonesInfo{
		display: block;
	}
	
	.textSmallSlider{
		color: #FFF;
		font-size: 15px;
		line-height: 25px;
		text-transform: none;
		text-align: justify; 
		-moz-text-align-last: center; /* Code for Firefox */
		text-align-last: center;
		font-weight: 400;
		margin-bottom: 35px;
	}

	.bgFooterSub {
		max-width: 698px;
	}

	.bgFooter {
		background: url(../images/bg_ComoFunciona.png) center center #F5F5F5;
		padding-top: 0px;
		width: 100%;
		display: flex;
		margin-top: 160px;
		justify-content: center;
	}



}

@media screen and (max-width: 850px) {
	
}

@media screen and (max-width: 767px) {
	#botonesInfo{
		display: none;
	}

	.card-body {
		padding-left: 35px;
		padding-right: 35px;
		height: 385px !important;
	  }

	.cardCarritoDetallesBotonLeft{
		text-align: center;
		margin-top: 25px;
	}
	
	.cardCarritoDetallesBotonRight{
		text-align: center;
		margin-top: 25px;
	}
	
	.comprarTarjetaBlue2 {
		display: inline-block;
		height: 44px;
		background: transparent linear-gradient(108deg, #002C52 0%, #0097DC 100%) 0% 0% no-repeat padding-box;
		border-radius: 25px;
		line-height: 42px;
		font-size: 14px;
		margin-top: 20px;
		color: #FFF;
		font-weight: 600;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
	}

	.image03{
		width: 400px;
		margin-bottom: 50px;
	}

	.containeFluidParaEmpresas{
		margin-top: 380px;
		width: 100%;
	}

	.verticalCenter03{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.containeFluidInicio {
		margin-top: 750px;
		width: 100%;
	}

	.marginBottomImage {
		margin-bottom: 80px;
	}
	  
	.datosContainerInicio05{
		max-width: 450px;
		text-align: center;
	}

	.bgComoFunciona {
		background: url(../images/bgPattern.png) center center #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
		padding-top: 80px;
		padding-bottom: 80px;
	  }
	
	.bgFooter {
		background: url(../images/bg_ComoFunciona.png) center center no-repeat #F5F5F5;
		padding-top: 0px;
		width: 100%;
		display: flex;
		margin-top: 160px;
		justify-content: center;
	  }

	.containeFluidInicio04 {
		margin-top: 5px;
		width: 100%;
	}

	.bgFooterSub {
		max-width: 350px;
	}

	.containeFluidInicio05 {
		margin-top: 5px;
		width: 100%;
	  }

	.marginbottom40{
		margin-bottom: 0px;
	}

	.marginTop30{
		margin-top: 30px;
	}
	
	.sliderFoto{
		display: none;
		margin-left: -340px;
	}

	#botonMenuSolo{
		display: block;
	}
	
	.botonMenuMobile{
		float: right;
		margin-right: 0px;
		margin-top: 40px;
		z-index: 2525252;
	}
	
	#redesSociales1{
	display: none;
	}
	
	#redesSociales2{
		display: block;
	}
	
	.sliderFotoMobile{
		display: block;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.sliderLetrasContainer{
		display: inline-block;
		vertical-align: top;
		margin-left: 0px;
		margin-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.logoContainerMobile{
		float: left;
		margin-top: 34px;
		width: 200px;
	}

	.imgSlider {
		width: 400px;
		margin-top: -10px;
	  }

	  .comprarTarjetaTextoTitle02{
		  font-size: 23px;
		  font-weight: 800;
		  line-height: 27px;
		  color: #1D3557;
		  margin-bottom: 10px;
		  margin-top: 0px;
		  text-align: center;
	  }
	  
	  .comprarTarjetaTextoTitle{
		  line-height: 20px;
		  color: #000;
		  margin-bottom: 30px;
		  font-weight: 600;
		  margin-top: 10px;
		  text-align: center;
	  }

	  .comprarTarjetaTextoTitle03{
		line-height: 20px;
		color: #000;
		font-weight: 600;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 50px;
		margin-top: 10px;
		text-align: justify;
	  }
}

@media screen and (max-width:501px) {
	.bgAll{
		min-height: 790px;
		background: url(../images/bg_Header.png) center center #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
	}
	
	.bgHeaderAll{
		min-height: 360px;
		background: url(../images/bg_Header.png) center center #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
	}	

	.inicioTextoTop {
		margin-top: 65px;
	  }

	.inicioTextoTop2 {
		margin-top: 50px;
	}

	.letrasSlider6{
		text-align: center;
		letter-spacing: 0px;
		color: #1D3557;
		margin-top: 05px;
		font-weight: 800;
		font-size: 23px;
		line-height: 40px;
		color: #1d3557;
	}
}

@media screen and (min-width: 1400px) {
}

@media screen and (min-width: 2000px) {
}

@media screen and (min-width: 2600px) {
}



