﻿@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html, body { font-family: 'Open Sans', sans-serif; }

a { color: #FDB52B; }
a:hover, a:focus { color: #023B6E; }

.white { color: #FFFFFF; }
.white-bg { background-color: #FFFFFF; }
.black { color: #101010; }
.black-bg { background-color: #101010; }

/* Color destacado (generalmente para CTAs) */
.highlight-color { color: #FDB52B; }
.highlight-color-bg { background-color: #FDB52B; }
.highlight-border { border-color: #FDB52B !important; }
/* Color contra-destacado (para textos sobre un color destacado en bg, conviene que sea un color contrario al destacado */
.opp-high-color { color: #023B6E; }
.opp-high-color-bg { background-color: #023B6E; }

/* Fondo degradado (para CTAs) con el color destacado arriba y del mismo tono más oscuro abajo */
.highlight-color-bg-dg {
	background: -webkit-linear-gradient(#FDB52B, #fdac12); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FDB52B, #fdac12); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FDB52B, #fdac12); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FDB52B, #fdac12);
	background-color: #FDB52B;
}

/* Color oscuro 1 */
.dark-color-1 { color: #023B6E; }
.dark-color-1-bg { background-color: #023B6E; }

/* Fondo degradado (para CTAs) con el color de fondo oscuro (arriba y del mismo tono más oscuro abajo) */
.dark-color-1-bg-dg {
	background: -webkit-linear-gradient(#023B6E, #022e55); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#023B6E, #022e55); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#023B6E, #022e55); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#023B6E, #022e55);
	background-color: #023B6E;
}

/* Color oscuro 2 */
.dark-color-2 { color: #023B6E; }
.dark-color-2-bg { background-color: #023B6E; }

/* Color claro 1 */
.light-color-1 { color: #E6EBEF; }
.light-color-1-bg { background-color: #E6EBEF; }

/* Color claro 2 */
.light-color-2 { color: #F3F3F3; }
.light-color-2-bg { background-color: #F3F3F3; }

/* Color para los mensajes de error */
.danger-color { color: #d20000; font-weight: 400; }
.danger-color-bg { background-color: #d20000; }

/* Color para los mensajes de éxito */
.success-color { color: #00E600; }
.success-color-bg { background-color: #00E600; }

/* Navegador de pasos */
/* dark-color-1 para el paso presente, y light-color-1 para los demás */
.top-breadcrumbs li.dark-color-1-bg:after { border-left-color: #023B6E; }
.top-breadcrumbs li.light-color-1-bg:after { border-left-color: #E6EBEF; }

/* HOVERS */
a.highlight-color:hover { color: #e3a226; }
a.dark-color-1:hover { color: #1b4e7c; }
a.light-color-1:hover { color: #cfd3d7; }

/* Color para los botones destacados en hover y focus */
a.highlight-color-bg:hover, a.highlight-color-bg:focus, a.highlight-color-bg-dg:hover, a.highlight-color-bg-dg:focus { color: #F0F0F0; background: #fdac12; }
a.dark-color-1-bg:hover, a.dark-color-1-bg:focus, a.dark-color-1-bg-dg:hover, a.dark-color-1-bg-dg:focus { color: #F0F0F0; background: #022e55; }

/* Color de fondo de la pestaña activa en multirreserva (DEBE SER LIGHT-COLOR-1-BG) */
section#rooms .nav-tabs > li.active > a, section#rooms-extras .nav-tabs > li.active > a { background-color: #E6EBEF; }

/* Color del botón de "Continuar reserva" deshabilitado */
.disable-continue {
	color: #023B6E;
}

/***Calendario ***/
/* Color del border del contenedor del calendario */
#double-calendar_c {
	border-color: #F0F0F0;
}
/* Recuadros de días disponibles (color de fondo dark y color de text light o white) */
.NorayDisponible {
	color: #FFFFFF;
	background-color: #023B6E;
}
/* Recuadros de días NO-disponibles (color de fondo gris y color de text dark) */
.NorayNodisponible {
	color: #023B6E;
	background-color: #F0F0F0;
}
/* Color del link del día (color de light o white) */
.NorayPlanningEnlace { color: #FFFFFF; }
.NorayPlanningEnlace:hover { color: #FDB52B; }

/* Colores del recuadro de precio (color de fondo light o white y color de texto dark) */
.NorayPlanningPrecio {
	background-color: #FFFFFF;
	color: #023B6E;
}