* { 
    margin    : 0;
    padding   : 0;
    box-sizing: border-box;
}

html, body {
    height    : 100%;
    background: #fff;
}

body {
	font      : 11px Arial, Helvetica, Sans-Serif;
	color     : #333;
	background: linear-gradient(180deg,rgba(11, 35, 112, 1) 0%, rgba(48, 67, 132, 1) 16%, rgba(212, 216, 229, 1) 61%, rgba(255, 255, 255, 1) 79%);
}

#container {
    display       : flex;
    flex-direction: column;
    width         : 100%;
    max-width     : 950px;
    min-width     : 950px;
    margin        : 0 auto;
}

#top-shadow {
	background-image: url('/assets/img/background_tp.png');
	width           : 100%;
	height          : 40px;
}

#main-content {
    background-color: #fff;
    border          : 1px solid #ccc;
    border-radius   : 5px;
}

.inner-content {
    padding: 30px;
}

.inner-content header {
    position       : relative;
    display        : flex;
    flex-direction : row;
    flex-wrap      : nowrap;
    align-items    : center;
    justify-content: flex-start;
    background     : #2764B1;
    background     : linear-gradient(180deg,rgba(39, 100, 177, 1) 0%, rgba(8, 31, 101, 1) 100%);
    height         : 95px;
}

header img.logo {
    width      : auto;
    height     : 55px;
    margin-left: 20px;
}

header nav#logo-nav {
    position: absolute;
    bottom: 0;
    right: 0;
}

header nav#logo-nav ul {
}

header nav#logo-nav li {
    display        : inline-block;
    list-style-type: none;
    margin         : 0px auto;
    padding        : 8px 7px;
}

header nav#logo-nav li:last-of-type {
    padding-right: 15px;
}

header nav#logo-nav a:link,
header nav#logo-nav a:active,
header nav#logo-nav a:visited {
	color          : #fff;
	text-decoration: none;
}

header nav#logo-nav a:hover,
header nav#logo-nav a:active:hover, 
header nav#logo-nav a:visited:hover { 
	color          : #7690ca;
	text-decoration: none;
}

nav#main-nav {
    display    : flex;
    align-items: center;
    width      : 100%;
    height     : 45px;
}

nav#main-nav li {
    display        : inline-block;
    list-style-type: none;
    margin         : 0px auto;
    padding        : 7px;
}

nav#main-nav a:link,
nav#main-nav a:active,
nav#main-nav a:visited {
	font-family    : Inter, sans-serif !important;
	font-size      : 12px;
	color          : #314f7f;
	text-decoration: none;
}

#bottom-shadow {
	display         : flex;
	flex-direction  : row;
	justify-content : flex-end;
	align-items     : center;
	background-image: url('/assets/img/background_btm.png');
	width           : 100%;
	height          : 40px;
}

#bottom-shadow ul li {
    display        : inline-block;
    list-style-type: none;
    font-size      : 12px;
    margin         : 0px auto;
    padding        : 0 7px;
    border-right   : 1px solid #333;
}

#bottom-shadow ul li:last-of-type {
    border-right   : none;
}

#bottom-shadow ul li a:link,
#bottom-shadow ul li a:active,
#bottom-shadow ul li a:visited {
    color: rgba(8, 31, 101, 1);
    text-decoration: none;
}

#bottom-shadow ul li a:hover {
    text-decoration: underline;
}