/*Сброс всех стилей*/
BODY,DIV,DL,DT,DD,UL,OL,LI,H1,H2,H3,H4,H5,H6,PRE,FORM,FIELDSET,INPUT,TEXTAREA,P,BLOCKQUOTE,TH,TD {margin:0;padding:0;}
TABLE {border-collapse:collapse;border-spacing:0;}
FIELDSET,IMG {border:0;}
IMG {display:block;}
ADDRESS,CAPTION,CITE,CODE,DFN,EM,STRONG,TH,VAR {font-style:normal;font-weight:normal;}
OL,UL {list-style:none;}
CAPTION,TH {text-align:left;}
H1,H2,H3,H4,H5,H6,SMALL,BIG {font-size:100%;font-weight:normal;}
Q:before,Q:after {content:'';}
ABBR,ACRONYM {border:0;}
A {color: #003b86;}
/*---*/

/*Минимальная ширина + хак для IE6*/
.minwidth {min-width: 960px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 960? "960px":"auto");}
/*---*/

HTML {height: 100%;}
BODY {position: relative; height: auto !important; height: 100%; min-height: 100%; font-family: Arial, sans-serif; background: #fff; color: #666; width: 100%; font-size: 13px; line-height: 18px;}
INPUT, TEXTAREA {font-family: Arial, sans-serif; background: #fff; font-size: 14px; font-weight: bold; color: #000;}

/*Основа*/
#main {margin: 0px 10px;}
/*---*/

/*Шапка*/
#header H1 {position: relative; margin-left: 17.35%; height: 190px;}
#header SPAN {position: absolute; top: -100px;}
#header .cud {position: absolute;}
#header .cud.logo {position: absolute; left: -90px; top: 29px;}
#header .cud.text {position: absolute; left: -2px; top: 65px;}
.mainmenu {background: #f2f2f2; font-size: 14px; line-height: 18px; color: #ec1c24; font-weight: bold; padding: 14px 0px 16px 17.35%; height: 18px;}
.mainmenu UL {display: block; margin-left: -13px;}
.mainmenu LI {display: inline; padding: 2px 13px; background: url(/pics/i/menu-separator.gif) right center no-repeat;}
.mainmenu LI.last {background-image: none;}
.mainmenu A.active {color: #ec1c24;}
/*---*/

.submenu {height: 145px; /*padding-left: 17.35%; background: #e9e9e9;*/}
.submenu UL {font-size: 13px; line-height: 16px; color: #ec1c24; font-weight: bold; margin-left: 147px;}
.submenu LI {float: left; padding: 13px 15px 15px; background: url(/pics/i/menu-separator.gif) right center no-repeat;}
.submenu LI.last {background-image: none;}

/*Карта*/
.gmap {width: 100%; height: 100%; background: #f2f2f2;}
.gmap .glink {font-size: 14px; line-height: 20px; font-weight: bold; color: #003b86;}
.googlemap {position: relative; height: 550px; margin: 8px 0px 20px;}
.googlemap .checkboxes {position: absolute; right: 0px; top: 90px; width: 22.76%;}
.googlemap .checkboxes LI {position: relative; display: block; border-top: 1px solid #fff; font-size: 14px; line-height: 18px; color: #fff; font-weight: bold; padding: 10px 0px 11px 83px; cursor: pointer;}
.googlemap .checkboxes LI IMG {position: absolute; left: 35px; top: -1px; _left: -50px; filter:expression(fixPNG(this));}
.googlemap .checkboxes LI SPAN {position: absolute; left: 10px; top: 10px; _left: -75px; background: #fff url(/pics/gmap/checkbox.gif) left -19px no-repeat; width: 19px; height: 19px; text-indent: -100px; overflow: hidden;}
.googlemap .checkboxes LI.color1 {background: #2365b8; border-top: none;}
.googlemap .checkboxes LI.color2 {background: #25b9d0;}
.googlemap .checkboxes LI.color3 {background: #3bbb44;}
.googlemap .checkboxes LI.color4 {background: #fb6501;}
.googlemap .checkboxes LI.color1 SPAN.active {background-position: 0px 0px;}
.googlemap .checkboxes LI.color2 SPAN.active {background-position: -19px 0px;}
.googlemap .checkboxes LI.color3 SPAN.active {background-position: -38px 0px;}
.googlemap .checkboxes LI.color4 SPAN.active {background-position: -57px 0px;}

.gmap table { margin-top:5px !important}
.gmap table td { border:1px solid #d9d9d9 !important; font-size:90% !important; padding: 1px 5px !important; white-space:nowrap;}
/*---*/

/*Новости и погода на главной*/
.main .news {position:relative; padding-left: 17.35%; _padding-left: 34%; width: 35.71%; _width: 53%; margin:20px 0; float: left;}
.main .news .pub {position: relative; width: 100%; margin: 20px 0px;}
.main .news .pub SPAN {position: absolute; top: 0px; left: -110px; font-size: 11px; color: #000;}
.main .weather {padding-right: 9.18%; _padding-right: 16%; width: 35%; _width: 44%; float: right; margin: 20px 0px;}
.main .weather TABLE {width: 100%; table-layout: fixed;}
.main .weather TABLE .firstcol {width: 15%;}
.main .weather TABLE TH {font-size: 11px; line-height: 15px; color: #000; padding: 0px 5px;}
.main .weather TABLE TD {border-left: 1px solid #d9d9d9;}
.main .weather TABLE .border TD {border-bottom: 1px solid #d9d9d9; border-left: none;}
.main .weather TABLE .border TH {border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; text-align: center; padding: 10px 5px;}
.main .weather TABLE .temp TD {font-size: 20px; line-height: 28px; color: #003b86; text-align: center; padding: 7px 5px 0px;}
.main .weather TABLE .desc TD {font-size: 11px; line-height: 15px; text-align: center; padding: 7px 5px 0px;}
.main .weather H3 {margin: 0px 0px 20px 15%;}
.main .weather P {margin: 15px 0px 0px 15%; font-size: 11px; line-height: 15px;}
.main .news TABLE {width: 100%; table-layout: fixed;}
.main .news TABLE TH {font-size: 11px; line-height: 15px; color: #000; padding: 5px 0px;}
.main .news TABLE .desc TD {font-size: 11px; line-height: 13px; padding: 7px 0 0;}
.main .news H3 {margin: 0px 0px 20px 1px;}
.main .news P {margin: 15px 0px 0px 1px; font-size: 11px; line-height: 15px;}
/*---*/

/*Табло, метеостанции*/
.tables {position: relative; min-height: 240px; margin: 60px auto;}
.tables.stations {width: 65.31%;}
.tables .place {position: relative; width: 100%;}
.tables .map {position: absolute; left: 0px; top: 0px; width: 223px; height: 240px; overflow: hidden;}
.tables .meteo {margin-left: 245px;}
.tables .meteo .title {font-size: 28px; line-height: 32px; color: #003b86; margin-bottom: 30px;}
.tables .meteo TABLE {width: 100%;}
.tables .meteo TABLE TH, .tables .meteo TABLE TD {padding: 8px 0px 8px 20px; border-style: solid; border-color: #d9d9d9; border-width: 1px 0px;}
.tables .meteo TABLE TH {width: 60%;}
.tables .meteo TABLE TD {width: 40%; font-weight: bold; color: #000;}
.tables .meteo TABLE CAPTION {padding-bottom: 5px; font-size: 11px; line-height: 15px; color: #003b86;}
.tables .meteo P {margin-top: 10px;}
.tables .meteo P A {background: url(/pics/i/rarr.gif) right 6px no-repeat; padding-right: 27px;}
/*---*/

.tables.panels {min-height: 189px; width: 645px;}
.panels .board {position: relative; height: 189px; width: 645px; background: url(/pics/i/board.gif) left top no-repeat;}
.panels .board .item {position:absolute; right:46px; top:41px;}
.panels .info .title {font-size: 18px; line-height: 22px; color: #000; margin-bottom: 5px;}
.panels .info .line {position: absolute; left: 32px; width: 450px; overflow: hidden; height: 31px;}
.panels .info .line IMG {margin-right: 8px; float: left;}
.panels .info .line.l1 {top: 33px;}
.panels .info .line.l2 {top: 76px;}
.panels .info .line.l3 {top: 119px;}
.panels .dorznak {position: absolute; top: 45px; right: 47px;}


/*.tables .info P {position: relative; background: #f2f2f2; padding: 28px 40px 28px 144px; text-align: center; font-size: 30px; line-height: 34px; color: #003b86; _height: 1%;}
.tables .info IMG {position: absolute; left: 40px; top: 50%; margin-top: -32px;}*/

/*Камеры*/
.cameras {position: relative; width: 85.71%; margin: 60px auto;}
.cameras .separator {clear: both; height: 40px; overflow: hidden;}
.cameras .camplace {width: 48%;}
.cameras .camplace.tl {float: left;}
.cameras .camplace.tr {float: right;}
.cameras .title {font-size: 28px; line-height: 32px; color: #003b86; margin-bottom: 10px;}
.cameras .timeinfo {font-size: 11px; margin-top: 5px;}
.cameras .videoplace {padding: 20px; background: #f2f2f2;}
.cameras .videoplace .video {margin: auto; border: 1px solid #000; background: #fff url(/pics/i/wait.gif) center center no-repeat;}
/*---*/

/*Новости*/
#text {position: relative; margin: 60px 17.35%;}
* HTML #text {margin: 60px auto; width: 65.3%;}
#text .news {padding: 0px 230px 0px 120px; min-height: 140px;}
* HTML #text .news {height: 200px; margin: -30px 0px;}
#text .news .pub {position: relative; width: 100%; margin: 30px 0px;}
#text .news .pub SPAN {position: absolute; top: 0px; left: -120px; font-size: 11px; color: #000;}
#text .news .pub.back {margin-top: 36px; margin-left: -27px;}
#text .news .pub.back A {background: url(/pics/i/larr.gif) left 6px no-repeat; padding-left: 27px;}
#text .calendar {position: absolute; top: 0px; right: 0px; width: 190px; font-size: 11px; line-height: 18px;}
#text .calendar SPAN {display: block; float: left; width: 26px; padding: 4px 0px; margin: 1px 0px 0px 1px; background: #f7f7f7; text-align: center; color: #003b86;}
#text .calendar SPAN.other {background: #fff; color: #6699cc;}
#text .calendar DIV {text-align: center;;}
#text .calendar DIV IMG {position: relative; top: -1px; margin: 0px 8px; display: inline;}
/*---*/

/*Контент*/
#content P.date {margin: 36px 0px; color: #000;}
#content P {margin: 18px 0px;}
#content H3 {margin: 36px 0px;}
#content STRONG {font-weight: bold;}
#content EM {font-style: italic;}

#content .hr {overflow: hidden; height: 1px; background: #d9d9d9; margin: 50px 0px;}
#content .hr HR {display: none;}

#content TABLE {width: 100%; border-right: 2px solid #fff; font-size: 13px; line-height: 18px;}
#content TABLE CAPTION {font-size: 11px; line-height: 15px; color: #003b86; padding-bottom: 5px;}
#content TABLE TH, #content TABLE TD {border-style: solid; border-color: #d9d9d9; border-width: 1px 1px 1px 0px; padding: 15px;}
#content TABLE TH {color: #003b86; background: #f2f2f2;}
#content TABLE P {margin: 0px;}
#content TABLE H3 {margin: 0px;}

#content UL LI {padding-left: 20px; background: url(/pics/i/ul.gif) left 10px no-repeat; position: relative;}
#content OL LI {background: none; padding-left: 0px;}
#content OL UL LI {padding-left: 20px; background: url(/pics/i/ul.gif) left 10px no-repeat;}
#content UL, #content OL {margin: 18px 0px;}
#content LI, #content UL OL, #content OL UL, #content OL OL, #content UL UL {margin: 4px 0px 4px 20px}
#content OL {list-style: decimal; margin-left: 20px;}
#content UL OL {margin-left: 60px}
#content OL OL, #content UL UL {margin-left: 40px}

#content .file {position: relative; margin: 18px 0px; padding: 5px 0px 5px 40px; background: url(/pics/i/file.gif) left top no-repeat;}
#content .file SPAN {white-space: nowrap;}

#content .left {float: left; margin: 5px 18px 5px 0px;}
#content .right {float: right; margin: 5px 0px 5px 18px;}
#content .left SPAN, #content .right SPAN {display: block; color: #003b86; padding: 5px 0px 0px; font-size: 11px; line-height: 15px;}

#content.streets {margin: 0px 0px 50px;}
#content.streets TABLE {table-layout: fixed;}
#content.streets TD {vertical-align: top; padding: 15px 10px;}
#content.streets TR.active TD {background: #e9f3ff;}
#content.streets .col1 {width: 15.31%; padding-left: 30px;}
#content.streets .col2 {width: 15.31%;}
#content.streets .col3 {width: 13.27%;}
#content.streets .col4 {width: 16.33%;}
#content.streets .col5 {width: 14.22%;}
#content.streets .col6 {width: 13.29%;}
#content.streets .col7 {width: 12.29%; padding-right: 30px;}
#content.streets P.small {font-size: 11px; line-height: 15px;}
/*---*/

/*Подвал*/
#footer {position: relative; border-top: 1px solid #d9d9d9; margin-top: 20px; font-size: 14px; font-weight: bold; color: #000; padding: 40px 0px 80px 17.35%;}
#footer .reaktive {position: absolute; width: 70px; height: 24px; top: 30px; right: 9.18%;}
#footer .small {margin: 30px 0px 0px -10px; font-size: 13px; line-height: 18px; font-weight: normal;}
#footer .small SPAN {padding: 2px 10px 4px;}
#footer .small SPAN.brdr {border-right: 1px solid #d9d9d9;}
/*---*/

/*Обратная связь*/
#body {position: relative;}
.feedbackplace {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;}
* HTML .feedbackplace {position: absolute; height: 100%; width: 100%; top: expression( ( 0 - feedback.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
.feedbackplace .dark {position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background: #003b86; opacity: 0.4;}
* HTML .feedbackplace .dark {filter: alpha(Opacity=40);}
.feedbackplace .close {position: absolute; z-index: 5; right: -37px; top: -37px; cursor: pointer;}
.feedbackplace FORM {position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -220px; margin-top: -185px; width: 400px; height: 330px; background: #fff; border: 20px solid #f2f2f2;}
.feedbackplace FORM DIV {padding: 0px 20px; overflow: hidden;}
.feedbackplace FORM LABEL {display: block; font-size: 11px; line-height: 15px; color: #003b86; margin: 23px 0px 3px;}
.feedbackplace FORM TEXTAREA {height: 60px;}
.feedbackplace FORM .input {border: 1px solid #d9d9d9; padding: 6px 9px; width: 340px;}
.feedbackplace FORM .input:focus {border-color: #003b86; background: #ccd8e7;}
.feedbackplace FORM .input.error {border-color: #ec1c24; background: #fbd2d3;}
.feedbackplace FORM .input.error:focus {border-color: #003b86; background: #ccd8e7;}
.feedbackplace FORM .button {border: 1px solid #d9d9d9; background: #f2f2f2; color: #003b86; padding: 6px 9px; cursor: pointer; display: block; margin: 20px auto 0px;}
.feedbackplace FORM .disabled {color: #666; cursor: default;}
.feedbackplace FORM .sending {text-align: center; font-size: 14px; font-weight: bold; color: #003b86; margin-top: 20px; height: 40px;}
.feedbackplace FORM .sending SPAN {background: url(/pics/i/wait.gif) center bottom no-repeat; padding-bottom: 20px;}


.feedbackplace2 {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;}
* HTML .wimage1 {position: absolute; height: 100%; width: 100%; top: expression( ( 0 - wimage1.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
* HTML .wimage2 {position: absolute; height: 100%; width: 100%; top: expression( ( 0 - wimage2.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
* HTML .wimage3 {position: absolute; height: 100%; width: 100%; top: expression( ( 0 - wimage3.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
* HTML .wimage4 {position: absolute; height: 100%; width: 100%; top: expression( ( 0 - wimage4.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
.feedbackplace2 .dark {position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; background: #003b86; opacity: 0.4;}
* HTML .feedbackplace2 .dark {filter: alpha(Opacity=40);}
.feedbackplace2 .close {position: absolute; z-index: 5; right: -37px; top: -37px; cursor: pointer;}
.imageplace {position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -424px; margin-top: -196px; width: 828px; height: 272px; background: #fff url(/pics/i/wait.gif) center center no-repeat; border: 20px solid #f2f2f2;}
/*---*/

/*Разное*/
.clear{clear: both; height: 0px; overflow: hidden;}
.png {filter:expression(fixPNG(this));}
/*---*/

/**/
H2 {font-size: 28px; line-height: 32px; color: #003b86;}
H3 {font-size: 14px; font-weight: bold; color: #003b86;}
H4 {font-size: 10px; font-weight: bold; color: #003b86;}

/*Легенда*/
.googlemap .checkboxes li.legend{background:#FFF; color:#000; padding-left:10px; cursor:default;}
.googlemap .checkboxes li.legend ul{margin-top:10px;  cursor:default;}
.googlemap .checkboxes li.legend ul li{padding-left:40px; font-size:12px; line-height:16px; color:#000; font-weight:normal; padding-top:0; padding-bottom:8px;  cursor:default; position:relative;}
.googlemap .checkboxes li.legend ul li img{position:absolute; left:0; top:4px; float:left; margin-right:3px; cursor:default; *top:2px; *marign-top:12px; _top:4px; _margin-top:0; _left:-40px;}