/* CENTRAL */
.central1 {border: 0px solid red; display: block; height: 75%; width: 100%; position: fixed; 
           top: 25%; left: 0%; background-image: url('https://carcare.mx/img/ce.fondo.int.webp');  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%; 
            background-image: url('https://carcare.mx/img/pc.fondo.int.webp');  z-index: 10; background-size: 100%; 
            background-repeat: no-repeat; background-position-y: top; background-position-x: center; text-align: center;}

/* 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;}
/* REXTO 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 B */
.opcion4 {aspect-ratio: 2/1; border: 1px solid white; display: block; width: 60%; position: fixed; border-radius: 15px; 
          top: 42%; left: 20%; background-color: transparent; z-index: 13; padding: 0px; text-align: center; 
          background-image: url("https://carcare.mx/img/ce.menu.tel.webp"); background-size: 100%;}
.opcion5 {aspect-ratio: 1/1; border: 2px solid red; display: block; width: 25%; 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: 32%; 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.tel.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: 62%; 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.pie.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: 52%; 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.pie.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; font-weight: bold;}
.opctxt3 { font-family: Arial; color: white;   font-size:1.3vw; text-decoration: none; 
               white-space: nowrap; word-wrap: nowrap; font-weight: bold;}
/* 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;}