/* ---------------------------------------------------------------------------------------------- */
/* estrutura */

div#bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; background: transparent url(../src/img/bg_index.jpg) no-repeat 100% 100%; }

	div#bg span.logo { display: block; position: relative; width: 433px; height: 282px; margin: 150px auto 0 auto; background: transparent url(../src/img/logo_index.png) no-repeat center center; background-size: contain; }

	div#bg div.languages { display: block; position: relative; width: 100%; margin: 50px auto 25px auto; text-align: center; padding: 5px 0; }
		div#bg div.languages a { display: inline-block; position: relative; font-size: 26px; line-height: 50px; font-weight: bold; text-transform: uppercase; color: #ffffff; text-decoration: none; margin: 0 10px; padding: 0 25px; background: transparent url(../src/img/languages_bg.png) repeat; }
		div#bg div.languages a:hover { color: #404041; }

	div#bg p { display: block; position: relative; width: 600px; margin: 0 auto; text-align: center; padding: 0; font-size: 14px; line-height: 25px; color: #FFFFFF; }

/*@media all and ( max-width: 1199px )
{
	div#bg { position: relative; top: auto; left: auto; min-height: 100vh; background-size: 100% 100%; }

		div#bg span.logo { width: 300px; height: 200px; margin: 25px auto 0 auto; }

	    div#bg div.languages { margin: 25px auto 0 auto; padding: 0 0; }
			div#bg div.languages a { font-size: 20px; line-height: 20px; margin: 10px; }

	div#bg p { width: auto; margin: 0 10px; font-size: 12px; line-height: 20px; }
}*/


/* ---------------------------------------------------------------------------------------------- */