﻿*
{
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	list-style:none;
	/*font-family:miryadregular,"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;*/
	font-family:"trebuchet MS";
}

input,
select,
textarea,
img{border:0}

input,textarea,select
{
	background:#fff;
}

a{outline:none;}

/* titulos [ inicio ] */ 
@font-face {
	font-family: miryadregular;
	src: url("../fonte/MyriadRegular.eot") /* EOT file for IE */
}

@font-face {
	font-family: miryadregular;
	src: url("../fonte/MyriadRegular.ttf") /* TTF file for CSS3 browsers */
}
/* titulos [ fim ] */

/* iframe [inicio] */

.c-iframe
{
	width:807px;
	float:left;
}

.c-iframe .h-iframe
{
	background:url(../img/bg-h-iframe.png) 0 0 no-repeat;
	width:808px;
	height:26px;
	float:left;
}

.c-iframe .h-iframe a
{
	background:url(../img/btn-fechar-lightbox.png) 0 0 no-repeat;
	cursor:pointer;
	float:right;
	height:11px;
	margin:11px 20px 0 0;
	text-indent:-9000px;
	width:9px;
}

.c-iframe .b-iframe
{
	background:url(../img/bg-b-iframe.png) 0 0 no-repeat;
	width:808px;
	height:26px;
	float:left;
}

.c-iframe .ct-iframe
{
	background:#315b8e;
	float:left;
	padding:0 10px;
	width:787px;
}

.ct-iframe iframe
{
	background:#315b8e
}
 
/* iframe [fim] */

.ct-home
{
	background:url(../corporativo/images/bg-ct.png);	
}

.ct-home .home
{
	width:1000px;
	height:600px;
	margin:0 auto;
}

/* internas [ inicio ] */

.ct-it-natal,
#pnlRetorno
{
	margin:30px auto 0;
	padding:0 0 0 15px;
	width:778px;
	height:447px;
	background:#315b8e;
	position:relative;
}

.ct-it-natal h1,
#pnlRetorno h1,
#pnlRetorno p#lblMensagem
{
	float:left;
	font-size:30px;
	text-align:center;
	width:100%;
}

#pnlRetorno h1
{
	font-size:40px;
	margin-bottom:10px;
}

#pnlRetorno p#lblMensagem
{
	margin-top:254px;
}

#pnlRetorno .erroMensagem
{
	margin-top:0 !important
}

#pnlRetorno .abraco
{
	font-size:14px !important;
	letter-spacing:0 !important;
	margin-top:98px !important;
	color:#F0D38C;
}

#pnlRetorno
{
	background:transparent;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	width:778px;
}


#pnlRetorno h1.txtCadastro
{
	margin-top:30px !important;
}

#pnlRetorno .lblCadastro {
	font-size:14px !important;
	margin-top:40px !important;
	color:#F0D38C;	
}


#pnlRetorno h1{
	margin-top:185px;
}

#pnlRetorno span#lblMensagem
{
	/*margin-top:185px;*/
	color:#F0D38C;
	float:left;
	font-size:14px;
	margin-top:10px;
}

h1.confirmar-e-mail
{
	margin-top:156px;
}

/*#pnlRetorno p{
	float:left;
	font-size:20px;
	margin-top:30px;
	text-align:center;
	width:100%;
}*/

.ct-it-natal h1.termo-de-uso
{
	margin-bottom:30px;
}

.ct-it-natal h2
{
	float:left;
	font-size:15px;
	margin-top:14px;
	text-align:center;
	width:100%;
}

.ct-it-natal h2.envie-abraco
{
	margin-left:138px;
	width:62%;
}
.ct-it-natal p
{
	float:left;
}

.ct-it-natal .msgRetorno span
{
	float:left;
	font-size:20px;
	padding-top:16px;
	text-align:center;
	width:100%;
}

/* compartilhe [ inicio ] */
.ct-it-natal .convide-seus-amigos
{
	font-size:15px;
	margin-top:37px;
}

.ct-it-natal .rede-relacionamento
{
	border-bottom:2px solid #CBD6E3;
	border-top:2px solid #CBD6E3;
	float:left;
	margin-bottom:5px;
	width:100%;
}

.rede-relacionamento ul
{
	margin:0 auto;
	width:419px;
}

.rede-relacionamento ul li
{
	background:url(../img/line-redes-sociais.jpg) no-repeat center right;
	display:inline;
	float:left;
	padding:25px 30px;
}

.rede-relacionamento ul li.last
{
	background:none;
	padding-right:0
}

.rede-relacionamento ul .ico-facebook
{
	background:url(../img/rede-facebook.png) 0 0 no-repeat;
	width:137px;
	height:29px;
	float:left;
	text-indent:-9000px
}

.rede-relacionamento ul .ico-twitter
{
	background:url(../img/rede-twitter.png) 0 3px no-repeat;
	width:132px;
	height:29px;
	float:left;
	text-indent:-9000px
}

.ct-it-natal .rede-relacionamento p
{
	clear:left;
	font-size:15px;
}

.ct-it-natal #pnlTela
{
	float:left;
	width:100%;
}

#pnlTela .dados-pessoais
{
	float:left;
	width:384px;
}

.dados-pessoais label
{	
	float:left;
	font-size:14px;
	margin-bottom:10px;
	width:187px;
}

.dados-pessoais label input
{
	color:#000000;
	float:left;
	font-size:13px;
	padding:2px;
	width:164px;
}

.dados-pessoais label span
{
	float:left;
	height:16px;
	width:16px;
	position:relative
}

.dados-pessoais label span img
{
	position:absolute;
	top:0;
	left:0;
}

.dados-pessoais label.seg-col
{
	margin-left:10px;
}

#pnlTela .ct-adicionar-amigos {
	float:left;
	margin-top:43px;
	width:72px;
}

.ct-adicionar-amigos .btn-adicionar
{
	background:none;
	cursor:pointer;
	float:left;
	height:21px;
	text-indent:-9000px;
	width:72px;
}

.ct-adicionar-amigos .btn-remover
{
	background:none;
	cursor:pointer;
	float:left;
	height:21px;
	margin-top:10px;
	text-indent:-9000px;
	width:68px;
}

#pnlTela .lista-de-amigos
{
	float:right;
	width:302px;
}

#pnlTela .lista-de-amigos label
{
	font-size:14px;
}

#pnlTela .lista-de-amigos select
{
	float:left;
	font-size:13px;
	height:80px;
	padding:2px;
	width:302px;
	
}

#pnlTela .lista-de-amigos select option
{
	color:#000;
}

#pnlTela .ct-mensagem
{
	float:left;
	height:91px;
	margin-top:20px;
	width:455px;
	position:relative;
}


#pnlTela .ct-mensagem #lblErro
{
	color:#F0D38C;
	float:left;
	font-size:14px;
	position:absolute;
	right:-256px;
	text-align:left;
	top:-15px;
	width:237px;
}

#pnlTela .ct-mensagem label
{
	font-size:14px;
}

.ct-mensagem textarea
{
	float:left;
	width:455px;
	height:91px;
	color:#000
}

.ct-mensagem p
{
	position:absolute;
	top:0;
	right:0;
	font-size:14px;
}

#pnlTela .ct-rede-enviar
{
	float:right;
	margin-top:36px;
	width:303px;
}

.ct-rede-enviar input
{
	background:none;
}

.ct-rede-enviar p
{
	margin-bottom:20px;
}

/* compartilhe [ fim ] */
/* termo de uso [ inicio ] */

.ct-it-natal .ct-termo-de-uso
{
	height:296px;
	float:left;
	overflow-y:scroll;
	overflow-x:hidden;
	width:770px;
}


.ct-termo-de-uso p
{
	font-size:16px;
	padding:0 10px 10px;
}

.ct-it-natal label.aceite,
.ct-it-natal label.nao-aceite
{
	float:left;
	margin-left:188px;
	*margin-left:195px;
	margin-top:50px;
	width:200px;
}

.ct-it-natal label.nao-aceite
{
	margin-left:0
}

.ct-it-natal .btnTipo
{
	float:left;
}

/* termo de uso [ fim ] */
/* envie abraco [ inicio ] */

.ct-emvie-abraco #pnlTela
{
	float:left;
	margin-left:149px;
	margin-top:20px;
	width:500px;
}

.ct-emvie-abraco #pnlTela label
{
	float:left;
	font-size:13px;
	margin-bottom:16px;
	width:100%;
}



.ct-emvie-abraco #pnlTela label input
{
	color:#000;
	float:left;
	font-size:13px;
	padding:2px;
}

.ct-emvie-abraco #pnlTela label,
.ct-emvie-abraco #pnlTela label input,
.ct-emvie-abraco #pnlTela label select
{
	width:210px;
	float:left;
}

.ct-emvie-abraco #pnlTela label select,
.ct-emvie-abraco #pnlTela label select option
{
	color:#000
}

.ct-emvie-abraco #pnlTela label
{
	width:233px
}

.ct-emvie-abraco #pnlTela label span
{
	float:left;
	height:16px;
	position:relative;
	width:16px;
	margin-left:3px;
}

.ct-emvie-abraco #pnlTela label span.wrap
{
	margin-left:0;
	width:264px;
}

.ct-emvie-abraco #pnlTela label span img
{
	position:absolute;
	top:0;
	left:0
}

.ct-emvie-abraco #pnlTela label .chk input,
.ct-emvie-abraco #pnlTela label .chk-aceito input
{
	float:left;
	width:auto;
	background:none;
	display:inline;
}

.ct-emvie-abraco #pnlTela label .lblCampos 
{
	color:#98ADC7;
	font-size:12px;
	margin-top:5px;
}

.ct-emvie-abraco #pnlTela label.li-e-aceito
{
	margin-bottom:0;
	width:267px;
	margin-top:30px;
}

.ct-emvie-abraco #pnlTela label.li-e-aceito.termos{
	width:98px;
	position:relative
}

.wrap
{
	float:left;
	margin-left:6px;
	margin-top:31px;
	display:inline;
}

.wrap a
{
	font-size:14px;
	margin-left /*\**/:6px;
	*margin-left:10px;
	display:inline;
}

.ct-emvie-abraco #pnlTela label.li-e-aceito.last
{
	margin-left:19px;
	margin-top:2px;
	width:207px;
}

.ct-emvie-abraco #pnlTela label.li-e-aceito.prev
{
	margin-top:6px;
}

.ct-emvie-abraco #pnlTela label.li-e-aceito.prev label
{
	margin-top:0;
	*margin-top:3px;
}

.ct-emvie-abraco #pnlTela label.quero-receber
{
	clear:left
}

.ct-emvie-abraco #pnlTela label .chk,
.ct-emvie-abraco #pnlTela label .chk-aceito,
.ct-emvie-abraco #pnlTela label .lblCampos
{
	width:264px;
}

.ct-emvie-abraco #pnlTela label .chk-aceito
{
	width:120px;
	display:inline;
	*width:160px;
	position:absolute;
	top:0;
	left:0
}

.ct-emvie-abraco #pnlTela label .chk  label,
.ct-emvie-abraco #pnlTela label .chk-aceito label
{
	float:left;
	margin-left:5px;
	width:216px;
}

.ct-emvie-abraco #pnlTela label .chk-aceito label
{
	width:98px;
	display:inline;
}

.ct-emvie-abraco #pnlTela label.li-e-aceito a
{
	font-size:14px
}

.ct-emvie-abraco #pnlTela label.cpf,
.ct-emvie-abraco #pnlTela label.cpf input
{
	width:451px;
}

.ct-emvie-abraco #pnlTela label.cpf
{
	width:474px;
}

.ct-emvie-abraco #pnlTela label.sobre-nome,
.ct-emvie-abraco #pnlTela label.apelido,
.ct-emvie-abraco #pnlTela label.cidade
{
	margin-left:10px;
}

.ct-emvie-abraco #pnlTela label.enviar-abraco
{
	float:right;
	margin-top:30px;
}

/* envie abraco [ fim ] */
/* upload [ inicio ] */

.ct-it-natal .ct-upload
{
	float:left;
	/*margin-left:37px;*/
	padding-top:30px;
	width:311px;
}

.ct-upload h3
{
	font-size:25px;
	text-align:center;
}

.ct-upload .ct-passo
{
	background:url(../img/img-fotografias.png) center 0 no-repeat;
	float:left;
	margin-top:30px;
	padding-top:90px;
	text-align:center;
	width:306px;
	font-size:15px;
}

.upload-foto #pnlTela
{
	float:left;
}

.upload-foto #pnlTela label
{
	float:left;
	width:100%;
}

.upload-foto #pnlTela label.btnUpload
{
	margin-left:20px;
	margin-top:10px;
}

.upload-foto #pnlTela label.btnUpload span
{
	float:left;
	padding-top:5px;
}

.upload-foto #pnlTela label.enviar-abraco
{
	border-top:1px solid #5a7ca5;
	margin-top:10px;
	padding-top:10px;
}

.upload-foto #pnlTela input {
	color:#000;
	float:left;
	font-size:13px;
	padding:2px;
	width:292px;
}

.upload-foto #pnlTela  div.fileinputs {
	height:29px;
	margin-top:30px;
	position:relative;
	background:#f00
}

.upload-foto #pnlTela  div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.upload-foto #pnlTela  input.file {
	position: relative;
	text-align: right;
	/*-moz-opacity:10;
	filter:alpha(opacity: 1);
	opacity: 1;*/
	z-index: 2;
}


.upload-foto #pnlTela .fileinputs .fakefile input
{
	width:138px;
}

.upload-foto #pnlTela .fileinputs .fakefile img
{
	margin-left:10px;
	margin-top:-6px;
}



.upload-foto #pnlTela .btn-enviar-abraço
{
	float:left;
	height:44px;
	width:188px;
	background:none;
}

.ct-it-natal .ct-ou
{
	background:url(../img/img-ou.png) 0 0 no-repeat;
	float:left;
	height:49px;
	margin:107px 0 0 61px;
	width:49px;
}

.ct-it-natal .ct-web-cam
{
	float:right;
	height:200px;
	margin-right:6px;
	margin-top:30px;
	width:284px;
}

.ct-web-cam h3 {
	font-size:25px;
	text-align:center;
}

.ct-web-cam .ct-passo {
	background:transparent url(../img/img-web-cam.png) no-repeat scroll center 0;
	float:left;
	margin-top:30px;
	padding-top:90px;
	text-align:center;
	width:290px;
	font-size:15px;
}

.ct-web-cam .btn-use-cam
{
	background:url(../img/btn-use-wev-cam.png) 0 0 no-repeat;
	float:left;
	height:45px;
	margin:20px 0 0 50px;
	text-indent:-9000px;
	width:188px;
}

.ct-web-cam p
{
	margin-top:20px;
	width:100%;
}

.ct-upload .msgRetorno span
{
	color:#F5F5F5;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-top:5px
}

/* upload [ fim ] */
/* procure amigo [ inicio ] */

.ct-it-natal h1.procura-amigos
{
	padding-left:283px;
	width:275px;
}

.ct-it-natal #pnlBusca
{
	clear:left;
	float:left;
	padding-left:272px;
	margin-top:30px;
	width:242px;
}


.ct-it-natal #pnlBusca label span {
	float:left;
	height:16px;
	margin-left:3px;
	position:relative;
	width:16px;
}

.ct-it-natal #pnlBusca label span img {
	left:0;
	position:absolute;
	top:0;
}


.ct-it-natal #pnlBusca label
{
	float:left;
	font-size:14px;
	margin-bottom:24px;
	width:261px;
}

.ct-it-natal #pnlBusca label.por-localizacao
{
	margin-bottom:5px;
	margin-top:20px;
}

.ct-it-natal #pnlBusca label input,
.ct-it-natal #pnlBusca select,
.ct-it-natal #pnlBusca input
{
	width:238px;
	color:#000;
	float:left;
	font-size:13px;
	padding:2px;	
}

.ct-it-natal #pnlBusca select option
{
	color:#000
}
.ct-it-natal #pnlBusca select
{
	width:242px;
}

.ct-it-natal #pnlBusca .procurar
{
	margin-left:28px;
	margin-top:20px;
}

/* procure amigo [ fim ] */
/* resultado busca [ inicio ] */

.ct-it-natal .ct-resultado-busca{
	background:#D6DEE8;
	float:left;
	height:235px;
	margin-left:169px;
	margin-top:30px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:10px;
	width:430px;
}

.ct-resultado-busca p {
	font-size:14px;
	padding:0 10px 10px;
	color:#315b8e
}

.ct-resultado-busca .ct-usuario
{
	float:left;
	margin-bottom:20px;
	width:100%;
}

.ct-usuario span
{
	float:left;
	height:75px;
	padding-bottom:20px;
	width:100px;
}

.ct-usuario p
{
	float:left;
	padding:0;
	width:293px;
}

.ct-usuario p span.cidade
{
	float:left;
	width:auto;
}

.ct-usuario p span
{
	height:auto;
	width:100%;
	color:#315B8E;
	font-size:14px;
	padding:0 7px 6px;
}


.ct-it-natal .btn-nova-busca
{
	background:url(../img/btn-nova-busca.png) 0 0 no-repeat;
	float:left;
	height:44px;
	margin:50px 0 0 295px;
	text-indent:-9000px;
	width:196px;
}
/* resultado busca [ fim ] */
/* confirmar e-mail [ inicio ] */

.ct-emvie-abraco p
{
	clear:left;
	font-size:22px;
	padding-left:201px;
	margin-top:40px;
	text-align:center;
	width:375px;
}

.ct-emvie-abraco p#lblErroMensagem
{
	color:#F0D38C;
	font-size:14px;
	margin-top:0;
	padding:0;
	width:100%;
}

.ct-emvie-abraco .btn-fechar
{	
	background:url(../img/btn-fechar.png) 0 0 no-repeat;
	clear:left;
	float:left;
	height:45px;
	margin-left:295px;
	margin-top:40px;
	text-indent:-9000px;
	width:187px;
}

/* confirmar e-mail [ inicio ] */
.c-mensagem
{
	font-size:18px;
	margin-top:20px;
	text-align:center;
	width:100%;
}

.btFechar
{
	background:url(../img/btn-fechar.png) 0 0 no-repeat;
	float:left;
	height:45px;
	margin-left:290px;
	margin-top:30px;
	text-indent:-9000px;
	width:187px;
}

.nt-border
{
	background:none;
}
/* internas [ fim ] */


/* retorna as mensagem de erro e aceite no c# */
.msgRetorno
{
	
}

.btnNovo
{
	clear:left;
	float:left;
	height:44px;
	margin-left:291px;
	margin-top:30px;
	width:196px;
}

#pnlTela table
{
	/*bottom:47px;
	left:162px;*/
	padding-top:32px;
	*margin-top:32px;
	clear:left;
	/*position:absolute*/
}

#pnlTela table input
{
	background:none;
}

#pnlTela table span
{
	float:left;
}

#pnlTela table span input
{
	float:left;
	margin-top:4px;
	*margin-top:0px;
}

.ct-emvie-abraco #pnlTela table span label
{
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}

.ct-emvie-abraco #pnlTela table span.chk-aceito label
{
	width:84px;
}

.btn-navegue
{
	background:url(../img/btn-navegue.png) 0 0 no-repeat;
	clear:left;
	display:block;
	height:22px;
	margin:0 auto;
	text-indent:-9000px;
	width:166px;
}

.ct-termo-de-uso ol
{
	float:left;
	list-style:otside decimal;
	list-style-image:none;
	padding-left:10px;
	width:724px;
}

.ct-termo-de-uso ol li
{
	padding-bottom:10px;
}

.btnVoltar
{
	background:url(../img/btnVoltar.png) 0 0 no-repeat;
	clear:both;
	float:left;
	height:23px;
	margin:40px 0 0 325px;
	text-indent:-9000px;
	width:123px;
}

#pnlBusca #lblErro
{
	clear:left;
	float:left;
	font-size:14px;
	margin-top:20px;
	color:#F0D38C;
	width:240px;
}

.btn-outra-foto {
	background:transparent url(../img/btn-enviar-nova-foto.png) no-repeat scroll 0 0;
	clear:left;
	display:block;
	height:22px;
	margin:0 auto;
	text-indent:-9000px;
	width:166px;
}
