body { font-family: Arial; font-size: 14px; margin:0; padding:0; position: relative  }

.cat_oper_logo {border: 1px solid #e2e2e2}
.ramka_kartinok {border: 1px solid #e2e2e2; padding:15px; background-color: #fff; }



.like_br {margin:0; padding:0; list-style:none;}

#b {min-width: 1000px; max-width: 1300px; margin: 0 auto; }
.bg_p0 {background: url('bg0.gif') top center repeat-y ;}
.bg_p1 {background: url('bg1.jpg') top center repeat-y ;}
.bg_p2 {background: url('bg2.jpg') bottom center no-repeat ; background-color: #fff0be}
.bg_p3 {background: url('bg3.jpg') bottom center no-repeat; background-color: #fff}
.bg_p4 {background: url('bg4.jpg') bottom center;}
.bg_p5 {background: url('bg5.jpg') bottom center no-repeat; }
.bg_p6 {background: url('bg6.jpg') bottom center no-repeat ;}
.bg_p7 {background: url('bg7.jpg') bottom center no-repeat ; background-color: #efe8ef}
.bg_p8 {background: url('bg8.jpg') bottom center no-repeat ; }
.bg_p9 {background: url('bg9.jpg') bottom center no-repeat ; }

.bg_off1 {background: url('off1.gif') top center repeat-y #000;}
.bg_off2 {background: url('off2.gif') top center repeat-y #000;}


#c a {color: red;}
#c a:hover {color: black;}
#c h2 {font-size: 17px; color: #00431d; }

#h {position: relative; padding-top: 204px; overflow: hidden; width: 100%}
#l {position: absolute; display: block; width: 272px; height: 162px; top: 176px; left: 6%; background: url('l.png'); }

#n1 {float: left; margin-left: 37%; width: 25%; }
#n2 {margin-left: 68%;width: 25%;}

#n1 h2, #n2 h2 { margin-top:0; height: 24px; font-size: 14px; font-weight: normal; }

.ns1, .ns2, .ns4 {display: block; float: left; height: 24px;}

.ns1 {width: 11px; background: url('n1.png');}
.ns2 {background: url('n2.gif') repeat-x;}
.ns2 {padding: 4px 12px 0 12px;}
.ns4 {width: 11px; background: url('n3.png');}

#n1 a, #n2 a {color: red;}
#n1 a:hover, #n2 a:hover {color: #000;}
#n1 p, #n2 p {padding-left: 10px;}


.slo1 {background: url('slo1.png'); position: absolute; top: 50px; left: 6%; width: 753px; height: 89px; }
.slo2 {background: url('slo2.png'); position: absolute; top: 39px; left: 6%; width: 882px; height: 103px; }
.slo3 {background: url('slo3.png'); position: absolute; top: 31px; left: 6%; width: 961px; height: 113px; }

#sat {width: 150px; height: 150px; top:31px; right:0; position: absolute; background: url('sat.png');}

#mc {clear: both; margin-top: 40px;} 
#m {margin-left: 5%; margin-top: 70px; float: left; width: 18% }
#c {margin-left: 27%; margin-right: 8%; color: #18502c; position: relative }
#c h1 {font-family: Times New Roman; font-size: 41px; color: #00431d; font-weight: normal; margin-top:0; margin-bottom: 25px;}
#c p {margin: 1em 0;}

#m ul {margin: 0; padding: 0; list-style: none; margin-bottom: 50px;}
#m li a {font-family: Georgia; font-size: 20px; font-style: italic; color: #000; }
#m li a:hover {color: red;}
#m li {margin-bottom: 12px; margin-left: 28px;}


.msel {  height: 37px; margin-left:0 !important; }
.msel a {color: white !important; text-decoration: none; }

.msel1, .msel4 {float:left; height: 37px; display: block}

.msel1 { width: 15px; background: url('msel1.png');}
.msel2 {padding: 6px 12px 0 12px; background-color: #00923f; height: 31px; float: left;}

.msel4 { width: 15px; background: url('msel3.png');}

.margo {margin-left:5%; padding-left: 28px;}
.squ {width: 241px; height: 241px; margin-right: 7%; margin-bottom: 50px; background: url('sq1.jpg'); float: left; position: relative; }
.squares {overflow: hidden; margin-top: 50px; clear: both; display:none;}

.squ img { margin: 17px; }
.squ p { margin-top: 0; margin-left: 17px; color: #4d0909 }
.squ a { position: absolute; bottom: 17px; left: 17px; color: #7a7a7a }
.squ a:hover { color: red; }

#f {margin-left: 5%; clear: both; margin-top: 40px; height: 131px; position: relative; }
.f_off {position: absolute; bottom:0; left: 5%;}

#pult {float: left;  height: 131px; width: 105px; position: relative; margin-left: 28px; background: url('pult.png'); }
#ft {width: 250px; height: 88px; margin-left: 155px;padding-top: 43px; }

#ft a {display: block; width: 56px; height: 24px; background: url('w.png'); margin-bottom: 10px; }
#ft span {display: block; margin-left: 10px; color: #737373; }


#pult2 div {position: absolute;  width: 16px; height: 16px; z-index:10;   }
#pult2 {height: 131px; width: 105px; position: absolute; top:0; left:28px;  }

#p0 {left: 18px; top: 26px; }
#p_p { left: 70px; top: 26px;}

#p1 {left: 18px; top: 46px; }
#p2 {left: 44px; top: 46px; }
#p3 {left: 70px; top: 46px; }

#p4 {left: 18px; top: 67px; }
#p5 {left: 44px; top: 67px; }
#p6 {left: 70px; top: 67px; }

#p7 {left: 18px; top: 87px; }
#p8 {left: 44px; top: 87px; }
#p9 {left: 70px; top: 87px; }

#p9 {left: 70px; top: 87px; }


.p_sel {background: url('pults.png'); z-index:5 !important;}

.ni1 {font-weight: bold; font-size: 16px;  }
.ni2 {margin-top: 5px;}
.ni2 p {margin: 0 0 10px 0 !important;}
.ni {margin-bottom: 25px; }



.cat_oper_div {border-bottom: 3px dotted #999; width: 200px; margin-top: 20px; margin-bottom: 30px; outline: none;}

.show_map {text-decoration: none; border-bottom: 1px dotted; }
.hide_map {text-decoration: none; border-bottom: 1px dotted; color: #777 !important; outline: none; }

.ttable1 td {padding: 3px;  border-bottom: 1px dotted #999}

.jslink {text-decoration: none; border-bottom: 1px dotted;}

.port_link {text-decoration: none; border-bottom:1px dotted; color:#00431D !important; font-weight: bold; font-size: 14px; }
.port_link:hover {text-decoration: none; border-bottom:1px solid; color:#00431D !important; font-weight: bold; font-size: 14px; }

.port_link1 {text-decoration: none; font-weight: bold; font-size: 14px; outline: none }
.port_link1:hover {color: red !important}

.port_desc {margin-bottom: 5px !important;}
.poer_year {margin-top: 5px !important; font-size: 12px; color: gray; font-style: italic}

.port_img {display: none; }
.port_img img { border: 1px solid #999; padding: 1px; }