<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
/* /css/style.css*/
#mybar input, #mybar .textarea{width:100%;height:26px;margin-bottom:6px;border:0;background-color:#fff;-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:7px 5px 6px 5px;color:#999;font-family:"PT Sans", sans-serif;font-size:11px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mybar body form input[type=submit]{height:30px;padding:9px 0;margin-bottom:0;color:#fff;font-weight:bold;font-size:12px;background:url("https://www.mistralhotel.it/wp-content/uploads/2023/02/submit.png") repeat-x;-moz-box-shadow:inset 0px -1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px -1px 1px rgba(0,0,0,0.3);box-shadow:inset 0px -1px 1px rgba(0,0,0,0.3);}
input.date{background:url("https://www.mistralhotel.it/wp-content/uploads/2023/02/calendar.png") 70px center no-repeat;}
#mybar label{text-transform:uppercase;font-size:10px;color:#999;margin-bottom:5px;display:inline-block;font-weight:bold;text-shadow:0px 1px 1px #fff;}

/* css/mybar.css */
/*-- FIX errori introdotti da bootstrap sul template del sito -----*/
body {
    font-family: "PT Sans", sans-serif;
    color: #333;    
}

#titolo-sito{text-decoration:none}
.quihotels {top:-64px}	/* corregge posizione logo piccolo sopra box intestazione causato da presenza &lt;!doctype html&gt;*/
.intestazione-hotel{height:122px !important;width: 640px !important;}	/*hotels: corregge larghezza per icone distanza porto centro e l'altezza della riga dotted*/
a.next:hover,a.previous:hover{text-decoration:none} /*toglie sottolineatura ai tasti avanti indietro*/
h1 {margin-top:0} 	/*corregge posizione h1 */
.description div.aereo{width:410px;}
footer{height:auto}
/*-----------------------------------------------------------------*/

#mybar {	background-color:#FFF; border-color: initial;}
#mybar .relative {position:relative}
#mybar a {text-decoration: none;}
#mybar form {    /* padding: 4em 10%; */}
#mybar h2.heading {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: left;
    color: #506982;
    /* border-bottom: 1px solid #506982; */
    padding-bottom: 3px;
    margin-bottom: 20px;
}
#mybar .controls {
    text-align: left;
    position: relative;
}
#mybar .labelSel{ font-size:14px}
#mybar .controls input[type="text"],
#mybar .controls input[type="email"],
#mybar .controls input[type="number"],
#mybar .controls input[type="date"],
#mybar .controls input[type="tel"],
#mybar .controls textarea,
#mybar .controls button,
#mybar .controls select {
   /*  padding: 12px; */
    font-size: 14px;    
    width: 100%;
    margin-bottom: 10px;
    color: #888;
    font-family: 'Lato', 'sans-serif';
    font-size: 16px;
    font-weight: 300;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	cursor: pointer;
}

@media (max-width: 991px) {	
	#mybar .controls  input {
		margin-bottom: 30px !important;
	}
	#mybar .controls  input.input-nospiti {
		margin-bottom: 0px !important;
	}
	
}

#mybar .controls button{color: #fff;font-size:1.8em;font-weight: bold;}
#mybar .controls input[type="date"]{padding:10px}

#mybar .controls input[type="text"]:focus,
#mybar .controls input[type="text"]:hover,
#mybar .controls input[type="email"]:focus,
#mybar .controls input[type="email"]:hover,
#mybar .controls input[type="number"]:focus,
#mybar .controls input[type="number"]:hover,
#mybar .controls input[type="date"]:focus,
#mybar .controls input[type="date"]:hover,
#mybar .controls input[type="tel"]:focus,
#mybar .controls input[type="tel"]:hover,
#mybar .controls textarea:focus,
#mybar .controls textarea:hover,
#mybar .controls button:focus,
#mybar .controls button:hover,
#mybar .controls select:focus,
#mybar .controls select:hover {
    outline: none;
    border-color: #9FB1C1;
}

#mybar .controls input[type="text"]:focus+label,
#mybar .controls input[type="text"]:hover+label,
#mybar .controls input[type="email"]:focus+label,
#mybar .controls input[type="email"]:hover+label,
#mybar .controls input[type="number"]:focus+label,
#mybar .controls input[type="number"]:hover+label,
#mybar .controls input[type="date"]:focus+label,
#mybar .controls input[type="date"]:hover+label,
#mybar .controls input[type="tel"]:focus+label,
#mybar .controls input[type="tel"]:hover+label,
#mybar .controls textarea:focus+label,
#mybar .controls textarea:hover+label,
#mybar .controls button:focus+label,
#mybar .controls button:hover+label,
#mybar .controls select:focus+label,
#mybar .controls select:hover+label {
    /* color: #bdcc00; */
	color: #153170;
    cursor: text;
	font-weight: bolder;
}
#mybar .controls .fa-sort {
    position: absolute;
    right: 10px;
    top: 17px;
    color: #999;
}
#mybar .controls select {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
#mybar .controls label {
    position: absolute;
    left: 8px;
    top: 12px;
    width: 60%;
    color: #999;
    font-size: 14px;
    display: inline-block;
	text-transform: none; /**/
    padding: 4px 10px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
    -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
    -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
    transition: color 0.3s, top 0.3s, background-color 0.8s;
    background-color: white;
}

#mybar .controls label.active {
    top: -11px;
    color: #555;
    background-color: white;
    width: auto;
}
#mybar .controls textarea {
    resize: none;
    height: 200px;
}
#mybar button {
    cursor: pointer;
    background-color: #12A9D5;
    border: none;
    color: #fff;
    padding: 5px 16px;
    float: right;
}
#mybar button:hover {
    background-color: #003580;
	color: #fff;
}
#mybar .clear:after {
    content: "";
    display: table;
    clear: both;
}
#mybar .controls label {
		top: -28px;
		left:0;
		background-color: #e5e5e5;
		width:100% !important;
		padding: 4px 2px;
		color:#000;
	}
#mybar{
	background-color: #e5e5e5;
	border-color: initial;
}
#mybar .form-group{
	margin-top:30px !important;
	margin-bottom: 10px;
	}
#mybar .form-group.selectcamere {margin-bottom:15px !important;margin-top:10px !important;}
#mybar .form-group.intooltip {margin-top:4px !important;}
#mybar .separatore{width:100%;height:20px}
#logo{
	position:absolute;
	top:-90px;
	left:15px;
	margin-bottom: 36px;
    text-align: left;
    color: #506982;   
    padding-bottom: 3px;
    margin-bottom: 20px;
}
#searchform h2{
	position:absolute;
	top:-43px;
	left:15px;
	margin-bottom: 36px;
	}
#searchform .row{margin-top:10px;margin-bottom:10px}
#mybar .labelrooms{
	height:48px;
	line-height:80px
}
#mybar .floatLabel {
    height: 48px;
}
#mybar .labelrooms span {vertical-align:middle;}
#mybar .selectcamere label.myl {
    WIDTH: 100%;
    TEXT-ALIGN: CENTER;
} 
#mybar .backgroundlabel.myl {
    text-align: left;
    padding: 2px;
    color: #003580;
	  padding-left:15px;
	  margin-bottom: 5px;
} 
.labelrooms span {
    vertical-align: middle;
}
#mybar .camera {padding: 5px 12px !important}
/*#mybar .backgroundlabel{background: antiquewhite;}*/
 
/* = BOX N.CAMERE = */
@media (max-width: 1199px) {
	#mybar .fix-button {
		margin-left: 16%;
		width:67%			
	}
}
/*  == MODAL  ==  */
.modal-backdrop { z-index: 10; }
.modal-header {
    padding: 15px;
	background: #12A9D5;
	border-bottom: 1px solid #e5e5e5;
}
button.close{display:none}
#myModal h4 {text-align:center;font-weight:bold; color:#FFF;}
#myModal label.myl{
	font-size: 14px;
    display: inline;
    float: left;
    /* margin-left: 0.2em; */
    margin-bottom: 5px;
    text-transform: none;
}
#myModal .btn-default:hover,
#myModal .btn-default:focus {
    background-position: 0 -44px !important;
} 
#myModal .btn-default {
    /* background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); */
    /*background-image: linear-gradient(to bottom, #99d4ff, #7bc2fa, #5caff5, #3b9cf0, #0789e9);*/
}
#mymodal input {background-color: #fffcf7;}

#myModal button {
	position:relative;
	width:155px;
	height:45px;
	margin-left:-20px;
	}
#myModal button span {
	/*position:absolute;
	top:12px;
	left:30px;*/
	font-family: Lato, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height:1.2;
}
	
@media (max-width: 480px) {
    /* sistemo spazi laterali eccedenti*/
    #mybar .modal-body {
        padding-left: 0;
        padding-right: 0
    }
    #mybar .fix6sx,
    #mybar .fix4sx {
        padding-left: 4px;
    }
    #mybar .fix6dx,
    #mybar .fix4dx {
        padding-right: 4px;
    }
}
/*BUTTON animato ABSONE --------------------------------------------*/ 
#mybar .input-checkin, 
#mybar .input-checkout {
	padding-right: 2px;
	padding-left: 45px !important;
	background: url('https://www.mistralhotel.it/wp-content/uploads/2023/02/calendar.svg') 8px center no-repeat #fff;
	border-radius: 5px;
}
#mybar .input-nospiti {
	padding-right: 2px;
	padding-left: 45px !important;
	background: url('https://www.mistralhotel.it/wp-content/uploads/2023/02/people.svg') 8px center no-repeat #fff;			 			
	border-radius: 5px;
	
}
#cerca {
	border-radius: 4px;
	height:48px;
	font-weight: normal;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 1.6em;
	font-weight: 600;
	text-align: left;
	overflow: hidden;
	position: relative
}	
#mybar .formSearchBtn .svgIcoArrowLeft {
	position: absolute;
	width: 50px;
	height: 50px;
	fill: rgba(255, 255, 255, .6);
	right: -60px;
	top: -3px;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}	
#mybar .formSearchBtn .svgIcoLensFat {
	position: absolute;
	width: 50px;
	height: 50px;
	fill: rgba(255, 255, 255, .5);
	right: -4px;
	top: -3px;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-ms-transform: rotate(0);
	transform: rotate(0)
}	
#mybar .formSearchBtn:hover .svgIcoArrowLeft {
	right: 0;
}
#mybar .formSearchBtn:hover .svgIcoLensFat {
	-ms-transform: rotate(-100deg);
	transform: rotate(-100deg);
	opacity: .2;
	right: 0
}	
#mybar .formSearchBtn .svgIcoArrowLeft,
#mybar .formSearchBtn .svgIcoLensFat{
	transition: all .2s ease-in-out
}
.sizeicons{width:16px}
#loadingSvg{
  width: auto;
  height: 40px;
  margin: 2px;
  position:absolute;
  top:4px;
  left:100px;
}
/* FIX RESPONSIVE CAMPI INPUTS e BUTTON */
@media (max-width: 370px) {

	#mybar .controls input[type="text"]{
		color: #555;
		font-size: 14px;
		font-weight: normal;
	}
	
	#mybar .input-nospiti,
	#mybar .input-checkout,
	#mybar .input-checkin{										
		/*background-size: 13%;*/
		padding-left: 29px;
	}
	
	#cerca {
		height:41px;
		pading-top:8px;
		font-weight: normal;
	}
	.bottone-loading{height:50%}	
	#cerca{height:50px}
}
@media (max-width: 428px) {					
	
	#mybar .controls input[type="text"]{							    
		font-size: 14px;
		font-weight: normal;							
	}
}
/*FIX and CUSTOM DATEPICKER*/
.ui-datepicker{
	/*forza apertura sopra l'input*/
     margin-top: -30px; 
}
div.ui-datepicker{
	/*forza dimensioni di tutto il box*/
	font-size:18px;
}
#ui-datepicker-div{
	/* forza larghezza del box*/
	width: 263px;	
}
.ui-widget-header {
	/* colore intestazione*/
	border: 1px solid #f1b138;
	background: #ffbb39;
	color: #333333;
	font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default {background: #ffd88e;}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: 2px solid #ff9a04;   
    font-weight: bold;
    color: #ff9a04;
	background:#ffeacb;
}

/*INSERTO LOGO STATICO*/
.logo-position{
	position: absolute;
	z-index:1;					
	top: -76px;
	left: 20px;
}
.logo-bg-position{
	position: absolute;					
	top: -80px;
	opacity:0.8;
}
/* MARQUEE - TESTO IN MOVIMENTO */
.marquee {
	position: relative;
	width: 100%;
	line-height: 20px;
	background-color: #D08D00;
	border-bottom: 5px solid #fca800;
	border-radius: 0 0 5px 5px;
	color: white;
	white-space: nowrap;
	overflow: hidden;	
	font-size:1.3em;
}
ul.marquee li {
    display: inline-block;
    /* padding: 10px 20px; */
    font-size: 1em;
}
ul.marquee   li.indic:after {
	content: url('https://www.mistralhotel.it/wp-content/uploads/2023/02/triangle-dotted.svg');
	position: absolute;
	width: 15px;
	height: 15px;
}
.marquee li:not(:first-of-type) {
	/* -- spazio tra gli span -- */
	margin-left: 100px;
	
}
.open-close {
	position: absolute;
	top: -22px;
	right: 16px;
	background-color: #000;
	z-index: 10;
	width: 20px;
}
.open-close,
.txt-open-close {
	display: none
}
@media (max-width: 991px) {
	.marquee,
	.logo-position,
	.logo-bg-position {
		display: none;
	}
	.open-close,
	.txt-open-close {
		display: block
	}
	.open-close {
		margin-top: 18px;
		padding: 5px 0;
		position: static;
		font-size: 20px;
		text-align: center;
		width: 100%;
		background-color: #D08D00;
	}
	#txtFrecciaR {
		color: #fff;
		font-weight: bold;
	}
	#frecciaR {
		transform: rotate(180deg);
	}
}

/*CSS Extra*/
.datiMotore {
	margin-bottom:15px;
}
@media screen and (max-width: 767px) {
.header {
    padding: 50px 0 10px;
}
}
@media screen and (max-width: 782px) {
html {
    margin-top: 0px !important;
}
}
	@media (min-width: 768px) {
	.datiMotore {
		margin-bottom:0px;
	}
	#divCerca {
		width: 24%;
	}
}
body {
	color: #6E6D6D;
	line-height: 26px;
	font-family: Roboto;
  font-size: 15px;
}
h4 {
	font-size:22px;
	color:#272727;
	font-family: Roboto;
	margin: 0 0 20px;
	padding: 0;
	line-height: 1;
	font-weight: 400;
}</pre></body></html>