html{
overflow: scroll;
}
body{
background: #000 url('../img/bg/palazzo_belcredi_1.jpg');
background-attachment: fixed;
background-position: top center;
margin:0;
padding:0;
font-family: Georgia;
font-size:12px;
/*word-spacing:-0.05em;*/
line-height:1.3em;
text-align: center;
color:#FFF;
}
body.immobili {
background: #000 url('../img/bg/palazzo_belcredi_3.jpg');
background-attachment: fixed;
background-position: top center;
}
body.gallery {
background: #000 url('../img/bg/palazzo_belcredi_2.jpg');
background-attachment: fixed;
background-position: top center;
}
body.dove_siamo {
background: #000 url('../img/bg/palazzo_belcredi_dove_siamo.jpg');
background-attachment: fixed;
background-position: top center;
}
body.storia {
background: #000 url('../img/bg/palazzo_belcredi_5.jpg');
background-attachment: fixed;
background-position: top center;
}
strong{
font-weight:bold;
color:#dfc459;
}
em{
font-style:italic;
}
div#content h2{ color:#FFFFCC;
}
p a{ background:#8e2917;
color:#dfc459;
text-decoration:none;
}
p a:hover{
background:#cc3300;
color:#FFFF66;
}
.focus p a{
background:none;
color:#FFD980;
text-decoration:underline;
}
.focus p a:hover{
color:#fff;
}
p{
display:block;
margin-bottom:10px;
margin-top:10px;
overflow:visible;
}
h1, h2, h3, h4, h5, h6{
font-weight:bold;
line-height:normal;
}
h1{
font-size:1.8em;
}
div { margin:0;
padding:0;
border:none;
}
img{
display:block;
}
img.mappa{
margin-left:16px;
}
small{
color:#999999;
overflow:visible;
padding:6px;
}
div#text{
position:relative;
display:block;
width:460px;
left:56px;
overflow:hidden;
}
div#header{
background-image: url('../img/header.gif');
/* background:#FF0000; */
background-position:top left;
height:185px;
width:100%;
display:block;
clear:both;
overflow:hidden;
position:relative;
}
#header h1, #header address, a.contattaci{
text-indent:-9999px;
overflow:hidden;
}
#header h1 a, #header address{
position:absolute;
right:123px;
}
#header h1 a{
background-image: url('../img/heading/Palazzo_Belcredi.gif');
background-position: top center;
background-repeat:no-repeat;
display:block;
width:374px;
height:47px;
top:53px;
}
#header address{
background-image: url('../img/heading/via_Luigi_Porta_14_PV.gif');
background-position: top center;
background-repeat:no-repeat;
display:block;
width:220px;
height:23px;
top:108px;
}
#header a.contattaci{
display:block;
width:18px;
height:45px;
background: #FFF url('../img/btn_contact.gif');
background-position: top left;
background-repeat:no-repeat;
position:absolute;
right:0;
}
#header a.contattaci:hover{
background: #ffe400 url('../img/btn_contact.gif');
}
#page {
display:block;
width:741px;
margin-left:auto;
margin-right:auto;
top:0;
overflow:hidden;
text-align: left;
}
div#icon {
display:block;
width:85px;
height:86px;
float:right;
right:34px;
margin-top:-100px;
position:relative;
z-index:10;
}
.home div#icon {background-image: url('../img/icon_home.jpg'); }
.storia div#icon {
background-image: url('../img/icon_storia.jpg');
}
.chi_siamo div#icon {
background-image: url('../img/icon_chi_siamo.jpg');
}
.gallery div#icon {
background-image: url('../img/icon_gallery.jpg');
}
.palazzo div#icon {
background-image: url('../img/icon_palazzo.jpg');
}
.dove_siamo div#icon {
background-image: url('../img/icon_dove.jpg');
}
.immobili div#icon {
background-image: url('../img/icon_immobili.jpg');
}
/*------------------------*/
div#menu{
display:block;
float: left;
width:169px;
/*height:320px;*/
overflow:hidden;
}
div#menu ul#main{
text-align:center;
background: url('../img/bg_menu.gif') repeat-x;
background-position:top;
display:block;
float:left;
/*height:289px !important;
height:296px;*/
/*margin:14px 0 0 15px;*/
text-align:center;
width:169px;
border:none;
margin:0;
padding:0;
padding-top:14px;
}
div#menu ul#main li{
display:block;
padding-top:8px !important;
padding-top:6px;
padding-bottom:8px !important;
padding-bottom:6px;
list-style-type:none;
}
div#menu ul#main li a{
padding:0;
margin:0;
display:block;
height:17px;
width:100%;
line-height:36px;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
}
div#menu ul#main li a span{
padding:0;
margin:0;
display:block;
width:169px;
height:17px;
}
div#menu ul#main li.break{
display:block;
height:15px;
/*margin-left:12px;*/
background: #8e2917 url('../img/break_menu.gif') no-repeat;
background-position:center;
padding-bottom:8px;
}
div#menu ul#main li.close{
background: url('../img/end_menu.gif') no-repeat;
background-position:left bottom;
display:block;
padding-bottom:0px;
padding-top:0px;
/* height:24px;
*/
}
div#menu ul#main li.storia{padding-top:10px;}
div#menu ul#main li.storia a span{
background: url('../img/btn_storia.gif') no-repeat; background-position: top center ;}
div#menu ul#main li.chi_siamo a span{
background: url('../img/btn_chisiamo.gif') no-repeat; background-position:top center ;}
div#menu ul#main li.gallery a span{
background: url('../img/btn_gallery.gif') no-repeat; background-position: top center ;}
div#menu ul#main li.palazzo a span{
background: url('../img/btn_palazzo.gif') no-repeat; background-position:top center ;}
div#menu ul#main li.dove_siamo a span{
background: url('../img/btn_dovesiamo.gif') no-repeat; background-position:top center ;}
div#menu ul#main li.immobili a span{
background: url('../img/btn_immobili.gif') no-repeat; background-position:top center ;}
div#menu ul#main li.storia , div#menu ul#main li.chi_siamo, div#menu ul#main li.gallery, div#menu ul#main li.palazzo, div#menu ul#main li.dove_siamo, div#menu ul#main li.immobili{
background:#8e2917;
}
div#menu ul#main li.storia a:hover, div#menu ul#main li.chi_siamo a:hover, div#menu ul#main li.gallery a:hover, div#menu ul#main li.palazzo a:hover, div#menu ul#main li.dove_siamo a:hover, div#menu ul#main li.immobili a:hover,
div#menu ul#main li.storia a.selected, div#menu ul#main li.chi_siamo a.selected, div#menu ul#main li.gallery a.selected, div#menu ul#main li.palazzo a.selected, div#menu ul#main li.dove_siamo a.selected, div#menu ul#main li.immobili a.selected
{
background: url('../img/btn_statusOver.gif') no-repeat;
background-position: center right !important;
background-position: top right ;
}
div#menu ul#main li.immobili a:hover, div#menu ul#main li.immobili a.selected
{
background: url('../img/btn_statusOver.gif') no-repeat;
background-position: center right;
}
div#menu ul#main li.immobili a {height:62px;}
div#menu ul#main li.immobili a span{
height:62px;
background: url('../img/btn_immobili_disponibili.gif') no-repeat;
background-position:center;
}
div#content{
background:#252525;
background-image: url('../img/bg_content.gif');
border: none;
/*overflow:hidden; */
display:block;
width:573px !important;
width:573px;
min-height:400px;
height:auto !important;;
height:400px;
margin:0;
float:right;
position:relative;
top:0;
z-index:1;
padding-top:80px;
padding-bottom:30px;
}div#content, div#footer{
width:572px !important;
width:572px;
}
div#content h1{
position:absolute;
top:0;
height:67px;
display:block;
overflow:hidden;
background:#252525;
margin-bottom:40px;
background-image: url('../img/bg_h1_content.gif');
background-repeat:repeat-x;
width:100%;
}
div#content h1 span{
height:45px;
display:block;
position:relative;
top:0;
background-image: url('../img/bg_headline.gif');
background-repeat:repeat-x;
background-position:right;
}
/*------------------------------*/
div#content h1 span strong{display:block; height:18px; background-repeat:no-repeat; text-indent:-9999px; overflow:
hidden; top:14px; position:relative;}
.home div#content h1 span{width:250px;}
.storia div#content h1 span{width:211px;}
.chi_siamo div#content h1 span{width:251px;}
.gallery div#content h1 span{width:228px;}
.palazzo div#content h1 span{width:321px;}
.dove_siamo div#content h1 span{width:256px;}
.immobili div#content h1 span{width:346px;}
.contatti div#content h1 span{width:230px;}
div#content h1 span strong{
margin-left:66px;
margin-right:73px;
}
.home div#content h1 span strong{background-image: url('../img/heading/benvenuti.gif'); }
.storia div#content h1 span strong{background-image: url('../img/heading/storia.gif');}
.chi_siamo div#content h1 span strong{background-image: url('../img/heading/chi_siamo.gif');}
.gallery div#content h1 span strong{background-image: url('../img/heading/gallery.gif');}
.palazzo div#content h1 span strong{background-image: url('../img/heading/palazzobelcredi.gif');}
.dove_siamo div#content h1 span strong{background-image: url('../img/heading/dove_siamo.gif');}
.immobili div#content h1 span strong{background-image: url('../img/heading/immobili_disponibili.gif');}
#content h2{
font-size:1.2em;
}
div#content h2{
/*line-height:2.2em;*/
font-weight:bold;
margin-top:4px;
margin-bottom:16px;
}
/*------------------------------*/
div#content .abstract{
display:block;
background: url('../img/break_abstract.gif');
background-repeat:no-repeat;
background-position:bottom center;
overflow:hidden;
padding-bottom:16px !important;
padding-bottom:34px ;
}
div#content .focus{
display:block;
position:relative;
font-size:1.2em;
color:#f6c292;
/*}
div#content .focus{*/
background: #4c352a url('../img/bg_focus.gif');
background-repeat:repeat-x;
width:432px !important;
width:460px ;
min-height:188px;
height:188px;
padding:10px;
margin-bottom:10px;
border: solid 4px #303030;
overflow:hidden;
z-index:15;
}
div#content .focus h2, div#content .focus strong, div#content .focus em{
color:#f6c292;
}
.home div#content .focus{
background: #5f3c2a url('../img/focus_belcredi.jpg');
background-position:bottom;
background-repeat:repeat-x;
height:300px !important;
height:340px;
width:412px !important;
width:460px ;
padding:20px ;
margin-bottom:20px;
}
.immobili div#content .focus{
height:320px !important;
height:340px;
}
#scheda.immobili div#content .focus{
height:428px !important;
height:468px;
padding:20px;
width:412px !important;
width:460px ;
padding-top:25px;
margin-bottom: 24px;
}
.immobili div#content .focus img.piani{
display:block;
height:261px;
width:366px;
position:absolute;
bottom:0px;
left:40px;
z-index:2;
}
a.dettaglio{
z-index:30;
}
a.doc{
display:block;
float:right;
height:70px;
width:180px;
clear:both;
margin-bottom:20px;
}
a.palazzo{
display:block;
overflow:hidden;
height:98px;
width:168px;
position:absolute;
right:14px;
bottom:30px;
} a.palazzo img{height:98px;
width:168px;}
div#footer{
position:relative;
background-image:url(../img/end_content.gif);
background-position:center top;
background-repeat:no-repeat;
clear:both;
display:block;
float:right;
height:35px;
margin-bottom:5px;
overflow:hidden;
padding-top:10px;
font-size:9px;
color:#999;
}
div#footer address {
display:block;
float:left;
text-indent:34px;
/* position:relative;margin-right:10px;*/
}
div#footer a.credits {
position:absolute;
right:28px;
text-decoration:none;
top:8px;
color:#999;
}
div#footer a.credits:hover{
text-decoration:underline;
}
div#content h2.uffici, div#content h2.residenza {
clear:both;
display:block;
height:42px;
text-align:center;
text-indent:-9999px;
overflow:hidden;
margin-top:14px;
margin-bottom:16px;
}
div#content #info h2.uffici, div#content #info h2.residenza {
margin-top:0;
}
div#content h2.uffici span , div#content h2.residenza span {
margin:0;
display:block;
height:42px;
width:auto;
}
div#content .abstract h2.uffici, div#content .abstract h2.residenza {
clear:both;
}
div#content h2.uffici span, div#content #info h2.uffici span{
background-image: url('../img/heading/uffici.png');
background-position: top center;
background-repeat:no-repeat;
/**/
}
div#content h2.residenza span, div#content #info h2.residenza span{
background-image: url('../img/heading/residenziale.png');
background-position: top center;
background-repeat:no-repeat;
/**/
}
div#content h3.metri {
display:block;
float: left;
width:144px;
height:50px;
text-align:center;
color: #fecc99;
overflow:hidden;
margin:0;
}
div#content .descrizione {
margin:0;
display:block;
width:auto !important;
width:310px;
text-align:left;
overflow:hidden;
margin-bottom:6px;
}
ul#photo{
display:block;
text-align:left;
margin-top:10px;
}
ul#photo li{
display:block;
float:left;
height:140px;
width:91px;
margin:10px 9px 10px 15px !important;
margin:10px 9px 10px 10px;
}
div#content a.continua, div#content a.contattaci{
overflow:hidden;
}
div#info em{
display:block;
font-size:0.9em;
text-align:center;
width:100%;
margin-bottom:26px;
}
ul#phone{
display:block;
width:100%;
overflow:hidden;
}
ul#phone li{
display:block;
width:auto;
clear:both;
margin-top:10px;
background:#333333;
overflow:hidden;
padding:6px;
}
ul#phone li strong {
display:block;
width:80px;
text-align:right;
float:left;
}
ul#phone li address{
float:right;
width:300px;
text-align:left;
}