/* ==========================================================================

  Author: Nagashov Mihail - http://www.medians.ru/

========================================================================== */
@font-face{
	font-family:'WarHeliosCondC';src:url("./font/warhelioscondc-webfont.eot");src:url("./font/warhelioscondc-webfont.eot?#iefix") format("embedded-opentype"),url("./font/warhelioscondc-webfont.woff") format("woff");
	font-weight:normal;
	font-style:normal
}
@font-face{
	font-family:'WarHeliosCondCBold';src:url("./font/warhelioscondcbold-webfont.eot");src:url("./font/warhelioscondcbold-webfont.eot?#iefix") format("embedded-opentype"),url("./font/warhelioscondcbold-webfont.woff") format("woff");
	font-weight:normal;
	font-style:normal
}
body {
  background: #404040;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'WarHeliosCondCBold';
}
body, p, div{color:#000;}
h1, h2, h3, h4, h5{color:#000;}
.container {
  padding-left: 20px;
  padding-right: 20px; }

#details img {border:1px solid rgba(0,0,0,0.2);display:inline-block;padding:4px;line-height:0;background-color:rgba(0,0,0,0.1)}
blockquote {
  border-left: 6px solid #ccc;
  margin: 1.5em 0;
  padding: 0.5em 10px;
}

/* language */
#langswitch {position: relative; top:0;left:0;margin:0px;padding:2px;}
#langswitch ul{margin:0;padding:0;}
#langswitch li{display:inline-block;margin-right:5px;opacity:0.4}
#langswitch li.active{opacity:1}
#langswitch li a{border:1px solid rgba(0,0,0,0.2);display:inline-block;padding:2px;line-height:0;background-color:rgba(0,0,0,0.2)}
#langswitch {padding: 0;margin: 0;}

#search-container {
  padding-top: 5px;
}

.navigation {
  padding-top:8px;
  vertical-align: top; }
  


@media only screen and (max-width: 739px) {
	#header .navigation, #header .navigation li {margin-top:0;padding-top:6px;}	

}

#header #headerimage {line-height: 0;}

/* sticky headers */
@media (min-width: 740px) {
	#header.sticky {height: 0px; position: fixed; left: 0; width: 100%;padding:0; z-index:1000;}
	#header.sticky #headerimage {height: 0px; width: auto;overflow: hidden;}
	#header.sticky p {position:fixed;}
	#header.sticky img {display: none;}
}

/* slider */
#ninja-slider > ul
{
    padding:0;
}
#ninja-slider li > div, #ninja-slider li > a
{
    border-radius:0;
    box-shadow: 0;
}
#ninja-slider-pager
{
    position: absolute;
    top: 0;
	padding-left:10px;
	padding-top:12px;
    text-align:left;
}

.theme-image{border:1px solid rgba(0,0,0,0.3);display:inline-block;line-height:0;}

#headerlogo
{
    position: absolute;
    top: 0;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
    text-align:left;
}
.background {
  background-image:url(images/back.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center top; 
}



/* MENU */
.nav {
	background: url("images/menu.png");
	background-position:left 0;
}
nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	border-right:1px solid rgba(255,255,255,255.4);
	font-family:'WarHeliosCondC';
}
nav ul ul li {
	border-right:0px solid rgba(255,255,255,255.4);
}
nav ul li:hover, nav ul li ul li:hover {
	background: url("images/menu.png");
	background-position:left -44px;
	border-right:1px solid rgba(255,255,255,255.4);
}
nav a:hover {
	background: url("images/menu.png");
	background-position:left -88px;
}
nav .active {
	background: url("images/menu.png");
	background-position:left -44px;
}
nav ul a {
  padding: 0 16px;
  padding-top: 2px;
  font-size: 100%;
  line-height: 42px;
  text-transform: uppercase;
}
nav ul ul a {
  text-transform: none;
}
nav ul ul {
  top: 44px;
}
nav ul ul ul li {
  top: -44px;
}

@media only screen and (max-width: 739px) {
	nav { margin: 0;color: #ffffff;}

	.toggle + a, .menu-parent {display: none; }
	.menu-parent li{
	  background: url("images/menu.png");
	  background-position:left 0;
	}
	.toggle {
	  display: block;
	  padding: 0 16px;
	  font-size: 100%;
	  line-height: 44px;
	  text-decoration: none;
	  border: none;
	}
	.menu-parent .toggle {
	  text-transform: uppercase;
	}
	.menu-child .toggle {
	  text-transform: none;
	}
	.toggle:hover {
	  background: url("images/menu.png");
	  background-position:left -88px;
	}

	[id^=drop]:checked + ul { display: block; }

	nav ul li {
	  display: block;
	  width: 100%;
	}

	nav ul ul .toggle, nav ul ul a { padding: 0 40px; }

	nav ul ul ul a { padding: 0 80px; }

	nav a:hover, nav ul ul ul a { 
		background: url("images/menu.png");
		background-position:left -88px;
	}
	
	nav ul li ul li .toggle, nav ul ul a { background-color: #212121; }
	
	nav ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	}
	
	nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
	
	nav ul ul li {
	  display: block;
	  width: 100%;
	}
	
	nav ul ul ul li { position: static;}
}

#breadcrumb {
  list-style: none;
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #254441;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #212933;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #212933;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #212933;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #254441;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #254441;
}
#breadcrumb li a:hover {
  background-color: #000000;
}
#breadcrumb li a:hover:before {
  border-color: #000000;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #000000;
}
#breadcrumb li a:active {
  background-color: #212933;
}
#breadcrumb li a:active:before {
  border-color: #212933;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #212933;
}

.dark-grey-row,
.dark-grey-row .sub-heading span {
  background-color:#303030;
  color: #606060;
}

#content{min-height:174px;background:url(images/ui-bg-top-corner.jpg) 0 0 no-repeat;*zoom:1}

#subcontent{min-height:174px;background:url(images/landing-bg.jpg) 0 0 repeat;*zoom:1}

.pattern-bg {
  background-image:url(images/bg.png);
  background-repeat:repeat;
  position:relative;
  z-index: 2;
}

.btn {
	background: url("images/menu.png");
	background-position:left -44px;
	border-color:#fff;
	line-height:1.2;
	font-size: 100%;
}
.btn:hover {
	background: url("images/menu.png");
	background-position:left -88px;
	border-color:#fff;
}

topnav a:hover { color: rgba(0,0,0,0.8); }
topnav a {
  padding: 0 12px;
  font-size: 100%;
  line-height: 44px;
}

small.tip{ color: #444; }

.pagination>li>a,.pagination>li>span{background-color:#303030;border-color:#303030;color:#fff;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#01739b;border-color:#01739b;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{color:#999;background-color:#05435e;border-color:#05435e;cursor:default;}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#303030;border-color:#303030;cursor:default;}

#container  {
  position:relative;
  z-index: 3;
}