@charset "utf-8";
html {
	height: 100%;
	width: 100%;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	outline: none;
}

body {
	background: url(../images/body.png) repeat-x center top #DFEFFF fixed;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	color: #666;
	line-height: 1.5em;
}

p, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin: 0 0 1em 0;
	color: #004A86;
	font-weight:bold;
}

a:link, a:active, a:visited {
	color: #003D7A;
}

a:hover {
	color: #F73555;
}

a img {
	border: none;
}


.clearfix {
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
}


/* TEMPLATE CSS */
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	font-size: 1.1em;
	color: #013D7A;
}

#top {
	float: left;
	width: 100%;
	height: 184px;
	background-image: url(../images/top.png);
	position: relative;
}

#wrap {
	width: 960px;
	float: left;
	background: #fff;
	padding-bottom: 50px;
	position: relative;
}

#main {
	background: #fff;
	float: left;
	width: 560px;
	position: relative;
}

#content {
	width: 100%;
	float: left;
	min-height: 300px;
	position: relative;
	margin-top:5px;
	background: url(../images/content.png) repeat-x top;
}

#head {
	float: left;
	width: 100%;
	height: 130px;
	background-image: url(../images/head.png);
	position: relative;
}

#header {
	float: left;
	width: 100%;
	height: 220px;
	position: relative;
}

#menu {
	width: 100%;
float:left;
	background:  url(../images/menu.png);
	position: relative;
	height: 30px;
}
#menu2 {
	width: 100%;
  float:left;
	background:  url(../images/menu2.png);
	position: relative;

  color:#fff;

}
#filtro {
	width: 100%;
  float:left;
	background:  url(../images/menu2.png) center repeat-x;
	position: relative;
	height: 40px;
  margin-bottom:5px;
  color:#fff;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#menuwing_l {
	width: 290px;
	height: 620px;
	position: absolute;
	background: url(../images/menuwing_l.png);
	left: -290px;
	top: -184px;
	z-index: 999;
}

#menuwing_r {
	width: 70px;
	height: 250px;
	background: url(../images/menuwing_r.png);
	position: absolute;
	right: -70px;
	top: -184px;
}

#pathway {
	float: right;
	width: 685px;
	height: 20px;
	color: #FF9900;
	position: relative;
}

#side {
	width: 400px;
	float: right;
	background: #2b67a0	url(../images/side-bot.png) repeat-x bottom;
	position: relative;
  padding-bottom:50px;
  color:#fff;
}


#sidebar1 {
	width: 50%;
	float: left;
	position: relative;
}

#sidebar2 {
	width: 50%;
	float: left;
	position: relative;
}

#footer {
	float: left;
	height: 46px;
	width: 940px; !important 
  width /**/: 960px;
	padding: 0 10px;
	background: url(../images/footer.png);
	position: relative;
  clear:both;
}

.module {
	margin: 0 0 5px 0;
	position: relative;

}
#sidebar1 .module, #sidebar2 .module {
		margin: 0 5px 5px 5px;
	position: relative;
	text-align:center;
	}


.cell {
	float: left;
	width: 100%;
	position: relative;
}

/* ----------------------------------------------- cella di catalogo ------------*/
.homecell {
	background: url(../images/scheda-right.png) repeat-y right #C3E1F3;
	position: relative;
	float: left;
	margin: 3px;
  padding:0;
  height:225px;
	width: 169px; !important
	width /**/: 175px;

}  

.catalogcell {
	background: url(../images/scheda-right.png) repeat-y right #C3E1F3;
	position: relative;
  MARGIN-BOTTOM:5PX;
	float: left;
	width:100%;
	padding-bottom: 0px;
	
} 


.catalogcell-bottom, .scheda-bottom {
	background: url("../images/scheda-bottom.png") repeat-x bottom ;
	height:17px;
	position: absolute;
	bottom:0;
	left:0px;
	width:100%;
	z-index:1;
}
.catalogcell .tl, .scheda .tl, .homecell .tl  {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/angoli-1.png") top left;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
		z-index:2;
}

.catalogcell .tr, .scheda .tr, .homecell .tr  {
	width: 17px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 0;
	background: url("../images/angoli-1.png") top right;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
		z-index:2;
}

.catalogcell .bl, .scheda .bl, .homecell .bl  {
	width: 10px;
	height: 17px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/angoli-1.png") left bottom;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
		z-index:2;
}

.catalogcell .br, .scheda .br, .homecell .br {
	width: 17px;
	height: 17px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("../images/angoli-1.png") bottom right;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
		z-index:2;
}

/* ----------------------------------------------- scheda ------------*/

.scheda {
	background: url(../images/scheda-right.png) repeat-y right #C3E1F3;
	position: relative;
	float: left;
	width: 100%;


}
.scheda-content {
	padding: 15px 12px 25px 5px;
	position: relative;
}

.scheda-content img {
	float: left;
}
/* ----------------------------------------------- scheda2 ------------*/
.scheda2 {
	background: #42AFC9;
	position: relative;
	margin: 3px 0;
	color: #333;
	float: left;
	width: 100%;
}
.scheda2 .tl {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/angoli-2.png") top left;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.scheda2 .tr {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 0;
	background: url("../images/angoli-2.png") top right;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.scheda2 .bl {
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/angoli-2.png") bottom left;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.scheda2 .br {
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("../images/angoli-2.png") bottom right;
	z-index: 10;
	font-size: 0;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------   bottoni ----- */
.but-dettaglio {
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 100px;
	height: 25px;
	z-index: 11;
	display: block;
	background: url("../images/but-vedi.png") top left no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	border: none;

}

.but-dettaglio a {
	display: block;
	width: 100%;
	height: 100%;

}

.but-dettaglio a:hover {
	background: url("../images/but-vedi.png") top right no-repeat;
	border: none;

}
.but-dettaglio-sm {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 63px;
	height: 15px;
	z-index: 11;
	display: block;
	background: url("../images/but-vedi-sm.png") top left no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	border: none;
}

.but-dettaglio-sm a {
	display: block;
	width: 100%;
	height: 100%;
}

.but-dettaglio-sm a:hover {
	background: url("../images/but-vedi-sm.png") top right no-repeat;
	border: none;
}



.but-indietro a {
	width: 100px;
	height: 25px;
	display: block;
	background: url("../images/but-indietro.png") top left no-repeat;
	font-weight: bold;
}

.but-indietro a:hover {
	background: url("../images/but-indietro.png") top right no-repeat;
}

.but-invia a {
	color:;
	width: 70px;
	height: 25px;
	display: block;
	background: url("../images/but-invia.png") top left no-repeat;
	border: none;
	font-weight: bold;
}

.but-invia a:hover {
	background: url("../images/but-invia.png") top right no-repeat;
}

/* ------------------------------------------------------- MENU TOP */
#menu ul {
	font-size:11px;
	list-style-position: inside;
	list-style-type: none;
	text-align: center;
	padding:0;
	margin: 0 auto;
	height: 30px;
	line-height: 2.5em;
}

#menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;

}

#menu ul li a {
	padding: 0 10px;
	text-decoration: none;
	display: block;
    color:#fff;
	height: 30px;
	float: left;
}

#menu ul li a:hover {
	background: url(../images/menu_h.png);
	height: 30px;
}

#menu ul li a:active {
	background: url(../images/menu_a.png);
	height: 30px;
}

#menu #current a {
}
.vetrina-immobiliare a {width:130px; padding:0; text-decoration:italic; font-weight:bold; color:#FFCC00; font-size:13px; left no-repeat;}



/* ------------------------------------------------------- MENU2 TOP */
#menu2 ul {
	font-size: 10px;
  font-weight:bold;
	list-style-position: inside;
	list-style-type: none;
	text-align:left;
	padding: 0 10px 0 0;
	margin: 0 auto;
  width:auto;
	height: 40px;
	line-height: 2.8em;
}

#menu2 ul li {
	float: right;
	margin: 0;
	padding: 0;
	display: block;
}

#menu2 ul li a {
	padding: 0 5px 0 35px;
	text-decoration: none;
	display: block;
	color:#FFCC00;
	height: 40px;
	float: left;
}

#menu2 ul li a:hover {
	height: 40px;
  color:#fff;
}

#menu2 ul li a:active {
	background: url(../images/menu2_a.png);
	height: 40px;
}

#menu2 #current a {
}
.menu-offerte a{width:50px; background:url(../images/menu-offerte.png) left center no-repeat; }
.menu-vendite a{width:50px; background:url(../images/menu-vendite.png) left center no-repeat; }
.menu-affitti a{width:50px; background:url(../images/menu-affitti.png) left center no-repeat; }
/* ------------------------------------------------------- MENUSIDEBAR */
#sidebar ul {
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	text-align: center;
}

#sidebar ul li {
	line-height: 1.3em;
	margin: 1px 0;
	background: #2B2F52;
	float: left;
	width: 100%;
}

#sidebar ul li a {
	padding: 0 10px;
	text-decoration: none;
	display: block;
}

#sidebar ul li a:hover {
	color: #FFFFFF;
	background-color: #FF6600;
}

#sidebar #current a {
	color: #FFFFFF;
	background-color: #FF6600;
}

/* -------------------------------------------------------- TITLES -------------------------------*/
.title-home {
	background: url(../images/title-home.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}

.title-agenzia {
	background: url(../images/title-agenzia.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}

.title-catalogo {
	background: url(../images/title-catalogo.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}

.title-contatti {
	background: url(../images/title-contatti.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}
.title-calcolo {
	background: url(../images/title-calcolospese.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}
.title-leggi {
	background: url(../images/title-leggi.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}
.title-valutazione {
	background: url(../images/title-valutazione.png) left center no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -9999em;
}
/* -------------------------------------------------------- TYPO -------------------------------*/
.titletop {
	text-indent: -9999em;
	position: absolute;
}

#content h2.title {
	color: #99141C;
	margin: 0;
	padding: 0 10px 0 160px;
	font-family: impact, sans-serif;
	color: #001752;
	font-size: 2.6em;
	letter-spacing: 0.8pt;
	word-spacing: 2.4pt;
	line-height: 1em;
}

.title {
	font-family: "palatino linotype", palatino, serif;
	font-size: 1.6em;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -0.4pt;
	color: #00BCCB;
	padding-left: 30px;
  line-height:1em;
  margin-bottom:30px;
}

#sidebar1 a, #sidebar2 a {
	color: #FFCC00;
	text-decoration: none;
}

#sidebar1 a:hover, #sidebar2 a:hover {
	color: #FFFF00;
	text-align: center;
}

#sidebar1 h3, #sidebar2 h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	background: url(../images/bar1.png);
	height: 40px;
	line-height: 3.3em;
	padding: 0 0 0 20px;
	margin: 5px 0;
}

hr {
	clear: both;
	visibility: hidden;
}

#content .pad {
	padding: 5px 5px 5px 10px;
	position: relative;
}

.titolo {
	font-size: 1.5em;
	font-weight: bold;
	color: #918345;
}

.titoletto {
	font-size: 1.1em;
	font-weight: bold;
	color: #918345;
}

.dida {
	font-size: 0.8em;
}

.new {
	color: #F00;
	font-weight: bold;
}

.floatleft {
	float: left;
	margin: 5px 5px 5px 0;
}

.floatright {
	float: right;
	margin: 5px 0 5px 5px;
}

.scheda ul li {
	color: #0382C7;
	font-size: 1.1em;
}

.scheda-title {
	font-family: "palatino linotype", palatino, serif;
	font-size: 1.1em;
	font-style: italic;
	letter-spacing: -0.4pt;
	color: #004A86;
	margin:0;
}

.scheda .scheda-content {
	color: #333;
}

td.evcell {
	background: #EDF6FF;
}

.scheda-voce {
	font-size: 10px;
	font-weight: bold;
	color: #00BCCB;
}

.scheda2 .scheda-voce {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
}

.scheda2 h4 {
	padding: 0;
	margin: 0;
}

.scheda2 input {
	float: right;
	background: #2B67A0;
	border: solid #004A86 1px;
}

.scheda2 textarea {
	background: #2B67A0;
	border: solid #004A86 1px;
}

.scheda2 checkbox {
	background: ;
	border: solid #004A86 1px;
}

.scheda2 p {
	font-size: 9px;
}
#menu2 select, #menu2 input {font-size:9px; background:#7CAECD; border:none;}
.linkmorto {color:#ccc;}

input, select, textarea {background:#9AB8D3; font-size:9px; border:none;}

.venaff {font-size:10px; position:absolute; top:8px; left:10px; color:#FF6601; line-height:0; margin:0; padding:0; z-index:99;}
.homcell-loc {font-size:10px; position:absolute; bottom:8px; left:10px; color:#FF6601; line-height:0; margin:0; padding:0; z-index:99; color:white;}


/* ------------------------------------------------      components          */
.ricerca {
	width: 400px;
	background: url(../images/ricerca.png) no-repeat #0067A3;
	height: 170px;
  font-size:10px;
  position:relative;
}

.ricerca table {
	color: #fff;
	font-size: 10px;
}

/* -------------------------------------------------------------  pagination   */
.pagination {
	background:  url(../images/menu2.png) center repeat-x;
	color: #F9B334;
	position: relative;
	width: 100%;
  padding:3px 0;
	margin: 3px 0;
	float: left;
	font-size: 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.pagination.pad {
	position: relative;
	padding: 3px;
}

/* -------------------------------------------------------------  galleria    */
#galleria .imgs {
	float: left;
  margin:5px;
}

#galleria h4 {
	clear: both;
}