@import "reset.css";
html {height: 100%; font-size: 100.01%;}
body {
  font: 12px Tahoma;
  color: #313131;
  min-height: 100%; height: 100%; min-width: 996px;
  background-color: #fff;
}

a { color: #0a68b1; text-decoration: underline;}
a img {border-color: #0a68b1;}
a:visited img {border-color: #0a68b1;}
a:hover { text-decoration: none;}

h1,h3,h4,h5,h6 { line-height: normal; padding: 0 0 5px 0px; font-size: 24px; color: #0a68b1; font-weight: 100}
h1 a, h2 a {text-decoration: none;}
h2 { line-height: normal; padding: 0 0 5px 0px; font-size: 1.5em; color: #0a68b1; font-weight: 100;  margin: 1em 0 0.2em 0;}

#wrapper { width: 100%; height: 100%;  }

#header { height: 158px;}
#header .opera7 { background: url("../images/header-bg.jpg") no-repeat; }
#header #logo { width: 279px; height: 67px; position: absolute; top: 20px; left: 25px; }
#header .menu { height: 128px;  margin: 0px 25px 0 372px; background: url("../images/menu-bg-t.gif") repeat-x; }
#header .menu .w33 { float: left; height: 128px; }
#header .menu .w33 ul { list-style: none; margin-top: 50px; padding-bottom: 5px;  }
#header .menu .w33 ul li { line-height: 20px; }
#header .menu .w33 ul li a { padding-right: 6px; font-weight: bold; background: url("../images/arrow.gif") no-repeat right bottom;  }
#header .menu .w33 ul li a:hover {  color: #fd3300;  background: url("../images/arrow-red.gif") no-repeat right bottom; }
#header .menu .w33 .m1 { padding-left: 50px; background: url("../images/key.gif") no-repeat; }
#header .menu .w33 .m2 { padding-left: 55px; background: url("../images/ball.gif") no-repeat left 10px; }
#header .menu .w33 .m3 { float: right; padding-left: 75px; background: url("../images/phone.gif") no-repeat left 8px; }
#header .menu .w33.w37 { width: 37%; }
#header .menu .w33.w31 { width: 30%; }
#header .menu .w33.w32 { width: 32%; }

#header .menu .submenu { display: none; background-color: #fff; width: 170px; margin-top: 17px; POSITION: absolute;  }
#header .menu .submenu ul { padding: 5px; margin: 4px 0 0 0; border: 1px solid #dfdfdf; background-color: #fff; list-style: none;  }
#header .menu .submenu ul li a { font-weight: bold; font-size: 11px; color: #454545; line-height: 18px; padding-left: 12px; background: url("../images/arrow3.gif") no-repeat left 7px; }
#header .menu .submenu ul li a:hover { font-size: 11px; color: #454545; line-height: 18px; padding-left: 12px; background: url("../images/arrow3.gif") no-repeat left 7px; }

#header .menu .show .submenu { display: block; }

#header .menu .w33 ul li:hover div,
#header .menu .w33 ul li.jshover div { display: block; }
#header .menu .w33 ul li:hover li div,
#header .menu .w33 ul li.jshover li div { display: none;  }
#header .menu .w33 ul li:hover li:hover div,
#header .menu .w33 ul li.jshover li.jshover div { display: block;  }


#header .line { margin: 0 25px 0 372px; height: 30px; background: url("../images/menu-bg-b.gif") repeat-x left 15px; }
.line2 {background: url("../images/menu-bg-b.gif") repeat-x left 15px;  margin: 0 0px 0 0px; height: 30px;}

#main { /*background: url("../images/main-bg.jpg") no-repeat;*/ }
#main .opera7 { background: url("../images/main-bg.jpg") no-repeat; }
#main #order { top: 235px; left: 275px; position: absolute; }
#order img {}
#main .left { padding-top: 465px; padding-bottom: 130px; width: 403px;  }
#main .content { padding: 25px 25px 0 20px; width: auto }

#main .left .title { padding: 0 0 10px 28px; font-size: 24px; color: #0a68b1; }
#main .left .news { font-size: 11px; padding-bottom: 50px; margin-left: 25px;  }
#main .left .news dl { padding-bottom: 15px; }
#main .left .news dt { padding-left: 28px; background: url("../images/li.gif") no-repeat 3px 7px; }
#main .left .news dt a { color: #f43100; font-weight: bold; }
#main .left .news dt span { padding-right: 8px; color: #6f6f6f; text-decoration: underline; font-weight: bold; }
#main .left .news dd { color: #6f6f6f; padding-left: 28px; }

#main .left .news .line { text-align: right; margin-left: 28px; background: url("../images/menu-bg-b.gif") repeat-x; }
#main .left .news .line a { display: block; padding: 10px 6px 0 0; background: url("../images/arrow2.gif") no-repeat right 16px; }
#main .content .block .line { margin-top: 6px; text-align: right; background: url("../images/menu-bg-b.gif") repeat-x; }
#main .content .block .line a { font-size: 11px; display: block; padding: 8px 6px 0 0; background: url("../images/arrow2.gif") no-repeat right 16px; }

#main .content .img { border: 3px solid #dfdfdf; margin: 5px 0 5px 0;}
#main .content .block { line-height: 16px; }
#main .content .block .title { line-height: normal; padding: 0 0 3px 0px; font-size: 24px; color: #0a68b1; }
#main .content .block .l .text { margin-right: 20px; }
#main .content .block .l { width: 50%; }
#main .content .block .r .text { margin-right: 0px; }
#main .content .block .r { width: 50%; }
#main .content .opinions { position: relative; padding-top: 55px;  padding-bottom: 50px; background: url("../images/pen-top.jpg") no-repeat right top; }
#main .content .opinions .title { padding-bottom: 2px; line-height: normal; font-size: 24px; color: #0a68b1; }
#main .content .opinions .bg { background: #f4f4f4 url("../images/op-l.jpg") no-repeat }
#main .content .opinions .bg2 { background: url("../images/op-r.jpg") no-repeat right bottom; }
#main .content .opinions .next { margin: 20px 40px 25px 7px; width: 40px; height: 40px; }
#main .content .opinions .back { margin: 20px 7px 0 12px; width: 40px; height: 40px; }
#main .content .opinions .op { line-height: 18px; margin-top: 20px; }
#main .content .opinions .name { font-weight: bold; padding: 20px 0 25px 0; }
#main .content .opinions .pen { position: absolute; width: 100%; height: 88px; background: url("../images/pan-b.gif") no-repeat right top; }


.clear { clear: both; }
.bottom { vertical-align: bottom; }

#footer { height: 204px; padding: 0 25px 0 0;  }
#footer .left { width: 403px; position: relative; }
#footer .left .phone { margin-top: -94px; width: 388px; height: 139px; position: absolute; background: url("../images/phone.jpg") no-repeat }
#footer .left .phone a { font-size: 11px; color: #f73100; }
#footer .left .phone .p { margin: 27px 0 0 221px; }
#footer .left .phone .link { margin: 23px 0 0 221px; }
#footer .content { font-size: 11px; padding: 50px 0px 0 25px; background: url("../images/footer-bg.gif") repeat-x; }
#footer .copyrights { width: 100%; line-height: 14px; }
#footer .copyrights td { color: #000; vertical-align: middle; }
#footer .copyrights .logo { line-height: 13px; background: url("../images/web.gif") no-repeat left 2px; padding-left: 25px; }


#m1 {width: 37%;}
#m2 {width: 30%;}
#m3 {width: 32%;}

#content {padding: 10px 0 0 10px; font-family: Verdana; line-height: 1.4em; width: 100%;}
p {margin: 0 0 1em; line-height: 1.4em; margin: 0;}
* html .content {width: auto}

#content h2 a {text-decoration: none; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family: Tahoma}
img.opin {cursor: pointer; cursor: hand;}
.nonlink {cursor: default;}
h3 {color: #000; font-size: 1.6em}

#lll {background: #F7F7F7 url('../images/op-l.jpg') no-repeat left top; margin-top: 20px}
#rrr {background: url('../images/op-r.jpg') no-repeat right top; padding: 10px 20px 10px 20px;/* min-height: 170px;*/}

#lll ul { list-style: none; }
#lll ul li { background: url('../images/bullet.gif') no-repeat left 7px; padding-left: 10px; }


ul {line-height: 1.5em; list-style-type: disk; list-style-image: url(bullet.gif); padding-left: 20px; padding-bottom: 10px; }
ol {line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none; }

.galtable {width: 100%}
/** html #content p img {display: inline}*/