/* BROWSERS CSS RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	text-align: center; /* Centra in IE pre6 che ignora il margin auto del main */
	margin-top: 10px;
	background: #ddd url(immagini/sfondo_body.jpg) repeat-x;	
}

strong { font-weight: bold; }

/* IE pre 6 non aggiunge il padding, border e margin alla larghezza impostata del div che rimane la stessa
Per uniformare il comportamento con lo scopo di imposatre le dimensioni interne (al netto dei valori precedenti)
imposto la larghezza interna effettiva dentro "#divname .internalwidth:750px" e altre tre propriet� nella classe principale.
Nell'HTML devo usare "<div id="main"><div class="internalwidth">...</div></div>"
Vantaggio: uniformita + la larghezza impostata in internalwidth ? quella finale indipendentemente dal padding, dal margin e dal border
*/
#main {
	width:750px; /* va impostata = a .inside */
	margin:0 auto;
	border: 2px #541710 solid;
	padding: 0px;
	color: #333;
}
#main .inside {
	width:750px;
}

#header {
	float: left; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di questo div */
	width: 100%; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di questo div */
	line-height: 0px; /* FIX altrimenti se il div contiene una img viene aggiunta altezza extra indesiderata perche img ? inline come il testo*/
	font-size: 0px; /* FIX ulteriore per iCab */
}
#header img { font-size: 0px}

#header-top {
	height: 20px;
	background-image: url(immagini/fascia_intestazione.gif);	
}


#menu {
	background-image: url(immagini/menu_off.gif);
	height: 36px;
	float: left; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di qusto div */
	width: 100%; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di qusto div */
}
#menu li { display: inline; float: left }
#menu li a {
	float: left;
	line-height: 36px; /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
	padding: 0 8px;
	background-image: url(immagini/menu_off.gif);
	color: #4C4C4C;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}
#menu li.selected a {
	background-image: url(immagini/menu_on.gif);
	color: #FFFFFF;
}	
#menu a:hover {
	background-image: url(immagini/menu_on.gif);
	color: #FFFFFF;
}

#menuright {
	float: right;
	width: 259px;
	line-height: 36px;
	background-image: url(immagini/menu_right.gif);
	text-align: center;
}
#menuright a {
	line-height: 36px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}
#menuright a:hover {
	background-image: none;
	color: #FFFFFF;
}


#submenu {
	background-image: url(immagini/submenu.gif);
	height: 22px;
	float: left; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di qusto div */
	width: 100%; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di qusto div */
}
#submenu li { display: inline; float: left }
#submenu li a {
	float: left;
	line-height: 18px; /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
	height: 22px;      /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
	padding: 0 8px;
	color: #ca9a97;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}
#submenu li.selected a {
	font-weight: bold;
	color: #FFFFFF;
}	
#submenu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#submenuright {
	float: right;
	width: 259px;
	height: 22px;
	background-image: url(immagini/submenu_right.gif);
}



#tabmenu {
	height: 26px;
	clear: right;
	border-bottom: 2px solid #541710;
}
#tabmenu li { display: inline; float: left }
#tabmenu li a {
	float: left;
	line-height: 24px; /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
	padding: 0 10px;
	background-color: gray;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;

	border-top: 2px #fff solid;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	
}
#tabmenu li#tab-1 a {
	color: #FFFFFF;
	background-color: #541710;
}	
#tabmenu li#tab-2 a {
	color: #FFFFFF;
}	
#tabmenu li#tab-3 a {
	color: #FFFFFF;
}	
#tabmenu li.bordersx {
	width: 17px;
	border-right: 1px #fff solid;
	line-height: 26px; /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
}	
#tabmenu li.borderdx {
	width: 1px;
	border-left: 1px #fff solid;
	line-height: 26px; /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
}	
#tabmenu a:hover {
	background-color: #7E2506;
	color: #FFFFFF;
}

#tabpane-container {
}
#tabpane-1 {
}
#tabpane-2 {
	display: none;
}
#tabpane-3 {
	display: none;
}


#body {
	float: left; /* FIX: questo è importante altrimenti i div interni con float non determinano la dimensione di qusto div */
	width: 100%;
	background-image: url(immagini/body_right.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #FBF9F6;
}
#bodyleft {
	color: #333;
	text-align: left;
	padding: 10px;
	width: 100px;
	float: left;
	/* overflow: hidden; explorer estende lo sfondo se il testo non entra nella larghezza */ 
}
#bodyleft .outside {
	padding: 10px;
}
#bodyleft .inside {
	width: 1000%;
}

/* IE pre 6 non aggiunge il padding, border e margin alla larghezza impostata del div che rimanel la stessa
Per uniformare il comportamento con gli altri browser imposto il padding in un ulteriore div interno ->
Vantaggio: uniformità + la larghezza impostata è quella finale indipendentemente dal padding, dal margin e dal border
*/
#bodycenter {
	float: left;
	width: 491px; /* il padding, margin e border li metto dentro al "#itemname .internal" cosi questa è la larghezza effettiva cross-browser */
	background-image: url(immagini/body_center.gif);
	text-align: left;

}
#bodycenter-full {
	float: left;
	width: 100%; /* il padding, margin e border li metto dentro al "#itemname .internal" cosi questa è la larghezza effettiva cross-browser */
	background-image: url(immagini/body_center.gif);
	text-align: left;
}

#bodycenter .outside, #bodycenter-full .outside {
	/* FIX IE PRE 6: Metto qui padding, margin e border */
	padding: 16px;
}

#bodycenter .inside, #bodycenter-full .inside {
	/* FIX IE PRE 6: imposto la width a quella della classe esterna ridotta in base ai valori della classse .external */
	width: 100%; /* il padding, margin e border li metto dentro al "#itemname .internal" cosi questa è la larghezza effettiva cross-browser */
}




#bodyright {
	background:url(immagini/body_right_up.gif);
	float: right;
	width: 259px;
	text-align: center;
}
#bodyright .outside {
	padding: 5px;
}
#bodyright .inside {
	width: 100%;
}

#bodyright-down {
	width: 259px;
	float: right;
	text-align: center;
}
#bodyright-down .outside {
	padding: 4px;
}
#bodyright-down .outside-info {
	padding: 13px;
}
#bodyright-down .inside {
	width: 100%;
}


#footer {
	clear: both;
	width: 100%;
	height: 74px; 
	background-image: url(immagini/piepagina.gif);
	text-align: center;
}

#footer p {
	padding-top: 7px;
	line-height: 17px;

}

#mappacliccabile {
	text-align: center;
	line-height: 0px;
}


#menudiv .vocemenu-off {  float: left; background-image: url(immagini/menu_off.gif);}
#menudiv .vocemenu-on  {  float: left; background-image: url(immagini/menu_on.gif);}
#menudiv .vocemenu-off a, #menudiv .vocemenu-on a {float: left; line-height: 36px; padding: 0px 6px; font-weight: bold; font-size: 12px; font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;}
#menudiv .vocemenu-off a { color: #4C4C4C; text-decoration: none; background-image: url(immagini/menu_off.gif);} 
#menudiv .vocemenu-on  a { color: #FFFFFF; text-decoration: none; background-image: none; }
#menudiv a:hover 		{ color: #FFFFFF; background-image: url(immagini/menu_on.gif);}


.sezione {
}

.sezione h1 {
color: #000;
font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	margin-bottom: 14px;
}

.sezione h2 {
	color: #7e2507;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px; /* cosi spezza il passo dei paragrafi */
	padding-bottom: 4px;
}

.sezione p {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: black;
}
.sezione p, .sezione p.text-normal {
	font-size: 12px;
	line-height: 16px;
	/* margin-top1: 4px; /* questo fa si che si crei uno spazio fra due div sovrapposti che contengono p -> non va bene */
	/* border-top1: 4px transparent solid; /* il transparent non � supportato su IE pre 7 e diventa nero */
	/* rimane solo il padding ma il top altera il punto elenco che devo eventualmente adeguare se non lo metto a 0 */
	padding-top: 0px;
	padding-bottom: 4px;
	/* Hack for transparent borders in IE6 */
	/* _border-color: tomato; */

	/* _filter: chroma(color=tomato); */

}

.sezione p.text-extrasmall {
	font-size: 10px;
	line-height: 12px;
}
.sezione p.text-small {
	font-size: 11px;
	line-height: 14px;
}
.sezione p.text-large {
	font-size: 13px;
	line-height: 16px;
}
.sezione p.text-extralarge {
	font-size: 14px;
	line-height: 18px;
}

.sezione a {
	color: #b82507;
	text-decoration: underline;
}
.sezione a:hover {
	color: #ff853f;
	text-decoration: none;
}


.sezione img.default { 
	border: 1px #7e2507 solid;
	padding: 4px;
	margin: 8px;
}
.sezione img.sx-up, 
.sezione img.sx,
.sezione img.sx-down,
.sezione img.dx-up,
.sezione img.dx,
.sezione img.dx-down {
	border: 1px #7e2507 solid;
	padding: 4px;
	margin: 8px;
}

.sezione img.sx-up {
	margin-left: 0px;
	margin-top: 2px;
	float: left;
}
.sezione img.sx {
	margin-left: 0px;
	float: left;
}
.sezione img.sx-down {
	margin-left: 0px;
	margin-bottom: 2px;
	float: left;
}
.sezione img.dx-up {
	margin-right: 0px;
	margin-top: 2px;
	float: right;
}
.sezione img.dx {
	margin-right: 0px;
	float: right;
}
.sezione img.dx-down {
	margin-right: 0px;
	margin-bottom: 2px;
	float: right;
}


.align-center {text-align: center}
.align-left {text-align: left}
.align-right {text-align: right}
.align-justify {text-align: justify}

.indent-firstline {text-indent: 20px }
.indent-all { padding-left: 20px }
.indent-bullet { background-image: url(immagini/punto_elenco.gif); background-repeat: no-repeat; }


/* details table */
.details { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; width:100%; float:left }
.details dt, .details dd { float:left; border-top:1px solid #ccc; padding-top: 3px;}
.details dt { background-color: #eee; width:60%; }
.details dd { background-color: #fff; width:20%; font-size: 10px; font-weight: bold; text-align:right;}

.details dt.firstline { border: 0; text-align: left; background-color: transparent; font-weight: bold; color: #7e2507}
.details dd.firstline { border: 0; text-align: right; background-color: transparent; font-weight: bold; color: #7e2507}

.clearboth {
	clear:both;
	font-size: 10px;
}

.titolo-sezione        { color: #306aaf; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 16px 0 10px }
.argomento-sezione      { color: #ff853f; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 14px; margin-bottom: 8px }
.p-div-rientro 	 	    { text-indent: 20px; margin: 5px 0 0 }
.p-div-indentazione	     { margin: 5px 0 0 10px; padding-left: 10px }
.p-div-puntoelenco        { background-image: url("immagini/punto_elenco.gif"); background-repeat: no-repeat; margin: 5px 0 0; padding: 0 0 0 20px }
.dettagliosezione    { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 }
.dettagliosezione i  { color: #f90 }
.dettagliosezione strong { color: #333 }
.dettagliosezione-piccolo    { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.dettagliosezione-grande     { color: black; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-indent: 0; margin: 5px 0 0 }

.link-sezione       { color: #f90; text-decoration: underline }
.link-sezione:hover     { color: #c03; text-decoration: none }

.linkpagina       { color: #f90; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 700; text-decoration: underline }
.linkpagina:hover     { color: #c03; text-decoration: none }

.piepagina-testo   { color: #666666; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal ; }
.piepagina-separatore   { color: #000000; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal ; }
.piepagina-link      { color: #7e2507; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }
.piepagina-link:hover   { color: #000000; text-decoration: underline }

form.gruppoimmobiliaresrl1 { margin: 0; padding: 0; font-family: Tahoma, Arial, sans-serif }
form.gruppoimmobiliaresrl input    { color: #646464; font-size: 11px; margin: 0; padding: 0 }
form.gruppoimmobiliaresrl textarea  { color: #646464; font-size: 11px; margin: 0; padding: 0 }
form.gruppoimmobiliaresrl strong   { color: #7e2507; font-size: 11px;}
form.gruppoimmobiliaresrl em { color: #ff0000; font-size: 14px; }

.tabella-tariffe { border-width: 0; }
.tabella-tariffe td { border-bottom: 1px dashed #005800}