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

@font-face {
    font-family: "TPro";
    src: url(../fuentes/ARIALN.ttf);
}

@font-face {
    font-family: "TProR";
    src: url(../fuentes/TektonPro.otf);
}

#Teclado_Completo {
    position: absolute;
    left: 50%;
    top: 1px;
    z-index: 1100;
    width: 811px;
    transform: translate(-50%, 50px);
}

.StyBoton {
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    color: white;
    background-color: #2872ae;
    font-family: bahnschrift !important;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s;
    padding: 7px 35px;
    border: none;
}

.PosDivv1 {
    position: absolute;
    z-index: 0;
}

.PosDivv2 {
    position: absolute;
    z-index: 2;
}

.PosDiv {
    position: absolute;
    z-index: 0;
}

.PosDiv1 {
    position: absolute;
    z-index: 1;
}

.PosPri1 {
    position: absolute;
    z-index: 1;
}

.PosPri2 {
    position: absolute;
    z-index: 2;
}

.PosPri10 {
    position: absolute;
    z-index: 10;
}

#BarraPro {
    width: 120px;
    height: 12px;
    left: 20px;
    top: 17px;
    display: block;
}

#BotonesPri {
    width: 800px;
    height: 600px;
    left: 0px;
    top: 0px;
}

#Marca {
    left: 298px;
    top: 2px;
    display: block;
}

#SobreFoca {
    display: block;
    cursor: pointer;
    left: 767px;
    top: 1px;
    z-index: 5;
}

#MosAyuda1 {
    width: 630px;
    height: 300px;
    left: 80px;
    top: 135px;
    z-index: 5;
    display: none;
}

#MosAyuda2 {
    display: none;
    width: 610px;
    height: 280px;
    left: 80px;
    top: 135px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    z-index: 5;
    font-family: "TPro";
    font-size: 14px;
}

#ErrorConex {
    position: absolute;
    font-family: "TPro";
    font-size: 24px;
    color: #FF0000;
    width: 630px;
    height: 280px;
    left: 85px;
    top: 80px;
    display: none;
    z-index: 7;
}

/*  POSICIONES ORIGINALES
#boton1  { left: 55px;  top: 115px; }
        #boton2  { left: 175px; top: 155px; }
                #boton3  { left: 295px; top: 185px; }

                #boton4  { left: 415px; top: 185px; }
        #boton5  { left: 535px; top: 155px; }
#boton6  { left: 655px; top: 115px; }
*/
/***************************************************************************/
#boton1 {
    left: 55px;
    top: 115px;
}

#boton2 {
    left: 116px;
    top: 120px;
}

#boton3 {
    left: 236px;
    top: 160px;
}

/***************************************************************************/
#boton4 {
    left: 356px;
    top: 180px;
}

#boton5 {
    left: 476px;
    top: 160px;
}

#boton6 {
    left: 596px;
    top: 120px;
}

/***************************************************************************/

#boton7 {
    left: 55px;
    top: 195px;
}

#boton8 {
    left: 175px;
    top: 235px;
}

#boton9 {
    left: 295px;
    top: 265px;
}

/***************************************************************************/
#boton10 {
    left: 415px;
    top: 265px;
}

#boton11 {
    left: 535px;
    top: 235px;
}

#boton12 {
    left: 655px;
    top: 195px;
}

/***************************************************************************/
#boton13 {
    left: 55px;
    top: 275px;
}

#boton14 {
    left: 175px;
    top: 315px;
}

#boton15 {
    left: 295px;
    top: 345px;
}

/***************************************************************************/
#boton16 {
    left: 415px;
    top: 345px;
}

#boton17 {
    left: 535px;
    top: 315px;
}

#boton18 {
    left: 655px;
    top: 275px;
}

/***************************************************************************/
#boton19 {
    left: 55px;
    top: 355px;
}

#boton20 {
    left: 175px;
    top: 395px;
    display: none;
}

/***************************************************************************/
#boton21 {
    left: 535px;
    top: 395px;
}

#boton22 {
    left: 655px;
    top: 355px;
}


#boton23 {
    left: 363px;
    top: 480px;
}

#boton24 {
    left: 295px;
    top: 345px;
}

#boton25 {
    left: 55px;
    top: 195px;
}


/***************************************************************************/
/***************************************************************************/



#BotonFac1 {
    left: 130px;
    top: 5px;
    z-index: 2;
}

#BotonFac2 {
    left: 200px;
    top: 5px;
    z-index: 2;
}

#BotonFac3 {
    left: 270px;
    top: 5px;
    z-index: 2;
}

#BotonFac4 {
    left: 340px;
    top: 5px;
    z-index: 2;
}

#BotonFac6 {
    left: 410px;
    top: 5px;
    z-index: 2;
}

#BotonFac7 {
    left: 480px;
    top: 5px;
    z-index: 2;
}

#BotonFac8 {
    left: 550px;
    top: 5px;
    z-index: 2;
}

#BotonFac9 {
    left: 618px;
    top: 5px;
    z-index: 2;
}

#BotonFac10 {
    left: 618px;
    top: 5px;
    z-index: 2;
}

/***************************************************************************/
/***************************************************************************/

.PosFac1 {
    position: absolute;
    z-index: 3;
}

.PosFac2 {
    position: absolute;
    z-index: 4;
}

#TecladoLet {
    position: absolute;
    left: 2px;
    top: 0px;
}



#LetAre {
    left: 58px;
    top: 386px;
}

#LetTexDiv {
    left: 15px;
    top: 8px;
    width: 528px;
    height: 15px;
    z-index: 5;
    background: white;
}

#LetTex {
    width: 517px;
    height: 17px;
    border: 0px;
    top: -1px;
    left: 2px;
    position: absolute;
    background-color: transparent;
    text-transform: uppercase;
}

#LetSal {
    left: 70px;
    top: 535px;
}

#LetBar {
    left: 160px;
    top: 535px;
}

#LetEnt {
    left: 390px;
    top: 535px;
}

#LetTer {
    left: 490px;
    top: 535px;
}

/********* Letras *********/


#NumVol {
    position: absolute;
    z-index: 10;
}

/********* Numeros *********/


#LetAux {
    left: 703px;
    top: 535px;
    display: none;
}

#NumAre {
    position: absolute;
    left: 616px;
    top: 390px;
    display: none;
    background: url(../teclado/esc_num.png)
}

#NumTexDiv {
    position: absolute;
    left: 9px;
    top: 9px;
    display: none;
    width: 113px;
    background: url(../teclado/esc_num.png)
}

#NumTex,
#NumTexx {
    margin: -2px;
    padding-left: 5px;
    font-family: 'TPro';
    font-size: 14px;
    width: 107px;
    height: 17px;
    border: 0px;
    background-color: transparent;
}

/***************************************************************************/
/***************************************************************************/
/***************************************************************************/


/* General Links */

.content {
    margin: 20px;
    line-height: 20px;
}

body h1 {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    border-bottom: 1px solid #FFFFFF;
}

body h2 {
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
    padding: 5px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

#demo {
    margin: 0;
    width: 100%;
}

#demo .extra {
    padding-left: 30px;
}

#demo .options {
    padding-left: 10px;
}

#demo .getOption {
    padding-left: 10px;
    padding-right: 20px;
}

/*******************************************************************/

#FondoAukonOriginal {
    position: absolute;
    padding: 0em;
    margin: 0em;
    left: 0px;
    top: 0px;
}

#FondoAukon {
    position: absolute;
    padding: 0em;
    margin: 0em;
    left: 0px;
    top: 0px;
    z-index: -2;
}


#ImagenProd {
    background-image: url(../producto/cont_fotos.png);
    background-repeat: no-repeat;
    width: 350px;
    height: 227px;
}

#Loading {
    position: absolute;
    text-align: center;
    display: none;
    width: 475px;
    height: 293px;
    left: 322px;
    top: 90px;
    z-index: 2;
}



.fon_itm {
    background-image: url(../producto/Bus_Item.png);
    height: 28px;
}

#toda_la_bus {
    position: absolute;
    left: 10px;
    top: 0px;
    z-index: 3;
}

#toda_la_busC {
    position: absolute;
    left: 10px;
    top: 0px;
}

#Anterior_Pro {
    position: absolute;
    left: 412px;
    top: 21px;
}

#Siguiente_Pro {
    position: absolute;
    left: 412px;
    top: 229px;
}

#mostrar {
    display: none;
    position: absolute;
    left: 325px;
    top: 97px;
    z-index: 1;
}

#mostrar2 {
    display: none;
    position: absolute;
    left: 325px;
    top: 97px;
    z-index: 1;
}

#codigo {
    position: absolute;
    left: 100px;
    top: 650px;
    z-index: 1;
}

#CarAyudaFon {
    background-image: url(../otros/fondoayuda.png);
    background-repeat: no-repeat;
    position: absolute;
    display: none;
    width: 601px;
    left: 50%;
    top: 579px;
    z-index: 7;
    transform: translate(-50%, 0px);
}

#CarAyuda {
    font-family: "TPro";
    position: absolute;
    display: none;
    width: 588px;
    left: 50%;
    top: 577px;
    z-index: 7;
    transform: translate(-42%, 0);
}

#FacTotal {
    display: none;
    position: absolute;
    left: 150px;
    top: 358px;
    z-index: 1;
}

#total {
    background-color: transparent;
    font-family: "TPro";
    font-size: 16px;
    width: 120px;
    z-index: 1;
    border: 0;
    text-align: right;
}

.items {
    background-image: url(../ticket/barras.png);
    width: 246px;
    height: 28px;
    margin: 0;
    padding: 0;
    z-index: 10;
    cursor: pointer;
    azimuth: center;
}




#AT_efe_rec {
    background-color: transparent;
    font-weight: bold;
    width: 235px;
    height: 17px;
    border: 0px;
}

#AT_obs {
    background-color: transparent;
    font-weight: bold;
    width: 235px;
    height: 17px;
    border: 0px;
}

.ParaDiv {
    position: absolute;
    font-family: "TPro";
    font-size: 16px;
    color: #FFFFFF;
}

.ParaDiv2 {
    font-family: "TPro";
    font-size: 16px;
    color: #FFFFFF;
}

.form_tick {
    background-color: transparent;
    font-family: Arial;
    font-size: 13px;
    height: 11px;
    color: #FFF;
    cursor: pointer;
    border: 0px;
}

#Anterior_ProC {
    position: absolute;
    left: 412px;
    top: 21px;
}

#Siguiente_ProC {
    position: absolute;
    left: 412px;
    top: 199px;
}

#BotonesParaO {
    position: absolute;
    left: 334px;
    top: 334px;
}

#LetEntPro {
    left: 390px;
    top: 535px;
    width: 80px;
    height: 35px;
    display: none !important
}

#NumVolPro {
    left: 747px;
    top: 535px;
    width: 80px;
    height: 35px;
    display: none !important
}

#MaxMinTecladoDiv {
    display: block;
}

#Confirmar {
    position: absolute;
    width: 100%;
    height: 100%;
}

#controlador-surtidores{
    position: absolute;
    width: 100%;
    height: 100%;
}

#Compras {
    position: absolute;
    width: 792px;
    height: 377px;
    left: 4px;
    top: 5px;
}

.TituloFacCa {
    position: absolute;
    font-family: 'TPro';
    text-align: center;
    font-size: 24px;
    color: #DD7927;
    width: 400px;
    left: 214px;
    top: 7px;
    z-index: 1;
    border: 0px;
}

/**************************************************************************************/
.Sombra5 {
    -moz-border-radius: 5px;
    border-radius: 5px;

    box-shadow: 0px 7px 7px #DD7927;
    -o-box-shadow: 0px 7px 7px #DD7927;
    -moz-box-shadow: 0px 7px 7px #DD7927;
    -webkit-box-shadow: 0px 7px 7px #DD7927;
}

.Sombra8 {
    -moz-border-radius: 8px;
    border-radius: 8px;

    box-shadow: 0px 7px 7px #DD7927;
    -o-box-shadow: 0px 7px 7px #DD7927;
    -moz-box-shadow: 0px 7px 7px #DD7927;
    -webkit-box-shadow: 0px 7px 7px #DD7927;
}

.Sombra11 {
    -moz-border-radius: 11px;
    border-radius: 11px;

    box-shadow: 0px 7px 7px #DD7927;
    -o-box-shadow: 0px 7px 7px #DD7927;
    -moz-box-shadow: 0px 7px 7px #DD7927;
    -webkit-box-shadow: 0px 7px 7px #DD7927;
}

.Sombra14 {
    -moz-border-radius: 14px;
    border-radius: 14px;

    box-shadow: 0px 7px 7px #DD7927;
    -o-box-shadow: 0px 7px 7px #DD7927;
    -moz-box-shadow: 0px 7px 7px #DD7927;
    -webkit-box-shadow: 0px 7px 7px #DD7927;
}

.sombrabor {
    -moz-border-radius: 8px;
    border-radius: 8px;

    box-shadow: 0px 7px 7px #DD7927;
    -o-box-shadow: 0px 7px 7px #DD7927;
    -moz-box-shadow: 0px 7px 7px #DD7927;
    -webkit-box-shadow: 0px 7px 7px #DD7927;
}

#retiroefectivoimagen {
    position: absolute;
    width: 800px;
    height: 600px;
    left: 37px;
    top: 100px;
}

#retiroefectivo {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 50px;
    top: 130px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#retiroefectivoboton {
    position: absolute;
    width: 726px;
    height: 36px;
    top: 410px;
    left: 50px;
}

.lineare1 {
	background: #FFFFFF;
	cursor:pointer;
	height:28px;
    color: black !important;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 30%) !important;
}

.lineare2 {
	background: #b2b2b2;
	cursor:pointer;
	height:28px;
    color: black !important;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 30%) !important;
}

#Gastos {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 35px;
    top: 100px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#TicketEM {
    position: absolute;
    width: 63%;
    height: 62%;
    left: 19%;
    top: 21%;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
    border-radius: 5px;
    background: #ccc;
}

#Cip {
    position: absolute;
    left: 226px;
    top: 130px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#ChequesCar {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 11px;
    top: 96px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#Tarjetas {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 50%;
    top: 50%;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 10px;
    z-index: 1;
    overflow: visible !important;
    transform: translate(-55%, -75%);
}

#Recuento {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 150px;
    top: 92px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#Movimientos {
    position: absolute;
    width: 732px;
    height: 260px;
    left: 22%;
    top: 28%;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#Novedades {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 35px;
    top: 95px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#Arqueo {
    position: absolute;
    width: 782px;
    height: 427px;
    left: 19%;
    top: 18%;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
    background: linear-gradient(0deg, #fff, #ccc);
    border-radius: 14px;
}


#CargaInv {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 28px;
    top: 9px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

.BotEsc {
    background-image: url(../otros/bot.png);
    font-family: 'TPro';
    font-size: 14px;
    cursor: pointer;
    color: #DD7713;
    height: 32px;
    width: 32px;
}

.BotEscSel {
    background-image: url(../otros/bot-sel.png);
    font-family: 'TPro';
    font-size: 14px;
    cursor: pointer;
    color: #DD7713;
    height: 32px;
    width: 32px;
}

.BotImg {
    background-image: url(../otros/scr_arri-up.png);
    font-family: 'TPro';
    font-size: 14px;
    cursor: pointer;
    color: #DD7713;
    height: 30px;
    width: 30px;
}

#ProcesoSusp {
    display: none;
}

#ProcesoSusp1 {
    font-family: 'TPro';
    position: absolute;
    cursor: default;
    display: none;
    color: #CC0000;
    left: 362px;
    top: 229px;
}

#ProcesoSusp2 {
    font-family: 'TPro';
    position: absolute;
    cursor: default;
    display: none;
    color: #CC0000;
    left: 602px;
    top: 171px;
}

#ProcesoSusp3 {
    font-family: 'TPro';
    position: absolute;
    cursor: default;
    display: none;
    color: #CC0000;
    left: 300px;
    top: 317px;
}

#Bloquear2 {
    background-image: url(../images/blo.png);
    position: absolute;
    text-align: center;
    display: none;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 600px;
    z-index: 10;
}

.StyBoton:active {
    position: relative;
    left: 1px;
    top: 1px;

    -moz-box-shadow: 0px 1px 0;
    -webkit-box-shadow: 0px 1px 0;
}

#ComAut {
    position: absolute;
    width: 726px;
    height: 260px;
    left: 28px;
    top: 10px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#ComAutAce {
    position: absolute;
    width: 592px;
    height: 260px;
    left: 56px;
    top: 110px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#ComAutPro {
    position: absolute;
    width: 592px;
    height: 260px;
    left: 56px;
    top: 78px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#CierreTurno2 {
    position: absolute;
    width: 726px;
    height: 392px;
    left: 11px;
    top: 96px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#NaNb {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}
#yer {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}
#CarAyudaFon2 {
    background-image: url(../otros/fondoayuda.png);
    background-repeat: no-repeat;
    position: absolute;
    display: none;
    width: 465px;
    left: 57px;
    top: 581px;
    z-index: 7;
}

#CarAyuda2 {
    font-family: "TPro";
    position: absolute;
    display: none;
    width: 465px;
    left: 110px;
    top: 579px;
    z-index: 7;
}

.div-redondo {
    font-family: "TPro";
    font-size: 12px;
    position: absolute;
    height: 13px;
    border-radius: 3px;
    border-color: transparent;
    background: transparent;
    border-style: solid;
    border-width: 3px;
}



div#Restaurant {
    position: absolute;
    width: 799px;
    height: 380px;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
    display: none;

}


div#login_admin {
    position: absolute;
    width: 799px;
    height: 380px;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

div#admin_mozos {
    position: absolute;
    width: 799px;
    height: 380px;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

#ModuloSupervisor,
#ModuloHerramientas,
#ModuloExtras {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0px;
    top: 0px !important;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
}

.texteca {
    background-color: transparent;
    color: #000000 !important;
    text-align: center;
    font-family: "TPro";
    margin-top: 5px;
    font-size: 12px;
    border: 0px;
}

#Opciones {
    position: absolute;
    top: 0px;
    left: 306px;
    width: 188px;
    height: 15px;
    background: transparent;
    z-index: 1001;
}

#PanelControl {
    display: none;
    background-color: rgba(40, 40, 90, 0.8);
    color: #000000 !important;
    text-align: center;
    font-family: "TPro";
    font-size: 12px;
    border: 0px;
    width: 188px;
    height: 100px;
    z-index: 1001;
}

#lblSystemVersion {
    position: absolute;
    top: 80px;
    left: 15px;
    position: absolute;
    text-align: center;
    width: 160px;
    color: white;
}

#btnMinimizar {
    position: absolute;
    top: 5px;
    left: 15px;
}

#btnPanelPrincipal {
    position: absolute;
    top: 5px;
    left: 70px;
}

#btnCerrar {
    position: absolute;
    top: 5px;
    left: 125px;
}

/* #config {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 309px;
    height: 393px;
    background: url(../config/img/fondo_config_tmp.png) no-repeat;
    display: none;
    z-index: 1000;
    transform: translate(-50%, 10%);
}

.div_config {
    width: 105px;
    height: 12px;
    text-align: center;
    font-family: "TPro";
    font-size: 11px;
    z-index: 201;
    border: 0px;

} */

/* NUEVA ESTILO PARA MENU  */

/* Se comenta porque no tiene id o clase , al hacer uso de una general como label, daña el componente label en otros modulos -- INC653331 */
label {
    font-family: bahnschrift !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    height: 12%;
    color: white;
    background-color: #2872ae;
    border-radius: 10px 10px 0 0;
}

#menuValoresPrincipal{
    position: absolute; left: 36%; top: 20%; z-index: 99; border: 2px solid #2872ae; height: 74%; width: 21rem; background: lightgrey; border-radius: 10px;
}

.tituloMenuPrin{
    text-align: center; width: 320px; border-radius: 10px; margin: 3px; text-transform: uppercase; height: 2rem; 
}

.labelMenuPrin{ 
    width: 10rem;height: 19px;margin: 3px;text-align: center;border-radius: 10px 0 0 10px;
}
.inputMenuPrin{
    position: absolute;width: 10rem;height: 17px; text-align: center;border-radius: 0 10px 10px 0;border: none;
}

.inputMenuPrin:focus{
    border: 2px solid #2872ae; height: 14px; background-color: #c3c3c3; color: black;
}

.botonMenuPrin{
    position: absolute; margin: 5px;border: none; border-radius: 4px; width: 90%; height: 24px; text-align: center; color: white; background-color: #2872ae; top: 86%; left:2%; cursor: pointer;
}

.botonMenuPrin:hover{
    background-color: #1e4e75; box-shadow: 0 4px 16px rgba(49, 138, 172, 1); transition: all 0.2s ease;
}

#btnCookie{
    top: 92%; width: 40%; left:2%;
}

#btnCerrar{
    top: 92%; width: 40%; left: 52%;
}

.textoSup {
    background-color: transparent;
    color: #fff;
    text-align: center;
    font-family: "TPro";
    margin-top: 5px;
    font-size: 12px;
    border: 0px;
}

@media (min-width: 1920px) and (max-width: 2560px) {
    #Cip{
        top: 200px;
    }

}