/* Helpers
============================================================ */

.hide {display:none;}

.rounded-5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Start
============================================================ */

.celulares-wrap {
	background:#4c5669 url(../images/celulares-wrap-bg.jpg) no-repeat 0 0;
	font-family:"Lucida Grande", Arial, sans-serif;
	padding:18px 0 20px 0;
}

.celulares-wrap h1 {
	background:transparent url(../images/celulares-titulo.gif) no-repeat 0 0;
	margin:0 auto 16px; padding:0;
	width:327px; height:24px;
}

/* Lista de Celulares
============================================================ */

ul.celulares-lista {
	background:transparent url(../images/celulares-lista-bg.png) repeat-y 0 0;
	clear:both;
	margin:0 auto 20px;
	width:732px;
	overflow:hidden;
}

ul.celulares-lista li {
	border-bottom:1px solid #e7e7e7;
	display:inline-block;
	float:left;
	margin:0; padding:15px 0 0 0;
	width:244px;
}

/* Nome do aparelho */
ul.celulares-lista li h2 {
	color:#333; font-size:12px; font-weight:bold; text-align:center;
	margin-bottom:7px;
}

/* Frase complementar */
ul.celulares-lista li div.frase {
	color:#96a2a4; font-size:14px; line-height:18px; text-align:center; font-style:italic;;
	font-family:Georgia, Times, serif;
	margin-bottom:10px; padding:0 10px;
}

/* Icones
=========================================================== */

ul.celulares-lista li div.icones-wrap {
	margin:0 auto 7px; padding:0;
	width:180px; height:66px;
	overflow:hidden;
	position:relative;
}

ul.celulares-lista li ul.icones {
	overflow:hidden;
	width:190px;
	position:absolute; top:0; left:0;
}

ul.celulares-lista li ul.icones li {
	border:none;
	display:inline-block;
	margin:0 10px 10px 0; padding:0;
	width:auto; height:auto;
	float:left;
}

ul.celulares-lista li ul.icones li a {
	display:block;
	width:28px; height:28px;
	outline:none;
}

ul.celulares-lista li ul.icones li a.off {cursor:default;}

/* Funcoes */

ul.celulares-lista li ul.funcoes li a {
	background:url(../images/icones-funcoes-sprite.png) no-repeat 0 0;
}

ul.celulares-lista li ul.funcoes li.tres-g a {background-position:0 0;}
ul.celulares-lista li ul.funcoes li.tres-g a:hover {background-position:0 -38px;}
ul.celulares-lista li ul.funcoes li.tres-g a.off {background-position:0 -76px;}

ul.celulares-lista li ul.funcoes li.tv a {background-position:-38px 0;}
ul.celulares-lista li ul.funcoes li.tv a:hover {background-position:-38px -38px;}
ul.celulares-lista li ul.funcoes li.tv a.off {background-position:-38px -76px;}

ul.celulares-lista li ul.funcoes li.vga a {background-position:-76px 0;}
ul.celulares-lista li ul.funcoes li.vga a:hover {background-position:-76px -38px;}
ul.celulares-lista li ul.funcoes li.vga a.off {background-position:-76px -76px;}

ul.celulares-lista li ul.funcoes li.global-roaming a {background-position:-114px 0;}
ul.celulares-lista li ul.funcoes li.global-roaming a:hover {background-position:-114px -38px;}
ul.celulares-lista li ul.funcoes li.global-roaming a.off {background-position:-114px -76px;}

ul.celulares-lista li ul.funcoes li.camera a {background-position:-152px 0;}
ul.celulares-lista li ul.funcoes li.camera a:hover {background-position:-152px -38px;}
ul.celulares-lista li ul.funcoes li.camera a.off {background-position:-152px -76px;}

ul.celulares-lista li ul.funcoes li.bluetooth a {background-position:-190px 0;}
ul.celulares-lista li ul.funcoes li.bluetooth a:hover {background-position:-190px -38px;}
ul.celulares-lista li ul.funcoes li.bluetooth a.off {background-position:-190px -76px;}

ul.celulares-lista li ul.funcoes li.gps a {background-position:-228px 0;}
ul.celulares-lista li ul.funcoes li.gps a:hover {background-position:-228px -38px;}
ul.celulares-lista li ul.funcoes li.gps a.off {background-position:-228px -76px;}

ul.celulares-lista li ul.funcoes li.infravermelho a {background-position:-266px 0;}
ul.celulares-lista li ul.funcoes li.infravermelho a:hover {background-position:-266px -38px;}
ul.celulares-lista li ul.funcoes li.infravermelho a.off {background-position:-266px -76px;}

ul.celulares-lista li ul.funcoes li.cartao-de-memoria a {background-position:-304px 0;}
ul.celulares-lista li ul.funcoes li.cartao-de-memoria a:hover {background-position:-304px -38px;}
ul.celulares-lista li ul.funcoes li.cartao-de-memoria a.off {background-position:-304px -76px;}

ul.celulares-lista li ul.funcoes li.ingles a {background-position:-342px 0;}
ul.celulares-lista li ul.funcoes li.ingles a:hover {background-position:-342px -38px;}
ul.celulares-lista li ul.funcoes li.ingles a.off {background-position:-342px -76px;}

/* Servicos */

ul.celulares-lista li ul.servicos li a {
	background:url(../images/icones-servicos-sprite.png) no-repeat 0 0;
}

ul.celulares-lista li ul.servicos li.nlf a {background-position:0 0;}
ul.celulares-lista li ul.servicos li.nlf a:hover {background-position:0 -38px;}
ul.celulares-lista li ul.servicos li.nlf a.off {background-position:0 -76px;}

ul.celulares-lista li ul.servicos li.suporte-sos a {background-position:-38px 0;}
ul.celulares-lista li ul.servicos li.suporte-sos a:hover {background-position:-38px -38px;}
ul.celulares-lista li ul.servicos li.suporte-sos a.off {background-position:-38px -76px;}

ul.celulares-lista li ul.servicos li.ll2 a {background-position:-76px 0;}
ul.celulares-lista li ul.servicos li.ll2 a:hover {background-position:-76px -38px;}
ul.celulares-lista li ul.servicos li.ll2 a.off {background-position:-76px -76px;}

ul.celulares-lista li ul.servicos li.quero-mais a {background-position:-114px 0;}
ul.celulares-lista li ul.servicos li.quero-mais a:hover {background-position:-114px -38px;}
ul.celulares-lista li ul.servicos li.quero-mais a.off {background-position:-114px -76px;}

ul.celulares-lista li ul.servicos li.poupa-mais a {background-position:-152px 0;}
ul.celulares-lista li ul.servicos li.poupa-mais a:hover {background-position:-152px -38px;}
ul.celulares-lista li ul.servicos li.poupa-mais a.off {background-position:-152px -76px;}

ul.celulares-lista li ul.servicos li.blue a {background-position:-190px 0;}
ul.celulares-lista li ul.servicos li.blue a:hover {background-position:-190px -38px;}
ul.celulares-lista li ul.servicos li.blue a.off {background-position:-190px -76px;}

ul.celulares-lista li ul.servicos li.meu-consumo a {background-position:-228px 0;}
ul.celulares-lista li ul.servicos li.meu-consumo a:hover {background-position:-228px -38px;}
ul.celulares-lista li ul.servicos li.meu-consumo a.off {background-position:-228px -76px;}


/* Links - servicos | funcoes | comprar
=========================================================== */

ul.celulares-lista li div.aparelho-links {
	color:#666; font-size:11px; text-align:center;
	margin-bottom:10px;
}

ul.celulares-lista li div.aparelho-links a {
	color:#0085CF; text-decoration:none; outline:none;
}

ul.celulares-lista li div.aparelho-links a:hover {text-decoration:underline;}

ul.celulares-lista li div.aparelho-links a.current {
	color:#333; font-weight:bold;
	cursor:default;
}

ul.celulares-lista li div.aparelho-links a.current:hover {text-decoration:none;}


ul.celulares-lista li a.aparelho {
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	font-size:0; text-indent:999px;
	margin:0 auto; padding:0;
	width:218px; height:252px;
	outline:none;
}

.aparelho-zoom-nome {
	color:#333; font-size:12px; text-align:center; font-weight:bold;
	padding-top:10px;
}



ul.celulares-lista li.top {
	background:transparent url(../images/celulares-lista-top.png) repeat-y 0 0;
	border:none;
	margin:0; padding:0;
	width:732px; height:6px;
}

ul.celulares-lista li.btm {
	background:transparent url(../images/celulares-lista-btm.png) repeat-y 0 0;
	border:none;
	margin:0; padding:0;
	width:732px; height:9px;
}

ul.celulares-lista li.last {border:none;}

/* Rodape
=========================================================== */

.celulares-rodape {
	margin:0 auto;
	width:732px;
	overflow:hidden;
}

.celulares-rodape h4 {
	color:#fff; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:center;
	float:left;
	margin:0 0 7px 0; padding:0;
	width:366px;
}

.celulares-rodape .top {
	background:transparent url(../images/celulares-rodape-top.png) repeat-y 0 0;
	clear:both;
	height:6px;
}

.celulares-rodape .middle {
	background:transparent url(../images/celulares-rodape-bg.png) repeat-y 0 0;
	padding:12px 0 0;
	overflow:hidden;
}

.celulares-rodape .btm {
	background:transparent url(../images/celulares-rodape-btm.png) repeat-y 0 0;
	height:6px;
}

.celulares-rodape ul.icones {
	float:left;
	overflow:hidden;
	margin:0 15px;
	width:336px;
}

.celulares-rodape ul.icones li {
	float:left;
	margin-bottom:10px; padding:0;
	width:168px;
}

.celulares-rodape ul.icones li .icone {
	background:red;
	float:left;
	margin-right:10px;
	width:28px; height:28px;
}

.celulares-rodape ul.icones li a {
	color:#fff; font-size:11px; text-decoration:none; line-height:28px;
}

.celulares-rodape ul.icones li a:hover {text-decoration:underline;}

/* funcoes */
.celulares-rodape ul.funcoes li .icone {
	background:url(../images/icones-funcoes-rodape.png) no-repeat 0 0;
}

.celulares-rodape ul.funcoes li .tres-g {background-position:0 0;}
.celulares-rodape ul.funcoes li .tv {background-position:-38px 0;}
.celulares-rodape ul.funcoes li .vga {background-position:-76px 0;}
.celulares-rodape ul.funcoes li .global-roaming {background-position:-114px 0;}
.celulares-rodape ul.funcoes li .camera {background-position:-152px 0;}
.celulares-rodape ul.funcoes li .bluetooth {background-position:-190px 0;}
.celulares-rodape ul.funcoes li .gps {background-position:-228px 0;}
.celulares-rodape ul.funcoes li .infravermelho {background-position:-266px 0;}
.celulares-rodape ul.funcoes li .cartao-de-memoria {background-position:-304px 0;}
.celulares-rodape ul.funcoes li .ingles {background-position:-342px 0;}

/* servicos */
.celulares-rodape ul.servicos li .icone {
	background:url(../images/icones-servicos-rodape.png) no-repeat 0 0;
}

.celulares-rodape ul.servicos li .nlf {background-position:0 0;}
.celulares-rodape ul.servicos li .suporte-sos {background-position:-38px 0;}
.celulares-rodape ul.servicos li .ll2 {background-position:-76px 0;}
.celulares-rodape ul.servicos li .quero-mais {background-position:-114px 0;}
.celulares-rodape ul.servicos li .poupa-mais {background-position:-152px 0;}
.celulares-rodape ul.servicos li .blue {background-position:-190px 0;}
.celulares-rodape ul.servicos li .meu-consumo {background-position:-228px 0;}




/* Icones zoom descricao
=========================================================== */

div.icones-descricao {display:none;}

h3.icones-descricao-titulo {
	border-bottom:1px solid #ccc;
	color:#000; font-size:14px; line-height:28px;
	margin-bottom:10px; padding-bottom:10px;
	overflow:hidden;
}

h3.icones-descricao-titulo .icone {
	float:left;
	margin-right:10px;
	width:28px; height:28px;
}

/* icones (funcoes) */
h3.icones-descricao-titulo .funcoes {
	background:url(../images/icones-funcoes-sprite.png) no-repeat 0 0;
}

h3.icones-descricao-titulo .tres-g {background-position:0 0;}
h3.icones-descricao-titulo .tv {background-position:-38px 0;}
h3.icones-descricao-titulo .vga {background-position:-76px 0;}
h3.icones-descricao-titulo .global-roaming {background-position:-114px 0;}
h3.icones-descricao-titulo .camera {background-position:-152px 0;}
h3.icones-descricao-titulo .bluetooth {background-position:-190px 0;}
h3.icones-descricao-titulo .gps {background-position:-228px 0;}
h3.icones-descricao-titulo .infravermelho {background-position:-266px 0;}
h3.icones-descricao-titulo .cartao-de-memoria {background-position:-304px 0;}
h3.icones-descricao-titulo .ingles {background-position:-342px 0;}

/* icones (servicos) */
h3.icones-descricao-titulo .servicos {
	background:url(../images/icones-servicos-sprite.png) no-repeat 0 0;
}

h3.icones-descricao-titulo .nlf {background-position:0 0;}
h3.icones-descricao-titulo .suporte-sos {background-position:-38px 0;}
h3.icones-descricao-titulo .ll2 {background-position:-76px 0;}
h3.icones-descricao-titulo .quero-mais {background-position:-114px 0;}
h3.icones-descricao-titulo .poupa-mais {background-position:-152px 0;}
h3.icones-descricao-titulo .blue {background-position:-190px 0;}
h3.icones-descricao-titulo .meu-consumo {background-position:-228px 0;}

p.icones-descricao-texto {
	color:#666; font-size:12px; line-height:18px;
	padding:0 10px;
}