@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700);

*:focus {outline:0;}

html {
	min-height: 100%;
	overflow-x: hidden;
}

body {
	margin:0em;
	padding:0em;
	font-family:"Source Sans Pro";
	cursor:default;
	min-height: 100%;
}


/* ===== HEADER ===== */

header {
	background-color:#f9f9f9;
	display:block;
	margin:0 -1em 1.5em 0;
	text-align:center;
	font-size:5mm;
	padding: 0.8em 1.2em 0.8em 1em;
	font-weight:bold;
	color:#000;
	position:fixed;
	width:94%;
}
header [class^="icon-"]{
	margin:0 0.2em;
}
header a:link, header a:visited {
	text-decoration:none;
	color:#bdc6cf;
}
header a:hover, header a:active {
	text-decoration:none;
	color:#a0a8af;
}


/* ===== NAVIGATION ===== */

nav {
	background-color:#e7ecf2;
	height:4mm;
	margin:0;
	padding:3mm;
	-webkit-box-shadow:inset 0 2px 2px -1px #cfd5dc;
	box-shadow:inset 0 2px 2px -1px #cfd5dc;
}
nav a:link, nav a:visited {
	color:#7991ad;
	-webkit-box-shadow:inset 0 1px 1px -1px #cfd5dc;
	box-shadow:inset 0 1px 1px -1px #cfd5dc;
	text-decoration:none;
	font-variant:normal;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:2.9mm 3mm 1.8mm 3mm;
}
nav a:link.active, nav a:visited.active {
	background-color:#52a9ff;
	color:#fff;
	-webkit-box-shadow:inset 0 1px 6px 0 #5090e4;
	box-shadow:inset 0 1px 6px 0 #5090e4;
}
nav a>span {
	margin-right:6px;
}
nav a:hover, nav a:active {
	color:#819ab8;
	background-color:#f2f7ff;
}
nav a:hover.active, nav a:active.active {
	background-color:#6fbaff;
}


/* ===== PANELS ===== */

.panel, .panel.normal {
	margin:1em;
	border:0;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
}
.panel .panel-heading:first-child, .panel.normal .panel-heading:first-child, .panel .panel-heading:first-child.normal {
	border-radius:3px 3px 0 0;
	margin:0;
	padding:12px;
	background-color:#e3e9f0;
	color:#7991ad;
	border:1px solid #bdc6cf;
}
.panel .panel-body:only-child, .panel.normal .panel-body:only-child, .panel .panel-body:only-child.normal {
	border-radius:3px;
	margin:0;
	padding:12px;
	color:#7991ad;
	border:1px solid #bdc6cf;
}
.panel .panel-body, .panel.normal .panel-body, .panel .panel-body.normal {
	border-radius:0;
	margin:0;
	padding:12px;
	color:#7991ad;
	border:1px solid #bdc6cf;
	border-top:0;
}
.panel .panel-body:last-child {
	border-radius:0 0 3px 3px;
}
.panel .panel-heading a:link, .panel .panel-heading a:visited {
	text-decoration:none;
	color:#7991ad;
}
.panel .panel-heading a:hover, .panel .panel-heading a:active {
	color:#bdc6cf;
}
	.panel.blue .panel-heading, .panel .panel-heading.blue {
		-webkit-box-shadow: 0 0 2px 0 #489eff;
		box-shadow: 0 0 2px 0 #489eff;
		color:#fff;
		border:1px solid #3d81ff;
		background: #52a9ff;
		background: -moz-linear-gradient(top,  #52a9ff 0%, #489eff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a9ff), color-stop(100%,#489eff));
		background: -webkit-linear-gradient(top,  #52a9ff 0%,#489eff 100%);
		background: -o-linear-gradient(top,  #52a9ff 0%,#489eff 100%);
		background: -ms-linear-gradient(top,  #52a9ff 0%,#489eff 100%);
		background: linear-gradient(to bottom,  #52a9ff 0%,#489eff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a9ff', endColorstr='#489eff',GradientType=0 );
	}
	.panel.blue .panel-body, .panel .panel-body.blue {
		-webkit-box-shadow: 0 0 2px 0 #489eff;
		box-shadow: 0 0 2px 0 #489eff;
		color:#fff;
		border:1px solid #3d81ff;
		background-color:#6fbaff;
		border-top:0;
	}
	.panel.blue .panel-heading a:link, .panel .panel-heading.blue a:link,
	.panel.blue .panel-heading a:visited, .panel .panel-heading.blue a:visited {
		text-decoration:none;
		color:#fff;
	}
	.panel.blue .panel-heading a:hover, .panel .panel-heading.blue a:hover,
	.panel.blue .panel-heading a:active, .panel .panel-heading.blue a:active {
		text-shadow: 0 0 2px #fff;
	}


/* ===== ETC ===== */

.container {margin:1em; padding:1em;}

h1,h2,h3,h4,h5,h6{
	display:block;
	font-weight:bold;
	line-height:1em;
	height:1em;
	margin: 18px 0px 12px 0px;
	
	/* FOR WEBKIT BROWSERS LIKE CHROME AND OPERA */
	
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0;
}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.17em;}
h4{font-size:1em;}
h5{font-size:0.83em;}
h6{font-size:0.67em;}