/* common */
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background:#fff url(img/bg-osn.png) left top;}
body, td {font: 14px Arial, sans-serif; color: #3a3a3e;}
a {color: #3a3a3e;	text-decoration: underline;}
a:hover {text-decoration: none;}
table {border: 0px; border-collapse: collapse;}
td {vertical-align: top;}
p {padding: 0px; margin: 0px 0px 12px 0px;}
object {outline:none;}

h1 {font-size:17px; padding: 0px; margin: 0px 0px 10px 0px;}
h2 {font-size:15px; padding: 0px; margin: 0px 0px 10px 0px;}
h3 {font-size:13px; padding: 0px; margin: 0px 0px 10px 0px;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}

.header-mob {display:none;}	

.h-flag{
float:left;
margin:0px 0 0 0px;
width:66px;
height:24px;
} 


.main-cont {width:960px; margin:0 auto; min-height:100%; background:#fff url(img/top-main-mini.jpg) no-repeat left top;}

/* header */
.header {height:236px; position:relative;}
.header-menu {width:900px; height:26px; background:url(img/top-menu-line.png) left top repeat-x; position:absolute; top:0px; left:50px;}
.header-menu ul {margin:0px; padding:0px; list-style: none; float: right; background:url(img/top-menu-razdel.png) left top no-repeat;}
.header-menu ul li {float:left; width:130px; text-align:center;  background:url(img/top-menu-razdel.png) right top no-repeat;}
.header-menu ul li a {display:block; color:#fff; width:128px;font-size:12px; padding-top:4px; text-decoration:none;}
.header-menu ul li a:hover {background:url(img/top-menu-line-active.png) left top repeat-x;}

.header-logo-old {width:151px; height:91px; position:absolute; top:60px; left:90px;}
.header-logo {width:151px; height:91px; position:absolute; top:40px; left:120px;}
.header-tel {width:220px; height:32px; position:absolute; top:104px; left:260px;}
.header-tel h2 {font-size:22px;} 
.header-tel h2  a{font-size:14px;}
.header-menu.dop {width:262px; position:absolute; top:196px; left:52px;}

.conteiner1 {width:100%; float: left;}

/* left col */
.left-col {width:338px; float:left; overflow:hidden;}
.left-col .padding {padding:0px 20px 0px 52px;}
.left-menu  ul {margin:0px; padding:0px; list-style: none;}
.left-menu  ul li{margin:0;}
.left-menu  ul li a {display:block; width:259px;  height:28px; background:url(img/button-menu.png) 0px 0px no-repeat; padding:12px 0px 0px 58px; font-size:14px; text-decoration:none;}
.left-menu  ul li a:hover {background:url(img/button-menu.png) 0px -40px no-repeat;}
.left-menu  ul li.big  a {display:block; width:259px; height:46px; background:url(img/button-menu-big.png) 0px 0px no-repeat; padding:32px 0px 0px 58px; font-size:21px; text-decoration:none;}
.left-menu  ul li.big  a:hover {background:url(img/button-menu-big.png) 0px -78px no-repeat;}

/* right col*/
.right-col {margin:0px 0px 0px 338px;}
.right-col-b {width:100%; float:left; overflow:hidden;}
.right-col .padding {padding:0px 40px 0px 20px;}
.right-col li {margin:10px 0;}


/* center col*/
.center-col {width: 960px; margin:0px 0px 0px 0px; overflow:hidden;}
.center-col .padding {padding:20px 20px 0px 20px;}

.padding.end {padding-bottom:266px;}


/* footer */
.footer {width:100%; margin:0 auto; position:relative;}
.footer-c {width:960px; margin:0 auto; min-height:100%; position:relative; background: url(img/footer-osn-mini.png) center top no-repeat;}
.footer-b {width:100%; height:266px; background: url(img/footer-osn-mini.png) center top no-repeat; 
position: absolute; top:-266px; left:0;}

.footer-img {width:175px; height:175px; position:absolute; top:69px; left:63px;}
.footer-img img {margin:10px 0px 0px 12px;}
.footer-podpis {width:480px; height:30px; position:absolute; top:192px; left:285px;}
.footer-podpis h3 {color:#757575;}
.footer-podpis h3 a {text-decoration:underline; color:#757575;}
.footer-podpis h3 a:hover {text-decoration:none; color:#eee;}
.footer-logo {width:140px; height:80px; position:absolute; top:80px; right:20px;}
.footer-tel {width:140px; height:44px; position:absolute; top:170px; right:20px;}
.footer-tel h4 {color:#eee; font-size:19px; padding:0px; margin:0px; margin-top:5px;}
.footer-tel h4 a{color:#eee; font-size:13px; }

.footer-banner {width:88px; height:31px; position:absolute; top:183px; left:-30px;}

@media only screen and (max-width: 980px) {
	
	
.main-cont {width: auto; max-width:100%;}	
	
.header-menu {display:none;}
.header-tel {display:none;}

.header-menu.dop {display:block;}
	
.left-col  {display:none;}
.right-col {margin: 0px 0px 0px 0px; float:none; width:100%; background:#fff;}
.right-col .padding {padding: 0px 20px 0px 20px;}


.padding.end {padding-bottom: 0px;}

.footer-c {max-width:100%; width:auto; margin:0; min-height:auto; height:266px; position:relative; background: url(img/footer-osn-ad-sm.jpg) left top no-repeat;}
.footer-b {width:100%; height:266px; background: none; top:auto; left:auto;}	

.footer-img { width: 175px; height: 175px; position: absolute; top: 69px; left: 14px;}

.footer-podpis {max-width:100%; width:auto; height:auto; position:absolute; bottom:0px; left:0px; top:auto; }
.footer-podpis h3 {margin-left:25px; line-height:130%; }	
.footer-tel h4 {font-size:16px;}
.footer-tel h4 a{font-size:13px; }
.footer-banner {display:none;}	



.header-mob {
display:block;	
background: #2b2b2b;
height: 38px;
}


.h-tel {

    padding: 0 0 0 0px;
    font-size: 16px;
    float: none;
    margin: 10px 0 0 0px;
    width: 100%;
    position: absolute;
    text-align: center;
	z-index:5;
	
}
.tel-velk {
    background: url(img/tel-velk.png) no-repeat 0 50%;
    min-height: 16px;
    display: block;
}

.h-tel a {
    text-decoration: none;
	color: #fff;
	}

.h-flag{

position:absolute;
top:0;
left:0;

/*float:left;*/
margin:8px 0 0 5px;
/*width:66px;*/
height:24px;

z-index:10;


} 


.main-cont {min-height: auto;}
	
} /* end 980  */


@media only screen and (max-width: 640px) {
	
.header-menu.dop {
		width: 100%;
		position: absolute;
		top: 196px;
		left: 0px;
		text-align: center;	
		}

.header-menu ul {
		float:none;
		display:inline-block;

}	
	
	
}



@media only screen and (max-width: 380px) {
	
.h-tel {

    padding: 0 0 0 0px;
    font-size: 16px;
    float: left;
    margin: 10px 0 0 0px;

}

.h-flag{
/*
float:left;
margin:5px 0 0 10px;
width:66px;
height:24px;
border:1px solid #888888;
*/
}	
	
} /* end 380  */



 
.h-flag a{
display:block;
float:Left;
width:33px;
height:24px;
}
 
.h-flag .ru{
background:url(img/h-flag.png) no-repeat 0 0;
}
 
.h-flag .ru:hover, .h-flag .ru.active{
background:url(img/h-flag.png) no-repeat 0 100%;
}
 
.h-flag .ua{ 
background:url(img/h-flag.png) no-repeat 100% 100%;
}
 
.h-flag .ua:hover, .h-flag .ua.active{ 
background:url(img/h-flag.png) no-repeat 100% 0;
}





.btnmenu {
position:absolute;
top:0;
right:0;
z-index:20;

cursor:pointer;

/*float:right;*/
width:54px;
height:38px;
background:none;
border:none;
padding-top:12px;
box-sizing:border-box;
}
.btnmenu span {
display:block;
width:18px;
height:2px;
background:#fff;
margin:0 auto 3px auto;
transition-property: all;
transition-duration: 0.3s;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}




.topmenu ul {
list-style:none;
padding:0px; 
margin:0px;
}
.topmenu>ul>li {
float:left;
margin-right:12px;
}

.topmenu ul li.line {border-bottom: 1px solid #6A6A6A; height:1px; width:100%; display:block; margin:10px 0px!important; }


.topmenu ul ul {
display:none;
}
.topmenu a {
font-family:'Roboto', Arial, sans-serif;
position:relative;
display:block;
height: 69px;
line-height:69px;
font-size: 16px;
font-weight: normal;
color:#fff;
text-decoration:none;
text-transform:uppercase;
opacity:0.87;
padding:0 18px;
}
.topmenu li.parent {
position:relative;
}
.topmenu li.parent>a:after {
content:'';
position:absolute;
right:0;
top:50%;
width:0;
height:0;
margin-top:-2px;
border:5px rgba(0,0,0,0) solid;
border-top:5px #757575 solid;
}
.topmenu ul ul li.parent>a:after {
right:18px;
}
.topmenu li.parent.open>a:after {
margin-top:-8px;
border:5px rgba(0,0,0,0) solid;
border-bottom:5px #757575 solid;
}
.topmenu li.open>ul {
display:block;
position:absolute;
z-index:12;
left:0;
top:69px;
width: 273px;
background-color: #383838;
}
.topmenu>ul>ul {
padding:15px 0;
}
.topmenu li.open>ul>li.open>ul {
position:relative;
top:0;
background-color: #383838;
}
.topmenu li.open>ul>li.open {
background-color: #383838;
}
.topmenu ul ul a {
font-size:15px;
height:auto;
line-height:20px;
padding:10px 18px;
}
.topmenu ul ul ul a {
font-size:14px;
height:auto;
line-height:19px;
padding:7px 18px;
}
.topmenu ul ul a:hover {
background-color: #4a4a4a;
}
.topmenu ul ul a i {
font-style:normal;
}
.topmenu ul ul a strong {
display:none;
}

.open .btnmenu {
background:#4a4a4a;
}
.open .btnmenu span:nth-child(2) {
opacity: 0;
}
.open .btnmenu span:nth-child(1) {
-webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
-moz-transform: translate3d(0, 5px, 0) rotate(45deg);
-o-transform: translate3d(0, 5px, 0) rotate(45deg);
-ms-transform: translate3d(0, 5px, 0) rotate(45deg);
transform: translate3d(0, 5px, 0) rotate(45deg);
}
.open .btnmenu span:nth-child(3) {
-webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
-moz-transform: translate3d(0, -5px, 0) rotate(-45deg);
-o-transform: translate3d(0, -5px, 0) rotate(-45deg);
-ms-transform: translate3d(0, -5px, 0) rotate(-45deg);
transform: translate3d(0, -5px, 0) rotate(-45deg);
}
.topmenu {
height:100%;
position:fixed;
z-index:12;
top:38px;
right:-273px;
width: 273px;
background-color: #4a4a4a;
overflow:hidden;
box-sizing:border-box;
padding:16px 0 38px 0;
transition-property: all;
transition-duration: 0.3s;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
}
.open .topmenu {
right:0; 
}
.topmenu>ul {
height:100%;
position:relative;
overflow-y:auto;
}
.topmenu li {
float:none !important;
margin:0 !important;
}
.topmenu li.parent > a::after {
right:18px;
}
.topmenu a {
height:auto;
line-height:20px;
font-size: 15px;
padding:8px 18px;
}
.topmenu li.open > ul {
position: relative;
top:0;
margin-bottom:15px;
}
.topmenu ul ul a {
font-size: 14px;
height: auto;
line-height: 19px;
padding: 8px 18px;
margin:0;
width:auto;
}
.topmenu ul ul ul a {
font-size: 13px;
height: auto;
line-height: 18px;
padding: 7px 18px;
}