.tabela, .tabela td {
border:1px solid #e3e6eb;
}

.conteudoAbas{
width: 99%;
border: 1px solid #ccc;
}

.conteudoAbas div {
margin:4px;
}

a      			{ text-decoration: none; color: #0000cc } 
a:hover 		{ text-decoration: none; color: red } 
a.online  		{ color: white } 
a.online:hover 	{ color: #660000 } 
html 			{ overflow: -moz-scrollbars-vertical; }
body,td,ul {
	font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 11px; 
	line-height:16px;
	color: #333333; 
}
body, dd, dl, dt, form, img, ul, h1, h2, h4, p, fieldset { text-decoration:none; margin:0; padding:0; border:none; }
input, textarea	{ 
	font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 11px; 
	color: #000000; 
}


/*  */

.fundoTopo  { 
	background: #39312E  url(fundoTopo.jpg) center no-repeat;
}
/* MENU INICIO */
.solidblockmenuExterno{
margin: 0;
padding: 0;
font: bold 13px Arial;
border: 1px solid #fff;
background: black url(blockdefault.gif) center center repeat-x;
}
.solidblockmenu{
font: bold 13px Arial;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}
.menuCabecalhoCadastro {
	color:#fff;
}
.menuCabecalhoCadastro a {
	margin: 0 10px;
	color:#fff;
}
.menuCabecalhoCadastro a:hover {
	color:yellow;
}
/* MENU FIM */


/*

#invertedtabs a{
float:left;
color: white;
background: #8b0000 url(color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right2.gif) no-repeat right bottom;
padding:0px 9px 1px 6px;
}


*/

/*.titulo*/
h1	{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px; 
	color: #33f; 
	line-height:32px;
	font-weight : normal;

	padding:1px;
	border-bottom: 1px dotted #ccccff;
	margin: 10px 6px 10px 6px;
}
h2	{ 
	font-size: 15px; 
	color: #666; 
	line-height:20px;
	font-weight : bold;
	font-variant : small-caps;
	padding:1px;
	margin: 0px 6px 0px 6px;
}
.infoLocal	{ 
	font-size: 11px; 
	color: #333333; 
	line-height:12px;
	border-top: 1px dotted #ccf;
	padding:1px;
	margin-top:12px;
	text-align : right;
	padding-right:20px;
}
#rodape	{ 
	font-size: 11px; 
	line-height:14px;
	color: #777; 
	border-top: 1px dotted #bbf;
	border-bottom: 1px dotted #bbf;
	margin-top:10px;
	text-align : center;
	clear: both;
}
#rodape	a{
	text-decoration:underline;
	color: #777; 
}

.tabCadItem {
	text-align : right;
	font-weight : bold;
}
.tabCadTitulo {
	background-color:#fff;
	font-size: 13px; 
	color: #333333; 
	font-weight : bold;
	font-variant : small-caps;
	border-bottom: 1px dotted #ccccff;
}
.tabCadTituloCC {
	text-align:center;
	font-size: 13px; 
	color: #333333; 
	font-weight : bold;
	font-variant : small-caps;
	border-bottom: 1px dotted #ccccff;
}
#msgdiv {
	background-color:#ffff66;
	text-align : center;
	width:100%;
	display:none;
}
.alerta {
	background-color:#ffff66;
	text-align : center;
	width:100%;
	padding:2px;
	margin:4px 0;
}



.paginasTitulo {
	background-color:#fff;
	font-size: 16px; 
	font-weight : bold;
	font-variant : small-caps;
	height: 72px;
	background: transparent url(tit_fundo.png) no-repeat left;
	background-position: 10px 24px;
}
.paginasTitulo span {
	position: relative;
	top:10px;
	left:12px;
	letter-spacing:1px;
	color: white;
}
.paginasTitulo img {
	position: relative;
	left:12px;
}
.transp{
	filter:alpha(opacity=20);
	-moz-opacity:0.2
}
.transp2{
	filter:alpha(opacity=50);
	-moz-opacity:0.5
}


.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
clear:both;

}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline-block;
float:left;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}

.menuVertClasseElem {
	color:red;
}

.ubercolortabs a{
float: left;
color: white;
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #aaa;
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ 
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #ccc; 
border-top: 1px solid #fff; 
}


a.btvermelho,a.btcinza, a.btvermelhom,a.btcinzam, a.btvermelhop,a.btcinzap {
	height: 28px; 
	display: inline-block; 
	background: url(botoes.png) no-repeat; 
	line-height:22px;
	cursor:pointer;
	font-weight:bold; 
	font-size:13px; 
	letter-spacing: 1px;
	text-align:center;
	}
a.btvermelho, a.btvermelho:hover {
	width: 234px;
	background-position: 0 0; 
}
a.btcinza, a.btcinza:hover {
	width: 234px;
	background-position: 0 -40px ;
}
a.btvermelhom, a.btvermelhom:hover {
	width: 180px;
	background-position: 0 -80px ; 
}
a.btcinzam, a.btcinzam:hover {
	width: 180px;
	background-position: 0 -120px ;
}
a.btvermelhop, a.btvermelhop:hover {
	width: 130px;
	background-position: 0 -160px ; 
}
a.btcinzap, a.btcinzap:hover {
	width: 130px;
	background-position: 0 -200px ;
}
a.btcinzap, a.btcinzam, a.btcinza {
	color:#777;
}
a.btcinzap:hover, a.btcinzam:hover,  a.btcinza:hover{
	color:#333;
}

a.btvermelhop,a.btvermelho,a.btvermelhom { 
	color:#fff;
}
a.btvermelhop:hover, a.btvermelho:hover, a.btvermelhom:hover {
	color:#ff3;
}
.caixa500{
padding: 10px 0;
width:500px;
margin: 10px auto;
background-color:#e0e0e0;
}
.caixa500 h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight : normal;
	font-variant:small-caps;
	text-align:left;
	padding: 0;
	margin:0px 10px;
	border-bottom: 1px dotted #ccccff;

}
/* Menu Vertical */
#menuvertDIV {
	width:180px; 
}

/* Cabeçalho do Menu Vertical */
.menuVertTitulo {
background: url(menuVertTitulo.gif); 
height: 30px; 
font: bold 15px Arial;
font-variant:small-calps; 
line-height: 33px; 
color:#fff;
text-align:center;
}


div.bannerP {
	background-color:#EF153D;
	display:block;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:2px;
	margin-bottom:10px;
}
div.bannerP div.bannerInterno {
	background-color:#fff;
	display:block;
}
.fundoMenuTopo{
	background-color: #F73361;
	padding:4px;
	color:white;
	border-bottom:1px solid white;
	border-top:1px solid white;
}

/*
.menuVertTitulo span{
background: transparent url(menuVertTituloCE.gif) no-repeat left top; 
display: block;
}
.menuVertTitulo span span{
display: block;
background: transparent url(menuVertTituloCD.gif) no-repeat right top;  
}
*/
/* Menu Vertical */
.menuVertClasseItensBorda {
border:1px solid #ddd;
}
.menuVertClasseTit {
font-weight:bold;
padding:4px;
color:red;
background-color:#eee;
border-bottom:1px dotted #ddd;
}
.menuVertClasseItens {
list-style:none;
margin:0;
padding:0;
background-color:#eee;
}
.menuVertClasseItens li {
padding:4px 0;
border-bottom:1px dotted #ddd;
margin:0 0 0 8px;
}
.menuVertClasseItens li b a {
color:red;
}
.menuVertClasseItens li a {
color: #666;
}
.menuVertClasseTit div { /* Titulo da classe ativa no Menu Vertical */
padding:4px;
}

/* cabeçalho da lista de produtos */
.menuVertClasse {
background: url(menuVertTitulo.gif); 
height: 30px; 
color:white;
font: bold 13px Arial; 
line-height: 31px; 
text-align:left;

}
.menuVertClasse span span {
font-weigth:normal;
margin-left:32px;
font-size:14px;
}
.menuVertClasse span span a {
color:white;
font-weigth:normal;
}
.menuVertClasse span span a:hover {
color:yellow;
}
.menuVertClasse b a {
color:white;
}
.menuVertClasse b a:hover {
color:yellow;
}
/*.menuVertClasse span{
background: transparent url(menuVertClasseCE.gif) no-repeat left top; 
display: block;
}
.menuVertClasse span span{
display: block;
background: transparent url(menuVertClasseCD.gif) no-repeat right top;  
}
*/
/* Definições da coluna da esquerda*/

.menuVertClasseCl {
	font-weight:bold;
	padding:4px;
	display:block;
	color: #666;
	border-bottom:1px dotted #ddd;
	background-color:#FFeded;
}

.formtitulo {
	font-weight:bold;
	text-align:right;
}
.comentario{
	font-style: italic;
	color:#999;
}

#listaElementos{
	border-top:0;
	display:block;
	margin-bottom:10px;
}
.subtituloLista {/* 2 Linha com opções na apresentação dos produtos */
background-color: #f8f9fb; 
border-right:1px solid #ddd;
border-left:1px solid #ddd;
margin:0;
line-height: 24px;
}
.subtituloLista select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #990000;
	background-color: #F4F4F4;
	border: 1px solid #D4D4D4;
	padding: 1px;
}
/* elementos comuns */
#listaElementos .nome {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#222;
font-weight:normal;
}
#listaElementos .nome i {
color:#666;
font-size:11px;

}


.lista .container{
	display:block;
	border-top:1px dotted #ccc;
	clear:both;
}
.lista .img{
	float:left;
	padding:4px;
	text-align:center;
	width:150px;
	height:130px;
	display: block;
}
.lista .nome {
	padding:2px;
	display:block;
}
.lista .preco{
	display:block;
	font-size: 11px;
	color:red;
	margin:3px;
}

.lista .classes{
	display:block;
	font-size: 11px;
	margin:5px;
	color:gray;

}
.lista .descr{
	line-height:12px;
	display:block;
	font-size: 11px;
	margin:5px;
	color:#999;
}

.grade{
	display:inline-block;
	border:0;
	margin:0;
	padding:0;
	
}
.grade .container{
	text-align:center;	
	width:32%;
	float:left;
	font-weight:normal;
	border:1px solid #fff;
	margin:2px 2px 20px 2px;
	padding:0;
	/*border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;*/
	
}
.grade .img{
	margin:0px 0;
	
	text-align:center;
	height:120px;
	width:120px;
	display: inline-block;
}
.grade .nome{
	margin:0px;
	text-align:center;
	display:inline-block;
	height:32px;
	width:100%;
}
.grade .preco{
	font-size: 11px;
	font-weight:normal;
	color:red;
	margin:3px;
	width:100%;
}
.grade .classes,.grade .descr, .grade .unidade{
	display:none;
}


.produtoBasica { width:180px; float:left; margin: 10px; }
.produtolinha { border-bottom:1px solid #ddd; }
.produtodetalhes { font-size: 11px; line-height:12px; border-bottom:1px solid #ddd; color:#333;}
.produtodetalhes a .precoProd { font-weight : bold; color:red;}
.produtodetalhes a:hover .precoProd { text-decoration: underline;  cursor:pointer;}
.produtodetalhes a .precoPromoProd { color:#333; }
.produtodetalhes a:hover .precoPromoProd { text-decoration: underline;  cursor:pointer;}
.produtodetalhes a .nomeProd { font-weight : bold; margin-bottom:5px; color:#333;}
.produtodetalhes a:hover .nomeProd { text-decoration: underline; cursor:pointer;}
.DescrNomeProd { font-size: 12px; line-height:16px; color:#333; font-weight : bold;}
.DescrPrecoPromoProd { font-size: 12px; line-height:16px; color:#333;}
.DescrPrecoProd { font-size: 12px; line-height:16px; color:red; font-weight : bold;}



















/*
.menuH {
padding: 0px;
background-color: #00d; 
text-align:center;
border-right:1px solid white;
border-bottom:1px solid white;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
font-variant:small-caps;
letter-spacing:1px;
}
.menuH a{
display:block;
line-height:18px;
text-decoration:none;
color:#fff;
background: transparent url(roundleft2.gif) no-repeat left top;
}
.menuH a span{
display: block;
background: transparent url(roundright2.gif) no-repeat right top;
padding: 2px;
}
.menuH a:hover{
text-decoration:none;
color:#fff;
background-color: #00f;
}

.menuVertical {
	margin: 0;
	padding: 0;
}
.menuVertical b {
	background: #eee url(roundleft2.gif) no-repeat top left;
	display:block;
	color:#222;
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
}
.menuVertical b span {
	background: transparent url(roundright2.gif) no-repeat top right;
	display:block;
}
.menuVertical ul{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.menuVertical ul li a{
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #000;
	padding: 2px 12px;
	display: block;
	font-weight:bold;
	text-decoration:underline;
}
.menuVertical ul li a:hover{
	color:red;
	text-decoration:underline;
}

*/
