body {

    background: #c1ddff;

}

#header_lasala {

    background-image: url('../images/bg_header.png');
    background-repeat: repeat-x;
    background-size: 200px 50px;
    background-position: center;
    /*background-image: url('../images/bg_header.png'), url('../images/background_party.png');
    background-color: #fff6dd;
    background-repeat: repeat-x, repeat;
    background-size: 200px 50px, 500px, 165px;
    background-position: center, center;*/
    
    border: solid #cbcbcb;
    border-width: 0px 0px 1px 0px;
    
    position: relative;

}

.footer div {

    background: #000;
    color: #fff;
    

}

.footer div a {

    /*text-decoration: none;*/
    color: #fbfbfb;

}

.icon_network {

    position:relative;
    top:-2px;
    text-decoration:none;

}

.carousel_row {

    margin-left:auto;
    margin-right:auto;
    
    background-image: url('../images/carousel_header.png');
    background-position: center;
    background-color:#fff6dd;
    background-size: 200px 50px;
    background-repeat: repeat-x;
    /*background-image: url('../images/carousel_header.png'), url('../images/background_party.png');
    background-color: #fff6dd;
    background-repeat: repeat-x, repeat;
    background-size: 200px 50px, 500px, 165px;
    background-position: center, center;*/
    /*padding: 16px 4px;*/
    /*border-radius: 15px;
    border: solid #cbcbcb;*/

}

.carousel_image {

    display: inline-block;
    width: 75%;
    border-radius:15px;
    border: solid #999 1px;
    padding: 4px;
    background-color: #fff;
}

.glide__arrow {

    background: #000 !important;

}

#container_lasala {

    /*background-image: url('../images/background_party.png');
    background-position: center;
    background-color:#fffeff;*/
    /*background: #4b9cc5;*/
    background:#fff6dd;
    /*background: #5b8093;*/
    border: solid #999 1px;

}

#home_header a {

    color: #040404;
    text-decoration: none;

}

#reservas_header a {

    color: #040404;
    text-decoration: none;
    position: relative;

}

#reservas_header a svg {

    position:absolute;

}

.header_about {

    background-color: #e4a74c;
    /*background-color: #5b8093;*/

}

.body_about {

    background-color: #fff6dd;
    /*color: #fbfbfb;*/

}

.body_about svg {

    /*fill: currentColor;*/

}

a.button_about {

    background-color: #e4a74c;
    color: #000;
    

}

a.button_about:hover {

    background-color: #d3963b;
    color: #000;

}

#calendar_content {

    margin:10px;
    padding: 10px 15px;
    background: #fbfbfb;
    border: solid #cbcbcb 1px;

}


/* Calendar */


#date_month {

    text-align:center;
    /*border: solid #fff 1px;*/
    margin-top:50px;
    margin-bottom:30px;
    padding:0px;
    text-transform:uppercase;
    position:relative;
    width:600px;
    margin-left:auto;
    margin-right:auto;

}

#before_month {

    position:absolute;
    top:6px;
    left:25px;
    pointer-events: none;
    opacity: 0.5;

}

#after_month {

    position:absolute;
    top:6px;
    right:25px;

}

#date_month_selected {

    font-size:32px;
    margin: 0px 15px 0px 15px;

}

#date_month a {

    font-size:26px;
    text-decoration: none;

}

.day_calendar {

    font-size:15px;
    display:inline-block;
    float:left;
    width:100px;
    padding: 10px 0px 10px 0px;
    background:#000;
    text-align:center;
    border: solid #3a3a3a;
    border-width: 1px 0px 0px 1px;
    /*border-radius:10px;*/
    color: #ababab;

}

.container_month {

    display:block;
    width:708px;
    margin-left:auto;
    margin-right:auto;
/*    border:solid #fff 1px;*/

}

.day_month {

    display:block;
    float:left;
    width:100px;
    height:80px;
    /*background: #4a4a4a;*/
    background: #a8d9ff;
    border: solid #ababab;
    border-width: 1px 0px 0px 1px;
    position:relative;
    /*border-radius:10px;*/

}

.reserved_day {
    
    position:absolute;
    color:#fff;
    left:4px;
    font-size:0.85em;
    display: inline-block;

}

.reserved_morning {

    position:absolute;
    color:#fff;
    left:4px;
    font-size:0.85em;
    display: inline-block;
    left:2px;
    text-align: left;

}

.reserved_afternoon {

    position:absolute;
    color:#fff;
    font-size:0.85em;
    display: inline-block;
    left:2px;
    text-align: left;

}


.day_number {

    position:absolute;
    font-size:20px;
    right:8px;
    bottom:4px;
    font-size:24px;
    color: #656565;

}

.false_month {

    color: #808080;

}

.real_month {

    background: #828282;
    color: #fff;

}

.can_select_day {

    cursor: pointer;

}

.tarifa_base {

    display:none;

}

.form-check-input {

    border-color: #000;

}

.error_base {

    -webkit-box-shadow: 2px 2px 15px 5px #FF2626; 
    box-shadow: 2px 2px 15px 5px #FF2626;

}

.error, .error_form {

    color: #f00;
    font-weight: bold;
    /*position:relative;*/
    
    /*bottom:90px;*/

}

#logo {
    
    position:relative;
    /*top:-100px;*/
    /*border: solid #cbcbcb 1px;*/
    display: inline-block;

}

/* Triangle background */

.half_day_afternoon {
    /*width: 100%;
    height: 100%;*/
    background: linear-gradient(to bottom right, #4a4a4a 0%, #4a4a4a 50%, #d52c1b 50%, #d52c1b 100%);
}

.half_day_morning {
    /*width: 100%;
    height: 100%;*/
    background: linear-gradient(to bottom right, #d52c1b 0%, #d52c1b 50%, #4a4a4a 50%, #4a4a4a 100%);
}

.full_day {

    background-color: #d52c1b;

}

.full_day .day_number, .half_day_afternoon .day_number, .half_day_morning .day_number {

    color: #fbfbfb;

}

/* Loader */

/* Loader page */

.loader-div {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    z-index:999999;
    /*background: url('../images/caledonian.png') no-repeat center 40%;
    background-color: #ec1c24;*/
    background: transparent;
}

.loader {
	position: relative;
	width: 10vw;
	height: 5vw;
	padding: 1.5vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader span {
	position: absolute;
	height: 0.8vw;
	width: 0.8vw;
	border-radius: 50%;
	background-color: #000;
}

.loader span:nth-child(1) {
	animation: loading-dotsA 0.5s infinite linear;
}

.loader span:nth-child(2) {
	animation: loading-dotsB 0.5s infinite linear;
}

@keyframes loading-dotsA {
	0% {
		transform: none;
	}
	25% {
		transform: translateX(2vw);
	}
	50% {
		transform: none;
	}
	75% {
		transform: translateY(2vw);
	}
	100% {
		transform: none;
	}
}

@keyframes loading-dotsB {
	0% {
		transform: none;
	}
	25% {
		transform: translateX(-2vw);
	}
	50% {
		transform: none;
	}
	75% {
		transform: translateY(-2vw);
	}
	100% {
		transform: none;
	}
}

@media only screen and (max-width: 990px) {

    .day_calendar {

        /*width:57px;*/
        width: 14%;
        /*font-size:10px;*/
    }

    .container_month {

        /*width:408px;*/
        /*border: solid #f00 1px;*/
        width:100%;

    }

    .day_month {

        /*width:57px;*/
        width: 14%;
        font-size:16px;

    }

    #date_month {
    
        /*width: 400px;*/
        width:100%;
    
    }
    
    .reserved_day {


        font-size:0.55em;

    }

    .reserved_morning {

        font-size:0.55em;

    }

    .reserved_afternoon {

        font-size:0.55em;
    }

    #home_header a,  #reservas_header a {
    
        font-size:12px;
        top: -2px;
        
    }


}