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


*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

body {
	min-height: 100vh;
	box-sizing: border-box;
}

.encabezado {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color:#FFF;
	padding: 0px 10%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1000;
}

.logo {
	font-size: 25px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform:: uppercase;
	color: #FFF;
	font-weight: 500;
}

.navigation ul{
	list-style:none;
}

.encabezado .navigation ul li{
	float:left;
	position:relative;
}

.encabezado .navigation ul li a{
	font-size: 14px;
	color: #8C008C;
	text-decoration: none;
	padding: 10px;
	display: block;
	transition: all .2s ease;
}

.encabezado .navigation ul li a:hover {
	color:#685cfe;
}

.encabezado .navigation ul li ul {
	position: absolute;
	right: 0;
	width: 225px;
	background-color: #FFF;
	display: none;
}

.encabezado .navigation ul li ul li a{
	font-size:15px;
	text-transform:capitalize;
}

.encabezado .navigation ul li ul li ul{
	position:absolute;
	top:0;
	right:225px;
}

.encabezado .navigation ul li ul li {
	width:100%;
}

.encabezado .navigation ul li:hover > ul {
	display:initial;
}

#toggle,
.encabezado label{
	display:none;
	cursor:pointer;
}

.menu {
	width:45px;
	height:35px;
}

.text-menu {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}


@media(max-width:950px) {
	
	.encabezado label {
		display:initial;
	}
	.encabezado {
		padding:20px 10%;
	}
	.encabezado .navigation {
		position:absolute;
		top:100%;
		left:0;
		right:0;
		background-color:#FFF;
		display:none;
	}
	.encabezado .navigation ul li {
		width:100%;
	}
	.encabezado .navigation ul li a {
		padding: 8px 30px 8px 10%;
	}
	.encabezado .navigation ul li ul {
		position:relative;
		width:100%;
		left:0;
	}
	.encabezado .navigation ul li ul li {
	background-color: #FFFFFF;
	}
	.encabezado .navigation ul li ul li ul {
		position:relative;
		width:100;
		left:0;
	}
	#toggle:checked ~ .navigation {
		display:block;
	}
}

.custom-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-form .form-group {
    margin-bottom: 15px;
    text-align: center; /* Alinea el texto de la etiqueta al centro */
}

.custom-form .form-control {
    width: 300px; /* Ajusta el ancho de los campos de texto según sea necesario */
    margin: 0 auto; /* Centra horizontalmente los campos de texto */
}

.submenu{
	background-color:#FFF;
	padding:10px;
	width: 225px;
	
}


.menu-desplegable {
  position: relative;
}

.contenido-desplegable {
  position: absolute;
  max-height: 200px; /* Establece el tamaño máximo */
  overflow-y: auto; /* Permite el desplazamiento vertical */
  border: 1px solid #ccc; /* Añade un borde para visualización */
}

/* Estilos adicionales para mejorar la apariencia */
.boton-desplegable {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  width: 200px; /* Ajusta el ancho según sea necesario */
}

.boton-desplegable:hover {
  background-color: #ddd;
}

.fondo {
  position: relative;
  width: 100%;
  height: 100vh; /* Esto asegura que el div ocupe toda la altura visible */
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center; /* Centrado vertical */
  text-shadow: 2px 0 0 #FFFFFF, -2px 0 0 #FFFFFF, 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF, 1px 1px #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF;
}

.fondo h1 {
  text-align: center; /* Alineación horizontal del texto */
}



/* Old */

.delimitadorvideo{
	width: 90%;    /* Ancho máximo */
	max-width: 900px;
	margin: auto;
}


.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;
    }
	
.simplescrollup__button {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    transition: 1s all;
    z-index: 10000;
}
.simplescrollup__button--show {
    transform: translateX(0);
}
.simplescrollup__button--hide {
    transform: translateX(100px);
}

<style type="text/css">

.text-stroke {
  -webkit-text-stroke-color: #000;
  -webkit-text-stroke-width: 2px;
/* shorthand */
  -webkit-text-stroke: 2px #000;
/* color del texto */
  -webkit-text-fill-color: #fff;
}
	
.titulo menus {
	color: #600;
}
.stock {
	color: #0C3;
	font-weight: bold;
}

.stocknaranja {
	color: #F90;
	font-weight: bold;
}
 .titulomenudiario {
	font-family: Verdana;
	font-size: 24px;
	color: #009;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #09C;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #09C;
}
a:active {
	text-decoration: none;
	color: #09C;
	font-size: 12px;
}
body,td,th {
	color: #09F;
}
#page-top .container .row .col-lg-12.text-center .col-lg-12 {
}
</style>

.texto_centrado {
	text-align: center;
}


/* Propiedades submenus */
ul, ol {
    list-style:none;
}

.desplegable > li {
    float:inherit;
    position: relative; /* Añadir posición relativa para que el z-index funcione correctamente */
}

.desplegable li a {
    color: #FFF;
    text-decoration: none;
    padding: 10px 12px;
    display: block;
    background: ;
}

.desplegable li a:hover {
    background-color: ;
}

.desplegable li ul {
    display:none;
    position:absolute;
    min-width:200px;
    z-index: 2; /* Asegurar que el submenú esté sobre el menú principal */
    background-color: #FCF; /* Color de fondo del submenú */
    padding: 0; /* Eliminar el relleno para que el color se extienda correctamente */
    top: 0; /* Ajustar la posición del submenú */
    left: 20%; /* Posición al lado del menú principal */
    white-space: nowrap; /* Evitar que el texto se rompa */
}

.desplegable li:hover > ul {
    display:block;
    right: 100%; /* Ajustar la posición del submenú */
    top: 0; /* Ajustar la posición del submenú */
}

.desplegable li ul li {
    position:relative;
}

.desplegable li ul li ul {
    top: 0;
    left: 100%; /* Ajustar la posición del submenú */
    background-color: #C9F; /* Establecer el color de fondo del sub-submenú */
    z-index: 3; /* Asegurar que el submenú esté sobre otros elementos */
}

/* Media query para aplicar estilos específicos en pantallas de ordenador */
@media only screen and (min-width: 768px) {
    .desplegable li ul li ul {
        left: auto; /* Reinicia la posición en ordenadores */
        right: -140px; /* Desplaza hacia la izquierda en ordenadores */
    }

    .desplegable li:hover > ul {
        display: block;
        left: auto; /* Reiniciar la posición */
        right: 100%; /* Ajustar la posición del submenú */
        top: 0; /* Ajustar la posición del submenú */
    }
}