.navbar-default { background-color: transparent; border-color: transparent; }
.nav-link { background-color: transparent; color: #000;}
.nav-link:hover { background-color: #0d6efd; color: #FFF; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fec424; background-color: #333; }

.panel-default { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-width: 1px; margin-bottom: 20px; }
.panel-group>.panel { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.row { margin-left: 0px; margin-right: 0px; }
.accordion-button { font-size: 14px; }

.btn { border-radius: 0px; }

.btn-redondo { border-radius: 17px; }
.btn-busquedas { border-top-right-radius: 17px; border-bottom-right-radius: 17px; }

.btn-cuadrado { border-radius: 0px; border-width: 1px; border-color: #DDD; }
.btn-cuadrado:hover { border-radius: 0px; border-width: 1px; border-color: #AAA; }

.btn-outline-orange { color: #343a40;  border-color: #343a40; }  /* ff7700 */
.btn-outline-orange:hover { color: #ffffff;  background-color: #ff7700; border-color: #ff8800; } 

.feature-icon { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width: 4rem; height: 4rem; 
    margin-bottom: 1rem; 
    color: #333;
    font-size: 2.0rem; 
    border-radius: 0.75rem;
}

.card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.text-shadow-1 {
    text-shadow: 0 0.125rem  0.25rem #333;
}

@media print { a[href]:after { content: none;  } }  /* don't show url links */

hr { border-color: #DDD; margin-top: 10px; margin-bottom: 10px; }
.hrTitle { border-color: #111; border-width: 2px; margin-bottom: 20px; }

.ghostBtn { background-image: none; background-color: transparent; color: #FFF; text-shadow: none; border-width: 1px; }

.btnTransparent { border-color: transparent; background: transparent; }
.btnTransparent:hover { border-color: transparent; background: transparent; }

.btnMenuPrincipal { border-radius: 0px; color: #EEE; }
.btnMenuPrincipal:hover { border-radius: 0px; background-color: #212529; color: #FFFFFF; text-decoration: none; }

.leftPanelAzul  { border-left-style: solid; border-left-width: 3px; border-left-color: #4b57ff; }
.leftPanelRojo  { border-left-style: solid; border-left-width: 3px; border-left-color: #f75e5b; }
.leftPanelNegro { border-left-style: solid; border-left-width: 3px; border-left-color: #222222; }
.leftPanelGris  { border-left-style: solid; border-left-width: 2px; border-left-color: #cccccc; }

.topPanelNegro { border-width: 1px; border-top-width: 3px; border-color: #191919; }
.topPanelOscuro { border-top-width: 2px; border-top-color: #AAAAAA; }
.topPanelRojo { border-top-width: 5px; border-top-color: #f6726f; }
.topPanelAzul { border-top-width: 5px; border-top-color: #0da6f2; }
.topPanelAmarillo { border-top-width: 5px; border-top-color: #fec424; }
.topPanelNaranja { border-top-width: 5px; border-top-color: #FF8920; }

/* Ventana fixed1 para avisos abajo a la derecha */
#fixed1 { position: fixed;  bottom: 1px;    right: 15px;  width: 230px;  height: 100px;  background-color: #fffFE9; z-index: 500;}
#fixed2 { position: fixed;  bottom: 130px;  right: 15px;  width: 230px;  height: 70px;   background-color: #FFFED6; z-index: 500;}
#fixedButtonMobile { position: fixed; bottom: 5px; width: 100%; height: 70px; z-index: 1000; }
.txtMono { font-family: monospace;}
.txtBold { font-family: "Encode Sans Semi Condensed", Helvetica, sans-serif, Arial; font-weight: 700; font-style: normal; font-optical-sizing: auto;}
.txt     { font-family: "Encode Sans Semi Condensed", Helvetica, sans-serif, Arial; font-weight: 400; font-style: normal; font-optical-sizing: auto;}

.txtFino { font-weight: 100; }
.txt_tachado { text-decoration: line-through; }

.txt9  { font-size: 9px;  }
.txt10 { font-size: 10px; }
.txt11 { font-size: 11px; }
.txt12 { font-size: 12px; }
.txt13 { font-size: 13px; }
.txt14 { font-size: 14px; }
.txt15 { font-size: 15px; }
.txt16 { font-size: 16px; }
.txt17 { font-size: 17px; }
.txt18 { font-size: 18px; }
.txt19 { font-size: 19px; }
.txt20 { font-size: 20px; }
.txt21 { font-size: 21px; }
.txt22 { font-size: 22px; }
.txt24 { font-size: 24px; }
.txt25 { font-size: 25px; }
.txt26 { font-size: 26px; }
.txt28 { font-size: 28px; }
.txt30 { font-size: 30px; }
.txt32 { font-size: 32px; }
.txt34 { font-size: 34px; }
.txt36 { font-size: 36px; }
.txt40 { font-size: 40px; }
.txt42 { font-size: 42px; }
.txt45 { font-size: 45px; }
.txt48 { font-size: 48px; }
.txt50 { font-size: 50px; }
.txt55 { font-size: 55px; }
.txt63 { font-size: 63px; }
.txt73 { font-size: 73px; }
.txt75 { font-size: 75px; }
.txt84 { font-size: 84px; }
.txt96 { font-size: 96px; }
.txt100 { font-size: 100px; }
.txt150 { font-size: 150px; }
.txt200 { font-size: 200px; }
.txtCabecera { font-size: 15px; }
.txtCabecera2 { font-size: 17px; }
.txtCabecera3 { font-size: 24px; font-weight: 200; }
.txtTitulo {    font-size: 25px; font-weight: 700; }
.txtTitulo2 {   font-size: 30px; font-weight: 400; }

.txtPrice { font-size: 26px; font-weight: 700; font-family: arial, helvetica, sans-serif; }
.txtPriceBig { font-size: 36px; font-weight: 700; letter-spacing: -0.04rem; font-family: arial, helvetica, sans-serif; }
.txtColorPrice { color: #333333; }
.txtNombreProducto { margin-bottom: 6px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txtSmall  { font-size: 14px; }
.txtClaro  { color: #AAAAAA; }
.txtBlanco { color: #FFFFFF; }
.txtOscuro { color: #333333; }
.txtGris { color: #777777; }
.txtNegro  { color: #000; }
.txtSombra { text-shadow: 0px 0px 2px #000000; }
.txtSombraBlanca { text-shadow: 0px 0px 2px #ffffff; }
.txtOrange { color: #ff7700; }
.darkOrange  { color: #ff7600; }
.txtColores { color: transparent;  -webkit-background-clip: text; background-clip: text;
              background-image: linear-gradient(90deg,#666666,#5598df 25%,#7f87fa 45%,#f65aaf 75%,#ec3d47); }

.txtColores2 { color: transparent;  -webkit-background-clip: text; background-clip: text;
               background-image: linear-gradient(35deg,#f399ff 14.47%,#741ddd 39.43%,rgba(136, 41, 252, 0.45) 76.77%); }
.txtColores3 { color: transparent;  -webkit-background-clip: text; background-clip: text;
               background-image: linear-gradient(35deg,#1fcff1 15.61%,#234cb6 41.38%,rgba(35,76,182,.4) 79.94%); }
.txtColores4 { color: transparent;  -webkit-background-clip: text; background-clip: text;
               background-image: linear-gradient(35deg,#19fb9b 11.36%,#199890 54.3%,#005f59 100.78%); }  

.txtColores5 { color: transparent;  -webkit-background-clip: text; background-clip: text;
               background-image: linear-gradient(35deg,#1b0e8e 15%,#d31ab4 40%,#c36609 100%); }  
                           
.txtTituloIndice { font-size: 24px; margin-bottom: 0px; }
.question { font-size: 20px; font-weight: 400; }
.answer   { font-size: 16px; }

.txtInvertido {          background-color: #050505;   color: #FFF;      padding: 5px; }
.txtInvertidoNaranja {   background-color: #ff8920;   color: #FFF;      padding: 5px; }
.txtInvertidoNaranja2 {  background-color: #d46400;   color: #FFF;      padding: 5px; }
.txtInvertidoVerde {     background-color: #0ba000;   color: #FFF;      padding: 5px; }
.txtInvertidoVerde2 {    background-color: #087200;   color: #FFF;      padding: 5px; }
.txtInvertidoVerde3 {    background-color: #cbffc8;   color: #0e4d09;   padding: 5px; }
.txtInvertidoAzul {      background-color: #0da6f2;   color: #FFF;      padding: 5px; }
.txtInvertidoAzul2 {     background-color: #006fa9;   color: #FFF;      padding: 5px; }
.txtInvertidoRojo {      background-color: #fe2424;   color: #FFF;      padding: 5px; }
.txtInvertidoBlanco {    background-color: #ffffff;   color: #333;      padding: 5px; }
.txtInvertidoAmarillo {  background-color: #fffedc;   color: #333;      padding: 5px; }
.txtInvertidoTabs     {  background-color: #E5E5E5;   margin-right: 1px; }


/*  Colores sueltos para usar en los backgrounds */

.bgMiniGradiente { background-color: #FFFFFF; background: url('https://www.zoominformatica.com/pics/miniGradiente.webp') no-repeat center center; background-size: cover; }
.bgDefiBackground { background: linear-gradient(90deg, rgba(255,229,102,1) 0%, rgba(255,176,235,1) 100%); }

@keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.bgGradientMove { background: linear-gradient(132deg, #FC415A, #591BC5, #212335);
    background-size: 400% 400%; animation: Gradient 15s ease infinite;
    position: relative; height: 100%; width: 100%; overflow: hidden; padding:0; margin:0px; }


.bgDarkGradient01 { background: linear-gradient(90deg, rgba(25,25,25,1) 0%, rgba(92,20,175) 100%);}

@keyframes slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(100px); }
}

.bgDarkGradient02 { 
    background-color: #FFFFFF; background: url('https://www.zoominformatica.com/img-ia/bg-colorfull-gradient.webp') no-repeat center center; 
    background-size: 300% 300%; 
    /* animation: slide 5s infinite; */ 
}

.bgDarkGradient03 {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), 
        url("https://www.zoominformatica.com/img-ia/entrada-casa-para-videoportero-wifi-timbre.webp");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-attachment: fixed; }

.bgWhiteToLightGradient { background: linear-gradient(180deg, #FFF 0%,#F8F9FA 100%); }  
.bgPointsLines { background: url('https://www.zoominformatica.com/img-ia/bg-points-lines.webp') no-repeat top center; background-size: cover; }

.white  { background-color: #FFFFFF; }
.bgGray { background-color: #eeeeee; }
.gray   { background-color: #F5F5F5; }
.gray1  { background-color: #BBBBBB; }
.gray2  { background-color: #888888; }
.bg1    { background-color: #222222; }
.bg2    { background-color: #E6E6E6; }
.bg444  { background-color: #444444; }
.bgAzulAmzn { background-color: #232f3e; background-size: cover; }
.c1 { background-color: #ECECEC; }
a { text-decoration: none; }
a:hover { text-decoration: none; }

.bgFlatRed1 { color: #FFFFFF; background: url('https://www.zoominformatica.com/big-banner/flatRed1.png') no-repeat center center; background-size: cover; }
.bgFlatRed2 { color: #FFFFFF; background: url('https://www.zoominformatica.com/big-banner/flatRed2.png') no-repeat center center; background-size: cover; }
.bgFlatRed3 { color: #444444; background-color: #ffeeee; }
.bgFlatRed4 { color: #444444; background-color: #ffe5e5; }
.bgFlatOrange1 { color: #FFFFFF; background: url('https://www.zoominformatica.com/big-banner/flatOrange1.png') no-repeat center center; background-size: cover; }
.bgFlatSilver1 { color: #444444; background: url('https://www.zoominformatica.com/big-banner/flatSilver1.png') no-repeat center center; background-size: cover; }
.bgFlatAzulCielo { color: #FFFFFF; background-color: #95c0ea; }



.bgDegradadoGris {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.bgGradientBlackPurple { background-image: radial-gradient( circle 816px at 80% -6.8%, rgba(116,50,248,1) 0%, rgba(19,12,24,1) 93.2% ); }
.bgGradientBlueWhite   { background-image: linear-gradient( 58.3deg, rgba(44,41,218,1) 9.2%, rgba(145,199,248,1) 79.9% ); }
.bgGradientRedOrange   { background-image: linear-gradient( 270.1deg, rgba(235,166,85,1) 13.6%, rgba(255,110,122,1) 85.7% ); }

.bgGradientOrangeRed   { background-image: radial-gradient( circle farthest-corner at 0.1% 99%, #f6cc45 0%, #bf768b 90% ); }

.bgGradientColores { background-image: linear-gradient(270deg,#ab66ff,#14f195 101.39%); }

.boxSombra { 
    display: block;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,1); 
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,1); 
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,1); 
}


.mensajeLlamanos { color: #FFFFFF; background: url('https://www.zoominformatica.com/big-banner/flatBlue1.png') no-repeat center center; background-size: cover; }
.gradienteCabecera { background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, #FFFFFF, #E6E6E6); background-image: -o-linear-gradient(top, #FFFFFF, #E6E6E6); background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F0F0F0', GradientType=0); }
.gradienteGris { background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7); background-image: -o-linear-gradient(top, #ffffff, #f7f7f7); background-image: linear-gradient(to bottom, #ffffff, #f7f7f7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); }

img.center { display: block; margin-left: auto; margin-right: auto; }

/* GRAFICOS HOVER INDICE ========================================= */
.anuncioProductoPeque { padding: 7px; border-style: solid; border-width: 1px; border-color: #EEE; }
.anuncioProductoPeque:hover { z-index: 1000; box-shadow: 3px 3px 6px 1px #BBB; border-color: #CCC; }
.anuncioProductoG { padding: 0px 33px 0px 33px; border-style: solid; border-width: 1px; border-color: #EEE; border-bottom-color: #888; border-top-width: 3px; border-top-color: #C1A64F; }
.anuncioProductoG:hover { border-color: #C1A64F; z-index: 1000; box-shadow: 4px 4px 6px 1px #BBB; }
.anuncioProductoM { padding: 10px 10px 11px 10px; border-style: solid; border-width: 1px; border-color: #EEE; border-bottom-color: #888; }
.anuncioProductoM:hover { z-index: 1000; box-shadow: 4px 4px 6px 1px #BBB; border-color: #C1A64F; }

.anuncioCategoriaL { background-color: #ffffe1; padding: 35px 30px; border-style: solid; border-width: 1px; border-color: #DDD; border-bottom-color: #888; }
.anuncioCategoriaL:hover { background-color: #FFF; border-color: #b5b5b5; z-index: 1000; box-shadow: 4px 4px 6px 1px #BBB; }
.anuncioCategoriaM {  background-color: #FFF; padding: 18px 30px 19px 30px; border-style: solid; border-width: 1px; border-color: #DDD;  }
.anuncioCategoriaM:hover { border-color: #b5b5b5; }

.Border           { border-color: #E7E7E7; border-width: 1px; border-style: solid; display: block; } 
.prodBorder       { border-radius: 0.5rem; border-color: #CCCCCC; border-width: 1px; border-style: solid; display: block; overflow: hidden;  } 
.prodBorder:hover { border-radius: 0.5rem; border-color: #555; box-shadow: 0px 7px 25px #CCC;}

.prodBorder .botonCompra {  opacity: 0; transition: opacity .3s ease-in-out; }
.prodBorder:hover .botonCompra { opacity: 1;}

.cartBorder       { border-color: #aaaaaa; border-width: 1px; border-style: solid; display: block; color: #333333;} 
.cartBorder:hover { color: #FFFFFF; box-shadow: 0px 3px 3px 6px #dddddd; }

.buttonSombra:hover { box-shadow: 0px 3px 5px 6px #dddddd; }

.borderAzul  { border: thin solid #e7e7e7;}
.borderAzul:hover { border: thin solid blue; }

.disabledPointer { pointer-events: none !important; }

.imgTransform { transition: transform 0.30s ease; }
.imgTransform:hover { -webkit-transform:scale(1.1); transform:scale(1.1); }

/* BOTONES MENU PRINCIPAL DE LA IZQUIERDA ======================== */
.tituloMenuPrincipal { font-size: 15px; padding: 12px 5px 12px 10px; margin-bottom: 0px; }
.botonMenuPrincipal { padding: 8px 5px 8px 10px; }

/* VENTANAS USADAS EN DETALLE.PRODUCTOS (BORDES) ================== */
.ventanaDetalles {border-width: 1px; border-style: solid; border-color: #DDD; }
.ventanaDetallesNoTop { border-top-width: 0px; }
.ventanaDetallesNoBottom { border-bottom-width: 0px; }
.css404 { color: #222; background-color: #F2F2F2; margin-bottom: 15px; padding-top: 20px; padding-bottom: 20px; }

/* CABECERA */
.bgCabecera {
    background: url('https://www.zoominformatica.com/img-ia/bg-top-cabecera.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* BOTTOM */
.pie { 
    background-color: #111111;
    background: url('https://www.zoominformatica.com/pics/bgDifuGris.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lang-es { display: true; }
.country-es { display: true; }