/* CSS RESET */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* =========================== COMPUTER CASE =========================== */

/* ------------------------------- GERAL ------------------------------- */
html {overflow: -moz-scrollbars-vertical;}
body {
	font:10px verdana, arial, tahoma, sans-serif;
	color:#003366;
	background:#E3E3E3;
}
a {color:#003366;text-decoration:underline;}
a:hover {text-decoration:none;}

#site {
	width:781px;
	margin:27px auto 0;
}
/* TAGS E CLASSES GERAIS */
p {margin:0 0 20px;text-align:justify;}
strong {font-weight:bold;}
.txtRight {text-align:right;}
.clear {clear:both;}


/* ------------------------------- HEADER ------------------------------- */
#header {
	width:100%;
	height:317px;
	background:url(header_bg.gif) no-repeat 0 0;
}
#header #header_top {
	width:100%;
	height:160px;
	clear:both;
	float:left;
	overflow:hidden;
}
#header #header_bottom {
	width:100%;
	clear:both;
	float:left;
}
#header h1 {
	width:157px;
	height:119px;
	float:left;
	padding:20px;
}
#header h2 {
	width:405px;
	height:19px;
	float:right;
	margin:27px 0 44px 0;
	padding:0 80px 0 0;
	background:url(header_title_1.gif) no-repeat 0 0;
	text-indent:-999999px;
	overflow:hidden;
	position:relative;
}
/* BUSCA */
#header form {
	width:492px;
	height:35px;
	float:right;
	padding:6px 19px 0 66px;
	background:url(busca_bg.gif) no-repeat 0 0;
}
#header form select, #header form #input_produtos {
	width:200px;
	margin:0 0 0 16px;
	color:#003366;
	font:11px verdana, arial, sans-serif;
}
#header form #submit {
	width:34px;
	height:23px;
	margin:0 0 -5px;
}

/* MENU */
#header ul {
	width:167px;
	float:left;
	padding:22px 0 21px 20px;
	position:relative;
	top:0;
	left:-11px;
	background:url(menu_bg.gif) no-repeat top right;
}
#header ul li {
	width:100%;
	height:23px;
	line-height:23px;
	margin:0 0 1px 0;
}
#header ul li a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(menu_itens.gif);
	background-repeat:no-repeat;
	text-indent:-999999px;
	overflow:hidden;
	position:relative;
	/* opacity:0.2;
	filter:alpha(Opacity=20); */
}
#header ul #inicial	a {background-position:0 top;}
	#header ul #inicial.selected a, 
	#header ul #inicial a:hover, 
	#header ul #inicial, 
	#header ul #inicial {
		background-position:0 bottom;
	}
#header ul #empresa a {background-position:-168px top;}
	#header ul #empresa.selected a, 
	#header ul #empresa a:hover, 
	#header ul #empresa, 
	#header ul #empresa {
		background-position:-168px bottom;
	}
#header ul #produtos a {background-position:-336px top;}
	#header ul #produtos.selected a, 
	#header ul #produtos a:hover, 
	#header ul #produtos, 
	#header ul #produtos {
		background-position:-336px bottom;
	}
#header ul #contato a {background-position:-504px top;}
	#header ul #contato.selected a, 
	#header ul #contato a:hover, 
	#header ul #contato, 
	#header ul #contato {
		background-position:-504px bottom;
	}

#header #banner {
	width:558px;
	height:138px;
	float:right;
	padding:0 20px 0 0;
}


/* ------------------------------- CONTEUDO ------------------------------- */
#conteudo {
	background:#FFF url(conteudo_bg.gif) no-repeat 0 -38px;
	padding:20px 20px 10px;
	border-right:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	zoom:1;
}
#conteudo:after {
	content:".";
	width:100%;
	height:0;
	text-indent:-999999px;
	overflow:hidden;
	clear:both;
	display:block;
}

/* ------------------------------- PÁGINAS ------------------------------- */
/* PÁGINAS ESTÁTICAS [ver páginas dinâmicas em PRODUTOS LISTAGEM] */
#coluna1 {
	width:422px;
	float:left;
}
#sidebar1 {
	width:272px;
	float:right;
}
/* CAPA */
#promo_capa {
	width:100%;
	float:left;
	margin:10px 0 0;
	padding:20px 0 0;
	background:url(divisor.gif) repeat-x top left;
}
#promo_capa #destaque {
	position: relative;
	float:left;
	width:225px;
}
#promo_capa p {
	width:195px;
	float:right;
	margin:0 0 10px;
}
#mais_proc {background:url(mais_procurado_top.gif) no-repeat 0 0;margin:0 0 10px 0;}
#mais_proc div {padding:44px 10px 0;}
#mais_proc #mais_proc_bottom {
	height:11px;
	background:url(mais_procurado_bottom.gif) no-repeat bottom left;
	clear:both;
	font-size:1px;
	margin:-9px 0 0;
	padding:0;
}
#mais_proc #img_mais_proc {float:right;}
#mais_proc p {text-align:left; }
p {
margin:0 0 20px 4px;
}
.procurado{
	color: #761103;
	margin-left:4px;
}
/* EMPRESA */
.pagina_empresa h4 {
	font:bold 14px 'trebuchet ms', 'lucida sans', sans-serif;
	color:#D25007;
	text-transform:uppercase;
	padding:5px 0 6px 34px;
	background:url(bullet1.gif) no-repeat 0 0;
}
.pagina_empresa ul li {
	margin:0 0 30px;
}
.pagina_empresa p {
	margin:0 0 10px 34px;
}

/* CONTATO */
#contato_box {
	height:71px;
	padding:43px 10px 370px 19px;
	background:url(mais_infos.gif) no-repeat 0 0;
	color:#A4A4A4;
}
#contato_form {background:url(contato_bg.gif) no-repeat 0 0;}
#contato_form ul {
	padding:18px 18px 0;
	background:url(contato_bg2.gif) no-repeat bottom left;
}
#contato_form ul li {clear:both;margin:0 0 12px;}
#contato_form ul li.linha {height:50px;}
#contato_form ul li.label2 {
	float:left;
	width:65px;
	clear:none;
}
#contato_form ul li.label3 {
	float:right;
	width:315px;
	padding:0 1px 0 0;
	clear:none;
}
#contato_form label {
	font:14px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	letter-spacing:-1px;
	color:#003366;
	padding:0 0 0 5px;
	display:block;
	clear:both;
	float:left;
	width:100%;
	cursor:pointer;
}
#contato_form .inputTxt {
	font:12px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	color:#003366;
	line-height:17px;
	padding:5px;
	border:none;
}
#contato_form .input1 {
	width:371px;
	background:url(contato_ipt1.gif) no-repeat 0 0;
}
#contato_form .input2 {
	width:61px;
	background:url(contato_ipt2.gif) no-repeat 0 0;
}
#contato_form .input3 {
	width:311px;
	background:url(contato_ipt3.gif) no-repeat 0 0;
}
#contato_form .input3 {
	width:311px;
	background:url(contato_ipt3.gif) no-repeat 0 0;
}
#contato_form textarea {
	width:371px;
	height:107px;
	padding:5px;
	font:12px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	color:#003366;
	background:url(contato_textarea.gif) no-repeat 0 0;
	border:none;
	overflow: hidden;
}
/* RADIOS */
#contato_form ul li.radio {
	height:40px;
}
#contato_form label.radio {
	width:40px;
	padding:0;
	display:block;
	clear:none;
	float:left;
	cursor:pointer;
}
#contato_form input.radio {
	width:15px;
	height:15px;
	float:left;
}

/* NEWSLETTER */
#newsletter {
	height:137px;
	font:11px tahoma, sans-serif;
	color:#A4A4A4;
	margin:0 0 10px 0;
	padding:44px 18px 0;
	background:url(newsletter_bg.gif) no-repeat 0 0;
}
#newsletter p {text-align:left;margin:0 0 10px;}
#newsletter ul li {
	margin:4px 0;
	clear:both;
	float:left;
	width:100%;
}
#newsletter label {
	cursor:pointer;
	float:left;
	width:36px;
	line-height:22px;
}
#newsletter input {
	width:196px;
	border-width:1px;
	border-style:solid;
	border-top-color:#E9E6E6;
	border-right-color:#A4A4A4;
	border-bottom-color:#A4A4A4;
	border-left-color:#E9E6E6;
	float:right;
}
#newsletter #newsletter_btn {width:93px;height:21px;border:none;}

/* BANNER CONTATO */
#contato_banner {
	width:272px;
	height:68px;
	margin:0 0 10px 0;
	display:block;
	text-indent:-999999px;
	overflow:hidden;
	background:url(como_comprar.gif) no-repeat 0 0;
}

/* MENU INFERIOR */
#menu_secundario {
	width:535px;
	padding:50px 0 5px 200px;
	clear:both;
	background:url(divisor.gif) no-repeat center 35px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#menu_secundario ul {
	position:relative;
	overflow:hidden;
	zoom:1;
}
#menu_secundario ul li {
	padding:0 11px;
	float:left;
	border-left:1px solid #003366;
	position:relative;
	overflow:hidden;
	top:0;
	left:-2px;
}
#menu_secundario ul li a {
	text-decoration:none;
}

/* ------------------------------- PRODUTOS ------------------------------- */
/* PÁGINAS DINÂNICAS [ver páginas estáticas em PÁGINAS] */
/* SIDEBAR */
#sidebar2 {
	width:157px;
	float:left;
}
#sidebar2 h2 {
	height:46px;
	background:url(sibebar_produtos_title.gif) no-repeat 0 0;
	text-indent:-999999px;
	overflow:hidden;
	position:relative;
}
#sidebar2 ul {
	font:11px tahoma, arial, sans-serif;
	padding:5px 10px 10px;
	background:#FCEDC5 url(sibebar_produtos_bg.gif) no-repeat bottom left;
}
#sidebar2 ul li {
	margin:5px 0;
	background:url(bullet2.gif) no-repeat 0 3px;
}
#sidebar2 ul li a {
	color:#6888B9;
	padding:0 0 0 10px;
	text-decoration:none;
	display:block;
	zoom:1;
}
#sidebar2 ul li a:hover {color:#406193;text-decoration:underline;}
#sidebar2 ul li a.selected {font-weight:bold;}

#coluna2 {
	width:558px;
	float:right;
}
#coluna2 h3 {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0;
	margin:0 0 14px;
	padding:7px 10px 0;
	background:url(produtos_barra.gif) no-repeat 0 0;
}
/* LISTAGEM */
#listagem_produtos {font:11px tahoma, sans-serif;}
#listagem_produtos li {zoom:1;}
#listagem_produtos li.left {width:268px;float:left;}
#listagem_produtos li.right {width:268px;float:right;}
#listagem_produtos li.clear {clear:both;}
#listagem_produtos li h4{font-weight:bold;margin:0 0 7px;}
#listagem_produtos li p{text-align:left;margin:0 0 7px;}
#listagem_produtos li .thumb {
	width:89px;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}
#listagem_produtos li .thumb a {display:block;margin:0 auto 7px;}
#listagem_produtos li .thumb a img {
	border-top:1px solid #C7C7C7;
	border-left:1px solid #C7C7C7;
}
#listagem_produtos li .thumb a.listagem_saiba {
	font-size:10px;
	width:72px;
	height:16px;
	background:url(btn_saiba_mais.gif) no-repeat 0 0;
	text-indent:-999999px;
	overflow:hidden;
	outline:none;
}
/* DETALHE DE PRODUTO */
#produto_resumo {
	width:100%;
	background:url(divisor.gif) repeat-x bottom left;
	clear:both;
	float:left;
	margin:0 0 20px;
}
#produto_resumo h4  {
	font-weight:bold;
	font-size:14px;
	margin:0 0 20px;
}
#produto_resumo p, #produto_resumo h4  {
	width:290px;
	float:right;
	text-align:left;
}
#produto_foto {
	width:246px;
	border-top:1px solid #C7C7C7;
	border-left:1px solid #C7C7C7;
	float:left;
}
#produto_detalhe {
	width:100%;
	clear:both;
	float:left;
	margin:0 0 20px;
}
#produto_detalhe p {margin:0 0 10px 10px;}
#produto_detalhe ul {margin:0 0 20px;}
#produto_detalhe ul li {
	padding:0 0 0 11px;
	background:url(bullet3.gif) no-repeat 3px 4px;
}

/* PAGINAÇÃO */
#coluna2 #paginacao {
	clear:both;
	height:24px;
	padding:8px;
	background:url(produtos_barra.gif) no-repeat 0 0;
}
#coluna2 #paginacao ul {
	float:right;
	position:relative;
	overflow:hidden;
}
#coluna2 #paginacao ul li {
	color:#000000;
	float:left;
	border-left:1px solid #000000;
	position:relative;
	overflow:hidden;
	top:0;
	left:-2px;
}
#coluna2 #paginacao ul li.pagina_ativa {
	font-weight:bold;
	padding:1px 5px;
}
#coluna2 #paginacao ul li a {
	color:#000000;
	padding:1px 5px;
	display:block;
	text-decoration:none;
}
#coluna2 #paginacao ul li a:hover {
	color:#FFF;
	background:#949494;
}


/* ------------------------------- FOOTER ------------------------------- */
#footer {
	background:#FFF;
	margin:16px 0 27px;
	padding:12px;
	border-right:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	zoom:1;
}
#assinatura{
	margin: -8px 0 2px 0;
	float: right;
}

/* ------------------------------- sFIR ------------------------------- */
h3 {
	font:22px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	letter-spacing:-2px;
	color:#BEBEBE;
	padding:0 0 15px;
}
h3.cor1 em{color:#003366;}
h3.cor2 em{color:#F49D1F;}
h3.cor3 {color:#86A0C6;}
.sIFR-active h3 {
	visibility: hidden;
	line-height: 1em;
	font-size: 18px;
}

















