.ricercafooter {
  position:fixed;
  z-index:1000;
  width:100%;
  height:70px;
  bottom:0px;
  left:0px;
  background-color: #fff;
  border-bottom: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
  padding-top: 0;
  margin: 0;
  
  
}

.logo {max-width:220px}
.owl-theme .owl-nav {
  background: transparent;
  color: #869791;
  font-size: 35px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 0;
  width:100%;
  height:0%;
}
.offerte, .lastminute, .boxPrenotaPrima {position:absolute; padding:2px 4px 2px 4px; font-size:14px; color:#fff; right:-1px; border:1px solid #fff}
.imgstruttura  {width:600px; height:450px}
.imgparco  {width:400px; height:400px}
.imghometestata {width:1820px; height:726px}
#page-wrap1 { width: auto; margin: 0 auto; }
.sidebar-box1 {max-height: 200px;position: relative;padding: 0;overflow: hidden;}
.sidebar-box1 .read-more { position: absolute; bottom: 0; left: 0;width: 100%; text-align: center; margin: 0; padding: 30px 0 10px 0; background-image: -moz-linear-gradient(top, transparent, white);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));}
.sidebar .spaziobooking {margin:0 auto; padding: 15px 30px; background-color:#fff; border: 1px solid #c3c3c3}.
.sidebar .spaziobooking .btn3 {padding: 10px 15px;}
address p {font-size:13px !important}
.vocestruttura {min-height:440px;}
.bottoneassoluto  {position:absolute; bottom:10px; right:10px}
.servizi  {font-size:15px}
.servizi img {width:22px; margin-right:2px}
.struttura h2, .struttura .cerca {font-size:22px}
.riassunto {font-size:16px}

.owl-theme .owl-prev {
  left: 0;
  padding-left: 15px;
  position:relative;
  float:left;
  margin-top:25% !important;
  outline: none !important;
}
.owl-theme .owl-next {
  right: 0;
  padding-right: 15px;
  position:relative;
  float:right;
  margin-top:25% !important;
  outline: none !important;
}

.fa-stack,.fa-stack:focus {
    outline: none !important
}

.fa-stack {
    width: 1.2em !important;
    height: 1.2em !important;
}

.votostruttura, .recensionistruttura,.boxvideo,.boxsito{
    display:inline-block;
	width:auto;
	float:left;
	margin:4px 4px 8px 0;
}

.apps{
    width: 122px;
	height: 42px;
}

.inEvidenza img{
	width: 100px;
	height: 58px;
}

.boxvideo a, .boxsito a{
	font-size:12px;
    padding: 2px;
	background-color:#c3c3c3;
	color:#fff !important;
	text-decoration:none !important;
	text-transform:lowercase;
}


.covid, .covidbig, .covidsmall {
    position: absolute;
    top: 2px;
    right: 2px;
	z-index:999;
}


.covid img {width:86px !important; height:109px !important}
.covidbig img {width:115px !important; height:146px !important}
.covidsmall img {width:65px !important; height:82px !important}

.rating {
    padding: 4px;
	background-color:#005ebe;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	width: 36px;
	display: inline-block;
    text-align: center;
    margin-right: 5px;
	border-radius: 5px;
}
.rating #votomassimo {
    display:none;
}

.checkgrey {
    color:#c5c5c5;
}

/* PALETTE
 * http://www.colourlovers.com/palette/1455627/Orange_Tag_Cloud
 * orange: #ff7600
 * blue:   #005c9d
 * green:  #00a543
 */

/*
colore blu: #005c9d
colore arancione: #ff7600
colore verde evidenza: #00a543
*/


/*@media (max-width: 991px) {
.is-sticky #provablocco, .is-sticky #sticky-categorie {width:100% !important;left:0 !important;}
}*/

.is-sticky #provablocco, .is-sticky #sticky-categorie {
	width:100% !important;
	left:0 !important;
	margin:0px;
	-webkit-box-shadow: 0px 5px 11px -9px #000000;
	-moz-box-shadow: 0px 5px 11px -9px #000000;
	-o-box-shadow: 0px 5px 11px -9px #000000;
	box-shadow: 0px 5px 11px -9px #000000;
}


.is-sticky #provablocco1 {
	-webkit-box-shadow: 0px 5px 11px -9px #000000;
	-moz-box-shadow: 0px 5px 11px -9px #000000;
	-o-box-shadow: 0px 5px 11px -9px #000000;
	box-shadow: 0px 5px 11px -9px #000000;
}


body {
	background-color: #f6f6f6;
	font-family: Arial,Helvetica,Sans,Sans-Serif,Sans Serif;
	color: #535353;
	font-size:16px;
	letter-spacing:0.1px;
	line-height:1.22;
}

h1,h2,h3,.titolodx, .cerca {color:#1e1e1e;font-weight:600;letter-spacing:-1px;display:block;}
.strutturalink,.strutturalinkbig {color:#005c9d !important;font-weight:600;letter-spacing:-1px}
h1 {font-size:30px}
.cerca,h2 {font-size:25px; margin-top:25px;margin-bottom:8px;}
h3 {line-height:90% !important}

a { color: #37454d;text-decoration:underline}
a:focus, a:hover {color: #099609;text-decoration: underline;}

.btn {border-radius: 0;border-width: 0;font-weight:400;transition:none;}
.btnelenco,.btn3,.btn3-inv:hover{color: #fff;background-color:#f56e00;font-size:15px;text-decoration:none}
.btnScheda { line-height: 1.8; color: white !important; font-size:14px;letter-spacing:0px; background-color:#005c9d;text-decoration:none;text-transform:uppercase}
.btnScheda:hover,.btnScheda:active {background-color:#f56e00;}
.btnblu{color: #fff;background-color:#005c9d;font-size:16px}
.btnblu:hover{color: #fff;background-color:#f56e00;font-size:16px}
.strutturalink {margin:10px 0 3px;font-size:15px;font-weight:600;letter-spacing:-0.4px;text-decoration:none !important;}
.strutturalinkbig {margin:0 0 3px;font-size:18px;font-weight:600;letter-spacing:-0.4px;text-decoration:none !important}

.titolodx  {font-size:17px;margin:0 0 4px; letter-spacing:-0.5px}

.list-unstyled {margin-bottom: 0;}

.elencodx {
	color:#5a5a5a !important;
}

a.linkdx {
	line-height:1.3;
}

a.linkdx:hover {
}


.assolutotitolo { position:absolute;
top:5px;
left:0px;
padding:2px 4px;
background-color: rgba(0,0,0,0.6);
color:#fff;
line-height:100%;
font-size:17px;
text-align:left;
}

.assolutoscadenza { position:absolute;
top:27px;
left:0px;
padding:2px 4px;
background-color: rgba(0,0,0,0.6);
color:#fff;
line-height:100%;
font-family: 'Abel', sans-serif;
font-size:13px;
letter-spacing:-0.5px;
}

.assolutosottotitolo { position:absolute;
top:45px;
left:0px;
padding:2px 4px;
background-color: rgba(0,0,0,0.6);
color:#fff;
line-height:100%;
font-size:16px;
letter-spacing:-0.5px;
text-align:left;
}

.strong {
    font-weight: bold;
}

.filtro {
    color: #686868;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}



.assoluto { position:absolute;
bottom:10px;
right:10px;
}

.dropdown-menu.show {
z-index: 10000000;
overflow-y:scroll !important;
overflow-x:hidden;
max-height:400px !important;
}



.colore1 {color: #00b3f8}
.colore2 {color: #ff7600}
.colore3 {color: #00a543}
.colore4 {color: #acacac}

::-moz-selection {background: #007cd4;color: #fff;}
::selection {background: #007cd4;color: #fff;}

.blue {color: #005c9d}
.orange {color: #ff7600}
.green {color: #00a543}
.btn-lg {padding: 8px 12px !important;}
.btn-lg1 {padding: 8px 4px !important;}
.bgr1 {background-color: #007cd4}

.dropdown-toggle::after {margin-left: 0;}

#pulsrecensioni hr, hr {border-color: #dbdbdb; margin: 5px 0;}

h3.recensioni {font-size: 18px;margin: 10px 0 0;color: #007cd4; font-weight: 500;}
.partner {font-family: 'Amatic SC', cursive;letter-spacing: -0.3px;}
h4,.btnelenco,.partner, .linkbig, .tabdettaglio {letter-spacing: -0.3px;}
.tabdettaglio {font-family: 'Mukta', sans-serif;letter-spacing: -0.3px;}
h4,.partner, .grigioscuro {color: #686868; font-weight:500;line-height:100%}


.partner {font-size:30px; margin-bottom:10px;color:#007cd4}
h2.baublog,h1.baublog {font-size:40px; margin-bottom:10px;font-family: 'Amatic SC', cursive;}
h3.baublog {font-size:24px; margin-bottom:10px;font-family: 'Amatic SC', cursive;letter-spacing:-0.2px}

.card-title { font-family: inherit; }

#divelencostrutture h2 a {font-size:22px; margin-bottom:2px;font-weight:400}
#divelencostrutture h2 a:hover {color: #00a543;text-decoration:none;}
.container_search2 h2 {color:#fff}

h3 {font-size:19px; margin:5px 0 3px;font-weight:600}
footer h3 {font-size: 22px;}
h3.linkblog {font-size:18px; margin:10px 0 0;color: #007cd4;}
h3.linkblog:hover {color:#00a543}
h4 {font-size:17px;}

footer, footer p footer ul li {font-size: 14px;}
.newsletter label {font-size: 15px;letter-spacing: -0.5px;}
.list-inline-item:not(:last-child) {margin-right: 0;}
.ricerca {background-color:#f4f4f4; border-bottom:1px solid #b4b4b4;border-top:1px solid #b4b4b4; padding-top:4px; margin:10px 0}
.ricerca1 {background-color:#fff; border:1px solid #b4b4b4;}
a h3.baublog { color: #ff7600;font-family: 'Abel', sans-serif;}







@media (max-width: 767px) {
	h1 {font-size:22px}
	.cerca, h2 {font-size:19px}
	.partner {font-size:28px;}
	h3 {font-size:17px;}
	h2.baublog,h1.baublog {font-size:40px;}
	p {font-size:15px;}
	#provablocco .dropdown-item  {line-height: 1.3}
	.rating {font-size: 16px;}
	

.dropdown-menu.show {
min-width: 200px !important;
margin-right:5px !important;
}




#contenutoSx .covid {
    position: absolute;
    top: 5px;
    right: 5px;
}

.covid img {width:90px}	
.covidbig img {width:90px !important}



}


.fa-border {border: solid 1px #eee; border-radius: 0;}
.fa-fw {width: 1.5em;}

.periodo { font-size: 14px; color: #838383; font-style:italic}
.elencoeventi p { font-size: 14px;}

address {margin-bottom: 4px}
p {margin-bottom: 6px;}
.dropdown-item {padding: 3px; margin-left:4px;text-decoration:none !important;}

.grigio, .grigio a, .grigio a:hover, a.grigio {color: #838383;}
a.grigio:hover {color: #ff7600; text-decoration:underline !important;}
.imglink:hover > h3{color: #00a543}
.nopadding{padding: 0;}
.nomargin{margin: 0;}
#formCercaSopra .col-lg, #formCercaSopra .col-12 { padding: 0 4px;}


#divelencostrutture .padding {
    padding: 5px;
    margin-top: 0px;
}

.btn-tab{font-size:16px};

@media (max-width: 767px) {
.btnelenco,.btn3{letter-spacing:-0.4px}
.btn-lg {padding: 6px 4px;}

}
.btnelenco:active,.btnelenco:hover,.btn3:active,.btn3:hover,.btn3-inv{color: #fff;background-color:#f56e00}   
.btnsmall {font-size:14px;padding:2px 6px;border: 1px solid #fff;text-decoration:none}
.btn1{color: #fff;background-color:#007cd4;font-size:15px;padding:2px 6px;text-decoration:none; letter-spacing:-0.7px;min-width: 113px;border:1px solid #fff}
.btn3{padding:2px 6px;letter-spacing:0.2px;min-width: 113px;}
.btn1:active,.btn1:hover{color: #fff;background-color:#007cd4}
.btn2{color: #fff !important;background-color:#007cd4;font-size:16px;border-width: 0;text-decoration:none !important}
.btn4{color: #686868;background-color:#e7e7e7;font-size:16px;border-width: 0;}
.btn4:active,.btn4:hover,.btn4:focus{color: #fff;background-color:#007cd4}
.btnbig {font-size:20px}

.btnon {background-color:#007cd4;font-size:16px;}
.btnoff {background-color:#959595;font-size:16px;}
.btnoff:hover, .btnoff:active {background-color:#007cd4;}


.displayblock  {display: block}
#advancedfilter h3 {font-size:16px;text-transform:uppercase;color:#007cd4;font-weight:400}
#advancedfilter label {font-size:14px;margin-bottom:5px}
.base { font-size:15px;}
.piccolo { font-size:13px;}
.no { text-decoration:none !important}
.lineHeight { line-height: 100%; }
.linkbig { font-size:20px; font-weight:500; margin-bottom:5px;}
.evidenza {color: #007cd4; font-size:20px; margin:0 0 5px;}
a.underlined:hover{
	text-decoration:underline !important;
}









.fa-lg.menu {
    font-size: 30px;
    vertical-align: -25px;
	line-height:normal
}




.categoria .btn {
	white-space: normal;
}

.btn:focus {
  color:#ffffff !important;
  /*toglie quel fastidioso colore blu al testo dopo il click sul bottone*/
}









.img-grigia {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.img-grigia:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}



.fontCartoon {
	font-family: 'Abel', sans-serif;
	line-height: 1;
}
.fontCondensed {
	font-family: 'Abel', sans-serif;
	line-height: 1;
}
.bold {
	font-weight:  bold;
}
.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.font13 {
	font-size: 13px;
}
.font14 {
	font-size: 14px;
}
.font15 {
	font-size: 15px !important;
}
.font16 {
	font-size: 16px !important;
}
.font17 {
	font-size: 17px !important;
}
.font18 {
	font-size: 18px;
}
.font19 {
	font-size: 19px !important;
}
.font20 {
	font-size: 20px;
}
.font21 {
	font-size: 21px !important;
}
.font22 {
	font-size: 22px;
}
.font23 {
	font-size: 23px;
}
.font24 {
	font-size: 24px;
}
.lineHeight {
	line-height: 100%;
}


a.underlined,a.underlined:hover {
	text-decoration:underline !important;
}
.text-uppercase {
	text-transform:none !important;
}
.text-uppercase1 {
	text-transform:uppercase !important;
}

/*
	Colori
*/
.bgWhite {
	background-color: #fff;
}
.bgBluScuro {
	background-color: #007ab2;
}

.bgBlackGray{
	background-color: #4D4D4D;
}
.bgGreen {
	background-color: #00a543 !important;
}

.bggray {
	background-color: #f3f3f3 !important;
}

.bgOrangeChiaro {
	background-color: #ff6700;
}
.bgOrangeScuro {
	background-color: #ff4e00;
}

.bgceleste {
	background-color: #00bb76;
}


.bgGray {
	background-color: #d9d9d9;
}
.bgGrayChiaro {
	background-color: #f5f5f5;
}
.bgagriturismi, .bgagritourism {
	background-color: #db4453;
}
.bgcampeggi, .bgcamping-sites {
	background-color: #f75040;
}
.bgfamily-hotel, .bghotels {
	background-color: #fb6e52;
}
.bgspiagge, .bgbeaches {
	background-color: #005c9d;
}
.bgcase-vacanze, .bgholiday-houses {
	background-color: #b7b33b;
}
.bgvillaggi-turistici, .bgtourist-villages {
	background-color: #43ae66;
}
.bgbed-and-breakfast {
	background-color: #1d9ca7;
}
.bgaffitta-camere, .bgroom-rental {
	background-color: #467cc5;
}
.bgristoranti, .bgrestaurants {
	background-color: #8061a5;
}
.bgpizzerie, .bgpizzerias {
	background-color: #ad69b3;
}
.bgfattorie-didattiche {
	background-color: #a33540;
}
.bgresidence {
	background-color: #007ab2;
}

.white, .white a, .white a:hover, a.white {
	color: #fff;
}
.blu, .blu a, .blu a:hover, a.blu {
	color: #005c9d;
}
.bluGray, .bluGray a, .bluGray a:hover, a.bluGray {
	color: #2d3e52;
}
.green, .green a, .green a:hover, a.green {
	color: #00a543;
}
.orangeChiaro, .orangeChiaro a, .orangeChiaro a:hover, a.orangeChiaro {
	color: #FDB714;
}
.orangeScuro, .orangeScuro a, .orangeScuro a:hover, a.orangeScuro {
	color: #f56e00;
}
.grigio, .grigio a, .grigio a:hover, a.grigio {
	color: #535353;
}
.red, .red a, .red a:hover, a.red {
	color: #f00;
}
.yellow, .yellow a, .yellow a:hover, a.yellow {
	color: #fff000;
}
.black, .black a, .black a:hover, a.black {
	color: #000;
}
/* Base styles (regardless of theme) */
.bs-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

.campocontatto {
	border: 1px solid #7d7d7d !important;
}


.campocontatto:active,
.campocontatto:focus
 {
	border: 2px solid #007cd4 !important;
}




.messaggio_alert{
	font-size:14px !important;
}




.bs-callout h4 {
	margin-top: 0;
}
.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code, .bs-callout .highlight {
	background-color: #fff;
}
/* Themes for different contexts */
.bs-callout-danger {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}
.bs-callout-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}
.bs-callout-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}
.bs-callout-danger h4 {
	color: #B94A48;
	font-size:1.2em;
}
.bs-callout-warning h4 {
	color: #C09853;
	font-size:1.2em;
}
.bs-callout-info h4 {
	color: #3A87AD;
	font-size:1.2em;
}
#linkutili a {
	color:#f8f8f8;
}
.noborder {
	border:none !important;
}
.noborder td {
	border:none !important;
}
.regione {
	color:#007ab2;
}



.elencobt {
    padding: 0 7px;
	margin: 0 0 .6rem 0;
}

.bgBlu {
	background-color: #007cd4;
	color:#fff !important;
}

.bgblu {
	background-color: #007cd4;
}

.elencobt .bgBlu:hover,.elencobt .bgBlu:active  {
	background-color: #00a543;
}

.btn-success.bgOrangeScuro:hover {
	background-color: #00a3ce;
	border-color: #00a3ce;
}

.btn-success.bgBluScuro:hover {
	background-color: #00a3ce;
	border-color: #00a3ce;
}

.btn-warning {
	background-color: #007ab2;
	border-color: #007ab2;
}
.btn-success.bgGreen {
	background-color: #ff4e00 !important;
	border-color: #ff4e00;
}
hr {
	border-color: #dbdbdb;
}
#divcontenutoinfo hr {border-color: #dbdbdb; margin: 5px 0;}
hr.white {
	border-color: #fff;
}
a.no {
	text-decoration:none;
}
.img_elenco {
	width:100% !important;
}
.tab-content > .tab-pane {
	padding-bottom: 0 !important;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
}
/*
	Form
*/
#divcontatta .form-control {
	border-radius: 0;
	font-size: 13px;
}

#divcontatta .form-control:focus {
    background-color: #fff;
    border-color: #007ab2;
    outline: 0;
}

#divcontatta label {
	color:#000;
	text-transform:none;
}


#divcontatta .form-check-input{
	text-transform:none !important;
}






footer .form-control {
	border-width: 1px;
}




/*
	Top bar
*/
#topBar {
	background-color:#ececec}

	#topBar #btnInserisciStruttura,
	#topBar #btnAreaRiservata {
		display: inline-block;
		padding: 4px 12px;
		font-size: 14px;
		letter-spacing: 0px;
		}

#topBar #btnAreaRiservata {
		color:#1e1e1e;
		}
/* testata grafica*****/

#headerhome {
	width: 100%;
	clear: both;
	background-color:#fff;
	height:300px;
	/*background-image:url("/images/testata/inverno.jpg");*/

	/*background-image:url(/images/testata/primavera.jpg);*/
	background-image:url(/images/testata/estate.jpg);
	/*background-image:url(/images/testata/autunno.jpg);*/
	background-position:center top;
	border-top:2px solid #f6f6f6;ì
}
.containertestatahome {
	right:0;
	height:300px;
	margin:0 auto;
	position:relative;
}
/* Versione natale */
	#immaginetestata {
	position:absolute;
	right:0;
	bottom:0px;
	z-index:10000;
	height:360px;
}
/* Versione standard */
	#immaginetestataOLD {
	position:absolute;
	bottom:3px;
	right:0;
	z-index:10000;
	height:300px;
}
#immaginetestata img {
	height:100%;
}
/*
	Navigazione
*/
#menuPrinc {
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1000000 !important;
}
.dropdown-menu {
	min-width: 13rem;
}
.wrapper-sticky.sticky-active #menuPrinc {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#menuPrinc-sticky-wrapper {
	background-color: #FFFFFF;
}
#menuPrinc ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	font-size: 16px;
	font-weight: bold;
}
 @media (max-width: 991px) {
 #menuPrinc li a {
/*border-bottom: 1px solid #f5f5f5;*/
}

.sidebar-box1 {max-height: 300px;position: relative;padding: 0;overflow: hidden;}
.spaziobooking {display:none;}


#contenutoSx .covid {
    position: absolute;
    top: 5px;
    right: 5px;
}

.covid img {width:90px !important; height:114px !important}	
.covidbig img {width:90px !important; height:114px !important}




}
 @media (min-width: 992px) {
 #menuPrinc li {
 float: left;
}

}

#menuPrinc li a {
	display: block;
	font-weight: 400;
	color: #555;
	text-align: center;
	text-decoration: none;
	transition: ease, 0.2s;
}
#menuPrinc li a.active {
	color: #007ab2;
}
#menuPrinc li a:hover {
	color: #fff;
	background-color: #007ab2;
}
#menuPrinc .dropdown-menu {
	text-align: left;
	text-transform: none;
}
#openMenuPrinc {
	margin-top: 1em;
}

#formCercaSopra .form-control {
	width: 100% !important;
}

#formCercaSopra select {
/*	max-width:180px;*/
}

#formCercaSopra .form-control {
	width:100% !important;
}

 @media (min-width: 1200px) {
 #menuPrinc li a {
 padding: 8px 10px 8px 10px;
}
}
 @media (max-width: 1199px) {
 #menuPrinc li a {
 padding: 8px 10px 8px 10px;
}
}
 @media (max-width: 991px) {
	 
	 
 #menuList {
display:none;
}
/* #formCercaSopra {
display:none;
}*/
 #formCercaSopra select {
/* width:170px;*/
}
}

/*
########NUOVO MENU DI NAVIGAZIONE##########

/* Add a black background color to the top navigation */
.topnav1 {
    background-color: #fff;
    overflow: hidden;
	width: 100%;
}

/* Style the links inside the navigation bar */
.topnav1 a {
    float: left;
    display: block;
    color: #646464;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 20px;
	font-family: 'Abel', sans-serif; !important;
	text-transform:uppercase;
}

/* Add an active class to highlight the current page */
.active {
    /*background-color: #4CAF50;
    color: white;*/
}

/* Hide the link that should open and close the topnav on small screens */
.topnav1 .icon21 {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown1 {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown1 .dropbtn1 {
    font-size: 20px;
    border: none;
    outline: none;
    color: #646464;
    padding: 8px 12px;
    background-color: #ffffff;
    margin: 0;
font-family: 'Abel', sans-serif;
	text-transform:uppercase;
	}




/* Style the dropdown content (hidden by default) */
.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000000;
}





/* Style the links inside the dropdown */
.dropdown-content1 a {
    float: none;
    color: #646464;
    padding: 3px 10px 2px;
    text-decoration: none;
    display: block;
    text-align: left;
	background-color: #f2f2f2;
	font-size:18px;
	font-weight:400;
	text-transform:uppercase
}

.dropbtn1{
	font-size:20px !important;
	color: #838383;
}


.menublog {
font-family: 'Amatic SC', cursive !important;
	font-size: 29px !important;
	text-transform: none !important;
	padding: 0px 10px !important;
	text-transform:none !important;
}

.menublog .fa, .dropbtn1 .fa {
	font-size: 16px;
}


/* Add a dark background on topnav links and the dropdown button on hover */
.topnav1 a:hover, .dropdown1:hover .dropbtn1 {
    background-color: #007cd4;
    color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content1 a:hover {
    background-color: #007cd4;
    color: white;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown1:hover .dropdown-content1 {
    display: block !important;
}


@media screen and (max-width: 1200px) {
	.topnav1 a, .dropdown1 .dropbtn1 {
		font-size: 18px;
		padding: 8px 7px;
	}
	.dropbtn1 {
		font-size: 18px!important;
	}

.menublog {
    font-size: 25px !important;
}


.dropdown-content1 a {
    padding: 3px 10px 2px;
}

}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 992px) {
  .topnav1 a, .dropdown1 .dropbtn1 {
    display: none;
  }
  .topnav1 a.icon21 {
    float: right;
    display: block;
  }
}
.wrapper-sticky{
	z-index:10000000;
}

/* The "responsive1" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

@media screen and (max-width: 992px) {
  .topnav1.responsive21 {position: relative; z-index: 1000000;margin-top:10px}
  .topnav1.responsive21 a.icon21 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav1.responsive21 a {
    float: none;
    display: block;
    text-align: left;
	padding: 10px 8px;
  }
  .topnav1.responsive21 .dropdown1 {float: none;}
  .topnav1.responsive21 .dropdown-content1 {position: relative;}
  .topnav1.responsive21 .dropdown1 .dropbtn1 {
    display: block;
    width: 100%;
    text-align: left;
	padding: 10px 8px;
  }

.menublog {
    padding: 5px 8px !important;
}


}




/*
	Barra cerca
*/
#cercaPrinc {
	background: #005ebe;
	font-size: 22px;
	color: #FFFFFF;
}
#cercaPrinc .container {
	padding-top: 15px;
	padding-bottom: 15px;
}
#cercaPrinc .fontCartoon {
	margin-top: .5em;
	margin-bottom: .4em;
}

#cercaPrinc .btn3, .btnsearch {
	background-color: #ff7600 !important;
	border: 1px solid #fff;
	padding:6px
}


 @media (max-width: 1199px) {
/* spostato sullo step 991px
	#formCercaSopra { display:none; }
	*/
}
/*
Breadcrumb
*/
#breadcrumb {
}

#breadcrumb .breadcrumb {
    background-color: transparent;
    text-align: right;
    font-size: 14px;
    color: #838383;
    padding: 8px 0;
    margin-bottom: 0;
	font-family: 'Abel', sans-serif;
}

#breadcrumb .breadcrumb .breadcrumb-item {
	float: none;
}
#breadcrumb .breadcrumb a {
	color: #838383;
    font-weight: 400;
    letter-spacing: 0px;
	text-decoration:none;
}

#breadcrumb li {
	float:left;
}
#breadcrumb li a {
	font-size:14px;
	color:#888888;
}



/* Banner TOP Doubleclick */
#bannerSopra {
	display:block;
}
 @media (max-width: 770px) {
 #bannerSopra {
 display:none;
}


#breadcrumb li a {
	font-size:13px;
}


#logoPrinc img  {
 width:250px !important;
 height: 39px !important;
}
}
/*
	Contenuto scheda
*/
#contenutoScheda .padding {
	padding: 14px;
}
#contenutoScheda #informazioni ul li {
	padding: 15px 8px;
	cursor:pointer;
}
#contenutoScheda #informazioni ul li:first-of-type {
	padding: 15px;
}
#contenutoScheda #informazioni ul li a {
	text-decoration:none;
}


.pulsantemobile_footer {
	position:fixed;
	height:60px;
	bottom:0;
	left:0;
	width:100%;
	z-index:10000;
}
.separatoremobile {
	height:80px;
	width:100%;
	position:relative;
}
 @media (max-width: 991px) {
 #contenutoScheda #imaSx {
margin-bottom:  12px;
}
 #contenutoScheda #infoDx {
}
}


/*
	HOME
*/


.tab-pane .btn {
	white-space: normal;
}


.cartinahome {
	width:450px;
	/*height:514px;*/
	float:right;
}
.linkregionihome {
	text-align:center;
}
.linkregionihome a {
	display:block;
	color:#ffffff;
	padding:3px 5px 3px 5px;
	background-color:#ff7600;
	border:1px solid #fff;
	text-decoration:none
}
.linkregionihome a:hover {
	background-color:#5cb85c;
}
td.td_italia {
	width:450px;
	height:514px;
	background-image: url("/images/mappe/italia.png");
	background-position:top left;
	background-repeat:no-repeat;
	font-weight: bold;
	font-size: 11px;
	vertical-align:top;
	text-align:left
}
/*
	Contenuto
*/
#contenutoScheda, #contenutoElenco {
	margin-bottom: 0px;
}

#contenutoSx {
	padding:10px
}
#contenutoSx .blocco {
	margin-bottom: 10px;
}
#contenutoSx .blocco:last-of-type {
	margin-bottom: 0;
}
 @media (max-width: 767px) {
 #contenutoSx .blocco {
 padding-top: 5px;
}
}
#contenutoSx .blocco .img {
	position: relative;
}
.inEvidenza {
	position: absolute;
	top: 0;
	left: 0;
}






#contenutoSx .blocco .img .video {
	position: absolute;
	top: 0;
	right: 0;
}
#contenutoSx .blocco .img {
	font-size: 12px;
}


 @media (max-width: 1199px) {

.vocestruttura {min-height: 410px;}	 
}


 @media (min-width: 992px) {
	 
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 7px;
  }	 
  
}

 @media (max-width: 992px) {
 .vocestruttura {min-height: 440px;} 
}
	 



 @media (max-width: 767px) {
 #contenutoSx .blocco .img {
 margin-bottom: 1rem;
}
 .vocestruttura {min-height: 390px;}
 
element.style {
}
*, ::after, ::before {
    box-sizing: border-box;
}
.strutturalinkbig {font-size: 16px;} 

}




.img-fluid {
    width: 100% !important;
    height: auto !important;
}


#cartinaregione {
	width:310px;
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
}
/*
Scheda struttura
*/
#contenutoSx .blocco .infoDx {
	padding-top: 15px;
	padding-bottom: 15px;
}
#contenutoSx .blocco .infoDx img.hidden-md-up {
	margin-bottom: 1rem;
}
#contenutoSx .blocco .infoDx .padding {
	padding-right: 15px;
}
 @media (max-width: 767px) {
 #contenutoSx .blocco .infoDx .padding {
 padding-left: 15px;
}
}
#contenutoSx .blocco .infoDx .row {
}
#contenutoSx .blocco .infoDx h2 {
	margin-bottom: 0;
}
#contenutoSx .blocco .infoDx address {
}
#contenutoSx .blocco .infoDx p {
	font-size: 14px;
	margin-bottom: 0;
}
#contenutoSx .blocco .infoDx .bottone {
	margin: 8px 0 5px;
	text-align: center;
}
 @media (min-width: 768px) {
 #contenutoSx .blocco .infoDx .cane img,  #contenutoSx .blocco .infoDx .gatto img {
 float: left;
}
}
 @media (max-width: 768px) {
 #contenutoSx .blocco .infoDx .recensioni {
 text-align: center;
}
.divtestatavuoto {height:250px}
}
 @media (max-width: 991px) {
 #contenutoSx .blocco .infoDx .cane,  #contenutoSx .blocco .infoDx .gatto,  #contenutoSx .blocco .infoDx .recensioni {
 margin-bottom: 15px;
}
}
/*	#contenutoSx .blocco .infoDx .cane,
	#contenutoSx .blocco .infoDx .gatto,
	#contenutoSx .blocco .infoDx .recensioni {
		font-size: 12px;
	}*/





	#contenutoSx .blocco .infoDx .recensioni .fa-star {
}
#divchiamastruttura {
	display:none;
}
#booking_box li {
	cursor:pointer;
}
/*
Colonna principale di destra con filtri
*/
#contenutoDx {
}
#contenutoDx .blocco {
	padding: 15px;
	margin-bottom: 5px;
}
#contenutoDx .blocco:last-of-type {
	margin-bottom: 0;
}
#contenutoDx .blocco h3 {
	font-size: 16px;
}
#contenutoDx .blocco.filtroSelect input {
	margin-right: 8px;
}
#contenutoDx .blocco.filtroSelect label {
	clear: both;
	display: block;
	padding: 2px 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	font-size: 14px;
	color:#007ab2;
}
#contenutoDx .blocco.filtroSelect label a {
	color:#9bbe4e;
}
/*
Riga partner
*/
#partner {
	/*
	padding-top: 30px;
	padding-bottom: 30px;
*/
	font-size: 34px;
	text-align: center;
}
#partner span {
	display: block;
	margin-right: 15px;
}
/*
Footer
*/
footer {
	font-size: 14px;
	padding-top: 40px;
	padding: 10px 0 70px 0;
}




footer .big {
	font-size: 18px;
}
footer .btn.fontCartoon {
	font-size: 20px;
	margin-bottom: 1em;
}
footer .form-control {
	border-radius: 0;
	font-size: 13px;
}
/*@media (max-width: 991px) {
	footer .col-12.col-lg-4 {

	}
}*/



/*
Sub Footer Blu
*/

#subFooter {
/*	padding-top: 15px;*/
	}
#subFooter2 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.sfondoloading, .sfondoloadingrec, .sfondoloading1 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height: auto;
	min-height: 100%;
	width:100%;
	background-color:rgba(255, 255, 255, 0.7);
	margin:0;
	padding:0;
	border:none;
	z-index:1000;
}
#divloadingmsg, #divloadingrec, #divloadingmsg1 {
	display:none;
	position:absolute;
	top:30%;
	left:50%;
	heigh:100px;
	width:200px;
	background-color:none;
	margin:-50px 0 0 -100px;
	padding:10px;
	border:none;
	z-index:2000;
	color:rgba(4, 91, 139, 1.00)
}


/*##########PERSONALIZZAZIONE CHECKFORM######################
#############################################################*/

/* Customize the label (the container) */
.containercheck {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding:0 0 0 15px !important;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.colcheck {
text-align:right;
padding:18px 2px 0 15px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: 1px solid #ababab;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ffffff;
  border: 1px solid #ababab;
}


/* On mouse-over, add a grey background color */
.containercheck .checkmark:focus {
  border: 2px solid #ca45e3;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #0cabb4;
  border: 1px solid #0cabb4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*test a/b form laterale*/

.formlat {
  background-color: #d1eeff;
  border: 1px solid #c3c3c3;
}


@media(min-width:768px) and (max-width:991px) {

.formlat .customise-form .icona .fa {
    font-size: 16px !important;
}


.formlat .customise-form .icona {
    padding: 18px 2px 0 6px !important;
}

.formlat .datario {
    font-size: 15px !important;
}

.formlat .customise-form .customised-formgroup input, .formlat .contact-form .customised-formgroup input {
    height: 34px !important;
}

.form-control {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .9rem;
}

.containercheck {
    font-size: 13px;
}

.divtestatavuoto {height:300px}

.riassunto {font-size:15px}

}





 @media (max-width: 575px) {
.divtestatavuoto {height:180px}
 .vocestruttura {min-height: 580px;}
 .riassunto {font-size:14px}

}


 @media (max-width: 480px) {
.divtestatavuoto {height:180px}
.vocestruttura {min-height: 490px;}
.servizi  {font-size:13px}
.servizi img {width:20px}
.struttura h2, .struttura .cerca {font-size:19px}

 

}

 @media (max-width: 310px) {
.btnblu {font-size: 15px;}
.btn-lg1 {padding: 8px 2px !important;}
 .vocestruttura {min-height: 430px;}

}