body {
    margin:0 0 0 0;
    padding:0;
    width:auto;
	background-color:#EEF2F4;
}


#header {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #C4E5FF),
	color-stop(1, #0B5A8F)
);
background-image: -o-linear-gradient(bottom, #C4E5FF 0%, #0B5A8F 100%);
background-image: -moz-linear-gradient(bottom, #C4E5FF 0%, #0B5A8F 100%);
background-image: -webkit-linear-gradient(bottom, #C4E5FF 0%, #0B5A8F 100%);
background-image: -ms-linear-gradient(bottom, #C4E5FF 0%, #0B5A8F 100%);
background-image: linear-gradient(to bottom, #C4E5FF 0%, #0B5A8F 100%);
    !outline:1px solid #000000;
    min-width:1215px;
    width:auto;
    height:260px;
    margin:0 auto;
}

#allBlock{
    margin:0 auto;
    height:170px;
}


#logo {
    z-index:2;
    background-image:url(./images/logo.png);
    background-repeat:no-repeat; 
    !outline:1px solid #ff0000;
    width:1000px;
    height:170px;
    margin:0 auto;
    !cursor:pointer;
}

#navtop {
    !outline:1px solid #0964bb;
    width:800px;
    height:80px;
    margin:10px auto;
}

/*кнопки heder*/

a.knopka {
    transition:800ms;
    opacity:100;
    text-align:center;
    width:216px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px 20px 0 0;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */


.auto-style1 {
    width:450px;
    height:auto;
    !border: 1px solid #FF3300;
    margin-top:10px;
    margin-right:10px;
}


#operator2 {
    !outline:1px solid #0B5A8F;
    width:1215px;
    height:200px;
    position:relative;
    background-image:url(./images/operator.gif);
    background-repeat:no-repeat;
    margin:0 auto;
}


#operator {
    !outline:1px solid #0B5A8F;
    width:auto;
    height:auto;
    position:relative;
    margin:0 auto;
}

#company {
    width:300px;
    height:300px;
    position:relative;
    !margin:0 auto;
    display:table;
}

.new{
    text-indent:20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 18px; font-style: italic; color: #1F6797;
    text-align:left;
    padding:30px 10px 0 15px;
}


.newcontent{
    outline:1px solid #c5d1d9;
    text-indent:20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; font-style: italic; color: #1F6797
}

#content {
    !outline:1px solid #000000;
    background-image:url(./images/pattern.png);
    width:auto;
    max-width:1215px;
    min-width:1215px;
    min-height:800px;
    height:100%;
    margin:0 auto;
    position:relative;
    border-radius:0 0 20px 20px;
}

#text {
     !outline:1px solid #000000;
     background-color:#E8EEF2;
     width:740px; 
     height:70px;  
     position:relative;
     float:left;
     color: #0B5A8F;
}


.boxShadow {
    margin: 1em auto;
    !padding: 1em;
    box-shadow: 0 3px 4px #5b5a5a;
}

#footer-top {
    margin-top:5px;
    background-color:#0B5A8F;
    width:auto;
    height:130px;
    position:relative;

}

#footer-bottom{
    background-color:#00aaff;
    width:auto;
    height:80px;
    position:relative;
}

div#bottom-menu ul {
    clear: right;
    display: block;
    float: left;
    list-style: none outside none;
    margin:10px 40px 0 0;
    padding: 0;
    letter-spacing: .03em;
}


div#footer-right-block {
    float: right;
    !position: absolute;
    right: 45px;
    top: 20px;
}

div#footer-right-block a {
    clear: both;
    color: #FF8B00;
    display: block;
    float: right;
    font-family: Arial;
    font-size: 14px;
    margin: 10px 0;
    padding: 0 0 0 20px;
    text-decoration: underline;
}


div#bottom-menu ul li a {
     color: #FFFFFF;
     font-family: Arial;
     font-size: 14px;
 }

div#footer-contacts {
    clear: both;
    float: right;
    margin: 15px 0;
}

div.phones {
    color: #FFFFFF;
    font-family:Verdana;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    letter-spacing: .01em;
}

div.address {
    color: #FFFFFF;
    font-family:Verdana;
    font-size: 14px;
    margin: 10px 0 0;
    font-weight: bold;
    text-align: right;
}

.company{
    text-decoration:none;
}

.topbutton {
width:100px;
border:2px solid #ccc;
text-decoration:none;
background:#00aaff;
text-align:center;
padding:10px;
position:fixed;
bottom:50px;
right:50px;
cursor:pointer;
color:#333;
font-family:verdana;
font-size:14px;
color:#ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

.clear {
   clear:both; 
}



#menu {
    !outline:1px solid #FF8B00;
    width:1400px;
    height:55px;
    position:relative;
    background-repeat:no-repeat;
    margin:0 auto;
    background: #EEF2F4;
}


/*МЕНЮ НАВИГАЦИИ*/

#nav {
           
    !display:inline-block;
    font:12.6px Verdana, Geneva, Tahoma, sans-serif; color: #4AA7DD; font-variant: normal; font-style: normal;                                                         
    position:relative;
    border-radius:0 0 20px 0;
    -moz-border-radius: 0 0 20px 0;
    -o-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
    -ms-border-radius: 0 0 20px 0;
    !box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);
    background: #EEF2F4;/*цвет меню*/
    width:auto;
    z-index:10;
    float:left;
    overflow:visible;
}
 


#nav ul ul {
    list-style:none;
    padding:0;
    margin:0;
    position:relative;
    left:50%;
    !right:-50%;
    float:left;
    height:30px
}



#nav, #nav ul {
    list-style: none;
    position:relative;
    margin:0 auto;
    
}
 
#nav > li {
    float: left;
    position: relative;
    !border-right: 1px solid rgba(0,0,0,.1);
    !box-shadow: 1px 0 0 rgba(255,255,255,.25);
    perspective:1000px;
    margin:0 auto;
}

#nav > li:first-child {
    border-left: 1px solid rgba(255,255,255,.25);
    !box-shadow: -1px 0 0 rgba(0,0,0,.1), 1px 0 0 rgba(255,255,255,.25);
}

#nav a {
    display: block;
    position: relative;
    padding: 20px 10px;
    text-decoration: none;
    color: #0B5A8F;/*цвет шрифта меню*/
    line-height:1;
    letter-spacing: .03em;
    background: transparent;       
    !text-shadow: 0 1px 1px rgba(255,255,255,.9);
    transition: all .25s ease-in-out;
}
 
#nav > li:hover > a {
    background: #0B5A8F;/*#333*/ /*цвет меню(при наведении)*/
    color: #ffffff;
    text-shadow: none;
    border-radius:0 0 20px 0;
}

#nav li ul  {
    position: absolute;
    left:0 ;   
    width:250px;
    padding:0;
    opacity:0;
    visibility: hidden;
    border-bottom-left-radius:0;
    border-bottom-right-radius: 20px;
    background: transparent;
    overflow: hidden;
    transform-origin: 50% 0%;
}

#nav li:hover ul {
    padding: 0 0;
    background:#E8EEF2; /*#333;*//*выпадающее меню */
    opacity: 1;
    visibility: visible;
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
    animation-name: swingdown;
    !animation-duration: 1s; /*скорость выпадения*/
    animation-timing-function: ease;
}
 
#nav li li a {
     padding-left: 15px;
     !font-weight: 400;
     color:#5b5a5a; /*#ddd*/;/*шрифт в выпадающем меню*/
     text-shadow:none;
     border-top: dotted 1px transparent;
     border-bottom: dotted 1px transparent;
     !transition: all .15s linear;
}
 
#nav li li a:hover {
     color:#ffffff;/*rgba(0,223,252,1)*/ /*подцветка*/
     border-top: dotted 1px rgba(255,255,255,.15);
     border-bottom: dotted 1px rgba(255,255,255,.15);
     background:#1B6EB3 /*rgba(0,223,252,.02)*/;
}
   
/*  Добавляем изгибы выпадающему меню с подпунктами  */

@keyframes swingdown {
0% {
    opacity: .99999;
    transform: rotateX(90deg);
}
30% {          

    transform: rotateX(-20deg) rotateY(5deg);
    animation-timing-function: ease-in-out;
}
65% {
    transform: rotateX(20deg) rotateY(-3deg);
    animation-timing-function: ease-in-out;

}
100% {
     transform: rotateX(0);
     animation-timing-function: ease-in-out;
}
}

@keyframes swingdown {
0% {
    opacity: .99999;
    transform: rotateX(90deg);
}
30% {          

    transform: rotateX(-20deg) rotateY(5deg);
    animation-timing-function: ease-in-out;
}
65% {
    transform: rotateX(20deg) rotateY(-3deg);
    animation-timing-function: ease-in-out;

}
100% {
     transform: rotateX(0);
     animation-timing-function: ease-in-out;
}
}

.metrika{
display: none;
}





/*.spoiler > input + label:after{content: "+";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{background:#4AA7DD;padding:5px 10px;overflow:hidden;width:100%;box-sizing: border-box;display: block;border-radius:8px 8px 8px 8px;}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{background: #FFF;border: 1px solid #4AA7DD;border-top: none;}*/














/*ТЕСТИРОВАНИЕ КНОПОК*/

.button {
    margin:20px 0 0 20px;
    width:200px; 
    height:60px;
    transition:800ms;
    opacity:100;
    text-align:center;
    display: inline-block;
    color: #fff; /* цвет текста */
    user-select: none; /* убирать выделение текста */
    background: rgba(15, 50, 80, 0.84); /* фон кнопки */
    box-shadow: 0 0 15px #00aaff;
    border: 0.5px solid #00aaff; 
    border-radius:5px;
    cursor:pointer;
    !outline:1px solid #C4E5FF;
    padding:20px;  
}
.button:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
.button:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */


#knopka_n {
    transition:800ms;
    opacity:100;
    text-align:center;
    width:150px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    !padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px 0 0 20px;
} 



#knopka_nb {
    transition:800ms;
    opacity:120;
    text-align:center;
    width:100px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    !padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:0 20px 20px 0;
} 



a.knopka1 {
    transition:800ms;
    opacity:100;
    text-align:center;
    width:300px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    !padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px 20px 0 0;
} 
a.knopka1:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka1:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */

a.knopka1 {
    box-shadow: 0 0 15px #00aaff;
    border: 0.5px solid #00aaff;
}

#knopka1 {
    /*border:solid #a8a3a3;*/
    margin:90px 10px 10px 40px;
    transition:1s;
    opacity:100;
    text-align:center;
    width:260px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */

#knopka2 {
    /*border:solid #0B5A8F;*/
    margin:90px 10px 10px 40px; /*top right bottom left*/
    transition:1s;
    opacity:100;
    text-align:center;
    width:260px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */

#knopka3 {
    /*border:solid #0B5A8F;*/
    margin:50px 10px 10px 40px;
    transition:1s;
    opacity:100;
    text-align:center;
    width:260px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */

#knopka4 {
    /*border:solid #0B5A8F;*/
    margin:50px 10px 10px 40px;
    transition:1s;
    opacity:100;
    text-align:center;
    width:260px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */

#knopka5 {
    /*border:solid #0B5A8F;*/
    margin:50px 10px 10px 40px;
    transition:1s;
    opacity:100;
    text-align:center;
    width:260px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */

#knopka6 {
    /*border:solid #0B5A8F;*/
    margin:50px 10px 10px 40px;
    transition:1s;
    opacity:100;
    text-align:center;
    width:260px;
    height:60px;
    display: inline-block;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    !background: rgba(4, 133, 209, 0.72); /* фон кнопки */
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    border-radius:20px;
} 
a.knopka:hover { background: rgba(15, 50, 80, 0.84); } /* при наведении курсора мышки */
a.knopka:active { background: rgba(196, 229, 255, 0.70); } /* при нажатии */