*{padding:0px;margin:0px;list-style-type:none;}
.center{margin:0 auto;width:980px;position:relative;}
ul.circle li{list-style-type:circle;margin-left:20px;}
ul.disc li{list-style-type:disc;margin-left:20px;}       
ul.circle li ul li{list-style-type:none;}
ul.decimal li{margin-left:20px;list-style-type:decimal;}
ul.decimal li ul li{list-style-type:none;}

.bg_popup{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgb(0,0,0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;z-index:50;}
.popup{background-color:#FFF;display:none;position:absolute;left:50%;margin-left:-263px;width:500px;top:100px;z-index:51;padding:10px;}
.popup img{width:500px;height:auto;}
.hide_popup{cursor:pointer;}
.popup .close{
position: absolute;
right: -12px;
top: -10px;
font-weight: bold;
font-size: 21px;
background-color: #FFF;
font-family: arial;
padding: 0px 5px 0px 5px;
margin: 0px;
border-radius: 9px;
text-transform: uppercase;
}

.form{
 position:absolute;
 top:120px;
 right:30px;
 width:260px;
 border:4px solid #4d80aa;
 border-radius:5px;
 padding:10px;
 background-color:rgba(250,250,250,0.6);
}
.form .head{text-align:center;color:#000;font-size:23px;}
.form .desc{text-align:center;color:red;font-size:21px;margin-top:-10px;}
.form p{position:relative;}
.form p label{position:absolute;top:3px;left:10px;color:#303030;}
.form input{width:247px;padding:3px;background-color:#ebebeb;} 
.form p{margin:10px 0px;}
.form .error_input label{color:red;}
.form .post_form{
color:#000;
text-decoration:none;
border-radius:20px;
display:block;
width:250px;
font-size:23px;
margin:10px auto;
padding-top:5px;
height:30px;
text-align:center;
text-transform:uppercase;

}
.show{display:block;}
.hide{display:none;}



.button{background:url('img/button.png');height:40px;}

.button12 {
  position: relative;
  display: inline-block;
  font-size: 100%;
  font-weight: 700;
  color: #fff;
  text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px;
  text-decoration: none;
  user-select: none;
  padding: .3em .7em;
  outline: none;
  border-radius: 7px;
  background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px);
  box-shadow:
   inset -2px -2px rgba(0,0,0,.3),
   inset 2px 2px rgba(255,255,255,.3);
  transition: background-position 999999s, color 999999s, text-shadow 999999s;
}
.button12:hover, a.button12:focus {
  text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;
  background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat;
  background-size: 1000% 100%;
}
.button12:hover {
  background-position: 0 0;
}
.button12:focus {
  color: rgba(255,255,255,0);
  text-shadow: rgba(1,117,177,0) -1px 1px, rgba(1,117,177,0) 1px 1px, rgba(1,117,177,0) 1px -1px, rgba(1,117,177,0) -1px -1px;
  background-position: 900% 0;
  transition: background-position linear 600s, color .5s, text-shadow .5s;
}


.block-1,
.block-2,
.block-3,
.block-4,
.block-5
{
min-width:980px; 
width:100%;
}


.block-1{
background-color:#243d53;
color:#FFF;
padding:10px 0px;
height:65px;
position:fixed;
left:0px;
top:0px;
z-index:2;
}

.block-1 img{margin-top: 5px;}
.block-1 .name {
  position:absolute;
  top:10px;
  left:250px;
 font-size:26px;
 text-align:center;
}

.block-1 .contact {
position: absolute;
top: 5px;
right: 0px;
width: 180px;
text-align:center;
}

.block-1 .contact .phone{ 
font-size: 21px;
color:#66CCFF;
}
 
.block-1 .contact .adr a{color:#FFF;text-decoration:none;}
.block-1 .contact .adr{
font-size: 14px;
padding:3px;
border-bottom:2px dashed #FFF;
width:60px;
margin:0 auto;
cursor:pointer;
color:#FFF;
}
.block-1 .menu {
position: absolute;
top: 100px;
left: 0px;
width: 300px;
text-align:left;
}

.block-2 .bg{
 width:100%;
 min-width:980px;
 height:auto;
 position:absolute;
 z-index:0;
 left:0px;
 top:0px;
 

}
.block-2 {
position:relative;
min-height:378px;
height:100%; 
margin-top:78px; 

} 
.block-2 .fon{position:absolute;width:100%;height:85px;top:0px;left:0px;background-color:#FFF;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.block-2 .name{
padding-top:10px;
color:#000;
font-size:28px;
text-align:center;
}
.block-2 .name b{ 
font-size:28px; 
display:block;
}

.block-3{height:270px;position:relative;}

.block-3 .name{
padding-top:10px;
color:#000;
font-size:28px;
text-align:center;
}

.block-3 .blue{
 width:200px;
 text-align:center;
 color:#FFF;
 font-size:20px;
 position:absolute;
 top:80px;
 padding:10px;
 background:url(img/big-blue.jpg);
 height:117px;
 border-radius:10px;
}

.block-3 .div-1{left:0px;}
.block-3 .div-2{left:403px;}
.block-3 .div-3{right:0px;}


.block-4{  
background-color:#469ccc;

}
.block-4 .name{
padding:10px;
color:#FFF;
font-size:28px;
text-align:center;
}

.block-4 .img-div {
width:600px;
margin:10px auto; 
}

.block-4 .img-div .img-name{
text-align:center;
color:#FFF;
font-size:24px;
}
.block-4 .img-div img{
 border-radius:8px;
 margin:15px 50px;
 border:0px;
}

 
.block-5 .name{
padding:10px;
color:#000;
font-size:18px;
text-align:center;
}
.block-5 a.bg{
display:block;
width:600px;
margin:10px auto;
padding-top: 10px;
height: 30px;
color:#FFF;
font-size:18px;
text-align:center;
text-transform:uppercase;
text-decoration:none;
border-radius:10px;
}
        
.block-5 .find{
 cursor:pointer;
 width:233px;
 display:block;
 margin:10px auto;
}
.block-5 .map{display:none;}

.spoiler {
    display: block;
}

.btn {
    display: inline-block;
    border: none;
	width:600px;
    border-radius: 20px;
    font-size: 16px;
    padding: 10px 0px;
    background: #558ed6;
    color: #fff;
    font-family: Tahoma, sans-serif;
    cursor: pointer;
}

.spoiler input[type=checkbox] {
    display: none;
}

.text {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 12px 0 20px;
}

.spoiler input[type=checkbox] ~ .text {
    display: none;
}

.spoiler input[type=checkbox]:checked ~ .text {
    display: block;
}



.nav
{
width: 442px;
margin: 10px auto;
}

.nav li{
display:inline-block;
color:#FFF;
font-size:16px;
padding:5px;
margin:5px;
border:2px dashed #FFF;
cursor:pointer;
}

.nav li.tek{background-color:#FFF;color:#469CCC;}


#pred p{
 margin-bottom:10px;
}
#pred h2{text-align:center;font-weight:400;}


#vod{width:940px;margin-left:-470px;}



