/* Gerais ******************************************************************************************** */
.texto-semcoluna {width: 100%; margin-top: 0px; color:#666;}
.texto-colunamenu {width: 20%; float: right; padding-left:20px;}
.texto-colunamenu ul{float: left; width: 80%; background-color:#f3f3f3; margin-top: 15px; padding: 10px;}
.texto-colunamenu ul li {padding: 5px; border-bottom: 1px solid #ccc;}
.texto-colunamenu ul li:hover {background-color:#666; color:#fff;}
.texto-colunamenu blockquote {background-color:#f3f3f3; width: 80%; margin: 15px 0; padding: 10px; float: left;}
.texto-colunaconteudo {width:75%; float: left; color:#666; margin-top: 15px; padding-right:20px}
.texto-colunaconteudo label {width: 495px; background-color:#f3f3f3; padding: 4px; float: left; height: 18px; margin: 5px 0px 5px 0px;}
.texto-colunaconteudo span {float: left; width: 80px;}
.texto-colunaconteudo input {float: left; width: 300px; margin-top: -2px; border: 1px solid #ccc; color: #666;font-size: 11px; height: 15px; padding-top:3px;}
.texto-colunaconteudo textarea {float: left; width: 500px; border: 1px solid #ccc; color: #666; font-size: 11px; height: 120px;}
.texto-colunaconteudo input[type=button] {width: 80px; background-color:#666; border:1px solid #ccc; color:#fff; padding: 0; height: 20px; float: left; margin-left: 420px; margin-top: 10px;}

.paginacao {float: right; margin-top: 15px; margin-bottom: 10px; font-size: 11px; color:#399ebe; margin-left: 400px;}
.paginacao a:link {color:#399ebe;}
.paginacao a {color:#399ebe; padding: 2px;}
.paginacao a:hover {color:#fff!important; background-color:#399ebe;}
.paginacao-marcado {color:#fff; background-color:#399ebe;}

/* FAQ ********************************************************************************************** */
.faq h3 {border-bottom: 1px solid #ccc; padding-bottom: 2px;}
.faq div {background-color:#f3f3f3; padding: 10px 10px 0px 10px;}

/* Inicial ****************************************************************************************** */
.inicial-coluna1 {float: left; width:600px; height:356px; margin-left:6px; padding:10px 20px 20px 10px; background: url(Images/geral/fundoVideo.png) no-repeat}
.inicial-coluna1 .video{width:600px; height:356px; margin-left:0px; margin-top:0px}
.inicial-coluna2 {width: 230px; float: right; margin-top:10px}
.inicial-coluna2 span {color:#666666; font-size: 14px; font-family: Times New Roman, Serif}
.inicial-coluna2 h1 {width: 100%; text-align: left; margin-top: 5px}
.inicial-coluna2 h2 {color:#399ebe; font-weight: normal; font-size: 25px; margin: 0px 0px 10px 0px; padding: 0px; font-family: Times, Times New Roman, Serif}

/* Login - Modal pop up ***************************************************************************** */
.container-login {width:530px; /*height:550px;*/ text-align:center; padding:0px 0px 15px 0px; background:url(Images/geral/bgTelaLogin.png) no-repeat;}
.container-login h1 {font-size: 30px; font-weight: normal; margin: 0px; padding-top: 0; padding-left: 10px; text-align:left; color:#666 !important }
.login-facebook {width:480px; padding:35px 25px 25px 25px; text-align:left}
.login-bovap {width:480px; padding:0px 25px 0px 25px; text-align:left}
.login-bovap h1 {padding-top:8px; padding-left:10px; padding-bottom:7px}
.container-login h6 {font-size: 11px; color:#a4a4a4; font-weight: normal; margin: 0px; padding-top: 0px; text-align:right; font-family: Times New Roman, Serif }
.container-login .blocoTexto{width:100%; clear:both; overflow:hidden; height:25px; line-height:25px;margin-top:10px}
.container-login .texto{float:left; margin:0px 0px 0px 10px; padding: 0; font-size: 14px; font-weight: normal; color:#a4a4a4; text-align:left; width:275px}
.container-login th{text-align:left; font-weight:normal; font-size:14px; padding-left:10px; color:#a4a4a4;font-weight: normal; height:25px}
.container-login td{text-align:left}
.container-login td.direita{text-align:right; height:30px}
.container-login a, .container-login a:link, .container-login a:hover, .container-login a:active {font-size:11px; color:#677fad; text-decoration:underline; font-weight:normal}
.container-login input.campos{width:465px; height:55px; text-align:left; padding:5px; background:url(Images/geral/bgFormLogin.png) top right no-repeat; font-size:40px; vertical-align:middle; color:#999; border:0px; font-family: Times New Roman, Serif}

/* Modal pop up Geral **************************************************************** */
.container-modalGeral {width:530px; text-align:center; padding:0px 0px 15px 0px; background:url(Images/geral/bgTelaLogin.png) top left no-repeat;}
.container-modalIndique {width:450px!important; text-align:center; padding:20px 25px 25px 15px!important; float:left!important; background-position:top left; background-repeat: repeat-x; background-image:url(Images/geral/backgroundIndiqueLight.jpg);}
.login-modalGeral {width:480px; padding:20px 25px 3px 25px; text-align:left}
.login-modalGeral h1 {font-size: 30px; font-weight: normal; margin: 0px; padding-top: 0; text-align:left; color:#666 !important }
.login-modalGeral h6 {font-size: 11px; color:#666666; font-weight: normal; margin: 0px; padding-top: 0px; text-align:right }
.login-modalGeral .blocoTexto{width:100%; clear:both; overflow:hidden; height:25px; line-height:25px;margin-top:20px}
.login-modalGeral .texto{float:left; margin-left:0px;  padding: 0; font-size: 14px; font-weight: normal; color:#666666; text-align:left; width:310px}
.login-modalGeral th{text-align:left; font-weight:normal; font-size:14px;}
.login-modalGeral td{text-align:left}
.login-modalGeral td.direita{text-align:right}
.login-modalGeral a, .container-login a:link, .container-login a:hover, .container-login a:active {font-size:11px; color:#677fad}
.login-modalGeral input[type=text].campos{width:350px; height:55px; text-align:left; padding:5px; background:url(Images/geral/bgFormLogin.png) top right no-repeat; font-size:40px; vertical-align:middle; color:#999; border:0px; font-family: Times New Roman, Serif}

/* Modal pop up Video **************************************************************** */
.container-modalVideo {width:630px; text-align:center; padding:45px 0px 15px 0px; background:#fff url(Images/geral/bgModalVideo.png) top left no-repeat;}

/* Modal pop up AviseMe **************************************************************** */
.container-login .textoAviseMe{margin:0px 0px 0px 10px; padding: 0; font-size: 14px; font-weight: normal; color:#a4a4a4; text-align:left;}

/* Modal pop up Alerta Saldo **************************************************************** */
.alerta-modal {background-color: #265766; filter: alpha(opacity=75); opacity: 0.75}
.alerta-modal_close {position: absolute; top: 10px; right: 0px; width: 42px; height: 40px; cursor: pointer; background: url(../../App_Themes/Site/Images/geral/x.png) bottom left no-repeat}


/* Painel **************************************************************************** */
#painel-conteudo {width: 870px; margin-left: 0px;}

.painel-historico-lista {width: 640px; margin-left:10px; float: left; margin-top: 10px;}
.painel-historico-lista blockquote{color:#999; margin: 10px 0px 10px 0px; padding: 0;}
.painel-historico-lista table{width: 100%;}
.painel-historico-lista thead {font-size: 25px; width: 100%; color:#399ebe}
.painel-historico-lista thead td {padding: 10px 3px 3px 3px; font-weight: normal; font-family:Times New Roman, Serif}
.painel-historico-lista tbody td {padding: 2px; font-weight: normal; font-size: 14px;}
.painel-historico-lista tbody td {border-bottom:1px solid #ccc;}
.painel-historico-twitmsg {padding-bottom: 10px; border-bottom:1px dotted #ccc;}
.painel-historico-twitmsg h4 {margin: 0; padding: 0;}
.painel-historico-twitmsg textarea{border:1px solid #ccc; font-size: 10px; font-family:Tahoma, Geneva, sans-serif; color:#666; width: 97%; height: 30px;}
.painel-historico-login {padding-top: 10px;}
.painel-historico-login label {font-size: 12px;height:15px;margin-bottom:5px;color:#999; text-transform:uppercase; width: 15%; margin-right: 5px;}
.painel-historico-login input {font-size:10px;height:15px; margin-bottom: 5px;color:#999; width: 37.5%;margin-right: 15px; border:1px solid #ccc;}
.painel-historico-login input[type=button] {width: 100px; height: 20px; color:#fff; background-color:#666; float: right;}

.painel-indique-conteudo {width: 640px; margin-left:10px;float: left; margin-top: 10px;}
.painel-indique-conteudo h2 {color:#399ebe; font-weight: normal; font-size: 25px; margin: 0px; padding: 0px; font-family:Times New Roman, Georgia, Serif}
.painel-indique-conteudo h3 {color:#399ebe; font-weight: normal; font-size: 20px !important; margin: 0px 0px -10px 0px; padding: 0px; font-family:Times New Roman, Georgia, Serif}
.painel-indique-conteudo h2 strong {font-size: 25px; color:#208aaf; font-weight: bold;}
.painel-indique-conteudo h4 {color:#927d2c; margin: 0px; padding: 0px; font-size: 12px; font-weight: normal;}
.painel-indique-conteudo .texto {margin: 10px 0px 20px 0px; padding: 0px; border:0; color:#6c6c6c; font-size: 14px;}
.painel-indique-conteudo .topoTop5{clear:both; overflow:hidden; width:620px; height:30px; line-height:30px; vertical-align:middle; margin-bottom:5px;background-color:#dddddd;padding:0px 10px 8px 10px}
.painel-indique-conteudo h1 {padding-top: 4px; margin: 0px; color:#399ebe; font-size: 25px; font-weight: normal; float:left}
.painel-indique-conteudo .topoTop5 select{float:right; color:#999; margin-top:8px}
.painel-indique-conteudo .pags {float:right; font-weight:bold; letter-spacing:3px;}

form .painel-indique-conteudo form {margin: 10px 0px 10px 0px;}
form .painel-indique-conteudo input{border:1px solid #ccc; font-size: 10px; color:#666; padding: 3px}
form .painel-indique-conteudo select{border:1px solid #ccc; font-size: 10px; color:#666; padding: 3px}
form .painel-indique-conteudo input[type=text] {height: 22px; padding: 3px; margin-top: 15px; width:100px; background-image:url(Images/geral/bg-form.png); border: 0px; color:#39656f; font-size:14px; font-family:Times New Roman, Serif; margin-right: 15px;}
form .painel-indique-conteudo label {margin-right: 5px; text-transform:uppercase; color:#999;}

.painel-indique-conteudo table{width: 100%; margin-top:10px}
.painel-indique-conteudo thead { font-size: 14px; width: 100%; color:#399ebe}
.painel-indique-conteudo thead th {text-align:left; font-weight: normal;}
.painel-indique-conteudo thead td {padding: 3px; font-weight: normal;}
.painel-indique-conteudo tbody td {padding: 2px; font-weight: normal; font-size: 14px; color:#6c6c6c; border-bottom:1px solid #dddddd;}
.painel-indique-blog {width: 200px; float: right; margin-top: 4px; padding-bottom: 10px; margin-right:0px;}
.painel-indique-blog h1 {font-size:14px;font-weight:normal; text-align:right; color:#399ebe; margin-top: 0px; margin-right:20px}
.painel-indique-blog p {color:#999; text-align: center;}
.painel-indique-blog p.iconesRedesSociais {color:#999; text-align: right; margin-right:15px}
.painel-indique-blog h2 {color:#999; padding: 0px; text-align: center; margin: 5px 0px 5px 0px;}
.painel-indique-blog ul li:hover {background-color:#999; color:#fff;}

.painel-indique-dados {width: 210px; float: right; margin-top: 15px;  margin-right:0px; background-image:url(Images/geral/centro-coluna1.png); background-repeat:no-repeat; overflow:hidden}
.painel-indique-dados h1 {font-size:20px;font-weight:normal; background-image:url(Images/geral/topo_coluna1.png); height: 20px; width: 175px; color:#fff; margin: 0px; padding: 18px; margin-bottom: 6px;}
.painel-indique-dados p {color:#999; text-align: center;}
.painel-indique-dados h2 {color:#686868; padding: 0px; text-align: center; margin: 0px 0px 0px 0px!important; float:left; font-size:24px; font-weight:normal}
.painel-indique-dados h3 {color:#50b0d0; float: left; margin:10px 8px 0px 20px; font-size:14px!important; padding-top:5px;}
.painel-indique-dados h2.total {color:#999; padding: 0px; text-align: center; margin: 5px 0px 5px 0px; background:url(Images/geral/centro-coluna1repeat.png) top left repeat-y;}
.painel-indique-dados ul li:hover {background-color:#999; color:#fff;}

.painel-regulamento {width: 640px; margin-left:10px;float: left; margin-top: 15px;}

.painel-parceiros ul {list-style: none; margin: 0; padding: 0; margin-top: 10px; margin-left: 50px;}
.painel-parceiros ul li {float: left; padding: 5px;}
.parceiros {width:100%;}
.parceiros blockquote {padding:30px!important; border:0px solid #000!important; margin:0!important;}
.parceiros p {font-family:"Times New Roman",Times,FreeSerif,serif!important; font-size:14px!important;}

#content .ativo {background-color:#399ebe; color:#fff!important; padding:5px;}

.comentarios textarea {width:100%!important; border:1px solid #ccc; color:#999; font-size:12px;}
.comentarios input {float: right; margin-top:10px; border:0px; background-color:#666; padding:5px; color:#fff;}

.comentarioVer {margin-bottom:10px; margin-top:5px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.comentarioVer h4 {background-color:#d5d5d5; margin:0; height: 20px; padding-top:5px; color:#666; font-size:16px; padding-left:10px;}
.comentarioVer span {display:block; background-color:#999; color:#fff; padding:10px; line-height:15px;}

/* IPOs Reservas *********************************************************************************/
.gridReservas table
{	width:100%;
	text-align:center;
	border:0px;
	border-style:none;
	cellpadding:0;
	cellspacing:0;
	margin-bottom:5px;
	margin-top:20px
}
.gridReservas th
{	width:50%;
	text-align:left;
	border:0px;
	border-style:none;
	padding:5px 0px 3px 5px;
	text-transform:capitalize;
}
.gridReservas td
{	width:50%;
	text-align:left;
	border:0px;
	border-style:none;
	border-bottom:solid 1px #cccccc;
	padding:1px 0px 3px 5px;
}
.gridReservas td.nome{color:#399ebe; font-weight:bold; font-size:14px}

.grid table
{	width:100%;
	text-align:center;
	border:0px;
	border-style:none;
	cellpadding:0;
	cellspacing:0;
	margin-bottom:5px
}
.grid th
{	text-align:left;
	border:0px;
	border-style:none;
	padding:5px 0px 3px 5px;
	text-transform:capitalize;
}
.grid td
{	text-align:left;
	border:0px;
	border-style:none;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
	padding:1px 0px 3px 5px;
}
.grid td.nome{color:#399ebe; font-weight:bold; font-size:14px}
.tituloBgCinza{clear:both; overflow:hidden; width:430px; height:30px; line-height:30px; vertical-align:middle; margin-bottom:5px;background-color:#dddddd;padding:0px 10px 8px 10px}
.tituloBgCinza h1 {padding-top: 4px; margin: 0px; color:#399ebe; font-size: 25px; font-weight: normal; float:left}
/*.tituloBgCinza select{float:right; color:#999; margin-top:8px}*/
.tituloBgCinza select {height: 22px; float:right; margin-top:10px!important; width:156px; *width:150px; margin-left:0px; *margin-left:10px; padding: 3px; margin-top: 0px; background:#f5f5f5; border: 0px; color:#999; background-image:none!important; padding:0px!important; height:20px!important;}
.ipos-reservarForm label {margin-right:5px;}
.ipos-reservarForm input {border:1px solid #ccc; font-size:12px; padding:3px; color:#666;}
.ipos-texto {font-size:14px;}

/*INVESTTRADER*/
.tituloInvesttrader
{
   margin:30px 0px 20px 0px; color:#399ebe; font-size: 25px; font-weight: normal;text-align:left; width:100%;clear:both;
}
.textoInvesttrader
{
	font-size:14px;
    width:825px;
    padding:0px 15px 0px 0px;
    text-align:left;
}
.colunaInvesttrader
{
	font-size:14px;
    width:215px;
    padding:0px 0px 0px 15px;   
    border-left:solid 1px #999;
    text-align:left; 
}


/*alinhamento geral - 1 propriedade por classe*/
.alinhadoEsquerda
{
	text-align:left;
	width:100%;
}
.alinhadoCentro
{
	text-align:center;
	width:100%;
}
.alinhadoCentroRodape
{
	text-align:center;
	width:100%;
}
.alinhadoDireita{
	text-align:right;
}
.alinhadoDireita a
{
    text-decoration:underline!important;
}
.floatEsquerda
{
	float:left;
}
.floatDireita
{
	float:right;
}
.ptop-4
{
	padding-top:4px !important;
}
.ptop-6
{
	padding-top:6px !important;
}
.mtop-5
{
	margin-top:5px !important;
}
.mtop-10
{
	margin-top:10px !important;
}
.mtop-15
{
	margin-top:15px !important;
}
.mleft-5
{
	margin-left:5px;
}
.mleft-35
{
	margin-left:35px;
}
.mright-5
{
	margin-right:5px;
}
.w-48
{
	width:48%;
}
.w-50
{
	width:50%;
}
.w-60
{
	width:80%;
}
.w-100
{
	width:100%;
}
.w-124
{
	width:124px;
}
.w-168
{
	width:168px;
}
.msgErro
{
    font-family:Times New Roman, Serif;
    color:#BB0000;
    margin-left:10px;
    text-align:left;
    display:block;
    font-size:14px;
}
.msgConfirmacao
{
    font-family:Times New Roman, Serif;
    color:#00BB00;
    margin-left:10px;
    text-align:left;
    font-size:14px;
}