﻿/* ------------------------ STRUTTURA ------------------------ */

body {
	text-align:center;
	font-family:Verdana;
	font-size:8pt;
	color:#686767;
	margin:0 auto;
	background:url(/images/sf_body.gif) top repeat-x;
}

hr {color:#808080; height:1px}

/* ------------------------ TOP ------------------------ */

#top {
	height:330px;
	border-top:3px solid #991508;
	border-bottom:5px solid #991508;
	background:url(/images/sf_top.gif) top repeat-x;
}
#top_sf {
	height:37px;
	position:relative;
	width:956px;
	background:url(/images/top_sf.gif);
	margin:0 auto;
	text-align:left;
}
#immagine_principale {
	border-left:3px solid #991508;
	border-right:3px solid #991508;
	height:312px;
	position:relative;
	width:936px;
	margin:0 auto;
	text-align:left;
	padding:18px 0 0 14px;
	background:url(/images/immagine_principale01.jpg) #fff;
}
#offerte #immagine_principale, #angebote #immagine_principale, #offers #immagine_principale {
	background:url(/images/immagine_principale_offerte.jpg) #fff;
}

h1#logo {
	position:relative;
	width:352px;
	height:75px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	background:url(/images/ImmobilienWernerRieger_logo.jpg);
}

h1#logo a {
	width:352px;
	height:75px;
	display:block;	
}

/* ------------------------ Fine TOP ------------------------ */

/* ------------------------ MENU LINGUE ------------------------ */

#menu_lang ul {
	padding:0;
	margin:12px 0 0 0;
	height:25px;
	float:right;
}
#menu_lang ul li {
	padding:0;
	margin:0;
	display:inline;
	list-style-type:none;
	color:#991508;
	text-align:center;
}
#menu_lang ul li a:link, #menu_lang ul li a:visited, #menu_lang ul li a:hover {
	text-decoration:none;
	border-right:1px solid #991508;
	border-left:1px solid #b2a694;
	width:43px;
	height:25px;
	display:block;
	float:left;
	color:#991508;
	padding:0 0 0 5px;
	background:url(/images/sf_li_lang.gif) right no-repeat;
}
#menu_lang ul li.first a:link, #menu_lang ul li.first a:visited, #menu_lang ul li.first a:hover {
	text-decoration:none;
	border-right:1px solid #991508;
	border-left:none;
	width:48px;
	height:25px;
	display:block;
	float:left;
	color:#991508;
	padding:0 0 0 5px;
	background:url(/images/sf_li_lang.gif) right no-repeat;
}

.lingua {
	padding:0 5px 0 5px;
}
/* ------------------------ Fine MENU ------------------------ */

/* ------------------------ MENU ------------------------ */

#menu {
	padding:0;
	margin:0 0 10px 0;
}
#menu ul {
	padding:0;
	margin:0 0 10px 0;
}
#menu ul li {
	padding:0;
	margin:0;
	list-style-type:none;
	color:#991508;
	border-bottom:2px solid white;
}
#menu ul li a:link, #menu ul li a:visited {
	text-decoration:none;
	color:#991508;
	height:21px;
	padding:7px 0 0 40px;
	background:url(/images/sf_lil.gif);
	display:block;
}
#menu ul li a:hover {
	text-decoration:none;
	color:#991508;
	height:21px;
	padding:7px 0 0 40px;
	background:url(/images/sf_lil.gif);
	display:block;
}
#menu ul li.selezionato {
	color:#991508;
	font-weight:bold;
	height:21px;
	padding:7px 0 0 40px;
	background:url(/images/sf_lil.gif);
	width:155px;
	display:block;
	border-left:3px solid #991508;
}

/* ------------------------ Fine MENU ------------------------ */

/* ------------------------ MENU A SOFFIETTO ------------------------ */

h3 {
	margin: 0;
	width:158px;
	color:#991508;
	height:21px;
	padding:7px 0 0 40px;
	background:url(/images/sf_lil.gif) #e4dccf;
	font-weight: normal;
	font-size:8pt;
	border-bottom:2px solid white;
}
h3 a:hover {
	color:#991508;
	font-weight:bold;
}
h3 a:link, h3 a:visited {
	color:#991508;
	text-decoration: none;
	display: block;
}

h3.trigger {
	margin: 0;
	width:158px;
	color:#991508;
	height:21px;
	padding:7px 0 0 40px;
	background:url(/images/sf_lil.gif) #e4dccf;
	font-weight: normal;
	font-size:8pt;
	border-bottom:2px solid white;
}
h3.trigger a:link, h3.trigger a:visited {
	color:#991508;
	text-decoration: none;
	display: block;
}
h3.trigger a:hover {
	color:#991508;
	font-weight:bold;
}
h3.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	background: #f3ede4;
	overflow: hidden;
	width: 198px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h4 {
	margin:5px 0 5px 0;
	padding:0;
	background: #f3ede4;
	color:#991508;
	height:21px;
	display:block;
	font-weight: normal;
	font-size:7pt;
}
.toggle_container h4 a:link, .toggle_container h4 a:visited {
	color:#991508;
	text-decoration:none;
	height:21px;
	border-bottom:2px solid #e1d9cc;
	display:block;
}
.toggle_container h4 a:hover {
	color:#991508;
	text-decoration:none;
	font-weight:bold;
	height:21px;
	border-bottom:2px solid #e1d9cc;
	display:block;
}

/* ------------------------ Fine MENU A SOFFIETTO ------------------------ */

/* ------------------------ MENU CATEGORIE ville, appartamenti, rustici ------------------------ */

#fascia_menu #menu_offerte {
	display:none;
}
#offerte #fascia_menu, #angebote #fascia_menu {
	height:99px;
	width:100%;
	border-top:3px solid white;
	border-bottom:2px solid white;
	background:url(/images/sf_fascia_offerte.gif);
} 
#offerte #fascia_menu #menu_offerte, #angebote #fascia_menu #menu_offerte {
	position:relative;
	width:956px;
	margin:0 auto;
	text-align:left;
	display:block;
}
#offerte #fascia_menu #menu_offerte #slogan, #angebote #fascia_menu #menu_offerte #slogan {
	float:left;
	width:203px;
	height:89px;
	margin:0;
	padding:5px 0 0 0;
	font-size:11pt;
	color:white;
}
#offerte #fascia_menu #menu_offerte ul, #angebote #fascia_menu #menu_offerte ul {
	float:right;
	margin:0;
	padding:0;
	width:750px;
	border-right:3px solid white;
	border-bottom:1px solid white;
}
#offerte #fascia_menu #menu_offerte ul li, #angebote #fascia_menu #menu_offerte ul li {
	position:relative;
	margin:0;
	padding:0;
	display:block;
	float:left;
	height:99px;
	width:247px;
	border-left:3px solid white;
	cursor:pointer;
}
#offerte #fascia_menu #menu_offerte ul li a, #angebote #fascia_menu #menu_offerte ul li a {
	position:absolute;
	border-top:3px solid white;
	background:url(/images/sf_tasto_offerte.gif);
	bottom:0;
	height:16px;
	width:237px;
	text-transform:uppercase;
	color:#991508;
	text-align:right;
	font-weight:bold;
	padding:1px 10px 0 0;
	font-family:Arial;
	letter-spacing:1px;
	font-size:9pt;
}


/* ------------------------ Fine MENU CATEGORIE ville, appartamenti, rustici ------------------------ */



#fascia_menu {
	height:32px;
	width:100%;
	border-top:3px solid white;
	border-bottom:2px solid white;
	background:url(/images/sf_fascia.gif);
}
#middle {
	width:100%;
	background:url(/images/sf_middle.gif) repeat-x;
	margin:0 0 10px 0;
}
#container {
	position:relative;
	width:956px;
	margin:0 auto;
	text-align:left;
}
#content {
	float:right;
	width:728px;
	padding:30px 0 0 20px;
	margin:0 0 20px 0;
	text-align:justify;
	line-height:15px;
}
.column {
	border-top:2px solid #c3c0bb;
	padding:20px 0 0 0;
}
#column_left {
	float:left;
	width:275px;
}
#column_right {
	float:left;
	width:415px;
	margin:0 0 0 25px;
}
#gallery {
	margin:15px 0 0 0;
	background:#eeeeec;
	padding:10px;
}
#gallery img {
	border:2px solid #fff;
	margin:5px;
	padding:7px;
}
#sidebar {
	float:left;
	width:198px;
	border-left:4px solid white;
	border-right:4px solid white;
	border-bottom:4px solid white;
}
#sidebar #indirizzi {
	font-size:7pt;
}
#sidebar #indirizzi p {
	padding:0;
	margin:5px 0 20px 0;
}


/* ------------------------ TITOLI ------------------------ */

h2 {
	margin:0;
	padding:0;
	font-size:10pt;
	font-weight:lighter;
	color:#991508;
	padding:0 0 5px 0;
	border-bottom:1px solid #991508;
}

/* ---- SOTTOTITOLO ---- */

.sottotitolo {
	font-size:7pt;
	color:#afaca7;
}

/* ---- Fine SOTTOTITOLO ---- */


h5 {
	margin:0;
	padding:0 0 5px 0;
	color:#686767;
	font-size:8pt;
	font-weight:bold;
	border-bottom:1px solid #d1d1d1;
	letter-spacing:-1px;
}

/* ------------------------ Fine TITOLI ------------------------ */

/* ------------------------ FOOTER ------------------------ */
#footer {
	position:relative;
	width:956px;
	margin:0 auto;
	text-align:left;
}
#bottom {
	height:23px;
	background:#991508;
	color:#fff;
	padding:7px 0 0 10px;
	font-size:7pt;
}

/* ------------------------ Fine FOOTER ------------------------ */

/* ----------------- LINK GENERALI -------------- */

.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
a:link, a:visited {
	color:#686767;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}
img {
	margin:0;
	padding:0;
	border:0;
}
.campitura {
	background:#991508;
	color:white;
	padding:8px;
	font-size:8pt;
}

/* ----------------- Fine LINK GENERALI -------------- */


/* ------------------------ Concept by ------------------------ */

#concept {
	float:right;
	font-size:7pt;
	padding:0;
	color:#5d5c5a;
	margin:7px 0 0 0;
}

#concept .linktp:visited           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp:link           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp:hover             {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Fine Concept by ------------------------ */

/* FORM */
	#frmContatti {font-size:8pt;}
	#frmContatti .input_text {color:#808080; width:98%;font-size: 9pt;}
	#frmContatti .input_area {color:#808080; width:98%;font-size: 9pt; height:50px}
	#frmContatti .ro {font-size:8pt;}
	#frmContatti .input_select {color:#808080; font-size:9pt;}
		
	.contatti {
		float:left;
		width:250px;
		padding-left:10px;
		padding-right:10px;
	}

	#box_errore {
		position:absolute;
		display:none;
		margin:100px;
		width:300px;
		left:500px;
		top:450px;
		height:150px;
		border:1px solid #000;
		text-align:left;
		background:#fff;
		z-index:5;
		}
	#div_titolo_errore {
		background:#991508;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#000;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
		
/* fine FORM */

	.bottone {
		position: relative;
		font-family:Verdana;
		font-size:10px;
		color:#494542;
		width:90px;
		height:25px;
		margin:5px;
	}

/* ------------------------ HOMEPAGE ------------------------ */

#home #container {
	position:relative;
	width:956px;
	margin:0 auto;
	text-align:left;
	padding:15px 0 0 0;
	height:332px;
}
#home #content {
	float:left;
	width:708px;
	padding:23px 5px 23px 5px;
	margin:0;
	background:white;
	height:286px;
}
#home #sidebar {
	float:right;
	width:226px;
	background:white;
	border:0;
}
#home #sidebar #indirizzi {
	font-size:7pt;
	width:200px;
	height:295px;
	padding:13px;
	background:url(/images/sf_indirizzi_home.gif);
}
#home #sidebar #indirizzi p {
	margin:0;
	padding:10px 20px 10px 20px;
}
#home #sidebar #indirizzi table {
	margin:0 0 0 20px;
	padding:0;
	width:170px;
}
#home #sidebar #indirizzi table tr, #home #sidebar #indirizzi table tr td {
	margin:0;
	padding:0;
}
#home h5 {
	margin:0;
	padding:0 0 5px 0;
	color:#686767;
	font-size:8pt;
	font-weight:bold;
	border-bottom:1px solid #d1d1d1;
	letter-spacing:-1px;
}

/* ---- BOX HOMEPAGE ---- */

#home #content a:link, #home #content a:visited {
	text-decoration:none;
	color:white;
}
#home #content a:hover {
	text-decoration:none;
	color:black;
}

/* ---- rilievo ---- */

#home #content #box_rilievo {
	float:left;
	position:relative;
	width:464px;
}
#home #content #box_rilievo h6 {
	margin:0;
	padding:7px 0 0 10px;
	width:454px;
	height:26px;
	font-size:12pt;
	color:white;
	background:url(/images/box_home/sf_tito_box_rilievo.gif);
	border-bottom:1px solid white;
}

#home #content #box_rilievo .testo_box {
	position:relative;
	width:464px;
	background:url(/images/box_home/sf_testo_box.gif) bottom no-repeat #f9f6f2;
	border-top:1px solid #c2d6ed;
	height:99px;
	cursor:pointer;
}
#home #content #box_rilievo .testo_box p {
	margin:0;
	padding:13px 0 0 16px;
	color:#94918c;
	width:140px;
	text-align:left;
}
#home #content #box_rilievo .testo_box .immagine_box {
	position:relative;
	float:right;
	margin:2px 0 0 0;
}
#home #content #box_rilievo .testo_box a {
	position:absolute;
	top:2px;
	right:2px;
	width:300px;
	height:91px;
	cursor:pointer;
	background:black;
	opacity:0; 
	filter:alpha(opacity=0);
	z-index:2;
}
#home #content #box_rilievo .testo_box a:hover {
	position:absolute;
	top:2px;
	right:2px;
	width:300px;
	background:black;
	height:91px;
	cursor:pointer; 
	opacity:0.30; 
	filter:alpha(opacity=30);
	z-index:2;
}
#home #content #box_rilievo .testo_box .cornice {
	position:absolute;
	top:2px;
	right:0;
}
#home #content #box_rilievo .testo_box img.freccia {
	position:absolute;
	bottom:3px;
	right:0;
	z-index:3;
}
#home #content #box_rilievo p.piu_info {
	position:absolute;
	top:10px;
	right:20px;
	margin:0;
	padding:0;
	font-size:7pt;
	color:white;
	font-weight:lighter;
	opacity: 0.50;
	filter:alpha(opacity=50);
	text-decoration:underline;
}

/* ---- Fine rilievo ---- */

/* ---- categorie ---- */

#content .box_categorie {
	float:left;
	position:relative;
	width:226px;
	height:135px;
	margin:10px 10px 0 0;
	cursor:pointer;
	overflow:hidden;
}
#content .box_categorie h6 {
	margin:0;
	padding:7px 0 0 10px;
	width:216px;
	height:26px;
	font-size:11pt;
	color:white;
	background:url(/images/box_home/sf_tito_box_categorie.gif);
	border-bottom:1px solid white;
}
#content .box_categorie .testo_box {
	position:relative;
	width:226px;
	background:url(/images/box_home/sf_testo_box2.gif) bottom no-repeat #fefefe;
	border-top:1px solid #c2d6ed;
	height:98px;
}
#content .box_categorie .testo_box a {
	position:absolute;
	top:2px;
	right:2px;
	width:220px;
	height:91px;
	cursor:pointer;
	background:black;
	opacity:0; 
	filter:alpha(opacity=0);
	z-index:2;
}
#content .box_categorie .testo_box a:hover {
	position:absolute;
	top:2px;
	right:2px;
	width:220px;
	background:black;
	height:91px;
	cursor:pointer; 
	opacity:0.30; 
	filter:alpha(opacity=30);
	z-index:2;
}
#content .box_categorie .testo_box .immagine_box {
	margin:2px 0 0 0;
	overflow:hidden
}
#content .box_categorie .testo_box .cornice {
	position:absolute;
	top:2px;
}
#content .box_categorie .testo_box img.freccia {
	position:absolute;
	bottom:2px;
	right:0;
	z-index:3;
}
#content .box_categorie p.piu_info {
	position:absolute;
	top:10px;
	right:20px;
	margin:0;
	padding:0;
	font-size:7pt;
	color:white;
	font-weight:lighter;
	opacity: 0.50;
	filter:alpha(opacity=50);
}
#content .box_categorie p.piu_info a {
	text-decoration:underline;
}

/* ---- Fine categorie ---- */

/* ---- meteo ---- */

#home #content #meteo {
	float:left;
	width:204px;
	height:111px;
	background:url(/images/sf_meteo.gif);
	margin:0 0 0 10px;
	padding:20px 0 0 22px;
	color:#94918c;
	cursor:pointer;
}
#home #content #meteo a:link, #home #content #meteo a:visited {color:#94918c; display:block; height:100px;}
#home #content #meteo p {
	padding:0;
	margin:0;
	width:120px;
	text-align:left;
	cursor:pointer;
}
.titolo {
	font-size:10pt;
}

/* ---- Fine meteo ---- */


/* ---- MENU LINGUE ---- */

#home #fascia_menu #menu_lang {
	padding:3px 0 0 0;
	position:relative;
	width:956px;
	margin:0 auto;
	text-align:left;
}

#home #fascia_menu #menu_lang ul {
	padding:0;
	margin:0;
	height:20px;
}
#home #fascia_menu #menu_lang ul li {
	padding:0;
	margin:0;
	display:inline;
	list-style-type:none;
	color:#ffffff;
	font-size:14pt;
	height:20px;
	width:140px;
	display:block;
	float:left;
}
#home #fascia_menu #menu_lang ul li a:link, #home #fascia_menu #menu_lang ul li a:visited, #home #fascia_menu #menu_lang ul li a:hover {
	text-decoration:none;
	border-right:2px solid #ffffff;
	border-left:none;
	color:#ffffff;
	height:20px;
	width:130px;
	display:block;
	background:none;
	float:left;
}
/* ---- Fine MENU LINGUE ---- */

/* ---- Fine BOX HOMEPAGE ---- */

/* ------------------------ Fine HOMEPAGE ------------------------ */

/*prodotto*/
	#middle #container #content .column .box_offerta {position:relative; margin:20px 0 0 0; height:100px;  font-size:9pt; background:#F3F3F2; padding:0}
	#middle #container #content .column .box_offerta a.dettagli_prodotto:link, #middle #container #content .column .box_offerta a.dettagli_prodotto:visited {display:block; height:100px;padding:0; margin:0; border:1px #991508 solid;}
	#middle #container #content .column .box_offerta a.dettagli_prodotto:hover {background:#fff}
	#middle #container #content .column .box_offerta img {float:left; margin:0 10px 0 0; padding:0;}
	#middle #container #content .column .box_offerta p {color:#686767; margin:0; font-size:8pt; padding:7px; line-height:13px;}
	#middle #container #content .column .box_offerta p.nome_prodotto {font-size:10pt; color:#991508;}
	#middle #container #content .column .box_offerta p.descrizione_prodotto {font-size:9pt;}
	#middle #container #content .column .box_offerta .box_offerta_azioni {position:absolute; right:8px; bottom:8px; text-align:right; }
	#middle #container #content .column .box_offerta .box_offerta_azioni img {margin:3px;}
	#fascia_menu #menu_offerte #sotto_categoria_selezionata {background:#231515; opacity:0.70; filter:alpha(opacity=70); width:100%; height:80px; margin:0;}
	#fascia_menu #menu_offerte ul li a#nome_sotto_categoria_selezionata:link, #fascia_menu #menu_offerte ul li a#nome_sotto_categoria_selezionata:visited  {color:#666}
	h2 .nome_categoria {font-weight:bold; font-size:11pt;}

/*dettagli prodotto*/
	#middle #container #content .column #dettagli_prodotto .box_dettagli {margin:10px 0 20px 0; height:200px; font-size:10pt; line-height:15pt;}
	#middle #container #content .column #dettagli_prodotto .box_dettagli img {float:left; margin-right:10px; border:1px #991508 solid}
	#middle #container #content .column #dettagli_prodotto .box_dettagli img:hover {border:1px #666 solid}
	#middle #container #content .column #dettagli_prodotto .box_dettagli p {margin:10px;}
	#middle #container #content .column #dettagli_prodotto p {color:#686767; font-size:10pt;}
	#middle #container #content .column #dettagli_prodotto .box_dettagli p.nome_prodotto {font-size:11pt; color:#991508;}
	#middle #container #content .column #dettagli_prodotto .box_dettagli p.descrizione_prodotto {font-size:10pt;}

	#middle #container #content .column #dettagli_prodotto #immagini_prodotto {background:#F3F3F2; border:1px #DCDBD7 solid; padding:5px; margin:10px 0;}
	#middle #container #content .column #dettagli_prodotto #immagini_prodotto a:link, #middle #container #content .column #dettagli_prodotto #immagini_prodotto a:visited {display:block; float:left; border:1px #666 solid; margin:3px}
	#middle #container #content .column #dettagli_prodotto #immagini_prodotto a:hover {border:1px #991508 solid}
	#middle #container #content .column #dettagli_prodotto #immagini_prodotto .clear {font-size:1pt; line-height:1pt}
	
	#middle #container #content .column #dettagli_prodotto .documenti_prodotto {margin:20px 0;}
	#middle #container #content .column #dettagli_prodotto .documenti_prodotto h2 {padding-right:20px; border-bottom:1px #991508 solid; width:200px}
	#middle #container #content .column #dettagli_prodotto .documenti_prodotto ul {list-style:none; margin:10px 0; color:#991508;}
	#middle #container #content .column #dettagli_prodotto .documenti_prodotto ul li a:hover {color:#991508;}

	#indietro {float:left; font-size:8pt; width:150px; margin-top:-4px;}
	#richiesta_informazioni {float:right; font-size:8pt; width:150px; text-align:right; margin-top:-4px;}
	#indietro a:hover, #richiesta_informazioni a:hover {color:#991508;}

/* Pagine */

	#pagine {
		position:relative;
		padding:0px;
		height:20px;
		margin:20px 0 0 0;
		}
	#pagine ul	{
		margin: 0;
		padding:5px 14px 0 0;
		color: #000;
		font-family: verdana, helvetica, sans-serif;
		float: right;
		text-align: right;
		}
	#pagine ul li	{
		display: inline;
		padding: 0 10px 0 10px;
		color: #991508;
		font-size: 8pt;
		text-decoration: none;
		float: left;
		border-right: 1px solid #991508;
		}
	
	#pagine ul li a 	{color: #000;}
	#pagine ul li a:hover	{color: #991508;}
	#pagine ul li.ultima {border:0;}
/* fine pagine */

#home #middle #container #content a:link, #home #middle #container #content a:link {height:50px}

#middle #container #sidebar #indirizzi .rosso, #middle #container #sidebar #indirizzi p.rosso a:link, #middle #container #sidebar #indirizzi p.rosso a:visited  {color:#991508}
#middle #container #sidebar #indirizzi p.rosso a:hover  {color:#666}
