/* ================================================================================================================== */
/* */
/* ================================================================================================================== */

* { box-sizing: border-box; font-size: 0; }

/* ================================================================================================================== */
/* fontes */
/* ================================================================================================================== */

h1, h2, h3, h4, h5, h6, p, div.text, a, input, label, textarea, span, select, table, tr, th, td, .chosen-container-single .chosen-single span { font-family: 'Lato', sans-serif; font-size: 14px; color: #07aa61; padding: 0; margin: 0; font-weight: 400; line-height: 22px; }

/* ================================================================================================================== */
/* principal e animacoes de defeito */
/* ================================================================================================================== */

html, body	{ position: relative; margin: 0; padding: 0; width: 100%; height: 100%; font-size: 0; }
*		{ transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }
.animation-long { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 800ms; -webkit-transition-duration: 800ms; -moz-transition-duration: 800ms; }
.animation-none,
.animation-none	* { transition-property: none; -webkit-transition-property: none; -moz-transition-property: none; transition-duration: 0ms; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; }

.thin { font-weight: 100; }

/* ================================================================================================================== */
/* limpador e truque para inline-block alinhamento */
/* ================================================================================================================== */

div.clear { clear: both; }
.trick_align_middle { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: middle; background-color: transparent; }
.trick_align_top { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: top; background-color: transparent; }
.trick_align_bottom { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: bottom; background-color: transparent; }

/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div.body { display: block; position: relative; width: 100%; min-height: 100%; background: transparent url(./../images/bg.png) no-repeat top center; margin: 0 auto; font-size: 0; }
	div.body div.container { display: block; position: relative; width: 100%; max-width: 800px; margin: 0 auto; padding: 75px 0; text-align: center; }
		div.body div.container span.logo { display: block; position: relative; width: 272px; height: 44px; margin: 0 auto 70px auto; background: transparent url(../images/logo.png) no-repeat center center; background-size: contain; }
		div.body div.container span.icon { display: inline-block; position: relative; width: 83px; height: 83px; background: transparent url(../images/icons.png) no-repeat; margin: 5px; }
		div.body div.container span.icon._1 { background-position-x: 0; }
		div.body div.container span.icon._2 { background-position-x: -83px; }
		div.body div.container span.icon._3 { background-position-x: -166px; }
		div.body div.container span.icon._4 { background-position-x: -249px; }

		div.body div.container span.plane { display: inline-block; position: relative; width: 431px; height: 557px; margin: 75px 0 0 0; background: transparent url(../images/plane.png) no-repeat center center; background-size: contain; vertical-align: top; }
		div.body div.container div.text { display: inline-block; position: relative; width: auto; margin: 75px 0 0 75px; text-align: left; }
			div.body div.container div.text h1 { display: block; position: relative; font-size: 50px; line-height: 64px; color: #ffffff; padding: 0 15px; }
			div.body div.container div.text h2 { display: block; position: relative; font-size: 35px; line-height: 40px; color: #00a5b6; padding: 0 15px; margin: 35px 0; }
			div.body div.container div.text a { display: inline-block; position: relative; font-size: 15px; line-height: 26px; border: 1px solid #00a5b6; padding: 7px 75px 7px 15px; margin: 0; text-decoration: none; color: #ffffff; }
			div.body div.container div.text a:hover { background-color: #00a5b6; }
			div.body div.container div.text a:after { content: ""; display: block; position: absolute; top: 7px; right: 15px; width: 29px; height: 26px; background: transparent url(../images/arrow.png) no-repeat; }

		div.body div.container span.fuio { display: block; position: relative; width: 92px; height: 33px; margin: 25px auto 0 auto; background: transparent url(../images/fuio.png) no-repeat center center; background-size: contain; }

@media all and ( max-width: 799px ) {
	div.body div.container span.plane { display: none; }
	div.body div.container div.text { margin: 75px 0 0 0; text-align: center; }
}