/*'-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#
/*' Loja Exemplo Locaweb
/*' Versão: 6.5
/*' Data: 12/09/06
/*' Arquivo: css.css
/*' Versão do arquivo: 0.0
/*' Data da ultima atualização: 26/03/08
/*'
/*'-----------------------------------------------------------------------------
/*' Licença Código Livre: http://comercio.locaweb.com.br/gpl/gpl.txt
/*'-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#


/* CSS - FORMATAÇÃO GERAL */

a {color: #CC0000; font-weight:normal; text-decoration:underline;} 
a:hover {color: #FF0000;font-weight: normal;text-decoration: underline;}
td {font-family: Tahoma, Verdana, Arial, Sans-serif;font-size: 11px;color: #000000;} /* Fonte padrão */
BODY { 
	
    margin: 0px;
	text-align:center;
	margin:0 0 0 0;
	background:url(imagens_conteudo/background/background.jpg) top left repeat-x #0B0B0B;
	font-family:Tahoma, Verdana, Arial, Sans-serif;
}
/*menu do topo*/

.menutopo ul {
padding:0px;
margin:1.7em 0 0 168px;
*margin: 30px 0 0 63px;
float: left;
width: 630px;
list-style:none;
height:auto;
}
.menutopo ul li {
display:inline-block;
*display:inline;
font-family:tahoma;
font-size:13px; }

.menutopo ul li a {
float:left;
/* visual do link */
color: #ffffff;
text-decoration: none;
padding:0px 5px;
*padding:0px 5px;

}
.menutopo ul li a:hover {
color:#ffffff;
text-decoration: underline;

}
/*carrinho no topo*/
.carrinho_top{
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}












/*menu produtos*/

#principalloja{
 width:980px;
 height:auto; 
 margin:0 auto;
 border:1px solid #666666;
 background:#FFFFFF; 
 }
#toploja{
width:auto;
height:auto; 
margin:0;
background-color:#000;
}
.produtosTitle{
width:150px;
height:23px;
float:left;
margin:40px 0 0 0px;
*margin-left:-112px;
font-family:tahoma;
font-size:18px;
color:#FFFFFF;
}
.buscarProdutos{
width:407px;
height:20px;
float:left;
margin:1px 0 0 34px;
*margin-left:30px;

}

#leftmenu{
width:140px;
*width:140px; 
height:auto; 
margin-left:1px; 
float:left;
/*border-left:1px solid #9b0300;
border-right:1px solid #9b0300;
border-bottom:1px solid #9b0300;*/


}

#container{
width:680px;
*width:660px; 
height:auto; 
margin-left:2px; 
float:left;
}
#rightservice{
width:145px; 
height:auto; 
margin-left:1px; 
float:left;

}
#footer{
width:100%; 
height:auto; 
margin-top:1px; 
clear:both;
}
.tiFoter{
font-family:tahoma; 
font-size:14px;
color: #8c0404;
}
.lifooter{
width: 11em;
padding: 0; 
margin: 0;
font: 12px Tahoma, sans-serif;
 
}
.lifooter li {
list-style: none;
margin: 0.5em 0 0.5em 0.5em; 
}
.lifooter li a {
margin:0; 
padding:0;
text-decoration:none;
color: #333333;
}
.lifooter li a:hover { 
color:#990000; 
}
.lifooter li a:active { 
color: #FF0000; 
}

.menu{list-style:none; margin:0px 0 0 0px; border:1px solid #c0c0c0; width:133px; }



.menu li{position:relative; /*float:left; */border-right:1px solid #c0c0c0;}



.menu li a{font-size:12px;  color:#333; text-decoration:none; padding:1px 0px; display:block;}



.menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }



.menu li ul{position:absolute; margin-top:0px; margin-left:133px; background-color:#fff; display:none; }



.menu li:hover ul ul{display:none;}



.menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;}



.menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;}



li.border0{border:0;}



.menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;}



/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; }
 .menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
 .menu-hv li ,   .menu-vv li { position: relative; vertical-align: top }
 .menu-hv a ,    .menu-vv a { display: block;  }
 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
 .menu-hv li:hover ul,  .menu-vv li:hover ul,
 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
 /* características horizontal-vertical */
 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
 .menu-hv li { float: left; } 
 .menu-hv li ul{margin-top:-22px;} 
 .menu-hv li ul li { float: left ;margin-left:141px; *margin-left:141px; }
 .menu-hv li ul li ul { position: absolute; /*left: 100%; */top: 0; }
 /* características vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { /*left: 100%; */top: 0; }
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */
 .menu-hv li a{ width: 137px; *width: 139px;  text-align:left; background-color: #EEE; font-size:13px;color:#333; padding:4px 1px 6px 1px; margin-top:3px; display:block; margin-left:1px; line-height:20px }
 .menu-vv li a{ width: 137px; *width: 139px; text-align:left; background-color: #eee; font-size:13px; color:#333; padding:4px 1px 6px 1px; margin-top:3px; display:block; margin-left:1px;  line-height:20px }
 .menu-hv li a:hover { width: 137px; *width: 139px; text-align:left; background-color: #A4A4A4;font-size:13px; color: #FFF; padding:4px 1px 6px 1px; margin-top:3px; display:block; margin-left:1px; line-height:20px }
 .menu-vv li a:hover { width: 137px; *width: 139px; text-align:left; background-color: #A4A4A4;font-size:13px; color: #FFF; padding:4px 1px 6px 1px; margin-top:3px; display:block; margin-left:1px;  line-height:20px }
 
  .menu-hv li ul li a{ width: 140px; text-align:left; background-color: #eee; font-size:13px; color:#333; padding:1px 1px 2px 1px; margin-top:0px; display:block;  }
 .menu-vv li ul li a{ width: 140px; text-align:left; background-color: #eee; font-size:13px; color:#333; padding:1px 1px 2px 1px; margin-top:0px; display:block}
 .menu-hv li ul li a:hover { width: 140px; text-align:left; background-color: #A4A4A4;font-size:13px; color: #FFF; padding:1px 1px 2px 1px; margin-top:0px; display:block }
 .menu-vv li ul li a:hover { width: 140px; text-align:left; background-color: #A4A4A4;font-size:13px; color: #FFF; padding:1px 1px 2px 1px; margin-top:0px; display:block}

 
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }






/*-----------------------------------------------------------------------------------------------------------------*/


#nav ul  {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

#nav ul li {
	position: relative;
	}
	
#nav li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
		
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#nav li:hover ul, li.over ul { display: block; } /* The magic */










/* CSS - CABECALHO */

table.TBLcabecalho { 
	background-color: #FFFFFF;
	border: dottedpx;
}

td.TDcabecalho{
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
	
}

.MNcabecalho {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.MNcabecalho:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

.MNdivisorcabecalho {
	background: url(imagens_conteudo/topo/fundo-barra-top.jpg) repeat-x;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}


/* CSS - RODAPE */

table.TBLrodape { 
	background-color: #FFFFFF;
	border: dottedpx;
}

.TDrodape{
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
}

.MNrodape {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.MNrodape:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

.MNdivisorrodape {
	background-color: #4C4C4C;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}


/* CSS - LATERAL ESQUERDA */

td.TBLlatesquerda { 
	
	border-right: #333333 1px dashed;
}

.MNlatesquerda {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #484848;
	text-decoration: none;

}

.MNlatesquerda:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #484848;
	text-decoration: underline;
}

.MNlatesquerdaAtivo {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;

}

.MNlatesquerdaAtivo:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: underline;
}

.MNdivisorlatesquerda {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.LCNlatesquerda {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #333333;
	border : 1px solid #666666;
	background-color : #FFFFFF;
}


/* CSS - LATERAL DIREITA */

td.TBLlatdireita { 
	background-color: #FFFFFF;
	border: dottedpx;
}

table.CARTBLlatdireita { 
	background-color: #f6f4f5;
	border: dotted 1px #CCCCCC;
}

table.CARTDlatdireita { 
	background-color: #FBEDED;
	border: dottedpx;
}

.CARTXTlatdireita {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.CARTXTlatdireitarecibo {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

.MNlatdireita {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 15px;
	color: #333333;
	text-decoration: none;
}
.MNlatdireita2 {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	text-decoration: none;
}


/* CSS - CENTRO */

/* -> Area de produtos */
.TXTproduto {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #484848;
	text-decoration: none;
}

.TXTproduto:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #484848;
	text-decoration: underline;
}


/* -> Tabelas Padrão */
.FUNDOINFOproduto { 
	background-color: #EEEEEE;
	border: dottedpx;
}


/* -> Tabela Opções de Pagamento do Produto */
.FUNDOoptpagproduto1 { 
	
	border: 1px dotted #FF3300;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.FUNDOoptpagproduto2 { 
	
	border: 1px dotted #FF3300;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.FUNDOoptpagproduto3 { 
	
	border:  1px dotted #CCCC66;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.FUNDOoptpagproduto4 { 
	
	border: 1px dotted #CCCC00;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}


/* -> Tabela 01 */
.TBLpers1_borda1 { 
	background-color: #F6F4F5;
	border: 1px;
}

.TBLpers1_borda2 { 
	background-color: #FFFFFF;
	border: 1px;
}

.TBLpers1_fundo { 
	border: 1px;
}

.TBLpers2_borda1 { 
	background-color: #FFFFFF;
	border: 1px;
}

.TBLpers2_borda2 { 
	background-color: #FFD5D5;
	border: 1px;
}

.TBLpers2_borda3 { 
	background-color: #CC0000;
	border: 1px;
}

.TBLpers2_fundo { 
	background-color: #FFF9F9;
	border: 1px;
}


/* -> Area do Carrinho */
table.carrinho { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 5px;
	margin-top: 5px;
}

td.carrinho{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	border-collapse: collapse;
}


/* -> Area Comum */
.FUNDOTABtopico { 
	border-bottom: 1px solid #DBDBDB;
}

.TXTTABtopico {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}

.TXTTABtopico:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

.textos_infos {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.textos_infos:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.TXTbox {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.TXTbox:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.FORMbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #666666;
	background-color: #F7F7F7;
}
.FORMboxX {
	font-family: Tahoma;
	font-size: 14px;
	color: #333333;
	border: 1px dashed #F6F4F5;
	background-color: #FFFFFF;
	overflow: hidden;
	
}


.BTTN1 {
	BACKGROUND-COLOR: #D1D1D1;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: white 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: white 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10;
	FONT-WEIGHT: bold;
	CURSOR: hand;
}

.BTTN2 {
	BACKGROUND-COLOR: #C1151A;
	BORDER-BOTTOM: #C1151A 1px solid;
	BORDER-LEFT: #C1151A 1px solid;
	BORDER-RIGHT: #C1151A 1px solid;
	BORDER-TOP: #C1151A 1px solid;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	CURSOR: hand;
	/*CSS 3 */
	border-radius: 10px 2px 2px 2px; /* CSS 3 */
-o-border-radius: 10px 2px 2px 2px; /* Opera */
-icab-border-radius: 10px 2px 2px 2px; /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 10px 2px 2px 2px; /* Firefox */
-webkit-border-radius: 10px 2px 2px 2px; /* Safari */

/*behavior: url(ie-css3.htc); */


}

.BTTN3 {
	BACKGROUND-COLOR: #FF0000;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: white 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: white 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10;
	FONT-WEIGHT: bold;
	CURSOR: hand;
}

.BTTN4 {
	BACKGROUND-COLOR: #124e9b;
	BORDER-BOTTOM: white 1px solid;
	BORDER-LEFT: white 1px solid;
	BORDER-RIGHT: white 1px solid;
	BORDER-TOP: white 0px solid;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12;
	FONT-WEIGHT: bold;
	CURSOR: hand;
}

.BTTNcomprar {
	background: #F6F4F5 url(imagens_conteudo/padrao/bg_botao_tabs.jpg) no-repeat;
	color: #333333;
	font-family: Tahoma;
	font-size: 14px;
	cursor: hand;
	width: 120px;
	height: 20px;
	margin-top:2px;
	border: 1px solid #999999;
}

.BTTNindique {
	background: #E8E8E8 url(imagens_conteudo/padrao/bg_botao_tabs.jpg) no-repeat;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	cursor: hand;
	width: 120;
	height: 20;
	margin-top: 5;
	font-weight: bold;
	border: 1px solid #999999;
}