#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 900 ? "900px" : "94%");  
  max-width: 900px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/
#header {
position: relative;
height: 109px;
}
#header #farmacie { background:url(../images/farmacie-vendesi.gif) top left no-repeat; height: 45px; position: absolute; z-index: 3; top: 0px; left: 300px;}
#header #farmacie a{font-size:16px; font-weight:bold; display:block; position:relative; left:50px; color:white; top:10px}
#header #title {
position: absolute;
z-index: 3;
top: 56px;
left: 300px;
width:500px;
}

#header #title h1 {
margin: 0;
padding: 0;
font: 150%/1.2 Tahoma, "Geneva CE", lucida, sans-serif;
color: #fff;
font-weight: normal;
letter-spacing: -0.01em;
}

#header #language {
position: absolute;
z-index: 3;
top: 80px;
right: 0px;
}
#header #dubai {
position: absolute;
z-index: 3;
top: 0px;
right: 5px;
width:166px; height:79px; background:url(../images/immobili-dubai.gif) top left no-repeat;
}






/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

#nav-meta {
margin: 0 auto;
position: relative;
width: 80px;
top: -10px;
left: 400px;
}

/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#menu ul { 
	width: 900px; /*If your links text is bigger you will have to adjust this value*/
	height: 38px;
	margin: 0 auto;
	padding: 0;
	line-height: 38px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
	background: url(../img/bg-menu.gif) repeat-x left top;
}
#menu span {
	width: 900px; /*If your links text is bigger you will have to adjust this value*/
	height: 38px;
	margin: 0 auto;
	padding: 0;
	visibility:hidden;
	font:8px arial;}

#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 50px;
	height: 38px;
	background: url(../img/bg-menu-first.gif) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 200px;
	height: 38px;
	background: url(../img/bg-menu-last.gif) no-repeat right top;	
}

#menu ul li a.right, #menu ul li a.right:hover{
	display: block;
	float: right;
	clear: right;
	background:none;
}


#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #4c4c4c;
	font-weight:bold;
}

#menu ul li em {
	display: block;
	float: left;
	width: 1px;
	height: 38px;
	background: url(../img/bg-menu-sep.gif) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 1px;
	background: url(../img/bg-menu-sep.gif) no-repeat left top;
}
		  
#menu ul li a:hover { 
	background: transparent url(../img/bg-menu-on.gif) repeat-x center top;
	text-decoration: none;
	Color: white;
}
#menu ul li a.active { 
	background: transparent url(../img/bg-menu-sel.gif) repeat-x center top;
	text-decoration: none;
	Color: white;
}
#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}

#menu ul li.blu a { background: transparent url(../img/bg-menu-blu.gif) repeat-x center top;}
#menu ul li.blu a:hover {background: transparent url(../img/bg-menu-on-blu.gif) repeat-x center top;}
#menu ul li.blu a.active {background: transparent url(../img/bg-menu-sel-blu.gif) repeat-x center top;}
/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  clear: both;  
  padding-bottom: 4em;
}
#pageB {
  float: left;
  width: 100%;
  clear: both;  
  padding-bottom: 4em;
  background:#FFFFFF;
}
#bottom {
  width: auto;
  margin:0 20px 0 20px;
  clear: both; 
}
#proposta {
  width: auto;
  margin:0 20px 0 20px;
  border-top:1px dotted #00436E;clear: both; 
}
#inside10 { margin:5px 0 5px 0;height:auto;clear: both;  }
.rif { font: 20px Tahoma; color:#FFFFFF; }
.loc { font: 18px Tahoma; color:#5095BE;}
.tit { font: 18px Arial; font-weight:200; color:#fff799;}
.titDubai { font: 18px Arial; font-weight:200; color:#88adff;}
#inside10 .thumb {float:left; border:3px solid #5095BE;  margin-top:5px;margin-right:10px; margin-bottom:5px;display:block; }
#paginazione {
  width: auto;
  margin:0 20px 0 20px;
  border-top:1px solid #00436E;
}
#paginazione p{float:right; margin:10px 0 0 0;}
.pag a {color:#0099FF; cursor: default;}
.pag a:hover {color:#2D5B77;}
.info {float:right;}

#vendo { width:auto;}
#vendoImm { width:224px; margin-top:10px; float:left; border:1px dotted #cccccc;}
#vendoImmD { width:224px; margin-top:10px; float:left; border:1px dotted #cccccc;background:#383838 url(../images/bg-dubai.jpg) top left repeat-x;}
#vendoDubai { width:100%; margin-bottom:10px; float:left; border:1px dotted #cccccc;height:79px;background:#383838 url(../images/bg-dubai.jpg) top left repeat-x;}
#vendoFam { width:224px; height:90px;margin-top:20px; float:left; background: url(../images/farmacie.jpg) top left no-repeat;}
#vendoFam a{ dispaly:block; position:relative; left:90px;top:20px; color:white; text-decoration:none; font-size:18px; font-weight:bold;}
#vendoFam a:hover{ color:#5dae03;}

.left {float:left; margin-right:10px; display:block; }


/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: left;
  width: 100%;
  clear: both;
  margin-top: -4.1em;
  background: url(../images/bg-foot2.jpg) top center repeat-x #404040;
	color: #5095BE;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  padding-top: 10px;
  text-align:center;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
background: #5095BE;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 1.2em;
  padding-top: 15px;
}

/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 { width: 100%;}
.width48 { width: 48%; float:left}
.width75OLD {
  width: 73%;
  margin-left:10px;
  background:#71767a;
  padding:20px 0;
}
.width75BLU {
  width: 73%;
  margin-left:10px;
  background:#00436E;
  padding:20px 0;
}
.width75 {
  width: 73%;
  margin-left:10px;
 
  padding:20px 0;
}
.width75  h1 { color:#fff; padding:0 0 0 20px; margin:0;}
.width25 { width: 22%;}

.width74 { width: 70%;}
.width74  h1 { color:#fff; margin:0;}
.width22 { width: 25%;}
.widthAuto { width: auto; margin:0 auto;}

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.big {
  font-size: 1.6em;
  line-height:1.2em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #c40008;
}

.blue {
  color: #5095BE;
  font-weight:bold;
}
.grey {
  color: #999;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.flash{
  margin: 10px 0;
}

.box-txt{margin:10px 0 0 0; float:left;width:250px;}


.divisione{ display:block; margin-top: 60px;  text-align:justify; padding-left:5px;padding-right:13px;}
.indent{ display:block; padding-left:20px;  text-align:justify}
.object{margin:30px 0 0 5px; float:left;}

/***************************************************************
   Big Sidebar links on Search page
 ***************************************************************/


#pro { 
  float: left;
  clear: both;
  width:auto;
}

#pro ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

#pro li {  
  list-style: none;
  /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
  margin: 0;
  padding: 10px 10px 10px 0; 
  float: left;
}

#pro li:hover{
  background: #4F4F4F;
}

#pro p {margin-left:146px;}

#pro a .img {  
  border: 1px solid #ddd;
  float: left;
}
#pro a:hover .img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #c40008 !important;
}

#pro img {  margin-left:16px;}




/**************************************************************
   Form Elements
 **************************************************************/
#form{ width:90%; margin:0 auto;padding:20px;border:1px dotted #5095BE; background:#333;}
#form .th{display:block; background:#0087c7; color:#fff; font:bold 16px Arial, Helvetica, sans-serif;padding:3px;}

label {
  display: inline;
}

input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #5095BE;
}
.check {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #333;
  border: 1px solid #333;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #bfd3e6;
  border: 1px solid #5095BE;
}

input.button {
  padding: 2px 5px;

  font: 400 1.1em "trebuchet ms", serif;

  color: #555;
  background: #9FF3FF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}

/**************************************************************
   Menu
 **************************************************************/

#sideMenu { width:224px; }
#sideMenu ul { list-style: none; margin: 0; padding: 0;}
#sideMenu li { width:224px; float:left; margin-bottom:10px;}
#sideMenu li a{ position:relative; top:30px; left:120px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
#sideMenu li.turOpen { background: url(../images/bg-tur.gif) top left no-repeat; height:auto; display:block; float:left; border:1px solid #707070; font: 150%/1.2  "Geneva CE", lucida, sans-serif;}
#sideMenu li.tur { background: url(../images/bg-tur.gif); height:72px; display:block; float:left; border:1px dotted #fff;}
#sideMenu li.com { background: url(../images/bg-com.gif); height:72px; display:block; float:left; border:1px dotted #fff;}
#sideMenu li.res { background: url(../images/bg-res.gif); height:72px; display:block; float:left; border:1px dotted #fff;}
#sideMenu li.tur:Hover{ background: url(../images/bg-turOn.gif); display:block; float:left; border:1px dotted #37596f;}
#sideMenu li.com:Hover{ background: url(../images/bg-comOn.gif); display:block; float:left; border:1px dotted #37596f;}
#sideMenu li.res:Hover{ background: url(../images/bg-resOn.gif); display:block; float:left; border:1px dotted #37596f;}
#sideMenu li.lus { background: url(../images/bg-lus.gif); height:72px; display:block; float:left; border:1px dotted #fff;}


#sideMenu li.lus:Hover{ background: url(../images/bg-lusOn.gif); display:block; float:left; border:1px dotted #37596f;}
#openMenu{ width:224px; background: url(../images/bg-open.gif) top left no-repeat; display:block; float:left; border:1px dotted #fff; height:auto; color:#333; margin-bottom:10px;}
#openMenu span{ margin-left:10px;width:auto; text-decoration:none; color:#FFFFFF; font: bold 12px/28px arial, lucida, sans-serif; }
#openMenu ul { width:180px; color:#FFFFFF;  list-style: none; margin: 10px auto; padding: 0;}
#openMenu ul li { width:180px; background:url('../images/arrow.gif') center right no-repeat; border-bottom:1px #bcbcbc; padding:3px;}
#openMenu ul li:hover{background:url('../images/arrow-on.gif') center right no-repeat; border-bottom:1px #5095be;}
#openMenu ul li a{ text-decoration:none; color:#fff}
#openMenu ul li a:hover{ text-decoration:none; color:#5095be;}

#menu4 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #000;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu4 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu4 li a:link, #menu4 li a:visited {
	color: #CCC;
	display: block;
	background:  url(../images/menu4.gif);
	padding: 8px 0 0 10px;
	}
	
#menu4 li a:hover {
	color: #FFF;
	background:  url(../images/menu4.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	

#menu4 li a.dif:link, #menu4 li a.dif:visited {
	color: #CCC;
	display: block;
	background:  url(../images/menu4D.gif);
	padding: 8px 0 0 10px;
	}
	
#menu4 li a.dif:hover {
	color: #FFF;
	background:  url(../images/menu4D.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	
#menu4  ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}