@charset "utf-8";
/*
Design by http://www.templateaccess.com
Released for free under a Creative Commons Attribution 3.0 License
*/
body {
	font-size: 14px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
	width: 100%;
	color: #000000;
	
	}
	
     a {
	text-decoration: none; /* Отменяем подчеркивание у ссылки */
	color:#666666
   } 	

html, .main {
	padding: 0;
	margin: 0;
	width: 100%;
	margin-left: -4px;
	text-decoration:none;
}
.logo {
	float: left;
	width: 440px;
	height: 260px;
	padding: 5px;
	margin: 0 auto;
}
h1 { margin:0; padding:0; color:#afaeae; font:bold 38px/1.2em "Tahoma Armenian"; letter-spacing:-2px;}
h1 a, h1 a:hover {
	color:#333333;
	text-decoration:none;
}
h1 span {
	color: #000000;
}
h1 small { display:block; padding:0; font:normal 12px/1.2em "Tahoma Armenian"; letter-spacing:normal;}
h2 { font:normal 24px "Tahoma Armenian"; padding:8px 0; margin:0; color:#595959;}
h3 { font:normal 46px "Tahoma Armenian"; padding:80px 0 0; margin:0; color:#FFF;}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font-family: Tahoma;
	text-decoration:none;
	color: #666666;
	font-size: 14px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
}
p.spec {}
a:hover {
	color:#CC0000;
    text-decoration: none;
	
}
a.rm, a.com {
	padding: 0;
	text-decoration: none;
	padding: 5px 15px;
	background: #CC0000;
	color: #FFF;
	text-decoration:none;
}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
	font-family: Tahoma;
	height: 100%;
}

/* header */
.header { padding:0; margin:0 auto;}

/* hbg */
.hbg {
	padding: 0;
	margin: 0;
	height: 300px;
}
.hbg img {
	float:none;
}
.hbg .text { float:left; width:520px; text-align:center;}


ul.menu {
	display: block;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	width: 100%;
	height: 55px;
	text-decoration:blink;
	position: fixed;
	margin-top: -10px;
	box-shadow: 0 0 10px; /* Параметры тени */
	z-index:3;
    
	
	
}

ul.menu li {
	float: left;
	list-style: none;
	position: relative;
	background-color: #FFFFFF;
	text-decoration:none;
	
	
}

ul.menu li a {
	color: #000000;
	display: block;
	font-family: Tahoma;
	font-size: 15px;
	padding: 15px 15px 10px;
	text-decoration: none;
	
	
	
	
}

ul.menu li a:hover {
	background-color: #FFFFFF;
	color: #CC0000;
	text-decoration:none;
	
	
}

ul.menu li:first-child a:hover {
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	text-decoration:none;
	
	
}

ul.menu li ul {
	display: none;
	text-decoration:none;
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}


ul.menu li:hover ul {
	display: block;
	position: absolute;
	top: 40px;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	z-index: 1000;
	width: 300px;
	text-decoration:none;
}

ul.menu li:hover ul li {
	float: left;
	width: 100%;
	text-decoration:none;
	padding-top: 10px;
}



ul.menu li:hover ul li a {
	border-right: none;
	padding: 8px 20px 8px;
	text-decoration:none;
}

ul.menu li:hover ul li a:hover {
	background-color: transparent;
	color: #CC0000;
	text-decoration:none;
}

ul.menu li:hover ul li:first-child a:hover {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-decoration:none;
}


#hcg-slider-1 .hcg-slide-container {
	width: 100%;
}
.hcg-slider {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.hcg-slide-container {
	max-width: 100%;
	display: inline-block;
	position: relative;
}
.hcg-slides {
	display: none;
	text-align: center;
	overflow: hidden;
}
.hcg-slides img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	border-radius: 5px;
	border: solid 1px #a0a0a0;
	vertical-align: middle;
}
.hcg-slide-text {
	color: #ffffff;
	font-size: 14px;
	padding: 3px 5px;
	position: absolute;
	bottom: 0;
	border-radius: 5px;
	left: 50%;
	text-align: center;
	text-shadow: 0 0 2px #000;
	background-color: rgba(255,255,255,0.30);
	display: inline-block;
	transform: translate(-50%, -5px);
}
.hcg-slide-dot-control {
	margin-top: 10px;
	text-align: center;
}
.hcg-slide-dot {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}
.hcg-slide-dot.dot-active {
	background-color: #717171;
}
.hcg-slide-number {
	color: #ffffff;
	font-size: 12px;
	padding: 4px 7px;
	position: absolute;
	border-radius: 5px;
	top: 5px;
	left: 5px;
	background-color: rgba(255,255,255,0.30);
}
/************CSS Animation***********/

.animated { 
	animation-name: fadeIn; 
	animation-duration: 1s;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeIn {
	animation-name: fadeIn;
}







/* fbg */
.fbg {
	margin: 0;
	padding: 20px;
	background: #CC0000;
	left: 20px;
	font-family: Tahoma;
	font-size: 16px;
}
.fbg img {
	padding:4px;
}
.fbg p, .fbg h2 { color:#fbfbfb;}
.fbg a {
	color: #fbfbfb;
	text-decoration: none;
}
.fbg .col{ margin:0; float:left; background:url(images/fbg_line.gif) repeat-y right;  }
.fbg .c1  {
	width: 400px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 50px;
	height: 100px;
	
	
}
.fbg .c2 {
	width: 500px;
	padding-top: 0;
	padding-bottom: 0;
	height: 100px;
	padding-left: 40px;
	font-size: 13px;
	padding-right: 20px;
		
 
   
}
.fbg .c3 {
	width: 340px;
	background: none;
	font-size: 13px;
	color: #FFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	height: 110px;
}
.fbg .c1 img { margin:8px 16px 8px 0;}
.fbg .c3 img { margin:8px 16px 4px 0; float:left;}

/* footer */
.footer { }
.footer_resize {
	padding:0px;
	margin: auto;
	
}
a:hover {
	color: #000000;
	text-decoration: none;
}
.footer .lf { float:left;}
.footer .rf { float:right;}
.footer p { color:#9a9a9a; margin:0; padding:4px 0; width:auto; line-height:1.5em;}
.footer p a { color:#78bbe6; text-decoration:none;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

/* Search form */
.search { padding:0; margin:0;}
.search span { width:280px; display:block; background:#FFF; height:29px; margin:0; padding:0; border:1px solid #e1dddd;}
.search input#s { float:left; width:230px; padding:7px 0 7px 10px; margin:0; border:0; background:none; color:#afaeae; font:normal 12px/15px Arial, Helvetica, sans-serif; }
.search .btn { float:left; padding:0; margin:0; border:0; width:auto; }

/*=== PageNavi. ===*/
.pagenavi { clear:both; font: normal 11px Arial, Helvetica, sans-serif; margin:0 auto; text-align:right; padding:20px 0 20px 20px;}
.pagenavi a,
.pagenavi .current { margin-left:3px; padding:3px 8px; text-decoration:none; color:#939393; background:#f9fbfc; border:1px solid #d9e3cb;}
.pagenavi a:hover,
.pagenavi .current {
	background: #CC0000;
	color: #FFF;
}
.pagenavi .pages { float:left;}

.fl { float:left;}
.fr { float:right;}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0px;
	line-height:0px;
	font-family: Tahoma;
	
}
.container_slider_css {
	width: 100%;
	height: 500px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	



}
 
.spoiler {
	padding: 0 15em;
	margin-top: 1px;
	font-family: Tahoma;
	font-size: 14px;
	cursor: pointer;
	 
}
.spoiler details {
  padding: 1em 0;
  
}
.spoiler details + details { 
  border-top: 1px solid #e0e0e0;
  
}
.spoiler summary {
	color: #666666;
	font-family: Tahoma;
	font-size: 14px;
	background-color:#EBEBEB;
	padding: 20px;
	border-radius: 8px;
}
.spoiler details div {
	overflow: hidden;
	padding: 5px;
	padding-left: 10px;
	
}
.spoiler details[open] div {
  animation: spoiler 1s;
  
}
@keyframes spoiler {
  0%   {max-height: 0;}
  100% {max-height: 10em;}
  
}