/*
CSS - HITECH 
AUTOR: WAGNER RODRIGUES
SITE: WWW.BLACK80.COM
*/


* {
	margin:							0;
	padding:						0;
	list-style:						none;
	vertical-align:					baseline;
}

body {
	background:						transparent url(../imagens/fundo.jpg);
}

#fundo_topo {
	background:						transparent url(../imagens/fundo_topo.jpg) top repeat-x;
	width:							100%;
	float:							left;
}

#topo {
	margin:							0px auto;
	width:							965px;
	height:							204px;
	background:						transparent url(../imagens/topo.jpg) top no-repeat;
}



#logo {
	width:							100%;
	height:							126px;
	float:							left;
	margin:							0px;	
}

#login {
	margin-top:						30px;
	margin-left:					90px;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						11px;
	float:							left;
	z-index:						10000;
}

#login a {
	font-weight:					bold;
	color:							#555;
	text-decoration:				none;
}

#topo_menu {
	width:							100%;
	height:							33px;
	float:							left;
}

#logo #link a span {
	display:						none;
}

#logo #link a {
	float:							left;
	display:block;
	width:							100px;
	height:							90px;
	margin-top:						13px;
	margin-left:					20px;
}

#topo_menu ul {
	margin:    						7px auto auto auto;
	width:							956px;
}

#topo_menu li {
	display:						inline;
}

#topo_menu li .ativo {
	font-family:					Arial, Helvetica, sans-serif;
	color:							#fff;
	font-size:						10px;
	text-decoration:				none;
	float:							left;
	padding:						5px 20px;
	font-weight:					bold;
}

#topo_menu li .ativo:hover {
	color: 							#fc0;
}


#busca {
	width:							100%;
	height:							39px;
	float:							left;
}

#busca label {
	font-size:						10px;
	font-family:					Arial, Helvetica, sans-serif;
	color:							#fff;
	float:							left;
	margin:							4px 5px 0px 10px;
	width:							130px;
	text-align:						right; 
}

#busca .campo {
	width:							300px;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						13px;
	font-weight:					bold;
	padding:						3px 32px;
	margin-top:						4px;
	color:							red;
	float:							left;
	background:						#fff url(../imagens/busca.png) center left no-repeat;
}

#busca .botao {
	width:							70px;
	float:							left;
	height:							26px;
	background-color:				#666;
	border:							none;
	color:							#fff;
	font-family:					Arial, Helvetica, sans-serif;
	text-transform:					uppercase;
	font-weight:					bold;
	font-size:						10px;
	margin:							4px 5px;
}

#busca a span {
	display: 						none;
}

#form_busca {
	float:							left;
}

#atendimento {
	float:							left;
	width:							167px;
	height:							34px;
	margin-left:					10px;
}

#twitter {
	float:							left;
	width:							340px;
	height:							34px;
	margin-left:					10px;
}

#banner {
	margin:							0px auto;
	width:							965px;
	height:							256px;
	background:						transparent url(../imagens/banner.jpg) center no-repeat;
	overflow:						hidden;
}

#corpo {
	margin:							0px auto;
	width:							965px;
	background:						transparent url(../imagens/fundo_corpo_site.jpg) center repeat-y;
	overflow:						hidden;
}

#barra_esq {
	float:							left;
	width:							220px;
	margin-left:					20px;
	margin-top:						13px;
}

#barra_esq .menu {
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						11px;
	background-color:				#3A3A3A;
	border:							1px solid #222;
}

#barra_esq .menu li {
	padding:						3px 10px;
	border-bottom:					1px solid #555;
	text-transform:					uppercase;
	cursor:							pointer;
}

#barra_esq .menu li:hover {
	background-color:				#111;
}

#barra_esq .menu li a {
	color:							#fff;
	text-decoration:				none;
	width:							200px;
	display:						block;
}

#barra_esq .menu li a:hover {
	color:							#ff0;
	text-decoration:				none;
}

#barra_dir {
	float:							right;
	width:							690px;
	margin-right:					18px;
	margin-top:						15px;
}

#barra_dir p {
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						12px;
	color:							#555;
	margin:							10px 0px;
}

.lista_produto {
	padding:							10px 0px;
	float:								left;
	width:								100%;
}

.lista_produto li {
	width:							202px;
	height:							220px;
	margin:							0 10px 10px 0;
	padding:						8px 8px 0px 8px;
	background:						#fff url(../imagens/listaproduto.jpg) top center no-repeat;
	float:							left;
	overflow:						hidden;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						10px;
	text-align:						center;
	text-transform:					capitalize;
}

.lista_produto li:hover {
	background:						#fff url(../imagens/listaproduto.jpg) bottom center no-repeat;
}

#barra_dir .lista_produto li a {
	color:							#444;
	text-decoration:				none;
}


.produto {
	height:							120px;
	display:						block;
}

.produto_grupo {
	height:							140px;
	display:						block;
}


#barra_dir .desc_prod {
	height:							40px;
	overflow:						hidden;
}

#barra_dir h3 {
	margin:							10px 0px;
	font-family:					"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:							#333;
	border-bottom:					1px dotted #ccc;
}

#barra_dir h5 {
	margin:							10px 0px;
	font-family:					"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:							#333;
	border-bottom:					1px dotted #ccc;
	text-transform:					uppercase;
}

#barra_dir h4 {
	margin:							10px 0px;
	font-family:					"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:							#CA1E08;
	margin:							0 0 10px 0;
	text-transform:					uppercase;
}


.valor_de {
	font-style:						italic;
}

.valor_por {
	font-size:						12px;
	font-weight:					bold;
	font-family:					"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

#topo_detalhe .valor_por {
	font-size:						20px;
}

.parcela_prod {
	color:							red;
}

.link_comprar {
	position:						relative;
	bottom:							0px;
	margin-top:						5px;
}

.mais_vendidos {
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						11px;
	background-color:				#f4f4f4;
	border:							1px solid #666;
}

.item_direita {
	border:							1px solid #666;
	padding:						5px;
	background-color:				#f4f4f4;
}

.mais_vendidos a {
	text-decoration:				none;
	color:							#333;
}

.mais_vendidos strong {
	font-size:						13px;
	font-family:					Georgia, "Times New Roman", Times, serif;
	color:							#333;
}

.mais_vendidos li {
	padding:						5px 5px;
	border-bottom:					1px solid #ccc;
}

.mais_vendidos li:hover {
	background-color:				#fff;
}

#barra_esq .desc_prod {
	font-weight:					bold;
	color:							#333;
}

.menu_grupo {
	margin-left: 					10px;
	margin-top:						10px;
	margin-bottom:					10px;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						12px;
	padding-left:					15px;
}
.menu_grupo li {
	list-style-type:				circle;
	padding:						2px 0px;
}

.paginacao {
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						12px;
	text-align:						center;
}

#barra_dir a {
	color:							#069;
	text-decoration:				none;
}

#barra_dir a:hover {
	text-decoration:				underline;
}

#topo_detalhe {
	float:							left;
	width:							100%;
	height:							250px;
	margin:							10px 0px;
}

#figura_detalhe {
	float:							left;
	width:							230px;
	height:							250px;
}

#rodape {
	margin:							0px auto;
	width:							965px;
	height:							275px;
	background:						transparent url(../imagens/fundo_rodape.jpg) top center no-repeat;
	padding-bottom:					50px;
	padding-top:					75px;
}

#lojas {
	margin:							0 auto;
	width:							882px;
	height:							142px;
	padding-left:					55px;
}

#lojas h2 {
	display:none;
}

#lojas h5 {
	display:none;
}

#lojas ul {
	width:							147px;
	float:							left;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						10px;
	color:							#444;
}
#lojas li {
	height:							45px;
	padding-bottom:					7px;
}

#lojas li span {
	color:							red;
	font-size:						11px;
	font-weight:					bold;
}

#lojas li strong {
	font-size:						11px;
}

#lojas2 {
	margin:							0 auto;
	padding-left:					50px;
	margin-top:						30px;
}

#lojas2 ul {
	width:							200px;
	float:							left;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						10px;
	color:							#444;
}
#lojas2 li {
	height:							100px;
	padding-bottom:					7px;
}

#lojas2 a img {
	border:							none;
}

#lojas2 li span {
	color:							red;
	font-size:						11px;
	font-weight:					bold;
}

#lojas2 li strong {
	font-size:						15px;
}