/* 
CSS Desenvolvido por:
http://www.kobi.com.br
*/

strong {font-weight:bold;}
em {font-style:underline;}

body {
	margin-top:10px;
	color: #333333;
	font-size: 11px;
	font-family: arial, helvetica, clean, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

/* ----------------------------
Menus Esquerdo e Direito
---------------------------- */
#left {
	text-align: left;
	width: 140px;
}

#left h3 {
	text-align:center;
	color:#fff;
	font-size:1.3em;
	background-color: #f90;
	font-weight:bold;
	line-height:20px;
	background: #ff9900 url(images/simanorte_setor.png) no-repeat;
	text-transform:uppercase;
}

#left h3 a {
	color:#fff;
}

#left ul {
	background-color:#f8f8f8;
	border-top:4px solid #ccc;
	padding:0;
}

#left li {
	padding:0.5em;
}

#left ul ul li {
	padding:0.2em;
}

#left h4 {
	margin:0 1em;
	text-transform:uppercase;
}
#left h4 a {
	color:#000;
	font-weight:bold;
	font-size: 11px;
}

#left h6 a {
	color:#000;
	font-weight: normal;
	font-size: 11px;
}

#left ul ul {
	background-color:transparent;
	border-top:none;
	margin:0 2em;
}
#left ul ul a {
	color:#333;
}
/* ----------------------------
Estilos Links e Fontes
---------------------------- */
h2 {
	background-image:url("images/seta.gif");
	background-repeat:no-repeat;
	border-bottom:1px solid #000;
	color:#000;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
	padding-left:30px;
	text-align:left;
}

h3 {
	color: #1451B6;
	font-size: 12px;
	font-weight: bold;
}

h5 {
	color: #1451B5;
	font-size: 15px;
	font-weight: bold;	
}

p {
	margin-bottom: 10px;
}

.mensagem {
	color: #122647;
}

p.mensagem {
	padding-left:80px;
}

.preco_negrito, .consulte {
	color: #FF0000;
	font-weight: bold;
}

.preco_normal {
	color: #FF0000;
	font-weight: normal;
}

a {
	color: #333333;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* ----------------------------
Conteúdo
---------------------------- */

#center li {
	float:left;
	text-align:center;
	width: 25%;
	height: 220px;
	font-size:1.1em;
}
#center li p {
	text-transform:uppercase;
}


#center li b {
	color: #c00;
}

#center li strong a {
	font-weight:bold;
	color: #c00;
}

#right {
	text-align:center;
}

/*--------------------------------------------- 
Produtos Listagem
---------------------------------------------*/
#paginacao {
	clear: both;
	background-color: #1451B5;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#paginacao a {
	color: #fff;
	text-decoration: none;
}

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

/*--------------------------------------------- 
Produtos Listagem (Novo)
---------------------------------------------*/
.menu_listagem {
	background-color: #F5F5F5;
	line-height: 30px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.menu_listagem select {
	border: 1px solid #000;
	margin-right: 10px;
	font-size: 11px;	
}

.bloco_produto {
	margin-top: 20px;
	height: 120px;
	color: #666;
	clear: both;
	border-bottom: 1px solid #CCC;
}

.info_produtos {
	width: 40%;
}

.info_produtos, .produto_preco {
	float: left;
}

.produto_preco {
	text-align: center;
	color: #1451B6;
}

/*--------------------------------------------- 
Página de Identificação
---------------------------------------------*/
#cliente_novo, #cliente_cadastrado, #alteracao_endereco {
	width: 313px;
	height: 92px;
	background-image: url("images/cliente_novo.png");
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 5px;
	margin-left: 40px;
	float: left;
	text-align: left;
}

#cliente_novo {
	background-image: url("images/cliente_novo.png");
}

#cliente_cadastrado {
	background-image: url("images/cliente_cadastrado.png");
}

#alteracao_endereco {
	background-image: url("images/alteracao_endereco.png");
}

#cliente_novo fieldset, #cliente_cadastrado fieldset {
	width: 350px;
	border: none;
	display: block;
	height: 55px;
	padding-left: 5px;
	padding-top: 5px;
}

#cliente_cadastrado label {
	width: 40px;
	display: block;
	float: left;
}

.input_identificacao {
	border: 1px solid #CCCCCC;
	color: #000000;
	padding-left: 2px;
	height: 17px;
	margin-bottom: 3px;
	font-size: 11px;
	padding-top: 2px;
}

.submit_identificacao {
	display:block;
	margin-left: 120px;
	margin-top: 5px;
}

/*--------------------------------------------- 
Página Meus Pedidos e Detalhes do Pedido
---------------------------------------------*/
#meuspedidos, #detalhes_pedido {
	width: 100%;
	margin-top: 10px;
}

#meuspedidos th, #detalhes_pedido th {
	background-color: #1451B5;
	color: #fff;
	line-height: 20px;
	text-align: center;	
}

#meuspedidos td, #detalhes_pedido td {
	border-bottom: 1px solid #ccc;
	line-height: 60px;
	text-align: center;
}

#meuspedidos input {
	border: 1px solid #666;
	height: 18px;
	font-size: 12px;
}

#meuspedidos .preview {
	float: left;
}

#meuspedidos img {
	vertical-align:middle;;
}

/*--------------------------------------------- 
Página Pagamento
---------------------------------------------*/
#total, #endereco_conf {
	border: 1px solid #ccc;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
}


#total p {
	margin:0;
}

#total td {padding:0 15px;}

#endereco_conf {
	height: 60px;
}

#endereco_conf img {
	float: right;
}

/* ----------------------------
Opções de frete
---------------------------- */
#bloco_geral {
	background-color: #EFEFEF;
	padding: 6px 6px 6px 6px;
	color: #000;
	margin-bottom: 15px;
}

#bloco_geral input {
	float: left;
}

#bloco_opcao {
	margin-left: 32px;
}

#nome_servico {
	height: 55px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 6px;
	width: 98%;	
}

#nome_servico img {
	float: right;
}

#nome_formapagamento {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 6px;
	width: 98%;
}

#bloco_opcao p {
	margin-bottom: 5px;
	margin-top: 5px;
}

#aviso_formaspagamento {
	font-size: 10px;
	border: 1px solid #FFCC00;
	background-color: #fff;
	padding-top: 3px;
	padding-left: 3px;
}


/*--------------------------------------------- 
Meu Carrinho e Pagamento
---------------------------------------------*/
#carrinho_menu li, #pagamento_menu li {
	margin:0;
	display: inline;
	margin-left: 15px;
	float: right;
	margin-top: 10px;
	font-weight: bold;
	line-height: 25px;
	height: auto;
	font-size:1em;
	width: 180px;
}

#carrinho_menu li img, #pagamento_menu li img {
	vertical-align:middle;
}

#voltar, #atualizar {
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}


#fechar {
	background-position: right;
	padding-right: 15px;
	background-repeat: no-repeat;
}

#carrinho_menu li a {
	color: #000;
	text-decoration: none;
}

#carrinho_menu li a:hover {
	text-decoration: none;
}

#carrinho_menu button {
	border: none;
	background: #fff;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, helvetica, clean, sans-serif;
	cursor:pointer;
}
/*--------------------------------------------- 
Aguarde
---------------------------------------------*/

#aguarde {
	text-align: center;
	height: 150px;
	margin-top: 50px;
}

#aguarde p {
	font-size: 15px;
}
/*--------------------------------------------- 
Produtos Detalhes
---------------------------------------------*/
#produto_ampliado {
	width: 240px;
	text-align:center;
	float: left;
	margin-right: 30px;
	
}

#produtos_detalhes {
	margin-left: 20px;
	text-align: left;
	font-size: 12px;
}

#produto_miniaturas {
	margin-top: 50px;
}

#produto_miniaturas img {
	float: left;
	margin-right: 60px;
	margin-bottom: 20px;
}

#informacoes_produto {
	margin-top: 230px;
	text-align: left;
}

#informacoes_produto h6 {
	color: #1451B5;
	border-bottom: 1px solid #000;
	clear: both;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

#informacoes_produto div em {
	font-style: italic;
}

#informacoes_produto div strong {
	font-weight: bold;
}

#informacoes_produto div li {
	float:none;
	font-size:1em;
	height:auto;
	margin:0;
	text-align:left;
	width:auto;
}

#especificacoes_produto {
	font-size: 12px;
	border: none;
	margin-top: 25px;
	margin-bottom: 25px;
}

#especificacoes_produto strong {
	font-weight: bold;
}

#crossselling {
	clear: both;
	padding-top: 50px;
}

#crossselling h1 {
	display: block;
	background-color: #FF9900;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	
}

/*--------------------------------------------- 
Página de Cadastro
---------------------------------------------*/
#erro_cadastro {
	background-color: #CC0000;
	border: 1px solid #000;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#cadastro h3 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: center;	
}

#cadastro fieldset {
	padding: 5px 5px 0px 5px;
	border: 1px solid #666666;
	background-color: #E9E9E9;
}
               
#cadastro legend {
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
	font-weight: bold;
}

#cadastro label {
	width: 140px;
	float: left;
	color: #666666;
	text-align: right;
	padding-right: 10px;
	padding-left: 10%;
}

#cadastro input, #cadastro select {
	border: 1px solid #CCCCCC;
	color: #000000;
	padding-left: 2px;
	height: 17px;
	margin-bottom: 3px;
	font-size: 11px;
	padding-top: 2px;	
}

#cadastro select {
	width: 190px;	
}

#cadastro .botao {
	border: none;
}

#cadastro span {
	color: #666666;
	padding-left: 10px;
}

#cadastro .span2 {
	color: #666666;
	padding-left: 0px;
}

/*--------------------------------------------- 
Esquecer Senha
---------------------------------------------*/

#esquecer_senha {
	background-color: #eee;
	border: 1px solid #cccccc;
	padding: 15px 5px 5px 5px;
	height: 50px;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

#esquecer_senha input {
	border: 1px solid #cccccc;
	width: 140px;
	height: 20px;
	font-size: 11px;
	vertical-align: middle;
}

#esquecer_senha .botao {
	width: 60px;
	height: 17px;
	border: none;
}
/*--------------------------------------------- 
Páginas Institucionais
---------------------------------------------*/
.institucional {
	text-align: left;
}

.institucional .bloco {
	border: 1px solid #ccc;
	background-color: #eeeeee;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	clear: both;
}

.institucional .img_dir {
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}

#tab_entregas {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}

#tab_entregas th {
	background-color: #1451B5;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
}

#tab_entregas .subtitulo {
	color: #000;
	font-weight: bold;
	background-color: #EEEEEE;
}

#tab_entregas td {
	line-height: 20px;
	color: #666;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
}


/* ------------------------------------
Formulário
------------------------------------ */

#contato_form fieldset {	
	width: 420px;
	margin-bottom: 30px;
	margin-top: 20px;
	border:1px solid #CCCCC3;
	padding:10px;
}

#contato_form legend {
	color:#7C7C7C;
	font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
	font-size:120%;
	padding:0pt 0.25em;
}

#contato_form label {
	float: left;
	width: 620px;
}

#contato_form input, #contato_form select, #contato_form textarea {
	border:1px solid #CCCCC3;
}

#contato_form input, #contato_form select {
	height: 18px;
}

#contato_form input, #contato_form label, #contato_form textarea, #contato_form select {
	margin-bottom: 5px;
}

#contato_form input, #contato_form label, #contato_form textarea {
	width: 300px;
}

#contato_form select {
	width: 200px;
}

#contato_form .submit {
	width: 100px;
}

.bloco_geral {
	background-color: #E2ECEC;
	padding: 6px 6px 6px 6px;
	color: #000;
	margin-bottom: 15px;
}

.bloco_geral input {
	float: left;
}

.bloco_opcao {
	margin-left: 32px;
}

.nome_servico {
	height: 55px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding:6px;
	width: 98%;	
}

.nome_servico img {
	float: right;
}

.nome_formapagamento {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 6px;
	width: 98%;
}
.nome_formapagamento ul {
	list-style-type:none;
	font-weight:normal;
}
#center .nome_formapagamento li {
	float:none;
	font-size:1em;
	height:auto;
	margin:0;
	text-align:left;
	width:auto;
}
.nome_formapagamento ul li input {
	float:none;
}

.bloco_opcao p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.aviso_formaspagamento {
	font-size: 10px;
	border: 1px solid #FFCC00;
	background-color: #fff;
	padding: 6px;
	width:98%;
}

/* =============================================  
Mapa do Site
============================================= */
#mapa {
	width: 100%;
	padding-top: 20px;
	margin-bottom: 50px;
	
}

#mapa h3 {
	
	font-size: 11px;
	color: #333333;
	background-color: #F2F4EF;
	display: block;
	width: 95%;
	line-height: 20px;
	padding-left: 15px;
	text-align: left;
}

#mapa h3 a {
	color: #333333;
	font-weight: bold;
}

#mapa p {
	margin-bottom: 10px;
	padding-left: 15px;

}

#mapa #tabelas_categorias ul {	 
	list-style: none;
	width: 260px;
	background-color: #E9E9E9;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #666666;
}

#mapa #tabelas_categorias li {
	width: 260px;
	height: 20px;
}

#mapa #tabelas_categorias a.nome_categoria {	 
	font-size: 12px;
	background-color: #FF9900;
	color: #FFFFFF;
	text-decoration: none; 
}

#mapa #tabelas_categorias a:hover.nome_categoria {	 
	background-color: #FF9900;
}

#mapa #tabelas_categorias ul li a {
	color: #666666;
	line-height: 15px;
	text-decoration: none;
	font-size: 11px;
	padding-left: 5px; 
	display: block;
}

#mapa #tabelas_categorias ul li a:hover {
	background-color: #CCCCCC;
}

#mapa .clear {
	clear: both;
}