/* ---------------------------------------------------------------------------------------------- */
/* borda */

div#header div.header-fluid span.top { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 15px; background-color: #2b2b2b; }


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

div#header div.block { display: block; position: relative; width: 100%; height: 140px; } /* bloco para manter o tamanho do menu fixo */
div#header div.header-fluid { display: block; position: fixed; width: 100%; height: 140px; background-size: 100% auto; z-index: 200; background-color: #ffffff; }
	div#header div.container { display: block; position: relative; width: 1100px; height: 140px; margin: 0 auto; }


/* ---------------------------------------------------------------------------------------------- */
/* logotipo */

div#header div.container a.logo { display: block; position: absolute; top: 25px; left: 50%; width: 233px; height: 46px; margin: 0 0 0 -117px; background: transparent url(../src/img/logo.png) no-repeat; z-index: 2; }


/* ---------------------------------------------------------------------------------------------- */
/* categorias */

div#header div.container div.categories { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; z-index: 2; }
	div#header div.container div.categories span.left { display: block; position: absolute; top: 10px; left: 0; width: 15px; height: 29px; cursor: pointer; background: transparent url(../src/img/categoriesDirection.png) no-repeat 0 0; }
    div#header div.container div.categories span.left:hover { background-position: 0 -29px; }
	div#header div.container div.categories span.right { display: block; position: absolute; top: 10px; right: 0; width: 15px; height: 29px; cursor: pointer; background: transparent url(../src/img/categoriesDirection.png) no-repeat -15px 0; }
    div#header div.container div.categories span.right:hover { background-position: -15px -29px; }
	div#header div.container div.categories div.center { display: block; position: absolute; top: 0; left: 25px; width: 1050px; height: 50px; overflow: hidden; }
		div#header div.container div.categories div.center a { display: block; float: left; line-height: 50px; font-family: 'HelveticaCondensedMedium', sans-serif; font-size: 16px; text-decoration: none; padding: 0 20px; text-transform: uppercase; }
		div#header div.container div.categories div.center a:hover { color: #BCBDBF; }


/* ---------------------------------------------------------------------------------------------- */
/* acessos */

div#header div.container div.block { display: block; position: absolute; bottom: 70px; right: 0; width: 350px; height: 25px; text-align: right; z-index: 2; }
	div#header div.container div.block a.shoppingCart { display: inline-block; position: relative; width: 31px; height: 25px; background: transparent url(../src/img/shoppingCartButton.png) no-repeat 0 0; margin: 0 0 0 15px; }
	div#header div.container div.block a.shoppingCart:hover { background-position: 0 -25px; }
	div#header div.container div.block a.login { display: inline-block; position: relative; width: 21px; height: 25px; background: transparent url(../src/img/loginButton.png) no-repeat 0 0; margin: 0 0 0 30px; }
	div#header div.container div.block a.login:hover { background-position: 0 -25px; }
	div#header div.container div.block form.search { display: inline-block; position: relative; width: 210px; height: 25px; margin: 0 0 0 15px; }
		div#header div.container div.block form.search input.text { display: block; position: relative; float: left; width: 170px; line-height: 23px; height: 23px; font-size: 12px; border: 1px solid #babcbe; color: #babcbe; padding: 0; }
		div#header div.container div.block form.search input.submit { display: block; position: relative; float: right; width: 27px; height: 25px; background: transparent url(../src/img/searchSubmitButton.png) no-repeat 0 0; border: none; cursor: pointer; }
		div#header div.container div.block form.search input.submit:hover {  background-position: 0 -25px; }


/* ---------------------------------------------------------------------------------------------- */
/* com login */

div#header div.container a.logout { display: block; position: absolute; top: 19px; right: 150px; line-height: 25px; font-size: 16px; color: #babcbe; text-decoration: none; padding: 0; z-index: 2; }
div#header div.container a.logout:hover { color: #fac819; }
div#header div.container a.costumerArea { display: block; position: absolute; top: 19px; right: 0; line-height: 25px; font-size: 16px; color: #babcbe; text-decoration: none; padding: 0; z-index: 2; }
div#header div.container a.costumerArea:hover { color: #fac819; }


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