@charset "utf-8";

/* Reset */
/** {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	line-height: 100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
}
.spacebox a {
	text-decoration: none;
	color: #505050;
}
.spacebox a:hover {
	text-decoration: underline;
}

#botao1 {
    width: 180px;
    float: left;
    margin-right: 10px;
    margin-left: 15px;
    text-align: center;
    color: #312829;
}

#botao1 a {
	color: #312829;
	text-decoration: none;
}
#botao1 a:hover {
	color: #312829;
	text-decoration: underline;
}

#botao2 {
    width: 180px;
    float: left;
    margin-right: 10px;
    margin-left: 25px;
    text-align: center;
    color: #34A61A;
}

#botao2 a {
	color: #34A61A;
	text-decoration: none;
}
#botao2 a:hover {
	color: #34A61A;
	text-decoration: underline;
}




#botao3 {
    width: 180px;
    float: left;
    margin-left: 25px;
    text-align: center;
    color: #267617;
}


#botao3 a {
	color: #267617;
	text-decoration: none;
}
#botao3 a:hover {
	color: #267617;
	text-decoration: underline;
}



#botao1 p {
	margin-top: 5px;
}
#botao2 p {
	margin-top: 5px;
}
#botao3 p {
	margin-top: 5px;
}
#botao1 h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}
#botao2 h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}
#botao3 h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}
#header {
	background-image: url(http://netcartas.com.br/images/bg_header.jpg);
	background-repeat: no-repeat;
	height: 100px;
	background-color: #309e1b;
}
.copa {
	background-image: url(http://netcartas.com.br/images/banner_copa.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#login_title {
	width: 220px;
	float: right;
	position: relative;
	margin-top: 5px;
}
#login_title p {
  	color:#FFFFFF;
	margin-bottom:3px;    
}
#login {
	background-image: url(http://netcartas.com.br/images/bg_login.jpg);
	background-repeat: repeat-x;
	height: 70px;
	width: 215px;
	float: right;
	position: relative;
	background-color: #eeeded;
	padding-right: 5px;
}
#user_online {
	width: 200px;
	color: #FFFFFF;
	font-size: 12px;
	float: right;
	margin-top: 25px;
	margin-right: 100px;
	text-align: center;
	line-height: 20px;
}

#container {
	width: 900px;
    margin: 0 auto; /*** Centers the design ***/
    min-height: 100%;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
#menu {
	height: 30px;
	background-image: url(http://netcartas.com.br/images/bg_menu.jpg);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
	background-color: #2A2C27;
}
#footer {
	height: 30px;
	clear:both;
	color: #505050;
	font-size: 11px;
	padding: 0px;
	margin-top: 10px;
}
#footer a {
	text-decoration: none;
	color: #505050;
}
#footer a:hover {
	text-decoration: underline;
	color: #505050;
}
#footer span {
	float: right;
}
#idiomas {
	float:right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#content {
	width: 900px;
	position: relative;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
#flash {
	height: 168px;
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.nav {
	margin:0;
	padding:0;
	}
ul.nav li {
	list-style:none; 
	display:inline;
	}
ul.nav li a {
	float:left;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	height: 22px;
	}
ul.nav li a:hover{
	background-image: url(http://netcartas.com.br/images/bg_menu_hover.jpg);
	background-repeat: repeat-x;
	background-color: #309e1b;
	}
ul.flags li {
	list-style:none;
	display:inline;
}
ul.bandeiras li {
	list-style:none;
	margin-bottom: 6px;
}
.logo {
	height: 100px;
	width: 217px;
	margin-left: 30px;
}
.LoginBox {
	border: 1px solid #ededed;
	height: 13px;
	width: 120px;
	background-color:#FFFFFF;
	padding: 1px 3px;
	margin: 0px 3px;
	font-size:11px;
}
.senha a{
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.senha a:hover{
	text-decoration: underline;
}
.logintable {
	width: 195px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.loginbut {
	height: 17px;
	font-size: 11px;
	background-color: #309e1b;
	color: #FFFFFF;
	margin-left: 20px;
	margin-right: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 50px;
}
.logintable label {
	font-size: 11px;
	font-weight: bold;
}

.boxes {
	background-image:url(http://netcartas.com.br/images/bgboxes.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#vantagens {
	background-image: url(../images/banner_socio.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 175px;
	margin-top: 15px;
	margin-left: 15px;
}
#vantagens p {
	line-height: 20px;
}

#vantagens a {
	text-decoration: none;
	color: #505050;
}
#vantagens  a:hover {
	text-decoration: underline;
}
.boxes  p {
	line-height: 16px;
}
.boxes a {
	text-decoration: none;
}


/*changed
.boxes h1 {
	font-size: 15px;
	color:#1d5813;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}*/


.boxes h1 {
	font-size: 15px;
	color:#1d5813;
	margin-top: 5px;
	margin-bottom: 18px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.borda {
	border:solid 1px #d5d5d5;
}
.bordaY {
	border:solid 1px #FFFFFF;
}
.box1 {
	width: 215px;
	height: 100px;
}
.box2 {
	width: 673px;
	height: 110px;
}
.box3 {
	width: 444px;
	height: 270px;
	float:right;
}
.box4 {
	width: 215px;
	height: 300px;
}
.box5 {
	width: 215px;
	height: 158px;
}
.box6 {
	width: 215px;
	height: 130px;
}
.box7 {
	width: 444px;
	height: 130px;
}
.mr {
	margin-right:10px;
}
.spacebox {
	padding-top: 0px;
	margin-right: 15px;
	margin-left: 15px;
}

.mb {
	margin-bottom:10px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.box_title {
	font-family: arial_regular;
}
.section-title {
	color:#1d5813;
	font-family: Arial;
	font-size:30px;
	line-height:100%;
}

#page {
	border: 1px solid #e7e4e4;
	position: relative;
}
.equipe_info {
	float: left;
	width: 230px;
	margin-right: 40px;
	margin-bottom: 20px;
}
.equipe_info h2 {
	font-size: 16px;
	color: #339933;
	margin-bottom: 20px;
}
.equipe_info p {
	font-size: 14px;
	line-height: 18px;
}


#pagecabazul {
	background-image: url(http://netcartas.com.br/images/pagecabazul.jpg);
	background-repeat: repeat-x;
	height: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e4e4;
	padding-left: 40px;
}
#pagecabazul img {
	float: right;
	margin-right: 90px;
	margin-top: 5px;
	margin-left: 110px;
}
#pagecabazul p {
	font-size: 14px;
	line-height: 18px;
}
#pagecabazul h1 {
	font-size: 24px;
	margin-bottom: 20px;
}
#pagecabazul div {
	padding-top: 25px;
}
#equipe_foto {
	text-align: center;
	margin-top: 20px;
	background-image: url(http://netcartas.com.br/images/foto_equipe.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 321px;
	margin-bottom: 20px;
}
.impar {
	background-color: #edecec;
}
#tablerank td {
	height: 20px;
}




ul.rank {
	margin:0;
	padding:0;
	}
ul.rank li {
	list-style:none; 
	display:inline;
	}
ul.rank li a {
	float:right;
	color:#333333;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	width: 61px;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding-top: 5px;
}

ul.rank li a:hover{
	background-image: url(http://netcartas.com.br/images/aba_over.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.rankTabNormal {
	background-image: url(http://netcartas.com.br/images/aba_on.jpg);
}

.rankTabSelected {
	background-image: url(http://netcartas.com.br/images/aba_over.jpg);
	font-weight: bold;
}

#tablerank p {
	font-size: 11px;
}
.spacebox p {
	line-height: 18px;
}

/* ------------------- Página Logado ------------------- */

#contentpage {
	width: 898px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	border: 1px solid #d5d5d5;
}

#contentpageUploadMP3 {
	width: 898px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	border: 1px solid #d5d5d5;
}

/*#contentpageIndexLogado {
	width: 898px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border: 1px solid #d5d5d5;
	height: 720px;
}*/

#banner728 {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 90px;
	text-align: center;
}
/*
#colunalateral {
	width: 205px;
	height: 580px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}*/

#colunalateral {
	width: 205px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

/*
#perfil {
	background-color: #FFFFFF;
	background-image: url(../images/bg_perfil.gif);
	background-repeat: repeat-x;
	height: 440px;
	border: 1px solid #d5d5d5;
	margin-bottom: 20px;
}
*/

#perfil {
	background-color: #FFFFFF;
	background-image: url(../images/bg_perfil.gif);
	background-repeat: repeat-x;
	border: 1px solid #e7e4e4;
	padding-top: 20px;
	padding-bottom: 20px;
}

#tableperfil {
	color: #000000;
}
/*#bemvindo {
	float: left;
}*/
/*
#bemvindo h1 {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 5px;
}
*/

#bemvindo h1 {
	font-size: 14px;
	text-align: center;
}

#colunacentro {
	float: left;
	background-color: #00FFFF;
	height: 600px;
	width: 653px;
	margin-left: 20px;
}
#banner300  {
	float: right;
	height: 250px;
	padding-right: 15px;
}
#boxamigos {
	height: 115px;
	width: 315px;
	float: left;
	margin-top: 20px;
	border: 1px solid #d5d5d5;
}
#destaquetopo {
	height: 270px;
	width: 635px;
	border: 1px solid #d5d5d5;
	float: left;
	margin-bottom: 20px;
	background-image: url(../images/maosocio.jpg);
	background-repeat: no-repeat;
	background-position: right 90px;
}
#destaquetopo p {
	line-height: 18px;
}
#boxjogar {
	width: 150px;
	height: 115px;
	float: left;
	border: 1px solid #e7e4e4;
}

#boxjogar h2 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #1D5813;
}
#boxjogar p {
	margin-bottom: 5px;
	line-height: 18px;
}


#boxjogar h1 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #1d5813;
	margin-top: 20px;
}



#boxtutorial h2 {
	font-size: 15px;
	margin-bottom: 5px;
	color: #1D5813;
}
#boxtutorial a {
	text-decoration: none;
	color: #33a71c;
}
#boxamigos h1 {
	font-size: 18px;
	color: #1d5813;
	margin-bottom: 10px;
}
#boxamigos p {
	margin-bottom: 10px;
	line-height: 18px;
}
#boxtutorial a:hover {
	text-decoration: underline;
}
#boxtutorial p {
	line-height: 18px;
}
#logado {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#logado a {
	color: #33a71c;
	font-size: 14px;
	margin-bottom: 3px;
	text-decoration: none;
}
#logado a:hover {
	text-decoration: underline;
}
/*#avatar {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}*/

#avatar {
	text-align: center;
	margin-bottom: 20px;
}

#perfil table {
	margin-left: 20px;
}
/*#editconta {
	margin-top: 30px;
	width: 160px;
}*/

#editconta {
	margin-top:20px;
	width: 160px;
}
/*#boxsuporte {
	border: 1px solid #d5d5d5;
	background-color: #f7f7f7;
	padding: 10px;
}*/

#boxsuporte {
	border: 1px solid #e7e4e4;
	background-color: #f7f7f7;
	padding: 10px;
	margin-top:20px; 
}

#boxsuporte p {
	margin-bottom: 10px;
	line-height: 18px;
}
#boxsuporte h1 {
	font-size: 18px;
	color: #1d5813;
	margin-bottom: 10px;
}
#editconta h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
#logado p {
	color: #4e4c4c;
	line-height: 18px;
}
#boxtutorial {
	width: 150px;
	float: left;
	height: 115px;
	margin-left:15px;
	margin-right: 15px;
	border: 1px solid #d5d5d5;
}
#editconta a {
	font-size: 12px;
	font-weight: bold;
	color: #33a71c;
	text-decoration: none;
}
#editconta a:hover {
	text-decoration: underline;
}

#destaquetopo h1 {
	font-size: 18px;
	color: #1d5813;
	margin-bottom: 10px;
}
#logadotitle h1 {
	font-size: 24px;
}
#colunacontent {
	float: left;
	width: 635px;
	margin-bottom: 10px;
}
.thumbimg {
	width: 90px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.thumbmusic {
	width: 130px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#colunacontent h1 {
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d5d5d5;
	padding-bottom: 5px;
}
#colunacontent a {
	color: #309e1b;
	text-decoration: none;
}
#colunacontent h2 {
	font-size: 16px;
	color: #339933;
	margin-bottom:10px;
}

#colunacontent a:hover {
	text-decoration: underline;
}
#colunacontent p {
		margin-bottom: 20px;
		line-height:18px;
}
.red {
	color:#FF0000
}
a.linklog {
	font-size: 12px;
	font-weight: bold;
	color: #33a71c;
	text-decoration: none;
}
a.linklog:hover  {
	text-decoration: underline;
}
.inputfoto {
	width:220px;
	height:20px;
	border: 1px solid #d5d5d5;
	margin-bottom:10px;
 }
.green {
	color:#1d5813;
}
.inputdados {
	width:300px;
	height:20px;
	border: 1px solid #d5d5d5;
	margin-bottom:10px;
 }







/* ------------------- Criar Conta ------------------- */

#contacontent {
	width: 898px;
	position: relative;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	border-left-color: #d5d5d5;
}


#contaheader {
	height: 138px;
	background-image: url(http://netcartas.com.br/images/bg_headerconta.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e4e4;
	padding-right:90px;
	padding-left:40px;
}

/*
#contaheader {
	height: 90px;
	background-image: url(http://netcartas.com.br/images/bg_headerconta.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5d5d5;
	padding-right:90px;
	padding-left:40px;
}*/

#contaheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#contaheader p {
	font-weight: bold;
	line-height: 18px;
}
#contacontent h2 {
	font-size: 16px;
	color: #339933;
	margin-bottom: 10px;
	margin-top: 10px;
}
#contadados a {
	color: #505050;
	text-decoration: none;
}
#contadados a:hover {
	text-decoration: underline;
}
#contastep {
	text-align:center;
	margin-bottom:10px;
}
#contadados {
	margin-left:40px;
	margin-right:40px;
}


#botcont {
	text-align:center;
	border-top:#d5c5c5;
	border-top-style:solid;
	border-top-width: 1px;
	margin-bottom:20px;
	padding-top:10px;
}

.inputconta {
	background-image:url(http://netcartas.com.br/images/bg_containput.gif);
	background-repeat:repeat-x;
	border: 1px solid #d1dcce;
	height: 19px;
	width: 250px;
}
#containfo {
	width: 380px;
	float: left;
	margin-right: 40px;
	background-image: url(http://netcartas.com.br/images/bg_contabox.jpg);
	background-repeat: repeat-x;
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
#contaplano h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
#contabarra {
	background-image: url(http://netcartas.com.br/images/conta_barra.gif);
	background-repeat: no-repeat;
	height: 50px;
	margin-bottom: 20px;
}

#containfo p {
	line-height: 18px;
	margin-bottom: 10px;
}
#containfo h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/* ------------------- Outros -------------------- */



a.simpleBlackLink {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.simpleBlackLink:hover  {
	text-decoration: underline;
}


#simpleRedSpan {
	color: #990000;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 3px;
	text-decoration: none;
}


.inputcontaDetail {
	background-image:url(http://netcartas.com.br/images/bg_containput.gif);
	background-repeat:repeat-x;
	border: 1px solid #d1dcce;
	height: 20px;
	width: 250px;
}



/* ------------------- Planos ------------------- */


#contaplano {
	width: 380px;
	float: right;
	background-image: url(http://netcartas.com.br/images/bg_contabox.jpg);
	background-repeat: repeat-x;
	border: 1px solid #d5d5d5;
}
#contaplano p {
	line-height: 18px;
}
#contabarra label {
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 1px;
}

ul.contanav {
	margin:0;
	padding:0;
	color: #FFFFFF;
}
ul.contanav li {
	list-style:none;
	display:inline;
	color: #FFFFFF;
}
ul.contanav li a {
	float:left;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-size: 12px;
	padding-top: 6px;
	height: 25px;
	width: 85px;
	background-image: url(http://netcartas.com.br/images/bot_conta.gif);
	background-repeat: no-repeat;
	margin-right:15px;
}
ul.contanav li a:hover  {
	background-image: url(http://netcartas.com.br/images/bot_conta_on.gif);
	background-repeat: no-repeat;
	text-decoration:none;
	color: #FFFFFF;
}
.contanav span {
	color: #FFFFFF;
}


#pacoteinfo {
	width: 380px;
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
}
#pacoteinfo h2 {
	color: #505050;
	margin-bottom: 20px;
}
#pacoteinfo p {
	line-height: 24px;
	font-size: 16px;
}

#contapacote {
	width: 380px;
	float: right;
}

/*
#contapacote {
	width: 390px;
	float: right;
}
*/

#contabarpac {
	background-image: url(../images/barra_pacote.gif);
	background-repeat: no-repeat;
	height: 48px;
	margin-bottom:15px;
}
#contabarpac input {
	margin-top: 15px;
	margin-left:5px;
}

#contabarpac:hover{
	background-image: url(../images/barra_pacote_on.gif);
	background-repeat: no-repeat;
}
#contabarpac label {
	color: #FFFFFF;
	font-size: 18px;
}
#contabarpac span {
	color: #FFFF00;
	font-size: 16px;
	margin-left: 20px;
}
#contabarpac strong {
	font-size: 24px;
}
.descpacote {
	float:right;
	width: 150px;
}.descpacote span {
	color: #505050;
	font-size: 16px;
}
.descpacote strong {
	font-size: 20px;
}
#dadosinfo {
	width: 400px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#dadosinfo p {
	margin-bottom: 20px;
}
#dadosinfo label {
}

#mudarplano {
	height: 66px;
	width: 320px;
	background-image: url(../images/bg_mudar_plano.gif);
	background-repeat: no-repeat;
	float: right;
	margin-bottom:10px
}
#mudarplano h2 {
	padding-top:10px;
	padding-left:20px;
}
#mudarplano p {
	margin-left:20px;
	font-size:14px;
}
#mudarplano strong {
	margin-right:20px;
}

table.blueBorder {
	border:#006699 solid 1px;
}


.roundedcornr_box {
	background: url(../images/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(../images/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(../images/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(../images/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(../images/roundedcornr_r.png) top right repeat-y;
}
.roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.roundedcornr_bottom {
	margin-bottom:20px
}
.roundedcornr_content { padding: 0px 0px; }
/*.roundedcornr_content { padding: 0px 20px; }*/
	
#visa, #master, #paypal, #boleto {	
	width:140px;
	float:left;
	text-align:center;
}

#visa1, #master1, #paypal1, #boleto1, #pagseguro1, #hipercard1 {	
	width:160px;
	margin-bottom:20px;
	text-align:center;
}
	
#visa, #master, #paypal, #boleto, #pagseguro, #hipercard {	
	width:160px;
	float:left;
	text-align:center;
}

#master {
	margin: 0px 70px;
}
#paypal {
	margin: 0px 70px 0px 0px;
}
#seta_visa, #seta_master, #seta_paypal, #seta_boleto {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e4e4;
	background-image: url(../images/ico_setatop.gif);
	background-repeat: no-repeat;
	height: 20px;
}
#seta_visa {
	background-position: 30px bottom;
}
#seta_master {
	background-position: 220px bottom;
}
#seta_paypal {
	background-position: 451px bottom;
}
#seta_boleto {
	background-position: 650px bottom;
}
#cardinfo{
	margin-bottom:20px;
}#cardinfo p {
	line-height: 18px;
	margin-bottom: 15px;
}
#cardinfo a {
	text-decoration: none;
	color: #339933;
}
#cardinfo a:hover {
	text-decoration: underline;
}
#comprovante {
	width: 410px;
	margin-bottom:20px;
	border: 1px solid #D5D5D5;
	margin-top: 20px;
	float: right;
}
#comprovante p {
	line-height: 18px;
}
#infohelp {
	width: 380px;
	float: left;
	margin-top:20px;
}#infohelp h3 {
	font-size: 16px;
	margin-bottom: 20px;
}
#infohelp h2 {
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#infohelp p {
	line-height: 18px;
	margin-bottom: 20px;
}
.infoboxes {
	width: 100px;
	float: left;
	text-align: center;
}
.infoboxes p {
	margin-top: 10px;
	margin-bottom: 10px;
}






#removerStream {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#removerStream a {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
	text-decoration: none;
}
#removerStream a:hover {
	text-decoration: underline;
}



/* ------------------- Página Espiar ------------------- */

#spyheader {
	height: 100px;
	background-image: url(http://netcartas.com.br/images/bg_headerconta.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5d5d5;
	padding-right:90px;
	padding-left:40px;
}
#spyheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#spyheader p {
	font-weight: bold;
	line-height: 18px;
}
#spyinfo {
	width: 430px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top:20px;
}
#spyinfo p {
	line-height:18px;
	margin-bottom:20px;
}
#spysenha {
	width: 412px;
	height: 75px;
	background-image:url(http://netcartas.com.br/images/bg_espiar.gif); 
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:20px;
}
#spysenha span {
	font-size: 16px;
	line-height: 22px;
}
#spyinfo a {
	color: #33a71c;
}


.box7 {
    width: 444px;
    height: 130px;
}              



/* ------------------- Página Login ------------------- */

#senhaheader {
	height: 118px;
	background-image: url(../images/bg_headerlogin.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeded;
	padding-right:90px;
	padding-left:40px;
}

#loginheader {
	height: 100px;
	background-image: url(../images/bg_headerlogin.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeded;
	padding-right:90px;
	padding-left:40px;
}
#loginheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#senhaheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#loginheader, #senhaheader  p {
	font-weight: bold;
	line-height: 18px;
}
#logininfo {
	width: 470px;
	float: left;
	margin-bottom: 10px;
	margin-top:20px;
}
#logininfo a {
	color: #33a71c;
	text-decoration: none;
}
#logininfo a:hover {
	color: #33a71c;
	text-decoration: underline;
}
#logininfo p {
	margin-bottom: 5px;
	line-height: 18px;
}
#logininfo h2 {
	margin-bottom: 20px;
}

/* ------------------- Regras Buraco e Tranca ------------------- */

#contentregras {
	padding:40px;
	line-height: 18px;
	border: 1px solid #d5d5d5;
}
#contentregras table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #d5d5d5;
	border-right-color: #d5d5d5;
}
#contentregras td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #d5d5d5;
	border-left-color: #d5d5d5;
	padding: 5px;
}
#contentregras h2 {
	margin-bottom: 20px;
	color: #309e1b;
	font-size: 18px;
}
.trcinza {
	background-color: #F4F4F4;
}

#contentregras h1 {
	margin-bottom: 20px;
	font-size: 24px;
}
#contentregras p {
	margin-bottom: 20px;
}

/* ------------------- Termos e Politica de Privacidade ------------------- */

/*#contenttermos {
	padding:40px;
	line-height: 18px;
	border: 1px solid #d5d5d5;
}*/

#contenttermos {
	padding:40px;
	line-height: 18px;
	border: 1px solid #e7e4e4;
}

#contenttermos h1 {
	margin-bottom: 20px;
	font-size: 24px;
}
#contenttermos h2 {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 20px;
}
#contenttermos p {
	text-align:justify;
	margin-bottom: 20px;
}

/* ------------------- Renovação ------------------- */
#boxrenovacao {
	width: 635px;
	border: 1px solid #d5d5d5;
	float: left;
	margin-bottom: 20px;
}
#boxrenovacao p {
	line-height: 18px;
}
#boxrenovacao h1 {
	font-size: 18px;
	color: #1d5813;
	margin-bottom: 20px;
}
#boxrenovacao h2 {
	font-size: 14px;
	margin-top:20px;
	margin-bottom: 10px;
}

/* ------------------- Sócio do Clube ------------------- */
#socioheader {
	height: 138px;
	background-image: url(../images/bg_headersocio.jpg);
	background-repeat: repeat-x;
	padding-left:40px;
}
#socioheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#socioheader p {
	font-weight: bold;
	line-height: 18px;
}
#boxsocio {
	width: 380px;
	height:355px;	
	float: left;
	margin-right: 40px;
	background-image: url(../images/bg_sociobox.jpg);
	background-repeat: repeat-x;
	border: 1px solid #e7e4e4;
	margin-bottom:40px;
}
#boxsocio h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
#boxsocio h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom: 20px;
}
#boxsocio p {
	line-height: 18px;
}
#boxgratis {
	width: 380px;
	height:355px;
	float: right;
	border: 1px solid #e7e4e4;
	margin-bottom: 40px;
}
#boxgratis h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
#boxgratis h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom: 20px;
}
#boxgratis p {
	line-height: 18px;
}

#logout {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#logout a {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	text-decoration: none;
}
#logout a:hover {
	text-decoration: underline;
}


/*----------------- estavam no netcartas_rev4.css. Copiei para cá para utilizar no uploadMp3.jsp----------*/
table.redBorder {

	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FF0000;
}
.blackMedium {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
}
.mediumRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #FF0000;
}


/* ------------------- Presente ------------------- */
#giftcontent{
	padding:20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e7e4e4;
	border-bottom-color: #e7e4e4;
	border-left-color: #e7e4e4;
}

#giftcontent p {
	line-height: 18px;
}
#giftheader{
	width:60%;
	height:92px;
	background-image: url(../images/bg_presente.jpg);
	background-repeat: repeat-x;
	padding-top: 20px;
}
#giftheader h1{
	color:#F00;
	font-size:18px;
	margin-bottom:10px;
}
#giftnick{
	width:60%;
}
#giftnick h2{
	color:#339933;
	font-size:16px;
	margin-bottom:20px;
}
#giftnick h3{
	color:#505050;
	font-size:16px;
	margin-bottom:20px;
}
#giftnick p{
	margin-top:20px;
	margin-bottom:20px;
}
#giftnick strong{
	color:#F00;
}
#giftnick div{
	background-color:#FFC;
	border: 1px solid #FF9;
	line-height:18px;
	padding:10px;
	margin-bottom:20px;
}
.giftinput {
	background-image:url(../images/bg_containput.gif);
	background-repeat:repeat-x;
	border: 1px solid #d1dcce;
	height: 19px;
	width: 200px;
}

/*---------------------Acordo--------------------*/
#contentacordo{
	margin-top:20px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
}
#contentacordo p{
	line-height:18px;
	margin-bottom:20px;
}
#contentacordo p a {
	text-decoration: none;
	color: #339933;
}
#contentacordo p a:hover {
	text-decoration: underline;
}
#contentacordo h3{
	color: #FF0000;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:20px;	
}
#leracordo{
	background-color:#ffffcc;
	border: 1px solid #e7e4e4;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
	padding: 20px;
	height:25px;
	text-align:center;
}
#leracordo p {
	background-color: #339933;
	width: 250px;
	text-align:center;
	padding: 5px;
	float: left;
}
#leracordo a:link {
	color:#FFF;
	text-decoration:none;	
}
#leracordo a:visited {
	color:#FFF;
	text-decoration:none;	
}
#leracordo a:active {
	color:#FFF;
	text-decoration:none;	
}
#leracordo a:hover {
	text-decoration:underline;	
}


#checkacordo a:link {
	color:#000;
	text-decoration:none;	
}
#checkacordo a:visited {
	color:#000;
	text-decoration:none;	
}
#checkacordo a:active {
	color:#000;
	text-decoration:none;	
}
#checkacordo a:hover {
	text-decoration:underline;	
}


#okacordo{
	margin-top:20px;
	text-align:center;
}
#okacordo img{
	margin-right:20px;
	margin-left:20px;
}




/*-----------payment gift choice-----*/
#contaformas{
	height:480px;
}
#contaformas p{
	line-height:18px;
	margin-bottom:10px;
}
#contaformas h4{
	font-size:16px;
	margin-top:5px;
	margin-bottom:20px;
}
#contaformas table{
	border:1px solid #CCC;
	margin-bottom:20px;
	text-align:left;
}

/*--------payment boleto bradesco------*/
#contapagamentos{
	padding:20px;
}
#contapagamentos h1{
	color:#000;
	font-size:16px;
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
	margin-bottom:20px;
}
#contapagamentos h2{
	color:#2a2c27;
	font-size:16px;
	margin-bottom:20px;
}
#contapagamentos p{
	line-height:18px;
	margin-bottom:20px;
}
#contapagamentos table{
	border:1px solid #CCC;
	margin-bottom:20px;
	text-align:left;
}

/*-----------conta pendente----------- 180509*/

#contapendente{
	padding:20px;
}
#contapendente h1{
	color:#F00;
	font-size:18px;
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
	margin-bottom:20px;
}
#contapendente h2{
	color:#2a2c27;
	font-size:16px;
	margin-bottom:20px;
}
#contapendente p{
	line-height:18px;
	margin-bottom:20px;
}
#contapendente table{
	border:1px solid #CCC;
	margin-bottom:20px;
	text-align:left;
}


/* ------------------- Ajuda (FAQ) ------------------- */
#ajudaheader {
	height: 100px;
	background-image: url(../images/bg_headersocio.jpg);
	background-repeat: repeat-x;
	padding-left:40px;
}
#ajudaheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#ajudaheader p {
	font-weight: bold;
	line-height: 18px;
}
a.linkfaq:link, {
	color: #1d5813;
	font-weight: bold;
	text-decoration: none;
}
a.linkfaq:visited {
	color: #1d5813;
	font-weight: bold;
	text-decoration: none;
}
a.linkfaq:hover {
	color: #1d5813;
	font-weight: bold;
	text-decoration: none;
}
a.linkfaq:active {
	color: #1d5813;
	font-weight: bold;
	text-decoration: none;
}
.boxajuda {
	width: 540px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.boxajuda ol {
	list-style-position: inside;
}
.boxajuda li {
	line-height: 30px;
}
.boxajuda li a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.boxajuda li a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
.boxajudalateral {
	width: 215px;
	margin-bottom:10px;
}
.boxajuda h1, .boxajudalateral h1 {
	font-size: 12px;
	margin-bottom: 20px;
}
.spaceboxlateral {
	margin: 20px;
}
.boxrespostas{
	display:none;
	background-color:#FFF8DD;
	padding: 20px;
	color: #333333;
}
.boxrespostas ol {
	list-style-position: inside;
}
.boxrespostas li {
	line-height: 18px;
}

.boxajuda p {
	margin-bottom: 20px;
}

.spaceboxlateral a {
	color: #333333;
	line-height: 18px;
	text-decoration: none;
}


.spaceboxlateral a:hover {
	text-decoration: underline;
}

/* ------------------- TUTORIAL ------------------- */

#tutoheader {
	height: 100px;
	background-image: url(../images/icone_tutoriais.jpg);
	background-repeat: no-repeat;
	padding-left:40px;
	background-position: 700px;
}
#tutoheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#tutoheader p {
	font-weight: bold;
	line-height: 18px;
}
.boxtuto {
	width: 540px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.boxtuto ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.boxtuto li {
	line-height: 30px;
	background-image: url(../images/bullet_tuto.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 10px;
}
.boxtuto li a {
	color: #339933;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
}
.boxtuto li a:hover {
	text-decoration: underline;
}

/* ------------------- Contato (Abrir Chamado) ------------------- */
#contatoheader {
	height: 100px;
	background-image: url(../images/bg_headersocio.jpg);
	background-repeat: repeat-x;
	padding-left:40px;
}
#contatoheader h1 {
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#contatoheader p {
	font-weight: bold;
	line-height: 18px;
}
.formcontato{
	border:#bdcaba 1px solid; 
	width:250px; 
	padding:2px;
}




/* Home */

.box3 span{
 	font-size:10px;
	color:#999;
}
.box8 {
	width: 350px;
	height: 100px;
}
.box9 {
	width: 350px;
	height: 158px;
}

/* Logado */

#boxnews {
	width:635px;
	margin: 10px 15px 10px 245px;
	border: 1px solid #d5d5d5;
}
#boxnews h2 {
	font-size: 18px;
	color: #1d5813;
	margin: 10px;
}

/* ESTILO ALTERADO */
#contentpageIndexLogado {
	width: 898px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border: 1px solid #d5d5d5;
	height: 820px;
}

#divSelectOptions {
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #CDCDCD;
	border-top: none;
	top: 23px;
	width: 99%;
	padding-bottom: 5px;
	display: none;
}

divSelectOptions ul {
	margin:0;
	padding:0;
}

#divSelectOptions ul li {
	list-style:none; 
	width: 100%;	
}

#divSelectOptions ul li a {
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 22px;
}

#divSelectOptions ul li:hover{
	background-color: #edecec;
}

.divSelect {
	clear:both;
	position: relative;
	background-image: url(../images/bg_select_rank.jpg);
	width: 100%;
	height: 23px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 23px;
	_height: 23px;
}

.divSelect #divText {
	margin-top: 4px;
	padding-left: 4px;
	float: left;
	width: 170px;
	color: #434343;
	font-weight: bold;
}

.divSelect #divArrow {
	padding-top: 8px;
	_padding-top: 4px;
	margin-left: 174px;
	width: 18px;
}


/* -------------------Renovação e Minha Conta 07/08/09------------------- */
#perfilconta {
	background-color: #FFFFFF;
	border: 1px solid #e7e4e4;
	padding-bottom: 15px;
	height:235px;
}
#perfilconta table {
	margin-left: 20px;
}
.barrabox {
	background-image:url(../images/bgboxes.gif);
	background-position:top;
	background-repeat:repeat-x;	
	margin-bottom: 20px;
}
.barrabox h1 {
	font-size: 15px;
	color:#1d5813;
	margin:0px;
	padding-top:5px;
	padding-left:10px;	
}
#pagerenova {
	width: 635px;
	height:250px;
	border: 1px solid #e7e4e4;
	float: left;
}
#pagerenova p {
	line-height: 18px;
}
#pagerenova h1 {
	font-size: 22px;
	color: #1d5813;
	margin-bottom: 20px;
}
#pagerenova h2 {
	font-size: 14px;
	margin-top:20px;
	margin-bottom: 10px;
}

#pageconta {
	width: 635px;
	height:310px;
	border: 1px solid #e7e4e4;
	float: left;
}
#pageconta h1 {
	font-size: 22px;
	color: #1d5813;
	margin-bottom: 20px;
}
#pageconta h2 {
	font-size: 14px;
	margin-top:40px;
	margin-bottom: 10px;
}
#pageconta p {
	line-height: 18px;
	margin-bottom:10px;
}
#pageconta a {
	font-size: 12px;
	font-weight: bold;
	color: #33a71c;
	text-decoration: none;
}
#pageconta a:hover {
	text-decoration: underline;
}

