/*header[role="banner"] .ski-info{color:#fff;font-size:9px;left:130px;}
.ski-info h2{color:white}
.ski-info{height:70px;left:0;overflow:hidden;position:absolute;top:0;width:640px;}
.ski-info ul{float:left;list-style-type:none;padding-top:10px;}
.ski-info ul.meteo{background:url("/sites/all/themes/grandvalira/images_v3/icon-termometre.png") no-repeat scroll 0 12px transparent;display:block;font-size:14px;height:57px;margin-left:5px;overflow:visible;padding-left:27px;position:relative;text-align:center;top:0;width:65px;}
.ski-info ul.icons{background:none repeat scroll 0 0 transparent;display:block;height:70px;padding-top:0;position:relative;top:0;}
#ski_separator{color:white;display:block;float:left;font-family:helvetica;font-size:28px;font-weight:100;position:relative;text-align:center;top:18px;width:20px;}
.ski-info ul.icons li{font-size:13px;height:47px;padding:20px 0 0 27px;text-transform:uppercase;width:auto;}
.ski-info ul.icons li.webcams{background:url("/sites/all/themes/grandvalira/images_v3/icon-webcam.png") no-repeat scroll 0 17px rgba(0,0,0,0);padding-left:22px;}
.ski-info ul.icons li.more-slopes{background:url("/sites/all/themes/grandvalira/images_v3/icon-bandera.png") no-repeat scroll 0 18px rgba(0,0,0,0);padding-left:18px;}
.ski-info ul.icons li.map{background:url("/sites/all/themes/grandvalira/images_v3/icon-mapa.png") no-repeat scroll 0 17px / auto auto rgba(0,0,0,0);}
.ski-info ul li{float:left;margin-right:12px;}
.ski-info p.last-update{clear:both;float:left}
.ski-info h2.title{float:left;margin:1px;max-width:90px;min-width:45px;}
.ski-info p.values{float:left;font-size:12px;margin:16px 1px 0 3px;text-align:left;width:auto;}
.ski-info p.last-update{font-size:9px;color:#00E0FF}
.ski-info a{color:white}
.ski-info a span{color:white}
.ski-info li a{color:white}
.ski-info span#temp_sep{color:white}
.hlgreen{color:#00E0FF}
.ski-info .meteo a{color:white;font-size:13px;text-transform:uppercase;}
.ski-info .slopes li{float:left;height:42px;}
ul.meteo:hover,.ski-info ul.icons li.webcams:hover,.ski-info ul.icons li.more-slopes:hover,.ski-info ul.icons li.map:hover{background-color:#1217C9;border-bottom:3px solid #6293ec;}
ul.meteo,.ski-info ul.icons li.webcams,.ski-info ul.icons li.more-slopes,.ski-info ul.icons li.map{cursor:pointer}*/


/* CUSTOMITZACIO CSS PEL RUS*/
/*.i18n-ru .ski-info ul.meteo{font-size:12px;margin-left:0;padding-left:27px;width:55px;}
.i18n-ru #ski_separator{width:17px;}
.i18n-ru .ski-info ul li{margin-right:7px;}
.i18n-ru .ski-info ul.icons li{font-size:12px;}
.i18n-ru .ski-info h2.title{font-size:12px;margin:4px 0px 0;}
.i18n-ru .ski-info .meteo a{font-size:12px;}
.i18n-ru .ski-info li a{font-size:11px;}*/

/*NEW OVERRIDE 2015*/
/*.i18n-ru .ski-info ul.meteo {
  font-size: 12px;
  margin-left: 0;
  padding-left: 27px;
  width: 188px;
}*/



/*.ski-info ul li{float:left;margin-right:8px;}
.ski-info ul.meteo{background:transparent url("/sites/all/themes/grandvalira/images_v3/icon-termometre.png") no-repeat scroll 0 7px;display:block;font-size:14px;height:57px;margin-left:5px;overflow:visible;padding-left:35px;position:relative;text-align:center;top:0;width:auto;}
.ski-info ul.meteo li{display:block;float:left}
li.current-snow-level{width:auto;}
.ski-info li.current-meteo{}
.ski-info h2.title{font-size:13.5px;}
.ski-info li.current-meteo br{}
.ski-info .current-snow-level p.values{}
.ski-info h2.title{font-size:13.5px;text-align:left;}
.ski-info .current-meteo p.values{float:none;margin-top:0;}
.ski-info ul.slopes:hover,.ski-info ul.meteo:hover,.ski-info ul.icons li:hover{background-color:#1217C9}
header[role="banner"] .ski-info{left:110px;padding-top:0px;}
#ski_separator{color:white;display:block;float:left;font-family:helvetica;font-size:28px;font-weight:100;margin-right:5px;position:relative;text-align:center;top:18px;width:10px;}
.ski-info{width:675px;}
.hlgreen{color:#00e0ff !important;}*/

/*FIX IE ERROR */
.ski-info li.current-meteo a h2 {float:none; min-width:50px;}



/*JMP 13/09/2016*/
header[role="banner"] .ski-info {
  color: #00a9de;
  left: 0;
  padding-top: 0;
}

.ski-info .teaser {
  display: block;
  height: 38px;
  overflow: hidden;
}
#widget.hover .ski-info .teaser {
  border-bottom: 1px solid rgb(0, 169, 255);
  height: 39px;
}

.ski-info .teaser .switcher {
  background-color: #00a9de;
  border: 1px solid #00a9de;
  border-radius: 50% 0 0 50%;
  display: block;
  height: 40px;
  left: -40px;
  position: absolute;
  top: -1px;
  width: 40px;
}
.ski-info .teaser .switcher div {
  color: #ffffff;
  font-size: 25px;
  line-height: 38px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  text-align: center;
  width: 100%;
}
.ski-info .teaser .switcher.on .on{
}
.ski-info .teaser .switcher.on .off{
}
.ski-info .teaser .switcher.off .on{
}
.ski-info .teaser .switcher.off .off {
  display: none;
}
.ski-info ul.meteo {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  float: left;
  font-size: 14px;
  height: 40px;
  margin-left: 12px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left !important;
  top: 0;
  width: auto;
    margin-bottom:0;
}

.ski-info ul.meteo li {
  line-height: 38px;
  list-style: outside none none;
}

.ski-info ul.meteo li  {}
.ski-info ul.meteo li  span{}
.ski-info ul.meteo li  span.temperature{font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700}
.ski-info ul.meteo li  span.temperature.min{}
.ski-info ul.meteo li  span.temperature.max{}
.ski-info ul.meteo li  span.temperature .sub{font-family:"Open Sans",sans-serif;font-size:8px;font-weight:400;margin-left:1px;}
.ski-info ul.meteo li  span#temp_sep{}

.ski-info ul.icons {
  display: block;
  float: left;
  height: 40px;
  margin-left: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left !important;
  top: 0;
  width: auto;
  margin-bottom:0;
}
.ski-info ul.icons li {
  background-color: rgba(0, 0, 0, 0);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  border-left: 1px solid #95989a;
  display: block;
  float: left;
  height: 25px;
  margin: 7px 1px;
  width: 30px;
}
.ski-info ul.icons li.kms {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/km_esquiables_grandvalira_widget.png");}
.ski-info ul.icons li.webcams {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/webcams_grandvalira_widget.png");}
.ski-info ul.icons li.slopes {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/estat_pistes_ grandvalira_widget.png");}
.ski-info ul.icons li.temp {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/temperatura_grandvalira_widget.png");}
.ski-info ul.icons li.snow {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/gruixos-cotes_neu_grandvalira_widget.png");}
.ski-info ul.icons li.webcams {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/webcams_grandvalira_widget.png");}
.ski-info ul.icons li.map {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/mapa_grandvalira_widget.png");}


.ski-info .moreinfo > .title {
  background-color: #00a9de;
  clear: both;
  color: #ffffff;
  font-family: "Rubik",sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 28px;
  margin-top: 2px;
  text-transform: uppercase;
}
.ski-info .moreinfo > .title span {
  display: block;
  line-height: 30px;
  margin-bottom: 5px;
  position: relative;
}

.ski-info .moreinfo .square-blocks {
  margin: 0;
  padding: 0 0 0 22px;
}
.ski-info .moreinfo .square-blocks li {
  background-color: rgba(255, 255, 255, 0.94);
  background-position: center 16px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  display: block;
  float: left;
  height: 115px;
  margin: 2px;
  position: relative;
  width: 135px;
}
.ski-info .moreinfo .square-blocks li:hover {
	background-color: rgba(45, 45, 45, 0.94);
}
.ski-info .moreinfo .square-blocks li:hover h2{
	color:white;
}
.ski-info .moreinfo .square-blocks li.opened-slopes  {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/estat_pistes_ grandvalira_widget.png");}
.ski-info .moreinfo .square-blocks li.current-kms {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/km_esquiables_grandvalira_widget.png");}
.ski-info .moreinfo .square-blocks li.current-meteo {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/temperatura_grandvalira_widget.png");}
.ski-info .moreinfo .square-blocks li.current-snow-level {background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/gruixos-cotes_neu_grandvalira_widget.png");}

.ski-info .moreinfo .square-blocks li a {
  border: 1px solid rgba(0, 169, 222, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ski-info .moreinfo .square-blocks li a h2 {
  color: rgb(38, 38, 38);
  font-family: Rubik,sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 60px;
  width: 100%;
}
.ski-info .moreinfo .square-blocks li a .values {
  font-weight: 700;
  position: absolute;
  text-align: center;
  top: 84px;
  width: 100%;
}
.ski-info .moreinfo .square-blocks li a .values span .sub {
  font-size: 10px;
  font-weight: 400;
  margin-left: 1px;
}


.ski-info .moreinfo .rectangle-blocks {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 0 22px;
}

/*.ski-info .moreinfo .rectangle-blocks li {
  background-color: rgba(255, 255, 255, 0.94);
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 35px auto;
  display: block;
  float: left;
  height: 90px;
  margin: 0;
  position: relative;
  width: 137px;
  
  
}*/

.ski-info .moreinfo .rectangle-blocks li {
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 35px auto;
    display: block;
    float: left;
    height: 90px;
    margin: 0;
    position: relative;
    width: 274px;
}

/*.ski-info .moreinfo .rectangle-blocks li:hover {
	background-color: rgba(45, 45, 45, 0.94);
}*/
.ski-info .moreinfo .rectangle-blocks li a:hover{
	color:white!important;
}


.ski-info .moreinfo .rectangle-blocks li {
  border-color: rgb(0, 169, 222);
  border-style: solid;
}
.ski-info .moreinfo .rectangle-blocks li a {
	background-color: rgba(255, 255, 255, 0.94);
}
.ski-info .moreinfo .rectangle-blocks li:first-of-type {
  border-width: 1px 0 1px 1px;
  margin-left: 2px;
}
.ski-info .moreinfo .rectangle-blocks li:last-of-type {
  border-width: 1px;
  margin-right: 2px;
}

/*.ski-info .moreinfo .rectangle-blocks li a {
  
  color: rgb(38, 38, 38) !important;
  font-family: Rubik,sans-serif !important;
  font-size: 11px;
  font-weight: 600;
  height: 100%;
  left: 0;
  padding-left: 50px;
  padding-top: 34px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}*/

.ski-info .moreinfo .rectangle-blocks li a {
    color: rgb(38, 38, 38) !important;
    font-family: Rubik,sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    height: 100%;
    /* left: 0; */
    padding-left: 50px;
    padding-top: 34px;
    position: relative;
    text-transform: uppercase;
    top: auto;
    width: 50%;
    float: left;
}
/*.ski-info .moreinfo .rectangle-blocks li:hover {
  background-color: rgba(45, 45, 45, 0.7) !important;
}*/
.ski-info .moreinfo .rectangle-blocks li.webcams {}
.ski-info .moreinfo .rectangle-blocks li .webcams {
  background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/webcams_grandvalira_widget.png");
  background-position: 9px center;
  background-repeat: no-repeat;
  background-size: 32px auto;
}
.ski-info .moreinfo .rectangle-blocks .map {
  background-image: url("/sites/all/themes/grandvalira_bitanube/images/local/mapa_grandvalira_widget.png");
  background-position: 9px center;
  background-repeat: no-repeat;
  background-size: 32px auto;
}
.ski-info .moreinfo .last-update {
  font-size: 12px;
  font-weight: 400;
  padding-left: 10px;
  text-align: left;
  text-transform: none !important;
}