/* -----------------------------------------------------------
	PERLEX
-------------------------------------------------------------*/
/* ----------------------------------------------------------- 
   RESET
-------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, .frmCad, dir,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, select,textarea, clear, br {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

a	{ outline: none; }

img {   margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. *//*
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }*/

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------    
   TIPOGRAFY
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 11px;
  color: #FFFFFF;
  font-family: Tahoma;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: Tahoma; font-weight: normal; color: #FFFFFF; }
h1 { font-size: 20px; margin: 10px 0px 5px 0px;}
h2 { font-size: 18px; margin-bottom: 1.0em; line-height: 1; text-align:left; margin-left: 25px; clear:both;}
h3 { font-size: 16px; line-height: 1.5em; margin-bottom: 0.5em; font: normal 15px Verdana; margin-left: 10px; color: #FFFFFF;}
h4 { font-size: 13px; line-height: 1; margin-bottom: 0.6em; padding-top: 10px; color:#0C3685; text-align:left; clear:both;}
h5 { font-size: 15px; margin-bottom: 0.75em; font-weight: bold; }
h6 { font-size: 15px; line-height: 1; margin: 0px 0 5px 7px; color:#333333;  }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0 0 0 0;
}


.h2_noticia 			{	background: url(../img/h2_noticias.jpg) no-repeat; height: 30px;}
.h2_investidor 			{	background: url(../img/h2_investidores.jpg) no-repeat; }
.h2_responsabilidade 	{	background: url(../img/h2_responsabilidade.jpg) no-repeat; }
.h3_carreira 			{	background: url(../img/h3_carreira.jpg) no-repeat center; }
.h3_carreira 			{	background: url(../img/h3_carreira.jpg) no-repeat 60px; }
.h3_fornecedor 			{	background: url(../img/h3_fornecedor.jpg) no-repeat 60px; }
.h3_certificacao 		{	background: url(../img/h3_certificacoes.jpg) no-repeat 60px; }
.h3_sac 				{	background: url(../img/h3_sac.jpg) no-repeat 60px; }


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.4em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 0.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin: 0; }
ul, ol      { margin: 0; }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: 10px; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.white			{ color: #FFFFFF; }
.white:hover	{ color: #FFFFFF; }
.white:visited	{ color: #FFFFFF; }

.link_reweb			{ color: #899AB3; }
.link_reweb:hover	{ color: #899AB3; }
.link_reweb:visited { color: #899AB3; }

.clear 		{ clear: both }
.cleft 		{ clear: left }
.left 		{ float:left; }
.right 		{ float:right; }
.bold 		{ font-weight: bold; }
.bold a		{ font-weight: bold; }
.s14		{ font-size: 14px; }
.migalha 	{ font: 11px Tahoma; margin:7px 0px 15px 0px; float: left; }
.subTitulo  { font: bold 13px Arial; }

.ml20  { margin-left: 	20px; }
.mb10  { margin-bottom: 10px; }
.ml50  { margin-left: 	50px; }
.mr20  { margin-right: 	20px; }
.mt5  { margin-top: 	5px; }

.pt25 { padding-top:25px; }

.m15 		{ margin-top: 15px }

.w100 		{ width: 100px; }
.w160 		{ width: 160px; }
.w330 		{ width: 330px; }
.w345 		{ width: 345px; }
.w420 		{ width: 420px; }
.w410 		{ width: 410px; }
.w255 		{ width: 255px; }
.w260 		{ width: 260px; }
.w218 		{ width: 218px; }
.w290 		{ width: 390px; }
.w280 		{ width: 280px; }

.min-h300	{ min-height: 300px; }


.f_203x60   { width: 203px; height:60px; }

.h80 		{ height: 80px; }
.h84 		{ height: 84px; }
.h90 		{ height: 90px; }

.tbl_garantia 	{ font: 11px Arial }
.arial11 		{ font: 11px Arial }
.nobg 			{ background: none; }
.v18			{ font-size: 18px; }
.v15			{ font-size: 15px; }
.v13			{ font-size: 13px; }
.v12			{ font-size: 12px; }
.v11			{ font-size: 11px; }
.v10			{ font-size: 10px; }
.v9 			{ font-size: 9px;  }
.v9_color 		{ font-size: 9px; color: #8DA2C0; }
.verm       	{ color: #CC0000;  }
.blue       	{ color: #0000FF;  }
.vm         	{ vertical-align:middle; }
.texto-centro	{ text-align: center; }
.texto-direita	{ text-align: right; }
.hide-text 		{ text-indent:-9999px; }
.absmiddle		{ vertical-align: middle; }
.line			{ font: 0px Arial; border-bottom: 1px #FFFFFF solid; height: 1px; width: 100%; clear: both; margin-bottom: 15px; }
.line2			{ font: 0px Arial; border-bottom: 1px #284680 solid; height: 1px; width: 100%; clear: both; }
/*-----------------------------------------------------------*/
/* LINKS
-------------------------------------------------------------*/
a			{ text-decoration: none; color: #FFFFFF;}
a:visited	{ text-decoration: none; color: #FFFFFF;}
a:focus,
a:hover     { text-decoration: underline; color: #FFFFFF;}

.white a           { text-decoration: none; color: #FFFFFF;}
.white a:visited   { text-decoration: none; color: #FFFFFF;}
.white a:focus,
.white a:hover     { text-decoration: underline; color: #FFFFFF;}

.linkSm				{ text-decoration: none; color: #002E64;}
.linkSm:visited		{ text-decoration: none; color: #002E64;}
.linkSm:focus,
.linkSm:hover      	{ text-decoration: none; color: #002E64; font-weight: bold}

.cinza				{ text-decoration: none; color: #A5ACBD;}
.cinza:visited		{ text-decoration: none; color: #A5ACBD;}
.cinza:focus,
.cinza:hover      	{ text-decoration: underline; color: #A5ACBD;}

/*-----------------------------------------------------------*/
/* FORMS
-------------------------------------------------------------*/
/* input home */
	.frm_home {
		display: block;
		margin-left: 10px;
	}
	
	.frm_home input {
		width: 180px;
		border: 1px solid #B7B7B7;
		background: #FFFFFF;
		color: #000000;
		font: normal 11px Tahoma;
		height: 18px;
		padding: 4px 5px 0px 5px;
		margin-bottom: 15px;
	}
	
	.btnEnviar {
		display: block;
		width: 67px;
		height: 21px;
		padding: 2px 5px 0px 0px;
		text-align: center;
		background: url(../img/btnForm.jpg) no-repeat;
		float: left;
		cursor: pointer;
	}
/* input home */

/* input interna */
	.frm input {
		border: 1px solid #B7B7B7;
		background: #FFFFFF;
		color: #000000;
		font: normal 11px Tahoma;
		height: 18px;
		padding: 4px 5px 0px 5px;
		margin-bottom: 10px;
	}
	
	.frm textarea {
		border: 1px solid #B7B7B7;
		background: #FFFFFF;
		color: #000000;
		font: normal 11px Tahoma;
		padding: 4px 5px 0px 5px;
		margin-bottom: 10px;
	}
	
	.frm label {
		display: block;
		width: 100px;
		margin-right: 6px;
		text-align:right;
		float: left;
	}
	
/* input interna */

/*-----------------------------------------------------------*/
/* IMAGES
-------------------------------------------------------------*/
.arrow {
	margin: 0px 10px;
}

.selo {
	margin: 10px 80px 80px 80px;
	float: right;
}


.navTopo {
	display: block;
	width: 30px;
	background: url(../img/arrow_t.gif) no-repeat left 4px;
	text-align: left;
	float: left;
	padding-left: 16px;
}

.navVoltar {
	display: block;
	width: 30px;
	background: url(../img/arrow_b.gif) no-repeat left 4px;
	text-align: left;
	float: left;
	padding-left: 16px;
}

.btnMapa, .btnMapa:visited, .btnMapa:focus {
		display: block;
		width: 70px;
		padding: 2px 0px 0px 14px;
		text-align:center;
		height: 21px;
		background: url(../img/btnBusca.jpg) no-repeat;
		float: left;
		cursor: pointer;
		color: #000000;
	}
.btnMapa:hover { color: #000000; }

.logo { 
	display: block; 
	width: 162px; 
	height: 159px; 
	background: url(../img/logo.png) no-repeat; 
	position: absolute;
	top: 45px;
	left: 54px;
}

.onde_comprar { 
	display: block; 
	width: 166px; 
	height: 52px; 
	background: url(../img/pt/icoOndeComprar.png) no-repeat; 
	position: relative;
	text-align: right;
	padding: 60px 22px 0px 0px;
}


/*-----------------------------------------------------------*/
/* STRUCTURE
-------------------------------------------------------------*/
html {
	height: 100%;
	width: 100%;
	background: #900000;
}

body {
    width: 100%;
    min-width: 972px;
    background: #122954 url(../img/bg/bg_body.jpg) repeat-x top;
}

.main {
	width: 972px;
	position: relative;
	margin: 0 auto;
	background: #3560AD url(../img/bg/bg_main.jpg) no-repeat;
	min-height: 650px;
	overflow: auto;
}

.topo {
	width: 912px;
	height: 53px;
	padding: 10px 30px 0px 30px;
	background: url(../img/bg/bg_topo.jpg) no-repeat;
}

.conteudo {
	float: right;
	width: 680px;
	margin-right: 30px;
	overflow: auto;
}

/*-----------------------------------------------------------*/
/* MENU
-------------------------------------------------------------*/
.menu {
	padding: 136px 0px 0px 30px;
	width: 205px;
	overflow: auto;
	float: left;
}

.menu li {
	height: 26px;
	padding: 2px 0px 5px 25px;
	width: 171px;
}

.menu .on {
	font-weight: bold;
	background: url(../img/bg/menu_on.png) no-repeat bottom;
}

.menu .out {
	background: url(../img/bg/menu.png) no-repeat bottom;
}

.menu li a,
.menu li a:visited {
	cursor: pointer; 
	display: block;
	color: #FFFFFF;
}

.menu li a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
}

/*-----------------------------------------------------------*/
/* RODAPE
-------------------------------------------------------------*/
.rodape {
	width: 100%;
	min-height: 40px; 
	overflow: auto;
	background: #900000 url(../img/bg/bg_rodape.jpg) repeat-x top; 
}

.mainRodape {
	padding-top: 10px;
	width: 930px;
	margin: 0 auto;
	overflow: auto;
}

.rodape li {
	float: left;
	width: 148px;
}

.rodape li.colecao {
	width: 110px;
}
/*-----------------------------------------------------------*/
/* CAPA
-------------------------------------------------------------*/
.contentCapa {
	clear: both;
	padding: 10px 0px 0px 20px;
}

.contentCapa .box1 {
	width: 290px;
	overflow: auto;
	margin-bottom: 30px;
}

.contentCapa .box1 p {
	margin-left: 10px;
}

.contentCapa .box1 .home_lojista_pt {
	background: url(../img/pt/tHomeLojista.png) no-repeat;
	width: 269px;
	height: 99px;
	text-indent:-9999px;
	margin: 0px 0px 5px 0px;
}

.contentCapa .box2 {
	width: 290px;
	overflow: auto;
	margin-bottom: 30px;
}

.contentCapa .box2 p {
	margin-left: 10px;
}

.contentCapa .box2 .home_comprar_pt {
	background: url(../img/pt/tHomeComprar.png) no-repeat;
	width: 269px;
	height: 99px;
	text-indent:-9999px;
	margin: 0px 0px 5px 0px;
}

.contentCapa .box3 {
	width: 345px;
	overflow: auto;
	margin-bottom: 30px;
}

.contentCapa .box3 p {
	margin-left: 10px;
}

.contentCapa .box3 .home_lancamento_pt {
	background: url(../img/pt/tHomeLancamento.png) no-repeat;
	width: 269px;
	height: 99px;
	text-indent:-9999px;
	margin: 0px 0px 5px 0px;
}

.imgCarrousel {
	background: #FFFFFF; 
	height: 90px; 
	padding: 0px 3px;
}

/*-----------------------------------------------------------*/
/* INTERNA
-------------------------------------------------------------*/
.submenu {
	height: 40px;
	float: right;
	font: bold 13px Tahoma;
}

.submenu ul {
	float: right;
}

.submenu li {
	text-align: center;
	float: left;
	height: 32px;
	padding: 8px 10px 0px 10px;
}

.submenu a,
.submenu a:visited {
	text-decoration: none;
}

.submenu a:hover,
.submenu a:focus {
	text-decoration: underline;
}

.submenu li.in {
	padding: 8px 0px 0px 0px;
	width: 120px;
	background: url(../img/bg/bg_submenu.jpg) no-repeat center;
}

.submenu li.in a {
	color: #CC0000;
}

.imgFabrica {
	border: 5px #D5DFF1 solid;
	margin: 5px 10px 20px 0px;
}

.contato_mapa {
	width: 260px;
	height: 120px;
}

.box_produto {
	width: 150px;
	margin-right: 15px;
	float: left;
	text-align: center;
	padding-bottom: 20px;
}

.box_produto .imagem {
	width: 150px;
	height: 150px;
	text-align: center;
	background: #FFFFFF;
	color: #000000;
	font: bold 16px Tahoma;
}

.lista_manual {
	background: url(../img/bg/bg_manual.jpg) no-repeat;
	width: 109px;
	height: 21px;
	padding: 2px 0px 0px 5px;
	margin-bottom: 5px;
}

.lista_manual a,
.lista_manual a:visited,
.lista_manual a:hover,
.lista_manual a:focus {
	font-weight: bold;
	color: #CC0000;
}

.lista_categorias {
	background: url(../img/bg/bg_categorias.jpg) no-repeat;
	width: 228px;
	height: 32px;
	padding: 2px 0px 0px 5px;
	margin-bottom: 5px;
}

.lista_categorias a,
.lista_categorias a:visited,
.lista_categorias a:hover,
.lista_categorias a:focus {
	font-weight: bold;
	font-size:18px;
	color: #CC0000;
}

.lista_subcategorias {
	background: url(../img/bg/bg_subcategorias.jpg) no-repeat;
	width: 144px;
	height: 23px;
	padding: 2px 0px 0px 5px;
	margin-bottom: 5px;
}

.lista_subcategorias a,
.lista_subcategorias a:visited,
.lista_subcategorias a:hover,
.lista_subcategorias a:focus {
	font-weight: bold;
	color: #CC0000;
}

.imagem_detalhe {
	background: #FFFFFF;
	width: 240px;
	height: 240px;
	text-align: center
}

.descricao_detalhe {
	background: #2B4F91; 
	width: 380px; 
	padding:0px 10px; 
	font: bold 18px Tahoma;
}