﻿

aside, footer, address, section, nav, header {
	display:block;
}

 iframe,video, embed {
	max-width:100%!important;
}

 /*Главная страница*/
#page {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:1200px;
	font:100% Helvetica;
	position:relative;
	overflow:auto;
}

#header {
	width:100%;
	height:19.5%;
	position:relative;
	/*background:yellow;
	background:url(../images/slaid3/7.png) no-repeat;*/
   /* background-size:contain;
	background-position:center;*/
}
#header img {
	top:34%;
	display:block;
	width:100%;
	height:auto;
	z-index:100;
}
#stroc{
	display:block;
	position:absolute;
	top:10%;
	left:0%;
	width:100%;
	height:25%;
	z-index:9999;
}
#bstr{

}
.layout {
	width:1440px;
	margin:0 0;
	overflow:auto;
}
/* Логотип*/
#logo {
	position:absolute;
	display:block;
	width:100px;
	height:100px;
	top:7%;
	left:1.5%;	
	background-image:url(/templates/my/images/logo3.png) !important;
	background-repeat: no-repeat !important;
	background-size:contain !important;
	z-index:9999;

}
	
/* Наименование организации*/
#name {
	position:absolute;
	display:block;
	width:360px;
	height:180px;
	top:11%;
	left:40.5%;
	background-image:url(/templates/my/images/N39.png) !important;
	background-repeat: no-repeat !important;
	background-size:contain !important;
	z-index:9999;
}

#search {
	visibility:hidden;
	display:block;
	width:17%;
	height:10%;
	left:83%;
	top:39%;	
	color:#b3bab2;
	font-size:80%;
	font-weight:bold;
/*	background-image:url(/templates/my/images/T25.png) !important;
	background-repeat: no-repeat !important;
	background-size:contain !important;*/
	position:absolute;
}
#SearchUm {
	visibility:hidden;
	display:block;
	width:17%;
	height:10%;
	left:83%;
	top:39%;	
	color:#b3bab2;
	font-size:80%;
	font-weight:bold;
/*	background-image:url(/templates/my/images/T25.png) !important;
	background-repeat: no-repeat !important;
	background-size:contain !important;*/
	position:absolute;
}
#buttonsearch {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	left:94%;
	top:11%;	
	color:#b3bab2;
	font-size:80%;
	font-weight:bold;	
	background-image:url(/templates/my/img/socials/kn1.png) !important;
	background-repeat: no-repeat !important;
	background-size:contain !important;
	z-index:99999;
	opacity:0;
}

#buttonsearch1 {
	
	display:block !important;
	width:40px !important;
	height:40px !important;
	margin-left:94%;
	top:11% !important;
	position:absolute !important;
	opacity:1 !important;
	
}
	
#LatestNews {
	margin-top:-10px;
	z-index:10;	
	left:85%;
	width:200px;
	height:auto;
	color:#111;	
	font-size:80%;
	font-weight:lighter;
	background:url(../images/w5.png) no-repeat;	
}

#LatestNews  a{
	color:#036768;	
	text-decoration:none;
}

#contentY {
	z-index:10;
	width:100%;
	display:block;
	position:absolute;
	height:100%;
	/*background:url(../images/pd1.png) no-repeat;
	overflow:auto;*/
}

#contstr {
	left:6%;
	top:0.3%;
	display:block;
	position:absolute;
	width:76%;
	height:100%;	
	/*background-color:#f0f2f2;*/
	/*background:url(../images/pd7.png);*/	
	z-index:10;
	opacity:0.9;
	text-align:center;
	overflow:auto;
}

#sidebar {
	top:33%;
	right:1%;
	display:block;
	position:absolute;
	width:200px;
	height:1000px;
	z-index:99;
}
.nivoSlider {
	height:auto;
}
#shtorm {
	top:25.5%;
	left:0%;
	display:block;
	position:absolute;
	width:200px;
	height:470px;
	z-index:99;
	/*overflow:hidden;
	background:url(../images/oy18.png no-repeat);*/
	background: linear-gradient(#cdf0ff, #ffffff);
}

#shtorm img {
	top:34%;
	left:0%;
	display:block;
	position:absolute;
	width:200px;
	height:670px;
	z-index:100;
}

/*Температура*/
#temper {
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	margin-top:0%;
	margin-left:0%;
	justify-content:cpace-around;
}
/*
#polosa3 {
	margin-top:0%;
	margin-left:0%;
}

.temperature1 {
	display:block;
	width:23%;
	height:30%;
	margin-top:-14.2%;
	margin-left:0.5%;
	position:absolute;
}

.temperature2 {
	display:block;
	width:23%;
	height:30%;
	margin-top:-14.2%;
	margin-left:25.5%;
	position:absolute;
}

.temperature3 {
	display:block;
	width:23%;
	height:30%;
	margin-top:-14.2%;
	margin-left:50.5%;
	position:absolute;
}

.temperature4 {
	display:block;
	width:23%;
	height:30%;
	margin-top:-14.2%;
	margin-left:75.5%;
	position:absolute;
}
*/
/*
::-webkit-scrollbar {
	width:0px;
}
*/
/*МЕНЮ*/

/* Main menu */

#menuUl
{
	width: 100%;
	margin: 0;
	padding: 12px 0 0 0;
	list-style: none;  
	background: #45bbfe;
	background: -moz-linear-gradient(#cdf0ff, #45bbfe); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45bbfe),color-stop(1, #cdf0ff));	
	background: -webkit-linear-gradient(#cdf0ff, #45bbfe);	
	background: -o-linear-gradient(#cdf0ff, #45bbfe);
	background: -ms-linear-gradient(#cdf0ff, #45bbfe);
	background: linear-gradient(#cdf0ff, #45bbfe);
	/*-moz-border-radius: 50px;
	border-radius: 50px;*/
	-moz-box-shadow: 0 2px 1px #45bbfe;
	-webkit-box-shadow: 0 2px 1px #45bbfe ;
	/*box-shadow: 0 2px 1px #45bbfe;*/
}
	
#menuUl li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

#menuUl a 
{
	float: left;
	height: 25px;
	padding: 0 15px;
	color: #111111;
	text-transform: uppercase;
	font:normal 13px/25px Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	letter-spacing:1px;
}

#menuUl li:hover > a
{
	color: #008080;
}

*html #menuUl li a:hover /* IE6 */
{
	color: #008080;
}

#menuUl li:hover > ul
{
	display: block;
}

/* Sub-menuUl */

#menuUl ul
{
    list-style: none;
    margin: 0 0 0 1%;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #cdf0ff;
    background: -moz-linear-gradient(#cdf0ff, #45bbfe);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45bbfe),color-stop(1, #cdf0ff));
    background: -webkit-linear-gradient(#cdf0ff, #45bbfe);    
    background: -o-linear-gradient(#cdf0ff, #45bbfe);	
    background: -ms-linear-gradient(#d3eefe, #a5deff);	
    background: linear-gradient(#dff2fd, #6ec1f0);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menuUl ul ul
{
  top: 0px;
  left: 150px;
}
#menuUl ul li
{
    float: none;
    margin: -0.5%;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff;
    -webkit-box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff;
	/*border: 1px solid #b2c1c6;*/
} 

#menuUl ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menuUl ul a
{    
    padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: normal !important;
    float: none;
	text-transform: none;
}

*html #menuUl ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menuUl ul a /* IE7 */
{    
	height: 10px;
}

#menuUl ul a:hover
{
    background: #3bd5d0;
	background: -moz-linear-gradient(#3bd5d0, #bdfcfa);	
	background: -webkit-gradient(linear, left top, left bottom, from(#3bd5d0), to(#bdfcfa));
	background: -webkit-linear-gradient(#3bd5d0, #bdfcfa);
	background: -o-linear-gradient(#3bd5d0, #bdfcfa);
	background: -ms-linear-gradient(#3bd5d0, #bdfcfa);
	background: linear-gradient(#3bd5d0, #bdfcfa);
}

#menuUl ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menuUl ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menuUl ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menuUl ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#menuUl ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


#menuUl ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menuUl:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menuUl             { zoom: 1; } /* IE6 */
*:first-child+html #menuUl { zoom: 1; } /* IE7 */

.show_ul{
	display: block !important;		
}
.focused_li{
	outline: none;
}
/*Форма регистрации (login)*/
/*
#InReg {
	margin-top:4em;
	z-index:10;	
	margin-left:11em;
	width:100%;
	height:100%;
	color:#111;
	font-size:80%;
	font-weight:lighter;
	text-align:center;
	background:url(../images/fr2.png) no-repeat;	
}

#InReg  a{
	color:#fefefe;	
	text-decoration:none;
}

.login-button {
	background-color:#c8d5d9;
}
*/
/* Структура */

#structuraUl
{
	width: 48%;
	z-index:999;
	margin:  0 0 0 18%;
	text-align:center;
	list-style: none;  
	/*background: #cdd7de;*/
	background: -moz-linear-gradient(#cdd7de, #e6eaed); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e9eff3),color-stop(1, #a6c5cd));	
	background: -webkit-linear-gradient(#cdd7de, #e6eaed);	
	background: -o-linear-gradient(#cdd7de, #e6eaed);
	background: -ms-linear-gradient(#cdd7de, #e6eaed);
	background: linear-gradient(#cdd7de, #e6eaed);
	/*-moz-border-radius: 50px;
	border-radius: 50px;*/
	-moz-box-shadow: 0 1px 1px #ffffff;
	-webkit-box-shadow: 0 1px 1px #ffffff;
	box-shadow: 0 2px 1px #ffffff;
}
	
#structuraUl li
{
	float: left;
	padding: 2% 0 11px 0;
	position: relative;
	width:16.6%;
	line-height: 0;
/*	background: #e9eff3;
	background: -moz-linear-gradient(#e1e8ed, #e8edf1); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e9eff3),color-stop(1, #a6c5cd));	
	background: -webkit-linear-gradient(#e1e8ed, #e8edf1);	
	background: -o-linear-gradient(#e1e8ed, #e8edf1);
	background: -ms-linear-gradient(#e1e8ed, #e8edf1);
	background: linear-gradient(#e1e8ed, #e8edf1);
*/
	-moz-box-shadow:  box-shadow: 0 1px 0 #7dcaca, 0 1px 0 #7dcaca;
    -webkit-box-shadow:  box-shadow: 0 1px 0 #7dcaca, 0 1px 0 #7dcaca;
    box-shadow: 0 1px 0 #ffffff, 1px 1px 0 #ffffff;
	/*border: 1px solid #111111;
	background: #bbd7fd;
	background: linear-gradient(#a6c5cd, #a6c5cd);*/
}

#structuraUl a 
{
	float: left;
	height: 40px;
	width: 140px;
	padding: 0;
	color: #111111;
	text-transform: none;
	font:normal 13px/17px Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	letter-spacing:1px;
	white-space: normal !important;
	text-align:center;
}

#structuraUl li:hover > a
{
	color: #029292;
	/*background: linear-gradient(#6dd6fe, #ffffff);*/
}

*html #structuraUl li a:hover /* IE6 */
{
	color: #029292;
}

#structuraUl li:hover > ul
{
	display: block;
}

/* Sub-structuraUl */

#structuraUl ul
{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 999;    
    background: #aeced6;
    background: -moz-linear-gradient(#edf9fe, #aeced6);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #aeced6),color-stop(1, #edf9fe));
    background: -webkit-linear-gradient(#edf9fe, #aeced6);    
    background: -o-linear-gradient(#edf9fe, #aeced6);	
    background: -ms-linear-gradient(#edf9fe, #aeced6);	
    background: linear-gradient(#edf9fe, #aeced6);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#structuraUl ul ul
{
  top: 0px;
  left: 150px;
}
#structuraUl ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block; 
	width: auto;
    -moz-box-shadow:  box-shadow: 0 1px 0 #111111, 0 1px 0 #111111;
    -webkit-box-shadow:  box-shadow: 0 1px 0 #111111, 0 1px 0 #111111;
    box-shadow: 0 1px 0 #111111, 0 1px 0 #111111;
	background: #d9e8fc;
	background: linear-gradient(#c6d6db, #dbedf2) !important;
	border: 1px solid #b2c1c6;
} 

#structuraUl ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#structuraUl ul a
{    
    padding: 10px;
	height: 10px;
	width: 136px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: normal !important;
    float: none;
	text-transform: none;
	text-align:left;
}

*html #structuraUl ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #structuraUl ul a /* IE7 */
{    
	height: 10px;
}

#structuraUl ul a:hover
{
    background: #03fdfd;
	background: -moz-linear-gradient(#03fdfd, #03fdfd);	
	background: -webkit-gradient(linear, left top, left bottom, from(#03fdfd), to(#03fdfd));
	background: -webkit-linear-gradient(#03fdfd, #03fdfd);
	background: -o-linear-gradient(#03fdfd, #03fdfd);
	background: -ms-linear-gradient(#03fdfd, #03fdfd);
	background: linear-gradient(#8dfdfd, #8dfdfd);
}

#structuraUl ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#structuraUl ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#structuraUl ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#structuraUl ul li:first-child a:hover:after
{
    border-bottom-color: #8dfdfd; 
}

#structuraUl ul ul li:first-child a:hover:after
{
    border-right-color: #8dfdfd; 
    border-bottom-color: transparent; 	
}


#structuraUl ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#structuraUl:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #structuraUl             { zoom: 1; } /* IE6 */
*:first-child+html #structuraUl { zoom: 1; } /* IE7 */

/*Структура1 (начальник)*/

#structuraUl1
{
	width: 80%;
	z-index:999;
	margin: 1.3% 0 0 6.8%;
	padding: 1.3% 0 0 31.5%;
	list-style: none;  
	background: #ffffff;
	background: -moz-linear-gradient(#cdf0ff, #45bbfe); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45bbfe),color-stop(1, #cdf0ff));	
	background: -webkit-linear-gradient(#cdf0ff, #45bbfe);	
	background: -o-linear-gradient(#cdf0ff, #45bbfe);
	background: -ms-linear-gradient(#cdf0ff, #45bbfe);
	background: linear-gradient(#ffffff, #ffffff);
	/*-moz-border-radius: 50px;
	border-radius: 50px;*/
	-moz-box-shadow: 0 2px 1px #ffffff;
	-webkit-box-shadow: 0 2px 1px #ffffff;
	box-shadow: 0 2px 1px #ffffff;
}
#structuraUl1 ul
{
	padding-top:5%;
}	
#structuraUl1 li
{
	float: left;
	width: 960px;
	height:124px;
	padding:0;
	margin: 0% 0 0 -25.5%;
	position: relative;
	line-height: 0;
	border: 1px solid #ffffff;
	/*background: #d7e6fa;
	background: linear-gradient(#9fb2cb, #d7e6fa) !important;*/
	background:url(../images/razv3.png) no-repeat;
}

#structuraUl1 a 
{
	float: left;
	height: 60px;
	width: 180px;
	padding: 2% 0 0 41%;
	color: #111111;
	text-transform: none;
	font:normal 13px/17px Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	letter-spacing:1px;
	white-space: normal !important;
	text-align:center;
}

#structuraUl1 li:hover > a
{
	color: #008080;
}

*html #structuraUl1 li a:hover /* IE6 */
{
	color: #008080;
}

#structuraUl1 li:hover > ul
{
	display: block;
}

/* Clear floated elements */
#structuraUl1:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #structuraUl1             { zoom: 1; } /* IE6 */
*:first-child+html #structuraUl1 { zoom: 1; } /* IE7 */

/*Структура2 (Заголовок)*/

#structuraUl2
{
	width: 80%;
	z-index:999;
	margin: 2% 0 0 31%;
	/*text-align:center;*/
	padding: 0;
	list-style: none;  
	background: #ffffff;
	background: -moz-linear-gradient(#cdf0ff, #45bbfe); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45bbfe),color-stop(1, #cdf0ff));	
	background: -webkit-linear-gradient(#cdf0ff, #45bbfe);	
	background: -o-linear-gradient(#cdf0ff, #45bbfe);
	background: -ms-linear-gradient(#cdf0ff, #45bbfe);
	background: linear-gradient(#ffffff, #ffffff);
	/*-moz-border-radius: 50px;
	border-radius: 50px;*/
	-moz-box-shadow: 0 2px 1px #ffffff;
	-webkit-box-shadow: 0 2px 1px #ffffff;
	box-shadow: 0 2px 1px #ffffff;
    color: #039c9c;
    font-size: 18px;
    font-weight: bold;
}

/* Стили для модальных окон */
/*Модальное окно для структуры и контактов*/
.Window {
 position: fixed;	
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.7);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 /*display: none;*/
 visibility: hidden;
 pointer-events: none;
}

.Window:target {
 visibility: visible;
 /*display: block;*/
 pointer-events: auto;
}

.Window > div {
 width:20%;
 height:25%;
 position: relative;
 margin: 15% auto;
 padding: 30px 10px 10px;
 border-radius: 10px;
 background: #07b6fd;
 opacity:1;
 box-shadow: 0px 0px 20px 2px;
}

.close1 {
 background: #cc3300;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -5px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
.close1:hover { background: #990000; }

.box1 {
	/*position:absolute;*/
	background: linear-gradient(#edf9fe, #aeced6) !important;
	color: #000000;
	margin-top:8% !important;
 }
 .btn.btn-primary.login-button{
	 background: linear-gradient(#005983, #005983) !important;
	 color:#ffffff;
	 margin-top:3% !important;
 }
  .btn.btn-primary{
	 background: linear-gradient(#005983, #005983) !important;
	 color:#ffffff;
	 margin-top:25% !important;
	 border-color:#005983;
 }
 .moduletable.login.box1{
	 margin-top:8% !important;
 }
 .modlgn-passwd{
	padding-top:5% !important; 
 }
 
/* Прогноз погоды по зонам Омской области*/

#prognozzon {
	display:block;
	position:relative;
	left:0px;
	bottom: 0px;
	height:600px;
	width:1100px;
}

#prognozImgObl {
	display:block;
	position:relative;
	left:55px;
	bottom: 0px;
	width:1000px;
	height:600px;
	background:url(../images/omskaya_obl1O.png) no-repeat;
}

#prognoz1 {
	display:block;
	position:relative;
	bottom:580px;
	left:9%;
	height:30%;
	width:30%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#prognoz2 {
	display:block;
	position:relative;
	bottom:550px;
	left:7%;
	height:30%;
	width:10%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#prognoz3 {
	display:block;
	position:relative;
	bottom:610px;
	left:20%;
	height:18%;
	width:7%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#prognoz4 {
	display:block;
	position:relative;
	bottom:850px;
	left:30%;
	height:35%;
	width:10%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#prognoz5 {
	display:block;
	position:relative;
	bottom:810px;
	left:9%;
	height:15%;
	width:30%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#prognoz6 {
	display:block;
	position:relative;
	bottom:1100px;
	left:27%;
	height:17%;
	width:7%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#prognozImgZon {	
	display:block;
	position:relative;
	height:400px;
	width:600px;
	bottom:600px;
	left:41%;
	background:url(../images/pr51.png) no-repeat;
}

#vvodoy {
	border-color:#ffffff !important;
}


/* Неблагоприятные явления (форма)*/

/*
#ur{
	display:block;
	position:relative;
	left:50%;
	padding-top: -50%;
	height:400px;
	width:900px;
	background-color:red; 
}
*/
#uroy1 {
	display:block;
	position:absolute;
	top:13.5%;
	left:53.2%;
	height:4.3%;
	width:3.8%;
	cursor:pointer;
	opacity:0;
	background-color:yellow; 
}

#uroyp1 {
	display:none;
	position:absolute;
	top:20%;
	left:53.2%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroy2 {
	display:block;
	position:absolute;
	top:13.5%;
	left:58%;
	height:4.3%;
	width:4.5%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroyp2 {
	display:none;
	position:absolute;
	top:20%;
	left:58%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroy3 {
	display:block;
	position:absolute;
	top:13.5%;
	left:63.7%;
	height:4.3%;
	width:4.5%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroyp3 {
	display:none;
	position:absolute;
	top:20%;
	left:63.7%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroy4 {
	display:block;
	position:absolute;
	top:13.5%;
	left:69.4%;
	height:4.3%;
	width:5.7%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroyp4 {
	display:none;
	position:absolute;
	top:20%;
	left:69.4%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroy5 {
	display:block;
	position:absolute;
	top:13.5%;
	left:76.3%;
	height:4.3%;
	width:7%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

#uroyp5 {
	display:none;
	position:absolute;
	top:20%;
	left:76.3%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:#111;
}

/* Неблагоприятные явления (материал)*/

/*
#ur1{
	display:block;
	position:relative;
	left:50%;
	padding-top: -50%;
	height:400px;
	width:900px;
	background-color:red; 
}
*/
#urny1 {
	display:block;
	position:absolute;
	top:71.75%;
	left:33.85%;
	height:1.5%;
	width:1.5%;
	cursor:pointer;
	opacity:0;
	background-color:yellow; 
}

#urnyp1 {
	display:none;
	position:absolute;
	top:53%;
	left:33.85%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:yellow;
}

#urny2 {
	display:block;
	position:absolute;
	top:71.75%;
	left:35.3%;
	height:1.5%;
	width:1.5%;
	cursor:pointer;
	opacity:0;
	background-color:blue;
}

#urnyp2 {
	display:none;
	position:absolute;
	top:53%;
	left:33.85%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:blue;
}

#urny3 {
	display:block;
	position:absolute;
	top:71.75%;
	left:36.8%;
	height:1.5%;
	width:1.5%;
	cursor:pointer;
	opacity:0;
	background-color:green;
}

#urnyp3 {
	display:none;
	position:absolute;
	top:53%;
	left:33.85%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:green;
}

#urny4 {
	display:block;
	position:absolute;
	top:71.75%;
	left:38.3%;
	height:1.5%;
	width:1.5%;
	cursor:pointer;
	opacity:0;
	background-color:gray;
}

#urnyp4 {
	display:none;
	position:absolute;
	top:53%;
	left:33.85%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:gray;
}

#urny5 {
	display:block;
	position:absolute;
	top:71.75%;
	left:39.7%;
	height:1.5%;
	width:1.5%;
	cursor:pointer;
	opacity:0;
	background-color:blue;
}

#urnyp5 {
	display:none;
	position:absolute;
	top:53%;
	left:33.85%;
	height:200px;
	width:200px;
	cursor:pointer;
	opacity:0;
	background-color:blue;
}



#oy {
	display:block;
	position:relative;
	left:0px;
	bottom: 0px;
	height:700px;
	width:900px;
}

#oyImgFgbu {
	display:block;
	position:relative;
	left:0px;
	bottom: 0px;
	width:900px;
	height:700px;
	background:url(../images/oy1_2.png) no-repeat;
}

#oy1 {
	display:block;
	position:relative;
	bottom:580px;
	left:9%;
	height:30%;
	width:30%;
	cursor:pointer;
	opacity:0.3;
	background-color:#111;
}
/*
#oy2 {
	display:block;
	position:relative;
	bottom:550px;
	left:7%;
	height:30%;
	width:10%;
	cursor:pointer;*/
	/*opacity:0.3;*/
	/*background-color:#111;
}

#oy3 {
	display:block;
	position:relative;
	bottom:610px;
	left:20%;
	height:18%;
	width:7%;
	cursor:pointer;*/
	/*opacity:0.3;
	background-color:#111;*//*
}

#oy4 {
	display:block;
	position:relative;
	bottom:850px;
	left:30%;
	height:35%;
	width:10%;
	cursor:pointer;*/
	/*opacity:0.3;
	background-color:#111;
}*/

#oy5 {
	display:block;
	position:relative;
	bottom:810px;
	left:9%;
	height:15%;
	width:30%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#oy6 {
	display:block;
	position:relative;
	bottom:1100px;
	left:27%;
	height:17%;
	width:7%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#oy7 {
	display:block;
	position:relative;
	bottom:1100px;
	left:27%;
	height:17%;
	width:7%;
	cursor:pointer;
	/*opacity:0.3;
	background-color:#111;*/
}

#oyImgZon {	
	display:block;
	position:relative;
	height:700px;
	width:900px;
	/*bottom:600px;*/
	left:0%;
	background:url(../images/oy1.png) no-repeat;
}

.datepicker {
	background:#ffffff;
	font-weight:bold;
}
/*Карты ОЯ*/

#obcart {
	display:block;
	position:absolute;
	bottom:6%;
	left:5%;
	height:600px;
	width:350px;
	cursor:pointer;
	opacity:1;
	/*background-color:#111;*/
	
}

#yanaocart1 {
	/*display:block;*/
	position:absolute;
	bottom:6%;
	left:5%;
	/*height:600px;
	width:350px;*/
	cursor:pointer;
	opacity:1;
	/*background-color:#111;*/
	background:url(../images/yanaocart1.png) no-repeat;
}

/*Прогноз на трое суток*/

#omskg {
	display:block;
	position:absolute;
	top:35%;
	left:5.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #005983;
	z-index:12;
}

#omskg2{
	display:block;
	position:absolute;
	top:35%;
	left:5.6%;
	height:9.2%;
	width:13.5%;
	cursor:pointer;
	opacity:1;
	/*background-color:#111;
	border: 2px solid #005983;*/
	background-image:url(/templates/my/images/progn3/omsk_new.png);
	background-repeat: no-repeat;
	background-size:contain;
	z-index:0;
}
#tumeng {
	display:block;
	position:absolute;
	top:35%;
	left:30.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #005983;
	z-index:12;
}
#tumeng2 {
	display:block;
	position:absolute;
	top:35%;
	left:30.4%;
	height:9.2%;
	width:13.8%;
	cursor:pointer;
	opacity:1;
	/*background-color:#111;
	border: 2px solid #005983;*/
	background-image:url(/templates/my/images/progn3/tumen_new.png);
	background-repeat: no-repeat;
	background-size:contain;
	z-index:0;
}
#xmaog{
	display:block;
	position:absolute;
	top:35%;
	left:55.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #005983;
	z-index:12;
}
#xmaog2{
	display:block;
	position:absolute;
	top:35%;
	left:55.4%;
	height:9.2%;
	width:13.8%;
	cursor:pointer;
	opacity:1;
	/*background-color:#111;
	border: 2px solid #005983;*/
	background-image:url(/templates/my/images/progn3/xmao_new.png);
	background-repeat: no-repeat;
	background-size:contain;
	z-index:0;
}
#yanaog {
	display:block;
	position:absolute;
	top:35%;
	left:80.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #005983;
	z-index:12;
}
#yanaog2{
	display:block;
	position:absolute;
	top:35%;
	left:80.4%;
	height:9.2%;
	width:13.8%;
	cursor:pointer;
	opacity:1;
	/*background-color:#111;
	border: 2px solid #005983;*/
	background-image:url(/templates/my/images/progn3/yanao_new.png);
	background-repeat: no-repeat;
	background-size:contain;
	z-index:0;
}
#prg {
	display:none;
	position:absolute;
	top:47%;
	left:0%;
	height:430px;
	width:1410px;
	cursor:default;
	opacity:0;
	/*overflow:auto;*/
	z-index:99999;
}
#omskg_hov{
	display:block;
	position:absolute;
	top:35%;
	left:5.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #03aefe;
	z-index:10;
}
#tumeng_hov{
	display:block;
	position:absolute;
	top:35%;
	left:30.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #03aefe;
	z-index:10;
}
#xmaog_hov{
	display:block;
	position:absolute;
	top:35%;
	left:55.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #03aefe;
	z-index:10;
}

#yanaog_hov{
	display:block;
	position:absolute;
	top:35%;
	left:80.4%;
	height:9%;
	width:13.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #03aefe;
	z-index:10;
}
.krestik{
	background-image:url(/templates/my/images/tab_krestik.png) !important;
	background-repeat: no-repeat !important;
	background-size:contain !important;
	background-position:right;
}
/*Форма ввода*/

#omskg1 {
	display:block;
	position:absolute;
	top:57.5%;
	left:14.2%;
	height:14%;
	width:10.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #008080;
}

#tumeng1 {
	display:block;
	position:absolute;
	top:57.5%;
	left:34.6%;
	height:14%;
	width:10.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #008080;
}

#xmaog1{
	display:block;
	position:absolute;
	top:57.5%;
	left:55%;
	height:14%;
	width:10.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #008080;
}

#yanaog1 {
	display:block;
	position:absolute;
	top:57.5%;
	left:75.3%;
	height:14%;
	width:10.5%;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	border: 2px solid #008080;
}
/*
#prg1 {
	display:none;
	position:absolute;
	top:15%;
	left:25%;
	height:43%;
	width:50%;
	cursor:pointer;
	opacity:0;
	background-color:#008080;
}
*/
#omskg1zona {
	display:none;
	position:absolute;
	top:30%;
	left:35%;
	height:25%;
	width:30%;
	cursor:pointer;
	opacity:1;
	/*background-color:#008080;*/
	background: url(../images/omskrn1.png) no-repeat;
}

#tumeng1zona {
	display:none;
	position:absolute;
	top:30%;
	left:35%;
	height:25%;
	width:30%;
	cursor:pointer;
	opacity:1;
	/*background-color:#008080;*/
	background: url(../images/tumenrn1.png) no-repeat;
}

#xmaog1zona {
	display:none;
	position:absolute;
	top:30%;
	left:35%;
	height:25%;
	width:30%;
	cursor:pointer;
	opacity:1;
	/*background-color:#008080;*/
	background: url(../images/xmaorn1.png) no-repeat;
}

#yanaog1zona {
	display:none;
	position:absolute;
	top:30%;
	left:35%;
	height:25%;
	width:30%;
	cursor:pointer;
	opacity:1;
	/*background-color:#008080;*/
	background:url(../images/yanaorn1.png) no-repeat;
}
/*Районы*/
/*
#omskz1 {
	display:none;
	position:absolute;
	top:14%;
	left:25%;
	height:43%;
	width:50%;
	cursor:pointer;
	opacity:1;
	background-color:#f0f7f5;
}
*/
/*ТОП-услуги*/
/*
#uslugi {
	display:block;
	position:absolute;
	top:50%;
	left:24.5%;
	height:20%;
	width:50%;
	cursor:pointer;
	opacity:1;
	background-color:#111;
}
*/
#top {
	display:block;
	position:absolute;
	top:18%;
	left:25%;
	height:5%;
	width:50%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
	border: 2px solid #008080;
	z-index:5;
}

#zvonok {
	display:block;
	position:absolute;
	top:25%;
	left:29%;
	height:5%;
	width:42%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
	z-index:5;
}

#formzakaz {
	display:block;
	position:absolute;
	top:78%;
	left:24.5%;
	height:auto;
	width:51%;
	cursor:pointer;
	opacity:1;
	/*background-color:#111;*/
}

#formzakaz1 {
	display:block;
	position:absolute;
	top:78%;
	left:24.5%;
	height:auto;
	width:51%;
	cursor:pointer;
	opacity:1;
	/*background-color:#111; */
}

#zvonok1 {
	display:block;
	position:absolute;
	bottom:14%;
	left:38.5%;
	height:4%;
	width:22%; 
	cursor:pointer;
	opacity:1;
/*	background-color:#111;*/
	z-index:9999;
}

#prg2 {
	display:none;
	position:absolute;
	top:-13%;
	left:9%;
	height:473px;
	width:1180px;
	cursor:pointer;
	opacity:1;
	z-index:999;
	background-repeat: no-repeat !important;
	background-size:contain !important;
	/*background-color:#111;*/
	z-index:9;
	
}
/*

/* Закрытие крестиком*/

#top1 {
	display:block;
	position:absolute;
	top:-12%;
	left:88%;
	height:50px;
	width:50px;
	cursor:pointer;
	opacity:0;
	/*background-color:#111;*/
	z-index:999999;
}

#top2 {
	display:block;
	position:absolute;
	top:46%;
	left:82%;
	height:4%;
	width:3%;
	cursor:pointer;
	opacity:0;
	/*background-color:red;*/
	z-index:999999;
}

#top3 {
	display:block;
	position:absolute;
	top:54%;
	left:67%;
	height:3%;
	width:3%;
	cursor:pointer;
	opacity:0;
	background-color:#111;
	z-index:25;
}

#canv{
	width:600px;
	height:700px;
	border:3px solid red;
	margin:40px;
	/*background:url(../images/ob4.png) no-repeat;*/
}

#nstru1{
	display:block;
	position:absolute;
	left:8%;
	width:1200px;
	height:507px;
	/*padding-left:18%;*/
	background: -moz-linear-gradient(#ffffff, #01a8fe); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #01a8fe),color-stop(1, #ffffff));	
	background: -webkit-linear-gradient(#ffffff, #01a8fe);	
	background: -o-linear-gradient(#ffffff, #01a8fe);
	background: -ms-linear-gradient(#ffffff, #01a8fe);
	background: linear-gradient(#ffffff, #01a8fe);
}
#diplom{
	display:block;
	position:absolute;
	width:1170px;
	height:900px;
	left:10%;
	z-index:99;
	background: -moz-linear-gradient(#ffffff, #005893); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #005893),color-stop(1, #ffffff));	
	background: -webkit-linear-gradient(#ffffff, #005893);	
	background: -o-linear-gradient(#ffffff, #005893);
	background: -ms-linear-gradient(#ffffff, #005893);
	background: linear-gradient(#ffffff, #005893);
}
/* Несколько слайдеров*/
#slider_1{
  position:relative;
  width:600px; 
  height:250px;
  background: red;
}
#slider_1 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none; 
}
#slider_1 a {
  border:0;
  display:block;
}
#slider_2 {
  position:relative;
  width:600px; 
  height:250px;
  background:green;
}
#slider_2 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#slider_2 a {
  border:0;
  display:block;
}
#slider_3 {
  position:relative;
  width:600px; 
  height:250px; 
  background: blue;
}
#slider_3 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#slider_3 a {
  border:0;
 display:block;
}
#slider_4 {
  position:relative;
  width:600px; 
  height:250px;
  background:green;
}
#slider_4 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#slider_4 a {
  border:0;
  display:block;
}
#slider_5 {
  position:absolute;
  width:25%; 
  height:100%; 
 /* background:url(../images/slaid3/7.png) no-repeat;
  background-size:contain;*/
  background: blue;
  z-index: 0;
}
#slider_5 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  width:100%;
  height:inherit;
 /* background:url(../images/slaid3/7.png) no-repeat;
  background-size:contain;*/
}
#slider_5 a {
  border:0;
 display:block;
}
#slider_6 {
  position:absolute;
  width:100%; 
  height:auto; 
 /* background:url(../images/slaid3/7.png) no-repeat;
  background-size:contain;*/
  background: blue;
  z-index: 0;
}
#slider_6 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  width:100%;
  height:auto;
 /* background:url(../images/slaid3/7.png) no-repeat;
  background-size:contain;*/
}
#slider_6 a {
  border:0;
  display:block;
 /*  background:url(../images/slaid3/7.png) no-repeat;
  background-size:contain;*/
}
#my_slider{
	position:absolute;
	width:100%;
    height:auto;
}

#vtnivo90 {
  position:absolute;
  width:100%; 
  height:auto; 
  background-size:contain;
  z-index: 0;
}

#vtnivo90{
	
}


/*Информеры*-------------------------------------/


/*
#informer{
	position:absolute;
	left:8.9%;
	top:0%;
	display:block;
	width:1309px;
    height:500px;
	
	/*background:gray;
	opacity:0.4;
}
*/
#informer_city{
	display:block;
    height:215px;
	top:0%;
	width:100%;
	left:0%;
	/*background-color:yellow;*/
	position:absolute;
	z-index: 100;
}

#informer_city DIV{
	float: left;
}

#informer_omsk{
	position: absolute;
	width: 340px;
	height: 170px;
	margin-top: 9%;
	/*background:blue;*/
}
#informer_omsk > DIV{
	max-width: 50%;
	max-height: 100%;
}
#info_omsk_img{
/* 	position:absolute; */
	display:block;
	margin-top:0%;
	margin-left:0%;
	width:170px;
    height:170px;
	z-index:999;
/*	background:green;
	background:yellow;*/
}
#info_omsk_img IMG{
	position:absolute;
	margin-top:10%;
	display:block;
	width:170px;
	height:170px;
	max-height: 100% !important;
	max-width: 100% !important;
	opacity: 1;
	z-index: 999;
}
#info_omsk_data{
/* 	position:absolute; */
	display: block;
	top:25%;
	margin-right: 0%;
	width: 170px;
	height: 170px;
	z-index: 999; 
	background: #ffffff;
	
}


#informer_tumen{
	position: absolute;
	width: 340px;
	height: 170px;
	left:25%;
	margin-top: 9%;
}
#informer_tumen > DIV{
	max-width: 50%;
	max-height: 100%;
}
#info_tumen_img{
/* 	position:absolute; */
	display:block;
	margin-left:0%;
	width:170px;
    height:170px;
	z-index:999;
/*	background:green;
	background:yellow;*/
}
#info_tumen_img IMG{
	position:absolute;
	top:0%;
	display:block;
	width:170px;
	height:170px;
	max-height: 100% !important;
	max-width: 100% !important;
	opacity: 1;
	z-index: 999;
}
#info_tumen_data{
/* 	position:absolute; */
	display: block;
	margin-right: 0%;
	width: 170px;
	height: 170px;
	z-index: 999; 
	background: #ffffff;
}


#informer_xmao{
	position: absolute;
	width: 340px;
	height: 170px;
	left:50%;
	margin-top: 9%;
}
#informer_xmao > DIV{
	max-width: 50%;
	max-height: 100%;
}
#info_xmao_img{
/* 	position:absolute; */
	display:block;
	margin-left:0%;
	width:170px;
    height:170px;
	z-index:999;
/*	background:green;
	background:yellow;*/
}
#info_xmao_img IMG{
	position:absolute;
	top:0%;
	display:block;
	width:170px;
	height:170px;
	max-height: 100% !important;
	max-width: 100% !important;
	opacity: 1;
	z-index: 999;
}
#info_xmao_data{
/* 	position:absolute; */
	display: block;
	margin-right: 0%;
	width: 170px;
	height: 170px;
	z-index: 999; 
	background: #ffffff;
}

#informer_yanao{
	position: absolute;
	width: 340px;
	height: 170px;
	left:75%;
	margin-top: 9%;
}
#informer_yanao > DIV{
	max-width: 50%;
	max-height: 100%;
}
#info_yanao_img{
/* 	position:absolute; */
	display:block;
	margin-left:0%;
	width:170px;
    height:170px;
	z-index:999;
/*	background:green;
	background:yellow;*/
}
#info_yanao_img IMG{
	position:absolute;
	top:0%;
	display:block;
	width:170px;
	height:170px;
	max-height: 100% !important;
	max-width: 100% !important;
	opacity: 1;
	z-index: 999;
}
#info_yanao_data{
/* 	position:absolute; */
	display: block;
	margin-right: 0%;
	width: 170px;
	height: 170px;
	z-index: 999; 
	background: #ffffff;
}
.info_key, .ed_izm{
	font-size:10pt;
	color:#005983;
}
#name_text {
	position:absolute;
	display: block;
	width:100%;
	height:900px;
	top:0%;
	z-index:0;	
	/*background-color:yellow;*/
}

#name_omsk {

	position: absolute;
	display: block;
	top: 11%;
	margin-left: 10%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	
}
#name_tumen {
	position: absolute;
	display: block;
	top: 11%;
	margin-left: 34.5%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;	
}
#name_hanty_mans {

	position: absolute;
	display: block;
	top: 11%;
	margin-left:57%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;	
}
#name_saleh {

	position: absolute;
	display: block;
	top: 11%;
	margin-left:84%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;	
}
#name_progn_pog3{
	position: absolute;
	display: block;
	top: 37%;
	margin-left:28.5%;
	color: #008080;
	font-size: 14pt;
	font-weight: bold;	
}
#name_omskobl {

	position: absolute;
	display: block;
	top: 41%;
	margin-left: 8%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	
}
#name_ygtumen {
	position: absolute;
	display: block;
	top: 41%;
	margin-left: 31%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;	
}
#name_xmao {

	position: absolute;
	display: block;
	top: 41%;
	margin-left:56%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;	
}
#name_yanao {

	position: absolute;
	display: block;
	top: 41%;
	margin-left:81.5%;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;	
}
#name_covid_19{
	position: absolute !important;
	display: block !important;
	top: 61% !important;
	left: 0% !important;
	font-size: 14pt !important;
	font-weight: bold !important;	
	text-align: center !important;
	z-index:0 !important;
}
#name_top15{
	position: absolute;
	display: block;
	top: 87%;
	left: 28%;
	color: #008080;
	font-size: 14pt;
	font-weight: bold;	
	z-index:0;
}
#name_newvozm{
	position: absolute;
	display: block;
	top: 90%;
	left:33.5%;
	color: #008080;
	font-size: 14pt;
	font-weight: bold;	
	z-index:0;
}
/*#tab_progn3d{
	position:absolute;
	display:block;
}
*/
#my_slider{
	display: block;
	position:absolute;
}
#curr_day{                              /*Текущий день*/
	display:block;
	position:absolute;
	color:red;
	font-size:16pt;
	font-weight:bold;
	z-index:0;
	left:45%;
	margin-top:2.5%;
}
#curr_month{                            /*Текущий месяц*/
	display:block;
	position:absolute;
	color:black;
	font-size:16pt;
	font-weight:bold;
	z-index:0;
	left:47%;
	margin-top:2.5%;
}
#curr_year{                              /*Текущий год*/
	display:block;
	position:absolute;
	color:black;
	font-size:16pt;
	font-weight:bold;
	z-index:0;
	left:55.5%;
	margin-top:2.5%;
}
#curr_day_of_week{                       /*Текущий день недели*/ 
	display:block;
	position:absolute;
	color:#005893;
	font-size:12pt;
	font-weight:bold;
	z-index:0;
	left:47%;
	margin-top:4.5%;
}


#diplome {
  position:absolute;
  left:15%;
  width:1000px; 
  height:300px; 
  /*background:url(../images/slaid3/slider_diplome/diplomes.png) no-repeat;
  background-size:contain;*/
  background: green;
  z-index: 0;
}

#slider_6 img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  width:100%;
  height:inherit;
  /* background:url(../images/images/slaid3/slider_diplome/diplomes.png) no-repeat;*/
  background-size:contain;
}

/*Неблагоприятные явления*/

#fgbu_map{
/*	background-color:yellow;*/
	position: absolute;
	width:1440px;
	height:900px;
}

/*класс общий для регионов*/
#region{
	position: absolute;
	top:5%;
	left:43%;
	/*background-color: green;*/
	width:55.4%;
	height:90%;

}

/*класс для карт регионов*/
#region_map {
	position: absolute;
	left:0%;
	width:100%;
	height:auto;
	
}

.img_region_map {
	position: absolute;
	/*background-color: blue;*/
	top:95px;
	left:10%;
	width:100%;
	height:70%; 
}

/* классы для наборов значков явлений
	по зонам (вокруг карты ОиНЯ) */

.icons_all_zones {
	position: absolute;	
	cursor:pointer;
	/*background-color: gray;*/
	bottom: 2%;
	left: -22.3%;
	width: 200px;
	height: 40px;
	top:500px;
}
.icons_north {
	position: absolute;	
	cursor:pointer;
	/*background-color: blue;*/
	top: -10px;
	left: 42%;
	width: 200px;
	height: 40px;
}
.icons_south {
	position: absolute;	
	cursor:pointer;
	/*background-color: yellow;*/
	top:655px;
	left: 42%;
	width: 200px;
	height: 40px;
}
.icons_east {
	position: absolute;	
	cursor:pointer;
	/*background-color: red;*/
	top: 237px;
	right: 0;
	width: 80px;
	height: 200px;
	
}
.icons_west {
	position: absolute;
	cursor:pointer;
	/*background-color: green;*/
	top: 237px;
	left: 0;
	width: 80px;
	height: 200px;
}

/*Класс для подсказки с доп.информацией
   о явлении (подсказка "привязана" к значкам явлений). */
.details {
	position: absolute;
	display:block;
	/*border: 2px solid #008080;*/
/*	background-color: #ffffff;*/
	background:url(../images/podloghka.png);
	color: #000000;
	opacity: 1;
	height: auto;
	width: 270px;
	padding:1%;
	text-align:left;
	z-index:999999;
	/*font-weight:bold;*/
}
#all_zones_label{
	position: absolute;
	font-weight: bold;
	color: #008080;
	bottom:7.8%;
	left:36%;
}
#region_name{

	font-weight: bold;
	color: #000000;
}
#det_op_ya{
	
	font-weight: bold;
	color: red;
}
#det_op_ya1{
	
	font-weight: bold;
	color: #023b61;
}

/*Опасные явления*/

#fgbu_map1{
	/*background-color:yellow;*/
	position: absolute;
	width:1440px;
	height:900px;
}

/*класс общий для регионов*/
#region1{
	position: absolute;
	top:5%;
	left:22.5%;
	/*background-color: green;*/
	width:55.4%;
	height:90%;

}

/*класс для карт регионов*/
#region_map1{
	position: absolute;
	top:15%;
	left:0%;
	width:100%;
	height:auto;
	
}

.img_region_map1 {
	position: absolute;
	/*background-color: blue;*/
	top:15%;
	left:10%;
	width:100%;
	height:100%; 
}

/* классы для наборов значков явлений
	по зонам (вокруг карты ОиНЯ) */

.icons_all_zones1 {
	position: absolute;	
	cursor:pointer;
	/*background-color: gray;*/
	left: -32.5%;
	width: 200px;
	height: 40px;
	top:290px;
}
.icons_north1 {
	position: absolute;	
	cursor:pointer;
	/*background-color: blue;*/
	top:-87px;
	left: 42%;
	width: 200px;
	height: 40px;
}
.icons_south1{
	position: absolute;	
	cursor:pointer;
	/*background-color: yellow;*/
	top:560px;
	left: 42%;
	width: 200px;
	height: 40px;
}
.icons_east1 {
	position: absolute;	
	cursor:pointer;
	/*background-color: red;*/
	top: 155px;
	right: 0.5%;
	width: 80px;
	height: 200px;
	
}
.icons_west1 {
	position: absolute;
	cursor:pointer;
	/*background-color: green;*/
	top: 155px;
	left: 1%;
	width: 80px;
	height: 200px;
}

/*Класс для подсказки с доп.информацией
   о явлении (подсказка "привязана" к значкам явлений). */
.details1 {
	position: absolute;
	display:block;
	/*border: 2px solid #008080;*/
/*	background-color: #ffffff;*/
	background:url(../images/podloghka.png);
	color: #000000;
	opacity: 1;
	height: auto;
	width: 270px;
	padding:1%;
	text-align:left;
	z-index:999999;
	/*font-weight:bold;*/
}

/* Ссылки меню*/
.podskazka {
	position: absolute;
	display:none;
	top:40%;
	margin-left:0%;
	/*border: 2px solid #008080;*/
/*	background-color: #ffffff;*/
	background:url(../images/podloghka.png);
	color: #000000;
	opacity: 1;
	height: auto;
	width: 270px;
	padding:1%;
	text-align:left;
	z-index:999999;
/*	font-weight:bold;*/
}/*
.details2{
	position: absolute;
	display:none;
	top:40%;
	margin-left:0%;*/
	/*border: 2px solid #008080;*/
/*	background-color: #ffffff;*/
/*	background:url(../images/podloghka.png);
	color: #000000;
	opacity: 1;
	height: auto;
	width: 270px;
	padding:1%;
	text-align:left;
	z-index:999999;
	/*font-weight:bold;*//*
}
*/
#all_zones_label1{
	position: absolute;
	font-weight: bold;
	color: #008080;
	bottom:7.8%;
	left:36%;
}
#region_name1{

	font-weight: bold;
	color: #000000;
}
.det_op_ya2{
	
	font-weight: bold;
	color: red;
}
.det_op_ya3{
	
	font-weight: bold;
	color: #023b61;
}

/* Сайдбар текст*/
.side_oy_t1{
	position:absolute;
	color:black;
	left:5%;
	font-weight: bold;
	top:2.5%;
	z-index:9999;
	font-size:11.5px;
	text-align:center;
}
.side_oy_t2{
	position:absolute;
	color:#005893;
	left:10%;
	top:7.5%;
	z-index:9999;
	font-size:11px;	
	font-weight: bold;
	text-align:center;
}
.side_oy_t3{
	position:absolute;
	color:red;
	left:65px;
	font-weight: bold;
	top:10%;
	z-index:9999;
}
.side_oy_t4{
	position:absolute;
	color:red;
	left:42px;
	font-weight: bold;
	top:13%;
	z-index:9999;
	font-size:14px;	
}
.side_oy_t5{
	position:absolute;
	color:black;
	left:35px;
	font-size:11px;
	top:60.5%;
	z-index:9999;
}
.side_oy_t6{
	position:absolute;
	color:black;
	left:35px;
	font-size:11px;
	top:63%;
	z-index:9999;
}
.side_oy_t7{
	position:absolute;
	color:red;
	left:35px;
	font-size:11px;
	top:65.5%;
	z-index:9999;
}

/* Форма.Прогноз на три дня*/

#reg{
	position:absolute;
	color:black;
	left:47%;
	font-size:16px;
	top:2.8%;
	z-index:9999;
	font-weight: bold;
}
#day1_0{
	position:absolute;
	color:red;
	left:24.5%;
	font-size:15px;
	font-weight:bold;
	top:8.5%;
	z-index:9999;
	/*font-weight: bold;*/	
}
#day1_1{
	position:absolute;
	color:black;
	left:26%;
	font-size:14px;
	font-weight:bold;
	top:9%;
	z-index:9999;
	/*font-weight: bold;*/	
}
#day1_2{
	/*display:block;*/
	position:absolute;
	color:#005893;
	left:26%;
	font-size:14px;
	font-weight:bold;
	top:12%;
	z-index:9999;
}
#day1_3{
	display:block;
	position:absolute;
	color:black;
	left:17%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day1_4{
	display:block;
	position:absolute;
	color:black;
	left:21%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day1_5{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:40%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day1_6{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:36.5%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day1_7{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:23.5%;
	z-index:9999;
}
#day1_7_img{
	display:block;
	position:absolute;
	left:25%;
	top:21.5%;
	z-index:9999;
}
#day1_8{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:47.5%;
	z-index:9999;
}
#day1_8_img{
	display:block;
	position:absolute;
	left:25%;
	top:45.5%;
	z-index:9999;
}
#day1_9{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:60%;
	z-index:9999;
}
#day1_9_img{
	display:block;
	position:absolute;
	left:25.5%;
	top:63%;
	z-index:9999;
}
#day1_9_img_x2{
	display:block;
	position:absolute;
	left:23.5%;
	top:63%;
	z-index:9999;
}
#day1_10{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:56.5%;
	z-index:9999;
}
#day1_11{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:71%;
	width:180px;
	text-align:left;
	z-index:9999;
}
#day1_11_img{
	display:block;
	position:absolute;
	left:24.5%;
	top:68%;
	z-index:9999;
}
#day1_12{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:78%;
	z-index:9999;
}
#day1_13{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:81%;
	z-index:9999;
}
#day1_14{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:84%;
	z-index:9999;
}
#day1_15{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:87.3%;
	z-index:9999;
}
#day1_16{
	display:block;
	position:absolute;
	color:black;
	left:14%;
	font-size:12px;
	font-weight:bold;
	top:94%;
	z-index:9999;
}
#day1_17{
	display:block;
	position:absolute;
	color:black;
	left:31.3%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day1_18{
	display:block;
	position:absolute;
	color:black;
	left:35.3%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day1_19{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:40%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day1_20{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:36.5%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day1_21{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:23.5%;
	z-index:9999;
}
#day1_21_img{
	display:block;
	position:absolute;
	left:39.2%;
	top:21.2%;
	z-index:9999;
}
#day1_22{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:47.5%;
	z-index:9999;
}
#day1_22_img{
	display:block;
	position:absolute;
	left:39.2%;
	top:45.5%;
	z-index:9999;
}
#day1_23{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:60%;
	z-index:9999;
}
#day1_23_img{
	display:block;
	position:absolute;
	left:39.7%;
	top:63%;
	z-index:9999;
}
#day1_23_img_x2{
	display:block;
	position:absolute;
	left:38%;
	top:63%;
	z-index:9999;
}
#day1_24{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:56.5%;
	z-index:9999;
}
#day1_25{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:71%;
	width:180px;
	text-align:left;
	z-index:9999;
}
#day1_25_img{
	display:block;
	position:absolute;
	left:39.2%;
	top:68%;
	z-index:9999;
}
#day1_26{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:78%;
	z-index:9999;
}
#day1_27{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:81%;
	z-index:9999;
}
#day1_28{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:84%;
	z-index:9999;
}
#day1_29{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:87.3%;
	z-index:9999;
}
#day1_30{
	display:block;
	position:absolute;
	color:black;
	left:28.3%;
	font-size:12px;
	font-weight:bold;
	top:94%;
	z-index:9999;
}
#day2_0{
	position:absolute;
	color:red;
	left:53.5%;
	font-size:15px;
	font-weight:bold;
	top:8.5%;
	z-index:9999;
	/*font-weight: bold;*/	
}
#day2_1{
	position:absolute;
	color:black;
	left:55%;
	font-size:14px;
	font-weight:bold;
	top:9%;
	z-index:9999;
	/*font-weight: bold;*/	
}
#day2_2{
	/*display:block;*/
	position:absolute;
	color:#005893;
	left:55%;
	font-size:14px;
	font-weight:bold;
	top:12%;
	z-index:9999;
}
#day2_3{
	display:block;
	position:absolute;
	color:black;
	left:45.5%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day2_4{
	display:block;
	position:absolute;
	color:black;
	left:49.5%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day2_5{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:40%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day2_6{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:36.5%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day2_7{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:23.5%;
	z-index:9999;
}
#day2_7_img{
	display:block;
	position:absolute;
	left:53.8%;
	top:21.2%;
	z-index:9999;
}
#day2_8{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:47.5%;
	z-index:9999;
}
#day2_8_img{
	display:block;
	position:absolute;
	left:53.8%;
	top:45.5%;
	z-index:9999;
}
#day2_9{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	width:180px;
	text-align:left;
	top:60%;
	z-index:9999;
}
#day2_9_img{
	display:block;
	position:absolute;
	left:54.3%;
	top:63%;
	z-index:9999;
}
#day2_9_img_x2{
	display:block;
	position:absolute;
	left:52.3%;
	top:63%;
	z-index:9999;
}
#day2_10{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:56.5%;
	z-index:9999;
}
#day2_11{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:71%;
	width:180px;
	text-align:left;
	z-index:9999;
}
#day2_11_img{
	display:block;
	position:absolute;
	left:53.5%;
	top:68%;
	z-index:9999;
}
#day2_12{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:78%;
	z-index:9999;
}
#day2_13{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:81%;
	z-index:9999;
}
#day2_14{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:84%;
	z-index:9999;
}
#day2_15{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:87.3%;
	z-index:9999;
}
#day2_16{
	display:block;
	position:absolute;
	color:black;
	left:43%;
	font-size:12px;
	font-weight:bold;
	top:94%;
	z-index:9999;
}
#day2_17{
	display:block;
	position:absolute;
	color:black;
	left:59.9%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day2_18{
	display:block;
	position:absolute;
	color:black;
	left:63.9%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day2_19{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:40%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day2_20{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:36.5%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day2_21{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:23.5%;
	z-index:9999;
}
#day2_21_img{
	display:block;
	position:absolute;
	left:68.2%;
	top:21.2%;
	z-index:9999;
}
#day2_22{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	width:180px;
	text-align:left;
	top:47.5%;
	z-index:9999;
}
#day2_22_img{
	display:block;
	position:absolute;
	left:68.2%;
	top:45.5%;
	z-index:9999;
}
#day2_23{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	width:180px;
	text-align:left;
	top:60%;
	z-index:9999;
}
#day2_23_img{
	display:block;
	position:absolute;
	left:68.8%;
	top:63%;
	z-index:9999;
}
#day2_23_img_x2{
	display:block;
	position:absolute;
	left:66.2%;
	top:63%;
	z-index:9999;
}
#day2_24{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:56.5%;
	z-index:9999;
}
#day2_25{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:71%;
	width:180px;
	text-align:left;
	z-index:9999;
}
#day2_25_img{
	display:block;
	position:absolute;
	left:68.2%;
	top:68%;
	z-index:9999;
}
#day2_26{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:78%;
	z-index:9999;
}
#day2_27{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:81%;
	z-index:9999;
}
#day2_28{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:84%;
	z-index:9999;
}
#day2_29{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:87.3%;
	z-index:9999;
}
#day2_30{
	display:block;
	position:absolute;
	color:black;
	left:57.3%;
	font-size:12px;
	font-weight:bold;
	top:94%;
	z-index:9999;
}
#day3_0{
	position:absolute;
	color:red;
	left:82%;
	font-size:15px;
	font-weight:bold;
	top:8.5%;
	z-index:9999;
	/*font-weight: bold;*/	
}
#day3_1{
	position:absolute;
	color:black;
	left:84.1%;
	font-size:14px;
	font-weight:bold;
	top:9%;
	z-index:9999;
	/*font-weight: bold;*/	
}
#day3_2{
	/*display:block;*/
	position:absolute;
	color:#005893;
	left:84.1%;
	font-size:14px;
	font-weight:bold;
	top:12%;
	z-index:9999;
}
#day3_3{
	display:block;
	position:absolute;
	color:black;
	left:74.4%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day3_4{
	display:block;
	position:absolute;
	color:black;
	left:78.4%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day3_5{
	display:block;
	position:absolute;
	color:black;
	left:71.8%;
	font-size:12px;
	font-weight:bold;
	top:40%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day3_6{
	display:block;
	position:absolute;
	color:black;
	left:71.8%;
	font-size:12px;
	font-weight:bold;
	top:36.5%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day3_7{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:23.5%;
	z-index:9999;
}
#day3_7_img{
	display:block;
	position:absolute;
	left:82.7%;
	top:21.2%;
	z-index:9999;
}
#day3_8{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:47.5%;
	z-index:9999;
}
#day3_8_img{
	display:block;
	position:absolute;
	left:82.9%;
	top:46%;
	z-index:9999;
}
#day3_9{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	width:180px;
	text-align:left;
	top:60%;
	z-index:9999;
}
#day3_9_img{
	display:block;
	position:absolute;
	left:81.6%;
	top:63%;
	z-index:9999;
}
#day3_9_img_x2{
	display:block;
	position:absolute;
	left:81%;
	top:63%;
	z-index:9999;
}
#day3_10{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:56.5%;
	z-index:9999;
}
#day3_11{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	top:71%;
	width:180px;
	text-align:left;
	z-index:9999;
}
#day3_11_img{
	display:block;
	position:absolute;
	left:82.3%;
	top:68%;
	z-index:9999;
}
#day3_12{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:78%;
	z-index:9999;
}
#day3_13{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	top:81%;
	z-index:9999;
}
#day3_14{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	top:84%;
	z-index:9999;
}
#day3_15{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	top:87.3%;
	z-index:9999;
}
#day3_16{
	display:block;
	position:absolute;
	color:black;
	left:72.1%;
	font-size:12px;
	font-weight:bold;
	top:94%;
	z-index:9999;
}
#day3_17{
	display:block;
	position:absolute;
	color:black;
	left:88.5%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day3_18{
	display:block;
	position:absolute;
	color:black;
	left:92.5%;
	font-size:18px;
	font-weight:bold;
	top:32%;
	z-index:9999;
}
#day3_19{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:40%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day3_20{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:36.5%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day3_21{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:23.5%;
	z-index:9999;
}
#day3_21_img{
	display:block;
	position:absolute;
	left:97%;
	top:21.2%;
	z-index:9999;
}
#day3_22{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	width:140px;
	text-align:left;
	top:47.5%;
	z-index:9999;
}
#day3_22_img{
	display:block;
	position:absolute;
	left:97%;
	top:45.5%;
	z-index:9999;
}
#day3_23{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	width:180px;
	text-align:left;
	top:60%;
	z-index:9999;
}
#day3_23_img{
	display:block;
	position:absolute;
	left:94.4%;
	top:63%;
	z-index:9999;
}
#day3_23_img_x2{
	display:block;
	position:absolute;
	left:95%;
	top:63%;
	z-index:9999;
}
#day3_24{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:56.5%;
	z-index:9999;
}
#day3_25{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:71%;
	width:200px;
	text-align:left;
	z-index:9999;
}
#day3_25_img{
	display:block;
	position:absolute;
	left:97%;
	top:68%;
	z-index:9999;
}
#day3_26{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	width:200px;
	text-align:left;
	top:78%;
	z-index:9999;
}
#day3_27{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:81%;
	z-index:9999;
}
#day3_28{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:84%;
	z-index:9999;
}
#day3_29{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:87.3%;
	z-index:9999;
}
#day3_30{
	display:block;
	position:absolute;
	color:black;
	left:86.1%;
	font-size:12px;
	font-weight:bold;
	top:94%;
	z-index:9999;
}

#day1_9_img_none, #day2_9_img_none, #day3_9_img_none, #day1_23_img_none, #day2_23_img_none, #day3_23_img_none{
	display: none;
}


/*Информер данные --------------------------------------*/



#info_city1_0{                   /*Дата*/
	display:block;
	position:absolute;
	color:red;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:44.5%;
	top:-64%;
}
#info_city1_1{					/*Месяц*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-64%;
}
#info_city1_2{					/*День недели*/
	display:block;
	position:absolute;
	color:#005893;
	font-size:14px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-55.5%;
}
#info_city1_3{					/*Время1*/
	display:block;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:37%;
}
#info_city1_4{					/*Время2*/
	display:none;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:53.7%;
	top:37%;
}

#info_city1_5{					/*Температура*/
	display:block;
	position:absolute;
	color:black;
	font-size:14pt;
	font-weight:bold;
	z-index:0;
	left:55%;
	top:5%;
}
#info_city1_6{					/*Влажность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:64%;
}
#info_city1_7{					/*Давление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:46%;
}
#info_city1_8{					/*Ветер скорость*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:55%;
}
#info_city1_9{					/*Ветер направление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:84%;
	top:55%;
}
#info_city1_10{					/*Облачность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	z-index:0;
	width:150px;
	height:50px;
	left:54%;
	top:73%;
	float:left;
}
#info_city1_11{					/*Осадки*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:99%;
	text-align:left;
}
#info_city1_11_img {
	position:absolute; 
	display:block;
	width:auto;
	height:auto;
	z-index:0; 
	left:84%;
	top:0%;
}
#info_city1_12{					/*час*/
	display:none;
}
#info_city1_13{					/*Год*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:53%;
	top:-64%;
}

#info_city2_0{                   /*Дата*/
	display:block;
	position:absolute;
	color:red;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:44.5%;
	top:-64%;
}
#info_city2_1{					/*Месяц*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-64%;
}
#info_city2_2{					/*День недели*/
	display:block;
	position:absolute;
	color:#005893;
	font-size:14px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-55.5%;
}
#info_city2_3{					/*Время1*/
	display:none;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:37%;
}
#info_city2_4{					/*Время2*/
	display:block;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:53.7%;
	top:37%;
}

#info_city2_5{					/*Температура*/
	display:block;
	position:absolute;
	color:black;
	font-size:14pt;
	font-weight:bold;
	z-index:0;
	left:55%;
	top:5%;
}
#info_city2_6{					/*Влажность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:64%;
}
#info_city2_7{					/*Давление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:46%;
}
#info_city2_8{					/*Ветер скорость*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:55%;
}
#info_city2_9{					/*Ветер направление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:84%;
	top:55%;
}
#info_city2_10{					/*Облачность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	z-index:0;
	width:150px;
	height:50px;
	left:54%;
	top:73%;
	float:left;
}
#info_city2_11{					/*Осадки*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:99%;
	text-align:left;
}
#info_city2_11_img {
	position:absolute; 
	display:block;
	width:auto;
	height:auto;
	z-index:0; 
	left:84%;
	top:0%;
}
#info_city2_12{					/*час*/
	display:none;
}
#info_city2_13{					/*Год*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:53%;
	top:-64%;
}

#info_city3_0{                   /*Дата*/
	display:block;
	position:absolute;
	color:red;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:44.5%;
	top:-64%;
}
#info_city3_1{					/*Месяц*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-64%;
}
#info_city3_2{					/*День недели*/
	display:block;
	position:absolute;
	color:#005893;
	font-size:14px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-55.5%;
}
#info_city3_3{					/*Время1*/
	display:none;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:37%;
}
#info_city3_4{					/*Время2*/
	display:block;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:53.7%;
	top:37%;
}

#info_city3_5{					/*Температура*/
	display:block;
	position:absolute;
	color:black;
	font-size:14pt;
	font-weight:bold;
	z-index:0;
	left:55%;
	top:5%;
}
#info_city3_6{					/*Влажность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:64%;
}
#info_city3_7{					/*Давление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:46%;
}
#info_city3_8{					/*Ветер скорость*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:55%;
}
#info_city3_9{					/*Ветер направление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:84%;
	top:55%;
}
#info_city3_10{					/*Облачность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	z-index:0;
	width:150px;
	height:50px;
	left:54%;
	top:73%;
	/*float:left;*/
}
#info_city3_11{					/*Осадки*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:99%;
	text-align:left;
}
#info_city3_11_img {
	position:absolute; 
	display:block;
	width:auto;
	height:auto;
	z-index:0; 
	left:84%;
	top:0%;
}
#info_city3_12{					/*час*/
	display:none;
}
#info_city3_13{					/*Год*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:53%;
	top:-64%;
}

#info_city4_0{                   /*Дата*/
	display:block;
	position:absolute;
	color:red;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:44.5%;
	top:-64%;
}
#info_city4_1{					/*Месяц*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-64%;
}
#info_city4_2{					/*День недели*/
	display:block;
	position:absolute;
	color:#005893;
	font-size:14px;
	font-weight:bold;
	z-index:0;
	left:47%;
	top:-55.5%;
}
#info_city4_3{					/*Время1*/
	display:none;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:37%;
}
#info_city4_4{					/*Время2*/
	display:block;
	position:absolute;
	color:red;
	font-size:12px;
	font-weight:bold;
	z-index:0;
	left:53.7%;
	top:37%;
}

#info_city4_5{					/*Температура*/
	display:block;
	position:absolute;
	color:black;
	font-size:14pt;
	font-weight:bold;
	z-index:0;
	left:55%;
	top:5%;
}
#info_city4_6{					/*Влажность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:64%;
}
#info_city4_7{					/*Давление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:46%;
}
#info_city4_8{					/*Ветер скорость*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:55%;
}
#info_city4_9{					/*Ветер направление*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:84%;
	top:55%;
}
#info_city4_10{					/*Облачность*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	z-index:0;
	width:150px;
	height:50px;
	left:54%;
	top:73%;
}
#info_city4_11{					/*Осадки*/
	display:block;
	position:absolute;
	color:black;
	font-size:10pt;
	font-weight:bold;
	z-index:0;
	left:54%;
	top:99%;
	text-align:left;
}
#info_city4_11_img {
	position:absolute; 
	display:block;
	width:auto;
	height:auto;
	z-index:0; 
	left:84%;
	top:0%;
}
#info_city4_12{					/*час*/
	display:none;
}
#info_city4_13{					/*Год*/
	display:block;
	position:absolute;
	color:black;
	font-size:16px;
	font-weight:bold;
	z-index:0;
	left:53%;
	top:-64%;
}

.ed_izm{
	color:#005983;
}
.ed_izm1{
	color: black;
}

/*Окно загрузки города или региона*/
#menu_loadData{
	position: absolute;
	display: block;
	left: 40%;
	top: 0%;
	width: 250px;
	height: 250px;
	background:url(../images/podloghka.png);
	z-index:9999;
}
#menu_loadData_load{
	position:absolute;
	display:block;
	font-size:12px;
	left: 38%;
	bottom: 30%;
}
.menu_loadData_close{
	position:absolute;
	display:block;
	font-size:12px;
	left: 40%;
	bottom: 10%;
}

#details_opyav{
	position: relative;
	display: block;
	top: 62%;
	left: 0%;
	padding: 0%;
	/*border: 2px solid #008080;*/
/*	background-color: #ffffff;
	background:url(../images/podloghka.png);*/
	opacity: 1;
	/*height: auto;*/
	width: 200px !important;
	text-align:left;
	z-index:999999;
	font-size:11.65pt;
	color:#005983;
	font-weight:bold;
	background: linear-gradient(#f3fafd, #e6f6fd) !important;
}

.opyav_text{
	padding:0px 15px 0px 15px;
}

#gl_m{
	/*position:absolute;*/
	display:block;
	width:1440px;
	height:800px;
}

/*Выводные формы экологов*/

#aw_month_vyvod_omsk_header{
	font-size:14pt;
	color: #000000;	
}

#aw_month_vyvod_0{
/*	position: absolute;
	display:block;*/
	margin-top:-2%;
	margin-left:-0.7%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;	
}
#aw_month_vyvod_1{
/*	position: absolute;
	display:block;*/
	font-size:12pt;
	font-weight:bold;
	color: red;	
	top:1.5%;
}
#aw_month_vyvod_2{
	position: absolute;
	display:block;
	font-weight:bold;
	top:4%;
	left:56%;
	font-size:12pt;
	color: #000000;	
}
#aw_month_vyvod_3{
/*	position: absolute;
	display:block;*/
	padding-top:1%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #005983;
	left:30%;
	border-color:#ffffff;
}

#aw_days_vyvod_omsk_header{
	font-size:14pt;
	color: #000000;	
}
#aw_days_vyvod_0{
	top:4%;
	font-size:13pt;
	font-weight:bold;
	color: #000000;	
	text-align:center !important;
}
#aw_days_vyvod_1{
	font-size:12pt;
	font-weight:bold;
	color: #ff0000;	
	top:1%;
	left:48%;
}
#aw_days_vyvod_2{
	font-weight:bold;
	top:1%;
	left:0%;
	font-size:12pt;
	color: #005983;	
}
#aw_days_vyvod_3{
	top:1%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #005983;
	left:0%;
	border-color:#ffffff;
}
#aw_days_vyvod_4{
	top:0%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;
	left:0%;
	border-color:#ffffff;
}
#aw_days_vyvod_5{
	top:3.8%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	left:0%;
	border-color:#ffffff;
}
#aw_days_vyvod_6{
	top:-1.3%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	left:0%;
	border-color:#ffffff;
}
#aw_days_vyvod_7{
	top:-1%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	left:2%;
	border-color:#ffffff;
}
#aw_days_vyvod_8{
	top:-1.25%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	left:0%;
	border-color:#ffffff;
}
#aw_days_vyvod_9{
	top:-1.4%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	left:0%;
	border-color:#ffffff;
}
#aw_days_vyvod_text1 {
	font-weight:bold;
	top:5% !important;
	left:-30% !important;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
	z-index:9999;
}
#aw_days_vyvod_text2{
	font-weight:bold;
	top:-9.05%;
	left:0%;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
}	
#aw_days_vyvod_text3{
	font-weight:bold;
	top:-4%;
	left:0%;
	font-size:14pt;
	color: #000000;	
	white-space: pre-wrap;
}	
#aw_days_vyvod_text4{
	font-weight:bold;
	top:-4.4%;
	left:0%;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
}	
#aw_days_vyvod_text5{
	font-weight:bold;
	top:-4.8%;
	left:0%;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
}	

#nmu_vyvod_omsk_header{
	font-size:14pt;
	color: #000000;	
}
#nmu_vyvod_0{
/*	position: absolute;
	display:block;*/
	top:4%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;	
	left:48%;
}
#nmu_vyvod_1{
/*	position: absolute;
	display:block;*/
	font-size:12pt;
	font-weight:bold;
	color: #000000;	
	margin-top:1%;
	left:48%;
}
#nmu_vyvod_2{
/*	position: absolute;
	display:block;*/
	font-weight:bold;
	margin-top:1%;
	margin-left:-41%;
	font-size:12pt;
	color: #000000;	
}
#nmu_vyvod_3{
/*	position: absolute;
	display:block;*/
	margin-top:-1.3%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	margin-left:59%;
	border-color:#ffffff;
}
#nmu_vyvod_4{
/*	position: relative;
	display:block;*/
	margin-top:1%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;
	margin-left:-83%;
	border-color:#ffffff;
}
#nmu_vyvod_5{
/*	position: absolute;
	display:block;*/
	margin-top:-1.2%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	margin-left:12.8%;
	border-color:#ffffff;
}
#nmu_vyvod_6{
	position: absolute;
/*	display:block;*/
	top:16.5%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	left:14%;
	border-color:#ffffff;
}
#nmu_vyvod_7{
/*	position: absolute;
	display:block;*/
	margin-top:-1.3%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	margin-left:31.8%;
	border-color:#ffffff;
}
#nmu_vyvod_8{
/*	position: absolute;
	display:block;*/
	margin-top:1.9%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	margin-left:10.8%;
	border-color:#ffffff;
}
#nmu_vyvod_text1{
	position: absolute;
	display:block;
	font-weight:bold;
	top:9.5%;
	left:-2.5%;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
	z-index:9999;
}
#nmu_vyvod_text2{
	position: absolute;
	display:block;
	font-weight:bold;
	top:12.2%;
	left:-2.2%;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
}	
#nmu_vyvod_text3{
	position: absolute;
	display:block;
	font-weight:bold;
	top:16%;
	left:-2.2%;
	font-size:12pt;
	color: #005983;	
	white-space: pre-wrap;
}

#pw_month_vyvod_omsk_header{
	font-size:14pt;
	color: #000000;	
}

#pw_month_vyvod_0{
	position: absolute;
	display:block;
	top:5%;
	left:45%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;	
}
#pw_month_vyvod_1{
	position: absolute;
	display:block;
	font-size:12pt;
	font-weight:bold;
	color: #ff0000;	
	top:8%;
	left:45%;
}
#pw_month_vyvod_2{
	position: absolute;
	display:block;
	font-weight:bold;
	top:8%;
	left:53%;
	font-size:12pt;
	color: #000000;	
}
#pw_month_vyvod_3{
/*	position: absolute;
	display:block;*/
	padding-top:5%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #005983;
	margin-left:0%;
	white-space: pre-wrap;
	border-color:#ffffff;
}

.pw_sluchay_vyvod_omsk_header{
	font-size:16pt;
	color: #000000;	
}

.pw_sluchay_vyvod_omsk_footer{
	font-size:14pt;
	color: #FF0000;	
}

#pw_sluchay_vyvod_0{
/*	position: absolute;
	display:block;*/
	top:5%;
	left:45%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;	
}
#pw_sluchay_vyvod_1{
/*	position: absolute;
	display:block;*/
	font-size:12pt;
	font-weight:bold;
	color: #ff0000;	
	margin-top:1%;
	left:45%;
}

#rm_month_vyvod_omsk_header{
	font-size:14pt;
	color: #000000;	
}
#rm_month_vyvod_0{
/*	position: absolute;
	display:block;*/
	top:4%;
	font-size:12pt;
	font-weight:bold;
	color: #000000;	
	left:48%;
}
#rm_month_vyvod_1{
/*	position: absolute;
	display:block;*/
	font-size:12pt;
	font-weight:bold;
	color: #ff0000;	
	margin-top:1%;
	left:48%;
}
#rm_month_vyvod_2{
/*	position: absolute;
	display:block;*/
	font-weight:bold;
	margin-top:2.8%;
	margin-left:-8.3%;
	font-size:12pt;
	color: #000000;	
}
#rm_month_vyvod_3{
/*	position: absolute;
	display:block;*/
	margin-top:-1.3%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #000000;
	margin-left:56.7%;
	border-color:#ffffff;
}
#rm_month_vyvod_6{
/*	position: absolute;
	display:block;*/
	margin-top:1.5%;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color: #005983;
	margin-left:2.6%;
	white-space: pre-wrap;
	border-color:#ffffff;
}
#rm_month_vyvod_omsk_text1{
/*	position: absolute;*/
	display:block;
	font-weight:bold;
	margin-top:1.5%;
	left:43.7%;
	font-size:12pt;
	color: #005983;	
/*	white-space: pre-wrap;*/
}
#rm_month_vyvod_omsk_text2{
/*	position: absolute;*/
	display:block;
	font-weight:bold;
	margin-top:1.5%;
	left:0%;
	font-size:12pt;
	color: #005983;	
/*	white-space: pre-wrap;*/
}	
#rm_month_vyvod_omsk_text3{
/*	position: absolute;*/
	display:block;
	font-weight:bold;
	margin-top:1.5%;
	left:43.9%;
	font-size:12pt;
	color: #000000;	
/*	white-space: pre-wrap;*/
}	

/* Форма обратной связи*/
#simplecallback-113{
	display:block;
	position:absolute;
	width:370px;
	height:580px;
	margin-top:-51%;
	left:37%;
	background: -moz-linear-gradient(#91b1d0, #c4dce8); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4dce8),color-stop(1, #91b1d0));	
	background: -webkit-linear-gradient(#91b1d0, #c4dce8);	
	background: -o-linear-gradient(#91b1d0, #c4dce8);
	background: -ms-linear-gradient(#91b1d0, #c4dce8);
	background: linear-gradient(#91b1d0, #ffffff);
}
#customFile{
	margin-top:8%;
	margin-left:4.5%;
	font-weight:bold;	
}
.zakonrf{
	margin-top:3%;
	margin-left:4%;
	width:93%;
	font-size:12pt !important;
	font-weight:bold;
	color:#005983;
	text-align:left;
}
.btnmy{
	padding-top:0%;
	background:#bdc6cb;
	font-weight:bold;
}
.form-group{
	padding-top:3%;
	font-weight:bold;
	text-align:center;
	/*white-space: pre-wrap;*/
}
#redirectsuccesssimplecallback{
	top:0%;
}
/*
#page_editor{
	display:block;
	position:absolute;
	width:370px;
	height:580px;
	margin-top:-51%;
	left:37%;
	background: -moz-linear-gradient(#91b1d0, #c4dce8); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4dce8),color-stop(1, #91b1d0));	
	background: -webkit-linear-gradient(#91b1d0, #c4dce8);	
	background: -o-linear-gradient(#91b1d0, #c4dce8);
	background: -ms-linear-gradient(#91b1d0, #c4dce8);
	background: linear-gradient(#91b1d0, #ffffff);
}
*/
#mceu_155{
	z-index:999999;
	background:red;
}

/*Подсказка авто*/
#details_avto {
	position: absolute;
	height: auto;
	width: auto; /*270px;*/	
	background: url(../images/podloghka.png);
	color: #000000;
	text-align: left;
	padding: 1%;
	font-weight: bold;
	font-size:10pt;
	opacity: 1;
/*	display: block;
	
	z-index: 999999;
*/
}/*

#details_avto1 {
	font-weight: bold;
	color: #005983;
}
*/
   .turn:hover {
    -moz-transform: scale(1.5, 1.7); /* Для Firefox */
    -ms-transform: scale(1.5, 1.7); /* Для IE */
    -webkit-transform: scale(1.5, 1.7); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1.5, 1.7); /* Для Opera */
    transform: scale(1.5, 1.7);
   }
   
  /* Подсказка гидро*/
   #details_hidro {
	position: absolute;
	height: auto;
	width: auto; /*270px;*/	
	background: url(../images/podloghka.png);
	color: #000000;
	text-align: left;
	padding: 1%;
	font-weight: bold;
	font-size:10pt;
	opacity: 1;
/*	display: block;
	
	z-index: 999999;
*/
}

.hid1{
	color:#03415e;	
}
.hid2{
	color:#03415e;	
	font-size:12pt;
}

.avto_cart{
    height: auto;
	width: 100%;
	left:30%;
	background:#ffffff;
}

.avto_legend{
	position: absolute;
	padding-top:-20%;
}

 .sclogin_in_out{
	 margin-left:0%;
	 width:100%;
 }
 /*
 .sclogin_knop{
	 width:50%;
 }


#users-profile-core{
	display:none;
	opacity:0;
}
.profile{
	opacity:1;
	display:block;
	position:absolute;
	width:50%;
	top:-30%;
}
 */
/*Пожароопасность*/
.tabl_pojar{
	font-size:11pt !important;
	text-align:center;
	font-weight: regular !important;
}
.tabl_pojar1{
	padding:3px 0px;
	font-size:9.5pt;
	text-align:left;
	padding-left:11%;
}

/* Форма ввода логинов и паролей*/
.login {
  position: relative;
  margin: 150px auto 0 auto;
  padding: 20px 20px 20px;
  width: 310px;
  background: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.login h1 {
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-shadow: 0 1px white;
  background: #f3f3f3;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
.login p {
  margin: 20px 0 0;
}
.login p:first-child {
  margin-top: 0;
}
.login input[type=text], .login input[type=password] {
  width: 278px;
}
.login p.remember_me {
  float: left;
  line-height: 31px;
}
.login p.remember_me label {
  font-size: 12px;
  color: #777;
  cursor: pointer;
}
.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}
.login p.submit {
  text-align: right;
}

.unstyled{
	display:none;
}

/* Обратная связь*/

#contact-form{
	
}

/*------Таблица прогнозов-----------------*/

#tab_progn3d{
	position:absolute;
	display:block;
/*	background: linear-gradient(#ffffff, #daeaf4);*/
	margin-top:0px;
	font-size:10pt;
	z-index:999;
	width:70%;
	left:16%;
}
.forecast_text{
	font-size:12pt;
	color:#005983;
	text-align:center;
	font-weight:bold;
}
.forecast_text1{
	font-size:12pt;
	color:#005983;
	text-align:center;
	font-weight:bold;
}
.region_names{
	font-size:14pt;
	color:#000000;
	font-weight:bold;
}	
.day_x{
	font-size:12pt;
	color:red;
}	
.day_x1{
	font-size:12pt;
	color:#000000;
}	

.day_week{
	font-size: 12pt;
	color: #5d717d;
}
#topusl{
	position:absolute;
	display:block;
	width:100%;
	height:450px;
	top:60%;
}
#kn_progn > INPUT{
	float:left;
	margin-left:20%;
}
.kn_load1{
	color:#045e02;
	font-size:bolder;
	background: linear-gradient(#c6e0f9, #c6e0f9);
}
.kn_load2{
	color:#000000;
	font-size:bolder;
	background: linear-gradient(#c6e0f9, #c6e0f9);
}
.kn_load3{
	color: #005983;
	font-size:bolder;
	background: linear-gradient(#c6e0f9, #c6e0f9);
}
.kn_load4{
	color:red;
	font-size:bolder;
	background: linear-gradient(#c6e0f9, #c6e0f9);
}
/*-------------------------------------------------*/
/* класс для диалога загрузки формы 3DaysForecast */
#menu_loadData{
	position:absolute;
	display:block;
	top:80%;
	background: linear-gradient(#c6e0f9, #c6e0f9);
}
#menu_loadData1{
	left: 40%;
	top: 0%;
	width: 250px;
	height: 250px;
	background:url(../images/podloghka.png);
	z-index:9999;
	position:absolute;
	display:block;
	top:0%;
	background: linear-gradient(#c6e0f9, #c6e0f9);
}
#prog3day {
	display:block;
	/*position:absolute;*/
	width:100%;
	height:40%;
	top:41%;
	left:0;
/*	z-index:9999;*/
}

#temperature_1n, #temperature_1d, #temperature_2n, #temperature_2d, #temperature_3n, #temperature_3d {
	font-weight: bold !important;
	text-align: center;
	color: #012232;
}

/* Мобильное меню-------------------------------------------------------------*/
#mobil_menu_bar {
	position: absolute;
	display:none !important;
	z-index: 99999 !important;
	width:auto !important;
	height:auto;
}
#mobil_menu_bar ul li a{
		line-height:15px;
		padding:10px 15px;
		font-size: 1em;
}
#mobil_menu_bar li a{
	text-decoration:none !important;
}
.item-727 IMG{
	margin-top:-5%;
}
.image-title{
	opacity:0;
}

/*-----------------------------------------------*/

#slider{
	position:absolute;
	width:10%;
	height:auto !important;
	z-index:9 !important;
}
/*----------------------------------------------
-------------------------------------------------
-------------------------------------------------*/

/*Поиск-------------------------------------------*/
.only {
	visibility: visible;
}

.finder{
/*	background-color: gray !important;
	background: #e7ebec !important;*/
	font-size:12pt !important;
	height: auto !important;
	text-align: left !important;
/*	font-weight:bold;
	width: 100%;
	visibility: hidden !important;*/
}
#search-form{
	height: auto !important;
}

.word{
	height: 60% !important;
	color: #ffffff !important;
	font-weight:normal;
	padding-left:35% !important;
/*	background-color: #004566;*/
	background: linear-gradient(#001d2a, #00adfe) !important;
	border: 1px solid #ffffff !important;
	margin-top: 3% !important;
	font-size:12pt !important;
}

#finder-search.form-inline{
	height: 120px !important;
}

.word  .btn-primary {
	margin-top: 3% !important; 
	margin-left: 1% !important; 
}
.controls.finder-selects{
	visibility: hidden !important;
}

.word  a.btn {
	visibility: hidden !important;
}

#mod-finder-searchform90.search-form{
	opacity: 0 !important; 
}
.element-invisible.finder{
	opacity: 0;
}
/*
#system-message-cintainer .finder{
	background: #e7ebec !important;
}*/

/* Архивные материалы-------------------------------*/
.material {
	text-align: left !important;
	color: #000000 !important;
	font-size: 8pt;
	font-weight:bold;
}
#archive-items .page-header{
	text-align: left !important;
	margin-left: 2% !important;
	margin-top: 0% !important;
	font-size: 8pt !important;
	font-weight:bold !important;
}
#adminForm{
/*	background-color: gray !important;*/
	background: linear-gradient(#bcd8e6, #ffffff) !important;
	width: 100%;
	height: auto !important;
	border: 1px solid #ffffff;
}
.archive {
	margin-top: 0% !important;
	/*background-color: blue;*/
	height: 10.5%;
	width: 100%;
}
.chzn-container-single {
	margin-left: 7.9% !important;
	width: 10% !important;
/*	left: 20% !important; */
}
.filter-search {
	height: 20% !important;
}
.filters {
	height: 50% !important;
	background: linear-gradient(#001d2a, #00adfe) !important;
	border: 1px solid #ffffff !important;
}

.archive  .btn-primary {
	margin-top: 0% !important; 
	margin-left: 8% !important; 
}

.filter-search {
	padding-top: 1% !important;
	margin-left: -7% !important;
}

/* материал модулей----------------------*/

#contstr .item-page {
	color: #005983 !important;
	font-size: 12pt !important;
	font-weight:bold !important;
/*	text-align: left !important;*/
}
/*
#contstr .item-page .fields-container {
	color: #000000 !important;
	font-size: 14pt !important;
	font-weight:bold !important;
	text-align: center !important;
}*/
.pagination > UL > LI{
	display: inline !important;
	font-size: 12pt !important;
	font-weight:bold !important;
	padding-left: 2% !important;
	color: #000000 !important;
}

.pagination  .counter {
	font-size: 12pt !important;
	font-weight:bold !important;
	padding-left: 4.5% !important;
	padding-top: 2% !important;
}
DIV[itemprop="articleBody"] > P{
	text-align: left;
}
.search-pages-counter {
	font-size: 12pt !important;
	font-weight:bold !important;
	padding-left: 4.5% !important;
	color: #000000 !important;
/*	padding-top: 2% !important;*/
}
.page-header {
	font-size: 10pt !important;
	font-weight:bold !important;
	color: #000000;
	text-align: center !important;
}
/*
.search-results {
	padding-top:0%;
}*/
.search-pagination {
	padding-top: 2% !important;
}

/*РЕДАКТОР*/
.edit.item-page .btn.btn-primary{
	margin-top: 1% !important;
	width:10% !important;
}

.nav-item {
	display: inline !important;
	padding: 1% !important;
}
.nav-item.active {
	color: #000000 !important;
}

.nav-link {
	font-size: 12pt !important;
	font-weight: bold !important;
	color: #005983;
}
.nav-link.active {
	color: #000000 !important;
}

/* Информационные документы*/
.docum_inf {
	float: left !important;
	margin: 7px 7px 7px 0px !important;
}
#doc_inf {
	margin-top:40%;
}
#doc_inf_img_1 {
	margin-left: 0px !important;
}
#doc_inf_img_2, #doc_inf_img_3, #doc_inf_img_4, #doc_inf_img_5, #doc_inf_img_6, #doc_inf_img_7 {
	margin-left: 15px !important;
}
/*#doc_inf_img_3{
	margin-left: 15px !important;
}
#doc_inf_img_4{
	margin-left: 15px !important;
}*/
/*------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------
-----------------------------------------------------*/

@media (min-width: 1745px) and (max-width:1919.98px){

	#header{
		width:100%;
		height:205px;
	}
	#my_slider{
		width:100%;
		height:205px;
	}
	#logo{
		width:80px;
		height:80px;
	}
	#name{
		width:360px;
		height:180px;
		left:39%;
	}
/*	#stroc{
		top:0%;
		height:70px;
		width:200px !important;
	}
*/
	.finder {
		font-size:10pt !important;
	}
	#polosa1{
		top:103% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
/*		width:400px !important;*/
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:30%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 0px;
		font:bold 14px/8px Helvetica;
		padding: 10px 6px;
	}
	#menuUl ul{
		top:30px;
	}
	.item-727 IMG{
		margin-top:-32% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 9pt !important;		
	}
	#informer_city > DIV {
		width: 300px; 
		height: 150px;  
		top:5%;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 9px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}
	#prog3day{
		top:42%;
		width:950px;
	}
	#prog3day  > DIV{
		top:31%;
		height:7%;
	}
	#name_text {
		top: 0%;
		height: 900px;
	}
	#name_top15{
		top:87%;
		font-size: 12pt;
		text-align: center !important;
	}
	#name_newvozm{
		top:90%;
		font-size: 12pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 11pt;
		top: 9%;
		left:0%;
	}
	#name_progn_pog3{
		top:32.5%;
		font-size: 12pt;
	/*	left:0%;*/
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:36%;
		font-size: 11pt;	
		left:-1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:11.6%;
		top:34.5%;
		height:7%;
	}
	#omskg2{
		width:13% !important;
	}
	#tumeng2{
		width:12% !important;		
	}
	#xmaog2{
		width:12% !important;		
	}
	#yanaog2{
		width:12% !important;		
	}
	#prg{
		width:940px;
		height:500px;
		top:42% !important;
		left:5%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:12pt;
		top:1%;
		left:45%;
	}
	#curr_month{
		font-size:12pt;
		top:1%;
	}
	#curr_day_of_week{
		font-size:11pt;
		top:2.8%;
	}
	#curr_year{
		font-size:12pt;
		left:55%;
		top:1%;
	}
	#sidebar{
		top:27%;
		left:87.5%;
	}
/*	#sidebar > DIV{
		width:200px;

	}
*/	#tab_progn3d{
		width:100%;
		left:10%;
	}
	#tab_progn3d SPAN{
		font-size: 10pt;
		font-weight: bold;
	}
	.forecast_text{
		font-size: 11pt !important;
		font-weight: bolder;
	}
	.forecast_text1{
		font-size:11pt !important;
		font-weight:bolder;
	}
	.region_names{
		font-size:12pt !important;
	}	
	.day_x{
		font-size:11pt !important;
	}
	.day_x1{
		font-size:11pt !important;
	}	
	.day_week{
		font-size:11pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:52%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
*/ 	
	#top {
		top:38% !important;
	}
	#zvonok {
		top:45% !important;
	}
	#top2{
		top:42% !important;
		left:82% !important;
	}
	#top1{
		top:0%;
		left:85%;
	}
	#prg2{
		width:80%;
		top:0.5%;
	}
	#zvonok1{
		top:84%;
	}
	#gl_m {
		width: auto !important;
	}	
}

@media (min-width: 1680px) and (max-width:1744.98px){

	#header{
		width:100%;
		height:207px;
	}
	#my_slider{
		width:100%;
		height:205px;
	}
	#logo{
		width:80px;
		height:80px;
	}
	#name{
		width:340px;
		height:170px;
		left:39%;
	}
/*	#stroc{
		top:0%;
		height:70px;
		width:200px !important;
	}
*/
	.finder {
		font-size:10pt !important;
	}
	#polosa1{
		top:98.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
/*		width:400px !important;*/
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:30%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 0px;
		font:bold 14px/8px Helvetica;
		padding: 10px 6px;
	}
	#menuUl ul{
		top:30px;
	}
	.item-727 IMG{
		margin-top:-40% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 9pt !important;		
	}
	#informer_city > DIV {
		width: 300px; 
		height: 150px;  
		top:5%;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 9px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}
/*	#prog3day{
		top:42%;
		width:950px;
	}
	#prog3day  > DIV{
		top:21.5%;
		height:5%;
	}
	#name_text {
		top: 0%;
		height: 900px;
	}
*/	
	#doc_inf {
		margin-top: 44.5% !important;
	}
	#name_top15{
		/*top:38%;*/
		font-size: 12pt;
		/*left:30%;*/
	}
	#name_newvozm{
		/*top:41%;*/
		font-size: 12pt;
		/*left:31%;*/
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 11pt;
		top: 9%;
		left:0%;
	}
	#name_progn_pog3{
	/*	top:23%;*/
		font-size: 12pt;
	/*	left:0%;*/
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
	/*	top:26%;*/
		font-size: 11pt;	
		left:-1%;
	}
	#omskg, #omskg_hov, #omskg2, #tumeng, #tumeng_hov, #tumeng2, #xmaog, #xmaog_hov, #xmaog2, #yanaog, #yanaog_hov, #yanaog2{
		width:12%;
		top:34.5%;
		height:7%;
	}
	#prg{
		width:940px;
		height:500px;
		top:45%;
		left:4.5%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:12pt;
		top:1%;
		left:45%;
	}
	#curr_month{
		font-size:12pt;
		top:1%;
	}
	#curr_day_of_week{
		font-size:11pt;
		top:2.8%;
	}
	#curr_year{
		font-size:12pt;
		left:55%;
		top:1%;
	}
	#sidebar{
		top:27% !important;
		left:87.5%;
	}
/*	#sidebar > DIV{
		width:200px;

	}
*/	#tab_progn3d{
		width:100%;
		left:10%;
	}
	#tab_progn3d SPAN{
		font-size: 10pt;
		font-weight: bold;
	}
	.forecast_text{
		font-size: 11pt !important;
		font-weight: bolder;
	}
	.forecast_text1{
		font-size:11pt !important;
		font-weight:bolder;
	}
	.region_names{
		font-size:12pt !important;
	}	
	.day_x{
		font-size:11pt !important;
	}
	.day_x1{
		font-size:11pt !important;
	}	
	.day_week{
		font-size:11pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:60%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	#top2{
		top:45%;
		left:85%;
	}
	#top1{
		top:0%;
		left:85%;
	}
	#prg2{
		width:80%;
		top:0.5%;
	}
	#zvonok1{
		top:81%;
	}
	#gl_m {
		width: auto !important;
	}	
}

@media (min-width: 1600px) and (max-width:1679.98px){

	#header{
		width:100%;
		height:195px;
	}
	#my_slider{
		width:100%;
		height:205px;
	}
	#logo{
		width:80px;
		height:80px;
	}
	#name{
		width:340px;
		height:170px;
		left:39%;
		top:7%;
	}
/*	#stroc{
		top:0%;
		height:70px;
		width:200px !important;
	}
*/
	.finder {
		font-size:10pt !important;
	}
	#polosa1{
		top:100% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
/*		width:400px !important;*/
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:30%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 0px;
		font:bold 14px/8px Helvetica;
		padding: 10px 6px;
	}
	#menuUl ul{
		top:30px;
	}
	.item-727 IMG{
		margin-top:-40% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 9pt !important;		
	}
	#informer_city > DIV {
		width: 300px; 
		height: 150px;  
		top:5%;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 9px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}
/*	#prog3day{
		top:42%;
		width:950px;
	}
	#prog3day  > DIV{
		top:21.5%;
		height:5%;
	}
	#name_text {
		top: 0%;
		height: 900px;
	}
*/	
	#doc_inf {
		margin-top:46% !important;
	}
	#name_top15{
		/*top:38%;*/
		font-size: 12pt;
		/*left:30%;*/
	}
	#name_newvozm{
		/*top:41%;*/
		font-size: 12pt;
		/*left:31%;*/
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 11pt;
		top: 9%;
		left:0%;
	}
	#name_progn_pog3{
	/*	top:23%;*/
		font-size: 12pt;
	/*	left:0%;*/
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
	/*	top:26%;*/
		font-size: 11pt;	
		left:-1%;
	}
	#omskg, #omskg_hov, #omskg2, #tumeng, #tumeng_hov, #tumeng2, #xmaog, #xmaog_hov, #xmaog2, #yanaog, #yanaog_hov, #yanaog2{
		width:12%;
		top:34.5%;
		height:7%;
	}
	#prg{
		width:940px;
		height:500px;
		top:45%;
		left:4.5%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:12pt;
		top:1%;
		left:45%;
	}
	#curr_month{
		font-size:12pt;
		top:1%;
	}
	#curr_day_of_week{
		font-size:11pt;
		top:2.8%;
	}
	#curr_year{
		font-size:12pt;
		left:55%;
		top:1%;
	}
	#sidebar{
		top:27%;
		left:87%;
	}
/*	#sidebar > DIV{
		width:200px;

	}
*/	#tab_progn3d{
		width:100%;
		left:10%;
	}
	#tab_progn3d SPAN{
		font-size: 10pt;
		font-weight: bold;
	}
	.forecast_text{
		font-size: 11pt !important;
		font-weight: bolder;
	}
	.forecast_text1{
		font-size:11pt !important;
		font-weight:bolder;
	}
	.region_names{
		font-size:12pt !important;
	}	
	.day_x{
		font-size:11pt !important;
	}
	.day_x1{
		font-size:11pt !important;
	}	
	.day_week{
		font-size:11pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:60%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	#top2{
		top:45%;
		left:85%;
	}
	#top1{
		top:0%;
		left:85%;
	}
	#prg2{
		width:80%;
		top:0.5%;
	}
	#zvonok1{
		top:81%;
	}
	#doc_inf_img_7 {
		margin-left: -1px !important;
	}
}

@media (min-width: 1400px) and (max-width:1599.98px){

	#header{
		width:100%;
		height:176.5px;
	}
	#my_slider{
		width:100%;
		height:175px;
	}
	#logo{
		width:70px;
		height:70px;
	}
	#name{
		width:280px;
		height:140px;
		left:39%;
	}
/*	#stroc{
		top:-30%;
		height:100px;
		width:250px !important;
	}
*/
	.finder {
		font-size:10pt !important;
	}
	#polosa1{
		top:97.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:400px !important;
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:33%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 5px;
		font:bolder 11px/5px Helvetica;
		padding: 3px 6px;
	}
	#menuUl ul{
		top:20px;
	}
	.item-727 IMG{
		margin-top:-35% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	#informer_city > DIV {
		width: 220px; 
		height: 110px;  
		top:-2%;
	}
	#informer_omsk {
		left: 2% !important;
	}
	#informer_tumen {
		left: 27% !important;
	}
	#informer_xmao {
		left: 52% !important;
	}	
	#informer_yanao{
		left: 77% !important;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 9px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		font-size: 9pt;
		width: 120px; 
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}

	#prog3day{
		top:42%;
		width:950px;
	}
	#prog3day  > DIV{
		top:22.5%;
		height:5%;
	}
	#name_text {
		top: 0%;
		height: 900px;
	}
	#doc_inf {
		margin-top: 35% !important;
	}
	#doc_inf  > A > IMG{
		width: 200px !important;
		height: 80px !important;
	}
	#name_top15{
		top:66%;
		font-size: 10pt;
		text-align: center !important;
	}
	#name_newvozm{
		top:69%;
		font-size: 10pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 9pt;
		top: 6.5%;
		left:0.3%;
	}
	#name_progn_pog3{
		top:24%;
		font-size: 11pt;
		left:-0.5%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:27%;
		font-size: 9pt;	
		left:0%;
	}
	#omskg, #omskg_hov, #omskg2, #tumeng, #tumeng_hov, #tumeng2, #xmaog, #xmaog_hov, #xmaog2, #yanaog, #yanaog_hov, #yanaog2{
		width:10%;
		margin-top:1%;
	}
	#prog3day  > DIV {
		margin-left:2% !important;
	}
	#prg{
		width:100%;
		height:500px;
		margin-top:8%;
		left:-2%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:11pt;
		margin-top:1%;
		left:44%;
	}
	#curr_month{
		font-size:11pt;
		margin-top:1%;
	}
	#curr_day_of_week{
		font-size:9pt;
		margin-top:2.8%;
	}
	#curr_year{
		font-size:11pt;
		left:55%;
		margin-top:1%;
	}
	#sidebar{
		top:23%;
		right:0%;
	}
	#sidebar > DIV{
		width:200px;

	}
	#tab_progn3d{
		width:80%;
		left:10%;
	}
	#tab_progn3d SPAN{
		font-size: 9pt;
		font-weight: bold;
	}
	.forecast_text{
		font-size: 11pt !important;
		font-weight: bolder;
	}
	.forecast_text1{
		font-size:11pt !important;
		font-weight:bolder;
	}
	.region_names{
		font-size:12pt !important;
	}	
	.day_x{
		font-size:11pt !important;
	}
	.day_x1{
		font-size:11pt !important;
	}	
	.day_week{
		font-size:11pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:44%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top {
		top:16% !important;
	}
	#zvonok {
		top:24% !important;
	}
	#top2{
		top:29% !important;
		left:85% !important;
		
	}
	#top1{
		top:0%;
		left:89%;
	}
	#prg2{
		width:90%;
		top:0.5%;
		left:3%;
	}
	#zvonok1{
		top:77%;
	}
	#gl_m {
		width: auto !important;
		margin-right: 0% !important;
	}	
	#doc_inf_img_7 {
		margin-left: -1px !important;
	}
}

@media (min-width: 1360px) and (max-width:1399.98px){

	#header{
		width:100%;
		height:173px;
	}
	#my_slider{
		width:100%;
		height:158px;
	}
	#logo{
		width:70px;
		height:70px;
	}
	#name{
		width:280px;
		height:140px;
		left:39%;
	}
/*	#stroc{
		top:-30%;
		height:100px;
		width:250px !important;
	}
*/
	.finder {
		font-size:10pt !important;
	}
	#polosa1{
		top:97% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:400px !important;
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:40%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 5px;
		font:bolder 11px/5px Helvetica;
		padding: 3px 6px;
	}
	#menuUl ul{
		top:20px;
	}
	.item-727 IMG{
		margin-top:-35% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	
	#informer_city > DIV {
		width: 220px; 
		height: 110px;  
		top:-2%;
	}
	#informer_omsk {
		left: 2% !important;
	}
	#informer_tumen {
		left: 27% !important;
	}
	#informer_xmao {
		left: 52% !important;
	}	
	#informer_yanao{
		left: 77% !important;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 9px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		font-size: 9pt;
		width: 120px;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}

	#prog3day{
		top:50%;
		width:950px;
	}
	#prog3day  > DIV{
		top:23%;
		width:12.8%;
		height:6% !important;
		margin-left:1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:12.5% !important;
		top:30%;
	}
	#omskg2{
		width:12.8% !important;
	}
	#tumeng2{
		width:12.8% !important;
	}
	#xmaog2{
		width:12.8 !important;
	}	
	#yanaog2{
		width:12.8% !important;
	}
	#name_text {
		top: 0%;
		height: 900px;
	}
	#doc_inf {
		margin-top: 38% !important;
	}
	#doc_inf  > A > IMG{
		width: 200px !important;
		height: 80px !important;
	}
	#name_top15{
		top:67% !important;
		font-size: 10pt !important;
		text-align:center !important;
	}
	#name_newvozm{
		top:70%;
		font-size: 10pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 9pt;
		top: 6%;
		left:0.7%;
	}
	#name_progn_pog3{
		top:23.5%;
		font-size: 11pt;
		left:-1.4%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:26.5%;
		font-size: 9pt;	
		left:0%;
	}
	#prg{
		position:absolute !important;
		width:80% !important;
		top:31% !important;
		left:1.5% !important;
		background-color:white;
	}
	#tab_progn3d{
		width:100%;
		left:10%;
	}
	#tab_progn3d  SPAN, #tab_progn3d P{
		font-size: 9pt;
		font-weight: bold;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:11pt;
		margin-top:1%;
		left:44%;
	}
	#curr_month{
		font-size:11pt;
		margin-top:1%;
	}
	#curr_day_of_week{
		font-size:9pt;
		margin-top:2.8%;
	}
	#curr_year{
		font-size:11pt;
		left:55%;
		margin-top:1%;
	}
	#sidebar{
		top:23%;
		right:0%;
	}
	#sidebar > DIV{
		width:200px;

	}

	.forecast_text{
		font-size: 11pt !important;
		font-weight: bolder;
	}
	.forecast_text1{
		font-size:11pt !important;
		font-weight:bolder;
	}
	.region_names{
		font-size:12pt !important;
	}	
	.day_x{
		font-size:11pt !important;
	}
	.day_x1{
		font-size:11pt !important;
	}	
	.day_week{
		font-size:11pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:45%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top {
		top:15% !important;
	}
	#zvonok {
		top:22% !important;
	}
	#top2{
		margin-top:10%;
		left:84%;
		width:7% !important;
	}
	#top1{
		top:0%;
		left:93%;
		
	}
	#prg2{
		width:95%;
		top:0.5%;
		left:2.5%;
	}
	#zvonok1{
		top:78%;
	}
	#gl_m {
		width: auto !important;
	}	
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 1280px) and (max-width:1359.98px){ 

	#header{
		width:100%;
		height:158px;
	}
	#my_slider{
		width:100%;
		height:158px;
	}
	#logo{
		width:48px;
		height:48px;
	}
	#name{
		width:240px;
		height:120px;
		left:39%;
	}
/*	#stroc{
		top:-30%;
		height:100px;
		width:250px !important;
	}
*/
	.finder {
		font-size:10pt !important;
	}
	.input-medium {
		font-size:8pt !important;	
	}
	#polosa1{
		top:98.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:400px !important;
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:40%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 5px;
		font:bolder 10px/5px Helvetica;
		padding: 2px 6px;
	}
	#menuUl ul{
		top:20px;
	}
	.item-727 IMG{
		margin-top:-35% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	#informer_city > DIV {
		width: 220px; 
		height: 110px;  
		top:-3%;
	}
	#informer_omsk {
		left: 1.3% !important;
	}
	#informer_tumen {
		left: 26.3% !important;
	}
	#informer_xmao {
		left: 51.3% !important;
	}	
	#informer_yanao{
		left: 76.3% !important;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		font-size: 9pt;
		width: 110px; 
	}

	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}

	#prog3day{
		top:40%;
		width:950px;
	}
	#prog3day  > DIV{
		top:21.5%;
		height:5%;
		margin-left:2%;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 37% !important;
	}
	#doc_inf  > A > IMG{
		width: 194px !important;
		height: 80px !important;
	}
	#name_top15{
		top:71%;
		font-size: 8pt;
		text-align: center;
	}
	#name_newvozm{
		top:74%;
		font-size: 8pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 9pt;
		top: 5.5%;
		left:0.3%;
	}
	#name_progn_pog3{
		top:25%;
		font-size: 9pt;
		left:0%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:28%;
		font-size: 8pt;	
		left:1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:11%;
	}
	#prg{
		width:940px;
		height:500px;
		margin-top:10%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:8pt;
		margin-top:0%;
		left:44%;
	}
	#curr_month{
		font-size:8pt;
		margin-top:0%;
	}
	#curr_day_of_week{
		font-size:8pt;
		margin-top:2%;
	}
	#curr_year{
		font-size:8pt;
		left:55%;
		margin-top:0%;
	}
	#sidebar{
		top:21%;
		right:0%;
	}
	#sidebar > DIV{
		width:200px;

	}
	#tab_progn3d SPAN{
		font-size:7pt !important;
		width:80%;
		left:10%;
	}
	#tab_progn3d {
		font-size:7pt !important;
	}
	.forecast_text{
		font-size:9pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:9pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:10pt !important;
	}	
	.day_x{
		font-size:8pt !important;
	}
	.day_x1{
		font-size:8pt !important;
	}	
	.day_week{
		font-size:8pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:44%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top {
		top:10% !important;
	}
	#zvonok {
		top:17% !important;
	}
	#top2{
		margin-top:10%;
		left:82%;
		
	}
	#top1{
		top:-12%;
		left:86%;
	}
	#prg2{
		width:80%;
	}
	#zvonok1{
		top:48%;
	}
	#gl_m {
		width: auto !important;
		margin-right: 0% !important;
	}		
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 1152px) and (max-width:1279.98px){ 

	#header{
		width:100%;
		height:158px;
	}
	#header IMG{
		height:100%;
	}
	#my_slider{
		width:100%;
		height:158px;
	}
	#logo{
		width:48px;
		height:48px;
	}
	#name{
		width:240px;
		height:120px;
		left:39%;
	}
/*	#stroc{
		top:-30%;
		height:100px;
		width:250px !important;
	}
*/
	.finder {
		font-size:8pt !important;
	}
	.input-medium {
		font-size:8pt !important;	
	}
	#polosa1{
		top:98.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:400px !important;
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:40%;
	}
	#menuUl {
		width:100%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 5px;
		font:bolder 10px/5px Helvetica;
		padding: 2px 6px;
	}
	#menuUl ul{
		top:20px;
	}
	#menuUl li {
		padding: 0px 0px 8px 0px;
		position:relative;
	}	
	.item-727 IMG{
		margin-top:-35% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr {
		width:100%;
		left:0%;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	#informer_city{
		width:92% !important;
	}
	#informer_city > DIV {
		width: 220px; 
		height: 110px;  
		top:-3%;
	}
	#informer_omsk {
		left: 2% !important;
	}
	#informer_tumen {
		left: 26% !important;
	}
	#informer_xmao {
		left: 52% !important;
	}	
	#informer_yanao{
		left: 78% !important;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		font-size: 9pt;
		width: 110px; 
	}

	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}

	#prog3day{
		top:40%;
		width:100%;
	}
	#prog3day  > DIV{
		top:21.5%;
		height:5%;
		margin-left:-1%;
	}
	#name_text {
		top: 0%;
		height: 800px;
		margin-left:-2%;
	}
	#doc_inf {
		margin-top: 36% !important;
	}
	#doc_inf  > A > IMG{
		width: 200px !important;
		height: 80px !important;
	}
	#name_top15{
		top:71%;
		font-size: 10pt;
		text-align: center;
	}
	#name_newvozm{
		top:74%;
		font-size: 10pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 9pt;
		top: 5.5%;
		left:0.3%;
	}
	#name_progn_pog3{
		top:25%;
		font-size: 10pt;
		left:0%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:28%;
		font-size: 9pt;	
		left:-1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:11%;
	}
	#prg{
		width:940px;
		height:500px;
		margin-top:10%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:10pt;
		margin-top:0%;
		left:44%;
	}
	#curr_month{
		font-size:10pt;
		margin-top:0%;
	}
	#curr_day_of_week{
		font-size:10pt;
		margin-top:2%;
	}
	#curr_year{
		font-size:10pt;
		left:55%;
		margin-top:0%;
	}
	#sidebar{
		top:22%;
		right:0%;
	}
	#sidebar > DIV{
		width:200px;

	}
	#tab_progn3d SPAN{
		font-size:7pt !important;
		width:80%;
		left:10%;
	}
	#tab_progn3d {
		font-size:7pt !important;
	}
	.forecast_text{
		font-size:9pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:9pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:10pt !important;
	}	
	.day_x{
		font-size:8pt !important;
	}
	.day_x1{
		font-size:8pt !important;
	}	
	.day_week{
		font-size:8pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:44%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top {
		top:10% !important;
	}
	#zvonok {
		top:17% !important;
	}
	#top2{
		margin-top:10%;
		left:82%;
		
	}
	#top1{
		top:-12%;
		left:86%;
	}
	#prg2{
		width:80%;
	}
	#zvonok1{
		top:48%;
	}
	#ross_190{
		width:100%!important;
	}
	#gl_m{
		width:96%;
	}
/*	#menu{
		width:95.3%;
	}*/
	#contstr, #contstr SPAN, #contstr STRONG {
		width: 85%;
	}
	.item-234 {
		position:relative !important;
		margin-left:88% !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 1080px) and (max-width:1151.98px){ 

	#header{
		width:100%;
		height:160px !important;
	}
	#header IMG{
		height:100%;
	}
	#my_slider{
		width:100%;
		height:158px;
	}
	#logo{
		width:48px;
		height:48px;
	}
	#name{
		width:240px;
		height:120px;
		left:39%;
	}
/*	#stroc{
		top:-30%;
		height:100px;
		width:250px !important;
	}
*/
	.finder {
		font-size:8pt !important;
	}
	.input-medium {
		font-size:8pt !important;	
	}
	#polosa1{
		top:98.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:400px !important;
	}
	#ModalOpen3 > DIV{
		width:30%;
		height:40%;
	}
	#menuUl {
		width:100%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 5px;
		font:bolder 10px/5px Helvetica;
		padding: 2px 6px;
	}
	#menuUl ul{
		top:20px;
	}
	.item-727 IMG{
		margin-top:-35% !important;
	}
	.image-title{
		opacity:0;
	}
	#contstr {
		width:86%;
		left:0%;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:11pt;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	#informer_city > DIV {
		width: 220px; 
		height: 110px;  
		top:-3%;
		margin-left: 4%;
	}
	
	#informer_omsk> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		float:none;
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#info_omsk_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;
	}
	#info_tumen_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;		
	}
	#info_xmao_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;
	} 
	#info_yanao_data > DIV{
		font-size: 7px;	
		margin-top:47%;
		margin-left:-50%;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 10pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
/*	#informer_omsk {
		left: 0% !important;
	}
	#informer_tumen {
		left: 25.4% !important;
	}
	#informer_xmao {
		left: 50.7% !important;
	}	
	#informer_yanao{
		left: 76% !important;
	}
	#informer_omsk> DIV{ 
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		background-size: contain !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 9pt;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		font-size: 9pt;
		width: 110px; 
	}

	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left: 54.5%;
		top: 89%;
	}
	#info_city1_11_img > IMG, #info_city2_11_img > IMG, #info_city3_11_img > IMG, #info_city4_11_img > IMG{
		width:30px;
		height:30px;
		top:0%;
	}
*/
	#prog3day{
		top:40%;
		width:950px;
	}
	#prog3day  > DIV{
		top:31.5%;
		height:5%;
		margin-left:-1.5%;
	}
	#name_text {
		top: 10%;
		height: 800px;
		margin-left: -3% !important;
	}
	#doc_inf {
		margin-top: 38% !important;
	}
	#doc_inf  > A > IMG{
		width: 200px !important;
		height: 80px !important;
	}
	#name_top15{
		top:71%;
		font-size: 10pt;
		text-align: center;
	}
	#name_newvozm{
		top:74%;
		font-size: 10pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 9pt;
		top: 5.5%;
		left:0.3%;
	}
	#name_progn_pog3{
		top:25%;
		font-size: 10pt;
		left:0%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:28%;
		font-size: 9pt;	
		left:1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:11%;
	}
	#prg{
		width:940px;
		height:500px;
		margin-top:10%;
		/*background: linear-gradient(#ffffff, #c6e0f9);*/
		background-color:white;
	}	
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:10pt;
		margin-top:0%;
		left:44%;
	}
	#curr_month{
		font-size:10pt;
		margin-top:0%;
	}
	#curr_day_of_week{
		font-size:10pt;
		margin-top:2%;
	}
	#curr_year{
		font-size:10pt;
		left:55%;
		margin-top:0%;
	}
	#sidebar{
		top:22% !important;
		right:0%;
		display:block;
	}
	#tab_progn3d SPAN{
		font-size:7pt !important;
		width:80%;
		left:10%;
	}
	#tab_progn3d {
		font-size:7pt !important;
	}
	.forecast_text{
		font-size:9pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:9pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:10pt !important;
	}	
	.day_x{
		font-size:8pt !important;
	}
	.day_x1{
		font-size:8pt !important;
	}	
	.day_week{
		font-size:8pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	} 
	#topusl {
		top:44%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top {
		top:37% !important;
	}
	#zvonok {
		top:44% !important;
	}
	#top2{
		margin-top:10%;
		left:82%;
		
	}
	#top1{
		top:-12%;
		left:86%;
	}
	#prg2{
		width:80%;
	}
	#zvonok1{
		top:48%;
	}
	.item-234 {
		position:relative !important;
		margin-left:88% !important;
	}
	#gl_m {
		width: auto !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}	
}

@media (min-width: 1024px) and (max-width:1079.98px){ 

	#header{
		width:100%;
		height:125px;
	}
	#my_slider{
		width:100%;
		height:158px;
	}
	#logo{
		width:50px;
		height:50px;
	}
	#name{
		width:220px;
		height:110px;
		left:39%;
		top:6%;
	}
	#stroc{
		top:50%;
		height:60px;
		width:250px !important;
		left:-2%;
	}
	.finder {
		font-size:8pt !important;
	}
	.input-medium {
		font-size:8pt !important;	
	}
	#polosa1{
		top:98.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:400px !important;
	}
	#ModalOpen3 > DIV{
		width:50%;
		height:43%;
	}
	#menuUl a {
		box-shadow:none;
		text-shadow:none;
		height: 5px;
		font:bolder 7pt/5px Helvetica;
		padding: 2px 6px;
	}
	#menuUl ul{
		top:20px;
	}
	.item-727 IMG{
		margin-top:-39.5% !important;
	}
	.image-title{
		opacity:0;
	}
	#informer_omsk> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		float:none;
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#info_omsk_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;
	}
	#info_tumen_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;		
	}
	#info_xmao_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;
	} 
	#info_yanao_data > DIV{
		font-size: 7px;	
		margin-top:47%;
		margin-left:-50%;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 10pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	#contstr, #contstr SPAN, #contstr STRONG {
		font-size:0pt;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	#informer_city > DIV {
		width: 200px; 
		height: 100px;  
		top:0%;
		margin-left:6%;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;		
	}
	#prog3day{
		top:50%;
		width:950px;
	}
	#prog3day  > DIV{
		top:26.5%;
		width:11.8%;
		height:4.5%;
		margin-left:1%;
	}
	#omskg2{
		width:13% !important;
	}
	#tumeng2{
		width:14% !important;
	}
	#xmaog2{
		width:14% !important;
	}	
	#yanaog2{
		width:14% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 49% !important;
	}
	#doc_inf  > A > IMG{
		width: 200px !important;
		height: 70px !important;
	}
	#name_top15{
		top:72% !important;
		font-size: 8pt;
		text-align: center;
	}
	#name_newvozm{
		top:76% !important;
		font-size: 8pt;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 8pt;
		top: 4.5%;
		left:0%;
	}
	#name_progn_pog3{
		top:34.5%;
		font-size: 8pt;
		left:0%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:36.3%;
		font-size: 8pt;	
		left:-1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:11%;
	}
	#prg{
		position:absolute !important;
		width:80% !important;
		top:33% !important;
		left:10% !important;
	}	
	#prg > DIV{
		
	}
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:8pt;
		margin-top:0%;
		left:44%;
	}
	#curr_month{
		font-size:8pt;
		margin-top:0%;
	}
	#curr_day_of_week{
		font-size:8pt;
		margin-top:2%;
	}
	#curr_year{
		font-size:8pt;
		left:55%;
		margin-top:0%;
	}
	#sidebar{
		top:18%;
		left:80%;
		width:20% !important;
	}
	#contstr{
		left:0% !important;
		width:80%;
	}
	#prg TABLE, #prg SPAN{
		font-size:6.5pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	.forecast_text{
		font-size:6.5pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:6.5pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7.5pt !important;
	}	
	.day_x{
		font-size:6.5pt !important;
	}
	.day_x1{
		font-size:6.5pt !important;
	}	
	.day_week{
		font-size:6.5pt !important;
	}
	.krestik{
		width:940px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:55%;
	}
	#top{
		top:-18% !important;
	}
	#zvonok{
		top:-10% !important;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	#top2{
		margin-top: 10%;
		left: 82%;
		
	}
	#top1{
		top: 0%;
		left: 91%;
		z-index: 999999;
	}
	#prg2{
		width: 88% !important;
		top: 0%;
		left: 6.5%;
	}
	#zvonok1{
		top: 57%;
	}
	.item-234 {
		position:relative !important;
		margin-left:88% !important;
	}
	#gl_m {
		width: auto !important;
	}
	#doc_inf_img_5 {
		margin-left: -1px !important;
	}	
}

@media (min-width: 992px) and (max-width:1023.98px){ 

	#header{
		width:100%;
		height:124px !important;
	}
	#my_slider IMG{
		width:100%;
		height:124px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
	#logo{
		width:50px;
		height:50px;
		left:2%;
		display:none;
	}
	#name{
		width:200px;
		height:100px;
		left:38.5%;
	}
	#stroc{
		top:60%;
		height:60px;
		width:240px !important;
		left:-2%;
	}
	#polosa1{
		top:98.5% !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:300px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:25%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
	#informer_omsk> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#informer_tumen> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#informer_xmao> DIV{ 
		float:none;
		background-size: contain !important;
	}	
	#informer_yanao> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#info_omsk_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;
	}
	#info_tumen_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;		
	}
	#info_xmao_data > DIV{
		font-size: 7px;
		margin-top:47%;
		margin-left:-50%;
	} 
	#info_yanao_data > DIV{
		font-size: 7px;	
		margin-top:47%;
		margin-left:-50%;		
	}
	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5{
		font-size: 10pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key, .ed_izm {
		font-size: 6pt !important;		
	}
	#informer_city > DIV {
		width: 200px; 
		height: 100px;  
		margin-top:7.5%;
		margin-left:6%;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:26.5%;
		width:14.5%;
		height:4%;
		margin-left:1%;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg2{
		width:15% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:15% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:15% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:15% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#name_top15{
		top:72%;
		font-size: 8pt;
		left:28%;
	}
	#name_newvozm{
		top:75%;
		font-size: 8pt;
		left:34%;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 8pt;
		top: 4.5%;
		left:0%;
	}
	#name_progn_pog3{
		top:34%;
		font-size: 8pt;
		left:0%;
	} 
	#name_omskobl, #name_ygtumen, #name_xmao, #name_yanao{
		top:36%;
		font-size: 8pt;	
		left:-1%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:13% !important;
	}
	#curr_year{
		left:59%;
	}
	#curr_day{
		font-size:8pt;
		margin-top:0%;
		left:44%;
	}
	#curr_month{
		font-size:8pt;
		margin-top:0%;
	}
	#curr_day_of_week{
		font-size:8pt;
		margin-top:2%;
	}
	#curr_year{
		font-size:8pt;
		left:59%;
		margin-top:0%;
	}
	#sidebar{
		display:block !important;
		top:15%;
		left:81%;
		width:180px !important;
	}
	#sidebar  IMG{
		width:180px !important;
	}
	#aside{
		display:none !important;
	}
/*	#op_yav{
		text-align:left;
		width:180px !important;
	}*/
	.side_oy_t1{
		left:-10%;
	}
	.side_oy_t2{
		left:4%;
	}
	.side_oy_t3{
		left:25%;
	}
	.side_oy_t4{
		left:13%;
	}
	#details_opyav{
		left:-2%;
		font-size:10pt;
	}
	#shtorm  IMG{
		width:180px !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:75%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:32% !important;
		left:1% !important;
	}	
	#prg TABLE, #prg SPAN {
		font-size:6.5pt;
		width:100%;
		left:-2%;
		font-weight:bold;
	}
	#prg IMG{
		width:25px;
		height:25px;
	}
	.forecast_text{
		font-size:9pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:9pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:9pt !important;
	}	
	.day_x{
		font-size:9pt !important;
	}
	.day_x1{
		font-size:9pt !important;
	}	
	.day_week{
		font-size:9pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:55%;
	}
	#zvonok{
		top:-11%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-18%;
		width:390px !important;
		z-index:999;
	}
	#top1{
		top: 0%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: 0%;
		left: 6.5%;
	}
	#zvonok1{
		top: 50% !important;
	}
	#doc_inf {
		margin-top: 55% !important;
	}
	#doc_inf  > A > IMG{
		width: 155px !important;
		height: 60px !important;
	}
	#gl_m {
		width: auto !important;
		margin-right: 0% !important;
	}	
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

/*@media (min-width: 992px) and (max-width:1023.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}*/
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*//*
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;*/
/*		height:5px;*//*
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}*/
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*//*
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:4.5%;
		margin-left:5%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:950px;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:0% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 49.5% !important;
	}
	#doc_inf  > A > IMG{
		width: 180px !important;
		height: 60px !important;
	}
	#name_top15{
		top:103%;
		font-size: 8pt;
		left:25%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:106%;
		font-size: 8pt;
		left:32%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 6%;
		left:0.5%;
	}*/
/*	#name_omsk{
		left:0% !important;
	}
	#name_tumen{
		left:0% !important;		
	}
	#name_hanty_mans{
		left:-0% !important;		
	}
	#name_saleh{
		left:0% !important;		
	}
*//*
	#name_progn_pog3{
		top:32%;
		font-size: 8pt;
		left:-3%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 7pt;	
		left:-5.5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 7pt;	
		left:-4.2%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	*/
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*//*
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:39%;
	}
	#shtorm{
		width:160px !important;
		height:390px !important;
		top:0% !important;
	}*/
/*	#shtorm  DIV{
		width:160px !important;
		height:500px !important;
	}*//*
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:70% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:-3%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:0%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:30%;
	}
	.side_oy_t4{
		left:18%;
	}
	#details_opyav{
		width:155px !important;
		left:0%;
		font-size:7pt;
		top:57% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:55% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:44%;
		width:100%;
		left:0%;
	}*/
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	/*
	#top{
		top:36%;
		width:350px !important;
		z-index:999;
		left:20%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 29% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
}
*/

@media (min-width: 854px) and (max-width:991.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:4.5%;
		margin-left:5%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:0% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 47% !important;
	}
	#doc_inf  > A > IMG{
		width: 180px !important;
		height: 60px !important;
	}
	#name_top15{
		top:69%;
		font-size: 8pt;
		left:25%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:72%;
		font-size: 8pt;
		left:32%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 6%;
		left:0.5%;
	}
/*	#name_omsk{
		left:0% !important;
	}
	#name_tumen{
		left:0% !important;		
	}
	#name_hanty_mans{
		left:-0% !important;		
	}
	#name_saleh{
		left:0% !important;		
	}
*/
	#name_progn_pog3{
		top:32%;
		font-size: 8pt;
		left:-3%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 7pt;	
		left:-5.5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 7pt;	
		left:-4.2%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:21%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:60%;
	}
	#shtorm{
		width:300px !important;
		height:390px !important;
		top:0% !important;
		padding-left:5% !important;
	}
/*	#shtorm  DIV{
		width:160px !important;
		height:500px !important;
	}*/
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:70% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:24%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:24%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:41%;
	}
	.side_oy_t4{
		left:34%;
	}
	#details_opyav{
		width:250px !important;
		left:10%;
		font-size:7pt;
		top:70% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:56% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-19%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-27%;
		width:390px !important;
		z-index:999;
		left:20%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 29% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: 0%;
	}
	#kshu2 {
	/*	margin-top: 80%; */
	}
	#gl_m {
		width: auto !important;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 25% !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 800px) and (max-width:853.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:4.5%;
		margin-left:5%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:0% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 49.5% !important;
	}
	#doc_inf  > A > IMG{
		width: 167px !important;
		height: 60px !important;
	}
	#name_top15{
		top:68%;
		font-size: 8pt;
		left:25%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:71%;
		font-size: 8pt;
		left:32%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 6%;
		left:0.5%;
	}
/*	#name_omsk{
		left:0% !important;
	}
	#name_tumen{
		left:0% !important;		
	}
	#name_hanty_mans{
		left:-0% !important;		
	}
	#name_saleh{
		left:0% !important;		
	}
*/
	#name_progn_pog3{
		top:32%;
		font-size: 8pt;
		left:-3%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 7pt;	
		left:-5.5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 7pt;	
		left:-4.2%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:20%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:58%;
	}
	#shtorm{
		width:300px !important;
		height:390px !important;
		top:0% !important;
	}
/*	#shtorm  DIV{
		width:160px !important;
		height:500px !important;
	}*/
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:70% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:23%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:23%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:40%;
	}
	.side_oy_t4{
		left:32%;
	}
	#details_opyav{
		width:250px !important;
		left:10%;
		font-size:7pt;
		top:70% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:56% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-19%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-27%;
		width:390px !important;
		z-index:999;
		left:22%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 29% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: 0%;
	}
	#kshu2 {
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto !important;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 25% !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 768px) and (max-width:799.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto!important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:4.5%;
		margin-left:5%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:100%;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:0% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 49.5% !important;
	}
	#doc_inf  > A > IMG{
		width: 160px !important;
		height: 60px !important;
	}
	#name_top15{
		top:66%;
		font-size: 8pt;
		left:25%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:69%;
		font-size: 8pt;
		left:32%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 6%;
		left:0.5%;
	}
/*	#name_omsk{
		left:0% !important;
	}
	#name_tumen{
		left:0% !important;		
	}
	#name_hanty_mans{
		left:-0% !important;		
	}
	#name_saleh{
		left:0% !important;		
	}
*/
	#name_progn_pog3{
		top:32%;
		font-size: 8pt;
		left:-3%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 7pt;	
		left:-5.5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 7pt;	
		left:-4.2%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:20%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:55%;
	}
	#shtorm{
		width:250px !important;
		height:390px !important;
		top:0% !important;
		margin-left: 5% !important;			
	}
/*	#shtorm  DIV{
		width:160px !important;
		height:500px !important;
	}*/
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
		margin-right:6% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;
		margin-right:5% !important;			
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;	
	}
	#title-slider IMG{
		margin-left:58% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:10%;
		width:200px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:18%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:39%;
	}
	.side_oy_t4{
		left:30%;
	}
	#details_opyav{
		width:230px !important;
		left:0%;
		font-size:7pt;
		top:70% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:54% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-19%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-27%;
		width:390px !important;
		z-index:999;
		left:24%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 29% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -3%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#ros_190 {
		width: 100%;
	}
	#gl_m {
		width: auto !important;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 50px !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 720px) and (max-width:767.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:4.5%;
		margin-left:5%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:70%;
		width: auto!important;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:0% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 56% !important;
	}
	#doc_inf  > A > IMG{
		width: 160px !important;
		height: 60px !important;
	}
	#name_top15{
		top:68%  !important;
		font-size: 8pt;
		left:25%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:71%;
		font-size: 8pt;
		left:32%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 6%;
		left:0.5%;
	}
/*	#name_omsk{
		left:0% !important;
	}
	#name_tumen{
		left:0% !important;		
	}
	#name_hanty_mans{
		left:-0% !important;		
	}
	#name_saleh{
		left:0% !important;		
	}
*/
	#name_progn_pog3{
		top:32%;
		font-size: 8pt;
		left:-3%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 7pt;	
		left:-5.5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 7pt;	
		left:-4%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 7pt;	
		left:-4.2%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:90%;
		height:auto;
		top:58%;
		left:5%;
	}
	#shtorm{
		width:250px !important;
		height:390px !important;
		top:0% !important;
	}
/*	#shtorm  DIV{
		width:160px !important;
		height:500px !important;
	}*/
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:70% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:18%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:18%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:39%;
	}
	.side_oy_t4{
		left:30%;
	}
	#details_opyav{
		width:230px !important;
		left:0%;
		font-size:7pt;
		top:69% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:55% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-17%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-25%;
		width:390px !important;
		z-index:999;
		left:23%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 38% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -1%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto !important;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 50px !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 640px) and (max-width:719.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:7.5%;
		margin-left:3%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:950px;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:-1.5% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 60% !important;
	}
/*	#doc_inf_img_4{
		margin-left: 12px !important;
		margin-right: 18px !important;
		margin-top: 5px !important;
	}*/
	#doc_inf  > A > IMG{
/*		width: 150px !important;*/
		height: 65px !important;
	}
	#name_top15{
		top:65%;
		font-size: 8pt;
		left:20%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:69%;
		font-size: 8pt;
		left:29%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 6%;
		left:-1.5%;
	}
/*	#name_omsk{
		left:0% !important;
	}
	#name_tumen{
		left:0% !important;		
	}
	#name_hanty_mans{
		left:-0% !important;		
	}
	#name_saleh{
		left:0% !important;		
	}
*/
	#name_progn_pog3{
		top:32%;
		font-size: 8pt;
		left:-7%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 7pt;	
		left:-6%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 7pt;	
		left:-4.5%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 7pt;	
		left:-4.5%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 7pt;	
		left:-5%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:60%;
	}
	#shtorm{
		width:250px !important;
		height:390px !important;
		top:0% !important;
		margin-left: 3%;
	}
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;
		margin-right: 4%;
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:62% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:18%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:18%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:39%;
	}
	.side_oy_t4{
		left:30%;
	}
	#details_opyav{
		width:200px !important;
		left:10%;
		font-size:7pt;
		top:67% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:54% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-20%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-27%;
		width:350px !important;
		z-index:999;
		left:20%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 29% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top:-2%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 50px !important;
	}
	#doc_inf_img_5 {
		margin-left: -1px !important;
	}
}

@media (min-width: 576px) and (max-width:639.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height: auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:41%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:2% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:7.5%;
		margin-left:3%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 50% !important;
		width:100px;
		left:50%;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 53% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:52%;
		margin-left:-50%;
	}
	#info_city1_10, #info_city2_10, #info_city3_10, #info_city4_10{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_10 > SPAN, #info_city2_10 > SPAN, #info_city3_10 > SPAN, #info_city4_10 > SPAN{
		width:100px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91.5%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:950px;
	}

	#prog3day  > DIV{
		top:25%;
		width:20%;
		height:2.8%;
		margin-left:-1.5% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:16% !important;
		height:4.1% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 67% !important;
	}
	#doc_inf_img_4{
		margin-left: 0px !important;
		margin-top: 5px !important;
	}
	#doc_inf  > A > IMG{
		width: 150px !important;
		height: 50px !important;
	}
	#name_top15{
		top:64%;
		font-size: 8pt;
		left:20%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:67%;
		font-size: 8pt;
		left:29%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 5%;
		left:0%;
	}
	#name_omsk{
		left:-1% !important;
	}
	#name_tumen{
		left:-3% !important;		
	}
	#name_hanty_mans{
		left:-5.5% !important;		
	}
	#name_saleh{
		left:-4% !important;		
	}
	#name_progn_pog3{
		top:32%;
		font-size: 7.5pt;
		left:-7%;
	} 
	#name_omskobl{
		top:34.5%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:34.5%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}
	#name_xmao{
		top:34.5%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}
	#name_yanao{
		top:34.5%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:2% !important;
		left:43%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:58%;
	}
	#shtorm{
		width:200px !important;
		height:390px !important;
		top:0% !important;
		padding-left: 35px;
	}
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:30% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:70% !important;	
		width:30% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:15%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:15%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:37%;
	}
	.side_oy_t4{
		left:28%;
	}
	#details_opyav{
		width:155px !important;
		left:0%;
		font-size:7pt;
		top:70% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:30% !important;
		left:1% !important;
	}	
	#prg  > TABLE  {
		font-size:7pt;
		width:100%;
		left:0%;
		font-weight:bold;
	}
	#prg IMG{
		width:20px;
		height:20px;
	}
	.forecast_text{
		font-size:7pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:7pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:7pt !important;
	}	
	.day_x{
		font-size:7pt !important;
	}
	.day_x1{
		font-size:7pt !important;
	}	
	.day_week{
		font-size:7pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:53% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-20%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-27%;
		width:360px !important;
		z-index:999;
		left:20%;
	}
	#top1{
		top: -10%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: -10%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 29% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -7%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 5px !important;
	}
	#doc_inf_img_5{
		margin-left: -1px !important;
	}
}

@media (min-width: 480px) and (max-width:575.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:40%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:0% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:7.5%;
		margin-left:0%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:70% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 48.5% !important;
		width:75px;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 54.5% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10{
		width:77px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city2_10{
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city3_10 {
		width:77px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city4_10 {
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:23%;
		width:20%;
		height:2.8%;
		margin-left:-3% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:19% !important;
		height:3.6% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 75% !important;
	}
	#doc_inf_img_4{
		margin-left: 0px !important;
		margin-top: 5px !important;
	}
	#doc_inf  > A > IMG{
		width: 129px !important;
		height: 43px !important;
	}
	#name_top15{
		top:60%;
		font-size: 6.5pt;
		left:20%;
	}
	#name_newvozm{
		top:63.5%;
		font-size: 6.5pt;
		left:28%;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 7pt;
		top: 4.5%;
		left:0%;
	}
	#name_omsk{
		left:-1% !important;
	}
	#name_tumen{
		left:-3% !important;		
	}
	#name_hanty_mans{
		left:-5.5% !important;		
	}
	#name_saleh{
		left:-4% !important;		
	}
	#name_progn_pog3{
		top:29.7%;
		font-size: 7.5pt;
		left:-11%;
	} 
	#name_omskobl{
		top:31.8%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:31.8%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}
	#name_xmao{
		top:31.8%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}
	#name_yanao{
		top:31.8%;
		font-size: 6.1pt;	
		left:-5%;
		width:20% !important;
	}	
	#curr_year{
		font-size:9pt;
		left:57% !important;
		top:0.5% !important;
	}
	#curr_day{
		font-size:9pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:9pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:8pt;
		top:3% !important;
		left:43%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:57%;
	}
	#shtorm{
		width:160px !important;
		height:390px !important;
		top:0% !important;
	}
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:35% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0% !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:64% !important;	
		width:35% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:-3%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:0%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:30%;
	}
	.side_oy_t4{
		left:18%;
	}
	#details_opyav{
		width:155px !important;
		left:0%;
		font-size:7pt;
		top:57% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:26.7% !important;
		left:1% !important;
	}	
	#prg TABLE, #prg SPAN {
		font-size:3pt;
		width:100%;
		left:2%;
		font-weight:bold;
	}
	#prg IMG{
		width:15px;
		height:15px;
	}
	.forecast_text{
		font-size:3pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:3pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:3pt !important;
	}	
	.day_x{
		font-size:3pt !important;
	}
	.day_x1{
		font-size:3pt !important;
	}	
	.day_week{
		font-size:3pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:45% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-7%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-14%;
		width:350px !important;
		z-index:999;
		left:13%;
	}
	#top1{
		top: 0%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: 0%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 32% !important;
		z-index:999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -6%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 5px !important;
	}
	#doc_inf_img_5 {
		margin-left: -1px !important;
	}
}

@media (min-width: 400px) and (max-width:479.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:37%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:0% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:7.5%;
		margin-left:0%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:60% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 48.5% !important;
		width:75px;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 54.5% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10{
		width:77px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city2_10{
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city3_10 {
		width:77px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city4_10 {
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:23%;
		width:20%;
		height:2.8%;
		margin-left:-3% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:19% !important;
		height:3.6% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 86% !important;
	}
	#doc_inf_img_3{
		margin-left: 0px !important;
	}
	#doc_inf  > A > IMG{
		width: 129px !important;
		height: 43px !important;
	}
	#name_top15{
		top:62%;
		font-size: 6.5pt;
		left:13%;
	}
	#name_newvozm{
		top:65%;
		font-size: 6.5pt;
		left:23%;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 6.5pt;
		top: 3.5%;
		left:0%;
	}
	#name_omsk{
		left:-1% !important;
	}
	#name_tumen{
		left:-3% !important;		
	}
	#name_hanty_mans{
		left:-5.5% !important;		
	}
	#name_saleh{
		left:-4% !important;		
	}
	#name_progn_pog3{
		top:29%;
		font-size: 7pt;
		left:-17%;
	} 
	#name_omskobl{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_xmao{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_yanao{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}	
	#curr_year{
		font-size:7pt;
		left:60% !important;
		top:4% !important;
	}
	#curr_day{
		font-size:7pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:7pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:7pt;
		top:2% !important;
		left:43%;
	}
	#curr_year{
		font-size:7pt;
		left:50%;
		margin-top:0.5%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:54%;
	}
	#shtorm{
		width:160px !important;
		height:390px !important;
		top:0% !important;
	}
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:45% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0 !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:54% !important;	
		width:45% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:-3%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:0%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:30%;
	}
	.side_oy_t4{
		left:18%;
	}
	#details_opyav{
		width:155px !important;
		left:0%;
		font-size:7pt;
		top:57% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:26.7% !important;
		left:1% !important;
	}	
	#prg TABLE, #prg SPAN {
		font-size:3pt;
		width:100%;
		left:2%;
		font-weight:bold;
	}
	#prg IMG{
		width:15px;
		height:15px;
	}
	.forecast_text{
		font-size:3pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:3pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:3pt !important;
	}	
	.day_x{
		font-size:3pt !important;
	}
	.day_x1{
		font-size:3pt !important;
	}	
	.day_week{
		font-size:3pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:46% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-7%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-14%;
		width:350px !important;
		z-index:999;
		left:5%;
	}
	#top1{
		top: 0%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: 0%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 26% !important;
		z-index:999999;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -11%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 5px !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 352px) and (max-width:399.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:35%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:0% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:7.5%;
		margin-left:0%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: cover !important;
		max-width:55% !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}
	#info_omsk_img , #info_tumen_img, #info_xmao_img, #info_yanao_img {
		width:55% !important;
	}
	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 48.5% !important;
		width:75px;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 54.5% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10{
		width:77px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city2_10{
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city3_10 {
		width:77px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city4_10 {
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key  {
		font-size: 5.5pt !important;		
	}
	.ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:23%;
		width:20%;
		height:2.8%;
		margin-left:-3% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:19% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 96% !important;
	}
	#doc_inf_img_1 {
		margin-left: 0px !important;
	}
	#doc_inf_img_2{
		margin-left: 15px !important;
	}
	#doc_inf_img_3{
		margin-left: 0px !important;
	}
	#doc_inf_img_4{
		margin-left: 15px !important;
	}
	#doc_inf  > A > IMG{
		width: 129px !important;
		height: 43px !important;
	}
	#name_top15{
		top:62%;
		font-size: 7pt;
		left:7%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:65%;
		font-size: 7pt;
		left:19%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 6.5pt;
		top: 3.1%;
		left:0%;
	}
	#name_omsk{
		left:-1% !important;
	}
	#name_tumen{
		left:-3% !important;		
	}
	#name_hanty_mans{
		left:-5.5% !important;		
	}
	#name_saleh{
		left:-4% !important;		
	}
	#name_progn_pog3{
		top:29%;
		font-size: 7pt;
		left:-21.5%;
	} 
	#name_omskobl{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_xmao{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_yanao{
		top:30.8%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}	
	#curr_day{
		font-size:7pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:7pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:6.5pt;
		top:2% !important;
		left:43%;
	}
	#curr_year{
		font-size:7pt;
		left:58%;
		top:0.5%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:57%;
	}
	#shtorm{
		width:160px !important;
		height:390px !important;
		top:0% !important;
	}
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:45% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0 !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:54% !important;	
		width:45% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:-3%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:0%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:30%;
	}
	.side_oy_t4{
		left:18%;
	}
	#details_opyav{
		width:155px !important;
		left:0%;
		font-size:7pt;
		top:74% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:26.7% !important;
		left:1% !important;
	}	
	#prg TABLE, #prg SPAN {
		font-size:3pt;
		width:100%;
		left:2%;
		font-weight:bold;
	}
	#prg IMG{
		width:15px;
		height:15px;
	}
	.forecast_text{
		font-size:3pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:3pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:3pt !important;
	}	
	.day_x{
		font-size:3pt !important;
	}
	.day_x1{
		font-size:3pt !important;
	}	
	.day_week{
		font-size:3pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:48% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-11%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-19%;
		width:350px !important;
		z-index:999;
		left:0%;
	}
	#top1{
		top: 0%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: 0%;
		left: 6.5%;
		z-index:999999;
	}
	#zvonok1{
		top: 22% !important;
		z-index: 999999;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -8%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto;
	}
	#ros_190 {
		width: 100%;
	}
	#opyav_figure {
		width: 160px !important;
		margin-left: 5px !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}

@media (min-width: 320px) and (max-width:351.98px){ 

	#header{
		width:100%;
		height:77px !important;
	}
	#my_slider IMG{
		width:100% !important;
		height:77px !important;
	}
	.nivoSlider {
		height:auto !important;
	}
/*	#jf_mmpro_1_panel{
		width: 20px !important;
		height: 20px !important;
	}
	.jf_mmpro_1_panelBtn{
		width: 20px !important;
		height: 20px !important;		
	}*/
	#logo{
		width:35px;
		height:35px;
		left:18%;
		top:2%;
		display:none;
	}
	#name{
		width:110px;
		height:55px;
		left:35%;
		top:5%;
	}
	#stroc{
		top:58%;
		height:60px;
		width:220px !important;
		left:-6%;
	}
	#buttonsearch {
		left:86% !important;
	}
	#buttonsearch  >  IMG{
		left:86% !important;
	}
	#buttonsearch1 {
		right:0% !important;
	}
	#polosa1{
		top:98.5% !important;
		height:3px !important;
	}
	#bstr{
		margin-top:8%;
/*		height:5px;*/
		width:220px !important;
	}
	#ModalOpen3 > DIV{
		width:59%;
		height:46%;
		left:0%;
		top:12%;
	}
	#menu{
		display:none !important;
	}
	#mobil_menu_bar {
		display:block !important;
	}
	.item-234 {
		position:relative !important;
	}
	.moduletable.login.box1{
		width:50% !important;
	}
	#modlgn-username{
		width:100% !important;
	}
	#modlgn-passwd{
		width:100% !important;
	}
/*	.item-101.current.active.deeper.parent{
		display:none;
	}*/
	#informer_city > DIV {
		width: 154px; 
		height: 77px;  		
		top:7.5%;
		margin-left:0%;
	}	
	#informer_omsk> DIV, #informer_tumen> DIV, #informer_xmao> DIV, #informer_yanao> DIV{ 
		float:none;
		background-size: contain !important;
	}
	#info_omsk_data, #info_tumen_data, #info_xmao_data, #info_yanao_data{
		max-height:123% !important;
	}
	#info_omsk_data > DIV, #info_tumen_data > DIV, #info_xmao_data > DIV, #info_yanao_data > DIV{
		font-size: 8px;	
		margin-top:47%;
		margin-left:-50%;
	}

	#info_city1_6, #info_city2_6, #info_city3_6, #info_city4_6 {
		margin-top: 56% !important;
	}
	#info_city1_7, #info_city2_7, #info_city3_7, #info_city4_7 {
		margin-top: 48.5% !important;
		width:75px;
	}
	#info_city1_8, #info_city2_8, #info_city3_8, #info_city4_8, #info_city1_9, #info_city2_9, #info_city3_9, #info_city4_9 {
		margin-top: 54.5% !important;
	}

	#info_city1_5, #info_city2_5, #info_city3_5, #info_city4_5 {
		font-size: 8pt;
		margin-top:54%;
		margin-left:-50%;
	}
	#info_city1_10{
		width:77px !important;
		margin-top: 58% !important;
		font-size:5.5pt! important;
	}
	#info_city2_10{
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city3_10 {
		width:77px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	#info_city4_10 {
		width:75px !important;
		margin-top: 56% !important;
		font-size:5.5pt! important;
	}
	
	#info_city1_11, #info_city2_11, #info_city3_11, #info_city4_11{
		left:54%;
		top:91%;
		text-align:left;
	}
	#info_city1_11_img, #info_city2_11_img, #info_city3_11_img, #info_city4_11_img{
		display:none;
	}
	.info_key, .ed_izm {
		font-size: 5.5pt !important;		
	}
	#prog3day{
		top:50%;
		width:auto;
	}

	#prog3day  > DIV{
		top:22.5%;
		width:20%;
		height:2.8%;
		margin-left:-3% !important;
	}
	#tab_progn3d {
		width:50%;
	}
	#omskg, #omskg_hov, #tumeng, #tumeng_hov, #xmaog, #xmaog_hov, #yanaog, #yanaog_hov{
		width:19% !important;
	}
	#omskg2{
		width:20% !important;
		height:4.5% !important;
	}
	#tumeng2{
		width:20% !important;
		height:4.5% !important;
	}
	#xmaog2{
		width:20% !important;
		height:4.5% !important;
	}	
	#yanaog2{
		width:20% !important;
		height:4.5% !important;
	}
	#name_text {
		top: 0%;
		height: 800px;		
	}
	#doc_inf {
		margin-top: 104% !important;
	}
	#doc_inf_img_3{
		margin-left: 0px !important;
	}
	#doc_inf  > A > IMG{
		width: 129px !important;
		height: 43px !important;
	}
	#name_top15{
		top:60%;
		font-size: 6.5pt;
		left:5%;
		text-decoration: underline;
	}
	#name_newvozm{
		top:63%;
		font-size: 6.5pt;
		left:15%;
		text-decoration: underline;
	}
	#name_omsk, #name_tumen, #name_hanty_mans, #name_saleh{
		font-size: 6.5pt;
		top: 3%;
		left:0%;
	}
	#name_omsk{
		left:-1% !important;
	}
	#name_tumen{
		left:-3% !important;		
	}
	#name_hanty_mans{
		left:-5.5% !important;		
	}
	#name_saleh{
		left:-4% !important;		
	}
	#name_progn_pog3{
		top:28%;
		font-size: 7pt;
		left:-26%;
	} 
	#name_omskobl{
		top:30%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_ygtumen{
		top:30%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_xmao{
		top:30%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}
	#name_yanao{
		top:30%;
		font-size: 6pt;	
		left:-5%;
		width:20% !important;
	}	
	#curr_year{
		font-size:6pt;
		left:60% !important;
		top:4% !important;
	}
	#curr_day{
		font-size:6pt;
		top:0% !important;
		left:38%;
	}
	#curr_month{
		font-size:6pt;
		top:0% !important;
		left:43%;
	}
	#curr_day_of_week{
		font-size:6pt;
		top:3% !important;
		left:43%;
	}
	#curr_year{
		font-size:6pt;
		left:59%;
		margin-top:0%;
	}
	#sidebar{
		top:15%;
		left:77%;
		width:180px !important;
		display:none !important;
		height:20px;
	}
	#sidebar IMG{
		width:180px !important;
	}	
/*	#aside IMG {
		width:50% !important;
		padding-right:0 !important;
	}*/
	#aside{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		top:55%;
	}
	#shtorm{
		width:160px !important;
		height:390px !important;
		top:0% !important;
	}
	#shtorm  IMG{
		width:160px !important;
		height:500px !important;
	}
	#slider{
		width:45% !important;
		right:0 !important;
		height:150px !important;
		margin-top:-2% !important;	
	}
	#title-slider{
		width:100% !important;
		right:0 !important;
		margin-top:0% !important;		
	}
	#title-slider a{
		right:0% !important;	
		width:320px !important;		
	}
	#title-slider IMG{
		margin-left:53% !important;	
		width:45% !important;	
	}
	.vt_nivo_slider{
		font-size:8pt !important;
		text-align:left !important;
	}
	#op_yav{
		text-align:left;
		width:160px !important;
	}
	.side_oy_t1{
		left:-3%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t2{
		left:0%;
		width:160px;
		font-size:7pt !important;
	}
	.side_oy_t3{
		left:30%;
	}
	.side_oy_t4{
		left:18%;
	}
	#details_opyav{
		width:155px !important;
		left:0%;
		font-size:7pt;
		top:70% !important;
	}
	#contstr SPAN, #contstr STRONG {
		font-size:8pt;
	}
	#contstr{
		left:0%;
		width:100%;
	}
	#prg{
		position:absolute !important;
		width:100% !important;
		top:26.7% !important;
		left:1% !important;
	}	
	#prg TABLE, #prg SPAN {
		font-size:3pt;
		width:100%;
		left:2%;
		font-weight:bold;
	}
	#prg IMG{
		width:15px;
		height:15px;
	}
	.forecast_text{
		font-size:3pt !important;
		font-weight:bold;
	}
	.forecast_text1{
		font-size:3pt !important;
		font-weight:bold;
	}
	.region_names{
		font-size:3pt !important;
	}	
	.day_x{
		font-size:3pt !important;
	}
	.day_x1{
		font-size:3pt !important;
	}	
	.day_week{
		font-size:3pt !important;
	}
	.krestik{
		width:463px;
	}
	#jform_com_fields_gidromettsentr_informiruet{
		width:80%;
	}
	#topusl {
		top:45% !important;
	}
	#topusl > DIV{
		margin-top:0% !important;
	}
	#zvonok{
		top:-8%;
		width:100%;
		left:0%;
	}
/* 	#pw_table{
		width:90% !important;
		font-size:10pt;
	}
 */	
	#top{
		top:-14%;
		width:350px !important;
		z-index:999;
		left:0%;
	}
	#top1{
		top: 0%;
		left: 83%;
		z-index: 999999;
	}
	#top2{
		margin-top: 10%;
		left: 90%;	
		width:50px !important;		
	}
	#prg2{
		width: 85% !important;
		top: 0%;
		left: 6.5%;
	}
	#zvonok1{
		top: 20% !important;
		z-index: 999999 !important;
	}
	.page-header {
    font-size: 6.5pt !important;
    font-weight: bold !important;
    color: #000000;
    text-align: center !important;
	}
	#kshu1 {
		margin-top: -14%;
	}
	#kshu2{
	/*	margin-top: 80%;*/
	}
	#gl_m {
		width: auto !important;
		height: auto !important;
		margin-right: 0% !important;
	}	
	#opyav_figure {
		width: 160px !important;
		margin-left: 5px !important;
	}
	#doc_inf_img_6 {
		margin-left: -1px !important;
	}
}
#counter_hotlog {
	position: fixed;
	bottom: 2%;
	right: 1%;
	z-index: 10000;
}
/*
// Экстрамалые девайсы («портретные телефоны», < 576px)
@media (max-width: 575.98px) { ... }

// Малые девайсы («ландшафтные», >= 575px)
@media (min-width: 576px) and (max-width: 767.98px) { ... }

// Средние девайсы («таблетки», >= 768px) 
@media (min-width: 768px) and (max-width: 991.98px) { ... }

// Большие девайсы (большие десктопы, >= 992px)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Большие девайсы (большие десктопы, >= 1200px)
@media (min-width: 1200px) { ... }
*/

/*Мерцание текста*/
#bull_storm {
/*  font-size: 17.5pt;
  font-weight: 700;*/
  -webkit-animation: bull_storm 3s linear infinite;
  animation: bull_storm 3s linear infinite;
}
@-webkit-keyframes bull_storm {
  0% { color: rgba(255, 0, 0, 1); }
  50% { color: rgba(255, 0, 0, 0); }
  100% { color: rgba(255, 0, 0, 1); }
}
@keyframes bull_storm {
  0% { color: rgba(255, 0, 0, 1); }
  50% { color: rgba(255, 0, 0, 0); }
  100% { color: rgba(255, 0, 0, 1); }
}
/*-------------------*/

/* Модальное окно */
.modal_layout_main{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .85);
}

#prompt_layout_main{
	z-index: 100000;
}

#alert_layout_main{
	z-index: 100002;
}

.modal_prompt_main{
	position: absolute;				
	display: block;
	padding: 2%;
	text-align: left;
	font-weight: 500;
	font-size: 14pt;
	border-color: #000;
	border-width: 1px;
	border-radius: 6px;
}

#modal_prompt_main{
	z-index: 100001;
	background: linear-gradient(#C6E0F9, #C6E0F9);
	color: #005983;
}

#modal_alert_main{
	z-index: 100003;
	background: #FFFFFF;
	color: #000000;
}

p.main_alert_msg{
	font-weight: bold;
	color: #FF0000;
}

/* Кнопки */
A.main_btn{
	display: inline-block;
	text-align: center;
	padding: 1pt 2pt;
	margin: 1px 2px;
	background: linear-gradient(#ffffff, #92dcfe);
	color: #000000;
	text-decoration: none;
	border-color: #00adfe;
	border-width: 1px;
	border-radius: 4px;
	border-style: outset;
	font-weight: 500;
	font-size: 12pt !important;
}

A.main_btn:hover{
	background: linear-gradient(#ffffff, #00feab);		
}

A.main_btn:active{
	background: linear-gradient(#00feab, #ffffff) !important;
	border-style: inset;	
}

P.prompt_btnset_main{
	text-align: center;
}

P.prompt_btnset_main > A{
	padding: 3pt 6pt;
	margin-top: 7%;
}