/* CSS Document */ /************************** Impostazioni CSS di default ****************** */ body,p,h1,h2,h3,h4,h5,h6,div,img,ul,li,span {border:0px; margin:0px; padding:0px;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} ul {list-style-type:none;} html {height:100%;} body {background-color:#d2cfbe; text-align:center; height:100%;font-family:Arial,Sans-Serif;} p,strong, .slist li {color:#363636; font-size:11px; line-height:16px;} a {color:#363636;} label {font-size:11px; line-height:30px;} input["text"] {background-color:#f5f5f5; font-size:11px;} textarea {width:400px; height:120px;} /************************** Generali ****************** */ #wrap {margin-left:auto; margin-right:auto; width:950px; min-height: 100%; height: auto !important; height: 100%; position:relative; text-align:left; background-image:url(../images/sfondo_wrap.jpg); background-repeat:repeat-x; background-color:#dcd9cb;} /************************** POPUP ****************** */ .popBody {background-color:#FFF;} .popContainer {width:80%; margin-left:auto; margin-right:auto; background-color:#FFF;padding-top:20px; padding-bottom:20px; text-align:left;} .popContainer table {width:100%;} .popHeader {position:relative; background-color:#F5F5F5; background-position:20px center; padding:20px; height:33px; background-image:url(../images/logo1.gif); background-repeat:no-repeat; border-bottom:3px solid #CCC; padding-bottom:10px;} .popHeader a {position:absolute; right:20px; font-family:Arial,Sans-Serif; font-size:10px; text-transform:uppercase;} /************************** Splash ****************** */ #wrap #container {margin-left:25px; margin-right:25px; background-image:url(../images/sfondo_splash.jpg); background-repeat:repeat-x; border-bottom:1px solid #a8afa0; border-right:1px solid #a8afa0; position:relative;} #container #indirizzo {position:absolute; bottom:28px; left:37px;} #splash {width:613px; margin-left:auto; margin-right:auto; padding-top:84px;} #splash h1 {height:106px; background-image:url(../images/logo.png); position:relative;} #splash h1 span {display:none;} #splash p {width:613px; margin-left:auto; line-height:19px; margin-right:auto; font-size:13px; text-align:justify; margin-top:38px;} #buttons {position:relative; margin-top:28px; width:613px; z-index:97;} #buttons li {background-image:url(../images/splashButton.gif); position:relative; width:286px; height:62px; float:left; margin-right:41px;} #buttons li.notActive {background-image:url(../images/splashButton2.gif);} #buttons li a {color:#FFF; font-size:14px; position:absolute; top:24px; left:35px; font-weight:bold; text-decoration:none;} /************************** Shadows (solo per FF e IE7) ****************** */ #innerShadow {position:relative;} #shadow1 {behavior: url(../css/iepngfix.htc); width:507px; height:121px; position:absolute; bottom:-9px; right:-13px; z-index:0;} /************************** hContainer ****************** */ #hContainer {width:903px; margin-left:auto; margin-right:auto;} #hContainer #header {height:139px; background-image:url(../images/header.jpg); position:relative;} #hContainer #header #thiene {position: absolute; right:-7px; top:30px;} #hContainer #header #homeLink {position:absolute; left:0px; top:0px; display:block; width:300px; height:120px;} #hContents {background-color:#FFF;} #hContents #menu {position:relative; height:32px; border-bottom:1px solid #8e8f85;} #hContents #menu ul li {float:left;} #hContents #menu ul li a {height:32px; display:block;} #hContents #menu ul li a:hover, .current {background-position:0px -32px;} #hContents #menu ul li a span {display:none;} #hContents #menu ul li a#mn01 {background-image:url(../images/menu1.gif); width:132px;} #hContents #menu ul li a#mn02 {background-image:url(../images/menu2.gif); width:195px;} #hContents #menu ul li a#mn03 {background-image:url(../images/menu3.gif); width:221px;} #hContents #menu ul li a#mn04 {background-image:url(../images/menu4.gif); width:135px;} #hContents #menu ul li a#mn05 {background-image:url(../images/menu5.gif); width:220px;} #hContents #subMenus ul {position:absolute; background-image:url(../images/shadow2.gif); background-color:#8a897b; background-repeat:repeat-x; background-position:top; padding-left:10px; visibility:hidden;} #hContents #subMenus ul li {float:left; margin-right:20px; font-family:Trebuchet MS,Serif; font-size:10px; line-height:29px;} #hContents #subMenus ul li a {color:#FFF; text-decoration:none; padding-bottom:2px;} #hContents #subMenus ul li a span {color:#ffb666;} #hContents #subMenus ul li a:hover, .subCurrent {border-bottom:5px solid #c78b42;} #hContents #subMenus ul#sub01 {left:49px; width:867px;} #hContents #subMenus ul#sub02 {left:180px; width:736px;} #hContents.homepage {background-image:url(../images/homepage.jpg); height:354px;} #contents {min-height: 400px; height: auto !important; height: 400px; margin-top:50px; width:800px; margin-left:auto; margin-right:auto; padding-bottom:50px;} /************************** DOVE SORGE ****************** */ .button2#dove_sorge {background-image:url(../images/mn_dovesorge.gif);} #mapContainer p {float:left; width:199px; padding-left:30px; text-align:justify; border-left:1px solid #ccc; margin-bottom:10px;} #map {float:left;width:540px; margin-right:30px; height:300px;} /************************** CERTIFICAZIONE ****************** */ .button2#certificazione {background-image:url(../images/mn_certificazione.gif);} /************************** PIU' CASA, MENO ENERGIA ****************** */ .button2#piucasa {background-image:url(../images/mn_piucasa.gif);} /************************** PLANIMETRIE ****************** */ .planiContainer {border:1px solid #e1e1dd; width:483px; float:left; background-position:center; position:relative;} .note {position:absolute; bottom:-20px; font-size:10px;} #planiDesc {float:left; margin-left:10px; width:301px;} #planiDesc ul {margin-left:20px; width:285px; position:relative; left:-15px;} #planiDesc ul li {position:relative; font-size:11px; line-height:30px; height:30px; cursor:default;} #planiDesc ul li .roomName {position:relative; top:1px; left:12px;} #planiDesc ul li .roomDesc {position:relative; top:1px; margin-left:23px;} #planiDesc ul li.highlight {background-image:url(../images/planimetria_sfondo_lista.gif); background-repeat:no-repeat; background-position:-10px 2px; background-color:#dbebce;} #planiDesc ul li .dot {font-weight:bold; color:#ce924b; padding-right:3px;} #planiDesc ul li .details {position:absolute; right:7px; top:0px;} #planiDesc ul li .bar {color:#999; font-size:22px; padding-left:3px; padding-right:3px; font-family:Times,Serif;} #planiDesc ul li .dettagli {color:#ce924b; text-transform:uppercase; position:relative; top:-2px;} #planiDesc ul li:focus {border:none;} #planiButtons {margin-top:30px; margin-left:10px;position:relative;z-index:99;} .button3 {float:left; margin-right:15px;} .nomargins {margin-right:0px;} .button3 a {position:absolute; top: 24px; left:55px; width:80px;text-decoration:none; line-height:normal;} .button3 a span {font-weight:normal;} #cover {position:absolute;width:483px;z-index:1;} #roomList {position:absolute;z-index:2;} #roomList li {cursor:default;} #roomList li a {position:absolute;font-size:11px; font-weight:bold; text-decoration:none;padding:3px; padding-left:2px; padding-right:2px;} #roomList li a.highlight {background-color:red; color:#fff; } /***** GARAGE 1 *****/ .button2#planimetria_garage1 {background-image:url(../images/mn_planimetria_garage1.gif);} .planiContainer#garage1 {height:340px; background-image:url(../images/planimetria_garage1.jpg);} .planiContainer#garage1 #cover { height:344px;} #garage1 #g1{left:203px; top:40px;} #garage1 #g2{left:253px; top:40px;} #garage1 #g3{left:304px; top:40px;} #garage1 #g4{left:348px; top:40px;} #garage1 #g5{left:193px; top:170px;} #garage1 #g6{left:225px; top:170px;} #garage1 #g7{left:257px; top:170px;} #garage1 #g8{left:290px; top:170px;} #garage1 #g9{left:324px; top:170px;} #garage1 #g10{left:353px; top:170px;} #garage1 #c1{left:87px; top:77px;} #garage1 #c2{left:78px; top:92px;} #garage1 #c3{left:116px; top:85px;} #garage2_link {position:absolute;z-index:10; line-height:17px; text-transform:uppercase; font-weight:bold; bottom:10px; right:10px; background-position:right; background-image:url(../images/arrow1.gif); background-repeat:no-repeat; padding-right:25px; font-size:11px;} /***** GARAGE 2 *****/ .button2#planimetria_garage2 {background-image:url(../images/mn_planimetria_garage2.gif);} .planiContainer#garage2 {height:340px; background-image:url(../images/planimetria_garage2.jpg);} .planiContainer#garage2 #cover { height:344px;} #garage2 #g11{left:200px; top:40px;} #garage2 #g12{left:251px; top:40px;} #garage2 #g13{left:301px; top:40px;} #garage2 #g14{left:347px; top:40px;} #garage2 #g15{left:192px; top:170px;} #garage2 #g16{left:223px; top:170px;} #garage2 #g17{left:255px; top:170px;} #garage2 #g18{left:288px; top:170px;} #garage2 #g19{left:321px; top:170px;} #garage2 #g20{left:353px; top:170px;} #garage2 #g21{left:81px; top:83px;} #garage1_link {position:absolute;z-index:10; line-height:17px; text-transform:uppercase; font-weight:bold; bottom:10px; right:10px; background-position:left; background-image:url(../images/arrow2.gif); background-repeat:no-repeat; padding-left:25px; font-size:11px;} /***** PIANO TERRA *****/ .button2#planimetria_piano_terra {background-image:url(../images/mn_planimetria_pianoterra.gif);} .planiContainer#pianoterra {height:340px; background-image:url(../images/planimetria_pianoterra.jpg);} .planiContainer#pianoterra #cover { height:346px;} #pianoterra #comm1 {left:148px; top:60px;} #pianoterra #comm2 {left:278px; top:60px;} #pianoterra #p1 {left:137px; top:190px;} #pianoterra #p2 {left:162px; top:190px;} #pianoterra #p3 {left:187px; top:190px;} #pianoterra #p4 {left:212px; top:190px;} #pianoterra #p5 {left:237px; top:190px;} #pianoterra #p6{left:262px; top:190px;} /***** PIANO PRIMO *****/ .button2#planimetria_primo_piano {background-image:url(../images/mn_planimetria_primopiano.gif);} .planiContainer#primopiano {height:340px; background-image:url(../images/planimetria_primopiano.jpg);} .planiContainer#pianoterra #cover { height:340px;} #primopiano #a1 {left:195px; top:56px;} #primopiano #b1 {left:248px; top:56px;} #primopiano #c1 {left:335px; top:88px;} #primopiano #d1 {left:318px; top:114px;} #primopiano #e1 {left:168px; top:114px;} #primopiano #f1 {left:110px; top:167px;} /***** PIANO SECONDO *****/ .button2#planimetria_secondo_piano {background-image:url(../images/mn_planimetria_secondopiano.gif);} .planiContainer#secondopiano {height:340px; background-image:url(../images/planimetria_secondopiano.jpg);} .planiContainer#pianoterra #cover { height:340px;} #secondopiano #a2 {left:195px; top:56px;} #secondopiano #b2 {left:248px; top:56px;} #secondopiano #c2 {left:335px; top:88px;} #secondopiano #d2 {left:318px; top:114px;} #secondopiano #e2 {left:168px; top:114px;} #secondopiano #f2 {left:110px; top:167px;} /***** DOCUMENTAZIONE *****/ .button2#documentazione1 {background-image:url(../images/mn_documentazione1.gif);} .button2#documentazione2 {background-image:url(../images/mn_documentazione2.gif); margin-top:30px;} .button2#documentazione3 {background-image:url(../images/mn_documentazione3.gif); margin-top:30px;} .img {width:80px; height:80px; padding-right:40px; vertical-align:top;} .desc {width:350px; padding-right:120px; vertical-align:top;} .desc2 {width:500px; vertical-align:top;} .desc h4 , .desc2 h4{font-size:14px; margin-bottom:5px; font-weight:bold;} .desc p, .desc2 p {width:100%; text-align:justify;} .dl {width:134px; vertical-align:top;} .link {margin-top:10px;} .link a {color:#ce924c;} .dv {height:40px;} .dv2 {height:10px;} .dl .button3 {top:-15px;} .dl .button3 a {position:absolute; top: 30px; left:55px; width:80px;text-decoration:none; line-height:normal;} /***** PARTNERS *****/ .button2#partners {background-image:url(../images/mn_partners.gif);} .button2#fornitori {background-image:url(../images/mn_fornitori.gif);} .button2#agenzie {background-image:url(../images/mn_agenziemandatarie.gif);} /***** CONFIGURATORE *****/ .button2#personalizza {background-image:url(../images/mn_personalizza.gif);} .confItem {float:left; margin-right:30px; width:173px; position:relative; height:196px;background-image:url(../images/sfondo_conf.jpg); background-repeat:no-repeat; background-position:bottom; cursor:pointer;} .confItem img {position:absolute; top:60px;} .confItem a {display:block; width:165px; height:51px; background-position:0px -51px;} .confItem a.confCurrent {background-position:0px 0px;} .confLast {margin-right:0px;} .confItem#camera a{background-image:url(../images/mnconf_camera.gif);} .confItem#soggiorno a{background-image:url(../images/mnconf_soggiorno.gif);} .confItem#bagnovasca a{background-image:url(../images/mnconf_bagnovasca.gif);} .confItem#bagnodoccia a{background-image:url(../images/mnconf_bagnodoccia.gif);} #segnala {float:left;z-index:99; position:relative; width:100%; clear:left;margin-top:30px; padding-top:30px; border-top:1px solid #CCC;} #segnala div {position:absolute; right:0px;} #segnala div a {position:absolute; left:60px; top:10px; width:60px; text-decoration:none; line-height:normal;} /***** CONTATTACI *****/ .button2#contattaci {background-image:url(../images/mn_contattaci.gif);} #frm {float:left; border-left:1px solid #ccc;padding-left:65px; position:relative; z-index:100;} #frm table {margin-top:20px;} #frm table td {width:200px;} #indicazioni {float:left; margin-right:65px;} #indicazioni p {width:150px;} #msgOK {width:300px;border:solid 2px #8fad3d; background:#eef4d4 url(../images/msgOK.png) 8px 4px no-repeat;color:#339933;padding:4px;text-align:center; display:none; font-size:11px; margin-bottom:30px;} #msgOK strong {color:#339933} #msgKO {width:300px;border:solid 2px #d6463c; background:#f6cbca url(../images/msgKO.png) 8px 4px no-repeat;color:#d6463c;padding:4px;text-align:center; display:none; font-size:11px; margin-bottom:30px;} #msgKO strong {color:#d6463c} /************************** FILOSOFIA ENERGICASA ****************** */ .button2#filosofia-energicasa {background-image:url(../images/mn_filosofiaenergicasa.gif);} #filo {margin-top:30px;} #filo th {color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; background-color:#83b360; padding:10px; padding-left:12px;} #filo td {font-size:11px; padding:10px; padding-left:12px;} #filo tr {background-color:#f1f1f1;} #filo .col1 {text-transform:uppercase; text-align:center;} #filo .odd {background-color:#d0f2b8;} /************************** L'INTERVENTO ****************** */ .button2#intervento {background-image:url(../images/mn_intervento.gif);} #preview {float:left; position:relative; width:260px; height:190px;background-image:url(../images/disegnothiene.jpg); background-repeat:no-repeat;} #preview p {text-align:center; width:100%;position:absolute; bottom:0px; font-style:italic;} #desc {float:left; width:500px; margin-left:30px; position:relative;} #desc p {width:100%; text-align:justify;} #viewMov {margin-top:40px;} #viewMov #movNotice {float:left; width:200px; border-left:1px solid #999; margin-left:10px; padding-left:20px;} #viewMov #movNotice a {font-weight:bold;} /***** SEGNALA *****/ .button2#segnalaBt {background-image:url(../images/mn_segnala.gif);} /***** PRIVACY *****/ .button2#privacy {background-image:url(../images/mn_privacy.gif);} #privacyDocument h4 {font-size:14px; margin-top:50px; font-weight:bold; margin-bottom:20px;} #privacyDocument p {margin-bottom:20px; text-align:justify;} #privacyDocument ul {margin-left:20px; margin-bottom:20px;} #privacyDocument ul li {list-style-type:square; font-size:11px; text-align:justify; line-height:16px; color:#363636; margin-bottom:5px;} /************************** SITEMAP ****************** */ .button2#sitemap {background-image:url(../images/mn_sitemap.gif);} #sitemapList li {font-size:11px; font-weight:bold; margin-bottom:10px;} #sitemapList li ul {margin-left:30px; margin-bottom:40px;} #sitemapList li ul li {font-weight:normal; list-style-type:upper-roman;} /************************** FOOTER ****************** */ #btm1 {position:relative;background-image:url(../images/btm1New.jpg); height:110px; background-position:bottom; border-bottom:1px solid #a8afa0; border-right:1px solid #a8afa0;} #btm1 #indirizzo {position:absolute; left:200px; top:30px;} #btm1 p {width:270px; font-size:11px; line-height:16px;} #btm1 #certificazione {position:absolute; right:110px; font-size:11px; top:30px;} #btm1 #provaConfiguratore {position:absolute; z-index:99; height:110px; left:510px; width:340px; display:block; background-color:#FFF;opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0);} #btm1 #certificazioneCasaClima {position:absolute; z-index:99; height:110px; left:0px; width:180px;display:block; background-color:#FFF;opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0);} #btm1 a span {display:none;} #footer {width:821px; margin-left:auto; margin-right:auto; padding-top:14px; padding-bottom:50px; position:relative;} #footer p{font-size:11px;} #footer #copyright {position:absolute; left:0px;} #footer #links {position:absolute; right:0px; text-align:right; color:#848c8f;} /*#btm1 {position:relative;background-image:url(../images/btm1.jpg); height:110px; background-position:bottom; border-bottom:1px solid #a8afa0; border-right:1px solid #a8afa0;} #btm1 #indirizzo {position:absolute; left:40px; top:30px;} #btm1 p {width:270px; font-size:11px; line-height:16px;} #btm1 #certificazione {position:absolute; right:110px; font-size:11px; top:30px;} #btm1 #provaConfiguratore {position:absolute; z-index:99; height:110px; left:340px; width:340px; display:block; background-color:#FFF;opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0);} #btm1 #certificazioneCasaClima {position:absolute; z-index:99; height:110px; left:700px; width:180px;display:block; background-color:#FFF;opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0);} #btm1 a span {display:none;} #footer {width:821px; margin-left:auto; margin-right:auto; padding-top:14px; padding-bottom:50px; position:relative;} #footer p{font-size:11px;} #footer #copyright {position:absolute; left:0px;} #footer #links {position:absolute; right:0px; text-align:right; color:#848c8f;} */ /************************** Altre classi ****************** */ .indirizzo h6 {font-size:11px; font-weight:bold;} .indirizzo p {margin-top:4px; font-size:10px;} .button {width:173px; height:62px; position:relative;} .button a {position:absolute; color:#FFF; text-decoration:none; font-size:16px; font-weight:bold; top:22px; left:35px;} .button img {behavior: url(../css/iepngfix.htc);} .button2 {width:301px; height:55px; margin-bottom:25px;} .button2 span {display:none;} .button3 {width:134px; height:60px; position:relative; background-repeat:no-repeat;} .button3 a {display:block;font-size:11px; font-weight:bold;} .button3.pdf {background-image:url(../images/icon_pdf.gif);} .button3.add {background-image:url(../images/icon_add.gif);} .button3.tell {background-image:url(../images/icon_tell.gif);} .button3.mov {background-image:url(../images/icon_mov.gif);} .opacity1 {opacity: 0.90; -moz-opacity: 0.90; filter: alpha(opacity=90);} .opacity2 {opacity: 0.80; -moz-opacity: 0.80; filter: alpha(opacity=80);} .slist {list-style-type:square; margin-left:15px; margin-top:20px; margin-bottom:20px;}