@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:400;
	background-color:#333;
	font-weight:400;
}

a {
	color:#FFF;
	padding:2px;
}
a:hover {
	background-color:#D31245;
	color:#FFF;
	text-decoration:none !important;
	padding:2px;
}

h1{
	font-weight:400;
	font-size:36px;
}

h2, h3{
	margin-bottom:6px;
	font-weight:400;
}
image {
	border:none !important;
}
#full {
	width:100%;
	height:100%;
	position:static;
}
#line{
	position:absolute !important;
	background-image:url(line-dots.png);
	background-repeat:repeat-y !important;
	width:50px;
	z-index:12;
	top:150px;
	left:48.5%;
	min-height: 3600px;
}
#timeline{
	top:6px;
	width:912px;
	margin:auto;
	clear:both;
	position:relative;
	padding: 24px;
	background: url('image01.jpg'), url('image02.jpg');
	background-position: left top, left top;
	background-repeat: no-repeat, repeat;
		-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

#hito01, #hito03, #hito05, #hito07, #hito09, #hito11, #hito13, #hito15{
	width:400px;
	margin:12px;
	background-image:url(white75.png);
	padding:12px;
}

#hito02, #hito04, #hito06, #hito08, #hito10, #hito12, #hito14, #hito16{
	width:400px;
	margin:12px;
	background-image:url(white75.png);
	padding:12px;
}

#lang {
	font-size:12px;
	position:fixed;
	width:100%;
	left:0px;
	color: #FFF;
	top: 0px;
	clear: both;
	z-index: 10001;
	background-image: url(black80.png);
}
#lang a {
	color:#FFF;
}
#lang a:hover {
	background-color:#D31245;
	color:#FFF;
	text-decoration:none !important;
}
#social {
	display:inline-block;
	width: 100px;
	float: right;
}
#social a {
	text-decoration:none !important;
}
#social a:hover {
	background-color:transparent !important;
	text-decoration:none !important;
}
#logo {
	position:relative;
	float:left;
	width:130px;
	height:50px;
	margin-top: 36px;
	clear: both;
	margin-left: 24px;
}
#logo a:hover{
	background-color:transparent !important;
}
#title {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	width:960px;
	margin-top:24px;
	margin-bottom:12px;
	text-align:center;
	position: relative;
	top: -20px;
}
#year{
	font-size:48px;
	color:#FC0;
	width:912px;
	border-bottom:dotted 2px #FFF;
	display: inline-block;
	text-shadow: 1px 1px 1px #000;
}
#clear {
	clear:both;
	height:10px;
}
/*STYLES*/

.icoGray {
	fill:#27AAE1;
	stroke:#1C75BC;
	stroke-width:1;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10
}
.icoGray:hover {
	fill:#D31245 !important;
	stroke:#9F001C;
	stroke-width:1;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10
}
.icoWhite {
	fill:#FFF;
}
.icoWhite:hover {
	fill:#D31245;
}