/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/09/2015, 23:19:34
    Author     : @araguaci
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,900italic&subset=latin,latin-ext);
@font-face {
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	font-style: normal;
}
html, body {
	margin: 0;
	height: 100%;
	background: deepskyblue;
	color: #000080;
	font-family: 'Ubuntu', sans-serif;
}
.clouds_one {
	background: url("../images/cloud_one.png");
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_one 50s linear infinite;
	-moz-animation: cloud_one 50s linear infinite;
	-o-animation: cloud_one 50s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}
.clouds_two {
	background: url("../images/cloud_two.png");
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_two 75s linear infinite;
	-moz-animation: cloud_two 75s linear infinite;
	-o-animation: cloud_two 75s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}
.clouds_three {
	background: url("../images/cloud_three.png");
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_three 100s linear infinite;
	-moz-animation: cloud_three 100s linear infinite;
	-o-animation: cloud_three 100s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}
.sky {
	height: 100%;
	background: deepskyblue;
	position: relative;
	overflow: hidden;
	-webkit-animation: sky_background 50s ease-out infinite;
	-moz-animation: sky_background 50s ease-out infinite;
	-o-animation: sky_background 50s ease-out infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}
 @-webkit-keyframes cloud_one {
 0% {
 left:0
}
 100% {
 left:-200%
}
}
 @-webkit-keyframes cloud_two {
 0% {
 left:0
}
 100% {
 left:-200%
}
}
 @-webkit-keyframes cloud_three {
 0% {
 left:0
}
 100% {
 left:-200%
}
}
 @-moz-keyframes cloud_one {
 0% {
 left:0
}
 100% {
 left:-200%
}
}
 @-moz-keyframes cloud_two {
 0% {
 left:0
}
 100% {
 left:-200%
}
}
 @-moz-keyframes cloud_three {
 0% {
 left:0
}
 100% {
 left:-200%
}
}
.yellow {
	color: #000080;
}
.black {
	color: #000;
}
.dark {
	color:#585858;
}
.reveal section img {
	border: 0px;
	margin: 15px 0px;
	background: rgba(255, 255, 255, 0);
	 box-shadow:none;
	 -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
li {
	color: #000080;
}
#reveal h1, #reveal h2, #reveal h3, .yellow, .reveal h2, .reveal h3 {
	text-shadow: 1px 2px 2px rgba(222, 222, 222, 1);
}
.reveal h1, h4, .reveal h4 {
	text-shadow: 1px 2px 2px rgba(222, 222, 222, 1);
	font-weight: bolder;
	font-style: italic;
}
.attender .state-background {
	background: url(../images/logo_attender.png) left bottom no-repeat, rgba( 255, 255, 255, 0.3);
}
.megatronix .state-background {
	background: url(../images/logo_megatronix.png) left bottom no-repeat, rgba( 255, 255, 255, 0.3);
}
.reveal h1 {
	font-size: 130px;
	font-weight: bolder;
	margin-top: 15px;
	margin-bottom: 15px;
}
.reveal h2 {
	font-size: 50px;
	font-weight: bolder;
	margin-top: 7px;
	margin-bottom: 10px;
	font-style: italic;
}
.reveal h3 {
	font-size: 35px;
	font-style: italic;
}
.reveal h4 {
	font-size: 35px;
	font-style: italic;
}
.reveal li, .reveal p {
	font-size: 32px;
	font-weight: bolder;
	line-height: 110%;
	margin-bottom: 30x;
	margin-top: 10px;
	text-transform: none;
}
.reveal h3, .reveal li {
	margin-top: 4px;
	margin-bottom: 2px;
	text-transform: none;
	font-style: italic;
}
.reveal .slides > section, .reveal .slides > section > section {
	padding-top: 5px;
	padding-bottom: 5px;
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
	color: #000080;
	text-transform: none;
}
.reveal p {
	color: #000;
	text-transform: none;
}
#reveal .slides {
	width: 120%;
}