﻿body {font-family: arial, verdana, tahoma; font-size:11px;}
*{margin:0px;border:0px;padding:0px;list-style:none;text-decoration:none}

.clear {
	clear: both;
}

.titulo_coluna_lateral {font-family:Trebuchet MS,verdana; font-size:12px; color:#585858; text-transform:uppercase;  line-height:23px;height:23px; margin-left: 5px; margin-top:11px;font-weight:bold;margin-bottom:5px}

div.pad-bottom,div.pad-categorias,div.pad-destaques{width:100% !important;display:block; }

div.pad{background-color:#f5f5f5; text-align:center;  border: 1px solid #c8c8c8; margin:3px 2px 3px 2px; margin-top: 5px; width:97%; display:block;}
div.pad-bottom{background-color:#f5f5f5;}
div.pad-categorias{background:transparent url(../img/tit_categorias_back1.gif) 100% 0% repeat-x;}
div.pad-destaques{background:transparent url(../img/tit_categorias_back1.gif) 100% 0% repeat-x;}
div.pad-categorias,div.pad-destaques,div.pad-bottom{width:100%;height:100%;margin:0px}

div.pad-inner{background-color: #fff; margin:10px 8px 10px 8px;width:90%;1 border: 1px solid #c8c8c8;}

div.pad-categorias a,div.pad-inner a,div.pad-destaques a{width:100%;font-family:bitstream vera sans,arial;font-size:11px;font-style:normal;display:block;color:black;margin-left:5px}
div.pad-categorias a:hover,div.pad-inner a:hover,div.pad-destaques:hover a{text-decoration:underline}
a span.qtd{color:#669}

/*
------

div.pad-bottom{background:transparent url(../img/tit_categorias_end.gif) 50% 100% no-repeat}
div.pad-categorias{background:transparent url(../img/tit_categorias.gif) 50% 0% no-repeat}
div.pad-destaques{background:transparent url(../img/tit_destaques.gif) 50% 0% no-repeat}
div.pad-categorias,div.pad-destaques,div.pad{width:188px}
div.pad-categorias,div.pad-destaques,div.pad-bottom{height:100%;margin:0px}

div.pad-inner{margin:20px 8px 30px 8px;width:172px;text-align:left}

div.pad-categorias a,div.pad-inner a,div.pad-destaques a{width:166px;font-family:bitstream vera sans,arial;font-size:11px;font-style:normal;display:block;color:black;margin-left:5px}
div.pad-categorias a:hover,div.pad-inner a:hover,div.pad-destaques:hover a{text-decoration:underline}
a span.qtd{color:#669}

-------------- */

div.pad-inner a.subcategoria{font-size:12px}
div.pad-inner a:hover.subcategoria{color:blue}
div.toggler{cursor:hand;background:url(../img/titulo_back.jpg);text-align:left; line-height:25px;vertical-align:middle;padding-left:5px;overflow:hidden}
div.toggler a{display:inline;}
div.toggle a:hover {cursor:hand; background-color:#c7c3c3; }
div.element {text-align:left;}

span.fonte_laterais{font-family:Tahoma,Arial;font-size:10px;color:#464646}

div.line{width:172px;background:transparent url(../img/space.gif) repeat-x}

#topoCompra{background:#0057fe url(../img/topo_bg_wrapper.gif) repeat-y;height:85px; border-bottom: 1px solid #c0c0c0;}
#topo{background:#fff url(../img/topo_bg_wrapper.jpg) 100% 0% repeat-y;height:200px}
#logo{float:left;margin:13px 0px 13px 5px;background:transparent url(../img/topo_logo.gif) no-repeat;width:258px;height:165px;cursor:hand}
#logoCompra{float:left;margin:13px 0px 13px 10px;background:transparent url(../img/topo_logo.gif) no-repeat;width:200px;height:82px;cursor:hand}
#topo_bg{clear:both;width:100%;background:url(../img/topo_bg.jpg) repeat-x;height:111px}
#topo_bar{clear:both;FONT-FAMILY:verdana;font-size:11px;height:38px;width:100%;display:block;background:#1d242c;color:white}
#topo_bar_nav{margin:0px 63px 0px 33px;float:left;clear:left}
#topo_bar_nav,#topo_bar_nav a{color:#f27405 !important;font-size:11px;FONT-FAMILY:verdana;font-weight:bold}
#topo_bar_nav a{line-height:38px;vertical-align:center;margin:0px 5px}
#topo_bar_nav a:hover{text-decoration:underline;color:#fff !important}
#topo_bar_pesquisa{float:right;clear:right;line-height:35px;vertical-align:center;margin-top:3px;margin-right:20px}
#topo_bar_pesquisa select.select{font-family:verdana;font-size:11px}
#topo_bar_pesquisa input.submit{cursor:hand;width:22px;height:22px;background:url(../img/bnt_ok.gif) no-repeat}

#topo_painel{width:730px;height:73px;float:right;display:block;clear:right;background:transparent url(../img/topo_painel.gif) no-repeat;}
#topo_painel_topo{width:526px;margin-left:32px;margin-top:3px}
#topo_painel_topo a{color:white;margin:0px 7px;font-size:11px;font-family:arial;color:white}
#topo_painel_topo a:hover{text-decoration:underline}
#topo_painel_dolar{float:right;clear:right;margin-right:4px}
#topo_painel_dolar table thead{color:white;font-size:10px;font-weight:bold}
#topo_painel_dolar table tbody{color:#c60;font-size:10px}
#topo_painel_nav{clear:left;margin:20px 0px 0px 70px;}
#topo_painel_nav a{color:#c60;margin:0px 10px;font-family:arial;font-size:11px}
#topo_painel_nav a:hover{text-decoration:underline}

#coluna2 span.titulo{background-color:#f5f5f5; border-top: 1px solid #c8c8c8; width:101%;font-family:Trebuchet MS,verdana;font-size:12px;color:#585858;text-transform:uppercase;line-height:30px;height:30px;display:block;margin-top:5px; margin-right:0px; font-weight:bold;margin-bottom:5px}
div.pad-destaques {text-align:center}
div.pad-destaques span.desc{font-size:10px;font-family:tahoma,verdana;color:#464646;display:block}
div.pad-destaques span.preco_antigo{font-size:11px;font-family:Trebuchet MS,helvetica,Tahoma,helvetica,sans-serif;color:#666562;display:block}
div.pad-destaques span.preco_final{font-size:11px;font-family:Trebuchet MS,helvetica,Tahoma,helvetica,sans-serif;color:#f00;display:block}
div.pad-destaques span.economia{font-size:10px;font-family:Trebuchet MS,helvetica,Tahoma,helvetica,sans-serif;color:#f00;display:block}

div.produto_pad{width: 185px; margin:auto; height:230px; display:block; float:left; text-align:center; margin:1px}
/*div.produto_pad{width:180px;height:230px;display:block;float:left;text-align:center;border:1px solid #eee;margin:1px}*/
div.produto_pad span.nomeProduto{font-size:11px;color:#464646;display:block;font-weight:bold;}
div.produto_pad a.nomeProduto{font-size:11px;color:#464646;display:block;font-weight:bold;width:160px;display:block;word-wrap:break-word;margin-left:auto;margin-right:auto;}
div.produto_pad span.desc{font-family:tahoma,arial;display:block;font-size:10px;color:#808080;width:175px;height:25px}
div.produto_pad span.preco_antigo{color:#666562;font-size:11px;font-weight:bold}
div.produto_pad span.preco_final{color:#f00;font-weight:bold;font-size:14px;}
div.produto_pad span.economia{color:#f00;font-size:10px}
div.produto_pad div.img{display:block;height:120px;line-height:120px;width:191px;vertical-align:middle}
div.produto_pad div.img img{margin:auto}
div.produto_pad span.economia,div.produto_pad span.preco_final,div.produto_pad span.preco_antigo,div.produto_pad span.titulo{font-family:Trebuchet MS,helvetica,Tahoma,helvetica,sans-serif;display:block}

div#produtosIndex {text-align:left; text-align:center;}

div#coluna2 span.preco_final{color:#f00;font-weight:bold}
div#coluna2 span.preco_finalGrande{color:#f00; font-size: 18px; font-weight:bold}


#coluna1,#coluna2{float:left;text-align:left}
#coluna1{width:19%;font-family:verdana;font-size:11px ;}
#coluna2{width:61% !important; width:60%; text-align:center}
#coluna3{width:19%;float:right;font-family:verdana;font-size:11px;}



#footer{width:100%;background:#F4F4F4 url(../img/bg_footer.gif) repeat-x scroll 0 0;font-family:verdana;font-size:11px;text-align:center}
#footer_inner{width:90%;margin:20px auto 10px auto}


#banner{width:730px;height:100px;display:block;float:right;clear:right}
input.text{border:1px solid #ccd}
input.addCarrinho{height:24px;width:88px;background:url(../img/btn_med.gif) no-repeat;text-align:center;color:white}

.formcheckout  table {margin:3px; font-family:tahoma; font-size:15px;}
.formcheckout  td{padding: 3px; font-family:tahoma; font-size:15px;}
.formcheckout input {border:1px solid #ccc; padding: 2px; font-family:tahoma; font-size:15px; font-weight:bolder; height: 20px;}
.formcheckout select{border:1px solid #ccc; padding: 2px; font-family:tahoma; font-size:15px; font-weight:bolder; height: 20px;}

a.etapa{color:black}
td.etapa{background:url(../img/titulo_back.gif) repeat-x;}

	.pageList {
	clear:both;
	font-size:0.8em;
	margin:0.7em 0pt 1.5em;
	padding:0pt;
	text-align:center;
	display:block;	
	font-family: tahoma, verdana;
	font-size: 11px;
}
.pageList li{
	display:inline;		
	width: 35px;
}
.pageList li a:hover,.pageList li a.atual{color:#000; background-color:#c0c0c0; font-weight: bolder; font-size: 17px; width:30px;}
.pageList li a{
	text-align:center;
	text-decoration:none;
	height:19px;
	color:#000;
}
.pageList li a.page{
	width:30px;
	/*background:url(pageBtkSmall.gif) no-repeat;*/
		background-color:#FFF;
	border: 1px solid #CCC;
	font-size: 11px;
}
.pageList li a.button{
	/*background:url(pageBtk.gif) no-repeat;*/
	width:80px;
	background-color: #fff;
	border: 1px solid #CCC;
	font-size: 11px;
}

.pageList li a.button:hover{
	/*background:url(pageBtk.gif) no-repeat;*/
	width:80px;
	background-color:#FFF;
	border: 1px solid #CCC;
	font-size: 11px;
}


fieldset {
	width: 85%;
	border: 1px solid #99BBE8;
	margin: 0.3em 0;
	padding: 10px;
	clear: left;
} * html fieldset { padding-top: 0; }

legend {
	font-size: 100%;
	font-weight: bolder;
	font-family: arial, verdana;
	letter-spacing: -0.03em;
	line-height: 1;
	color: #80A71F;
	padding: 0 0.5em; /* Top and Bottom for IE7 */
} * html legend { margin-bottom: 15px; padding: 0 0.0em; }

fieldset fieldset legend {
	font-size: 105%;
	font-weight: bold;
}

legend span {
	color: #999;
	font-size: 70%;
	letter-spacing: 0;
}

fieldset dl {
	margin: 0;
	padding: 0;
}

fieldset dt {
	clear: left;
	float: left;
	width: 18em; /* increase for wider dt text */
	text-align: right;
	padding: 0 1em 0.5em 0;
}

fieldset dd {
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

fieldset.labels label {
	width: 15em;
	float: left;
	text-align: right;
	display: block;
	padding: 0 0.5em 0.2em 0;
}

fieldset.labels div {
	padding: 0.2em 0;
	clear: left
}

.fieldset-footer {
	margin: 0;
	position: relative;
	left: -15px;
	padding: 10px 0 0px 15px;
	background: url(img/field-back.gif) no-repeat;
	clear: left;
	top: 15px;
}

fieldset fieldset input {
	font-size: 100% !important;
}

#divMsgAviseMe {float: right; border: 1px solid #c0c0c0; font-weight:bolder; width:210px; margin: 3px; padding: 3px; background-color: #FFF;}
#divMsgAviseMe button{border: 1px solid #c0c0c0;}
#erroMsgAviseMe{color:red; font-family: arial, verdana;}

