﻿/* ------------------------ 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_principale_offerte.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 ------------------------ */

#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; font-weight:bold; color:#991508; border-bottom:2px solid white; display:block;}
#menu ul li a {text-decoration:none; font-weight:normal; color:#991508; background:url(/images/sf_menu_li.gif); padding:7px 0 7px 7px; display:block;}
#menu ul li a:hover {color:#666;}
#menu ul li.selezionato a {font-weight:bold;}
#menu ul li.selezionato ul {margin:10px 0 10px 5px;}
#menu ul li.selezionato ul li {}
#menu ul li.selezionato ul li a {background:none; padding:2px 3px; font-weight:normal;}
#menu ul li.selezionato ul li a:hover {background:#DDD4C6;}
#menu ul li.selezionato ul li.selezionato a {font-weight:bold; text-transform:uppercase;}
#menu ul li.selezionato ul li.selezionato ul li {margin:0 10px;}
#menu ul li.selezionato ul li.selezionato ul li a {text-transform:none; font-weight:normal;}
#menu ul li.selezionato ul li.selezionato ul li.selezionato a {font-weight:bold;}

/* ------------------------ 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 ------------------------ */


/* ------------------------ 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 ------------------------ */

/* ------------------------ 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, .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:0;}

/* ------------------------ 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:9pt; 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 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; font-size:7pt; font-style:italic;}
	#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; padding:0; color:#991508;}	
	#middle #container #content .column #dettagli_prodotto .documenti_prodotto ul li {margin:2px 0;}
	#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}

/* ricerca offerte */
	#frmRicercaOfferte {margin:20px 0; width:225px; line-height:20pt; text-align:left;}
	#frmRicercaOfferte .input_select {width:220px;}
	.allineamento_cnt {text-align:center;}
	#ricerca_proposte h2 {background:#991508; color:white; padding:8px; font-size:8pt;}
#slogan {}

