body {
	margin:0px;
	padding:0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:#171613;
	background-color: #6ab7ff;
	background-color: #6ab7ff;
	background-image: url(http://www.transparenttextures.com/patterns/ag-square.png);
	text-align:justify;
}

a {
	text-decoration:none;
	color:transparent;
	text-shadow:0px 0px 0px #f1f1f1;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}

menu {
	padding:20px;
	width:200px;
	background:#0083ff;
	position:fixed;
	top:-30px;
	left:0;
	height:100%;
	font-size:24px;
	color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
}

menu .menuitem, .notmenuitem {
	padding:10px;
	display:block;
	text-shadow:0px 0px 0px rgba(255,255,255,.6);
	border-bottom:2px solid rgba(255,255,255,.6);
}

.notmenuitem {
	text-shadow:0px 0px 0px rgba(255,255,255,1);
	border-bottom:2px solid rgba(255,255,255,1);
}

#link {
	margin-top:50%;
}

.menuitem:hover {
	box-shadow: inset -250px 0px 0px rgba(255,255,255,.2),inset 250px 0px 0px rgba(255,255,255,.2);
	text-shadow:0px 0px 0px rgba(255,255,255,1);
	border-bottom:2px solid rgba(255,255,255,1);
}

#content {
	margin-left:240px;
	font-family: 'Source Sans Pro', sans-serif;
}

#footer {
margin-left:240px;
}

#head {
	margin:25% auto;
	width:70%;
}

#title {
	font: 700 85px/1 "Oswald", sans-serif;
	letter-spacing: 0;
	display: block;
	margin: 0 auto;
	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background: url(http://i.imgur.com/yPGVxlW.png) repeat-y;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 80s linear infinite;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	text-transform:uppercase;
}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

.entry {
background:rgba(255,255,255,.2);
padding:20px;
font-size:14px;
margin-bottom:20px;
}

#subtitle {
	color:#f8f8f8;
	text-align:center;
	font-size:24px;
}

.head {
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
}

.input {
	background:rgba(255,255,255,.2);
	padding:10px;
	color:#fff;
	border:5px solid rgba(255,255,255,.4);
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	display:block;
}

.noblock {
	display:inline;
	vertical-align:top;
}

h1 {
	text-align:center;
	font: 700 35px/1 "Oswald", sans-serif;
	letter-spacing: 0;
	display: block;
	margin: 0 auto;
	text-shadow: 0 0 80px rgba(255,255,255,.5);
	background: url(http://i.imgur.com/yPGVxlW.png) repeat-y;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 80s linear infinite;
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	text-transform:uppercase;
}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

#header {
	padding:60px;
}
#welcome {
	background-color: #87c5ff;
	background-image: url(http://www.transparenttextures.com/patterns/ag-square.png);
	padding:60px;
}

#exp {
	margin-right:250px;
	padding-right:20px;
	border-right:2px solid rgba(255,255,255,.5);
}
	
#sponsors {
	text-align:center;
	float:right;
	width:250px;
}

#welcome:after {
  content: "";
  display: table;
  clear: both;
}

.pace.pace-inactive {
  display: none;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  height: 60px;
  width: 100px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pace .pace-progress {
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px !important;
}

.pace .pace-progress:before {
  content: attr(data-progress-text);
  text-align: center;
  color: #fff;
  background: #5d5d5d;
  border-radius: 50%;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 1;
  padding: 20% 0 7px;
  width: 50%;
  height: 40%;
  margin: 10px 0 0 30px;
  display: block;
  z-index: 999;
  position: absolute;
}

.pace .pace-progress:after {
  border-radius: 50%;
  border: 5px solid #5d5d5d;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100px;

  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation: spin-3 2s linear infinite;
     -moz-animation: spin-3 2s linear infinite;
       -o-animation: spin-3 2s linear infinite;
          animation: spin-3 2s linear infinite;
}

.pace .pace-activity {
  font-size: 15px;
  line-height: 1;
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px;

  display: block;
}

.pace .pace-activity:before {
  border-radius: 50%;
  border: 5px solid #5d5d5d;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100px;

  -webkit-animation: spin-1 2s linear infinite;
     -moz-animation: spin-1 2s linear infinite;
       -o-animation: spin-1 2s linear infinite;
          animation: spin-1 2s linear infinite;
}

.pace .pace-activity:after{
  border-radius: 50%;
  border: 5px solid #5d5d5d;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100px;

  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: spin-2 2s linear infinite;
     -moz-animation: spin-2 2s linear infinite;
       -o-animation: spin-2 2s linear infinite;
          animation: spin-2 2s linear infinite;
}

@-webkit-keyframes spin-1 {
  0%  { -webkit-transform: rotate(0deg); }
  100%{ -webkit-transform: rotate(359deg);}
}
@-moz-keyframes spin-1 {
  0%  { -moz-transform: rotate(0deg); }
  100%{ -moz-transform: rotate(359deg);}
}
@-o-keyframes spin-1 {
  0%  { -o-transform: rotate(0deg); }
  100%{ -o-transform: rotate(359deg);}
}
@keyframes spin-1 {
  0%  { transform: rotate(0deg); }
  100%{ transform: rotate(359deg);}
}

@-webkit-keyframes spin-2 {
  0%  { -webkit-transform: rotate(59.8deg); }
  100%{ -webkit-transform: rotate(418.8deg);}
}
@-moz-keyframes spin-2 {
  0%  { -moz-transform: rotate(59.8deg); }
  100%{ -moz-transform: rotate(418.8deg);}
}
@-o-keyframes spin-2 {
  0%  { -o-transform: rotate(59.8deg); }
  100%{ -o-transform: rotate(418.8deg);}
}
@keyframes spin-2 {
  0%  { transform: rotate(59.8deg); }
  100%{ transform: rotate(418.8deg);}
}

@-webkit-keyframes spin-3 {
  0%  { -webkit-transform: rotate(119.6deg); }
  100%{ -webkit-transform: rotate(478.6deg);}
}
@-moz-keyframes spin-3 {
  0%  { -moz-transform: rotate(119.6deg); }
  100%{ -moz-transform: rotate(478.6deg);}
}
@-o-keyframes spin-3 {
  0%  { -o-transform: rotate(119.6deg); }
  100%{ -o-transform: rotate(478.6deg);}
}
@keyframes spin-3 {
  0%  { transform: rotate(119.6deg); }
  100%{ transform: rotate(478.6deg);}
}

.dotstyle ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dotstyle li {
	position: relative;
	display: block;
	float: left;
	margin: 0 16px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}

.dotstyle {
width:10px;
position:fixed;
top:10px;
right:40px;
}

.dotstyle-smalldotstroke li {
	border-radius: 50%;
	margin-bottom:10px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}

.dotstyle-smalldotstroke li a {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.dotstyle-smalldotstroke li a:hover,
.dotstyle-smalldotstroke li a:focus,
.dotstyle-smalldotstroke li.current a {
	background-color: white
}

.dotstyle-smalldotstroke li.current a {
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
}

.dotstyle-smalldotstroke li.current {
	box-shadow: 0 0 0 2px white;
}

h3 {
	padding:5px;
	display:block;
	background:rgba(255,255,255,.2);
	margin:0px;
	font-size:22px;
	
}

.date {
	padding:5px;
	display:block;
	background:rgba(255,255,255,.4);
}

.date {
	padding:5px;
	display:block;
	background:rgba(255,255,255,.6);
	margin-bottom:10px;
}

#divtessoal{
	border: #0083ff solid 2px;
	padding : 4px;
	width : 100%;
	height : 1050px;
	background : gray;
}