html body {font-family:/*'Montserrat', */Helvetica Neue, Helvetica, Arial, serif;}
.ocult{display:none;}

/* SMARTI LAYOUT        */
.CNT-SMARTI   {position:relative; float:left; width:241px; height:300px; display:block; padding:0; margin:0 auto;font-size: 13px;color: #676a6c;}
.smartiTOP    {position:relative; z-index:10; width:241px; height:89px; display:block; background:url('../../images/bg-smarti.png') no-repeat;}
.smartiTOP.petit {height:36px!important; }
.smartiTOP_noLED{position:relative; z-index:10; width:241px; height:89px; display:block; background:url('../../images/bg-smarti_noLED.png') no-repeat;}
.smartiTOP_noLED .nom{float:left;position:relative;top:0 !important;left:0 !important;width:100%;text-align: center;line-height: 40px;margin-bottom:10px}
.smartiCENTRE {position:relative; left:3px; display: block;}
.smartiCENTRE_WEBCAM {position:relative; left:3px; display: block;height:155px;width:235px;background: url('../../images/motivo_background_widget.png')}
.smartiCENTRE1{position:relative; width:241px; height:106px; display:block; background:url('../../images/bg-smarti.png') no-repeat 0 -89px;}
.smartiCENTRE2{position:relative; width:241px; height:49px; display:block; background:url('../../images/bg-smarti.png') no-repeat 0 -196px;}
.smartiCENTRE_previsio{position:relative; left:3px; display: block;background: #444444;width: 215px;color: #fff;padding: 10px}
.smartiCENTRE_previsio .smarti_previsio_1{height: 60px}
.smartiCENTRE_previsio .smarti_previsio_2, .smartiCENTRE_previsio .smarti_previsio_3{background: url('../../images/bg-smarti-separa_2.png') repeat-x;height: 38px}
.smartiFOOTER {position:relative; width:241px; height:56px; display:block; background:url('../../images/bg-smarti.png') no-repeat 0 bottom;}
.smartiTOP *, .smartiCENTRE1 *, .smartiCENTRE2 *, .smartiFOOTER *{position:absolute;}

.data-intesitat{top: 21px;left: 118px;color: #FFF;font-size: 1em;font-weight: bold;position: relative}
.data-direccio{float: left;color: #FFF;font-size: 1em;font-weight: bold;position: relative;margin: 21px 0 0 16px;}
.smarti .raxmax{top: 60px;left: 120px;color: #c4edff;font-size: .7em;font-weight: bold;text-shadow: 1px 1px 1px #005888;width: 100px;}
/* elements smarti */
/* elements smarti */
.smarti .icoEstat     {margin:3px 0 0 3px;}
.smarti .icoEstatOK   {}
.smarti .icoEstatERROR{display:none;}
.smarti .nom           {top:13px; left:45px; color:#CCC; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #333; text-transform:uppercase;}
.smarti .sector        {top:42px; right:15px; width:210px; color:#CCC; font-size:.9em; font-weight:bold; text-align:right; text-shadow:1px 1px 1px #333;}
.smarti .sectorNom     {top:60px; right:15px; width:140px; color:#CCC; font-size:.7em; font-weight:bold; text-align:right; text-shadow:1px 1px 1px #333;}
.smarti .imatge        {top:45px; left:15px; width:100px; height:120px; display:block;}
.smarti .neu           {background:url('../../images/ilu-smarti-neu.png') no-repeat; }
/*.smarti .caudal      {top:60px; left:3px; width:235px; background:url('../images/bg-smarti-caudal-alerta1.png') no-repeat; }*/
.smarti .caudal        {top:-79px; left:0px; width:78px; height:72px; background:url('../../images/sprite-caudal.png') no-repeat 0 -126px; }
.divOverflow           {top:159px; left:26px; width:78px; height:72px; overflow:hidden; }
/*.smarti .caudal3     {top:60px; left:3px; width:235px; background:url('../images/bg-smarti-caudal-alerta3.png') no-repeat; }*/
/*.smarti .caudal4     {top:60px; left:3px; width:235px; background:url('../images/bg-smarti-caudal-alerta4.png') no-repeat; }*/
.smarti .clima         {top:40px; left:5px; background:url('../../images/ilu-smarti-clima.png') no-repeat; }
.smarti .tensio     {top:75px; left:5px; width:161px; background:url('../../images/ilu-smarti-tensio.png') no-repeat; }
.smarti .uva     {top:75px; left:25px; width:200px; background:url('../../images/ilu-smarti-radiacio.png') no-repeat; }
/*.smarti .tensioasdf        {background:url('../images/ilu-smarti-tensio.png') no-repeat;; }*/
.smarti .pluvio        {top:50px; left:3px; width:161px; background:url('../../images/ilu-smarti-pluvio.png') no-repeat; }
.smarti .vent          {top:70px; left:12px; width:115px; height:115px; background:url('../../images/ilu-smarty-vent.png') no-repeat 0 0; }
.smarti .webcam        {top:38px; left:5px; background:url('../../images/ilu-smarti-webcam.png') no-repeat 10px 10px; }
.smarti .radiacio      {width:210px; height:120px; top:68px; left:13px; background:url('../../images/ilu-smarti-radiacio.png') no-repeat 10px 10px; }
.smarti .espessor      {top:6px; left:118px; color:#c4edff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .tensioText    {top:6px; left:170px; color:#FFF; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .tensioMaximaText {top:2px; left:-62px; color:#FFF; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.bgTensioAgulla        {position:absolute; z-index:10; display:block; top:-15px; left:14px; width:115px; height:115px;}
.bgTensioAgulla2       {position:absolute; z-index:10; display:block; top:0px; left:28px; width:115px; height:115px;}
.bgTensioAgullaUVA       {position:absolute; z-index:10; display:block; top:5px; left:45px; width:152px; height:152px;}
.bgPluvioEstat         {z-index:10; display:block;left:7px; top:20px; width:107px; height:56px; }
.bgTensio 		   {background:url('../../images/bg-smarti-tensio.png') no-repeat 3px 0;}
.pluvioUltimes24       {left: 119px !important}
.pluvioultimes24data   {top: 70px !important}
.data-percentatge {left:5px;}
.SPR-caudal            {background:url('../../images/sprite-caudal.png') no-repeat;}
.herbetesCaudal        {position:relative; width:235px; left:3px; height:8px; top:-8px; z-index:10; background-position:0 0;}
.smarti .caudalText    {top:6px; left:118px; color:#FFF; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #000;}
.smarti .caudalText2   {top:60px; left:120px; color:#FFF; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #000;}
.smarti .temperaturaNeuText   {top:22px; left:16px; width: 100px;color:#C4EDFF; font-size:.7em; font-weight:bold; text-shadow: 1px 1px 1px #005888;}
.smarti .missatgeRisc  {top:-29px; left:13px; padding:0 0 0 26px; z-index:100; height:28px; line-height:18px; font-size:0.6em; font-weight:bold; text-transform:uppercase; background-position:0 -10px;}
.smarti .missatgeRisc4 {color:#f41d00; background-position:0 -10px;}
.smarti .missatgeRisc3 {color:#ff7e00; background-position:0 -38px;}
.smarti .missatgeRisc2 {color:#f1f400; background-position:0 -66px;}
.smarti .missatgeRisc1 {color:#4fe400; background-position:0 -94px;}
.bgCaudal .value, .bgCaudal .caudal {color:#FFF; text-shadow:1px 1px 1px #472e0a!important;}
.bgCaudal { background:url('../../images/bg-smarti-caudal.jpg') no-repeat 3px 0;}

.smarti .CNT-TopData   {top:20px; left:118px; width:146px; height:50px; display:block; color:#FFF; background:url('../../images/bg-smarti-separa.png') no-repeat -12px 38px;}
.pluvio_ultima_h {left:128px !important}
.pluvioultimahora {left:128px !important}
.smarti .CNT-TopData .value  {position:relative; float:left; display:block; font-size:2em; font-weight:bold; text-shadow:1px 1px 1px #005888; letter-spacing:-1px;}
.smarti .CNT-TopData .unitats        {position:relative; float:left; display:block; font-size:1em; font-weight:bold; margin:15px 0 0 10px; }
/* neu */
.smarti .CNT-MiddleData {top:64px; left:113px; color:#FFF;}
.smarti .CNT-MiddleData .value {position:relative; float:left; display:block; font-size:2em; font-weight:bold; text-shadow:1px 1px 1px #005888; letter-spacing:-1px;}
.smarti .CNT-MiddleData .unitats             {position:relative; float:left; display:block; font-size:1em; font-weight:bold; margin:15px 0 0 10px; }

.smarti .CNT-BottomData {top:0px; left:113px; color:#FFF;}
.smarti .CNT-BottomData .value {position:relative; float:left; display:block; font-size:2em; font-weight:bold; text-shadow:1px 1px 1px #005888; letter-spacing:-1px;}
.smarti .CNT-BottomData .unitats             {position:relative; float:left; display:block; font-size:1em; font-weight:bold; margin:15px 0 0 10px; }
/* vent */
.smarti .CNT-TopDataVent   {margin-left:20px;}
.smarti .CNT-TopDataVent .CNT-TopData   {width:100px; padding-top: 5px;}
.smarti .CNT-TopDataVent .CNT-TopData .unitats {margin:5px 0 0 10px; }
.smarti .CNT-TopDataVent .CNT-TopData .value {font-size: 1.4em;}
/* clima */
.smarti .CNT-climaValor   {position:absolute; top:15px; right:45px; width:100px; height:45px; display:inline-block; color:#FFF; text-align:right;}
.smarti .CNT-climaValor .climaValor  {position:relative; display:block; font-size:2.4em; font-weight:bold; text-shadow:1px 1px 1px #005888; letter-spacing:-1px;}
.smarti .CNT-climaValor .unitats     {position:absolute; top:-30px; right:-106px; display:block; font-size:1.3em; font-weight:bold; }
.smarti .CNT-climaDescripcio {top:63px; right:16px; width:220px; color:#FFF; font-size:.9em; text-align:right;}
/* webcam */
.smarti .CNT-fotoWebcam     {position:absolute; z-index:30; width:235px; height:155px; top:0px; left:3px; background:url('../../images/foto-webcam.png') no-repeat;}

.widgetWindchill {margin-top:5px !important;margin-left: 5px !important}
.smarti .TopDataTensio {
    background:url("../../images/bg-smarti-separa.png") no-repeat scroll -12px 38px transparent;
    color:#FFFFFF;
    display:block;
    height:50px;
    top:20px; left:169px;
    width:68px!important;
}

.smarti .TopDataTensio .data-minima{
    position: relative;
    float: left;
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #005888;
    letter-spacing: -1px;
    margin: 5px 0 0 5px;
}

.smarti .TopDataTensio .unitats{
    float: left;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    margin: 7px 0 0 5px;
}

.smarti .MiddleTensio {left:65px;}

.smarti .MiddleTensioLEFT {top: 64px; color: #fff; left:169px;}

.smarti .MiddleTensioLEFT .data-maxima, .smarti .MiddleTensio .data-tensio{
    position: relative;
    float: left;
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #005888;
    letter-spacing: -1px;
    margin: 5px 0 0 5px;
    top: 10px;
}

.indexuva{ top:15px !important; left:15px !important}
.text-uva {float: left;display: block;font-size: 1em;font-weight: bold;letter-spacing: 1px;}
.data-uva {float: left;display: block;font-size: 1em;font-weight: bold;left: 105px;}

.smarti .MiddleTensioLEFT .unitats, .smarti .MiddleTensio .unitats{
    float: left;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    margin: 7px 0 0 5px;
    top: 10px;
}

.CNT-CAPACITAT-PERCENT{ top:79px !important; left:40px !important}
.CNT-CAPACITAT-PERCENT .value { font-size: 1.3em !important}
.CNT-CAPACITAT-PERCENT .unitats { margin: 4px 0 0 10px !important}

.CNT-CAUDAL {top: 70px!important; left: 120px !important}
.CNT-CAUDAL .value {font-size: 1.3em !important; top: 10px !important}
.smarti .tensioTitol    {top:4px; left:5px; color:#FFF; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;width: 60px !important}

/* smarty comptador */
.smarti .CNT-TopData .unitatsComptador {position:absolute; left:-104px!important; top:-10px; display:block; height:42px; width:212px; color:#046AA2;background:url('../../images/bgComptador.png') no-repeat 1px 0;}
.smarti .CNT-TopData .unitatsComptador2 {top:37px;}
.white_text {color: #FFFFFF}
.unitatComptador     {position:absolute; z-index:10000000; top:17px; display:block; text-align:center; width:14px; margin:0 2px 0 4px;}
.unitatComptador0    {left:188px!important;}
.unitatComptador1    {left:166px!important;}
.unitatComptador2    {left:149px!important;}
.unitatComptador3    {left:132px!important;}
.unitatComptador4    {left:111px!important;}
.unitatComptador5    {left:94px!important;}
.unitatComptador6    {left:77px!important;}
.unitatComptador7    {left:56px!important;}
.unitatComptador8    {left:39px!important;}
.unitatComptador9    {left:22px!important;}
.unitatComptador10   {left:1px!important;}
.comptadorPunt       {position:absolute; top:17px; display:block; width:4px;}
.punt0               {left:186px;}
.punt1               {left:130px;}
.punt2               {left:75px;}
.punt3               {left:21px;}

.titolComptador      {position:absolute; top:-3px; left:3px; font-size:.8em; color:#C4EDFF; text-shadow: 1px 1px 1px #005888;}
.unitatTipusComptador      {position:absolute; top:-2px; right:3px; font-size:.8em; color:#C4EDFF; font-weight:bold; text-shadow: 1px 1px 1px #005888;}

/* smarty comptador */
.iluTemperaturaCNT   {left:-90px; top:-45px; z-index:100; width:50px; height:126px; display:block; background:url('../../images/ilu-smarty-temperatura.png') no-repeat;}
.temperaturaTapTop   {position:relative; z-index:90; top:1px; width:50px; height:16px; display:block; background:url('../../images/ilu-smarty-temperatura-tapTOP.png') no-repeat top center;}
.temperaturaTapOverflow {position:absolute; z-index:80; top:5px; overflow:hidden; left:16px; width:18px; height:89px; display:block;}
.temperaturaTapNegre {position:absolute; top:-5px; width:18px; height:95px; display:block; background:url('../../images/ilu-smarty-temperatura-tap.png') no-repeat;}

.smarti .unitats      			 {position:relative!important; float:left; font-size:.5em; display:block;}
.smarti .nevada	    			 {top:60px; left:16px; color:#c4edff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .nevadaData   		     {top:79px; left:20px; width:75px; height:15px; padding:0 0 0 3px; color:#036; font-size:.7em; font-weight:bold; background:url('../../images/bg-smarti-data.png') no-repeat;}
.smarti .bottomLeftText		    		 {display:block; top:4px; left:16px; margin-bottom:3px; color:#c4edff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .bottomLeftValue    		 {position:relative!important; float:left; color:#FFF; margin:21px 0 0 16px; font-size:1.3em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .bottomLeftValue  .unitats  {float:left!important; display:block!important; font-size:.7em; padding:1px 0 0 5px;}
.smarti .bottomLeftValue  .unitatsComptador  {font-size:1em; padding:0; margin:-1px 0 0 -1px;}
.smarti .bottomLeftValue  .value {position:relative!important; display:block!important; float:left!important;}

.smarti .bottomRightText	             {top:4px; left:118px; color:#c4edff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .bottomRightValue         {color:#FFF; font-size:1.3em; font-weight:bold; text-shadow:1px 1px 1px #005888;float: right;position: relative;margin-top: 20px; margin-right: 30px;}
.smarti .bottomRightValue .unitats{font-size:.7em; padding:1px 0 0 5px;}
.smarti .bottomRightValue  .value {position:relative!important; display:block!important; float:left!important;}


.smarti .totalTemp		    	  {top:8px; left:16px; color:#c4edff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888; width:100px; line-height:1.1em;}
.smarti .totalTempValor    	  {top:6px; left:117px; color:#FFF; font-size:1.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;}
.smarti .unitatsTotal		  {font-size:.5em; padding:12px 0 0 5px;}
.smarti .refresc      			  {top:14px; left:30px; height:20px; color:#999; font-size:.7em; padding:0 0 0 0; font-weight:bold;  text-shadow:1px 1px 1px #000;}

.smarti .CNT-botonera             {position:relative!important; float:right; display:block; margin:0 11px 0 0;}
.smarti .btnAmpliarUbicacio       {position:relative!important; margin:9px 0 0 0; float:left; height:21px; line-height:21px; display:inline-block; background-position:0 -155px; border:1px solid #000; padding:0 10px 0 10px; text-decoration:none; color:#FFF; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;letter-spacing: 1px;font-size: 0.9em;font-weight: bold;}
.smarti .btnAmpliarUbicacio:hover {background-position: 0 -120px;color: #069 !important;letter-spacing: 1px;}

.btn_smarty_act {background:url('../../images/actualizar_smarti.png') no-repeat!important;top:12px; left:12px; text-decoration: none;width: 15px;}
.btn_smarty_act:hover{background:url('../../images/actualizar_smarti_hover.png') no-repeat!important;}

.loading {position:relative!important; margin:13px -4px 0 0!important; float:left; width:20px; height:20px; display:block; background:url('../../images/loading-mini.gif') no-repeat!important;}

.espessorValorUltima .unitats {float:right; margin:15px 0 0 4px;}
.middleSegonValor  {margin-left:15px;}
.supValor {position:relative; top:-9px;}

.smarti .loader {z-index:20; margin:8px 0 0 7px!important;}
.SPR-repit {background:url('../../images/sprite-repit.png') repeat-x;}

.smartiImatgeWebcam{width:100%;}