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

body {
	font-family: Arial;
	font-size: 12px;
	background-image: url(imagens/bg4.jpg);
	background-repeat: repeat-x;
	background-color: #5AC3FC; 
	display: block;
}

.container {width: 821px; display: block; margin: 0 auto;}
.topo {background-image: url(imagens/topo.jpg); background-repeat: no-repeat; width: 819px; height: 37px; float: left;}
.meio {background-image: url(imagens/meio.jpg); background-repeat: repeat-y; width: 819px; float: left; padding-left: 1px; margin:0 !important;}
.baixo {background-image: url(imagens/baixo.jpg); background-repeat: no-repeat; width: 819px; height: 33px; float: left; margin: 0 !important; _margin-top: -17px;}


.logo {background-image: url(imagens/logoCepeRio.jpg); background-repeat: no-repeat; width: 91px; height: 147px; float: left; text-indent: -9999em; margin-left: 30px; margin-right: 20px; _margin-left: 25px; _margin-right: 35px;}
.faleConoscoCima {background-image: url(imagens/clubedosempregados.jpg); background-repeat: no-repeat; width: 587px; height: 17px; float: left; text-indent: -9999em; margin-bottom: 3px; margin-left: 60px;/*text-align: center; text-decoration: none; font-weight: bold; font-size: 15px; color:#3197c1; */}
.flash {float: left; margin-left: 30px;}

.meioTopo {float: left; width: 815px; text-align: left;}
.conteudoMeio{float: left !important; margin-top: 20px; width: 815px; padding-bottom: 60px;}

.conteudoEsquerda {float: left; width: 150px;}
.navegacao {background-image: url(imagens/topoMenu.jpg) !important; background-repeat: no-repeat !important; width: 154px !important; height: 20px !important; float: left; text-indent: -9999em !important; padding: 0 !important; margin-bottom: 5px;}

.menuPrincipal li{background-image: url(imagens/pontinhos.jpg); background-repeat: repeat-x; background-position: bottom; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; float: left; width: 143px;}

.menuPrincipal li a{background-image: url(imagens/setinhaAzul.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px; text-decoration: none; color: #434343; font-size: 12px; display: block; font-weight: bold;}
.menuPrincipal li a:hover{ color:#7CC5FF; text-decoration:underline; font-weight: bold;}
.menuPrincipal li a.associeseJa {color: #d94803; font-size: 13px;}
.menuPrincipal li a.associeseJa:hover {color: #7CC5FF;}
.menuPrincipal li ul{position: absolute; display: none; background: #fff; width: 152px; margin: 0 0 0 -11px; }
.menuPrincipal li ul li{background: none; padding: 0; padding: 4px 35px; margin: 0; height:16px; width: 60px !important; display: block;}
.menuPrincipal li ul li a{color: #d94803; padding: 0; background: none; width: 70px !important; margin: 0;}


.conteudoCentro {float: left !important; margin-left: 25px; _margin-left: 11px; width: 640px; _width: 620px; padding: 0 !important;}

.conteudoCentroEsquerda{width: 455px; _width: 435px; float: left; margin-left: -6px; _margin-left: -1px; border-right: 1px dotted; padding-right: 2px;}
.textoSedeRecreativa {background-image: url(imagens/textoSedeRecreativa.jpg); background-repeat: no-repeat; width: 375px; height: 48px; text-indent: -9999em;}
.miniaturasBarra {background-image: url(imagens/miniaturasBarra.jpg); background-repeat: no-repeat; width: 413px; height: 77px; text-indent: -9999em; margin-top: 5px; display: block;}
.textoSedeSocial {background-image: url(imagens/textoSedeSocial.jpg); background-repeat: no-repeat; width: 293px; height: 50px; text-indent: -9999em; margin-top: 20px;}
.miniaturasCentro {background-image: url(imagens/miniaturasCentro.jpg); background-repeat: no-repeat; width: 411px; height: 77px; text-indent: -9999em; margin-top: 5px; display: block;}
.associese {background-image: url(imagens/banner-associese.jpg); background-repeat: no-repeat; width: 200px; height: 183px; text-indent: -9999em; margin-top: 30px; float: left;}
.tomcarioca {background-image: url(imagens/banner-tom.jpg); background-repeat: no-repeat; width: 200px; height: 183px; text-indent: -9999em; margin-top: 30px; float: left;}
.walmart{background-image: url(imagens/walmartpq.jpg); background-repeat: no-repeat; width: 240px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.meioAmbiente{background-image: url(imagens/meioAmbientePequeno.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.teatropq{background-image: url(imagens/teatropq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.natalpq{background-image: url(imagens/natalpq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.reveillonpq{background-image: url(imagens/reveillonpq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.dancapq{background-image: url(imagens/dancapq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.copapq{background-image: url(imagens/copapq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.progesporte10pq{background-image: url(imagens/progesporte10pq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.diamaepq{background-image: url(imagens/diamaepq.jpg); background-repeat: no-repeat; width: 230px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.veteranopq{background-image: url(imagens/veterano10.jpg); background-repeat: no-repeat; width: 240px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.nivercepepq{background-image: url(imagens/nivercepepq.jpg); background-repeat: no-repeat; width: 240px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}
.bindexpq{background-image: url(imagens/bindexpq.jpg); background-repeat: no-repeat; width: 240px; height: 170px; text-indent: -9999em; margin-top: 37px; float: left;}

.conteudoCentroDireita{width: 180px; height: 300px; float: left;}
.ultimoEvento {background-image: url(imagens/ultimoEvento.jpg); background-repeat: no-repeat; width: 154px; height: 156px; text-indent: -9999em; margin-left: 20px; display: block;}
.tour {background-image: url(imagens/tour.jpg); background-repeat: no-repeat; width: 152px; height: 111px; text-indent: -9999em; margin-left: 20px; display: block; margin-top: 15px;}

.titleTour {background-image: url(imagens/titleTour.jpg); background-repeat: no-repeat; width: 179px; height: 29px; text-indent: -9999em; margin: 0 auto;}

.conteudoCentro p{font-weight: bold; font-size: 12px; color:#7e7d7d; text-align: center; margin: 5px;}

.climatempo {margin-left: 20px; _margin-left: 10px; margin-top: 23px; float: left;}

.rodape {text-align: center; width: 815px; font-weight: bold; color:#7e7d7d; font-size: 11px; float: left; margin: 0 !important; padding: 0 !important;}

.title {width: 630px; height: 20px; border-bottom: 1px solid #c5c5c5; padding-bottom: 5px; margin-bottom: 10px; color: #d94803; font-weight: bold; font-size: 16px; float: left; }

.localReserva{margin-top: 20px; display: inline-block; margin-bottom: 10px;}
.titleReservas {display: block; text-align: left !important; color: #3592BB !important; margin-top: 50px;}
.titleReservas span{color: #3592BB; font-size: 16px;}
.conteudoReservas {text-align: left !important; color: #000 !important; margin-left: 55px !important; width: 490px; display: block; margin-top: 10px !important;}
.conteudoReservas span{font-weight: bold; color: #3592BB; width: 150px; float: left; border-bottom: 1px dotted;}
.conteudoReservas span.valor{font-weight: bold; color: #3592BB; width: 580px; float: left; border: none; margin-top: 10px; border-bottom: 10px;}
ul.reservas{float: left !important; margin-left: 115px; margin-top: 5px; font-weight: bold; width: 400px; }
.oClubeUl{margin: 0 0 0 100px !important; width: 450px !important; display: block !important; *margin-right: 200px !important; _margin-right: 0 !important;}

.oClube {text-align: left !important; margin-top: 10px !important; float: left;}
.oClube span{display: block; font-size: 13px; margin: 10px 0 5px 0; color: #3592BB; }



.sedeBarra {background-image: url(imagens/sedeBarra.jpg); background-repeat: no-repeat; width: 233px; height: 150px; text-indent: -9999em; margin-left: 45px; float: left; margin-top: 10px;}
.sedeCentro {background-image: url(imagens/sedeCentro.jpg); background-repeat: no-repeat; width: 237px; height: 156px; text-indent: -9999em; margin-left: 45px; float: left; margin-top: 10px;}

.forms {display: block; margin: 0 80px;}
.forms li{margin: 10px auto;}
.forms li label{width: 180px; _width: 170px; border-bottom: 1px solid #e2e2e2; float: left; margin-top: 5px;}
.forms li label.semTraco{border: none;}
.forms li input{width: 200px;}
.forms li select{width: 200px;}
.forms li input.botao{width: 100px; margin-left: 150px; margin-top: 20px;}
.forms li textarea{width: 380px;}

.forms2 {float: left; margin: 0 10px; _margin: 0;}
.forms2 li{margin-top: 15px; margin-right: 8px; float: left;}
.forms2 li label{float: left; margin-top: 5px; margin-right: 5px;}
.forms2 li label.semTraco{border: none;}
.forms2 li input{width: 200px;}
.forms2 li select{width: 200px;}
.forms2 li input.botao{width: 100px; margin-left: 250px; margin-top: 15px; margin-bottom: 15px;}
.forms2 li textarea{width: 380px;}

.forms2 .exSocio {margin-right: 35px;}
.forms2 .exSocio label{width: 220px;}
.forms2 .exSocio input{width: 20px; margin-top: 5px; margin-left: 10px; }

.forms2 #nome{width: 553px;}
.forms2 #cidade{width: 130px;}
.forms2 #estado{width: 50px;}
.forms2 #nascimento{width: 100px;}
.forms2 #estadoCivil{width: 100px;}
.forms2 #identidade {width: 100px;}
.forms2 #orgao {width: 100px;}
.forms2 #cpf {width: 100px;}
.forms2 #filiacao1 {width: 264px;}
.forms2 #filiacao2 {width: 264px;}
.forms2 #residencia {width: 232px}
.forms2 #bairro {width: 100px;}
.forms2 #cep {width: 70px;}
.forms2 #telResidencial {width: 155px;}
.forms2 #enderecoTrabalho {width: 225px;}
.forms2 #cidadeTrabalho{width: 140px;}
.forms2 #estadoTrabalho{width: 50px;}
.forms2 #telTrabalho{width: 130px;}
.forms2 #ramal{width: 73px;}
.forms2 #cargo{width: 244px;}
.forms2 #lotacao{width: 244px;}
.forms2 #orgaoPagadorLotacaoPetrobras{width: 364px;}
.forms2 #numeroSocio{width: 151px;}

.forms2 .textoForm{float: left; margin: 20px 0 0 0; width: 400px; text-align: left;}

.meioAmbientePrincipal{background-image: url(imagens/meioAmbienteFundo.jpg); background-repeat: no-repeat; width: 628px; height: 889px; text-indent: -9999em; float: left;}
.teatro{background-image: url(imagens/teatrofundo.jpg); background-repeat: no-repeat; width: 628px; height: 889px; text-indent: -9999em; float: left;}
.natal{background-image: url(imagens/natalfundo.jpg); background-repeat: no-repeat; width: 628px; height: 889px; text-indent: -9999em; float: left;}
.reveillon{background-image: url(imagens/reveillonfundo.jpg); background-repeat: no-repeat; width: 424px; height: 600px; text-indent: -9999em; float: left;}
.promocoes{background-image: url(imagens/depeape.jpg); background-repeat: no-repeat; width: 473px; height: 526px; text-indent: -9999em; float: left;}
.danca{background-image: url(imagens/dancafundo.jpg); background-repeat: no-repeat; width: 628px; height: 889px; text-indent: -9999em; float: left;}
.copa{background-image: url(imagens/copafundo.jpg); background-repeat: no-repeat; width: 628px; height: 889px; text-indent: -9999em; float: left;}

.miniaturasEventos {display: block;}
.miniaturasEventos li {float: left; margin: 20px 5px; text-align: center; width: 200px; _width: 180px;}
.miniaturasEventos li a {text-decoration: none !important;}
.miniaturasEventos li a span{display: block; text-decoration: none !important; font-weight: bold; color: #3096BE;}
.miniaturasEventos img{width: 150px; height: 100px; border: 0;}
.alinharEsquerda {text-align: left !important; float: left; margin-left: 80px !important; _margin-left: 40px !important; font-weight: bold !important;}


.miniaturasEventosFotos {display: block;}
.miniaturasEventosFotos li {float: left; margin: 4px; text-align: center; width: 80px;}
.miniaturasEventosFotos img{width: 80px; height: 60px; border: 0;}

p.categoriaConveniado {text-align: left; color: #3096BE; font-size: 14px;}
ul.convenios {float: left; width: 650px; margin-bottom: 15px;}
ul.convenios li{margin-top: 3px; margin-bottom: 3px; float: left; width: 650px;}
ul.convenios p{text-align: left; font-weight: normal;}
ul.convenios p.conveniado{font-weight: bold; font-size: 13px; text-decoration: underline;}
ul.convenios p.descontos{font-weight: bold;}
ul.convenios p.descontos span{display: block;}

ul.informativos li{float: left; margin-right: 10px;}
ul.promocoes li{float: left; margin-right: 10px;}

.linksAssociese {display: block; margin-left: 7px; color: #3096BE; text-decoration: none; font-size: 13px; font-weight: bold; }
.linksAssociese:hover {text-decoration: underline;}
.Aviso {display: block; margin-left: 7px; color: #3096BE; text-decoration: none; text-align: center; font-size: 18px; font-weight: bold; }

.divAssociese  {border-bottom: 1px solid #CCC; float: left; margin-bottom: 15px;}
.divAssociese span{font-size: 11px; font-weight: bold; margin-left: 10px; color: red; display: inline-block;}
.divAssociese p{text-align: left;}
.divAssociese .subTituloAssociese{color: #3096BE; display: block;}
.divAssociese .beneficioAssociese {color: #3096BE; font-style: italic; display: block;}

.divAssociese ul li{display: block; margin-top: 10px; font-weight: bold; font-style: italic;}
.divAssociese ul li span{color: #3096BE; margin: 0; font-size: 13px;}

.divAssociese .subAdicionais {color: #d94803; display: block;}

.textoBarra {text-align: right !important; width: 300px; _width: 290px; float: left;}

.cercaRosto{width: 250px; float: left; border: 1px solid #fff;}
.rosto{display: none; margin: 0 auto;}
.diretores li .r2{margin-top: -20px !important;}
.diretores li .r3{margin-top: -40px !important;}
.diretores li .r4{margin-top: -60px !important;}
.diretores li .r5{margin-top: -80px !important;}
.diretores li .r6{margin-top: -100px !important;}
.diretores li .r7{margin-top: -120px !important;}
.diretores li .r8{margin-top: -140px !important;}
.diretores li .r9{margin-top: -160px !important;}
.diretores li .r10{margin-top: -180px !important;}
.diretores li .r11{margin-top: -200px !important;}
.diretores li .r12{margin-top: -220px !important;}
.diretores li .r13{margin-top: -240px !important;}
.diretores li{margin-top: 5px; width: 350px; float: left; padding: 0 !important;}
.diretores{width: 360px !important; float: left; margin: 0 !important; }


.conveniados {float: left; margin-left: 20px;}
.conveniados li{margin: 10px 0 0 0;}
.conveniados li a{font-weight: bold; text-decoration: none; color: #2b96ba;}

.mapeado {display: inline-block; margin: 0 0 0 25px !important;}
.mapeado span{float: left; margin-left: 5px; margin-right: 5px; color: #7E7D7D; font-size: 10px; font-weight: bold;}
.mapeado a{font-size: 10px; text-decoration: none; margin-bottom: 15px; float: left; color: #319AcA; font-weight: bold; margin: 0;}

.regimentos{display: inline-block; width: 100%; margin-left: 30px;}
.regimentos li {margin: 10px auto; text-align: left;}
.regimentos li a{background-image: url(imagens/setinhaAzul.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px; text-decoration: none; color: #434343; font-size: 12px; display: block; font-weight: bold; /*color: #319ACA; font-weight: bold;*/}
.regimentos li a:hover{ color:#7CC5FF; text-decoration:underline; font-weight: bold;}


.linkLogin{font-weight: bold; font-size: 13px; color: #fff; float: right; margin-right: 15px; margin-top: 5px; text-decoration: none;}
.linkLogin:hover{font-size: 14px;}
.login {display: block; margin-top: 100px;}
.login li{margin-top: 10px; margin-left: 150px;}
.login form label{width: 120px; float: left; border-bottom: 1px dotted; margin-top: 4px; font-weight: bold;}
.submit {width: 195px; margin-left: 120px;}






.bodyAssociado {background: none;}
.associadoTopo {float: left; margin: 0; height: 210px; width: 100%; background-image: url(imagens/bg4.jpg); background-repeat: repeat-x;}
.associadoTopo img{max-width: 200px; max-height: 175px; margin: 5px; float: left; margin-bottom: 0;}
.associadoTopo h2 {display: block; color: #fff; font-size: 25px; margin: 20px 0 0 20px;}
.associadoTopo h2 span{text-decoration: underline;}
.associadoTopo .esquerda {float: left; width: 100%; height: 179px; margin: 0;}
.associadoTopo .esquerda  .mensagens{display: block; margin-top: 10px; font-size: 14px; color: #fff; text-decoration: none; font-weight: bold;}
.associadoTopo .esquerda img.cartinha{ display: block; margin: 0; margin-left: 295px; width: 30px; margin-top: 3px;}
.matricula{float: right; font-weight: bold; color: #fff; font-size: 13px; margin-right: 20px;}

.associadoTopo .menu {float: left; background: #005686; width: 100%; height: 31px;}
.associadoTopo .menu ul{float: left;  margin: 0;}
.associadoTopo .menu ul li{float: left; margin-left: 45px; margin-top: 0; padding-top: 6px;}
.associadoTopo .menu ul li a{color: #fff; font-weight: bold; font-size: 14px; text-decoration: none;}
.associadoTopo .menu ul li a:visited{color: #fff;}

.associadoMeio {text-align: center; padding-top: 20px !important; width: 100%; min-height: 291px !important; display: inline-block;}
.associadoMeio ul {margin: 0 auto ; padding-top: 10px; text-align: center; display: inline-block; width: 600px;}
.associadoMeio ul li {display: block; width: 400px; padding: 10px; background: #dadada; margin-top: 5px; margin: 0 auto;}
.associadoMeio ul li:hover {background: #757575;}
.associadoMeio ul li a{font-weight: bold; text-decoration: none; color: #000;}

.associadoBaixo {float: left; margin: 0; height: 30px; width: 100%; background-image: url(imagens/bg4.jpg); background-repeat: repeat-x;}
.incluirDependente {display: inline-block !important; width: 600px;}
.incluirDependente li{background: #005686 !important;}
.incluirDependente li:hover{background-color: #028edd !important; background-image: url(add.jpg) !important; background-repeat: no-repeat !important; background-position: 280px 2px !important;}
.incluirDependente li a{color: #fff !important;}

.cadastrosAssociado label{width: 150px !important; text-align: left; float: left !important; border-bottom: 1px dotted !important; margin-top: 4px !important; font-weight: bold !important;}
.cadastrosAssociado Input {width: 245px;}
.cadastrosAssociado textarea {width: 245px; height: 120px; margin-top: 19px;}

.boletoDisponivel{text-decoration:none; color: #000; width: 300px; height: 70px; padding: 10px;  background-color: #cbffc6; display: inline-block; border: 3px solid #0d8900; font-weight: bold; text-align: left; font-size: 13px;}
.notificaValidade {width: 300px;  padding: 10px; background-color: #FF6666; display: inline-block; border: 3px solid #C00; font-weight: bold;  margin-left: 70px; font-size: 13px; margin-top: 50px;}

table {float: left; text-align: left;}
table p{text-align: left !important;}
table h2{float: left; font-size: 13px; color: #868585;}
table td{float: left; text-align: left;}