/* ------------------------------------------------------------------------------------------------------------------ */
/* empresa */

@media all and ( max-width: 599px )
{
	div#company { display: block; position: relative; width: 100%; padding: 25px 0 150px 0; background-color: #a29061; }
		div#company h1 { display: block; position: relative; font-weight: bold; width: 90%; font-size: 32px; color: #ffffff; text-align: center; margin: 75px auto 0 auto; }
		div#company p { display: block; position: relative; font-size: 13px; width: 90%; line-height: 20px; color: #ffffff; text-align: center; margin: 25px auto 0 auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#company { display: block; position: relative; width: 100%; padding: 25px 0 150px 0; background-color: #a29061; }
		div#company h1 { display: block; position: relative; font-weight: bold; width: 90%; font-size: 32px; color: #ffffff; text-align: center; margin: 75px auto 0 auto; }
		div#company p { display: block; position: relative; font-size: 13px; width: 90%; line-height: 20px; color: #ffffff; text-align: center; margin: 25px auto 0 auto; }
}
@media all and ( min-width: 1100px )
{
	div#company { display: block; position: relative; width: 100%; padding: 25px 0 150px 0; background-color: #a29061; }
		div#company h1 { display: block; position: relative; font-weight: bold; width: 1000px; font-size: 42px; color: #ffffff; text-align: center; margin: 75px auto 0 auto; }
		div#company p { display: block; position: relative; font-size: 18px; width: 1000px; line-height: 25px; color: #ffffff; text-align: center; margin: 25px auto 0 auto; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* marcacoes */

@media all and ( max-width: 599px )
{
	div#marking { display: block; position: relative; width: 100%; padding: 0 0 150px 0; min-height: 200px; background-color: #f4f5f5; text-align: center; }
		div#marking span { display: block; position: absolute; top: -53px; left: 50%; width: 106px; height: 106px; margin: 0 0 0 -53px; background: transparent url(../../../../src/img/iconMarkingIndex.png) no-repeat; background-size: contain; }
		div#marking a { display: inline-block; position: relative; margin: 60px 0 0 0; font-size: 18px; line-height: 30px; text-decoration: none; }
		div#marking a:hover { text-decoration: underline; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#marking { display: block; position: relative; width: 100%; padding: 0 0 150px 0; min-height: 200px; background-color: #f4f5f5; text-align: center; }
		div#marking span { display: block; position: absolute; top: -53px; left: 50%; width: 106px; height: 106px; margin: 0 0 0 -53px; background: transparent url(../../../../src/img/iconMarkingIndex.png) no-repeat; background-size: contain; }
		div#marking a { display: inline-block; position: relative; margin: 60px 0 0 0; font-size: 18px; line-height: 30px; text-decoration: none; }
		div#marking a:hover { text-decoration: underline; }
}
@media all and ( min-width: 1100px )
{
	div#marking { display: block; position: relative; width: 100%; padding: 0 0 150px 0; min-height: 200px; background-color: #f4f5f5; text-align: center; }
		div#marking span { display: block; position: absolute; top: -106px; left: 50%; width: 212px; height: 213px; margin: 0 0 0 -106px; background: transparent url(../../../../src/img/iconMarkingIndex.png) no-repeat; }
		div#marking a { display: inline-block; position: relative; margin: 115px 0 0 0; font-size: 21px; line-height: 35px; text-decoration: none; }
		div#marking a:hover { text-decoration: underline; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* clinica */

div#clinic { display: block; position: relative; width: 100%; padding: 0; min-height: 300px; background-color: #17a5b5; text-align: center; }
	div#clinic h1 { display: block; position: relative; top: -100px; margin: 0 auto; font-size: 42px; }
	div#clinic span { display: inline-block; position: relative; width: 132px; height: 132px; margin: 0; top: -85px; background: transparent url(../../../../src/img/iconClinicIndex.png) no-repeat; }
	div#clinic span._1 { background-position: 0 0; }
	div#clinic span._1:hover { background-position: 0 -132px; }
	div#clinic span._2 { background-position: -132px 0; }
	div#clinic span._2:hover { background-position: -132px -132px; }
	div#clinic span._3 { background-position: -264px 0; }
	div#clinic span._3:hover { background-position: -264px -132px; }
	div#clinic span._4 { background-position: -396px 0; }
	div#clinic span._4:hover { background-position: -396px -132px; }
	div#clinic span._5 { background-position: -528px 0; }
	div#clinic span._5:hover { background-position: -528px -132px; }
	div#clinic span._6 { background-position: -660px 0; }
	div#clinic span._6:hover { background-position: -660px -132px; }
	div#clinic span._7 { background-position: -792px 0; }
	div#clinic span._7:hover { background-position: -792px -132px; }
	div#clinic span._8 { background-position: -924px 0; }
	div#clinic span._8:hover { background-position: -924px -132px; }
	div#clinic span._9 { background-position: -1056px 0; }
	div#clinic span._9:hover { background-position: -1056px -132px; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* servicos */

div#services { display: block; position: relative; width: 100%; padding: 100px 0; background-color: #f4f5f5; text-align: center; }
	div#services h1 { display: block; position: relative; margin: 0 auto; font-size: 42px; }
	div#services div { display: inline-block; position: relative; width: 131px; margin: 35px 10px 0 10px; vertical-align: top; }
		div#services div p { display: block; position: relative; margin: 5px 0 0 0; font-size: 14px; }
		div#services div span { display: block; position: relative; width: 131px; height: 131px; background: transparent url(../../../../src/img/iconServicesIndex.png) no-repeat; }
		div#services div span._1 { background-position: 0 0; }
		div#services div span._2 { background-position: -131px 0; }
		div#services div span._3 { background-position: -262px 0; }
		div#services div span._4 { background-position: -393px 0; }
		div#services div span._5 { background-position: -524px 0; }
		div#services div span._6 { background-position: -655px 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* noticias */

@media all and ( max-width: 599px )
{
	div#news { display: block; position: relative; width: 100%; padding: 100px 0; text-align: center; }
		div#news h1 { display: block; position: relative; margin: 0 auto 25px auto; font-size: 32px; }
		div#news a { display: block; position: relative; margin: 0 auto; width: 90%; font-size: 14px; height: 35px; line-height: 35px; text-decoration: none; border-bottom: 1px solid #455560; overflow: hidden; }
		div#news a:hover { text-decoration: underline; }
		div#news a:nth-child(2) { margin: 25px auto 0 auto; }
		div#news a:last-child { border: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#news { display: block; position: relative; width: 100%; padding: 100px 0; text-align: center; }
		div#news h1 { display: block; position: relative; margin: 0 auto 25px auto; font-size: 32px; }
		div#news a { display: block; position: relative; margin: 0 auto; width: 90%; font-size: 14px; height: 35px; line-height: 35px; text-decoration: none; border-bottom: 1px solid #455560; overflow: hidden; }
		div#news a:hover { text-decoration: underline; }
		div#news a:nth-child(2) { margin: 25px auto 0 auto; }
		div#news a:last-child { border: none; }
}
@media all and ( min-width: 1100px )
{
	div#news { display: block; position: relative; width: 100%; padding: 100px 0; text-align: center; }
		div#news h1 { display: block; position: relative; margin: 0 auto; font-size: 42px; }
		div#news a { display: block; position: relative; margin: 0 auto; width: 800px; font-size: 16px; height: 45px; line-height: 45px; text-decoration: none; border-bottom: 1px solid #455560; overflow: hidden; }
		div#news a:hover { text-decoration: underline; }
		div#news a:nth-child(2) { margin: 25px auto 0 auto; }
		div#news a:last-child { border: none; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* parcerias */

@media all and ( max-width: 599px )
{
	div#representations { display: block; position: relative; width: 100%; height: 600px; padding: 100px 0 0 0; background-color: #f4f5f5; text-align: center; z-index: 3; }
		div#representations h1 { display: block; position: relative; margin: 0 auto; font-size: 32px; }
		div#representations div { display: inline-block; position: relative; margin: 50px 25px 0 25px; width: 200px; height: 150px; border: 3px solid #455560; background-color: #ffffff; overflow: hidden; }
			div#representations div img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#representations { display: block; position: relative; width: 100%; height: 600px; padding: 100px 0 0 0; background-color: #f4f5f5; text-align: center; z-index: 3; }
		div#representations h1 { display: block; position: relative; margin: 0 auto; font-size: 32px; }
		div#representations div { display: inline-block; position: relative; margin: 50px 25px 0 25px; width: 200px; height: 150px; border: 3px solid #455560; background-color: #ffffff; overflow: hidden; }
			div#representations div img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
}
@media all and ( min-width: 1100px )
{
	div#representations { display: block; position: relative; width: 100%; height: 200px; padding: 100px 0 0 0; background-color: #f4f5f5; text-align: center; z-index: 3; }
		div#representations h1 { display: block; position: relative; margin: 0 auto; font-size: 42px; }
		div#representations div { display: inline-block; position: relative; margin: 50px 25px 0 25px; width: 200px; height: 150px; border: 3px solid #455560; background-color: #ffffff; overflow: hidden; }
			div#representations div img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* contactos */

@media all and ( max-width: 599px )
{
	div#contacts { display: block; position: relative; width: 100%; margin: 0 auto; overflow: hidden; background-color: #17a5b5; padding: 100px 0 150px 0; z-index: 2; }
		div#contacts h1 { display: block; position: relative; margin: 0 auto 100px auto; font-size: 32px; color: #ffffff; text-align: center; }
		div#contacts h2 { display: block; position: relative; width: 100%; text-align: center; font-weight: bold; font-size: 22px; line-height: 50px; }
		div#contacts p { display: block; position: relative; width: 100%; text-align: center; font-size: 14px; line-height: 20px; margin: 25px 0; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#contacts { display: block; position: relative; width: 100%; margin: 0 auto; overflow: hidden; background-color: #17a5b5; padding: 100px 0 150px 0; z-index: 2; }
		div#contacts h1 { display: block; position: relative; margin: 0 auto 100px auto; font-size: 32px; color: #ffffff; text-align: center; }
		div#contacts h2 { display: block; position: relative; width: 100%; text-align: center; font-weight: bold; font-size: 22px; line-height: 50px; }
		div#contacts p { display: block; position: relative; width: 100%; text-align: center; font-size: 14px; line-height: 20px; margin: 25px 0; }
}
@media all and ( min-width: 1100px )
{
	div#contacts { display: block; position: relative; width: 100%; margin: 0 auto; overflow: hidden; background-color: #17a5b5; padding: 100px 0 300px 0; z-index: 2; }
		div#contacts h1 { display: block; position: relative; margin: 0 auto 100px auto; font-size: 42px; color: #ffffff; text-align: center; }
		div#contacts h2 { display: block; position: relative; width: 100%; text-align: center; font-weight: bold; font-size: 32px; line-height: 50px; }
		div#contacts p { display: block; position: relative; width: 100%; text-align: center; font-size: 16px; line-height: 25px; margin: 25px 0; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

@media all and ( max-width: 599px )
{
	div#cmapContainer { display: block; position: relative; width: 100%; height: 300px; background-color: #ffffff; }
		div#cmapContainer div#cmap { display: block; position: relative; top: -125px; width: 90%; background-color: #ffffff; border: 5px solid #455560; height: 350px; margin: 0 auto; overflow: hidden; z-index: 3; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#cmapContainer { display: block; position: relative; width: 100%; height: 300px; background-color: #ffffff; }
		div#cmapContainer div#cmap { display: block; position: relative; top: -125px; width: 90%; background-color: #ffffff; border: 5px solid #455560; height: 350px; margin: 0 auto; overflow: hidden; z-index: 3; }
}
@media all and ( min-width: 1100px )
{
	div#cmapContainer { display: block; position: relative; width: 100%; height: 350px; background-color: #ffffff; }
		div#cmapContainer div#cmap { display: block; position: relative; top: -250px; width: 1000px; background-color: #ffffff; border: 5px solid #455560; height: 550px; margin: 0 auto; overflow: hidden; z-index: 3; }
}


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