/* ---------------------------------------------------------------------------------------------- */
/* fundo transparente */

div#transparent { display: block; position: relative; width: 43%; float: left; background-color: transparent; text-align: right; vertical-align: middle; }
div#transparent
{
	min-height: 100%;
	min-height: -webkit-calc( 100vh - 165px );
	min-height: -moz-calc( 100vh - 165px );
	min-height: calc( 100vh - 165px );
}
	div#transparent h1 { display: inline-block; position: absolute; bottom: 100px; right: 50px; width: 300px; font-family: 'PalatinoBold', sans-serif; color: #0064ae; font-size: 45px; line-height: 60px; vertical-align: middle; margin: 0; }

div#transparent
{
	-moz-animation: enterFromLeft;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: enterFromLeft;
    -webkit-animation-duration: 0.7s;
    animation-name: enterFromLeft;
    animation-duration: 0.7s;
}

@media all and ( max-width: 699px )
{
	div#transparent { display: none; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* fundo conteudo */

div#content { display: block; position: relative; width: 57%; float: right; background: transparent url(../src/images/bodyBg.png) repeat; }
div#content
{
	min-height: 100%;
	min-height: -webkit-calc( 100vh - 165px );
	min-height: -moz-calc( 100vh - 165px );
	min-height: calc( 100vh - 165px );
}
	div#content h2 { display: block; position: relative; margin: 100px 50px 0 50px; font-family: 'PalatinoBold', sans-serif; color: #ffffff; font-size: 35px; line-height: 45px; }
	div#content p { display: block; position: relative; margin: 15px 50px 50px 50px; color: #ffffff; font-size: 16px; line-height: 25px; }

div#content
{
	-moz-animation: enterFromRight;
    -moz-animation-duration: 0.5s;
    -webkit-animation-name: enterFromRight;
    -webkit-animation-duration: 0.5s;
    animation-name: enterFromRight;
    animation-duration: 0.5s;
}

@media all and ( max-width: 699px )
{
	div#content { width: 95%; }
	div#content
	{
		min-height: 100%;
		min-height: -webkit-calc( 100vh - 90px );
		min-height: -moz-calc( 100vh - 90px );
		min-height: calc( 100vh - 90px );
	}
		div#content h2 { margin: 25px 10px 20px 10px; font-size: 25px; line-height: 35px; }
		div#content p { font-size: 12px; margin: 0 10px 20px 10px; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* animacoes */

@-moz-keyframes enterFromRight { 0% { right: -57% } 100% { right: 0; } }
@-webkit-keyframes enterFromRight { 0% { right: -57% } 100% { right: 0; } }
@keyframes enterFromRight { 0% { right: -57% } 100% { right: 0; } }

@-moz-keyframes enterFromLeft { 0% { left: -43% } 100% { left: 0; } }
@-webkit-keyframes enterFromLeft { 0% { left: -43% } 100% { left: 0; } }
@keyframes enterFromLeft { 0% { left: -43% } 100% { left: 0; } }