@charset "utf-8";
/* CSS Document */



/* CABEÇALHO DAS PAGINAS*/

*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;	
}


/* AQUI É A DIV PRINCIPAL, TUDO ESTÁ DENTRO DELA*/

#geral{
	position:relative;
	top:10px;
	left:0;
	display:block;
	width:720px;
	height:600px;
	
}

/* ---------------------- TOPO-----------------------*/
#topo{
	position:relative;
	top:0;
	right:0;
	display:block;
	width:720px;
	height:80px;
	float:right;	
	}
	#bsup{
	position:relative;
	top:0;
	right:0;
	display:block;
	width:720px;
	height:80px;
	float:right;
	background-image:url("adm/images/layout/bsup.png")!important;
	background-repeat:no-repeat;
	background:none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="adm/images/layout/bsup.png",sizingMethod="scale");
	}
	
		
/* ---------------- MEIO DA QUERY -----------------------*/



#meio{
	position:relative;
	top:0;
	_top:-22px;
	left:0;
	display:block;
	width:718px;
	height:500px;
	_height:5%;
	float:left;
	z-index:1;		
}



/* ---------------------- RODAPÉ---------------------------*/

#rodape_h{
	position:relative;
	top:0;
	*top:3px;
	_top:3px;
	left:0;
	display:block;
	width:718px;
	height:20px;
	float:left;
	padding-bottom:20px;		
}
html>body #rodape_h{ /* CORREÇÃO IE7 */
padding-bottom:3%;	
}

#rodape{
	position:relative;
	top:10px;
	*top:13px;
	_top:13px;
	left:0;
	display:block;
	width:718px;
	height:20px;
	float:left;
	padding-bottom:20px;		
}
html>body #rodape{ /* CORREÇÃO IE7 */
padding-bottom:3%;	
}

h6{
font:9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
width:720px;
heigth:10px;
text-align:center;
margin-top:3px;
border-top:1px solid #ccc;
}
h6 a{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#CC0000;
text-decoration:none;
}
h6 a:hover{
text-decoration:underline;
color: #000;
}



/* ---------------------- BARRAS DOS TÍTULOS DAS PAGINAS E EFEITOS DO MENU---------------------------*/



#barra{
	position:relative;
	top:1px;
	left:2px;
	display:block;
	width:718px;
	height:18px;
	float:left;
	background-image:url("adm/images/layout/barra.png")!important;
	background-repeat:no-repeat;
	background:none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="adm/images/layout/barra.png",sizingMethod="scale");		
}

#barra_i{
	position:relative;
	top:0;
	*top:5px;/* CORREÇÃO IE7 */
	_top:5px;/* CORREÇÃO IE6 */
	left:2px;
	display:block;
	width:718px;
	height:18px;
	float:left;
	background-image:url("adm/images/layout/barra.png")!important;
	background-repeat:no-repeat;
	background:none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="adm/images/layout/barra.png",sizingMethod="scale");	
}


/* ---------------------- PAGINA HOME---------------------------*/



#meio1{
	position:relative;
	top:10px;
	left:0;
	width:720px;
	height:240px;
	display:block;
	float:left;
}
#meio2{
	position:relative;
	top:10px;
	left:0;
	display:block;
	width:718px;
	height:230px;
	float:left;	
}



/* ---------------------- DIVISOES DA HOME---------------------------*/


#a{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:718px;
	height:220px;
	float:left;	
}
#a1{
	position:relative;
	top:0;
	right:2px;
	display:block;
	width:718px;
	height:20px;
	float:right;	
}

#a2{
	position:relative;
	top:10px;
	left:0;
	display:block;
	width:720px;
	height:180px;
	float:left;		
}
/* ---------------------- DIVISOES DAS OUTRAS PAGINAS---------------------------*/
#b{
	position:relative;
	top:10px;
	left:0;
	display:block;
	width:720px;
	height:auto;
	float:left;
	z-index:2;
	
}
#b1{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:455px;
	float:left;	
}
#b1_a{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:215px;
	float:left;	
}
#b1_b{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:230px;
	float:left;	
}
#b2{
	position:relative;
	top:0;
	right:0;
	display:block;
	width:110px;
	height:450px;
	float:right;
	border:1px solid #ccc;	
}
#b2_a{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:100px;
	float:left;	
}
#b2_b{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:350px;
	float:left;	
}
#b3{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:110px;
	height:450px;
	float:right;
	border:1px solid #ccc;	
}



/* ---------------------- ESTILOS EM TEXTOS, TABELAS E FORMULARIOS---------------------------*/




.b1_texto{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:560px;
	float:left;
	text-align:left;
	padding:10px 10px 10px 10px;		
}
.b1_texto:first-letter {
	font-size: 28px;
	color:#000;
}

.b2_texto{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:460px;
	float:right;
	text-align:left;	
}
ul.b2{
	list-style-image: url("adm/images/compras/marca.gif");
}
ul.b2 li{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	margin: 10px 10px 10px 20px;
	}
ul.b3{
	list-style:none;
}
ul.b4 li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	text-decoration:none;
	margin: 10px 10px 10px 20px;
	}
ul.b4 li a{	
	color: #000;
	text-decoration:none;
}
ul.b4 li a:hover{	
	text-decoration:underline;
	}
ul.b4{
	list-style:square;
}
ul.b3 li{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	margin: 10px 10px 10px 20px;
	}

.chaves{
	
	font:bold 11px verdana, arial, helvetica;
	color:#CC0000;
	text-decoration:none;
}
table.borda{
	border-collapse: collapse;
	margin:10px 10px 10px 10px;
}

table.borda tr td {
	border:1px solid #ccc;
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#000;
	padding:5px 5px 5px 5px;
}
.images{
	margin-top:20px;
}
.pedido tr td{
	font:bold 9px verdana, arial, helvetica, sans-serif;
	color:#7f7e7b;
	text-align:left;
}
input { 
	background:none; 
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#000;
	border:1px solid #ccc;
	float:left;
	vertical-align: middle; 
}
textarea{ 
	background:none; 
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#000;
	border:1px solid #ccc;
	float:left;
	width:99%;

}
form.margem{ 
	margin: 10px 10px 10px 140px;
	font:bold 9px verdana, arial, helvetica, sans-serif;
	color:#7f7e7b;
	text-align:left;	
}
#tabs1 a{
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color:#000;
	background:#f1f1f1;
	float:left;
	margin-right:10px;
	padding:3px 5px 3px 5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#tabs2 a{
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color:#000;
	background:#f1f1f1;
	float:left;
	margin-right:5px;
	padding:3px 5px 3px 5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#b1_tabs{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:214px;
	float:left;
	border:1px solid #ccc;
	background:#f1f1f1;
}
#b2_tabs{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:600px;
	height:330px;
	float:left;
	border:1px solid #ccc;
}

#b2_desc{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:580px;
	height:160px;
	float:left;	
}		
h5{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
}
h3{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	float:left;
	margin:4px;
	border-bottom:1px solid #ccc;
	width:590px;
}
h4{
	position:relative;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	float:left;
	border-bottom:1px solid #ccc;
	width:720px;
	margin-top:-11px;
	z-index:1000;
}
.texto{
	position:relative;
	top:3px;
	right:0;
	display:block;
	width:180px;
	height:160px;
	float:right;
	font:11px verdana, arial, helvetica;
	color:#000;
	text-align:left;
	border:1px solid red;
	}
.image{
	position:relative;
	top:3px;
	left:3px;
	display:block;
	width:100px;
	height:100px;
	float:left;
	border:none;
}
.meuselect {  
	width:319px; /* Largura da janela do menu */
	background:#f1f1f1; /* Cor do fundo do menu em repouso */
	font:11px arial, helvetica, sans-serif; /* Tamanho e tipo das letras */
	color:#000; /* Cor das letras do Título do menu */
	margin-bottom:10px;
}
.meuselect option.impar { 
	width:319px; /* Largura da janela do menu para NN */  
	background-color:#ccc; /* Cor do fundo dos links impares */ 
	color:#000; /* Cor das letras dos links impares */ 
}
.res{
font:11px verdana,arial,helvetica;
color:#666666;
text-align:center;
}
#outros{
position:absolute;
top:220px;
left:270px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align:left;
}
#outros a{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#CC0000;
text-decoration:none;
}
#outros a:hover{
text-decoration:underline;
color: #000;
}
#outros ul{
list-style:square;
}

/* ---------------------- MENU SUPERIOR---------------------------*/



#outside{
	position:absolute;
	top:54px;
	right:0;
	width:700px;
	height:20px;
	float:right;
	z-index:9999;	
}
*html #outside{ /* CORREÇÃO IE6 */
position:relative;
top:-26px;
left:20px;

}
.menu-hv * { 
		margin: 0;
		padding: 0;
		
	}
	.menu-hv a { 
		display: block; 
	}
	.menu-hv li { 
		list-style: none; 
		float: left;
		height: 1%; 
	}
	.menu-hv li ul { 
		position: absolute; 
		visibility: hidden;
	}
	.menu-hv li ul li { 
		float: none; 
		white-space: nowrap; 
		display: inline; /* o inline é pro IE */
	}
	.menu-hv li ul li ul { 
		position: relative; 
		left: 50%; 
		top: 20%; 
	}
	.menu-hv li:hover ul, .menu-hv li.over ul { 
		visibility: visible;
	}
	.menu-hv li:hover ul ul, .menu-hv li.over ul ul {
 		visibility: hidden;
 	}
	.menu-hv ul ul li:hover ul, .menu-hv ul ul li.over ul {
 		visibility: visible;
 	}

/* visual */
	.menu-hv { 
	
		background:none url(img/bg-menu.jpg) repeat-x top;
		width: 720px;
		margin:0; 
		height:20px;
		
	}
	.menu-hv a { 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:8pt; 
		text-decoration: none; 
		color: #fff; 
		padding: 0 16px; 
		line-height: 21px;
	}
	*html  .menu-hv a { 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:8pt; 
		text-decoration: none; 
		color: #fff; 
		padding: 0 22px; 
		line-height: 21px; 
	}
	.menu-hv a:hover { 
		text-decoration:underline; 
		background-color:none; 
		color: #000; 
		text-decoration:none;
		
	}
	.menu-hv ul li ul {  
		background-color:#FF3333;
		margin:0;
		width:340px;
		text-align:left;
		filter: alpha(Opacity=85); /*para ie*/
		opacity:0.85; /*para firefox*/
		-khtml-opacity:0.85; /*para opera*/
		border:none; 	
	}