html, body {
width:100%;
height:100%;
}
body {
background: #ffffff;
font-family: 'Open Sans', sans-serif;
color: #606060;
font-weight: 300;
font-size: 14px;
line-height: 18px;
padding:0;
margin:0;
}
.weather_icon {
display:inline-block;
overflow:hidden;
background-image:url('../images/weather/weather_sprite_36.png');
background-repeat:no-repeat;
width:40px;
height:36px;
}
.weather_icon_sun {background-position:2px -1px}
.weather_icon_sun_cloud {background-position:-47px -1px}
.weather_icon_cloud {background-position:-96px -1px}
.weather_icon_rain_big {background-position:-140px -1px}
.weather_icon_rain {background-position:-182px -1px}
.weather_icon_tunderstorm {background-position:-222px -1px}
.weather_icon_sun_rain {background-position:-262px -1px}
.weather_icon_wind {background-position:-303px -1px}
.weather_icon_snow {background-position:-345px -1px}
.weather_icon_sun_snow {background-position:-386px -1px}
.weather_icon_snow_big {background-position:-428px -1px}
.b-weather__list {
font-size: 0;
*zoom: 1; }
.b-weather__list:before {
content: " ";
display: table; }
.b-weather__list:after {
content: " ";
display: table; }
.b-weather__list:after {
clear: both; }
.b-weather__item {
display: inline-block;
vertical-align: top;
text-align: center;
margin-left: 20px; }
.b-weather__item:first-child {
margin-left: 0; }
.b-weather__day {
color: #606060;
font-weight: bold;
margin-bottom: 4px;
font-size: 14px;
}
.b-weather__day span.weekend {
color:#ff8124;
}
.b-weather__day_current {
font-size: 16px; }
.b-weather__temp {
font-size: 15px;
color: #008ce7;
font-weight: normal; }
.b-weather__temp span {
font-size: 11px; }
.b-weather__temp_current {
font-size: 28px;
display: inline-block;
padding-left: 5px; }
.b-weather__temp_current span {
font-size: 18px; }
.b-weather__image {
height: 40px;
line-height: 40px;
margin-bottom: 6px; }
.b-weather__image_current {
float: left;
margin-left: -56px;
width: 50px;
margin-top: 5px;
margin-bottom: 0; }
.b-weather__image img {
display: inline-block;
vertical-align: middle; }
.b-weather__current {
padding-left: 56px;
margin-bottom: 17px;
*zoom: 1; }
.b-weather__current:before {
content: " ";
display: table; }
.b-weather__current:after {
content: " ";
display: table; }
.b-weather__current:after {
clear: both; }
.b-weather a {
display: inline-block;
color: inherit;
text-decoration: none;
-o-transition: opacity 0.2s;
transition: opacity 0.2s; }
.b-weather a:hover {
opacity: 0.7; }