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

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

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

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

div#stores div.general { display: block; position: relative; width: 100%; padding: 275px 0 425px 0; margin: 0 auto; font-size: 0; text-align: left; background: transparent url(../images/bg_stores.jpg) no-repeat center center fixed; background-size: cover; }
	div#stores div.general h1 { color: #ffffff; font-size: 100px; line-height: 150px; }
	div#stores div.general h2 { color: #eb2227; font-size: 60px; line-height: 75px; margin: 0 0 100px 0; }
	div#stores div.general a { display: inline-block; position: relative; margin: 0 20px 0 0; }

@media all and ( max-width: 1199px )
{
	div#stores div.general { padding: 150px 0; }
		div#stores div.general h1 { font-size: 35px; line-height: 45px; }
		div#stores div.general h2 { font-size: 28px; line-height: 35px; margin: 0 0 35px 0; }
		div#stores div.general a { margin: 2px; }
}

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

div#stores div.block { position: relative; width: 100%; padding: 50px 0; margin: 0 auto; font-size: 0; text-align: left; }
div#stores div.block[data-status="true"] { display: block; }
div#stores div.block[data-status="false"] { display: none; }

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

	div#stores div.block div.photos { display: inline-block; position: relative; width: 450px; height: 265px; vertical-align: top; margin: 70px 0 0 100px; }
		div#stores div.block div.photos div.content { display: block; position: relative; width: 100%; height: 250px; overflow: hidden; z-index: 1; }
			div#stores div.block div.photos div.content span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
			div#stores div.block div.photos div.content span[data-small-gallery-status="false"] { opacity: 0; z-index: 1; }
			div#stores div.block div.photos div.content span[data-small-gallery-status="true"] { opacity: 1; z-index: 2; }

		div#stores div.block div.photos div.controls { display: block; position: absolute; bottom: 0; left: 0; width: auto; height: 32px; margin: 0 10px; font-size: 0; text-align: left; z-index: 2; }
			div#stores div.block div.photos div.controls div.arrow { display: inline-block; position: relative; width: 32px; height: 32px; background: transparent url(../images/photos_arrows.png) no-repeat; cursor: pointer; margin: 0 2px; vertical-align: top; }
			div#stores div.block div.photos div.controls div.arrow.prev { background-position-x: 0; }
			div#stores div.block div.photos div.controls div.arrow.next { background-position-x: -32px; }
				div#stores div.block div.photos div.controls div.arrow span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: transparent url(../images/photos_arrows.png) no-repeat; background-position-y: -32px }
				div#stores div.block div.photos div.controls div.arrow.prev span { background-position-x: 0; }
				div#stores div.block div.photos div.controls div.arrow.next span { background-position-x: -32px; }
				div#stores div.block div.photos div.controls div.arrow:hover span { height: 100%; }

@media all and ( max-width: 1199px )
{
	div#stores div.block div.text { display: block; width: auto; margin: 0 10px; text-align: center; }

	div#stores div.block div.photos { display: block; width: 100%; margin: 35px 0 0 0; }
}