/* CENTRAL */
.central1 {border: 0px solid red; display: block; height: 75%; width: 100%; position: fixed; 
           top: 25%; left: 0%; 
           animation: cambiarFondoce 15s infinite; 
           background: black; 
            z-index: 10; 
           background-size: 100%; background-repeat: no-repeat; background-position-y: top; 
           background-position-x: center; text-align: center;}
.central2 {border: 1px solid red; display: block; height: 5%; width: 45%; position: fixed; 
              top: 20%; left: 50%; background-color: transparent; z-index: 12; padding: 0px; text-align: left;}
.central3  {border: 0px solid red; display: block; height: 80%; width: 99%; position: fixed;  top: 20%; left: 0.5%; 
            animation: cambiarFondopc 15s infinite; 
            background: black; 
            z-index: 10; background-size: 100%; 
            background-repeat: no-repeat; background-position-y: top; background-position-x: center; text-align: center;}
@keyframes cambiarFondoce {
    
  09% { background-image: url('https://carcare.mx/img/ce.fondo.ind.webp');  }
  18% { background-image: url('https://carcare.mx/img/ce.fondo.pre.webp');  }
  27% { background-image: url('https://carcare.mx/img/ce.fondo.ind2.webp'); }
  36% { background-image: url('https://carcare.mx/img/ce.fondo.ind1.webp'); }
  45% { background-image: url('https://carcare.mx/img/ce.fondo.cor.webp');  }
  54% { background-image: url('https://carcare.mx/img/ce.fondo.bas.webp'); }
  63% { background-image: url('https://carcare.mx/img/ce.fondo.int.webp');  }
  72% { background-image: url('https://carcare.mx/img/ce.fondo.tel.webp');  }
  81% { background-image: url('https://carcare.mx/img/ce.fondo.paq.webp');  }
  90% { background-image: url('https://carcare.mx/img/ce.fondo.pie.webp');  }
 100% { background-image: url('https://carcare.mx/img/ce.fondo.ind3.webp'); }
}

@keyframes cambiarFondopc {
    
  08% { background-image: url('https://carcare.mx/img/pc.fondo.ind.webp');  }
  16% { background-image: url('https://carcare.mx/img/pc.fondo.pre.webp');  }
  24% { background-image: url('https://carcare.mx/img/pc.fondo.ind4.webp'); }
  32% { background-image: url('https://carcare.mx/img/pc.fondo.ind2.webp'); }
  40% { background-image: url('https://carcare.mx/img/pc.fondo.ind1.webp'); }
  48% { background-image: url('https://carcare.mx/img/pc.fondo.cor.webp');  }
  56% { background-image: url('https://carcare.mx/img/pc.fondo.ind5.webp'); }
  64% { background-image: url('https://carcare.mx/img/pc.fondo.int.webp');  }
  72% { background-image: url('https://carcare.mx/img/pc.fondo.tel.webp');  }
  80% { background-image: url('https://carcare.mx/img/pc.fondo.paq.webp');  }
  90% { background-image: url('https://carcare.mx/img/pc.fondo.pie.webp');  }
 100% { background-image: url('https://carcare.mx/img/pc.fondo.ind3.webp'); }
}


/* CUADRO QUE DESEAS HACER */
.que1 {border: 0px solid red; display: block; height: 5%; width: 95%; position: fixed; 
              top: 25.5%; left: 2.5%; background-color: transparent; z-index: 12; padding: 0px; text-align: center;}
.que2 {border: 1px solid red; display: block; height: 5%; width: 96%; position: fixed; 
              top: 42.5%; left: 2%; background-color: transparent; z-index: 12; padding: 0px; text-align: center;}
.que3 {border: 0px solid red; display: block; height: 5%; width: 50%; position: fixed; 
              top: 50%; left: 25%; background-color: transparent; z-index: 2; padding: 0px; text-align: center;}
/* TEXTO QUE DESEAS HACER */
.hacer1 { font-family: Abril+Fatface; color: white; z-index: 15; font-size:3vh; vertical-align: middle;
             margin-left: 10px; white-space: nowrap; text-wrap: nowrap; font-weight: bold;}
.hacer2 { font-family: Abril+Fatface; color: green; z-index: 15; font-size:3vh; vertical-align: middle;
             margin: 0px; white-space: nowrap; text-wrap: nowrap; font-weight: bold;}
.hacer3 { font-family: Abril+Fatface; color: white; z-index: 2; font-size:3.5vw; vertical-align: middle;
           white-space: nowrap; text-wrap: nowrap; font-weight: bold;}


/* OPCIONES */
/* OPCION A */
.opcion1 {aspect-ratio: 2/1; border: 1px solid white; display: block; width: 60%; position: fixed; border-radius: 15px; 
          top: 32%; left: 20%; background-color: transparent; z-index: 13; padding: 0px; text-align: center; 
          background-image: url("https://carcare.mx/img/ce.menu.int.webp"); background-size: 100%;}
.opcion2 {aspect-ratio: 1/1; border: 2px solid white; display: block; width: 25%; position: fixed; 
          top: 70%; left: 30%; background-color: white; z-index: 13; padding: 0px; text-align: center;}
.opcion3 {aspect-ratio: 1/0.20; border: 2px solid white; display: block; width:15%; /*height: 7.5%;*/ position: fixed; background-repeat: no-repeat;
          border-radius: 15px; background-size: 100%; top: 60%; left: 22.5%; background-image: url("https://carcare.mx/img/0.flecha.webp"); z-index: 13; padding: 0px; text-align: center;}
.opcion3:hover { border: 2px solid white; aspect-ratio: 1/1; width:15%; background-image: url("https://carcare.mx/img/pc.menu.int.webp");}
.opcion3:hover .deatx3 { vertical-align: bottom; display: block;}
/* OPCION B */
.opcion4 {aspect-ratio: 2/1; border: 1px solid white; display: block; width: 60%; position: fixed; border-radius: 15px; 
          top: 52%; left: 20%; background-color: transparent; z-index: 13; padding: 0px; text-align: center; 
          background-image: url("https://carcare.mx/img/ce.menu.cor.webp"); background-size: 100%;}
.opcion5 {aspect-ratio: 1/1; border: 2px solid red; display: block; width: 40%; position: fixed; 
          top: 70%; left: 30%; background-color: white; z-index: 13; padding: 0px; text-align: center;}
.opcion6 {aspect-ratio: 1/0.20; border: 2px solid white; display: block; width:15%; /*height: 7.5%;*/ position: fixed; background-repeat: no-repeat;
          border-radius: 15px; background-size: 100%; top: 60%; left: 42.5%; background-image: url("https://carcare.mx/img/0.flecha.webp"); z-index: 13; padding: 0px; text-align: center;}
.opcion6:hover { border: 2px solid white; aspect-ratio: 1/1; width:15%; background-image: url("https://carcare.mx/img/pc.menu.cor.webp");}
.opcion6:hover .deatx3 { vertical-align: bottom; display: block;}

/* OPCION C */
.opcion7 {aspect-ratio: 2/1; border: 1px solid white; display: block; width: 60%; position: fixed; border-radius: 15px; 
          top: 72%; left: 20%; background-color: transparent; z-index: 13; padding: 0px; text-align: center;vertical-align: bottom;
          background-image: url("https://carcare.mx/img/ce.menu.paq.webp"); background-size: 100%;}
.opcion8 {aspect-ratio: 1/1; border: 2px solid white; display: block; width: 25%; position: fixed; 
          top: 70%; left: 30%; background-color: white; z-index: 13; padding: 0px; text-align: center;}
.opcion9 {aspect-ratio: 1/0.20; border: 2px solid white; display: block; width:15%; /*height: 7.5%;*/ position: fixed; background-repeat: no-repeat;
          border-radius: 15px; background-size: 100%; top: 60%; left: 62.5%; background-image: url("https://carcare.mx/img/0.flecha.webp"); z-index: 13; padding: 0px; text-align: center;}
.opcion9:hover {border: 2px solid white; aspect-ratio: 1/1; width:15%; background-image: url("https://carcare.mx/img/pc.menu.paq.webp");}
.opcion9:hover .deatx3 { vertical-align: bottom; display: block;}

/* OPCION CUADRO TEXTO */
.opcionCT1 {border: 0px solid black; display: block; width: 90%; position: relative; 
          top: 0%; left: 5%; background-color: transparent; z-index: 13; padding: 0px; text-align: center;}
.opcionCT2 {border: 1px solid red; display: block; width: 100%; position: relative; 
          top: 0%; left: 0%; background-color: white; z-index: 13; padding: 0px; text-align: center;}
.opcionCT3 {border: 0px solid red; display: block; height: 50%; width: 100%; position: relative; 
          top: 0%; left: 0%; background-color: transparent; z-index: 18; padding: 0px; text-align: center;}
/* OPCION TEXTO */
.opctxt1 { font-family: Arial; color: white;   font-size:1.8vh; text-decoration: none;
               white-space: nowrap; word-wrap: nowrap; font-weight: bold;}
.opctxt2 { font-family: Arial; color: white;   font-size:1vw; text-decoration: none;
               white-space: nowrap; word-wrap: nowrap;}
.opctxt3 { font-family: Arial; color: white;   font-size:1.3vw; text-decoration: none; 
               white-space: nowrap; word-wrap: nowrap;}
/* OPCION CUADRO DESCIPCIÓN */
.deoa1 {border: 0px solid blue; display: block; width: 100%; position: relative; 
          top: 110%; left: 0%; background-color: transparent; z-index: 13; padding: 0px; text-align: center;}
.deoa2 {border: 1px solid red; display: block; width: 100%; position: relative; 
          top: 0%; left: 0%; background-color: white; z-index: 13; padding: 0px; text-align: center;}
.deoa3 {border: 0px solid green; display: block; height: 50%; width: 95%; position: relative; border-radius: 15px;
        top: 110%; left: 2.5%; background-color: transparent; z-index: 18; vertical-align: bottom; padding: 0px; text-align: center;}
/* OPCION TEXTO DESCIPCIÓN */
.deatx1 { margin-top: 10px; font-family: Arial; color: white; font-size:1.8vh; text-align: justify; text-decoration: none;}
.deatx2 { font-family: Arial; color: white; font-size:1vw; text-decoration: none; 
               white-space: nowrap; word-wrap: nowrap;}
.deatx3 { font-family: Arial; color: white; font-size:0.9vw; text-decoration: none; 
               text-align: justify; display: none; }
/*FONDO*/
.fondo {position: fixed; height: 5%; width: 90%; right: 5%; top: 95%; background-color: transparent; 
        border: 0px solid green; z-index: 1;}