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

@import url("reset.css");


/*#page{
	width:960px;
	margin:0 auto;
}
*/


body {font:.75em "Arial", "Helvetica", sans-serif; color:#444; margin:0 10px;}

#aviso_natal {text-align:right; width:750px; position:absolute; top:30px; left:50%; margin-left:-375px; z-index:100;}
#aviso_natal a {background:#af0507; font-size:14px; color:#fff; font-weight:bold; padding:5px;}

#page{
min-width:960px; 
width: expression( document.body.clientWidth > 960 ? "100%" : "960px" );
margin:0 auto;
}

#header {background:#fff; height:170px;}
#head {height:120px; position:relative; }
#head img {margin-top: 10px;}

#content{padding:10px 0; margin:0 180px;}
.wrap {margin:0 !important;}

.login {background:#af0507 url(../imagens/menu_topo_background.png) repeat-x left bottom; font-size:.95em; color:#fff; text-align:center; width:270px; margin-left:-130px; padding:5px 0 7px; position:absolute; top:0; left:38%;}
.login a,
.login a:link,
.login a:visited {color:#fff;}
.login a:hover {text-decoration:underline;}

.newsletter {background:#af0507; text-align:center; padding:10px;}
.newsletter p {color:#fff;}

#info {text-align:right; position:absolute; top:5px; right:5px;}
#info div {float:right; clear:both;}
#info .quem_somos {font-size:.95em; color:#999;}
#info .quem_somos span {color:#444;}

#info .quem_somos a,
#info .quem_somos a:link,
#info .quem_somos a:visited { color:#999;}
#info .quem_somos a:hover{ color:#333 !important;}

#info .telefone_contato{ color:#C00;}
#info .busca_site {font-size:12px !important; width:400px;}
#info .busca_site form div input {_vertical-align:top;}

#carrinho {background:url(../imagens/shopping_cart.jpg) no-repeat left top; text-align:left; color:#999; width:70px; margin:5px; padding:12px 5px 12px 55px; position:relative;}
#carrinho a {color:#c00; padding-left:55px; padding-top:12px; padding-right:3px; height:40px; position:absolute; top:0; left:0; display:block}

.busca_site {vertical-align:bottom; margin-right: 10px;}
.busca_site input {padding:5px;}

/*menu de cima*/

#menu_top {background:#af0507 url(../imagens/menu_topo_background.png) repeat-x; height:16px; padding:16px 0; text-align:center; list-style:none;}
#menu_top li {display:inline;}
#menu_top a {background:url(../imagens/menu_topo_sep.png) no-repeat right 5px; color:#FEE; text-decoration:none; font-size:12px; padding:16px 14px 16px 10px;}
#menu_top a:hover {text-decoration:underline;}

.passos {text-align:right !important;}
.passos li {background:url(../imagens/menu_topo_sep.png) no-repeat right 5px; color:#FEE; text-decoration:none; font-size:14px; padding:16px 14px 16px 10px;}
.passos .current {font-weight:bold; color:#fccb08;}

/*menu da esquerda*/
#menu_left {float:left; width:160px; margin-top:10px;}

.menu_categorias {list-style:none; border:1px solid #bcbcbc; border-bottom:none;}
.menu_categorias li {display:inline;}
.menu_categorias li a {background:url(../imagens/menu_lateral_background.png) bottom left no-repeat; color:#C00; font-weight:bold; border-bottom:1px solid #bcbcbc; padding:9px; display:block;}

/*submenu*/
.submenu_left {border-bottom:1px solid #bcbcbc; display:none;}
.submenu_left li a {background:#fff url(../imagens/flecha_mini.gif) no-repeat 9px 10px; font-weight:normal; font-size:.9em; color:#444; height:13px; border:none; border-bottom:1px dotted #ccc; padding:5px 10px 5px 20px; display:block;}

/** FABRICANTES **/
.fabricantes {padding:2px 0 !important; background:none !important;}
.fabricantes img{border:solid 1px #bcbcbc !important; width:158px !important;}

/*menu da direita*/
#menu_right{margin-top:10px; float:right; width:160px;}

/*guia que fica no topo do content*/
#guia_topo{font-size:10px; font-weight:bolder; color:#CCC; border-bottom:1px solid #ccc; margin-bottom:10px; padding:10px 0;}
#guia_topo a,
#guia_topo a:link,
#guia_topo a:visited {color:#666; text-decoration:none;}
#guia_topo a:hover{color:#333 !important; text-decoration:underline;}
#banner_topo {text-align:center; margin-bottom:20px; overflow:hidden;}

/*listagem de produtos*/
.produtos{text-align:center; width:33.3%; height:240px; border-bottom:1px dotted #bcbcbc; margin-bottom:20px; float:left;}
.produtos .prod_img img {width:120px;}
.produtos .prod_nome {font-weight:lighter; color:#333;}
.produtos .prod_de{font-weight:lighter; color:#C00; text-decoration:line-through;}	
.prod_por {font-size:1.5em !important; font-weight:bolder; color:#C00;}
.produtos .prod_uni{font-weight:lighter; color:#C00; font-size:10px;}	
.produtos a,
.produtos a:link,
.produtos a:visited {color:#333;}

/* Produto */
#produto{margin-top:10px; float:left;  width:100%}
#produto_imagens{width:200px; float:left;}
#img_grande{height:200px;}
#img_pequena a{border:1px solid #bcbcbc; margin-right:2px; margin-bottom:1px; padding:1px; float:left; display:block; }
#img_pequena a img{ width:36px; }

#produto_botoes{height:260px; margin-left:210px;}
#produto_botoes p.fabricante{color:#333;}
#produto_botoes p.codigo{font-size:.9em; color:#999;}
#produto_botoes .prod_de{ font-size:11px; font-weight:lighter; text-decoration:line-through; color:#C00; }	
#produto_botoes .prod_por{ font-size:12px; font-weight:bolder; color:#C00; padding:3px 0; }  
#produto_botoes .prod_uni{font-weight:lighter; color:#C00; font-size:10px;}	
#produto_botoes a.btn img{}
#produto .produto_aba{ 
	padding:10px 5px 2px; 
	margin-right:10px;  
	font-size:14px;
	color:#333; 
	font-weight:bold; 
	float:left; 
	cursor:pointer;
	border:1px solid #333;
}
#produto .texto{ 
	padding:10px; 
	font-size:12px; 
	color:#333; 
	clear:both; 
	margin-bottom:40px; 
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

/*formulario*/

form div {margin-bottom:3px;}
form div input,
form div select {padding:3px;}
form label {display:inline-block; width:120px; padding:4px 0;}

#formulario {/*width:100%;*/}
/*#formulario h2{font-weight:bold; color:#C00;}*/
#formulario fieldset {border:4px #C00 solid; padding:10px; margin-bottom:20px;} 
#formulario legend{ padding:3px 5px; color:#000; font-size:12px; font-weight:bold; }
#formulario label{display:block; font-size:12px; font-weight:bold; color:#333; padding:4px 0 2px;}
#formulario input{ color:#333; font-size:12px; font-weight:lighter; padding:2px; }
#formulario select{ color:#333; font-size:12px; font-weight:lighter; padding:2px; }
#formulario .cli_cadastrar{ color:#333; font-size:14px; font-weight:lighter; padding:2px 4px; }

.input_pequeno{ width:100px; }
.input_medio{ width:200px; }
.input_grande{ width:300px; }

.logar_campos{margin-bottom:3em;}
.logar_campos form {margin-bottom:2em;}
.logar_campos {color:#333; font-size:12px;}
.logar_campos label{width:50px; padding:2px; display:block; float:left;}
.logar_campos .logarForm input{padding:2px 3px;}
.logar_campos .logarForm input.btn{ width:60px; padding:0px 5px; float:left; }
.logar_campos a {background:url(../imagens/butao.png) top left; width:250px; background-repeat:no-repeat;}

.logar_admin{ width:200px; border:3px #333 solid; margin:30px auto; padding:20px !important; }
.logar_admin p{ font-size:14px; font-weight:bold;  }
.logar_admin label{ width:100px; padding:10px 0 2px; display:block; font-size:12px; font-weight:bold; color:#C00; }
.logar_admin input{ width:190px; }
.logar_admin input.btn{ width:60px; padding:2px; margin-top:5px; }

.pedido{ color:#333; }
.pedido th{ font-size:13px; font-weight:bold; padding: 5px 2px; border-bottom:solid 1px #C00;}
.pedido td{ font-size:12px; padding:10px; border-bottom:dotted 1px #C00;}

/*pagincao*/
#paginacao {padding-top:20px; clear:both; text-align:center;}
#paginacao span, #paginacao a{
	padding:5px;
	color:#C00;
	font-size:12px;
	margin:0 3px;
}
#paginacao a:hover{
	color:#FFF;
	background-color:#C00;
}

.pg_atual{
	color:#FFF !important;
	background-color:#C00 !important;
}

/* detalhes do produto*/

/*footer*/

#footer{
	background:#fff url(../imagens/bg_footer.gif) repeat-x left top;
	height:140px;
	clear:both;
	margin-top:2em;
	padding:1em;
}

#footer div {width:900px; height:140px;margin:0 auto;}
#footer div div {width:200px; margin-right:20px; float:left;}
#footer div h3 {background:transparent; font-size:.9em; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:5px;}
#footer div ul,
#footer div p,
#footer div a,
#footer div a:link,
#footer div a:visited {font-size:.9em; color:#888;}

.banner_lateral {position:relative;}
.banner_lateral span {font-size:1.5em !important; font-weight:bolder; text-align:center; position:absolute; top:192px; display:block; width:160px;}

/*adicionais*/

.cinza{
	color:#333;
}

.sublinhado{
	text-decoration:underline;
}

.msg_alert {background:#fff7d9 url(../imagens/msg-erro.png) 10px center no-repeat;; border:1px solid #ffcc00;}
.msg_sucesso {background:#bfefbf url(../imagens/msg-sucesso.png) 10px center no-repeat; border:1px solid #00c000;}
.msg_info {background:#e5f5ff url(../imagens/msg-info.png) 10px center no-repeat; border:1px solid #7fccff;}
.msg_erro {background:#fce6e4 url(../imagens/msg_fatal.png) 10px center no-repeat; border:1px solid #ef877f;}
.msg_load {background:#fff url(../imagens/loader.gif) 10px center no-repeat; border:1px solid #c1c1c1; margin-bottom:12px;}

.msg_alert,
.msg_sucesso,
.msg_info,
.msg_erro,
.msg_load {padding:12px 12px 12px 40px; margin-bottom:2px;}

.msg_alert a,
.msg_sucesso a,
.msg_info a,
.msg_erro a,
.msg_load a{ font-weight:bold; text-decoration:underline; }

/*
-------------------------
TABELAS
-------------------------
*/

.tbl_imagem {width:70px;}
.tbl_produto {}
.tbl_quantidade {text-align:center; width:90px;}
.tbl_remover {text-align:center; width:60px;}
.tbl_preco {text-align:right; width:90px;}
.tbl_total {font-weight:bold; text-align:right;}

.tbl_carrinho {border:1px solid #bcbcbc; width:100%;}
.tbl_carrinho th {background:#f0f0f0; border-bottom:1px solid #bcbcbc; padding:12px 8px;}
.tbl_carrinho td {border-bottom:1px dotted #bcbcbc; padding:8px; vertical-align:middle;}


/*tabelas de enderecos*/
.enderecos {background:#f0f0f0; width:29%; height:140px; border:1px solid #bcbcbc; margin:.5em; padding:1em; float:left;}

.pagamento {width:100%; border-collapse:separate; border-spacing:.5em;}
.pagamento div {text-align:right;}
.pagamento td {background:#f0f0f0; text-align:center; border:1px solid #bcbcbc; padding:1em; width:33%;}
.finalizar {text-align:right; padding:5px; height:40px;}

.totais {background:#f0f0f0; border:1px solid #bcbcbc; text-align:right; margin:10px 0; padding:8px;}

.overlay {background:#fff; width:100%; height:100%; position:absolute; display:none; top:0; left:0; z-index:100;}
.boxCompra {background:url(../imagens/boxCompra.png) no-repeat left top; text-align:center; padding:10px; width:123px; height:63px; position:absolute; display:none; z-index:101;}
.boxCompra input {text-align:center;}
.boxCompra .msg {padding:1px 0;}
.boxCompra .msg a {color:#c00}
.boxCompra .msg a:hover {text-decoration:underline;}

.n_pedido {background:#d3232a; color:#fff; width:150px; margin-right:20px; padding:20px; text-align:center; float:left;}
.p_numero {font-size:2em; font-weight:bold;}

/*
-------------------------
TITULOS
-------------------------
*/

b, strong {font-weight:bold;}
h2 {font-size:1.5em; line-height:.9em; border-bottom:1px solid #bcbcbc; margin-bottom:20px; padding-bottom:10px;}
h3 {background:#f0f0f0; font-size:1.1em; color:#666; margin:10px 0; padding:5px 0;}

.enderecos h3 {font-weight:bold; font-size:1.1em; margin-bottom:1em;}


.produto_informacoes {background:#f0f0f0; border:1px solid #bcbcbc; margin-top:1em; padding:1em; margin-bottom:2em; clear:both;}
.produto_informacoes h3 {font-size:1.1em; font-weight:bold;}
.produto_informacoes p {color:#666;}


.clear_bot{ clear:both; }
.clear {clear:both;}
.float-right {float:right;}