@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    font-family: "Times New Roman", Times, serif;
}
ol, ul {list-style: none;}
:focus {outline: none;}

img { -ms-interpolation-mode : bicubic; }

a, a:hover, a:visited
{
	text-decoration: none;
}

body {
	background-color: #b6dddf;
}

#wrapper {
    width: 800px;
	border: 1px solid #9e8850;
	overflow: hidden;
	position:relative;
	margin: 10px 0 0 10px;
}

.signature {
	width: 55px;
	height: 11px;
	position: relative;
	float: right;
	margin: 2px 12px 0 0;
	background: url(../img/shared/assi-smart.png) no-repeat;
}

.wrapper-pages
{
	position: absolute;
	overflow: hidden;
}

/*-------------------------------------------------------------------*/
/*------------------------- TOP CONTENT -----------------------------*/
/*-------------------------------------------------------------------*/
#topContent 
{
	width: 883px;
	height: 109px;
	float: left;
	position: absolute;
	left: 50%;
	margin: 8px 0 0 -442px;
	z-index: 2;
	background-image: url(../img/shared/menu-background2.png);
}

#logo
{
	width: 86px;
	height: 77px;
	float: left;
	position: relative;
	background-image: url(../img/shared/logo.png);
	margin: 15px 0 0 35px;
}

#social_icons {
	float: right;
	position: relative;
	margin: 16px 27px 0 0;
}

#social_icons .icon {
	width: 12px;
	height: 12px;
	float: left;
	position: relative;
	margin: 0 0 0 10px;
	cursor: pointer;
}

#barra_menu {
	width: 2px;
	height: 12px;
	float: left;
	position: relative;
	margin: 3px 11px 0 15px;
	background: url(../img/shared/barra.png) no-repeat;
}

#bt_blog {
	width: 33px;
	height: 10px;
	float: left;
	position: relative;
	margin: 4px 0 0 0;
	background: url(../img/shared/blog.png) no-repeat;
}

#menu 
{
   width: 660px;
   height: 25px;
   float: left;
   position: relative;
   margin: 22px 0 0 102px;
}

#menu li 
{
    float: left;
	height: 25px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/shared/menu2.png) no-repeat;
	cursor: pointer;
}

#menu #bt-home { width: 52px; background-position: 0px -25px; }
#menu #bt-home:hover, #menu #bt-home.activated { background-position: 0px 0px; }

#menu #bt-marca { width: 57px; background-position: -52px -25px; }
#menu #bt-marca:hover, #menu #bt-marca.activated { background-position: -52px 0px; }

#menu #bt-campanha { width: 86px; background-position: -109px -25px; }
#menu #bt-campanha:hover, #menu #bt-campanha.activated { background-position: -109px 0px; }

#menu #bt-colecao { width: 71px; background-position: -195px -25px; }
#menu #bt-colecao:hover, #menu #bt-colecao.activated { background-position: -195px 0px; }

#menu #bt-midia { width: 52px; background-position: -266px -25px; }
#menu #bt-midia:hover, #menu #bt-midia.activated { background-position: -266px 0px; }

#menu #bt-lojas { width: 52px; background-position: -318px -25px; }
#menu #bt-lojas:hover, #menu #bt-lojas.activated { background-position: -318px 0px; }

#menu #bt-flagship { width: 111px; background-position: -370px -25px; }
#menu #bt-flagship:hover, #menu #bt-flagship.activated { background-position: -370px 0px; }

#menu #bt-contato { width: 74px; background-position: -481px -25px; }
#menu #bt-contato:hover, #menu #bt-contato.activated { background-position: -481px 0px; }

#menu #bt-franquias { width: 78px; background-position: -555px -25px; }
#menu #bt-franquias:hover, #menu #bt-franquias.activated { background-position: -555px 0px; }

#menu #bt-lojavirtual { width: 102px; background-position: -638px -25px; }
#menu #bt-lojavirtual:hover, #menu #bt-lojavirtual.activated { background-position: -638px 0px; }

/*------ MENU CAMPANHA -------*/
#submenu-campanha
{
	width: 248px;
        height: 10px;
        left: 0;
	top: 0;
        position: absolute;
	margin: 80px 0 0 260px;
	display: none;
}

#submenu-campanha li 
{
    float: left;
	height: 12px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/shared/menu-campanha.png) no-repeat;
	cursor: pointer;
}

#submenu-campanha #bt-campanha-fotos { width: 41px; background-position: 0px 0px; }
#submenu-campanha #bt-campanha-fotos:hover, #submenu-campanha #bt-campanha-fotos.activated { background-position: 0px -12px; }

#submenu-campanha #bt-campanha-video { width: 51px; background-position: -41px 0px; }
#submenu-campanha #bt-campanha-video:hover, #submenu-campanha #bt-campanha-video.activated { background-position: -41px -12px; }

#submenu-campanha #bt-campanha-makingof { width: 72px; background-position: -92px 0px; }
#submenu-campanha #bt-campanha-makingof:hover, #submenu-campanha #bt-campanha-makingof.activated { background-position: -92px -12px; }

#submenu-campanha #bt-campanha-amirslama { width: 132px; background-position: -166px 0px; }
#submenu-campanha #bt-campanha-amirslama:hover, #submenu-campanha #bt-campanha-amirslama.activated { background-position: -166px -12px; }

/*------ MENU FLAGSHIP -------*/
#submenu-flagship
{
	width: 139px;
    height: 10px;
    left: 0;
	top: 0;
    position: absolute;
	/*margin: 80px 0 0 495px;*/
	margin: 80px 0 0 580px;
	display: none;
}

#submenu-flagship li 
{
    float: left;
	height: 10px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/shared/menu-flagship.png) no-repeat;
	cursor: pointer;
}

#submenu-flagship #bt-flagship-video { width: 46px; background-position: 0px 0px; }
#submenu-flagship #bt-flagship-video:hover, #submenu-flagship #bt-flagship-video.activated { background-position: 0px -10px; }

#submenu-flagship #bt-flagship-fotos { width: 47px; background-position: -46px 0px; }
#submenu-flagship #bt-flagship-fotos:hover, #submenu-flagship #bt-flagship-fotos.activated { background-position: -46px -10px; }

#submenu-flagship #bt-flagship-midia { width: 46px; background-position: -93px 0px; }
#submenu-flagship #bt-flagship-midia:hover, #submenu-flagship #bt-flagship-midia.activated { background-position: -93px -10px; }

/*------ MENU CAMPANHA -------*/
#submenu-contato
{
	width: 117px;
    height: 10px;
    left: 0;
	top: 0;
    position: absolute;
	/*margin: 80px 0 0 600px;*/
	margin: 80px 0 0 685px;
	display: none;
}

#submenu-contato li 
{
    float: left;
	height: 10px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/shared/menu-contato.png) no-repeat;
	cursor: pointer;
}

#submenu-contato #bt-contato-trabalhe { width: 117px; background-position: 0px 0px; }
#submenu-contato #bt-contato-trabalhe:hover, #submenu-contato #bt-contato-trabalhe.activated { background-position: 0px -10px; }

/* Lightbox */
#lightbox
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5000;
	top:0px;
	left:0px;
	display:none;
	background: #b2a06e;
}

#lightbox table {
	width: 100%;
	height: 100%;
}

#lightbox table .top_left {
	width: 34px;
	height: 43px;
	float: left;
	position: relative;
	background:url(../img/pages/campanha/ui/top_left.png) no-repeat;
}

#lightbox table .top_right {
	width: 34px;
	height: 43px;
	float: left;
	position: relative;
	background:url(../img/pages/campanha/ui/top_right.png) no-repeat;
}

#lightbox table .bottom_left {
	width: 34px;
	height: 43px;
	float: left;
	position: relative;
	background: url(../img/pages/campanha/ui/bottom_left.png) no-repeat;
}

#lightbox table .bottom_right {
	width: 34px;
	height: 43px;
	float: left;
	position: relative;
	background: url(../img/pages/campanha/ui/bottom_right.png) no-repeat;
}

/* Gallery */
.nav-gallery
{
	width: 200px;
	height: 23px;
	position: relative;
	float: left;
	left: 50%;
	margin-left: -101px;
	background-image:url(../img/shared/nav-background.png);
	background-repeat: no-repeat;
	padding: 10px 0 0 24px;
	z-index: 3;
}

.nav-gallery li
{
	float: left;
	height: 12px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/shared/nav-menu.png) no-repeat;
	cursor: pointer;
}

.nav-gallery .bt-prev { width: 75px; background-position: 0px 0px; }
.nav-gallery .bt-prev:hover, .nav-gallery .bt-prev.activated { background-position: 0px -12px; }

.nav-gallery .nav-divider { width: 13px; background-position: -75px 0px; }

.nav-gallery .bt-next { width: 61px; background-position: -88px 0px; }
.nav-gallery .bt-next:hover, .nav-gallery .bt-next.activated { background-position: -88px -12px; }

/* Thumbs */

.fotos-container
{
	height: 372px;
	position: absolute;	
	overflow: hidden;
	left: 0px;
	z-index: 3;
}

.fotos-container ul
{
	float: left;
}

.fotos-container ul li
{
	width: 294px;
	height: 186px;
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.fotos-container ul li .tb_over
{
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	left: 0;
}

.fotos-container ul li img {
	left: 0;
}

.fotos-container ul li .tb_over .stamp {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../img/shared/over-ampliar.png) no-repeat 50% 50%;
}

.fotos-container ul li .tb_over .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #FFF;
	opacity:0.3;
	filter:alpha(opacity=30);
	-moz-opacity:30;
}

#lightbox .gallery
{
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0;
	border: 1px solid #B2A06E;
}

#lightbox .gallery li
{
	float: left;
	position: relative;
	overflow: hidden;
}

#lightbox .controls
{
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
}

#lightbox .controls .button-left
{
	width: 28px;
	height: 27px;
	float: left;
	position: relative;
	background:url(../img/shared/bt-left.jpg);
	cursor: pointer;
}

#lightbox .controls .button-right
{
	width: 28px;
	height: 27px;
	float: left;
	position: relative;
	margin-left: 20px;
	background:url(../img/shared/bt-right.jpg);
	cursor: pointer;
}

#lightbox .controls .button-close
{
	width: 28px;
	height: 27px;
	float: left;
	position: relative;
	margin-left: 40px;
	background:url(../img/shared/bt-close.jpg);
	cursor: pointer;
}

/* Form */
input[type=submit]
{
	width: 56px;
	height: 18px;
	float: left;
	position: relative;
	background:url(../img/shared/bt-send.jpg) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/*-------------------------------------------------------------------*/
/*---------------------------- ASSETS -------------------------------*/
/*-------------------------------------------------------------------*/

.lg_cont {
	height: 63px;
	float: right;
	position: relative;
}

.lg_cont .bg_left {
	width: 38px;
	height: 63px;
	float: left;
	background: url(../img/pages/lojas/ui/bg_left.png) no-repeat;
}

.lg_cont .bg_right {
	width: 38px;
	height: 63px;
	float: left;
	background: url(../img/pages/lojas/ui/bg_right.png) no-repeat;
}

.lg_cont .bg_center {
	width: 25px;
	height: 63px;
	float: left;
	background: url(../img/pages/lojas/ui/bg_center.png) no-repeat;
}

.lg_cont .bg_pattern {
	height: 63px;
	float: left;
	background: url(../img/pages/lojas/ui/bg_pattern.png) repeat-x;
}

.lg_text {
	position: absolute;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #a38f5b;
	float: left;
	z-index: 1;
	left: 0;
	margin-top: 20px;
	text-transform: uppercase;
}

.zoomIn_icon {
	width: 76px;
	height: 19px;
	left: 0;
	position: absolute;
	display: none;
	z-index: 5000;
	background: url(../img/shared/over-ampliar.png) no-repeat;
}

.download_icon {
	width: 70px;
	height: 19px;
	left: 0;
	position: absolute;
	display: none;
	z-index: 5000;
	background: url(../img/shared/over-download.png) no-repeat;
}

.link_icon {
	width: 86px;
	height: 19px;
	left: 0;
	position: absolute;
	display: none;
	z-index: 5000;
	background: url(../img/shared/over-link.png) no-repeat;
}

/* Popups
***************************************************/
.image_popup {
	position: relative;
	background-color: #333;
}

.bt_close_pop {
	width: 27px;
	height: 27px;
	position: absolute;
	z-index: 2;
	left: 0;
	cursor: pointer;
	background: url(../img/shared/bt-close.jpg) no-repeat;
}
