@font-face {
    font-family: Exo2;
    src: url(Exo2-Regular.ttf);
}

body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: "Exo2";
	background: #EFEFEF;
}

#header {
	/*border-top: 0px solid #BCE1FF;*/
	display:flex;
	justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    height: 70px;
	background-image: url(../images/bg1920.png);	
}

#logo_left {
	width: 300px;
	background-image: url(../images/logo_left.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#logo_middle {
	flex: 1 1 auto;
	background-image: url(../images/logo_middle.png);
	background-position: left center;
	background-repeat: repeat-x;
}

#logo_right {
	width: 300px;
	background-image: url(../images/logo_right.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#toTop {
	cursor:pointer;
	display:none;
	position:fixed; /* this is the magic */
	top: 128px;
	right: 4px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: xx-large;
	padding: 0px 4px;
	color:#333;
	background: #f7f7f7;
}

#page {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    background: white;
	border: 1px solid #BCE1FF; /*#C9E0ED*/
}

#content {
    padding: 1em 1em 0em 1em;
}

#footer {
	padding: 0.5rem;
	font-size: 0.8em;
	text-align: right;
	border-top: 1px solid #BCE1FF;
}

#mainmenu {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu > *:nth-child(2) {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
}

#mainmenu > ul {
	margin: -3px 0px -3px 0px;
	padding: 0.25rem 0.5rem 0.35rem 0.5rem;
}

#mainmenu > ul > li {
	display: inline;
}

#mainmenu ul li a {
	color:#ffffff;
	background-color:transparent;
	font-family: "Exo2";
	font-size:1rem;
	font-weight: normal;
	text-decoration:none;
	padding: 0.25rem 0.5rem 0.35rem 0.5rem;
}

#mainmenu ul li a img {
	padding-bottom:2px;
	vertical-align:middle;
}

#mainmenu ul li:hover a, #mainmenu ul li.active a {
	/*color: #3CA0F2;*/
	/*color: #085AA6;*/
	color:#FF902A;
	background-color:#FFFFFF;
	text-decoration:none;
}

a
{
	color: #085AA6;
}

a:hover
{
	/*color: #1D70BC;*/
	color:#FF902A;
}


div.error, div.notice, .success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.error a
{
	color:#8a1f11;
}

div.notice a
{
	color:#514721;
}

div.success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

.actions
{
	margin: 0 0 10px 0;
	padding: 0;
}

.actions li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.actions li a
{
	padding: 5px;
	margin: 0;
	color: #298dcd;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #DFF4FF;
	border-left: 5px solid #589FC8;
}

.actions li a:hover, .actions li a.active
{
	background: #589FC8;
	color: white;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #BCE1FF;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

h4.topic_caption {
	margin-top: 2em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #BCE1FF;	
}

#fancybox-title  {
	padding-top:0.5em;
	font-weight:bold;
}