@font-face {font-family: BNC;
    src: url("../fonts/BNC.eot");
    src: url("../fonts/BNC.eot?#iefix") format("embedded-opentype"),
         url("../fonts/BNC.woff") format("woff"),
         url("../fonts/BNC.ttf") format("truetype"),
         url("../fonts/BNC.svg#JournalRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.header-container {
    position: relative;
    color: #fff;
    text-shadow:2px 2px 0 #92bd00;
    background: url(../images/bg-header.jpg) repeat-x;
    border-radius: 20px 20px 0 0;
    height: 248px;
    box-shadow: 2px 2px 0px #fff inset, -2px -2px 0px #fff inset;
}

body {
    //background: url(../images/bg.jpg);
}

h1, h2, h3, h4 { 
    color: #4d4d4d; 
    font-weight: 100;
}

a, a:hover { color: #57a334;}

.maincontent h3 { 
    line-height: normal;
    margin: 0 -14px 15px;
    padding: 10px 15px;
    background: url(../images/bg-h.jpg);
    color: #fffc2a;
    text-shadow: 2px 2px 0 #92bd00;
}
.maincontent h2 { 
    line-height: normal;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 4px double #ccc;
}
.blog > h1 {
    padding: 7px 15px;
    background: url(../images/bg-h.jpg);
    color: #fffc2a;
    text-shadow: 2px 2px 0 #92bd00;
    margin-bottom:25px;
    margin-top: 0px;
}
.container {  
    color: #6b6b6b; 
    width: 1170px;
    background: #fff;
    border: 2px solid #f4b63e;
    border-radius: 20px;
    margin: 15px auto;
}
.maincontent {

}
.span12 {
    width: 1170px;
}
.span9 {
    width: 845px;
    margin-left: 15px;
}

.leftcol {
    padding: 0 0 15px 15px;
    width: 265px;
    margin-right: 15px;
}
.leftcol .moduletable {
    margin-bottom: 15px;
    padding: 1px 15px 15px;
    background: #eaf2d0;
    overflow: hidden;
}

.header-container .logo {
    padding:27px 15px 0;
    font-size: 26px;
    line-height: 26px;
    margin-left: 0;
}
.header-container .logo span { 
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    display: block;
}
.header-container .adres {
   padding: 0 20px;
   margin: 27px 0 0 20px;
   width: 200px;
   color: #7fa400;
   text-shadow:none;
}

.header-container .phone {
    margin: 27px 0 0 20px;
    padding-right: 20px;
    height: 100px;
}
.header-container .phone p {
    margin: 0;
}
.header-container .phone h3 {
    color: #fff;
    line-height: 32px;
    margin-bottom: 0;
}
.header-container .phone h3:last-child {
    margin: 0;
}

.header-container .knopki {
    margin-top:27px;
}

.header-container strong {
    color:#7fa400;
    text-shadow:1px 1px 1px #fff;
    font-size: 20px;

}
.header-container span {
    color:#fffc2a;
}

.header_module {
    position: absolute;
    left: -25px;
    top: -15px;
}

.menu {
    top:0;
    font-size:14px; 
    font-weight:500;
    position:relative;
    margin:0px auto;
    padding:0;
}
.menu ul, /* сбрасываем поля и отступы у списков */
.menu ul ul {
    list-style:none;
    padding:0;
    margin:0;
}
.menu ul {    
    clear:left;
    position:relative;
}
.menu ul li {
    position:relative;
    padding:0;
    margin:0
}
.menu ul li:last-child {
    border:none;
    box-shadow:none
}    
.menu ul li a {
    display:block;
    color: #ccc;
    text-decoration: none;
    padding:13px 20px
}
.menu ul li a:hover {}
.menu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
 
/*************************** Выпадающие подпункты */
.menu ul li ul {
    opacity: 0;
    visibility: hidden;
    position:absolute;
    height:auto;   
}
.menu ul li ul li {
    position:relative;
    left:0;
    float:none;
    height:auto;
    margin:0;
    text-align:left !important;
}
.menu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.menu ul li ul li a {
    padding:10px 8px;
    border:none
}
 
/*************************** Выпадающие пункты второго уровня */
.menu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);    
}
 
/*************************************************/
/*                  ГЛАВНОЕ МЕНЮ                */
/***********************************************/
.mainmenu {
    margin: 0;
    height: 56px;
    z-index: 10;
    background: url(../images/bg-menu.jpg) repeat-x;
    top:50px;
    text-shadow:none;
    box-shadow: 3px 0 3px #9bbdd6 inset, -3px 0 3px #9bbdd6 inset;
}

.mainmenu ul {    
    right:50%;
    height:56px;
    font:14px Arial, Helvetica, sans-serif;
    top: 0px;   
}

.mainmenu ul li {
    border-right: 1px solid #9acdf0;  
    left:50%;
    float:left;
    height:56px;
}
.mainmenu ul li:last-child {
    border:none;
    box-shadow:none
}    
.mainmenu ul li a {
    color: #b3defc;
    text-decoration: none;
    padding: 18px 40px;
    font-size: 20px;
}
.mainmenu ul li a:hover {   
    text-decoration: underline;
}
.mainmenu ul li.active > a {
    color: #fff;
    background: url(../images/bg-menu-active.jpg) repeat-x;
}
.mainmenu ul li:hover > ul {
    margin: 0;
}
 
/*************************** Выпадающие подпункты */
.mainmenu ul li ul {
    background: #79c9eb;
    background: -moz-linear-gradient(#79c9eb, #2f95ce);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#79c9eb), to(#2f95ce));
    background: -webkit-linear-gradient(#79c9eb, #2f95ce);    
    background: -o-linear-gradient(#79c9eb, #2f95ce);    
    background: -ms-linear-gradient(#79c9eb, #2f95ce);    
    background: linear-gradient(#79c9eb, #2f95ce);        
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;    
    text-transform:none;
    left:0;
    top:60px;
    font-size:12px;
    height:auto;
    width:178px;
    z-index:11;    
}
.mainmenu ul li ul li {
    border:none;
    box-shadow: 0 1px 0 #1c88c7, 0 2px 0 #4faedc;
    -moz-box-shadow: 0 1px 0 #1c88c7, 0 2px 0 #4faedc;
    -o-box-shadow: 0 1px 0 #1c88c7, 0 2px 0 #4faedc;
    -webkit-box-shadow: 0 1px 0 #1c88c7, 0 2px 0 #4faedc;
    -ms-box-shadow: 0 1px 0 #1c88c7, 0 2px 0 #4faedc;
    position:relative;
    left:0;
    margin:0;
    text-align:left !important;
}
.mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mainmenu ul li ul li a {
    padding:10px 8px;
    border:none
}
.mainmenu ul li ul li.active > a{
    background: none;
}
 
/*************************** Выпадающие пункты второго уровня */
.mainmenu ul li ul li ul {
    top: 0;
    left: 178px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);    
}
 
/*********************** Стрелочки на подпунктах */
.mainmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;    
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #1c88c7;
}

.mainmenu ul ul ul li:first-child a:hover:after {
    border-right-color: #1c88c7; 
    border-bottom-color: transparent;     
}

/*************************************************/
/*                  МЕНЮ СЛЕВА                  */
/***********************************************/
.leftmenu ul{
    border: 1px solid #aed9f0;
}
.leftmenu ul li {
    border-bottom: 1px solid #aed9f0;
    background-color: #fff;
    background-image: -moz-linear-gradient(#fff,  #dcedf8);    
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcedf8));
    background-image: -webkit-linear-gradient(#fff,  #dcedf8);
    background-image: -o-linear-gradient(#fff,  #dcedf8);
    background-image: -ms-linear-gradient(#fff,  #dcedf8);
    background-image: linear-gradient(#fff,  #dcedf8);   
    float:left;
    height:40px;
    width: 100%;

}
.leftmenu ul li:hover {
    background-color: #2f9dd4;
    background-image: -moz-linear-gradient(#7acfee,  #2f9dd4);    
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7acfee), to(#2f9dd4));
    background-image: -webkit-linear-gradient(#7acfee,  #2f9dd4);
    background-image: -o-linear-gradient(#7acfee,  #2f9dd4);
    background-image: -ms-linear-gradient(#7acfee,  #2f9dd4);
    background-image: linear-gradient(#7acfee,  #2f9dd4);   
    float:left;
    height:40px;
    width: 100%;

}

.leftmenu ul li a:hover {
    background: url(../images/arrow.png) no-repeat right 5px;
}

.leftmenu ul li:last-child {
    border:none;
    box-shadow:none
}    
.leftmenu ul li a {
    color: #2e9ad2;
    text-decoration: none;
    padding:13px 20px;
    margin-right: 5px;
}
.leftmenu ul li a:hover {
    color: #fff;
}
.leftmenu ul li:hover > ul {
    margin: 0;
}
 
/*************************** Выпадающие подпункты */
.leftmenu ul li ul {
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);    
    background: -ms-linear-gradient(#444, #111);    
    background: linear-gradient(#444, #111);        
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;    
    text-transform:none;
    left:100%;
    top:0;
    font-size:12px;
    height:auto;
    width:150px    
}
.leftmenu ul li ul li {
    border:none;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -o-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -ms-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    position:relative;
    left:0;
    margin:0;
    text-align:left !important;
}
.leftmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.leftmenu ul li ul li a {
    padding:10px 8px;
    border:none
}
 
/*************************** Выпадающие пункты второго уровня */
.leftmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);    
}
 
/*********************** Стрелочки на подпунктах */
.leftmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;    
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
.leftmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;    
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
.leftmenu ul ul li:first-child a:hover:after {border-bottom-color: #04acec; }
 
.leftmenu ul ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;     
}

.lmenu ul {list-style: none; margin: 0;}

.blue { color:#2e8bc4;}
.lightblue { color: #70aad0;}
.theme-default .nivoSlider {
    box-shadow: none !important;
}

.marginright { margin-right: 15px;}

.footer { 
    padding: 15px 0 5px;
    margin: 0 15px;
    border-top: 2px solid #f7d459;
    color: #000;
}
.footer span {color:#90b022;}
.footer .logo {
    padding:0 15px;
    font-size: 20px;
    line-height: 20px;
}
.footer .adres {
    margin: 0 30px 0 0;
    width: 260px;
}

.footer .phone {
    margin: 0;
    padding-right: 20px;
    height: 100px;
}
.footer .phone p {
    margin: 0;
}
.footer .phone h3 {
    color: #000;
    line-height: 24px;
    margin-bottom: 0;
    font-size: 24px;
}
.footer .phone h3:last-child {
    margin: 0;
}

.footer .knopki {
    margin-left: 35px;
    float: right;
}

.creators { clear:both; color: #BACC80; font-size: 12px; text-align: center; text-shadow:none;}
.creators a { color: #BACC80;}

.pic {border: none !important;}

.scroll-to-top-button{
    background: #666 url(../images/Upload.png) center center no-repeat;
    width: 32px;
    height: 32px;
    color: #fff;
    font-family: verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    padding: 15px;
    margin: 20px;
}


table { 
    border-color: rgb(219, 219, 219);
}
td { padding: 5px;}
th { background: #aaa; color: #fff;}
tr:first-child th {background: #666;}
table.uslugi tr { border-top: 1px dashed #ccc;}
table.uslugi td {
    vertical-align: top;
    font-size: 12px;
    line-height: 14px;
}

.header_module .search label { display: none;}
.header_module .search input[type="submit"]
{
    margin-top: -10px;
    line-height: 26px;
    margin-left: 10px;
}
.header_module #mod-search-searchword { width: 400px;}

.vt_nivo_slider {
    padding: 0 15px 15px;
}
#eye{
    z-index: 9999;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}
#eye a{
    border: 1px solid #FFF;
    display: block;
    font-size: 24px;
    color: #000;
    padding: 10px 10px 10px 48px;
    background-color: #BDE72D;
    text-decoration: none;
    text-align: center;
    text-shadow: none;
    background: url(../images/eye.png) no-repeat 4px 8px, #6FBAEF;
    border-radius: 0px 18px 0px 10px;
}
#hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
 #hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
 .h-mdiv {display:none; position:relative; margin:auto; text-alegn:center;}
 .h-mdiv2 {display:none; position:fixed; margin:auto; text-alegn:center; width:400px; height:200px;}
 .h-ldiv {float:left; padding:7px 10px 7px 0px;}
 .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
 .h-ni {display:none !important;}
 a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
 a.h-anl {color:#2a72cc;}
 a.h-al {color:#ED664B;}
 .h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
 .h-background-1 {color:#fff !important; background:#000 !important;line-height: 27px !important;letter-spacing: 1px !important;font-family: 'Arial' !important;font-style: normal !important;height: auto !important; text-shadow:none !important;}
 .h-background-2 {color:#000 !important; background:#fff !important;line-height: 27px !important;letter-spacing: 1px !important;font-family: 'Arial' !important;font-style: normal !important;height: auto !important; text-shadow:none !important;}