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

body{
	
 	background-color: #F1F1F1;
 	font: 11px  Verdana, Arial, Helvetica, sans-serif;
 	padding-top: 20px;
}

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

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

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

#procurar{ font-size: 12px; }

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

#header{ width: 100%; height: 140px; }
#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('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: 5px; 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; }


.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('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('index_files/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; }


#derecha{ background: url('na3.png') no-repeat; float: left; height: 200px; width: 230px; }
#derecha .dias{ float: left; position: relative; left: 27px; top: 17px; }
#derecha.newacc{	position: relative;	left: 70px; }
#derecha .newacc .rs{ color: #878787; font: bold 16px Verdana; display: inline; }
#derechanewacc .price{ font: bold 21px Verdana; display: inline; }

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

#derecha .dias{ float: left; position: relative; left: 15px; top: 10px; }
#derecha.button{ float: left; position: relative; left: 25px; top: 15px; }

#derecha2{ background: url('soportees.png') no-repeat; float: left; height: 200px; width: 230px; }
#derecha3{ background: url('na3.png') no-repeat; float: left; height: 200px; width: 230px; }


/****************Controles futuros ************/

#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; }


/***************Paginacion*********************/

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; }