﻿@import url(reset.css);
body {font:14px "Arial"; color:#999;}
a{color:#999; text-decoration:none;}
a:hover{color:#000;}
h1 {font-size:26px; color:#666; }
h2 {font-size:18px; line-height:26px; color:#666; margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid #e9e9e9;}
h3 {font-size:18px; line-height:18px; color:#666; margin-bottom:18px; font-weight:bold; background:#dfdfdf; padding:8px; text-shadow:0 1px 0px #FFF; border-radius:5px;}
p {margin-bottom:18px;}
small {font-size:11px; line-height:12px;}
hr {margin: 10px 0; border: 0; border-bottom:1px solid #e9e9e9;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* IE6/7 support */
.clearfix {
    *zoom: 1;
}

.fluido {width:100%; clear:both;}
.centro {width:960px; clear:both; margin:0 auto;}
.esq {float:left;}
.dir {float:right;}
.barra {width:100%; height:5px; background:#CCC; clear:both;}
.clear {clear:both}
.conteudo {
	background-color: #FFFFFF;
	margin:15px 0;
	overflow:hidden;
}
.col_2 {width:50%; float:left;}
.col_3 {width:33.3333333333%; float:left;}
.linha {clear:both; overflow:hidden; padding:20px 0;}
.linha_frame {width:100%;}

ul.lista3 li{width:33.3333333333%; float:left;}
ul.lista5 li{width:20%; float:left;}
.font12 {font-size:12px}
.font11 {font-size:11px}
a.link_titulo {color:#666;}

.fundo_azul {background:#587190; color:#FFF;}
.cor_azul {color:#587190;}
.fundo_vermelho {background:#990000; color:#FFF;}
.cor_vermelho {color:#990000;}
.padding5 {padding:5px;}

.topo {padding:10px 0; overflow:hidden;}
.topo2 {padding:10px 0;}
.logo {float:left;}
.links_user {float:right; margin: 57px 0px 5px 0px}
.links_user2 {float:left; margin: 20px 0 5px 50px}
.links_user a{font-weight:bold;}
.busca {float:left; width:506px; height:40px; background:url(../img/busca-fundo.png);}
	.busca_input {float:left;}
	.busca_input input[type="text"] {border:none; font-size:18px; background:transparent; margin:9px 0 0 9px;  color:#AAAAAA; width:450px;}
	.busca_select {float:left;}
	.busca_select select {width:180px; border:none; background:transparent; margin-top:12px; color:#AAAAAA;}
	.busca_btn {float:right; margin-top:7px; margin-right:9px;}
.links_destaques {float:left; width:454px; height:40px; background:#e9e9e9; border-top-right-radius:5px; border-bottom-right-radius:5px;}
	.links_destaques img {width:20px; height:20px;}
	.links_destaques > ul li {height:20px; float:left; margin:11px 10px 13px 10px; font-size:14px; font-weight:bold; text-transform: uppercase;}
	.links_destaques a {text-decoration:none; padding:12px 0; font-weight:bold; text-shadow:0 1px 0 #FFFFFF;}	
	.links_destaques a:hover {background:url(../img/icn_select.png) bottom center no-repeat; cursor:pointer}
	.links_destaques a.promocoes {color:#e1ba64}
	.links_destaques a.frete {color:#ed4262}
	.links_destaques a.lancamentos {color:#fdcf05}

.cor_promocoes {color:#37c1f0}
.cor_fretegratis {color:#28b09c}
.cor_lancamentos {color:#ff9900}
ul.lista_produtos {}
	ul.lista_produtos li{height:350px; float:left;}
	.preco_de {text-decoration:line-through;}
	.preco_por {font-size:18px; color:#00e47f;}

.filtros {padding:20px 0;}
.filtros select {font-size:12px; border:1px solid #CCC; padding:5px; background:#e9e9e9;}

.titulo {
	background:#e9e9e9;
	padding:10px 0;
	font-size:18px;
	color:#666666;
	text-shadow:0 1px 0 #FFFFFF;
}

.input_text {
	font-family:Arial;	
	color:#AAA;	
	padding:3px;
	border:1px solid #999;

}
.btn {	
  display: inline-block;
  *display: inline;
  padding: 4px 5px;
  font-size: 11px;
  border: 1px solid #CCCCCC;
}
.btn:hover {	
	color:#666666;
	border: 1px solid #999999;
}
.btn:active {	
	border: 1px solid #999999;
	background:#CCC;
}
.btn_grande {	
	color:#999;
	text-shadow:0 1px 0 #fff;
	background:#d9d9d9;
	padding:4px 15px;
	cursor:pointer;
	font-size:14px;


}
.btn_grande:hover {	
	background:#c9c9c9;
	color:#999;
}
.btn_grande:active {	
	background:#b9b9b9;
	color:#777;
}
.btn_grande_invert {	
	color:#DDD;
	background:#999;
	padding:4px 15px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;		
}
.btn_grande_invert:hover {	
	background:#666;
	color:#DDD;
}
.btn_grande_invert:active {	
	background:#333;
	color:#FFF;
}
.btn2 {	
  display: inline-block;
  *display: inline;
  padding: 4px 5px;
  font-size: 14px;
}
.sublinhado {text-decoration:underline;}
.cor_secundaria {color:#000;}
.fig_margin {float:left; margin:0 20px 5px 0;}
ul.lista_geral li{clear:both; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden;}

.menu_topo {clear:both; margin:10px 0 15px; overflow:hidden;}
ul.lista_menu_categorias {list-type:none;}
ul.lista_menu_categorias li {
	margin-right:30px;
	float:left;
}
ul.lista_menu_categorias li a {font-weight:bold; font-size:18px; line-height:28px;}
ul.lista_menu_categorias li:last-child {margin-right:0px;}
.sacola {text-transform:uppercase}

.destaques_principal {clear:both; margin-top:-30px; overflow:hidden}
.destaques_secundarios {clfoear:both; margin-top:-15px; overflow:hidden}
.col1 {width:675px; float:left; overflow:hidden}
.col1_1 {height:350px; margin-bottom:15px; overflow:hidden}
.col1_2 {width:330px; float:left; margin-right:15px; overflow:hidden;}
.col1_3 {width:330px; float:left; overflow:hidden;}
.col2_1 {height:260px; margin-bottom:15px; overflow:hidden}
.col2_2 {height:260px; overflow:hidden}

.destaques_lista {clear:both; margin-top:30px; overflow:hidden}
ul.lista_produtos {list-style:none;}
ul.lista_produtos li{width:25%; float:left;}
.padd{padding:15px;}

.rodape {background:url(../img/rodape_fundo.jpg) repeat-x #5b5b5b; text-shadow:0 1px 0 #333;}
	.rodape_links {height:17px; padding:15px 0; text-align:right}
		.rodape_links a{text-decoration:none; font-weight:bold;}
		.rodape_links a:hover{color:#CCC;}	
	.rodape_infos {padding:15px 0;}		
	.rodape_busca {margin:30px 0; overflow:hidden;}
	.rodape_links_outros {width:600px;}
	ul.rodape_links_outros li{float:left; width:33.3333333333333333333333333%;}
.rodape2 {clear:both; margin-top:40px;}
.rodape2_creditos {background:#999; padding:20px 0; color:#444; clear:both; margin-top:40px;}

.categoria_menu {width:200px; float:left; margin-right:20px;}
.categoria_conteudo {width:770px; float:right;}

ul.listar_filtros {list-style:none;}
ul.listar_filtros li {list-style:none; margin-bottom:3px;}
.tit{color:#333;}



/* plataforma */
ul.lista_caracteristicas li {clear:both; margin-bottom:19px; padding-bottom:20px; border-bottom:1px solid #e9e9e9}
.fig_margin_plataforma {float:left; margin:0 15px 20px 0;}

/* politica */
.politica_menu {float:left; padding:20px; width:210px; background:#e9e9e9; text-shadow:0 1px 0 #fff;}
.politica_conteudo {width:670px; float:left; margin-left:40px;}
ul.lista_politica {border-bottom:1px solid #d9d9d9; margin-bottom:15px; padding-bottom:10px;}
ul.lista_politica:last-child{border:none; margin-bottom:0; padding-bottom:0;}
ul.lista_politica li {clear:both; padding-bottom:10px;}

/* quem */
ul.lista_assinaturas li {
	clear:both; 
	padding:25px; 
	background:#e9e9e9; 
	margin-bottom:15px; 
	text-shadow:0 1px 0 #FFF; 
}
.depoimento {
	display:block;
	margin-bottom:10px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px; 
	font-weight:bold;	
}
.assinatura {display:block; font-style:italic;}
ul.lista_logos li{width:25%; float:left; height:150px; text-align:center;}

/* abra sua loja */
form.abra {background:#e9e9e9; padding:15px;}
form.abra label{float:left; margin:0px 10px 15px 0;}
form.cadastro {text-align:left;}
form.cadastro label {float:left; width:150px; text-align:right; margin-right:10px; font-weight:bold;}
form.cadastro fieldset {border:1px solid #e9e9e9; padding:20px; margin-bottom:20px;}
form.cadastro legend {font-weight:18px; padding:10px 20px; font-weight:bold;}

/****login***/
ul.list_campos label{display:block; margin-bottom:5px; font-weight:bold;}
ul.list_campos li{clear:both; margin-bottom:10px;}
.login {}
.login .esq, .login .dir {width:46%;}
.login form.cadastro fieldset{min-height:180px;}
/************/

/**** sacola ****/
table.listagem {width:100%;}
table.listagem th {font-weight:bold; padding:15px 0; border-bottom:1px solid #DDD; border-top:1px solid #DDD; text-align:left}
table.listagem th a {font-weight:bold; text-align:left}
table.listagem td {padding:10px 3px; border-bottom:1px solid #DDD;}

table.tabela_frete {width:300px; float:right}
table.tabela_frete th{background:#999; color:#FFF; padding:10px; font-weight:bold;}
table.tabela_frete td{background:#e9e9e9; border-bottom:1px solid #fff; padding-bottom:1px; box-shadow:0 -1px 0 #ccc; padding:10px;}

.blocos {
	clear:both;
	overflow:hidden;
	padding:20px 0;
	border-bottom:1px solid #DDD;	
}

.valores {line-height:30px; font-size:20px;}
.valores > strong{line-height:30px; font-weight:bold; font-size:20px; color:#000;}
/****************/


/********************* fotos **************/
.caminho {text-align:right; margin-bottom:30px; float:right}
.fotos {width:500px; margin-right:30px; float:left;}
.info {width:460px; float:right;}
.alerta {
	border:1px solid #900; 
	padding:5px 15px;
	border-radius:25px;	
	background:#F5CFCF; 
	color:#900; 
	font:11px arial; 
	text-transform:none; 
	margin-top:5px;
}
.preco {font-size:26px; line-height:26px; color:#666;}

/***** pagamento ****/
ul.lista_geral li{clear:both; padding:15px 0; border-bottom:1px solid #DDD; overflow:hidden;}
.margin_fig {float:left; margin-right:10px;}
/********************/

/****** menu flutuante busca ****/
#nav2{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	display:none;
	border-bottom:1px solid #DDD;
	box-shadow:0 1px 10px #D9D9D9;
	padding:15px 0;
	z-index:9999;
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, white), to(white));
	background-image: -webkit-linear-gradient(#f0f0f0, white 25%, white);
	background-image: -moz-linear-gradient(top, #f0f0f0, white 25%, white);
	background-image: -ms-linear-gradient(#f0f0f0, white 25%, white);
	background-image: -o-linear-gradient(#f0f0f0, white 25%, white);
	background-image: linear-gradient(#f0f0f0, white 25%, white);
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);	
}
.flutua_logo {width:250px; float:left; margin-top:3px;}
.flutua_busca {margin:0 30px; float:left;}
.flutua_sacola {width:250px; float:right;}		
/*******************************/


/********* hotsite *************/
.hotsite_topo {padding:30px 0}
.hotsite_conteudo {padding:30px 0}
.hotsite_conteudo > .esq{width:450px; margin-top:80px;}
.hotsite_conteudo > .dir{width:540px;}
/*******************************/
.paginacao {
	overflow:hidden;
	clear: both;
	padding: 10px;
	background: #E9E9E9;
	text-shadow: 0 1px 0 white;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/**** dropd down menu ****/
ul.dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
	z-index:999;
}
ul.dropdown li {
    display: block;
    position: relative;
    float: left;
}
ul.dropdown li ul {
    display: none;
}
ul.dropdown li a {
    display: block;
    text-decoration: none;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    margin-left: 1px;
    white-space: nowrap;
}
ul.dropdown li a:hover {}
ul.dropdown li:hover ul {
    display: block;
    position: absolute;
}
ul.dropdown li:hover li {
    float: none;
}
ul.dropdown li:hover a {background:#e9e9e9}
ul.dropdown li:hover li a:hover {background:#e9e9e9}


/**** accordion ****/
.ac-container{
	text-align: left;
}
.ac-container h2 {font-size:12px; font-weight:bold; color:#666}
.ac-container label{
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	padding-bottom:10px;
}
.ac-container label.faq{
	padding:10px 0px 0px 0px;
}
.ac-container label:hover{
	background: #fff;
	color:#000;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	margin-bottom:10px;
}
.ac-container article.faqs{margin-bottom:0px;}
.ac-container article p {margin-bottom:0px;}
.ac-container input:checked ~ article{}
.ac-container input:checked ~ article.ac-1{height: auto;}
.ac-container input:checked ~ article.ac-2{height: auto;}
.ac-container input:checked ~ article.ac-3{height: auto;}
.ac-container input:checked ~ article.ac-4{height: auto;}
.ac-container input:checked ~ article.ac-5{height: auto;}

/**** slide panel ****/
#panel {
	background: #e9e9e9;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
}
.btn_fechar {padding:3px 7px; font-size:11px; background:#666; color:#FFF;}
.active {background-position: right 12px;}
.login_slide {padding:40px 0 20px 0;}

/**** dicas  ****/
ul.lista_dicas_destaque li{width:470px; overflow:hidden; height:400px;}
ul.lista_dicas_destaque span.chamada_texto {width:250px; background:#FFF; padding:15px; position:absolute; margin:200px 0 0 190px;}
.dicas ul.lista_geral > strong, small {display:block;}
div.dica_corpo {width:700px; font-size:16px;}
.submenu {
	width:173px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	border-radius:5px; 
	color:#999; 
	padding:20px; 
	background:#E9E9E9; 
}
ul.lista_submenu li{clear:both; padding:5px 0; border-bottom:1px dashed #ccc;}

/**** ajuda ****/
/* ajuda */
.move_ajuda:hover {right:0px;} 
.box_ajuda {
	width:69px;
	height:49px;
	position:fixed;
	cursor:pointer;
	margin-top:190px;
	right:-49px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}
#label_suporte {
	padding-left: 160px;
}
.MultiFile-list {
	padding: 5px 0 0 160px;
}