.info_weather{
/*	list-style: none;
	float: left;
	font-family:'Roboto', sans-serif;
	margin-bottom:20px !important;
	background:white;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	clear:both;
	border:none;*/
	color: #218edf;
	/*padding:0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;*/
}

.info_weather img{vertical-align: middle;}

.info_weather a{
	display: inline !important;
	text-decoration: underline;
}

.info_weather a:hover{text-decoration: none;}

.info_weather h3{
/*	margin-top:5px;*/
	font-size: 12px;
}

/*.info_weather li{
	line-height:15px;
	float:left;
	padding: 10px 25px 16px 25px;
	-moz-transition:.4s linear;
	-webkit-transition:.4s ease-out;
	transition:.4s linear;
}*/

.info_weather .temperature{
/*	overflow: hidden;*/
	height: 100px;
	display: block;
}

.info_weather .daydatetime{
	font-size: 14px;
	text-transform: uppercase;
}

.info_weather .temperature .sign {float: left;}

/*.info_weather .info-tab li {float: left;}*/

.info_weather .temperature .gradus{
	height: 100px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

.info_weather .temperature .gradus .celsius{
	float: right;
/*	width: 100%;*/
	width: 60px;
}

.info_weather .temperature .gradus .number{
	float: right;
	font-size: 90px;
	padding:0;
	line-height:70px;
/*	height:auto;*/
}

.info_weather .discription{
	margin: 5px 0 5px 0;
	font-size: 18px;
/*	line-height: 18px;*/
	display:block;
	overflow:hidden;
	height: 22px;
}

.info_weather .other {
	clear: both;
/*	width: 220px;*/
/*	padding: 30px 0 0 0;*/
/*	min-height: 80px;*/
/*	position: relative;/*
/*	background-color: #3c464e;*/
/*	height: 311px;*/
}

.info_weather .other span{
	font-size: 18px;
/*	overflow: hidden;*/
	line-height: 24px;
	font-weight: normal;
	word-break: break-all;
}

.info_weather .other .humidity {
	float: right;
	width: 30%;
	height: 32px;
/*	text-align:right;*/
}

.info_weather .other .pressure {
	float: left;
	width: 70%;
	height: 32px;
}

.info_weather .other .wind_speed {
	float: right;
	width: 30%;
	height: 32px;
/*	text-align:right;*/
	margin-top: 10px;
}

.info_weather .other .wind_direction {
	float: left;
	width: 70%;
	height: 32px;
	margin-top: 10px;
}

.info_weather .other .water_tempreture {
	float: left;
	width: 100%;
	height: 32px;
	text-align:left;
	margin-top: 10px;
}

.info_weather .water_tempreture {
	font-size: 12px;
}

.info_weather .other .water_tempreture strong{
	font-size: 16px;
}

.info_weather .icon-js {display: none;}

.info_weather .popup {position:relative;}

.info_weather .popup > aside{
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out; 
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	position:absolute;	
/*	background-color: #3c464e;/*
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
/*	color:black;*/
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding:5px;		
	width: 210px;
	bottom: -232px;
}

/* IE 9, 10 fix */
@media screen and (min-width:0\0){
.info_weather .popup > aside{bottom: -262px;}	
}

/* IE 11 fix */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .popup > aside{bottom: -262px;}
}

/* Firefox fix */
@-moz-document url-prefix(){
	.info_weather .popup > aside {bottom: -57px;}
/*	.info_weather li {height: 290px;}*/
/*	.info_weather .other {height: 320px;}	*/
}

.info_weather .popup > aside:before,aside:after {
	content: ".";
	position: absolute;
	color:transparent;
	top: -19%;
	width: 0;
	height: 0;
	left:4px;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid transparent;
}

.info_weather .popup > aside:after {
	left:100px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF;
}

.info_weather .popup:hover > aside{
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

.info_weather .popup span {
	display: inline-block;
	padding: 0px 5px 4px;
	float:left;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
/*	color: #ffffff;*/
}

.info_weather .popup span:hover {
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.info_weather .popup-windpos img {float: left;}

.info_weather aside span {
	margin: 10px 0 0 0;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
}

.info_weather .fl{
	float: left;
	height: 85px;
}

.info_weather .fr{
	float: right;
	height: 85px;
}

.info_weather span{display:inline;}

.info_weather .sign-wrapper{
	display:table-cell;
	vertical-align:middle;
	height:100px;
}

.info_weather .city_informer{
	margin-bottom:15px;
	display:block !important;
/*	overflow:hidden;*/
}

.info_weather .city_informer a{
	font-size:22px;
	text-decoration: none !important; /* Убираем подчеркивание */
    border-bottom: 1px dashed #218edf; /* Добавляем свою линию */
/*	padding-bottom:2px; */
}

/*.widget-counter.col1 li{
	width:100%;
	border:0 none!important;
}*/
/*.widget-counter.col2 li,.widget-counter.col4 li{
	width:153px;
	border-width:0 0 1px 0!important;
}*/
/*.widget-counter.col2 li:nth-child(2n+2),.widget-counter.col4 li:nth-child(2n+2){
	border-left:1px solid #DDD!important;
}*/
/*.info_weather li:nth-child(3n-1){
border-right:1px solid #DDD;
	border-left:1px solid #DDD;
}*/
.info_weather a{
	display:block;
	text-align:center;
	color:#218edf;
}

.info_weather a strong{
	opacity:.6;
	display:block;
	height:51px;
	margin-bottom:5px;
	-webkit-transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-o-transition:all ease-in-out 0.2s;
	transition:all ease-in-out 0.2s;
	font-size:28px;
	margin:8px auto;
	width:50px;
	color:#FFF;
	height:50px;
	display:block;
	text-align:center;
	background:#444;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}
.info_weather a strong:before{
	height:50px;
	width:50px;
	font-size:26px;
	line-height:50px;
}
.info_weather a:hover strong{opacity:1;}
/*.widget-counter li:hover{background-color:#F8F8F8;}*/
.info_weather a:hover{text-decoration:none;}
.info_weather a small{color:#777;}

.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../img/modal_close.png); z-index: 2; }


.info_weather .ee_temperature {
	margin: 10px 0 15px 0;
	font-size: 18px;
/*	line-height: 18px;*/
	display:block;
	overflow:hidden;
/*	height: 24px;*/
	text-align: right;
}

.info_weather h3 a, .maps-menu a{
    margin-left: 5px;
    vertical-align: super;
	color: #218edf;
}

.info_weather .other .water_level{
	font-size: 14px;	
}

ya-map{
  display: block;
  height: 900px;
}
















.structure{
	/*width: 660px;
	color: #1d2627;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 21px;
	height: 600px;*/
	position: relative;
    height: 650px;
}

.structure .stucture-print{
	display: none;
}
.structure a {
	text-decoration: none;
}
.structure a:hover {
  text-decoration: underline;
  color: #006a94;
}
.structure .block-big {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 19px 0;
  background: #b8d2e6;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  width: 540px;
}
.structure .line {
  background: #b8d2e6;
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 3px;
}
.structure .block {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 9px 0;
  background: #b8d2e6;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
.structure .block-small {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 9px 0;
  background: #b8d2e6;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/*  vertical-align:middle;*/
}
.structure .block-small span {
  font-weight: normal;
}
.structure .left-arrow {
  background-image: url("../images/arrows-h.png");
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 10px;
}
.structure .right-arrow {
  background-image: url("../images/arrows-h.png");
  background-position: -6px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 10px;
}
.structure .top-arrow {
  background-image: url("../images/arrows-v.png");
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 6px;
}
.structure .bottom-arrow {
  background-image: url("../images/arrows-v.png");
  background-position: 0 -6px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 6px;
}

.table_bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  
    background-color: #F9F9F9;
    width: 100%;
    color: #333;
    border-collapse: separate;
    border-spacing: 0;
}
.table_bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
 
.table_bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

.table_bordered thead th{
    text-align: center;
}

.table_bordered th a{
    text-decoration: underline;
	color: dodgerblue;
}

.table_bordered td, .table_bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}
 
.table_bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}
 
.table_bordered td:first-child, .table_bordered th:first-child {
    border-left: none;
}
 
.table_bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
 
.table_bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
 
.table_bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
 
.table_bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
 
.table_bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}