@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
a.btn-reservar:hover{
background: rgb(0,50,85);
background: linear-gradient(180deg, rgba(0,50,85,1) 0%, rgba(0,115,196,1) 100%);
	color:#ffffff;
	
}
.notification {
  font-size: 1.2em;
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #900000;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: none;
  max-width: 50%; 
}

a.btn-reservar{
	width:100%;
	font-size: 2.2em;
	color:#ffffff;
	font-weight: bold;
	background: rgb(184,25,3);
	background: linear-gradient(180deg, rgba(184,25,3,1) 0%, rgba(117,12,0,1) 100%);
	margin-bottom: 10px;
	border:none;
}
.nowrap{white-space: nowrap;}
a.nav-city{
	color: #fff;
	font-size: 1.3em;
}
a.nav-city.active{
background: rgb(107,10,0);
background: linear-gradient(180deg, rgba(107,10,0,1) 35%, rgba(226,33,3,1) 100%);
	color: #fff;
}
a.nav-city:hover{
	color: #fff;
background: rgb(0,115,196);
background: linear-gradient(180deg, rgba(0,115,196,1) 100%, rgba(0,50,85,1) 0%);
}
a.btn-alicante{
	width:100%;
	font-size: 2.2em;
	color:#ffffff;
	font-weight: bold;

	margin-bottom: 10px;
	border:none;
}
a.btn-como:hover{
background: rgb(235,235,235);
background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(207,207,207,1) 100%);
}
a.btn-como{
	width:100%;
	line-height: 2.0em;
	font-size: 1.6em;
	color:#333333;
	font-weight: bold;
	border:none;
	background: rgb(221,221,221);
	background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(161,161,161,1) 100%);
	margin-bottom: 10px;
}
.bg-gray{
background: rgb(210,215,222);
background: linear-gradient(180deg, rgba(210,215,222,1) 0%, rgba(255,255,255,1) 100%);
}
    .fixed-bottom-right {
      position: fixed;
      bottom: 0;
      right: 0;
      /* Add any additional styling you need */
      padding: 20px;
    }
.logo{
	max-width: 200px; padding: 5px;
} 
.side-shadow{
	border-left: 1px solid #dddddd;
	box-shadow: -50px 0px 35px -50px rgba(0,0,0,0.15);
}
#navbarx .nav-item .nav-link.active{
/*background: rgb(107,10,0);
background: linear-gradient(180deg, rgba(107,10,0,1) 35%, rgba(226,33,3,1) 100%);
	color: #fff;*/
background: rgb(237,237,237);
background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 91%, rgba(205,9,9,1) 92%);
}
.navbar.navbar-expand-lg {
    --bs-navbar-padding-y: 0 !important;
}
.text-bold{
	font-weight: bold;
}
/*Menu text*/
#navbarx .nav-item .nav-link{
	padding: 10px 20px 10px 20px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2em;
	color:#333;
}#navbarx .nav-item .nav-link:hover{
	background-color: #dedede;
/*    background: rgb(184,25,3);
    background: linear-gradient(180deg, rgba(184,25,3,1) 0%, rgba(117,12,0,1) 100%);
	color:#fff;*/
}

input[type="text"], textarea, select, select option {
    font-family: "Lato", "Arial", sans-serif !important;
	font-weight: 600 !important;
}


h1,h2,h3,h4,h5{
	/*font-family: "Lato";*/
	letter-spacing: -1px;
}
h1,h3,h4{
	/*font-style: italic;*/
	color:#0073C4 !important;
	font-weight: bold !important;
	
}
.intro-block{
	font-family: "Lato";

}
.intro-text{
	font-weight: bold; 
	font-style: italic;
	font-size:1.2em;
	padding: 0;
	margin: 0;
}
.intro-call{
	padding: 0;
	margin: 0;
	color:#0073C4;
	font-size:1.2em;
	font-weight: bold;
}
.intro-links{
    /*font-weight: bold;*/
    color: #c80303;
    font-size: 1.2em;
	
}
.intro-links a{
	text-decoration: none;
	color: #333;
	font-family: Lato;
}
.text-red{
	color: #c80303;
}
.bg-red{
	background-color:#c80303;
}
.bg-blue{
	background: rgb(0,115,196);
background: linear-gradient(180deg, rgba(0,115,196,1) 100%, rgba(0,50,85,1) 0%);
}







.text-blue{
	color:#0073C4;
}
.btn-blue {
    color: #fff !important;
    background-color: #0D76BC !important;
    border-color: #0D76BC !important;
}
.btn-red {
    color: #fff !important;
    background-color: #b81903 !important;
    border-color: #b81903 !important;
	text-transform: uppercase !important; 
	font-size: 1.4em !important;
}
.btn-red-strong {
    color: #fff !important;
    background-color: #b81903 !important;
    border-color: #971201 !important;
	text-transform: uppercase !important; 
	font-size: 1.4em !important;
	font-weight:800 !important;
	letter-spacing: -1px;
}
.btn-red-strong:hover {
    background-color: #971201 !important;
	border-color: #971201 !important;
}
.btn-blue-strong {
    color: #fff !important;
    background-color: #23408F !important;
    border-color: #23408F !important;
	text-transform: uppercase !important; 
	font-size: 1.4em !important;
	font-weight:800 !important;
	letter-spacing: -1px;
}
.btn-blue-strong:hover {
    background-color: #23408F !important;
	border-color: #23408F !important;
}
.btn-big-blue {
    color: #fff !important;
    background-color: #0D76BC !important;
    border-color: #0D76BC !important;
	text-transform: uppercase !important; 
	font-size: 1.4em !important;
}
.btn-dark-blue {
    color: #fff !important;
    background-color: #23408F !important;
    border-color: #23408F !important;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none !important;
    opacity: .65 !important;
}
/*.list-blue{
	color:#0073C4;
}*/
ol.list-blue {
    list-style: none; /* Remove default numbering */
    counter-reset: item; /* Reset the counter for numbered list items */
}

ol.list-blue li {
    counter-increment: item; /* Increment the counter for each list item */
    position: relative; /* Create a positioning context for pseudo-element */
}

ol.list-blue li::before {
    content: counter(item)"º"; /* Use the counter value as content */
    position: absolute; /* Position the number absolutely */
    left: -2em; /* Adjust the position to the left */
    color: #0073C4; /* Set the color for the number */
	font-weight: bold;
}
.bg-blue{
background: rgb(0,115,196);
background: linear-gradient(180deg, rgba(0,115,196,1) 0%, rgba(0,50,85,1) 100%);
}
.text-dark-blue{color:#003255;}
.bg-image{
    background-image: url(../img/conjunto2.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 50px) 90px;
    background-size: 35%;
    margin-right: auto;
    margin-left: auto;	
}
/*.bg-image::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/snowfall.gif); 
    background-repeat: no-repeat;
    background-size: cover; /* Täcker hela elementet */
    z-index: 1; /* Sätter det ovanför bakgrunden */
    pointer-events: none; /* Gör det klickbart genom lagret */
}*/
.columna_larga table, .columna_com table {
	padding: 0px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(254,255,255,1);
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(234,240,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,255,255,1)), color-stop(100%, rgba(234,240,245,1)));
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(234,240,245,1) 100%);
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(234,240,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(234,240,245,1) 100%);
	background: linear-gradient(to bottom, rgba(254,255,255,1) 0%, rgba(234,240,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eaf0f5', GradientType=0 );

}
.columna_larga th, .columna_com th {
	color: #FFF;
	padding: 5px;
	background: rgba(38,107,156,1);
	background: -moz-linear-gradient(top, rgba(38,107,156,1) 0%, rgba(38,120,178,1) 50%, rgba(0,99,170,1) 51%, rgba(0,114,195,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,107,156,1)), color-stop(50%, rgba(38,120,178,1)), color-stop(51%, rgba(0,99,170,1)), color-stop(100%, rgba(0,114,195,1)));
	background: -webkit-linear-gradient(top, rgba(38,107,156,1) 0%, rgba(38,120,178,1) 50%, rgba(0,99,170,1) 51%, rgba(0,114,195,1) 100%);
	background: -o-linear-gradient(top, rgba(38,107,156,1) 0%, rgba(38,120,178,1) 50%, rgba(0,99,170,1) 51%, rgba(0,114,195,1) 100%);
	background: -ms-linear-gradient(top, rgba(38,107,156,1) 0%, rgba(38,120,178,1) 50%, rgba(0,99,170,1) 51%, rgba(0,114,195,1) 100%);
	background: linear-gradient(to bottom, rgba(38,107,156,1) 0%, rgba(38,120,178,1) 50%, rgba(0,99,170,1) 51%, rgba(0,114,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266b9c', endColorstr='#0072c3', GradientType=0 );

}
.columna_larga td {
	color: #002e50;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9dee3;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: right;
}
.columna_com td {
	color: #002e50;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9dee3;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: left;
}
.tarifas_menu img {
	width: 100%;
	height: auto;
}
.img-full{
	width: 100%;
	height: auto;	
}
.tarifas_menu_links{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.tarifas_menu_links li {
	padding: 8px 20px;
	border-radius: 5px;
	background-color: #f2f2f2;
	margin-bottom: 8px;
	color: #003255;
	text-align: center;
}
.tarifas_menu_links li a {
	color: #003255;
	font-weight: bold;
}

@media (max-width: 1199.98px) { /* Target screens smaller than "xl" breakpoint */
    .bg-image {
    background-image: url(../img/conjunto2.png);
    background-repeat: no-repeat;
    background-position: right 200px;
    background-size: 40%;
    margin-right: auto;
    margin-left: auto;
    }

}
@media (max-width: 991.98px) { /* Target screens smaller than "lg" breakpoint */
    .bg-image {
        background-image: none; /* Remove background image */
    }
	.tarifas_menu{
		background-image: none;
	}	
	.side-shadow{
	border-left: none;
	box-shadow: none;
	}
	.mejor-precio{padding:30px;}
}