﻿/*Stile particolare per opera*/
@media screen and (-webkit-min-device-pixel-ratio:0) { #Menu li a {font-size: 11px }}
/*
------------------------------------------
STILI GENERICI
------------------------------------------
*/
body {
    /*background-color: #d1ceb2; */
    font-size: 12px;
    font-family: Arial, Verdana, Sans-Serif;  
    color: #333333;
}

a, a:link, a:active, a:visited {
    color: #008c55;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #000000;
}

ul, ol {
    margin-top: 5px;
}

ul.NoMargin {
    padding: 0px;
    margin-left: 18px;
}

ul.NoMargin li {
    margin-bottom: 5px;
}

h1 {
    font-size: 150%;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 120%;
}

input, select, textarea {
    padding: 2px;
    font-size: 11px;
    line-height: 15px;
    font-family: Arial, Verdana, Sans-Serif;  
    margin-right: 2px;
}

input.long {
	width: 97%;
}

input.normal {
	width: 200px;
}

input.short {
	width: 100px;
}

.errInfo {
    color: #FF0000;
    display: block;
    margin-bottom: 5px;
}

.okInfo {
    color: #008651;
    display: block;
    margin-bottom: 5px;
}

.ImgLeft {
    float: left;
    margin-right: 5px;
}

.Left {
    float: left;
}

.Right {
    float: right;
}

.Clear {
    clear: both;
}

/*
------------------------------------------
STRUTTURA SITO
------------------------------------------
*/

/*Layout*/
html,
body {
    height:100%;
}

.Container {
    width: 988px;
    min-height:100%;
    position:relative;
}

#Body {
    padding: 0px 7px 0px 1px;
    padding-bottom:75px;   /* Height of the footer */
    display: inline-block;
}

#Body:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


#Footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
    clear: both;
}

/*Style*/
body {
    padding-left:7px;
}

.Container {
    background: #d1ceb2 url(../Images/bgSite.jpg) repeat-y;
    margin: 0px auto;
}

#Header {
    position: relative;
    width: 100%;
    height: 193px;
    min-height: 193px;
    background: #FFFFFF url(../Images/bgHeader.jpg) no-repeat;
    text-align: left;
    top: 0px;
    left: 0px;
}

#Footer {
    width:960px;
    margin: 0px 10px;
    border-top: 5px solid #008c55;
}

/*
------------------------------------------
STILE HEADER
------------------------------------------
*/

/*Link*/
.LinkHeader {
    display: block;
    position: absolute;    
}

.LinkHeader span {
    display: none;
}

.LogoPlanning {
    width: 230px;
    height: 80px;
    min-height: 80px;
    top: 25px;
    left: 15px;
}

.Skype {
    width: 110px;
    height: 20px;
    min-height: 20px;
    top: 53px;
    right: 43px;
}

.SkypeChat {
    width: 110px;
    height: 20px;
    min-height: 20px;
    top: 74px;
    right: 43px;
}

.Rss {
    width: 110px;
    height: 20px;
    min-height: 20px;
    top: 96px;
    right: 43px;
}

.MailingList {
    width: 110px;
    height: 20px;
    min-height: 20px;
    top: 120px;
    right: 43px;
}

.News {
    width: 110px;
    height: 20px;
    min-height: 20px;
    top: 145px;
    right: 43px;
}

.Download {
    width: 110px;
    height: 20px;
    min-height: 20px;
    top: 169px;
    right: 43px;
}

.Banner {
    margin-left: 255px;
    width: 552px;
}

.LinkBanner {
    display: block;
    margin-top: 5px;
}

/*
------------------------------------------
STILE LEFT BAR
------------------------------------------
*/
#LeftBar {
    float: left;
    width: 199px;
    font-weight: bold;
}

/*Form trova casa*/

#FrmTrovaCasa {
    position: relative;
    background: transparent url(../Images/bgSearchForm.jpg) repeat-y;
    padding: 55px 24px 0px 25px;
}

#FooterFrmTrovaCasa {
    width: 100%;
    background: transparent url(../Images/bgFooterSearchForm.jpg) no-repeat;
}

.LogoTrovaCasa {
    position: absolute;
    top: -45px;
    left: 22px;
}

#FrmTrovaCasa input, #FrmTrovaCasa select {
    margin: 2px 0px;
    font-weight: normal;
}

#FrmTrovaCasa input {
    width: 98%;
}

#FrmTrovaCasa select {
    width: 100%;
}

/*Form Login*/
#FrmLogin {
    background: transparent url(../Images/Header/LoginBox.jpg) no-repeat;
    padding-top: 14px;
    font-weight: normal;
}

#FrmLogin h2 {
    color: #2178c3;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#FrmLogin #BodyFrmLogin {
    background: transparent url(../Images/bgLoginBox.jpg) repeat-y;
    padding: 0px 20px 0px 25px;
}

#FrmLogin #FooterFrmLogin{
    background: transparent url(../Images/bgFooterLoginBox.jpg) no-repeat;
    min-height: 20px;
}

/*
------------------------------------------
STILE MAIN BAR
------------------------------------------
*/
#MainBar {
    float: right;
    width: 781px;
}

/*Menu*/
#Menu {
    float: left;
    width: 770px;
    margin: 0px 6px 0px 4px;
    padding: 0px;
    background: #FFFFFF url(../Images/bgMenu.jpg) no-repeat;
    line-height: 25px;
}

#Menu li {
    float: left;
    display: inline-block;
}

#Menu li a {
    display: block;
    padding: 0px 14px;
    color: #DEDEDE;
    text-transform: uppercase;
    font-weight: bold;
}

#Menu li a:Hover, #Menu li a.Sel{
    color: #FFFFFF;
}

/*Contenuti*/
#Content {
    float: left;
    min-height: 690px;
    width: 765px;    
    padding: 8px 8px 6px 8px;
    background: transparent url(../Images/bgContent.jpg) repeat-y;
}

#FooterContent {
    float: left;
    width: 100%;
    min-height: 11px;
    height: 11px;
    background: transparent url(../Images/bgFooterContent.jpg) no-repeat;
}

/*
------------------------------------------
STILE FOOTER
------------------------------------------
*/
#Footer #Dati {
    float: left;
    font-size: 11px;
    padding: 2px;
}

#Footer #Credit {
    float: right;
    color: #999999;
    font-size: 11px;
    padding: 2px;    
}

#Footer #Credit a {
    color: #999999;
    font-size: 11px;
}

#Footer #Credit a:hover {
    color: #000000;
}


/*
------------------------------------------
STILI PAGINE
------------------------------------------
*/
.ImgTop {
    margin: 0 0 4px 5px;
}

/*Box*/
.Box {
    width: 780px;
}

.Box.Left {
    float: left;
    width: 443px;
}

.Box.Right {
    float: right;
    width: 322px;
}

.Box .Title {
    height: 75px;
    min-height: 75px;
    margin-bottom: 10px;
    width: 760px;
}

.Box .Title span {
    display: none;
}

.Box .BodyBox {
    width: 720px;
    padding: 10px 20px 0px 20px;
}

.Box.Right .BodyBox {
    padding: 0px 15px;
    width: 290px;
}

.Box.Right .BodyBox.NoMargin ul {
    padding: 0px;
    margin-left: 18px;    
}

.Box .BodyBox.Evidence {
    margin: 0px;
    padding: 0px 5px;
    width: 433px;
}

.Box .Title#Evidence {
    background: transparent url(../Images/Header/Evidence.jpg) no-repeat;
    height: 53px;
    min-height: 53px;    
    margin-bottom: 0px;
    width: 440px;
}

.Box .Title#Service {
    background: transparent url(../Images/Header/Service.jpg) no-repeat;
    width: 318px;
}

.Box .Title#Blank {
    background: transparent url(../Images/Header/Blank.jpg) no-repeat;
    width: 300px;
    min-height: 25px;
    height:auto;
    margin: 0px;
    margin-top:5px;
    padding: 20px 15px 0px 65px;
    color: #059c03;
    font-size: 130%;
    text-transform: uppercase;
}

.Box .Title#Results {
    background: transparent url(../Images/Header/SearchResult.jpg) no-repeat;
}

.Box .Title#BuildingDetail {
    background: transparent url(../Images/Header/Building.jpg) no-repeat;  
}

.Box .Title#Cart {
    background: transparent url(../Images/Header/Cart.jpg) no-repeat;
}

.Box .Title#Meeting {
    background: transparent url(../Images/Header/Meeting.jpg) no-repeat;
}

.Box .Title#Subscribe {
    background: transparent url(../Images/Header/Subscribe.jpg) no-repeat;
}

.Box .Title#Newsletter {
    background: transparent url(../Images/Header/Newsletter.jpg) no-repeat;
}

.Box .Title#Company {
    background: transparent url(../Images/Header/Company.jpg) no-repeat;
}

.Box .Title#Sell {
    background: transparent url(../Images/Header/Sell.jpg) no-repeat;
}

.Box .Title#Work {
    background: transparent url(../Images/Header/Work.jpg) no-repeat;
}

.Box .Title#Contact {
    background: transparent url(../Images/Header/Contact.jpg) no-repeat;
}

.Box .Title#Loan {
    background: transparent url(../Images/Header/Loan.jpg) no-repeat;
}

.Box .Title#News {
    background: transparent url(../Images/Header/News.jpg) no-repeat;
}

.Box .Title#Download {
    background: transparent url(../Images/Header/Download.jpg) no-repeat;
}

.Box .Title#Tender {
    background: transparent url(../Images/Header/Tender.jpg) no-repeat;
}

.Box .Title#RequestContact {
    background: transparent url(../Images/Header/RequestContact.jpg) no-repeat;
}

.Box .Title#NewEntry {
    background: transparent url(../Images/Header/New.jpg) no-repeat;
}

.Box .Title#OnSale {
    background: transparent url(../Images/Header/Sale.jpg) no-repeat;
}

.Box .SearchParameters {
    margin: 10px 0px 20px 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
}

.Box .SearchParameters li {
    border-right: 2px dashed #CDCDCD;
    padding-right: 20px;
    margin-right: 20px;
    float: left;
    line-height: 20px;
}

.Box .SearchParameters li.last {
    border: 0px;
}

.Box .SearchParameters li .Fill {
    font-weight: bold;
}

#BoxInternalLogin {
    background: url(../Images/bgInternalLogin.jpg) no-repeat;
    width: 380px;
    padding: 20px 0px 10px 0px;
    margin: 10px auto;
}

#BoxRegistrazione {
    float: left; 
    width: 260px; 
    min-height: 305px; 
    padding: 10px;
    background-color: #d8d7bf; 
}

.DetailBuilding .Description {
    margin: 10px 0px;
    padding: 10px 5px;
    border-top: 2px dashed #CDCDCD;
    border-bottom: 2px dashed #CDCDCD;
}

.DetailBuilding h2, 
.DetailBuilding h3 {
    padding-left: 5px;
}

.DetailBuilding .Price {
    font-size: 110%;
    font-weight: bold;
    color: #008c55;
    padding-left: 5px;
}

.DetailBuilding .Code {
    font-size: 110%;
    font-weight: bold;
}

.DetailBuilding .Info {
    width: 250px;
    margin-right: 22px; 
    float: left;
}

.DetailBuilding .Photo {
    float: left;
    width: 448px;
}

.DetailBuilding .Photo .Zoom {
    float: left;
    position: relative;
    width: 448px;
    min-height: 304px;
    margin: 0px;
    padding-top: 4px;
    background-color: #bdbca8;
    text-align: center;
}

.DetailBuilding .Photo .Gallery {
    background-color: #d1d0bf;
    width: 444px;
    padding: 2px;
    float: left;
}

.DetailBuilding .Photo .Gallery a {
    float: left;
    padding: 2px;
}

.DetailBuilding .Photo .Zoom #Loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -104px;
}

/*Lista Immobili*/
.ListBuilding {
    border: 0px;
    border-collapse: separate;
}

.ListBuilding a.NoLink {
    color: #000000;
}

.ListBuilding tr td {
    margin-bottom: 3px;
    padding: 6px;
    font-size: 11px;
    vertical-align: top;
    background-color: #e4e2cf;     
    border: 3px solid #c6c5a8;
}
.ListBuilding p {
    margin-bottom: 5px;
}

.ListBuilding input, .ListBuilding img {
    float: left;
}

.ListBuilding .Pager td {
    background-color: #FFFFFF;
    border: 0px;
    margin: 0px;
    padding: 2px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

/*Lista Immobili in evidenza*/
.ListEvidence {
    float: left;
    width: 436px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-bottom: 1px;
}

.ListEvidence li {
    margin-bottom: 1px;
    padding: 2px;
    font-size: 11px;
   /* background-color: #e4e2cf;    
    border: 3px solid #c6c5a8;*/ 
    float: left;
    width: 414px;
    min-height: 115px;
}

.ListEvidence img {
    float: left;
}

.ListEvidence .BuildingDescription {
    float: right;
    width: 236px;
    cursor: pointer;
}

.ListEvidence .BuildingDescriptionBig {
    float: left;
    width: 421px;
    cursor: pointer;
}

.ListEvidence a.NoLink {
    color: #000000;
}

/*Lista Immobili ricerca*/
.ListBuilding.Search {
    width: 722px;
    margin-top: 10px;
}

.ListBuilding.Search .BuildingDescription {
    float: right;
    width: 526px;
}

/*News*/
.ListBuilding.News {
    width: 722px;
    margin-top: 10px;
}

.ListBuilding.News .BuildingDescription {
    float: right;
    width: 526px;
}

/*Contatti*/
.Branches {
    list-style-type: none;
}

.Branches li {
    margin-bottom: 10px;
}

/*
------------------------------------------
STILE TABELLE FORM
------------------------------------------
*/
.tabForm {
	margin: 10px auto;
}

.tabForm tr {
	margin: 2px;
}

.tabForm tr td {
	padding: 2px;
}

.tabForm tr.tableRow1 {
	background-color: #F1F1F1;
}

.tabForm tr.tableRow2 {
	background-color: #F8F8F8;
}

.tabForm tr.tableRowEnd {
	background-color: #DCDCDC;
}

.tabForm tr.tableRowHeader {
	background-color: #F1F1F1;
	font-weight: bold;
	line-height: 25px;
}

.tabForm tr td.header {
	font-weight: bold;
	width: 80px;
}

.tabForm .input_login
{
    width:150px;
    height:15px;
    border:solid 1px #818181;
}

/*
------------------------------------------
STILE BOTTONI
------------------------------------------
*/

.Button {
    margin-bottom: 5px;
    border: 0px;
}

.ButtonSend {
    margin: 10px auto;
}

.ButtonBack {
    width: 100%;
    text-align: right;
    display: block;
    margin-bottom: 5px;
}

.ButtonBack img {
    border: 0px;
}

/*
------------------------------------------
STILE CALENDARIO APPUNTAMENTI
------------------------------------------
*/
.CalendarMeeting {
    float: left;
    margin-right: 20px;
}

.CalendarMeeting .Disabled {
    background-color: #DCDCDC;
    color: #999999;
}

/*
------------------------------------------
STILE DOWNLOAD
------------------------------------------
*/

.ListFileDownload {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.ListFileDownload li {
    clear: both;
    margin-bottom: 15px;
}

.ListFileDownload img {
    float: left;
    margin-right: 10px;
}

.ListFileDownload a {
    font-weight: bold;
    font-size: 120%;
}


/*
------------------------------------------
STILE IMMAGINI PARTNET
------------------------------------------
*/
.Partner {
    padding: 8px;
}

/*
------------------------------------------
FAST SEARCH
------------------------------------------
*/

#BoxFastSearch {
    position: relative;
    padding-left: 20px;    
    clear: both;
    z-index: 999;
}

#BoxFastSearch .Cities {
    position: absolute;
    left: 20px;
    bottom: 21px;
    width: 680px;
    min-height: 385px;    
    padding: 10px;
    display: none;
    background-color: #FFFFFF;
    float: left;
    border: 2px solid #008c55;
}

#BoxFastSearch .Cities .CityName {
    display: block;
    padding: 2px;
    background-color: #008c55;
    color: #FFFFFF;
}

#BoxFastSearch .Cities .FractionName {
    display: block;
}

#BoxFastSearch .Cities .column {
    margin-right: 10px;
}

#BoxFastSearch  #OpenBoxFastSearch {
    padding: 5px;
}

#BoxFastSearch  #OpenBoxFastSearch.Open {
    background-color: #008c55;
    color: #FFFFFF;
}



/*Menu*/
#BoxFastSearch #CitiesFilterMenu {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 315px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
}

#BoxFastSearch #CitiesFilterMenu li {
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: left;
    width: 100px;
}

#BoxFastSearch #CitiesFilterMenu li a {
    display: block;
    background-color: #e4e2cf;
    line-height: 20px;
    padding: 0px 5px;
}

#BoxFastSearch #CitiesFilterMenu li a:Hover,
#BoxFastSearch #CitiesFilterMenu li a.Selected {
    background-color: #c6c5a8;
}


/*Liste*/
#BoxFastSearch #CityList {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 700px;
    height: 331px;
    overflow: hidden;
}

#Container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 2100px;
    height: 331px
}

#Container>div {
    float: left;
    width: 680px;
    height: 331px;
    padding: 0px 10px;
}


