/* arancio: #ff6d00 blu testo: #369 blu medio (pulsanti): #9fb7e7 sfondo sito: #e0ecf3 */ body { margin: 0 0 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #369; background: #e0ecf3 } img { border: 0 } form { margin: 0 } input.txt { font-size: 11px; border: 1px solid #9fb7e7 } select { font-size: 11px; } a { color: #33c; text-decoration: underline; font-weight: bold } a:hover { color: #ff6d00 } a.button { padding: 3px 10px; color: #fff; font-size: 10px; text-decoration: none; background: #9fb7e7 } a.button:hover { padding: 3px 10px; color: #fff; font-size: 10px; text-decoration: none; background: #ccc } input.button { height: 17px; padding: 0 8px; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 0; color: #fff; background: #9fb7e7 } input.buttonBig { height: 23px; padding: 1px 8px 4px 8px; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 0; font-weight: bold; color: #fff; background: #9fb7e7 } .arancio { color: #ff6d00; font-weight: bold } img.thumb { border: 1px solid #369 } h3 { margin: 30px; padding: 20px; color: #777; background: #ffc; border: 1px solid #aaa } /* messaggi di sistema */ /* TOP LINE */ #topLine { margin-bottom: 5px; text-transform: lowercase; color: #58b; font-size: 10px; padding-top: 3px; text-align: center; } /* TOP BAR 'il portale non e' operativo' */ #topBar { margin-bottom: 20px; padding: 7px; color: #990; font-weight: bold; text-transform: uppercase; text-align: center; background: #ffb; border-bottom: 1px solid #999 } .bold { font-weight: bold; font-size: 105%; } #container { width: 972px; margin: 0 auto; background: #fff } /* HEADER */ #header { position: relative; height: 119px; background: url(../images/header.jpg) no-repeat top right } #logo { position: absolute; top: 18px; left: 40px } #login { position: absolute; right: 17px; bottom: 0px; padding-bottom: 3px; color: #fff } #login a { margin-left: 5px; padding: 2px 5px; line-height: 1.8em; font-weight: bold; text-transform: lowercase; color: #ffc; background: #ff6d00; text-decoration: none; border: 1px solid #fc7 } #login a:hover { padding: 2px 5px; color: #fff; font-weight: bold; text-transform: lowercase; background: #ff6d00; text-decoration: none } #loginSubmit { padding: 0 3px; font-size: 12px; font-family: verdana; font-weight: bold; color: #ff6d00; background: #fff; border: 0 } #linguette { height: 17px; padding-left: 10px; border-width: 7px 1px 0 1px; border-style: solid; border-color: #ff6d00} #linguette a { overflow: hidden; display: block; float: left; width: 144px; height: 17px; padding-top: 5px; margin-right: 2px; font-size: 10px; font-weight: bold; color: #369; text-align: center; text-decoration: none; background: url(../images/tab_barranav_orizz.gif) no-repeat; } #linguette a:hover { color: #fff; background: url(../images/tab_barranav_orizz_selected.gif) no-repeat; } #linguette a.selected { color: #fff; background: url(../images/tab_barranav_orizz_selected.gif) no-repeat; } /* CONTENT */ #content { position: relative; width: 950px; padding: 25px 10px 20px 10px; border-width: 0 1px; border-style: solid; border-color: #ff6d00 } /* HOME */ #tabWrapper { position: relative; z-index: 3; width: 717px; height: 34px; overflow: hidden } #tabWrapper a { display: block; overflow: hidden; float: left; width: 115px; height: 23px; padding-top: 9px; text-align: center; margin-right: 3px; color: #369; text-decoration: none; font-weight: bold; background: #e0ecf3; border: 1px solid #3f6f9f; cursor: pointer } #tabWrapper a:hover { color: #e0ecf3; background: #369 } #tabWrapper a.selected { background: #fff; border-bottom: 1px solid #fff } #tabWrapper a.selected:hover { color: #369; background: #fff; border-bottom: 1px solid #fff; cursor: default } /* RICERCA HOME */ .ricercaHome { overflow: hidden; position: relative; float: left; top: -1px; width: 685px; height: 140px; padding: 15px; color: #ff6d00; font-weight: bold; border: 1px solid #369; } .ricercaHome table td { padding: 5px 3px; vertical-align: middle } #calcolaMutuo { position: absolute; left: 107px; bottom: 0 } #residenziali { background: url(../images/bg_ricerca_residenziali.jpg) no-repeat right top } #turistici { background: url(../images/bg_ricerca_turistici.jpg) no-repeat right top } #commerciali { background: url(../images/bg_ricerca_commerciali.jpg) no-repeat right top } #box { background: url(../images/bg_ricerca_box.jpg) no-repeat right top } #terreni { background: url(../images/bg_ricerca_terreni.jpg) no-repeat right top } #attivita { background: url(../images/bg_ricerca_attivita.jpg) no-repeat right top } #azienda { overflow: hidden; float: right; width: 202px; height: 203px; padding: 0 10px; font-size: 10px; background: url(../images/area1_bg.gif) repeat-x; border: 1px solid #369 } #azienda a { overflow: hidden; display: block; width: 192px; height: 23px; margin: 5px 0 5px 0; padding: 9px 0 0 10px; color: #369; font-weight: bold; text-decoration: none; background: #e0ecf3; border: 1px solid #9bd } #azienda a:hover { color: #e0ecf3; background: #369; border: 1px solid #369 } #newsFoto-apptiHome { float: left; margin: 16px 8px 0 0; } .newsFoto { overflow: hidden; width: 590px; height: 75px; margin: 0 0 8px 0; padding: 20px 10px; font-size: 10px; background: url(../images/area1_bg.gif) repeat-x; border: 1px solid #369 } .newsFoto .ttl { margin-bottom: 3px; font-size: 12px; } .rigaAzzurra { overflow: hidden; height: 4px; margin-bottom: 5px; background: #9fb7e7 } .newsFoto .content { line-height: 1.5em; font-size: 11px; } #treApptiHome { overflow: hidden; float: left; width: 590px; height: 321px; padding: 10px 10px; font-size: 10px; font-weight: bold; background: url(../images/area1_bg.gif) repeat-x #e0ecf3; border: 1px solid #369 } #treApptiHome .appto { float: left; width: 190px; margin-right: 10px; } #treApptiHome .appto img { float: left; margin-right: 3px; } #bannerHome1 { overflow: hidden; float: left; width: 330px; height: 95px; margin-top: 16px; } #newsNoFoto { overflow: hidden; float: left; width: 308px; height: 120px; margin: 8px 0; padding: 10px 10px 5px 10px; line-height: 1.4em; color: #888; background: url(../images/area1_bg.gif) repeat-x #E0ECF3; border: 1px solid #369 } #bannerHome2 { overflow: hidden; float: left; width: 330px; height: 95px; } /* PROVINCE REGIONI HOME */ #provinceRegioni { margin-top: 20px } #provinceRegioni .regione { font-weight: bold; padding: 0 0 3px 5px; text-transform: uppercase; color: #ff6d00; } #provinceRegioni .province { margin-bottom: 4px; padding: 0 5px 5px 15px; border-bottom: 1px solid #ddd } #provinceRegioni a { font-weight: normal; text-decoration: none; } /* RICERCA AVANZATA */ .ricercaAvanzata { padding: 15px; color: #ff6d00; font-weight: bold; background: url(../images/bg_ricerca_avanzata.gif) repeat-x center top #e0ecf3; border: 1px solid #369; } .ricercaAvanzata .ttl { font-size: 14px; color: #369; font-weight: bold} .ricercaAvanzata table { width: 100% } .ricercaAvanzata table th { padding: 15px 3px 0 3px; text-align: left; font-size: 14px; color: #369; } .ricercaAvanzata table td { padding: 5px 3px; vertical-align: middle } .ricercaAvanzata .sx { width: 240px } .linkZoneCityProvWrapper { margin: 10px 0; padding: 8px 15px; font-weight: bold; background: url(../images/area1_bg.gif) repeat-x center top #e0ecf3; border: 1px solid #369; } .linkZoneCityProvWrapper table { width: 100%; margin-top: 10px;} .linkZoneCityProvWrapper table td { width: 30%; } /* MOTORE RICERCA NELLA PAGINA DEI RISULTATI PROVENIENTI DA HOME */ #ricercaDopoHome { height: 110px; padding: 15px; color: #ff6d00; font-weight: bold; background: url(../images/area1_bg.gif) repeat-x center top #e0ecf3; border: 1px solid #369; } #ricercaDopoHome table td { padding: 5px 3px; vertical-align: middle } #provinceRegioniDopoHomeWrapper { margin: 10px 0; padding: 8px 15px; font-weight: bold; background: url(../images/area1_bg.gif) repeat-x center top #e0ecf3; border: 1px solid #369; } /* ZONE DELLA CITTA' */ table#zone { width: 100%; margin: 8px 0; } table#zone td { width: 30%; padding-right: 3%; font-weight: normal } /* RISULTATI DELLE RICERCHE */ #results { margin: 15px 0; padding: 20px; background: url(../images/bg_sfumato.gif) repeat-x #e0ecf3; border: 1px solid #369; } #results .paging { float: none; text-align: center; font-size: 12px; color: #369 } #results .paging a { color: #369; } #results .elem { height: 144px; margin-bottom: 25px; background: #fff } #results .elem .ttl { padding-top: 2px; height: 18px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; background: #369 } #results .elem .foto { float: left; } #results .elem .foto img { width: 120px; height: 90px; margin: 12px 12px 3px 12px; } #results .elem .foto .cod { font-size: 10px; font-weight: bold; text-align: center; } #results .elem p { float: left; width: 500px; } #results .agenziaDettagliWrapper { float: right; width: 166px; text-align: center } #results .elem .agenzia { display: block; height: 42px; padding-top: 20px; background: #bfdffe } #results .elem a.dettagli { display: block; height: 42px; padding-top: 20px; background: #bfdffe } /* CMS */ #cmsContent { float: left; width: 665px; min-height: 300px; height: auto !important; height: 300px; margin-bottom: 54px; padding: 20px; background: url(../images/bg_cms_content.gif) center top repeat-x #e0ecf3; border: 1px solid #369 } .ttl { font-size: 14px; color: #369; font-weight: bold } #colDx { float: right; width: 224px } #cmsMenu { margin-bottom: 15px; padding: 10px; background: url(../images/area1_bg.gif) center top repeat-x #e0ecf3; border: 1px solid #369; } #cmsMenu a { display: block; height: 21px; margin: 6px 0; padding: 9px 7px 0 15px; font-size: 10px; text-decoration: none; color: #369; background: #fff; border: 1px solid #9bd; } #cmsMenu a:hover { color: #fff; background: #369; border: 1px solid #369; } #cmsMenu a.selected { color: #fff; background: #369; border: 1px solid #369; } #cmsFooter { clear: both; height: 24px; background: #f9903f } #arrowPaging { float: right; width: 208px; padding: 8px; margin-bottom: 10px; text-align: right; } #tiInteressa { float: right; width: 200px; padding: 12px; margin-bottom: 50px; text-align: right; background: #ffc; border: 1px solid #8AB6DB; } #tiInteressa #ttl { color: #fff; font-weight: bold; padding: 5px 10px; text-align: left; margin-bottom: 10px; background: #369 } #tiInteressa #desc { text-align: left; font-weight: bold; } #tiInteressa #agenzia { margin: 15px 0; padding: 7px; text-align: left; border: 1px solid #8AB6DB; } #tiInteressa input.txt { width: 135px; margin-bottom: 4px; vertical-align: middle } #tiInteressa textarea { width: 135px; margin-bottom: 4px; vertical-align: middle; border: 1px solid #9fb7e7 } /* DETTAGLIO IMMOBILE */ #dettaglioImmobile { width: 100%; margin: 20px 0; font-size: 12px; background: #C9E4F3; border-collapse: collapse; border: 2px solid #a2c6da; } #dettaglioImmobile th { color: #fff; background: #369; border: 2px solid #369 } #dettaglioImmobile td { border-bottom: 1px solid #a2c6da } #dettaglioImmobile td.label { width: 110px; padding: 5px 0; text-align: right; } #dettaglioImmobile td.data { padding: 5px 0 5px 5px; text-align: left; font-weight: bold } /* *************************************************************** **************************** BACK END ************************** *************************************************************** */ /* BE BARRANAV */ #barraNav { height: 34px; border-width: 0 1px; border-style: solid; border-color: #ff6d00 } #barraNav a { display: block; float: right; width: 169px; height: 15px; margin: 0 1px; text-decoration: none; text-transform: uppercase; text-align: center; color: #369; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/accedi_bg.gif) no-repeat } /* quick search */ form#quickSearch { float: left; width: 359px; height: 28px; padding-top: 6px; text-align: center; color: #fff; font-weight: bold; background: url(../images/be/quick_search_bg.gif) no-repeat } /* BE CONTENT */ #beContent { float: left; width: 750px; padding-left: 10px; } /* flash (messaggi in alto) */ #flashNotice { padding: 15px; text-align: center; font-weight: bold; background: #ff9; } #flashError { padding: 15px; text-align: center; font-weight: bold; color: #fff; background: #f44; } /* titoli */ h1 { font-size: 18px; margin: 0 0 10px 0; padding-bottom: 4px; border-bottom: 1px solid #369 } h4 { width: 98%; margin: 0 0 10px 0; padding: 0 1%; line-height: 1.8em; font-size: 12px; background: #e6e6e6; } /* menu orizz */ .sectionMenu { margin: 0px 0 20px 0; font-weight: bold } .ctxMenu { width: 98%; margin: -5px 1% 20px 1%; font-size: 10px; text-transform: lowercase } /* dashboard */ .dashboardSx { float: left; } .dashboardDx { float: right; } .dashboardSx, .dashboardDx { width: 365px; margin-bottom: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; } .dashboardSx th, .dashboardDx th { width: 50%; height: 92px; padding: 15px; vertical-align: bottom; text-align: center; font-size: 18px; font-weight: bold; background: url(../images/be/dashboard_header_bg.jpg) #e0ecf3 repeat-x top right; border: 1px solid #ff6d00 } .dashboardSx td, .dashboardDx td { width: 50%; padding: 15px 8px; vertical-align: bottom; color: #ff6d00; text-align: center; font-size: 11px; font-weight: bold; border: 1px solid #ff6d00 } .dashboardSx td .num, .dashboardDx td .num { margin-top: 5px; font-size: 39px; font-weight: normal; color: #2c6aad } .dashboardSx td.footer, .dashboardDx td.footer { padding: 5px 15px; font-size: 10px; font-weight: bold; color: #fff; background: #ff6d00; } .dashboardSx td.footer a, .dashboardDx td.footer a { float: right; color: #fff; text-decoration: none; text-transform: uppercase } /* list table */ .listTable { clear: both; width: 100%; margin: 0 auto; color: #000; font-size: 10px; border-collapse: collapse; border: 1px solid #96b5d6 } .listTable th { padding: 3px 8px; color: #96b5d6; border-left: 1px solid #96b5d6 } .listTable tr.listLine0 { background: #fff } .listTable tr.listLine1 { background: #e3eeff } .listTable td { padding: 3px 8px; vertical-align:top ; border-left: 1px solid #96b5d6 } .listTable td.actions { width: 50px; text-align: center; } .contextMenu { float: left; width: 400px; margin: 8px 0; line-height: 1.6em; color: #aaa } .paging { float: right; margin: 8px 0; line-height: 1.6em; color: #96b5d6; } .paging a { color: #96b5d6; text-decoration: none; font-weight: bold } /* network news */ #networkNews { overflow: auto; width: 728px; height: 100px; margin: 3px 8px 0 0; padding: 10px; background: url(../images/area1_bg.gif) center top repeat-x #E0ECF3; border: 1px solid #369 } #listaNews {} #listaNews tr.listLine0 { background: #fff } #listaNews tr.listLine1 { background: #e3eeff } #listaNews td { vertical-align: top } #listaNews .data { padding: 9px 15px 9px 0; text-align: center } #listaNews .titolo { padding: 9px 0 } /* form e scheda (dettaglio) */ .sezioneForm, .sezioneScheda { margin: 20px 0; padding: 5px; background: #f4f4f4; border: 1px solid #ccc; } .sezioneForm .riga, .sezioneScheda .riga { margin-bottom: 10px; } .sezioneForm .sx, .sezioneScheda .sx { float: left; width: 48%; } .sezioneForm .dx, .sezioneScheda .dx { float: right; width: 48%; } .sezioneForm .sx table, .sezioneScheda .sx table { width: 100%; } .sezioneForm .dx table, .sezioneScheda .dx table { width: 100%; } .sezioneForm td { height: 27px; } .sezioneScheda td { height: 20px; border-bottom: 1px solid #D0E4F7; } .sezioneForm td.label, .sezioneScheda td.label { text-align: right; width: 130px; } .sezioneScheda td.bold { font-weight: bold } .formError { font-weight: bold; color: #d00 } /* gallery */ #gallery { margin: 0 10px 10px 0; width: 250px; text-align: center } #thumb_large { margin-bottom: 7px; } #thumb_small { width: 250px; text-align: left } #thumb_small img { vertical-align: middle; margin: 0 1px } a.galleryButton { padding: 2px 6px; color: #fff; font-size: 13px; text-decoration: none; background: #9fb7e7 } a.galleryButton:hover { padding: 2px 6px; color: #fff; font-size: 13px; text-decoration: none; background: #7098E7 } .spacer { display: inline; padding: 0 13px; } /* agenda */ #agendaList {} #agendaList td { width: 14%; height: 70px; padding: 4px 5px; vertical-align: top; text-align: center; } .highlighted { background: #ffb } .gg { margin-bottom: 10px; text-align: right; color: #96b5d6; font-weight: bold } /* agenda */ #agendaWeekList {} #agendaWeekList td { width: 14%; height: 30px; padding: 4px 5px; vertical-align: top; text-align: center; } #agendaWeekList .hour {width: 20px;} /* BE MENU */ #beMenu { float: right; width: 150px; padding: 8px; border: 1px solid #8AB6DB; } /* logo azienda */ #beMenu img { border: 1px solid #8AB6DB; } #beMenu a { display: block; margin: 4px 0; padding: 10px 15px; color: #666; font-weight: bold; font-size: 11px; text-decoration: none; background: url(../images/branch_menu_bg.gif) repeat-x #DEEBF4; border: 1px solid #B7DBFF } #beMenu a:hover { background: url(../images/branch_menu_bg_selected.gif) repeat-x #FFB984; border: 1px solid #F9903F } #beMenu a.selected { display: block; margin: 4px 0; padding: 10px 15px; color: #666; font-weight: bold; font-size: 11px; text-decoration: none; background: url(../images/branch_menu_bg_selected.gif) repeat-x #FFB984; border: 1px solid #F9903F } /* IMMAGINE DI CHIUSURA CONTAINER FOOTER*/ img#containerFooter { display: block; margin: 0 auto; } /* FOOTER */ #footer { width: 962px; margin: 5px auto; text-align: center; color: #888 } #footer a { font-weight: normal; color: #888 }