/**
 * Project: Mirai WebSite
 * File: styleconf.css
 *
 * Classes de estilo da ferramenta.
 *
 * @author Frederico Galv�o <fredgalvao@gmail.com>
 * @Last-Modified: 14/06/2007 11:58
 * @Version: 2.0
 */


/* TEXTOS EM GERAL */
* {
	color: #666666;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}  



/* IMAGENS */
img {
	border: 0;
}


/* LINKS */
a {
	color: #0066CC;
	text-decoration: none; 
	width:auto;		
	outline:none;
}			 

a:hover {
	color: #CC0000;
	text-decoration: none;
	width:auto;
}


/* TAG FORM */
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* AJAX */
div.status {
	color:#FFFFFF;
	background-color: #CC4444;

	border: 0px none;
	padding: 3px;

	visibility: hidden;

	position: absolute;
	top: 10px;
	right:30px;
}


/* CORPO DO DOCUMENTO */
body {
	margin: 0px 0px 10px 0px;
	background-color: #FFFFFF;

	behavior: url(lib/csshover.htc);
}





/* INICIO DO TEMPLATE PRINCIPAL */

table.tbParent
{
	width: 780px;
	border: 1px solid #CCCCCC;
}

table.tbParent td.topo
{

}

table.tbParent td.menu
{
	width: 195px;
	vertical-align: top;
}

table.tbParent td.miolo
{
	/*width: 585px;	 */
	/*pode colocar um padding tambem para corrigir o problema das margens*/
	vertical-align: top;
}

table.tbParent td.rodape
{
	height: 120px;
	/*border-top: 1px solid #CCCCCC; */
}

/* T�RMINO DO TEMPLATE PRINCIPAL */





/* INICIO DO TOPO */

table.tbTopo td.menu1
{
	height: 20px;
	background-image: url(../img/bkgTopo1.gif);	
}

table.tbTopo td.menu2
{
	height: 30px;
	background-image: url(../img/bkgTopo2.gif);
}

table.tbTopo a
{
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

table.tbTopo a:hover
{
	color: #CC0000;
	text-decoration: none;
}

/* T�RMINO DO TOPO */





/* INICIO DO MENU */

table.tbMenu {
	margin: 10px 0px 10px 10px;
}

table.tbMenu td
{
	border-left: 1px solid #0052BA;
	border-right: 1px solid #0052BA;
}

table.tbMenu td.header
{
	border-left: none;
	border-right: none;
}

table.tbMenu td.dpto
{
	padding: 3px 0px 3px 0px;
	text-indent: 5px;
	font-weight: bold;
}
/*menu - defini�ao da altura de cada linha */
table.tbMenu td.catg
{
	padding: 1px 0px 1px 0px;
	text-indent: 7px;
}

table.tbMenu a
{
	color: #666666;
	font-family: Arial;
}

table.tbMenu td.dpto a {
	color: #0066CC;
}

table.tbMenu a:hover {
	color: #CC0000;
}

table.tbMenu td.end {
	border-bottom: 1px solid #0052BA;
}

/* T�RMINO DO MENU */





/* IN�CIO DO MIOLO */

table.tbMiolo
{
	width: 574px;
	margin: 10px 0px 10px 0px;
}

table.tbMiolo td.aviso
{
	background-color: #FF6600;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 1px;
	margin-bottom: 10px;
}  

.aviso{	  
	color: #FFFFFF;
	font-weight: bold;
		
}

/* T�RMINO DO MIOLO */





/* IN�CIO DE P�GINAS COM TEXTO */

/*table.tbTxt
{
	width: 574px;
	margin: 10px 0px 10px 0px;
}*/	 
.margem
{
width: 100%;
}
table.tbTxt
{
	/*width: 100%;	*/
	margin: 10px 10px 10px 10px;
}
table.tbTxt2
{
	margin: 10px 0px 10px 10px;
}

table.tbTxt td.title
{
	vertical-align: top;
	/*height: 26px;*/
	border-bottom: 1px solid #CC0000;
	color: #0066CC;
	font-weight: bolder;	 
	font-size:15;
}

table.tbTxt td.txt
{
	padding: 10px 0px 5px 0px;
	text-align: justify;
}

table.tbTxt strong {
	color: #0066CC;
}

table.tbTxt td.lojaImg
{
	height: 160px;
	width: 210px;
	vertical-align: bottom;
}

table.tbTxt hr.loja
{
	margin: 10px 0px 10px 0px;
	color: #0066CC;
	width: 70%;
	height: 1px;
}

/* T�RMINO DE P�GINAS COM TEXTO */





/* IN�CIO DA VITRINE */

a.vitrine, a.vitrine:hover
{
	font-family: Arial;
	color: #666666;
}

span.vitrine_valor
{
	font-weight: bold;
	color: #CC0000;	
}

span.vitrine_desconto
{	color: #000;
	text-decoration: line-through;
	/*color: #999999;
	text-decoration: line-through;*/
}

/* T�RMINO DA VITRINE */









/* IN�CIO DE CATEGORIAS & BUSCA */

td.bar
{
	background-color: #EBF0F5;
	height: 24px;

	text-indent: 10px;
	font-weight: bold;
}

span.bar {
	color: #CC0000;
}

span.localizacao {
	font-weight: bold;
}

font.busca
{
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}

/* T�RMINO DE CATEGORIAS & BUSCA */





















/* PRODUTOS */
td.produto
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

td.prod_desc
{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;

	color: #666666;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
}

td.prod_opt
{
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;

	font-size: 11px;
	font-family: Arial;		
}

td.prod_opt a
{
	color: #000000;
	text-decoration: none;
}

td.prod_opt a:hover
{
	color: #CC0000;
	text-decoration: underline;
}

font.prod_titulo
{
	color: #003C6F;
	font-size: 18px;
}

font.prod_code
{
	color: #999999;
	font-size: 10px;
	font-family: Arial;
}

font.prod_parcela
{
	color: #CC0000;
	font-size: 24px;
	font-weight: bold;
}

font.prod_economia
{
	font-size: 18px;
	color: #CC0000;
}

table.ProdParcBarCompra
{
	width: 300px;
	border: 0px;
}
table.ProdParcBarCompra th
{
	background: #0066CC;
	height: 20px;

	color: #FFFFFF;
	font-size: 11px;	
	font-family: Arial;
	text-indent: 10px;
	text-align: left;
}


table.ProdParcBarCompra td
{
	padding-top: 3px;
	padding-bottom: 3px;

	color: #000000;
	text-align: center;
	font-size: 11px;
	font-family: Arial;

	background-color: #F5F5F5;
}

table.ProdParcBarCompra td.ProdParcBarTit {
	background-color: #E5E5E5;
}








table.ProdParcBar
{
	width: 300px;
	border: 0px;
}

table.ProdParcBar th
{
	background: #0066CC;
	height: 20px;

	color: #FFFFFF;
	font-size: 11px;	
	font-family: Arial;
	text-indent: 10px;
	text-align: left;
}


table.ProdParcBar td
{
	padding-top: 3px;
	padding-bottom: 3px;

	color: #000000;
	text-align: center;
	font-size: 11px;
	font-family: Arial;

	background-color: #F5F5F5;
}

table.ProdParcBar td.ProdParcBarTit {
	background-color: #E5E5E5;
}

font.prod_topo
{
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
}

font.prod_assoc_plus
{
	color: #CC0000;
}








































/* TABELAS DO TEMPLATE PRINCIPAL */
table.parent, table.parentHeader {
	width: 100%;
	background-color: #F0EEE4;
}

table.parent td.hLineOne {
	height: 1px;
	background-color: #808080;
}

table.parentHeader td.hLineOne {
	height: 1px;
	background-color: #808080;
}

table.parent table.parentHeader td.h5Space {
	height: 5px;
}

table.parentHeader td.h1Space {
	height: 1px;
}

table.parentHeader td.w5Space {
	width: 5px;
}

table.parentHeader td.hLineTwo {
	height: 1px;
	background-color: #FFFFFF;
}

table.parentHeader td.errorBar {
	background-image: url(http://www.nbconsultoria.com.br/~fred/netbs2/img/error/back.gif);
}

table.parentHeader td.barra {
	background-image: url(http://www.nbconsultoria.com.br/~fred/netbs2/img/back.gif);
}

table.parentHeaderMenu {
	position: relative;
	left: 12px;

	height: 22px;
}

table.parentHeaderMenu td {
	padding-right: 12px;
}


/* BLOCOS */
fieldset {
	border: none;
	margin: 0px 10px 5px 10px;
	padding: 0px 5px 5px 5px;
}

legend {
	padding: 0px 10px 0px 10px;
	color: #0066CC;
	font-weight: bold;
}

legend.erro {
	color: #CC0000;
}

iframe
{
	margin: 5px 5px 5px 5px;
	border: inset #808080 2px;

	height: 300px;
	width: 98%;
}

iframe.busca {
	height: 230px;
}


/* TABELA DE FORMUL�RIOS */
table.formTable {
	margin: 10px 10px 10px 0px;
}

table.formTable td {
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
	vertical-align: baseline;
}

table.formTable label {
	padding: 0px 5px 0px 15px;
}

table.formTable span {
	padding: 0px 0px 10px 3px;
}

table.formTable div {
	color: #CC0000;

	font-family: Arial;
	font-size: smaller;
	font-style: italic;

	margin-top: 3px;
}


/* TABELAS UTILIZADAS NA PAGINA��O */
table.pageTableParent {
	width: 99%;
	background-color: #D3D1C7;
	margin: 5px;
}

table.pageTableBar td.div {
	padding-left: 10px;
	padding-right: 10px;
}

table.pageTable {
	width: 100%;
}

table.pageTable th, table.pageTable td {
	height: 22px;
	white-space: nowrap;
	padding: 0px 10px 0px 5px;
}

table.pageTable th {
	text-align: left;
	font-weight: bold;
	background-color: #E3E1D5;
}

table.pageTable tr {
	background-color: #FFFFFF;
}

table.pageTable tr:hover {
	background-color: #F5F5F5;
}

table.pageTable td.none {
	height: 30px;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
}

table.pageTable div {
	color: #CC0000;

	font-family: Arial;
	font-size: smaller;
	font-style: italic;

	margin-top: 3px;
}


/* ABAS */
table.aba {
	width: 98%;

	background-color: #000000;

	margin-top: 10px;
	margin-bottom: 10px;
}

table.aba th {
	background-color: #F0EEE4;

	font-weight: normal;

	text-align: left;
	text-indent: 10px;
}

table.aba th:hover {
	background-color: #E3E1D5;
}

table.aba th.selected {
	color: #FFFFFF;
	background-color: #3399FF;
}

table.aba th a {
	width: 100%;
	color: #000000;
	display: block;
}

table.aba th a:hover {
	color: #000000;
	text-decoration: none;
}

table.aba td {
	background-color: #F0EEE4;
}






table.sortable {
	width: 100%;
	border: none;
}
table.sortable th, table.sortable td {
	height: 22px;
	white-space: nowrap;

	padding-left: 5px;
	padding-right: 10px;
}

table.sortable th {
	text-align: left;
	background-color: #E3E1D5;
}

table.sortable th a, a:hover {
	
	text-decoration: none;
	color: Black;
}

table.sortable tr {
	background-color: #FFFFFF;
}

table.sortable tr:hover {
	background-color: #F5F5F5;
}



table.sortable tr.sortbottom td {
	background-color: #E5E5E5;
	font-weight: bold;
}

.linkpopup {
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
}
.linkpopup:hover {
	text-decoration:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
}				  
.tabela_loja{
 	border-bottom:1px solid #CCC;		 
	width:750;
}
	   
.tit_item_ajuda {
	background-color: rgb(239, 238, 238); 
	font-weight:bold;  
	height:20; 
	
	}	 
.item_ajuda { 
	line-height:1.8em;
	width:90%;
	display:block;
	float:right;	
	text-align:justify;
} 						
.lista_ajuda	{
	list-style-position:outside;  
	width:90%;	   
	display:block;
	list-style-type:disc;
	
}
.subtitulo_ajuda_preto { 
	line-height:1.8em;
	width:90%;
	display:block;
	float:right;	
	font-weight:bold;
	text-decoration:underline;
} 
.subtitulo_ajuda_preto2 { 
	line-height:1.8em;
	width:90%;
	display:block;
	float:right;	
	font-weight:bold;
} 
.subtitulo_ajuda_azul { 
	line-height:1.8em;
	width:90%;
	display:block;
	float:right;	
	color:#0066CC;
	font-weight:bold;
} 
.tit_label_ajuda{
	color:#0066CC;
} 
.obs_geral{
 	color:#0066CC
}	  
/* linha que fica sob os titulos da area de vendas*/ 
.linha_vermelha{
	border-bottom: 1px solid red;
}			
.box_hlp{
 font-size:9;
}							
.vitrine_descricao{
 color:#003C6F;
}
/*
	margin: margin-top margin-right margin-bottom margin-left
	padding: margin-top margin-right margin-bottom margin-left
*/					
/*textos em destaque*/
.destaque{
 color:red;
}				   
.link_topo{
 	font-weight:none; 
	color:#666;
	
}				 
  
/* classes do aten�ao_popup*/
.h3aviso_popup{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:red;
	margin:0;
}		

#aviso_popup{
	display:block;
	width:573;
	background-image: url(img/aviso_08.gif);
	background-repeat:no-repeat;
	height: 113;
	background-position: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin:auto;
		
}


/* Aviso */
.notice {
    color:              #000000;
    background-color:   #FFFFDD;
}
h1.notice,
div.notice {
    margin:             0.5em 0 0.5em 0;
    border:             0.1em solid red;
    padding:            10px 10px 10px 10px;
    text-align:         center;
            }
.notice h1 {
    border-bottom:      0.1em solid #FFD700;
    font-weight:        bold;
    text-align:         center;
    margin:             0 0 0.2em 0;
}

.notice strong {
    color:              #000000;
}
