* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html {
	position: relative;
	min-height: 100%;
	background: url(../images/bg.jpg) #EEE;
}
body {
	font: 14px/1 'Trebuchet MS', sans-serif;
	background: url(../images/bg.jpg) #b6d8fe;
	color:#777;
}


/* Main
-------------------------------------------------------*/
.widesection {
	width:100%;
	position: relative;
	margin: 0 auto;
}
.container {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	padding: 0 10px;
}
.maincontent {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 0 40px;
}
.mainsection .container {
	background-color: white;
    padding: 20px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .5);
    border: 1px solid #AAA;
	max-width: 985px;
}
.maincolumn {
	flex-basis: 590px;
	max-width: 590px;
}
.sidebar_block {
	flex-basis: 300px;
	text-align: center;
}
.sidebar_block aside {
	margin: 0 0 20px;
}
.sidebar_block aside p {
	margin: 0 0 10px;
}
.sidebar_block .block_title {
	background: #fde101;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #5f5f5f;
    line-height: 1.4;
}


/* Typo
-------------------------------------------------------*/
h1, .moduletitle {
	font-size: 20px;
    margin: 0 0 20px;
    color: #546190;
    line-height: 1.2;
    font-weight: 400;
}
h2 {
	margin: 0 0 20px;
}
table + h2, p + h2, .table-wrapper + h2 {
	margin-top: 30px;
}
p {
	margin: 0 0 20px;
}
img {
	vertical-align: top;
}
a {
	color: #0095f3;
    outline: none;
}
a:hover {
	text-decoration:none;
}
article ul, article ol {
	margin: 0 0 20px;
	padding-left: 20px;
}
article li {
	margin:0 0 10px;
}
.table-wrapper {
	padding: 8px;
	background:linear-gradient(0deg, #E9E9E9, #D7D7D7);
    border-radius: 8px;
	border-top: 1px solid #B2B3B5;
	box-shadow: 0px 1px 0 #fff;
	max-width: 580px;
	margin: 0 0 20px;
}
table {	
	width: 100%;
	border-collapse: collapse;
}
table tr {
	background: #FFF;
	border-bottom: 1px solid #ccc;
}
.table-header {
	padding: 10px;
}
table tr:nth-child(odd) {
    background: #F3F3F3;
}
table td {
	padding: 10px;
    border-left: 1px solid #ccc;
}

/* Header
-------------------------------------------------------*/
#header p {
	margin: 0;
}
#header .logo a {
	text-decoration:none;
	display: block;
}
#header .logo img {
	display: inline-block;
}

/* Topnav
-------------------------------------------------------*/
#topnav {
	background: url(../images/menu.png) no-repeat 50% -2px transparent;
    position: relative;
    overflow: visible;
    margin-top: -8px;
    height: 62px;
}
#topnav .menu {
	display:flex;
    justify-content:space-evenly;
	padding: 5px 0 0;
}
#topnav li {
	list-style:none;
	position:relative;
	
}
#topnav a {
	text-decoration:none;
	display: block;
}
#topnav .menu > li > a {
	color:#59556e;
	font-size: 16px;
	transition:0.5s;
	padding: 20px 15px;
	background-image: radial-gradient(#ffffff5e 0%,#ffe74100 80%);
}
#topnav .menu > li:hover > a, #topnav .menu > li.active > a {
	background-image: radial-gradient(#ffffffe3 0%,#ffe74100 80%);
	transition:0.5s;
}


/* Footer
-------------------------------------------------------*/
#footer {
	width: 100%;
	font-size: 12px;
	padding: 40px 0;
}
#footer p {
	margin:0;
}
#footer .container {
	justify-content: space-between;
}

/* Carousel
-------------------------------------------------------*/
.carousel_container {
	width: 920px;
    height: 50px;
    padding: 5px;
    background: #FFF;
	border-radius: 7px;
	box-shadow: 0 0px 2px rgba(0, 0, 0, .5);
}
.carousel ul li {
	margin:0px;
	line-height:0px;
	padding:0px 10px;
	border-left:1px solid #CCC;
}
.carousel ul li a {
	display:block;
}
.carousel ul li img {
	display:block;
	border:0px;
}
.carousel {
	visibility:hidden;	
}
/* Carousel
-------------------------------------------------------*/
#scroller {
    background: #FFF;
    color: #00A8FF;
    display:none;
    padding: 8px 10px;
    position: fixed;
    right: -5px;
    text-transform: uppercase;
    top: 40px;
    width: 120px;
    z-index: 10;
	cursor:pointer;
	text-decoration: underline;
	border-radius:5px;
	box-shadow:0px 0px 3px #AAA;
}
#scroller:hover {
   	box-shadow:0px 0px 3px #27a3c2;
	text-decoration: none;
	transition:all 0.1s ease-in 0s
}