/* CSS Variables System - Design Tokens */
/* This file defines all design tokens used throughout the site */

:root {
	/* ========================================
       BRAND COLORS
       ======================================== */
	--color-primary: #992B30;
	/* Rojo principal del hotel */
	--color-primary-dark: #51171A;
	/* Rojo oscuro (footer, botones) */
	--color-primary-light: #B14346;
	/* Rojo claro (bordes) */
	--color-secondary: #E8C22D;
	/* Amarillo dorado (acentos) */
	--color-secondary-dark: #E7C12C;
	/* Amarillo oscuro (links footer) */

	/* ========================================
       NEUTRAL COLORS
       ======================================== */
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-text: #333333;
	--color-text-light: #444444;
	--color-text-muted: #666666;
	--color-text-disabled: #CCCCCC;

	/* Grays */
	--color-gray-50: #FAFAFA;
	--color-gray-100: #F5F5F5;
	--color-gray-200: #EEEEEE;
	--color-gray-300: #DDDDDD;
	--color-gray-400: #CCCCCC;
	--color-gray-500: #999999;
	--color-gray-600: #666666;
	--color-gray-700: #444444;
	--color-gray-800: #333333;
	--color-gray-900: #1A1A1A;

	/* Semantic Colors */
	--color-link: #992B30;
	--color-link-hover: #000000;
	--color-selection-bg: #3399FF;
	--color-selection-text: #FFFFFF;

	/* Borders */
	--color-border: #DDDDDD;
	--color-border-light: #EEEEEE;
	--color-border-dark: #CCCCCC;
	--color-border-accent: #DE9A9C;

	/* ========================================
       SPACING SCALE
       ======================================== */
	--spacing-xs: 0.25rem;
	/* 4px */
	--spacing-sm: 0.5rem;
	/* 8px */
	--spacing-md: 0.625rem;
	/* 10px */
	--spacing-lg: 1rem;
	/* 16px */
	--spacing-xl: 1.25rem;
	/* 20px */
	--spacing-2xl: 1.5rem;
	/* 24px */
	--spacing-3xl: 1.875rem;
	/* 30px */
	--spacing-4xl: 2.5rem;
	/* 40px */
	--spacing-5xl: 3.125rem;
	/* 50px */

	/* ========================================
       TYPOGRAPHY SCALE
       ======================================== */
	/* Font Families */
	--font-family-base: Tahoma, Geneva, sans-serif;
	--font-family-heading: "Trebuchet MS", Arial, Helvetica, sans-serif;

	/* Font Sizes */
	--font-size-xs: 0.6875rem;
	/* 11px */
	--font-size-sm: 0.75rem;
	/* 12px */
	--font-size-base: 0.875rem;
	/* 14px */
	--font-size-md: 1rem;
	/* 16px */
	--font-size-lg: 1.0625rem;
	/* 17px */
	--font-size-xl: 1.125rem;
	/* 18px */
	--font-size-2xl: 1.5625rem;
	/* 25px */

	/* Line Heights */
	--line-height-tight: 1.2;
	--line-height-base: 1.43;
	/* 20px / 14px */
	--line-height-relaxed: 1.6;

	/* Font Weights */
	--font-weight-normal: 400;
	--font-weight-bold: 700;

	/* ========================================
       BORDERS & RADII
       ======================================== */
	--border-width: 1px;
	--border-width-thick: 2px;
	--border-width-thicker: 6px;
	--border-width-thickest: 7px;

	--border-style-solid: solid;
	--border-style-dashed: dashed;

	/* Border Combinations */
	--border-default: var(--border-width) var(--border-style-solid) var(--color-border);
	--border-dashed: var(--border-width) var(--border-style-dashed) var(--color-border);
	--border-dashed-accent: var(--border-width) var(--border-style-dashed) var(--color-border-accent);
	--border-primary: var(--border-width) var(--border-style-solid) var(--color-primary);

	/* Border Radius */
	--radius-none: 0;
	--radius-sm: 0.25rem;
	/* 4px */
	--radius-md: 0.5rem;
	/* 8px */
	--radius-lg: 1rem;
	/* 16px */
	--radius-xl: 1.5625rem;
	/* 25px */
	--radius-full: 50%;

	/* ========================================
       SHADOWS
       ======================================== */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.2);
	--shadow-lg: 0 10px 10px -5px rgba(0, 0, 0, 0.8);
	--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

	/* ========================================
       Z-INDEX SCALE
       ======================================== */
	--z-base: 1;
	--z-dropdown: 100;
	--z-sticky: 500;
	--z-fixed: 999;
	--z-modal: 1000;
	--z-tooltip: 1100;

	/* ========================================
       LAYOUT
       ======================================== */
	--container-max-width: 980px;
	--header-height: 105px;

	/* ========================================
       TRANSITIONS
       ======================================== */
	--transition-fast: 150ms ease;
	--transition-base: 300ms ease;
	--transition-slow: 500ms ease;

	/* ========================================
       GRADIENTS
       ======================================== */
	--gradient-primary: linear-gradient(to bottom, #CE2B47, #4A1517);
	--gradient-header: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
}

/* ========================================
   SELECTION STYLES
   ======================================== */
::-moz-selection {
	background: var(--color-selection-bg);
	color: var(--color-selection-text);
}

::selection {
	background: var(--color-selection-bg);
	color: var(--color-selection-text);
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Base Style Sheet - Reduces inconsistencies across all browsers
 * Stripped down and improved collection of best practises
 * To avoid redundant code it sets new default values instead of baseline defaults and re-resetting them later
 * Thanks to HTML5 Boilerplate, Yahoo! User Interface (YUI) Library, Normalize.css
 */


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Force vertical scrollbar, force body height to fit at least the browser window, prevent iOS text size adjust on device orientation change */
html {
	overflow-y: scroll;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
}

/* Create a stacking context to prevent z-index issues */
body {
	position: relative;
}

/* Remove outline when clicking links: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
	outline: none;
}

/* Removes scrollbar in IE */
textarea {
	overflow: auto;
}

/* Remove background from selected images */
img::selection {
	background: transparent;
}

img::-moz-selection {
	background: transparent;
}

/* Remove borders */
fieldset,
img,
iframe {
	border: 0;
}

/* Consistency of cursor style, Corrects inability to style clickable 'input' types in iOS */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
input[disabled] {
	cursor: default;
}

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/* HTML5 display definitions
----------------------------------------------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}


/* New Base Values
----------------------------------------------------------------------------------------------------*/

body {
	margin: 0;
}

/* Block Space */
p,
hr,
ul,
ol,
dl,
blockquote,
pre,
fieldset,
figure {
	margin: 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 25px 0 15px 0;
}

/* Lists */
ul,
ol,
dl {
	padding-left: 30px
}

dd {
	margin-left: 40px;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1 {
	font-size: 36px;
	line-height: 36px;
}

h2 {
	font-size: 24px;
	line-height: 24px;
}

h3 {
	font-size: 18px;
	line-height: 18px;
}

h4,
h5,
h6 {
	font-size: 16px;
	line-height: 16px;
}

/* Links */
a,
a:hover {
	text-decoration: none;
}

/* Text-level Semantics */
b,
strong {
	font-weight: bold;
}

small {
	font-size: 11px;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

dfn[title] {
	font-style: normal;
}

/* Horizontal Rule */
hr {
	display: block;
	height: 1px;
	padding: 0;
	border: 0;
	border-top: 1px solid;
}

/* Quotes */
q,
blockquote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

q {
	quotes: '\201C' '\201D' '\2018' '\2019';
}

blockquote {
	padding: 0 20px;
	font-size: 16px;
	line-height: 22px;
}

/* Code */
code,
pre {
	font-family: "Courier New", Courier, monospace;
}

code {
	word-spacing: -2px;
}

pre {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	padding: 1px;
}

/* Forms */
input,
select {
	vertical-align: middle;
}

select,
input,
textarea,
button {
	font: 12px Arial, sans-serif;
}

form,
textarea {
	margin: 0;
}

legend,
fieldset,
input {
	padding: 0;
}

textarea,
input[type='text'],
input[type='password'],
select {
	padding: 2px;
}

select {
	line-height: 19px;
}

/* Needed for Safari */

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 3px;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 14px/20px Tahoma, Geneva, sans-serif;
	color: #333;
}

a {
	color: #992B30;
}

a:hover,
em,
code {
	color: #000;
}

ins,
mark {
	background-color: #ffa;
}

mark {
	color: #444;
}

hr {
	border-top-color: #ddd;
}

pre {
	border: 1px solid #ddd;
	background: #fafafa;
}

::-moz-selection {
	background: #39f;
	color: #fff;
}

::selection {
	background: #39f;
	color: #fff;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
	display: table;
}

.clearfix:after,
.grid-block:after,
.deepest:after {
	clear: both;
}

.grid-box {
	float: left;
}

/* Grid Units */
.width16 {
	width: 16.666%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width33 {
	width: 33.333%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width60 {
	width: 60%;
}

.width66 {
	width: 66.666%;
}

.width75 {
	width: 75%;
}

.width80 {
	width: 80%;
}

.width100 {
	width: 100%;
}

[class*='width'] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Create new Block Formatting Contexts */
.bfc-o {
	overflow: hidden;
}

.bfc-f {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Grid Gutter */
.grid-gutter.grid-block {
	margin: 0 -15px;
}

.grid-gutter>.grid-box>* {
	margin: 0 15px;
}

.grid-gutter>.grid-box>*> :first-child {
	margin-top: 0;
}

.grid-gutter>.grid-box>*> :last-child {
	margin-bottom: 0;
}


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}

/* Header */
#header {
	position: relative;
}

#toolbar .float-left .module,
#toolbar .float-left>time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo,
#logo>img,
#menu {
	float: left;
}

#search {
	float: right;
}

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Spacing
----------------------------------------------------------------------------------------------------*/










/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.webp) 50% 50% no-repeat;
	text-decoration: none;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Menus Style Sheet - Defines base styles for various menus
 * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
 */


/* Menu Helpers
----------------------------------------------------------------------------------------------------*/

.menu,
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu a,
.menu span {
	display: block;
}

.menu a {
	text-decoration: none;
}


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li {
	position: relative;
}

/* Level 1 */
.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1>span {
	float: left;
}

.menu-dropdown a.level1>span,
.menu-dropdown span.level1>span {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 100;
	width: 300px;
	/* Default */
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown {
	display: block;
}

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip {
	left: auto;
	right: 0;
}

.menu-dropdown .dropdown-bg>div {
	overflow: hidden;
}

.menu-dropdown .stack .column {
	width: 100%;
}

/* Multi Columns, Default */
.menu-dropdown .columns2 {
	width: 600px;
}

.menu-dropdown .columns3 {
	width: 900px;
}

.menu-dropdown .columns4 {
	width: 1200px;
}

.menu-dropdown .column {
	float: left;
}

/* Level 2 */
.menu-dropdown a.level2>span,
.menu-dropdown span.level2>span {
	padding: 7px 0;
	line-height: 21px;
	overflow: hidden;
}

/* Level 3 */
.menu-dropdown ul.level3 {
	padding-bottom: 10px;
}

.menu-dropdown li.level3 {
	/* Must be set in li for IE7 */
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-dropdown span.icon {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
}

.menu-dropdown .level1 .level1 span.icon {
	width: 30px;
	height: 30px;
	margin-left: -5px;
}

.menu-dropdown .level1 .level1 span.icon+span,
.menu-dropdown .level1 .level1 span.icon+span+span {
	margin-left: 25px;
}

.menu-dropdown li.level2 .level2 span.icon {
	width: 35px;
	height: 35px;
	margin-top: -7px;
	margin-bottom: -7px;
}

.menu-dropdown li.level2.hassubtitle .level2 span.icon {
	margin-top: -4px;
}

.menu-dropdown li.level2 .level2 span.icon {
	margin-right: 5px;
}

.menu-dropdown li.level2 .level2 span.icon+span,
.menu-dropdown li.level2 .level2 span.icon+span+span {
	margin-left: 40px;
}

/* Subtitles */
.menu-dropdown span.title {
	line-height: 18px;
}

.menu-dropdown span.subtitle {
	margin-top: -1px;
	font-size: 9px;
	line-height: 10px;
	text-indent: 1px;
}

.menu-dropdown li.level2 .level2 span.title {
	line-height: 15px;
}

.menu-dropdown li.level2 .level2 span.subtitle {
	line-height: 14px;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Accordion */
.menu-sidebar li.parent span.level1>span {
	cursor: pointer;
}

/* Level 1 */
.menu-sidebar a.level1>span,
.menu-sidebar span.level1>span {
	padding: 5px 0;
	line-height: 20px;
}

/* Remove Subtitles */
.menu-sidebar span.title {
	display: inline;
}

.menu-sidebar span.subtitle {
	display: none;
}

/* Level 2-4 */
.menu-sidebar ul.level2 {
	padding-bottom: 10px;
}

.menu-sidebar li.level1:last-child ul.level2 {
	padding-bottom: 0;
}

.menu-sidebar .level2 a>span {
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-sidebar span.icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: -5px 5px -5px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-line,
.menu-line li,
.menu-line li a {
	display: inline-block;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown {
	margin-bottom: -10px;
}

.menu-dropdown li.level1 {
	padding-bottom: 10px;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	border-right: 1px solid #B14346;
	border-left: 1px solid #701D21;
	color: #FFFFFF;
}

.menu-dropdown a.level1>span,
.menu-dropdown span.level1>span {
	height: 60px;
	line-height: 60px;
	padding: 0 15px;
	font-size: 17px;
}


/* Set Active */
.menu-dropdown li.active .level1 {
	background: url(../images/menuhover.webp) no-repeat top center;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
	background: url(../images/menuhover.webp) no-repeat top center;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 42px;
	border-top: 1px solid #DDD;
}

.menu-dropdown .dropdown-bg>div {
	padding: 0 5px;
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
}

/* Level 2 */
.menu-dropdown li.level2 {
	margin: 0 5px;
	border-top: 1px solid #ddd;
}

.menu-dropdown li.level2:first-child {
	border: none;
}

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
	color: #444;
}

/* Set Hover */
.menu-dropdown a.level2:hover {
	color: #d50;
}

/* Set Current */
.menu-dropdown a.current.level2 {
	font-weight: bold;
}

/* Set Hover */
.menu-dropdown a.level3:hover {
	color: #d50;
}

/* Set Current */
.menu-dropdown a.current.level3 {
	font-weight: bold;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li>span {
	color: #444;
}

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li>span:hover {
	color: #d50;
}

/* Current */
.menu-sidebar a.current {
	font-weight: bold;
}

/* Level 1 */
.menu-sidebar li.level1 {
	border-top: 1px solid #ddd;
}

.menu-sidebar li.level1:first-child {
	border-top: none;
}

.menu-sidebar li.parent .level1>span {
	background: url(../images/menu_sidebar_parent.webp) 100% 0 no-repeat;
}

.menu-sidebar li.parent.active .level1>span {
	background-position: 100% -30px;
}

/* Level 2-4 */
.menu-sidebar ul.level2 ul {
	padding-left: 10px;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
	margin-left: 7px;
	padding-left: 8px;
	background: url(../images/menu_line_item.webp) 0 50% no-repeat;
}

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Modules Style Sheet - Defines general module defaults, headings, badges and icons
 */


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module {
	position: relative;
}

.module .badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	display: block;
	position: relative;
	top: -6px;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}


/* Module Defaults
----------------------------------------------------------------------------------------------------*/

.deepest>*:first-child {
	margin-top: 0;
}

.deepest>*:last-child {
	margin-bottom: 0;
}


/* Module Headings
----------------------------------------------------------------------------------------------------*/

.module .module-title {
	margin: 0 0 15px 0;
}

/* Subtitles */
.module .module-title span.title {
	display: block;
}

.module .module-title span.subtitle {
	display: block;
	margin-top: 2px;
	line-height: 14px;
	font-size: 12px;
	text-indent: 1px;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	width: 32px;
	height: 22px;
	background: url(../images/module_badges.webp) 0 0 no-repeat;
}

.module .badge-hot {
	background-position: 0 0;
}

.module .badge-top {
	background-position: 0 -25px;
}

.module .badge-free {
	background-position: 0 -50px;
}

.module .badge-new {
	background-position: 0 -75px;
}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	background: url(../images/module_icons.webp) 0 0 no-repeat;
}

.module .module-title .icon-download {
	background-position: 0 0;
}

.module .module-title .icon-twitter {
	background-position: 0 -30px;
}

.module .module-title .icon-mail {
	background-position: 0 -60px;
}

.module .module-title .icon-bubble {
	background-position: 0 -90px;
}

.module .module-title .icon-login {
	background-position: 0 -120px;
}

.module .module-title .icon-cart {
	background-position: 0 -150px;
}


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/



.mod-box .badge {
	top: 10px;
	right: 10px;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Tools Style Sheet - Provides a useful set of CSS classes to style your content
 * Some classes are used in the Joomla and WordPress system markup
 */


/* Useful Classes for Content Creation
----------------------------------------------------------------------------------------------------*/

.display-block {
	display: block;
}

.remove-margin {
	margin: 0;
}

.remove-margin-t {
	margin-top: 0;
}

.remove-margin-b {
	margin-bottom: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

/* Fluid images and objects */
.size-auto {
	max-width: 100%;
	height: auto;
}

/* Block Alignment (Needed for System Markup, without hyphen needed for WP) */
.align-left,
.alignleft {
	display: block;
	margin-right: 15px;
	float: left;
}

.align-right,
.alignright {
	display: block;
	margin-left: 15px;
	float: right;
}

.align-center,
.aligncenter {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* Text Alignment */
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Note: .button-more is deprecated since Warp 6.2 */
.button-more,
.button-default,
.button-primary {
	display: inline-block;
}

.button-more+[class*=button-],
.button-default+[class*=button-],
.button-primary+[class*=button-] {
	margin-left: 10px;
}


/* Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.blank,
ul.space,
ul.line,
ul.check,
ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Space */
ul.space li {
	margin-top: 15px;
}

ul.space li:first-child {
	margin-top: 0;
}

/* Line */
ul.line>li {
	margin-top: 5px;
	padding-top: 5px;
}

ul.line>li:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Check */
ul.check>li {
	margin-top: 5px;
}

ul.check>li:first-child {
	margin-top: 0;
}

/* Zebra */
ul.zebra>li {
	padding: 5px;
}

ul.line>li>a:first-child,
ul.check>li>a:first-child {
	display: block;
}


/* Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

table.zebra {
	width: 100%;
}

table.zebra th {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

table.zebra th,
table.zebra td {
	padding: 5px;
}

table.zebra tbody,
table.zebra tfoot {
	font-size: 12px;
}

table.zebra .bold {
	font-weight: bold;
}

table.zebra .center {
	text-align: center;
}

table.zebra td * {
	vertical-align: middle;
}

table.zebra tfoot {
	font-style: italic;
}

table.zebra caption {
	font-size: 11px;
	text-align: left;
	font-style: italic;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator {
	padding: 0;
	overflow: hidden;
}

dl.separator dt {
	width: 160px;
	padding-right: 10px;
	float: left;
	clear: both;
}

dl.separator dd {
	margin-left: 170px;
	padding-left: 20px;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box {
	padding: 0 3px;
	white-space: nowrap;
}

/* Dotted Horizontal Rule */
hr.dotted {
	border: none;
}

/* Drop Caps */
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	margin: 15px 0;
	padding: 10px;
}

.box-content {
	padding: 20px;
}

.box-info,
.box-warning,
.box-hint,
.box-download {
	padding-left: 40px;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Box */
form.box fieldset {
	margin-bottom: 30px;
	padding: 0 10px 10px 10px;
}

form.box legend {
	padding: 0 10px;
}

form.box fieldset>div {
	margin: 15px 0;
}

form.box button,
form.box input[type='button'],
form.box input[type='reset'] {
	vertical-align: middle;
}

/* Short */
form.short>div {
	margin: 10px 0;
}

form.short input {
	color: #333;
}

form.short input:-moz-placeholder {
	color: #999;
}

form.short input::-webkit-input-placeholder {
	color: #999;
}

form.short input.placeholder {
	color: #999;
}


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

/* Note: .mobile-switcher is deprecated since Warp 6.2 */
.mobile-switcher {
	display: block;
	width: 80%;
	margin: 20px auto 40px auto;
	padding: 40px 0;
	font-size: 50px;
	text-align: center;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Default */
.button-default {
	padding: 3px 10px;
	border: 1px solid #ddd;
}

/* Primary */
.button-primary {
	padding: 3px 10px;
	background: #48b;
	color: #FFF;
}

.button-primary:hover {
	color: #FFF;
	background: #d50;
}


/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box {
	border: 1px solid #ddd;
}


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line>li {
	border-top: 1px solid #ddd;
}

ul.line>li:first-child {
	border: none;
}

/* Check */
ul.check>li {
	padding: 4px 0 0 30px;
	background: url(../images/tools/list_check.webp) 0 0 no-repeat;
}

/* Zebra List and Table */
ul.zebra>li,
table.zebra tbody td {
	border-bottom: 1px solid #ddd;
}

ul.zebra>li:first-child,
table.zebra tbody tr:first-child td {
	border-top: 1px solid #ddd;
}

ul.zebra>li.odd,
table.zebra tbody tr.odd {
	background: #fafafa;
}

ul.zebra>li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
	background: #fafafa;
}

table.zebra caption {
	color: #999;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #DDD;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #DDD;
}

dl.separator dt:after {
	content: "";
	position: absolute;
	top: -3px;
	right: -4px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after {
	display: none;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box {
	border: 1px dotted #bbb;
	background: #fafafa;
	color: #444;
}

/* Dotted Horizontal Rule */
hr.dotted {
	background: url(../images/tools/line_dotted.webp) 0 0 repeat-x;
}


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background: #fafafa;
	border: 1px solid #ddd;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #fafafa;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.box-info {
	background: #ebf5fa url(../images/tools/box_info.webp) 0 0 no-repeat;
	border-color: #d2dce1;
}

.box-warning {
	background: #fff0eb url(../images/tools/box_warning.webp) 0 0 no-repeat;
	border-color: #ffd7cd;
}

.box-hint {
	background: #fffae6 url(../images/tools/box_hint.webp) 0 0 no-repeat;
	border-color: #fae6be;
}

.box-download {
	background: #faffe6 url(../images/tools/box_download.webp) 0 0 no-repeat;
	border-color: #dce6be;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset {
	border: 1px solid #ddd;
}

form.box legend {
	background: #fff;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * System Style Sheet - Defines a base style for the Joomla and WordPress core HTML markup
 */


/* General
----------------------------------------------------------------------------------------------------*/

#system .page-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
}

#system .title {
	margin-top: 0;
}

#system .title a {
	text-decoration: none;
}

#system .title+.title {
	margin-top: 20px;
}

#system>.description {
	margin-bottom: 30px;
	overflow: hidden;
}

#system small {
	font-style: italic;
}


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item>header {
	margin-bottom: 15px;
}

#system .item> :first-child+header {
	margin-top: 10px;
}

#system .item>header .title {
	margin-bottom: 0;
}

#system .item>header .meta {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 13px;
}

#system .item>header .subtitle {
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#system .item>.content>*:first-child:not(.grid-gutter),
#system .item>.content>*[class*="align"]:first-child+* {
	margin-top: 0;
}

#system .item>.content>*:last-child:not(.grid-gutter) {
	margin-bottom: 0;
}

#system .item>.links {
	margin: 22px 0 0 0;
}

#system .item>.links a {
	margin-right: 15px;
}







#system .item>*:last-child {
	margin-bottom: 0;
}

#system .item .socialbuttons {
	margin-top: 15px;
}

#system .item .socialbuttons>div {
	margin-right: 10px;
	float: left;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items {
	margin: 0 -10px 0 -10px;
}

#system .items .item {
	margin: 0 10px 0 10px;
}

#system .items>.width50 .title {
	font-size: 22px;
	line-height: 22px;
}

#system .items>.width33 .title {
	font-size: 20px;
	line-height: 20px;
}

#system .items>.width25 .title {
	font-size: 18px;
	line-height: 18px;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination {
	margin-top: 10px;
	text-align: center;
}

#system .pagination a {
	text-decoration: none;
}

#system .pagination strong {
	font-weight: normal;
}

#system .pagination a,
#system .pagination strong {
	display: inline-block;
	min-width: 15px;
	height: 25px;
	margin-left: 5px;
	padding: 0 5px;
	line-height: 25px;
}

#system .pagination>*:first-child {
	margin-left: 0;
}

#system .pagination a.previous,
#system .pagination a.next {
	font-size: 16px;
	line-height: 23px;
}


/* Search Box
----------------------------------------------------------------------------------------------------*/

.searchbox {
	position: relative;
}

.searchbox input {
	width: 100%;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	float: left;
}

.searchbox input::-ms-clear {
	display: none;
}

.searchbox button {
	display: none;
}

.searchbox.filled button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	border: none;
	line-height: 0;
	cursor: pointer;
}



/* Drop-Down Results */
.searchbox .results {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 110;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.searchbox .results li.results-header,
.searchbox .results li.more-results {
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	text-transform: uppercase;
}

.searchbox .results li.more-results {
	cursor: pointer;
}

.searchbox .results li.result {
	padding: 10px 15px;
	cursor: pointer;
}

.searchbox .results li.result h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
}

.searchbox .results li.result div {
	font-size: 11px;
}


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs {
	overflow: hidden;
}

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs>span {
	margin-right: 10px;
}


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box {
	margin: 20px 0;
}

#system .title+.author-box {
	margin-top: 0;
}

#system .author-box .avatar {
	margin-right: 15px;
	float: left;
}

#system .author-box .name {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}


/* Comments
----------------------------------------------------------------------------------------------------*/

#system #comments {
	margin-top: 20px;
}

#system #comments h3.comments-meta {
	margin: 0 0 10px 0;
}

#system #comments ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Head */
#system #comments .comment-head {
	margin-bottom: 10px;
	overflow: hidden;
}

#system #comments .comment-head .avatar {
	margin-right: 10px;
	float: left;
}

#system #comments .comment-head .author {
	margin: 8px 0 0 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#system #comments .comment-head .meta {
	margin: 3px 0 0 0;
	font-size: 11px;
}

/* Body */
#system #comments .comment-body {
	margin-bottom: 20px;
	padding: 0 10px;
}

#system #comments .comment-body .content {
	text-align: justify;
}

#system #comments .comment-body .reply {
	margin: 10px 0 0 0;
}

#system #comments .no-response .comment-body .reply {
	display: none;
}

#system #comments .comment-body .moderation {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
}

#system #comments ul.level1 ul {
	padding-left: 55px;
}

/* Respond */
#system #respond h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#system #respond p.user {
	margin: 0;
}

#system #respond input[type='text'] {
	width: 200px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
}

#system #respond textarea {
	width: 100%;
	max-width: 400px;
	height: 100px;
}

/* Moved Respond */
#system ul #respond {
	margin: 0 0 30px 0;
	padding-left: 10px;
}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list>article {
	margin-top: 10px;
	padding-top: 10px;
	overflow: hidden;
}

.comments-list>article:first-child {
	margin: 0;
	padding: 0;
}

.comments-list .avatar {
	margin-right: 10px;
	float: left;
}

.comments-list .author {
	margin: 2px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}

.comments-list .meta {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.comments-list .content p {
	margin: 5px 0 0 0;
}


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.tagcloud li {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.tagcloud a {
	white-space: nowrap;
}

.tagcloud .weight1 a {
	font-size: 11px;
}

.tagcloud .weight2 a {
	font-size: 12px;
}

.tagcloud .weight3 a {
	font-size: 13px;
}

.tagcloud .weight4 a {
	font-size: 14px;
}

.tagcloud .weight5 a {
	font-size: 15px;
}

.tagcloud .weight6 a {
	font-size: 16px;
}

.tagcloud .weight7 a {
	font-size: 18px;
}

.tagcloud .weight8 a {
	font-size: 20px;
}

.tagcloud .weight9 a {
	font-size: 23px;
	letter-spacing: -1px;
}

.tagcloud .weight10 a {
	font-size: 26px;
	letter-spacing: -1px;
}


/* Page Navigation
----------------------------------------------------------------------------------------------------*/

.page-nav {
	margin-top: 15px;
}

.page-nav .prev {
	float: left;
}

.page-nav .next {
	float: right;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Items (Addition)
----------------------------------------------------------------------------------------------------*/

#system .items .leading .item {
	padding-bottom: 12px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ddd;
}


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list {
	border-top: 1px solid #ddd;
}


/* Search
----------------------------------------------------------------------------------------------------*/

#system span.highlight {
	background-color: #ffffaa;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* empty */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/


/* Header
----------------------------------------------------------------------------------------------------*/
#header {
	background-image: url(../images/header.webp), url(../images/headerbk.webp);
	background-position: 0 0, 5% 0%;
	background-repeat: no-repeat, repeat-x;
}

#logo p {
	margin: 6px 0 0px 0;
}

#menubar {
	background: url(../images/menu.webp);
	height: 105px;
	position: relative;
	z-index: 999;
	margin-bottom: -45px;
}

#search {
	color: #FFF;
	margin-right: 20px;
	font-size: 11px;
}

#search p {
	margin: 15px 0 0 0;
}

.tels {
	font-size: 17px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 25px;
}

.tels p {
	padding: 5px 0;
	margin: 0;
}

.tels p:last-child {
	border: none;
}

.tels img {
	float: none;
	margin-right: 9px;
	vertical-align: bottom;
}

#header-responsive select {
	width: 98%;
	padding: 1%;
	margin: 1%;
}

.idiomas ul {
	list-style: none;
	margin-top: 50px;
	margin-right: 30px;
}

.idiomas ul li {
	float: left;
	margin-right: 5px;
}

/* top
----------------------------------------------------------------------------------------------------*/
#top-a .carrusel {
	margin-top: -40px;
	min-height: inherit !important;
}

#top-b,
#innerbottom {
	background: url(../images/bottombk.webp);
}

.wk-slideshow-default .nav {
	margin-bottom: 25px;
	margin-top: -57px;
	position: relative;
	z-index: 999;
}



.wk-slideshow-default .nav span {
	background: url(../images/nav.webp) 0 -58px;
	width: 28px;
	height: 28px;
}

.wk-slideshow-default .nav .active span {
	background-position: 0 0;
}

.wk-slideshow-default .nav span:hover {
	background-position: 0 -29px;
}

#top-b .wrapper,
#innerbottom .wrapper {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
}

#innerbottom>div {
	margin-top: 20px;
	padding-top: 50px;
}

#top-b .width50,
#innerbottom .width50,
#bottom-b .width50 {
	width: auto;
}

.video {
	margin-right: 25px;
}

.video,
.mapa {
	border: 7px solid #51171A;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.8);
	margin-bottom: 28px;
}

.mapa p {
	margin: 0;
}

.mapa img,
.video iframe {
	vertical-align: top;
	min-height: inherit !important;
	width: 100%;
}

.mapa a {
	width: 100%;
}

/* content
----------------------------------------------------------------------------------------------------*/

body.servicios .content ul {
	margin: 20 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

body.servicios .content ul li {
	width: 27%;
	float: left;
	min-height: 66px;
	border-left: 1px dashed #DE9A9C;
	border-bottom: 1px dashed #DE9A9C;
	padding: 2% 3%;
	font-size: 18px;
	margin-left: -1px;
}

body.servicios .content ul li img {
	float: left;
	margin-right: 10px;
}

.content>img.size-auto {
	margin-bottom: 30px;
}

.galeria a {
	float: left;
	width: 25%;
	text-align: center;
	margin: 1% 0;
}

.galeria a img {
	padding: 2px;
	border: 1px solid #CCC;
}

.formResponsive .formHorizontal .formControlLabel {
	float: none;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 12px;
}

.formResponsive .formHorizontal .rsform-block {
	margin-bottom: 0;
}

.formResponsive .formHorizontal .formControls {
	margin-left: 0;
}

.formResponsive textarea,
.formResponsive input[type="text"],
.formResponsive input[type="password"] {
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
}

.formResponsive .formHorizontal p.formDescription {
	margin: 0;
}

#userForm .width50 {
	float: left;
	padding: 10px;
}

.formResponsive input,
.formResponsive textarea {
	padding: 1% !important;
	width: 98%;
}

#pais {
	width: 100% !important;
	border: 1px solid #CCCCCC;
}

#Send {
	padding: 5px 40px !important;
	font-size: 17px !important;
	background-image: -moz-linear-gradient(center top, #CE2B47, #4A1517);
}

.formResponsive input[type="submit"]:hover,
.formResponsive input[type="submit"]:active,
.formResponsive input.active[type="submit"],
.formResponsive input.disabled[type="submit"],
.formResponsive input[type="submit"][disabled] {
	background-color: #4A1517;
}

/* bottom
----------------------------------------------------------------------------------------------------*/
#bottom-a {
	background: url(../images/greybk.webp) repeat-x #F5F5F5;
	padding: 20px 0 10px;
}

#bottom-a .wrapper,
#bottom-b .wrapper,
#main .wrapper {
	padding: 0 10px;
}

h3.module-title,
.content h3 {
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	font-size: 25px;
	line-height: 25px;
	margin: 0;
}

body.home #bottom-b {
	background: url(../images/whitebk.webp) repeat-x top center;
	padding: 20px 0 10px;
}

.sobrenos {
	width: 677px;
	margin-right: 30px;
}

.distancias img {
	vertical-align: top;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.8);
}

#innerbottom {
	margin-bottom: -50px;
	margin-top: 45px;
	padding-bottom: 25px;
}

/* footer
----------------------------------------------------------------------------------------------------*/
#footer {
	background: #51171A;
	border-top: 6px solid #E8C22D;
	text-align: left;
	margin-top: 50px;
}

#footer-logo {
	float: left;
	margin: -34px 0 10px 10px;
}

.legal {
	float: left;
	color: #FFF;
	border-left: 1px dashed #666;
	padding: 15px;
	margin-left: 15px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 16px;
}

.legal a {
	color: #E7C12C;
}

.siniestro {
	float: right;
	font-size: 11px;
	line-height: 12px;
	margin-top: 40px;
	color: #CCC;
}

.siniestro a {
	color: #CCC;
}

.siniestro img {
	float: left;
	margin-right: 5px;
}

.siniestro p {
	margin: 0;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Custom Style Sheet - Use this file to style your content
 */

.wrapper {
	max-width: 980px;
}

#maininner {
	width: 100%;
}

#menu .dropdown {
	width: 250px;
}

#menu .columns2 {
	width: 500px;
}

#menu .columns3 {
	width: 750px;
}

#menu .columns4 {
	width: 1000px;
}

.whatsapp-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 100px;
	height: 100px;
	background-color: #25d366;
	/* Color oficial de WhatsApp */
	color: white;
	border-radius: 50%;
	/* Hace el botón circular */
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-size: 62px;
	z-index: 1000;
	transition: transform 0.3s ease;
}

#page .reserve-btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	/* Ubicado a la izquierda */
	padding: 25px 34px;
	/* Dimensiones del botón */
	background-color: #8E282B;
	/* Azul para reservas */
	color: white;
	border-radius: 25px;
	/* Bordes redondeados */
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-size: 18px;
	/* Tamaño del texto */
	font-weight: bold;
	z-index: 1000;
	transition: transform 0.3s ease, background-color 0.3s ease;
	border: none;
	cursor: pointer;
}

#page .reserve-btn i {
	font-size: 30px;
	/* Tamaño del ícono */
}

#page .reserve-btn:hover {
	transform: scale(1.05);
	/* Efecto de aumento al pasar el mouse */
	background-color: #E8C22D;
	/* Azul más oscuro en hover */
	color: #8E282B;
}

.whatsapp-btn:hover {
	transform: scale(1.1);
	/* Efecto al pasar el cursor */
}

.responsive-div {
	width: 64%;
}

@media (max-width: 768px) {
	.responsive-div {
		width: 100%;
	}

	.whatsapp-btn {
		width: 100px;
		height: 100px;
		font-size: 62px;
	}
}

@media (max-width: 480px) {
	.responsive-div {
		width: 100%;
	}

	.whatsapp-btn {
		width: 80px;
		height: 80px;
		font-size: 48px;
	}
}

/* Accessibility Utilities */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop {
	display: none;
}

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop {
		display: block;
	}

	.hidden-phone {
		display: none;
	}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop {
		display: block;
	}

	.hidden-tablet {
		display: none;
	}
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive {
	display: none;
}


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner {
		display: none;
	}

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 {
		width: 50%;
	}

	.width50 .width50 {
		width: 100%;
	}

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 {
		width: 50%;
	}

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child {
		width: 100%;
	}

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b {
		width: 50%;
	}

	.sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a {
		float: right;
	}

	/* Keep Sidebar order */

	.grid-gutter>.grid-box:nth-child(n+3)>* {
		margin-top: 30px;
	}

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	.width33,
	.width66 {
		width: 100%;
	}

	/* Header */
	#header-responsive {
		display: block;
	}

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo {
		margin-right: 10%;
	}

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body {
		word-wrap: break-word;
	}

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width50,
	.width60,
	.width75,
	.width80 {
		width: 100%;
	}

	.grid-gutter>.grid-box:nth-child(n+2)>* {
		margin-top: 30px;
	}

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}


/* Fix Viewport for IE10 Snap Mode
----------------------------------------------------------------------------------------------------*/

@media (max-width: 400px) {
	@-ms-viewport {
		width: 320px;
	}
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	#top-b .width50,
	#innerbottom .width50 {
		width: 50%;
	}

	.sobrenos {
		width: auto;
	}

	#bottom-b .distancias {
		display: none;
	}

	.galeria a {
		width: 33%;
	}

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search {
		display: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller {
		display: none;
	}

	#top-b .width50,
	#innerbottom .width50 {
		width: 100%;
	}

	.video {
		margin-right: 0;
	}

	#top-a .carrusel {
		margin-top: 0;
	}

	.legal {
		border-left: none;
	}

	.siniestro {
		margin-right: 10px;
	}

	body.servicios .content ul li {
		width: 44%;
		font-size: 16px;
	}

	body.ubicacion .content p img {
		display: none;
	}

	.galeria a {
		width: 50%;
	}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

	#userForm .width50 {
		width: 100%;
	}

	#header .logo {
		display: block;
		text-align: center;
		margin: 0;
		width: auto;
	}

	#header .logo p {
		margin: 0;
	}

	#header .logo img {
		width: 80%;
		margin: 10px 0 0 0;
	}

	.legal {
		border-left: none;
		margin-left: 0;
		text-align: center;
		width: 96%;
		padding: 0 2%;
	}

	body.servicios .content ul li {
		width: 94%;
	}

	.galeria a {
		width: 100%;
	}

	#footer-logo img {
		width: 96%;
	}

}