/******************************************************************************

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 00/00/2009
AUTOR: Marcelo Casinha (marcelo@gadbrivia.com.br)
VERSÃO: 003
ATUALIZAÇÕES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVAÇÕES: 

******************************************************************************/

/*****************
******************
	  BASICO
******************
******************/

@import url("_basico.css");


/*** CHECKBOX / RADIOBUTTON ***/

/* classe 'input' */
.radio-check{
	border:none !important;
	padding:0 !important;
	margin:0 4px 0 0 !important;
	height:22px !important; /* setar a mesma altura definida para os campos de texto */
	float:left !important;
	width:12px !important;
}

/* classe 'label' */
.lb-radio-check{
	float:left !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	line-height:20px !important; /* setar a mesma altura padrão dos campos de texto */
}


/*****************
******************
	TEMPLATE
******************
******************/

body{
	background:url(../img/bg-body.jpg) repeat left top;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#pagina{
	width:985px;
	margin:0 auto;
	position:relative;
	min-height:100%;
}
#topo{ 
	width:100%;
	height:65px; 
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#conteudo{ 
	width:985px;
	/*margin:0 0 65px 0;*/
	margin:0;
	position:relative;
	top:65px;
	height:100%;
}
#rodape{ 
	width:100%;/*width:985px;*/
	height:80px;
	clear:both;
	text-align:center;
	background:#ECB82F;
}

/*************************
		INTERNAS
*************************/
html#interna{ height:100%;  }
#geral{
	width:100%;
	background:url(../img/bg-geral.gif) repeat-x left top;
}

html#interna #pagina{
	background:url(../img/bg-pagina-interna.png) no-repeat center 20px;
	overflow:hidden;
}
html#interna #conteudo{ padding-top:663px; overflow:hidden; margin-bottom:-200px; *margin-bottom:0; _margin-bottom:0; }
html#interna body#cadastro #conteudo{ height:1800px; }
html#interna body#cadastro #conteudo{ _height:1600px; *height:1600px; }
html#interna #principal{ 
	width:907px; 
	position:relative;
	top:-663px;
	margin-bottom:-663px;
}
html#interna #principal #flash-interna{
	width:325px;
	height:265px;
	position:absolute;
	top:10px;
	right:13px;
}

html#interna .bg{
	background:url(../img/bg.png) repeat-y;
	width:907px;
	margin:0 auto;
	position:relative;
	left:-1px;
	*left:0;
	_height:1000px;
	*height:1000px;
}
html#interna #rodape{
	margin:0 auto;
	height:120px;
	width:940px; /*942px*/
	margin-top:-120px;
	clear:both;
	overflow:hidden;
	position:relative;
	background: url(../img/bg-rodape.png) no-repeat 5px bottom;
	padding-left:3px;
	padding-top:0;
	left:-1px;
	*left:0;
	z-index:10;
}
#rodape .rodape-centro{
	width:890px;
	margin:0 auto;
	background:#ECB82F;
	height:63px;
}
#rodape{ padding-top:13px; }
#rodape .rodape-centro .tt-docile-rodape{ margin:13px 0 auto 28px; float:left; display:inline; }
#rodape .rodape-centro span.linha{
	background:url(../img/bg-linha-rodape.gif) repeat-x;
	display:block;
	width:840px;
	height:2px;
	margin:0 auto;
}
#rodape .menu-rodape{
	width:220px;
	height:auto;
	float:right;
	display:inline;
	margin:13px 14px 10px 0;
}
#rodape .menu-rodape ul li{ float:left; }
#rodape a{ text-decoration:none; font-size:11px; }
#rodape a.gadbrivia{ color:#D2AB3E; clear:both; display:block; float:right; display:inline; margin-right:28px; }
#rodape .menu-rodape a{ 
	background:url(../img/bg-lk-rodape.gif) no-repeat scroll -1px 7px; 
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	float:left;
	padding:0 11px;
}
#rodape .menu-rodape a.representante{ background:none; }
#rodape .menu-rodape a:hover{ text-decoration:underline; } 


/*****************
******************
	PROJETO
******************
******************/

/*** títulos ***/
.tt-docile-rodape{ background:url(../img/tt-docile-rodape.jpg) no-repeat; width:67px; height:28px; display:block; }
.tt-cadastro{ background-image:url(../img/tt-cadastro.gif); width:170px; height:66px; display:block; }
.tt-produto{ background:url(../img/tt-produto.gif) no-repeat; width:175px; height:55px; }


/*** LOGO ***/
#logo{
	width:221px;
	height:110px;
	position:absolute;
	left:0px; top:18px;
	z-index:10;
}
#logo a{
	background:url(../img/docile.png) no-repeat;
	height:110px;
}


/*************************
	TOPO
************************/

/*** MENU GLOBAL ***/
#menu-global{
	position:absolute;
	left:265px;
	top:4px;
	background:url(../img/bl-menu-global.gif) no-repeat right center;
	padding-right:7px;
}
#menu-global li.li-pai{
	float:left;
	background:url(../img/bl-menu-global.gif) no-repeat left center;
	padding-left:7px;
	/*border-right:1px solid #000;*/
}
#menu-global a.a-pai{
	margin:0;
	float:left;
	display:block;
	height:46px;
}
#menu-global .li-pai.ultimo{ border:none; }

/** ativo **/
#menu-global .li-pai.ativo a{ color:#FF0000;  }
#menu-global a.a-pai:hover{ background-position:0 bottom;}

.lk-institucional{ background:url(../img/lk-institucional.jpg) no-repeat; width:114px; }
.lk-produtos{ background:url(../img/lk-produtos.jpg) no-repeat;  width:92px; }
.lk-novidades{ background:url(../img/lk-novidades.jpg) no-repeat; width:102px; }
.lk-sustentabilidade{ background:url(../img/lk-sustentabilidade.jpg) no-repeat; width:147px; }

/****************** SUB MENU GLOBAL ********************/
#menu-global .li-pai{ position:relative; }
.box-sub-menu{
	position:absolute;
	top:46px;
	left:7px;
}
.box-sub-menu .sub-menu{
	background:#E33335 url(../img/bg-ul-sub-menu.jpg) repeat-x;
	clear:both;
}
.box-sub-menu .sub-menu li{
	display:block;
	float:none;
	padding:0 20px 0 12px;
	line-height:25px;
	height:25px;
}
.box-sub-menu .sub-menu li a{
	background:url(../img/bl-a-sub-menu.gif) no-repeat left center;
	padding:0 11px;
	display:block;
	white-space:nowrap;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.box-sub-menu .sub-menu li a:hover{ text-decoration:underline; }

.bottom-sub-menu{
	height:11px;
	display:block;
	padding-left:10px;
	position:relative;
}
.bottom-sub-menu .canto-esquerdo{
	background:url(../img/bg-canto-esquerdo.png) no-repeat;
	display:block;
	width:10px;
	height:11px;
	position:absolute;
	left:0;
	top:0;
}
.bottom-sub-menu .canto-direito{
	background:url(../img/bg-canto-direito.png) no-repeat right top;
	height:11px;
	display:block;
}




/**** menu aux ****/
#menu-aux{ 
	position:absolute;
	right:21px;
	top:0;
}

/**** menu idioma ****/
#menu-idioma{
	clear:both;
	overflow:hidden;
	background:url(../img/bg-menu-idioma.jpg) no-repeat;
	width:92px;
	height:13px;
	margin-top:4px;
	float:right;
}
#menu-idioma li{ float:left;}
#menu-idioma li a{
	font:11px  Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	padding:0 9px;
	text-decoration:none;
}
#menu-secundario{
	clear:both;
	overflow:hidden;
	float:right;
	margin-top:6px;
}
#menu-secundario li{ float:left; background:url(../img/bg-li-menu-sucundario.gif) no-repeat 0 center; }
#menu-secundario li.primeira{ background:none; }
#menu-secundario li a{
	font:11px  Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	padding:0 3px 0 11px;
	text-decoration:none;
}
#menu-idioma li a:hover,
#menu-secundario li a:hover{ text-decoration:underline; }



/*************************
	HOME
************************/
#home .bg-home{
	background:url(../img/bg-home.jpg) repeat-x 0 474px;
}
#home #topo{
	background:url(../img/bg-topo-home.png) no-repeat 105px 24px;
	height:70px;
}
#home #conteudo{
	top:0;
	background:url(../img/bg-conteudo-home.jpg) no-repeat 0 1px;
	height:259px;
	margin-bottom:0;
}
#home #principal{
	/*width:680px;*/
	float:left;
	padding-top:1px;
}
#home #rodape{
	padding-top:0;
	padding-bottom:8px;
}
#home #rodape .rodape-centro{ width:985px; }
#home #rodape .rodape-centro span.linha{ width:926px; margin:0; }
#home #rodape .menu-rodape{ float:right; margin-right:50px; }
#home #rodape a.gadbrivia{ margin-right:63px; }

#home #secundario{
	width:280px;
	float:right;
	padding:10px;
	background:#66FFFF;
}
#flash-home{
	width:975px;
	height:472px;
	padding-top:42px;
}


/*** box listas ***/
#home .box-lista{
	width:224px;
	height:259px;
	float:left;
}
#home .box-lista.primeiro{
	width:234px;
	margin-left:48px;
}

#home .tt-lista{ height:88px; }
#home .tt-onde-encontrar{ background:url(../img/tt-onde-encontrar.jpg) no-repeat; width:148px; }
#home .tt-imprensa{ background:url(../img/tt-imprensa.jpg) no-repeat; width:160px; }
#home .tt-voce-docile{ background:url(../img/tt-voce-docile.jpg) no-repeat; width:132px; margin-left:-6px;  }
#home .tt-entre-contato{ background:url(../img/tt-entre-contato.jpg) no-repeat; width:169px; margin-top:-2px; margin-left:-1px; }

#home .box-lista .lista-home li{
	background:url(../img/bl-lista-home.png) no-repeat left top;
	padding:8px 40px 10px 26px;
	overflow:hidden;
}
#home .box-lista .lista-home li a{
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:120%;
	text-decoration:none;
}
#home .box-lista .lista-home li a:hover{ text-decoration:underline; }

/************************
		GERAL
*************************/
.tt-padrao{
	padding-top:38px;
	margin-left:144px;
	background-position:0 bottom;
}
.texto-padrao{
	font:ArialMT, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	line-height:140%;
	margin-bottom:26px;
}
.conteudo-principal{
	width:826px;
	float:left;
	margin-left:42px;
	margin-top:71px;
}


/****************
	CADASTRO
****************/
html#interna body.cadastro #principal .box-esquerda {
	margin-left:150px;
	top:205px;
	display:inline;
	_top:160px;
	*top:160px;
}
html#interna body.cadastro .tt-dados-basicos{
	margin-left:191px;
	position:relative;
	float:left;
	top:68px;
	display:inline;
	clear:both;
}
.mensagem-sucesso{
	background:url(../img/bg-mensagem-sucesso.gif) no-repeat;
	width:567px;
	height:76px;
	position:relative;
	margin-left:155px;
	top:180px;
	_top:135px;
	*top:135px;
}
.mensagem-sucesso strong{
	color:#333;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:76px;
	_margin-left:175px;
	*margin-left:175px;
}
.mensagem-erro{
	position:absolute;
	top:-5px;
	right:-181px;
	background:url(../img/bg-mensagem-erro-top.jpg) no-repeat;
	width:186px;
}
.mensagem-erro div{
	background:url(../img/bg-corpo-mensagem.gif) repeat-y;
	width:136px;
	margin-top:72px;
	padding:0 25px;
}
.mensagem-erro div p{
	padding-left:10px;
	font-size:10px;
	margin-top:15px;
	background:url(../img/bg-mensagem-erro-lista.gif) no-repeat 0 3px;
}
.mensagem-erro div strong{
	font-size:18px;
}
.mensagem-erro .bg-erro-bottom{
	background:url(../img/bg-erro-bottom.jpg) no-repeat;
	width:186px;
	height:40px;
	display:block;
}

/***************
	PRODUTO
***************/
.tt-produto-destaque{ background:url(../img/tt-produto-destaque.gif) no-repeat; width:202px; height:91px; }
.tt-rede-social{ background:url(../img/tt-rede-social.gif) no-repeat; width:142px; height:44px; }
.tt-material-apoio{ background:url(../img/tt-material-apoio.gif) no-repeat; width:194px; height:47px; }
.tt-site-relacionado{ background:url(../img/tt-site-relacionado.gif) no-repeat; width:186px; height:44px; }
.tt-mais-desejos{ background:url(../img/tt-mais-desejos.gif) no-repeat; width:154px; height:43px; }

.txt-produto{ background:url(../img/txt-produto.gif) no-repeat; width:402px; height:30px; }
html#interna body.produto-detalhe .txt-produto{ margin:10px 0 0 150px; }
html#interna body.produto-detalhe #principal .tt-produto-destaque{ margin:98px 0 0 48px; }
html#interna body.produto-detalhe #principal .bg-produto-destaque-top{
	background:url(../img/bg-produto-detalhe.gif) no-repeat;
	width:631px;
	height:210px;
	display:block;
	margin-left:27px;
}
html#interna body.produto-detalhe #principal .bg-produto-destaque-bottom{
	background:url(../img/bg-produto-detalhe-bottom.jpg) no-repeat;
	width:631px;
	height:159px;
	display:block;
	margin-left:27px;
	position:relative;
	top:-94px;
	float:left;
}
html#interna body.produto-detalhe #principal .box-principal{
	float:left;
	overflow:hidden;
	width:658px;
}
html#interna body.produto-detalhe #principal .box-esquerda{
	background:url(../img/bg-produto-destaque.jpg) repeat-y;
	width:582px;
	height:auto;
	margin-left:27px;
	top:-94px;
	padding:0 25px 0 24px;
	color:#666666;
}

html#interna body.produto-detalhe #principal .box-esquerda .imagem-produto{
	width:232px;
	height:364px;
	float:left;
}

html#interna body.produto-detalhe #principal .box-esquerda .imagem-produto ul{
	margin-top:63px;
}
html#interna body.produto-detalhe #principal .box-esquerda .imagem-produto ul li{
	width:71px;
	height:71px;
	float:left;
}
html#interna body.produto-detalhe #principal .box-esquerda .imagem-produto ul li img{
	margin:auto;
	display:block;
	border:1px solid #CCCCCC;
	width:70px;
	height:70px;
}
html#interna body.produto-detalhe #principal .box-esquerda .imagem-produto ul .ativo{
	border:1px solid #E4D7AD;
	height:70px;
	left:1px;
	margin:0 2px;
	position:relative;
	top:1px;
	width:70px;
}
html#interna body.produto-detalhe #principal .box-esquerda .imagem-produto ul .ativo img{
	border-color:#ADADAD;
	left:-2px;
	position:relative;
	top:-2px;
	background:white;
}
html#interna body.produto-detalhe .box-esquerda h3{
	font-family:"myriad pro", arial, sans-serif;
	font-size:35px;
	color:#CA0500;
	font-weight:normal;
	letter-spacing:-1px;
	display:inline;
}
html#interna body.produto-detalhe .box-abas-informacao{ float:left; width:332px; padding-left:10px; }
html#interna body.produto-detalhe .box-esquerda-texto{ width:323px; line-height:140%; margin-top:10px; }
html#interna body.produto-detalhe .box-esquerda-texto,
html#interna body.produto-detalhe .box-esquerda-titulo{
	float:left;
	padding-left:10px;
}
html#interna body.produto-detalhe .box-abas-informacao div{ float:left; }
html#interna body.produto-detalhe .box-abas-informacao td{
	height:30px;
	vertical-align:middle;
	border-top:1px solid #C1B89A;
}
html#interna body.produto-detalhe .box-abas-informacao table{ width:323px; }
html#interna body.produto-detalhe .box-abas-informacao p{ font-size:10px; line-height:110%; margin-top:6px; padding:4px; }
html#interna body.produto-detalhe .box-informacao-nutricional td{ font-size:10px; }

.borda td{ border-bottom:1px solid #C1B89A; }


.busca-produto{
	background:url(../img/bg-busca-produto.png) no-repeat;
	width:255px;
	height:100px;
	display:block;
	margin-left:2px;
}
html#interna body.produto-detalhe #principal .box-direita{
	top:0;
}
html#interna body.produto-detalhe #principal .box-direita .site-relacionado,
html#interna body.produto-detalhe #principal .box-direita .rede-social,
html#interna body.produto-detalhe #principal .box-direita .material-apoio{
	width:194px;
	margin-left:15px;
}

.btn-buscar{
	background:url(../img/bt.jpg);
	width:64px;
	height:64px;
	position:absolute;
	right:9px;
	top:20px;
}
.busca-produto .txt-buscar-produto{
	height:auto;
	background:none;
	border:none;
	padding-top:43px;
	font-family:"myriad pro", arial;
	font-size:18px;
	color:#E33333;
	width:140px;
	letter-spacing:-0.5px;
}
html#interna body.produto-detalhe .box-abas-informacao div .fonte{ font-size:11px;}

.menu-abas-informacao{ display:block; overflow:hidden; margin-bottom:20px; }
.menu-abas-informacao li{ float:left; }
.lk-informacao-geral{ background:url(../img/lk-informacao-geral.jpg); width:166px; height:53px; }
.lk-informacao-nutricional{ background:url(../img/lk-informacao-nutricional.jpg); width:166px; height:53px; }
.menu-abas-informacao .ativo .lk-informacao-geral{ background:url(../img/lk-informacao-geral-ativo.jpg); width:166px; height:53px; }
.menu-abas-informacao .ativo .lk-informacao-nutricional{ background:url(../img/lk-informacao-nutricional-ativo.jpg); width:166px; height:53px; }

html#interna body.produto-detalhe .material-apoio .carrossel-apoio{
	background:url(../img/bg-material-apoio.jpg) no-repeat;
	width:158px;
	height:164px;
	padding:17px 0 0 23px;
	position:relative;
}
html#interna body.produto-detalhe .mais-desejos{
	clear:both;
	margin-left:40px;
	position:relative;
	top:-70px;
	background:url(../img/bg-mais-desejos.png) repeat-y 0 45px;
	width:605px;
	float:left;
}
html#interna body.produto-detalhe .mais-desejos ul{ overflow:hidden; }
html#interna body.produto-detalhe .mais-desejos ul li{
	display:block;
	height:95px;
	padding-top:23px;
	width:302px;
	float:left;
}
html#interna body.produto-detalhe .mais-desejos a{
	font-weight:bold;
	font-size:14px;
	color:#C92721;
	text-decoration:none;
	line-height:140%;
	margin-left:5px;
}
.tt-produto-desejo{ background:url(../img/tt-produto-desejo.gif) no-repeat; width:104px; height:49px; }
html#interna body.produto-detalhe .mais-desejos ul li.direita{ padding-left:70px; width:232px; }


/*****************
	PRE-HOME
*****************/

body#pre-home{ height:1000px;display:block; }
body#pre-home #pagina{ width:1000px; }
body#pre-home .video-fada{ 
	display:block;
	height:1002px;
	margin-top:-80px;
	overflow:hidden;
	width:1000px;
}

body#pre-home p{
	color:white;
	font-size:15px;
	left:10px;
	line-height:110%;
	position:relative;
	text-align:center;
	top:-350px;
}
body#pre-home a.docile{ font-weight:bold; text-decoration:none; color:white; display:block; }