/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#business { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; background: transparent url(../src/img/contacts_bg.jpg) no-repeat center center; background-size: cover; }
div#business
{
	min-height: 600px;
	min-height: -webkit-calc( 100vh - 100px - 194px );
	min-height:    -moz-calc( 100vh - 100px - 194px );
	min-height:         calc( 100vh - 100px - 194px );
}
	div#business div.container { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 50px 0; text-align: left; }
	div#business div.container div.left { display: block; position: relative; width: 350px; margin: 0 auto; padding: 0; text-align: left; float: left; }
	div#business div.container div.right { display: block; position: relative; width: 600px; margin: 0 auto; padding: 50px 0 0 0; text-align: left; float: right; font-size: 0; }

@media all and ( max-width: 1199px )
{
	div#business
	{
		min-height: 600px;
		min-height: -webkit-calc( 100vh - 75px - 350px );
		min-height:    -moz-calc( 100vh - 75px - 350px );
		min-height:         calc( 100vh - 75px - 350px );
	}
		div#business div.container { width: 90%; }
			div#business div.container div.left { width: 100%; float: none; }
			div#business div.container div.right { width: 100%; float: none; text-align: center; padding: 0; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* texto */

div#business div.container div.left span.separator { display: block; position: relative; width: 100px; height: 3px; border: none; background-color: #ffffff; margin: 0 0 10px 0; }
div#business div.container div.left h1 { display: block; position: relative; font-family: 'bold1', sans-serif; font-size: 14px; color: #ffffff; margin: 15px 0; line-height: 20px; }
div#business div.container div.left p { display: block; position: relative; font-size: 12px; color: #ffffff; line-height: 15px; margin: 0 0 35px 0; }
	div#business div.container div.left p a { display: inline-block; position: relative; font-size: 12px; color: #ffffff; line-height: 15px; margin: 0; text-decoration: underline; }
	div#business div.container div.left p a:hover { color: #2261A5; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* fotografias */

div#business div.container div.right img { display: inline-block; position: relative; width: auto; height: auto; margin: 0 35px 10px 0; vertical-align: middle; }
div#business div.container div.right span.separator { display: block; position: relative; width: 100px; height: 3px; border: none; background-color: #ffffff; margin: 250px 0 10px 0; }
div#business div.container div.right h1 { display: block; position: relative; font-family: 'bold1', sans-serif; font-size: 35px; color: #ffffff; margin: 0; line-height: 40px; }
div#business div.container div.right h2 { display: block; position: relative; font-family: 'bold1', sans-serif; font-size: 16px; color: #ffffff; margin: 15px 0 5px 0; line-height: 20px; }
div#business div.container div.right p { display: block; position: relative; font-size: 14px; color: #ffffff; margin: 0; line-height: 20px; padding: 0 0 0 10px; cursor: default; }
div#business div.container div.right p.representations { cursor: pointer; }
div#business div.container div.right p.representations:hover { text-decoration: underline; }
	div#business div.container div.right p span { display: none; position: absolute; top: 5px; left: 50px; font-size: 12px; line-height: 20px; background-color: #ffffff; padding: 5px 10px; border: 1px solid #2261A5; border-radius: 10px; z-index: 100; }
	div#business div.container div.right p:hover span { display: block; }

@media all and ( max-width: 1199px )
{
	div#business div.container div.right img { margin: 5px; }
	div#business div.container div.right span.separator { margin: 50px 0 10px 0; text-align: left; }
	div#business div.container div.right h1 { font-size: 14px; line-height: 20px; text-align: left; }
	div#business div.container div.right h2 { font-size: 12px; line-height: 15px; font-family: 'bold1', sans-serif; text-align: left; margin: 15px 0 0 0; }
	div#business div.container div.right p { font-size: 12px; line-height: 15px; font-family: 'normal1', sans-serif; text-align: left; margin: 0; padding: 0 0 0 10px; }
}


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