@import url('popup.css');

@font-face {
	font-family: 'kalingaregular';
	src: url('kalinga-webfont.eot');
	src: url('kalinga-webfont.eot?#iefix') format('embedded-opentype'),
		 url('kalinga-webfont.woff2') format('woff2'),
		 url('kalinga-webfont.woff') format('woff'),
		 url('kalinga-webfont.ttf') format('truetype'),
		 url('kalinga-webfont.svg#kalingaregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'weather';
	src: url('artill_clean_icons.eot');
	src: url('artill_clean_icons.eot?#iefix') format('embedded-opentype'),
			 url('artill_clean_icons.woff') format('woff'),
			 url('artill_clean_icons.ttf') format('truetype'),
			 url('artill_clean_icons.svg#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Small screens (default) */
html {
	font-size: 100%;
	height: 100%;
	width: 100%;
}

/* Medium screens (640px) 
@media (min-width: 40rem) {*/
@media (min-width: 480px) {
	html { font-size: 112%; }
}

/* Large screens (1024px) 
@media (min-width: 64rem) {*/
@media (min-width: 1024px) {
	html { font-size: 120%; }
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	font-family: 'kalingaregular';
}

#sb-site{
	min-width: 300px;
}


h2 {
	font-family:"kalingaregular";
	font-weight: normal;
	font-size: 40px;
	color: #4789D7;
	margin: 0;
	padding: 0;
}

h1, h3 {
	font-family: 'kalingaregular';
	font-weight: normal;
	font-size: 30px;
	color: #4789D7;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

h4 {
	font-family: 'kalingaregular';
	font-weight: normal;
	font-size: 24px;
	color: #4789D7;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

h5 {
	font-family: 'kalingaregular';
	font-weight: normal;
	font-size: 16px;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position: relative;
}

hr{
	margin: 5px 0;
}

.center { margin: 0 auto; }
.centra{width: 100%;text-align: center;}
.clear { clear: both; }
.img100{width: 100%}
.img100wmax{max-width: 100%;}
.img100hmax{max-height: 100%;}
.banner,#zona3news img.banner{width: 100%;margin-bottom: 10px}

.bussola{
	padding-left: 50px;
	background: url('../img/icon-bussola.png') 5px center no-repeat;
	display: block;
}

/*= HEADER & NAV
--------------------------------------------------------*/

#header { 
	width: 100%; 
	background-color: #FFF;
	height: 80px;
	position: relative;
	z-index: 99999;
	padding-left: 50px;
}

/*Visibile width>1024*/
#head1{
	padding: 0 10px;
}

/*Logo SubitoVacanza*/
#logo{
	float: left;
	width: 230px;
	margin-top:5px;
	position: relative;
}
#logo a {
	text-decoration: none;
}
#logo a img{
	height: 60px;
}
/*Icona menu 480< visibile <1024*/
#icoMenuSolo{
	position: absolute;
	left: 10px;
	cursor: pointer;
	display: none;
}

/*--------------Menu----------------*/
#nav {
	float: right;
	margin-top: 20px;
}
#nav ul{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	
}
#nav ul li{
	margin-top: 9px;
	float: left;
	border-right: 1px solid #155092;
	
}

#nav ul li:nth-child(5),
#nav ul li:nth-child(6),
#nav ul li:nth-child(7){
	border-right: 0;
}
#nav ul li:nth-child(6){
	margin-left: 45px;
	margin-right: 35px;
}
#nav ul li:last-child{
	background-color: #ff9c00;
}
#nav ul li img,ul#barraLaterale li img{
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
}
#nav ul li#liAccedi img,ul#barraLaterale li#liAccedi img{
	border: 2px solid #155092;
}
#nav ul li#liAccedi img.logaut,ul#barraLaterale li#liAccedi img.logaut{
	float: right;
	margin-left: 10px;
	border: 0;
}

#nav li a {
	/*opacity:0.6;*/
	color: #155092;
	font-size: 14px;
	/*font-weight: bold;*/
	text-decoration: none;
	font-family: 'kalingaregular';
	padding: 0 5px;
	text-align: center;
}
#nav ul li:nth-child(7) a{
	color: #fff;
}
#nav li a:hover {
	color: #ff9c00;
	opacity:1;
}
/*---------------------------------------------*/

/*Barra menu <480*/
#head2{
	display: none;
	width: 100%;
	background-color: #FFF;
	border-bottom: 1px solid #263e69;
}
#barra{
	width: 100%;
	height: 45px;
	padding: 2px 0;
	border-bottom: 1px solid #263e69;
	text-align: center;
}
#barra #icoMenu{
	border-right: 1px solid #263e69;
	width: 40px;
	height: 100%;
	text-align: center;
	float: left;
}
#barra #icoMenu img,
#barra #cerca2 img{
	width: 90%;
	margin-top: 3px;
}
#barra #icoMenu img:hover,
#barra #cerca2 img:hover{
	cursor: pointer;
}

#barra #cerca2{
	border-left: 1px solid #263e69;
	width: 40px;
	height: 100%;
	text-align: center;
	float: right;
}

#barra #logo2{
	padding: 0 5px;
	text-align: center;
	margin-left: 40px;
	margin-right: 40px;
}

/*Div ricerca a scomparsa*/
#fmap_search-superiore{
	display: none;
	width: 100%;
	background:url('../img/bg-sfondo-superiore.jpg') bottom center no-repeat;
	padding: 5px 0;
	z-index: 999999999999999999999999999999999999999;
}

/*-----Menu laterale-----*/
ul#barraLaterale{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#barraLaterale li{
	border-style: solid;
	border-width: 1px 0 1px;
	/*border-color: #444 #333 #222*/
	border-color: #0f78aa #0e6c9a #0c587c;
}
ul#barraLaterale li a{
	color: #FFF;
	text-decoration: none;
	padding: 10px;
	display: block;
	font-family: 'kalingaregular';
}
ul#barraLaterale li img{
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 5px;
}
ul#barraLaterale li:nth-child(5){
	margin-top: 0px;
}
ul#barraLaterale li:last-child{
	background-color: #ff9c00;
	margin-top: 0px;
}

#logo-lt{
	text-align: center;
	height: 50px;
	padding: 5px;
}
#logo-lt img{
	max-height: 100%;
}

/*------------------------------------------------------------
------------------------------------------------------------*/

.container {
	margin: 0 auto;
	width: 90%;
}
.row{border: 0px solid blue}

#sfondoBlu{
	width: 100%;
	min-height: 90px;
	padding: 10px;
	#background:url('../img/bg-sfondoBlu.jpg') ;
	
	/*
	background-image:	linear-gradient(right top, #88B6DA 10%, #467AB6 70%);
	background-image: -moz-linear-gradient(right top, #88B6DA 10%, #467AB6 70%);
	background-image: -webkit-linear-gradient(right top, #88B6DA 10%, #467AB6 70%);
	*/
	background: rgb(70,122,182); /* Old browsers */
	background: -moz-linear-gradient(left,	rgba(70,122,182,1) 30%, rgba(136,182,218,1) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(70,122,182,1)), color-stop(90%,rgba(136,182,218,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,	rgba(70,122,182,1) 30%,rgba(136,182,218,1) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,	rgba(70,122,182,1) 30%,rgba(136,182,218,1) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,	rgba(70,122,182,1) 30%,rgba(136,182,218,1) 90%); /* IE10+ */
	background: linear-gradient(to right,	rgba(70,122,182,1) 30%,rgba(136,182,218,1) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#467ab6', endColorstr='#88b6da',GradientType=1 ); /* IE6-9 */

	
	position: relative;
	/*z-index: 4;*/
}
#sfondoBlu.sfondoDa{
	background: rgb(255,156,0); /* Old browsers */
	background: -moz-linear-gradient(left,	rgba(255,156,0,1) 30%, rgba(255,209,140,1) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(255,156,0,1)), color-stop(90%,rgba(255,209,140,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,	rgba(255,156,0,1) 30%,rgba(255,209,140,1) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,	rgba(255,156,0,1) 30%,rgba(255,209,140,1) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,	rgba(255,156,0,1) 30%,rgba(255,209,140,1) 90%); /* IE10+ */
	background: linear-gradient(to right,	rgba(255,156,0,1) 30%,rgba(255,209,140,1) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ffd18c',GradientType=1 ); /* IE6-9 */
}
#sfondoBlu.sfondoD{
background: rgb(255,192,104); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,192,104,1) 30%, rgba(255,209,140,1) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(255,192,104,1)), color-stop(90%,rgba(255,209,140,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,192,104,1) 30%,rgba(255,209,140,1) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,192,104,1) 30%,rgba(255,209,140,1) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,192,104,1) 30%,rgba(255,209,140,1) 90%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,192,104,1) 30%,rgba(255,209,140,1) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc068', endColorstr='#ffd18c',GradientType=1 ); /* IE6-9 */

}
#sfondoBlu.sfondoM{
background: rgb(226,77,82); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(226,77,82,1) 30%, rgba(224,123,125,1) 91%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(226,77,82,1)), color-stop(91%,rgba(224,123,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(226,77,82,1) 30%,rgba(224,123,125,1) 91%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(226,77,82,1) 30%,rgba(224,123,125,1) 91%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(226,77,82,1) 30%,rgba(224,123,125,1) 91%); /* IE10+ */
background: linear-gradient(to right,  rgba(226,77,82,1) 30%,rgba(224,123,125,1) 91%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24d52', endColorstr='#e07b7d',GradientType=1 ); /* IE6-9 */

}
#sfondoBlu.sfondoE{
background: rgb(122,88,140); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(122,88,140,1) 31%, rgba(174,160,186,1) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(31%,rgba(122,88,140,1)), color-stop(90%,rgba(174,160,186,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(122,88,140,1) 31%,rgba(174,160,186,1) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(122,88,140,1) 31%,rgba(174,160,186,1) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(122,88,140,1) 31%,rgba(174,160,186,1) 90%); /* IE10+ */
background: linear-gradient(to right,  rgba(122,88,140,1) 31%,rgba(174,160,186,1) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a588c', endColorstr='#aea0ba',GradientType=1 ); /* IE6-9 */

}
#sfondoBlu.sfondoC{
background: rgb(57,147,98); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(57,147,98,1) 30%, rgba(165,239,187,1) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(57,147,98,1)), color-stop(90%,rgba(165,239,187,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(57,147,98,1) 30%,rgba(165,239,187,1) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(57,147,98,1) 30%,rgba(165,239,187,1) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(57,147,98,1) 30%,rgba(165,239,187,1) 90%); /* IE10+ */
background: linear-gradient(to right,  rgba(57,147,98,1) 30%,rgba(165,239,187,1) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399362', endColorstr='#a5efbb',GradientType=1 ); /* IE6-9 */
}
#sfondoBlu.fixed_barra{
	position: fixed;
	top:0;
}

/*Div contenitore categorie e ricrca*/
.divCatRic{
	position: relative;
	width: 60%;
	padding-right: 10px;
	float: left;
	z-index: 3;
}

/*Contenitore 4 categorie*/
.divSupCategorie{
	width: 295px;
	margin: 0 auto;
}
#fixed-width {
	float: left;
	z-index: 999999999999;
}

/*Div singola categoria*/
.categoriaIco{
	min-width: 63px;
	max-width: 63px;
	text-align: center;
	margin: 0 5px;
	float: left;
	border: 0px solid red;
	z-index: 999999999999999999999999999999999;
	cursor: pointer;
}
div.categoriaIco p{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat';
	font-size: 12px;
	color: #FFF;
	z-index: 999999999999999999999999999999999;
}
/*
div.categoriaIco:hover p,div.categoriaIco.attiva p{color: #ff9c00}
div.categoriaIco:nth-child(2):hover p,div.categoriaIco:nth-child(2).attiva p{color: #E31E25}
div.categoriaIco:nth-child(3):hover p,div.categoriaIco:nth-child(3).attiva p{color: #824E98}
div.categoriaIco:nth-child(4):hover p,div.categoriaIco:nth-child(4).attiva p{color: #009746}
*/
div.categoriaIco img{
	width: 50px;
	background-image: url('../img/cat-cerchio-blu.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
div.categoriaIco:hover img,div.categoriaIco.attiva img{
	background: url('../img/cat-cerchio-arancio.png') center top no-repeat;
	background-size: contain;
}
div.categoriaIco:hover:nth-child(2) img,div.categoriaIco:nth-child(2).attiva img{background-image: url('../img/cat-cerchio-rosso.png')}
div.categoriaIco:hover:nth-child(3) img,div.categoriaIco:nth-child(3).attiva img{background-image: url('../img/cat-cerchio-viola.png')}
div.categoriaIco:hover:nth-child(4) img,div.categoriaIco:nth-child(4).attiva img{background-image: url('../img/cat-cerchio-verde.png')}

span.twitter-typeahead{
	width: 100%;
}
.tt-dataset-0{
	width: 325px;
}
.tt-suggestions{
	background-color: #fff;
	padding: 5px;
	border: 1px solid #263e69;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tt-suggestion{
	padding: 5px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.tt-suggestion:last-child{
	border:0;
}
.tt-suggestion:hover{
	background-color: #ff9c00
}
#fmap_search,input.typeahead.tt-hint{
	width: 100%;
	height: 50px;
	padding: 10px 50px 10px 40px;
	outline: none;
	float: left;
	
	border: 1px solid #263e69;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background-image: url('../img/icon-simili-e.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	
	color: #000;
	font-size: 16px;
	/*line-height: 1;*/
}
#fmap_search, #b,
#fmap_search-sup,#b-sup { 
	margin: 0 
}
.divRicercaRelativo{
	position: relative;
	width: 325px;
	/*width: 295px;*/
	margin: 10px auto;
}

#fluid {
	margin-left: 295px;
	z-index: 1;
}
#inner-block {
	z-index: 1;
}

/*Pulsante CERCA */
#b{
	text-align: center;
	line-height: 48px;
	width: 80px; 
	height: 48px; 
	display: block;
	position:absolute;
	top:1px;
	right:1px;
	background-color: #ff9c00;
	border: 1px solid #ff9c00;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
}
#b:hover{
	background-color: #263e69;
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/*Pulsante VAI*/
#b2 {
	display: none;
	text-align: center;
	line-height: 30px;
	width: 30px; 
	height: 30px;
	position:absolute;
	top:10px;
	right:10px;
	background-color: #ff9c00;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #FFF;
	font-size: 12px;
}
#b2:hover{
	background-color: #263e69;
	cursor: pointer;
}

/*--------------------------------------------------------------------
Metep
--------------------------------------------------------------------*/
#ilmeteo{
	float: right;
	width: 40%;
	text-align: center;
}

#weather {
	/*width: 100%;*/
	width: 340px;
	margin: auto;
	height: 80px;
	margin: 0px auto;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	background-color: rgba(20, 36, 54, 0.68);/* #184C88;*/
	padding: 5px;
}
.today_w{
	position: relative;
	width: 110px;
	height: 55px;
	/*border-left: 1px solid #FFF;*/
	float: left;
}
.today_w:nth-child(3){
	/*border-right: 1px solid #FFF;*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.day_w{
	position: absolute;
	top: 0;
	left: 5px;
	font-family: 'kalingaregular';
	font-size: 12px;
	color: #FFF;
}
.loc_w{
	font-family: 'kalingaregular';
	font-size: 12px;
	color: #FFF;
	/*text-align: left;*/
	font-weight: bold;
}
#weather  i{
	position: absolute;
	right: 5px;
	top: -15px;
}
.min_w{
	position: absolute;
	top: 18px;
	left: 5px;
	font-family: 'kalingaregular';
	font-size: 14px;
	color: #07aff8;
}
.max_w{
	position: absolute;
	top: 37px;
	left: 5px;
	font-family: 'kalingaregular';
	font-size: 14px;
	color: #ef7e7e;
}

i {
	color: #fff;
	font-family: weather;
	font-size: 60px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.0;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 100px;
	font-weight: 300;
	text-align: center;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather .currently {
	margin: 0 20px;
}


/*-------------------------------------------------------------------
-------------------------------------------------------------------*/


#wrapper{
	position: relative;
	padding: 0 10px;
	max-width: 1024px;
	/*margin-top: 10px;*/
	margin-left: auto;
	margin-right: auto;
}
#wrapper.soloMapSearch{
	/*max-width: 1600px;*/
	margin-top: 10px;
	height: 100%;
}
.wrapperTop{
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
#wrap_centrale{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	/*background-color: #f7f7f7;*/
	padding: 10px;
}
.wc_profilo{background-color: #f7f7f7;}

#wrap-risultati{
	width: 60%;
	min-height: 100%;
	float: left;
	/*overflow-y: scroll;
	margin-right: 10px;*/
	position: relative;
}

#sopraRisultati{
	width: 94%;
	position: relative;
	padding-bottom: 5px;
	margin: 0 10px 0 0;
	height: 30px;
}
/*Località ricercata*/
p#luogoRicerca{
	width: auto;
	color: #1c518b;
	margin-right: 170px;
}

.ordinaRis{
	/*position: absolute;
	right: 0;
	bottom: 5px;*/
}
.ordinaRis p{
	float: left;
	font-family: 'kalingaregular';
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px 0;
	color: #154F8F;
}
.ordinaRis select{
	font-family: 'kalingaregular';
	font-size: 14px;
	outline: 0;
	color: #154F8F;
}

.paginazione{
	width: 200px;
	padding: 0;
	margin: 0;
	float: right;
	margin-bottom: 10px;
}
.paginazione ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
}
.paginazione ul li{
	float: left;
	border: 1px solid #1c518b;
	font-size: 14px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	margin-right: 5px;
	padding: 0;
}
.paginazione ul li:nth-child(4){
	border: 1px solid #FFF;
	line-height: 10px;
}
.paginazione ul li a{
	text-decoration: none;
	color: #1c518b;
}
.paginazione ul li.pag-attiva{
	border-color: #ff9c00;
}
.paginazione ul li.pag-attiva a{
	color: #ff9c00;
}

/*-------Div annunci in risultati-------*/

#elenco-risultati,#elenco-risultati_l{
	width: 100%;
	min-height: 100%;
	position: relative;
}
#loader{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #ccdfe1;
	z-index: 3;
	/*padding-top: 10px;*/
}
#circularG{
	/*display: none;*/
	position: absolute;
	width:50px;
	height:50px;
	margin-top: 100px;
	left: 50%;
	margin-left: -25px;
	
	display: block;
}

.circularG{
position:absolute;
background-color:#0A6BAB;
width:11px;
height:11px;
-moz-border-radius:8px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:8px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:8px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:8px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:8px;
animation-name:bounce_circularG;
animation-duration:1.2s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:20px;
-moz-animation-delay:0.45s;
-webkit-animation-delay:0.45s;
-ms-animation-delay:0.45s;
-o-animation-delay:0.45s;
animation-delay:0.45s;
}

#circularG_2{
left:5px;
top:5px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}

#circularG_3{
top:0;
left:20px;
-moz-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-o-animation-delay:0.75s;
animation-delay:0.75s;
}

#circularG_4{
right:5px;
top:5px;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

#circularG_5{
right:0;
top:20px;
-moz-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-o-animation-delay:1.05s;
animation-delay:1.05s;
}

#circularG_6{
right:5px;
bottom:5px;
-moz-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-o-animation-delay:1.2s;
animation-delay:1.2s;
}

#circularG_7{
left:20px;
bottom:0;
-moz-animation-delay:1.35s;
-webkit-animation-delay:1.35s;
-ms-animation-delay:1.35s;
-o-animation-delay:1.35s;
animation-delay:1.35s;
}

#circularG_8{
left:5px;
bottom:5px;
-moz-animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-ms-animation-delay:1.5s;
-o-animation-delay:1.5s;
animation-delay:1.5s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}

.annuncio{
	position: relative;
	width: 49%;
	margin-right: 1%;
	/*margin-left: 1%;*/
	margin-bottom: 10px;
	border: 1px solid #1ba3e4;
	float: left;
	cursor: pointer;
}
#elenco-risultati.annunci_D .annuncio{border-color: #1ba3e4}
#elenco-risultati.annunci_M .annuncio{border-color: rgb(227,30,37)}
#elenco-risultati.annunci_E .annuncio{border-color: rgb(120,51,150)}
#elenco-risultati.annunci_C .annuncio,
#elenco-risultati_l.annunci_C .annuncio{border-color: rgb(0,151,70)}

.annConsigliato{border-color: #FF9C00}
.divAnnCons{display: none}
.annConsigliato div.divAnnCons{display: block}

.divAnnPref{display: none}
.annPreferito div.divAnnPref{display: block}

.annuncio:hover{
	background-color: #daeffa;
}
.annConsigliato:hover{
	background-color: #ffecce;
}
#elenco-risultati.annunci_D .annuncio:hover{background-color: rgba(27,163,228,0.1)}
#elenco-risultati.annunci_M .annuncio:hover{background-color: rgba(227,30,37,0.1)}
#elenco-risultati.annunci_E .annuncio:hover{background-color: rgba(120,51,150,0.1)}
#elenco-risultati.annunci_C .annuncio:hover,
#elenco-risultati_l.annunci_C .annuncio:hover{background-color: rgba(0,151,70,0.1)}

.divAnnCons,.divAnnPref{
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #FF9C00;
	color: #FFF;
	z-index: 2;
	font-size: 14px;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.divAnnPref{background-color: #1BA3E4}

a.fill-div {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	z-index: 3;
}

.tag-prezzo{
	position: absolute;
	bottom: 30px;
	background-color:rgba(10, 107, 171, 0.5) ;
	padding: 5px 10px;
}

/*Parte superiore annuncio*/
.annuncio-n{
	/*position: absolute;
	height: 50%;
	top: 0;*/
	position: relative;
	width: 100%;
	padding: 0 0 50% 0;
	margin: 0;
	overflow: hidden;
}
.annuncio.ann_prod .annuncio-n{
	padding-bottom: 90%;
}
.annuncio-n img{
	/*min-height: 100%;
	min-width: 100%;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.foto-proprietario{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 25px;
	border: 1px solid #FFF;
	z-index: 99;
}
.annuncio .annuncio-n .tag-prezzo p{
	color: #FFF;
	font-size: 16px;
}
.annuncio .annuncio-n .tag-prezzo p span{
	font-size: 24px;
}
.annuncio .annuncio-n .tag-prezzo.tag-data-vuota{
	width: 133px;
	height: 43px;
}

/*Parte inferiore annuncio*/
.annuncio-s{
	/*position: absolute;
	height: 50%;
	bottom: 0;*/
	width: 100%;
	height: 147px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}
.annuncio.ann_prod .annuncio-s{
	height: 130px;
}
.annuncio h5{
	color: #1ba3e4;
	font-weight: bold;
	margin-right: 75px;
}
.annuncio-s p{
	font-size: 14px;
	color: #929292;
	line-height: 22px;
}
.annuncio-s p span.indi_ms{
	color: #1ba3e4; /*#676767*/
}
.annuncio.ann_prod{
	cursor: default;
	border-color: #009746;
}
.annuncio.ann_prod:hover{
	background-color: #FFF;
}

.valutazione,.valutazione-in{
	width: 83px;
	height: 22px;
	background-image: url('../img/valutazione-stelline-blu.png');
	background-position: left top;
	background-repeat: no-repeat;
}
.valutazione-in{
	background-image: url('../img/valutazione-stelline.png');
}
.banner_laterale{
	display: inline-block;
	position: relative;
	width: 100%;
}
.banner_centrale{
	display: inline-block;
	width:99%;
	margin-right:1%;
	position: relative;
}
.banner_centrale img,.banner_laterale img{
	display: block;
}


/*Mappa in Risultati*/
#wrap-mappa{
	float: right;
	display: inline-block;
	/*height: 100%;*/
	width: 39%;
}
#wrap-mappa .google-maps iframe{
	margin-left: 10px;
}

#map-canvas {
	height: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 110%;
}
.google-maps {
	position: relative;
	/*padding-bottom: 50%;*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*Mappa in Inserzione*/
#wrap-mappa-ins{
	width: 100%;
	border: 1px solid #4789D7;
	/*margin-bottom: 30px;
	margin-top: 30px;*/
}
#wrap-mappa-ins #map-canvas{
	/*padding-bottom: 70%;*/
	padding-bottom: 300px;
}

/*Ratio Mappa Utente Loggato*/
.ratio-ul{
	padding-bottom: 50%;
}
/*----------------------------------------------------------------------
CHECK BOX
----------------------------------------------------------------------*/
#filtri{
	width: 60%;
	position: relative;
	
	margin-bottom: 10px;
	float: left;
}
.filtro{
	float: left;
	width: 195px;
	height: 44px;
	margin-bottom: 5px;
}
.filtro input[type=checkbox] {
	visibility: hidden;
}
.checkbox {
	width: 20px;
	height: 20px;
	background: #0a6bab;
	margin: 0 5px 0 0;
	position: relative;
	float: left;
}
.checkbox label {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	background: #fff;
}
.checkbox input[type=checkbox]:checked + label {
	background: #ff9c00;
}
.filtro p{
	color: #0a6bab;
	font-size: 16px;
	margin-left: 25px;
}
/*----------------------------------------------------------------------
----------------------------------------------------------------------*/


/*---------INSERZIONE----------*/
#zona1,#zona2,#zona1news{
	/**/
	width: 60%;
	float: left;
	/*margin-right: 400px;
	float: none;
	clear: none;
	display: inline-block;*/
}

/*Fotogallery*/
#galleria{
	position: relative;
	padding: 0 10px;
}
.fotorama{
	width: 100%;
}
#prezzo-foto{
	background-color:rgba(10, 107, 171, 0.5) ;
	padding: 0px 10px;
	position: absolute;
	bottom: 100px;
	right: 10px;
	z-index: 99999999999999999999999999999999;
	color: #FFF;
	font-size: 16px;
	font-family: 'kalingaregular';
	height: 50px;
	min-width: 40%;
	line-height: 50px;
}
.cifra-prezzo{
	font-size: 30px;
	margin-right: 100px;
}
#xNotte{
	width: 100px;
	float: right;
	text-align: right;
	padding-left: 5px;
}

/*Descrizione Inserzione*/
#descrizione{
	position: relative;
	width: 100%;
	padding: 10px;
}
#descrizione h5, .wrap-simili h5, #wrap-commenti h5,
#messaggi-inviati h5, #interessi-utente h5, #preferenze-mail h5{
	color: #4789D7;
}
#descrizione p,.testo-commento p{
	color: #263e69;
	font-size: 16px;
}
#descrizione p.giustificato{
	text-align: justify;
}

/*-----------Form di contatto-------------*/
#wrap-form{
	padding: 0 10px;
	width: 40%;
	/*width: 400px;*/
	float: right;
	/*float: none;
	clear: none;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;*/
	
	background-color: #FFF;
	z-index: 99999;
}
#accedi-form,
#attivita{
	position: relative;
	border: 0px solid red;
}
#attivita h1{
	position: relative;
	bottom: 0;
	margin: 0;
	padding: 0;
	/*
	height: 50px;
	line-height: 50px;
	*/
	padding-left: 40px;
	background-image: url('../img/icon-simili-d.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
#attivita h1.h_listing_m{background-image: url('../img/icon-simili-m.png')}
#attivita h1.h_listing_c{background-image: url('../img/icon-simili-c.png')}
#attivita h1.h_listing_e{background-image: url('../img/icon-simili-e.png')}
h3.h_news{background-image: none;padding-left: 10px}

#accedi-form img{
	height: 50px;
}
#accedi-arancione{
	width: 40%;
	position: absolute;
	bottom: 5px;
	left: 0;
	color: #ff9c00;
	background-color: #CAD7E7;
	height: 50px;
	line-height: 50px;
}
#accedi-arancione a{
	width: 100%;
	text-decoration: none;
	color: #155092;
	font-size: 22px;
	display: block;
	padding-left: 10px;
}
#accedi-arancione:hover{
	background-color: #155092;
}
#accedi-arancione:hover a{
	color: #ff9c00; /*#263e69;*/
}
#accedi-sociale{
	/*position: absolute;
	bottom: 5px;
	right: 0;*/
	position: relative;
	background-color: #57B9E5;/*#155092*/
	padding: 10px 100px 10px 10px;
	color: #FFF;
	font-size: 22px;
}
#accedi-sociale a{
	text-decoration: none;
	color: #FFF;
	font-size: 18px;
}
#accedi-sociale a:hover{
	color: #155092;/*#ff9c00*/
	text-decoration: underline;
}
#accedi-sociale .tre-social{
	width: 140px;
	height: 40px;
	position: absolute;
	top: 5px;
	right: 0;
}
#accedi-sociale .tre-social a img{height: 40px}

#form-prenotazione{
	background-color: #F7F7F7;
	font-size: 16px;
	margin-top: 5px;
	padding-top: 5px;
}
.hRichiedi{
	/*height: 55px;
	line-height: 55px;*/
	padding-left: 45px;
	/*padding-top: 5px;*/
	background-image:url('../img/icon-richiedi.png') ;
	background-position: 10px center;
	background-repeat: no-repeat;
	margin: 0;
}
#attivita{
	width: 60%;
	float: left;
}
.logo_azienda{
	float: right;
	width: 40%;
	margin-bottom: 10px;
}
.logo_azienda img{
	max-width: 250px;
	max-height: 150px;
	margin: 5px;
	/*float: left;*/
}
.logo_azienda h4{
	/*height: 50px;
	line-height: 50px;*/
}
.logo_azienda p{
	padding-left: 30px;
	padding-right: 5px;
	font-size: 14px;
	background-image: url('../img/icon-place.png');
	background-position: 5px 0;
	background-repeat: no-repeat;
	min-height: 20px;
}
.logo_azienda p.tel_l{background-image: url('../img/icon-phone.png')}
.logo_azienda p.cel_l{background-image: url('../img/icon-cell.png')}
.logo_azienda p.web_l{background-image: url('../img/icon-www.png')}
.logo_azienda p.mail_l{background-image: url('../img/icon-mail.png')}
.logo_azienda p a,
.logo_azienda p a:visited{
	text-decoration: none;
	color: #4789D7;
}
.logo_azienda p a:hover{
	text-decoration: underline;
}

#submit-prenotazione{
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	/*background-color: #ff9c00;*/
	cursor: pointer;
}
#submit-prenotazione input#submitRichiesta{
	border: 0;
	outline: 0;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	background-color: #ff9c00;
	cursor: pointer;
	width: 100%;
}
#submit-prenotazione:hover,#submit-prenotazione input#submitRichiesta:hover{
	color: #fff;
	background-color: #263e69;
}
#form-prenotazione input{
	font-size: 14px;
}
#form-prenotazione label{
	width: 100%;
}

.input_richiesta input{
	width: 100%;
	height: 40px;
	padding: 0 5px;
	outline: 0;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
}
.input_richiesta input:focus,
#dettagli textarea:focus{
	border-color: #FF9C00;
}

#dettagli{
	width: 100%;
	padding: 5px;
}
#mod-dettagli{
	width: 100%;
}
#dettagli textarea{
	width: 100%;
	height: 100px;
	resize: none;
	padding: 5px;
	outline: 0;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
}
/*
#nome,#cognome,#email,#telefono{
	float: left;
	width: 50%;
	padding: 5px;
}
*/
#form-prenotazione div:nth-child(2).input_richiesta{
	width: 100%;
}
.input_richiesta{
	float: left;
	width: 50%;
	padding: 5px;
}
/*-----------------------------------------------------*/

.share-container{
	margin-top: 10px;
}

/*--------------Commenti-----------*/
#wrap-commenti{
	width: 100%;
	/*margin-bottom: 20px;*/
}
#wrap-commenti h4{
	margin: 0;
}
.commenti{
	border-bottom: 1px solid #8DC1D8;
	padding-bottom: 10px;
}
.top-commento{
	position: relative;
	width: 100%;
	margin-top: 30px;
}
.foto-commento{
	width: 65px;
	height: 65px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border-width: 4px;
	border-style: solid;
	border-color: #FF9C00;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
.foto-commento img{
	width: 57px;
	height: 57px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.comm_profilo .foto-commento{
	width: 65px;
	height: 65px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-width: 1px;
	border-style: solid;
	float: left;
	margin-right: 10px;
}
.comm_profilo_D .foto-commento{border-color: #FF9C00;}
.comm_profilo_M .foto-commento{border-color: #E31E25;}
.comm_profilo_E .foto-commento{border-color: #824E98;}
.comm_profilo_C .foto-commento{border-color: #009746;}

.comm_profilo .foto-commento img{
	width: 63px;
	height: 63px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.utente-commento{
	/*position: absolute;
	left: 110px;
	top: 70px;*/
	color: #263e69;
}
.utente-modifica{
	position: absolute;
	left: 110px;
	top: 30px;
	color: #263e69;
}
.seconda_riga_commento{
	display: table;
}
.data-commento{
	/*position: absolute;
	right: 230px;
	top: 70px;
	right: 10px;
	top: 30px;*/
	color: #8dbbc9;
	font-size: 14px;
	margin-right: 10px;
	float: left;
}
.voto-commento{
	/*position: absolute;
	right: 0;
	bottom: 15px;*/
	position: relative;
	float: left;
}
.comm_profilo .testo-commento p{
	font-size: 14px
}
.comm_profilo a,.comm_profilo a:visited{
	color: #467AB6;
	text-decoration: none;
}
.comm_profilo a:hover{
	text-decoration: underline;
}

.preferenze_utente_pubb{
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
.preferenze_utente_pubb img{
	float: left;
	margin-right: 5px;
}

#invia-commento{
	position: relative;
	/*margin-top: 20px;*/
	background-color: #F7F7F7;
	padding: 10px;
}
#top-invia-commento{
	position: relative;
}
#top-invia-commento img{
	width: 50px;
	cursor: pointer;
}
#top-invia-commento a{
	position: absolute;
	bottom: 10px;
	left: 120px;
	color: #ff9c00;
	text-decoration: none;
}
#top-invia-commento a:hover{
	color: #263e69;
	text-decoration: underline;
}
#form_inviacommento input:disabled{
	background-color: #CCC;
	border-color: #ababab;
	background-image: none;
}
div#campoTextArea{
	position: relative;
	width: 100%;
	/*height: 120px;*/
	margin-bottom: 10px;
}
#campoTextArea label,p.valuzioneInviata{
	top: 0;
	left: 0;
	font-size: 14px;
	width: 28%;
	margin-right: 2%;
	float: left;
	text-align: right;
}
#campoTextArea textarea{
	top: 0;
	right: 0;
	outline: 0;
	/*height: 120px;*/
	border-color: #CCC;
	resize: none;
	padding: 10px;
	width: 70%;
}
#campoVoto{
	width: 100%;
	margin-bottom: 10px;
}
#smallStar{
	float: left;
}
input#submit_commento{
	margin-left: 30%;
	width: auto;
}

.rating{
	width: 500px;
	height: 200px;
}

/*-------------Inserzioni consigliate-----------*/
/*zona3 duplicata*/
#zona3d{
	width: 100%;
	margin-bottom: 10px;
}

#zona3{
	display: none;
	padding: 0 10px;
	position: relative;
}

/*Zona3 mapsearc*/
#zona3ms,#zona3news{
	width: 39%;
	padding: 0 10px;
	position: relative;
	float: right;
}
.wrap-simili{
	width: 100%;
	position: relative;
	background-color: #F7F7F7;
	/*padding: 10px;*/
	/*margin-top: 10px;*/
	/*float: right;*/
	/*float: none;
	clear: none;
	display: inline-block;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 68px;*/
}
.simile{
	width: 50%;
	position: relative;
	padding: 5px 10px;
	float: left;
}
.simile:hover h5{color: #FF9C00}

.wrap-simili .simile>img{
	width: 100%;
	margin-bottom: 5px;
}
.wrap-simili h4,h4.hCommenti{
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
	background-image: url('../img/icon-simili-d.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	color: #57B9E5;/*#263e69*/
}
.wrap-simili h4.hMangiare{background-image: url('../img/icon-simili-m.png')}
.wrap-simili h4.hEventi{background-image: url('../img/icon-simili-e.png')}
.wrap-simili h4.hComprare {background-image: url('../img/icon-simili-c.png')}
h4.hCommenti{background-image: url('../img/icon-commenti.png')}

.wrap-simili p{
	font-size: 14px;
	color: #263e69;
}

.cont_img_sim{
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 62%;
}
.img_sim{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.img_sim img{
	width: 100%;
}

/*Elenco utenti*/
.utente{
	width: 20%;
	min-width: 300px;
	height: 120px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #CDE1E9;
	
	float: left;
}
.utente img.tondo{
	width: 100px;
	height: 100px;
	border: 5px solid #FF9C00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}
.utente a{
	color: #155092;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}
.utente:hover{
	background-color: #CDE1E9;
}
.utente a:hover{
	color: #FF9C00;
}

#colonnaSx{
	position: relative;
	float: left;
	width: 50%;
	padding: 5px 20px;
	border-right: 1px solid #cccccc;
}
#colonnaDx{
	position: relative;
	width: 50%;
	float: left;
	padding: 10px;
}

#matita{
	display: none;
	position: absolute;
	left: 70px;
	top: 0;
	z-index: 9999;
	width: 30px;
	height: 30px;
	background: url('../img/icon-modifica.png') top left no-repeat;
}

#rotella{
	position: absolute;
	right: 10px;
}

#upload{
	width:100%;
	margin:0 auto;
}
#drop{
	position: relative;
	width: 100%;
	min-width: 300px;
	float: left;
}
#drop input{display:none;}
#drop img{
	cursor: pointer;
	width: 100px;
	height: 100px;
	border: 5px solid #FF9C00;
	border-radius: 50%;
}
#drop img:hover{opacity: 0.5}
#drop:hover #matita{
	display: inline-block;
}
#upload ul{
	list-style:none;
	margin:0 0px;
	width: 300px;
	float: left;
	padding: 10px 0;
}
#upload ul li{

	background-color:#333639;
	border-top:1px solid #3d4043;
	border-bottom:1px solid #2b2e31;
	padding: 15px;
	height: 72px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
#upload ul li input{
	display: none;
}
#upload ul li p{
	width: 144px;
	overflow: hidden;
	white-space: nowrap;
	color: #EEE;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 17px;
	left: 78px;
}
#upload ul li i{
	font-weight: normal;
	font-style:normal;
	color:#7f7f7f;
	display:block;
}
#upload ul li canvas{
	top: 12px;
	left: 10px;
	position: absolute;
}
#upload ul li span{
	width: 15px;
	height: 12px;
	background: url('../lib/mini-upload-form/assets/img/icons.png') no-repeat;
	position: absolute;
	top: 19px;
	right: 33px;
	cursor:pointer;
}
#upload ul li.working span{
	height: 16px;
	background-position: 0 -12px;
}
#upload ul li.error p{color:red}

.input-mod input{
	width: 100%;
	height: 40px;
	padding-left: 5px;
	outline: 0;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #ccc;
	border-width: 1px;
	font-size: 14px;
}
.input-mod label{
	font-size: 14px;
	font-weight: bold;
}
.input-mod input.error{
	border-color: #fe4429;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.input-mod label.error{
	width: 100%;
	margin:0;
	color: #FFF;
	display: inline-block;
	text-align: center;
	background-color: #fe4429;
	font-family: 'kalingaregular';
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.input-mod textarea{
	width: 100%;
	height: 100px;
	resize: none;
	padding: 5px;
	outline: 0;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #ccc;
	border-width: 1px;
}
.input-mod select{
	font-size: 14px;
}
.input-mod select#regione_input,
.input-mod select#province_input,
.input-mod select#comune_input{
	width: 100%;
	padding: 9px 0;
}
.input-mod input[id='newsletter_input']{
	width: 20px;
	height: 35px;
	float: left;
}
.input-mod label[for='newsletter_input']{
	margin: 8px 0 0 5px;
	float: left;
}
.input-mod.divCap{
	width: 30%;
}

#form-personali{
	width: 100%;
	max-width: 500px;
}
#form-personali div{
	margin-bottom: 10px;
}
#preferenze-mail{
	border: 3px solid #155092;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 20px;
}
#form-personali div.filtro{
	width: 100%;
}
#interessi-utente{
	padding: 5px;
	margin-bottom: 20px;
}
#interessi-utente div.filtro{
	width: 50%;
}
#form_modutente{
	width: 100%;
}
input.btn {
	width:50%;
	margin: 5px 25% 20px;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	border-width: 1px;
	border-style: solid;
	border-color: #2D86AA;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	/*float: right;*/
	float: none;
}
input.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
#sub_mod2{
	display: none;
}

#messaggi-inviati{
	width: 100%;
	padding: 5px;
	background-color: #daeffa;
}
#messaggi-inviati img{
	float: left;
	margin-right: 10px;
}
.messaggio{
	margin: 10px;
	padding: 5px;
	border: 1px solid #FF9C00;
	background-color: #FFF;
}
.messaggio span{
	font-size: 16px;
	color: #155092;
}
.messaggio p{
	font-size: 14px;
}
#salva-modifiche{
	width: 200px;
	margin: 10px auto;
	float: none;
}

.articolo{
	width: 30%;
	float: left;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #CCC;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	
	position: relative;
}
.articolo-in{
	position: relative;
}
.articolo img{
	width: 100%;
}
.titolo-articolo{
	position: relative;
	width: 100%;
	height: 50px;
	background-color:#FFF ;/*rgba(10, 107, 171, 1)*/
	
	font-size: 16px;
	font-family: 'kalingaregular';
	color: #000;
	line-height: 50px;
	text-align: center;
	
	/*padding: 0 10px 0 40px;
	z-index: 99999999999999999999999999999999;*/
}

.articolo:hover .titolo-articolo{
	color: #FF9C00;
}
.tit-fare{background: url('../img/icon-simili-e.png') 5px center no-repeat;}
.tit-mangiare{background: url('../img/icon-simili-m.png') 5px center no-repeat;}
.tit-dormire{background: url('../img/icon-simili-d.png') 5px center no-repeat;}
.tit-comprare{background: url('../img/icon-simili-c.png') 5px center no-repeat;}

.gm-style-iw {
	width: 200px; 
	min-height: 50px;
}

.starOn,.starOnHover{background: #FF9C00}
.starOff,.starOffHover{background: #dfdfdf}

.h4_sm{
	margin-top: 20px;
	color: #333;
}
.hr_sm{
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #d6d6d6;
}
.elem_sm{
	border-color: red;
	width: 50%;
	float: left;
	padding: 5px;
}
.wrapper_reg{
	border-color: #000;
	margin-bottom: 10px;
}
.wrapper_reg:first-child{
	background-color: #dffeff;
}
.str_app1{
	border-color: #00F;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	/*background-color: #eef7ff;
	padding: 5px;*/
}
.str_app2{
	border-color: green;
	float: left;
	width: 50%;
}
.elem_sm,.str_app1,.str_app2,.wrapper_reg{
	border-width: 0px;
	border-style: solid;
}
.elem_sm a,.elem_sm a:visited{
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.elem_sm a:hover{
	color: #08C;
}
.elem_sm.elem_comm{
	/*line-height: 50px;*/
	text-align: center;
}
.elem_sm.elem_comm a{
	color: #08C;
}
.elem_sm.elem_comm a:hover{
	color: #FF9C00;
}

.elem_sm img{
	width: 44px;
	height: 44px;
	margin: 0 auto;
	
	border-radius: 100%;
	-moz-border-radius: 100%;
	/*border: 3px solid #FF9C00;
	display: block;*/
	/*float: left;
	margin-right: 10px;*/
}
.author-thumb{
	width: 50px;
	height: 50px;
	background: white;
	border-radius: 100%;
	-moz-border-radius: 100%;
	border: 3px solid #FF9C00;
	overflow: hidden;
	display: inline-block;
}
/*-------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------*/
#footer{
	width: 100%;
	height: 205px;
	/*height: auto;*/
	background-color: #155092;
	
	font-family: 'kalingaregular';
	color: #FFF;
	font-size: 14px;
}
.col_f{
	position: relative;
	width: 33.3%;
	height: 100%;
	float: left;
	border: 0px solid #FFF;
	padding: 10px;
}
#footer a{
	text-decoration: none;
	color: #FFF;
}
#footer a:hover{
	text-decoration: underline;
}
.fPrimo{margin-bottom: 10px}

.fLocalita,.fTelefono,.fMail{
	padding-left: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	min-height: 25px;
	line-height: 25px;
}
.fLocalita{background-image: url('../img/icon-fPlace.png')}
.fTelefono{background-image: url('../img/icon-fPhone.png')}
.fMail{background-image: url('../img/icon-fMail.png')}

.fPrimo.fTne{
	background-image: url('../img/icon-fTne1.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}
.div_f_fb{
	position: absolute;
	bottom: 5px;
	height: 25px;
}
.div_f_fb p{
	float: left;
	height: 25px;
	line-height: 25px;
}
.div_f_app{
	position: absolute;
	bottom: 5px;
}
.div_f_app a{
	display: block;
	border: 0px solid red;
}
.div_f_fb a{
	padding-right: 25px;
	background-image: url('../img/icon-fFacebook.png');
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	/*margin-bottom: 5px;*/
	min-height: 25px;
	line-height: 25px;
}

.fCopiva{
	margin-bottom: 5px;
}

.fLocalita_c,.fTelefono_c,.fMail_c{
	margin-bottom: 10px;
	min-height: 25px;
	line-height: 25px;
}

#divPageContact{
	width: 100%;
	height: auto;
	padding-top: 10px;
	
	font-family: 'kalingaregular';
	color: #155092;
	font-size: 14px;
}
#divPageContact a{
	text-decoration: none;
	color: #155092;
}
#divPageContact a:hover{
	text-decoration: underline;
}
#divPageContact.fPrimo{margin-bottom: 10px}

#divPageContact .fLocalita,#divPageContact.fTelefono,#divPageContact.fMail{
	padding-left: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	min-height: 25px;
	line-height: 25px;
}
#divPageContact .fLocalita{
	background-image: url('../img/icon-place.png');
	
}
#divPageContact .fTelefono{
	background-image: url('../img/icon-phone.png');
}
#divPageContact .fMail{
	background-image: url('../img/icon-mail.png');
}



@media (max-width: 1023px){
	html {
		height: auto;
	}
	/*Nascondo la barra orizzontale*/
	body{overflow-x: hidden !important}
	
	#header{
		padding-left: 0;
	}
	
	/*Nascondo il menu orizzontale*/
	#nav{display: none}
	
	#icoMenuSolo{display: block}
	
	/*La width del logo passa da larghezza logo a 100% e lo centro*/
	#logo{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*La widthl del div delle categorie e della ricarca passa dal 60% alla larhezza fissa di 295px
	Il div viene centrato a <768*/
	.divCatRic { 
		/*width: 295px;*/
		width: 50%;
		padding-right: 0;
		margin-left : auto;
		margin-right : auto;
		float: left;
	}
	#ilmeteo{
		width: 50%;
	}
	/*La barra di ricerca va sotto le categorie*/
	#fluid {margin-left: 0}
	#fixed-width {float: none;}
	
	/*La width degli input datepicker passa da 40% a 50% e il <select> 'Ospiti' va a capo*/
	#data-in,#data-out{width: 50%}
	
	/*Tolgo il margine destro e imposto le larghezze a 60% e 40%*/
	#zona1{
		/*width: 60%;
		margin-right: 0;
		margin-right: 300px;*/
	}
	#wrap-form{
		/*width: 300px;
		width: 40%;*/
	}
	
	/*Tolgo il margine destro dove andava le colonna destra*/
	#zona2{
		width: 100%;
		margin-right: 0;
	}
	
	/*La mappa passa da 1/1 a 2/1*/
	.google-maps {padding-bottom: 50%;}
	
	/*Metto il wrap nel flusso con larghezza 100%*/
	.wrap-simili{
		/*position: relative;
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;*/
		/*margin-bottom: 20px;
		margin-top: 20px;*/
		/*float: left;*/
	}
	
	#zona3{
		display: inline-block;
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}
	#zona3d{
		display: none;
	}
	.simile{
		/*width: 50%;
		float: left;*/
	}
	#zona3news .wrap-simili{width: 100%}
	
	/*In RISULTATI i risultati vanno al 100% senza lo scroll del div contentore
	 e nsacondo la mappa*/
	#filtri{
		width: 100%;
	}
	#wrap-risultati{
		width: 100%;
	}
	#loader{width: 100%}
	
	#wrap-mappa{width: 100%;margin-bottom: 20px;float: none;}
	#map-canvas {padding-bottom: 300px;float: none}
	#zona1news{
		width: 100%;
		float: none;
	}
	#zona3ms{
		float: none;
		width: 100%;
	}
	
	.filtro{width: 165px}
	
	.banner{width: 50%; float: left}
	#zona3news img.banner{width: 100%}
}

@media (max-width: 768px){
	
	/*Centro le categoria e la ricerca*/
	.divCatRic {float: none;width: 325px}
	
	/*Zona1 passa da larghezza 60% a 100%*/
	#zona1,#zona2{
		width: 100%;
		float: none;
	}
	#zona3news{
		float: none;
		width: 100%;
	}
	#zona3news img.banner{width: 50%;float: left;}
	#zona3news .wrap-simili{width: 46%}
	
	#attivita,.logo_azienda{
		width: 100%;
		float: none;
	}
	
	/*Form 'Informazioni' passa da larghezza 60% a 100%*/
	#wrap-form{
		width: 100%;
		float: none;
		margin-bottom: 10px;
		/*padding: 0;
		position: relative;*/
	}
	
	/*Nascondo il meteo*/
	#ilmeteo{display: none}
	
	#preferenze-mail div.filtro{width: 100%}
	
	/*Larghezza da 30% a 49%*/
	.articolo{width: 49%}
	
	#colonnaSx,#colonnaDx{
		width: 100%;
		float: none;
		border-right: 0;
	}
	
	.logo_azienda img{float: left}
	.affianca_logo{margin-left: 250px}
	
	/*Tolgo i padding distanziatori e riallineo la targhetta del prezzo sulla gallery a destra*/
	#galleria{padding: 0}
	#prezzo-foto{right: 0}
	
	#sub_mod1{display: none;}
	#sub_mod2{display: inline-block}
	
	.str_app2{width: 100%}
	
}
@media (max-width: 640px){
	#footer{height: 280px}
}
@media (min-width: 481px){
	
	/*Setto le colonne*/
	.column {
		float: left;
		padding-left: 1rem;
		padding-right: 1rem;
		border: 0px solid yellow;
	}
	
	.column.full { width: 100%; }
	.column.two-thirds { width: 66.7%; }
	.column.half { width: 50%; }
	.column.third { width: 33.3%; }
	.column.fourth { width: 25%; }
	.column.flow-opposite { float: right; }
	
}
@media (max-width: 480px){
	/*L'h dell'header passa da 80px a 45px*/
	#header {
		height: 45px;
	}
	
	/*Nascondo nuovamente l'icona menu blu*/
	#icoMenuSolo{
		top: 5px;
	}
	
	/*La larghezza del div logo passa da 230px a 152px per irmanere centrato*/
	#logo{
		width: 152px;
		margin-top: 5px;
	}
	#logo a img{
		height: 40px;
	}
	.divCatRic,.tt-dataset-0{width: 295px}
	.divRicercaRelativo{
		width: auto;
	}
	#b2 {
		display: block;
	}
	#b{
		display: none;
	}
	/*Cambio il menu*/
	/*#head1{display: none}
	#head2{display: inline-block}*/
	
	/*Nascondo la barra blu*/
	/*#sfondoBlu{display: none}*/
	
	/*Gli input della form 'Accedi' vannoa 100% su una sola riga*/
	.input_richiesta,
	#data-in,#data-out{
		float: none;
		width: 100%;
		padding: 5px;
	}
	
	/*Nascondo la mappa dell'inserzione*/
	#wrap-mappa-ins{display: none}
	#map-canvas{display: none;}
	
	
	/*I risultati passano dal 48% al 98% su una sola riga*/
	.annuncio,.banner_centrale{
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
	}
	
	.articolo{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	
	input.btn {
		width:90%;
		margin: 5px 5% 20px;
	}
	
	#sopraRisultati{
		width: 94%;
		position: relative;
		padding-bottom: 32px;
		margin: 0 3%;
	}
	p#luogoRicerca{margin-right: 0}
	
	.banner,
	#zona3news img.banner,
	#zona3news .wrap-simili{width: 100%}
	
	/*Tolgo il padding laterale distanziatore*/
	.wrap-simili{
		padding: 0;
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
	
	.hRichiedi{
		font-size: 20px;
		padding-left: 40px;
		background-size: contain;
	}
	
	#accedi-sociale{
		text-align: center;
		padding-right: 10px;
	}
	#accedi-sociale .tre-social{
		position: relative;
		margin: 0 auto;
	}
	
	.logo_azienda img{float: none}
	.affianca_logo{margin-left: 0}
	
	.hRichiedi{
		font-size: 20px;
		padding-left: 40px;
		background-size: contain;
	}
	
	.elem_sm{width: 100%}
	
	#footer{height: auto;padding: 5px;}
	.col_f{
		float: none;
		width: 100%;
		border-bottom: 1px solid #FFF;
		padding: 0 0 5px;
		margin-bottom: 10px;
	}
	.col_f:nth-child(3){
		border: 0;
		margin-bottom: 0;
	}
	.div_f_fb,.div_f_app{
		position: relative;
		margin-top: 10px;
	}
}