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

div#index { display: block; position: relative; width: 1200px; height: auto; margin: 0 auto; padding: 50px 0 50px 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* slides */

div.slide { display: block; position: relative; width: 950px; height: 712px; padding: 0; overflow: hidden; float: left; }
	div.slide div.banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div.slide div.banner[data-actual="true"] { left: 0; opacity: 1; z-index: 2; }
	div.slide div.banner[data-actual="false"] { left: -100%; opacity: 0; z-index: 1; }
		div.slide div.banner h3 { display: block; position: absolute; top: 300px; left: 100px; width: 500px; font-size: 30px; line-height: 50px; color: #db7f05; text-align: right; }
			div.slide div.banner h3 span { display: block; position: relative; width: 100%; font-size: 35px; line-height: 50px; color: #db7f05; font-weight: bold; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* coluna direita */

div.col_right { display: block; position: relative; width: 200px; float: right; }
	div.col_right div.novelty { display: block; position: relative; border: 3px solid #db7f05; }
		div.col_right div.novelty h1 { display: block; position: relative; width: 100%; margin: 15px auto 0 auto; font-size: 18px; line-height: 25px; text-align: center; color: #db7f05; }
		div.col_right div.novelty h2 { display: block; position: relative; width: 100%; margin: 15px auto 0 auto; font-size: 14px; line-height: 20px; text-align: center; color: #6e6e6e; }
		div.col_right div.novelty span { display: block; position: relative; width: 170px; margin: 15px auto 15px auto; height: 200px; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* categories */

div#category { display: block; position: relative; width: 100%; padding: 0 0 25px 0; text-align: center; }
	div#category a.cat { display: block; position: relative; width: 100%; height: 400px; }
		div#category a.cat span.photoLeft { display: block; position: relative; width: 55%; height: 400px; float: left; }
		div#category a.cat span.photoRight { display: block; position: relative; width: 55%; height: 400px; float: right; }
		div#category a.cat div { display: block; position: relative; width: 40%; height: 200px; padding: 50px 0; margin: 50px 0 0 0; background-color: #f6f5f1; }
			div#category a.cat div h1 { display: block; position: relative; width: 90%; margin: 0 auto; font-family: 'Light', sans-serif; font-size: 2.5em; height: 2.5em; line-height: 2.5em; overflow: hidden; }
			div#category a.cat div p { display: inline-block; position: relative; margin: 50px 5% 0 5%; text-decoration: none; padding: 10px 55px; font-family: 'Roman', sans-serif; }

		div#category a.cat div.textRightPink { float: left; text-align: left; }
		div#category a.cat div.textRightPink { transition-property: all; transition-duration: 400ms; }
		div#category a.cat div.textRightPink:hover { background-color: #eb008b; }
			div#category a.cat div.textRightPink h1 { color: #eb008b; }
			div#category a.cat div.textRightPink h1 { transition-property: all; transition-duration: 400ms; }
			div#category a.cat div.textRightPink:hover h1 { color: #ffffff; }
			div#category a.cat div.textRightPink p { border: 1px solid #eb008b; color: #eb008b; }
			div#category a.cat div.textRightPink p { transition-property: all; transition-duration: 400ms; }
			div#category a.cat div.textRightPink:hover p { border: 1px solid #ffffff; color: #ffffff; }

		div#category a.cat div.textLeftBlue { float: right; text-align: right; }
		div#category a.cat div.textLeftBlue { transition-property: all; transition-duration: 400ms; }
		div#category a.cat div.textLeftBlue:hover { background-color: #1b75bb; }
			div#category a.cat div.textLeftBlue h1 { color: #1b75bb; }
			div#category a.cat div.textLeftBlue h1 { transition-property: all; transition-duration: 400ms; }
			div#category a.cat div.textLeftBlue:hover h1 { color: #ffffff; }
			div#category a.cat div.textLeftBlue p { border: 1px solid #1b75bb; color: #1b75bb; }
			div#category a.cat div.textLeftBlue p { transition-property: all; transition-duration: 400ms; }
			div#category a.cat div.textLeftBlue:hover p { border: 1px solid #ffffff; color: #ffffff; }

		div#category a.cat div.textRightGreen { float: left; text-align: left; }
		div#category a.cat div.textRightGreen { transition-property: all; transition-duration: 400ms; }
		div#category a.cat div.textRightGreen:hover { background-color: #37b34a; }
			div#category a.cat div.textRightGreen h1 { color: #37b34a; }
			div#category a.cat div.textRightGreen h1 { transition-property: all; transition-duration: 400ms; }
			div#category a.cat div.textRightGreen:hover h1 { color: #ffffff; }
			div#category a.cat div.textRightGreen p { border: 1px solid #37b34a; color: #37b34a; }
			div#category a.cat div.textRightGreen p { transition-property: all; transition-duration: 400ms; }
			div#category a.cat div.textRightGreen:hover p { border: 1px solid #ffffff; color: #ffffff; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* banner fundo */

div#bannerBottom { display: block; position: relative; width: 100%; height: 350px; background: transparent url(../src/img/bannerBottom.jpg) no-repeat center center; background-size: cover; }
	div#bannerBottom h1 { display: block; position: absolute; width: 1200px; height: 350px; top: 50%; left: 50%; margin: -50px 0 0 -600px; text-align: center; font-size: 2.5em; line-height: 50px; color: #ffffff; text-shadow: 0 0 10px #000000; }
	div#bannerBottom h2 { display: block; position: absolute; width: 1200px; height: 350px; top: 50%; left: 50%; margin: 50px 0 0 -600px; text-align: center; font-size: 1.5em; line-height: 50px; color: #ffffff; text-shadow: 0 0 5px #000000; }


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

div#contacts { display: block; position: relative; width: 100%; margin: 50px 0 0 0; padding: 50px 0 150px 0; background-color: #f18700; text-align: center; }
	div#contacts h1 { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center; font-size: 2.5em; line-height: 50px; color: #ffffff; font-family: 'Light', sans-serif; }
	div#contacts p { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center; font-size: 1em; line-height: 25px; color: #ffffff; font-family: 'Light', sans-serif; }
	div#contacts a { display: inline-block; position: relative; margin: 50px 0 0 0; text-decoration: none; border: 1px solid #ffffff; color: #ffffff; padding: 10px 55px; font-family: 'Roman', sans-serif; }
	div#contacts a { transition-property: all; transition-duration: 300ms; }
	div#contacts a:hover { color: #f18700; background-color: #ffffff; }