/* CSS Document */

body {
	font-family:verdana;
	font-weight: bold;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:center ;
	background-color:#fff;
	color:#999;
}

h1, h2, h3, p {
	margin-top:3px;
	margin-bottom:3px;
	padding:0px;
}

form {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:16px;
	color:#6699cc ;
	font-weight:bold;
	height:18px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

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

a:hover {
	text-decoration:none;
}

h1 a {
	color:#6699cc ;
}

h2 {
	font-size:14px ;
	color:#6699cc ;
}

h2 a {
	color:#6699cc ;
}

div.mais {
	background-image:url('../images/linha_historiconavegacao.gif');
	background-position:center;
	line-height:23px;
}

div.mais h2 {
	background-image:url('../images/mais_historico_navegacao.gif');
	background-repeat:no-repeat;
	background-position:right;
	line-height:23px;
}

div.mais h2 span {
	background-color:#fff;
	padding-right:10px;
}

h2.mais {

}

h3 {
	font-size:13px ;
	color:#6699cc ;	
}

h4 {
	font-size:12px;
	padding-left:20px;
	height:10px;
}

td {
	font-size:11px;
}

p {
	font-size:12px;
	font-weight:bold;
	color:#999;
}

img {
	border:none ;
}

span.destaca {
	background-color:yellow ;
}

input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	vertical-align:middle;
	padding:2px;
	border:1px solid #ccc;
}

input.button {
	border:1px solid #6699cc ;
	background-color:#6699cc ;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}

input.button-orcamento {
	width:90%;
}

input.ficha {
	background-color:#cecece;
	color:#cc0000;
}

input.text {
	border:1px solid #ccc;
}

input.text-buscar {
	border:1px solid #6699cc;
}

input.checkbox {
	border:none;
}

input.image, input.radio {
	border:none ;
}

textarea {
	border:1px solid #ccc;
}

p.preco {
	color:#cc0000 ;
	font-size:12px ;
}

#principal {
	text-align:left;
	background-color:#fff;
}

div.alinhado {
	/* width:expression(document.body.clientWidth > 1000 ? "1000px" : document.body.clientWidth < 770 ? "770px" : ""); */
	max-width:1000px;
	min-width:770px;
	margin:auto;
}

.bloco1 {
	width:28%;
	/* xwidth:expression(document.body.clientWidth > 1000 ? "260px" : "28%"); */
	/* xmax-width:260px; */
	padding:0px;
	margin:0px;
	float:left;
}

.bloco23container{
	width:72%;
	float:left;
	margin:0px;
	padding:0px;
}

.bloco2 {
	width:50%;
	float:left;
	text-align:center;
}

.bloco2 div.dentro{
	width:258px;
	text-align:left;
	margin:auto;
}

.bloco2 div.dentro div.conteudo-estica {
	width:250%;
}

.bloco3 {
	width:258px;
	float:right;
}

.bloco3 div.dentro {
	width:258px;
	text-align:left;
	float:right;
}

.bg-newsletter {
	background-image:url('../images/bg_newsletter----.gif');
}

#flash {
	width:770px;
	height:225px;
}

#menu-institucional {
	height:23px;
	background-image:url('../images/bg_menucima.gif');
}

#menu-institucional ul,li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#menu-institucional li {
	float:left;
	background-image:url('../images/sp_menucima.gif');
	background-position:right;
	background-repeat:no-repeat;
	padding-right:2px;
}

#menu-institucional li.last {
	background-image:none;
}

#menu-institucional a {
	line-height:23px;
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-decoration:none;
	background-image:url('../images/bg_menucima.gif');
	padding-right:6px;
	padding-left:4px;
	font-size:11px;
	float:left;
}

#menu-institucional a:hover {
	color:#fff;
	background-image:url('../images/bg_menucima_over.gif');
	/* background-position:none; */
	/* background-repeat:none; */
}

#menu-institucional2 {
	height:43px;
	background-image:url('../images/bg_barra_menu2.gif');
	background-repeat:repeat-x;
	color:#fff;
}

#callcenter {
	float:left;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	display:table-cell;
}

#links ul,li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#links li{
	float:left;
	background-image:url('../images/sp_menu2.gif');
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:1px;
	width:80px;
	/* width:85px; */
}

#links li.last{
	background-image:none;
}

#menu-institucional2 a{
	height:43px;
	line-height:43px;
	color:#fff;
	background-image:url('../images/bg_menu2.gif');
	display:table-cell;
	display:block;
	width:100%;
	text-align:center;
	float:left;
	vertical-align:middle;
}

#menu-institucional2 a:hover {
	background-image:url('../images/bg_menu2_over.gif');
}

#menu-produtos-geral {
	font-size:12px;
	/* font-weight:regular; */
}

#menu-produtos-geral ul,li {
	padding:0px;
	margin:0px;	
	list-style-type:none ;	
	margin-bottom:1px;
}

#menu-produtos-geral li.top img {
	height:1px;
}

#menu-produtos-geral li.top ul {
	display:none;
	position:absolute;
	left:0;
}

#menu-produtos-geral li.top a {
	color:#666;
	display:block;
	margin:0px;
	background-image:url('../images/bg_menu_prod.gif');
}

#menu-produtos-geral li.top a span{
	padding-left:25px;
	line-height:22px;
	vertical-align:middle;
	display:block;
	margin:0px;
	background-image:url('../images/q_menuprod.gif');
	background-position:left;
	background-repeat:no-repeat;
}

#menu-produtos-geral li.top a:hover {
	text-decoration:none;
	color:#fff;
	background-image:url('../images/bg_menuprod_over.gif');
}

#menu-produtos-geral li.top a:hover span {
	background-image:url('../images/q_menuprod_over.gif');
}

#menu-produtos-geral li.over ul {
	display:block;
}

#menu-produtos-geral li.sub {
	background-color:#94acdc;
	text-align:left;
}

#menu-produtos-geral li.sub a {
	padding-top:1px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:1px;
}

#menu-produtos-geral li.sub a:hover {
	background-color:#a9bce4;
}

#buscar {
	float:right;
	height:43px;
	line-height:43px;
	background-image:url('../images/bg_menu_busca.gif');	
	width:193px;
	vertical-align:middle;
}

#buscar input.text-buscar {
	margin-left:20px;
}

#conteudo-meio {
	width:71%;
	/* width:expression("71%"); */
	padding:0px;	
	float:left;	
	margin:auto;
}

div.quadrado-container {
	text-align:left;
	width:258px;
	background-image:url('../images/bg_newsletter----.gif');
}

#cadastro {
	background-color:#eee;
}

#texto-home {
	background-image:url('../images/bg_txt_home.gif');
	background-repeat:no-repeat;
	background-position:top left;
}

#texto-home h1 {

}

#newsletter {
	background-image:url('../images/bg_newsletter----.gif');
}

#newsletter h3{
	margin-bottom:5px;
	font-size: 18px;
}

#newsletter div{
	background-image:url('../images/leteral_newsletter.gif');
	background-repeat:repeat-y;
	background-position:right;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:30px;
	padding-top:10px;
}

table.carrinho {
	width:97% ;
	border-collapse:collapse ;	
	margin:auto;
}

table.carrinho td {
	border-bottom:1px dotted ;
	padding:5px ;
}

table.carrinho th.sub {
	background-color:#cecece;
}

table.carrinho th {
	border-bottom:1px dotted #999;
	padding-bottom:3px;
	text-transform:uppercase;
	color:#000;
}

#paginador {
	text-align:center ;
	float:right;
	font-size:18px;
}

#paginador a {
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
}

div.item-list {
	padding-bottom:20px;
}

div.item-list-container {
	width:258px;
}

div.item-list a {
	color:#333;
	cursor:pointer;
}

div.item-list img.produto {
	float:left;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

div.item-list img.caneta {
	border-right:1px solid #ccc;
}

div.item-list strong {
	padding:0px;
	margin:0px;
	display:block;
	width:137px;/*produto*/
	float:right;
	color:#666;
}

div.item-list strong.caneta {
	width:258px;/*caneta*/
}

div.item-list strong span{
	margin-left:5px;/*produto*/
	display:block;
}

div.item-list a strong.titulo {
	background-image:url('../images/bg_titulo_promocao.gif');	
	line-height:26px;
	color:#fff;
	clear:both;
	float:none;
	width:258px;
}

div.item-list a strong.titulo {
	background-image:url('../images/bg_titulo_promocao.gif');
}

/* apenas para corrigir um bug do ie6  */
div.item-list a:hover {
	text-indent:0;
}

div.item-list a:hover strong.titulo {
	background-image:url('../images/bg_titulo_promocao_over.gif');	
}

div.item-list strong.titulo span{
	background-image:url('../images/q_box_promo.gif');
	background-position:right;
	background-repeat:no-repeat;
}

div.item-list strong.titulo span{
	background-image:url('../images/q_box_promo.gif');
}

div.item-list a:hover strong.titulo span{
	background-image:url('../images/q_box_promo_over.gif');
}

div.item-list a strong.chamada {
	background-image:url('../images/bg_box_promo.gif');
	_height:111px;
	min-height:111px;
	padding-top:10px;
}

div.item-list a strong.caneta {
	_height:50px;/*caneta*/
	min-height:50px;
}

div.item-list a:hover strong.chamada {
	background-image:url('../images/bg_box_promo_over.gif');
}

div.item-list strong.preco {
	font-size:14px;
	color:#6699cc ;
}

span.preco {
	font-size:14px;
	color:#6699cc ;
}

div.box-cinza {
	background-color:#ddd;
	padding:5px;
}

#rodape2 {
	background-image:url('../images/bg_rodape.gif');
	font-size:12px;
	color:#fff;
}

.rodape-bg{
	background-image:url('../images/bg_rodape.gif');
}

.ajax-load {
	padding-left:20px;
	height:18px;
}

.erro {
	background-color:#FFFFCC ;
	border:2px solid #FFCC00 ;	
	padding:5px ;
}

.erro p {
	color:#003399 ;
	padding:3px ;
}

.sucesso {
	background-color:#ccffff;
	border:2px solid #99cccc;	
	padding:5px ;
}

.sucesso p {
	color:#003399 ;
	padding:3px ;
}

div.frescura img{ 
	border:none; 
}

div.frescura { 
	background-image: url('../images/overlay.png'); 
}

* html div.frescura{
	background-color: #333;
	background-color: transparent;	
}

div.frescura {
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;				
	z-index:1000;
}

div.frescura div.frescura-img {
	background-color:#fff;
	width:20px;
	height:0px;
	text-align:center;
	position:absolute;
}

div.frescura div.frescura-close {
	clear:both;
	background-color:#6699cc ;
	text-align:right;
	line-height:20px;
	height:20px;
	vertical-align:middle;
}

div.frescura div.frescura-close a{
	color:#fff;
	line-height:20px;
	font-size:14px;
	margin:0px;
	padding:0px;
}

div.frescura-detalhe img.foto {
	float:left;
	border:0px;
	width:250px;
	height:250px;
}

div.frescura-detalhe strong.info {
	padding:0px;
	margin:0px;
	display:block;
	width:250px;
	height:250px;
	float:right;
	color:#666;
	background-image:url('../images/bg_box_promo.gif');
	text-align:left;
}

div.frescura-detalhe strong.info span{
	padding-left:5px;
	padding-top:5px;
	display:block;
}


h5 { margin-top: 3px; margin-bottom: 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
h5 { font-size: 16px; color: #6699cc; height: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; }

.brindes { padding:0 0 0 50px; }
.brindes h2 { font-size: 12px; font-weight: bold; color: #999999; }

/* ---------- Partner logos ---------- */
#partners li { float:left; display:inline; margin:10px 0 0 20px; height:18px; }
#partners li a { display:block; height:18px; background-image:url(../images/midia-maior.gif); text-indent:-9999px; }
#partners .participe { width: auto }
#partners .flickr { width:47px; }
#partners .flickr:hover { width:47px; background-position:0 -18px; }
#partners .youtube { width:46px; background-position:-68px 0; }
#partners .youtube:hover { background-position:-68px -18px; }
#partners .myspace { width:68px; background-position:-134px 0; }
#partners .myspace:hover { background-position:-134px -18px; }
#partners .twitter { width:68px; background-position:-220px 0; }
#partners .twitter:hover { background-position:-220px -18px; }
#partners .orkut { width:56px; background-position:-295px 0; }
#partners .orkut:hover { background-position:-295px -18px; }
#partners .facebook { width:57px; background-position:-365px 0; }
#partners .facebook:hover { background-position:-365px -18px; }
#partners .hi5 { width:30px; background-position:-430px 0; }
#partners .hi5:hover { background-position:-430px -18px; }
#partners .via6 { width:50px; background-position:-470px 0; }
#partners .via6:hover { background-position:-470px -18px; }
#partners .uolk { width:60px; background-position:-533px 0; }
#partners .uolk:hover { background-position:-533px -18px; }


/* lista das categorias do rodapé */

.cat1 { width:15%; margin:0; padding:10px 0 40px 130px; border:0px solid #ff0000; float: left;}
.cat1 h2 { font-size: 18px;}
.cat1 ul { margin:0; padding:0;}
.cat1 li { list-style: none; line-height: 14px; }
.cat1 li a { color:#505761; font-size: 11px;}
.cat1 li a:hover { text-decoration: underline;}

.cat2 { width:10%; margin:0; padding:10px 0 40px 0; border:0px solid #ff0000; float: left;}
.cat2 h2 { font-size: 18px;}
.cat2 ul { margin:0; padding:0;} 
.cat2 li { list-style: none; line-height: 14px; }
.cat2 li a { color:#505761; font-size: 11px;}
.cat2 li a:hover { text-decoration: underline;}

.cat3 { width:58%; margin:0; padding:10px 0 40px 0; border:0px solid #ff0000; float: left;}
.cat3 h2 { font-size: 18px;}
.cat3 ul { margin:0; padding:0 0 0 0; float: left;} 
.cat3 ul.larg { margin:0; padding:0 0 0 40px; float: left;} 
.cat3 li { list-style: none; line-height: 14px; }
.cat3 li a { color:#505761; font-size: 11px;}
.cat3 li a:hover { text-decoration: underline;}