/*********************************************

---------------- Indice --------------------

01 - Geral

02 - Classes

03 - H's e textos

04 - Area superior

05 - Conteudo principal (meio)

06 - Rodape

07 - Institucionais

08 - Busca

09 - Criar Perfil

10 - Tela padrao usuario

11 - Meu perfil

12 - Mensagens

13 - Pagina do Usuario

14 - Pagina de Servicos

15 - Paginacao

16 - Pagina de Contatos

17 - Gerenciamento de Grupos

18 - Usuario

19 - Ranking

*********************************************/



/*********************************************

1- Geral

Estilos para configuracao geral, alinhamentos, fontes gerais e etc

*********************************************/



*{ margin:0; padding:0; border:0; }



body {

text-align: center;

margin: 0;

padding:0;

background-color:#F8F8F9;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color:#222;

background:url(../img/layout/bg.jpg);

background-position: top center;

background-attachment: fixed;

background-repeat:no-repeat;

}



body, html { height:100%; } /* Necessrio */



#principal {

text-align:left;

margin: 0px auto;

padding:0;

width:981px;

}



html {

overflow: -moz-scrollbars-vertical;

}



/*********************************************

2 - Classes

Tipografia, links, estilos, parametros

*********************************************/



.strong {

font-weight:bold;

}



.hide {

display: none;

}



.clear {

clear: both;

}



img {

border: none;

}



.img-left {

float:left;

padding: 2px 12px 2px 0px;

}



.img-right {

float:right;

padding: 2px 0px 2px 12px;

}



.borda-imagens {

border:1px solid #DBDBDB;

}



.centro {

text-align: center;

}



.direita {

text-align:right;

}



.left {

float:left;

}



.right {

float:right;

}



.marca {

font-weight:bold;

color:#185683;

}



.strong {

	font-weight:bold;

}



a {

color:#185683;

text-decoration:underline;

}



a:hover {

color:#185683;

text-decoration:none;

}



/*********************************************

3 - H's e textos

Estios para os ttulos

*********************************************/



h1 { /* apenas para a logomarca */

font-size:16px;

}



h2 { /* para canais dentro do site */

font-size: 10px;

font-weight:bold;

color: #006037;

text-transform:uppercase;

}



h3 { /* para ttulos das notcias */

font-size: 15px;

color:#212121;

font-weight:bold;

line-height: 130%;

margin:0;

padding:0;

}



h4 { /* para tpicos importantes */

}



.t12 {

font-size:12px;

}



/*********************************************

4 - Area superior

Logo, menu, regio de login

*********************************************/

#barra-superior {

background:url(../img/layout/barra-superior-bg.png);

height:10px;

width: 100%;

}

#topo {

width:100%;

margin-top: 13px;

}

#meadiciona {

float:left;

width:385px;

}

#menu {

float:right;

width:520px;

}

#login {

text-align:right;

}

.input {

font-family: Verdana, Geneva, sans-serif;

color:#747465;

font-size:11px;

margin:0;

padding:0;

width:148px;

height:18px;

background:transparent url(../img/layout/login-input.png) no-repeat scroll 0 0;

padding: 6px 0 0 5px;

float: right;

}

.entrar-btn {

width:57px;

height:22px;

float: right;

}

#menu-principal {

margin-top: 5px;

}

.home a {

display: block;

background-image: url(../img/menu/home.png);

background-position: 0px 0px;

text-decoration: none;

width:56px;

height:43px;

}

.home a:hover {

background-position: 0px 43px;

}

.sobre a {

display: block;

background-image: url(../img/menu/sobre.png);

background-position: 0px 0px;

text-decoration: none;

width:111px;

height:43px;

}

.sobre a:hover {

background-position: 0px 43px;

}

.criar a {

display: block;

background-image: url(../img/menu/criar.png);

background-position: 0px 0px;

text-decoration: none;

width:71px;

height:43px;

}

.criar a:hover {

background-position: 0px 43px;

}

.perfil a {

display: block;

background-image: url(../img/menu/perfil.png);

background-position: 0px 0px;

text-decoration: none;

width:71px;

height:43px;

}

.perfil a:hover {

background-position: 0px 43px;

}

.buscar a {

display: block;

background-image: url(../img/menu/buscar.png);

background-position: 0px 0px;

text-decoration: none;

width:57px;

height:43px;

}

.buscar a:hover {

background-position: 0px 43px;

}

.ajuda a {

display: block;

background-image: url(../img/menu/ajuda.png);

background-position: 0px 0px;

text-decoration: none;

width:47px;

height:43px;

}

.ajuda a:hover {

background-position: 0px 43px;

}

.twitter a {

display: block;

background-image: url(../img/menu/twitter.png);

background-position: 0px 0px;

text-decoration: none;

width:66px;

height:43px;

}

.twitter a:hover {

background-position: 0px 43px;

}

.contato a {

display: block;

background-image: url(../img/menu/contato.png);

background-position: 0px 0px;

text-decoration: none;

width:65px;

height:43px;

}

.contato a:hover {

background-position: 0px 43px;

}

.top50 a {

display: block;

background-image: url(../img/menu/top50.png);

background-position: 0px 0px;

text-decoration: none;

width:61px;

height:43px;

}

.top50 a:hover {

background-position: 0px 43px;

}

.identificacao {

margin: -5px 10px 0 0;

}

.sair-btn {

width:57px;

height:22px;

}

#navegacao-logado {

float:right;

}

#borda-esq-logado {

background:url(../img/layout/borda-esq-topo.png);

background-repeat:no-repeat;

width:7px;

height:24px;

float:left;

}

#borda-dir-logado {

background:url(../img/layout/borda-dir-topo.png);

background-repeat:no-repeat;

width:7px;

height:24px;

float:left;

margin-right: 15px;

}

#borda-conteudo-logado {

background:url(../img/layout/borda-conteudo-topo.png);

background-repeat:repeat-x;

height:24px;

float:left;

}

.conteudo-logado {

margin: 4px 0 0 0;

}

#logado {

text-align:right;

}

#logado a {

color:#1F78BC;

font-weight:bold;

text-decoration:underline;

}

#logado a:hover {

color:#1F78BC;

font-weight:bold;

text-decoration:none;

}

/*********************************************

5 - Contedo principal (meio)

Fundo, textos caixas e imagens

*********************************************/

#box-superior {

background:url(../img/layout/superior-bg.png);

background-repeat:no-repeat;

width:981px;

height:10px;

}

#box-inferior {

background:url(../img/layout/inferior-bg.png);

background-repeat:no-repeat;

width:981px;

height:10px;

}

#box-meio {

background:url(../img/layout/meio-bg.png);

background-repeat: repeat-y;

width:981px;

margin-top:-3px;

}

html>body #box-meio {

margin-top: 0px;

}

.conteudo {

padding: 5px 20px 5px 20px;

}

#col-esq {

width: 390px;

float:left;

}

#col-dir {

width:520px;

float:left;

margin-left: 40px;

}

#col-esq p {

margin: 6px 0 0 0;

}

#col-esq a {

color: #A7A7A7;

font-size:10px;

text-decoration:none;

}

#col-esq a:hover {

color: #969696;

font-size:10px;

text-decoration:underline;

}

.passo-a-passo {

background: url(../img/layout/passo-a-passo.jpg);

background-repeat:no-repeat;

width:514px;

height:109px;

}

.texto-home {

background: url(../img/texto/centralize.gif);

background-repeat:no-repeat;

width:509px;

height:118px;

margin: 8px 0 0 0;

}

.meadiciona-voce {

background:url(../img/texto/meadiciona-voce.gif);

width:509px;

height:68px;

background-repeat:no-repeat;

margin-bottom:5px;

}

.servicos {

color:#333;

font-size: 12px;

line-height: 150%;

font-weight:bold;

}

#procure-aba {

background:url(../img/layout/procure-aba.png);

background-repeat: no-repeat;

width:415px;

height:50px;

float:right;

margin-right: 8px;

margin-top:-3px;

}

html>body #procure-aba {

margin-top: 0px;

}

.procure-input {

font-family: Arial, Geneva, sans-serif;

color:#444;

font-size:11px;

margin:0;

padding:0;

width:175px;

height:24px;

background:transparent url(../img/layout/procurar-input.png) no-repeat scroll 0 0;

padding: 6px 0 0 5px;

float: left;

margin: 10px 0 0 150px;

width:170px;

height:18px;

font-weight: bold;

}

.buscar-btn {

width:57px;

height:24px;

float: right;

margin: 9px 20px 0 0px;

}

#col-esq-in {

width:515px;

float:left;

}

#col-dir-in {

width: 400px;

float:left;

margin-left: 15px;

}

#erro {

float:left;

width:300px;

margin-top: 110px;

}

#erro-texto {

float:left;

width:530px;

margin-top: 60px;

margin-bottom: 20px;

}

.erros-p {

margin: 2px 0 2px 0;

}

.erro-p {

color:#333;

font-size: 12px;

font-weight:bold;

margin: 2px 0 15px 0;

}

.pagina-nao-encontrada {

background:url(../img/texto/pagina-nao-encontrada.png);

background-repeat:no-repeat;

width:343px;

height: 38px;

float:left;

}

#erro-texto a {

color: #00509F;

text-decoration:underline;

}

#erro-texto a:hover {

color: #00509F;

text-decoration:none;

}

/*********************************************

6 - Rodap

Estilos, imagens e links

*********************************************/

#rodape {

clear:both;

text-align:left;

margin: 0px auto;

padding:0;

width:100%;

background-color:#F8F8F9;

border-top: 1px solid #D3D3D3;

height: 150px;

margin: 20px 0 10px 0;

}

#rodape-interno {

text-align:left;

margin: 0px auto;

padding:0;

width:981px;

padding: 15px 0 0 0;

}

#rodape-interno ul {

margin:0;

padding:0;

}

#rodape-interno li {

margin:0;

padding:0;

display:inline;

color:#C8C8C8;

}

#rodape-interno a {

color:#8C8C8C;

font-size:9px;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

}

#rodape-interno a:hover {

color:#676767;

font-size:9px;

text-decoration:underline;

font-family:Arial, Helvetica, sans-serif;

}

#rod-esq {

float:left;

width:70%;

}

#rod-esq p {

color:#8C8C8C;

font-size:10px;

text-decoration:none;

margin: 8px 0 8px 0;

font-family:Arial, Helvetica, sans-serif;

}

#rod-dir {

float:right;

width:30%;

text-align:right;

}

#rod-dir p {

color:#8C8C8C;

font-size:10px;

text-decoration:none;

margin: 0px 0 5px 0;

font-family:Arial, Helvetica, sans-serif;

}

.icones {

float:left;

width:25px;

}

#rodape-usuario {

clear:both;

text-align:left;

margin: 0px auto;

padding:0;

width:100%;

margin: 10px 0 10px 0;

}

#rodape-interno-usuario {

text-align:left;

margin: 0px auto;

padding:0;

width:981px;

}

#rodape-interno-usuario ul {

margin:0;

padding:0;

}

#rodape-interno-usuario li {

margin:0;

padding:0;

display:inline;

color:#C8C8C8;

}

#rodape-esq-bg {

background:url(../img/layout/rod-esq-usuario.png);

background-repeat:no-repeat;

width:15px;

height:60px;

float:left;

}

#rodape-dir-bg {

background:url(../img/layout/rod-dir-usuario.png);

background-repeat:no-repeat;

width:15px;

height:60px;

float:right;

margin-top:-30px;

}

html>body #rodape-dir-bg {

background:url(../img/layout/rod-dir-usuario.png);

background-repeat:no-repeat;

width:15px;

height:60px;

float:right;

margin-top:0px;

}

#rodape-meio-bg {

background:url(../img/layout/rod-meio-usuario.png);

background-repeat: repeat-x;

width:951px;

height:60px;

float:left;

padding: 0px 0 0 0;

}

html>body #rodape-meio-bg {

background:url(../img/layout/rod-meio-usuario.png);

background-repeat: repeat-x;

width:951px;

height:60px;

float:left;

padding: 10px 0 0 0;

}

#rodape-interno-usuario a {

color:#8C8C8C;

font-size:9px;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

}

#rodape-interno-usuario a:hover {

color:#676767;

font-size:9px;

text-decoration:underline;

font-family:Arial, Helvetica, sans-serif;

}

#rod-esq-usuario {

float:left;

width:70%;

margin-top: 10px;

}

html>body #rod-esq-usuario {

float:left;

width:70%;

margin-top:0px;

}

#rod-esq-usuario p {

color:#8C8C8C;

font-size:10px;

text-decoration:none;

margin: 8px 0 8px 0;

font-family:Arial, Helvetica, sans-serif;

}

#rod-dir-usuario {

float:right;

width:30%;

text-align:right;

margin-top:10px;

}

html>body #rod-dir-usuario {

float:right;

width:30%;

text-align:right;

margin-top:0px;

}

#rod-dir-usuario p {

color:#8C8C8C;

font-size:10px;

text-decoration:none;

margin: 0px 0 5px 0;

font-family:Arial, Helvetica, sans-serif;

}



#rodape-perfil {

	width:100%;

	color:#676767;

	background-image:url(../img/perfil/rodape-bg.png);

	height:51px;

}



#rodape-perfil .interno-perfil {

	text-align:left;

	margin: 0px auto;

	padding:0;

	width:981px;

	font-size:9px;

	font-family:Arial, Helvetica, sans-serif;

	

}



#rodape-perfil a {

	color:#8C8C8C;

	font-size:9px;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

}



#rodape-perfil a:hover {

	color:#676767;

	font-size:9px;

	text-decoration:underline;

	font-family:Arial, Helvetica, sans-serif;

}



#rodape-perfil ul {

	margin:0;

	padding:0;

	margin-bottom:8px;

}



#rodape-perfil li {

	margin:0;

	padding:0;

	display:inline;

	color:#C8C8C8;

}



#rodape-perfil .esq-usuario {

	float:left;

	width:70%;

	text-align:left;

	padding: 10px 0 0px 0;

}



#rodape-perfil .dir-usuario {

	float: right;

	width:110px;

	text-align:right;

	padding: 0px 0 0px 0;	

}



#rodape-perfil .grupoair {

	background-image:url(../img/perfil/grupo-air.png);

	background-repeat:no-repeat;

	width:107px;

	height:51px;

}



/*********************************************

07 - Institucionais

Estilos para configuracao geral, alinhamentos, fontes gerais e etc

*********************************************/



#internas {

	width: 950px;

	float:left;

}



#internas .coluna-esquerda {

	float:left;

	width:47%;

}



#internas .coluna-direita {

	float:right;

	width:47%;

	margin-right:2%;

}



#internas p {

	line-height: 130%;

	padding: 8px 0 4px 0;

	font-family:Arial, Helvetica, sans-serif;

}



#internas .sobre-servico {

	background:url(../img/texto/sobre-o-servico.png);

	background-repeat:no-repeat;

	width:248px;

	height: 39px;

	margin-bottom:10px;

}



#internas .ranking {

	background:url(../img/ranking/texto.png);

	background-repeat:no-repeat;

	width:343px;

	height:38px;

	margin-bottom:10px;

}



#internas .resultado-da-busca {

	background:url(../img/texto/resultado-da-busca.png);

	background-repeat:no-repeat;

	width:284px;

	height:39px;

	margin-bottom:10px;

}



#internas .buscar-site {

	background:url(../img/texto/buscar-site.png);

	background-repeat:no-repeat;

	width:284px;

	height:39px;

	margin-bottom:10px;

}



#b-avancada .buscar-site-avancada {

	background:url(../img/texto/busca-avancada.png);

	background-repeat:no-repeat;

	width:242px;

	height:39px;

	margin-bottom:10px;

}



#b-avancada .txt-dados-pessoais {

	background:url(../img/texto/dados-pessoais-b.png);

	background-repeat:no-repeat;

	width:260px;

	height:20px;

	margin:23px 0 15px 0;

	clear:both;	

}



#b-avancada .txt-info-adicionais {

	background:url(../img/texto/info-adicionais-b.png);

	background-repeat:no-repeat;

	width:260px;

	height:20px;

	margin:5px 0 15px 0;

	clear:both;

}



#b-avancada .txt-servicos-cadastrados {

	background:url(../img/texto/servicos-cadastrados-b.png);

	background-repeat:no-repeat;

	width:260px;

	height:20px;

	margin:5px 0 15px 0;

	clear:both;

}



#b-avancada .input-a {

	width: 300px;

	height:16px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



#b-avancada .select-a {

	width: 306px;

	height:22px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



#b-avancada .campo-esq {

	width:80px;

	float:left;

	text-align:right;

	margin-top:3px;

	clear:both;

}



#b-avancada .campo-dir {

	width:300px;

	float:left;

	text-align:left;

	margin-left:10px;

	margin-bottom:10px;

}



#b-avancada .botao {

	margin-left:90px;

	margin-top:8px;

}



#b-avancada .info {

	background:url(../img/btn/info.png);

	background-repeat:no-repeat;

	min-width: 20px;

	min-height: 20px;

	font-size:10px;

	color:#535353;

	font-family:Tahoma, Geneva, sans-serif;

	padding-left:14px;

	margin-top:25px;

}



#internas .login {

	background:url(../img/texto/login.png);

	background-repeat:no-repeat;

	width:230px;

	height: 39px;

}



#internas .termos-site {

	background:url(../img/texto/termos-de-uso.png);

	background-repeat:no-repeat;

	width:450px;

	height: 39px;

}



#internas .contato-site {

	background:url(../img/texto/contato.png);

	background-repeat:no-repeat;

	width:300px;

	height: 39px;

}



#internas .denuncie {

	background:url(../img/texto/denuncie.png);

	background-repeat:no-repeat;

	width:230px;

	height: 39px;

}



#internas .sugestao-servico {

	background:url(../img/texto/sugestao-servico.png);

	background-repeat:no-repeat;

	width:301px;

	height: 39px;

}



#internas .img-veja-servicos {

	float:right;

	margin: 5px 40px 0 0;

}



.obrigatorio {

	font-size:9px;

	color:#555;

}



.texto-obrigatorio {

	font-size: 10px;

	color:#C0C0C0;

}



.contato-input {

	width: 300px;

	height:16px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



.contato-txt {

	width: 300px;

	height:100px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



#internas .contato-ok {

	background:url(../img/alertas/enviado-ok.png);

	width:401px;

	height:26px;

	background-repeat:no-repeat;

	padding: 6px 0 0 30px;

	font-size:11px;

	margin: 15px 0 10px 13px;

	color:#111;

	font-weight:normal;

}



#contato-form {

	color:#595959;

}



#btn-login {

	width:435px;

}



.alerta_form {

	color:#D50000;

	font-weight:bold;

}



#recuperar-senha {

	background:url(../img/layout/recuperar-senha-bg.png) no-repeat;

	width:473px;

	height:212px;

	position:absolute;

	left:50%;

	margin-left:-237px;

	display:none;

	z-index:1002;

}



#box-recuperar-senha {

	padding: 110px 0 0 10px;

}



.recuperar-senha {

	width: 250px;

	height:16px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



.recuperar-senha-txt {

	width: 250px;

	height:90px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



.ajuda-user {

	background:url(../img/texto/ajuda-user.png);

	background-repeat:no-repeat;

	width:58px;

	height: 28px;

	float:left;

}



.ajuda-site {

	background:url(../img/texto/ajuda.png);

	background-repeat:no-repeat;

	width:300px;

	height: 39px;

	margin-bottom:0px;

}



#ajuda-pagina {

	width:930px;

}



#ajuda-pagina p {

	line-height:130%;

}



#conteudo .per {

	font-size:18px;

	color:#414141;

	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;

	padding:10px 0 6px 0;

	font-weight:bold;

	text-transform:none;

}



#conteudo .res {

	font-size:12px;

	color:#222;

	font-family:Arial, Helvetica, sans-serif;

	padding:0px 0 7px 0;

	font-weight:normal;

	line-height:140%;

}



#conteudo .txt-destaque {

	font-weight:bold;

	color:#1D72C9;

}



#conteudo .servicos {

	color:#212121;

	font-weight:normal;

	font-size:13px;

	line-height:140%;

	font-family:Arial, Helvetica, sans-serif;	

}



#conteudo .itens {

	color:#212121;

	font-weight:normal;

	font-size:12px;

	line-height:140%;

	font-family:Arial, Helvetica, sans-serif;	

}



#conteudo .txt-download-logo {

	background:url(../img/texto/logo-do-meadiciona.png);

	width:197px;

	height:20px;

	background-repeat:no-repeat;

	margin-bottom:15px;

}



#conteudo .txt-noticias {

	background:url(../img/texto/noticias-do-meadiciona.png);

	width:273px;

	height:20px;

	background-repeat:no-repeat;

	margin:15px 0 15px 0;

}



#noticias-meadiciona {

	margin:0;

}



#noticias-meadiciona .item {

	width:100%;

	margin-bottom:10px;

}



#noticias-meadiciona .data-not {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:10px;

	color:#333;

	margin-bottom:4px;

}



#noticias-meadiciona .titulo {

	margin-bottom:4px;

	background-color:#f8f8f8;

	padding:4px 4px 4px 4px;

	width:95%

}



#noticias-meadiciona a {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#448DC2;

	text-decoration:underline;

	font-weight:bold;

	line-height:140%;

}



#noticias-meadiciona a:hover {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#448DC2;

	text-decoration:none;

	font-weight:bold;

	line-height:140%;	

}



#noticias-meadiciona .fonte {

	margin-top:4px;

	font-size:12px;

	font-family:Tahoma, Geneva, sans-serif;

}



#noticias-meadiciona .ft-10 {

	font-size:10px;

	font-family:Tahoma, Geneva, sans-serif;

	color:#727272;

	text-transform:uppercase;

}

	

#noticias-meadiciona a.link-fonte {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#222;

	text-decoration:none;

	font-weight:normal;

	line-height: 100%;	

}



#noticias-meadiciona a.link-fonte:hover {

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#333;

	text-decoration:underline;

	font-weight:normal;	

	line-height: 100%;

}	



#noticias-meadiciona .div {

	background:url(../img/layout/div.png);

	background-repeat:no-repeat;

	width:319px;

	height:3px;

	margin:15px 0 15px 0;

}



#contato-lateral {

	margin-top:5px;

	font-size:12px;

	color:#212121;

}



#contato-lateral .txt-mais-informacoes {

	background:url(../img/texto/mais-informacoes.png);

	width:144px;

	height:21px;

	background-repeat:no-repeat;

	margin:15px 0 15px 0;

}



#contato-lateral .txt-publicidade {

	background:url(../img/texto/publicidade.png);

	width:94px;

	height:21px;

	background-repeat:no-repeat;

	margin:10px 0 5px 0;

}



#contato-lateral .telefone {

	background-image:url(../img/icones/telefone.png);

	min-width:250px;

	min-height:44px;

	padding-left:70px;

	background-repeat:no-repeat;

	margin-bottom:15px;

}



#contato-lateral .email {

	background-image:url(../img/icones/mail.png);

	min-width:250px;

	min-height:44px;

	padding-left:70px;

	background-repeat:no-repeat;	

	margin-bottom:15px;	

}



#contato-lateral .twitte {

	background-image:url(../img/icones/twitter.png);

	min-width:250px;

	min-height:44px;

	padding-left:70px;

	background-repeat:no-repeat;	

	margin-bottom:15px;	

}



#contato-lateral p {

	line-height:125%;

	margin:0;

	padding:0;

	margin-bottom:20px;

}



#contato-lateral a {

	font-size:13px;

	color:#448DC2;

	text-decoration:underline;

	font-weight:bold;

}	



#contato-lateral a:hover {

	font-size:13px;

	color:#448DC2;

	text-decoration:underline;

	font-weight:bold;

}	



#contato-lateral .ft-13 {

	font-size:13px;

	color:#222;

	font-weight:bold;

}	



#conteudo-termos {

	margin: 0;

	padding:0;

	margin-top:10px;

}



#conteudo-termos p {

	font-size:11px;

	margin-bottom:0px;

	padding:0;

	margin-bottom:6px;

	line-height:175%;	

}



#conteudo-termos .topico {

	font-size:18px;

	color:#414141;

	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;

	padding:3px 0 8px 0;

	font-weight:bold;

	text-transform:none;

	margin:0;

}



#conteudo-termos .lista {

	margin: 0 0 10px 10px;

	line-height:180%;

}



#internas .coluna-ajuda {

	float:left;

	width:30%;

	margin-right:2px;

}



#ranking-servicos {

	margin: 10px 0 0 0;

	font-size:12px;

	color:#222;

	font-family:Arial, Helvetica, sans-serif;

	background-color:#F9FBEE;

}



#ranking-servicos .borda-s{

	border-top:1px solid #fff;

}



#ranking-servicos .borda-d{

	border-right:1px solid #fff;

}



#ranking-servicos .espacamento {

	padding:3px;

	text-align:center;

}



#ranking-servicos a.servico-link {

	color:#27597E;

	text-decoration:none;

	font-weight: bold;

}



#ranking-servicos a.servico-link:hover {

	color:#27597E;

	text-decoration:underline;

	font-weight: bold;	

}



#internas .erro-mensagem {

	color: #910000;

	padding: 6px 0 6px 0;

	font-weight:bold;

}



#internas .ok-mensagem {

	color: #004471;

	padding: 6px 0 6px 0;

	font-weight:bold;	

}





/*********************************************

08 - Busca

Estilos e imagens para busca e busca avancada

*********************************************/



.busca-avancada {

	background:url(../img/texto/busca-de-usuarios.png);

	background-repeat:no-repeat;

	width:203px;

	height: 23px;

	float:left;

}



.coluna {

	float:left;

	width: 32%;

	margin-bottom: 20px;

}



.busca-avancada-input {

	width: 200px;

	height:16px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



.busca-avancada-servico {

	width: 150px;

	height:16px;

	color: #175888;

	padding: 3px 2px 2px 2px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	border: 1px solid #B1D3ED;

	background-color:#F9FBEE;

	font-size: 11px;

}



.esp-25 {

margin-left: 25px;

}



.resultado-busca-avancada-user {

	background:url(../img/texto/resultado-busca-avancada.png);

	background-repeat:no-repeat;

	width:326px;

	height:29px;

	float:left;

}



#resultado-buscas {

	width:100%;

}



#resultado-buscas .resultado-box {

	width:46%;

	background-color:#F8F8F8;

	margin: 0 5px 5px 0;

	float:left;

	padding: 10px 10px 10px 10px;

}



#resultado-buscas .foto-resultado {

	width:100px;

	float:left;

}



#resultado-buscas .btn-adicionar-busca {

	margin: 8px 0 8px 0;

}



#resultado-buscas .descricao-resultado {

	float:left;

	width: 320px;

}



#resultado-buscas a.resultado-busca {

	color:#1E78BA;

	font-size: 12px;

	text-decoration:none;

	font-weight:bold;

}



#resultado-buscas a.resultado-busca:hover {

	color:#1E78BA;

	font-size: 12px;

	text-decoration:underline;

	font-weight:bold;

}



#resultado-buscas a.resultado-busca2 {

	color:#444;

	font-size: 11px;

	text-decoration:underline;

	font-weight:normal;

}



#resultado-buscas a.resultado-busca2:hover {

	color:#222;

	font-size: 11px;

	text-decoration:none;

	font-weight:normal;

}



#resultado-buscas .busca-p {

	margin: 2px 0 6px 0;

}



#resultado-buscas p {

	margin:0;

	padding:0;

}



#tags-buscados {

	background-image: url(../img/icones/tag.png);

	background-repeat:no-repeat;

	min-width:60px;

	min-height:20px;

	padding-left:47px;

	margin: 15px 0 10px 0;

}



#tags-buscados .comum {

	background-color:#E7C21C;

	padding: 0 3px 0 3px;

}



#tags-buscados a {

	color:#212121;

	text-decoration:none;

	margin:0 1px 0 1px;	

}



#tags-buscados a:hover {

	color:#222;

	text-decoration:underline;

	margin:0 1px 0 1px;	

}



.buscar-site {

	background:url(../img/texto/buscar.png);

	background-repeat:no-repeat;

	width:248px;

	height: 39px;

}



/*********************************************

9 - Criar perfil

Estilos para configurao geral, alinhamentos, fontes gerais e etc

*********************************************/

#cadastramento {

width: 850px;

float:left;

}

#cadastramento p {

line-height: 130%;

padding: 8px 0 4px 0;

}

.criar-perfil {

background:url(../img/texto/criar-perfil.png);

background-repeat:no-repeat;

width:248px;

height: 39px;

}

.cadastro {

width: 250px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.data {

width: 20px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

text-align:center;

}

.ano {

width: 28px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

text-align:center;

}

.pais-select {

width: 255px;

height:22px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.nascimento-dia-mes-select {

width: 45px;

height:22px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.text-area {

width: 300px;

height:100px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.localizacao {

width: 300px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.observacao {

font-size:10px;

color:#999;

}

.obrigatorio {

color:#FF8040;

}

a.termos {

color:#0052A4;

text-decoration:underline;

}

a.termos:hover {

color:#0058B0;

text-decoration:none;

}

/*********************************************

10 - Tela padro usurio

Estilos, imagens e texto

*********************************************/

#barra-superior-usuario {

background:#1E78BB;

height:82px;

width: 100%;

margin-bottom: 20px;

}

#topo-usuario {

text-align:left;

margin: 0px auto;

padding:0;

width:981px;

}

#meadiciona-in {

float:left;

width:300px;

padding:13px 0 0 0;

}

#usuario-logado {

text-align:right;

color:#fff;

margin-top:8px;

}

#usuario-logado a {

color:#fff;

font-weight:bold;

text-decoration:underline;

}

#usuario-logado a:hover {

color:#fff;

font-weight:bold;

text-decoration:none;

}

.principal a {

display: block;

background-image: url(../img/menu/home-menu.png);

background-position: 0px 0px;

text-decoration: none;

width:41px;

height:21px;

}

.principal a:hover {

background-position: 0px 21px;

}

.meu-perfil a {

display: block;

background-image: url(../img/menu/editar-perfil.png);

background-position: 0px 0px;

text-decoration: none;

width:82px;

height:21px;

}

.meu-perfil a:hover {

background-position: 0px 21px;

}

.servicos a {

display: block;

background-image: url(../img/menu/meus-servicos.png);

background-position: 0px 0px;

text-decoration: none;

width:99px;

height:21px;

}

.servicos a:hover {

background-position: 0px 21px;

}

.grupos a {

display: block;

background-image: url(../img/menu/grupos.png);

background-position: 0px 0px;

text-decoration: none;

width:56px;

height:21px;

}

.grupos a:hover {

background-position: 0px 21px;

}

.contatos a {

display: block;

background-image: url(../img/menu/rede-contatos.png);

background-position: 0px 0px;

text-decoration: none;

width:119px;

height:21px;

}

.contatos a:hover {

background-position: 0px 21px;

}

.busca-usuarios a {

display: block;

background-image: url(../img/menu/busca-usuarios.png);

background-position: 0px 0px;

text-decoration: none;

width:122px;

height:21px;

}

.busca-usuarios a:hover {

background-position: 0px 21px;

}

.help a {

display: block;

background-image: url(../img/menu/help.png);

background-position: 0px 0px;

text-decoration: none;

width:42px;

height:21px;

}

.help a:hover {

background-position: 0px 21px;

}

#menu-usuario {

margin-top: 15px;

}



#menu-interno {

float:right;

width:550px;

}



#col-esq-user {

float:left;

width:45%;

margin-top:10px;

}



#col-dir-user {

float:right;

width:49%;

margin-top: 10px;

margin-right:3%;

}



#aba-personalizacao .espacamento {

line-height: 135%;

margin: 8px 10px 10px 0;

width:90%;

}



/*********************************************

11 - Meu perfil

Estilos, textos e imagens

*********************************************/

.meu-perfil-user {



background:url(../img/texto/meu-perfil.png);

background-repeat:no-repeat;

width:250px;

height: 29px;

float:left;

}

/* para o ie6*/

.linha-abas {

border-bottom: 2px solid #1E78BB;

width:630px;

margin-top:-15px;

}

#abas {

float:right;

margin-right: 30px;

border-bottom: 2px solid #1E78BB;

}

/* fim do ie6 */

html>body .linha-abas {

margin-top:21px;

}

html>body #abas {

margin-right: 55px;

}

.pessoais a {

display: block;

background-image: url(../img/menu/pessoais.png);

background-position: 0px 21px;

text-decoration: none;

width:125px;

height:21px;

}

.pessoais a:hover {

background-position: 0px 0px;

}

.pessoais-ativo a {

display: block;

background-image: url(../img/menu/pessoais.png);

background-position: 0px 0px;

text-decoration: none;

width:125px;

height:21px;

}

.personalizacao a {

display: block;

background-image: url(../img/menu/personalizacao.png);

background-position: 0px 21px;

text-decoration: none;

width:106px;

height:21px;

}

.personalizacao a:hover {

background-position: 0px 0px;

}

.personalizacao-ativo a {

display: block;

background-image: url(../img/menu/personalizacao.png);

background-position: 0px 0px;

text-decoration: none;

width:106px;

height:21px;

}

.excluir a {

display: block;

background-image: url(../img/menu/excluir.png);

background-position: 0px 21px;

text-decoration: none;

width:66px;

height:21px;

}

.excluir a:hover {

background-position: 0px 0px;

}

.excluir-ativo a {

display: block;

background-image: url(../img/menu/excluir.png);

background-position: 0px 0px;

text-decoration: none;

width:66px;

height:21px;

}

.username {

color:#155482;

font-weight:bold;

}

.btn-salvar {

margin: 10px 0 0 100px;

}

.btn-salvar-2 {

margin: 10px 0 0 0px;

}

#alerta-imagem {

background:url(../img/layout/alerta-imagem.png);

background-repeat:no-repeat;

width:327px;

height:77px;

margin: 0 0 30px 50px;

}

.alerta-texto {

padding: 10px 0 0 13px;

color:#000;

font-size:11px;

line-height: 160%;

}

.top {

margin-top:4px;

}

.deletar {

color:#C60000;

line-height: 150%;

}

.btn-excluir {

margin: 15px 0 0 40px;

}

/*********************************************

12 - Mensagens

Estilos para configurao das mensagens de validação do cadastro e edição do usuário

*********************************************/



#usuarioMsg {

width:250px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

#palavraProibidaMsg {

width:250px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

#emailMsg {

width:250px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

#url_destinoMsg {

width:470px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

#servicosMsg {

width:174px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

#gruposMsg {

width:235px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

.msgsCadastro{

width:250px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

.msgsContato{

width:300px;

line-height:16px;

padding:4px 3px 4px 3px;

background:#B1D3ED;

color:#444444;

text-align:center;

font-family:Verdana;

display:none;

}

#mensagemValidacao{

width:100%;

padding:5px 10px 5px 10px;

margin:5px 0 10px 0;

background:#FBFBEF;

border:#FCECA6 1px solid;

font-family:verdana;

}

#mensagemValidacaoNome{

width:100%;

padding:5px 10px 5px 10px;

margin:5px 0 10px 0;

background:#FBFBEF;

border:#FCECA6 1px solid;

font-family:verdana;

}

#mensagemValidacao strong{

font-weight:bold;

color:#444444;

margin:0;

padding:0;

}

#mensagemValidacao span{

padding:0 5px 0 10px;

line-height:16px;

}





#neblinaAlerta{

width:100%;

min-height: 100%;

position:absolute;

background:#444444;

opacity:0.20;

-moz-opacity: 0.20;

filter: alpha(opacity=20);

left:0;

top:0;

display:none;

z-index:999;

}





#excluidoSucesso{

position:absolute;

width:378px;

height:90px;

top:50%;

left:50%;

margin-left:-189px;

margin-top:-45px;

display:none;

z-index:1002;

}

#alertaBusca{

position:absolute;

width:390px;

height:76px;

left:50%;

margin-left:-195px;

display:none;

z-index:1002;

}

#alteradoSucesso{

position:absolute;

width:378px;

left:50%;

margin-left:-189px;

display:none;

z-index:1002;

}



#mensagemValidacao{

	width:100%;

	padding:5px 10px 5px 10px;

	margin:5px 0 10px 0;

	background:#FBFBEF;

	border:#FCECA6 1px solid;

	font-family:verdana;

}



#msg_nome_grupo {

	width:174px;

	line-height:16px;

	padding:4px 3px 4px 3px;

	background:#B1D3ED;

	color:#444444;

	text-align:center;

	font-family:Verdana;

	display:none;

}



#mensagem-contato {

	background:url(../img/alertas/aviso-contato-bg.png);

	width:401px;

	height:79px;

	background-repeat:no-repeat;

	padding: 13px 15px 0 50px;

	font-size:11px;

	margin: 5px 0 5px 0px;

	color:#111;

	width:358px;

	line-height:150%;

}



/*********************************************

13 - Pgina do usurio

Estilos, textos e imagens

*********************************************/



#borda-superior {

	background: url(../img/perfil/menu-bg.png);

	background-repeat:repeat-x;

	height:42px;

	width:100%;

	margin-bottom:15px;

}



#borda-superior .esp-interno {

	text-align:left;

	margin: 0px auto;

	padding:0;

	width:975px;

}



#borda-superior .meadiciona {

	background:url(../img/perfil/meadiciona.png);

	width:200px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu {

	float:right;

	text-align:right;

}



#borda-superior .menu-home {

	background:url(../img/perfil/home.png);

	width:53px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-login {

	background:url(../img/perfil/login.png);

	width:54px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-cadastro {

	background:url(../img/perfil/cadastro.png);

	width:73px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-buscar {

	background:url(../img/perfil/buscar-usuario.png);

	width:102px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-buscar-logado {

	background:url(../img/perfil/buscar-usuario.png);

	width:112px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-sair {

	background:url(../img/perfil/sair.png);

	width:35px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-editar {

	background:url(../img/perfil/editar-perfil.png);

	width:91px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



#borda-superior .menu-top50 {

	background:url(../img/perfil/top50.png);

	width:56px;

	height:30px;

	background-repeat:no-repeat;

	float:left;

}



.pagina-principal {

background:url(../img/texto/pagina-principal.png);

background-repeat:no-repeat;

width:174px;

height: 28px;

float:left;

}

#col-esq-home {

width: 60%;

float:left;

}

#col-dir-home {

width: 35%;

float:left;

margin-left: 30px;

}

html>body #col-dir-home {

margin-left: 40px;

}

#user-foto {

width: 120px;

float:left;

}

#user-info {

float:left;

width:460px;

font-size:12px;

}

#user-info p {

line-height: 120%;

padding: 2px 0 2px 0;

}

.nome-usuario {

color:#175A8D;

font-weight:bold;

}



#user-info .btn-endereco {

	float:left;

	width:200px;

	margin: 10px 0 0 0;

}



#user-info .url-endereco {

	float:left;

	width:250px;

	margin: 18px 0 0 0;

}



#pendencias, #atualizacoes {

margin-bottom: 20px;

}

#pendencias p {

margin:0;

padding:0;

line-height:100%;

padding-top: 5px;

}

a.pag-principal {

color:#1E78BA;

font-weight:bold;

text-decoration:none;

}

a.pag-principal:hover {

color:#1E78BA;

font-weight:bold;

text-decoration:underline;

}

.autorizacoes-pendentes {

background:url(../img/layout/atualizacoes-pendentes.png);

background-repeat:no-repeat;

width:600px;

height:30px;

}

.pendencia-item {

border-bottom:1px solid #DFDFDF;

height: 26px;

width:100%;

margin-left:5px;

}



.atualizacao-item {

	width:100%;

	line-height:135%;

	margin:6px 0 0 5px;	

}



.atualizacao-div {

	border-bottom:1px solid #DFDFDF;

	height:1px;

	margin:3px 0 0 5px;

}



.ultimas-atualizacoes {

	background:url(../img/layout/ultimas-atualizacoes.png);

	background-repeat:no-repeat;

	width:600px;

	height:30px;

	margin-bottom:3px;

}

.aceitar {

	margin-left: 8px;

}



.recusar {

margin-left: 0px;

}



#atualizacoes p {

margin:0;

padding:0;

line-height:100%;

padding-top: 9px;

}

#box-contatos {

width:300px;

background-color:#F8F8F8;

}

.meus-contatos-img {

background:url(../img/layout/meus-contatos.png);

background-repeat:no-repeat;

width:300px;

height:25px;

}

.contato-lista {

width:90px;

float:left;

padding: 8px 5px 8px 5px;

}



.meuscontatos-imagem {

width: 80px; 

height: 80px; 

overflow: hidden;

}



.meuscontatos-nome {

margin-top:0px;

}

.redecontatos-imagem {

width: 100px; 

height: 100px; 

overflow: hidden;

}

.divisao {

width:100%;

height:1px;

margin: 2px 0 2px 0;

background-color:#FFF;

}

.btn-ver-todos {

margin: 15px 20px 0 0;

}

a.atualizado {

color: #023860;

text-decoration:underline;

font-weight:normal;

}

a.atualizado:hover {

color: #023860;

text-decoration:none;

font-weight:normal;

}

#box-contatos-vazio {

padding: 20px 0 15px 0;

}



#add-user-perfil {

	clear:both;

	margin: 0px 0 20px 0px;

}



#tags-perfil {

	margin: 5px 0 -5px 0;

	width:96%;



}



#tags-perfil .tags {

	background: url(../img/texto/tags.png);

	background-repeat:no-repeat;

	width:64px;

	height:20px;

	margin-bottom:10px;

}



#tags-perfil .comum {

	background-color:#E7C21C;

	padding: 0 3px 0 3px;

}



#tags-perfil a {

	color:#212121;

	text-decoration:none;

	margin:0 1px 0 1px;	

}



#tags-perfil a:hover {

	color:#222;

	text-decoration:underline;

	margin:0 1px 0 1px;	

}



#tags-perfil .info {

	background:url(../img/btn/info.png);

	background-repeat:no-repeat;

	min-width: 20px;

	min-height: 20px;

	font-size:10px;

	color:#535353;

	font-family:Tahoma, Geneva, sans-serif;

	padding-left:13px;

	margin-top:15px;

}



/*********************************************

14 - Pagina de servicos

Estilos, textos e imagens

*********************************************/

.servicos-user {

background:url(../img/texto/servicos.png);

background-repeat:no-repeat;

width:174px;

height: 28px;

float:left;

}

.incluir-novo-servico {

background:url(../img/layout/incluir-novo-servico.png);

background-repeat:no-repeat;

width:911px;

height:30px;

}

#servicos-pagina {

width: 911px;

}

.servicos-select {

width: 180px;

height:22px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.destino {

width: 470px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

#servicos-tab {

margin: 10px 0 0 0;

}

.escolha {

color:#999;

}





#neblinaAlerta {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

#fade {

	background: #000; 

	position: fixed; 

	width: 100%;

	height: 100%;

	filter:alpha(opacity=80);

	opacity: .80;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/

	left: 0;

	z-index: 10;

}







#popup-editar-servicos 

{

width:480px;

border: 2px solid #DADADA;

background: #FFFFFF url(../img/layout/popup-servicos-bg.png);

background-repeat:repeat-x;

padding: 15px 15px 15px 15px;



position: fixed;

top: 20%;

left: 50%;

margin: 0 0 0 -250px;

	

/*	

position:absolute;

left:50%;

margin-left:-240px;

*/



display:none;

z-index:1002;

}

#popup-adicionar-contato

{

width:480px;

border: 2px solid #DADADA;

background: #FFFFFF url(../img/layout/popup-servicos-bg.png);

background-repeat:repeat-x;

padding: 15px 15px 15px 15px;





position: fixed;

top: 20%;

left: 50%;

margin: 0 0 0 -250px;

	

/*	

position:absolute;

left:50%;

margin-left:-240px;

*/



display:none;

z-index:1002;

}

#mensagemCliente

{

width:480px;

border: 2px solid #DADADA;

background: #FFFFFF url(../img/layout/popup-servicos-bg.png);

background-repeat:repeat-x;

padding: 15px 15px 15px 15px;



position: fixed;

top: 20%;

left: 50%;

margin: 0 0 0 -250px;

	

/*	

position:absolute;

left:50%;

margin-left:-240px;

*/



display:none;

z-index:1002;

}

#popup-excluir-contato

{

width:480px;

border: 2px solid #DADADA;

background: #FFFFFF url(../img/layout/popup-servicos-bg.png);

background-repeat:repeat-x;

padding: 15px 15px 15px 15px;



position: fixed;

top: 20%;

left: 50%;

margin: 0 0 0 -250px;

	

/*	

position:absolute;

left:50%;

margin-left:-240px;

*/



display:none;

z-index:1002;

}

#popup-excluir-servicos {

width:480px;

border: 2px solid #DADADA;

background: #FFFFFF url(../img/layout/popup-servicos-bg.png);

background-repeat:repeat-x;

padding: 15px 15px 15px 15px;



position: fixed;

top: 20%;

left: 50%;

margin: 0 0 0 -250px;

	

/*	

position:absolute;

left:50%;

margin-left:-240px;

*/



display:none;

z-index:1002;

}

.destino2 {

width: 400px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.ttl-servico {

font-size:12px;

color:#08568F;

margin:3px 0 4px 0;

font-weight:bold;

}

#servico-nao-encontrado {

background:url(../img/layout/servico-nao-encontrado-bg.png);

background-repeat:;

width:475px;

height:400px;

}

#box-servico-nao-encontrado {

padding: 100px 0 0 20px;

}

.servico-indicar {

width: 250px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.servico-indicar-txt {

width: 250px;

height:90px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

/*********************************************

15 - Paginacao

Estilos e textos

*********************************************/

#pageEstrutura {

width:950px;

text-align:center;

}

#pages {

width:290px;

margin:auto;

padding-top: 3px;

padding-right: 3px;

padding-bottom: 3px;

padding-left: 3px;

margin-top:10px;

}

#pages ul {

list-style-type: none;

}

#pages li {

float: left;

display: inline;

margin: 0 5px 0 0;

display: block;

}

#pages li a {

color: #187AA9;

padding: 4px;

text-decoration: none;

float: left;

}

#pages li a:hover {

color: #036;

}

#pages li.nolink {

color: #CCC;

padding: 4px;

}

#pages li.current {

color: #046CC1;

padding: 4px;

font-weight:bold;

text-decoration:underline;

}

.underline {

text-decoration:underline;

}

/*********************************************

16 - Pagina de Contatos

Estilos e textos

*********************************************/

.contatos-user {

background:url(../img/texto/contatos.png);

background-repeat:no-repeat;

width:98px;

height: 21px;

float:left;

}

.box-procurar-contatos {

background:url(../img/layout/procurar-contatos.png);

background-repeat:no-repeat;

width:600px;

height:30px;

margin: 20px 0 10px 0;

}

.col-cont-esq {

float:left;

width:620px;

}

.col-cont-dir {

float:left;

width: 290px;

margin: 20px 0 0 30px;

}

.grupos-select {

width: 205px;

height:24px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.busca-contato-input {

width: 200px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

#box-resumo-contatos {

width:230px;

background-color:#FBEEB7;

float:right;

}

.resumo-contatos-img {

background:url(../img/layout/resumo-contatos.png);

background-repeat:no-repeat;

width:230px;

height:25px;

}

#box-resumo-contatos ul {

margin:0;

padding:0;

padding: 10px 5px 10px 30px;

}

#box-resumo-contatos li {

list-style-image: url(../img/btn/seta3.gif);

margin:0;

padding:0;

line-height: 165%;

}

#box-resumo-contatos a {

color:#165A8D;

text-decoration:underline;

}

#box-resumo-contatos a:hover {

color:#0F3E60;

text-decoration:none;

}

.contatos-box {

width:46%;

background-color:#E7F3FC;

margin: 0 5px 5px 0;

float:left;

padding: 10px 10px 10px 10px;

}

.foto-contatos {

width:100px;

float:left;

}

.btn-remover-contatos {

margin: 8px 0 8px 0;

}

.descricao-contatos {

float:left;

width: 350px;

}

a.contatos-pag {

color:#1E78BA;

font-size: 12px;

text-decoration:none;

font-weight:bold;

}

a.contatos-pag:hover {

color:#1E78BA;

font-size: 12px;

text-decoration:underline;

font-weight:bold;

}

a.contatos-pag2 {

color:#444;

font-size: 11px;

text-decoration:underline;

font-weight:normal;

}

a.contatos-pag2:hover {

color:#222;

font-size: 11px;

text-decoration:none;

font-weight:normal;

}

.contatos-p {

margin: 2px 0 8px 0;

}

.busca-filtro {

font-size: 15px;

font-family:Tahoma, Geneva, sans-serif;

font-family:Arial, Helvetica, sans-serif;

text-transform:uppercase;

color:##5C5C5C;

font-weight:bold;

}

.box-editar-contato {

background:url(../img/layout/editar-contato.png);

background-repeat:no-repeat;

width:600px;

height:30px;

margin: 20px 0 20px 0;

}

.editar-contato-box {

width:90%;

background-color:#E7F3FC;

margin: 0 5px 5px 0;

float:left;

padding: 10px 10px 10px 10px;

}

.grupos-p {

font-weight:bold;

font-size: 12px;

color:#333;

margin-bottom: 10px;

}

#grupos-usuario {

width:420px;

}

/*********************************************

17 - Gerenciamento de grupos

Estilos e textos

*********************************************/

.gerenciamento-grupos {

background:url(../img/texto/gerenciamento-de-grupos.png);

background-repeat:no-repeat;

width:288px;

height: 28px;

float:left;

}

#grupos-pagina {

width: 911px;

}

#grupos-pagina p {

line-height: 145%;

}

.adicionar-novo-grupo {

background:url(../img/layout/adicionar-novo-grupo.png);

background-repeat:no-repeat;

width:911px;

height:30px;

margin: 25px 0 10px 0;

}

.nome-grupo-input {

width: 200px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.desc-txt {

width: 400px;

height:70px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

#btn-adicionar-grupo {

text-align:right;

margin-right: 25px;

}

#box-meus-grupos {

width:913px;

background-color:#F1F1F3;

padding-bottom:0px;

}

.meus-grupos-img {

background:url(../img/layout/meus-grupos-img.png);

background-repeat:no-repeat;

width:913px;

height:27px;

}

#tab-meus-grupos {

padding: 10px 10px 10px 10px;

}

.borda-tab-grupos-rb {

border-right: 1px solid #fff;

border-bottom: 1px solid #fff;

padding: 5px 5px 5px 5px;

}

.borda-tab-grupos-b {

border-bottom: 1px solid #fff;

padding: 5px 5px 5px 5px;

}

.esp-tab {

padding-left: 10px;

}

.grupo-nome {

font-size: 12px;

color:#1B6CA9;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

}

.nome-grupo-input-tab {

width: 200px;

height:16px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;

}

.desc-txt-tab {

width: 410px;

height:30px;

color: #175888;

padding: 3px 2px 2px 2px;

font-family: Arial, Verdana, Helvetica, sans-serif;

border: 1px solid #B1D3ED;

background-color:#F9FBEE;

font-size: 11px;



}

.editar-grupo {

background:url(../img/layout/editar-grupo.png);

background-repeat:no-repeat;

width:911px;

height:30px;

margin: 25px 0 10px 0;

}



/*********************************************

18 - Usuario

Estilos para configuracao geral

*********************************************/

.usuario_nome {

font-size: 16px;

color:#005CB9;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

padding: 0 0 0px 0;

}

.username {

font-size: 13px;

color:#444;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

}

#usuario-topo {

margin: 10px 0 0 0;

width: 931px;

}

#user-descricao {

float:left;

width:800px;

font-size:12px;

}

.local {

padding:2px 0 6px 3px;

color:#6F6F6F;

}

.desc-user {

line-height:125%;

color:#222;

}

.sem-servicos {

margin: 15px 0 15px 0;

font-size: 13px;

}

.adicionar-btn {

margin-top: 10px;

}



/*********************************************

19 - Ranking

Estilos para configuracao geral, alinhamentos, fontes gerais e etc

*********************************************/



#ranking {

	margin: 10px 0 10px 0;

}



#ranking p {

	line-height:135%;

	margin:0;

	padding:0;

	margin-bottom:8px;

}



#ranking .mais-populares {

	background:url(../img/ranking/mais-populares.png);

	width:172px;

	height:31px;

	background-repeat:no-repeat;

	margin-bottom:10px;	

}



#ranking .mais-conectados {

	background:url(../img/ranking/mais-conectados.png);

	width:189px;

	height:31px;

	background-repeat:no-repeat;

	margin-bottom:10px;	

}



#ranking .top-servicos {

	background:url(../img/ranking/top-servicos.png);

	width:131px;

	height:31px;

	background-repeat:no-repeat;

	margin-bottom:10px;

}



#tabela-ranking {

	font-family:Helvetica, Arial, sans-serif;

	font-size:12px;

	color:#111;

	line-height:165%;

}



#tabela-ranking .numero {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#555;

	line-height:165%;

}



#tabela-ranking .margem {

	border-right: 2px solid #EEF3CF;

}



#tabela-ranking .bg {

	background-color:#EEF3CF;

	width:2px;

	text-align:center;

	height:100%;

}



#tabela-ranking a {

	color:#005FA4;

	text-decoration:underline;

}



#tabela-ranking a:hover {

	color:#005FA4;

	text-decoration:none;

}



#tabela-ranking .percentual {

	color:#047;

	text-decoration:none;

}



#ranking .info {

	background:url(../img/btn/info.png);

	background-repeat:no-repeat;

	min-width: 20px;

	min-height: 20px;

	font-size:10px;

	color:#535353;

	font-family:Tahoma, Geneva, sans-serif;

	padding-left:15px;

}