/* ==================================================================================================== */
/* GERAL                                                                                                */
/* ==================================================================================================== */

* {
	zoom: 1;
}

body {
	width: 980px;
	margin: 0px auto;
	text-align: center;
	background-image:url(../img/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top;
	
}

.clear {
	clear: both;
	

}

.tazzoOm {
	text-align: right;
	margin-left: 330px;
}

.tazzoOm a{
	text-decoration: none;
	color: #4b1d13;
}

.tazzoOm a:hover{
	text-decoration: underline;
}






/* ==================================================================================================== */
/* CONTEUDO ESTRUTURA                                                                                   */
/* ==================================================================================================== */

div#content {
	width: 900px;
	overflow: hidden;
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

/* ==================================================================================================== */
/* HEADER                                                                                               */
/* ==================================================================================================== */

div#content div#headerBox {
	width: 900px;
	overflow: hidden;
}

/* ==================================================================================================== */
/* MENU                                                                                                 */
/* ==================================================================================================== */

div#content div#menuBox {
	width: 900px;
	background-color: #72361c;
	padding: 10px 47px;
	text-transform: uppercase;
	overflow: hidden;
}

div#content div#menuBox ul{
	width: 840px;
	margin: 0px;
	padding: 0px 15px;
	overflow: hidden;
	list-style: none;
}

div#content div#menuBox ul li{
	margin-right: 10px;
	font-size: 1.2em;
	float: left;
}

div#content div#menuBox ul li.divisao{
	padding-right: 10px;
	border-right: 1px dotted #f2eee6;
}

div#content div#menuBox ul li a{
	text-decoration: none;
	color: #f2eee6;
}
div#content div#menuBox ul li a:hover{
	color: #e2916e;
}

div#content div#menuBox ul li a.selecionado{
	color: #e2916e;
}

/* ==================================================================================================== */
/* CONTEUDO                                                                                             */
/* ==================================================================================================== */

div#content div#contentBox {
	width: 900px;
	padding: 0px 37px;
	background-image: url(../img/bacground-contentBox.JPG);
	overflow: hidden;
}

/* ==================================================================================================== */
/* CONTEUDO TITULO                                                                                      */
/* ==================================================================================================== */

div#content div#contentBox div#titleSession {
	font-size: 1.6em;
	font-weight: bold;
	color: #4b1d13;
	text-transform: uppercase;
	padding: 18px 10px;
	border-bottom: 1px solid #b8b9ab;	
}

.gecko  div#content div#contentBox div#titleSession {
	width: 806px;
}

/* ==================================================================================================== */
/* CONTEUDO SUPERIOR                                                                                    */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdSup {
	overflow: hidden;
	border-left: 1px solid #c0bfb6;
	background-color: #ffffff;
}

.gecko div#content div#contentBox div#contentBoxProdSup {
	width: 825px;
}

/* ==================================================================================================== */
/* CONTEUDO SUPERIOR PRODUTOS                                                                           */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdSup div#produtos {
	width: 343px;
	overflow: hidden;
	background-color: #ffffff;
	padding: 18px 10px;	
	position: relative;
	float: left;
}

div#content div#contentBox div#contentBoxProdSup div#produtos div.produtoTitulo {
	height: 55px;
	background-image: url(../img/bg-conhecalinhaprodutos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#content div#contentBox div#contentBoxProdSup div#produtos div.produtosImg {
	width: 260px;
	height: 240px;
	margin: 10px 30px;
	padding: 5px 0px;
	text-align: center;
	overflow: hidden;
	border-bottom: 3px solid #c0bfb6;
}

.gecko div#content div#contentBox div#contentBoxProdSup div#produtos div.produtosImg {
	width: 280px;
}

div#content div#contentBox div#contentBoxProdSup div#produtos div.produtosDescTitulo {
	font-size: 1.2em;
	font-weight: bold;
	color: #4b1d13;
	margin: 10px 0px;
}

div#content div#contentBox div#contentBoxProdSup div#produtos span.produtosDesc {
	color: #717171;
}


/* ==================================================================================================== */
/* CONTEUDO SUPERIOR INFORMATIVO                                                                        */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdSup div#informativo {
	width: 482px;
	height: 120px;
	overflow: hidden;
	background-color: #eadec6;
	border-bottom: 1px solid #c0bfb6;	
	padding: 18px 10px;	
	position: relative;
	float: left;
}

.gecko div#content div#contentBox div#contentBoxProdSup div#informativo {
	width: 440px;
}

div#content div#contentBox div#contentBoxProdSup div#informativo div.informativoDescTitulo {
	font-size: 1.2em;
	font-weight: bold;
	color: #4e4e4d;
	margin: 5px 0px;
}

div#content div#contentBox div#contentBoxProdSup div#informativo span.informativoDesc {
	color: #717171;
}

/* ==================================================================================================== */
/* CONTEUDO SUPERIOR QUALIDADE                                                                          */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdSup div#qualidade {
	width: 226px;
	height: 495px;
	overflow: hidden;
	background-color: #f1f1f1;
	background-image: url(../img/bg-qualidadetotal.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-right: 1px solid #c0bfb6;
	border-left: 1px solid #c0bfb6;	
	padding: 18px 10px;	
	position: relative;
	float: left;
	color: #717171;
}

:root div#content div#contentBox div#contentBoxProdSup div#qualidade {height:525px;}

.gecko div#content div#contentBox div#contentBoxProdSup div#qualidade {
	width: 200px;
}

div#content div#contentBox div#contentBoxProdSup div#qualidade div.qualidadeDesc {
	margin: 180px 0px 10px 0px;
}

div#content div#contentBox div#contentBoxProdSup div#qualidade a {
	color: #830605;
}

/* ==================================================================================================== */
/* CONTEUDO SUPERIOR ULTIMAS                                                                            */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdSup div#ultimas {
	width: 255px;
	height: 495px;
	background-color: #ffffff;
	padding: 18px 10px;	
	position: relative;
	float: left;
	color: #717171;
}

.gecko div#content div#contentBox div#contentBoxProdSup div#ultimas {
	width: 218px;
}

div#content div#contentBox div#contentBoxProdSup div#ultimas div.ultimasTitulo {
	font-size: 1.4em;
	font-weight: bold;
	color: #4b1d13;
	text-transform: uppercase;
	margin: 5px 0px 20px 0px;
}

div#content div#contentBox div#contentBoxProdSup div#ultimas span.ultimasDesc a {
	color: #830605;
}

/* ==================================================================================================== */
/* CONTEUDO INFERIOR                                                                                     */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdInf {
	height: 157px;
	overflow: hidden;
	border-top: 1px solid #b8b9ab;	
	border-bottom: 1px solid #b8b9ab;
	border-left: 1px solid #c0bfb6;
}

.gecko div#content div#contentBox div#contentBoxProdInf {
	width: 825px;
}

/* ==================================================================================================== */
/* CONTEUDO INFERIOR NOVIDADE                                                                           */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdInf div#novidade {
	width: 343px;
	height: 157px;
	overflow: hidden;
	background-color: #eadec6;
	border-right: 1px solid #c0bfb6;
	padding: 5px 10px;	
	position: relative;
	float: left;
}

div#content div#contentBox div#contentBoxProdInf div#novidade div.novidadeTitulo {
	margin-left: -15px;
	height: 55px;
	background-image: url(../img/bg-novidades.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#content div#contentBox div#contentBoxProdInf div#novidade div.novidadeImg {
	margin-top: -50px;
	float: right;
}

div#content div#contentBox div#contentBoxProdInf div#novidade span.novidadeDesc {
	color: #717171;
}

div#content div#contentBox div#contentBoxProdInf div#novidade span.novidadeDesc a {
	color: #830605;
}

/* ==================================================================================================== */
/* CONTEUDO INFERIOR LOJA VIRTUAL                                                                       */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdInf div#loja {
	width: 226px;
	height: 157px;
	overflow: hidden;
	background-color: #ffffff;
	background-image: url(../img/bg-lojavirtual.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-right: 1px solid #c0bfb6;	
	padding: 18px 10px;	
	position: relative;
	float: left;
}

.gecko div#content div#contentBox div#contentBoxProdInf div#loja {
	width: 200px;
}

div#content div#contentBox div#contentBoxProdInf div#loja a img{
	margin: 90px 40px 0px 0px;	
	position: relative;
	float: right;
}

/* ==================================================================================================== */
/* CONTEUDO INFERIOR NEWSLETTER                                                                         */
/* ==================================================================================================== */

div#content div#contentBox div#contentBoxProdInf div#news {
	width: 255px;
	height: 157px;
	background-color: #e5e3d7;
	padding: 18px 10px;	
	position: relative;
	float: left;
}

.gecko div#content div#contentBox div#contentBoxProdInf div#news {
	width: 218px;
}

div#content div#contentBox div#contentBoxProdInf div#news div.newsTitulo {
	margin: -20px 0px 0px -8px;
	height: 55px;
	background-image: url(../img/bg-newsletters.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#content div#contentBox div#contentBoxProdInf div#news span.newsDesc {
	color: #717171;
}

div#content div#contentBox div#contentBoxProdInf div#news span.newsDesc form input {
	margin: 0px 5px 0px 0px;
	float: left;
}

div#content div#contentBox div#contentBoxProdInf div#news span.newsDesc form DIV {float:left;}

/* ==================================================================================================== */
/* RODAPE                                                                                               */
/* ==================================================================================================== */

div#content div#contentBox div#rodape {
	font-size: 0.9em;
	color: #4b1d13;
	padding: 18px 10px;
	background-color: #efede1;
}

.gecko div#content div#contentBox div#rodape {
	width: 807px;
}
.fieldset {
	font-size: 10px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	height: 18px;
	background-color: #efefef;
}

