/*
	Weather widget
	Author: Andrey Goglev
	VK: https://vk.com/ru151
*/

.weather{width: 280px;font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;font-size: 11px;}

.weather .clear{clear: both;}
.weather .whead{background: #ECEFF2;list-style: none;}
.weather .whead li{padding: 11px 9.5px 10px;float: left;color:#555;cursor: pointer;border-bottom: 3px solid transparent;font-size: 12px;position: relative;font-family: inherit;margin: 0;}
.weather .whead li:hover{border-color: #D4DBE2;}
.weather .whead li.active{border-color: #b90202;}

.weather .whead li .menu{position: absolute;top:39px;right:0px;background: #fff;box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:opacity 200ms ease, visibility 200ms ease;border:1px solid #BCCAD7;border-top:0;}
.weather .whead li:hover .menu{opacity: 1;visibility: visible;}
.weather .whead li .menu .m_item{white-space: nowrap;padding: 9px 15px;cursor: pointer;}
.weather .whead li .menu .m_item:hover{background:#FDFDFD;}
.weather .whead li .menu .m_item.active{background: #D4DBE2;}

.weather .wcont{padding: 10px;background: rgba(239, 241, 243, 0.09);}
.weather .wcont .data{margin-bottom: 13px;}
.weather .wcont .data .location{font-size: 19px;color: #555;margin-top: 5px;}
.weather .wcont .data .status{color: #777;margin-top: 1px;float: left;margin-left: 4px;}

.weather .wcont .current_c{position: relative;float: left;}
.weather .temp_bl{float: left;width: 68px;height: 50px;text-align: center;}
.weather .temp_bl span{position: relative;display: inline-block;}
.weather .wcont .current_c .temp{font-size: 34px;color: #444;}
.weather .wcont .current_c .unit{font-size: 10px;color:#666;position: absolute;right: -8px;top: -2px;}
.weather .wcont .icon{float: left;width: 40px;height: 40px;}
.weather .wcont .state_list{font-size: 14px;color:#666;width: 127px;line-height: 160%;float: right;margin-top: -17px;}