/* ESTRUTURA PRINCIPAL
----------------------------------------------- */
* {
	margin:0;
	padding:0
}
body {
	text-align:center;
	margin: 0 auto;
	height:100%;
	background:#191818 url(../img/site/bg-repeat.jpg) repeat-x;
	font: 10px Verdana, Geneva, sans-serif;
	color: #CCC
}
body.admin {
	background-color: #000;
	background-image: none
}
div#tudo {
	width: 1000px;
	position:relative;
	top: -12px;
	margin: 0 auto;
	min-height:100%;
	height:auto !important;/* Necessário */
	height:100%;
	text-align:left;
}
div#topo {
	width: 1000px;
	height: 115px;
}
div#auxiliar {
	width: 223px;
	float:right;
	padding-bottom: 141px !important;
}
div#principal {
	width: 777px;
	float:left;
	padding-bottom: 141px !important;
	margin: 0;
	text-align:justify;
}
div#rodape {
	width: 980px;
	padding: 0 10px 10px;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 141px;
}
.floatright { float:right }
.floatleft { float:left }
.clear { clear:both; }
.hidden { display: none }
/* TIPOGRAFIA
----------------------------------------------- */
p {
	margin: 3px 0 10px 0;
	line-height: 14px;
	text-align: justify;
}
pre {
	font: 10px Verdana, Geneva, sans-serif;
	color:#999
}
h1, h2, h3, h4, legend {
	font-weight: normal;
	margin-bottom: 12px;
	font-size:18px;
	text-transform: uppercase;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
body.admin h1, body.admin h2, body.admin h3 { text-transform: none }
h1 { color: #fff }
h2 {
	font-size:15px;
	color: #fd1b00 /* vermelho */
}
h3, legend {
	font-size:13px;
	color:#999
}
legend b { color: #fff }
a { font-size:12px }
h4 {
	font-size:11px;
	color: #fff
}
legend { margin-bottom: 2px; }
b { color: #636363 }
ul { margin-left: 10px }
ul li {
	margin-bottom: 4px;
	padding-bottom: 5px;
}
/* ESTRUTURA INTERNA
----------------------------------------------- */
div#banner { background: url(../img/site/bg-banner.jpg) repeat-x; }
div#banner span {
	background:url(../img/site/banner_bg_dir.jpg) right no-repeat;
	display:block
}
div#banner span span {
	background:url(../img/site/banner_bg_esq.jpg) left no-repeat;
	display: block
}
div#banner img.banner-main { margin: 17px 0 15px 27px; }
div#promocoes { background: url(../img/site/promo_bg.gif) repeat-y; }
div#promocoes span.bg-bt {
	background:url(../img/site/promo_rodape.gif) bottom no-repeat;
	display:block
}
div#promocoes span img {
	border: 3px solid #333;
	margin: 14px 0 27px 20px
}
div#conteudo {
	background: url(../img/site/bg-conteudo.gif) repeat-y;
	margin-bottom: 20px
}
div#conteudo span.bg, div#conteudo span.bg span.bg {
	display:block;
	background: url(../img/site/conteudo-top.gif) top no-repeat;
}
div#conteudo span.bg span.bg {
	background: url(../img/site/conteudo-bt.gif) bottom no-repeat;
	padding: 13px 20px 14px 20px;
 *padding: 13px 20px 0 20px
}
#conteudo-desc {
	float: right;
	width: 520px;
	color: #999
}
#conteudo-desc-home {
 	float: right;
	*float: none;
	text-align: center;
	width: 450px;
	padding-left:30px;
}
#conteudo-desc fieldset {
	border: 1px solid #333;
	padding: 12px
}
#conteudo-desc img {
	border: 5px #333 solid;
	margin: 2px
}
#conteudo-desc img.thumb {
	display:block;
	margin-bottom: 3px
}
#conteudo-desc div.thumbnails { width: 208px }
div.thumbnails img { float: left }
#conteudo-desc div.caracts {
	width: 275px;
	float: right
}
#conteudo-desc div.caracts li {
	list-style: none;
	line-height: 17px;
	 text-align: left
}
div#links { background: url(../img/site/promo_bg.gif) repeat-y; }
div#links span.bg-bt {
	background:url(../img/site/link-bt.gif) bottom no-repeat;
	display:block
}
div#links span img {
	border: 3px solid #333;
	margin: 5px 0
}
div#links span a:hover img { border: 3px solid #666 }
div#links span { padding: 5px 17px 20px; }
div#marcas {
	padding-top: 20px;
	height: 120px
}
div#marcas li {
	list-style:none;
	float: left;
	width: 54px;
	height: 50px;
	margin: 1px;
	text-align:center;
	background:#101010 url(../img/marcas/rodape-thumbs-top.gif) top no-repeat;
}
div#marcas li img {
	position: relative;
	top: 20%
}
div#marcas ul, div#marcas img.titulo {
	margin-left: 160px;
	margin-bottom: 10px
}
div#marcas p {
	text-align: center;
	position:relative;
	top: 20px
}
#lista-produtos h3 {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px
}
#lista-produtos h3 b { color:#666 }
#lista-produtos b span { color: #fff; }
ul#lista-produtos li {
	float: left;
	text-align: center;
	margin: 3px;
	width: 160px;
	list-style-image: none;
	list-style-type:none;
	height: 220px;
	color: #666
}
/* FORMULARIOS + ADMINISTRADOR
----------------------------------------------- */
.rodape-admin { 	margin-bottom: 20px; color: #666}
.rodape-admin b { color: #CCC /* vermelho */;} 
body.admin div#conteudo {
	background: none;
	background-color: #0f0f0f;
	border: 4px solid #131313;
	padding: 30px;
	margin-top: 40px
}
body.admin hr {
	border: 1px solid #333;
	margin: 25px 0
}
.in-out { cursor: pointer }
body.admin fieldset {
	border: 1px solid #333;
	padding: 15px;
	float: left
}
fieldset.col-simples { width: 210px }
fieldset.col-duplo { width: 510px }
fieldset.col-simples textarea {
	width: 225px;
	padding: 5px;
	color: #fd1b00 /* vermelho */;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
fieldset.col-duplo textarea { width: 510px }
fieldset.col-duplo input.i-padrao, fieldset.col-duplo select.i-padrao { width: 510px }
body.admin legend {
	color: #fd1b00 /* vermelho */;
	font-size: 14px;
	font-weight: bold;
	padding:2px 5px;
}
body.admin th {
	background-color: #900; 
	padding: 5px;
	color: #fff;
	text-align: center;
	font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
body.admin td {
	padding: 4px;
	text-align: center;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.home-admin td, .home-admin th {
	padding: 15px;
	text-align: left;
	background-color: #0f0f0f;
}
body.admin .even { background-color: #161616; border-bottom: 1px solid #666 }
input.bt-padrao, body.admin button {
	color: #ccc;
	padding: 0 20px;
	border: 1px solid #222;
	cursor: pointer;
	height: 28px;
	background: url(../img/site/admin/bg-submit.gif) repeat-x
}
.bt-admin {
	font-size: 13px;
	text-align: left;
	cursor: pointer;
	display: block;
	text-decoration: none;
	padding: 15px;
	background-color:  #0f0f0f;
	border: 1px solid #232323;
	color: #fd1b00 /* vermelho */;
}
body.admin a {
	color: #fd1b00 /* vermelho */;
	text-decoration: none;
}
body.admin a:hover { color: #fff; }
body.admin label {
	display: block;
	margin-bottom: 4px
}
input.i-padrao, textarea.i-padrao, select.i-padrao {
	width: 210px;
	height: 25px;
 *height: 21px;
	border: 1px solid #333;
	border-width: 1px 2px;
	margin-bottom: 10px;
	padding: 0 10px;
 *padding: 4px 10px 0;
	color: #900;
	font: 11px Arial, Helvetica, sans-serif;
	background: #dfe1e3 url(../img/site/admin/bg-input.gif) repeat-x;
}
select.i-padrao { padding: 4px 0; }
.file-padrao  { 	
	width: 300px;
	border: 1px solid #333;
	border-width: 1px 2px;
	margin-bottom: 10px;
	color: #900;
	font: 11px Arial, Helvetica, sans-serif;
	background: #dfe1e3 url(../img/site/admin/bg-input.gif) repeat-x;
}
.updateproduct div {
	width: 360px;
	text-align: center;
	padding: 10px;
	border: 1px solid #333;
	background-color: #111	
}
select.i-padrao option { border-bottom: 1px solid #333; }
textarea.i-padrao {
	height: 100px;
	background-image: none;
	background-color: #dfe1e3
}
.i-adm-add, .i-adm-ok { padding-left: 30px }
.i-adm-user, .i-adm-login, .i-adm-back, .i-adm-update, .i-adm-delete , .i-adm-lista  { padding-left: 25px }
.i-adm-add { background: url(../img/site/admin/add.gif) 5px 9px no-repeat; }
.i-adm-ok { background: url(../img/site/admin/ok.gif) 5px 9px no-repeat; }
.i-adm-back {
	background: url(../img/site/admin/back.gif) left no-repeat;
	border:none
}
h1.i-adm-add { background: url(../img/site/admin/add.gif) left no-repeat; }
h1.i-adm-ok { background: url(../img/site/admin/ok.gif) left no-repeat; }
.i-adm-user { background: url(../img/site/admin/ico-user.gif) left no-repeat; }
.i-adm-login { background: url(../img/site/admin/ico-login.gif) left no-repeat; }
.i-adm-delete { background: url(../img/site/admin/delete.gif) left no-repeat; }
.i-adm-update { background: url(../img/site/admin/update.gif) left no-repeat; }
.i-adm-lista { background: url(../img/site/admin/lista.gif) left no-repeat; border: none }
tr.even .i-adm-delete { background: url(../img/site/admin/delete-even.gif) left no-repeat; }
tr.even .i-adm-update { background: url(../img/site/admin/update-even.gif) left no-repeat; }
.msg-alerta {
	color: #666600;
	background: #ffffdf url(../img/site/ico-alerta.gif) no-repeat 5px;
	border: 2px solid #cccc66;
}
.msg-erro, label.error {
	color: #800000;
	background: #ffd2d2 url(../img/site/ico-delete.gif) no-repeat 5px;
	border: 2px solid #C99494;
}
.msg-ok {
	color: #336600;
	background: #e2fde2 url(../img/site/ico-ok.gif) no-repeat 5px;
	border: 2px solid #94c994;
}
label.error, .msg-ok, .msg-alerta, .msg-erro { padding: 1px 1px 1px 25px; }
td.pesquisa { background: url(../img/site/topo-bg-pesq.gif) repeat-x }
td.pesquisa form {
	position:relative;
	top: -3px;
}
td.pesquisa input.text {
	background-color:#646464;
	width:185px;
	border: none;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 4px;
	color:#ccc
}
td.pesquisa input.btn-pesq {
	background: #646464 url(../img/site/btn-pesq.gif) no-repeat;
	width: 19px;
	height: 14px;
	border: none;
	cursor: pointer;
	margin-top: 3px
}
/* LINKS + LISTA PRODUTOS
----------------------------------------------- */
a { color: #333 }
#lista-produtos a {
	color: #fd1b00 /* vermelho */;
	text-decoration: none
}
#lista-produtos a:hover { color: #fff }
#conteudo-desc ul {
	color: #fff;
	margin-top: 5px
}
/* MENU
----------------------------------------------- */
h3.titulomenu {
	color: #fd1b00 /* vermelho */;
	margin: 10px 0 15px 5px;
	padding-left: 15px;
	background: url(../img/site/ico_titulo.gif) left no-repeat
}
ul#menu {
	border: none;
	width: 215px;
	margin-left: -1px;
	font: 10px Verdana, Geneva, sans-serif
}
ul#menu li {
	list-style:none;
	list-style-image: none;
	margin-bottom:-2px
}
ul#menu li a {
	display: block;
	text-decoration: none;
	background-color: #1e1e1e;
	color: #ccc;
	padding: 4px;
	padding-left: 20px;
	outline:none;
	text-transform: lowercase
}
ul#menu li li a:hover, ul#menu li a:hover { color: #fd1b00 /* vermelho */ }
ul#menu li a:hover { background-color: #222; }
ul#menu li li a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	background: #111;
	border-bottom: 1px solid #333;
	border-left: 2px solid #333;
	font: 10px Verdana, Geneva, sans-serif
}
li.menuout a {
	background: #1e1e1e url(../img/site/ico_seta.gif) 6px 5px no-repeat;
	padding-left: 10px
}
li.menuover a {
	background: #1e1e1e url(../img/site/ico_seta_over.gif) 6px 5px no-repeat;
	padding-left: 10px
}