@charset "utf-8";

body {
            color: #000;
            font-family: "Times new roman"; 
            font-size: 14px;
            margin: 0px;
            padding: 0px;
}

a { 
            text-decoration: none; /* Отменяем подчеркивание у ссылки */
   }

p {
            margin: 0px;
            padding: 0px;
}

#imgload {
            background: url(..//img/webpage/Untitled4.jpg) no-repeat;
            widows: 0px;
            height: 0px;
            z-index: -2;
            background-size: auto;
}

#imgload2 {
            width: 0px;    
            background: url(..//img/webpage/876461.jpg) no-repeat;
            background-size: auto; 
            z-index: -3; 
            height: 0px;
}

#imgload3 {
            width: 0px;    
            background: url(..//img/webpage/876761.jpg) no-repeat;
            background-size: auto; 
            z-index: -3; 
            height: 0px;
}

#container {/*основной блок*/
            margin: 0px auto;
            padding: 0px;
            width: 100%;
            height: 100%;
            z-index: 1;
}

#container2 {/*основной блок*/
            margin-top: 0px;
            padding: 0px;
            width: 100%;
            height: 100%;
            position: fixed;
}

#container3 {/*основной блок*/
            margin-top: 0px;
            padding: 0px;
            width: 100%;
            height: 100%;
            z-index: 1;
}

#content {  /*фон верхняя часть*/
            margin-top: 0px;
            background: url(..//img/webpage/Untitled3.jpg) 60% 30% no-repeat;
            background-size: auto;
            width: 100%;
            height: 600px;
            z-index: 4;
}

#slaid {    /*фон нижняя часть*/
            width: 100%;    
            background: url(..//img/webpage/Untitled3.jpg) 60% 83.2% no-repeat;
            background-size: auto; 
            z-index: 3; 
            height: 170px;
}

#slaid:hover{  
            width: 100%;    
            background: url(..//img/webpage/Untitled4.jpg) 60% 100% no-repeat;
            /*opacity: 0.6;*/
            background-size: auto;  
            z-index: 3;
            height: 170px;
            transition: all 1.5s ease 0s;
}

#strimg {   /*стрелка*/
            width: 100%;
            height: 70px;
            background: url(..//img/webpage/str2.png) 50% 5% no-repeat;
            background-size: auto;
            margin: 0px auto;
            z-index: 30;
}

#slaid:hover #strimg{
            width: 100%;
            height: 100px;
            background: url(..//img/webpage/str.png) 50% 5% no-repeat;
            background-size: auto;
            margin: 0px auto;
            z-index: 30;
}

#strtext {  /* "каталог" */
            padding-top: 37px;
            color: #fff;
            font-size: 50px;
            margin: 0px auto;
            width: 160px;
            height: 45px;
            text-align: justify;
            vertical-align: middle;
            font-weight: lighter;
            border-bottom: 10px black;
            z-index: 35;
            text-shadow: 1px 1px 2px black;
}

#slaid:hover #strtext{
            width: 160px;
            height: 45px;
            margin: 0px auto;
            z-index: 35;
            color: #000;
            text-shadow: none;
}

#bodytext { /*блок названия предприятия*/
            float: left;
            color: #fff;
            padding-top: 50px;
            padding-left: 100px;
            font-size: 60px;
            width: 360px;
            height: 50px;
            z-index: 10;
            text-shadow: 1px 1px 2px black;
            position: relative;
}

#bodytext2 { 
            color: #fff;
            margin-left: 70px; 
            padding-top: 65px;
            padding-left: 10px;
            font-size: 18px;
            width: 200px;
            height: 25px;
            z-index: 10;
            text-shadow: 1px 1px 2px black;
            position: absolute;
}

#bodytext3 { 
            margin-left: 70px; 
            margin-top: 30px;
            color: #fff;
            padding-left: 10px;
            font-size: 25px;
            width: 130px;
            height: 50px;
            z-index: 10;
            text-shadow: 1px 1px 2px black;
            position: absolute;
}

#bodytext4 { 
            float: right;
            margin-top: 30px;
            /*color: #ff4e4e;*/
            color: #fff;
            padding-top: 5px;
            padding-left: 10px;
            font-size: 20px;
            width: 155px;
            height: 100px;
            z-index: 10;
            text-shadow: 1px 1px 2px black;
}

#footer2 {  /* "подвал" пустое поле для отступа*/
            background: none;
            height: 25px;
            width: 100%;
}

#bodyimg {  /*изображение в каталоге*/
            margin: 0px auto;
            background: url(..//img/webpage/8684.jpg) 50% no-repeat;
            background-size: contain;
            height: 400px;
            width: 600px;
}

#bodyimg:hover #shadowimg {
            display: block;
}


#bodyimg2 { /*изображение в каталоге*/
            margin: 0px auto;
            background: url(..//img/webpage/8691.jpg) 50% no-repeat;
            background-size: contain;
            height: 400px;
}

#bodyimg2:hover #shadowimg {
            display: block;
}

#bodyimg3 { /*изображение в каталоге*/
            margin: 0px auto;
            background: url(..//img/webpage/8665.jpg) 50% no-repeat;
            background-size: contain;
            height: 400px;
}

#bodyimg3:hover #shadowimg {
            display: block;
}

#shadowimg {/*изображение при навидении*/
            margin: 0px auto;
            background: url(..//img/webpage/shadow2.png) 50% no-repeat;
            background-size: contain;
            display: none;
            height: 400px;
}

.shadow {   /*тень для картинки в каталоге*/
            width: 600px;
            margin: 1em auto; 
            padding: 1px; 
            border: 0px solid rgb(100,100,100);
            box-shadow: 50px 0 50px -50px #000 inset, -50px 0 50px -50px #000 inset;
   }

#navigation {/*блок для меню*/
            float: right;
            color: #fff;
            padding: 10px;
            width: 850px;
            height: 50px;
            z-index: 1000;

}

nav {       /*меню*/
            position: relative;
            text-align: center;
            margin-top: 7px;
}
nav:hover a {
            color: #fff;
            /*margin-top: 7px;*/
}
nav a {
            color: #fff;
            display: inline-block;
            font-family: "Times New Roman";
            font-size: 22px;
            height: 50px;
            line-height: 50px;
            text-shadow: 1px 1px 2px black;
            transition: all 0.5s ease 0s;
            width: 200px;
}
nav a:hover {
            background: url(..//img/webpage/prz.png);  
            color: #ff4e4e;
            text-shadow: 1px 1px 2px black;
            box-shadow: 50px 0 50px -50px #000 inset, -50px 0 50px -50px #000 inset;
}

.cltext {   /*выделение ссылки*/
            color: #ff4e4e !important;
            font-size: 27px;
}

#block {    /*каталог*/
            background: url(..//img/webpage/87661.jpg) 60% no-repeat;
            /*background-color: #EFE7D1;*/
            background-size: auto;
            display: none;
            width: 100%;
            height: 1305px;
            z-index: 2;
}

#blockshadow {
            width: 100%;
            height: 25px;
            box-shadow: 0px 25px 25px -25px #000 inset;
            z-index: 30;
}

#blockshadow2 {
            width: 100%;
            height: 25px;
            box-shadow: 0px -25px 25px -25px #000 inset;
            z-index: 40;
}

#blockshadow4 {
            width: 100%;
            height: 10px;
            box-shadow: 0px 10px 10px -10px #000 inset;
            z-index: 30;
}

#text {     /*параетры заголовка*/
            padding-top: 30px;
            color: black;
            font-size:40px;
            text-align: center;
            vertical-align: middle;
}

.text2 {    /*параетры текста*/
            padding-top: 20px;
            margin: 0px auto;
            width: 1000px;
            color: black;
            text-align: justify;
            vertical-align: middle;
            font-size: 25px;
}

#clear {    /*отступ от всех блоков*/
            clear:both;
}
 
#footer {   /* "подвал" пустое поле для отступа*/
            background: #fff;
            height: 66px;
            width: 100%;
}

.b-popup {  /*затемнение всего экрана*/
            width:100%;
            height:100%;
            background-color: rgba(0,0,0,0.8);
            overflow:hidden;
            position:fixed;
            top:0px;
            z-index: 700;
}

#gallery {  /*сладер*/
            left: 50%;
            margin-left: -450px;
            margin-top: -300px;
            top:50%;
            position: relative;
}

#gallery2 { /*сладер*/
            left: 50%;
            margin-left: -450px;
            margin-top: -300px;
            top:50%;
            position: relative;
}

#gallery3 { /*сладер*/
            left: 50%;
            margin-left: -450px;
            margin-top: -300px;
            top:50%;
            position: relative;
}

#footer3 {  /* "подвал" пустое поле для отступа*/
            background: none;
            height: 50px;
            width: 100%;
}

#closetext {/*выход из слайдера*/
            background: url(..//img/webpage/close3.png) no-repeat;
            left: 50%;
            margin-left: 404px;
            margin-top: -290px;
            top:50%;
            position: absolute;
            width: 36px;
            height: 36px;  
            transition: all 0.1s ease 0s;  
            z-index: 99999;       
}

#closetext:hover {
            background: url(..//img/webpage/close2.png) no-repeat;
}

html.js .loader { /*загрузка страницы*/
            background: none repeat scroll 0 0 #ffffff;
            bottom: 0;
            height: 100%;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 9999;
}

html.js .loader_inner { /*загрузка страницы*/
            background-image: url("../img/preloader.gif");
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            background-color: #fff;
            height: 60px;
            width: 60px;
            margin-top: -30px;
            margin-left: -30px;
            left: 50%;
            top: 50%;
            position: absolute;
}

#content2 { /*блок для текста и линии на главной*/
            position: absolute; 
            bottom: 50px;
            right: 75px;
            width: 550px;
            height: 100px;
} 

#content3 { /*блок для текста на главной*/
            margin: 0px;
            float: right;
            width: 520px;
            height: 100px;
} 

.bodytext5 {/*параметры текста на главной*/
            font-size:40px;
            color: #fff;
            text-shadow: 1px 1px 2px black;
}

.line {     /*вертикальная линия на главной*/
            float: left;
            width: 2px;
            height: 100px;
            background-color: white;
            margin: 0px;
            box-shadow: 1px 1px 1px black;
}

.line2 {     /*вертикальная линия на главной*/
            position: absolute;
            margin-left: 350px;
            margin-top: 25px;
            width: 2px;
            height: 90px;
            background-color: white;
            box-shadow: 1px 1px 1px black;
}

#content4 { /*фон верхняя часть*/
            margin-top: 0px;
            background: url(..//img/webpage/876740.jpg) 50% 100% no-repeat;
            background-size: auto;
            width: 100%;
            height: 40%;
            z-index: 4;      
}

#content5 {    /*фон нижняя часть*/
            width: 100%;    
            background: url(..//img/webpage/876760.jpg) 50% 0% no-repeat;
            background-size: auto; 
            z-index: 3; 
            height: 60%;
            transition: all 1.0s ease 0s;
}

#content5:hover {    /*фон нижняя часть*/
            width: 100%;    
            background: url(..//img/webpage/876761.jpg) 50% 0% no-repeat;
            background-size: auto; 
            z-index: 3; 
            height: 60%;
}

#content5:hover #blockshadow3 {/*тень "контакты"*/
            width: 100%;
            height: 25px;
            box-shadow: 0px 25px 25px -25px #000 inset;
            z-index: 30;    
            transition: all 0.5s ease 0s;        
}

#content6 { 
            width: 100%;
            height: 50px;
            display: block;
} 

#content5:hover #content6 { 
            display: none;
}

#strtext2 {  /* "контакты" */
            padding-top: 37px;
            color: #fff;
            font-size: 50px;
            margin: 0px auto;
            width: 195px;
            height: 45px;
            text-align: justify;
            vertical-align: middle;
            font-weight: lighter;
            border-bottom: 10px black;
            z-index: 35;
            text-shadow: 1px 1px 2px black;
}

#content7 { 
            width: 100%;
            height: 100%;
            display: none;
            margin-top: -30px;
} 

#content5:hover #content7 { 
            display: block;
}

#content8 { /*карта*/
            width: 900px;
            height: 300px;
            margin: 0px auto;
            margin-top: 20px; 
}

#content20 {  
            float: left;
            width: 500px;
            height: 300px;
            font-size: 30px;
            color: #000;
}


#textcontent {
            margin: 0px auto;
            width: 900px;
            height: 25px;
            font-size: 30px;
            color: #000;
}

#textcontent2 {  
            float: right;
            width: 400px;
            height: 300px;
            font-size: 30px;
            color: #000;
}

#textcontentLeft {  
            margin: 0px auto;
            width: 400px;
            height: 200px;
            font-size: 30px;
            color: #000;
}

#textcontentRight {  
            margin: 0px auto;
            width: 400px;
            height: 200px;
            font-size: 30px;
            color: #000;
}

#textcontent3 {  
            float: left;
            padding-top: 50px;
            padding-left: 30px;
            width: 100px;
            height: 25px;
            font-size: 30px;
            color: #000;
}

#textcontent4 {  
            padding-top: 55px;
            float: right;
            margin: 0px auto;
            width: 220px;
            height: 25px;
            font-size: 25px;
            color: #000;
}

#textcontent5 {  
            float: left;
            padding-left: 30px;
            padding-top: 130px;
            width: 90px;
            height: 25px;
            font-size: 30px;
            color: #000;
}

#textcontent6 {  
            padding-top: 130px;
            float: right;
            margin: 0px auto;
            width: 270px;
            height: 25px;
            font-size: 25px;
            color: #000;
}

#strtext3 {  /* "лента" */
            padding-top: 37px;
            color: #fff;
            font-size: 50px;
            margin: 0px auto;
            width: 120px;
            height: 45px;
            text-align: justify;
            vertical-align: middle;
            font-weight: lighter;
            border-bottom: 10px black;
            z-index: 35;
            text-shadow: 1px 1px 2px black;
}

#textcontent7 {
            margin: 0px auto;
            width: 570px;
            height: 40px;
            font-size: 40px;
            color: #000;
            text-align: justify;
            vertical-align: middle;
}

#textcontent8 {
            margin: 0px auto;
            margin-top: 40px;
            width: 900px;
            height: 130px;
            font-size: 25px;
            color: #000;
            text-align: justify;
            vertical-align: middle;
}

#content9 {/*картинка ленты*/
            width: 300px;
            height: 200px;
            margin: 0px auto;
            background-position: 100% 100%;
            background: url(..//img/webpage/bar.jpg) no-repeat;
}

#content10 { /*фон верхняя часть*/
            margin-top: 0px;
            background: url(..//img/webpage/876440.jpg) 50% 100% no-repeat;
            background-size: auto;
            width: 100%;
            height: 40%;
            z-index: 4;      
}

#content11 {    /*фон нижняя часть*/
            width: 100%;    
            background: url(..//img/webpage/876460.jpg) 50% 0% no-repeat;
            background-size: auto; 
            z-index: 3; 
            height: 60%;
            transition: all 1.0s ease 0s;
}

#content11:hover {    /*фон нижняя часть*/
            width: 100%;    
            background: url(..//img/webpage/876461.jpg) 50% 0% no-repeat;
            background-size: auto; 
            z-index: 3; 
            height: 60%;
}

#content11:hover #content6 { 
            display: none;
}

#content11:hover #content7 { 
            display: block;
}

#content11:hover #blockshadow3 {/*тень*/
            width: 100%;
            height: 25px;
            box-shadow: 0px 25px 25px -25px #000 inset;
            z-index: 30;    
            transition: all 0.5s ease 0s;        
}