@charset "utf-8";
/* CSS Reset */
.grid:after {
  content: "";
  display: table;
  clear: both;
}
::selection {  background: #3f78ba; color:#fff;}
::-moz-selection { background: #3f78ba; color:#fff;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th,td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
	/*border:0px solid #0C0;*/
	border:none;
}

html, body {
	width:100%; height: 100%;
	margin:0; padding:0;
	text-align:center; 
	background:#efefef 50% 0 fixed repeat-y;
	color:#222; 
	*font-size: small;
	*font: x-small;
	font:300 14px/18px "Roboto Condensed", Arial, sans-serif; 
	text-decoration:none;
	}

hr{	filter:alpha(opacity=0); 
	opacity:0; 
	display:block; 
	width:100%; 
	height:20px; 
	float:none; 
	clear:both; 
	margin:0; 
	padding:0;}.hr{
		display:block;
		width:100%;
		height:1px;
		margin:4px auto;
		border-bottom:1px solid #efefef;}
	
img{border:none;}

ul li, ol li{ list-style-type:none; text-align:left;}

div{display:block; position:relative;}

b{
	font-weight:700;}

/* Links Styles 
================================================================= */
a{text-decoration: none; color:#3f78ba;} 
a:hover, button:hover{ cursor:pointer; color:#5ea4f6;}
a:hover img{
	opacity:0.9;}

footer a{color:#888;}
footer a:hover{color:#fff;}


/* Headnames
================================================================= */
h1, h2, h3, h4, h5, h6{font-weight:normal; padding:0; text-align:left;}
 
h1{
	position:relative;
	width:100%;
	font:400 42px/42px 'Roboto Condensed', sans-serif;
	display:block;
	color:#222;
	height:auto;
	padding:5px 0 20px 0;
	border-bottom:0px solid #3f78ba;
	margin:0 auto;}

h2,
.pic_day h1,
.news_list h1{	position:relative;
	width:100%;
	font:400 26px/26px 'Roboto Condensed', sans-serif;
	display:block;
	color:#222;
	height:auto;
	padding:7px 0 8px 0;
	border-bottom:1px solid #3f78ba;
	margin:0 auto;
	}


.pic_day h2,
.text_right h2,
.one_news h2{
	position:relative;
	width:auto;
	font:400 18px/20px 'Roboto Condensed', sans-serif;
	display: block;
	color:#222;
	height:auto;
	padding:0 0 10px 0;
	border:none;
	margin:0;
}
.pic_day h1{
	margin-bottom:20px;}
h3{
	font:300 14px/18px "Roboto Condensed", Arial, sans-serif;
	}
	.live_video h3{
		margin-top:5px;}
		h3 a{
			color:#222;} 
		h3 a:hover{color:#888;}

h4{
	display:block;
	height:auto;
	width:100%;
	padding:10px 0 0 0 !important;}

.tapenews_date{
	width:98%;
	font-weight:400;
	padding:10px 2% 10px 0 ;
	text-align:right;
	color:#222;
	border-bottom:1px solid #e5e5e5;}	
	
br{
	height:20px;
	margin:0;}	

/* Select NONE form styles 
================================================================= */
input, button{border:none; background:none; outline: none; 
font:300 14px/18px "Roboto Condensed", Arial, sans-serif;}
	
	input[type="text"]:focus { outline: none; }
	button:focus { outline: none; }



.big-slider div img,
.one-fact,
.main-menu .logo,
.archive{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
	/*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;  
}



/* Select style
=============================================================================== */
/* REGION 
'''''''''''''''''''''''''''''' */

.file input{opacity:0.0 !important; width:100% !important; padding:0 !important; margin:0 !important; z-index:999999999 !important; position:absolute !important; top:0 !important; left: 0 !important;}.file input:hover{cursor:pointer !important; }

.select_container{
	display:block;
	position:relative;
	text-decoration:none;
	text-transform: none;
	text-align:left;
	z-index:99999999;
	white-space:nowrap;	
	}

select{
	position:relative;
	width:100%;
	top:0;
	left:0;
	opacity:0;
	border:1px solid #0C3;
	z-index:99999999999;}  select:hover{cursor:pointer !important;}
.select_mask{
	width:90%;
	height:40px;
	position:absolute;
	display:block;
	top:50%;
	margin-top:-20px;
	left:0;
	text-indent:5px;
	font:300 14px/40px "Roboto Condensed", Arial, Sans-serif;
	overflow:hidden;}
.select_container span{
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	background:url(../images/icn_arrow_down.png) 100% 0 no-repeat;
	right:-10px;
	top:50%;
	margin-top:-20px;}
.select_container:hover span{	
	background-position:100% 100%;}




.region{
	position:absolute;
	width:270px;	
	top:50%;
	left:280px;
	height:20px;
	margin:-30px 0 0 0;
	color:#3f78ba;
	border:1px solid #efefef;
	
}
.region strong{
	display:block;
	position:absolute;
	left:-56px;
	top:1px;
	color:#b3b3b3;}	
.registration_select{
	background:#fff;
	border:1px solid #ccc;
	line-height:26px;
	width:60%;
	height:26px;
	float:right;
	margin:6px auto;
	color:#555;}
	
	
strong,
b{
	font-weight:400 !important;}
em{
	font-style:italic !important;}
		

/* MAP OBJECT 
__________________________________ */

/*
.map_point_info{
	width:160px;
	height:auto;
	padding:10px;
	position:relative; 
	background:#fff;
	top:120px; 
	left:40px; 
	z-index:999999999;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.43);
}
*/
.map_point_info{
	width:160px;
	z-index:999999999;
}

.map_point_info h4{
	font:400 14px/18px "Roboto Condensed", Arial, Sans-serif;
	margin:0 !important;
	padding:0 !important;
	}
.map_point_info div{
	font:300 12px/14px "Roboto Condensed", Arial, Sans-serif;
	margin:8px auto;
	}
.map_point_info div font{
	color:#3f78ba;
	}	
.map_point_info img{
	width:100%;
	float:left;
	margin:10px auto;
	}
.map_point_info div.mp_tel{
	font:300 14px/18px "Roboto Condensed", Arial, Sans-serif;
	color:
	}
.map_point_info a{
	display:inline-block;
	}	
.mp_showblock{
	display:block;
	width:100%;
	text-align:left;
	height:20px;
	font:300 12px/18px "Roboto Condensed", Arial, Sans-serif;
	text-decoration:underline;
	color:#3f78ba;
	padding:0;
	margin:0;
	}	
.mp_showblock:hover{
	text-decoration:none;
}	

/* ONE OBJECT 
__________________________________ */
.oo_adress,
.oo_tel,
.oo_worktime,
.oo_infotext,
.oo_soclinks,
.oo_links,
.oo_mail,
.oo_author{
	display:inline-block;
	width:100%;	
	margin:10px 0 ;}
.oo_tel{
	font:300 26px/28px "Roboto Condensed", Arial, Sans-serif;
	color:#999;
	}

.oo_adress font,
.oo_tel font,
.oo_worktime font,
.oo_infotext font,
.oo_author font{
	color:#3f78ba;
	}
	

/* CRUMBS
__________________________________ */	
.crumbs{
	display: inline-block;
	width:100%;
	top:5px;
	height:auto;
	min-height:20px;
	border-bottom:1px solid rgba(228,223,223,1.00);
	margin-bottom:10px;
	}		
	
.crumbs a,
.crumbs div,
.crumbs span{
	display:inline-block;
	float:left;
	height:40px;
	padding:0 5px 0 0;
	font:300 14px/38px "Roboto Condensed", Arial, Sans-serif;
	}	
.crumbs span{
	color:#ccc;}
.crumbs div	{
	color:#999;}	
				
/* MODULE FOOTER
__________________________________ */
.module_footer{
	display:inline-block;
	width:100%;
	height:auto;
	min-height:20px;
	margin:0 0;
	text-align:center;}
	
.module_footer a,
.module_footer span{
	padding:0 5px;
	font:300 14px/38px "Roboto Condensed", Arial, Sans-serif;
	} 	
.module_footer span{
	color:#ccc;}	
	

/* HEADER COURSE MENU 
____________________________________________________________________*/
.course_menu *,
.main_menu *{
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s  ease-out;
	-ms-transition: all 0.1s  ease-out;
	transition: all 0.1s linear;
	}
.course{
	position:absolute !important;
	right:-4px;
	bottom:6px;
	display:inline-block;}
	
.course_menu *,
.submenu *{
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;}
.course_menu{
	display:inline-block;
	height:40px;
	width:100%;
	}
.course_menu div{
		display:block;
		float:left;
		width:25%;
		height:40px;
		position: relative;
		top:10px;
		padding:0 10px;
		}
		.course_menu div:first-child{ padding-left:20px;}
		.course_menu div:last-child{ padding-right:20px;}
.course_menu a{
	text-align:right;
	padding-right:20px;
	display:block;
	width:100%;
	height:40px;
	background:#efefef;
	border:1px solid #dfdfdf;
	font:300 13px/38px "Roboto Condensed", Impact, "Trebuchet MS", Arial;
	color:#555;
	text-transform:uppercase;}
.course_menu a.course_1{ background: url(../images/icn_header_1.png) #efefef 0 -1px no-repeat;}
.course_menu a.course_2{ background: url(../images/icn_header_2.png) #efefef 0 -1px no-repeat;}
.course_menu a.course_3{ background: url(../images/icn_header_3.png) #efefef 0 -1px no-repeat;}
.course_menu a.course_4{ background: url(../images/icn_header_4.png) #efefef 0 -1px no-repeat;}
.course_menu a:hover{
	background-position: 0 -41px;}	
	
	
	

/* SUB MENU 
____________________________________________________________________*/
.main-menu li{
	position:relative;}
.submenu{
	padding:0;
	z-index:61651;
	top:40px;
	left:0;
	min-width:120px;
	display:none;
	position:absolute;
	background:#3f78ba;
	-webkit-box-shadow: 0 3px 10px 0 rgba(00,00,00,0.2);
	box-shadow: 0 3px 10px 0 rgba(00,00,00,0.2);
	-moz-box-shadow: 0 3px 10px 0 rgba(00,00,00,0.2);}
.submenu a{
	display:block !important;
	width:100% !important;
	height:30px !important;
	color:#fff !important;
	line-height:30px !important;
	white-space:nowrap !important;
	text-transform:none !important;
	}	.submenu a:hover{
		background:#5ea4f6;
		}


.main-menu li:hover .submenu{
	display:block;}		
	
	
@media only screen and (max-width :801px),
	only screen and (max-device-width : 801px){
.course_menu,
.submenu,
.fmenu:hover .submenu{
	display:none !important;
	}	
}		
	
@media only screen and (max-width :640px),
	only screen and (max-device-width : 640px){
.course{
	right:120px;
	}			
}	

#tabs .marks li a { padding: 0 16px; }