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

div#header div#banner
{
	display: none;
}
div#headerIndex div#banner
{
	display: block;
	position: relative;
	width: 100%;
	min-height: calc(100% - 125px);
	min-height: -webkit-calc(100% - 125px);
	min-height: -moz-calc(100% - 125px);
}
div#banner div.banner
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}
div#headerIndex div#banner span
{
	display: none;
}


/* ---------------------------------------------------------------------------------------------- */
/* pesquisa */

div#search_shortcut,
div#search_shortcut *
{
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;

	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
}

div#search_shortcut { display: block; position: relative; width: 100%; background-color: #3b2314; overflow: hidden; }
div#search_shortcut[data-status="opened"] { height: 80px; padding: 10px 0; }
div#search_shortcut[data-status="closed"] { height: 0; }
	div#search_shortcut div.container { display: block; position: relative; width: 1100px; height: 100%; margin: 0 auto; }
	div#search_shortcut h1 { display: block; position: relative; width: 100%; font-size: 24px; color: #ffffff; line-height: 35px; margin: 0 0 10px 0; }
	div#search_shortcut label { text-align: left; font-size: 0; }
	div#search_shortcut input[type="text"] { display: inline-block; position: relative; width: 760px; padding: 0 20px; background-color: #978c84; font-size: 16px; color: #ffffff; line-height: 30px; border: none; border-radius: 2px; }
	div#search_shortcut input[type="submit"] { display: inline-block; position: relative; width: 280px; padding: 0; margin: 0 0 0 20px; background-color: #ffffff; font-size: 16px; color: #3b2314; line-height: 30px; border: none; border-radius: 2px; cursor: pointer; }
	div#search_shortcut input[type="submit"]:hover { background-color: #978c84; color: #ffffff; }
	div#search_shortcut span.close { display: block; position: absolute; top: 0; right: 0; cursor: pointer; width: 10px; height: 10px; background: transparent url(../../../../src/img/header_close.png) no-repeat; }
	div#search_shortcut span.close:hover { background-position: 0 -10px; }


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

div#reserved_shortcut,
div#reserved_shortcut *
{
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;

	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
}

div#reserved_shortcut { display: block; position: relative; width: 100%; background-color: #3b2314; overflow: hidden; }
div#reserved_shortcut[data-status="opened"] { height: 150px; padding: 10px 0; }
div#reserved_shortcut[data-status="closed"] { height: 0; }
	div#reserved_shortcut div.container { display: block; position: relative; width: 1100px; height: 100%; margin: 0 auto; font-size: 0; }
		div#reserved_shortcut div.container div.left { display: inline-block; position: relative; width: 300px; height: 100%; margin: 0 0 0 200px; vertical-align: top; padding: 20px 0; }
		div#reserved_shortcut div.container div.rightSmall { display: inline-block; position: relative; width: 300px; height: 100%; margin: 0 0 0 200px; vertical-align: top; padding: 20px 0; }
		div#reserved_shortcut div.container div.right { display: inline-block; position: relative; width: 500px; height: 100%; margin: 0 0 0 100px; vertical-align: top; }
	div#reserved_shortcut h1 { display: block; position: relative; width: 100%; font-size: 24px; color: #ffffff; line-height: 35px; margin: 0 0 10px 0; }
	div#reserved_shortcut label.left { display: inline-block; position: relative; text-align: left; font-size: 0; width: 48%; vertical-align: top; }
	div#reserved_shortcut label.right { display: inline-block; position: relative; text-align: left; font-size: 0; width: 48%; margin: 0 0 0 4%; vertical-align: top; }
	div#reserved_shortcut input[type="text"],
	div#reserved_shortcut input[type="password"] { display: inline-block; position: relative; width: 90%; padding: 0 5%; background-color: #978c84; font-size: 16px; color: #ffffff; line-height: 30px; border: none; border-radius: 2px; }
	div#reserved_shortcut input[type="submit"] { display: inline-block; position: relative; width: auto; padding: 0 35px; margin: 20px 0 0 0; background-color: #ffffff; font-size: 16px; color: #3b2314; line-height: 30px; border: none; border-radius: 2px; cursor: pointer; }
	div#reserved_shortcut input[type="submit"]:hover { background-color: #978c84; color: #ffffff; }
	div#reserved_shortcut a { display: inline-block; position: relative; width: auto; padding: 0 35px; margin: 20px 0 0 0; background-color: #ffffff; font-size: 16px; color: #3b2314; line-height: 30px; border: none; border-radius: 2px; cursor: pointer; text-decoration: none; }
	div#reserved_shortcut a:hover { background-color: #978c84; color: #ffffff; }
	div#reserved_shortcut span.close { display: block; position: absolute; top: 0; right: 0; cursor: pointer; width: 10px; height: 10px; background: transparent url(../../../../src/img/header_close.png) no-repeat; }
	div#reserved_shortcut span.close:hover { background-position: 0 -10px; }


/* ---------------------------------------------------------------------------------------------- */
/* menu responsivo */

div.responsiveMenu
{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 115px;
	background-color: #f3f4f4;
	z-index: 500;
	overflow: hidden;
}

div.responsiveMenu div.container
{
	display: block;
	position: relative;
	width: 1100px;
	height: 115px;
	margin: 0 auto;
}

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

div#header div.headerContainer,
div#headerIndex div.headerContainer
{
	display: block;
	position: relative;
	width: 100%;
	height: 115px;
	margin: 0 auto;
}


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

a#logo
{
	display: block;
	position: absolute;
	top: 15px;
	left: 50%;
	margin: 0 0 0 -73px;
	width: 147px;
	height: 41px;
	background: transparent url(../../../../src/img/logos/logo.png) no-repeat center center;
	background-size: cover;
}


/* ---------------------------------------------------------------------------------------------- */
/* icones */

div#icons { display: block; position: absolute; top: 10px; right: 0; width: auto; font-size: 0; text-align: left; }
	div#icons span { display: inline-block; position: relative; height: 20px; cursor: pointer; background: transparent url(../../../../src/img/header_icons.png) no-repeat; }
	div#icons a.wishlist { display: inline-block; position: relative; height: 20px; cursor: pointer; background: transparent url(../../../../src/img/header_icons.png) no-repeat; width: 22px; background-position-x: -19px; margin: 0 0 0 20px; }
	div#icons a.wishlist:hover { background-position-y: -20px; }
	div#icons span[data-status="opened"],
	div#icons span:hover { background-position-y: -20px; }
	div#icons span.search { width: 19px; background-position-x: 0; }
	div#icons span.reserved { width: 16px; background-position-x: -41px; margin: 0 0 0 20px; }
	div#icons div.languages { display: inline-block; position: relative; top: auto; bottom: auto; left: auto; right: auto; width: auto; height: 20px; cursor: pointer; margin: 0 20px 0 0; vertical-align: top; }
		div#icons div.languages p,
		div#icons div.languages a { display: inline-block; position: relative; width: auto; line-height: 20px; font-size: 14px; text-decoration: none; color: #9A9997; }
		div#icons div.languages a:hover,
		div#icons div.languages a.selected { color: #000000; }


/* ---------------------------------------------------------------------------------------------- */
/* menu */

div#menu
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
div#menu a
{
	display: inline-block;
	position: relative;
	font-family: 'ArialRoundedMTBoldRegular', sans-serif;
	line-height: 35px;
	font-size: 16px;
	color: #3b2416;
	text-decoration: none;
	margin: 0 15px;
}
div#menu a:hover
{
	color: #9A9997;
}
div#menu a.selected
{
	font-family: 'ArialRoundedMTLight', sans-serif;
}


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