/* Document   :SMARTYSNOW           
   Descripci� :LAYOUT               
   Creat	  :16-abril-2012, 16:00 
   Autor      :AXON - www.axon.cat  
   Copyright�2012 Axon            
*/
 

/* RESET */ @import url('reset.css');
/*RESET UNITARI ELEMENTS    */
*       {border:0; list-style:none; margin:0; padding:0;}
/*html    {height: 100%}
body    {width:100%; height:100%; margin:0; padding:0; /*--Fixes Background Bug-- font-family:Arial, Helvetica, sans-serif; }  
*/
footer {background:#01293c url('../images/bg-footerMini.png') repeat-x;min-height: 140px;}
a {color:rgb(12, 106, 155); cursor: pointer !important}
a img   {border:none;}
textarea{resize:none;}

/*login bg*/
.imgFonsFoto {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  .imgFonsFoto {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

.ocult{display:none;}

/* SPRITES GLOBALS (imatges) */
.SPR-index {background:url('../images/sprite-index.png') no-repeat;}
.SPR-estacions {background:url('../images/sprite-estacions.png') no-repeat;}
.SPR-forms {background:url('../images/sprite-forms.png') no-repeat;}
.SPR-repit {background:url('../images/sprite-repit.png') repeat-x;}
.SPR-login {background:url('../images/sprite-login.png') no-repeat;}
.SPR-sector{background:url('../images/sprite-sectors.png') no-repeat;}
.SPR-fitxa {background:url('../images/sprite-fitxa.png') no-repeat;}
.SPR-avisos{background:url('../images/sprite-avisos.png') no-repeat;}
.SPR-edita {background:url('../images/sprite-edita.png') no-repeat; text-indent:-11111px; outline:none;}
.SPR-logos {background:url('../images/sprite-logos-smarty.png') no-repeat;}
 
/* CLASSES GLOBALS           */
.noImatge{background-image:none !important;}
.left    {float:left;}
.right       {float:right;}
.indent0     {text-indent:0;}
.inactiu     {opacity:.30; -moz-opacity:.30; filter:alpha(opacity=30);}
.noBorderTop {border-top:none!important;}

/* LAYOUT                    */
.CNT {position:relative; width:100%; margin:0 auto; min-height:100%;}
.CNT-CONTENT {position:relative; width:980px; height:auto!important; min-height: 100%; padding:10px 24px 15px 24px; margin:0 auto -20px auto; background:url('../images/bg-ombra-cnt.png');}
.CNT-TOP     {position:relative; width:978px; height:136px; display:block; background:url('../images/bg-top.png') repeat-x bottom;}
.tapTopR     {position:absolute; right:-11px; width:11px; height:135px; display:block; background:url('../images/bg-top.png') no-repeat;}
.tapTopL     {position:absolute; left:-11px; width:11px; height:135px; display:block; background:url('../images/bg-top.png') no-repeat 0 -134px;}
.CNT-FOOTER  {position:relative; z-index:50; height:240px; width:100%; background:#CCC; bottom:0!important;/*bottom:-1px;*/ border-top:2px solid #FFF; background:url('../images/bg-footer.png') repeat-x;}
.CNT-FOOTERmini{position:absolute; height:240px; width:100%; background:#CCC; bottom:0!important;/*bottom:-1px;*/ border-top:2px solid #FFF; background:url('../images/bg-footer.png') repeat-x;}
.footerMini  {position:absolute; height:150px; width:100%; background:#CCC; bottom:0!important;/*bottom:-1px;*/ border-top:2px solid #FFF; background:#01293c url('../images/bg-footerMini.png') repeat-x;}
.CNT-DATA    {margin:15px 0 0 -9px; width:996px; min-height:620px; display:block; background:url('../images/bg-data.png') repeat-y; }
.CNT-SECCIO  {margin:0 0 0 3px; width:990px; padding:0; display:block; border-top:1px solid #d3d3d3; background:#FFF url('../images/bg-seccio-top.png') repeat-x 0 20px;}
.CNT-DADES   {position:relative; width:974px; padding:25px 0 70px 16px; display:inline-block; background:#FFF url('../images/bg-seccio-top.png') repeat-x;}
/*body.imgFonsFoto {background:url('../../../fondos/bg-172.jpg') no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}*/
body.imgPlana    {background:url('../images/bg-imatgeFonsGris.jpg')repeat center center fixed;}

.CNT-CAPS    {margin:-13px 0 0 -3px; width:996px; height:33px; display:block; background:url('../images/bg-data-top.png') no-repeat;}
.titolH1     {float:left; margin:0 0 0 -3px; font-size:.8em; color:#666; text-shadow:0 1px 0 #FFF;}
.H1intern    {padding:0; margin:11px 0 0 0; padding:0 0 0 19px; background:url('../images/sprite-index.png') no-repeat -5px -104px;}
.breadcumbUL {float:left; margin:8px 0 0 20px;}
   .breadcumbUL LI            {float:left; margin:0 8px 0 0; padding:0 0 0 19px; background:url('../images/sprite-index.png') no-repeat -5px -101px;}
   .breadcumbUL LI.noIMG      {background:none; padding:0; }
   .breadcumbUL LI A          {color:#003d5d; font-size:.8em; text-shadow:0 1px 0 #FFF; text-decoration:none;}
   .breadcumbUL LI A:hover    {color:#666;}

/* CONTINGUT / SECCIONS */
.seccio    {position:relative; margin:0 auto; display:block; background:#FFF url('../images/bg-seccio-top.png') repeat-x; padding:30px 16px 480px 16px; height:100%;}

/* MENUS */
.CNT-MENU	   {position:absolute; bottom:15px; left:10px; width:956px; height:48px; display:block; list-style-type:none; background-position:0 -48px; background-repeat:repeat-x;}
.tapMenuR      {float:right; width:9px; height:48px; display:block; background-position:-140px 0; }
.logoAppBg     {float:left; width:94px; height:48px; display:block; margin-left:-1px;} .logoAppBg IMG {margin:9px 0 0 13px;}
.logoClientTop {position:absolute; top:10px; left:11px; max-height: 58px}
.menuUL        {float:left; margin:0 0 0 10px;}
.menuUL li     {float:left;}
.menuUL li a   {color:#FFF; text-decoration:none; font-size:.9em; padding:0 10px 0 10px; height:47px; line-height:50px; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-weight:BOLD; text-shadow:1px 1px 1px #12678b;}
.menuUL li a:hover{color:#b0e9ff;}
.tapHoverCurrent1 {position:relative; height:47px; width:auto; display:block; float:left; padding:0 5px 0 16px; margin-top:1px; background:url('../images/bg-hoverCurrentMenu.png') no-repeat;}
.tapHoverCurrent2 {position:relative; height:47px; width:11px; display:block; float:right; margin-top:1px; background:url('../images/bg-hoverCurrentMenu.png') no-repeat top right;}
.icoAvisos     {position:relative; z-index:99; float:left; width:23px; height:23px; line-height:23px; text-align:center; display:block; background-position:2px -306px; color:#FFF; font-size:.9em; font-weight:bold; text-shadow:1px 1px 1px #850900;margin-left: -15px;}
.nomBtnAvisos  {position:relative; z-index:2;float: left;margin-right: 15px;}
.nomBtnAvisos2  {position:relative; z-index:2;float: left;}

/* BUSCADOR MENU */
.CNT-formBuscar{position:absolute; right:7px; top:9px; width:260px; height:32px;}.CNT-formBuscar:hover{background-position:0 -32px;}
.formBuscar    {position:relative; right:5px; top:8px; width:260px; height:64px;}
.inputBuscar   {position:absolute; top:-8px; left:35px; height:30px; width:165px; display:block; padding:0; background:none; color:#FFF; font-size:1em; }
.btnBuscar     {position:absolute; right:-2px; top:-4px; width:60px; height:25px; padding:0 0 3px 0; display:block; font-size:.7em; font-weight:bold; background-position:0px -65px; cursor:pointer; text-shadow:0 0 1px #FFF;} .btnBuscar:hover {background-position:0px -92px;}

/* SOCIAL TOP */
.CNT-socialTop {position:absolute; right:15px; top:7px;}
.CNT-socialTop A {position:relative; width:34px; height:34px; display:block; float:left; text-indent:-11111px; outline:none;}
.CNT-socialTop A.BTNfacebook {background-position:-34px -1356px;}
.CNT-socialTop A.BTNtwitter  {background-position:0 -1356px; margin:0 0 0 3px;}

/* MENU USUARI   */
.menuUsuariUL      {position:absolute; right:10px; top:3px; display:inline;}
.menuUsuariUL li   {float:left; margin-right:1px;display:inline;}
.menuUsuariUL li a {float:left; color:#00587e; font-size:.7em; font-weight:bold; text-decoration:none; display:inline-block; background-color:#d8e5eb; padding:5px 8px 5px 29px;}
.menuUsuariUL li a:hover {background-color:#b1ddf1;}
.menuUsuariUL li a.current {background-color:#b1ddf1; padding-bottom:6px; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

.btnUsuari         {background-position:6px -201px; -webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
.btnUsuari:hover   {background-position:6px -201px; padding-bottom:6px; -webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}
.btnAjuda          {background-position:5px -248px;}
.btnIdioma         {background-position:5px -276px; padding-left:42px!important;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
.icoDesplega       {width:15px; height:10px; display:inline-block; background-position:2px -228px; float:right;}
/*submenu USUARI*/
.subMenuUL      {position:absolute; z-index:100; width:200px; top:25px; display:none; background-color:#b1ddf1; border-bottom:2px solid #00587e; padding:12px 0;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.subMenuUL li   {float:none; clear:both; margin-right:1px; margin:0 0 3px 12px!important; display:inline-block; text-decoration:none;}
.subMenuUL li a {color:#00587e; font-size:.7em; font-weight:bold; padding:5px 8px 5px 22px; text-decoration:underline; display:inline-block;}
.subMenuUL li a:hover {color:#000;}
.logout {margin-top:9px!important; border-top:1px dotted #6aa8c3!important; display:block!important; width:155px!important; padding:12px 0 0 22px!important; background:url('../images/sprite-index.png') no-repeat 0 -710px!important;}

.idiomaUL {width:110px!important; padding:8px 0 4px 0; right:1px!important;}
.idiomaUL LI {clear:both;}
/*
.BTNes {background:url('../images/sprite-idioma.png') no-repeat !important; background-position: 0 0 !important; height: 5px; margin-top: 5px}
.BTNca {background:url('../images/sprite-idioma.png') no-repeat !important; background-position: 0 -21px !important; height: 5px; margin-top: 5px}
.BTNen {background:url('../images/sprite-idioma.png') no-repeat !important; background-position: 0 -42px !important; height: 5px; margin-top: 5px}
.BTNfr {background:url('../images/sprite-idioma.png') no-repeat !important; background-position: 0 -64px !important; height: 5px; margin-top: 5px}
.BTNoc {background:url('../images/sprite-idioma.png') no-repeat !important; background-position: 0 -86px !important; height: 5px; margin-top: 5px}
.BTNek {background:url('../images/sprite-idioma.png') no-repeat !important; background-position: 0 -106px !important; height: 5px; margin-top: 5px}
*/
.text_idi {margin-left: 10px;line-height: 5px}

/* SLIDER */
.CNT-SLIDER           {position:relative; width:990px; padding:0 0 10px 0; margin:0 0 0 -16px; display:block; background:url('../images/bg-slider.jpg') no-repeat bottom; border-bottom:2px solid #a9c2d2;}
.slideshow            {position:relative; z-index:2; width:960px; height:300px; overflow:hidden; margin:0 auto;}
.slideDashboard       {/*float:left;*/ display:block; /*width:50000px; height:330px; */position:relative; z-index:2;}
.CNT-NAV-slider       {position:absolute; z-index:50000; bottom:4px; width: 100%;}
.CNT-enllasosPunts    {position:relative; text-align:center; width:100%; top:16px;}
.enllasPunt           {width:18px; height:18px; display:inline-block; margin:0 -4px 0 0; background:url('../images/sprite-index.png') no-repeat 2px -370px; text-indent:-11111px; outline:none;}
	.enllasPunt:hover , .enllasPunt.current  {background:url('../images/sprite-index.png') no-repeat -1px -340px;}
/*.BTN-slide            {position:absolute; z-index:10; top:0; width:43px; height:45px; display:block; text-indent:-11111px; outline:none;}
.BTN-slide-anterior   {background-position:7px -405px; top:135px; left:-30px;}   .BTN-slide-anterior:hover {background-position:7px -460px;}
.BTN-slide-seguent 	  {background-position:-70px -405px; top:135px; left:975px;} .BTN-slide-seguent:hover  {background-position:-70px -460px;}*/

.BTN-slide            {
    display:inline-block; 
    width:20px; height:20px;
    margin:0 0 0 0;
    outline:medium none;
    text-indent:-11111px;}
.BTN-slide-anterior   {background-position:5px -1117px;}   .BTN-slide-anterior:hover {background-position:5px -1144px;}
.BTN-slide-seguent 	  {background-position:-17px -1117px; margin:0 0 0 1px;} .BTN-slide-seguent:hover  {background-position:-17px -1144px;}
.separadorSlideL {
position:relative; top:-3px;
	display:inline-block;
    width:2px; height:26px;
    margin:-12px 5px 0 0!important;
    outline:none;
    text-indent:-11111px; background-position:-47px -1113px;
    }
.separadorSlideR {
position:relative; top:-3px;
	display:inline-block;
    width:2px; height:26px;
    margin:-7px 0 0 8px;
    outline:none;
    text-indent:-11111px; background-position:-47px -1113px;
    }

.BTN-veureTots        {position:absolute; z-index:10; bottom:0; right:17px; background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -87px; padding:4px 6px; color:#FFF; font-size:.8em; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border:1px solid #066696; box-shadow:0 1px 0 #bfdfee; cursor:pointer; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
	.BTN-veureTots:hover       {background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -121px; color:#00466a;}
	.BTN-veureTots .icoBtnTots {background-position:-3px -154px; padding:0 0 0 20px;}
	.BTN-veureTots:hover .icoBtnTots	{background-position:-3px -178px; padding:0 0 0 20px;}

.BTN-veureTancar       {position:absolute; z-index:10; bottom:0; right:4px; background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -87px; padding:4px 6px; color:#FFF; font-size:.8em; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border:1px solid #066696; box-shadow:0 1px 0 #bfdfee; cursor:pointer; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.BTN-veureTancar:hover {background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -121px; color:#00466a;}

.BTN-veureTancar .icoBtnTancar {background-position:0 -1064px; padding:0 0 0 17px;}
.BTN-veureTancar:hover .icoBtnTancar {background-position:0 -1090px;}

.BTN-veureTancarE       {position:absolute; z-index:10; bottom:0; left:4px; background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -87px; padding:4px 6px; color:#FFF; font-size:.8em; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border:1px solid #066696; box-shadow:0 1px 0 #bfdfee; cursor:pointer; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.BTN-veureTancarE:hover {background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -121px; color:#00466a;}

.BTN-veureTancarE .icoBtnTancar {background-position:0 -1064px; padding:0 0 0 17px;}
.BTN-veureTancarE:hover .icoBtnTancar {background-position:0 -1090px;}


.BTN-rePosiciona {
	position:relative; z-index:10; bottom:5px; left:0; 
	background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -87px; 
	padding:4px 6px; 
	color:#FFF; font-size:.8em; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; 
	border:1px solid #066696; 
	box-shadow:0 1px 0 #bfdfee; 
	cursor:pointer; 
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    }
    .BTN-rePosiciona:hover {background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -121px; color:#00466a;}

.BTN-rePosiciona .icoBtnReposiciona {background-position: -6px -126px; padding:0 0 0 20px;}


.senseSmartis   {margin:40px 0 0 268px; padding:15px; width:390px; line-height:1.5em; display:block; background:#deeff6; color:#01547F; font-weight:bold; box-shadow:0 5px 15px #919191; border:3px solid #FFF; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; }
.BTN-veureSmartisDash {
background-position:0 -197px;
color:#FFF; font-size:.9em; font-weight:bold; text-decoration:none; text-shadow:#05486A 1px 1px 1px; text-transform:uppercase;
  display:inline-block;
  height:31px; line-height:31px;
  margin:25px 0 10px 98px; padding:10px 20px 10px 14px;
  border:1px solid #0b638f; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;
}
.BTN-veureSmartisDash:hover {
background-position:0 -248px;
}

.icoVeureSmartys {background-position:0 -1175px; padding:3px 0 3px 28px;}


/* BUBBLES INFO */
.bubble{position:absolute; z-index:10000000; bottom:32px; left:124px; width:140px; height:50px; display:block; /*background:url('../images/bubble.png') no-repeat;*/}
/* BUBBLES MAPA */
.link-marker:hover .resum_dades{color: #F3841D !important; font-weight: bold !important}
.toolTip{position:relative; display:none; z-index:10000000; bottom:20px; padding:8px; width:290px; height:auto; background:#FFF; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;/*url('../images/bubble.png') no-repeat;*/}
.toolTipGmaps{z-index:100000;}
.toolTipGmaps .block_info { padding:8px; height:100%; background:#FFF; /*border:1px solid #085c85; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*/}

.toolTip a, .toolTipGmaps a {text-decoration:none;}
.toolTip .nomSector, .toolTipGmaps .nomSector  {color:#014f73;font-weight:bold; font-size:14px; /*display:inline-block; */margin:4px 0 0 0;}
.toolTip .nom, .toolTipGmaps .nom        {color:#014f73; font-weight:normal; font-size:13px; /*display:inline-block; */margin:4px 0 15px 0;}

.toolTip .neu,.toolTipGmaps .neu        {display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:0 -580px;
    }
.toolTip .vent, .toolTipGmaps .vent{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-29px -580px;
    }
.toolTip .caudal, .toolTipGmaps .caudal{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-29px -610px;
}
.toolTip .diposit, .toolTipGmaps .diposit{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-29px -610px;
    }
.toolTip .tensio, .toolTipGmaps .tensio{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-60px -609px;
    }
    

.toolTip .previsio, .toolTipGmaps .previsio{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;
    width:22px;background-position:-60px -580px;
}
    
.toolTip .pluvio, .toolTipGmaps .pluvio{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-90px -609px;
}
.toolTip .imatge, .toolTipGmaps .imatge{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-118px -580px;
}
.toolTip .contador, .toolTipGmaps .contador{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-145px -580px;
}

.toolTip .contadorelectric, .toolTipGmaps .contadorelectric{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-145px -580px;
}
 .toolTip .temp, .toolTipGmaps .temp{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-120px -608px;
}

.toolTip .uva, .toolTipGmaps .uva{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:-90px -576px;
}

.toolTip .webcam, .toolTipGmaps .webcam{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;background-position:0 -608px;
}

.toolTip .sonometre, .toolTipGmaps .sonometre{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;
    background:url('../images/ico-sonometre_current.png') no-repeat !important
}

.toolTip .visual, .toolTipGmaps .visual{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;
    background:url('../images/informacio.png') no-repeat !important
}

.toolTip .resumestacio, .toolTipGmaps .resumestacio{   display:block;
    float:left;
    height:23px;
    margin:0 6px 0 0;
    padding:0;
    width:22px;
    background:url('../images/informacio.png') no-repeat !important
}

.toolTipGmaps div{
    height: 100%;
    /*float: left;*/
}
.toolTipGmaps ul li {
    float: left;
    width: 100%;
}
.toolTip ul li {
    float: left;
    width: 100%;
}

/* SMARTI LAYOUT        */
.CNT-SMARTI   {position:relative; width:241px; height:300px; display:block; padding:0; margin:0 auto;}
.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;}
.smartiCENTRE3{position:relative; width:241px; height:106px; display:block; background:url('../images/bg-smartiComptador.png') no-repeat 0 -89px;}
.smartiCENTRE4{position:relative; width:241px; height:49px; display:block; background:url('../images/bg-smartiComptador.png') no-repeat 0 -196px;}
.smartiCENTRE_previsio{position:relative; left:3px; display: block;background: #444444;width: 235px;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 *, .smartiCENTRE3 *, .smartiCENTRE4 *, .smartiFOOTER *{position:absolute;}
/* elements smarti */
/* elements smarti */
.lock {overflow: visible; pointer-events: none; background:none !important;}
.smarti .icoEstat     {margin:3px 0 0 3px;}
.smarti .icoEstatOK   {}
.smarti .icoEstatERROR{display:none;}
.smarti .icoEstatSLEEP{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; top:75px}
/*.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; display:none !important}
.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 .dipositText    {top:6px; left:125px; color:#A6DFFF; font-size:1em; 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: 60px;left: 116px; 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;}
.imatgeTank1 { background:url('../images/tanque-01.png') no-repeat;}
.imatgeTank2 { background:url('../images/tanque-02.png') no-repeat;}
.imatgeTank3 { background:url('../images/tanque-03.png') no-repeat;}
.imatgeTank4 { background:url('../images/tanque-04.png') no-repeat;}
.imatgeTank5 { background:url('../images/tanque-05.png') no-repeat;}
.imatgeTank6 { background:url('../images/tanque-06.png') no-repeat;}
.dipositImatge {width: 83px; height:114px;left: 20px;top: 65px;z-index: 100;position: absolute;}
.unitats-diposit{margin: 0 0 0 10px !important}

.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:120px !important}
.pluvioultimahora {left:128px !important}
.smarti .CNT-TopData .value  {position:relative; float:left; display:block; font-size:1.7em; 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; margin:10px 0 0 5px; }
/* 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 .TopDataDiposit {
    background:url("../images/bg-smarti-separa.png") no-repeat scroll -12px 32px transparent;
    font-size: 1.5em;
    color:#FFF;
    display:block;
    height:50px;
    top:25px;
    left:125px;
    font-weight: bold;
    width:68px!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: 0.8em;
    text-shadow: 1px 1px 1px #005888;
    letter-spacing: -1px;
    margin: 0 0 0 0;
}

.smarti .TopDataTensio .unitats{
    float: left;
    display: block;
    font-size: 0.7em;
    margin: 1px 0 0 5px;
}

.smarti .MiddleTensio {left:65px;}

.smarti .MiddleTensioLEFT {top: 64px; color: #fff; left:165px;}
.smarti .MiddleDipositLEFT {top: 64px; color: #fff; left:125px;color:#FFF; font-size:1.5em; font-weight:bold; text-shadow:1px 1px 1px #005888;width: 60px !important}

.data-valor-diposit{color:#FFF; font-size:1em; font-weight:bold; text-shadow:1px 1px 1px #005888;width: 100px !important}
.smarti .MiddleTensioLEFT .data-maxima{
    position: relative;
    float: left;
    display: block;
    font-size: 0.8em;
    text-shadow: 1px 1px 1px #005888;
    letter-spacing: -1px;
    margin: 5px 0px 0px 5px;
    top: 10px;
}

.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{
    float: left;
    display: block;
    font-size: 0.7em;
    margin: 7px 0 0 5px;
    top: 10px;
}

.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 .unitatsComptadorElectric {position:absolute; left:-104px!important; top:-10px; display:block; height:42px; width:212px; color:#DEBC52;background:url('../images/bgComptadorElectric.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;}
.titolComptadorElectric      {position:absolute; top:-3px; left:3px; font-size:.8em; color:#fff; text-shadow: 1px 1px 1px #000;}
.unitatTipusComptador      {position:absolute; top:-2px; right:3px; font-size:.8em; color:#C4EDFF; font-weight:bold; text-shadow: 1px 1px 1px #005888;}
.unitatTipusComptadorElectric      {position:absolute; top:-2px; right:3px; font-size:.8em; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #000;}

/* 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 .bottomLeftTextElectric		    		 {display:block; top:4px; left:16px; margin-bottom:3px; color:#fff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #000;}
	.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: 4px 0 10px 5px;}
.smarti .bottomLeftValue  .unitatsComptador  {font-size:1em; padding:0; margin:-1px 0 0 -1px;}
.smarti .bottomLeftValue  .unitatsComptadorElectric  {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:5px 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:12px; 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:23px; line-height:21px; display:inline-block; background-position:0 -155px; border:1px solid #000; padding:0 6px 0 25px; font-size:.7em; text-decoration:none; color:#FFF; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.smarti .btnAmpliarUbicacio:hover {background-position: 0 -120px;color: #069 !important;}
.smarti .btnEliminaDash           {position:relative!important; margin:9px 0 0 0; float:left; width:23px; height:23px; display:block; background-position:0 0;} .smarti .btnEliminaDash:hover     {background-position:0 -23px;}
.smarti .btnEliminaDash.selected  {background-position:0 -23px;}
.smarti .btnEliminaDash.selected:hover     {background-position:0 0 !important;}
.smarti .btnEditaSmarti           {position:relative!important; margin:9px 0 0 0; float:left; width:23px; height:23px; display:block; background-position:-27px 0;} .smarti .btnEditaSmarti:hover {background-position:-27px -23px;}
.smarti .btnAfegirSmarti          {position:relative!important; margin:9px 0 0 0; float:left; width:23px; height:23px; display:block; background-position:0 -51px;} .smarti .btnAfegirSmarti:hover {background-position:0 -74px;}

.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;}
.loadingVisual {width:20px; height:20px;margin-top:10px;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;}

.icoBtnUbicacio	{background:url('../images/grafic-icon.png') no-repeat !important; padding:0; width:15px; height:16px; display:block; float:left; margin:0 0 0 -20px;bottom: 2px;}
.icoBtnUbicacio_current{background:url('../images/grafic-icon_current.png') no-repeat !important; padding:0; width:15px; height:16px; display:block; float:left; margin:0 0 0 -20px;bottom: 2px;}
.diaData {position:relative; float:left; border-right:1px solid #0a84c7; padding:0 3px 1px 0;}
.mesData {position:relative; float:left; border-right:1px solid #0a84c7; padding:0 3px 1px 3px;}

.ui-sortable-helper {opacity:0.5; filter:alpha(opacity=50); -khtml-opacity:0.5; -moz-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.anyData {position:relative; float:left; padding:0 3px 0 3px;}

/* MAPA INDEX */
.CNT-mapa {/*position:relative; float:left; margin-top:0; width:958px; display:block;margin-top: 10px;*/}

.mapaForm {position:relative; float:left; width:100%; padding:0 0 10px 15px; background:#deeff6; border:1px solid #a9c2d2; border-bottom:2px solid #a9c2d2; border-top:none; -webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;margin-top: -10px;}
/* mapa portada */
.BTNmapaMaps {position:absolute; width:88px; z-index:10; height:75px; display:block; padding:52px 0 0 0; font-size:13px; text-align:center; background:url('../images/btn_mapaMaps.png') no-repeat;}
.BTNmapaMaps:hover {text-decoration:none; color:#2f96c4;}
.BTNmapaSinoptic {position:absolute; width:88px; z-index:10; height:75px; margin-top: 20px;display:block; padding:52px 0 0 0; font-size:13px; text-align:center; background:url('../images/btn_mapaSinaptic.png') no-repeat;}
.BTNmapaSinoptic:hover {text-decoration:none; color:#2f96c4;}
#btn_panoramio{position:absolute; width:88px; z-index:999; height:75px; display:block; padding:52px 0 0 0; font-size:13px; text-align:center; background:url('../images/btn_panoramio.png') no-repeat;top:160px; right:0;}
#btn_panoramio:hover {text-decoration:none; color:#2f96c4;}
.mapaIndex      {position:relative; width:100%; z-index:2; display:block; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;}
.CNT-mapa .mapaIndexGlobal{height:700px; border:1px solid #a9c2d2;  -webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.CNT-mapa_petit .mapaIndexGlobal{position:relative; width:350px; height:200px; display:block; border:1px solid #a9c2d2;  -webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.IMGMapaSinoptic{position:relative; top:-1px; left:0; /*border:1px solid #a9c2d2;*/ -webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.CNT-estacioMapa {position:absolute; width:33px; height:43px; display:block;}

.IMGtickerMapa  {z-index:2;}
.mapaFormTitol  {float:left; display:block; margin:2px 15px 0 0; color:#01547F; font-weight:bold; font-size:1.1em;}

/*background:url('../images/bg-btn-form-index.png') repeat-x;*/
.mapaAmpliaMapa {display:block; color:#FFF; font-size:.9em; /*background:url('../images/bg-btn-form-index.png') repeat-x 0 -31px;*/}
.formAmpliaMapa {display:block; margin:12px 0 0 2px; float:left;}
.ampliarPlanol  {color:#01547F; font-weight:bold; display:block; margin:0 10px 0 0;}
.comboVeureMapa {float:left;}
/*#uniform-undefined{margin:6px 0 0 -4px;}*/
#uniform-neu, #uniform-vent {margin:0 3px 0 0;}

.formMapaPeu   {float:left; margin:20px 0 0 0; display:block; color:#01547f;font-weight:bold; /*background:url('../images/bg-btn-form-index.png') repeat-x 0 -33px;*/}
.btnFiltreMapa {background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0 -87px!important; padding:5px 6px 6px 5px; display:inline-block; height:35px; margin:0 0 0 15px; color:#FFF; font-size:1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:1px solid #066696; box-shadow:0 1px 0 #bfdfee; cursor:pointer; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.btnFiltreMapa:hover {background:#0e71a0 url('../images/bg-btn-form-index.png') repeat-x 0px -124px!important; color:#00466a;}
.formMapaPeu .check{margin:0 6px 0 0; width:17px; padding:0 0 10px 0;}
.formMapaPeu label {margin:0 12px 0 0; font-size:1.2em; padding:0 0 2px 0;}
.checker {float: left;display:inline; padding: 0}
.checker span {height:20px !important; width: 25px; display:block; margin: 0; padding: 0;}
div.checker {display:inline; padding:0 0 3px 0; height:19px;}
div.checker span {height:13px; padding:0 0 6px 0; background:url('../images/sprite-forms.png') no-repeat -1px -129px !important;}
/*div.checker:active span, div.checker.active span {background-position:0 -126px!important;}*/
div.checker:hover span {background-position:-55px -129px!important;}
/*div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {background-position:0px -126px!important;}*/
div.checker span.checked {background-position:-26px -129px!important;}
.UL-sectorPlanol {float:left;}
.UL-sectorPlanol LI {float:left;}

/* RESULTATS */
.H1resultats          {float:left; margin:0 auto; margin-top:10px; width:100%; text-align:center; font-size:.9em; color:#666; text-shadow:0 1px 0 #FFF;}
.H1resultats .icoLupa {background:url('../images/sprite-index.png') no-repeat 0 -634px; padding:6px 0 4px 28px; }
.resultats            {margin:0 0 0 13px; padding-bottom:50px; width:950px;}
.resultatsEntrada     {width:950px; display:block; float:left; margin:10px 0 25px 0;}
.linkResultats        {color:#0b5277; font-weight:bold; font-size:.9em;}
.resultats P          {color:#666; font-size:.9em; margin:3px 0 0 0;}
.resultats UL LI      {float:left; margin:0 5px 0 0;}
.resultats UL LI A    {font-size:.8em; color:#0b5277; }

/* FOOTER */
.footerData {position:relative; margin:0 auto; width:990px; display:block;}
.nomAppFooter      {position:absolute; top:30px; z-index:3; font-size:.8em; font-weight:bold; color:#93ddff; text-shadow:1px 1px 1px #005888; }
.iluFooter         {position:absolute; top:0px; margin:0 0 -34px 151px; z-index:1;}
.logoClientFooter  {position:absolute; z-index:3; top:55px; border-bottom:1px solid #397592; padding:0 130px 12px 0;}
.logoAppFooter     {position:absolute; top:160px; left:-1px;}
.logoArantecFooter {position:absolute; z-index:3; top:105px;}
.logoSponsorFooter {position:absolute; z-index:3; right: 20px; top:55px}
.smartyFooter {float: left; position: absolute; top: 120px; font-size:9px;}
.smartyFooter_login {float: left; position: absolute; top: 130px; font-size:10px; margin-left: 40px; z-index: 9}
.smartyLink {color: #7fbce1;}
.avisLegal {color: #7fbce1; margin-left:10px; text-decoration:underline;}

.smartyFooter_login .avisLegal { margin-left: 0;}

/* footer mini */
.footerMini .iluFooter        {position:absolute; top:0; right:-20px; z-index:1;} 
.footerMini .iluFooterTOP	  {position:absolute; top:-32px; right:125px; z-index:10;}
/*.footerMini .logoClientFooter {position:absolute; z-index:3; top:40px; border-bottom:none; border-right:1px dotted #2d8ebd; padding:0 20px 0 0;}
.footerMini .logoAppFooter    {position:absolute; top:46px; left:157px;}
.footerMini .logoArantecFooter{position:absolute; z-index:3; top:50px; left:248px;}*/

.footerMini .logoClientFooter {position:relative; top:30px; left:auto; margin:0 12px 0 0; float:left; border-bottom:none; padding:0 5px 0 0;max-height: 50px;}
.footerMini .logoAppFooter    {position:relative; top:34px; left:auto; margin:0 18px 0 0; padding:0 0 0 12px; float:left; border-left:1px solid #6392a9; }
.footerMini .logoArantecFooter{position:relative; top:36px; left:auto; margin:0; float:left;}


/* Select FORM FITXA */
/* declaraci� global */
div.selector, div.selector span, div.checker span,div.radio span, div.uploader, div.uploader span.action,div.button,
div.button span {background-image:url('../images/sprite.png'); background-repeat:no-repeat; -webkit-font-smoothing:antialiased;}
.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *,.button *{margin:0;padding:0;}
/* SPRITES */
/* Select */
div.selector      {background-position:-483px -152px; line-height:30px; height:30px;display: inline-block}
div.selector span {height:30px; line-height:24px; background-position:right 0;}
/* posici� de la caixa desplegada del Select */
div.selector select {top:0; left:0; }
/*div.selector:active, div.selector.active {background-position:-483px -152px;}
div.selector:active span, div.selector.active span {background-position:right -26px;}*/
div.selector.focus, div.selector.hover, div.selector:hover {background-position:-483px -182px;}/* focus y hover tap esquerra*/
div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position:right -30px;}/* focus y hover zona repeat*/
div.selector        {font-size:13px;}
/* select i zona activa */
div.selector select 		   {width:100%; font-size:14px; font-family:Arial, sans-serif; border:solid 1px #fff; cursor:pointer;}
div.selector span          {padding:0px 30px 0px 2px; cursor:pointer;}
div.selector span          {width:auto; display:inline; color:#FFF; font-weight:bold; text-shadow:0 1px 1px #01628b; }
div.selector.disabled span {color:#bbb;}
.selector, .checker, .button, .radio, .uploader {display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; display:inline;}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline:0;}

/* Select */
div.selector {position:relative; padding-left:10px; overflow:hidden;}
div.selector span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.selector select {position:absolute; opacity:0; filter:alpha(opacity=0); height:25px; border:none; background:none;}

/*tooltip*/
.errorMsg {display:block; padding:15px; width:95.3%; margin:0 0 20px 0; background-color:red; color:#FFF; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.inputMedInfDat         {width:120px; height:43px; line-height:39px;padding:3px 0px 0 7px; margin:3px 0 5px -2px; display:inline; background: url("../images/sprite-forms.png") no-repeat -334px -250px;}
.inputMedInfDat:hover{color:#000;}

.smarti .raxmax {top:60px; left:120px; color:#c4edff; font-size:.7em; font-weight:bold; text-shadow:1px 1px 1px #005888;width: 100px;}

.value-rax-max {margin-top: 13px;font-size: 1.6em !important;}
.data-direccio {float:left; color:#FFF; font-size:1em; font-weight:bold; position: relative;margin:21px 0 0 16px;}

.unitats-rax-max {position: absolute;float: left;display: block;font-size: 1em;font-weight: bold;margin: 22px 0 0 55px;}

.CNT-MiddleVent{top: 64px;left: 105px;color: #FFF;width: 100px;float: left;display:block; padding-top: 10px}
.CNT-MiddleVent .value {position:relative; float:left; display:block; font-size:1.4em; font-weight:bold; text-shadow:1px 1px 1px #005888; letter-spacing:-1px;}
.CNT-MiddleVent .unitats {position:relative; float:left; display:block; font-size:1em; /*font-weight:bold;*/ margin:5px 0 0 10px; }

.data-intesitat {top:21px; left:118px; color:#FFF; font-size:1em; font-weight:bold; position: relative}
/*.smartiImatge {margin-left: 15px}*/
.smartiImatgeWebcam{width:235px;height: 155px;}
.BTN-editGuardar {position:relative; display:inline-block; top:12px; height:48px; line-height:48px; display:block; text-indent:0; padding:0 5px 0 0; color:#FFF; float:right; font-weight:bold; background-position:0 -255px;}
.BTN-editGuardar .BTN-editTapL {float:left; height:48px; line-height:48px; display:block; text-indent:48px; color:#FFF; padding-right:5px; background-position:0 -255px; min-width: 150px !important}
.BTN-editGuardar:hover {background-position:0 -303px;}
.BTN-editGuardar:hover .BTN-editTapL {background-position:0 -303px;}
.BTN-editGuardar .BTN-editTapR {position:relative; float:left; top:0; right:0; z-index:1; height:48px; width:15px; display:block; background-position:-235px -255px;}
.BTN-editGuardar:hover .BTN-editTapR {background-position:-235px -303px;}

.JS-enviaForm {float: left !important}

.ul-notificacions {
    border: 2px solid #a9c2d2;
    border-radius: 10px;
    max-width: 800px;
}

.ul-notificacions li{
    border-bottom: 2px solid #a9c2d2;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 40px;
    padding-bottom: 15px;
}

.ul-notificacions li:last-child {
    border: none; 
}

.CNT-NOTIFICACIONS { padding: 20px}

.CNT-NOTIFICACIONS .botonera { margin-top: 30px;}

.NOTIFICACIONS-TITOL{margin-top: 10px; color: #01547F;font-weight: bold;line-height: 1.5em;font-size: 1.5em;margin-bottom: 30px;}

.BTN-confirmNotif{
    background:#0E71A0 url("../images/bg-btn-form-index.png") repeat-x 2px -87px;
    border: 1px solid #066696;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    box-shadow: 0 1px 0 #BFDFEE;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 6px; 
    z-index: 10;
    float: right;
}

.BTN-confirmNotif:hover {background-position:0 -121px; color:#0E71A0;}

#notif { width: 700px}

.resum_dades{color: #014f73;font-size: 13px;float: left}
.resum_footer{margin-top:10px}

.CNT-LEGENDA-MAP {width: 800px; margin: 0 auto;margin-top:70px}
.CNT-LEGENDA-MAP_NORMAL {width: 400px; margin: 0 auto;;margin-top:70px}
.CNT-LEGENDA-MAP, .CNT-LEGENDA-MAP_NORMAL{border: 1px solid #a9c2d2; padding: 15px;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;}
.CNT-LEGENDA-MAP div, .CNT-LEGENDA-MAP_NORMAL div {height: 40px; color: #014f73; font-weight: bold; font-size: 1em; text-decoration: underline; text-align: center}
.CNT-LEGENDA-MAP ul, .CNT-LEGENDA-MAP_NORMAL ul{float: left}
.CNT-LEGENDA-MAP ul li{ float: left; margin-right: 10px;}
.CNT-LEGENDA-MAP span {color: #014f73;font-size: .7em;vertical-align: bottom; font-weight: normal !important}

.CNT-LEGENDA-MAP_NORMAL ul li{ float: left; margin-right: 10px; height: 40px}
.CNT-LEGENDA-MAP_NORMAL span {color: #014f73;font-size: .7em;vertical-align: bottom}

.CNT-AJUDA{ width: 900px}

.CNT-AJUDA li{float: left; margin-top: 50px;margin-left: 30px;border-bottom: 1px dashed #94BBCE;margin-right: 30px;padding-bottom: 10px;}

.CNT-AJUDA img{float: left; margin-right: 20px;margin-left: 0 !important}

.ajuda_text{ width: 600px; float: left; font-size: .8em;}

#JS-taula_nivells             {float:left; font-size:.8em; text-align:left; border-bottom:1px solid #CCC;}
#JS-taula_nivells TD          {padding:10px;border-right:1px solid #CCC; }
#JS-taula_nivells thead tr th {font-weight:bold; padding:15px 23px 15px 10px; background:#e7f3f9; color:#000; border-right:1px solid #CCC; border-left:1px solid #FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#JS-taula_nivells tbody tr {border-bottom:1px solid #CCC;color: #01547F;}
#JS-taula_nivells tbody tr td{font-size: 1em !important}
.sortable {background-position:0 -623px; padding:0 0 0 17px; color:#0d7cb7; font-size:1.1em;}

.borderRight  {border-right:1px solid #CCC!important;}

.TDfinal{border-right:1px solid #CCC!important;}
.TDinici{border-left:1px solid #CCC!important;min-width: 100px}

.nivell_moltalt {color:#f41d00; background-position:0 -10px; padding-left: 30px; height: 28px}
.nivell_alt {color:#ff7e00; background-position:0 -38px; padding-left: 30px; height: 28px}
.nivell_mitg {color:#f1f400; background-position:0 -66px; padding-left: 30px; height: 28px}
.nivell_baix {color:#4fe400; background-position:0 -94px; padding-left: 30px; height: 28px}

.AJUDA-NIVELLS-TITOL{width: 800px !important;margin-top: 20px; color: #01547F;font-size: 1em;margin-bottom: 10px; width: 800px; margin-left: 30px}

.AJUDA-NIVELLS-TITOL .punt-ajuda { color: red; font-weight: bold; font-size: 1.4em}

.AJUDA-SENSOR-TITOL{margin: 10px; color: #838586;font-weight: bold;line-height: 1.5em;font-size: 1.5em; text-align: center}
.AJUDA-SENSOR-SUBTITOL{margin-bottom: 10px; font-weight: bold;color: #01547F;line-height: 1.3em;font-size: 1.2em;}

.fb-comments {margin-top: 30px;}

#ticker-wrapper{
    margin: 20px 0px 0px 0px;
    padding: 0px 20px;
    width: 920px;
    display: block;
    border-radius: 15px;
    background-color: #deeff6;
    font-size: 0.75em;
    border: 1px solid #a9c2d2;
    border-top: 1px solid #a9c2d2;
    border-bottom: 1px solid #a9c2d2;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.ticker-title{
    margin-bottom: 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: #01547F;
}

.ticker-data{
    color: #525252;
    font-weight: normal;
    font-size: 0.9em;
}

.linkAjuda{
    text-decoration: none;
    color: #999;
    font-size: 0.8em !important;
    vertical-align: top;
}

.sponsor{ float: left;position: absolute;top: 68px;font-size: 9px;}

.AJUDA-INDEX{padding-top:30px; padding-bottom: 40px;margin-left: 20px}
.AJUDA-INDEX li{ padding-bottom: 15px}
.AJUDA-INDEX a{color: #268dc5;
cursor: auto;
padding: 0 0 3px 26px; 
display: inline-block;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
font-family: 'proximasansmediumregular';}

#disqus_thread{margin: 30px;padding-bottom: 40px;}

.CNT-PUNT-AJUDA {margin-right: 20px; padding: 15px;margin-top: 10px; color: #01547F;font-size: 1em;}
.descripcio-ajuda {color: #01547F;font-size: 1em;}
.CNT-PUNT-AJUDA img { margin-top: 20px; margin-bottom: 30px; margin-left: 20px;}

.link-selected{color:#073E5C !important; font-size: 1.4em !important}

.CNT-PUNT-AJUDA div{width: auto;text-align: justify}

.AJUDA-TITOL{color: #1f1f30;
width: 100%;
text-align: center;
display: inline-block;
font-size: 180%;
font-size: 1.5em;
font-family: 'proxima_nova_cn_ltbold', Helvetica Neue, Helvetica, Arial, sans-serif;}
.AJUDA-SUBTITOL{color: #1475aa;
width: 100%;
text-align: center;
display: inline-block;
font-size: 130%;
line-height: 110%;
padding: 0 0 40px 0;
margin: 3px 0 30px 0;
font-size: 1.2em;
font-family: 'proxima_nova_cn_ltbold', Helvetica Neue, Helvetica, Arial, sans-serif;
background: url('../images/ico-fletxa-down.png') no-repeat bottom center;}

.img-layer-panoramio{margin-bottom: 2px !important;margin-right: 3px !important;}

#layers_smartyplanet{
    cursor: pointer;
    direction: ltr;
    overflow: hidden;
    position: relative;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 12px;
    background-color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(0, 0, 0, 0.14902);
    border-right-color: rgba(0, 0, 0, 0.14902);
    border-bottom-color: rgba(0, 0, 0, 0.14902);
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 60px;
    font-weight: 550;
    margin-top: 5px;
    
}

#layers_smartyplanet a{ text-decoration: none !important; color: rgb(86, 86, 86);}

#list_layers {margin-top: 5px ; padding: 5px;display: none;}
.label_map{float: left; margin-right: 10px}

.bloq_cookies{background:#B3DDF6;color:rgb(12, 106, 155);position:relative;z-index: 9999;text-align: center;margin: 0 auto;padding: 10px 30px 10px 30px; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;display:none;border: 1px solid rgb(12, 106, 155);font-size: .9em;margin-left: -5px;margin-bottom: 5px;margin-right: -5px;}

.bloq_cookies a{text-decoration: underline;font-weight: bold}

.btn_cookies{ background:rgb(12, 106, 155);color:#fff;padding:5px!important;margin-top: 10px !important;margin-bottom:5px!important; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-left:10px !important;font-size: .9em;padding-right: 10px !important;text-decoration: none !important;font-weight: normal !important;cursor: pointer}

.text_cookies{color: #01547F;font-size: 1em;text-align: justify;margin-right: 20px;padding: 20px;line-height: 30px}

/*.iconsAemet{background: url('../images/iconos_aemet.png') no-repeat;display:block;float:left}
.iconsAemetGran{background: url('../images/iconos_grans_aemet.png') no-repeat;display:block;float:left;margin-top: -50px;z-index: 99;position: absolute;width: 30%}

.iconsAemet.sprite-11{ background-position: 0 0; width: 35px; height: 35px; } 
.iconsAemet.sprite-11n{ background-position: 0 -85px; width: 35px; height: 35px; } 
.iconsAemet.sprite-12{ background-position: 0 -170px; width: 35px; height: 35px; } 
.iconsAemet.sprite-12n{ background-position: 0 -255px; width: 35px; height: 35px; } 
.iconsAemet.sprite-13{ background-position: 0 -340px; width: 35px; height: 35px; } 
.iconsAemet.sprite-13n{ background-position: 0 -425px; width: 35px; height: 35px; } 
.iconsAemet.sprite-14{ background-position: 0 -510px; width: 35px; height: 35px; } 
.iconsAemet.sprite-14n{ background-position: 0 -595px; width: 35px; height: 35px; } 
.iconsAemet.sprite-15{ background-position: 0 -680px; width: 35px; height: 35px; } 
.iconsAemet.sprite-16{ background-position: 0 -765px; width: 35px; height: 35px; } 
.iconsAemet.sprite-17{ background-position: 0 -850px; width: 35px; height: 35px; } 
.iconsAemet.sprite-17n{ background-position: 0 -935px; width: 35px; height: 35px; } 
.iconsAemet.sprite-23{ background-position: 0 -1020px; width: 35px; height: 35px; } 
.iconsAemet.sprite-23n{ background-position: 0 -1105px; width: 35px; height: 35px; } 
.iconsAemet.sprite-24{ background-position: 0 -1190px; width: 35px; height: 35px; } 
.iconsAemet.sprite-24n{ background-position: 0 -1275px; width: 35px; height: 35px; } 
.iconsAemet.sprite-25{ background-position: 0 -1360px; width: 35px; height: 35px; } 
.iconsAemet.sprite-26{ background-position: 0 -1445px; width: 35px; height: 35px; } 
.iconsAemet.sprite-33{ background-position: 0 -1530px; width: 35px; height: 35px; } 
.iconsAemet.sprite-33n{ background-position: 0 -1615px; width: 35px; height: 35px; } 
.iconsAemet.sprite-34{ background-position: 0 -1700px; width: 35px; height: 35px; } 
.iconsAemet.sprite-34n{ background-position: 0 -1785px; width: 35px; height: 35px; } 
.iconsAemet.sprite-35{ background-position: 0 -1870px; width: 35px; height: 35px; } 
.iconsAemet.sprite-36{ background-position: -85px 0; width: 35px; height: 35px; } 
.iconsAemet.sprite-43{ background-position: -85px -85px; width: 35px; height: 35px; } 
.iconsAemet.sprite-43n{ background-position: -85px -170px; width: 35px; height: 35px; } 
.iconsAemet.sprite-44{ background-position: -85px -255px; width: 35px; height: 35px; } 
.iconsAemet.sprite-44n{ background-position: -85px -340px; width: 35px; height: 35px; } 
.iconsAemet.sprite-45n{ background-position: -85px -425px; width: 35px; height: 35px; } 
.iconsAemet.sprite-45{ background-position: -85px -425px; width: 35px; height: 35px; } 
.iconsAemet.sprite-46n{ background-position: -85px -510px; width: 35px; height: 35px; } 
.iconsAemet.sprite-51{ background-position: -85px -595px; width: 35px; height: 35px; } 
.iconsAemet.sprite-51n{ background-position: -85px -680px; width: 35px; height: 35px; } 
.iconsAemet.sprite-52{ background-position: -85px -765px; width: 35px; height: 35px; } 
.iconsAemet.sprite-52n{ background-position: -85px -850px; width: 35px; height: 35px; } 
.iconsAemet.sprite-53{ background-position: -85px -935px; width: 35px; height: 35px; } 
.iconsAemet.sprite-54{ background-position: -85px -1020px; width: 35px; height: 35px; } 
.iconsAemet.sprite-61{ background-position: -85px -1105px; width: 35px; height: 35px; } 
.iconsAemet.sprite-61n{ background-position: -85px -1190px; width: 35px; height: 35px; } 
.iconsAemet.sprite-62{ background-position: -85px -1275px; width: 35px; height: 35px; } 
.iconsAemet.sprite-62n{ background-position: -85px -1360px; width: 35px; height: 35px; } 
.iconsAemet.sprite-63{ background-position: -85px -1445px; width: 35px; height: 35px; } 
.iconsAemet.sprite-64{ background-position: -85px -1530px; width: 35px; height: 35px; } 
.iconsAemet.sprite-71{ background-position: -85px -1615px; width: 35px; height: 35px; } 
.iconsAemet.sprite-71n{ background-position: -85px -1700px; width: 35px; height: 35px; } 
.iconsAemet.sprite-72{ background-position: -85px -1785px; width: 35px; height: 35px; } 
.iconsAemet.sprite-72n{ background-position: -85px -1870px; width: 35px; height: 35px; } 
.iconsAemet.sprite-73{ background-position: -170px 0; width: 35px; height: 35px; } 
.iconsAemet.sprite-74{ background-position: -170px -85px; width: 35px; height: 35px; } 

.iconsAemetGran.sprite-11{ background-position: 0 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-11n{ background-position: -130px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-12{ background-position: -260px 0; width: 80px; height: 78px; } 
.iconsAemetGran.sprite-12n{ background-position: -390px 0; width: 80px; height: 78px; } 
.iconsAemetGran.sprite-13{ background-position: -520px 0; width: 80px; height: 81px; } 
.iconsAemetGran.sprite-13n{ background-position: -650px 0; width: 80px; height: 81px; } 
.iconsAemetGran.sprite-14{ background-position: -780px 0; width: 80px; height: 71px; } 
.iconsAemetGran.sprite-14n{ background-position: -910px 0; width: 80px; height: 72px; } 
.iconsAemetGran.sprite-15{ background-position: -1040px 0; width: 80px; height: 72px; } 
.iconsAemetGran.sprite-16{ background-position: -1170px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-17{ background-position: -1300px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-17n{ background-position: -1430px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-23{ background-position: -1560px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-23n{ background-position: -1690px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-24{ background-position: -1820px 0; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-24n{ background-position: 0 -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-25{ background-position: -130px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-26{ background-position: -260px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-33{ background-position: -390px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-33n{ background-position: -520px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-34{ background-position: -650px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-34n{ background-position: -780px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-35{ background-position: -910px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-36{ background-position: -1040px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-43{ background-position: -1170px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-43n{ background-position: -1300px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-44{ background-position: -1430px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-44n{ background-position: -1560px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-45n{ background-position: -1690px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-45{ background-position: -1690px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-46n{ background-position: -1820px -131px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-51{ background-position: 0 -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-51n{ background-position: -130px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-52{ background-position: -260px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-52n{ background-position: -390px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-53{ background-position: -520px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-54{ background-position: -650px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-61{ background-position: -780px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-61n{ background-position: -910px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-62{ background-position: -1040px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-62n{ background-position: -1170px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-63{ background-position: -1300px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-64{ background-position: -1430px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-71{ background-position: -1560px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-71n{ background-position: -1690px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-72{ background-position: -1820px -262px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-72n{ background-position: 0 -393px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-73{ background-position: -130px -393px; width: 80px; height: 80px; } 
.iconsAemetGran.sprite-74{ background-position: -260px -393px; width: 80px; height: 80px; } 
*/

.iconsMeteocat{background: url('../images/iconos_meteocat.png') no-repeat;display:block;float:left}
.iconsMeteocatGran{background: url('../images/iconos_grans_meteocat.png') no-repeat;display:block;float:left;margin-top: -50px;z-index: 99;position: absolute;width: 30%}

.iconsMeteocat.sprite-1{ background-position: 0 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-10{ background-position: -100px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-11{ background-position: -200px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-12{ background-position: -300px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-13{ background-position: -400px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-2{ background-position: -500px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-20{ background-position: -600px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-21{ background-position: -700px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-22{ background-position: -800px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-23{ background-position: -900px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-24{ background-position: -1000px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-25{ background-position: -1100px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-26{ background-position: -1200px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-27{ background-position: -1300px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-28{ background-position: -1400px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-29{ background-position: -1500px 0; width: 52px; height: 51px; } 
.iconsMeteocat.sprite-3{ background-position: -1602px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-30{ background-position: -1702px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-31{ background-position: -1802px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-32{ background-position: -1902px 0; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-4{ background-position: 0 -101px; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-5{ background-position: -100px -101px; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-6{ background-position: -200px -101px; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-7{ background-position: -300px -101px; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-8{ background-position: -400px -101px; width: 50px; height: 50px; } 
.iconsMeteocat.sprite-9{ background-position: -500px -101px; width: 50px; height: 50px; } 

.iconsMeteocatGran.sprite-1{ background-position: 0 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-10{ background-position: -130px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-11{ background-position: -260px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-12{ background-position: -390px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-13{ background-position: -520px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-2{ background-position: -650px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-20{ background-position: -780px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-21{ background-position: -910px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-22{ background-position: -1040px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-23{ background-position: -1170px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-24{ background-position: -1300px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-25{ background-position: -1430px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-26{ background-position: -1560px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-27{ background-position: -1690px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-28{ background-position: -1820px 0; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-29{ background-position: 0 -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-3{ background-position: -130px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-30{ background-position: -260px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-31{ background-position: -390px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-32{ background-position: -520px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-4{ background-position: -650px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-5{ background-position: -780px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-6{ background-position: -910px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-7{ background-position: -1040px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-8{ background-position: -1170px -130px; width: 80px; height: 80px; } 
.iconsMeteocatGran.sprite-9{ background-position: -1300px -130px; width: 80px; height: 80px; } 

#previsio_dema_pasat_dia, #previsio_dema_dia{margin-top:15px}

.smarti_previsio_3{padding-top:5px;}
#previsio_dema_pasat_dia, #previsio_dema_dia, #previsio_dema_icon, #previsio_dema_pasat_icon{float:left;width:30%;}
#previsio_dema_icon, #previsio_dema_pasat_icon{float:left;width:30%;margin-left: 20px;margin-top: 5px}

.temp_min{color:#429df2;font-size: 16px;font-weight: bold;text-shadow: 1px 1px 1px #000;}
.temp_max{color:#f83e3e;font-size: 16px;font-weight: bold;text-shadow: 1px 1px 1px #000;margin-right: 10px}
.temp_avg{color:#ffffff;font-size: 16px;font-weight: bold;text-shadow: 1px 1px 1px #000;margin-right: 10px}

.smartiCENTRE_previsio{color: #FFF;font-weight: bold;text-shadow: 1px 1px 1px #383838;right: 0;font-size: .8em;}

.previsio_dades_temp{line-height: 40px}

#localidad, #provincia{color: #CCC;font-size: .9em;font-weight: bold;text-align: right;text-shadow: 1px 1px 1px #333;padding-right: 15px;text-align: right;}
#provincia{font-size: .7em}

#previsio_estat_cel{text-align: center;padding-top:25px;}

.portada_bloc{
    margin-top: 10px;
    display: block;
    border-radius: 15px;
    font-size: 0.75em;
    border: 1px solid #a9c2d2;
    border-top: none;
    border-bottom: 1px solid #a9c2d2;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    
}

.portada_bloc_titol{
    margin:0;
    border-bottom: 1px solid #a9c2d2;
    border-top: 1px solid #a9c2d2;
    border-radius: 5px;
    background-color: #deeff6;
    height: 50px;
}

.bloc_titol .titol_block, .portada_bloc_titol .titol_block  {float:left; display:block;margin-left: 20px;margin-top:20px;color:#01547F; font-weight:bold; font-size:1.4em;width:100%}
.bloc_titol .titol_block a, .portada_bloc_titol .titol_block a{color:#797979 !important;font-size:0.8em !important;font-weight: normal !important;width:100%}

.portada_noticias_ul li:last-child{border-bottom: none !important}

/* Noticies bloc */
.noticias_ul li{border-bottom: 1px solid #ccc;float:left;min-height:110px;margin-top:10px;margin-left:20px;}
.noticias_ul li:last-child{border-bottom: none !important}

.img_noticia{padding-bottom:20px;max-width:150px;height:100px}
.contingut_noticia{float:left;width:875px;margin-left: 40px}
.titol_noticia{font-weight: bold;font-size: 12pt;color: #000;}
.descripcio_noticia{margin-top: 10px;font-size: 1.1em;color: #727272;text-align:justify;}
.text_link_noticia{font-size: 0.9em;color: #727272;margin-top:20px}

.link_detall_noticia {text-decoration: none}
.link_detall_noticia:hover, .link_detall_noticia:hover .titol_noticia{color:rgb(201, 18, 18) !important}

/* END Noticies bloc*/

.imatge_noticia:hover{opacity: 0.7}
.BTNeditarNoticia   {color:#0d7cb7; margin-top:35px;width:25px;height:25px;background:url("../images/config-icon.png") no-repeat;float: right;margin-right: 25px;opacity:0.5}
.BTNeditarNoticia:hover{opacity:1}

.hr_cabecera_estacio{background: #969696;margin-left: -16px;width: 990px;}
.estacio_nom{font-size: 24pt;font-weight: bold;color: #5A5A5A;float:left}
.block_cabecera_estacio{margin-top: 0px;height:80px;float:left;vertical-align:bottom;color: #5A5A5A;font-size: 1.4em;}
.block_cabecera_estacio a {text-decoration:none;color:#5A5A5A}
.block_cabecera_estacio .info_estacio{float:left;margin-left: 40px;font-size: 0.6em !important;height: 25px;margin-top:15px;}
.block_cabecera_estacio .info_estacio div {border-bottom: 1px dashed #CCC;;margin-left:25px}
.block_cabecera_estacio a:hover .estacio_nom{color:#007fb8}

.bloq_veracitat_dades{background:#B3DDF6;color:rgb(12, 106, 155);position:relative;text-align: center;margin: 0 auto;padding: 10px 30px 40px 30px; font-size: .9em;margin-left: -16px;margin-bottom: 5px;margin-right: -16px;margin-top:90px;margin-bottom:115px}

.button_webcam{float: left;background:#fff;border-radius:5px;padding:1px;margin-right: 5px}
.botonera_webcam{float:right;margin-right: 10px;margin-top:3px}
.text-webcam{color: #999;font-size: .7em;font-weight: bold;text-shadow: 1px 1px 1px #000;margin-left: 10px;margin-top: 5px;float: left;}
.grouped_elements{width: 700px;float: left;}
.grouped_elements img{width: 100%;}

/* SONOMETRE */
.smartiCentreSonometre {position:absolute; z-index:50; top:-13px; width:235px; height:120px; overflow:hidden; margin-left:3px; display:block; background:url('../images/sonometre-bg.png') no-repeat 0 bottom;}
.smartiSonometreFrase  {position:absolute; z-index:3; width:100%; height:17px; padding-top:19px; display:block; bottom:-1px; text-align:center; color:#b8edff; font-size:.7em; background:url('../images/bg-smarti-sonometre-frase.png') no-repeat; letter-spacing:.5px;}
.smartiSonometreAgulla {position:relative; z-index:2; width:198px; height:106px; display:block; margin:0 auto; overflow:hidden;}
.smartiCentreSonometreMask {position:absolute; z-index:50000; bottom:0; width:235px; height:47px; display:block; background:url('../images/sonometre-base-mask.png') no-repeat 0 0;}
.smartiCentreSonometreAgulla {position:absolute; top:35px; width:238px; height:244px; display:block; background:url('../images/sonometre-agulla.png') no-repeat center center;
-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;
transform:rotate(-39.5deg); 
-ms-transform:rotate(-39.5deg); /* IE 9 */
-webkit-transform:rotate(-39.5deg); /* Chrome, Safari, Opera */
}

.smartiCentreSonometreValor {color:#e9e792; font-size:.9em; text-shadow:0 0 1px #000; width:100%; text-align:center; position:absolute; bottom:7px; z-index:100000;}

/* END SONOMETRE */

.CNT-WIDGETS-ESTACIO{margin-right:10px;}
.CNT-WIDGETS-ESTACIO iframe{margin-top:10px}

/*  nuevo */
@media only screen and (max-width:768px) {#uvTab{display:none}}

#bloc-dashboard-none {background-image:url('../iamges/dashboard_no_selected.png');height:295px;margin-bottom:20px}
#bloc-dashboard-none div{margin-top:60px}
#bloc-dashboard-none a{margin-top:30px}
#help-inuncat:hover {cursor:pointer}
footer{margin-top:40px}
.breadcrumb{background: none !important;}
#slider-buttons{margin-top: 10px;}
.cnt-fot{margin-top: 20px;}
.quicklinks {margin-top:5px}
.quicklinks li a{color:#FFF;text-decoration: underline}
.quicklinks li {margin-right: 20px}
.navbar{margin-bottom:0}
.chk-no-margin{margin-top:0 !important;margin-bottom: 0 !important;}
.padding-min{padding:5px !important}
.margin-top{margin-top:20px}
.margin-bottom{margin-bottom:20px}
.margin-left{margin-left:20px}
.margin-right{margin-right:20px}
.margin-top-small{margin-top:10px}
.margin-top-min{margin-top:5px}
.margin-bottom-small{margin-bottom:10px}
.margin-bottom-min{margin-top:5px}
.margin-left-small{margin-left:10px}
.margin-left-min{margin-top:5px}
.margin-right-small{margin-right:10px}
.margin-right-min{margin-top:5px}
.bgSliderDashboard{margin-bottom: 20px;padding-bottom: 20px;background:#FFF/*url('../images/bg-slider.jpg') repeat-x bottom*/; border-bottom:2px solid #a9c2d2;}
.border-bottom{border-bottom: 1px solid #000;}
.border-left{border-left: 1px solid #000;}
.border-right{border-right: 1px solid #000;}
.info_estacio{margin-top:7px;float:left;color:#000}

/*INSPINIA*/
.ibox-size-1{height:250px}
.img-estacio{/*max-height: 215px !important;*/width: 100% !important;}
.padding-none{padding:0 !important}
.marging-none{margin:0 !important}
.icon-bigger{font-size: 1.4em !important;}

body.DTTT_Print {
    background: #fff !important;

}
.DTTT_Print #page-wrapper {
    margin: 0 !important;
    background:#fff !important;
}

button.DTTT_button, div.DTTT_button, a.DTTT_button {
    border: 1px solid #e7eaec !important;
    background: #fff !important;
    color: #676a6c !important;
    box-shadow: none !important;
    padding: 6px 8px !important;
}
button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover {
    border: 1px solid #d2d2d2 !important;
    background: #fff !important;
    color: #676a6c !important;
    box-shadow: none !important;
    padding: 6px 8px !important;
}

.dataTables_filter label {
    margin-right: 5px !important;

}
.padding-top{padding-top:20px}
.padding-bottom{padding-bottom:20px}
.padding-left{padding-left:20px}
.padding-right{padding-right:20px}
.padding-right-15{padding-right:20px !important}
.padding-top-small{padding-top:10px !important}
.padding-bottom-small{padding-bottom:10px}
.padding-left-small{padding-left:10px}
.padding-left-min{padding-left:5px}
.padding-right-min{padding-right:5px}
.padding-right-small{padding-right:10px !important}
.col-same-height {display: table-cell;float: none !important;}
.margin-left-negative-small{margin-left: -5px;}
.margin-top-negative-small{margin-top: -5px;}

.iconsAemet-big{z-index: 999;height:60px;width:80px; position:absolute;top:-20px;left:80px;}
.iconsAemet-small{z-index: 99999;height:38px;width:51px;float:left;margin-top: 0 !important}
.weather-sunny-big{background:url('../images/icons_prediccio_big/weather-sunny.png') no-repeat}
.weather-cloudy-low-big{background:url('../images/icons_prediccio_big/weather-cloudy-low.png') no-repeat}
.weather-icons-bitmaps-big{background:url('../images/icons_prediccio_big/weather-icons-bitmaps.png') no-repeat}
.weather-cloudy-high-big{background:url('../images/icons_prediccio_big/weather-cloudy-high.png') no-repeat}
.weather-rainy-low-big{background:url('../images/icons_prediccio_big/weather-rainy-low.png') no-repeat}
.weather-rainy-high-big{background:url('../images/icons_prediccio_big/weather-rainy-high.png') no-repeat}
.weather-snowy-low-big{background:url('../images/icons_prediccio_big/weather-snowy-low.png') no-repeat}
.weather-snowy-high-big{background:url('../images/icons_prediccio_big/weather-snowy-high.png') no-repeat}
.weather-stormy-low-big{background:url('../images/icons_prediccio_big/weather-stormy-low.png') no-repeat}
.weather-stormy-high-big{background:url('../images/icons_prediccio_big/weather-stormy-high.png') no-repeat}

.weather-sunny-small{background:url('../images/icons_prediccio_small/weather-sunny.png') no-repeat}
.weather-cloudy-low-small{background:url('../images/icons_prediccio_small/weather-cloudy-low.png') no-repeat}
.weather-icons-bitmaps-small{background:url('../images/icons_prediccio_small/weather-icons-bitmaps.png') no-repeat}
.weather-cloudy-high-small{background:url('../images/icons_prediccio_small/weather-cloudy-high.png') no-repeat}
.weather-rainy-low-small{background:url('../images/icons_prediccio_small/weather-rainy-low.png') no-repeat}
.weather-rainy-high-small{background:url('../images/icons_prediccio_small/weather-rainy-high.png') no-repeat}
.weather-snowy-low-small{background:url('../images/icons_prediccio_small/weather-snowy-low.png') no-repeat}
.weather-snowy-high-small{background:url('../images/icons_prediccio_small/weather-snowy-high.png') no-repeat}
.weather-stormy-low-small{background:url('../images/icons_prediccio_small/weather-stormy-low.png') no-repeat}
.weather-stormy-high-small{background:url('../images/icons_prediccio_small/weather-stormy-high.png') no-repeat}
input[type="search"]{margin-left: 15px;}

.text-widget{color:#FFF;font-size:80px;line-height: 130px;font-weight: bold}
.sonometre-realtime-1{height: 155px;background: #0CCE24}
.sonometre-realtime-2{height: 155px;background: #F7AB20}
.sonometre-realtime-3{height: 155px;background: #F72020}

#cargando{display:none}

.refresc-visual{
    color: #999;
    font-size: .7em;
    padding: 0 0 0 0;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}

.rows-height-1{height: 79.58px !important;}
.rows-height-2{height: 159.16px !important;}
.rows-height-3{height: 238.74px !important;}
.rows-height-4{height: 318.32px !important;}
.rows-height-5{height: 397.9px !important;}
.rows-height-6{height: 477.48px !important;}
.rows-height-7{height: 557.06px !important;}
.rows-height-8{height: 636.64px !important;}
.rows-height-9{height: 716.22px !important;}
.rows-height-10{height: 795.8px !important;}
.rows-height-11{height: 875.38px !important;}
.rows-height-12{height: 955px !important;}

.cabecera_informe_hidden{display:none;}

.smart-bootstrap-text{color: #CCC;font-weight: bold;text-shadow: 1px 1px 1px #333;}

.iti-flag {background-image: url("path/to/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("path/to/flags@2x.png");}
}