@charset "iso-8859-1";
/* CSS Document */

/*
CONSULTAR ARCHIVO COLORIDO.PSD
Variable para colores: var(--ColorPrincipal) en vez del color.

FUENTES:
'Afacad Flux' - Títulos
'Lexend' - Textos
*/

:root { /* COLORIDO VERDE */
--ColorOscuroMAX: #1e480b; /* var(--ColorOscuroMAX) */
--ColorOscuroMED: #275e0f; /* var(--ColorOscuroMED) */
--ColorOscuroMIN: #337b14; /* var(--ColorOscuroMIN) */

--ColorPrincipal: #3c9117; /* var(--ColorPrincipal) */

--ColorClaroMIN: #9ec88b; /* var(--ColorClaroMIN) */
--ColorClaroMED: #cee3c5; /* var(--ColorClaroMED) */
--ColorClaroMAX: #ecf4e8; /* var(--ColorClaroMAX) */

--ColorClaroFONDOS: #f5f9f3; /* var(--ColorClaroFONDOS) */

--VerdeEstandar: ForestGreen; /* var(--VerdeEstandar) */
--VerdeEstandar_HOVERS: DarkOliveGreen; /* var(--VerdeEstandar_HOVERS) */

--NaranjaEstandar: Coral; /* var(--NaranjaEstandar) */
--NaranjaEstandar_HOVERS: OrangeRed; /* var(--NaranjaEstandar_HOVERS) */

--GrisTextosOscuro: DimGray; /* var(--GrisTextosOscuro) */
--GrisTextosNormal: Gray; /* var(--GrisTextosNormal) */
--GrisTextosClaro: LightGray; /* var(--GrisTextosClaro) */
--PerfilesEstandar: LightGray; /* var(--PerfilesEstandar) */

--RojoPeligro: Red; /* var(--RojoPeligro) */
}

/*ventana_generica*/
.DIV_fondo_ventana_generica { position:fixed; left:0; top:0; width:100%; height:100%; background-image:url(imagenes_web/pixel-negro-50.png); z-index:12; display:none; padding:10px;}
.DIV_ventana_generica { position:relative; box-sizing:border-box; border-radius:10px; background-color:White; box-shadow:0 0 50px #000000; overflow:hidden;}
.cabecera_ventana_generica { position:absolute; box-sizing:border-box; top:0; left:0; width:100%; height:40px; padding:0 15px; font-size:1.2rem; line-height:40px; font-weight:200; background-color:var(--ColorOscuroMIN); color:var(--ColorClaroMED); z-index:1;  }
.boton_cerrar_ventana_generica { position:absolute; top:10px; right:10px; width:22px; height:22px; border-radius:50px; background-color:White; z-index:2;
background-image:url(imagenes_web/icono-por.png); background-position:center; background-repeat:no-repeat; background-size:contain;}
.boton_cerrar_ventana_generica:hover { cursor:pointer; background-image:url(imagenes_web/icono-por-rojo.png);}
.cuerpo_ventana_generica { width:100%; height:100%; box-sizing:border-box; padding:55px 15px; font-size:1.0rem; overflow-y:auto; }
.pie_ventana_generica { position:absolute; bottom:0; left:0; width:100%; height:40px; box-sizing:border-box; padding:0 10px; font-size:1.0rem; line-height:35px; font-weight:600; background-color:var(--ColorClaroMAX); }
.pie_ventana_generica .boton_ventana { height:30px; line-height:30px; padding:0px 10px; margin:5px 5px 0 5px; background-color:var(--ColorPrincipal); color:White; border-radius:3px; font-size:1.0em; font-weight:300; text-transform:uppercase; float:right;}
.pie_ventana_generica .boton_ventana:hover { background-image:url(imagenes_web/pixel-negro-10.png); cursor:pointer;}
/*ventana_generica*/

/*DIV_ventana_confirmacion*/
#DIV_ventana_confirmacion { position:fixed; left:0; top:0; width:100%; height:100%; background-image:url(imagenes_web/pixel-negro-70.png); display:none; z-index:20000;}
#DIV_ventana_confirmacion .ventana { position:fixed; left:50%; top:20%; margin-left:-200px; width:400px; height:auto; min-height:120px; background-color:#FFFFFF; box-shadow:0 0 10px #333; }
#DIV_ventana_confirmacion .ventana .interior_ventana_confirmacion { padding:10px 15px;}
#DIV_ventana_confirmacion .ventana .cabecera { font-size:1.4em; color:#4e6f7d; font-weight:300; }
#DIV_ventana_confirmacion .ventana .cuerpo { font-size:1.0em; color:#777; margin-top:5px;}
#DIV_ventana_confirmacion .ventana .boton_cancelar { position:absolute; top:10px; right:10px; width:25px; height:25px; background-color:#666; border-radius:50px; cursor:pointer; background-image:url(imagenes_web/icono-cerrar.png); background-size:100%;}
#DIV_ventana_confirmacion .ventana .boton_cancelar:hover { background-color:#333;}

#DIV_ventana_confirmacion .ventana .DIV_botones { width:100%; height:25px; font-size:0.9em; line-height:25px; margin-top:40px; }
#DIV_ventana_confirmacion .ventana .boton_1 {  min-width:90px; height:25px; text-align:center; padding:0 10px; background-color:#666; color:#FFFFFF; border-radius:2px; cursor:pointer; float:left; }
#DIV_ventana_confirmacion .ventana .boton_1:hover { background-color:#333; box-shadow:0 0 5px #3F0;}
#DIV_ventana_confirmacion .ventana .boton_2 { min-width:90px; height:25px; text-align:center; padding:0 10px; background-color:#666; color:#FFFFFF; border-radius:2px; cursor:pointer; float:right; margin-left:10px; }
#DIV_ventana_confirmacion .ventana .boton_2:hover { background-color:#333; box-shadow:0 0 5px #3F0;}
/*DIV_ventana_confirmacion*/

/*DIV_cargas_ocultas*/
#DIV_cargas_ocultas { position:fixed; box-sizing:border-box; top:0; right:0; padding:5px; max-height:900px; background-color:#FFC; z-index:50000; display:none; overflow-y:scroll;}

#FormulariosControl { position:fixed; right:0; bottom:0; background-color:#FFC; padding:3px; z-index:10000; display:none;}
#FormulariosControl input { font-family:inherit; width:90px;}

/*FormularioContacto*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#CCC; opacity: 1; font-weight:400; /* Firefox */}
.FormularioContacto { position:relative; box-sizing:border-box; width:100%; height:auto; padding:0 0 0 0; }
.FormularioContacto .TextoItem { position:relative; box-sizing:border-box; height:30px; line-height:30px; font-size:1.1em; color:var(--ColorOscuroMAX); border-radius:5px; background-color:var(--ColorClaroMAX); margin-right:10px; padding:0 5px; float:left; }
.FormularioContacto .TextoInput { font-family:inherit; position:relative; box-sizing:border-box; height:30px; font-size:1.0em; color:var(--ColorOscuroMAX); float:left; border-radius:5px; border:none; box-shadow:0 0 5px #666; outline:none; padding:0 10px; }
.FormularioContacto .TextoTextArea { font-family:inherit; position:relative; box-sizing:border-box; height:30px; font-size:1.0em; color:var(--ColorOscuroMAX); float:left; border-radius:5px; border:none; box-shadow:0 0 5px #666; outline:none; padding:5px 10px; }
.FormularioContacto .BotonEnviar { position:relative; box-sizing:border-box; width:auto; height:30px; line-height:30px; font-size:1.1em; color:White; border-radius:5px; background-color:var(--VerdeEstandar); margin-top:5px; padding:0 10px; float:left;}
.FormularioContacto .BotonEnviar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS);}

.FormularioContacto .BotonValidar { position:relative; box-sizing:border-box; width:auto; height:30px; line-height:30px; font-size:1.1em; color:White; border-radius:5px; background-color:var(--VerdeEstandar); margin-left:10px; padding:0 10px; float:left;}
.FormularioContacto .BotonValidar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS);}
.FormularioContacto .TextoAvisos { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:600; color:#F60; margin-top:10px; display:none; }
.FormularioContacto .TextoComentarios { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:var(--ColorOscuroMAX); margin-top:10px; display:none;  }

#FormularioContactoExcursiones {}
#FormularioContactoSecundarias { background-color:var(--ColorClaroMED);border-radius:10px; padding:10px;}
/*FormularioContacto*/

/*FormularioBusquedas*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#CCC; opacity: 1; font-weight:400; /* Firefox */}
.FormularioBusquedas { position:relative; box-sizing:border-box; width:100%; height:auto; padding:20px; background-color:var(--ColorClaroMED); border-radius:5px; }
.FormularioBusquedas .TextoItem { position:relative; box-sizing:border-box; width:100%; height:30px; line-height:30px; font-size:1.1em; color:var(--ColorOscuroMAX); padding:0 5px;  }
.FormularioBusquedas .TextoInput { font-family:inherit; position:relative; box-sizing:border-box; width:100%; height:30px; font-size:1.1em; color:var(--ColorOscuroMAX); border-radius:5px; border:none; box-shadow:0 0 5px #666; outline:none; padding:0 10px; }
.FormularioBusquedas .TextoTextArea { font-family:inherit; position:relative; box-sizing:border-box; height:30px; font-size:1.0em; color:var(--ColorOscuroMAX); float:left; border-radius:5px; border:none; box-shadow:0 0 5px #666; outline:none; padding:5px 10px; }
.FormularioBusquedas .BotonEnviar { position:relative; box-sizing:border-box; width:auto; height:30px; line-height:30px; font-size:1.1em; color:White; border-radius:5px; background-color:var(--VerdeEstandar); margin-top:5px; padding:0 10px; float:left;}
.FormularioBusquedas .BotonEnviar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS);}
.FormularioBusquedas .TextoAvisos { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:600; color:#F60; margin-top:10px; display:none; }
.FormularioBusquedas .TextoComentarios { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:var(--ColorOscuroMAX); margin-top:10px; display:none; }
/*FormularioBusquedas*/

/*FormularioUpload*/
#DIV_FormularioUploadFotoExcursion { position:fixed; box-sizing:border-box; left:50%; top:50%; width:500px; margin-left:-255px; margin-top:-100px; padding:10px; border-radius:2px; border:solid 2px #999; z-index:6000; display:none; background-color:#FFF; }
#Fondo_FormularioUploadFotoExcursion { position:fixed; left:0; top:0; width:100%; height:100%; background-image:url(imagenes_web/pixel-negro-50.png); z-index:5999; display:none;}

.FormularioUpload .TextoItem { position:relative; box-sizing:border-box; font-size:1.1em; color:var(--ColorOscuroMAX); margin:0 10px 5px 0; float:left; }
.FormularioUpload .TextoInput { font-family:inherit; position:relative; box-sizing:border-box; height:30px; font-size:1.0em; color:var(--ColorOscuroMAX); float:left; border-radius:5px; border:solid 1px #CCC; box-shadow:0 0 5px #666; padding:0 10px; }

.FormularioUpload .BotonAceptar { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; color:White; border-radius:5px; background-color:var(--VerdeEstandar); margin-right:10px; padding:3px 8px; float:left; }
.FormularioUpload .BotonAceptar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS);}

.FormularioUpload .BotonCancelar { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; color:White; border-radius:5px; background-color:var(--NaranjaEstandar); margin-left:10px; padding:3px 8px; float:right; }
.FormularioUpload .BotonCancelar:hover { cursor:pointer; background-color:var(--NaranjaEstandar_HOVERS);}
/*FormularioUpload*/

.GrupoUsuariosRegistroInicioPanel .TextoValidacionClavesOK { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; color:var(--VerdeEstandar); font-weight:500; padding-right:30px; float:left; 
background-image:url(imagenes_web/icono-check-valorado.png); background-repeat:no-repeat; background-position:right center; background-size:auto 80%;  }

.GrupoUsuariosRegistroInicioPanel .TextoValidacionClavesERROR { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; color:var(--NaranjaEstandar); font-weight:500; padding-right:30px; float:left; 
background-image:url(imagenes_web/icono-por-rojo.png); background-repeat:no-repeat; background-position:right center; background-size:auto 80%;  }


/* --- ESTILOS GENERICOS --- */
html { position:relative; box-sizing:border-box; width:100%; height:100%; margin:0; }
body { position:relative; box-sizing:border-box; width:100%; height:100%; font-family: 'Lexend', sans-serif; margin:0; background-color:White; font-size:15px; font-weight:400; cursor:default;}

.AnchoMaximo { position:relative; box-sizing:border-box; width:100%; max-width:1280px; margin:0 auto; padding:0 10px; }
.limpiar_float { clear:both;}

.Parrafo_mp { font-size:0.8rem; color:var(--GrisTextosNormal);}
.Parrafo_p { font-size:0.9rem; color:var(--GrisTextosNormal);}
.Parrafo_m { font-size:1.0rem; color:var(--GrisTextosNormal);}
.Parrafo_g { font-size:1.1rem; color:var(--GrisTextosNormal);}
.Parrafo_mg { font-size:1.2rem; color:var(--GrisTextosNormal);}

.Titulo_p { font-size:1.4rem; color:var(--GrisTextosNormal);}
.Titulo_g { font-size:1.5rem; color:var(--GrisTextosNormal);}
.Titulo_mg { font-size:1.6rem; color:var(--GrisTextosNormal);}

.LineaSeparadora_5 { width:100%; height:1px; margin-bottom:5px; clear:both;}
.LineaSeparadora_10 { width:100%; height:1px; margin-bottom:10px; clear:both;}
.LineaSeparadora_15 { width:100%; height:1px; margin-bottom:15px; clear:both;}
.LineaSeparadora_20 { width:100%; height:1px; margin-bottom:20px; clear:both;}
.LineaSeparadora_25 { width:100%; height:1px; margin-bottom:25px; clear:both;}
.LineaSeparadora_30 { width:100%; height:1px; margin-bottom:30px; clear:both;}
.LineaSeparadora_50 { width:100%; height:1px; margin-bottom:50px; clear:both;}

a:link, a:visited, a:hover, a:active { text-decoration:none; color:inherit; }
h1, h2, h3, h4, p { margin:0; font-size:inherit; font-weight:inherit; color:inherit;}

#DIV_cargador_generico { position:fixed; left:0; top:0; width:100%; height:100%; background-image:url(imagenes_web/pixel-negro-70.png); display:none; z-index:50000;}
#DIV_cargador_generico .cargador { position:fixed; left:50%; top:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; border-radius:50px; background-image:url(imagenes_web/cargando_logo.gif); background-repeat:no-repeat; background-position:center; background-size:90%; opacity:0.6;}

.GrupoUsuariosRegistroInicioPanel { position:relative; box-sizing:border-box; width:100%; height:auto; padding:0 0 0 0; }
.GrupoUsuariosRegistroInicioPanel .TextoItem { position:relative; box-sizing:border-box; width:200px; height:30px; line-height:30px; font-size:1.1em; color:var(--ColorOscuroMAX); border-radius:5px; background-color:var(--ColorClaroMAX); margin-right:10px; padding:0 5px; float:left; }
.GrupoUsuariosRegistroInicioPanel .TextoInput { font-family:inherit; position:relative; box-sizing:border-box; width:300px; height:30px; font-size:1.1em; color:var(--ColorOscuroMAX); float:left; border-radius:5px; border:none; box-shadow:0 0 5px #666; outline:none; padding:0 10px; }
.GrupoUsuariosRegistroInicioPanel .BotonValidar { position:relative; box-sizing:border-box; width:auto; height:30px; line-height:30px; font-size:1.1em; color:White; border-radius:5px; background-color:var(--VerdeEstandar); margin-left:10px; padding:0 10px; float:left; }
.GrupoUsuariosRegistroInicioPanel .BotonValidar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS);}
.GrupoUsuariosRegistroInicioPanel .TextoPrincipalComentariosRegistro { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:600; color:var(--ColorOscuroMAX); margin-bottom:3px; }
.GrupoUsuariosRegistroInicioPanel .TextoSecundarioComentariosRegistro { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:var(--ColorOscuroMAX); margin-bottom:3px; }

.GrupoUsuariosRegistroInicioPanel .TextoValidacionClavesOK { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; color:var(--VerdeEstandar); font-weight:500; padding-right:30px; float:left; 
background-image:url(imagenes_web/icono-check-valorado.png); background-repeat:no-repeat; background-position:right center; background-size:auto 80%;  }

.GrupoUsuariosRegistroInicioPanel .TextoValidacionClavesERROR { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; color:var(--NaranjaEstandar); font-weight:500; padding-right:30px; float:left; 
background-image:url(imagenes_web/icono-por-rojo.png); background-repeat:no-repeat; background-position:right center; background-size:auto 80%;  }

/* HEADER */
#HeaderWeb { position:fixed; box-sizing:border-box; width:100%; height:120px; top:0; background-color:var(--ColorPrincipal); background-image:url(imagenes_web/FondoHeader.png); background-size:cover; box-shadow:0 0 10px #000; z-index:11; }
#HeaderWeb #HeaderWeb_Logo { position:absolute; box-sizing:border-box; left:0; top:5px; width:auto; height:110px; z-index:12;  }
#HeaderWeb #HeaderWeb_Logo img{ width:auto; height:100%; }

#HeaderWeb #ContenedorBotonNewsLetter { position:relative; box-sizing:border-box; height:25px; margin:7px 0 0 10px; white-space: nowrap; float:left;  }
#HeaderWeb #BotonNewsLetter { position:absolute; box-sizing:border-box; left:0; top:0; width:100%; height:100%; line-height:22px; font-size:0.9em; border:solid 1px White; pointer-events:none; color:var(--ColorClaroMAX); border-radius:5px; padding:0 5px; background-color:var(--ColorPrincipal); z-index:1; }

#HeaderWeb .GrupoIconosCabecera { position:absolute; box-sizing:border-box; right:10px; top:3px; }

#HeaderWeb .GrupoIconosRedes { position:relative; box-sizing:border-box; margin-right:10px; float:left; }

#HeaderWeb .IconoRed { position:relative; box-sizing:border-box; width:30px; height:30px; border-radius:50px; margin:5px 0 0 7px; float:left; border:solid 1px var(--ColorClaroMAX); 
 background-repeat:no-repeat; background-position:center; background-size:cover; }
#HeaderWeb .IconoRed:hover { cursor:pointer; }

#HeaderWeb #BotonIniciarSesion { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px;}
#HeaderWeb #BotonIniciarSesion:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb #BotonPanelUsuario { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left;
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px;}
#HeaderWeb #BotonPanelUsuario:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb #BotonWhatsapp { position:fixed; box-sizing:border-box; right:10px; bottom:10px; width:60px; height:auto; opacity:1; z-index:2;}
#HeaderWeb #TextoBotonWhatsapp { position:fixed; box-sizing:border-box; right:50px; bottom:20px; width:auto; height:auto; border-radius:5px; padding:10px 30px 10px 10px; background-color:#FFF; box-shadow:0 0 3px #666; opacity:1; z-index:1;}
#HeaderWeb #BotonWhatsapp:hover { cursor:pointer; opacity:1}
#HeaderWeb #BotonWhatsapp img{ width:100%; height:auto; }

#HeaderWeb #BuscadorHeaderWeb { position:absolute; left:310px; top:50px; box-sizing:border-box; width:auto; height:auto; z-index:5; }

#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; padding-left:20px; box-shadow:0 0 5px var(--ColorOscuroMED); float:left;}
#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador .InputBuscador { font-family:inherit; position:relative; box-sizing:border-box; width:250px; height:30px; font-size:1.2em; font-weight:200; border:0; border-radius:0px; background-color:transparent; outline:none; float:left;}
#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador:hover { background-image:url(imagenes_web/icono-buscar-hover.png); cursor:pointer;}

#HeaderWeb #BuscadorHeaderWeb #GrupoOpciones { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; margin-left:10px; box-shadow:0 0 5px var(--ColorOscuroMED); float:left;}
#HeaderWeb #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar-avanzado.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones:hover { background-image:url(imagenes_web/icono-buscar-avanzado-hover.png); cursor:pointer;}

#HeaderWeb_SCROLLING { position:fixed; box-sizing:border-box; width:100%; height:50px; top:0; background-color:var(--ColorPrincipal); background-image:url(imagenes_web/FondoHeader.png); background-size:cover; top:0; box-shadow:0 0 10px #000; z-index:11; display:none; }
#HeaderWeb_SCROLLING #HeaderWeb_Logo { position:absolute; box-sizing:border-box; left:10px; top:5px; width:auto; height:40px;  }
#HeaderWeb_SCROLLING #HeaderWeb_Logo img{ width:auto; height:100%; }

#HeaderWeb_SCROLLING #ContenedorBotonNewsLetter { position:relative; box-sizing:border-box; height:25px; margin:7px 0 0 10px; white-space: nowrap; float:left;  }
#HeaderWeb_SCROLLING #BotonNewsLetter { position:absolute; box-sizing:border-box; left:0; top:0; width:100%; height:100%; line-height:22px; font-size:0.9em; border:solid 1px White; pointer-events:none; color:var(--ColorClaroMAX); border-radius:5px; padding:0 5px; background-color:var(--ColorPrincipal); z-index:1; }

#HeaderWeb_SCROLLING .GrupoIconosCabecera { position:absolute; box-sizing:border-box; right:10px; top:3px; }

#HeaderWeb_SCROLLING .GrupoIconosRedes { position:relative; box-sizing:border-box; margin-right:10px; float:left; }

#HeaderWeb_SCROLLING .IconoRed { position:relative; box-sizing:border-box; width:30px; height:30px; border-radius:50px; margin:5px 0 0 7px; float:left; border:solid 1px var(--ColorClaroMAX); 
 background-repeat:no-repeat; background-position:center; background-size:cover; }
#HeaderWeb_SCROLLING .IconoRed:hover { cursor:pointer; }

#HeaderWeb_SCROLLING #BotonIniciarSesion { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px; z-index:5;}
#HeaderWeb_SCROLLING #BotonIniciarSesion:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb_SCROLLING #BotonPanelUsuario { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px; z-index:5;}
#HeaderWeb_SCROLLING #BotonPanelUsuario:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb_SCROLLING #BotonWhatsapp { position:fixed; box-sizing:border-box; right:10px; bottom:10px; width:60px; height:auto; opacity:1; z-index:2; }
#HeaderWeb_SCROLLING #TextoBotonWhatsapp { position:fixed; box-sizing:border-box; right:50px; bottom:20px; width:auto; height:auto; border-radius:5px; padding:10px 30px 10px 10px; background-color:#FFF; box-shadow:0 0 3px #666; opacity:1; z-index:1;}
#HeaderWeb_SCROLLING #BotonWhatsapp:hover { cursor:pointer; opacity:1}
#HeaderWeb_SCROLLING #BotonWhatsapp img{ width:100%; height:auto; }

#HeaderWeb_SCROLLING #BuscadorHeaderWeb { position:absolute; left:130px; top:10px; box-sizing:border-box; width:auto; height:auto; z-index:5; }

#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; padding-left:20px; box-shadow:0 0 4px var(--ColorOscuroMED); float:left;}
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador .InputBuscador { font-family:inherit; position:relative; box-sizing:border-box; width:250px; height:30px; font-size:1.2em; font-weight:200; border:0; border-radius:0px; background-color:transparent; outline:none; float:left;}
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador:hover { background-image:url(imagenes_web/icono-buscar-hover.png); cursor:pointer;}

#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoOpciones { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; margin-left:10px; box-shadow:0 0 5px var(--ColorOscuroMED); float:left;}
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar-avanzado.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones:hover { background-image:url(imagenes_web/icono-buscar-avanzado-hover.png); cursor:pointer;}
/* HEADER */

#CuerpoWeb { position:relative; box-sizing:border-box; width:100%; height:auto; background-color:var(--ColorClaroFONDOS); 
background-image:url(imagenes_web/FondoSecundarias.png); background-repeat:no-repeat; background-position:right center; background-size:100% 100%; background-attachment:fixed;}
/* --- ESTILOS GENERICOS --- */

/* --- INDEX --- */
#CompensadorAlturaHeaderIndex { position:relative; box-sizing:border-box; width:100%; height:120px; }
/* --- INDEX --- */

#MigasPan { position:absolute; box-sizing:border-box; width:100%; height:auto; top:120px; padding:5px 0; border-bottom:solid 3px var(--ColorPrincipal); background-color:var(--ColorPrincipal); background-image:url(imagenes_web/pixel-negro-10.png); z-index:3;}
#MigasPan .ItemMigasPan { position:relative; box-sizing:border-box; font-size:1em; color:White; font-weight:300; padding:0 3px; float:left;}
#MigasPan .ItemMigasPan:hover { cursor:pointer; color:var(--ColorClaroMED); }
#MigasPan .ItemMigasPanNOhover { position:relative; box-sizing:border-box; font-size:1em; color:White; font-weight:300; padding:0 3px; float:left;}

/* PROCESO RESERVA */
.GrupoVentanasReservar { position:relative; box-sizing:border-box; width:100%; height:auto; padding:0 0 0 0; }
.GrupoVentanasReservar .Titulos { position:relative; box-sizing:border-box; font-size:1.4em; font-weight:500; color:var(--ColorOscuroMAX); margin-bottom:20px; }

.GrupoVentanasReservar .Subtitulos { position:relative; box-sizing:border-box; font-size:1.2em; font-weight:400; color:var(--ColorOscuroMAX); margin-bottom:10px; }
.GrupoVentanasReservar .SubtitulosIconados { position:relative; box-sizing:border-box; font-size:1.2em; font-weight:400; color:var(--ColorOscuroMAX); padding-bottom:5px; margin-bottom:20px; border-bottom:solid 2px var(--PerfilesEstandar); 
background-image:url(imagenes_web/flecha-vertical-distinc.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%; }
.GrupoVentanasReservar .SubtitulosMenores { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:400; color:var(--ColorOscuroMAX); margin-bottom:10px; }
.GrupoVentanasReservar .Textos { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:300; color:var(--ColorOscuroMAX); margin-bottom:10px; }
.GrupoVentanasReservar .Comentarios { position:relative; box-sizing:border-box; font-size:0.9em; font-weight:300; font-style:italic; color:var(--ColorOscuroMAX); margin-bottom:10px; }

.GrupoVentanasReservar .Subtitulos .IconoFlotante { position:absolute; top:0px; right:-35px; width:25px; opacity:0.8; }
.GrupoVentanasReservar .Subtitulos .IconoFlotante:hover { cursor:pointer; opacity:1;}
.GrupoVentanasReservar .Subtitulos .IconoFlotante img { width:100%; height:auto; }

.GrupoVentanasReservar .DIV_Fecha { position:relative; box-sizing:border-box; float:left; margin-right:10px; margin-bottom:10px; text-align:center;}
.GrupoVentanasReservar .DIV_Fecha:hover { cursor:pointer;}

.GrupoVentanasReservar .DIV_Fecha .Fecha { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:500; width:110px; color:var(--GrisTextosNormal); padding:5px 10px; box-shadow:0 0 3px #666; border-radius:5px 0 0 5px; float:left;
background-color:White;  }
.GrupoVentanasReservar .DIV_Fecha .EstadoReservar { position:relative; box-sizing:border-box; width:100px; font-size:1.0em; font-weight:300; color:White;  padding:5px 10px; box-shadow:0 0 3px #666; border-radius:0 5px 5px 0 ; float:left; 
background-color:var(--ColorPrincipal);}
.GrupoVentanasReservar .DIV_Fecha .EstadoCompleta { position:relative; box-sizing:border-box; width:100px; font-size:1.0em; font-weight:300; color:White;  padding:5px 10px; box-shadow:0 0 3px #666; border-radius:0 5px 5px 0; float:left; 
background-color:var(--NaranjaEstandar); }
.GrupoVentanasReservar .DIV_Fecha .EstadoOculta { position:relative; box-sizing:border-box; width:100px; font-size:1.0em; font-weight:300; color:White;  padding:5px 10px; box-shadow:0 0 3px #666; border-radius:0 5px 5px 0; float:left; 
background-color:#000; }
.GrupoVentanasReservar .DIV_Fecha .BotonSeleccionar { position:relative; box-sizing:border-box; width:auto; font-size:1.0em; font-weight:300; color:White;  padding:5px 10px; box-shadow:0 0 3px #666; border-radius:5px; margin-left:10px; float:left; 
background-color:var(--VerdeEstandar);}
.GrupoVentanasReservar .DIV_Fecha .BotonSeleccionar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar .FondoAvisar { position:relative; box-sizing:border-box; background-color:var(--ColorClaroMAX); padding:10px; margin-top:20px; border-radius:5px;}
.GrupoVentanasReservar .BotonAvisar { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:200; color:White; padding:5px 10px; box-shadow:0 0 5px #666; margin-top:5px; border-radius:5px; float:left; background-color:var(--VerdeEstandar); }
.GrupoVentanasReservar .BotonAvisar:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar .MensajesPositivos { position:relative; box-sizing:border-box; margin-bottom:10px; font-size:1.1em; font-weight:500; color:var(--VerdeEstandar); }
.GrupoVentanasReservar #AvisosCopiado { position:relative; box-sizing:border-box; margin-bottom:10px; font-size:1.0em; font-weight:500; color:var(--VerdeEstandar); }

.GrupoVentanasReservar .LineaResumenReserva { position:relative; box-sizing:border-box; max-width:400px; border-bottom:solid 1px var(--ColorClaroMIN); margin-bottom:5px; }
.GrupoVentanasReservar .LineaResumenReserva .ResumenTexto { position:relative; box-sizing:border-box; font-size:1.1em; width:60%; font-weight:400; color:var(--ColorOscuroMED); float:left; }
.GrupoVentanasReservar .LineaResumenReserva .ResumenImporte { position:relative; box-sizing:border-box; font-size:1.1em; width:35%; font-weight:700; color:var(--ColorOscuroMED); float:left; text-align:right; }
.GrupoVentanasReservar .LineaResumenReserva .ResumenSimboloEuro { position:relative; box-sizing:border-box; font-size:1.1em; width:5%; font-weight:700; color:var(--ColorOscuroMED); float:left; text-align:left; padding-left:3px; }

.GrupoVentanasReservar #BotonSeleccionarParada { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:White; background-color:var(--VerdeEstandar); padding:5px 10px; border-radius:5px; margin:0 0 5px 0; float:left; }
.GrupoVentanasReservar #BotonSeleccionarParada:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar #CargadorParadas { position:absolute; box-sizing:border-box; left:0; top:0; width:100%; max-height:100px; padding:5px 10px; border-radius:5px; box-shadow:0 0 5px #666; background-color:#FFC; overflow-y:auto; display:none; z-index:1; }
.GrupoVentanasReservar #CargadorParadas .ItemOrigenDatosparadas { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:300; padding:5px 0; border-bottom:solid 1px #CCC; }

.GrupoVentanasReservar .BotonAplicarBonificaciones { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:White; background-color:var(--VerdeEstandar); padding:5px 10px; margin:0 5px 5px 0; border-radius:5px; float:left; }
.GrupoVentanasReservar .BotonAplicarBonificaciones:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar .BotonAplicarBonificacionesSELECTED { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:White; background-color:var(--VerdeEstandar_HOVERS); padding:5px 10px; margin:0 5px 5px 0; border-radius:5px; float:left; }

.GrupoVentanasReservar #InputCuponDescuento { font-family:inherit; position:relative; box-sizing:border-box; width:150px; height:28px; font-size:1.1em; text-align:center; font-weight:300; border:0; border-radius:5px; box-shadow:0 0 5px #666;  background-color:#FFC; }

.GrupoVentanasReservar #BotonComprobarCupones { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:White; background-color:var(--ColorOscuroMIN); padding:5px 10px; border-radius:5px; margin:0 5px 0 5px; float:left; }
.GrupoVentanasReservar #BotonComprobarCupones:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar #BotonAplicarCupones { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:White; background-color:var(--VerdeEstandar); padding:5px 10px; border-radius:5px; margin:0 5px 0 5px; float:left; display:none; }
.GrupoVentanasReservar #BotonAplicarCupones:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar .BotonesPagarCuotaIntegro { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:300; color:White; background-color:var(--VerdeEstandar); padding:7px 15px; border-radius:5px; margin:0 15px 5px 0; float:left; }
.GrupoVentanasReservar .BotonesPagarCuotaIntegro:hover { cursor:pointer; background-color:var(--VerdeEstandar_HOVERS); }

.GrupoVentanasReservar .BotonesPagarCuotaIntegro .VistoSeleccionado { position:absolute; box-sizing:border-box; top:-10px; right:-10px; width:25px; height:25px; border-radius:50px; background-color:#FFF; border:solid 2px var(--VerdeEstandar_HOVERS);
background-image:url(imagenes_web/icono-check-valorado.png); background-repeat:no-repeat; background-position:center; background-size:90%; z-index:1; }

.GrupoVentanasReservar .BotonCancelarReserva { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:300; color:White; background-color:var(--NaranjaEstandar); padding:7px 15px; border-radius:5px; margin:0 15px 5px 0; float:left; }
.GrupoVentanasReservar .BotonCancelarReserva:hover { cursor:pointer; background-color:var(--NaranjaEstandar_HOVERS); }

.GrupoVentanasReservar .IconosFormaPago { position:relative; box-sizing:border-box; width:150px; height:auto; border:solid 5px White; border-radius:5px; margin:0 10px 10px 0; box-shadow:0 0 5px #666; overflow:hidden; float:left;}
.GrupoVentanasReservar .IconosFormaPago:hover { cursor:pointer; border:solid 5px #EEE; box-shadow:0 0 5px #000; }
.GrupoVentanasReservar .IconosFormaPago img { width:100%; height:auto; }

.GrupoVentanasReservar .ExteriorLineaListado { position:relative; box-sizing:border-box; background-color:var(--ColorClaroMAX); border-radius:3px; box-shadow:0 0 3px #666; padding:4px 8px; margin-bottom:5px; }
.GrupoVentanasReservar .ExteriorLineaListado:hover { box-shadow:0 0 3px #000; cursor:pointer; }

.GrupoVentanasReservar .ExteriorLineaListado .IconoFlotanteDetalleReserva { position:absolute; top:4px; right:3px; box-sizing:border-box; width:40px; z-index:0; opacity:0.3; }
.GrupoVentanasReservar .ExteriorLineaListado .IconoFlotanteDetalleReserva img { width:100%; height:auto; }

.GrupoVentanasReservar .ExteriorLineaListado:hover .IconoFlotanteDetalleReserva { position:absolute; top:4px; right:3px; box-sizing:border-box; width:40px; z-index:0; opacity:1; }
.GrupoVentanasReservar .ExteriorLineaListado:hover .IconoFlotanteDetalleReserva img { width:100%; height:auto; }

.GrupoVentanasReservar .LineaListado { position:relative; box-sizing:border-box; width:100%; border-bottom:solid 1px var(--ColorClaroMIN); margin-bottom:5px; }
.GrupoVentanasReservar .LineaListado .ItemListado { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:400; color:var(--ColorOscuroMED); float:left; }

.GrupoVentanasReservar .ItemPanelUsuarios { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:400; color:var(--ColorOscuroMAX); padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px var(--ColorClaroMED); }
.GrupoVentanasReservar .ItemPanelUsuarios:hover { cursor:pointer; border-bottom:solid 1px var(--ColorClaroMIN); color:var(--ColorPrincipal); font-weight:500;}

.GrupoVentanasAdministradores { position:relative; box-sizing:border-box; width:100%; height:auto; padding:0 0 0 0; }
.GrupoVentanasAdministradores .Titulos { position:relative; box-sizing:border-box; font-size:1.4em; font-weight:500; color:var(--ColorOscuroMAX); margin-bottom:20px; }

.GrupoVentanasAdministradores .Subtitulos { position:relative; box-sizing:border-box; font-size:1.2em; font-weight:400; color:var(--ColorOscuroMAX); margin-bottom:10px; }
.GrupoVentanasAdministradores .SubtitulosIconados { position:relative; box-sizing:border-box; font-size:1.2em; font-weight:400; color:var(--ColorOscuroMAX); padding-bottom:5px; margin-bottom:20px; border-bottom:solid 2px var(--PerfilesEstandar); 
background-image:url(imagenes_web/flecha-vertical-distinc.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%; }
.GrupoVentanasAdministradores .SubtitulosMenores { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:400; color:var(--ColorOscuroMAX); margin-bottom:10px; }
.GrupoVentanasAdministradores .Textos { position:relative; box-sizing:border-box; font-size:1.0em; font-weight:300; color:var(--ColorOscuroMAX); margin-bottom:10px; }
.GrupoVentanasAdministradores .Comentarios { position:relative; box-sizing:border-box; font-size:0.9em; font-weight:300; font-style:italic; color:var(--ColorOscuroMAX); margin-bottom:10px; }

.GrupoVentanasAdministradores .Subtitulos .IconoFlotante { position:absolute; top:0px; right:-35px; width:25px; opacity:0.8; }
.GrupoVentanasAdministradores .Subtitulos .IconoFlotante:hover { cursor:pointer; opacity:1;}
.GrupoVentanasAdministradores .Subtitulos .IconoFlotante img { width:100%; height:auto; }

.GrupoVentanasAdministradores .LineaListado { position:relative; box-sizing:border-box; width:100%; border-bottom:solid 1px var(--PerfilesEstandar); font-weight:400;}
.GrupoVentanasAdministradores .LineaListado .ItemListado { position:relative; box-sizing:border-box; font-size:0.9em; height:30px; line-height:30px; padding:0 5px; border-right:solid 1px var(--PerfilesEstandar); color:var(--ColorOscuroMED); overflow:hidden; float:left; }

.GrupoVentanasAdministradores .TextoInput { position:relative; box-sizing:border-box; width:auto; height:30px; line-height:30px; font-size:1.0em; color:var(--ColorOscuroMAX); padding:0 10px; font-weight:300; float:left;}
.GrupoVentanasAdministradores input { font-family:inherit; position:relative; box-sizing:border-box; width:100%; height:25px; padding:0 5px; margin-top:2px; font-size:1.0em; font-weight:300; border:0; border-radius:3px; outline:none; box-shadow:0 0 2px #333; background-color:#FFC;  float:left;}

.GrupoVentanasAdministradores .LineaListado .IconoFlotanteAdministradores { position:relative; box-sizing:border-box; width:40px; height:30px; border-right:solid 1px var(--GrisTextosClaro); padding:0 5px; float:left; }
.GrupoVentanasAdministradores .LineaListado .IconoFlotanteAdministradores:hover { cursor:pointer; }
.GrupoVentanasAdministradores .LineaListado .IconoFlotanteAdministradores img { width:100%; height:auto; }

.GrupoVentanasAdministradores .ItemPanelUsuarios { position:relative; box-sizing:border-box; font-size:1.1em; font-weight:400; color:var(--ColorOscuroMAX); padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px var(--PerfilesEstandar); }
.GrupoVentanasAdministradores .ItemPanelUsuarios:hover { cursor:pointer; border-bottom:solid 1px var(--ColorClaroMIN); color:var(--ColorPrincipal); font-weight:500;}


#ContenedorPlanoBus { position:relative; box-sizing:border-box; width:100%; max-width:280px; background-color:White; padding:5px 0 0 5px; /*margin:0 auto;*/ float:left; }
#ContenedorPlanoBus .AsientoBus { position:relative; box-sizing:border-box; width:50px; height:50px; line-height:50px; font-size:1.2em; font-weight:600; text-align:center; margin:0 5px 5px 0; float:left; }
#ContenedorPlanoBus .AsientoBus .IconoDesbloquearAsiento { position:absolute; box-sizing:border-box; left:0; top:-10px; width:50px; height:60px; z-index:5;
background-image:url(imagenes_web/candado-cerrado.png); background-repeat:no-repeat; background-size:40%; background-position:top 5px center; }
#ContenedorPlanoBus .AsientoBus .IconoDesbloquearAsiento:hover { background-image:url(imagenes_web/candado-abierto.png); cursor:pointer; }

#ContenedorPlanoBus .AsientoBus .IconoReservaAgencia { position:absolute; box-sizing:border-box; right:-3px; bottom:-3px; width:25px; height:25px; line-height:25px; text-align:center; border-radius:50px; background-color:#36C; color:#FFF; font-size:0.8em; z-index:1;}
#ContenedorPlanoBus .AsientoBus .IconoReservaAgencia:hover { background-image:url(imagenes_web/candado-abierto.png); cursor:pointer; }

#ContenedorPlanoBus .AsientoPasillo { margin:0 60px 5px 0;}
#ContenedorPlanoBus .AsientoPasilloBalconcito { margin:0 150px 5px 0; }

#ContenedorPlanoBus .Libre { color:#060; background-image:url(imagenes_web/IconoAsientoBusLibre.png); background-position:center; background-repeat:no-repeat; background-size:contain; }
#ContenedorPlanoBus .Libre:hover { cursor:pointer; box-shadow: 0 0 3px #333; border-radius:5px 5px 0 0;}

#ContenedorPlanoBus .Ocupado { color:#900; background-image:url(imagenes_web/IconoAsientoBusOcupado.png); background-position:center; background-repeat:no-repeat; background-size:contain; }
#ContenedorPlanoBus .Seleccionado { color:#00BFFF; background-image:url(imagenes_web/IconoAsientoBusSeleccionado.png); background-position:center; background-repeat:no-repeat; background-size:contain; }

#ContenedorPlanoBus .ContenedorFlotanteDatosBus { position:absolute; box-sizing:border-box; top:60px; right:-180px; }
#ContenedorPlanoBus .DIV_GrupoContenedor { position:relative; box-sizing:border-box; width:120px; margin-bottom:20px; border:solid 1px #999; border-radius:2px; }
#ContenedorPlanoBus .DIV_Descripcion { position:relative; box-sizing:border-box; width:100%; height:auto; padding:5px 0; text-align:center; color:#FFF; font-size:1.0em; background-image:url(imagenes_web/pixel-negro-40.png)}
#ContenedorPlanoBus .DIV_Cantidad { position:relative; box-sizing:border-box; width:100%; height:50px; line-height:50px; text-align:center; color:#FFF; font-weight:600; font-size:1.5em; background-image:url(imagenes_web/pixel-negro-20.png) }

.ContenedorAsientosResumen { position:relative; box-sizing:border-box; width:100%; background-color:White; padding:5px 0 0 5px; /*margin:0 auto;*/ float:left; }
.ContenedorAsientosResumen .AsientoBus { position:relative; box-sizing:border-box; width:40px; height:40px; line-height:40px; font-size:1.0em; font-weight:600; text-align:center; margin:0 5px 5px 0; float:left; }
.ContenedorAsientosResumen .Seleccionado { color:#00BFFF; background-image:url(imagenes_web/IconoAsientoBusSeleccionado.png); background-position:center; background-repeat:no-repeat; background-size:contain; }

/* PROCESO RESERVA */



/* ESTILOS MÓVIL*/
@media (max-width: 768px) {

/* HEADER */
#HeaderWeb { position:fixed; box-sizing:border-box; width:100%; height:120px; top:0; background-color:var(--ColorPrincipal); box-shadow:0 0 10px #000; z-index:11; }
#HeaderWeb #HeaderWeb_Logo { position:absolute; box-sizing:border-box; left:10px; top:25px; width:auto; height:60px;  }
#HeaderWeb #HeaderWeb_Logo img{ width:auto; height:100%; }

#HeaderWeb .GrupoIconosCabecera { position:absolute; box-sizing:border-box; right:10px; top:3px; }

#HeaderWeb #FondeadorBajo { position:fixed; left:0; bottom:0; box-sizing:border-box; width:100%; height:60px; background-color:#0C0; z-index:1;  }
#HeaderWeb #ContenedorBotonNewsLetter { position:fixed; left:0px; bottom:10px; box-sizing:border-box; height:auto; padding:10px 15px; white-space: nowrap; float:left; z-index:2;  }
#HeaderWeb #BotonNewsLetter { position:absolute; box-sizing:border-box; left:0; top:0; width:100%; height:100%; line-height:40px; font-size:1.0em; text-align:center; pointer-events:none; color:var(--ColorClaroMAX); border-radius:5px; padding:0 5px; background-color:var(--ColorPrincipal); z-index:1; }

#HeaderWeb .GrupoIconosRedes { position:relative; box-sizing:border-box; float:left; }

#HeaderWeb .IconoRed { position:relative; box-sizing:border-box; width:30px; height:30px; border-radius:50px; margin:5px 0 0 7px; float:left; border:solid 1px var(--ColorClaroMAX); 
 background-repeat:no-repeat; background-position:center; background-size:cover; }
#HeaderWeb .IconoRed:hover { cursor:pointer; }

#HeaderWeb #BotonIniciarSesion { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px;}
#HeaderWeb #BotonIniciarSesion:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb #BotonPanelUsuario { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px;}
#HeaderWeb #BotonPanelUsuario:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb #BotonWhatsapp { position:fixed; box-sizing:border-box; right:10px; bottom:7px; width:50px; height:auto; opacity:1; z-index:3; }
#HeaderWeb #TextoBotonWhatsapp { position:fixed; box-sizing:border-box; right:5px; bottom:12px; width:auto; height:auto; border-radius:5px; padding:10px 60px 10px 10px; background-color:#FFF; box-shadow:0 0 3px #666; opacity:1; z-index:2;}
#HeaderWeb #BotonWhatsapp:hover { cursor:pointer; opacity:1}
#HeaderWeb #BotonWhatsapp img{ width:100%; height:auto; }

#HeaderWeb #BuscadorHeaderWeb { position:absolute; left:10px; top:80px; box-sizing:border-box; width:auto; height:auto; z-index:5; }

#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; padding-left:20px; box-shadow:0 0 5px var(--ColorOscuroMED); float:left;}
#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador .InputBuscador { font-family:inherit; position:relative; box-sizing:border-box; width:250px; height:30px; font-size:1.2em; font-weight:200; border:0; border-radius:0px; background-color:transparent; outline:none; float:left;}
#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador:hover { background-image:url(imagenes_web/icono-buscar-hover.png); cursor:pointer;}

#HeaderWeb #BuscadorHeaderWeb #GrupoOpciones { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; margin-left:10px; box-shadow:0 0 5px var(--ColorOscuroMED); float:left;}
#HeaderWeb #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar-avanzado.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones:hover { background-image:url(imagenes_web/icono-buscar-avanzado-hover.png); cursor:pointer;}

#HeaderWeb_SCROLLING { position:fixed; box-sizing:border-box; width:100%; height:50px; top:0; background-color:var(--ColorPrincipal); background-image:url(imagenes_web/FondoHeader.png); background-size:cover; top:0; box-shadow:0 0 10px #000; z-index:11; display:none; }
#HeaderWeb_SCROLLING #HeaderWeb_Logo { position:absolute; box-sizing:border-box; left:10px; top:5px; width:auto; height:40px;  }
#HeaderWeb_SCROLLING #HeaderWeb_Logo img{ width:auto; height:100%; }

#HeaderWeb_SCROLLING .GrupoIconosCabecera { position:absolute; box-sizing:border-box; right:10px; top:3px; }

#HeaderWeb_SCROLLING #FondeadorBajo { position:fixed; left:0; bottom:0; box-sizing:border-box; width:100%; height:60px; background-image:url(imagenes_web/pixel-negro-50.png); z-index:1;  }
#HeaderWeb_SCROLLING #ContenedorBotonNewsLetter { position:fixed; left:0px; bottom:10px; box-sizing:border-box; height:auto; padding:10px 15px; white-space: nowrap; float:left; z-index:2;  }
#HeaderWeb_SCROLLING #BotonNewsLetter { position:absolute; box-sizing:border-box; left:0; top:0; width:100%; height:100%; line-height:40px; font-size:1.0em; text-align:center; pointer-events:none; color:var(--ColorClaroMAX); border-radius:5px; padding:0 5px; background-color:var(--ColorPrincipal); z-index:1; }

#HeaderWeb_SCROLLING .GrupoIconosRedes { position:absolute; box-sizing:border-box; width:120px; top:33px; right:0px; padding:0 5px 7px 0; float:left; border-radius:0 0 20px 20px; background-color:var(--ColorPrincipal); }

#HeaderWeb_SCROLLING .IconoRed { position:relative; box-sizing:border-box; width:30px; height:30px; border-radius:50px; margin:5px 0 0 7px; float:left; border:solid 1px var(--ColorClaroMAX); 
 background-repeat:no-repeat; background-position:center; background-size:cover; }
#HeaderWeb_SCROLLING .IconoRed:hover { cursor:pointer; }

#HeaderWeb_SCROLLING #BotonIniciarSesion { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px; z-index:5;}
#HeaderWeb_SCROLLING #BotonIniciarSesion:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb_SCROLLING #BotonPanelUsuario { position:relative; box-sizing:border-box; width:auto; height:25px; line-height:22px; font-size:0.9em; border:solid 1px White; color:var(--ColorOscuroMAX); border-radius:5px; margin:7px 0 0 7px; float:left; 
padding:0 6px 0 25px; background-color:var(--ColorClaroMED); background-image:url(imagenes_web/icono-usuario.png); background-repeat:no-repeat; background-position:left 0px center; background-size:auto 24px; z-index:5;}
#HeaderWeb_SCROLLING #BotonPanelUsuario:hover { cursor:pointer; background-color:var(--ColorClaroMIN);}

#HeaderWeb_SCROLLING #BotonWhatsapp { position:fixed; box-sizing:border-box; right:10px; bottom:7px; width:50px; height:auto; opacity:1; z-index:3;}
#HeaderWeb_SCROLLING #TextoBotonWhatsapp { position:fixed; box-sizing:border-box; right:5px; bottom:12px; width:auto; height:auto; border-radius:5px; padding:10px 60px 10px 10px; background-color:#FFF; box-shadow:0 0 3px #666; opacity:1; z-index:2;}
#HeaderWeb_SCROLLING #BotonWhatsapp:hover { cursor:pointer; opacity:1}
#HeaderWeb_SCROLLING #BotonWhatsapp img{ width:100%; height:auto; }

#HeaderWeb_SCROLLING #BuscadorHeaderWeb { position:absolute; left:125px; top:9px; box-sizing:border-box; width:auto; height:auto; z-index:5; }

#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; padding-left:20px; box-shadow:0 0 4px var(--ColorOscuroMED); float:left;}
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador .InputBuscador { font-family:inherit; position:relative; box-sizing:border-box; width:70px; height:30px; font-size:1.2em; font-weight:200; border:0; border-radius:0px; background-color:transparent; outline:none; float:left;}
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoBuscador .IconoBuscador:hover { background-image:url(imagenes_web/icono-buscar-hover.png); cursor:pointer;}

#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoOpciones { position:relative; box-sizing:border-box; width:auto; height:auto; border:solid 1px var(--ColorOscuroMIN); background-color:White; border-radius:50px; margin-left:10px; box-shadow:0 0 5px var(--ColorOscuroMED); float:left;}
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones { position:relative; box-sizing:border-box; width:30px; height:30px; overflow:hidden; border-radius:50px; float:left;
background-image:url(imagenes_web/icono-buscar-avanzado.png); background-position:center; background-size:auto 70%; background-repeat:no-repeat; }
#HeaderWeb_SCROLLING #BuscadorHeaderWeb #GrupoOpciones #IconoOpciones:hover { background-image:url(imagenes_web/icono-buscar-avanzado-hover.png); cursor:pointer;}
/* HEADER */

/* --- INDEX --- */
#CompensadorAlturaHeaderIndex { position:relative; box-sizing:border-box; width:100%; height:120px; }
/* --- INDEX --- */

/* --- CUERPO Y FOOTER --- */
#CuerpoWeb { position:relative; box-sizing:border-box; width:100%; height:auto; background-color:var(--ColorClaroFONDOS); }
/* --- CUERPO Y FOOTER --- */

}
/* ESTILOS MÓVIL*/