@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: fuente;
    src: url(latoR.ttf);
}

@font-face {
    font-family: fuenteBold;
    src: url(latoB.ttf);
}

/*ESTILOS GENERALES---------------------------------*/

*[data-prm]{
    opacity:0;
}

body{
    padding: 0px;
    margin: 0px;
    font-family: fuente;
    font-size: 0px;
    text-align: center;
    background: rgba(41, 58, 66, 1);
}

.bodyNoScroll{
    overflow-y: hidden;
}

.bodyNoScrollMargin{
    margin-right: 16px;
}


a, input, select, textarea{
    text-decoration: none;
    outline: none;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
}

b{
    font-weight: normal;
    font-family: fuenteBold;
}

textarea{
    resize: vertical;
}

.coverLoading{
    position: fixed;
    top:0px;
    bottom:0px;
    width:100%;
    background: url(../images/loading2.gif) center no-repeat #fff;
    background-size: 32px 32px;
    z-index: 130;
}

/*GENERALES*/

.botonPbx, .botonPbxI{
    cursor:pointer;
}

.tituloBox{
    padding:20px;
    font-size: 20px;
    color:#0DACB6;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.variosInputCont{
    padding:30px;
}

.inputGeneral{
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    padding:15px;
    color:#222;
    font-family:fuenteBold;
    margin-bottom: 10px;
    font-size: 16px;
}

.iconoGeneral{
    display: inline-block;
    vertical-align: top;
}

.iconoGeneral svg{
    fill:rgba(0,0,0,0.65);
    width: 24px;
    height:24px;
}

.textoGeneral, .numeroGeneral{
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    font-size: 14px;
}

.iconoGeneral + .textoGeneral{
    margin-left: 5px;
}

.boton01{
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-family: fuenteBold;
    color:rgba(255,255,255,1);
    padding: 10px 15px;
    background: rgba(41,58,66,1);
    border:none;
    border-radius: 3px;
    transition: background 0.15s;
}

.boton01:hover{
    background: rgba(41,58,66,0.9);
}

/*--------------*/

.botonColor{
    background:#0dacb6;
    color:#fff;
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
    border-radius: 3px;
    text-transform: uppercase;
    border:none;
}

.botonColor:hover{
    background-color:#109ea7;
}

.botonSimple{
    cursor:pointer;
}

*:hover > .tooltip{
    display: block;
}

.tooltip{
    display: none;
    position: absolute;
    top:calc(100% + 2px);
    right: 0px;
    left: auto;
    padding: 8px 8px;
    font-size: 12px;
    line-height: 12px;
    font-family: fuenteBold;
    color:#fff;
    background: rgba(0,0,0,0.75);
    border-radius: 3px;
    z-index: 1000;
    text-transform: none;
    max-width: 300px;
}

.inputMultiImg{
    display: none;
}

/**/

/*FORMA LOG*/

.formaLoginFondo{
    position: fixed;
    top:0px;
    bottom: 0px;
    width: 100%;
    background-color: #f4f4f4;
}

.formaLoginCont{
    position:relative;
    width: 500px;
    margin:80px auto;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}

.mensajeLogin{
    display: none;
    font-size: 14px;
    font-family:fuenteBold;
    color:rgba(0,0,0,0.5);
    padding:15px;
    background:#fff;
    margin-bottom: 10px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.1);
}

.errorLogin{
    background-color: #ffa75f;
    border-color:#ffa75f;
}

.inputLogin{
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}

.submitLogin{
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-family: fuenteBold;
}

.mainSizer{
    position: relative;
    margin: 0px auto;
    width:1300px;
}

/*IZQUIERDA*/

.barraMenu{
    position: fixed;
    top:0px;
    bottom: 0px;
    width: 350px;
    background: #293A42;
}

.sombraMenuMovil, .sombraBusquedaMovil{
    position: fixed;
}

.cabecera{
    position: relative;
    background-color: #293A42;
    z-index: 100;
}

.cabeceraWrap{
}

.cabeceraLogoCont{
    display: inline-block;
    vertical-align: top;
    width:100px;
    height: 44px;
    background: url(../images/logoTop.png) center no-repeat;
    background-size: 100px 24px;
    transition: background-color 0.2s;
}

.cabeceraLogoCont:hover{
    background-color: rgba(255,255,255,0.1)
}

/*MENU-----------------------------------------*/

.menuCont{
    display: inline-block;
    vertical-align: top;
    position:relative;
    margin: 0px auto;
    text-align: left;
    font-size: 0px;
    padding:0px 20px;
    width:calc(100% - 400px);
}

.menu-desk{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 50px);
}

.menuContNv1{
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}


.linkMenuNv1{
    position: relative;
    display: block;
    padding: 10px 15px;
    color:rgba(255,255,255,1);
    transition: background 0.2s;
}

.nombreMenu{
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 2px;
}

.flechaDropdownWrap{
    position: absolute;
    top: 0px;
    right:0px;
    padding: 14.5px;
    z-index: 1000;
}

.icono-flecha-dropdown-nv1-movil{
    display: none;
}

.menuDropdownWrap{
    display: none;
    position: absolute;
    left:calc(100% - 7px);
    top:0px;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.15);
    z-index: 999;
}

.flechaDropdownNv1{
    display:none;
    position: absolute;
    top:0px;
    right:0px;
}

.flechaDropdownMovil{display: none;}

.menuDDCont{
    position: relative;
}

.menuDDLink{
    display: block;
    font-size: 16px;
    padding: 15px 25px 15px 15px;
    color:rgba(0,0,0,0.85);
    text-transform: uppercase;
    transition:background-color 0.2s;
}

.menuContNv2{
    left:0px;
    top:100%;
    padding-top: 5px;
}

/*ANIMACION DE MENUS*/

.menuDesk .menuContNv1:hover .linkMenuNv1, .linkMenuNv1Act{
    color:rgba(255,255,255,0.95);
    background: rgba(255,255,255,0.1);
}

.menuMovil .menuContNv1:hover .linkMenuNv1{
    color:#BF002D;
    background: rgba(0,0,0,0.03);
}

.menuDesk .menuContNv1:hover > .menuDropdownWrap{
    display: block;
}

.menuDesk .menuContNv1:hover > .flecha-dropdown-nv1{
    display: block;
}

.menuDesk .menuDDCont:hover > .menuDropdownWrap{
    display: block;
}

.menuDDCont:hover{
    background-color: rgba(0,0,0,0.02);
}

/*------------------*/

.seccionActual{
    color:#BF002D;
    font-family: fuente;
}

.seccionActual:hover{
    color: #fff;
}

/*MENU MOVIL*/

.abrirMenuMovil{
    padding: 10px;
    display: none;
}

.menuMovilBack{
    display:none;
    width:100%;
    background:rgba(0,0,0,0.85);
    position: fixed;
    top:0px;
    bottom:0px;
    z-index: 9999;
}

.menuMovilCont{
    background: #fff;
    position: fixed;
    width:30%;
    top:0px;
    bottom:0px;
    right:-30%;
    overflow: scroll;
    z-index: 10000;
}

.menuMovilCont::-webkit-scrollbar{
    width:0px;
    background: rgba(255,255,255,0.1);
}

.menuMovilCont::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
}

.cerrarMenuMovil{
    display: block;
    padding: 5px 10px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.menuMovil{
    display: none;
}

.menuMovilRedesCont{
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

/*MOTOR----------------------------------------*/

.boton-motor{
    display: inline-block;
    vertical-align: top;
    padding: 13px;
}

.motorCabeceraCont{
    display: none;
    position: relative;
}

.inputMotorCabecera{
    padding:30px;
    font-size: 20px;
    text-transform: capitalize;
    width: 100%;
}

.submitMotorCabecera{
    background: url(../images/buscar.png) center no-repeat;
    background-size: 24px 24px;
    position: absolute;
    top:0px;
    bottom:0px;
    right:0px;
    width: 56px;
}

.cabeceraUsuario{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:300px;
    font-size: 0px;
    text-align: right;
}

.cabeceraUsuarioBoton{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    transition: background 0.2s;
}

.cabeceraUsuarioBoton:hover{
    background: rgba(255,255,255,0.1);
}

.cabeceraUsuarioBotonMenu{
    position: absolute;
    top:100%;
    right: 0px;
    display: none;
    background:rgba(41,58,66,1);
}

.cabeceraUsuarioBotonMenuLink{
    display: block;
    padding:10px 15px;
    white-space:nowrap;
}

.cabeceraUsuarioBotonMenuLink .textoGeneral{
    font-size: 16px;
}

.cabeceraUsuarioBotonMenuLink:hover{
    background: rgba(255,255,255,0.1);
}

.cabeceraUsuarioBoton:hover .cabeceraUsuarioBotonMenu{
    display: block;
}

.cabeceraUsuarioBotonAct, .cabeceraUsuarioBotonAct:hover{
    background-color: #FA6;
}

.cabeceraCarritoCont{
    display: none;
    position: absolute;
    top:100%;
    right:0px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    padding: 20px;
    z-index: 100;
}

.cabeceraCarritoLayer{
    display: none;
    position: fixed;
    top:0px;
    bottom:0px;
    width:100%;
    background: rgba(255,255,255,0.8);
    z-index: 99;
}

.cabeceraCarritoCont .listaSeccionSubtitulo{
    display: none;
}

/*ORDEN CONCEPTOS*/

.ordenConceptosCont{
    position: relative;
}

.ordenConcepto{
    width:100%;
    position: relative;
    padding-bottom:15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ordenConcepto + .ordenConcepto{
    margin-top: 5px;
    padding-top:10px;
}

.pbxCuerpo .ordenConcepto{
    width:calc(100% - 60px);
    position: relative;
    margin-left:auto;
    margin-right:auto;
}

.pbxCuerpo .listaSeccionSubtitulo{
    display: none;
}

.ordenConceptoImgCont, .ordenConceptoDatosCont{
    display: inline-block;
    vertical-align: top;
}

.ordenConceptoImgCont{
    width:100px;
    height: auto;
}

.ordenConceptoImgWrap{position: relative;}

.ordenConceptoImgWrap img{
    width:100%;
}

.ordenConceptoDatosCont{
    width:calc(100% - 100px);
    padding-left: 15px;
    line-height: 14px;
    text-align: left;
}


.ordenConceptoNombre{
    font-size: 16px;
    font-family: fuenteBold;
    padding-top: 10px;
    color:rgba(0,0,0,0.85);
}

.ordenConceptoNombre:hover{
    color:rgba(0,0,0.1);
    text-decoration: underline;
}

.cabeceraCarritoCont .ordenConceptoDetalles{
    display: none;
}

.ordenConceptoCantidad{
    padding-top: 5px;
}

.ordenConceptoCantidadTexto, .ordenConceptoCantidadBoton{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
    font-family: fuenteBold;
    padding: 7px 10px;
    background: rgba(0,0,0,0.02);
    border:1px solid rgba(0,0,0,0.1);
    margin-right: 2px;
    transition: background 0.2s;
}

.ordenConceptoCantidadBoton:hover{
    background: rgba(0,0,0,0);
}

.ordenConceptoPrecio{
    font-size: 14px;
    padding-top: 5px;
    font-family: fuenteBold;
}

.ordenConceptoEliminar{
    position: absolute;
    top:0px;
    right: 0px;
    padding: 5px;
    cursor: pointer;
}

.ordenConceptoEliminar svg{
    width:20px;
    height:20px;
    fill:rgba(0,0,0,0.5);
}

.ordenTotalesCont{
    padding: 10px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ordenSubtotal{
    text-align: right;
    font-size: 16px;
    font-family: fuente;
    padding: 5px;
    color:rgba(0,0,0,0.65);
}

.ordenTotal{
    font-family: fuenteBold;
    color:rgba(0,0,0,0.95);
}

.pbxCuerpo .ordenTotalesCont{
   position: relative;
   margin: 0px auto;
   width:calc(100% - 60px);
}

.pbxCuerpo .ordenTotalesCont{
    margin-bottom: 10px;
}

.ordenTopBotones{
    padding-top: 20px;
}

.ordenTopBoton{
    display: inline-block;
    margin-left: 10px;
}

.ordenCarritoVacío{
    font-size: 16px;
    margin-bottom: 15px;
}

.cerrarMenuMovil{
    display: none;
}

/*ORDEN DE LA IZQUIERDA*/

.cabeceraBoton{
    position: relative;
    display:block;
    color:#fff;
    padding: 7px;
    border:none;
    border-radius: 3px;
    width:100%;
    font-size: 16px;
    line-height: 16px;
    font-family: fuenteBold;
    text-transform: uppercase;
    text-align: center;
}

.cabeceraCarritoHL{background: rgba(13,172,182,1);}

.cabeceraCarritoDatos{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
}

.cabeceraCarritoCantidad, .cabeceraCarritoTotal{
    font-size: 12px;
    line-height: 12px;
    font-family: fuenteBold;
    color:rgba(255,255,255,1);
}

.cabeceraLinksCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 400px);
    text-align: left;
}

.cabeceraLinkCont{
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.cabeceraLinkCont svg{
    fill:rgba(255,255,255,0.85);
}

.cabeceraLinkBotonesCont{
    position: absolute;
    top:4px;
    right: 5px;
}

.cabeceraLinkBoton{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    border-radius: 3px;
    margin-left: 2px;
    cursor:pointer;
}

.cabeceraLinkBoton:hover{
    background: rgba(0,0,0,0.05);
}

.botonDirAct, .botonDirAct:hover{
    background: #FA6;
}

.cabeceraLink{
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding:10px;
    transition: background-color 0.2s;
    font-size: 14px;
}

.cabeceraLink .textoGeneral{
    color:rgba(255,255,255,0.85);
}

.cabeceraLink:hover{
    background-color:rgba(255,255,255,0.05);
}

.cabeceraLinkAct, .cabeceraLinkAct:hover{
    background-color:#0dacb6;
}

.botonFicha, .botonFicha:hover{
    background-color: #0dacb6;
}

.flechaScc{
    position:absolute;
    top:calc(50% - 5px);
    right:0px;
}

.flechaScc > polygon{
    fill:#f4f4f4;
}

.cabeceraSeccionActual, .cabeceraSeccionActual:hover{
    background-color:rgba(0,0,0,0.3);
}

.cabeceraPie{
    font-size:14px;
    padding: 20px;
    text-align: center;
    color:rgba(255,255,255,0.85);
    border-top: 1px solid rgba(255,255,255,0.05);
}

.cabeceraCerrarSesion{
    position: relative;
    margin: 0px auto 10px auto;
    font-size:14px;
    color:#FF5151;
    text-align: left;
    display: block;
    text-align: center;
    padding:15px;
    width: 100%;
}

/*PORTADA*/

.seccionPortada{
    background: #fff;
    position: relative;
    margin: 0px auto;
    width:100%;
    text-align: center;
}

.seccionPortada + .seccionPortada{
}

/*SLIDER*/

.sliderCont{
    
}

.slick-slider{
    position: relative;
    margin: 0px auto;
}

.slickSlide{
    position: relative;
    display: block;
}

.sliderLink:after{
    content:'';
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right: 0px;
    border:1px solid rgba(0,0,0,0.1);
}

.slickSlide img{
    width:100%;
}

.sliderCaptionBG{
    position: absolute;
    bottom:0px;
    width: inherit;
    height: 162px;
    z-index: 500;
}

.sliderNoticiasCont{
    padding:0px 15px;
}

.sliderPortadaCaption ,.sliderNoticiasCaption{
    position: absolute;
    display: block;
    bottom:40px;
    text-align: left;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
    width:calc(100% - 60px);
    left:30px;
    background:rgba(0,0,0,0.7);
    padding: 40px;
}

.sliderPortadaCaptionTitulo, .sliderNoticiasCaptionTitulo{
    font-size: 40px;
    letter-spacing: 2px;
    color:#fff;
    position: relative;
    margin: 0px auto;
    width: 100%;
}

.sliderPortadaCaptionDetalles, .sliderNoticiasCaptionDetalles{
    font-size: 18px;
    color:#fff;
    padding-top:20px;
    position: relative;
    margin: 0px auto;
    width: 100%;
}

/*BANNERS*/

.bannerGridCont{
    position: relative;
    margin:0px auto;
}

.bannerCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: center no-repeat;
    background-size: 100%;
    transition: background-size 0.4s;
}

.bannerCont:hover{
    background-size: 105%;
}

.bannerContCaption{
    position: absolute;
    bottom:0px;
    left: 0px;
    width:100%;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    padding: 10px 20px;
    text-align: left;
    text-shadow:0px 1px 1px rgba(0,0,0,0.5);
}

.bannerContNombre{
    font-size: 18px;
    color:#fff;
    font-family: fuenteBold;
}

.bannerContDetalles{
    font-size: 16px;
    padding: 5px 0px;
    color:rgba(255,255,255,0.65);
    white-space: pre-wrap;
}

/*CARRUSEL*/

.carruselPortada{
    position: relative;
    margin: 0px auto;
    text-align: left;
}

.carruselSlider{
    position: relative;
    text-align: left;
}

.carruselSlider .slick-arrow{
    
}

.carruselCont .listaSeccionSubtitulo{
    left:+5px;
}

.carruselPortada .slick-arrow{
    position: absolute;
    top:calc(50% - 30px);
    height:30px;
    width:30px;
    background:rgba(255,255,255,0.7) center no-repeat;
    box-shadow:0px 1px 2px rgba(0,0,0,0.5);
    border:none;
    border-radius: 20px;
    outline: none;
    transition: background-color 0.2s;
    z-index: 100;
}

.carruselPortada .slick-arrow:hover{background-color: rgba(255,255,255,0.9)}

.carruselPortada .slick-next{
    right: -10px;
    background-image: url(../images/iconos/chevron_right.svg);
}

.carruselPortada .slick-prev{
    left: -10px;
    background-image: url(../images/iconos/chevron_left.svg);
}

.carruselPortada .slick-prev svg, .carruselPortada .slick-next svg{
    fill:#fff;
}

/*HTML*/

.htmlCont{
    position: relative;
    margin: 0px auto;
}

/*DERECHA*/

.letreroOcultarSeccion{
    font-size: 16px;
    padding: 20px;
}

.seccionCont{
    position: relative;
    margin: 0px auto;
    display:block;
    vertical-align: top;
    width:100%;
    padding-right:calc((100% - 1300px)/2);
    padding-left:calc((100% - 1300px)/2);
    font-size: 0px;
    text-align: left;
    z-index: 4;
    background: rgba(255,255,255,1);
    min-height: 600px;
}

.cabeceraSeccion{
    position: relative;
    z-index: 100;
    background: #FFF;
    padding: 20px 0px;
    border-bottom: 2px solid rgba(13,172,182,1);
}

.cabeceraSeccionMovil{
    display: none;
}

.abrirMenuMovil{
    display: none;
}

.abrirCabeceraBotonesCont{
    display: none;
}

.cabeceraSeccionNombre{
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-family: fuenteBold;
    color:rgba(13,172,182,1);
    line-height: 20px;
    text-transform: uppercase;
}

.cabeceraSeccionNombre > span{
    font-family: fuenteBold;
}

.cabeceraSeccionBotonesCont{
    display: inline-block;
    vertical-align: top;
    padding: 20px 0px;
}

.cabeceraSeccionBoton{
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    background: #fff;
    padding: 5.5px;
    border:1px solid rgba(0,0,0,0.1);
    margin-left: 5px;
}

    
.cabeceraSeccionBoton .textoGeneral{
    font-size: 15px;
    margin-left: 10px;
    color:#fff;
}

.cabeceraSeccionBoton:hover{
    border-color:rgba(13,172,182,0.8);
}

.cabeceraSeccionBusquedaMovilCont{
    display: none;
    border-top:1px solid rgba(0,0,0,0.05);
}

.abrirBusquedaMovil{
    display: none;
}

.cabeceraSeccionBusquedaCont{
    position: absolute;
    top:12px;
    right: 0px;
}

.sinBusqueda{
    height: 42px;
}

.botonBusquedaMovil{
    display: none;
}

.botonBusquedaAct{
    background-color: #FA6;
    border-color: rgba(0,0,0,0.3);
}

.listaBusquedaInputCont{
    display: inline-block;
    vertical-align: top;
}

.listaBusquedaInputCont + .listaBusquedaInputCont, .cabeceraSeccionBoton + .listaBusquedaInputCont{
    margin-left: 5px;
}

.listaBusquedaInput{
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    color:rgba(0,0,0,0.85);
    border:1px solid rgba(0,0,0,0.05);
    width:100%;
    font-size: 16px;
    line-height: 16px;
    border-radius: 3px;
    background: #fff;
}

/*TOGGLER*/

.listaBusquedaInputToggler{
    display: none;
    vertical-align: top;
    text-align: right;
}

.listaBusquedaInputTogglerAct{
    display: inline-block;
}

.listaBusquedaInputTogglerBoton{
    display: inline-block;
    vertical-align: top;
    background: rgba(255,255,255,0.1);
    padding: 5px 5px 6px 5px;
    border-radius:3px;
    margin-left: 5px;
}

.listaBusquedaInputTogglerBotonAct{
    background: #FA6;
}

/*CHECKOUT*/

/**/

.listaSeccionSubtitulo{
    position: relative;
    font-size: 18px;
    font-family: fuenteBold;
    display: inline-block;
    vertical-align: top;
    color:rgba(0,0,0,0.85);
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 3px solid rgba(13,172,182,1);
}

.listaSeccionLeyenda{
    font-size: 16px;
    padding: 10px 0px 30px 0px;
    text-align: justify;
    white-space: pre-wrap;
}

.checkoutOrdenBoton{
    display: block;
    position: relative;
    padding: 15px;
    text-align: left;
    transition: border-color 0.2s;
    border-radius: 3px;
    border:1px solid #fff;
    font-family: fuenteBold;
}

.checkoutOrdenBoton:hover{
    border-color: rgba(0,0,0,0.1);
}

.checkoutOrdenBotonAct, .checkoutOrdenBotonAct:hover{
    border-color:rgba(13,172,182,1);
}

.checkoutOrdenBotonIcono{
    font-size: 14px;
    top:+5px;
}

.checkoutOrdenBotonTexto{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 115px);
    font-size: 14px;
}

.checkoutOrdenBotonPrecio{
    display: inline-block;
    vertical-align: top;
    width:62px;
    font-size: 14px;
    font-family: fuenteMedium;
    line-height: 24px;
    color:rgba(0,0,0,0.8);
    text-align: right;
}

.checkoutOrdenTotal{
    font-size: 14px;
    font-family: fuenteMedium;
    text-align: right;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding:15px 10px;
    
}

.checkoutLogin{
    padding-bottom: 20px;
}

.checkoutLoginBoton{
    display: inline-block;
}

.izqCheckout, .derCheckout{
    display: inline-block;
    vertical-align: top;
}

.izqCheckout{width:calc(45% - 60px);}


.inputUniCont{
    display: inline-block;
    vertical-align: top;
    width:100%;
}

.inputGeneral{
    font-family: fuente;
    font-size: 16px;
    width:100%;
}

.inputLabel{
    font-family: fuenteBold;
    font-size: 16px;
    padding:0px 0px 10px 5px;
}

.inputUniCont2{
    width:calc((100% / 2) - 15px);
}

.inputUniContSeparador{
    display: inline-block;
    vertical-align: top;
    width:30px;
}

.checkoutDirUniCont{
    text-align: left;
    margin-bottom: 5px;
}

.checkoutDirDatos{
    display: inline-block;
    width:calc(100% - 29px);
    vertical-align: top;
    color:rgba(0,0,0,0.7);
}

.checkoutDirEtiqueta{
    font-size: 16px;
    font-family: fuenteMedium;
    line-height: 24px;
}

.checkoutDirDetalles{
    font-size: 14px;   
}

.checkoutNvaDirCont{
}

.derCheckout{
    width:55%;
    margin-left: 60px;
}

.derCheckout .ordenConcepto{
    width:100%;
}

.derCheckout .ordenConceptoEliminar{
    display: none;
}

.derCheckout .ordenConceptoCantidadBoton{
    display: none;
}

.ordenCheckoutPagos{
    padding-bottom: 20px;
}

.checkoutSubmitCont{
    padding: 20px 0px;
    text-align: right;
}

.checkoutSubmit{
    display: inline-block;
    margin-left: 10px;
}

/*MEDIDAS ESPECÍFICAS PARA CADA TIPO DE INPUT*/

.listaBusquedaID{
    width:80px;
}

.listaBusquedaMotor{
    width:170px;
}

.listaBusquedaInputFecha{
    width:100px;
}

/*RADIO*/

.listaBusquedaRadio{
    border-radius: 3px;
    padding: 0px;
}

.listaBusquedaRadioUniCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:25%;
}

.listaBusquedaRadioUniCont + .listaBusquedaRadioUniCont{
    padding-left: 2px;
}

.listaBusquedaRadioBotonFalso{
    display: block;
    padding: 4px 12px 7px 12px;
    text-align: center;
    text-shadow:0px 1px 2px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.listaBusquedaRadioFlecha{
    position: absolute;
    bottom:-3px;
    left: calc(50% - 8px);
}

.listaBusquedaRadioFlecha polygon{
    fill:#fff;
}


.listaBusquedaRadioTexto{
    font-size: 9px;
    font-family: fuenteBold;
    text-transform: uppercase;
    color:rgba(0,0,0,0.65);
}

.listaBusquedaInputRadioEscondido{
    display: none;
}

/*ANCHOS ESPECÍFICOS PARA CONTENEDORES DE RADIOS*/

.radiosStatusOrdenes{
}

/*SELECT*/

.listaBusquedaSelect{
    text-transform: uppercase;
    padding:7px;
}

.listaBusquedaSelect select option{
    padding: 10px;
    color:rgba(0,0,0,0.65);
    background: #fff;
}

.listaCheckCont{}

.listaCheck{
    border:1px solid rgba(0,0,0,0.1);
    padding: 16px;
    border-radius: 5px;
    font-size: 15px;
    font-family:fuenteBold;
    cursor: pointer;
}

.listaCheckAct{
    background-color: #FA6;
    color:#fff;
    border:1px solid rgba(0,0,0,0.3);
}

.listaCheckInput{
    display: none;
}

.listaBusquedaEtiqueta{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
    color:#fff;
    padding: 9px 5px 8px 5px;
}

/*CABECERA SECCION ITEM*/

.cabeceraSeccionItem{
    position: relative;
    padding:10px;
    background: rgba(255,255,255,0.85);
    font-size: 0px;
}

.cabeceraSeccionItemImgCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.cabeceraSeccionItemImgWrap{
    position: relative;
}

.cabeceraSeccionItemImgWrap img{
    width:100%;
}

.cabeceraSeccionItemDatosCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 80%;
}

.cabeceraSeccionItemNombre{
    font-size: 18px;
    color:#0DACB6;
}

.cabeceraSeccionItemDetalles{
    font-size:14px;
    color:rgba(0,0,0,0.85);
}

/*LISTAS*/

.listaSeccionCont{
    position: relative;
    padding:30px 0px; 
}

.listaSeccionContNombre{
    padding-bottom: 10px;
    font-size: 18px;
    font-family: fuenteBold;
    color:rgba(0,0,0,0.65);
}

.listaSeccionContTexto{
    font-size: 16px;
    color:rgba(0,0,0,0.85);
    white-space: pre-wrap;
}

.breadcrumbLink{
    color:#0DACB6;
}

.breadcrumbLink:hover{
    text-decoration: underline;
}

.breadcrumbActual, .breadcrumbActual:hover{
    font-family: fuenteBold;
    text-decoration: none;
    color:rgba(0,0,0,0.65);
}

.listaSeccionCabecera{
    position: relative;
    background: rgba(255,255,255,1);
    margin-bottom: 8px;
    border-bottom:5px solid rgba(13,172,182,1);
}

.listaSeccionCabeceraImgCont{
    display: inline-block;
    vertical-align: top;
    width:150px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.listaSeccionCabeceraImgWrap{
    position: relative;
    width:100%;
}

.listaSeccionCabeceraImgCont img{
    width:100%;
    height: auto;
}

.listaSeccionCabeceraDatos{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 150px);
    padding: 10px;
}

.listaSeccionCabeceraImgCont + .listaSeccionCabeceraDatos{
    padding-left: 0px;
}

.listaSeccionCabeceraNombre{
    font-family: fuenteBold;
    font-size: 16px;
    line-height: 16px;
}

.listaSeccionCabeceraSKU{
    font-size: 14px;
    font-family: fuenteBold;
    padding: 2px 0px;
}

.listaSeccionCabeceraDetalles{
    font-size: 14px;
    font-style: italic;
    color:rgba(0,0,0,0.5);
    padding: 5px 0px;
}

.listaSeccionCabeceraPrecio{
    font-size: 16px;
    font-family: fuenteBold;
}

.listaSeccionContNombre{
}

.listaSeccionContNombre .textoGeneral{
    font-size: 16px;
    font-family: fuenteBold;
}

.listaSeccionContDetalles{
    font-size: 16px;
}

.listaSeccionSubseccionCont{
    position: relative;
    background: #fff;
    margin-bottom: 8px;
    padding: 10px;
}

.listaSeccionCargando{
    position: absolute;
    top:0px;
    bottom:0px;
    width:100%;
    padding: 5px;
    background: url(../images/loading.svg) center no-repeat rgba(255,255,255,0.85);
    background-size: 60px 60px;
    z-index: 100;
}

.listaSeccionCargando .textoGeneral{
    color:rgba(0,0,0,0.65);
    font-size: 14px;
    font-family: fuenteBold;
    padding-left: 5px;
}

.itemDrag{
    display: block;
}

.itemDragHandle{
    cursor:move;
}

/*ITEM CONT*/

.itemCont{
    display:block;
    background: #fff;
    position: relative;
    width: 100%;
    background: rgba(255,255,255,0);
    border:1px solid rgba(0,0,0,0.05);
    border-radius: 3px;
    transition: border-color 0.2s, background 0.2s;
}

.itemCont + .itemCont{
    margin-top: 2px;
}

.itemCont:hover{
    border-color:rgba(13,172,182,1);
}

.itemContVerItem{
    opacity: 0.5;
}

.itemContHL{
    /*rgb(255, 170, 102)*/
    border-color:rgba(13,172,182,1);
    background: rgba(13,172,182,0.03);
}

.nuevaNtf{
    background: rgba(13,172,182,0.2);
}

/*MARCA DE USUARIO EN ORDEN*/

.itemMarcaCont{
    padding: 5px;
    background:rgba(255,168,0,0.5);
}

.itemMarcaCont .textoGeneral{
    font-size: 14px;
    width:calc(100% - 50px);
}

/* BOTONES DE ITEM */

.itemBotonesCont{
    position: absolute;
    top:0px;
    right:0px;
    z-index: 5;
    font-size: 0px;
}

.itemBoton{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding:5px;
    cursor:pointer;
    text-align: center;
}

.itemBoton:hover svg{
    opacity: 0.85;
}

.itemBoton .textoGeneral{
    font-size: 14px;
    line-height: 20px;
    color:rgba(0,0,0,0.65);
    font-family:fuenteBold;
    text-transform: uppercase;
    padding: 0px 7px;
}

.itemBoton .numeroGeneral{
    font-size: 16px;
    font-family: fuenteBold;
    line-height: 20px;
    margin-left:5px; 
}


/*IMAGEN Y DATOS DE ITEM*/

.itemContLink{
    position: relative;
    display: block;
    font-size: 0px;
    text-align: left;
    z-index: 1;
}

.itemImgCont, .itemImgIconoCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:120px;
    padding: 5px;
}

.itemImgWrap, .itemImgIconoWrap{
    position: relative;
    width:100%;
    height: auto;
}


.itemImgWrap > img, .itemImgIconoWrap > img{
    width: 100%;
    height: auto;
}


.itemImgIconoCont{
    width:60px;
    padding: 10px;
}


.itemDatosCont{
    display: inline-block;
    vertical-align: top;
    width:100%;
    text-align: left;
    padding: 10px;
    color:rgba(0,0,0,0.6);
}

.itemImgCont + .itemDatosCont{
    width:calc(100% - 120px);
    padding-left: 5px;
}

.itemImgIconoCont + .itemDatosCont{
    width:calc(100% - 60px);
    padding-left: 0px;
}

a.itemDatosContLink{
    color:rgba(0,0,0,0.65);
}

.itemNombre{
    font-size: 16px;
    font-family: fuenteBold;
    line-height: 20px;
    padding-right: 120px;
}

.itemNombre > a.botonPbx{
    color:#0dacb6;
}

.itemNombre i.material-icons{
    position: relative;
    top:-2px;
}

.itemNombre .textoGeneral{
    font-size: 16px;
}

.itemSubNombre{
}

.itemSubNombre .textoGeneral{
    font-size: 16px;
}

.iconoCerrado{color:#ff5151;} 
.iconoAbierto{color: #8ad11e;}

.itemRuta{
    display: inline-block;
    vertical-align: top;
}

/*PRD BOX*/

.prdBox{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:calc(33.33% - 10px);
    margin: 0px 5px 15px 5px;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0);
    transition: background 0.2s, box-shadow 0.2s;
}

.prdBox:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.botonFav{
    position: absolute;
    top:5px;
    right: 5px;
    z-index: 100;
}

.prdBoxImgCont{
    width:100%;
    display: block;
}

.prdBoxImgWrap{
    position: relative;
    width:100%;
    height: auto;
}

.prdBoxImgWrap > img{
    width: 100%;
    height: auto;
}


.prdBoxDatosCont{
    width:100%;
    display: block;
    padding: 15px;
    border:1px solid rgba(0,0,0,0.1);
    border-top: none;
}

.prdBoxNombre{
    padding: 0px;
    font-size: 16px;
    font-family: fuenteBold;
    color:rgba(0,0,0,0.65);
}

.prdBoxDetalles{
    display: none;
}

.prdBoxBotonAC{
    position: absolute;
    bottom:15px;
    right: 15px;
}

.botonAC{
    background: rgba(13,172,182,1);
    border-radius: 5px;
    padding: 5px;
    transition: background-color 0.2s;
    cursor:pointer;
}

.botonAC:hover{
    background-color: rgba(236, 161, 100,1)
}

.itemMasUno{
    position: absolute;
    top:0px;
    left: 0px;
    padding: 5px;
    border-radius: 5px;
    background: #FA6;
}

.itemMasUno svg{
    fill:#fff;
}

/*CATÁLOGO*/

.catalogoCont{
    padding: 30px 0px;
}

.formaCatalogoCont{
    display: inline-block;
    vertical-align: top;
    width:240px;
    margin-right: 30px;
    padding: 15px;
    border:1px solid rgba(0,0,0,0.1);
}

.formaCatalogoInputCont{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}

.formaCatalogoInputLabel{
    font-size: 14px;
    color:rgba(0,0,0,0.5);
    padding: 0px 0px 5px 5px;
}

.formaCatalogoInput{
    padding: 10px;
    font-size: 16px;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
    margin-bottom: 5px;
    border-radius: 5px;
    width:100%;
}

.formaCatalogoInputCont2{
    width:calc(50% - 10px);
}

.formaCatalogoInputCont2 + .formaCatalogoInputCont2{
    margin-left: 20px;
}

.formaCatalogoSubmit{
    width:100%;
}

.listaCatalogoCont{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 270px);
}

.listaCatalogoCont .listaSeccionSubtitulo{
    display: block;
    text-transform: uppercase;
}

/*PAGINACION*/

.paginacionCont{
    text-align: right;
    padding: 10px 0px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.paginaLink{
    display: inline-block;
    padding: 5px 8px;
    border-radius: 40px;
    font-size: 12px;
    font-family: fuenteBold;
    line-height: 12px;
    text-align: center;
    color:rgba(0,0,0,0.85);
    border:1px solid #ddd;
    margin-left: 5px;
    transition: background 0.2s;
}

.paginaLink:hover{background:#ddd;}

.paginaActual, .paginaActual:hover{
    border:1px solid rgba(13,172,182,1);
    background: rgba(13,172,182,1);
    color:rgba(255,255,255,0.85);
}

/*ORDENES*/

.ordenPbxDatosCont{
    position: relative;
    border-radius: 3px;
    font-size: 16px;
    padding:0px 10px 10px 10px;
}

.ordenPbxDatosNombre{
    font-family: fuenteBold;
}

.ordenPbxDatosReferencias{
    font-style: italic;
    padding-top: 10px;
    color:rgba(0,0,0,0.65);
}

.ordenPbxConceptosCont{
    position: relative;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-bottom:10px solid rgba(0,0,0,0.1);
    border-radius:3px;
}

.ordenPbxConceptosCliente{
    font-size: 14px;
    font-family: fuenteBold;
    padding: 10px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    color:rgba(0,0,0,0.65);
    background: rgba(0,0,0,0.05);
}

.ordenPbxConceptoCont + .ordenPbxConceptosCliente{
    border-top:1px solid rgba(0,0,0,0.1);
}

.ordenPbxConceptoCont{
    position: relative;
    padding: 10px;
}

.ordenPbxConceptoImgCont{
    display: inline-block;
    vertical-align: top;
    width:100px;
    margin-right: 10px;
}

.ordenPbxConceptoImgWrap{
    position: relative;
    width:100%;
}

.ordenPbxConceptoImgWrap img{
    width:100%;
    height: auto;
}

.ordenPbxConceptoDatosCont{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 110px);
}

.ordenPbxConceptoIndi{
    border-top:1px solid rgba(0,0,0,0.1);
}

.ordenPbxConceptoCantidad, .ordenPbxConceptoNombre{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.ordenPbxConceptoCantidad{
    width:30px;
}

.ordenPbxConceptoNombre{
    width:calc(100% - 100px);
}


.ordenPbxConceptoEspecs{
    font-style: italic;
    color:rgba(0,0,0,0.5);
}

.ordenPbxConceptoTotal{
    position: absolute;
    top:10px;
    right:10px;
    font-size: 14px;
    font-family: fuenteBold;
    width:70px;
    text-align: right;
}

/*****MARCAS*********/

.ordenPbxDatosMarca{
    background: #ffff99;
    border-radius: 3px;
    padding: 10px 15px;
    color:rgba(0,0,0,0.65);
}

.ordenPbxMarcaNombre{
    font-family: fuenteBold;
    font-size: 16px;
    padding-bottom: 5px;
}

.ordenPbxMarcaDetalles{
    font-size: 14px;
    text-align: justify;
}

/****MODOS************/

.ordenPbxModoCont{
    position: relative;
}

.ordenPbxModoSelect{
    position: relative;
    width:100%;
    padding: 10px;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    font-size:14px;
}

/*****DESCUENTOS*****/

.ordenPbxDescuentosCont{
    position: relative;
}

.ordenPbxDescuentoCont{
    position: relative;
    margin-top: 2px;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    background: #ffff66;
}

.ordenPbxDescuentoConcepto{
    font-size: 14px;
    font-family: fuenteBold;
    padding: 10px 100px 10px 10px;
    color:rgba(0,0,0,0.85);
}

.ordenPbxDescuentoCantidad{
    position: absolute;
    top:10px;
    right: 10px;
    font-size: 14px;
}

.ordenPbxTotalesCont{
    padding: 10px 0px;
}

.ordenPbxTotalCont{
    position: relative;
    text-align: right;
    padding:5px 11px; 
}

.ordenPbxTotalNombre, .ordenPbxTotalCantidad{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: fuenteBold;
}

.ordenPbxTotalNombre{
    width:calc(100% - 100px);
}

.ordenPbxTotalCantidad{
    width:100px;
}

.ordenPbxStatusCont{
}

.ordenPbxStatusUniCont{
    position: relative;
    margin: 0px auto;
    text-align: left;
    border-radius: 3px;
    margin-top: 2px;
}

.ordenPbxStatusNombre, .ordenPbxStatusFecha, .ordenPbxStatusUsuario{
    display: inline-block;
    vertical-align: top;
    color:#fff;
    font-size: 14px;
    line-height: 20px;
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
    padding: 7px;
}

.ordenPbxStatusNombre{
    width:100px;
    font-family: fuenteBold;
    text-transform: uppercase;
}

.ordenPbxStatusUsuario{
    width:170px;
}

.ordenPbxStatusFecha{
    position: absolute;
    top:0px;
    right:0px;
}

.ordenPbxStatusDetalles{
    display:inline-block;
    width:100%;
    padding: 0px 7px 7px 7px;
    color:rgba(255,255,255,0.85);
    font-size: 14px;
    font-style: italic;
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

.itemCabecera{
    padding: 5px 5px 0px 5px;
}

.itemCabeceraDato{
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    margin-right: 3px;
    padding: 3px 8px;
    color:rgba(0,0,0,0.65);
    font-size: 16px;
    font-family: fuenteBold;
    line-height: 20px;
}

.itemCabeceraNombre{padding-left: 5px;}
.itemCabeceraUsuario{background:rgba(0,0,0,0.03);}
.itemCabeceraRegTipo{
    background: rgba(13,172,182.1);
    text-transform: uppercase;
}
.itemCabeceraOrigen{
    text-shadow:0px 1px 2px rgba(0,0,0,0.2);
    padding:3px 5px;
}

.itemCabeceraStatus{
    font-size: 14px;
    text-transform: uppercase;
    color:#fff;
}

.actividadpendiente{background: #FF5151;}
.actividadavanzada{background: #FA6;}
.actividadterminada{background: #8ad11e;}

.itemCabeceraDatos{
    background: none;
    color:rgba(0,0,0,0.65);
}

.datoHL{
    font-family: fuenteBold;
    color:#0dacb6;
    text-transform: capitalize;
}

.itemDatoBold{
    font-size: 16px;
    font-family: fuenteBold;
}

.itemOrg{
    font-size: 16px;
    font-family: fuenteBold;
}

.itemDetalles{
    font-size: 14px;
    padding: 5px 0px;
    text-align: justify;
    white-space: pre-wrap;
    width:calc(100% - 120px);
}

.itemNombre + .itemDetalles{
    width:100%;
}

.itemDatoSimple{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: fuenteBold;
    margin-right:20px;
}

.itemDatoSimple i.material-icons{
    margin-right: 5px;
}

.itemDatosStatus{
    padding: 0px 10px 8px 10px;
}

.itemDatoStatus{
    display: inline-block;
    vertical-align: top;
    margin-right:3px;
    font-size: 14px;
    font-family: fuenteBold;
    border-radius: 3px;
    padding: 3px 5px;
    color:rgba(13,172,182,1);
    border:1px solid rgba(13,172,182,1);
    border-radius: 3px;
    background: rgba(255,255,255,0.3);
}

.datoStatusRojo{
    border-color:#ff5151;
    color:#ff5151;
}

.itemStatus{
    display: inline-block;
    border-radius: 3px;
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
    margin-top: 5px;
}

.itemStatusNombre{
    display: inline-block;
    padding: 5px 8px;
    color:#fff;
    font-family: fuenteBold;
    font-size: 12px;
    text-transform: uppercase;
}

.itemStatusDetalle{
    display: inline-block;
    padding: 5px 8px;
    color:#fff;
    font-size: 12px;
    font-style: italic;
    background: rgba(0,0,0,0.3);
    border-radius: 0px 3px 3px 0px;
}

/*--------------*/

.itemFecha{
    position: absolute;
    bottom:0px;
    right: 0px;
    color:rgba(0,0,0,0.5);
    font-size: 12px;
    line-height: 12px;
    padding: 5px 10px;
}

/*ITEM LISTA CONT*/

.itemContListaCont{
    display: none;
    font-size: 14px;
    padding: 10px;
    background: rgba(0,0,0,0.02);
}

.itemContListaItem{
    position: relative;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 2px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    background: rgba(255,255,255,0.5);
    min-height: 42px;
}

.itemContListaItem:hover{
    background-color: rgba(0,0,0,0.05);
}

.botonPrgDgn{
    display: inline-block;
    vertical-align: top;
    width:20px;
}

.itemContListaItem i.material-icons{
    margin-right: 3px;
    vertical-align: top;
}

.itemContListaItemDetalles .textoGeneral{
    width: calc(100% - 120px);
    white-space: pre-wrap;
}

.itemContListaItemBotonesCont{
    position: absolute;
    top:4px;
    right: 5px;
    font-size: 0px;
}

/*ITEM MULTIDATO*/

.itemMultiDatosCont{
    position: relative;
    padding-top: 5px;
    z-index: 2;
}

.itemMultiDatosDato{
    position: relative;
    display: inline-block;
    margin:0px 5px 5px 0px;
    vertical-align: top;    
}


.itemMultiDatosDatoTexto{
    position: relative;
    padding: 3px 5px;
    background: #0DACB6;
    border-radius: 3px;
    color:#fff;
    font-size: 14px;
    font-family: fuenteBold;
    z-index: 2;
}

.porcionAgotada .itemMultiDatosDatoTexto{background-color: #ff5151;}

.letreroAgregandoNvoCon{
    position: absolute;
    width:100px;
    top:0px;
    padding: 5px;
    font-size: 14px;
    font-family: fuenteBold;
    color:#fff;
    background: rgba(0,0,0,0.85);
    border-radius: 3px;
}

/*ORDEN SLIDER*/

.ordenSlide{
    font-size: 18px;
    line-height: 15px;
}

/*HISTORIAL DIAGNOSTICO*/

.tablaHistorialDiagnostico{
    position: relative;
    margin: 0px auto;
    border-radius: 3px;
    width:calc(100% - 60px);
    font-size:14px;
}

.tablaHistorialDiagnostico td{
    padding: 10px;
    border:1px solid rgba(0,0,0,0.1);
}

tr.tablaHistorialDiagnosticoCabecera{
    background: rgba(0,0,0,0.05);
    color:rgba(0,0,0,0.65);
    font-family: fuenteBold;
}

/*GALERIA*/

.galeriaImgUniCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: auto;
}

.galeriaImgUniCont > a.lightbox{
    position: relative;
    z-index: 9;
}

#imagelightbox{
    position:fixed;
    z-index:10001;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.6);
}

.galeriaImgBotonesCont{
    position:absolute;
    bottom:0px;
    width:100%;
    padding: 5px;
    text-align: right;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    z-index: 10;
}

.galeriaImgUniCont img{
    width: 100%;
    height: auto;
}

.galeriaImgBoton{
    padding: 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left:2px;
    border-radius: 5px;
}

.galeriaImgBoton:hover{
    background: rgba(0,0,0,0.5);
}

/*CONFIGURACION*/

.selectOrden{
    display: none;
}

.configOrdenCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:30px;
    height: 100%;
}

.configOrdenCont .itemBoton{
    top:calc(50% - 15px);
}

.configDetalles{
    font-size: 14px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 300px);
    padding: 5px;
}

.configOrdenCont + .configDetalles{
    width: calc(100% - 340px);
}

.configValorFijo{
    font-size: 14px;
    position: relative;
    display: block;
    vertical-align: top;
    padding: 0px 20px 20px 20px;
    color:#0DACB6;
}

.inputConfigCont{
    display: inline-block;
    vertical-align: top;
    width:270px;
    text-align:right;
    padding: 5px;
}

.inputConfig, .inputConfigCliente{
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 5px;
    text-align: left;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.3);
}

.inputConfigUnicheck, .inputConfigClienteUnicheck{
    display: inline-block;
    padding: 4px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.3);
    width:40px;
    height: 40px;
    padding: 9px;
}

.inputConfigSelect, .inputConfigClienteSelect{
    text-transform: capitalize;
}

.inputConfigTextoLargo, .inputConfigClienteTextoLargo{
    height: 80px;
    resize:vertical;
}

.inputConfigArchivoNombre{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding:9px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.3);
    color:rgba(0,0,0,0.65);
    line-height: 20px;
}

.inputConfigArchivoBoton{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding:9px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.3);
    color:rgba(0,0,0,0.65);
    line-height: 20px;
    margin-left: 5px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    font-family: fuenteBold;
}

.inputConfigArchivoBoton:hover{
    color:rgba(0,0,0,0.85);
    background: rgba(255,255,255,0.5);
}

.inputConfigArchivo{
    display: none;
}

/*****PROBOX*****************************/


.pbxBack{
    display:none;
    background:rgba(41, 58, 66, 0.5);
    position:fixed;
    width:100%;
    height: 100%;
    text-align:center;
    z-index:10000;
    overflow-y: scroll;
}

.pbxBack::-webkit-scrollbar{
    width:0px;
}

.pbxCont{
    display: none;
    position:absolute;
    top:20px;
    left:calc(50% - 300px);
    width: 600px;
    text-align:center;
    box-shadow:0px 0px 15px rgba(0,0,0,0.5);
    overflow:hidden;
    z-index:10001;
    margin-bottom: 20px;
    border-radius: 5px;
}

.cargandoPbx{
    background: #fff;
    padding:5px 0px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    display: none;
}

.cargandoPbx img{
    width:25px;
    height:25px;
}

.pbxRespCont{
    display: none;
    position: relative;
    font-size: 14px;
    color:#fff;
    background: #8AD11E;
    padding: 15px 60px;;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-family: fuente;
}

.pbxRespError{background: #FF5151;}

#formaImgPrin{
    display: none;
}
.pbxTitulo{
    text-transform: uppercase;
    padding:25px;
    font-size: 18px;
    font-family: fuente;
    color:rgba(255,255,255,1);
    background: rgba(41, 58, 66, 1);
    text-align:center;
    display:block;
}

.pbxTituloBotonCerrar{
    position: absolute;
    top:0px;
    right:0px;
    padding: 10px;
    cursor:pointer;
}

.pbxSubTitulo{
    text-transform: none;
    position: relative;
    font-size: 18px;
    font-family:fuenteBold;
    color:rgba(13,172,182,1);
    padding-top: 2px;
}

.pbxCuerpo{
    text-align:center;
    font-size: 0px;
    padding: 24px 0px 14px 0px;
    background: #fff;
}

.eliItemNombre{
    display: block;
    font-family: fuenteBold;
}

.subtituloPbx{
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 15px 10px 15px;
}

.subtituloPbx span{
    display: block;
    font-family: fuenteBold;
}

.imagenPrinPbxCont{
    position: relative;
    margin: 0px auto;
    margin: 0px auto 10px auto;
    width: 100%;
    padding: 10px 0px;
    background: center no-repeat rgba(0,0,0,0.05);
    background-size:contain;
    border-radius: 3px;
}

.imagenPrinPbxCont img{
    width: auto;
    height: 200px;
}

.botonImgPrin{
    position: absolute;
    bottom:10px;
    right: 10px;
    background:#fff;
    border-radius: 3px;
}

.botonInputFilePbx:hover{
    color:#0DACB6;
    background: linear-gradient(#ffffff,#f9f9f9);
}

.inputFilePbxNombre{
    display: inline-block;
    vertical-align: top;
    width:50%;
    padding:15px;
    font-size: 16px;
    color:#333;
    border-left: none;
    background: #fff;
}

.textoEliminarPbx{
    font-size: 14px;
    padding:20px;
}

.inputPbxCont{
    position: relative;
    margin: 10px auto;
    width: calc(100% - 60px);
}

.pbxSubCont{
    position: relative;
    padding: 0px 10px 15px 10px;
    background: rgba(0,0,0,0.05);
    border-radius: 3px;
}

.pbxSubCont .inputPbxLabel:first-child{
    border-radius: 3px;
    padding: 10px 0px;
    color:rgba(13,172,182,1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 8px;
}

.seccionPbx{
    margin: 0px auto;
    width: calc(100% - 60px);
}

.inputPbxCont select{
    text-transform: uppercase;
}

.inputPbxContHidden{
    display: none;
}

.inputPbxLabel{
    font-size: 16px;
    line-height: 16px;
    padding:0px 10px 8px 10px;
    text-align: left;
    color:rgba(0,0,0,0.8);
    font-family: fuenteBold;
}

.inputPbxLabelDetalles{
    font-size: 14px;
    font-family: fuente;
    font-style: italic;
    color:rgba(0,0,0,0.6);
}

.inputPbx + .inputPbxLabel{
    padding-top: 7px;
}

.inputPbx{
    width:100%;
    font-size: 16px;
    padding:10px;
    color:rgba(0,0,0,0.85);
    outline: none;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition: border-color 0.2s;
}

.inputErrorHL{
    border:1px solid #ff5151;
}

.inputError{
    color:#ff5151;
    line-height: 16px;
    padding-left: 5px;
}

.inputError i.material-icons{
    color:#ff5151;
    font-size: 12px;
    line-height: 12px;
    width:12px;
    height: 12px;
}

inputPbxCont .inputError{
    padding:0px 10px;
}

.inputPbx:hover{
    border-color:rgba(0,0,0,0.2);
}

.inputPbx:focus{
    border-color:#0DACB6;
}

.imagenAnteriorPbx{
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

.imagenAnteriorPbx img{
    width: 60%;
    height: auto;
}

.inputPbxTextarea{
    height:100px;
    font-weight: normal;
    max-width: 100%;
    resize: vertical;
}

.textareaXL{
    height: 300px;
    resize: vertical;
}

.radioContPbx{
    font-size: 0px;
    display: block;
    background: #fff;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
}

.radioContTituloPbx{
    font-size: 14px;
    padding: 15px 0px 10px 0px;
    text-align: center;       
}

.radioUniContPbx{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 20%;
}

.botonRadioInvisiblePbx{
    display: block;
    padding: 10px 0px;
    color:rgba(0,0,0,0.5);
    font-family:fuenteBold;
    border:1px solid rgba(0,0,0,0.1);
    text-align: center;
}

.botonRadioInvisiblePbxActivo{
    background-color: #0DC2FF;
}

.radioInvisiblePbx{
    display: none;
}


.textoUnicheckPbx{
    width:100%;
    font-size: 16px;
    padding:15px;
    color:rgba(0,0,0,0.85);
    outline: none;
    background: rgba(0,0,0,0.05);
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition: border-color 0.2s;
    text-align: left;
}

.unicheckPbxCont:hover{
    background-color: #ffffcc;
}

.unicheckAct, .unicheckAct:hover{
    background-color: #FA6;
    color:#fff;
}

.unicheckPbxFalso{
    padding:3px;
    border-radius: 3px;
    position: absolute;
    top:calc(50% - 15px);
    right: 10px;
    background: #fff;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    cursor: pointer;
}

.unicheckPbxFalsoAct{
    background: url(../images/check40x40.png) center no-repeat #fff;
    background-size: 20px 20px;
}

.inputUnicheckPbx{
    color:#000;
    display: none;
}

.inputMultiCheckCont, .inputCuadriCheckCont{
    position: relative;
    margin: 0px auto;
    padding:0px 0px 10px 0x;
    text-align: left;
}

.checkPbx{
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #f5f5f5;
    padding:10px;
    margin:0px 2px 2px 0px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    font-size: 14px;
    font-family:fuenteBold;
    color:rgba(0,0,0,0.5);
    background: #fff;
    cursor: pointer;
    text-align: center;
}


.checkPbx:hover{
    border-color:rgba(0,0,0,0.2);
}

.checkPbxAct{
    background-color: #FA6;
    color:#fff;
}

.multicheckDias{
    width:calc((100% / 7) - 2px);
}

.multicheckUsuarios{
    width:calc((100% / 2) - 2px);
}

.inputMultiCheckIconosCont{
    position: relative;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    background: rgba(0,0,0,0.02);
}

.inputMultiCheckIconosCont + .inputMultiCheckIconosCont{
    margin-top: 10px;
}

.inputMultiCheckIconosCont:hover{
    background: rgba(0,0,0,0.05);
}

.labelMulticheckIconos{
    font-size: 16px;
    padding: 15px 15px 16px 15px;
}

.multicheckIconosCont{
    position: absolute;
    top:4px;
    right:3px;
}

.checkIcono{
    position: relative;
}

.ui-datepicker{font-size: 12px;}

/*HORA*/

.inputFhFecha{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 240px);
}

.inputFhHora, .inputFhMinuto, .inputFhAmfm{
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    width:70px;
}

.radioPbxUniCont{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.radioPbxUniCont input{
    display: none;
    position: absolute;
    top:0px;
}

.botonRadioPbxChecked{
    background: #FA6;
}

/*LISTA*/

.listaPbx{
    width:100%;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition: border-color 0.2s;
    min-height: 41px;
}

.listaPbxInputCont{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.listaPbxInputBusqueda{
    width:100%;
    font-size: 16px;
    padding:10px;
    color:rgba(0,0,0,0.85);
    border:none;
    outline: none;
}

.listaPbxWrap{
    min-height: 20px;
}

/*ARCHIVO*/

.archivoPbxCont{
    position: relative;
    margin: 0px auto;
    border-radius: 3px;
    width: calc(100% - 60px);
}

.botonArchivo, .nombreArchivo{
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.botonArchivo{
    position: relative;
    width: 35%;
    padding: 9px 10px 10px 10px;
    font-family: fuenteBold;
    text-align: center;
    background: #f5f5f5;
    color:rgba(0,0,0,0.85);
    border-radius: 0px 3px 3px 0px;
    border:1px solid rgba(0,0,0,0.1);
    border-left: none;
}

.botonArchivo:hover{
    background-color: #f9f9f9;
}

.botonArchivo i.material-icons{
    margin-right: 5px;
}

.botonArchivo .textoGeneral{
    font-size: 16px;
    line-height: 20px;
}

.nombreArchivo{
    font-size: 16px;
    width: 65%;
    padding:10px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px 0px 0px 3px;
    text-align: left;
}

.inputFileArchivo{
    display: none;
}

/*LOG DE MODIFICACIONES*/

.logPbxUniCont{
    position: relative;
    margin:0px auto;
    width:calc(100% - 60px);
    border:1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    transition: background 0.2s;
}

.logPbxUniCont:hover{
    background: rgba(13,172,182,0.15);
}

.logPbxUniCont + .logPbxUniCont{
    margin-top: 5px;
}

.logPbxCabecera{
    position: relative;
    text-align: left;
}

.logPbxProceso, .logPbxUsuario, .logPbxFecha{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 5px;
}

.logPbxProceso{
    text-transform:capitalize;
    width:80px;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.logPbxUsuario{
    width:290px;
}

.logPbxFecha{
    width:calc(100% - 370px);
    text-align: right;
}

.logPbxDetalles{
    width:100%;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 5px;
    background: rgba(0,0,0,0.05);
}

/*SUBMIT PROBOX*/

.submitPbxCont{
    position: relative;
    text-align:center;
    font-size:0px;
    white-space: nowrap;
    padding:20px 0px;
    background: #fff;
}

.pbxCuerpo + .submitPbxCont{
    padding:0px 0px 28px 0px;
}

.pbxSubmitSeparador{
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.submitPbx{
    font-size: 15px;
    font-family:fuenteBold;
    display:inline-block;
    width: 30%;
    vertical-align: top;
    padding: 12px;
}
.aceptarPbx{}

.submitPbxLayer{
    position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
    background:url(../images/loading.svg) no-repeat rgba(255,255,255,0.8);
    background-position: 50% 50%;
    background-size: 30px 30px;
}


/*AFTER*/

.itemImgWrap:after, .itemImgIconoWrap:after, .prdBoxImgWrap:after, .seccionItemCabeceraImgWrap:after,
.galeriaImgUniCont:after, .itemListaImgWrap:after, .conceptosLogo:after, .cabeceraSeccionItemImgWrap:after,
.listaSeccionCabeceraImgWrap:after, .ordenConceptoImgWrap:after, #prdDispImg:after{
    content:'';
    position: absolute;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border:1px solid rgba(0,0,0,0.1);
}

/*TABLA INFORMES*/

.tablaInformes{
    width:100%;
}

.tablaInformes td{
    border:1px solid #fff;
    font-size: 12px;
    padding: 5px;
    background: rgba(0,0,0,0.05);
}

td.tablaInformesCabeceraLogo{
    position: relative;
    background: #111;
    padding: 15px;
}

td.tablaInformesCabeceraLogo img{
    width: 200px;
    height: auto;
}

td.tablaInformesEncabezado{
    background: #FFC400;
}

.tablaInformesEncabezadoFecha{
    width:185px;
}

.tablaInformesEncabezadoDetalles{
    width:750px;
}

.tablaInformesEncabezadoLabel{
    padding-bottom: 3px;
}

.inputSelectInforme{
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    border:none;
    padding: 3px;
    border-radius: 3px;
}

.inputFechaPedido{
    text-align: center;
    width: calc(50% - 5px);
    border:none;
    padding: 3px;
    border-radius: 3px;
}

.totalConcepto{
    text-align: right;
}

td.totalOrdenesTexto{
    text-align: right;
    background-color: #111;
    color:#fff;
    padding-right: 10px;
}

td.totalOrdenesCantidad{
    text-align: right;
    font-family: fuenteBold;
    background-color: #111;
    color:#fff;
}/*HIGHLIGHT DE MODOS*/

tr.modoHLPasa{
    background: #8ad11e;
}

tr.modoHLPypl{
    background: #019CDE;
}

tr.modoHLSqre{
    background: #777;
} 

tr.modoHLPrst{
    background: #FFC400;
}

tr.modoHLDevl{
    background: #66f;
}

td.celdaNotas{
    padding: 0px;
    text-align: justify;
}

.botonNotas{
    display: block;
    width: 100%;
    padding: 10px;
}

.inputNotas{
    width:100%;
    height: auto;
    padding: 10px;
    border:none;
    resize:none;
}

tr.informeFila:hover td{
    background-color: #ffeb95;
}

/*DETALLES DE PROCESOS*/

td.celdaDetallesProcesos{
    font-size: 0px;
}

.informeProcesoDatoCont{
    display: inline-block;
    vertical-align: top;
    background: rgba(255,255,255,0.5);
    padding: 3px 0px;
    margin-bottom:1px;
    font-size: 0px;
}

a.informeProcesoDatoCont:hover, a.informeProcesoDatoCont:visited{
    background: rgba(255,255,255,0.9);
    color:#019CDE;
    text-decoration: underline;
}

.informeProcesoDatoCont + .informeProcesoDatoCont{
    margin-left: 1px;
}

.informeProcesosDatoNombre, .informeProcesosDatoValor{
    display: inline-block;
    vertical-align: top;
    padding:0px 5px;
    font-size: 12px;
}

/*PRODUCTOS DISPLAY*/

.prdDisp{
    padding: 40px 0px;
}

.prdDispImgCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.prdDispDatosCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.prdDispDatosSeccion{
    padding-bottom: 30px;
}

#prdDispImg{
    position: relative;
    width:100%;
}

.prdDispImgWrap{
    display: inline-block;
    vertical-align: top;
    width:100%;
}

.prdDispImgWrap img{
    width:100%;
    height: auto;
}

#prdDispThmb{
    position: relative;
    width:100%;
    text-align: center;
    padding-top:10px;
}

#prdDispThmb .slick-slide{
    opacity: 0.65;
    margin: 0px 5px;
    outline: none;
}

#prdDispThmb .slick-current{
    opacity: 1;
}

.prdDispThmbWrap img{
    width:100%;
    height: auto;
}

.prdDispDatosCont{
    padding-left: 30px;
}

.prdDispNombre{
    font-size: 24px;
    font-family: fuenteBold;
    color:rgba(0,0,0,0.95);
}

.prdDispSKU{font-size: 16px;}

.prdDispDetalles{
    font-size: 16px;
    font-style: italic;
    padding: 40px 0px;
    white-space: pre-wrap;
}

.prdDispPrecio{
    font-size: 20px;
    font-family: fuenteBold;
}

.prdDispBotonAC{
    position: relative;
    display: inline-block;
    padding-right: 12px;
}

.prdDispBotonAC .textoGeneral{
    font-family: fuenteBold;
}

#prdDispVrn .slick-list{padding:20px 0px;}

/*CONTACTO*/

.izqContacto, .derContacto{
    display: inline-block;
    vertical-align: top;
}

.izqContacto{
    width:calc(55% - 60px);
}

.cuadroDatosContactoTelefonosCont{
    padding: 0px 0px 10px 0px;
    font-size: 0px;
}

.botonDatosContacto{
    padding: 10px;
    font-size: 18px;
    color:#222;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    background: #fff;
    text-align: center;
}

a.cuadroDatosTelUniCont{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    margin: 0px 5px 10px 5px;
}

.cuadroDatosContactoMailsCont{
    padding: 20px 0px;
    font-size: 0px;
    border-top: 1px solid #eee;
}

a.cuadroDatosMailUniCont{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0px;
}

.cuadroDatosContactoDireccion{
    font-size: 18px;
    white-space: pre-wrap;
    padding: 20px 0px;
    border-top: 1px solid #eee;
}

.cuadroDatosContactoHorario{
    font-size: 18px;
    font-family: fuenteBold;
    white-space: pre-wrap;
    padding: 20px 0px;
    border-top: 1px solid #eee;
}

.derContacto{
    width:45%;
    margin-left: 60px;
}

.derContacto .inputLabel{
    font-family: fuenteBold;
    font-size: 16px;
    padding:0px 0px 10px 5px;
}

.submitContactoCont{
    padding: 10px 0px;
}

/*PIE*/

/*PIE-----------------------------------------*/
.pie{
    width:100%;
    position: relative;
    bottom:0px;
    z-index: 90;
}

.boletinRegistroCont{
    background: rgba(255,255,255,0.7);
    padding:50px 0px;
}

.boletinRegistroLeyenda{
    font-size: 18px;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0px auto;
    padding-bottom: 20px;
    white-space: pre-wrap;
}

.boletinRespuesta{
    display: none;
    font-size: 18px;
    font-family: fuenteBold;
    color:rgba(0,0,0,0.7);
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0px auto 20px auto;
    white-space: pre-wrap;
    background: #ffff99;
    padding:15px;
    border-radius:5px;
}

.boletinOk{
    background-color: #B9E657;
}

.boletinRegistroFormaCont{
    position: relative;
    margin: 0px auto;
    width: 100%;
    border-radius: 3px;
}

.boletinRegistroInput{
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-family: fuente;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 5px;
}

.boletinRegistroSubmit{
    position: absolute;
    top:6px;
    right: 6px;
    width: 100px;
    padding: 10px;
    font-size: 18px;
    color:#222;
    border-left: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    text-align: center;
}

.pieMenuCont{
    display: inline-block;
    vertical-align: top;
    padding:20px 20px;
    text-align: center;
    font-size: 0px;
    text-align: left;
}

.pieMenuLink{
    display: block;
    font-size: 14px;
    color:rgba(255,255,255,0.65);
    width: 140px;
    min-height: 22px;
    text-shadow:0px 1px 1px   rgba(0,0,0,0.5);
    transition: color 0.2s;
}

.pieMenuLink:hover{color:rgba(255,255,255,1);}

.pieMenuLinkCierre{
    width: 0px;
}

.pieCont{
    text-align:center;
    padding:40px 0px 40px 0px;
    position:relative;
    font-size: 16px;
}

.pieContacto{
    padding: 15px 0px;
    text-align: left;
}

.pieTelefono .textoGeneral{
    font-size: 20px;
}

.pieRedes{
    position: absolute;
    right: 0px;
    bottom:15px;
}

.pieRedesLeyenda{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    color:rgba(255,255,255,0.5);
    padding:5px 10px 5px 5px;
}

.pieRedesLink{
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

.pieLeyenda{
    color:rgba(255,255,255,0.65);
    padding: 10px 0px;
    border-top: 3px solid rgba(255,255,255,0.1);
    font-size: 14px;
}


.barraGatoGordo{
    background: #303F4D;
    color:#eee;
    font-size: 14px;
    text-align: center;
    padding: 10px;
}

.linkGG{
    color:#452368;
}

/*TABLA DE PEDIDOS*/

#tablaPedidos{
    width:100%;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
}

#tablaPedidos tr{transition: background 0.2s;}

#tablaPedidos tr:hover{
    background:rgba(13,172,182,0.1);
}

#tablaPedidos td{
    font-size: 14px;
    padding: 10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}

.pedidoNumero, .pedidoNombre{
    font-family: fuenteBold;
}

.pedidoStatus{
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 5px;
    color:#fff;
    text-shadow:0px 1px 0px rgba(0,0,0,0.5);
    font-family: fuenteBold;
    text-align: center;
    display: inline-block;
}

.pedidoeditando{background: rgb(100, 70, 70);}
.pedidoverificado{background: rgb(186, 66, 13)}
.pedidoprocesando{background: rgb(248, 64, 69)}
.pedidoaprobado{background: rgb(255, 120, 88);}
.pedidoenviado{background: rgb(229, 184, 100);}
.pedidoentregado{background: rgb(79, 186, 138)}
.pedidocancelado{background: rgb(10,10,10);}

.pedidoTotal, .pedidoBotones{
    text-align: right;
}

.pedidoBotones{
    width:42px;
}


/*ESTILOS PRIORITARIOS*/

*.textoColor1{color:#0DACB6;}
*.textoColor2{color:#FFAA66;}
*.textoColor3{color:#FFFF66;}
*.textoBlanco{color:#fff;}
*.textoRojo{color:#FF5151;}
*.textoVerde{color:#8AD11E;}

.iconoColor1 svg{fill: #0DACB6;}
.iconoColor2 svg{fill: #FFAA66;}
.iconoColor3 svg{fill: #FFFF66;}
.iconoBlanco svg{fill: #FFFFFF;}
.iconoVerde  svg{fill: #8AD11E;}
.iconoRojo   svg{fill: #FF5151;}