/* o !important serve para o IE ignorar valores declarados anteriormente e considerar esses de agora */
iframe { overflow-x:hidden !important; }

.body {
	overflow-x:hidden !important;
	width:100% !important;
	height:100% !important;
	background-color:#E6FDEC;
}

strong {
	margin:0;
	padding:0;
}

/***************************************************************
****************************************************************
			-------------- LOJA -------------- 
****************************************************************
***************************************************************/
#loja, #verproduto, #login, #cadastro, #meupedido, #meuspedidos {
	text-align:justify;
	/*padding:5px;*/
	background-color:#fbfbfb;
}

/*propriedadas comuns a absolutamente tudo */
#verproduto h3, #meupedido h3, #login h3, #cadastro h3, #meuspedidos h3 {
	display:block;
	background-color:#fb5555;
	color: #FFF;
	text-align:center;
	padding:5px;
}

#loja p, #verproduto p, #login p, #cadastro p, #meupedido p, #meupedidos p {
	font-size:12px;
	margin:5px 0;
	padding: 0;
}

#produtos {
	background-color:#fff;
	/*overflow:auto;*/
	margin:0 auto;
}

.fechar_fancy, #fechar_fancy a {
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	text-decoration:underline;
	text-align:center;
	padding:5px;
}

#fechar_fancy a:link, #fechar_fancy a:visited {
	display:block;
	text-align:right;
	background-color:#e6fdec;
	color:#008f34;
	text-decoration:none;
}

#fechar_fancy a:active, #fechar_fancy a:hover {
	background-color:#e6fdec;
	color:#008f34;
}

.informacoes {
	width:96%;
	border:1px solid #ccc;
	margin:auto;
	padding:10px;
}

.erro, .sucesso {
	display:block;
	margin:2px;
	padding:5px 10px;
}

.erro h4, .sucesso h4 {
	background:none;
	font-size:13px;
	font-weight:700;
	margin:3px;
	padding:2px;
}

.erro { background-color:#FF8080; }

.sucesso { background-color:#C2FD82; }

/***************************************************************
****************************************************************
-------------- MENU QUE LISTA OS GRUPOS E CATEGORIAS----------
****************************************************************
***************************************************************/
#navprodutos {
	background-color:#eee;
	float:left;
	line-height:normal !important;
	padding:5px;
}

#navprodutos ul li {
	font-size:12px;
	margin:0 !important;
	padding:0 !important;
}

/***************************************************************
****************************************************************
-------------- MENU SISTEMA ----------
****************************************************************
***************************************************************/
#navsistema {
	background-color:#eee;
	padding:5px;
}

#navsistema ul li {
	float:left;
	font-size:12px;
	margin:0 15px !important;
	padding:0 !important;
}

/***************************************************************
****************************************************************
			-------------- LISTAGEM DOS PRODUTOS -------------- 
****************************************************************
***************************************************************/
.produto, .foto { width:170px; }

.produto {
	/*border:1px solid #008f34;*/
	height:250px;
	background-color:#FFF;
	float:left;
	margin:5px;
}

#produtos h5 {
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
}

#produtos h5 span {
/*	height:22px;*/
	display:block;
}

#produtos h5 a:link, #produtos h5 a:visited {
	color: #F00;
	display:block;
	text-decoration:none;
}

#produtos h5 a:active, #produtos h5 a:hover { color:#008f34; }

.descmodelo {
/*	height:38px;*/
	font-size:10px;
	text-transform:none;
	display:block;
	margin:4px 0;
	padding:0 4px;
	text-align: center;
}

.foto {
	height:130px;
	line-height:130px;
	vertical-align:middle;
	text-align:center;
}

/***************************************************************
****************************************************************
			-------------- PREÇO -------------- 
****************************************************************
***************************************************************/
.preco, .preco span {
	font-size:11px;
	text-align:center;
	margin:0;
	padding:0;
}

.preco .de { text-decoration:line-through; }

.preco .por { font-weight:700; }

/* preço normal 
 ou 6x de R$00,00 
**************************************************************
****************************************************************
			-------------- PÁGINA DO PRODUTO -------------- 
****************************************************************
***************************************************************/
#verproduto, #fotomenores {
	/*border:1px solid #000;*/
	overflow:auto;
	display:block;
	margin:5px 5px 5px 0;
	padding:5px;
}

#fotomaior {
	float:left;
	/*width:320px;
	background-color:#FFF;*/
	overflow:auto;
	margin:5px 5px 5px 0;
	position: relative;
	/*width: 345px;*/
}

#fotomaior img { margin:0 auto; border:1px solid #000; padding:1px;}

#fotomaior .lupa { 
	position: absolute;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8;
	opacity: 0.8; 
	right: 0; bottom: 3px;
	border: none;
}

.fotomenor {
	float:left;
	margin:3px;
}

.fotomenor img {
	border:1px solid #000;
	padding:1px;
}







#descricao1, #descricao2 {
	font-size:12px;
	line-height:1.2em;
	margin:5px 5px 5px 0;
}

#modelos {
	display:block;
	overflow:auto;
	margin:5px 5px 5px 0;
	padding:5px;
}

.modelo {
	border-bottom:1px solid #999;
	padding:5px;
}

/*NÃO MEXER*/
#modelos h4 {
	color:#000;
	font-size:12px;
}

#modelos h5 {
	font-size:13px;
	font-weight:700;
}

#modelos .preco { text-align:left; }

/*preço  */
#modelos .comprar { text-align:center; }

/* imagem carrinho comprar  */
.condicoes {
	position:absolute;
	border:2px solid #008f34;
	background-color:#e6fdec;
	width:350px;
	left:400px;
}

.condicao {
	font-size:10px;
	text-align:center;
	border-bottom:1px dashed #ccc;
	margin:1px;
	padding:2px;
}

.condicoes img {
	border:none;
	margin:0;
	padding:0;
}

.condicoes .fechar {
	font-weight:700;
	font-size:10px;
	text-transform:uppercase;
	cursor:pointer;
	display:block;
	text-align:right;
	background-color:#008f34;
	color:#f9f9f9;
	text-decoration:none;
	padding:3px;
}

.vercondicoes {
	margin-top:2px;
	font-size:10px;
}

.vercondicoes a:link, .vercondicoes a:visited, .vercondicoes a:active, .vercondicoes a:hover {
	color:#000;
	text-decoration:none;
}

/***************************************************************
****************************************************************
	-------------- FORMULÁRIOS / LOGIN / CADASTRO -------------- 
****************************************************************
***************************************************************/
.formulario form {
	width:96%;
	margin:auto;
}

.formulario legend {
	font-size:12px;
	font-weight:700;
	margin:0;
	padding:0;
}

.formulario fieldset {
	border:1px solid #ccc;
	padding:0 1em 1em;
}

.formulario textarea, .formulario input[type='text'], .formulario select {
	border:1px solid #ccc;
	background-color:#fff;
}

.formulario textarea, .formulario input, formulario select, .formulario option { padding:2px; 	background-color:#fff;
 }

.formulario form div {
	margin-bottom:4px;
	line-height:normal;
	padding:2px;
}

.formulario button { padding:0.3em 0.5em; }

.formulario p {
	font-size:12px;
	margin:5px 5px 5px 0;
}

.formulario label {
	font-size:12px;
	text-align:left;
	padding:2px;
}

#login ul {
	list-style-type:circle;
	font-size:12px;
	padding:5px 30px;
}

/***************************************************************
****************************************************************
			-------------- PEDIDO  / PEDIDOS -------------- 
****************************************************************
***************************************************************/
#meupedido table, #meuspedidos table {
	width:98%;
	border:1px solid #ccc;
	font-size:12px;
	margin:auto;
	padding:0 1em 1em;
}

#meupedido td .referencia { font-size:10px; }

#meupedido th, #meuspedidos th {
	background-color:#e6fdec;
	font-weight:400;
	padding:3px;
}

#meupedido td, #meuspedidos td {
	background-color:#ffffff;
	padding:3px;
}

#meupedido .titulo th, #meuspedidos .titulo th {
	font-size:14px;
	font-weight:700;
	background-color:#fb5555;
	color: #FFF;
	text-align: right;
}

#meupedido tr, #meuspedidos tr {
	border-bottom:1px solid #CCC;
	background-color:#eee;
}

#meupedido .total td {
	background-color:#FDA6A6;
	font-weight:700;
}

.unitot { text-align:right; }

#Confirmar, #Atualizar {
	display:block;
	margin:5px;
}

/***************************************************************
****************************************************************
			-------------- PÁGINAÇÃO -------------- 
****************************************************************
***************************************************************/
#paginacao {
	font-size:10px;
	text-transform:uppercase;
	width:400px;
	clear:both;
	margin:10px auto;
	margin-bottom:30px;
}

#paginacao li {
	list-style:none;
	float:left;
	margin:0 3px;
}

#paginacao .atual, #paginacao a:link, #paginacao a:visited {
	border:1px solid #ccc;
	color:#06F;
	background-color:#f9f9f9;
	text-decoration:none;
	padding:2px 6px;
}

#paginacao a:active, #paginacao a:hover {
	color:#06F;
	background-color:#eee;
}

#paginacao .atual /* aqui vai o que é que a pagina atual tem de diferente das outras */ {
	background-color:none;
	border:none;
}

a:link, a:visited, #meupedido h4, #meuspedidos h4, #meupedido h4 a:link, #meupedido h4 a:visited, #meupedido h4 a:active, #meupedido h4 a:hover { color:#000; }

#navprodutos h3, #navsistema h3 {
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	font-weight:700;
}

#navprodutos ul, #navsistema ul { margin-bottom:10px; }

#navprodutos ul li a:link, #navprodutos ul li a:visited, #navsistema ul li a:link, #navsistema ul li a:visited {
	display:block !important;
	color:#000;
	text-decoration:none;
}

#navprodutos ul li a:active, #navprodutos ul li a:hover, #navsistema ul li a:active, #navsistema ul li a:hover {
	display:block !important;
	color:#000;
	text-decoration:underline;
}

#paginacao .ultima a:link, #paginacao .ultima a:visited, #paginacao .primeira a:link, #paginacao .primeira a:visited, #paginacao .ultima a:active, #paginacao .ultima a:hover, #paginacao .primeira a:active, #paginacao .primeira a:hover {
	background-color:none;
	border:none;
	text-transform:capitalize;
}