/* Global Design  */
html{width:100%;height:100%;}
body{width:100%;font:12px/18px 'Segoe UI',arial,lobster,sans-serif;color:#fff; background: #d1d3d4 repeat;}
@font-face {
    font-family: lobster; /* Гарнитура шрифта */
    src: url(/gibson/fonts/lobster.ttf); /* Путь к файлу со шрифтом */
   }
@font-face {
    font-family: segoeui; /* Гарнитура шрифта */
    src: url(/gibson/fonts/segoeui.ttf); /* Путь к файлу со шрифтом */
   }
h1{font-size:30px; color:#000; line-height: 1.1;  margin:0px 0px 30px 0px;font-weight: bold;}
h2{font-size:30px; font-weight:300; color:#614e38;}
h3{font-size:36px; font-family: segoeui; font-weight:300; color:#fff; margin-bottom:-25px;}
h4{font-size:24px; color:#ffcc00; margin:0px;}
h5{font-size:12px; color:#000; display: table-cell; vertical-align: middle;}
h6{font-size:12px; text-transform:uppercase;  font-weight:bold;display: table-cell; vertical-align: middle; }
.front-7{font-size:12px; font-family: segoeui; font-weight:300; color:#fff; margin:0px; text-align:center; text-transform:uppercase;}
.front-8{font-size:14px; font-family: segoeui; font-weight:300; color:#fff; margin:0px; text-align:left; text-transform:uppercase;}
.front-9{font-size:12px; font-family: segoeui; font-weight:300; color:#fff; margin:0px; text-align:left;}
.front-10{font-size:12px; font-family: segoeui; font-weight:300; color:#fff; font-style: italic; margin:0px; text-align:left;}
.front-11{font-size:24px; font-family: segoeui; font-weight:300; color:#614e38; margin:0px; text-transform:uppercase; line-height: 1em;}
.front-12{font-size:36px; font-family: segoeui; font-weight:300; color:#fff;}
.front-13{font-size:11px; font-family: segoeui; font-weight:300; color:#fff;}
.front-14{font-size:12px; font-family: segoeui; font-weight:300; color:#614e38; margin:0px; text-align:right;}
.front-15{font-size:36px; font-family: segoeui; font-weight:300; color:#a00309;}
.front-16{float: left;font-size:13px; font-family: segoeui; font–weight:800; color:#a00309; margin:0px; text-transform:uppercase;}
.front-17{float: left;font-size:12px; font-family: segoeui; font-weight:300; color:#000; margin:0px; text-align:lift;}
a{font-size:12px; font-weight:300; text-decoration: none; color:#fff;}

/* Разметка страницы*/
#page{width:1000px; box-shadow: 0 0 15px #666; margin: 0px auto; background: #fff repeat;}
#header{width:980px; height:120px; margin: 0px auto; margin-bottom: 10px;}
#footer{width:1000px; height:100px;margin: 0px auto; background: url(img/footer-fon.png) repeat;} 
/* Шапка */
.logo{float:left; width: 500px; height:80px;}
.tel-fon{float:right; width: 400px; height:80px;}
/* Меню display: table-cell; vertical-align: middle; */
#menue{float:left; width:980px; height:40px; margin: 0px auto; background: #252525 repeat;}
#menue>li{display:inline-block;position:relative; width:0px auto; height:40px; margin: 0px 20px 0px 20px; background: #252525 repeat; color:#b2b2b2;}
#menue>li:hover{border-bottom: 5px solid #ffcc00; color:#fff;height:35px;}
#menue>li>ul{position:absolute;z-index: 999999;height:40px;background: #252525 repeat; color:#b2b2b2; display:none;text-align: center;}
#menue>li:hover>ul{display:block;}
#menue> li:hover > ul > li {position:relative;height:40px;background: #252525 repeat; color:#b2b2b2;text-align: center;width: 100px;padding: 0px 10px 0px 10px;}
#menue> li:hover > ul > li:hover {height:35px;border-bottom: 5px solid #ffcc00;}
/* Слайдер */
#slidert{z-index: 8;opacity: 0.99;width:980px; height:345px;margin: 0px auto; margin-bottom: 2px; background: url(img/test.png) repeat;}
.left-box{float: left; width:670px; height:345px;}
.right-box{float: left; width:310px; height:345px;background: url(img/bgr-black.png) repeat;}
#right-text-box1{float: left; width:270px; height:320px;}
#right-text-box2{float: left; width:270px; height:320px; display:none;}
#right-text-box3{float: left; width:270px; height:320px; display:none;}
.right-text-box-info{float: left; width:240px; height:320px; margin-left: 20px}
.left-pust-box{float: left; color: #000; width:670px; height:305px;}
.left-menu{float: left; width:670px; height:40px;}
.left-menu-box{float: left; width:220px; height:35px; background: url(img/bgr-black.png) repeat;border-top: 5px solid #ffcc00;}
#left-menu-box1{float: left; width:220px; height:35px; background: url(img/bgr-black.png) repeat;border-top: 5px solid #ffcc00;}
#left-menu-box2{float: left; width:220px; height:35px; background: url(img/bgr-black.png) repeat;border-top: 5px solid #ffcc00;}
#left-menu-box3{float: left; width:220px; height:35px; background: url(img/bgr-black.png) repeat;border-top: 5px solid #ffcc00;}
/********************/
/* Главная страница *******************************************************************************************/
/********************/
/* Инфа лево */
#page-left-box{float: left;margin-left: 10px; margin-top:10px; width:670px;}
.left-company-info{float: left;margin-left: 10px;margin-bottom: 20px; width:650px; color: #000;}
.left-company-info-text{float: left;width:400px; margin-left: 240px;}
.left-boxing-info{float: left;width:660px; height:0px auto;}
.left-box-info{float: left;width:210px; margin-right: 10px; margin-bottom: 10px; height:185px;background: #f2f2f2 repeat;}
/* Инфа право */
#page-right-box{float: left; width:310px; height:0px auto;}
.page-right-akc{float: left; width:310px; margin-bottom:20px; background: #ffffff repeat; height: 165px;}
.page-right-news{float: left; width:310px; height:200px;margin-bottom:10px;border-left: 1px solid #f2f2f2;}
.page-right-zayav{float: left; width:310px; height:110px;margin-bottom:10px;border-left: 1px solid #f2f2f2;}
.page-right-staty{float: left; width:310px; height:200px;margin-bottom:10px;border-left: 1px solid #f2f2f2;}
.page-right-mini-info{float: left; width:270px; margin-left:20px;}
/* Подвал */
.footer-adr{
  padding-left: 20px;
  width: auto;
  height: 100px;
}
.footer-adr>img{
    float: right;
    display: inline-block;
    margin: 10px 20px;
}
/* Контакты отделов */

.box-infa-fontan{width: 625px;height: 200px;float: left; margin-left: 25px;}
.box-kont-name{float:left; width: 149px; height: 51px; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.box-kont-dolg{float:left; width: 174px; height: 51px;border-right: 1px solid #000; border-bottom: 1px solid #000;}
.box-kont-number{float:left; width: 149px; height: 51px;border-right: 1px solid #000; border-bottom: 1px solid #000;}
.box-kont-mail{float:left; width: 150px; height: 51px; border-bottom: 1px solid #000;}
/* ОБЪЕКТЫ ПО ГОРОДАМ */
.left-box-info-goroda{float: left;width:206px; margin-right: 10px; margin-bottom: 10px; height:185px;background: #f2f2f2 repeat;}



/* Слайдер*/
.text-in-slide{position: absolute;height: 345px;width: 310px; margin-top: -345px;background: url(img/bgr1.png) repeat;margin-left: 670px;}
.text-in-slide-zagl{float:right; margin-top: 20px; width: 815px; font-size:24px; font-family: lobster;text-align:left; color: #e9ddca;}
.text-in-slide-opis{float:right;font-size:16px; width: 240px; height: 320px;margin-left: 20px;margin-right: 50px; font-family: Times New Roman; text-align:left; color: #e9ddca;}
.pic-in-slide{float:left; height: 105px;width: 105px;}
.slider {
z-index: 9;
width: 980px;
height:345px;
overflow: hidden;
margin: 0 0 7px;
position: relative;}
	
.slider ul,

.slider li {
padding: 0;
	margin: 0;
list-style-type: none;
}
	
.slider ul {
width: 9999px; 
}
	
.slider ul li {
	list-style-type: none;
	float: left;
width: 980px;
height: 345px;
}
	
.slider .nav {
position: absolute;
left: 125px;
bottom: 35px;width: 400px; }
	
.slider .nav span {
opacity: 0.7;
background: #fff;
margin: 0 8px 0 0;
width: 10px;
	height: 10px;
<!--border-radius: 8px;-->
cursor: pointer;
overflow: hidden;
display: block;
float: left;
box-shadow: 0 1px 2px #000;
}
	
.slider .nav span.on {
background: #462d2a;
}




/* Слайдер

.wrapper{
background: #fff;
width: 940px; height:400px;
padding: 1px 15px 15px;
margin: 0 auto; 
	}
	
.text-in-slide{position: absolute;height: 105px;width: 940px; margin-top: -110px;background: url(pic/bgr1.png) repeat;}
.text-in-slide-zagl{float:right; margin-top: 20px; width: 815px; font-size:24px; font-family: lobster;text-align:left; color: #e9ddca;}
.text-in-slide-opis{float:right;font-size:16px; width: 745px;margin-top: 10px; margin-right: 70px; font-family: Times New Roman;font-style: italic; text-align:left; color: #e9ddca;}
.pic-in-slide{float:left; height: 105px;width: 105px;}
.slider {
z-index: 9;
width: 940px;
height:400px;
overflow: hidden;
margin: 0 0 7px;
position: relative;}
	
.slider ul,

.slider li {
padding: 0;
	margin: 0;
list-style-type: none;
}
	
.slider ul {
width: 9999px; 
}
	
.slider ul li {
	list-style-type: none;
	float: left;
width: 940px;
height: 400px;
}
	
.slider .nav {
position: absolute;
left: 105px;
bottom: 80px;width: 835px; }
	
.slider .nav span {
opacity: 0.9;
background: #fff;
margin: 0 8px 0 0;
width: 12px;
	height: 12px;
border-radius: 8px;
cursor: pointer;
overflow: hidden;
display: block;
float: right;
box-shadow: 0 1px 2px #000;
}
	
.slider .nav span.on {
background: #462d2a;
}
*/
.mod-sys{
  min-height: 280px;
}
.clearfix{
    clear:both;
    font-size:0px;
    line-height:0 px;
}
.bold_box{
background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    transition: 1s;
}
.bold_box_content{
    background-color: rgba(255, 204, 0, 0.8);
    color: #FFFFFF;
    border: 3px solid #FFFFFF;
    text-align: center;
    width: 70%;
    height: 210px;
    margin: 10% auto;
    padding: 25px;
}