/* CLUBE teste */
* {padding: 0px; margin: 0px;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,800,600,300);

html, body {overflow-x: hidden;}

section, article, header, nav, footer{display: block; font-family: 'Open Sans', sans-serif;}
a {font-family: 'Open Sans', sans-serif; text-decoration: none;}
.content {position: relative;}

header {width: 100%; height: 60px; position: fixed; z-index: 11; background: #fff;}
header .contentHeader {width: 941px; padding-top: 13px; height: 60px; margin: 0px auto;}

header .contentHeader h1 {width: 194px; margin: 4px 31px 0px 0px; height: 25px; background: url(../img/moderna.png); text-indent: -9999px; float: left; cursor: pointer;}
	header nav ul {list-style: none;}
	header nav ul li {float: left; margin-left: 15px;}
	header nav ul li a {height: 28px; padding-top: 7px; text-align: center; display: block; background: #d4d4d4; font-size: 14px; text-decoration: none; color: #777;}
	header nav ul li a:hover {background: #ff675f; color: #fff;}
	header nav .btnClube {width: 86px;}
	header nav .btnBeneficios {width: 110px;}
	header nav .btnPresente {width: 165px;}
	header nav .btnIncreva {width: 241px; background: #1a9fdb; color: #fff;}
	header nav .markTop {width: 37px; height: 40px; background: url(../img/markTop.png); float: right;}
	
	a.linkNext {width: 60px; height: 60px; display: block; background: url(../img/btnDiv.gif); position: absolute; bottom: -30px; left: 440px; text-indent: -9999px; z-index: 10;}
	a.nextCone {bottom: -30px!important;}
	
	section.home {width: 100%; height: 606px; padding-top: 129px; position: relative; background: url(../img/bgArea1.gif) center 60px no-repeat; min-width: 1400px; -webkit-background-size: 100%; background-size: 100%;}
		section.home .content {width: 940px; height: 606px; margin: 0px auto;}
		section.home .content img {width: 460px; height: 397px; margin: 0px auto; display: block;}		
		section.home .content h2 {margin-top: 21px; color: #474d5d; text-align: center; font-size: 42px; font-weight: normal;}
		section.home .content h3 {margin-top: 1px; color: #474d5d; text-align: center; font-size: 23px; font-weight: 300;  font-family: 'Open Sans', sans-serif;}

	section.oClube {width: 100%; height: 347px; padding-top: 68px; background: #00a1e4;}
		section.oClube .content {width: 940px; margin: 0px auto;}
		article.venhaClube {width: 805px; height: 89px; padding: 33px 0px 0px 135px; margin: 0px auto; background: url(../img/casa.png) no-repeat left; border-bottom: 1px solid #fff;}
		article.venhaClube p.umEspaco {margin: -10px 0px 0px 0px; font-size: 20px; color: #fff; font-weight: 300;  font-family: 'Open Sans', sans-serif;}
		article.venhaClube p.venha {margin: 8px 0px 0px 110px; font-size: 30px; color: #fff; font-weight: normal;  font-family: 'Open Sans', sans-serif;}
		
		article.noClube, article.alemDeUma {width: 297px; height: 110px; padding: 10px 0px 0px 159px; margin-top: 42px; background: url(../img/markCenter.png) no-repeat left; font-size: 13px; color: #fff; float: left;}
		article.noClube {margin-right: 25px;}
		article.noClube p strong, article.alemDeUma p strong {font-size: 18px;}
		
	.splitVantagens {width: 100%; height: 60px; background: #474d5d;}
	a.vejaVantagens {width: 580px; height: 45px; margin: 0px auto; padding-top: 15px; font-weight: 700; color: #fff; -background: url(../img/btnDiv.gif) no-repeat center; display: block;}
	
	section.conhecaClube {width: 100%; height: 679px; background: url(../img/bgArea2.jpg); /*min-width: 1400px;*/ -webkit-background-size: 100%; background-size: 100%;}
		section.conhecaClube .content {width: 940px; height: 679px; margin: 0px auto;}
		h2.conheca {padding-top: 134px; color: #444; font-size: 60px; text-align: center; font-weight: normal; margin-bottom: 104px;}
		section.conhecaClube article {width: 460px; height: 98px; margin-bottom: 40px; padding-top: 20px; background: #fff; border: 1px solid #ddd;}
		section.conhecaClube h1 {font-size: 18px; font-weight: 700; color: #444; text-align: center;}
		section.conhecaClube article {font-size: 14px; color: #777; text-align: center;}
	
	section.presente {width: 100%; height: 520px; padding-top: 84px; background: #a31451;}
		section.presente .content {width: 940px;  height: 520px; margin: 0px auto;}
		section.presente .content h2 {width: 940px; height: 110px; margin-bottom: 67px; font-size: 30px; background: url(../img/presente.png) no-repeat left; text-align: center; font-weight: normal; color: #fff; border-bottom: 1px solid #bc5480;}
		section.presente .content h2 span {font-size: 20px;}
		section.presente article {width: 905px; height: 355px;}
		section.presente article img {float: left; margin-right: 21px;}
		section.presente article h1 {color: #fff; font-size: 20px; font-weight: normal;}
			section.presente article.first h1 {padding-top: 10px;}
		section.presente article p {color: #fff; padding-top: 10px; font-size: 18px; line-height: 26px; font-weight: 300;}
		section.presente article p span {font-size: 14px; font-weight: 700;}
	
	section.beneficios {width: 100%; height: 1040px; padding-top: 94px; background: url(../img/bgArea3.jpg); /*min-width: 1400px;*/ -webkit-background-size: 100%; background-size: 100%;}
		section.beneficios .content {width: 940px; height: 1039px; margin: 0px auto;}
		section.beneficios .content h1 {color: #444; font-size: 58px; margin-bottom: 120px; text-align: center; font-family: 'Open Sans', Verdana; font-weight: 300;}
		
		article.divProf {width: 925px; height: 300px; position: relative;}
			article.divProf h1 {width: 221px; height: 188px; text-indent: -9999px; font-size: 1px; background: url(../img/imgProfessores.png);}
			div.listProf {width: 835px; height: 300px; background: url(../img/bolinhasProf.png); position: absolute; top: -10px; left: 238px;}
		
		article.divDiretor {width: 925px; height: 275px; position: relative;}
			article.divDiretor h1 {width: 223px; height: 170px; text-indent: -9999px; font-size: 1px; background: url(../img/imgDiretor.png);}
			div.listDiretor {width: 701px; height: 378px; background: url(../img/bolinhasDiretor.png); position: absolute; top: -50px; left: 238px;}
			
		article.divBiblio {width: 925px; height: 115px; position: relative;}
			article.divBiblio h1 {width: 221px; height: 200px; text-indent: -9999px; font-size: 1px; background: url(../img/imgBibliotecario.png);}
			div.listBiblio {width: 425px; height: 198px; background: url(../img/bolinhasBibliotecario.png); position: absolute; top: 43px; left: 238px;}
			
	section.cadastro {width: 100%; height: 710px; position: relative; background: url(../img/bgHeaderInsc.jpg) top no-repeat; min-width: 1400px; -webkit-background-size: 100%; background-size: 100%;}
		section.cadastro .content {width: 940px; padding-top: 96px; margin: 0px auto;}
		.headerInscricao {width: 260px; height: 115px; margin: 0px auto 67px auto; padding-top: 35px; font-size: 60px; color: #fff; background: url(../img/bgTitInscri.png) center no-repeat;}
		.contBox {width: 100%; height: 395px; background: url(../img/bgCadastro.gif) repeat-y; min-width: 1400px; -webkit-background-size: 100%; background-size: 100%;}
		.boxLogin {width: 463px; height: 350px; padding-top: 45px; float: left; background: #2dc6f9;}
			.boxLogin p {color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
			.boxLogin .cpoLogin, .boxLogin .cpoPass {width: 260px; height: 50px; padding: 0px 20px 0px 20px; margin-bottom: 10px; border: none; display: block; font-size: 14px; color: #777;}
			.boxLogin form a {color: #fff; font-size: 14px; display: block; text-decoration: underline;}
			input.btnCont, .btnLoginAtua {width: 140px; height: 51px; background: #d4d4d4; border: none; color: #777; font-size: 14px; margin: 10px 0px 0px 160px; cursor: pointer;}
			
			.boxCadastrado h2 {color: #fff; font-size: 20px; font-weight: 700;}
			.boxCadastrado p {color: #fff; font-size: 16px; font-weight: normal; padding-top: 15px;}
			a.btnCadastrar {width: 140px; height: 37px; padding-top: 14px; background: #d4d4d4; color: #777; font-size: 14px; margin: 20px 0px 0px 0px; display: block; text-align: center;}
			
		.boxCadastrado {width: 463px; height: 350px; padding-top: 45px;  float: right; background: #1a9fdb;}
		.centerBox {width: 940px; margin: 0px auto;}
		
	footer {width: 100%; height: 273px; background: url(../img/bgFooter.gif) repeat-x top;}
		footer .content {width: 940px; margin: 0px auto; position: relative;}
		.faleClube {width: 219px; height: 88px; background: url(../img/faleClube.png); text-indent: -9999px; position: absolute; top: 62px; left: 0px;}
		footer .content a {font-size: 18px; color: #fff; position: absolute; top: 102px; left: 320px; line-height: 24px;}
		footer .content a strong {font-size: 22px; color: #fff;}
		p.telefone {font-size: 18px; color: #fff; position: absolute; top: 102px; left: 643px; line-height: 24px; font-weight: bold;}
		p.telefone span {font-size: 22px;}
		p.copyRight {font-size: 13px; color: #777; position: absolute; top: 242px;}
	
		section.login {width: 1000px; height: 620px; background: #2dc6f9; position: relative;}
		section.login  .titAtualiza {width: 1000px; height: 165px; padding-top: 15px; background: url(../img/bgLightBoxlogin.jpg) center center; display: block;}
		section.login  .titAtualiza h1 {height: 106px; padding-top: 45px; background: url(../img/bgTitAtual.png) no-repeat center center; text-align: center; color: #444; font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: normal;}
		section.login .boxLogin {width: 300px; height: 200px; margin: 0 auto; float: none; padding-top: 80px;}
		.footerLbLogin {width: 1000px; height: 75px; background: #199fdc; margin-top: 65px;}
		
		.boxAtualizar {padding: 50px 0px 0px 30px;}
			p.titFormAtualiza {font-size: 20px; color: #fff; margin-bottom: 15px;}
			
			p.titNome {width: 320px; font-size: 20px; color: #fff; margin-bottom: 5px; float: left;}
			p.titEmail {width: 320px; font-size: 20px; color: #fff; margin-bottom: 5px; float: left;}
			p.titCPF {width: 300px; font-size: 20px; color: #fff; margin-bottom: 5px; float: left;}
			
			.formAtualiza input.cpoNome, input.cpoEmail, input.cpoCpf{width: 260px; height: 50px; padding: 0px 20px 0px 20px; margin-bottom: 20px; border: none; display: block; font-size: 14px; color: #777; float: left;}
			.formAtualiza input.cpoNome, input.cpoEmail {margin-right: 20px;}
			.formAtualiza ul {list-style: none;}
			.formAtualiza ul li {width: 904px; height: 38px; padding: 12px 0px 0px 34px; margin-bottom: 18px; display: block; background: #39859e;}
			.formAtualiza ul li label {color: #fff;}
			#RecebeEmail, #RecebeSMS, #EhClubeModerna {width: 24px; height: 24px; background: #fff; border: 1px solid #ddd; vertical-align: top; margin-right: 15px;} 
			input.btnAtualizarCad {width: 140px; height: 51px; background: #d4d4d4; border: none; color: #777; font-size: 14px; margin: 2px 32px 0px 0px; cursor: pointer; float: right;}			
			.boxMsg {width: 330px; height: 36px; margin-top: 2px; padding: 15px 0px 0px 15px; font-size: 14px; color: #ff675f; background: #fff; float: right; display: none;}
		
		.atualSucesso {display: none;}
		.atualSucesso p {text-align: center; color: #fff; font-size: 30px; padding-top: 120px;}
		.atualSucesso .btnFechar {width: 140px; height: 38px; padding-top: 13px; background: #d4d4d4; color: #777; font-size: 18px; margin: 15px auto 0px auto; cursor: pointer; display: block; text-align: center;}
		
		span.loader {width: 25px; height: 25px; background-image: url(../img/gif-load.gif); display: block; position: absolute; display: none;}
		.boxLogin span.loader {top: 460px; left: 475px;}
		.boxAtualizar span.loader {top: 552px; left: 780px;}
		
		p.pTitLogin {font-family: 'Open Sans', sans-serif; font-weight: 300;}
		
	#lbJacadastrado {width: 610px; height: 153px; padding-top: 47px; background: #e0f1b5; position: relative;}
	#lbJacadastrado a.btnFechar {width: 26px; height: 27px; background: url(../img/btnFechar1.png); position: absolute; top: 0px; right: 0px; text-indent: -9999px;}
	#lbJacadastrado p {font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 600; font-size: 14px; color: #4f5f39; text-align: center;}
	#lbJacadastrado p span {font-size: 20px; font-weight: 300;}
	#lbJacadastrado p.letraI {height: 21px; width: 450px; margin: 0px auto; display: block; padding: 3px 13px 0px 13px; background: url(../img/icoI.png) no-repeat left;}
	#lbJacadastrado a.btnAtualizar {width: 140px; height: 35px; padding-top: 15px; margin: 5px auto 0px auto; background: #d5e5ac; color: #4f5f39; text-align: center; display: block;}

	#lbNaoClube {width: 610px; height: 180px; padding-top: 44px; background: #fffdf3; position: relative;}
	#lbNaoClube p {font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 300; font-size: 20px; color: #c96d11; text-align: center;}
	#lbNaoClube a.btnFechar {width: 26px; height: 27px; background: url(../img/btnFechar2.png); position: absolute; top: 0px; right: 0px; text-indent: -9999px;}
	#lbNaoClube p span {font-size: 14px; font-weight: 800; text-align: center;}
	#lbNaoClube p.letraI {height: 41px; width: 390px; line-height: 22px; margin: 0px auto; display: block; padding: 3px 23px 0px 23px; background: url(../img/icoAlert.png) no-repeat 0px 5px; text-align: left;}
	#lbNaoClube a.btnAtualizar {width: 140px; height: 35px; padding-top: 15px; margin: 5px auto 0px auto; background: #fef9db; color: #c96d11; text-align: center; display: block;}
	
	#lbErro {width: 610px; height: 126px; padding-top: 33px; background: #fff; position: relative;}
	#lbErro a.btnFechar {width: 26px; height: 27px; margin: 0px auto;  background: url(../img/btnFechar3.png); position: absolute; top: 0px; right: 0px; text-indent: -9999px;}
	#lbErro p {height: 41px; width: 235px; margin: 0px auto; padding: 3px 23px 0px 23px; background: url(../img/icoErro.png) no-repeat 0px 5px; display: block; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 800; font-size: 16px; color: #af2c20; text-align: center;}
	#lbErro a.btnAtualizar {width: 140px; height: 35px; padding-top: 15px; margin: 5px auto 0px auto; background: #faece8; color: #af2c20; text-align: center; display: block;}