html, body { width: 100%; height: 100%; }
* { outline: none; }
html, body, table, tr, th, td, form, div, span, ul, ol, li, p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
body { font-family: arial, sans-serif; font-size: 14px; line-height: 1.3;  background-color: #00FF7F; background-repeat: repeat; }

img { display: block; }
a img { border: 0; }
a { text-decoration: underline; }
a:link { color: #000080; }
a:visited { color: #000080; }
a:hover { color: #DF0070; }
a:active { color: #000080; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
th { text-align: left; font-weight: normal; }
th, td { vertical-align: top; }
.strut { height: 0; font-size: 0; line-height: 0; }

.mainTbl { width: 100%; height: 100%; background: url(/images/) 0 0 repeat; }

.logo { position: absolute; z-index: 1; left: 0; top: 0; }

.header { position: relative; z-index: 2; height: 163px; }

.topMenu { font-size: 16px; font-weight: bold; line-height: 15px; margin: 12px 0 49px 0; }
.topMenu .gap { background: url(/images/) 0 0 repeat; }
.topMenu .strut { width: 35px; }
.topMenu td { padding: 1px 0 10px 0; white-space: nowrap; }

.title {font-size: 20px; line-height: 22px; color: #fff!important; text-decoration:none;}
.head_title {padding-left:76px; margin-top: -23px; font-size: 20px; line-height: 22px; color: #fff!important;}

.phone { font-family: Tahoma; font-size: 26px; line-height: 26px; color: #000000; }
.code { font-family: Tahoma; font-size: 16px; line-height: 16px; color: #000000; margin-top: 37px; margin-bottom: -4px; }
.mail { font-size: 16px; line-height: 16px; padding-top: 6px; }
.mail a:link { color: #DF0070; }
.mail a:visited { color: #000080; }
.mail a:hover { color: #DF0070; }
.mail a:active { color: #000080; }

.content { padding: 30px 50px 150px 0; }

.bottom { vertical-align: bottom; }
.footer { height: 60px; background-color: #FFFFFF; background-repeat: repeat; border-top: 1px solid black }
.footer table { width: 100%; height: 60px; background: url(/images/) -360px 0 repeat; }
.copy { font-size: 12px; line-height: 1.3; vertical-align: middle; padding: 0 84px; }
.counter { text-align: right; padding: 37px 158px 0 0; }

.left_menu_adv_block {
  border-top:2px dashed #000080;
  border-bottom:2px dashed #000080;
  margin:34px 0 0 84px;
  padding:19px 0 19px 50px;
  position:relative;
}
.left_menu_adv_link {
  font-size:17px;
}
.left_menu_adv_text {
  color:#0066a4;
  line-height:15px;
  margin-top:7px;
}
.left_menu_adv_img {
  left:6px;
  position:absolute;
  top:21px;
}


#gallery1 {
  position: relative;
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}

#gallery1 img {
  position: absolute;
  top: 25%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none; user-select: none;
  cursor: zoom-in;
}
#gallery1 img:nth-child(4n-2) {left: 37.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 75%;}

#gallery1 img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 31;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(240,240,240,.9);
  cursor: zoom-out;
}