* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body{
	background: url(http://www.contaspremium.com.br/images/layout/header.jpg) repeat-x;
 	background-color: #F1F1F1;
 	font: 11px  Verdana, Arial, Helvetica, sans-serif;
 	padding-top: 20px;
}

#geral{
	margin: auto;
	width: 775px;	
}

#geral a{
	color: #4185AF;
	font: bold 11px Verdana;
	text-decoration: none;
}

#geral a:hover{ color:#000000; }

#procurar{ font-size: 12px; }

/************************ HEADER ************************/

#header{ width: 100%; height: 115px; }
#header .left{ float: left; width: 333px; padding-top: 10px; }
#header .meio{ float: left; width: 170px; padding-top: 20px; text-align: center; }
#header .right{	float: right; text-align: center; width: 270px; margin-top: 5px; font-size: 12px; }
#header .right a{ font-size: 12px; }
#header .right li{ display: inline; padding: 0; }
#header .right ul li{ border-left: 2px solid #AFCEE0; padding:0 3px 0 5px; }
#header .right ul li a{ font-size: 13px; }

#header .menuHeader { clear: both; padding-top: 10px; width: 100%; text-align: center; }
#header .menuHeader li{ display: inline; padding: 0; }
#header .menuHeader ul li{ border-left: 2px solid #AFCEE0; padding:0 3px 0 5px; }
#header .menuHeader ul li a{ font-size: 13px; }

#header .right .infoLogin { padding-top: 1px; text-align: right; }
#header .right .infoLogin li{ display: block; padding: 0; }
#header .right .infoLogin ul li{ padding-top: 6px; border: 0px; }


/************************ FOOTER ************************/


#footer{ background: url(http://www.contaspremium.com.br/images/layout/footer.jpg) repeat-x ; margin-top: 10px; padding: 5px; }
#limit{ margin: auto; width: 755px; text-align: center; }

#limit a{ color: #6F6F6F; font: bold 11px Verdana; text-decoration: none; }
#limit a:hover{ color:#000000; }
#limit li{ display: inline; padding: 0;; }
#limit ul li{ border-left: 2px solid #9F9F9F; padding:0 3px 0 5px; }
#limit ul li a{ font-size: 12px; }


/************************ CONTEUDO **********************/

#mainContent{ padding-top: 0px; clear: both; }
#mainContent .box{ margin-top: 15px; }
#mainContent .tableTypeAccount{ border-bottom: 1px dashed black; font: bold 22px "Trebuchet MS", Verdana; color:#27699D; }
#mainContent .tablecolor{ background-color: #E4EAEF; height: 22px; }
#mainContent .tablecolorBuy{ background-color: #E4EAEF; height: 26px; }
#mainContent .tablecolorDisable{ background-color: #EAEAEA; height: 22px; }
#mainContent .tablecolorBuyDisable{ background-color: #EAEAEA; height: 26px; }
#mainContent .tablewhite{ background-color: #F1F1F1; height: 22px; }

#information { margin-top: 20px; margin-bottom: 20px; }
#information h1{ font-size: 13px; margin-top: 15px; margin-bottom: 5px; }
#information .info{ font-size: 11px; color: #3F3F3F; }
#information .imgInfo{ margin: 5px 0 10px 10px; }

.accountHelp{ background: url('http://www.contaspremium.com.br/images/layout/acc_help.gif') no-repeat; height: 63px; margin: auto; padding: 12px; width: 474px; }
.informacaoHelp{ color: #27699D; font: bold 14px "Trebuchet MS", Verdana; }

.price{ color: #2A699E;	font-weight: bold; font-size: 13px; }
.priceDisable{ color: #5F5F5F;	font-weight: bold; font-size: 13px; }

.msgErro{ background-color: #FFFFFF; border: 1px dashed red; font: bold 12px Verdana; margin: auto; margin-top: 15px; margin-bottom: 5px; padding: 5px; text-align: center;	width: 675px; }

/************************ CADASTRO **********************/

.verificarCadastro{ font-weight: bold; text-align: center; }

/************************ COMPRA ************************/

#boxComprar{ margin-top: 15px; }
#boxComprar .colNomeCompra{ font-weight: bold; width: 100px; text-align: right; padding-right: 10px; }

#boxDoLogin{ margin-top: 15px; font-size: 12px; }

#boxNewAcc{ background: url('/images/layout/v2/background.jpg') no-repeat; float: left; height: 200px; width: 370px; }
#boxNewAcc .dias{ float: left; position: relative; left: 27px; top: 17px; }
#boxNewAcc .newacc{	position: relative;	left: 70px; }
#boxNewAcc .newacc .rs{ color: #878787; font: bold 16px Verdana; display: inline; }
#boxNewAcc .newacc .price{ font: bold 21px Verdana; display: inline; }

#boxNewAcc .box{ float: left; position: relative; left: 40px; top: 8px; }
#boxNewAcc .info{ float: left; left: 50px; position: relative; text-align: center; top: 40px; width: 175px; }

#boxExtendAcc{ background: url('/images/layout/v2/backgroundExtend.jpg') no-repeat; float: left; height: 95px; width: 190px; }
#boxExtendAcc .dias{ float: left; position: relative; left: 15px; top: 10px; }
#boxExtendAcc .button{ float: left; position: relative; left: 25px; top: 15px; }

#boxTrafficShare{ background: url('/images/layout/v2/backgroundTrafficShare.jpg') no-repeat; float: left; height: 314px; width: 749px; }

#boxTrafficShare .name{ float: left; position: relative; left: 25px; top: 17px; }
#boxTrafficShare .box{ float: left; width: 235px; margin-top: 35px; margin-left: 10px; text-align: center; }
#boxTrafficShare .box .rs{ color: #878787; font: bold 16px Verdana; display: inline; }
#boxTrafficShare .box .price{ font: bold 20px Verdana; display: inline; }

.infoBoleto{ background: url('/images/formapgto/infoBoleto.jpg') no-repeat; float: left; padding-top: 23px; margin-top: 10px; width: 250px; }
.infoCartao{ background: url('/images/formapgto/infoCartao.jpg') no-repeat; float: left; padding-top: 23px; margin-top: 10px; width: 250px; }
.infoDeposito{ background: url('/images/formapgto/infoDeposito.jpg') no-repeat; clear: both; float: left; padding-top: 23px; margin-top: 10px; width: 650px; }
.infoPagSeguro{ background: url('/images/formapgto/infoPagSeguro.jpg') no-repeat; clear: both; float: left; padding-top: 23px; margin-top: 10px; width: 650px; }
.formaPagamento{ float: left; width: 115px; margin-right: 10px; text-align: center; }

/************************ INVOICE ***********************/

#invoice{ background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: auto; width: 650px; margin-top: 10px; }
#invoice h1 { font: bold 35px "Trebuchet MS", Verdana; padding-left: 20px }
#invoice h2 { font: 11px Verdana; color: #7F7F7F; padding-left: 20px; }
#invoice .invoicecontent{ border: 1px solid #CCCCCC; height: 80px; margin-left: 15px; padding: 5px; width: 280px; }

.unpaid { color: #CC0000; }
.paid { color: #779500; }
.confirmed { color: #224488; }
.cancelled { color: #9F9F9F; }

.infoStatusPedido{ background-color: #EEEEEE; border: 1px solid black; margin: auto; padding: 2px; text-align: center; width: 90%; }

#lots_data{
	overflow: hidden;
	border-left: dotted 1px #B2B2B2;
	float: right;
	margin: 0px 20px 20px 0;
	padding: 0 0 0 15px;
	width: 285px;
}

#lots_data dl{
	margin:0 0 20px 0;
}

#lots_data dl dt{
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:1.1em;
}

#lots_data dl dd{
	padding:0 0 0 3px;
}

#lots_data dl dd p{
	margin:1.3em 0;
}

.mini{
	font-size:0.8em;
	color:#7F7F7F;
}

/************************ PAINEL DE CONTROLE ************/

#menuPainelControle { border-top: 1px dashed black; border-bottom: 1px dashed black; margin: auto; margin-top: 15px; padding:5px 0 5px 0; text-align: center; }
#menuPainelControle li{ display: inline; padding: 0; }
#menuPainelControle ul li{ border-left: 2px solid #AFCEE0; padding:0 3px 0 5px; }
#menuPainelControle ul li a{ font-size: 13px; }

.clientareatable { width: 100%; background-color: #CCCCCC; }
tr.clientareatableheading {	background-color: #DFDFDF; font-weight: bold; text-align: center; height: 25px; }
tr.tableone { background-color: #FFFFFF; text-align: center; height: 27px; }
tr.tabletwo { background-color: #EFEFEF; text-align: center; height: 27px; }

.informacaoPequena{ color:#666666; font-size:8pt; border-top: 1px dashed #DFDFDF; margin-top: 10px; padding: 5px; }

.subTituloPag{ border-bottom: 1px solid #FBDD2D; font: bold 14px "Trebuchet MS", Verdana; margin-bottom: 10px; }


/************************ PAGINAÇÃO *********************/

div.pagination { padding:3px; margin:5px; text-align:center; }
div.pagination a { font:12px Verdana; padding: 2px 6px 2px 6px; margin-right: 2px; border: 1px solid #ddd; text-decoration: none; color: black; }
div.pagination a:hover { border:1px solid #549FB8; color: #549FB8; background-color: #DFEFFC; }
div.pagination span.current { font:12px Verdana; padding: 2px 6px 2px 6px; margin-right: 2px; font-weight: bold; color: black; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: black; }


/************************ NOTICIAS **********************/

#noticiasUltimas{ margin-top: 10px; margin-bottom: 25px; }
#noticiasUltimas ul h1{	font-size: 11px; font-weight: bold; display: inline; }
#noticiasUltimas ul h2{ color: #9F9F9F;	font-size: 11px; display: inline; }
#noticiasUltimas ul li{	padding: 4px; }
#noticiasUltimas .tableone { background-color: #FFFFFF; height: 20px; }
#noticiasUltimas .tabletwo { background-color: #EFEFEF; height: 20px; }

/************************ RAPIDS ************************/

.boxRapids{ background: url('/images/rapids/boxComprar.jpg') no-repeat; float: left; height: 186px; margin-left: 15px; margin-top: 20px; width: 137px; }
.boxRapids .qtd{ font-family: sans-serif; font-size: 30px; font-weight: bold; padding-top: 25px; text-align: center; }
.boxRapids .rapids{ font-family: sans-serif; font-size: 16px; font-weight: bold; padding-top: 5px; text-align: center; }
.boxRapids .valor{ font-family: sans-serif; font-size: 16px; font-weight: bold; padding-top: 35px; text-align: center; }
.boxRapids .button{ padding-top: 5px; text-align: center; }

#package_overview { clear:both;	padding:10px 0 0; }
#package_overview #legend_table { font-size:12px; margin:10px 0 0; }
#package_overview #features_explanation { font-size:12px; margin:10px 0 0; }

#produkttabelle td, #produkttabelle th { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:10%; padding: 5px; }
#produkttabelle th { background-color:#CCCCCC; font-size:11px; font-weight:bold; text-align:center; }

/********************* RAPIDS INFO **********************/

.rapidsBarra{ width: 137px;  margin-top: -10px; height: 5px; background-color: #CDCDCD; }

.rapidsInfo{ border: 2px solid #CDCDCD; height: 220px; padding: 10px; width: 525px; background-color: #FAFAFA;	}
.rapidsInfo .titulo{ float: left; font-family: sans-serif; font-size: 16px; }
.rapidsInfo .qtdRapids{ font-family: sans-serif; font-size: 30px; font-weight: bold; float: left; margin-left: 20px; }


/************************ RS ****************************/

div.klapp {
    text-align:right;    
    padding-bottom:30px;
    padding-top:5px;
}
div.klappo {
    font: 11px Verdana;    
    margin-bottom:15px;
    padding-top:15px;
    padding-left:10px;
}
div.klappo ul li {
    list-style-type:none;
    padding: 2px;
}
table.klapp {
    width:100%;
    border:0px;
    border-spacing:0px;   
    margin-top:15px;  
}
tr.klapptitel {
    vertical-align:bottom;
}
tr.klapptitel td {
    border-bottom:1px solid #FBDD2D;
}
tr.klapptitel td a {
    text-decoration:none;
}
tr.klapptitel td div {
    font-size:18px;
    font-weight:normal;
    color:black;
}
tr.klapptitel td div:hover {
    color:#00204E;    
}