*{margin:0; padding:0;}
.clear{clear:both;}
body {
	text-align: center;
	background: #333333;
	margin:0 0 20px 0;
	font:normal 14px/140% Arial, Helvetica, sans-serif;
}
#head{
	border-bottom:12px solid #989898;
	background:#cc0000 url(images/bg_head.jpg) no-repeat;
	min-height:221px;
	position:relative;
	}
#obal {
	width: 990px;
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	max-width:100%;
}
h1 {
	font-size: 22px;
	line-height:normal;
	color:#FFF;
	padding:58px 0 0 35px;
	float: left;
}
h1 strong{font-size:34px; display:block; text-shadow: 0px 2px 2px rgba(50, 50, 50, 0.8); line-height:190%;}
h2 {
	font-size: 18px;
	margin:0;
	padding:10px 0;
}
h3 {
	font-size: 1.0em;	
	margin-bottom: 5px;
}
ul {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
a {
	color: #cc0000;
	text-decoration:underline;
}
a:hover {
	color: #cc0000;
	text-decoration:none;
}
p{margin:0; padding:0 0 20px 0;}

#content{padding:30px;}
#footer{
	clear:both;
	padding:30px;
	font-size:12px;
	background:#989898;
}
#footer p{margin:0; padding:0; text-align:center;}
#footer a{color:#000; text-decoration:none;}
#footer a:hover{color:#000; text-decoration: underline;}

iframe{max-width:100%;}
#head .unc img{float:right; margin:14px 76px 0 0;}
.video {width:100%; max-width:100%; overflow:hidden; margin-bottom:30px;}
.video .lf{float:left; width:70%;}
.video .rf{float: right; width:30%; margin:0; padding:0;}
.video .rf li{list-style:none; margin:0 0 3px 0; padding:0;}
.video .rf li a{display:block; background:url(images/bg_but.jpg) repeat-x 0 0; height:88px; line-height:93px; text-align:center; color:#fff; font-size:18px; text-decoration:none;}
.video .rf li a:hover{background:#ff2a2a; text-decoration:none; color:#fff;}
.r-img{float:right;}
.imag{text-align:center;}
.imag img{border:6px solid #989898;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; max-width:32%;}

.menu_sm a{font-size:16px !important; line-height:normal !important; padding-top:30px; height:57px !important;}
.menu_sm span{display:block;}

.lin li{float:left; width:25%; padding:0; margin:0; text-align:center; list-style:none;}
.lin{padding:0; margin:0 0 15px 0; text-align:center; width:100%; overflow:hidden;}

#head ul{position:absolute; left:40px; top:170px;}
#head ul, #head ul li{margin:0; padding:0; list-style:none;}

#head ul li{padding:8px 0 8px 45px; font-size:14px; color:#fff; display:inline-block;}
li.tel{background:url(images/telephone.png) no-repeat left center;}
li.email{background:url(images/email.png) no-repeat left center;}
li.kf{background:url(images/chat.png) no-repeat left center;}
#head ul li a{color:#fff;}
#head ul li a:hover{color:#fff; text-decoration:none;}

@media only screen and (max-width: 959px) {
	img{max-width:50%; height:auto;}
	#head .unc img{max-width:100%;margin-right:10px;}
	#obal {max-width:100%;}
	h1{font-size:16px; padding-top:62px;}
	h1 strong{font-size:26px; margin-bottom:15px;}
}
@media only screen and (max-width: 767px) {
	body{margin:0;}
	#head ul li.kf{display:none;}
	#head ul{position:static; text-align:center;}
	#head ul li a{background:none;}
	#head .unc img{width:100px; margin:5px 10px 0 0;}
	#obal{min-width:320px;}
	#head{min-height:0; height:auto; background-image:none;}
	#head:after{clear:both; content:""; display:block;}
	h1{font-size:14px; padding:20px; float:left; line-height:normal;}
	h1 strong{font-size:18px; margin:0; line-height:normal;}
	#content{padding:10px;}
	
	.video{margin:0;}
	.video .rf, .video .lf{width:100%; float:none; margin-bottom:5px; text-align:center;}
	.video .rf li{margin:0;}
	.video .rf li a, ul li a {height:auto; line-height:normal; padding:10px; display:block; display:block; background:url(images/bg_but.jpg) repeat-x 0 0;  text-decoration:none; color:#FFF; text-align:left; font-size:14px;}
	ul, li{margin:0; padding:0; clear:both;}
	ul li a:hover{background:#ff2a2a; text-decoration:none; color:#fff;}
	ul li{list-style:none;}
	.menu_sm span{display:inline;}
	.menu_sm a{height:auto !important;}
	.lin li{ width:100% !important;}
}

@media only screen and (max-width: 600px) {
	h1{float:left; width:160px;}
	.imag img{max-width:100%;}
}