/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ } /*GENERALI PAGINA*/ @font-face{font-family: 'Ubuntu-TitleTitle'; src: url('/fonts/DS-DIGI.TTF');src: local('DS-DIGI Title'), local('DS-DIGI'), url('/fonts/DS-DIGI.TTF') format('truetype'); } *{ margin:0 auto;} table{margin-left:0px;} font{font-size:16px;} a:visited{text-decoration:none; color:#fff;} a:focus,a:active{ outline:none; color:#fff;} a:link{text-decoration:none; color:#fff;} body{text-align:center; background:#111;} h1{font:bold 1em Verdana,Arial,sans-sarif;color:#FFF;margin:1.25em 0 0 0;} h2{font-family:verdana;color:#fff;} h4{font:bold 1em Verdana,Arial,sans-sarif;color:#FFF;margin:1.25em 0 0 0;} p{font-size:1em;line-height:1.125em;} td{font-family:Verdana;color:#fff;text-align:left;font-size:0.75em;} strong{font-family:verdana;color:#fff;} p{font-family:verdana;color:#fff;} img{font-family:verdana;border:none;} button{border:none;} #Grey_Wrap{font-family:verdana;width:53.125em; height:31.25em;position: absolute;top: 50%;left: 50%;margin-top:-15.625em; margin-left:-26.5625em; background:#FFF url('../img/selezione.jpg') ; overflow:hidden;} #Set_Wrap{font-family:verdana;width:53.125em; height:31.25em;position: absolute;top: 50%;left: 50%;margin-top:-15.625em; margin-left:-26.5625em; background:#FFF url('../img/onoff.png') ; overflow:hidden;} #info{top:10%;height:80%;position:absolute;width:100%;color:#fff;font-family:Verdana;} .center{font-family:Verdana;position:absolute;left:0px;top:0px;} #info_2{top:10%;height:80%;position:absolute;width:100%;color:#fff;font-family:Verdana;} #info_sinottico{top:50px;height:500px;position:absolute;width:100%;color:#fff;font-family:Verdana;left:0%;} #picture{font-family:Verdana;position:relative; width:750px; height:325px; background:#FFF; margin-top:1%; margin-bottom:5% ; margin-left:auto; } #picture p{ font-size:13px;} #ON {font-family:Verdana;color:#fff;width: 75px;height: 19px;border-style: none;cursor: pointer;background: url(../img/onupmini.png) center center ;} #ON:hover {font-family:Verdana;background:url(../img/ondownmini.png);color:#000;} #OFF{font-family:Verdana;color:#fff;width: 75px;height: 19px;border-style: none;cursor: pointer;background: url(../img/img/offupmini.png) center center ;} #OFF:hover {font-family:Verdana;background:url(../img/img/offdownmini.png);color:#000;} #infopagina{padding-top:25px;height:310px;left:0px;top:45px;background: #404040;position:absolute;width:750px;color:#fff;font-family:Verdana;} #infopagina p{ font-size:13px;} .center{font-family:Verdana;position:absolute;left:0px;top:0px;} /*TOP BAR*/ #topbar{font-family:verdana;position:absolute;width:100%;height:10%;background:url('../img/dim.png');text-align:left;left:0%;top:0%;color:#fff;font-size:0.75em;} #allarme{position:absolute;top:4%;right:6.470588%;} #data{position:absolute;top:36%;left:5.294118%;} #temperatura{position:absolute; top:30%;right:6.76%;} #calendario{position:absolute;top:20%;left:1.764706%;} #termostato{position:absolute;top:4%;right:7.647059%;} #intestazione{position:absolute;top:4%;right:45%;font-family: Verdana;background:url('../img/GSI_Bianco.png');background-repeat:no-repeat;width:10.294%;height:90%;} #Generico{position:absolute;top:28%;right:23%;font-family: Verdana;} #pompa{position:absolute; top:27%;left:65%;} #vmix{position:absolute; top:27%;left:75%;} #spie{font-family:verdana;position:absolute;bottom:37%;left:29.411765%;} #spie1{font-family:verdana;position:absolute;top:10%;left:64.705882%;} #spie2{font-family:verdana;position:absolute;top:37%;left:64.705882%;} #spie3{font-family:verdana;position:absolute;bottom:10%;left:64.705882%;} #stagione{position:absolute;top:24%;left:23.529411%;} /*BOTTOM BAR*/ #bottombar{font-family:verdana;position:absolute;width:100%;height:10%;background:url('../img/dim.png');text-align:left;left:0%;bottom:0%;} #sinottico{position: absolute; top:0.4em; right:12.941176em;font-family:verdana;} #precedente{background:url(../img/arrow_left.png);background-repeat:no-repeat;height:90%;width:6.235294%;position:absolute;top:4%;left:0.588235%;} #precedente:hover{position:absolute;background:url(../img/arrow_left_hover.png);background-repeat:no-repeat;color:#000;cursor: pointer;} #sucessivo{background:url(../img/arrow_right.png);background-repeat:no-repeat;height:90%;width:6.235294%;position:absolute;top:4%;right:0.588235%;} #sucessivo:hover{position:absolute;background:url(../img/arrow_right_hover.png);background-repeat:no-repeat;color:#000;cursor: pointer;} #indietro{background:url(../img/arrow_return.png);background-repeat:no-repeat;height:90%;width:6.235294%;position:absolute;top:4%;left:46.882353%;} #indietro:hover{position:absolute;background: url(../img/arrow_return_hover.png);background-repeat:no-repeat;cursor: pointer;} #fade_bg{position:absolute; z-index:15; width:100%; height:100%; background:url('../img/dim.png'); display:none;} #GAP{position: absolute; top:30%; right:21.176471%;} #footer{position:absolute;bottom:30%;right:42.94117647058824%;} #footer a{color:#ffffff;font-size: 0.75em;bottom:0em;left:0em;} #allarme{position:absolute;top:4%;right:6.470588%;} #service{position:absolute;top:4%;right:2%;} /* INDEX */ #Index3{font-family:verdana;width:53.125em; height:31.25em;position: absolute;top: 50%;left: 50%;margin-top:-15.625em; margin-left:-26.5625em; background:#FFF url('../img/casa.jpg') ; overflow:hidden;} #Index3CT{font-family:verdana;width:53.125em; height:31.25em;position: absolute;top: 50%;left: 50%;margin-top:-15.625em; margin-left:-26.5625em; background:#FFF url('../img/3.jpg') ; overflow:hidden;} #Index5{font-family:verdana;width:850px; height:500px;position: absolute;top: 50%;left: 50%;margin-top: -250px; margin-left: -425px; background:#FFF url('../img/casa.jpg'); overflow:hidden;} #Riga_1{font-family:Verdana;position:absolute;top:70px;left:25%; width:70.588235294117647058823529411765%;height:37.5%;} /*Immagini Index1 */ #B{background:url(../img/b1s.png);background-repeat:no-repeat;height:50%;width:23.52941176470588%;position:absolute;top:30%;left:40%;} #B:hover{position:absolute;background:url(../img/b1.png);background-repeat:no-repeat;color:#000;cursor:pointer;} /*Immagini Index3 */ #A3{font-family:verdana;background:url('../img/a3.png');background-repeat:no-repeat;height:80%;width:29.411765%;position:absolute;top:10%;left:5.88235294%;} #A3:hover {font-family:verdana;position: absolute;background:url('../img/a3s.png');background-repeat:no-repeat;color:#000;cursor:pointer;} #B3{font-family:verdana;background:url('../img/b3.png');background-repeat:no-repeat;height:80%;width:29.411765%;position:absolute;top:10%;left:35.294118%;} #B3:hover {font-family:verdana;position: absolute;background:url('../img/b3s.png');background-repeat:no-repeat;color:#000;cursor:pointer;} #D3{font-family:verdana; background:url('../img/d3.png');background-repeat:no-repeat;height:80%;width:29.411765%;position:absolute;top:10%;left:64.705882%;} #D3:hover {font-family:verdana;position:absolute;background:url('../img/d3s.png');background-repeat:no-repeat;color:#000;} /*Immagini Index5 */ #A5 {font-family:verdana;background: url('../img/a5s.png') ;background-repeat: no-repeat;height: 200px;width: 250px;position: absolute;top: 50px;left: 175px;} #A5:hover {font-family:verdana;position: absolute;background: url('../img/a5.png');background-repeat: no-repeat; color: #000;cursor: pointer;} #B5{font-family:verdana;background: url('../img/b5s.png') ;background-repeat: no-repeat;height: 200px;width: 250px;position: absolute;top: 50px;left: 425px;} #B5:hover {font-family:verdana;position: absolute;background: url('../img/b5.png');background-repeat: no-repeat;color: #000; cursor: pointer;} #C51 {font-family:verdana;background: url('../img/c5s1.png') ;background-repeat: no-repeat; height: 100px; width: 250px; position: absolute; top: 250px; left: 177px;} #C51:hover {font-family:verdana;position: absolute;background: url('../img/c51.png');background-repeat: no-repeat;color: #000;} #C52{font-family:verdana;background: url('../img/c5s2.png'); background-repeat: no-repeat;height: 100px;width: 250px;position: absolute;top: 350px; left: 177px;} #C52:hover { font-family:verdana;position: absolute;background: url('../img/c52.png');background-repeat: no-repeat;color: #000;} #D5{font-family:verdana;background: url('../img/d5s.png') ;background-repeat: no-repeat;height: 200px;width: 250px;position: absolute;top: 250px;left: 425px;} #D5:hover {font-family:verdana;position: absolute;background: url('../img/d5.png');background-repeat: no-repeat; color: #000;cursor: pointer;} /*STILI HOME USER*/ #info_home_user{top:10%;height:80%;position:absolute;width:100%;color:#fff;font-family:Verdana;} #info_home_user a:visited, a:focus, a:active, a:link{border: none; border-style: none; text-decoration:none; font-family:verdana;} #info_home_user p {margin-bottom:12%; font-family:verdana;} #bttn1{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:2.5%;left:10.29411764705882%;} #bttn1:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;border-style:none;} #bttn2{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:20.75%;left:10.29411764705882%;} #bttn2:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn3{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:39%;left:10.29411764705882%;} #bttn3:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn4{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:57.25%;left:10.29411764705882%;} #bttn4:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn5{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:75.5%;left:10.29411764705882%;} #bttn5:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn6{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:2.5%;right:10.29411764705882%;} #bttn6:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn7{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:20.75%;right:10.29411764705882%;} #bttn7:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn8{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:39%;right:10.29411764705882%;} #bttn8:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn9{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:57.25%;right:10.29411764705882%;} #bttn9:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} #bttn10{font-family:verdana;background:url('../img/bttn_up.png');background-repeat:no-repeat;height:63px;width:250px;position: absolute;top:75.5%;right:10.29411764705882%;} #bttn10:hover{font-family:verdana; position: absolute;background: url('../img/bttn_down.png');background-repeat:no-repeat;color: #000;Cursor: pointer;} /* EDIFICI */ #Riga_1{font-family:Verdana;position:absolute;top:12.5%;left:15%; width:70.58%;height:37.5%;} #Stanza{font-family:Verdana;position:absolute;Top:-25%;left:35%;text-align:left;font-size:1em;z-index: 1;} #CtoMix{font-family:Verdana;position:absolute;Top:-10%;left:0%;text-align:left;font-size:1em;z-index: 1;} #Descrizione{font-family:Verdana;position:absolute;Top:4%;left:1.666667%;text-align:left;font-size:1em;z-index: 1;} #Impostazioni{font-family:Verdana;position:absolute;top:5%;right:15%;text-align:center;z-index: 1;font-size:0.8125em; width:24.166667%;height:83.333333%;} #Impostazioni p {font-family:Verdana; padding:2px;} #Comfort{font-family:verdana;color:#fff;width:75px;height:19px;border-style: none;cursor:pointer;background:url('../img/onupmini.png') center center;} #Comfort:hover {font-family:verdana;background:url('../img/ondownmini.png'); color:#000;} #Spento{font-family:verdana;color:#fff;width:75px;height:19px;border-style:none;cursor:pointer;background:url('../img/offupmini.png') center center;} #Spento:hover {font-family:verdana;background:url('../img/offdownmini.png');color:#000;} #F_Orarie{font-family:verdana;color:#fff;width:75px;height:19px;border-style: none;cursor: pointer;background: url('../img/autoupmini.png') center center;} #F_Orarie:hover {font-family:verdana;background:url('../img/autodownmini.png');color:#000;} #Economy{font-family:verdana;color:#fff;width:75px;height:19px;Border-style: none;cursor:pointer;background:url('../img/EnSaveupmini.png') center center;} #Economy:hover {font-family:verdana;background:url('../img/EnSavedownmini.png');color:#000;} #T_ambiente{font-family:Verdana;position:absolute;top:33.333333%;left:8.333333%;text-align:left;font-size:0.9375em;z-index:1;} #Cto_mix{font-family:Verdana;position:absolute;top:10%;left:8.333333%;text-align:left;font-size:0.9375em;z-index:1;} #U_ambiente{font-family:Verdana;position:absolute;top:33.333333%;left:41.666667%;text-align:left;font-size:0.9375em;z-index:1;} #Setpoint{font-family:Verdana;position:absolute;top:53.333333%;Left:8.333333%;text-align:left;font-size:0.8125em;z-index:1;} #Testina{font-family:Verdana;position:absolute;top:13.333333%;Left:4%;text-align:left;font-size:0.8125em;z-index:1;} #Th_Tune{font-family:Verdana;position:absolute;top:7%;left:60%;text-align:left;font-size:0.9375em;z-index:1;width:75px;height:19px;} #Th_Tune table,tr,td{font-family:Verdana;font-size:0.9375em;} #Set_button{font-family:verdana;width:75px;height:19px;border-style: none;cursor: pointer;background:url('../img/set_up_mini.png') center center;background-repeat:no-repeat;} #Set_button table,tr,td{font-family:verdana;font-size:0.9375em;} #Set_button:hover{font-family:verdana;background:url('../img/set_down_mini.png');color:#fff;background-repeat:no-repeat;} #Chiamata_Rad{position:absolute;top:83.333333%;left:5%;text-align:center;z-index: 1;font-size:0.8125em;font-family:Verdana;} #Allarme_1{font-family:Verdana;position:absolute;top:83.333333%;right:3%;text-align:left;z-index: 1;} #Allarme_1 p{font-size:0.5625em;} #Riga_2{font-family:Verdana;position:absolute;bottom:5%;left:15%;width:70.588235294117647058823529411765%;height:25%;} #Descrizione_2{font-family:Verdana;position:absolute;top:10%;left:6%;text-align:left;Font-size:1em;z-index: 1;} #Chiamata_FC{position:absolute;top:15%;left:-1%;text-align:center;z-index: 1;font-size:0.8125em;font-family:Verdana;width:23.333333%;} #Stato_Finestra{position:absolute;top:55%;left:5%;text-align:left;z-index: 1;font-size:0.8125em;font-family:Verdana;width:23.333333%;} #Temp_Acqua{position:absolute;top:75%;left:5%;text-align:left;z-index: 1;font-size:0.8125em;font-family:Verdana;width:23.333333%;} #Set_Velocita_FC{font-family:Verdana;position:absolute;top:50%;left:2%;text-align:center;z-index: 1;font-size:0.8125em; width:27%;height:60%;} #Velocita_FC{font-family:ds-digitalnormal;position:absolute;top:-35%;left:38%;text-align:left;z-index: 1;width:27.666667%;height:68%;} .Motor_Speed{font-family:ds-digitalnormal;position:absolute;top:65%;left:-60%;text-align:left;z-index: 1;width:100%;height:80%;} #Fan_Speed_ThTune_Barre{font-family:ds-digitalnormal; width:100%} #Fan_SpeedTxt{font-family:ds-digitalnormal;position:absolute;top:46%;left:74%;text-align:left;Font-size:1.3em; z-index: 1;width:70%;height:70%;} #contenuto{display:none;font-family:Verdana;position:absolute;top:80%;left:42%;text-align:left;font-size:0.9375em;z-index:1;width:100px;height:19px;} /* SINOTTICO */ #Sinottico_Wrap{font-family:verdana;width:60em; height:37.5em;position: absolute;top: 50%;left: 50%;margin-top:-18.75em; margin-left:-30em; background:#FFF url('../img/null.png') ; overflow:hidden;} #Sinottico_P1{font-family:verdana;width:60em; height:37.5em;position: absolute;top: 50%;left: 50%;margin-top:-18.75em; margin-left:-30em; background:#FFF url('../img/piano_primo.png') ; overflow:hidden;} #Sinottico_PT{font-family:verdana;width:60em; height:37.5em;position: absolute;top: 50%;left: 50%;margin-top:-18.75em; margin-left:-30em; background:#FFF url('../img/piano_terra.png') ; overflow:hidden;} #Sinottico_1{font-family:verdana;width:60em;height:37.5em;position: absolute;top: 50%;left: 50%;margin-top:-18.75em;margin-left:-30em;background:#FFF url('../img/sinottico_1.png');overflow:hidden;} #Sinottico_2{font-family:verdana;width:60em; height:37.5em;position: absolute;top: 50%;left: 50%;margin-top:-18.75em; margin-left:-30em; background:#FFF url('../img/sinottico_2.png') ; overflow:hidden;} #Sinottico_3{font-family:verdana;width:60em; height:37.5em;position: absolute;top: 50%;left: 50%;margin-top:-18.75em; margin-left:-30em; background:#FFF url('../img/sinottico_3.png') ; overflow:hidden;} #topbar_sinottico{font-family:verdana;position:absolute;width:100%;height:8.333333%;background:url('../img/dim.png');text-align:left;left:0%;top:0%;color:#fff;font-size:0.75em;} #bottombar_sinottico{font-family:verdana;position:absolute;width:100%;height:8.333333%;background:url('../img/dim.png');text-align:left;left:0%;bottom:0%;} #adr1{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:76px;width:126px;position:absolute;top:95px;left:503px;z-index:11} #adr1:hover{font-family:verdana;position:absolute;background:url('../img/1.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr2{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:97px;width:130px;position:absolute;top:216px;left:21px;z-index:11} #adr2:hover{font-family:verdana;position:absolute;background:url('../img/2.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr3{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:55px;width:91px;position:absolute;top:168px;left:12px;z-index:11} #adr3:hover{font-family:verdana;position:absolute;background:url('../img/3.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr4{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:56px;width:64px;position:absolute;top:161px;left:197px;z-index:11} #adr4:hover{font-family:verdana;position:absolute;background:url('../img/5.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr5{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:73px;width:110px;position:absolute;top:240px;left:151px;z-index:11} #adr5:hover{font-family:verdana;position:absolute;background:url('../img/6.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr6{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:126px;width:216px;position:absolute;top:162px;left:258px;z-index:11} #adr6:hover{font-family:verdana;position:absolute;background:url('../img/7.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr7{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:97px;width:132px;position:absolute;top:216px;left:816px;z-index:11} #adr7:hover{font-family:verdana;position:absolute;background:url('../img/8.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr8{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:54px;width:96px;position:absolute;top:169px;left:869px;z-index:11} #adr8:hover{font-family:verdana;position:absolute;background:url('../img/9.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr9{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:59px;width:65px;position:absolute;top:162px;left:708px;z-index:11} #adr9:hover{font-family:verdana;position:absolute;background:url('../img/11.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr10{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:73px;width:111px;position:absolute;top:241px;left:709px;z-index:11} #adr10:hover{font-family:verdana;position:absolute;background:url('../img/12.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr11{font-family:verdana;background:url('../img/null.png');background-repeat:no-repeat;height:126px;width:216px;position:absolute;top:162px;left:500px;z-index:11} #adr11:hover{font-family:verdana;position:absolute;background:url('../img/13.png');background-repeat:no-repeat;color:#000;cursor:pointer} #adr12{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:36px;width:82px;position:absolute;top:450px;left:592px;z-index:11} #adr12:hover{font-family:verdana;position:absolute;background:url(../img/14.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr13{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:41px;width:83px;position:absolute;top:449px;left:300px;z-index:11} #adr13:hover{font-family:verdana;position:absolute;background:url(../img/15.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr14{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:119px;width:91px;position:absolute;top:339px;left:585px;z-index:1} #adr14:hover{font-family:verdana;position:absolute;background:url(../img/16.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr15{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:133px;width:89px;position:absolute;top:340px;left:301px;z-index:1} #adr15:hover{font-family:verdana;position:absolute;background:url(../img/17.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr16{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:41px;width:82px;position:absolute;top:261px;left:591px;z-index:11} #adr16:hover{font-family:verdana;position:absolute;background:url(../img/18.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr17{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:39px;width:79px;position:absolute;top:261px;left:300px;z-index:11} #adr17:hover{font-family:verdana;position:absolute;background:url(../img/19.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr18{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:93px;width:108px;position:absolute;top:187px;left:591px;z-index:1} #adr18:hover{font-family:verdana;position:absolute;background:url(../img/20.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr19{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:92px;width:109px;position:absolute;top:186px;left:269px;z-index:1} #adr19:hover{font-family:verdana;position:absolute;background:url(../img/21.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr20{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:102px;width:158px;position:absolute;top:64px;left:691px;z-index:2} #adr20:hover{font-family:verdana;position:absolute;background:url(../img/22.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr21{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:72px;width:46px;position:absolute;top:65px;left:663px;z-index:11} #adr21:hover{font-family:verdana;position:absolute;background:url(../img/23.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr22{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:65px;width:41px;position:absolute;top:65px;left:707px;z-index:11} #adr22:hover{font-family:verdana;position:absolute;background:url(../img/24.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr23{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:74px;width:123px;position:absolute;top:93px;left:216px;z-index:2} #adr23:hover{font-family:verdana;position:absolute;background:url(../img/25.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr24{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:100px;width:64px;position:absolute;top:64px;left:153px;z-index:11} #adr24:hover{font-family:verdana;position:absolute;background:url(../img/26.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr25{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:103px;width:78px;position:absolute;top:64px;left:590px;z-index:2} #adr25:hover{font-family:verdana;position:absolute;background:url(../img/27.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr26{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:38px;width:71px;position:absolute;top:150px;left:268px;z-index:11} #adr26:hover{font-family:verdana;position:absolute;background:url(../img/28.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr27{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:99px;width:31px;position:absolute;top:63px;left:125px;z-index:11} #adr27:hover{font-family:verdana;position:absolute;background:url(../img/29.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr28{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:136px;width:315px;position:absolute;top:65px;left:198px;z-index:1} #adr28:hover{font-family:verdana;position:absolute;background:url(../img/30.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr29{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:126px;width:236px;position:absolute;top:54px;left:475px;z-index:1} #adr29:hover{font-family:verdana;position:absolute;background:url(../img/31.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr30{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:58px;width:109px;position:absolute;top:13px;left:499px;z-index:11} #adr30:hover{font-family:verdana;position:absolute;background:url(../img/32.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr31{font-family:verdana;background:url(../img/null.png);background-repeat:no-repeat;height:39px;width:75px;position:absolute;top:450px;left:592px;z-index:11} #adr31:hover{font-family:verdana;position:absolute;background:url(../img/33.png);background-repeat:no-repeat;color:#000;cursor:pointer} #adr32{ font-family:verdana; background:url(../img/null.png); background-repeat:no-repeat; height:42px; width:88px; position:absolute; top:449px; left:300px; z-index:11 } #adr32:hover{font-family:verdana;position:absolute;background:url(../img/34.png);background-repeat:no-repeat;color:#000;cursor:pointer} /* POMPA DI CALORE */ #Riga_pdc{font-family:Verdana;position:absolute;bottom:37.5%;left:14.70588235294118%;width:70.58823529411765%;height:25%;} #Impostazioni_Pdc{font-family:Verdana;position:absolute;top:10%;left:8.333333%;text-align:center;z-index:1;font-size:0.8125em;width:83.33333333333333%;height:80%;} #Impostazioni_Pdc p{font-family:Verdana;padding:2px;} #Pdc_Comfort{font-family:verdana;color:#fff;width:75px;height:19px;border-style: none;cursor:pointer;background:url('../img/onupmini.png') center center;} #Pdc_Comfort:hover {font-family:verdana;background:url('../img/ondownmini.png'); color:#000;} #Pdc_Spento{font-family:verdana;color:#fff;width:75px;height:19px;border-style:none;cursor:pointer;background:url('../img/offupmini.png') center center;} #Pdc_Spento:hover {font-family:verdana;background:url('../img/offdownmini.png');color:#000;} #Pdc_F_Orarie{font-family:verdana;color:#fff;width:75px;height:19px;border-style: none;cursor: pointer;background: url('../img/autoupmini.png') center center;} #Pdc_F_Orarie:hover {font-family:verdana;background:url('../img/autodownmini.png');color:#000;} #Pdc_Economy{font-family:verdana;color:#fff;width:75px;height:19px;Border-style: none;cursor:pointer;background:url('../img/EnSaveupmini.png') center center;} #Pdc_Economy:hover {font-family:verdana;background:url('../img/EnSavedownmini.png');color:#000;} #sanitario{font-family:verdana;color:#fff;width:95px;height:19px;border-style:none;cursor: pointer;background: url('../img/sanitario_up.png') center center;} #sanitario:hover {font-family:verdana;background:url('../img/sanitario_down.png');color:#000;} #inverno{font-family:verdana;color:#fff;width: 95px;height:19px;border-style: none;cursor: pointer;background: url('../img/inverno_up.png') center center;} #inverno:hover { font-family:verdana;background:url('../img/inverno_down.png');color:#000;} #estate{font-family:verdana;color:#fff;width:95px;height:19px;border-style:none;cursor: pointer;background: url('../img/estate_up.png') center center;} #estate:hover{font-family:verdana;background:url('../img/estate_down.png');color:#000;} /* MENU' DI SELEZIONE SERVICE/COSTRUTTORE */ #selezione{font-family:verdana;position:absolute;top:37.5%;left:14.705882%;width:70.588235%;height:37.5%;} #ON{font-family:verdana;color:#fff;width:20.833333%;height:83.333333%;Border-style:none;cursor:pointer;background:url(../img/onupmini.png) center center;background-repeat:no-repeat;} #ON:hover{font-family:verdana;background:url(../img/ondownmini.png);Color:#000;} #OFF{font-family:verdana;color:#fff;width:20.833333%;height:83.333333%;border-style:none;cursor:pointer;background:url(../img/offupmini.png) center center;background-repeat:no-repeat;} #OFF:hover{Font-family:verdana;background:url(../img/offdownmini.png);color:#000;} #Service_Button{font-family:verdana;background: url(../img/toolOFF.png) center center;background-repeat:no-repeat;height:83.333333%;width:20.833333%;position:absolute;top:8.333333%;right:16.666667%;text-align:left;font-size:1.5625em;} #Service_Button:hover{font-family:verdana;position:absolute;background:url(../img/toolON.png) center center;background-repeat:no-repeat;color:#000;cursor:pointer;} #GSI_Button{font-family:verdana;background:url(../img/GSIOFF.png) center center;background-repeat:no-repeat;height:83.333333%;width:20.833333%;position:absolute;top:8.333333%;left:16.666667%;text-align:left;font-size:1.5625em;} #GSI_Button:hover{font-family:verdana;position:absolute;background:url(../img/GSION.png) center center;background-repeat:no-repeat;color:#000;cursor: pointer;} /* STILI COSTRUTTORE */ #Costruttore_Wrap{font-family:Verdana;position:relative; width:850px; height:500px; background:#202020 ; overflow:hidden; margin-top:3%; margin-bottom:0px ; margin-left:auto; } .info_costruttore{left:0px;top:50px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.6);height:400px;position:absolute;width:850px; color:#fff;font-family:Verdana;overflow-y:scroll;overflow-x:hidden; } .info_costruttore table{font-family:Verdana;margin-top:20px; margin-left:20px;} .info_costruttore button {font-family:Verdana;margin-left:50px;} /* OROLOGIO */ #Orologio_Wrap{position:relative; width:53.125em; height:31.25em;position: absolute;top: 50%;left: 50%;margin-top: -15.625em; margin-left: -26.5625em; background:#202020; overflow:hidden;} .info_orologio{left:0em;top:10%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.6);position:absolute;width:53.125em;color:#fff;font-family:verdana;} .info_orologio table{font-family:verdana;margin-top:3.333333%;margin-left:2.352941%;}