#contenido {
  color: #cccccc;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;
}

#contenido fieldset {
  width: 400px;

  margin: auto;

  text-align: center;

  font-size: 12px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  border: solid 8px #eee;

  color: #303030;
}

.Fuentes {
  color: #303030;
}

#contenido legend {
  font-family: Arial, Helvetica, sans-serif;

  color: #303030;

  font-size: 16px;
}

#fieldsetIntranet {
  width: 250px;

  margin: auto;

  text-align: center;

  border: solid 2px #e1e1e1;
}

#fieldsetIntranet legend {
  color: #ffffff;

  font-family: "Lucida Console", Monaco, monospace;

  font-size: 18px;
}

.puntero {
  cursor: pointer;
}

#botones {
  text-align: center;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  text-decoration: none;

  color: #ffffff;
}

#botones a:link {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #555;

  background-color: #555;

  padding: 5px;

  color: #ffffff;
}

#botones a:visited {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #555;

  background-color: #555;

  padding: 5px;

  color: #ffffff;
}

#botones a:hover {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #292626;

  background-color: #292626;

  color: #ffffff;
}

#botones a:active {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #555;

  background-color: #555;

  padding: 5px;

  color: #ffffff;
}

#botones .btn_bottom:link {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #999;

  background-color: #999;

  padding: 5px;

  color: #ffffff;
}

#botones .btn_bottom:visited {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #999;

  background-color: #999;

  padding: 5px;

  color: #ffffff;
}

#botones .btn_bottom:hover {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #7f7c7c;

  background-color: #7f7c7c;

  color: #ffffff;
}

#botones .btn_bottom:active {
  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: solid 5px #999;

  background-color: #999;

  padding: 5px;

  color: #ffffff;
}

.div_par_btn {
  display: inline-flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: stretch;
  flex-direction: column;
  padding: 10px;
}

.tipotext {
  font-family: Arial, Helvetica, sans-serif;

  border: solid 1px #e1e1e1;

  font-size: 12px;

  padding-top: 5px;

  padding-bottom: 5px;

  color: #303030;

  background-color: #efefef;
}

.tipotext_b {
  font-family: Arial, Helvetica, sans-serif;

  border: solid 1px #ffffff;

  font-size: 12px;

  padding-top: 5px;

  padding-bottom: 5px;

  color: #303030;

  background-color: #ffffff;
}

.boton_gris {
  font-family: Arial, Helvetica, sans-serif;
  border: solid 1px #999999;
  background-color: #999999;
  color: #ffffff;
  font-size: 12px;
  width: 100px;
  height: 30px;
  cursor: pointer;
  border-radius: 6px;
}

.boton_B {
  font-family: Arial, Helvetica, sans-serif;

  border: solid 1px #303030;

  background-color: #303030;

  color: #ffffff;

  font-size: 18px;

  height: 25px;

  cursor: pointer;
}

.texto {
  color: #009999;

  font-family: Arial, Helvetica, sans-serif;

  text-decoration: none;

  font-size: 14px;
}

.borde_tabla {
  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

  

  color: #009999;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 15px;
  text-align: center;

}

.f_rojo {
  background-color: #ff0000;

  color: #ffffff;
}

#DivVerFoto {
  background-color: #fff;

  -webkit-border-radius: 9px;

  -moz-border-radius: 9px;

  border-radius: 9px;

  border: solid 9px #f7f7f7;

  position: fixed;

  left: 5%;

  top: 10px;

  display: none;

  z-index: 999;
}

.divPregunta {
  background-color: #fff;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  border: ridge 6px #303030;

  position: fixed;

  left: 50%;

  margin-left: -200px;

  top: 10%;

  width: 400px;

  height: 400px;

  z-index: 1000;

  color: #303030;

  display: none;
}

.divMostrar {
  background-color: #fff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  border: solid 2px #cccccc;

  width: 230px;

  height: 105px;
}

.EstiloM {
  font-family: "Century Gothic";

  font-size: 18px;

  color: #ff2626;
}

#divCarrito {
  position: absolute;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  border: solid 15px #303030;

  background-color: #303030;

  top: 130px;

  left: 0px;

  width: 120px;

  height: 100px;

  z-index: 999;

  font-size: 15px;
  color: #ffffff;
}

#f2 {
  background: #eee;
  margin-top: 0px;
}

#apDiv1 {
  
  
  
  width: 100%;
  z-index: 5;
  visibility: visible;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #303030;
  padding-bottom: 100px;
  
}

/* Estilos para el submenú */
.submenu {
  display: none;
  position: absolute;
  background: transparent;
  padding: 10px;

  top: 100%;
  left: 0;
  width: 200px; /* Ancho del submenú */
  z-index: 1500;
}

.submenu li a {
  color: #aaa;
}

.submenu li a:hover {
  color: #333;
}

/* Mostrar el submenú al pasar el ratón por encima del elemento padre */
.navbar-nav li:hover .submenu {
  display: flex !important;
  flex-direction: column !important;
}