/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
	Created on : 17-mar-2014, 11.50.35
	Author	 : alessandrobizzeti
*/

#city-summary .result,
#city-summary .vedimappa {
	margin-top: 0.5em;
	text-align: left;
}

#city-summary .result .mobile-summary {
	display: none;
}

#ricerca_estesa {
	margin-top: 0.4em;
}

.menuGray {
	margin-top: 1.4em;
	margin-bottom: 2.2em;
}

.sideBox .icon-search:before {
	margin-right: 5px;
	font-size: 23px;
	vertical-align: -5px
}

.titolo {
	float: none;
	clear: both;
	margin-bottom: 0;
	margin-top: -0.4em;
}

.result,
.vedimappa {
	font-size: 16px;
}

.result {
	display: inline-block;
	font-weight: bold;
}

.vedimappa,
#city-summary .result .dates,
#city-summary .result .people {
	display: inline-block;
	text-indent: 9px;
	margin-left: 9px;
	border-left: 1px solid #ccc;
}

#city-summary .result .dates > span {
	font-weight: normal;
}

.vedimappa {
	text-indent: 0px;
	font-weight: 700;
}

.vedimappa:before {
	font-size: 24px;
	vertical-align: -3px;
	font-weight: normal;
	margin: 0 0 0 5px;
}

.style-orange-gray .vedimappa:before {
	font-size: 20px;

}

.info-distanza {
	border-left: 1px solid #ccc;
	padding-left: 9px;
	margin-left: 9px;
}

.info-distanza span {
	white-space: nowrap;
	border-bottom: 1px dashed;
	cursor: help;
}

.link_categorie_localita {
	margin-top: 5px; 
	font-size: 11px;
	line-height: 1.6em;
}

#city-info {
	margin-top: 1.4em;
}

#city-info .city-gallery {
	float: left;
	width: 70.56%; /* 70% + (70% * 0.8%) */
	margin-top: -0.56%;
	margin-left: -0.56%;
}

#city-info.no-text .city-gallery {
	width: 100.8%; /* 70% + (100% * 0.8%) */
	margin-top: -0.8%;
	margin-left: -0.8%;
}

#city-info .city-gallery img {
	display: block;
	float: left;
	margin-top: 0.8%;
	margin-left: 0.8%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#city-info .city-gallery > div[class$='stacked'] {
	float: left;
	margin-left: 0.8%;
}

#city-info .city-gallery > div[class$='stacked'] img {
	float: left;
	clear: right;
	width: 100%;
	margin: 0;
}

/**
* Formati a 5 foto
*/
#city-info.big-small-small-small-small .city-gallery img.big {
	width: 49.44%;
}

#city-info.big-small-small-small-small .city-gallery img.small {
	width: 24.08%;
}

/**
* Formati a 4 foto
*/
/* 1 foto wide, 2 piccole e 1 vertical */
#city-info.wide-smallstacked-vertical .city-gallery img.wide {
	width: 55.35%;
}

#city-info.wide-smallstacked-vertical .city-gallery div.smallstacked {
	width: 21.45%;
}

#city-info.wide-smallstacked-vertical .city-gallery div.smallstacked img {
	margin-top: 3.73%; /* margin-top / stack-width = 0.8 / 0.2145 */
}

#city-info.wide-smallstacked-vertical .city-gallery img.vertical {
	width: 20.8%;
}

/* 1 foto grande, 2 piccole e 1 verticale*/
#city-info.big-smallstacked-vertical .city-gallery img.big {
	width: 49.89%;
}

#city-info.big-smallstacked-vertical .city-gallery div.smallstacked {
	width: 24.20%;
}

#city-info.big-smallstacked-vertical .city-gallery div.smallstacked img {
	margin-top: 3.29%; /* margin-top / stack-width = 0.8 / 0.242 */
}

#city-info.big-smallstacked-vertical .city-gallery img.vertical {
	width: 23.5%;
}

/* 1 foto wide, 1 grande e 2 piccole */
#city-info.wide-big-small-small .city-gallery img.wide {
	width: 44.65%;
}

#city-info.wide-big-small-small .city-gallery img.big {
	width: 35.8%;
}

#city-info.wide-big-small-small .city-gallery img.small {
	width: 17.1%;
}

/* 2 grandi e 2 piccole */
#city-info.big-big-small-small .city-gallery img.big {
	width: 39.296%;
}

#city-info.big-big-small-small .city-gallery img.small {
	width: 19.008%;
}

/**
* Formati a 3 foto
*/
/* 1 foto wide, 1 grande e 1 verticale */
#city-info.wide-big-vertical .city-gallery img.wide {
	width: 44.873%;
}

#city-info.wide-big-vertical .city-gallery img.big {
	width: 35.900%;
}

#city-info.wide-big-vertical .city-gallery img.vertical {
	width: 16.827%;
}

/* 2 foto grandi e 1 verticale */
#city-info.big-big-vertical .city-gallery img.big {
	width: 39.534%;
}

#city-info.big-big-vertical .city-gallery img.vertical {
	width: 18.532%;
}

/* 1 foto wide e 2 grandi */
#city-info.wide-big-big .city-gallery img.wide {
	width: 37.538%;
}

#city-info.wide-big-big .city-gallery img.big {
	width: 30.031%;
}

/* 3 foto grandi */
#city-info.big-big-big .city-gallery img {
	width: 32.533%;
}

/**
* Formati a 2 foto
*/
/* 1 foto wide e 1 grande */
#city-info.wide-big .city-gallery img.wide {
	width: 54.667%;
}

#city-info.wide-big .city-gallery img.big {
	width: 43.733%;
}

/* 2 foto wide */
#city-info.wide-wide .city-gallery img {
	width: 49.2%;
}

/* 2 foto grandi */
#city-info.big-big .city-gallery img {
	width: 49.2%;
}


/**
* Descrizione di fianco alle foto
*/
.city-description h3 {
	margin-bottom: 0.6em;
	font-size: 15px;
}

.hotel-con-tariffe-private {
	float: left;
}

.style-orange-gray {
	display: table;
	padding: 1em;
	position: relative;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.style-orange-gray,
.style-yellow-gray {
	margin-top: 0;
}

.scheda-hotel {
	display: table-cell;
	width: 85%;
	padding-right: 14px;
}

.scheda-hotel .image-box {
	height: 11em;
	width: 180px;
	max-width: 33%;
	overflow: hidden;
	border: 1px solid #ddd;
	margin-right: 10px;
}

.scheda-hotel .image-box a {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -50%;
}

.scheda-hotel .image-box img {
	display: block;
	width: 100%;
	height: auto;
	border: none !important;
}

.scheda-hotel .hotel-summary {
	text-align: left;
}

.distanza,
.voto-mobile {
	display: none;
}

.voto {
	display: table-cell;
	text-align: center;
	position: relative;
	vertical-align: top;
	padding-bottom: 2.5em;
	width: 15%;
}

.showmore-context .voto {
	vertical-align: middle;
	padding-bottom: 0;
}

.valutazione {
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size:14px;
	font-weight: bold;
}

.val-media {
	font-size: 2.30em;
	padding: 5px 0;
	color: #ff8a00;
	font-weight: bold;
}
.Small {
	font-size: 0.5em;
}

.dettagli-valutazione {
	display: block;
	font-size: 12px;
}

.content-hotel {
	margin-top: 1em;
	font-size: 0.95em;
}

.content-hotel .claim {
	font-size: 1.2em;
	margin-top: 0.5em;
	color: #009900;
}

.thumbs-hotel {
	margin-top: 1em;
}

.content-hotel .icon-arrow-right3 {
	position: absolute;
}

.content-hotel .icon-arrow-right3:before {
	vertical-align: -2px;
}

.image-box {
	position: relative;
	float: left;
}

.image-box .zoom  {
	background: #fff;
	background: rgba(255,255,255,0.8);
	padding: 0.3em 0.6em;
	position: absolute;
	bottom: 1em;
	left: 0px;
	font-size: 12px;
	font-weight: 700;
}

.zoom .icons:before {
	content: "\e635";
	font-size: 17px;
	vertical-align: -2px;
	margin-right: 5px;
}

.entry-header {
	margin-bottom: 0.6em;
	text-align: left;
}

.addressWrapper {
	margin-bottom: 0.6em;
}

.address {
	font-weight: normal;
	font-size: 13px;
	text-align: left;
}

.hotel-summary .vedimappa {
	font-size: 12px;
	font-weight: normal;
	margin-left: 9px;
}

.hotel-summary .vedimappa:before {
	margin: 0 0 0 5px;
}

#content h4 {
	font-size: 16px;
	display: inline;
}

.hotel-summary .stars {
	margin-left: 9px;
	font-size: 16px;
}

.hotel-summary .stars:before {
	font-size: 13px;
}

.hotel-summary .coupon-share-wishlist {
	display: inline-block;
}

.coupon {
	display: block;
	float: left;
	padding: 0.2em 0.2em;
	margin: 0.15em 0.2em 0 0.15em;
}

.style-yellow-gray {
	background-image: url(/images/img/ombra.png);
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
	width: 78%;
}

.header-title,
.prenota-content {
	font-weight: bold;
	background: #f3f3f3;
	background-image: url(/images/img/ombra.png);
	background-position: left top;
	background-repeat: repeat-x;
}

.prenota-content {
	margin-top: 0px;
	border-top:0;
}

.tariffa {
	color: inherit;
	border-top:none;
	border-bottom: 1px solid #e2e2e2;
	font-size: 12px;
	position: relative;
	overflow: hidden;
}

.no-touch a.tariffa:hover,
.touch a.tariffa:active {
	color: inherit;
	background: #f3f3f3;
	cursor: pointer;
}

.header-title .column-camera {
	/*border-right: 1px solid #e3e3e3;*/
}

.column-camera {
	text-align: left;
	padding: 0.6em;
	border-right: none;
}

.column-camera-icona {
	text-align: right;
	padding-left: 0px;
	padding-right: 0.6em;
	white-space: nowrap;
}

.column-evidenza {
	width: 36%;
	font-size: 0.9em;
}

.column-vip {
	width: 6%;
}

.column-vip .icons:before {
	margin-right: 0;
}

.column-costo {
	width: 26%;
	border-right: 0;
	padding-right: 0.6em;
	text-align: right;
}

.column-costo .info,
.column-costo .perc {
	margin-right: 0.2em;
}

.prenota-content {
	padding:0 0.6em;
	position: relative;
}

.info-prenotazione {
	position: absolute;
	height: 100%;
	width: 100%;
	left:0px;
	top:0px;
	font-size: 15px;
}

.info-prenotazione a {
	width: 75%;
}

.info-prenotazione:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.button-orange {
	display: inline-block;
}

.tariffe.button-orange {
	font-size: 14px;
	left: 0;
	text-align: center;
	padding: 0.5em;
	display: block;
}

.prenota-box {
	position: absolute;
	width: 14.5%;
	right: 1em;
	bottom: 1em;
}

.more {
	clear: both;
	color: #008cba;
	font-size: 12px;
	margin: 0.6em 10px;
}

.more .icons:before {
	content: "\e647";
	margin-left: 0.2em;
	vertical-align: -0.1em;
}

.showmore-trigger-listing {
	display: block;
}

.showmore-open .more .icons:before {
	content:"\e62e";
}

.more-search ul {
	font-size: 12px;
	list-style: none;
	color: #008cba;
	margin-left: 10px;
	padding: 0.6em 1em 0em 1em;
}

.more-search ul li {
	position: relative;
	line-height: 1.4em;
margin-bottom: 0.6em;
}

.more-search ul li span {
	color: #07435a;
}

.more-search ul li:before {
	content: "\e61c";
	margin-right: 2px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	left: -10px;
	top: 1.5em;
	font-size: 4px;
}

.more-search a.other-poi {
	font-size: 0.8em;
	margin-left: 10px;
}

.more-search a.other-poi span {
	margin-left: 0.12em;
	vertical-align: -0.12em;
}

.no-disp-message {
	padding-left: 20px;
	font-weight: bold;
}

/*-----------overlay--------------*/
.overlay {
	width: 800px;
	margin: 20px auto;
	font-size: 13px;
}

.overlay .main-header {
	margin-bottom: 0.6em;
}

.overlay .content-left {
	width: auto;
}

.overlay .address {
	border-right: 0;
}

.overlay .wishlist {
	line-height: 1.2em;
	margin-top: 0.3em;
}


.val_dett h3 {
	font-size: 17px;
	margin:0.6em 0 0.6em 0.8em;
}

.val_dett ul {
	margin: 1.4em 0;
	margin-left: 0;
}

.val_dett ul li {
	list-style: none;
	line-height: 0.6em;
	margin-bottom: 1em;
}

.right{
	float:right;
}

.OrangeLine {
	float: left;
	height: 10px;
	width: 120px;
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 0.5em;
	margin-top: 0.1em;
	position: relative;
}

.color {
	content: " ";
	position: absolute;
	height: 100%;
	width: 118px;
	background: #ff8a00;
	z-index: 2;
	border: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.corrispondenza .color {
	background: #08668f;
}

.grid {
	content:" ";
	position: absolute;
	height: 10px;
	width: 100%;
	background: transparent url(/images/img/progressbar.png) no-repeat center center;
	z-index: 3
}

#ratings-info {
	position: absolute;
	top:15px;
	right: 15px;
	width: 200px;
	font-size: 12px;
	z-index: 99;
}


.BigImg {
	width: 99%;
	margin-right: 1%;
	height: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#description {
	margin-top: 1.4em;
	line-height: 1.4em;
}

h3.title {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 0.6em;
	padding-left: 30px;
	position: relative;
}


#description h3 .icons:before {
	content:"\e600";
	font-size: 34px;
	top:-8px;
	left:0px;
}

.more-info {
	display: block;
	font-weight: bold;
}

.filtro h4 {
	float: none;
	font-size: 14px;
	margin-bottom: 0.8em;
}

.filtro > div {
	position: relative;
}

.filtro > div > div {
	padding: 0.6em;
}

.filtro > div > .close {
	display: none;
	text-align: center;
}

.filtro > div > .close .icons {
	position: absolute;
	top: -0.5em;
	right: -0.3em;
	font-size: 24px;
}

.filtro label {
	font-size: 13px;
	margin-bottom: 0.6em;
	clear: right;
	white-space: nowrap;
	display: block;
}

.filtro label:after {
	content: " ";
	display: block;
	margin-bottom: 0.4em;
}

.filtro .more {
	margin: 0.2em 0 0 0;
}

.info {
	font-size: 0.9em;
	color: #94b7bf;
}

.overlay.hotels .OrangeLine {
	height: 6px;
	width: 80px;
}

.overlay.hotels .grid {
	height: 5px;
	background: transparent url(/images/img/progressbar_small.png) no-repeat center center;
}

.overlay.hotels .color {
	width:78px;
	height: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.filtro-distanza,
.filtro-budget {
	position: relative;
}

.filtro-distanza h4,
.filtro-budget h4 {
	margin-bottom: 45px;
}

.filtro-budget .info {
	font-size: 0.8em;
}

.filtro-nome input[type="text"],
.filtro-poi input[type="text"] {
	width: 162px;
}

.filtro-nome .icons,
.filtro-poi .icons {
	margin: 2px 0;
	font-size: 24px;
	height: 1em;
	width: 1em;
	vertical-align: -6px;
}

.filtro-nome .icons:before,
.filtro-poi .icons:before {
	margin: 0;
	vertical-align: 0;
}

.filtro-nome a.disabled,
.no-touch .filtro-nome a.disabled:hover,
.touch .filtro-nome a.disabled:active,
.filtro-poi a.disabled,
.no-touch .filtro-poi a.disabled:hover,
.touch .filtro-poi a.disabled:active {
	color: #DEB887;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
}

.ui-slider {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-slider {
	border: 1px solid #94b7bf;
	background: #fff;
	height: 6px;
	padding: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-slider .ui-slider-range {
	position: relative;
	background: #08668f;
	height: 2px;
	width: 100%;
}

.ui-slider a {
	top: -32px !important;
	/*height: 30px !important;*/
	outline: none;
	color: #07435a;
	font-weight: 400;
	font-size: 11px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
}

.ui-slider a:before {
	position: absolute;
	top: 14px;
	left: 50%;

	margin-left: -11px;
	margin-top: -7px;
	font-family: 'icomoon';
	font-size: 23px;
	content: "\e622";
}

.ui-slider span {
	display: block;
	position: absolute;
	width: 0px;
	height: 5px;
	border-left: 1px solid #94b7bf;
	top: -7px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.distanza-steps {
	display: table;
	height: 7px;
	width: 100%;
	padding: 0px 0px 1px 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section.search-result {
	margin-top: 1em;
	text-align: left;
}

section.search-result ul ul h2 {
	margin: 1em 0 0.2em 0;
}

section.search-result ul,
section.search-result ol {
	list-style: none;
}

section.search-result .result {
	margin-bottom: 0em;
}

section.search-result li li li {
	list-style-type: square;
	list-style-position: inside;
}

section.search-result a {
	font-weight: bold;
}

section.search-result a.icons {
	font-weight: inherit;
}

li.search-list,
li.search-list-soundex {
	width: 48%;
	float: left;
}

li.search-list-soundex {
	float: right;
}


.navmenuBar {
	margin-top: 2.2em;
}

section.search-result-province h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.2em;
}

section.search-result-province h3,
section.search-result-things-to-see h3 {
	padding-top: 1em;
	display: block !important;
}

section.search-result-province ol,
#search_address_form_from #poi-list ol,
section.search-result-things-to-see ol {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 2.5em;
	line-height: 1.5em;
}

section.search-result-province li {
	float: left;
	width: 33%;
}

section.search-result-things-to-see li {
	float: left;
}

#search_address_form_from {
	text-align: left;
}

#search_address_form_from #poi-list {
	padding: 18px 14px 14px 14px;
	font-size: 0.9em;
}

#search_address_form_from #poi-list h4 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.2em;
	display: block !important;
}

#search_address_form_from #poi-list ul {
	list-style: none;
	margin-top: -1em;
	width: 99%;
	font-size: 0.9em;
}

#search_address_form_from #poi-list ul li.poi-type {
	margin-top: 1em;
	display: block;
}

#search_address_form_from #poi-list li.poi-type li {
	float: left;
	width: 50%;
}

#search_address_form_from #poi-list li span {
	font-size: 0.9em;
	margin-left: 0.5em;
}

section.search-result-province li a,
#search_address_form_from #poi-list li span,
section.search-result-things-to-see li div {
	display: inline-block;
	margin-right: 2.5em;
}

section.search-result-things-to-see ol {
	list-style-type: disc;
}

#listing_obj > ol {
	margin-top: -14px;
	list-style: none;
}

#listing_obj > ol > li {
	margin-top: 14px;
}

#listing_obj {
	position: relative;
}

#listing_obj.disabled div.obfuscator {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	background: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

#listing_obj {
	position: relative;
}

#listing_obj.disabled div.obfuscator {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	background: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

#listing_obj {
	position: relative;
}

#listing_obj.disabled div.obfuscator {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;

	background: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

#listing_obj.disabled .hotel-con-tariffe-private {
	z-index: 0;
}

/*---------------Overlay mappa-----------------*/
#search_address_form_from {
	width: 660px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 90%;
	margin: auto;
	display: none;
}

#trigger_search_panel {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -6px;
}

#trigger_search_panel li {
	float: left;
	margin-left: 6px;
}

#trigger_search_panel li a {
	display: block;
	background: #f6f6f6;
	/*color:#a6c1d9;*/
	padding: 3px 10px;
   -moz-box-shadow: 0 0 6px #999;
   -webkit-box-shadow: 0 0 6px #999;
   box-shadow: 0 0 6px #999;
}

#trigger_search_panel li.active a {
	position: relative;
	z-index: 3;
	color: #01415c;
	background: #eee;
	cursor: default !important;
	-moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

#trigger_search_panel li.active a:after {
	content: " ";
	display: block;
	width: 100%;
	position: absolute;
	height: 1px;
	bottom: -1px;
	left: 0px;
	background: #eee;
	z-index: 4;
}

#search_address_form_from .overlay {
	width: 100%;
	margin: 0;
	padding: 0;
	-moz-box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	box-shadow: 0 0 6px #999;
	z-index: 2;
	position: absolute;
	top: 29px;
	bottom: 0px;
	overflow-y: scroll;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.orange-text {
	color: #ff8a00;
}

#search_address_form_from #poi-form h3 {
	margin-bottom: 0.8em;
}

#search_address_form_from form .esempio {
	display: block;
	margin-bottom: 2.4em;
}

#search_address_form_from h3 {
	font-size: 1.2em;
	margin-bottom: 1em;
}

#search_address_form_from form {
	margin-bottom: 1em;
	padding: 18px 14px 14px 14px;
}

#search_address_form_from form .field {
	float: left;
	margin-right: 5%;
	margin-bottom: 2em;
}

#search_address_form_from form .field.strada,
#search_address_form_from form .field.monumento {
	width: 30%;
}

#search_address_form_from form .field.civico {
	width: 20%;
}

#search_address_form_from form .field.comune {
	width: 85%;
	clear: both;
	margin-bottom: 0;
}

#search_address_form_from form input,
#search_address_form_from form select {
	font-size: 0.9em;
	padding-right: 1.5em;
}

#search_address_form_from form input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#search_address_form_from form .field.strada input,
#search_address_form_from form .field.civico input,
#search_address_form_from form .field.monumento input {
	width: 100%;
}

#search_address_form_from form label,
#search_address_form_from form span {
	font-size: 0.9em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.6em;
}

#search_address_form_from form label {
	display: block;
}

#search_address_form_from form input {
	padding: 0.4em;
}

#search_address_form_from form  div.select-arrow {
}

#search_address_form_from form button {
	padding: 10px 12px;
	margin-top: 0.6em;
	border: none;
	background: #08668f;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
}

.no-touch #search_address_form_from form button:hover,
.touch #search_address_form_from form button:active {
	background: #2890b9;
	cursor: pointer;
}

.address-result h4 {
	padding: 0 18px;
	margin-bottom: 1em;
	line-height: 1.5em;
}

.address-result .table-row {
	border-top: 1px solid #d9d9d9;
}

.no-touch .address-result .table-row:hover,
.touch .address-result .table-row:active {
	background: white;
}

.address-result .table-row.no-border {
	border: none;
}

.address-result .table-cell {
	padding: 1em 0.4em;
}

.table-cell.number {
	width: 40px;
	padding-left: 12px;
}

.number span {
	font-weight: bold;
	font-size: 20px;
	width: 37px;
	height: 37px;
	line-height: 35px;
	text-align: center;
	display: block;
	background: white;
	border: 1px solid #ccc;
	border-radius: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.no-touch .address-result .table-row:hover .number span,
.touch .address-result .table-row:active .number span {
	background: #fff;
}

.indirizzo {
	line-height: 1.6em;
	width: 330px;
}

.indirizzo a {
	font-size: 1.1em;
}

.corrispondenza {
	font-size: 0.9em;
	width: 210px;
}

.corrispondenza span {
	float: left;
}

.corrispondenza .OrangeLine {
	margin-left: 0.5em;
	width: 86px;
}

.table-cell.freccia {
	text-align: right;
	padding-right: 14px;
}

.table-cell.freccia a {
	display: block;
	width: 24px;
	height: 25px;
	background: #08668f;
	color: white;
	border-radius: 50px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}

.no-touch .address-result .table-row:hover .table-cell.freccia a,
.touch .address-result .table-row:active .table-cell.freccia a {
	background: #078abe;
}

.no-touch .address-result .table-row:hover .table-cell.freccia a:hover,
.touch .address-result .table-row:active .table-cell.freccia a:active {
	background: #5faecd;
	color: white;
}

.section-highlight {
	line-height: 1.7em;
	padding: 0.25em 10px;
	margin-top: 14px;
	font-weight: bold;
}

.ulteriori-proposte {
	background-color: #bbcccc;
	font-size: 1.4em;
	margin-top: 28px;
	margin-bottom: 14px;
}

#filtri-attivi {
	font-weight: normal;
	margin-top: 14px;
	line-height: 1.5em;
}

#filtri-attivi strong {
	border-bottom: 1px dashed #08668f;
}

#tariffe-private {
	background-color: #e8ffaa;
	font-size: 1.2em;
}

#nohotel_prima_lista,
#nohotel_lista {
	text-align: center;
	font-size: 1.5em;
	margin-top: 0;
	background: #ffe8aa;
}

/*
#nohotel_prima_lista a,
#nohotel_lista a {
	text-transform: uppercase;
}
*/


/**
* Barra superiore azioni listing
*/
.menuGray.topbar {
	margin-top: 1.4em;
	margin-bottom: 2.2em;
}

.menuGray.topbar #sortList {
	list-style: none;
}

/*.menuGray.topbar a,*/
.menuGray.topbar > .table > .table-row > .table-cell.date,
.menuGray.topbar > .table > .table-row > .table-cell.filter,
.menuGray.topbar > .table > .table-row > .table-cell.initalia-club,
.menuGray.topbar > .table > .table-row > .table-cell.sort a,
.menuGray.topbar .sortList > ul > li > a,
.menuGray.topbar .sortList .placeholder,
.menuGray.topbar .sortList > span {
	padding: 0.8em;
}

.menuGray.topbar .sortList > ul > li > a,
.menuGray.topbar .sortList .placeholder,
.menuGray.topbar .sortList > span {
	display: block;
}

.menuGray.topbar .sortList > span,
.menuGray.topbar .sortList > ul > li {
	float: left;
}

.menuGray.topbar .sortList .placeholder {
	width: auto;
	font-size: 1em;
	padding-right: 1.6em;
	float: none;
}

.menuGray.topbar .initalia-club {
	border-left: 1px solid #FFFFFF;
	white-space: nowrap;
}

.menuGray.topbar .icons {
	font-size: 16px;
	margin-right: 4px;
	vertical-align: -2px;
}

.menuGray.topbar .icon-arrow-down2 {
	vertical-align: -3px;
	margin-right: 0;
	margin-left: 2px;
}

.menuGray.topbar .sortList {
	width: 100%;
	padding: 0;
}

.menuGray.topbar .sortList .select-arrow:after {
	content: "\e622";
	font-style: normal;
	font-size: 16px;
	color: #2890b9;
}

.menuGray.topbar .sortList .select-arrow.ui-combobox-open:after {
	content: "\e627";
}

.menuGray.topbar .sortList .box-container {
	background: #eee;
}

.menuGray.topbar .sortList .box-container ul {
	border-top: 0;
	background: #eee;
	border: 1px solid #ccc;
	border-top: 1px dotted #ccc;
	margin-top: 0;
}

.menuGray.topbar .sortList .ui-combobox {
	z-index: 1;
	height: auto;
}

.menuGray.topbar .sortList .price-order .ui-combobox ul {
	font-size: 0.9em;
	white-space: nowrap;
}

.menuGray.topbar .sortList .ui-combobox li {
	padding: 0em;
	float: none;
}

.menuGray.topbar .sortList .ui-combobox li a {
	padding: 0.3em 0.4em;
}

.menuGray.topbar .sortList a.selected,
.no-touch .menuGray.topbar .sortList a.selected:hover,
.touch .menuGray.topbar .sortList a.selected:active,
.menuGray.topbar .sortList li.selected .select-arrow:after {
	cursor: default;
	color: #ff8b00;
}

.no-touch .menuGray.topbar .sortList li.selected a.placeholder:hover,
.touch .menuGray.topbar .sortList li.selected a.placeholder:active {
	cursor: pointer;
	color: #ffae4e;
}

.no-touch .menuGray.topbar .sortList li li.selected a:hover,
.touch .menuGray.topbar .sortList li li.selected a:active {
	background-color: inherit;
}

.menuGray.topbar .table-cell.sort,
.menuGray.topbar .table-cell.date,
.menuGray.topbar .table-cell.filter {
	display: none;
}


/* Necessario per le animazioni */
#filter-form-widget {
	left: -230px;
}

/*******************
*    Responsive    *
*******************/
@media only screen and (max-width: 949px) {
	/* Elementi da nascondere */
	#city-summary .result .desktop-summary {
		display: none;
	}

	#city-summary .result .mobile-summary {
		display: initial;
	}

	#city-summary .result .mobile-summary > div {
		display: inline;
	}

	.menuGray.topbar .sortList {
		display: none;
	}

	.menuGray.topbar .initalia-club {
		border-right: 1px solid #FFFFFF;
	}

	.menuGray.topbar > .table > .table-row > .table-cell {
		text-align: center;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
	}

	.menuGray.topbar .table-cell.sort,
	.menuGray.topbar .table-cell.date,
	.menuGray.topbar .table-cell.filter {
		display: table-cell;
		width: 33%;
		white-space: nowrap;
	}

	.menuGray.topbar > .table > .table-row > .table-cell.sort a,
	.menuGray.topbar > .table > .table-row > .table-cell.date,
	.menuGray.topbar > .table > .table-row > .table-cell.filter {
		padding: 0.6em 0.2em;
	}

	.menuGray.topbar .table-cell.sort > div {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}

	.menuGray.topbar > .table > .table-row > .table-cell.sort a {
		display: block;
	}

	.menuGray.topbar > .table > .table-row > .table-cell.sort select {
		cursor: pointer;
		margin: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;

		pointer-events: all;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/* IE 8 */
		filter: alpha(opacity=0);/* IE 5-7 */
		-moz-opacity: 0.0;/* Netscape */
		-khtml-opacity: 0.0;/* Safari 1.x */
		opacity: 0.0;/* Good browsers */
	}

	.filtro > div > .close {
		display: block;
	}

	#content {
		left: 0;
	}

	/* Modifiche listing */
	.voto {
		width: 18%;
	}

	.prenota-box {
		width: 17.5%;
	}

	.scheda-hotel {
		width: 82%;
	}

	.filtro label {
		margin-bottom: 1em;
	}


	/* Animazione filtri */
	#filter-form-widget {
		display: block;
		width: 230px;
		position: absolute;
		top: 78px;
		margin-top: 0;
		margin-left: 0;
		z-index: 1;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#filter-form-widget,
	#content {
		-webkit-transition: -webkit-transform 1s, left 1s;
		transition: transform 1s, left 1s;
	}

	/* filter chiuso */
	#filter-form-widget {
		left: -230px;
	}

	.csstransforms #filter-form-widget {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate(-230px, 0);
	    transform: translate(-230px, 0);
	}

	.csstransforms3d #filter-form-widget {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate3d(-230px, 0, 0);
	    transform: translate3d(-230px, 0, 0);
	}

	/* filter aperto */
	.filter-widget-open #filter-form-widget {
		left: 0px;
	}

	.csstransforms .filter-widget-open #filter-form-widget {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate(0px, 0);
	    transform: translate(0px, 0);
	}

	.csstransforms3d .filter-widget-open #filter-form-widget {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate3d(0px, 0, 0);
	    transform: translate3d(0px, 0, 0);
	}

	/* content in posizione normale */
	#content {
		left: 0px;
	}

	.csstransforms #content {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate(0px, 0);
	    transform: translate(0px, 0);
	}

	.csstransforms3d #content {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate3d(0px, 0, 0);
	    transform: translate3d(0px, 0, 0);
	}

	/* content traslato per fare spazio al filter */
	.filter-widget-open #content {
		left: 230px;
	}

	.csstransforms .filter-widget-open #content {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate(230px, 0);
	    transform: translate(230px, 0);
	}

	.csstransforms3d .filter-widget-open #content {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate3d(230px, 0, 0);
	    transform: translate3d(230px, 0, 0);
	}

	/* nel caso il filter è aperto faccio overflow hiddern del contenuto */
	.body {
		overflow: hidden;
	}

	/**
	* Pagina regione + pagina ricerca
	*/
	section.search-result a {
		padding-top: 1em;
		display: inline-block;
	}

	section.search-result span {
		margin-right: 0.5em;
	}

	section.search-result-province ol,
	#search_address_form_from #poi-list ol,
	section.search-result-things-to-see ol {
		padding-bottom: 1em;
	}

	section.search-result-province li,
	#search_address_form_from #poi-list li,
	section.search-result-things-to-see li {
		padding-top: 1em;
	}

	section.search-result ul ul h2 {
		margin-top: 2em;
	}

	.col-sx, .col-dx {
		width: 145px;
	}
}

@media only screen and (max-width: 599px) {
	.column-evidenza {
		display: none;
	}

	#booking,
	.booking {
		margin-left: 75%;
	}

	.style-yellow-gray {
		width: 71%;
	}

	.scheda-hotel .image-box {
		max-width: 40%;
	}
	
	.link_categorie_localita {
		padding: 10px;
		line-height: 2.1em;
	}
	
	.link_categorie_localita a {
		margin-right: 5px;
		margin-left: 5px;			
	}
	.link_categorie_localita a:first-child {
		margin-left: 0px;
	}
	
	
	/*
	.scheda-hotel .vedimappa {
		border-left: 0px;
		margin-left: 0px;
	}
	.scheda-hotel .vedimappa:before {
		margin-left: 0px;	
	}
	*/
}

@media only screen and (max-width: 549px) {
	#filter-form-widget {
		top: 60px;
	}
}

@media only screen and (max-width: 479px) {
	#filter-form-widget {
		top: 50px;
	}

	/* content traslato per fare spazio al filter */
	.filter-widget-open #content {
		left: 240px;
	}

	.csstransforms .filter-widget-open #content {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate(240px, 0);
	    transform: translate(240px, 0);
	}

	.csstransforms3d .filter-widget-open #content {
		left: 0; /* disabilito il comportamento di default */
	    -webkit-transform: translate3d(240px, 0, 0);
	    transform: translate3d(240px, 0, 0);
	}

	/* header listing */
	#city-summary .result .dates {
	  margin-left: 0;
	  padding-left: 0;
	  border-left: 0;
	  text-indent: 0;
	  margin-top: 8px;
	  font-weight: bold;
	}

	#city-summary .result .mobile-summary > div {
		display: block;
	}

	.menuGray.topbar {
		margin-top: 10px;
		margin-bottom: 10px;
		width: auto;
	}

	.menuGray.topbar .table-cell.sort .icon-arrow-down2 {
		display: none;
	}

	#filtri-attivi {
		padding: 10px 10px 5px 10px;
	}

	/* listino */
	#listing_obj > ol {
		margin-top: -10px;
	}

	#listing_obj > ol > li {
		margin-top: 10px;
	}

	.booking {
		display: none;
	}
	.style-yellow-gray {
		width: 98%;
		margin-left: 2%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.no-disp-message {
		padding: 3px 2% 0 2%;
	}

	.style-orange-gray {
		padding: 5px;
	}

	.hotel-summary .address,
	.hotel-summary .vedimappa,
	.hotel-summary .info-distanza,
	.voto,
	.thumbs-hotel {
		display: none;
	}

	#content .hotel-summary h4 {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 4px;
	}
	.hotel-summary .stars {
		margin-left: 0;
	}
	.hotel-summary h4 {
		margin-bottom: 5px;
	}

	.entry-header {
		margin-bottom: 0px;
	}

	.scheda-hotel,
	.voto-mobile,
	.distanza {
		margin-bottom: 7px;
	}

	.scheda-hotel .image-box {
		width: 35%;
		min-width: 120px;
		height: 120px;
	}

	.hotel-con-tariffe-private {
		padding: 0px 25px 0 5px;
	}

	.prenota-box {
		padding-bottom: 5px;
		padding-right: 15px;
		padding-top: 10px;
		width: auto;
		bottom: 0;
		right: 0;
	}
	.prenota-box > a.tariffe {
		padding: 5px;
	}

	.content-hotel {
		display: none;
	}

	.column-vip {
		width: 10%;
	}

	.column-costo {
		width: 30%;
		padding-right: 15px;
	}

	.column-costo > .icons {
		position: absolute;
		top: 50%;
		right: -3px;
		font-size: 1.6em;
		line-height: 1.6em;
		margin-top: -0.8em;
		color: #ff8b00;
	}

	/* ridefinizione colonna voto in stringa testuale */
	.scheda-hotel,
	.voto-mobile,
	.distanza {
		display: block;
		width: auto;
		padding-right: 10px;
	}

	.voto-mobile,
	.distanza {
		display: block;
		float: none;
		clear: right;
		font-size: 1.25em;
		padding-bottom: 0;
	}

	.voto-mobile > * {
		display: inline;
	}
	.voto-mobile > .icons {
		font-size: 0.85em;
	}
	.voto-mobile > .valutazione {
		text-transform: none;
		font-weight: normal;
		font-size: 1em;
	}
	.voto-mobile:not(.zero-recensioni) > .valutazione:after {
		content: ": ";
	}
	.voto-mobile .val-media {
		font-size: 1em;
	}
	.Small {
		font-weight: normal;
		font-size: 0.7em;
	}

	/* inserimento distanza da ricerca */
	.distanza .icons {
		font-size: 1.35em;
		line-height: 0em;
		vertical-align: -0.1em;
		margin-left: -0.15em;
	}

	/* bottone tariffe modalità senza prezzi diventa freccia a dx */
	.button-next {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		height: auto;
		width: 15px;
		overflow: hidden;
	}
	.button-next {
		height: 100%;
		padding: 0;
		background: none;
		color: #078abe;
	}
	.button-next > .icons {
		position: absolute;
		top: 50%;
		right: -5px;
		margin-top: -15px;
		font-size: 30px;
		line-height: 30px;
	}

	.ulteriori-proposte {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.navmenuBar {
		margin-top: 20px;
	}

	.hotel-summary .coupon-share-wishlist {
		display: inline;
	}

	/* pagina regione o disambiguazione */
	section.search-result-province li {
		width: 50%;
	}

	li.search-list,
	li.search-list-soundex {
		width: 100%;
		display: block;
		float: none;
	}
	li.search-list-soundex {
		margin-top: 3em;
	}
}
