/*@CHARSET "ISO-8859-1";*/
@font-face {
	font-family: MyFont;
	src: url(fonts/SourceSansPro-Regular.otf);
}

header, nav, aside, footer, section, div {
	display: block;
}

iframe {
	padding: 10px;
	border: 0;
	width: 945px;
	height: 270px;
	margin : 0 auto;
}

iframe:focus {
	outline: none;
}

iframe[seamless] {
	display: block;
}

body {
	-moz-box-shadow: inset 0px -5px 0px 0px #7a8eb9;
	-webkit-box-shadow: inset 0px -5px 0px 0px #7a8eb9;
	box-shadow: 2px 2px 8px #3e3e3e;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 960px;
	border: 1px solid #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	font-family: MyFont, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: 400;
	webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	border-radius: 10px;
	margin: 25px auto;
	height:100%;
}

div {
	-webkit-font-smoothing: antialiased;
	font-family: MyFont, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	text-shadow: 0 1px 1px #202020;
	webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

h1 {
	font-size: 23px;
	line-height: 26%;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #202020;
}

h2 {
	font-size: 21px;
	line-height: 23%;
	margin: -10px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #202020;
}

h3 {
	font-size: 18px;
	line-height: 21px;
	margin: 5px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #202020;
}

h4 {
	font-size: 15px;
	line-height: 18px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #202020;
}

h5 {
	font-size: 13px;
	line-height: 15px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #202020;
	font-weight: 400;
}

h6 {
	font-size: 11x;
	line-height: 13px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #202020;
	font-weight: 400;
}

html {
	background: url(images/city.jpg) no-repeat center top;
	display: table;
	margin: 0 auto;
	background-color: #E8E8E8;
}

header, nav, aside, section, footer {
	background: white;
	text-align: center;
}

header {
	background: url(images/header.png) no-repeat center top;
	border-radius: 10px 10px 0px 0px;
	background-color: #456897;
	-webkit-font-smoothing: antialiased;
	font-family: MyFont, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	color: #fff;
	border: 0px solid #D7D7D7;
	border-bottom: 3px solid #999;
}

header, nav, footer {
	width: 100%;
	height: 100%;
}

header, footer {
	height: 100%;
}

nav {
	height: 50px;
}

aside {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 0px solid #3b5898;
	border-radius: 0px;
	padding: 10px 10px 10px 10px;
	background-color: #3b5898;
	overflow: hidden;
}

section#content {
	float: right;
	width: 720px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

section#content2 {
	float: center;
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

footer {
	border-top: 1px solid #CCC;
	clear: both;
	background-color: #E6E6E6;
	padding: 0px;
	border-radius: 0px 0px 10px 10px;
}

#boxmodel {
	margin: 5px;
	background-color: #f5f5f5;
	border: 1px solid #bebebe;
	padding: 5px;
	border-radius: 5px;
}

#boxnav {
	margin: 0px 0px 0px 0px;
	background-color: #0D1131;
	border: 1px solid #ffff;
	padding: 5px 10px 0px 0px;
	border-radius: 0px;
	witdh: 100%;
	height: 20px;
	text-align: right;
	-webkit-font-smoothing: antialiased;
	font-family: MyFont, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: 400;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
}

#boxtitle {
	margin: 2px 2px 2px 2px;
	background-color: #FC0;
	border: 1px solid #ffff;
	padding: 5px;
	witdh: 100%;
}

#boxcontent {
	margin: 5px;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 5px;
	border-radius: 5px;
}

p {
	margin: 14px;
	line-height: 16px;
}

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

table {
	width: 720px;
}

table, th, td {
	margin: 0 auto;
	border: 1px solid #CCC;
	border-collapse: collapse;
	-webkit-font-smoothing: antialiased;
	font-family: MyFont, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: 400;
}

th, td {
	padding: 5px;
	height: 20px;
}

th {
	background-color: #060;
	color: #fff;
	text-align: center;
}

td {
	background-color: #FFF;
}

.btnBlue, .btnGreen, .btnPurple, .btnRed, .btnMenu, .btnYellow {
	font-family: MyFont, sans-serif;
	font-size: 13px;
	line-height: 30px;
	font-weight: 500;
	width: 100%;
	height: 32px;
	text-align: center;
	margin: 1px;
}

.btnGreen {
	-moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
	box-shadow: inset 0px 1px 0px 0px #a4e271;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403
		), color-stop(1, #77a809));
	background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403',
		endColorstr='#77a809', GradientType=0);
	background-color: #89c403;
	border: 1px solid #74b807;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #528009;
}

.btnGreen:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809
		), color-stop(1, #89c403));
	background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809',
		endColorstr='#89c403', GradientType=0);
	background-color: #77a809;
}

.btnGreen:active {
	position: relative;
	top: 1px;
}

.btnBlue {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6
		), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',
		endColorstr='#1e62d0', GradientType=0);
	background-color: #3d94f6;
	border: 1px solid #337fed;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #1570cd;
}

.btnBlue:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0
		), color-stop(1, #3d94f6));
	background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',
		endColorstr='#3d94f6', GradientType=0);
	background-color: #1e62d0;
}

.btnBlue:active {
	position: relative;
	top: 1px;
}

.btnPurple {
	-moz-box-shadow: inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #e184f3;
	box-shadow: inset 0px 1px 0px 0px #e184f3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de
		), color-stop(1, #a20dbd));
	background: -moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background: -webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background: -o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background: -ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de',
		endColorstr='#a20dbd', GradientType=0);
	background-color: #c123de;
	border: 1px solid #a511c0;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #9b14b3;
}

.btnPurple:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd
		), color-stop(1, #c123de));
	background: -moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background: -webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background: -o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background: -ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background: linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd',
		endColorstr='#c123de', GradientType=0);
	background-color: #a20dbd;
}

.btnPurple:active {
	position: relative;
	top: 1px;
}

.btnRed {
	-moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
	box-shadow: inset 0px 1px 0px 0px #cf866c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b
		), color-stop(1, #bc3315));
	background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b',
		endColorstr='#bc3315', GradientType=0);
	background-color: #d0451b;
	border: 1px solid #942911;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0px 1px 0px #854629;
}

.btnRed:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315
		), color-stop(1, #d0451b));
	background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315',
		endColorstr='#d0451b', GradientType=0);
	background-color: #bc3315;
}

.btnRed:active {
	position: relative;
	top: 1px;
}

.btnMenu {
	-moz-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
	box-shadow: inset 0px 1px 0px 0px #7a8eb9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad
		), color-stop(1, #5972a7));
	background: -moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background: -webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background: -o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background: -ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad',
		endColorstr='#5972a7', GradientType=0);
	background-color: #637aad;
	border: 1px solid #314179;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
}

.btnMenu:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7
		), color-stop(1, #637aad));
	background: -moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background: -webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background: -o-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background: -ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7',
		endColorstr='#637aad', GradientType=0);
	background-color: #5972a7;
}

.btnMenu:active {
	position: relative;
	top: 1px;
}

.btnYellow {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64
		), color-stop(1, #ffab23));
	background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',
		endColorstr='#ffab23', GradientType=0);
	background-color: #ffec64;
	border: 1px solid #ffaa22;
	display: inline-block;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffee66;
}

.btnYellow:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23
		), color-stop(1, #ffec64));
	background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',
		endColorstr='#ffec64', GradientType=0);
	background-color: #ffab23;
}

.btnYellow:active {
	position: relative;
	top: 1px;
}

.button {
	width: 100px;
	background: #3399cc;
	display: block;
	margin: 0 auto;
	margin-top: 1%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	transition: background .3s;
	-webkit-transition: background .3s;
}

.button:hover {
	background: #2288bb;
}

#login {
	width: 400px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-box-shadow: inset 0px -5px 0px 0px #7a8eb9;
	-webkit-box-shadow: inset 0px -5px 0px 0px #7a8eb9;
	box-shadow: 5px 5px 15px #CCC;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #3b5898;
}

#triangle {
	width: 0;
	border-top: 12x solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #3399cc;
	border-left: 12px solid transparent;
	margin: 0 auto;
}

#login h2 {
	background: #3b5898;
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

input[type="userid"], input[type="password"] {
	width: 370px;
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 3%;
	font-family: MyFont, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #555;
}