*{
margin:0px;
padding:0xp;
border:0xp;
outline:0;
}
body{
background:url(../images/1.jpeg);
background-size: 100%;
background-position:centr top;
background-repeat: no-repeat;
background-attachment:fixed;
}
#header{
height:240px;
}
.all_wrapp{
width:1124px;
margin:0 auto;
}
#head-line{
height:228px;
width:1124px;
background:url(../images/12345.png) no-repeat;
margin:0 auto;
box-shadow: 0 0 5px;
}
#head-menu{
margin:0 auto;
}
.nav {
height:40px;
width:1124px;
margin:0 auto;
padding-top:200px;
}
.nav ul{
list-style:none;
width:1000px;
height:55px;
padding:0;
margin:0 auto;
}
.nav li{
float:left;
height:25px;
}
.nav li a{
display:block;
padding-left:50px;
padding-right:50px;
color:#000000;
text-decoration:none;
font:20px Verdana;
padding-bottom:2px;
}
.nav li a:hover, .nav li a:active{
color:#9DDEEF;
}
.all_wrap{
margin:0 auto;
width:1124px;
}

#content{
width:1124px;
background:url(../images/centr-cont1.png) repeat;
padding-bottom: 100px;
box-shadow: 0 0 5px;
}
.border{
position:relative;
top:20px;
padding-bottom:70px;
margin-left:240px;
border-left: 1px solid #ccc; /* Параметры линии */
}

.centr-cont{
width:960px;
 }
.text h3, strong{
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica;
font-size:18px;
padding-top:10px;
}
.text{
width:840px;
margin-left:20px;
margin-right:20px;
text-align:justify;
line-height: 1.5;
}
.text p{
margin-top:15px;
font-family:Verdana, Arial, Helvetica;
font-size:15px;
}
.text img{
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
}

#left-sidebar{
position:absolute;
float:left;
margin-top:10px;
width:240px;
}

.left-menu ul{
list-style:none;
width:230px;
}
.left-menu ul li{
width:230px;
height:40px;
}
.left-menu ul li a{
display:block;
height:37px;
color:#000000;
text-decoration:none;
font:18px Verdana;
}
.left-menu  li a:hover, .left-menu li a:active{
color:#9DDEEF;
}
.information{
width:240px;
margin-top:10px;
}
.h4-information{
text-align: center;
height:46px;
font-size:20px;
font-family:Verdana;
color:#00000;
font-weight:normal;
padding-top:15px;
}
#clear{
clear:both;
}

.foo-menu{
height:100px;
width:1124px;
background:url(../images/footer.png) no-repeat;
margin:0 auto;
margin-top:20px;
margin-bottom:0px;
position:relative;
box-shadow: 0 0 5px;
}
.footer-wrapp{
margin:0 auto;
width:1124px;
}
.footer-wrapp li{
float:left;
height:15px;
border-right:2px solid #00000;
}
.footer-wrapp ul {
width:550px;
margin-left:650px;
list-style:none;
}
.footer-wrapp  .last{
border:0px;
}
.footer-wrapp li a {
display:block;
font:15px Verdana;
color:#000000;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.copyleft{
height:20px;
margin-left:40px;
}
.copy{
font:14px Verdana;
color:#000000;
position:relative;
padding-top:60px;
text-align: center;
}

.inform-menu {
padding-left: 45px;
}

.inform-menu a{
display: block;
margin-bottom: 1px;
}

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

#gallery img {
position: absolute;
top: 30%;
left: 12.5%;
max-width: 50%;
max-height: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: zoom-in;
transition: .2s;
}
#gallery img:nth-child(4n-2) {left: 37.5%;}
#gallery img:nth-child(4n-1) {left: 62.5%;}
#gallery img:nth-child(4n) {left: 87.5%;}
#gallery img:nth-child(n+5) {top: 90%;}
#gallery img:nth-child(n+9) {top: 100.5%;}
#gallery img:nth-child(n+13) {top: 87.5%;}

#gallery img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 250%;
  max-height: 250%;
  outline: none;
  pointer-events: none;
}

#gallery img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}


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

#gallery1 img {
position: absolute;
top: 35%;
left: 16.5%;
max-width: 40%;
max-height: 40%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: zoom-in;
transition: .2s;
}
#gallery1 img:nth-child(4n-2) {left: 50%;}
#gallery1 img:nth-child(4n-1) {left: 84.5%;}
#gallery1 img:nth-child(4n) {left: 85.5%;}
#gallery1 img:nth-child(n+5) {top: 90%;}
#gallery1 img:nth-child(n+9) {top: 100.5%;}
#gallery1 img:nth-child(n+13) {top: 87.5%;}

#gallery1 img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 250%;
  max-height: 250%;
  outline: none;
  pointer-events: none;
}

#gallery1 img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}

.spiski li{
font-family:Verdana, Arial, Helvetica;
font-size:15px; 
}