/* ========================================
   HEADER
   ======================================== */
.header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20000;
	min-width:960px;
}

/* ========================================
   UP HEADER
   ======================================== */
.main_header {
	position:relative;
	width:100%;
	height:80px;
	border-top: 3px solid white;
}

/* ------------- SLIDER HEADER --------------*/
.main_header .slider_container,
.main_header .third_container{
	position:absolute;
	top:0;
	width:100%;
	height:80px;
	z-index:1;
}
.main_header .slider_container .pattern {
	width:100%;
	height:80px;
	background:url(assets/backgrounds/grid_pattern.png) repeat-x;
}

.home_bg{
	background-image:url(assets/backgrounds/bg_home.jpg);
	background-size:cover;	
}

.about_bg{
	background-image:url(assets/backgrounds/bg_about.jpg);
	background-size:cover;	
}

.matters_bg{
	background-image:url(assets/backgrounds/bg_matter.jpg);
	background-size:cover;	
}

.partners_bg{
	background-image:url(assets/backgrounds/bg_partners.jpg);
	background-size:cover;	
}


/* ------------- LOGO SHARE AND BOXES HEADER --------------*/

.main_header .third_container {
	z-index:2;
}
.main_header .third_container .box_left {
	float:left;
}

.main_header .third_container .box_left {
	width: 400px;
	height:80px;
	background:url(assets/logos/logo.png);
}

.main_header .third_container .box_left h1 {
	display:none;
}

.main_header .third_container .box_right {
	position:relative;
	min-width: 553px;
	height:80px;
	float:right;
}

.main_header .third_container .box_right .box_share{
	position:absolute;
	right: 23px;
	width: 223px;
	height:15px;
	padding:2px 11px 3px;
}
/*
	Box share
*/

.box_share ul{
	position:absolute;
	left:62px;
	top:0;
	display:block;
}
.box_share ul li {
	display:block;
	float:left;
	position:relative;
	min-width: 28px;
}

.box_share ul li .dot {
	width: 2px;
	height: 2px;
	background: white;
	position: absolute;
	top: 10px;
}

.box_share ul li a {
	display:block;
	width:22px;
	height:18px;
	text-indent:-99999px;
	background:url(assets/buttons/share.png);
}

.first_dot {
	left:25px;
}

.second_dot {
	left:25px;
}

.third_dot {
	left:30px;
}

/* Facebook */
.box_share ul li a.fb:hover {
	background-position: 0 -38px;
}

/* Twitter */
.box_share ul li a.tw {
	background-position:-27px 0;
}
.box_share ul li a.tw:hover {
	background-position:-27px -38px;
}

/* mail */
.box_share ul li a.ml {
	background-position:-52px 0;
}
.box_share ul li a.ml:hover {
	background-position:-52px -38px;
}

.box_share ul li.arial{
	margin:5px 0 0 22px;
}

.blk_arrow{
	position:absolute;
	top:5px;
	right:10px;
	width:8px;
	height:13px;
	background:url(assets/buttons/arrows_header.png);
}

/*
	Box 1
*/

.h_box1,
.h_box2,
.h_box3{
	display:block;
	position:relative;
	text-decoration:none;
	top:39px;
	width:241px;
	height:23px;
	padding-left:7px;
	float:right;
	margin-right:22px;
}

.h_box1{
	background:#000;
}

.h_box1 .blk_arrow{
	background-position: 0 -14px;
}

.h_box1 p{
	color:#fff;
}

.h_box1:hover{
	background:#fff;
}

.h_box1:hover .blk_arrow,
.h_box2:hover .blk_arrow{
	background-position: 0 -27px;
}

.h_box1:hover p,
.h_box2:hover p{
	color:#18a0d8;
}

.h_box1 p,
.h_box2 p,
.h_box3 p{
	line-height:25px;
}

/*
	Box 2
*/

.h_box2{
	
	width:147px;
}

.h_box2:hover{
	background:#000000;
}

/*
	Box 3
*/

.h_box3{
	width:150px;
}

.h_box3 ul li {
	display:block;
	float:left;
	position:relative;
	min-width: 28px;
}

.h_box3 ul
{
	position:absolute;
	top:1px;
	right:-5px;
}
.h_box3 ul li a {
	display:block;
	width:17px;
	height:18px;
	text-indent:-99999px;
	background:url(assets/buttons/share.png);
}

.h_box3 ul li a.fb {
	background-position:0 -20px;
}
.h_box3 ul li a.fb:hover {
	background-position:0 -39px;
}


.h_box3 ul li a.tw {
	background-position:-32px -20px;
}
.h_box3 ul li a.tw:hover {
	background-position:-32px -39px;
}

.h_box3 ul li a.yt {
	width:18px;
	background-position:-57px -20px;
}

.h_box3 ul li a.yt:hover {
	width:18px;
	background-position:-57px -58px;
}


/* ========================================
   MENU
   ======================================== */


.header .main_nav .btn-menu { 
	padding: 8px 5px 10px; 
}

.header .main_nav .btn-menu:hover .ft_20{
	color:#000;
}

.header .main_nav > li{
	border-radius:5px;
	border-bottom: 1px #1f8fbc solid;
}

.header .main_nav .show-nav {
	width:100%;
}

.header .main_nav .show-nav ul {
	padding:0 8px;
}

.header .main_nav .show-nav ul li{
	position:relative;
	display:block;
	/*padding: 20px  0;*/
	border-top:2px #1d94c6 solid;
	/*border-bottom: 1px #1f8fbc solid;*/
}
.header .main_nav .show-nav ul li a { padding: 20px  0; }

.header span { display: block; }

.main_nav .events,
.main_nav .about, 
.main_nav .trains_matter, 
.main_nav .partners { 
	float:left;
} 

.main_nav .events,
.main_nav .about, 
.main_nav .trains_matter, 
.main_nav .partners {
	display:block;
	position:relative;
}

.main_nav .about .blue,
.main_nav .trains_matter .blue {
	border:4px #ffffff solid;
	margin:-2px 0 0 -4px;
	border-radius: 8px;
}

.main_nav .events .blue{
	border:4px #ffffff solid; 
	margin:-2px 0 0 -4px;
	border-radius: 0 8px 8px 0;
}

.main_nav .partners .blue{
	border:4px #ffffff solid;
	margin:-2px 0 0 -4px;
	border-radius: 8px 0 0 8px;
}


.main_nav .partners .blue{
	border-right:none;
}

.main_nav .active{
	background:#ff9933;
	border-radius: 3px;
}

.main_nav .active .ft_20{
	color:#000;
}

.header .main_nav .active .show-nav ul li{
	border-top:2px #e2882d solid;
}

.show-nav ul li:hover a{
	color:#231f20;
}

.show-nav ul li .arrow {
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:0;
	background:url(assets/misc/v_items.png);
	background-position: -24px 0;
}
.show-nav ul li:hover .arrow,
.active .show-nav ul li.selected .arrow {
	background-position: -24px -24px
}
.active .show-nav ul li.selected a { color:#000; } 
/*
	selected behavior
*/

.header .main_nav .active .show-nav ul li.selected {
	color:#000;
}



/*
.events:hover ul li.section_list,
.about:hover ul li.section_list, 
.trains_matter:hover ul li.section_list, 
.partners:hover ul li.section_list { display:block;  }

.main_nav>li{ padding: 12px 8px 6px; }
*/