﻿/* Layout rules & page's box model */

body {
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #FFFFFF;
	text-align: center;
}

div#main {
	width: 990px;
	margin: auto;
	text-align: left;
}

div#audio {
	float: right;
	width: 70px;
	height: 30px;
	border-bottom: 1px solid #E2D6CA;
	font-size: 10px;
}

div#lang {
	float: left;
	width: 200px;
	height: 30px;
	border-bottom: 1px solid #E2D6CA;
	font-size: 10px;
	text-align: right;
}

div#logo {
	width: 250px;
	height: 83px;
	float: left;
	clear: both;
}

div#menu {
	width: 440px;
	height: 83px;
	float: left;
	background: url(/img/menu.gif) top no-repeat;
}

div#menu ul {
	margin: 0px;
	padding-top: 53px;
	padding-bottom: 0px;
}

div#menu ul li {
	list-style: none;
	display: inline;
	float: left;
	font-weight: bold;
	padding-left: -10px;
	padding-right: 10px;
	text-transform: lowercase;
	background: url(/img/list.gif) right repeat-y;
}

div#menu ul li.last {
	background: none;
}

div#tools {
	width: 300px;
	height: 83px;
	float: right;
	background: url(/img/tools.gif);
	font-size: 10px;
}

div#contact {
	width: 125px;
	float: left;
}

div#free {
	width: 175px;
	float: right;
	text-align: right;
  line-height:22px;
}

div#help {
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 2px;
}

div#flash {
	clear: both;
	padding-bottom: 10px;
	background: url(/img/flash.gif) bottom no-repeat;
}

div#page {
  width: 990px;
	clear: both;
	background: #F4F1E8 url(/img/page.gif) right repeat-y;
	overflow: hidden;
	z-index: 1;
}

div#container {
	background: url(/img/container.gif) bottom right no-repeat;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden !important;
	overflow: inherit;
}

div#content {
	width: 830px;
	float: left;
}

div#context {
	width: 160px;
	float: right;
}

div.list {
	padding-bottom: 25px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
}

/* Boxes: Positioning & display */

div#advice {
  width:990px;
	clear: both;
	background: url(/img/lightstripdxsx.gif) left repeat-y;
	overflow: hidden;
}

div#advice, div#advice div.adviceright {
	max-height: 135px;
	height: auto !important;
	height: 135px;
}


div#advice div.adviceleft {
	width: 830px;
	max-height: 135px;
	height: auto !important;
	height: 135px;
	float: left;
	text-align: center;
}

div#advice div.adviceright {
	float: right;
}

div#advice div.question {
	float: left;
	width: 200px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#advice div.answer {
	float: left;
	width: 630px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#company {
  border-top:1px solid #CCCCCC;
	clear: both;
	text-align: center;
	font-weight: bold;
}

div#advice div.adviceleft, div#company, div#brands, div#doorways, div#copy, div.propertyitem {
	background: url(/img/hr.gif) top repeat-x;
}

div#property {
	clear: both;
	height: 247px;
}

div.propertyitem {
	margin-top: 10px;
}

div.paging div.lightstrip {	
	font-weight: bold;
}

div.area {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	background: url(/img/hr.gif) top repeat-x;
	padding-top: 2px;
}

div#brands div.lightstrip {
	background: #F7F2E8 url(/img/lightstripdxsx.gif) top left repeat-y;
}

div#company, div#doorways, div#brands, div#brands div.lightstrip, div.propertyitem, p.white {
	overflow: hidden;
}

div#copy {
	text-align: center;
}

div#copy p span {
	text-transform: uppercase;
}

div#path {
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-left: 19px;
	padding-right: 19px;
	text-transform: uppercase;
	background: #E0D9C7 url(/img/path.gif) top repeat-x;
	z-index: 2;
	overflow: hidden;
	position: relative;
}

div#search {
	background: #F7F5F0;
	line-height: 46px;
}

div#advancedsearch {
	clear: both;
	background: #F7F5F0;
	overflow: hidden;
	font-weight: bold;
}

div#advancedsearch div.box {
  margin-left: 70px;
  
}

div#topbg {
	background: #F4F1E8 url(/img/topsearch.gif) top repeat-x;
}

div#advancedsearchleft {
	width: 82px;
	float: left;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 10px;
	/*height: 100px;*/
}

div#search div {
	position: relative;
	overflow: auto;
	float: left;
}

div.doorwaysleft {
	float: left;
	width: 180px;
	text-align: right;
	padding-right: 10px;
}

div.doorwaysright {
	float: right;
	width: 800px;
}

/* Text Elements */

a {
	color: #666600;
	text-decoration: none;
}

div#menu a, div#tools a, ul.gray li a {
	color: #999999;
}

.brown, p.brown a {
	color: #B3A492;
}

.verde {
  color:#706303;
}


a:hover, ul.gray li a:hover, p.brown a:hover {
	color: #FF6600;
}

div#audio a:hover, div#menu a:hover, div#tools a:hover {
	color: #666600;
	font-weight:bold;
}

h1 {
	float: left;
	width: 720px;
	height: 15px;
	border-bottom: 1px solid #E2D6CA;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

h2, h3, h4, h5, p, caption {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.propertyitem h2 {
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 0px;
}

div.propertyitem h3 {
	font-size: 11px;
	color: #999999;
	padding-top: 0px;
}

div#help span.left {
	display: block;
	float: left;
	width: 45%;
	background: url(/img/list.gif) right no-repeat;
}

div#help span.center {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	background: url(/img/list.gif) right no-repeat;
}

div#help span.right {
	display: block;
	float: right;
	width: 30%;
	text-align: right;
}

div.area p {
	line-height: 30px;
	padding-left: 375px;
	background: #F7F2E8 url(/img/lightstripsxdx.gif) top left repeat-y;
}

div.paging div.lightstrip p span {
	text-transform: uppercase;
}

div#company p {
	background: url(/img/darkstrip.gif) top repeat-y;
}

caption, p.overflowleft, p.overflowright {
	background: url(/img/hr.gif) center repeat-x;
}

p.overflowright {
	text-align: right;
}

caption span, p.overflowleft span, p.overflowright span {
	background: #F4F1E8;
	font-weight: bold;
}

div.tabber p.overflowleft span, div.tabber p.overflowright span {
	background: #FFFFFF;
}

caption span, p.overflowleft span {
	padding-right: 10px;
}

p.overflowright span {
	padding-left: 10px;
}

p.underline {
	background: url(/img/hr.gif) bottom repeat-x;
	font-weight: bold;
	padding-bottom: 5px;
}

div#advancedsearch p span {
	text-transform: uppercase;
	line-height: 30px;
}

div#topbg p {
	padding-top: 40px;
}

div.list ul, div.tabber ul, div.propertylist ul, div.albumlist ul, div#search p, div#advancedsearch p, div.paging p, div.albumbar p
{
	margin: 0px;
	padding: 0px;
}

div.list ul {
    list-style: none;
}

div.list ul li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

div.list ul li a {
    padding: 2px 10px 2px 10px;
    display: block;
    margin: 0px;
    width: 140px;
}

div.list ul li a:hover, div.list ul li.active a {
    background: #D2C8B6;
    color: #FFFFFF;
}

div.doorwaysleft p {
	font-weight: bold;
}

div.doorwaysleft p span {
	text-transform: uppercase;
}

div.doorwaysleft p img {
	vertical-align: top;
	padding-right: 10px;
}

p.topdoorways a {
	font-weight: bold;
}
/*Permettono di mantenere il layout anche nel caso che alcune foto non siano presenti.*/
table.gallery {
  height:304px;
}

table.gallery tr{
  height:72px;
}

div.gallery {
	width: 420px;
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 20px;
}

div.gallery td, div.gallery th, caption {
	border-left: 10px solid #F4F1E8;
}

div.gallery th {
	font-size: 13px;
	font-weight: normal;
	height: 32px;
	background: url(/img/tabber.gif) top repeat-x;
	text-align: center;
}

div.tabber {
	background: #FFFFFF url(/img/tabbg.gif) bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

div.unitsbox {
	background: #FFFFFF url(/img/tabbg.gif) bottom repeat-x;
	text-transform: uppercase;
}

div.unitsbox p {
	font-weight: bold;
}

div.unitsbox a {
	font-weight: normal;
}

div.propertyleft {
	float: left;
	width: 340px;
	padding-top: 20px;
}

div.propertyright {
	float: right;
	width: 430px;
	padding-left: 10px;
	padding-top: 20px;
}

div.contactleft, div.termsleft {
	float: left;
	width: 160px;
}

div.contactright, div.termsright {
	float: right;
	width: 600px;
	padding-left: 10px;
}

div.contactright ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}

div.contactright ul li {
	list-style: none;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	width: 75px;
}

div.contactright td {
	vertical-align: top;
}

div.feature {
	float: left;
	width: 200px;	
	padding-left: 5px;
	padding-right: 10px;
}

div.feature ul {
  margin:0px;
  padding-left:15px;
}

div.feature ul li {
  margin: 0px;
  font-size: 11px;
  padding:0px;
  padding-top: 5px;
}

div.whattodo {
	float: right;
	width: 210px;
  min-height: 500px;
}

div.tabber ul {
	height: 32px;
	background: url(/img/tabber.png) bottom repeat-x;
	border-left: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

div.albumlist ul, div.propertylist ul {
	height: 32px;
  margin-top:4px;  
	border-left: 1px solid #CCCCCC;
}

div.tabber ul li, div.propertylist ul li, div.albumlist ul li {
	list-style: none;
 	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block !important;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 32px;
	line-height: 32px;
	background: url(/img/tab.gif) center repeat-x;
	white-space: nowrap;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
}

div.tabber ul li.selected, div.propertylist ul li.selected, div.albumlist ul li.selected {
	background: url(/img/tabselected.gif) center repeat-x;
}

div.tabber ul li:hover, div.propertylist ul li:hover, div.albumlist ul li:hover {
	background: url(/img/tabhover.gif) center repeat-x;
}

div.tabber ul li.selected:hover, div.propertylist ul li.selected:hover, div.albumlist ul li.selected:hover {
	background: url(/img/tabselected.gif) center repeat-x;
}

div.tabber div.imagetabber {
	clear: both;
	float: left;
}

/* Generic containers */

div.simplehr {
	height: 2px;
	background: url(/img/hr.gif) repeat-x;
	overflow: hidden;
}

div.innerhr {
	background: url(/img/innerhr.gif) center no-repeat;
	height: 22px;
	padding-top: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

div.outerhr {
	clear: both;
	height: 22px;
	background: url(/img/outerhr.gif) center no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.albumbar {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.second {
	float: left;
	width: 50%;
	text-align: left;
	background: transparent;
	display: block;
}

div.third {
	float: left;
	width: 33%;
	text-align: left;
	background: transparent;
	display: block;
}

p.white, div.white {
	background: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}

div.floatleft {
	float: left;
	width: 50%;
}

div.floatright {
	float: right;
	width: 20%;
}

div.title {
	padding-top: 20px;
}

/* Image's properties */

img {
	border: 0px;
}

img.left {
	float: left;
	padding-right: 10px;
}

img.center {
	margin: auto;
}

img.right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

div#audio img, div#lang img, div#contact img {
	vertical-align: text-bottom;
}

div#help img, div.propertyitem p.right img, div#search p img, div#advancedsearch p img, div.paging p img, p.white img, div.whattodo img, div.propertylist ul li img, div.albumlist ul li img, div.albumbar p img, div.unitslist img, div.third p img, div.contactleft p img, td p img {
	vertical-align: middle;
}

div#flash img, td img, div.title img, div.tabber img, div.list img, div.region img, div.album img, div#topbg img {
	display: block;
}

/* Table's properties */

caption {
	text-align: left;
}

table.gallery td a span {
	background: #F4F1E8;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
	display: block;
	position: absolute;
	width: 100px;
	height: 72px;
}

table.gallery td a:hover span {
	display: none;
}

table.hr tr {
	background: #FFFFFF;
}

table.hr td {
	background: #F4F1E8 url(/img/hr.gif) bottom repeat-x;
}

table.hr td.nobg {
	background: #F4F1E8;
}

table.hr td.white {
	background-color: #FFFFFF;
}

table.hr td.white img {
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

table.hr td.nowrapwhite img, table.hr td.nowrap img {
	display: inline;
}

table.hr td.nowrapwhite {
	white-space: nowrap;
	background: #FFFFFF url(/img/hr.gif) bottom repeat-x;
}

/* Generic classes */

.box, .boxleft, .unitsbox {
	padding-left: 25px;
}

.box, .boxright, .unitsbox {
	padding-right: 25px;
}

.strong {
	font-weight: bold;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.normal {
	font-weight: normal;
}

.uppercase {
	text-transform: uppercase;
}

.nowrap {
	white-space: nowrap;
}



iframe.boxattivita { 
  z-index: 20000;
  position: absolute;
  left: 50%;
  height: 500px;
  width:  580px;
  margin-left: -485px;
  margin-top: 5px;
  border: 1px solid #B1AFA2;
}


.lastmessages {
  border-bottom:1px solid #cccccc;
  /* min-height: 220px;   */
}

.allmessages {
  border-bottom:1px solid #cccccc;
  /* min-height: 200px; */
  height:400px;
  overflow: auto;
}

.lastmessages #oldmsg {
  display: none;
}

.allmessages #oldmsg {
  display:;
}

a.graphicbutton {
	display: block;
	overflow: visible;
	background: #666600 url(/img/graphicbutton.gif) repeat-x;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 11px;
}

a.graphicbutton:hover {
	background: #CC6600 url(/img/graphicbuttonhover.gif) repeat-x;
	color: #FFFFFF;
}

a.graphicbutton img {
	vertical-align: middle;
	position: relative;
	top: -1px !important;
	top: auto;
	border: none;
}

div.extension {
	height: auto !important;
	height: 320px;
	min-height: 326px !important;
	min-height: 320px;
}

div#proposal {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-left: 19px;
	padding-right: 19px;
	background: #E0D9C7 url(/img/path.gif) top repeat-x;
	z-index: 2;
	overflow: hidden;
	position: relative;
	font-size: 17px;
	line-height: 30px;
	height: 33px;
	text-transform: none;
	float: left;
}
