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

div#team { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }
	div#team div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }
	div#team div.container.small { width: 1000px; }
	div#team div.container.extra_small { width: 700px; }

@media all and ( max-width: 1199px )
{
	div#team div.container,
	div#team div.container.small,
	div#team div.container.extra_small { width: auto; margin: 0 10px; }
}

/* ================================================================================================================== */
/* geral */
/* ================================================================================================================== */

div#team div.general { display: block; position: relative; width: 100%; padding: 138px 0 100px 0; margin: 0 auto; font-size: 0; text-align: center; }

	div#team div.general div.text { display: inline-block; position: relative; width: 625px; vertical-align: top; text-align: left; }
		div#team div.general div.text h1 { font-size: 30px; line-height: 35px; }
		div#team div.general div.text p { margin: 35px 0 0 0; }

	div#team div.general div.photos { display: inline-block; position: relative; width: 500px; height: 350px; vertical-align: top; text-align: left; margin: 70px 0 0 75px; }
		div#team div.general div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#team div.general div.photos a:first-child { display: block; }
			div#team div.general div.photos a img { display: block; position: relative; max-width: 100%; max-height: 100%; margin: 0 auto; }

@media all and ( max-width: 1199px )
{
	div#team div.general { padding: 100px 0; }
		div#team div.general div.text { display: block; width: auto; margin: 0 10px; text-align: center; }
		div#team div.general div.photos { display: block; width: auto; margin: 35px 0 0 0; }
}

/* ================================================================================================================== */
/* atletas */
/* ================================================================================================================== */

div#team div.athletes { display: block; position: relative; width: 100%; padding: 65px 0; margin: 0 auto; font-size: 0; text-align: left; background: transparent url(../images/bg_gray1.jpg) no-repeat center center fixed; background-size: cover; }
	div#team div.athletes h1 { font-size: 30px; line-height: 35px; margin: 0 0 35px 0; }
	div#team div.athletes table { width: 100%; }
		div#team div.athletes table td { width: auto; padding: 5px 10px; border-bottom: 2px solid #d0d2d3; vertical-align: middle; }
		div#team div.athletes table td:first-child { padding-left: 50px; }
		div#team div.athletes table td:last-child { width: 1px; padding-right: 50px; }
			div#team div.athletes table td span { display: block; width: 60px; height: 60px; }

@media all and ( max-width: 1199px )
{
	div#team div.athletes h1 { text-align: center; }
	div#team div.athletes div.responsive { overflow: auto; }
		div#team div.athletes table { min-width: 500px; }
}

/* ================================================================================================================== */
/* geral */
/* ================================================================================================================== */

div#team div.brands { display: block; position: relative; width: 100%; padding: 50px 0; margin: 0 auto; font-size: 0; text-align: center; }
	div#team div.brands div.brand { display: inline-block; position: relative; width: 185px; height: 135px; margin: 25px; vertical-align: top; }
		div#team div.brands div.brand span { display: block; position: relative; width: 100%; height: 100%; }

	div#team div.brands div.brand:hover *,
	div#team div.brands div.brand:hover { transition-property: width, height, top, left; -webkit-transition-property: width, height, top, left; -moz-transition-property: width, height, top, left; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }
	div#team div.brands div.brand *,
	div#team div.brands div.brand { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }

/* ================================================================================================================== */
/* calendario */
/* ================================================================================================================== */

div#team div.calendar { display: block; position: relative; width: 100%; padding: 100px 0 170px 0; margin: 0 auto; font-size: 0; text-align: left; background: transparent url(../images/bg_calendar.jpg) no-repeat center center fixed; background-size: cover; }
	div#team div.calendar h1 { font-size: 30px; line-height: 35px; margin: 0 0 35px 0; color: #ffffff; }
	div#team div.calendar table { width: 100%; }
		div#team div.calendar table th { color: #ffffff; padding: 0 10px 25px 10px; text-align: center; }
		div#team div.calendar table td { width: auto; padding: 20px 10px; border-bottom: 2px solid #d0d2d3; vertical-align: middle; color: #ffffff; text-align: center; margin: 0; }
		div#team div.calendar table th:first-child,
		div#team div.calendar table td:first-child { padding-left: 30px; white-space: nowrap; }
		div#team div.calendar table th:last-child,
		div#team div.calendar table td:last-child { padding-right: 30px; }

@media all and ( max-width: 1199px )
{
	div#team div.calendar { padding: 50px 0; }
		div#team div.calendar h1 { text-align: center; }
		div#team div.calendar div.responsive { overflow: auto; }
		div#team div.calendar table { min-width: 800px; }
}