/*--------dark background style-----*/
body
{
background:url(imagens/bg2.jpg) no-repeat center top #767271;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#fff;
}
a{
text-decoration:underline;
color:#b6d9fe;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:11px;
margin:0px;
}
#geral{
width:902px;
height:auto;
margin:auto;
padding:0px;
}
#topo{
width:902px;
height:109px;
margin:auto;
background:url(imagens/top_menu_bg.png) no-repeat center;
}
h1.logo{
padding:15px 0 0 0;
float:left;
background:url(imagens/logo.png) left no-repeat;
text-indent: -9000px;
width: 204px;
height: 85px;
}

h1.logo a { display: block; width: 204px;
height: 85px; }
.logo img { border: none}

/*---------------- menu tab----------------------*/
#menu_topo{
width:400px;
float:left;
padding:0px;
}

ul.menu {
list-style-type:none; display:block; width:470px; 
 margin: auto; padding:65px 0 0 0; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:28px;}

ul.menu li.barrinha {
display:block;
float:left;
width:1px;
height:31px;
padding:0px ;
margin:0px;
background:url(imagens/barrinha.gif) no-repeat center;
}

a.aba:link, a.aba:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#fff;}

a.aba_selecionada:link, a.aba_selecionada:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #fff;}

a.aba:hover {
color: #F4FDB5; text-decoration:none;}

/*-----------------busca----------------*/
.busca{
float:left;
width:245px;
padding:65px 0 0 0;
}

input.busca{
width:150px;
height:20px;
border:none;
float:left;
background-color: #333;
color: #F0F0F0;
padding:0 0 0 5px;
}
input.busca_bt{
float:left;
padding:0 0 0 5px;
}
.esquerda{
width:180px;
float:left;
}
.destaque-menu{
padding:10px 0 0 28px;
}
/*--------------left menu----------------*/
#menu_esquerda{
position:relative;
top:-10px;
left:-15px;
float:left;
}
#menu_esquerda ul{
list-style-type:none; width: 177px;
margin:0; padding:0;}

#menu_esquerda li {
display:block;}

#menu_esquerda li a {
display:block;  padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none; background-color:#616161; color:#FFFFFF;border-bottom:1px #3F3F3F solid;}
#menu_esquerda li.selecionada a {
display:block;  padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none;background:url(imagens/menu_esquerda_selecao.gif) no-repeat left #565656; color:#FFFFFF;border-bottom:1px #3F3F3F solid; background-position:5px 8px;
}
#menu_esquerda li a:hover {
display:block;  padding:0 0 0 25px; height:30px;text-align:left;
text-decoration:none; background:url(imagens/menu_esquerda_selecao.gif) no-repeat left #565656; color:#FFFFFF;border-bottom:1px #3F3F3F solid; background-position:5px 8px;
}
/*----------------conteudo----------------*/
#conteudo{
width:902px;
clear:both;
background-color: #2d2b2b;
height:auto;
margin:20px 0 0 0;
}

#conteudo_resultado{
width:980px;
clear:both;
background-color: #2d2b2b;
height:auto;
margin:20px 0 0 0;
}

#meio{
width:700px;
float:left;
height:auto;
padding:10px 0 30px 5px;
}
.title{
clear:both;
padding:5px 0 10px 0;
color:#FFFFFF;
}
.anuncio{
clear:both;
color:#FFFFFF;
padding: 10px 0 10px 0;
}

.anunciografico{ width:728px; height:90px; margin-left: 75px; margin-bottom: 45px; margin-top: 1px;}
.title a{
color:#b6d9fe;
text-decoration:underline;
}
.celulares{
width:320px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 8px 8px;
border:1px #E9E9E9 solid;
}
.celulares_detalhes{
width:640px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 0 8px;
}
img.foto_produto{
float:left;
padding:0 10px 0 0;
}
img.foto_produto_dir{
float:right;
padding:0 10px 0 0;
}

.produtos { float: left}
.detalhes_produto{
float:left;
width:165px;
padding:0 10px 0 0;
}
.detalhes_produto_grande{
float:left;
width:450px;
}

.detalhes_produto_grande ul li{
list-style: none;
}

.detalhes_produto_grande ul li strong{
color:#b6d9fe;
}

.prod_title{
color:#b6d9fe;
padding:0 10px 0 0;
}

h2{
color:#b6d9fe;
padding:0 10px 0 0;
font-size:12px;
}

h2.presente { background:url(imagens/celular-presente.gif) left no-repeat; text-indent: -9000px; height: 20px}
h2.compracoletiva { background:url(imagens/sites-compras-coletivas.gif) left no-repeat; text-indent: -9000px; height: 20px}
h2.marca { background:url(imagens/celulares-por-marca.gif) left no-repeat; text-indent: -9000px; height: 20px}
h2.lancamento { background:url(imagens/celular-presente.gif) left no-repeat; text-indent: -9000px}
h3.mais { background: url(imagens/mais-modelos-celular.gif) left no-repeat; text-indent: -9000px; height: 25px; float: left;}

span.preco{
font-size:16px;
color:#b6d9fe;
}
p.preco{
color:#b6d9fe;
}
p.descricao_celular { font-size: 12px;}
a.detalhes{
display:block;
padding:10px 0 0 0;
}

.detalhes img { border: none}
p.compra_por_marca{
width:400px;
float:left;
padding:0 10px 0 0;
line-height:17px;
}
p.presente_detalhes{
width:275px;
float:left;
padding:0 0 0 10px;
line-height:17px;
}
img.marca{
float:left;
padding:0 5px 0 5px;
border: none;
}
img.gift{
float:left;
padding:5px;
margin:5px;
border:1px #b8b5b6 solid;
}


/*---------------------pagination-----------------------------*/

div.pagination {
padding:5px;
margin:5px;
text-align:center;
float:left;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;

text-decoration: none; 
color: #97c7f7;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #ddd;
color: #fff;
background-color: #97c7f7;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
font-weight: bold;
background-color: #97c7f7;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
color: #ccc;
}
/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 10px;
color:#fff;
}
.contact_input{
width:240px;
height:17px;
font-size:14px;
float:left;
background-color:#ffffff;
border:1px #616161 solid;
color:#666;
}
label.contact_form{
width:50px;
float:left;
padding:0 0 5px 0;
font-size:12px;
color:#FFFFFF;
}
.contact_textarea{
width:290px;
height:80px;
font-size:16px;
float:left;
color:#666;
background-color:#fff;
border:1px #616161 solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}
.clear{
clear:both;
}
/*----rodape---------*/
#rodape{
width:auto;
clear:both;
padding:15px 0 10px 0;
margin:20px 0 0 0;
height:60px;
border-top:1px #CCC solid;
text-align:center;
color:#ccc;
}
.rodape_esquerda{
float:left;
padding:5px 0 0 10px;
}
.rodape_meio{
float:left;
padding:10px 0 0 60px;
}

.rodape_meio a { color: #ccc}

#rodape a{
color:#ccc;
text-decoration:none;
}

.galeria {
	margin:0px 0px 10px;
	list-style:none;
	width: 778px; display: block; float: left;
}

.galeria li{
	width: 140px;
	float: left;
	padding: 10px;
	height:140px;
}


.galeria img {
	padding: none;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	margin-right: 10px;
	border: 2px solid #999;
}
