/******************
Red: BF5656;
Green: a4cf4e;
Light Blue: 0091db
Dark Blue: 0161a0

*********************/
@font-face {
    font-family: OpenSans;
    
    src: url('./fonts/open-sans/OpenSans-Regular.eot');
    src: url('./fonts/open-sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/open-sans/OpenSans-Regular.woff') format('woff'),
         url('./fonts/open-sans/OpenSans-Regular.ttf') format('truetype'),
         url('./fonts/open-sans/OpenSans-Regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans-Light;
    src: url('./fonts/open-sans/OpenSans-Light.eot');
    src: url('./fonts/open-sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/open-sans/OpenSans-Light.woff') format('woff'),
         url('./fonts/open-sans/OpenSans-Light.ttf') format('truetype'),
         url('./fonts/open-sans/OpenSans-Light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans-Bold;
    src: url('./fonts/open-sans/OpenSans-Bold.eot');
    src: url('./fonts/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/open-sans/OpenSans-Bold.woff') format('woff'),
         url('./fonts/open-sans/OpenSans-Bold.ttf') format('truetype'),
         url('./fonts/open-sans/OpenSans-Bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans-Italic;
    src: url('./fonts/open-sans/OpenSans-Italic.eot');
    src: url('./fonts/open-sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('./fonts/open-sans/OpenSans-Italic.woff') format('woff'),
         url('./fonts/open-sans/OpenSans-Italic.ttf') format('truetype'),
         url('./fonts/open-sans/OpenSans-Italic.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 
  	
}

body {
	color: #000;
	margin: 0px;
	padding: 0px;
	font-family: OpenSans;
	font-size: 13px;

}

a, a:hover {
	text-decoration: none;
	cursor: pointer;
}




.clear {
	clear:both;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/********** HEADER **********/
.header {
	background :#fff;
	font-family: "OpenSans-Bold";
	color:#0091db;
	display:block;
	border-bottom: 3px solid #0091db;
	height: 40px;
}


.header a {
	text-decoration: none;
	font-family: "OpenSans-Bold"
}

.header .left {
	position:absolute;
	left: 0;
	padding-left: 5px;
	padding-top: 3px;

}

.header .left a {
	opacity: 0.5;
	vertical-align: top;
	font-size:20px;
	margin:0px;
	

}

.header #menu-button {
	
	
}


.header #menu-button img {

}

.header #back-button {
	margin-top: 3px;
	display: inline-block;
	color: #0161a0 !important;
	opacity: 1;
}

.header .center {
	font-size: 18px;
	color: #000;
	font-family: OpenSans-Light;
	padding: 5px;
	padding-top: 7px;
	margin: auto;
	text-align: center;
}

.header .right {
	position:absolute;
	right: 0;
	padding: 5px;
}

/****************** FOOTER ********************/
.footer {
	 /*position: fixed;*/
  	bottom: 0;
	background: #0161a0;
	color: #fff;
	font-family: OpenSans-Bold;
	width: 100%;
	font-size: 12px;
	height: 40px;
}

.footer .copyright {
	padding: 10px;
	display: inline;
	float:left;
}

.footer .version {
	font-family: OpenSans-Light;
	padding: 10px;
	display: inline;
	float:right;	
}