/*
Project:   AquaSector
CSS Type:  Semantic
Version:   1.1 (07.12.2009)
Author:    Grigory Zarubin (Shogo.RU)
*/

/*   -=========== Special Fonts ===========-   */
/*@font-face {
  font-family: 'HeliosCondRegular';
  src: url('HeliosCond.eot');
  src: local('HeliosCond Regular'), local('HeliosCond'), url('HeliosCond.otf') format('opentype'); }

/*   -=========== Common Styles ===========-   */
html, body {
  height: 100%; }
body {
  font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 120%;
  color: #002F48;
  background: url(body_bg.png) repeat-x 0 0 #EAF1F6; }
* {
  font-size: 100%;
  margin: 0;
  padding: 0; }
a {
  color: #002F48; }
a img {
  border: 0; }
a:focus {
  outline: none; }
.zero {
  border-spacing: 0;
  border-collapse: collapse; }
.zero td {
  padding: 0; }
.z7 td {
  padding: 7px 0; }
.bb {
  font-weight: bold; }
.m3 {
  margin-bottom: 3px; }
.m5 {
  margin-bottom: 5px; }
.m7 {
  margin-bottom: 7px; }
.m10 {
  margin-bottom: 10px; }
.m15 {
  margin-bottom: 15px; }
.m20 {
  margin-bottom: 20px; }
.m25 {
  margin-bottom: 25px; }
.m30 {
  margin-bottom: 30px; }
.m40 {
  margin-bottom: 40px; }
.m50 {
  margin-bottom: 50px; }
.hova a {
  text-decoration: none; }
.hova a:hover {
  text-decoration: underline; }
.nova a {
  text-decoration: none; }
.unhova a {
  text-decoration: underline; }
.unhova a:hover {
  text-decoration: none; }
.s9 {
  font-size: 9px;
  line-height: 120%; }
.s10 {
  font-size: 10px;
  line-height: 120%; }
.s11 {
  font-size: 11px;
  line-height: 120%; }
.s12 {
  font-size: 12px;
  line-height: 120%; }
.s13 {
  font-size: 13px;
  line-height: 120%; }
.s14 {
  font-size: 14px;
  line-height: 120%; }
.s15 {
  font-size: 15px;
  line-height: 120%; }
.s16 {
  font-size: 16px;
  line-height: 120%; }
h1, h1 a {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-decoration: none; }
.h1, .h1 a {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  font-weight: bold;
  text-decoration: none; }
h2, h2 a {
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-weight: normal;
  margin-bottom: 12px;
  text-decoration: none; }
h3, h3 a {
  font-size: 15px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 15px;
  text-decoration: none; }
h4, h4 a {
  font-size: 14px;
  line-height: 120%;
  color: #002F48;
  margin-bottom: 10px;
  text-decoration: none; }
p {
  padding-bottom: 10px; }
ul, ol, ul.default {
  margin: 5px 0 15px 0; }
ol {
  margin: 5px 0 20px 20px; }
ul.default {
  margin-top: 0; }
ul li, ul.default li {
  margin: 5px 0;
  list-style-position: inside;
  list-style-type: square; }
ul.default li {
  margin: 0 0 5px 20px;
  list-style-position: outside;
  list-style-type: disc; }
ol li {
  margin: 0 0 20px 0;
  list-style-position: outside;
  font-weight: bold; }
.inp, textarea, select {
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #002F48;
  padding: 3px 5px;
  background: #FFFFFF;
  border: 0; }
.input_error {
  background: #860028; }
select {
  padding: 0; }
label {
  cursor: pointer; }
.left {
  float: left;
  margin: 0 10px 10px 0; }
.right {
  float: right;
  margin: 0 0 10px 25px; }
.auto {
  width: 100%;
  height: auto; }


/*   -=========== Structure ===========-   */
#container {
  position: relative;
  width: 1004px;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  min-height: 100%;
  margin: 0 auto; }
#header {
  height: 324px; }
#content {
  background: url(content_bg.png) repeat-x 0 0 #A7C6DA;
  min-height: 672px;
  overflow: hidden;
  padding: 35px 30px 224px 30px; }
#left_col {
  float: left;
  width: 220px; }
#main {
  margin-left: 260px; }
#footer {
  clear: both;
  position: relative;
  width: 1004px;
  margin: -214px auto 0 auto;
  height: 214px; }


/*   -=========== Blocks ===========-   */
#header .logo {
  float: left;
  width: 238px; }
#header .ls {
  font-size: 13px;
  line-height: 120%;
  color: #FFFFFF;
  font-weight: bold;
  white-space: nowrap;
  float: right;
  padding: 0 0 0 0;
  margin: 10px 3px 0 0;}
#header .ls a {
  color: #FFFFFF;
  font-weight: normal;}
#header .ls div.ru{
  background: url(lang.gif) no-repeat 0 0;
  height: 35px;
  width: 65px;
  display: block;
  padding: 15px 0 0 8px; }
#header .ls div.en {
  background: url(lang.gif) no-repeat 0 100%;
  height: 35px;
  width: 65px;
  display: block;
  padding: 15px 0 0 8px; }
#header .ls div.ch {
  background: url(lang.gif) no-repeat 0 100%;
  height: 35px;
  width: 65px;
  display: block;
  padding: 15px 0 0 8px; }
#header .slogan {
  font-size: 22px;
  line-height: 120%;
  color: #FFFFFF;
  padding: 213px 0 0 300px; }

#mnu {
  margin: 0 0 30px 0;
  padding: 0; }
#mnu li {
  margin: 0 0 15px 0;
  padding: 0;
  background: url(mrk1.gif) no-repeat 0 5px;
  list-style: none; }
#mnu li a, #mnu li span {
  font-size: 15px;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  margin-left: 14px; }
#mnu li.current {
  background-position: -1010px 5px; }
#mnu li.current a, #mnu li.current span {
  color: #002F48;
  text-decoration: underline; }
#mnu li a:hover, #mnu .current ul a:hover {
  text-decoration: underline; }
#mnu ul, #mnu .current ul ul {
  /*display: none;*/
  margin: 12px 0 0 19px; }
#mnu .current ul ul {
  margin: 10px 0 8px 16px; }
#mnu .current ul, #mnu .current ul .current ul {
  display: block; }
#mnu .current ul li {
  background: url(mrk3.gif) no-repeat 0 4px;
  margin: 0 0 5px 0; }
#mnu .current ul a {
  font-size: 12px;
  line-height: 120%;
  color: #002F48;
  text-decoration: none; }
#mnu .current ul ul li {
  background: url(mrk4.gif) no-repeat 0 5px; }
#mnu .current ul ul a {
  margin-left: 10px;
  font-weight: normal; }
#mnu .current ul ul .current a {
  text-decoration: underline; }

/*------------------ 03.08.2010 Меню на главной странице --------------*/
#mnu li.main_p {
  background-position: -1010px 5px; }
#mnu li.main_p a, #mnu li.main_p span {
  color: #FFFFFF;
  text-decoration: underline; }
#mnu li a:hover, #mnu .main_p ul a:hover {
  text-decoration: underline; }
#mnu ul, #mnu .main_p ul ul {
  /*display: none;*/
  margin: 12px 0 0 19px; }
#mnu .main_p ul ul {
  margin: 10px 0 8px 16px; }
#mnu .main_p ul, #mnu .main_p ul .main_p ul {
  display: block; }
#mnu .main_p ul li {
  background: url(mrk3.gif) no-repeat 0 4px;
  margin: 0 0 5px 0; }
#mnu .main_p ul a {
  font-size: 12px;
  line-height: 120%;
  color: #FFFFFF;
  text-decoration: none; }
#mnu .main_p ul ul li {
  background: url(mrk4.gif) no-repeat 0 5px; }
#mnu .main_p ul ul a {
  margin-left: 10px;
  font-weight: normal; }
#mnu .main_p ul ul .main_p a {
  text-decoration: underline; }

.srch {
  margin-bottom: 35px; }
.srch .inp {
  background: url(search_inp_bg.gif) no-repeat 0 0 #FFFFFF;
  width: 150px;
  height: 15px; }
.l_block {
  margin: 0 0 20px 14px; }
.hdr {
  margin-bottom: 15px; }
.hdr, .hdr a {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  color: #FFFFFF; }

.decorated {
  width: 322px; }
.decorated .content {
  overflow: hidden;
  background: #FFFFFF;
  padding: 9px 0 9px 6px; }
.decorated .image {
  float: left;
  width: 146px;
  height: 38px;
  margin: 0 5px 15px 0;
  text-align: right;
  padding: 63px 7px 0 0; }
.decorated .bottom {
  background: url(decor_bg.gif) no-repeat 0 0;
  font-size: 1px;
  line-height: 1px;
  height: 13px; }
.item {
  float: left;
  width: 120px;
  padding: 15px 20px; }
.navi {
  font-size: 10px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 15px; }
.navi a {
  color: #C6D9E8; }
.scheme {
  background: #FFFFFF;
  text-align: center;
  margin-bottom: 10px; }

#footer .counters {
  float: left;
  width: 427px;
  padding: 65px 5px 0 35px; }
#footer .counters img {
  float: left;
  margin-right: 10px; }
#footer .copyright {
  padding: 65px 15px 0 100px;
  font-size: 11px;
  line-height: 120%;
  color: #002F48;
  overflow: hidden; }
#footer .copyright a {
  color: #004467; }


/*   -=========== Classes ===========-   */
.white, .white a {
  color: #FFFFFF; }
.red, .red a {
  color: #860028; }

.mrk1 {
  background: url(mrk1.gif) no-repeat 0 4px;
  padding-left: 14px; }
.mrk2 {
  background: url(mrk2.gif) no-repeat 0 5px;
  padding-left: 20px; }
.mrk3 {
  background: url(mrk3.gif) no-repeat 0 4px;
  padding-left: 14px; }
.mrk3_ {
  background: url(mrk3.gif) no-repeat 0 6px;
  padding-left: 14px; }

.hr {
  background: #C0D6E4;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  margin: 10px 0 15px 0; }

div.form {
  border: 1px solid #C0D6E4;
  background: #79A6C4;
  padding: 15px; }
.form label {
  float: left;
  width: 150px;
  padding-right: 15px; }
.form .pdb {}
.ib {
  border: 2px solid #FFFFFF; }
.fotos {
  float: left;
  margin: 0 13px 13px 0; }
.l_main {
  float: left;
  width: 49%; }
.r_main {
  margin-left: 51%; }
.bord {
  border-top: 1px solid #C0D6E4;
  border-left: 1px solid #C0D6E4; }
.bord th {
  padding: 5px;
  background: url(bord_th_bg.png) repeat-x 0 0 #3979A4;
  color: #FFFFFF;
  border-right: 1px solid #C0D6E4;
  border-bottom: 1px solid #C0D6E4; }
.bord td {
  padding: 5px;
  background: #FFFFFF;
  border-right: 1px solid #C0D6E4;
  border-bottom: 1px solid #C0D6E4; }
.bord .hl td, .bord td.hl {
  background: #D2E1EC; }

.text_container {
  overflow: hidden;
  margin-bottom: 10px; }
.nofloat {
  overflow: hidden; }

.phone{
  font: 22px Tahoma, Verdana, Arial, Helvetica, sans-serif;;
  color: #FFFFFF;
  text-align: right;
  margin-bottom: 5px; }
.table {
  border-left:1px solid #D1DCE4;
  border-top:1px solid #D1DCE4; }
.table td {
  border-bottom:1px solid #D1DCE4;
  border-right:1px solid #D1DCE4;
  color:#25313D;
  padding:5px 10px;
  vertical-align:top; }
.table1 {
  border-left:1px solid #D1DCE4;
  border-top:1px solid #D1DCE4; }
.table1 td {
  border-bottom:1px solid #D1DCE4;
  border-right:1px solid #D1DCE4;
  color:#25313D;
  padding:5px 10px;
  vertical-align:middle;
  text-align:center;  }
.form-form {
  border:1px solid #A9B7C5;
  font-size:9px;
  width:100%; }
.form-select {
  border:1px solid #A9B7C5;
  font-size:9px; }