/*Tipografia*/
*{font-family:Ubuntu-Regular;}
.Lato-Light{font-family:Ubuntu-Light!important;}
.Lato-LightItalic{font-family:Ubuntu-LightItalic!important;}
.Lato-Regular{font-family:Ubuntu-Regular!important;}
.Lato-Italic{font-family:Ubuntu-Italic!important;}
.Lato-ItalicBold{font-family: Ubuntu-BoldItalic!important;}
.Lato-Bold, .canasta div:last-child span, .circuloPasos p,.Lato-SemiBold, .columnaPaquete, .parrafoheader span, .Lato-Black {font-family:Ubuntu-Bold!important;}
/*Clases de CSSBase con tipografía*/
.normal, .parrafoheader, .etiquetaProducto p, .describe-paso, .opcionesMenu span a{font-family:Ubuntu-Italic;}
.pag-max-compropago{font-family:Ubuntu-LightItalic;}
.cursiva, .numerosTel{font-family:Ubuntu-Italic;}
.renglon.labelRequerido,.renglon.labelRequerido,.columnas.labelRequerido,.columnas.labelRequerido,.bold,.boldH:Hover, .ui-widget-header, .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default, .contenedorProducto a, .descripcionProducto span:nth-child(1), .descripcionProducto span:nth-child(4), .descripcionProducto span:nth-child(7), .ui-datepicker th, .describe-paso span,  .describe-select, .etiquetaComprados, input[type=radio] + label .pestanaPasos, .colDer a, .btnNegocio, .colIzq span:first-child, .titulo{font-family:Ubuntu-Bold;}
.ui-widget, .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: Ubuntu-Regular;}
.tituloNModal span, .etiquetaProducto, .bordes{font-family:Ubuntu-Bold;}
.tituloNModal img{height:6rem;margin-top:-2rem;}
/*Clases de CSSBase con tipografía*/

.img1Trans, .img2Trans, .img3Trans, .img4Trans{height:80px !important;margin-right:1rem;}
/*.img2Trans{margin-left:.8rem;margin-right:.5rem;}
.img3Trans{width:65px;height:30px;margin-left:.5rem;margin-right:.5rem;}
.img4Trans{width:62px;height:60px;margin-left:.5rem;margin-right:.8rem;}*/

/*Estilos para los botones del menú*/
.ligaMicrositio span{background:#599FF8;border:1px #FFF solid;padding:.5rem 1rem;border-radius:5px;}
.negocioMenu span, .soporteMenu span, .productosMenu span{color:white;border:1px solid white;padding:.5rem 1rem;border-radius:5px;}

.titulo{font-size:1.2rem;}
#ContentPlaceHolder1_lblCantidadProductosSelec{color:black !important;}
.paso1.paso2.titulo.border-bottom.font2 span, #ocultaCantidadResp span:first-child{color:black !important;}
#paso2Resumen, #paso3Resumen{color:#599FF8;}

/*Menú*/
.menu{width:100%;top:0;left:0;position:fixed;z-index:9999;padding:0;background:#fcc432;height:4.3rem;transition:background .3s;}
.contenedorLogo{float:left;}
.contenedorLogo > img{float:left;margin-top:-.7rem;width:10rem;padding-left:1.5rem;}
.contenedorLogo > div{float:left;margin-left:1rem;margin-top:.4rem;}
.contenedorLogo{background:unset;width:12rem;}
.opcionesMenu{text-align:center;height:3rem;display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:1.5rem;z-index:1000;}
/*.opcionesMenu div:last-child{width:23rem;background-color:transparent;height:2.7rem;text-align:center;}*/
.opcionesMenu .formatoBoton{padding:5px 10px 5px 10px!important;border-radius:7px!important;font-size:.6rem!important;min-width:.5rem;}
.opcionesMenu .formatoBotonContorno{padding:.9rem 1rem .7rem 1rem!important;border-radius:1rem!important;font-size:.2rem;min-width:.5rem;background-color:#000;color:white;border:1px solid #FFF;margin-right:.7rem;margin-left:.5rem;}
.opcionMenu{color:white;font-size:1rem;margin:.2rem;padding: .5rem 1rem;border:1px solid white; border-radius:5px;font-family:ubuntu-bold;margin:0rem .6rem;}
.opcionMenu.opcionPagos{background:#FFEB00!important;}
.opcionMenu.opcionMicrositio{background:#599FF8;color:#FFF;border:1px #FFF solid;}
.opcionesMenu .formatoBotonContorno span{color:#FFF;font-size:1rem;}


.comprar{position:fixed; top:.7rem;right:7rem;padding:5px 10px 5px 10px!important;border-radius:7px!important;font-size:.6rem!important;min-width:.5rem;background-color:#FFEB00!important;border:1px solid white;color:#231F20!important;}
.comprar span{font-family:ubuntu-bold;}



@media(max-width:1400px){
.contenedorLogo > div > div{display:none;}
.opcionMenu{margin:0rem .0rem;}
}

/*@media(max-width:1300px){

.opcionesMenu div:last-child{width:12rem;background-color:transparent;height:2.7rem;text-align:center;}
}*/
@media(max-width:1000px) {
.menu{height:4rem;}
.comprar{top:1.3rem;right:5rem;}
}
@media(max-width:950px){
.contenedorLogo > img{margin-top:.7rem;width:9.5rem;}
.opcionesMenu {position:absolute;width:100%;background:#FCC432;left:0;padding:0rem 0 0 0;z-index:900;overflow:auto;transition:margin-top 0s;height:auto;display:inline;margin-top:-100%;}
.opcionesMenu .formatoBotonContorno{margin-left:0;margin-right:0;}
.opcionesMenu div:first-child{width:100%;}
.opcionesMenu div:last-child{width:100%;background-color:transparent;padding-top:0;border-top:0px #FFF solid;}
.opcionMenu{background:#FCC432;float:left;width:calc(100% - 2rem);margin:0 0;padding:1rem 1rem 1rem 1rem;text-align:center;color:#FFF;font-family:Ubuntu-regular;border:0px #FFF solid;border-radius:0px;border-bottom:1px solid;}
/*.opcionesMenu a:last-child .opcionMenu{border-bottom:none;}*/
.opcionMenu:hover{background:#000;}
.hamburguesa{position:absolute;right:0;right:2rem;top:1.3rem;height:2.4rem;width:2.6rem;}
.barraHamburguesa{background:white;width:2rem;height:.2rem;border-radius:2px;right:0;margin:.1rem .1rem;transition:top .3s, transform .2s;position:absolute;}
.menu{width:100%;padding:0rem 0rem;}
.menu .contenedor-1-5{width:100%;max-width:unset;margin:0;padding:0;}
.opcionMenu.font2{color:white!important;}
.formatoBotonContorno{float:initial;}
.opcionesMenu .formatoBotonContorno {padding:1rem 1.5rem!important;border:none;background:#FCC432;width:calc(100% - 3rem);border-radius:0!important;float:left;border-bottom:1px solid;}
.opcionesMenu .formatoBotonContorno:hover{background:#000;}
.opcionesMenu .formatoBotonContorno span{font-size:1rem!important;font-family:ubuntu-regular;padding:1rem;}
.opcionMenu.opcionMicrositio{background:#FCC432;color:#FFF;border:0px #FFF solid;border-bottom:1px #FFF solid!important;}
.opcionMenu.opcionMicrositio:hover{background:#000;}
.comprar{top:3.3rem;right:5rem;}
.borde {border-bottom:none!important;}
}

@media(max-width:650px) {
.index > div:nth-child(2) > div > div:nth-child(2) > div{width:calc(100% - 3rem);}
.index > div:nth-child(2) > div > div:nth-child(2) > div > div{max-width:unset;margin-left:0%!important;}
.index > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2){min-height:unset;max-width:unset;}

.Flex{flex-wrap:wrap;justify-content:center;}
.bordeArriba{max-width:100%;}
}


/*Banner del pie*/
.barraMaster{background:url("../Imagenes/FY/Banner/FYBANNERescritorio.png");background-repeat:no-repeat;background-size:cover;height:15rem;margin-bottom:1.49rem;background-position-x:center;}
.barraMaster img{position:absolute;}
.barraMaster img:nth-child(1){height:10rem;margin-top:6.3rem;margin-left:32%;}
.barraMaster img:nth-child(2){height:14rem;margin-left:49%;margin-top:2.5rem;}
.barraMaster a{position:absolute;margin-left:60%;margin-top:11rem;}
.barraMaster a input{border:1px #FFF solid;padding:.4rem 2rem!important;font-size:1.1rem;}

@media(max-width:2000px){
.barraMaster img:nth-child(1){margin-left:30%;}
.barraMaster img:nth-child(2){margin-left:50%;}
.barraMaster a{margin-left:61%;}
}
@media(max-width:1600px){
.barraMaster img:nth-child(1){margin-left:29%;}
.barraMaster img:nth-child(2){margin-left:50%;}
.barraMaster a{margin-left:61%;}
}
@media(max-width:1300px){
.barraMaster img:nth-child(1){margin-left:25%;}
.barraMaster img:nth-child(2){margin-left:50%;}
.barraMaster a{margin-left:68%;}
}
@media(max-width:1100px){
.barraMaster{margin-bottom:.9rem;}
.barraMaster img:nth-child(1){margin-left:17%;margin-top:5.2rem;}
.barraMaster img:nth-child(2){margin-left:50%;margin-top:1.9rem;}
.barraMaster a{margin-left:68%;margin-top:11rem;}
}
@media(max-width:850px){
.barraMaster{background:url("../Imagenes/FY/Banner/FYBANNERFondoResponsivo-02.png");background-position-y:center;background-size:100% 100%;margin-bottom:.4rem;height:15rem;background-repeat:no-repeat;}
.barraMaster img:nth-child(1),.barraMaster img:nth-child(2){display:none;}
.barraMaster img:nth-child(2){height:14rem;margin-left:25%;margin-top:1.5rem;display:block;}
.barraMaster a{margin-left:55%;margin-top:9.5rem;}
.barraMaster a input{border:1px #FFF solid;padding:.4rem 2rem!important;font-size:1.1rem;}
}

@media(max-width:600px) {
.barraMaster a{margin-left:65%;}
}

@media(max-width:550px) {
.barraMaster img:nth-child(2){margin-left:7%;}
.barraMaster a{margin-left:45%;}
}

#btnOcultarServidor{position:fixed!important;width:100% !important;height:100%!important;top:4.2rem!important;left:0!important;max-width:10000px!important;z-index:99;opacity:.6;}
.marginArr-Aba-0-5{border-bottom:1px solid #a7a7a7;}
/*.anchoBotonIndex{width:4rem !important;}*/
@media(max-width:1410px){
.contenedorLogo > div > div:last-child{display:none;}

}
@media(max-width:1280px){
.contenedorLogo > div > div:first-child{display:none;}
.contenedorLogo{width:4rem;}
}
@media(max-width:950px){
.opcionesMenu {background:#FCC432;width:100%;}
.ligaMicrositio span{background:transparent;}

.opcionMenu{background:#FCC432;color:#FFF;border-bottom:1px #FFF solid;font-family:Ubuntu-Regular;}
/*.opcionesMenu a:last-child .opcionMenu{border-bottom:none;}*/
.opcionMenu:hover{background:#000;}
.barraHamburguesa{background:#fff;}
.menu{width:100%;padding:0rem 0rem;}

.comprar .opcionMenu{background-color:transparent;border-bottom:none!important;}
.opcionMenu.font2{color:white!important;}

}

@media(max-width:650px) {
.index > div:nth-child(2) > div > div:nth-child(2) > div{width:calc(100% - 3rem);}
}

/*Fondo y color de letra para las pestañas de los 4 pasos*/
input[type=radio]:checked+label .pestanaPasos{background-color:#FFC000;color:black;}

/*Colores de fuentes, por el momento compartidas con FI*/
.fontA{color:#599FF8;}/*Azul*/
.fontR{color:#E43832;}/*Rojo2*/
.bordePasos{width:calc(100% - 14px);margin:0 7px;border-top:1px solid #FFC000;}

/*Estilos para el grid de productos*/
/*Estilo de los Grids*/
.grid{width:100%; background-color:white; padding:0;border:0px none transparent; margin-bottom:.7rem; }

.grid tbody tr:first-child{border-bottom:1px solid black;border-top:1px solid black;}
.grid tbody tr:last-child{border-bottom:2px solid transparent;}
.grid tbody tr{border-bottom:1px solid #878787;border-top:1px solid #878787;}
.grid tbody tr td{padding-left:.3rem; padding-right:.3rem; word-break:break-word;text-align:center;color:#878787;}

.grid tbody tr td input[type=text]{padding:0 !important;margin:.3rem 0 !important;width:2.5rem;border-radius:0 !important;height:28.5px;border:1px solid black;}
.grid tbody tr:first-child td, .grid tbody tr:first-child th {padding-bottom:.4rem;padding-top:.4rem; text-align:center;color:black;font-family:Ubuntu-Bold;}
.grid tbody tr td:nth-child(2){font-size:.8rem;}
.grid tbody tr td input[type=text]{text-align:center;}
.grid tbody tr td input[type=submit]{background-color:white;color:black;border:1px solid black; border-radius:0;padding:.2rem 1rem .42rem 1rem;}
.grid tbody tr td input[type=submit]:hover{background:transparent;}
.grid tbody tr td input[type=submit]:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px;margin-right:-.2rem;border-right:0;}
.grid tbody tr td input[type=submit]:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px;margin-left:-.23rem;border-left:0;}
.grid tbody tr:first-child td, .grid tbody tr:first-child th {padding-bottom:.4rem;padding-top:.4rem; text-align:center;color:black;font-family:Ubuntu-Bold;}
.grid tbody tr td a{text-decoration:none;color:#878787;}

.noBorde, .noBorde tr, .noBorde tbody, .noBorde tr td, .noBorde tbody tr, .noBorde tbody tr td, .noBorde tbody th, .noBorde th{border-left:none 0 transparent;border-right:none 0 transparent;border-top:none 0 transparent;border-bottom:1px solid #d6d7d8;}

.contieneCheck{display:block;position:relative;cursor:pointer;}
.contieneCheck input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.contieneCheck input[type=checkbox] ~ .marca{background-color:white;}
.marca{position:absolute;top:-.65rem;left:0;height:20px;width:20px;border-radius:50%;border:1px solid black;}
.contieneCheck input[type=checkbox]:checked ~ .marca:after{display:block;}
.contieneCheck .marca:after{left:6px;top:3px;width:5px;height:10px;border: solid;border-width:0 3px 3px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.marca:after{content:"";position:absolute;display:none;}

#ContentPlaceHolder1_lblMensajeResultado > span:first-child{font-family:Ubuntu-Medium !important;}
.ordenaTiposT{border-bottom:1px solid #F6B04A;padding-bottom:1rem;}
#ContentPlaceHolder1_lblPasosCP div:first-child{border-top:1px solid #F6B04A;padding-top:1rem;}
#ContentPlaceHolder1_lblPasosCP div:last-child{border-bottom:1px solid #F6B04A;padding-bottom:2rem;}
.estiloNumero{display:none;}
/*Estilos temporales para el modal de confirmación*/
/*Nuevo estilo para el nuevo modal*/
.nmodalRegistro,.nModal, .nModalConf{background-color:white;}
.tituloNModal{text-align:center;margin-top:2rem;}
.tituloNModal span{color:black; }
.contenidoNModal{padding-top:0 !important;margin-bottom:2rem;}
.transPaso1, .transPaso2, .transPaso3{height:66px;width:66px;}

.modalConfPago{background-color:white;width:calc(50% - 2rem);margin-left:25%;position:absolute;z-index:111;border-radius:5px;top:7rem;padding:1rem;margin-bottom:2rem;}
.cierraModalConfPago{width:100%;position:relative;float:left;margin-top:1rem;min-height:1rem;margin-bottom:1rem;}
.cierraModalConfPago input[type=submit], .nuevoCerrarModal{background:#878787 !important;color:white;text-align:center;position:absolute;top:0;right:1rem;border-radius:50%;padding:.3rem .6rem !important;font-family:Ubuntu-Bold;cursor:pointer;}
.nuevoCerrarModal{top:.5rem;}
.cierraModalConfPago input[type=submit], .nuevoCerrarModal{background:#878787 !important;color:white !important;}

/*Estilos compartidos para la caja de la derecha*/
.border-bottom{border-bottom:1px #cdcdcd solid;}
.border-top{border-top:1px #cdcdcd solid;}

/*Estilos para las formas de pago*/
.contPasoSinBorde, .mitadFormasPago, .contFormasPago{background:#fff !important;border:1px solid #F6B04A !important;}

.mitadFormasPago input[type=submit]{background-color:transparent !important;font-family:Ubuntu-BoldItalic !important;text-decoration:underline !important;color:#599FF8 !important;font-size:1rem !important;}
.mitadFormasPago{border-top:transparent;margin-top:-1rem;}
.paso4.titulo.cienAncho span:first-child{color:#599FF8 !important;font-family:Ubuntu-Bold;}
.fontVerde{color:#41A72A;font-family:Ubuntu-Bold;}
.estiloNumero, .estiloNoPopUp{background-color:#599FF8;}
#ContentPlaceHolder1_lblMensajeTitulo{font-family:Ubuntu-Bold;}

/*Estilos para el icono del fileUpload*/
.icoFileUpload input{visibility:hidden;width:1.3rem;cursor:pointer;}
.icoFileUpload{background-image:url('../Imagenes/General/FY_Upload.svg');background-size:20px 20px;background-repeat:no-repeat;display:block;background-position:center;width:20px;margin-left:.5rem;cursor:pointer;position:relative;}

/*estilos para los radios de formas de pago*/
.contieneRadio{position:relative;cursor:pointer;}
.contieneRadio span input[type=radio]{position:absolute;opacity:0;cursor:pointer;}

.pagos{margin-bottom:1rem !important;margin-top:1rem;}
.pagos label span input[type=radio]:checked + label{border:1px solid transparent;display:inline-block;padding:.5rem;-webkit-box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);border-radius:10px;}

/*Estilos para el grid de Registro de pago*/
.gridRegPago{width:100%; background-color:white; padding:0; margin:.7rem 0;}
.gridRegPago tbody tr{border-bottom:#000 1px solid;}

.gridRegPago tbody tr th{font-family:Ubuntu-Bold !important;color:black;}
.gridRegPago tbody tr td{padding-left:.3rem; padding-right:.3rem; word-break:break-word;text-align:center;color:#36a9e1;}
.gridRegPago tbody tr td a span{color:#e30613;}
.gridRegPago tbody tr td:last-child, .gridRegPago tbody tr:first-child td {border-right:solid 1px transparent;}
/*.gridRegPago tbody tr:first-child{color:white; font-weight:bold; }*/
.gridRegPago tbody tr td:first-child{border-top-left-radius:5px !Important; border-bottom-left-radius:5px !Important;}
.gridRegPago tbody tr td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.gridRegPago tbody tr:first-child td, .gridRegPago tbody tr:first-child th {padding-bottom:.4rem;background-color:#fff !important; padding-top:.4rem; text-align:center;}
/*.gridRegPago tbody tr:last-child{border-bottom:2px solid transparent;}*/
.gridRegPago a{text-decoration:none; color:#707070;padding:.3rem .2rem .1rem .2rem;display:inline-block;}
.footer{width:100%;z-index:104;background:black;color:white;padding:1.7rem 0rem;max-width:1200px;left:calc(50% - 600px);position:relative;float:left;}
.footer span,.footer a,.footer div{color:white;font-size:0.75rem;}
.footer img, .footer a img{height:1.6rem;}
.footer a{font-family: 'Ubuntu-Light';}
.marginPaga{position:absolute;margin-left:-3.5rem;margin-top:.6rem;}
.izqACen1050{text-align:left;}
.derACen1050{text-align:right;}
@media(max-width:1200px) {
.footer{left:0;width:calc(100% - 1rem);padding:1.7rem .5rem;}
}
@media(max-width:1050px) {
.izqACen1050,.derACen1050{text-align:center;}
.marginPaga{position:initial;margin-left:0;margin-top:0;}
.footer img, .footer a img{height:1.4rem;}
.footer .logoFY{height:1.9rem;}
.footer .redes{height:1.9rem!important;}
}

.bordeado{ width:calc(100% - 4rem); position:relative; float:left; border-radius:15px; padding:1rem; margin:1.5rem 1rem;background: #FFF !important;}
.tituloBordeado,.tituloBordeadoSinPadding{ border-radius:18px 18px 0 0; padding:8px 1rem 8px 1rem; position:relative; height:auto; margin-bottom:1rem;-webkit-box-shadow: 0px -8px 14px 1px rgba(170,170,170,1);-moz-box-shadow: 0px -8px 14px 1px rgba(170,170,170,1);box-shadow: 0px -8px 14px 1px rgba(170,170,170,1);}
.tituloBordeado{margin-left:calc(-1rem - 25px);margin-top:calc(-3.2rem - 25px); width:calc(100% + 2rem + 19px); background-color:#FBB813; margin-bottom:2rem; color:#1d1d1b; font-family:Ubuntu-Bold !important;}
.tituloBordeadoSinPadding{margin-left:0rem;margin-top:-1rem; width:calc(100% - 2rem); background-color:#FBB813;}
.tituloBordeadoPanel, .tituloBordeadoPanelMaster{border-radius:18px 18px 0 0; padding:8px 1rem 8px 1rem; position:relative; height:auto; vertical-align:middle; -webkit-box-shadow: 0px -8px 14px 1px rgba(170,170,170,1);-moz-box-shadow: 0px -8px 14px 1px rgba(170,170,170,1);box-shadow: 0px -8px 14px 1px rgba(170,170,170,1);margin-left:0rem;margin-top:-1rem; width:calc(100% - 2rem); background-color:#FBB813;}

.contorno, .contornoRojo{ width:calc(100% - 1.4rem); position:relative; float:left; border-width:1px; border-radius:15px; border-style:solid; padding:.7rem; margin:.7rem 0 ;} 
.contorno{border-color:#346094; }
.contornoRojo{border-color:#FF0000; }
.encabezado{ width:95%; padding-left:0rem; padding-bottom:1rem; }

.iconoAnimacion, .iconoAnimacion:before, .iconoAnimacion:after{background-color: #F8FFE9;}

/*Controles*/
.master input[type=submit]{color:white;background-color:#37b34a;}
.formato-file:before {background-color:#5e5e5e;color:#e1e1e1;}
.master input[type=submit], .back10, input[type=button]{border: 0;border-radius:15px;cursor:pointer;outline: 0;vertical-align:middle; text-decoration:none; padding:.3rem 2rem;background-color:#599FF8;font-size: 1rem; font-family:Ubuntu-Bold;margin:.2rem .1rem .5rem 0;color:white; -webkit-appearance: none!important;-moz-appearance: none!important;appearance: none!important;}
.master input[type=submit].back10{background-color:#599FF8!important;}

.custom-file-input {display:inline-block;position:relative;float:left;}
.custom-file-input input{visibility:hidden;width:1rem;}
.custom-file-input:before{content:'Subir';display:block;margin-left:.5rem;white-space:nowrap;position:absolute;border: 0;font-family: Ubuntu-Bold;font-size:.9rem;border-radius:5px;outline:0; transition: all .1s linear; vertical-align:middle; text-decoration:none; padding:.25rem .7rem;background-color:#FBBE00;box-shadow: 0 4px 0 #f39200;color:black;cursor:pointer !important;}
.custom-file-input:active{transform: translateY(1px);}
.cajita,.calendarioGris,.calendarioBlanco,.txt-file,.txt-multi, .master input[type=text],.master input[type=number],.master input[type=password],.master select{border:#000 solid 1px; border-radius:5px;}
.mascomprar {padding:.1rem .45rem .15rem .45rem !important; font-size:1rem !important;}
/*Tooltip*/
.tooltip-content, .tooltip-content-txtmulti{color: #fffaf0;background:transparent;opacity:0;}
/*.tooltip-text {border-bottom: 10px solid #FBB813;}*/
.tooltip-inner {background:#1d1d1b;}
.tooltip-content::after, .tooltip-content-txtmulti::after {border-color:transparent;border-width:10px;}
/*Grid*/
/*.grid{width:100%;margin:1rem 0;background-color:white;border:none; border-color:transparent; border-width:0; -moz-border-top-colors:transparent;-moz-border-right-colors:transparent;-moz-border-bottom-colors:transparent;-moz-border-left-colors:transparent;border-collapse:collapse; }
.grid tbody tr:nth-child(odd) td{background: #DADADA;}
.grid tbody tr td:last-child {border-right:transparent;}
.grid tbody tr:last-child{border-bottom:2px solid #191919;}
.grid a{text-decoration:none; color:#29ABE1;}
.grid tbody tr:first-child td,.grid tbody tr:first-child th{font-family:MyriadPro-BoldCond;padding:.3rem .5rem; background-color:black; color:white; text-align:center;}
.grid tbody tr td, .grid tbody tr th, .grid{-moz-border-bottom-colors:transparent !important; -moz-border-left-colors:transparent; -moz-border-right-colors:transparent; -moz-border-top-colors:transparent;border:none;}
.grid tbody tr td{padding:.15rem .3rem; word-break:break-all;border-right:black 1px solid; }*/


/*Tipografías*/
.font23,.font2{color:white;}                
.font1{color:white;}                        
.font11{color:#59595c;} /*Gris 5*/          
.font6,.font10 {color:#706f6f;}
.font13{color:#121212;} /*Azul verdoso*/    
.fontGrid{color:#706f6f;}
.font21{color:#FF0000 !important;} /*Rojo*/
.font99{color:#29ABE2;}
/*Fondos*/
.back1{background-color:white;}
.back2{background-color:black;}
.back6{background-color:#FBBE00;}
.back10{background-color:#7c8085 !important; color:#e1e1e1 !important;}
/*.back10:hover{box-shadow: 0 3px #59595c !Important;top: 2px !Important;}*/
.back10:active{box-shadow: 0 0 #59595c !Important;top: 6px !Important;}
.back27{background-color:#1D1D1B;}
.back13 {background-color:#FBB813;}
/*Sombras*/
.borde6{box-shadow: 0 4px 0 #D89309;}
.borde20{box-shadow: 0 4px 0 #575756;}
/*Degradados*/    
.deg-1{}
.deg-2 {background-color:#1f1f1d;}

.btnTerminos{text-decoration:underline;color:#599FF8;font-family:Ubuntu-Italic;}

/*Estilos personalizados*/
header {background:#000000; border-bottom:1px solid #fcb970;}
.icontelefonos {color:white;}
.numerosTel {color:white;}
#tituloPago { margin-top:5.6rem; background: #FFF;}
.deg-imageMain { border-top:1px solid #000; border-bottom:1px solid #000; padding:0 !important; }
.deg-imageMain div {min-height:200px; height:200px;}
.deg-imageMain div img { margin-bottom:-.25rem !important;}
.parrafoheader {color:#000;}
.icono-compras { font-size:4rem; color:#000; float:right;}
.titulo-pagos { font-family:Ubuntu-Light; font-size:3rem; color:#FBBE00; line-height:2.8rem;}
.describe-pagos {font-family:Ubuntu-Light; font-size:1rem; color:#000; text-align:justify; padding-top:.5rem; padding-left:2rem;}
.linea-vertical { position:absolute; height:100%; float:right; }
.table-titulo { float:right;}
.sinEspacioBottom {margin-bottom:-5px;}
.logomarca { width:3.5rem;}
.bordeComprados { border-top:1px solid #346094; border-bottom:1px solid #7b7f84;}
.descripcionProducto{color:black;}
.contenedorProducto div a{color:black;}
.contieneProdIdeal{border-bottom:2px solid #F6B04A !important;border-top:2px solid #F6B04A !important;}
.contPaso, .columnaDer{border:1px solid #F6B04A !important;}
 /*DataList*/
#DLProductos > tbody > tr > td > div {border-bottom:1px solid;border-color:black}                                                                       
/*Estilos para el globo de producto sugerido*/                                                                
.contenedorProdSugerido{border-bottom:2px solid red !important;border-top:2px solid red !important;}
.contenedorProdSugerido .prodSugerido{position:relative;color:black;}
.prodSugerido + .tooltip-content{opacity: 1;pointer-events: auto;-webkit-transition-delay: 0s;transition-delay: 0s;}
.prodSugerido + .tooltip-content .tooltip-text{-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.prodSugerido + .tooltip-content .tooltip-inner{-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.tooltip-content{position:absolute;z-index:100;width:8rem;font-size:.97rem;text-align:center;margin: 0 0 10px 60px;cursor:default!important;pointer-events: none;-webkit-font-smoothing: antialiased;color:black;background:transparent;opacity:0;}
.tooltip-content span{display: block;}
/*.tooltip-content::after{content: '';bottom: -19px;left: 75%;border: solid #BCBEC0;height: 0;width: 0;position: absolute;pointer-events: none;border-width: 10px;margin-left: -10px;border-color:transparent;border-top-color:#FFFCD3;}*/
.tooltip-content::after{background-image:url('../Imagenes/FY/General/nubeProductos.png');background-position-x:center;background-position-y:7.6px;background-size:contain;background-repeat:no-repeat;width:20px;height:20px;}
.tooltip-text {overflow:hidden; -webkit-transform: scale3d(0,1,1);transform: scale3d(0,1,1);-webkit-transition:-webkit-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;border-radius:15px;}
.tooltip-inner {padding: .5rem;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: #599FF8;border-radius:15px;font-family:Ubuntu-Bold;color:#fff;}


/*Segmento para la distribución de los productos*/
.paso input[type=checkbox], .productos3 input[type=radio], .productos4 input[type=radio], .noRadio input[type=radio]{ display:none;}

/*Para pasos*/
.liner{background: #00a2ff;}
.circuloPasos {background: white; border: 10px solid #00a2ff;}
.circuloPasos p { color: #000 !important;}
.describe-select  { color:#000;}
/*Cambiar imagen respectivo a la marca */
.pasoCheck {background-image:url(../Imagenes/FL/General/CheckPago.png); background-size:contain; background-repeat:no-repeat;}

.circulo, .circuloComprados {background:#FFC000;}
/*Cambiar imagen respectivo a la marca */
.imgNuevo {background-image:url(../Imagenes/FL/General/imgNuevo.png);}
.rbtProductos input[type=radio] + label span { color:#FFF;}
.rbtProductos input[type=radio]:checked + label, .etiquetaProducto, .etiquetaProducto p, .ligaayuda, .rbtProductos input[type=radio] + label span{color:#000 !important;}
.bordes{border:2px dashed #000; color:#000;}

/*Productos comprados*/
.circuloComprados span {color:#FFF;}

/*CFDI Web o Escritorio*/
.titletipoCFDI { font-size:1.3rem; color:#000; font-family:Ubuntu-Bold; text-align:center; }

.sistema{position:relative;float:left}
.sistema input{display:none;}
.sistema:first-child{margin-left:calc(50% - 16rem);margin-right:3rem;}
.sistema span input + label{cursor:pointer;}
.sistema span input + label div{background-color:#FFC000;text-align:center;width:13rem;font-family:Ubuntu-Light; font-size:1.3rem;border-radius:5px;padding:.5rem .9rem;}
.sistema input[type=radio]:checked + label div{color:white;background-color:black;background-image:url('../Imagenes/FY/General/check_naranja.png');background-repeat:no-repeat;background-position-x:left;background-position-y:center;}

/*Loader*/
.loader div{ background-image:url(../Imagenes/FY/General/loader.gif);background-size:13rem;}
.carga div{width:100%;position:relative;float:left;text-align:center;}
.carga div:first-child{background-image:url('../Imagenes/FY/General/loader.gif');background-size:contain;background-repeat:no-repeat;background-position:center;height:200px;}

/*Estilos para el login*/
.fondoLogin{background-color:#F0F0F0;}
.login .btnLogin{color:white!important; text-transform:uppercase;width:12rem;background-color:#1D120E !important;padding:.7rem 1rem;border-radius:7px;border:none transparent;cursor:pointer;font-family:'Ubuntu-Bold';}
.login input[type=text],.login input[type=password]{border:white solid 1px;}
.login.oscuro .btnLogin{background-color:white!important;color:#1D120E!important;}
.login .tituloLogin,.login a{color:black !important;}
.fondoLogin.oscuro {background-color: #414141;}
.login.oscuro .tituloLogin, .login.oscuro a {color: white!important;}
.login .logo div img{height:2.5rem!important;}
/*.fondoPublicidad{background-image:url("../Imagenes/Login/DefaultFY.jpg");background-position-x:right;}*/
.fondoPublicacidad{background-image:none;background:dimgray;}

/*Mantenimiento*/
.parpadea{font-family: 'Ubuntu-Bold';}
.logoMantenimiento, .backLoader {background: #599ff8;opacity:.6;}
.logoMantenimiento div {background-image:url(../Imagenes/FY/General/fantasmin.gif);}
.logoMantenimiento div{color:white; font-family:Ubuntu-Bold, sans-serif}
.logoMantenimiento div span {margin-top:13.5rem !important; font-size:1.8rem !important;}

/*Inputs*/
.label, .labelRequerido, .etiquetaNormal {color:#000; padding-top:1rem; padding-bottom:.5rem;}
.etiquetaNormal, .etiquetaDatos {font-family:Ubuntu-Bold, sans-serif !important;}
.etiquetaDatos {padding-top:.2rem;}
/*Placeholders*/
.txt-multi::-webkit-input-placeholder,.master input[type=text]::-webkit-input-placeholder,.master input[type=password]::-webkit-input-placeholder,select::-webkit-input-placeholder,.calendario::-webkit-input-placeholder,.calendarioGris::-webkit-input-placeholder,.calendarioBlanco::-webkit-input-placeholder{color:#7b7f84; font-family:Ubuntu-Light !important;}

/*Para Tarjeta*/
.jp-card .jp-card-back .jp-card-shiny:after,.jp-card .jp-card-front .jp-card-display, .jp-card-cvc {color:#000 !important;}

/*Advertencia*/
.advertencia {color:#FF0000;}
.bordeDatos {border:1px solid #FBBE00; border-radius:5px;}
.advertenciaDatos {color:#f39200;}

/*Para ventana derecha */
.fondoColumnaIzq {background-color:#f39200;}
/*.fondoMensaje{background-color:#599ff8;}*/

/*Inicia estilos para las formas de pago*/
.imgPagos{cursor:pointer;}
.imgMenor, .imgMayor{display:inline;}
.imgMenor span:first-child::after{color:#36a9e1 !Important;font-style:italic !Important;}
.imgPagos .imgMayor::before{font-family: Ubuntu-Bold !important;}
.imgMayor::after{content: '\A';white-space: pre;}
#ContentPlaceHolder1_FormasPagos_payPal .imgPagos .imgMayor::before{content:"Requiere tener cuenta";}
#ContentPlaceHolder1_FormasPagos_payPal .imgPagos .imgMenor span:first-child::after{content:"Activación inmediata";} 

#ContentPlaceHolder1_FormasPagos_comproPago .imgPagos .imgMayor::before{content:"Pago en Efectivo";}
#ContentPlaceHolder1_FormasPagos_comproPago .imgPagos .imgMenor span:first-child::after{content:"Activación 24 hrs.";} 

#ContentPlaceHolder1_FormasPagos_depositoRef .imgPagos .imgMayor::before{content:"Pago Referenciado";}
#ContentPlaceHolder1_FormasPagos_depositoRef .imgPagos .imgMenor span:first-child::after{content:"Activación 24 hrs.";}

#ContentPlaceHolder1_FormasPagos_registroPago .imgPagos .imgMayor::before{content:"Registrar Pago";}
#ContentPlaceHolder1_FormasPagos_registroPago .imgPagos .imgMenor span:first-child::after{content:"Activación 48 hrs.";}

.imgMenor span:last-child{width:90px;height:80px;display:inline-block;background-repeat:no-repeat;background-position:center;}

#ContentPlaceHolder1_FormasPagos_payPal .imgPagos .imgMenor span:last-child{background-image:url("../Imagenes/FY/Pagos/paypal.png");}
#ContentPlaceHolder1_FormasPagos_comproPago .imgPagos .imgMenor span:last-child{background-image:url("../Imagenes/FY/Pagos/compropago.png");}
#ContentPlaceHolder1_FormasPagos_depositoRef .imgPagos .imgMenor span:last-child{background-image:url("../Imagenes/FY/Pagos/referenciado.png");}
#ContentPlaceHolder1_FormasPagos_registroPago .imgPagos .imgMenor span:last-child{background-image:url("../Imagenes/FY/Pagos/registropago.png");}
.imgMenor span:first-child::after{color:#000;}

/*Terminan estilos para las formas de pago*/

/*Datalist*/
#DLProductos tbody tr:first-child td > div {border-color:black;}
.contenedorTotal{color:black;}

@media(max-width: 1500px) {
#DLProductos tbody tr {border-color:black;}
#DLProductos > tbody > tr > td > div {border-bottom:0px solid;}  
#DLProductos tbody tr:nth-child(1),#DLProductos tbody tr:nth-child(2){border-color:black;}  
}

@media (max-width: 900px) {
    .deg-imageMain div img { width:100%;}
    .noProdsResp{font-family:Ubuntu-Bold;}
    .modalConfPago{width:calc(90% - 2rem);margin-left:5%;}
}

@media(max-width:700px) {
#DLProductos tbody tr:nth-child(n+3) {border-top:0px solid;}
#DLProductos > tbody > tr > td > div {border-color:black;}
#DLProductos tbody tr:nth-child(1),#DLProductos tbody tr:nth-child(2){border-color:black;}
}

@media(max-width:650px){   
   .sistema{margin-right:0 !Important;margin-left:calc(50% - 8rem) !Important;margin-bottom:.5rem !Important;}
}

/*@media(max-width:620px){
    .bannerPie a{right:calc(30% - 64px);}
}*/

@media (max-width: 600px) {
.icono-compras { float:none; text-align:center;}
.describe-pagos {padding-left:0rem;}
.table-titulo { float:none; margin:0 auto;}
.nModalConf{width:80%;margin-left:10%;}
}

@media (max-width: 550px) {
.logomarca { width:2.5rem;}
.bordes {font-size:1.1rem;}
.circuloPasos {border: 5px solid #00a2ff;}
}

/*@media(max-width:450px){
    .bannerPie a{right:calc(22% - 64px);}
}*/

@media (max-width:400px) {
.columnaPaquete {font-family:Ubuntu-Bold !important;}
.circuloPasos {border: 3px solid #00a2ff;}
.logoMarca {height:2rem;max-height:2rem;min-height:2rem; padding-top:.5rem;}
}
.bordePunteado{width:calc(100% - 1rem - 2px);position:relative;float:left;border:dashed 2px #00a2ff;border-radius:10px;padding:1rem .5rem;}
.tituloBordePunteado{font-size:1.3rem;font-family:Ubuntu-Bold;color:#00a2ff;text-align:center;}
.descAddRegPago{text-align:right;padding-top:.6rem;}
.animaCheck:after, .noAnimaCheck:after{border-right: 10px solid #93ae46;border-top: 10px solid #93ae46;-webkit-box-shadow: 3px -3px 0 0px rgb(255, 255, 255);-moz-box-shadow:3px -3px 0 0px rgb(255, 255, 255);box-shadow:3px -3px 0 0px rgb(255, 255, 255);}

.ocultarFY,.mostrarFD,.mostrarFL,.mostrarFI,.mostrarEA{display:none;}
.mostrarFY,.ocultarFD,.ocultarFL,.ocultarFI,.ocultarEA{display:initial;}

.pagoTC, .pagoPPP, .pagoEfectivo, .pagoTransElect, .pagoPP{width:110px;height:90px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-left:calc(50% - 55px);cursor:pointer;}

.pagoTC{background-image:url('../Imagenes/FY/Pagos/tarjetaCredito.svg');}
.pagoPPP{background-image:url('../Imagenes/FY/Pagos/tarjetaCredito.svg');}
.pagoEfectivo{background-image:url('../Imagenes/FY/Pagos/pagoEfectivo.svg');}
.pagoTransElect{background-image:url('../Imagenes/FY/Pagos/transElect.svg');}
.pagoPP{background-image:url('../Imagenes/FY/Pagos/payPal.svg');}

.contenedorModal{position: relative;width:100%;float:left;}
.topModalPPP{top:140px;width:60% !important;margin-left:20% !important;}

#divPPPlus{height:649px !important;}

.productos .contieneRadios span input[type=radio] + label img{width:100px !important;height:100px !important;}

/*.pagoTC + span::before, .pagoPPP + span::before, .pagoEfectivo + span::before, .pagoTransElect + span::before, .pagoPP + span::before{font-size:.85rem;font-family:'Lato-BoldItalic';}*/

/*.pagos input[type=radio]{margin-top:.5rem;}*/
/*.pagoTC + span::before{content:'Tarjeta de Crédito';}
.pagoPPP + span::before{content:'Visa, Mastercard, Amex';}
.pagoEfectivo + span::before{content:'Pago en Efectivo';}
.pagoTransElect + span::before{content:'Transferencia Electrónica';}
.pagoPP + span::before{content:'Requiere tener cuenta';}*/

/*.pagoTC + span::after, .pagoPPP + span::after, .pagoEfectivo + span::after, .pagoTransElect + span::after, .pagoPP + span::after{content:'\A';white-space:pre;}*/

@media(max-height:870px), (max-width:525px){
     .contenedorModal{max-height:30rem;min-height:30rem;height:30rem;overflow-y:scroll;}
    .topModalPPP{top:15px;}
}

@media(max-height:700px){
    .contenedorModal{max-height:23rem;min-height:23rem;height:23rem;}
    .topModalPPP{top:6rem;}
}

@media(max-height:580px){
    .contenedorModal{max-height:14rem;min-height:14rem;height:14rem;}
}

.contenedorModal::-webkit-scrollbar {width: 7px;}
.contenedorModal::-webkit-scrollbar-track {background-color:#6d6e70;} 
.contenedorModal::-webkit-scrollbar-thumb {background-color:#fbbe00;} 
.contenedorModal::-webkit-scrollbar-button {width:10px;height:10px;}
.contenedorModal::-webkit-scrollbar-corner {background-color: inherit;}


.contenedorModal::-webkit-scrollbar-button:vertical:increment {
    background-image: url('../Imagenes/FY/General/before.png');background-size:contain;background-repeat:no-repeat;
}

.contenedorModal::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../Imagenes/FY/General/next.png);background-size:contain;background-repeat:no-repeat;
}

.tituloModalTerminos{margin-top:3rem;width:90%;max-width:1500px;padding:0;}
.tituloModalTerminos span{color:#5FB0FF;}
.tituloModalTerminos div{width:calc(100% - 6rem);padding:0 3rem;position:relative;float:left;margin-bottom:1rem;}
.cerrarTerminos{top:3.1rem;right:2.1rem !important;text-decoration:none !important;position:absolute;background-image:url('../Imagenes/FL/General/cerrarPopUp.svg') !important;width:20px;height:20px;background-repeat:no-repeat !important;background-size:contain;background-color:transparent !important;padding:0 !important;}

.contieneProductosPie{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100%;background-color:#FFF;padding:2rem 0;align-items:stretch;}
.contProd{margin:0 .2rem 1rem .2rem;width:10rem;text-align:center;padding:1rem 0 .5rem 0;position:relative;background:#ececec;}
.contProd input[type=radio]{position:absolute;top:.5rem;left:.5rem;background-color:white;}
.contProd input[type=radio] + label img{width:3.5rem;height:3.5rem;}

.contieneProd2{display:block;position:relative;cursor:pointer;}
.contieneProd2 input[type=radio] + label{cursor:pointer;}
.contieneProd2 input[type=radio] + label div span{font-size:1rem !important;}
.contieneProd2 input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.contieneProd2 .marcaProd2{background-color:white;}
.marcaProd2{position:absolute;top:-.65rem;left:1.5rem;height:15px;width:15px;border-radius:50%;border:1px solid #a7a7a7;top:-.5rem;left:.5rem}
.contieneProd2  input[type=radio]:checked ~ .marcaProd2{background-color:white;border:10px solid #28ACE3;height:8px;width:8px;}
.contieneProd2 #ContentPlaceHolder2_rbtProductosContables + label img {width: 5rem;height: 4rem;margin-top:0rem;margin-bottom:-.5rem;}


.cfdiMarca{height:4rem !important;max-height:4rem !important;min-height:4rem !important;width:4rem!important;}

/*/*//*/*//*/*//**//*/Mejora de IDs*/
#lblMaster1{font-size:2.2rem;color:#FFC000;font-family:'UbuntuCondensed-Regular';}/*#3fefd9*/
#lblMaster2{font-family:'Ubuntu-Light';font-size:1.1rem;}
#lblASP2{font-size:.8rem;color:#989898;font-family: 'Ubuntu-Italic';}
.redimensionImagen{text-align:center;border:solid 1px #989898;width:calc(100% - 3.2rem)!important;margin-left:.3rem;padding:.5rem .4rem;max-width: 18.2rem;margin-top:.4rem;}
#ContentPlaceHolder1_btnAgregarOtroPago{background-color:#ababab;padding-top:.2rem;}
#ContentPlaceHolder1_btnAgregarOtroPago:hover{background-color:#989898!important;}

#ContentPlaceHolder2_divTituloTiposProducto{font-size:1.1rem;}
#ContentPlaceHolder1_mensajeRecuerda{position:absolute;width:0px!important;height:0px!important;overflow:hidden;}

/*Estilos para el aspx de Precompra*/
/*.renglon{margin-bottom:.5rem;}*/
.btnForm{background-color:#599FF8 !important;border-radius:9px !important;padding:.3rem 1rem !important;font-family:Ubuntu-Regular !important;font-size:1.2rem !important;}
.btnForm:hover{background:#599FF8 !important;}

.gridP{width:100%;margin:1rem 0; background-color:white; border-collapse: initial !important;}
.gridP tbody {color:#706f6f;}
.gridP tbody tr th{font-family: Ubuntu-Bold !important;font-weight:normal !important;}
.gridP tbody tr td:last-child {border-right:#000;}
.gridP tbody tr:last-child td{border-bottom:1px solid transparent;}
.gridP a{display:inline-block;color:#599FF8;}
.gridP tbody tr:first-child td,.gridP tbody tr:first-child th{font-family:Ubuntu-Bold;padding:.3rem 0; background-color:#E9E9E9; color:#5D5C5D; text-align:center;}
.gridP tbody tr td, .gridP tbody tr th, .gridP{-moz-border-bottom-colors:transparent !important; -moz-border-left-colors:transparent; -moz-border-right-colors:transparent; -moz-border-top-colors:transparent;border:none;}
.gridP tbody tr td{padding:.5rem 0;border-right:transparent 1px solid;text-align:center;word-break:break-word;border-bottom:1px solid #D9DADB;}
.cierraModal{color:black !important;font-family:'Ubuntu-Bold';}
.tituloNModal > input[type=submit]:hover{background:white !important;}

.tituloContenedor{border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 8px 1rem 8px 1rem;position: relative;height: auto;vertical-align: middle;margin-left: -1rem;margin-top: -1.5rem;width:100%;margin-bottom: 1rem;color:white;background-color:#599FF8;font-size:1.2rem;font-family: 'Ubuntu-Bold';}
.parpadea{font-family: 'Ubuntu-Bold';}
.formasDePago{border:1px solid #003473;}
.ajustaImg{width:auto !important;}
.quitaBorde{border:none !important;}
@media(max-width:380px){
#imgLogo{display:none;}
}