/*
blue:		#341f97		#a595e9
yellow:		#ff9f43		#ffbd80
green:		#1dd1a1		#a5f3de
grey:		#6c6c6c
*/

/* colors */
	.blue { color: #341f97 !important; }
	.yellow { color: #cc6300 !important; }
	.grey { color: #6c6c6c !important; }

/* flex templates */
	.flex_row_cen_cen { display: flex; flex-direction: row; justify-content: center; align-items: center; }
	.flex_row_sta_cen { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
	.flex_row_cen_sta { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
	.flex_row_sta_sta { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
	.flex_row_sbe_cen { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
	.flex_row_sbe_sta { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
	.flex_row_sta_str { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; }
	.flex_row_cen_str { display: flex; flex-direction: row; justify-content: center; align-items: stretch; }
	
	.flex_col_sta_cen { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
	.flex_col_cen_sta { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
	.flex_col_cen_cen { display: flex; flex-direction: column; justify-content: center; align-items: center; }

/* common */
	html {
		position: relative;
		min-height: 100%;
	}
	
	body {
		background-color: #f2f2f2;
		font-family: 'font_normal';
		margin: 0px;
	}
	
	#main {
		margin: 125px 50px 150px 50px;
	}
	
	.block {
		margin-top: 50px;
	}

/* texts */
	p {
		color: #292929;
		cursor: default;
		font-family: 'font_normal';
		font-size: 1em;
		padding-top: 16px;
		text-align: left;
	}
	
	b {
		font-family: 'font_semibold' !important;
	}
	
	h1 {
		color: #292929;
		cursor: default;
		font-family: 'font_bold';
		font-size: 2em;
		margin: 0px;
		padding: 0px;
	}
	
	h2 {
		color: #292929;
		cursor: default;
		font-family: 'font_bold';
		font-size: 1.5em;
		margin: 0px;
		padding: 0px;
	}
	
	h3 {
		color: #292929;
		cursor: default;
		font-family: 'font_bold';
		font-size: 1.8em;
		margin: 0px;
		padding: 0px;
	}
	
	.npm {
		margin: 0px;
		padding: 0px;
	}
	
	.npm80 {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	.npm08 {
		margin: 0px 0px 8px 0px;
		padding: 0px;
	}
	
	.npm88 {
		margin: 8px 0px 8px 0px;
		padding: 0px;
	}

/* table */
	.table tr th {
		color: #646464;
		font-size: 0.9em;
		padding: 10px;
		text-align: left;
	}
	
	.table tr td {
		padding: 10px;
		text-align: left;
	}
	
	.table, .table tr, .table td, .table th {
		border: 1px solid #cecece;
		border-collapse: collapse;
	}
	
	.table tr:hover {
		background-color: #fafafa;
	}

/* lists */
	ul {
		margin-block-start: 0px;
		margin-block-end: 0px;
	}
	
	ul li {
		padding: 3px 0px 3px 0px;
	}
	
	.m5 li {
		padding: 5px 0px 5px 0px !important;
	}

/* links */
	.link {
		border-bottom: 1px solid;
		border-bottom-color: rgba(52, 31, 151, 0.2);
		color: #341f97;
		cursor: pointer !important;
		font-family: 'font_semibold';
		text-decoration: none;
	}.link:hover {
		filter: brightness(1.14);
	}.link:active {
		filter: brightness(0.9);
	}
	
	.link_yellow {
		border-bottom-color: rgba(255, 159, 67, 0.2) !important;
		color: #ff9f43 !important;
	}
	
	a.link_footer {
		color: #000000;
		font-size: 1.1em;
		font-family: 'font_normal';
		padding-top: 9px 14px 9px 14px;
		text-align: center;
		text-decoration: none;
	}a.link_footer:hover {
		color: #444444;
	}
	
	.link_img {
		cursor: pointer;
	}.link_img:hover {
		filter: brightness(1.1);
	}

/* links as buttons */
	a.buttonGo {
		background: #292929;
		border-radius: 4px;
		border: solid 2px #292929;
		color: #dadada;
		cursor: pointer;
		display: block;
		font-family: 'font_normal';
		font-weight: normal;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 12px;
		padding-right: 12px;
		text-decoration: none;
		text-align: center;
		vertical-align: center;
	} 
	a.buttonGo:hover {
		background: #292929;
		box-shadow: 2px 2px 2px #888888;
		color: #FFF; 
		text-shadow: 0 1px 0 #2f2f2f;
	}
	a.buttonGo:active {
		background: #292929;
		color: #FFF;
		text-shadow: 0 1px 0 #2f2f2f;
	}

/* button "to top" */
	#toTop {
		background-image: url(../img/to_top.svg);
		cursor: pointer;
		display: none;
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		z-index: 101;
	}#toTop:hover {
		filter: brightness(1.1);
	}

/* header */
	#header {
		background: #341f97;
		min-height: 50px;
		padding: 10px 10px 10px 20px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		z-index: 100;
	}
	
	.header_div {
		margin-right: 20px;
	}
	
	.header_link {
		color: #efefef;
		text-decoration: none;
		font-family: 'font_normal';
		font-size: 1.1em;
	}.header_link:hover {
		filter: brightness(1.1);
	}
	
	.header_link_act {
		color: #ff9f43 !important;
		text-shadow: 1px 2px 3px #ffbd80;
	}

/* footer */
	#footer {
		background: #ff9f43;
		position: absolute;
		bottom: 0;
		width: 100%;
		margin: 0px;
		padding: 10px 0px 10px 0px;
		z-index: 100;
	}

/* different */
	#styleThinkLine {
		background-color: #cecece;
		margin: auto;
		width: 80%;
		height: 1px;
		background-size: cover;
	}
	
	.clickable {
		cursor: pointer;
	}.clickable:hover {
		filter: brightness(1.1em);
	}.clickable:active {
		filter: brightness(0.9em);
	}