/*
Versão 1.0
----
TAGS
----
*/
body{ background:#EDD6AE; text-align:center; }
body,h1,h2,h3,h4,h5,h6,p,div,td,th,dd,dt,input,select,textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:normal; }
body,div,img,form{ margin:0px; padding:0px; border:0px; }

input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; }

img{ display:block; }

a:link, a:visited { color: #FFF; text-decoration:none; font-weight:bold; }
a:active, a:hover { color:#FFF; text-decoration:underline; font-weight:bold; }

a.underline:link, a.underline:visited { color: #FFF; text-decoration:underline; }

a img { border:none; }

ul { padding:0px; margin:0px; }
li { list-style-type:none; }

/* Para o IE não renderizar altura dos <hr> */
hr{ display:none; margin:0px !important; padding:0px !important; height:0px !important; }

fieldset{ border:none; }

h1{ font-size:18px; }
h2{ font-size:14px; }
h3{ font-size:12px; }
h4{ font-size:11px; }
h5{ font-size:10px; }
h6{ font-size:9px; }


/*
-------
CAMADAS
-------
*/
div#root{ position:relative; width:770px; margin:0px auto 0px auto; text-align:left; }
	div#root div#header{ position:relative; background-color:#000; width:145px; float:left; }
	div#root div#miolo{ width:620px; float:left; }
	
	/* HEADER */
	div#header div#logo{ margin:10px 0 0 13px; }
/* div#logo h1{ margin:0 0 0 0; } */
		div#logo a#netKimonos{ background:url(../img/logo.gif) no-repeat; width:120px; height:177px; display:block; text-indent:-6000px;}
	div#header div#menuPrincipal{ margin:10px 0 0 13px; }
		div#menuPrincipal a{ width:120px; border-bottom:#666 1px solid; display:block; font-size:10px; text-align:center; padding:10px 0 10px 0; }
		div#menuPrincipal a.ativo{ background:#DA2128; border:0px; }
	div#header div#banners{ margin:0 0 0 13px; }
		div#banners p{ margin:10px 0 0 0; }
	div#header div#bottomHeader{ background:url(../img/bottomHeader.gif) no-repeat; width:145px; height:142px; display:block; }
	
	/* MIOLO */
	div#miolo div#subMenu{ margin-left:10px; *margin-left:5px; width:610px; float:left; clear:left; }
		div#subMenu .faixaPreta{ background-color:#000; text-align:right; height:5px; width:auto; }
		div#subMenu ul{ float:right; }
		div#subMenu li{ float:left; margin:6px 8px 0 8px; }
			div#subMenu a.ajuda, div#subMenu a.cadastrese, div#subMenu a.indique, div#subMenu a.faleConosco{ height:13px; text-indent:-6000px; display:block; }
			div#subMenu a.ajuda{ background:url(../img/ajuda.gif) no-repeat; width:34px; }
			div#subMenu a.cadastrese{ background:url(../img/cadastrese.gif) no-repeat; width:68px; }
			div#subMenu a.indique{ background:url(../img/indique.gif) no-repeat; width:40px; }
			div#subMenu a.faleConosco{ background:url(../img/faleConosco.gif) no-repeat; width:73px; }
	div#miolo div#menuCommerce{ margin-left:10px; margin-top:5px; background-color:#000; height:30px; clear:both; }
		div#menuCommerce p, div#menuCommerce li{ float:left; }
		form#frmLogin{ margin-top:-9px; *margin-top:0px; }
		div#menuCommerce a.meuPedido,
		 div#menuCommerce a.minhaConta,
		 div#menuCommerce label.email,
		 div#menuCommerce label.senha{ height:12px; display:block; float:left; text-indent:-6000px; }
		div#menuCommerce a.meuPedido{ background:url(../img/meuPedido.gif) no-repeat; width:59px; margin:10px 0px 0 7px; }
		div#menuCommerce a.minhaConta{ background:url(../img/minhaConta.gif) no-repeat; width:66px; margin:10px 0 0 10px; }
		div#menuCommerce label.email{ background:url(../img/email.gif) no-repeat; width:35px; margin:10px 5px 0 160px; *margin-left:70px; }
		div#menuCommerce label.senha{ background:url(../img/senha.gif) no-repeat; width:34px; margin:10px 5px 0 5px; }
		div#menuCommerce input{ width:85px; margin:4px 0 0 0;}
	div#miolo div#modalidades{ margin:15px 0 0 10px; *margin-left:5px; width:610px; background:url(../img/bg_modalidades.gif) repeat-x left bottom; float:left; clear:left; }
		div#modalidades li{ float:left; }
		div#modalidades a#btnJudo,
		div#modalidades a#btnJiujitsu,
		div#modalidades a#btnKarate,
		div#modalidades a#btnTaekwondo,
		div#modalidades a#btnOutrasModalidades{ width:109px; height:100px; display:block; margin-left:6px; text-indent:-6000px; }
		div#modalidades a#btnJudo{ background:url(../img/judo.gif) no-repeat 0 0; margin-left:15px; }
		div#modalidades a#btnJiujitsu{ background:url(../img/jiujitsu.gif) no-repeat 0 0; }
		div#modalidades a#btnTaekwondo{ background:url(../img/taekwondo.gif) no-repeat 0 0; }
		div#modalidades a#btnKarate{ background:url(../img/karate.gif) no-repeat 0 0; }
		div#modalidades a#btnOutrasModalidades{ background:url(../img/outrasModalidades.gif) no-repeat 0 0; }
		div#modalidades a.ativo{ background-position:left bottom !important; }
	div#miolo div#conteudo{ margin-left:10px; *margin-left:5px; width:580px; *width:610px; float:left; clear:left; background-color:#000; padding:18px 15px 10px 15px; }
/*
		div#conteudo h2{ font-size:18px; color:#FFF; font-weight:bold; margin-bottom:0px !important; }
*/
		div#miolo div.divBranca{ background:url(../img/divBranca.gif) repeat-x; height:2px; margin:13px 0 6px 0; width:auto;}
		div#miolo div.divCinza{ background:url(../img/divCinza.gif) repeat-x; height:2px; margin:13px 0 6px 0; padding-bottom:10px; *padding-bottom:0px; width:auto; clear:left; }
		div#miolo div#destaquesHome{ float:left; width:375px; }
			div#destaquesHome div.produto2{ width:182px; float:left; margin-bottom:13px; *margin-bottom:0px; }
			div#destaquesHome div.produtoRight{ margin-left:10px; }
			div#destaquesHome img{ border:#FFF 1px solid; }
			div#destaquesHome p{ margin:10px 2px 0 2px; }
			div#destaquesHome span.preco{ font-size:14px; font-weight:bold; }
			
			div#conteudo select.cboProdutos{ width:250px; }
				div#conteudo select.cboProdutos optgroup{ font-size:11px; text-transform:uppercase; color:#FFF; background-color:#666; }
				div#conteudo select.cboProdutos option{ background-color:#FFF; color:#000; text-transform:lowercase; }
		div#miolo div#lateral{ float:left; width:205px; }
			div#miolo div.box{ margin-top:26px; }
			div#miolo div.boxLateral{ background-color:#736F67; margin-left:10px; padding:10px; }
				div#miolo div.boxLateral h3{ font-weight:bold; text-transform:uppercase; margin:0 0 0 0; }
				div#miolo div.boxLateral p{ margin:5px 0 0 0; }
				div#miolo div.boxLateral label{ margin-bottom:5px; font-weight:bold; }
		
		div#miolo div.internas{ margin-bottom:20px; }
			div#miolo div.internas form{ margin-left:20px; }
			div#miolo div.internas p{ margin:10px 0 0 0 !important; }
			div#miolo div.internas label{ font-weight:bold; display:block; }
			div#miolo div.internas input{ margin-top:3px; width:300px; }
	
	/* DOWNLOADS */
	div#downloads{ margin-bottom:30px; }
		div#downloads li{ margin-bottom:5px; background:url(../img/ico_rect.gif) no-repeat 0 5px; padding-left:10px; }
		div#downloads a{ font-weight:normal; text-decoration:underline; }
				
	
	

/*
------
BOTÕES
------
*/
a.btnOk{ background:url(../img/ok.gif) no-repeat; width:21px; height:16px; display:block; float:left; text-indent:-6000px; margin-top:6px; margin-left:8px; *margin-left:0px; }
input.btn{ border:#808080 1px solid !important; width:auto !important; background-color:#666; color:#FFF; margin:4px 0 4px 0; font-size:9px; }

/*
-------
CLASSES
-------
*/
.hide{ display:none; }
.debug{ border:1px solid red !important; }
.displayNone{ display:none !important; }
.displayBlock{ display:Block !important; }
.alignCenter{ text-align:center !important; }
.alignLeft{ text-align:left !important; }
.alignRight{ text-align:right !important; }
.alignTop{ vertical-align:top !important; }
.alignMiddle{ vertical-align:middle !important; }
.alignBottom{ vertical-align:bottom !important; }
.noBorder{ border:none !important; }
.noPadding{ padding:0px !important; }
.noMargin{ margin:0px !important; }
.noBackground{	background:none !important; }
.noStrong{ font-weight:normal !important; }
.floatLeft{ float:left !important; }
.floatRight{ float:right !important; }
.clearLeft{ clear:left; }
.clearRight{ clear:right; }
.clearBoth{ clear:both; }
.radioBt{ width:auto !important; margin:0px; padding:0px; }

/*
Classes necessárias para o sistema
*/
.areaTrabalho { background-color: #000000; }
h1 {
	margin-top: 0px;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../img/divBranca.gif) repeat-x bottom;
	padding-bottom: 14px;
}
h2 {
	font-size:16px; color:#FFFFFF; font-weight:bold;
	background:url(../img/divBranca.gif) repeat-x bottom;
	padding-bottom: 8px;
}

.preco{ font-size:14px; font-weight:bold; }
.precoAntigo { font-size: 13px;	}
.fontePequena {	font-size: 9px; }
.inputPequeno {	font-size: 9px; }

.itens { width: 100%; border: #FFFFFF 1px solid; }
.itens th {
	text-align: center;
	background-color: #736F67;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
}
.itens td {
	padding: 3px;
	vertical-align: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.passo { padding: 3px; }
.passoAtual { background-color: #736F67; padding: 3px; border: #FFFFFF 1px solid; }

.tabelaForm { width: 100%; }
.tabelaForm td {
	font-color: #7895A5;
	padding: 3px;
	vertical-align: top;
}
.tabelaForm th {
	padding: 5px;
	background-color: #736F67;
	font-size: 14px;
	font-weight: bold;
	text-align: left;

}
.label { font-weight: bold; }
.erro {
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFFF;
}
.botoes { text-align: center;}
.botoes input { 
 border:#808080 1px solid !important; width:auto !important; 
 background-color:#666; color:#FFF; margin:4px 0 4px 0; font-size:9px;
 text-transform:uppercase;
}
.tabelaErro {
	font-weight: bold;
	width: 90%;
}
.tabelaErro td {
	height: 30px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle !important;
}
.tabelaErro td a {color:#FF0000;}
.tabelaErro td a:hover {color:#FF0000;}
.tabelaMensagem {
	width: 90%;
}
.tabelaMensagem td {
	font-weight: bold;
	color: #009933;
	background-color: #FFFFFF;
	height: 30px;
	text-align: center;
	vertical-align: middle !important;
}
.popup { background-color: #000000; vertical-align: top; }
.popup td { vertical-align: top; }
.popup h1 { 
	padding-left: 5px; padding-top: 5px;
}
.maisDetalhes {font-size:9px}
/*
.pagina_produto div#conteudo img{ border:#FFFFFF 1px solid; }
*/
div#conteudo td { vertical-align: top; }