body                { position:relative; width:100%; height:100%; top:0; left:0; padding:0px; margin:0px; font:normal 13px Sans-Serif; background:#a1aeb6 url('../img/mainhbg.jpg') repeat; }
#page               { position:relative; width:1265px; margin:7px auto; background:#fff url('../img/hdall.jpg') no-repeat 0 0; -webkit-box-shadow: 0 0 7px #60727b; -moz-box-shadow: 0 0 7px #60727b; box-shadow:0 0 7px #60727b; overflow:hidden; }
#header             { clear:both; width:1265px; height:195px; padding-top:15px; font-size:12px; color:#717f8a; background:url('../img/topi.jpg') no-repeat 50% 0; }
#header a           { text-decoration:none; }
#hdbl               { width:270px; margin-left:1%; padding-top:145px; text-align:center; font:normal 13px Arial; white-space:nowrap; text-transform:uppercase; background:url('../img/hlogo.jpg') no-repeat center 0; float:left; }
#hdbc               { height:185px; margin:0 350px 0 330px; text-align:center; }
#hdbc1              { position:relative; width:385px; margin:0 auto; padding:5px; line-height:150%; word-wrap:break-word; border:1px solid #eee; border-radius:2px; font:normal 12px sans-serif; line-height:130%; }
#hdbc2              { position:relative; margin:55px auto; }
#hdbc2 a            { display:block; margin:0 2% 15px 3%; font:normal 13px Arial; color:#717f8a; text-decoration:none; float:left; }
#hdbc2 a:hover      { color:#2fa2f6; }

#hdbr               { width:320px; margin-right:20px; text-align:right; color:#717f8a; float:right; }
a.hdaon             { border-bottom:1px solid #2fa2f6; }
a.hda               { border-bottom:1px solid #bdc7cf; }
#hdbc2 p            { overflow:hidden; }
.hdac a             { margin-left:250px !important; }
#tmail              { display:block; position:absolute; top:30px; right:20px; width:15px; height:10px; background:url('../img/temail.png') no-repeat center center; opacity:0.6; }
#tmail:hover        { opacity:1; }
#tmaps              { display:block; position:absolute; top:27px; right:50px; width:17px; height:15px; background:url('../img/tmap.png') no-repeat center center; opacity:0.6; }
#tmaps:hover        { opacity:1; }
.tel                { font-size:20px; margin-top:50px; padding:5px 0 3px 0; text-align:right; float:right; }
#ttel               { padding-left:40px; font-family:serif; background:url('../img/ttel.jpg') no-repeat 0 4px; }
#hdbml              { clear:both; width:120px;}
#hdbmr              { width:180px; }
.hdbm               { margin-top:20px; text-align:center; float:right; }
.hdbm p             { width:100%; font-size:11px; }
.hdbm a             { color:#2fa2f6; }
.hdbm a:hover       { color:#2fa2f6; }
table               { clear:both; border-spacing:0; border-collapse:collapse; }
table tr            { vertical-align:top; padding:0; margin:0; }
table td            { padding:0; margin:0; }
#lmenu              { width:280px; background:#fff; border-top:1px solid #d2d5d9; border-bottom:1px solid #d2d5d9; }
#coms               { width:210px; padding:15px; text-shadow:0 1px 0 #fff; background:#eff2f4 url('../img/bmenu2.png') no-repeat 96% 10px; border:1px solid #d2d5d9; border-left:none; overflow:hidden; }
#topic              { background:#fff; }
.gnews              { width:670px; margin-left:10px; margin-bottom:15px; padding:25px; line-height:130%; font-size:12px; color:#5b646c; background:#eff2f4; border:1px solid #d2d5d9; overflow:hidden; }
h3.serv             { width:265px; margin:0; padding:8px 0 8px 15px; font-size:13px; font-weight:normal; text-transform:uppercase; color:#fff; background:#628197 url('../img/serv.png') repeat; }
.gnews h2           { margin:10px 0; padding:0; color:#4d6678; text-transform:uppercase; font:normal 13px Arial, sans-serif; text-shadow:0 1px 0 #fff; word-wrap:break-word; }
h1                  { margin:0 0 10px 0; padding:0; color:#4d6678; text-transform:uppercase; word-wrap:break-word; font:normal 15px Arial, sans-serif; text-shadow:0 1px 0 #fff; word-wrap:break-word; }
.gnewso img         { width:655px; }
.gnews li           { margin-top:5px; list-style-type:square; }
.gnews li a         { color:#717f8a; }
.gnews li a:hover   { color:#2fa2f6; }

.consservs          { width:670px; margin-left:10px; padding:25px; line-height:130%; font-size:12px; color:#333; background:#ffefa8; overflow:hidden; }
.consservs h3       { margin:0; font-size:15px; font-weight:normal; text-transform:uppercase; color:#C65451; }
.consservs ul       { padding-left:10px; }
.consservs li       { margin:10px 0; }
.consservs a        { color:#C65451; }
.consservs a:hover  { color:#2FA2F6; }

.serv               { width:265px; padding:8px 0 8px 15px; font-size:13px; color:#fff; background:url('../img/serv.png') no-repeat; }
.subs               { display:block; width:255px; padding:8px 0 8px 25px; font-size:12px; color:#555; text-decoration:none; border-bottom:1px dashed #ddd; background:url('../img/bmenu.png') no-repeat 9px 9px; }
a.subs:hover        { color:#2fa2f6; }
.revnm              { font-size:13px; text-decoration:none; color:#363d42; }
span.revnm          { color:#4d6678; }
a.revnm             { color:#4d6678; }
.revs               { margin:7px 0 5px 0; font-size:11px; font-family:arial; color:#3a4247; }
.rdat               { width:100%; margin-bottom:12px; font-size:11px; font-family:monospace; color:#4d6678; text-align:right; }

.contpg             { clear:both; padding:30px; line-height:130%; font-family:Arial,Tahoma,Helvetica,sans-serif; font-size:12px; color:#333; background:#fff; overflow:hidden; }
.contpg ul          { padding:0; margin:0; }
.contabl            { width:200px; margin-top:20px; margin-right:35px; padding-top:15px; border-top:1px solid #57636C; float:left; overflow:hidden; }
.contabr            { width:450px; margin:20px 0; padding-top:15px; border-top:1px solid #57636C; float:left; overflow:hidden; }
.contabr table td   { padding:5px 7px 5px 0; }
.contabr_           { width:450px; margin-top:20px; float:right; overflow:hidden; }
.blcd               { clear:both; margin:50px 0; padding:30px 30px 35px 35px; font-size:13px; line-height:170%; color:#555; background:#f9f9f9; box-shadow:0 0 1px #aaa; -webkit-box-shadow: 0 0 1px #aaa; -moz-box-shadow: 0 0 1px #aaa; }
.plink              { color:#4699c9; }
.blcd textarea      { width:97%; height:200px; margin-top:30px; padding:1%; line-height:150%; margin-bottom:30px; color:#57636c; background:#fff; border:1px solid #7c97ab; resize:none; }
.blcd input[type=text] { width:250px; height:25px; color:#57636c; border:1px solid #7c97ab; background:#fff; }
.button1            { display:block; clear:both; max-width:120px; padding:6px 17px 6px 17px; font-size:14px; color:#fff; text-align:center; background:#4699c9; border:1px solid #628197; cursor:pointer; border-radius:2px; }
.button1:hover      { opacity:0.8; }
.blcd .button1      { float:right; }

#mainb              { width:720px; margin-top:10px; margin-left:10px; overflow:hidden; }
.main_block         { width:230px; margin:3px; float:left; overflow:hidden; border:1px solid #eee; }
.main_block_1       { height:23px; background:url('../img/main_block.png') center top; }
.main_block_2       { height:35px; background:url('../img/main_block.png') center -169px no-repeat; }
.main_block_2 h2 { margin:0; padding:0; color:#fff; font-size:13px; word-wrap:break-word; text-transform:uppercase; text-align:center; overflow:hidden; }
.main_block_3       { height:345px; padding:12px 15px 50px 20px; font-size:11px; line-height:150%; color:#5b646c; background:url('../img/main_block.png') center bottom; overflow:hidden; }
.main_block_3 ul    { padding-left:5px; margin:0; overflow:hidden; }
.main_block_3 li    { margin:0; padding:7px 0 7px 0; border-bottom:1px dotted #ddd; list-style: none outside none; }
.main_block_3 li:last-child { border:0; }
.main_block_3 a     { color:#4d6678; }
.main_block_3 a:hover { color:#2fa2f6; }
.main_block_3 h5    { font-size:12px; line-height:150%; color:#5b646c; }
.main_block_1d      { height:23px; background:url('../img/main_block2.png') center top; }
.main_block_2d      { height:35px; background:url('../img/main_block2.png') center bottom no-repeat; }
.main_block_2d h4   { margin:0; padding:0 10px; color:#fff; font-size:11px; text-transform:uppercase; text-align:center; overflow:hidden; }

.bm                 { position:relative; width:240px; padding-top:14px; color:#5b646c; background:url('../img/bm1.png') no-repeat; float:left; overflow:hidden; }
.bm3a               { position:absolute; bottom:15px; left:20px; width:190px; color:#4d6678; font-size:11px; text-align:center; }
.bm_                { height:352px; overflow:hidden; }
.bm1                { width:80%; padding:8px 10% 17px 10%; font:bold 13px sans-serif; background:url('../img/bm2.png') repeat 0 bottom; float:left; }
.bm1r               { width:80%; padding:8px 10% 17px 10%; font:bold 13px sans-serif; background:url('../img/bm2r.png') repeat 0 bottom; float:left; }
.bm1 h5             { margin:0; padding:0; color:#4d6678; font-size:13px; font-weight:normal; word-wrap:break-word; }
.bm1r h2            { margin:0; padding:0; color:#fff; font-size:14px; word-wrap:break-word; text-align:center; }
/* .bm1 h2 span        { color:#2fa2f6; } */
.bm2                { width:80%; height:310px; padding:8px 10% 10px 10%; line-height:130%; font-size:11px; background:url('../img/bm3.png') repeat; float:left; overflow:hidden; }
a                   { color:#4d6678;  /* text-transform:capitalize; */ }
.bm2 ul             { padding-left:5px; margin:0; }
.bm2 li             { padding:7px 0 7px 0; border-bottom:1px dotted #ddd; list-style: none outside none; }
.bm2 img            { display: block; max-width:150px; max-height:90px; width: auto; height: auto; margin-right:8px; float:left; }
.bm2 div            { font-weight:bold; margin:10px 0; }
.bm3                { width:80%; height:28px; padding:8px 10% 20px 10%; background:url('../img/bm4.png') repeat 0 bottom; float:left; }
.mbut               { display:block; padding:6px 23px 6px 23px; font-size:12px; color:#4d6678; text-decoration:none; float:left; background:#c2d6e3; border:1px solid #a6c3d6; cursor:pointer; }
.mbut:hover         { opacity:0.7; }
#footer             { margin-top:15px; padding:60px 45px 20px 45px; font-size:12px; background:url('../img/bgftr.png') repeat-x; color:#777; overflow:hidden; }
#footer a           { color:#717f8a; }
#footer a:hover     { color:#2fa2f6; }
#foot1              { padding:20px 0 30px 15px; border-bottom:1px solid #d4dade; }
#foot1 a            { margin-right:33px; }
#foot2              { padding:20px 0 20px 15px; }
#foot2l             { line-height:150%; margin-right:300px; float:left; }
#fttel              { position:absolute; margin-top:50px; right:45px; bottom:30px; font-size:22px; text-align:right; }
#fhdbml             { position:absolute; right:45px; bottom:70px; }
#fhdbmr             { position:absolute; right:175px; bottom:70px; }


@media (max-width:700px){
#page               { width:96%; }
#header             { width:100%; height:auto; background-position: 10% 0; }
#hdbl               { margin: 0 auto; float:none; }
#hdbc               { height:auto; margin:0; }
#hdbc1              { overflow:hidden; width:94%; padding:5px 3%; }
#hdbr               { width:auto; margin:20px; float:none; }
table               { display:block; width:100%; padding:0; margin:0; }
tbody               { display:block; width:100%; padding:0; margin:0; }
table td            { display:block; }
table tr            { display:block; width:100%; }
#lmenu              { float:left; }
#coms               { width:auto; }
h3.serv             { width:auto; }
#topic              { clear:both; overflow:hidden; }
.gnews              { width:94%; margin:30px 0; padding:15px 3%; }
.gnewso div         { width:100%; }
.gnewso img         { width:100%; }
.consservs          { width:94%; margin-left:0; padding:20px 3% 10px 3%; }
.main_block         { display:inline-block; width:31%; margin-left:1%; }
.main_block_1       { background:#ea5d01; }
.main_block_2       { background:#ea5d01; }
.main_block_3       { height:auto; background:none; }
.main_block_1d      { background:#828a95; }
.main_block_2d      { background:#828a95; }
.main_block_3d      { height:auto; background:none; }
#mainb              { width:100%; margin-left:0; }
#mainb>div:nth-child(3n+1) { clear:both; }
#footer             { padding-left:5%; padding-right:5%; }
}
@media (max-width:480px){
#lmenu              { width:auto !important; float:none !important; }
.main_block         { width:100%; }
#foot2l             { margin-right:0; float:none; overflow:hidden; }
#fttel, #fhdbml, #fhdbmr { position:static; }
.bm2, .bm3a, .main_block_2d h4, .main_block_3, .rdat, .revs, .hdbm p, .hdbm p, .hdbm p { font-size:12px; }
}