/* FONST */

	@font-face {
		font-family: 'roboto';
	  src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
	}

	@font-face {
		font-family: 'roboto-bold';
	  src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
	}

	@font-face {
		font-family: 'roboto-light';
	  src: url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
	}

	@font-face {
		font-family: 'roboto-medium';
	  src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
	}

	@font-face {
		font-family: 'fonticon';
	  src:  url('../fonts/fonticon/fonticon.eot');
	  src:  url('../fonts/fonticon/fonticon.eot') format('embedded-opentype'),
	    url('../fonts/fonticon/fonticon.ttf') format('truetype'),
	    url('../fonts/fonticon/fonticon.woff') format('woff'),
	    url('../fonts/fonticon/fonticon.svg') format('svg');
	}

	[class^="ic-"], [class*=" ic-"] {
	  line-height: 1;
	  font-family: 'fonticon' !important;
	  font-variant: normal;
	  text-transform: none;
	  speak: none;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	.ic-home:before { content: "\e01"; }
	.ic-menu:before { content: "\e02"; }
	.ic-close:before { content: "\e03"; }
	.ic-more:before { content: "\e04"; }
	.ic-less:before { content: "\e05"; }
	.ic-refresh:before { content: "\e06"; }
	.ic-chevron-left:before { content: "\e07"; }
	.ic-chevron-right:before { content: "\e08"; }
	.ic-chevron-down:before { content: "\e09"; }
	.ic-chevron-up:before { content: "\e10"; }
	.ic-arrow-down:before { content: "\e11"; }
	.ic-arrow-up:before { content: "\e12"; }
	.ic-logout:before { content: "\e13"; }
	.ic-login:before { content: "\e14"; }
	.ic-circle-ok:before { content: "\e15"; }
	.ic-circle-fail:before { content: "\e16"; }
	.ic-circle-info:before { content: "\e17"; }
	.ic-circle-warning:before { content: "\e18"; }
	.ic-user:before { content: "\e19"; }
	.ic-users:before { content: "\e20"; }
	.ic-trash:before { content: "\e21"; }
	.ic-search:before { content: "\e22"; }
	.ic-map:before { content: "\e23"; }
	.ic-edit:before { content: "\e24"; }
	.ic-tools:before { content: "\e25"; }
	.ic-message:before { content: "\e26"; }
	.ic-calendar:before { content: "\e27"; }
	.ic-clock:before { content: "\e28"; }
	.ic-favorites:before { content: "\e29"; }
	.ic-file:before { content: "\e30"; }

/* END FONTS */



/* RESET STYLES */
	
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		line-height: 1;
		font-size: 100%;
	  font-weight: normal;
	  font-style: normal;
	}

	a, a:hover, a:visited {
		color: inherit;
		text-decoration: none;
		cursor: pointer;
		transition-duration: 0.5s;
	}

	li {
		list-style: none;
	}

	header, hgroup, nav, main, section, article, video, footer {
		display: block;
	}

/* END RESET STYLES */



/* GENERAL TAGS */

	body {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #FAFAFA;
		font-family: roboto;
		font-size: 16px;
	}

/* END GENERAL TAGS */



/* GENERAL CLASS */

	.container {
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: auto;
	}

/* END GENERAL CLASS */



/* GENERAL PAGE */

	header {
		height: 90px;
		padding: 20px 0;
		background: linear-gradient(to bottom, #2196F3 0%, #1565C0 100%);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	header .ic-home {
		display: inline-block;
		border-radius: 50%;
		font-size: 48px;
		color: #FFFFFF;
	}

	header .ic-home:hover {
		padding: 10px;
		background-color: #FFFFFF;
		font-size: 36px;
		color: #673AB7;
	}

	header hgroup {
		display: inline-block;
		vertical-align: top;
	}

	header h1 {
		font-size: 24px;
		font-family: roboto-bold;
		text-transform: uppercase;
		color: #FFFFFF;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	}

	header h2 {
		line-height: 2;
		font-size: 18px;
		color: #FFFFFF;
	}


	footer {
		height: 90px;
		padding: 20px 0;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #212121;
		color: #FFFFFF;
	}

	footer p {
		text-align: center;
		font-size: 14px;
		color: #BDBDBD;
	}

	footer span {
		font-size: 16px;
		color: #FFFFFF;
	}


	section {
		position: absolute;
		top: 90px;
		bottom: 90px;
		left: 0;
		right: 0;
	}

	section .pages {
		height: 100%;
		padding: 20px;
		background-color: #FFFFFF;
		overflow: auto;
	}

/* END GENERAL PAGE */



/* INDEX.HTML */

.index h1 {
	padding-bottom: 5px;
	border-bottom: 2px solid;
	font-size: 20px;
	font-family: roboto-bold;
	text-transform: uppercase;
}

.index nav { margin: 0 20px; }

.index .title-list {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: roboto-medium;
	text-transform: uppercase;
}

.index .list {
	margin-bottom: 20px;
	padding: 0 20px;
}

.index .link-list {
	width: 45%;
	float: left;
	line-height: 1.5;
	list-style: square;
}

.index .link-list:nth-child(even) { margin-left: 5%; }
.index .link-list:nth-child(odd) { margin-right: 5%; }

.index .link-list a:hover { color: #90CAF9; }

/* END INDEX.HTML */