/* Encontro da Juventude UPP 254 -  @gmail.com ; html e css by eduardo.ckf@uol.com.br */

html body {height: 100%;}



a {text-decoration:none;}

.txtListasTextos
	{
		font-size:9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}


body {margin:0; padding:0; background-image:url(../imagens/bg.jpg); color:#543e36; font:12px Verdana, Geneva, sans-serif; text-align:center; body: 100%;}

	

h1 {font-family: Verdana, Geneva, sans-serif; color: #74294a; font-weight: bold; font-size: 14px;}

h1 a{color: #74294a; }

h2 {color: #228665; font-size: 19px; }

h2 a{

	color: #228665;

	font-size: 19px;

	text-align: center;

}

h3 {color: #228665; font-size: 11px;}

h3 a{color: #228665; font-size: 11px;}

	

#wrapper {

	width:780px;

	padding: 0;

	margin:0 auto;

	text-align:left;

	min-height:100%;/**/

	position:relative;

	z-index:1;

	

}



#bg {position:fixed; top:0; left:0; width:100%; height:100%; 

background-image:url(../imagens/bg-content.jpg);  background-repeat:repeat-y; background-position:center; z-index:0;}

	

* html {height: 100%;}

 

#head {background-color: #ffffff; height: 170px; width: 100%; padding-top: 10px;}

#imagem {margin: 0 10px 10px 10px;}

 

/*menu*/ 	

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

	#menu li {float: left;}

	#menu a{margin: 0; width: 100%; color: #74294a; font-weight:bold; font-size:10px;}

		#menu-encontro{background-color: #ffffff; width: 121px; height: 22px; text-align:center; padding-top: 8px; margin: 0 10px 0 0;}

		#menu-regiao{background-color: #ffffff; width: 122px; height: 22px; text-align:center; padding-top: 8px; margin: 0 10px 0 0;}

		#menu-questionario{background-color: #ffffff; width: 122px; height: 22px; text-align:center; padding-top: 8px; margin: 0 10px 0 0;}

		#menu-forum {background-color: #ffffff; width: 122px; height: 22px; text-align:center; padding-top: 8px; margin: 0 10px 0 0;}

		#menu-agenda {background-color: #ffffff; width: 122px; height: 22px; text-align:center; padding-top: 8px; margin: 0 10px 0 0;}

		#menu-galeria {background-color: #ffffff; width: 121px; height: 22px; text-align:center; padding-top: 8px;}

		#menu-projeto {background-color: #ffffff; width: 220px; height: 22px; text-align:center; padding-top: 8px;}
		#menu-edital {background-color: #ffffff; width: 300px; height: 22px; text-align:center; padding-top: 8px;}
		#menu-selecao {background-color: #ffffff; width: 170px; height: 22px; text-align:center; padding-top: 8px;}
		#menu-mboi {background-color: #ffffff; width: 170px; height: 22px; text-align:center; padding-top: 8px;}


/*login*/

	#barra {margin: 0 10px 0 10px; padding: 5px 20px 5px 20px; height: 20px; background-color: #bfb496; font-size: 11px; clear: both;}

	.login {float: left; padding: 5px 10px 0 15px; color: white;}

	.form {float: left;}

	.form input {background:#bfb496; border:1px solid #ffffff;}

	.button-login input {float: left; border: none; margin: 1px 10px 0 10px; width: 20px; height: 20px; background:#41A577; color: white; padding: 0; font-size: 12px;}

	.button-logout a {float: left; border: none; margin: 1px 10px 0; width: 26px; height: 14px; background:#41A577; color: white; padding: 2px 5px 3px 7px; font-size: 12px;}

	.status a{float: left; font-weight: bold; color: #44301B; padding: 0 15px; padding-top: 5px; text-decoration: none;}

	.contato a{width: 100px; font-weight: bold; padding: 0 15px; color: #006566; padding-top: 5px; float: left; 

			   background-image:url(../imagens/contato.jpg); background-repeat:no-repeat; background-position: right; position: absolute; left:77%;}

/*contedo*/

	#conteudo {height: 90%; width: 100%;}

	

	.forms-geral {float: left; height: 16px; background: white; border:1px solid #afb78e; margin-right: 10px; width: 100px;}

	.button-ok {float: left; border: none; width: 20px; height: 20px; background:#41A577; color: white; padding: 0; font-size: 12px;}

	#botao-admin {text-align: right;}

	#botao-admin input {width: 220px; height: 30px; color: white; background: #7EA89D; border: none;}



	

/*rodape*/

	#rodape {height: 100px; width: 780px; float: left; padding: 0;}

	#designer {float:left; color: #fff; padding: 20px 0 0 30px; width:140px;}

	#designer a {color:#fff;}

	#patrocinadores {margin:0 0 0 130px; width:630px;}

		.realizacao {float:left; padding-top: 67px; font-size: 11px;}

		.apoio {float:left; padding-top: 67px; padding-left:15px; font-size: 11px;}

		.patrocinadores {float:left; padding: 10px 7px 0 7px;}

		

	/*pagina index.html*/

	#head-index {background-color: #ffffff; height: 428px; padding-top: 10px;}

	#descricao-index {

	background-color: #74294a;

	height: 95px;

	width: 720px;

	margin: 0 10px;

	padding: 20px;

	color: #ffffff;

	}

	#descricao-index a {color:#FFF}


	/*pagina a-conferencia.html*/
	#boxCompleto{width: 95%;  background-image:url(../imagens/bg-limao.jpg); background-repeat: repeat-y; 

		background-position: left; background-color: white; line-height:120%; float: left; padding: 0  0 0 35px;}
	#box1{width: 460px; height: 570px; background-color: white; line-height:130%; float: left;}

	#box2{width: 310px; height: 120px; background-color: white; line-height:160%; float: left; margin-left: 10px;}

	#box3{width: 310px; height: 440px; background-color: white; line-height:160%; float: left; margin: 10px 0 0 10px;}

	#box4{width: 100%; height: 590px; background-color: white; line-height:160%; float: left; margin: 10px 0 0 0;}

		.vermelho{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.amarelo {background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.caixa-texto {padding: 20px 0 0 0; height: 100%;}

		.caixa-texto a{color: #228665;}

		.texto {overflow: auto; padding: 10px 20px 0 20px; max-height: 410px; text-align: justify; 

		scrollbar-arrow-color:#BE2A22; scrollbar-3dlight-color:#BE2A22; scrollbar-highlight-color:white;

		scrollbar-face-color:white; scrollbar-shadow-color:#BE2A22; scrollbar-darkshadow-color:white; scrollbar-track-color:#ccc;}

	

		.link-masculino a{color: #8FC2B3; font-weight: bold; padding: 0 0 0 20px;}

		.link-feminino a{color: #DE958F;	font-weight: bold; padding: 0 20px 0 20px;}

		

		/*estilo da tabela das metas masculina*/

		#tabela-metas-geral {width: 700px; background-color: white;}

		.barra-idade {background: #90C2B2; height: 20px; color: white; text-align:center;}

		.titulos-gerais {background: #E9F3F0; text-align: center; color: #716558; height: 20px;}

		.dados {height: 20px; text-align:center; }

		.celulas {border-left: 1px solid #C4D8B1;}

		.coluna-um {padding-right: 3px; text-align:right;}

		

		/*estilo da tabela das metas feminina*/

		#tabela-metas-geral-f {width: 700px; background-color: white;}

		.barra-idade-f {background: #DE9490; height: 20px; color: white; text-align:center;}

		.titulos-gerais-f {background: #F8EAE9; text-align: center; color: #716558; height: 20px;}

		.dados-f {height: 20px; text-align:center; }

		.celulas-f {border-left: 1px solid #DCC3C1;}

		.coluna-um-f {padding-right: 3px; text-align:right;}

	

	/*pagina quero-participar*/

	#box1-qu{width: 400px; height: 270px; background-color: white; line-height:120%; float: left;}

	#box2-qu{width: 370px; height: 270px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

		.login-box {float: left; padding: 3px 10px 2px 15px; color: #4D9B79; width: 20px; text-align:right}

		.form-box {float: left;}

		.form-box input {background: white; border:1px solid #afb78e;}

		.button-qu input {float: left; border: none; margin: 1px 10px 0 10px; width: 20px; height: 20px; background:#41A577; color: white; padding: 0; font-size: 12px;}

	#bg-d {position:fixed; top:0; left:0; width:100%; height:610px; 

		   background-image:url(../imagens/bg-content.jpg);  background-repeat:repeat-y; background-position:center; z-index:0;}



	/*pagina cadastre-se*/

	#box1-c{width: 385px; height: 400px; background-color: white; line-height:120%; float: left;}

	.form-cep {background:#ffffff; border:2px solid #cccccc; height: 25px; color: #cccccc; padding: 5px 0 0 5px;}

	#box2-c{width: 385px; height: 200px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-c{width: 385px; height: 190px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

	#bg-c {position:fixed; top:0; left:0; width:100%; height:480px; 

		   background-image:url(../imagens/bg-content.jpg);  background-repeat:repeat-y; background-position:center; z-index:0;}

	.button-cad input {float: left; border: none; margin: 1px 10px 0 10px; width: 70px; height: 20px; background:#41A577; color: white; padding: 0; font-size: 12px;}





	/*pagina sua-regiao.html*/

	#box1-r{width: 400px; height: 220px; background-color: white; line-height:120%; float: left;}

	#box2-r{width: 370px; height: 220px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-r{width: 780px; height: 285px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

	#box4-r{width: 780px; height: 990px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

		.roxo{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.texto-r {padding: 10px 0 0 0; float: left;}



	

	/*pgina agenda.html*/

	#box1-a{width: 490px; height: 140px; background-color: white; line-height:120%; float: left;}

	#box2-a{width: 280px; height: 140px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-a{width: 390px; height: 340px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

	#box4-a{width: 380px; height: 340px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

		.verde{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.azul {background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.caixa-texto-a {padding: 20px 0 0 0; height: 100%; }

		.texto-a {padding: 10px 20px 0 20px;}

		.texto-a a{color: #228665;}

		

		/*estilo calendario*/

		#calendario {background: white;}

		.day {width: 20px; height: 20px; text-align:center; padding: 3px; }

		.mes {font-size: 15px; color: #228665;}

		.ano {font-size: 15px; color: #228665; font-weight:bold; margin-right: 8px;}

		.evento {width: 20px; height: 20px; background: #90c2b2; text-align:center; padding: 3px; }

		.hoje {width: 20px; height: 20px; font-weight: bold; text-align:center; padding: 3px; }

		#calendario select {width: 100px;}

	

		   

	/*pgina fale-conosco.html*/

	#box1-f{width: 490px; height: 140px; background-color: white; line-height:120%; float: left;}

	#box2-f{width: 280px; height: 140px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-f{width: 360px; height: 670px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

	#box4-f{width: 410px; height: 670px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

		.azul-cinza{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.caixa-texto-f {padding: 20px 10px 0 0; height: 100%;}

		.texto-f {margin: 10px 20px 0 20px;}

		

		/*accordion fale-conosco.html*/

		#accordion2 {width:260px; margin:50px auto;}

		.accordion2 {width:260px; font:12px Arial; color:#44301B}

		.accordion2 dt {width:260px; padding:4px 0; font-weight:bold; cursor:pointer; background-color:white; color:#44301B;}

		.accordion2 dt:hover {background-color:white}

		.accordion2 .open {background-color:white;}

		.accordion2 dd { background:#fff}

		.accordion2 span {display:block; width:250px; border-top:none; margin-bottom: 20px;}

		

		.org-1 {width: 40px; float: left; color: #228665; font-style:italic; text-align:right; padding: 0 10px 0 0;}

		.org-2 {width: 110px; float: left; color: #228665; font-style:italic; text-align:left; }

		

		.campo-form {height: 20px;}

		.campo {width: 70px; float: left; line-height:16px; }

		.texto-f input {width: 190px; background:#FFF; border:1px solid #228665; border-top: none; border-left: none; border-right: none; margin-top: -3px; margin-left: -5px;}

		.texto-f textarea {width: 310px; height: 210px; max-height: 210px; border:1px solid #228665; margin: 20px 0 20px 0; }

		#botao {border: 1px solid #228665; border-top: none; border-bottom: none; margin-left: 1px;}

	

	/*pgina questionario.html*/

	#box1-q{width: 450px; height: 240px; background-color: white; line-height:130%;; float: left;}

	#box2-q{width: 320px; height: 240px; background-color: white; line-height:130%;; float: left; margin-left: 10px;}

	#box3-q{width: 780px; height: 100px; background-color: white; line-height:130%;; float: left; margin: 10px 0 10px 0;}

	#box4-q{width: 745px; height: 100%; background-image:url(../imagens/bg-limao.jpg); background-repeat: repeat-y; 

		background-position: left; background-color: white; line-height:120%; float: left; padding: 0  0 0 35px; }

		.azul-cinza{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.texto-q {margin: 10px 10px 0 10px;}

	

	#box5-q{width: 380px; height: 250px; background-color: white; line-height:120%; float: left;}

	#box6-q{width: 390px; height: 250px; background-color: white; line-height:120%; float: left; margin: 0 0 10px 10px;}



		/*tabber do questionario*/

		

		.shadetabs {margin:0; padding: 3px 0; border-bottom: 2px solid #e1ebd8; font: bold 12px Verdana, sans-serif;}

		.shadetabs li {list-style: none; margin: 0; display: inline;}

		.shadetabs li a {padding: 8px 0.9em 3px 0.9em; margin-left: 3px; border: 2px solid #e1ebd8; border-bottom: none; background: #e1ebd8; text-decoration: none;}

		.shadetabs li a:link { color: #94AA63; }

		.shadetabs li a:visited { color: #94AA63; }		

		.shadetabs li a:hover {color: white; background: #e1ebd8; border-color: #e1ebd8;}

		.shadetabs li a.selected {background-color: #fff; border-bottom: 2px solid #fff;}	

		.shadetabs li a.selected:hover {color: #000; background: white; border-bottom: 2px solid white;}

		.tabcontent {display:none;}



	

		/*estilo do questionrio*/

		.title-q {color: #94AA63; font-size: 14px; padding: 10px 5px; font-weight:bold;}

		.linha-1 {width: 100%;background: #e1ebd8; height:25px; padding: 6px 0 0 0;}

			.linha-1-in {width: 100%; background: #e1ebd8; padding: 6px 0 6px 0;}

			.linha-1-tf {width: 100%; background: #e1ebd8; padding: 6px 0 0 0;}

			.linha-1-maior {width: 100%; background: #e1ebd8; height:50px; padding: 6px 0 0 0;}

		.linha-2 {width: 100%;background: white; height: 25px; padding: 6px 0 0 0;}

			.linha-2-in {width: 100%; background: white; padding: 6px 0 6px 0;}

			.linha-2-tf {width: 100%; background: white; padding: 6px 0 0 0;}

			.linha-2-maior {width: 100%; background: white; height:50px; padding: 6px 0 0 0;}

		.campo-q {width: 350px; float: left; text-align: right; margin-right: 20px; padding: 2px 0 0 0;}

			.campo-q-out {width: 360px; text-align: right; margin-right: 40px; padding: 2px 0 0 0;}

			.campo-q-in {width: 350px; float: left; text-align: right; margin-right: 20px; padding: 2px 0 0 0;}

		.tabbertab input{height: 13px; background:#ffffff; border:1px solid #cccccc;}

		.form-q textarea {width: 290px; height: 50px; margin: 5px 0;}

		.listas {width: 213px; height: 19px; background:#ffffff; border:1px solid #cccccc;}

		

		#botao-questionario {width: 90%; text-align: center; margin: 20px 0 0 0;}

		#botao-questionario input {width: 150px; height: 40px; background:#A7C042; border:#A7C042; color: white; margin: 0 0 0 0; font-weight:bold; font-size: 13px;}

	

	/*pgina ficha-de-cadastro.html*/

	#box1-fc{width: 780px; height: 800px; background-color: white; line-height:120%; float: left;}

	#formulario {padding: 20px 0 0 40px;}

	#formulario input {height: 13px; background: white; border: 1px solid #cccccc; font-size:11px; color: #aaa;}



	.foto {width: 70px; height: 70px; background-color: #e1ebd8; margin: 10px 10px 10px 170px; float: left; }

	#foto-status {color:#228665; padding: 65px 0 0 0;}

		#foto-status a{color:#228665; padding: 65px 0 0 0;}

	.linha-foto {width: 100%; background: #e1ebd8; height:25px; padding: 3px 0 0 0; margin: 10px 0 0 0;}

	#botoes {width: 100%; text-align: center; margin: 20px 0 0 0;}

	#botoes input {width: 70px; height: 40px; background:#A7C042; border:#A7C042; color: white; margin: 0 20px 0 0; font-weight:bold; font-size: 13px;}

		.linha-1-f {background: #e1ebd8; height:25px; padding: 6px 0 0 0;}

		.linha-2-f {background: white; height: 25px; padding: 6px 0 0 0;}

		.linha-1-maior {background: #e1ebd8; height: 50px; padding: 6px 0 0 0;}

		.linha-2-maior {background: white; height: 50px; padding: 6px 0 0 0;}

		.campo-q-f {width: 255px; float: left; text-align: right; margin-right: 20px; padding: 2px 0 0 0;}

	

	/*pgina forum.html*/

	#box1-fo{width: 450px; height: 190px; background-color: white; line-height:120%; float: left;}

	#box2-fo{width: 320px; height: 190px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-fo{width: 400px; height: 390px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

	#box4-fo{width: 370px; height: 390px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

		.amarelo{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.verde-limao {background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

		.texto-q {margin: 10px 20px 0 20px;}

	.membros {padding: 10px 15px; float: left; width:70px; height: 90px;}

	.foto-membro {width: 60px; height: 60px; background-color:#716558;}

	.nome-membro a {color: #228665; font-size: 11px; width: 60px;}

	.texto li {padding: 10px 15px 0 0;}

	.texto li a{color: black;}

	.link a {color: #228665;}

	

	/*pgina membros.html*/

	#box3-m{width: 780px; height: 430px; background-color: white; line-height:120%; float: left; margin: 10px 000;}

			.caixa-texto-fo {padding: 20px 0 0 0; height: 430px}

	#paginas {width: 100%; color: #94AA63; font-size: 12px;}

		#paginas ul {list-style: none;}

		#paginas li {float: left; padding: 30px 2px;}

		

	/*pgina forum-topicos.html*/

	#box1-t{width: 450px; height: 190px; background-color: white; line-height:120%; float: left;}

	#box2-t{width: 320px; height: 190px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-t{width: 290px; height: 140px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

	#box4-t{width: 480px; height: 140px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

	#box5-t{width: 780px; height: 490px; background-color: white; line-height:120%; float: left; margin: 10px 000;}

	#paginas {width: 100%; color: #94AA63; font-size: 12px;}

	.texto-t {margin: 0 0 0 20px;}

	.membros-s {padding: 10px 8px 10px 0; float: left; width:50px;}

	.foto-membro-s {width: 40px; height: 40px; background-color:#716558;}

	.nome-membro-s a {color: #228665; font-size: 10px; width: 30px;}

		#paginas ul {list-style: none;}

		#paginas li {float: left; padding: 20px 2px;}

		

		/*lista do forum*/

		.linha-titulo {width: 100%; background: white; height: 20px; padding: 1px 0 0 0; margin: 30px 0 0 0;}

		

		.assunto-title {font-size: 14px; font-style: italic; width:420px; float: left; text-align:left; height: 20px; padding: 0 0 0 20px;}

		.mensagens-title {font-size: 14px; font-style: italic; width:100px; float: left; text-align:center; height: 20px;}

		.postagens-title {font-size: 14px; font-style: italic; width:170px; float: left; text-align:right; height: 20px;}

		

		.assunto a {font-size: 12px; color: #228665; width:420px; float: left; text-align:left; padding: 2px 0 0 20px;}

		.mensagens a {font-size: 12px; color: #228665; width:100px; float: left; text-align:center;}

		.postagens a {font-size: 12px; color: #228665; width:150px; float: left; text-align:right; padding: 2px 20px 0 0;}

	

	/*pgina forum-post.html*/

	#box1-p{width: 450px; height: 190px; background-color: white; line-height:130%; float: left;}

	#box2-p{width: 320px; height: 190px; background-color: white; line-height:160%; float: left; margin-left: 10px;}

	#box3-p{width: 710px; min-height: 300px; background-color: white; line-height:160%; float: left; margin: 10px 0 0 0;

			background-image:url(../imagens/bg-amarelo.jpg); background-repeat: repeat-y; background-position:left; padding: 0 20px 20px 50px;}

	#info-post {width: 100%; padding: 10px; font-size: 14px;}	

		#autor-post {float:left; font-size: 10px; padding: 5px; width: 100%;}

		.nome-autor-post {font-weight: bold; font-size: 14px; padding-left: 5px;}

		#titulo-post {width: 620px; text-align:right; font-weight: bold; padding: 5px; color: #228665; font-style: italic; margin-left: 50px;}

		#data-post {width: 200px; padding: 5px; font-size: 10px;}

		.data-real-post {font-weight: bold; font-size: 14px; padding-left: 53px;}

		.reply-post {color:#228665; margin: 20px 0 0 0;}

	#main-text-post {width: 100%; margin-top: 20px;}

	.textfield-post {clear: both; padding: 0 20px 20px 20px;}

	.textfield-post textarea {width: 400px; height: 50px; margin-left: 80px;}

	.button-post {padding: 0;background: #fff; border: 1px solid #228665; border-top: none; border-bottom: none; color: #228665; margin: 5px 0 0 80px;}

	.post-reply1 {width: 570px; min-height: 100px; margin-left: 90px; background-color:#E9EFD0; padding: 10px; border: 2px solid #E9EFD0;}

	.post-reply2 {width: 570px; min-height: 100px; margin-left: 90px; background:white; padding: 10px; border: 2px solid #E9EFD0;}

	#paginas-p {width: 100%; color: #94AA63; font-size: 12px; padding-left: 100px;}

		#paginas-p ul {list-style: none;}

		#paginas-p li {float: left; padding: 30px 2px;}

	

		.vermelho{

	background-color: #74294a;

	height: 100%;

	width: 30px;

	margin: 0 20px 0 0;

	padding: 0;

	float: left;

}

		.caixa-texto {padding: 20px 20px 0 0; height: 100%;}

		.texto {overflow: auto; padding: 10px 30px 0 20px; max-height: 410px; text-align: justify; 

		scrollbar-arrow-color:#BE2A22; scrollbar-3dlight-color:#BE2A22; scrollbar-highlight-color:white;

		scrollbar-face-color:white; scrollbar-shadow-color:#BE2A22; scrollbar-darkshadow-color:white; scrollbar-track-color:#ccc;}



	

	/*pgina galeria.html*/

	#box1-g{width: 490px; height: 140px; background-color: white; line-height:120%; float: left;}

	#box2-g{width: 280px; height: 140px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-g{width: 390px; height: 360px; float: left;}

	.caixa-texto-g {padding: 20px 20px 0 0; height: 100%;}

	#busca {margin: 30px 20px;}

		#busca input {width: 180px; height: 30px; border: 1px solid gray; font-size: 15px; color: #666}

		.box3-g{width: 390px; height: 190px; line-height:120%; margin: 10px 0 0 0; background-color: white;}

	#box4-g{width: 380px; height: 390px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

		#box4-g ul {padding: 10px 0;}

		.amarelo{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}

	.galeria-fotos {width: 96px; float: left; padding: 5px 5px;}

		.g-f-data, .g-f-evento {font-size: 12px; color:#44301B; }

		.g-f-imagem {height: 60px; width: 60px; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; background:#999;}	

	.galeria-videos {width: 60px; height: 60px; float: left; padding: 5px 10px;}

		.g-v-data, .g-v-evento {font-size: 12px; color:#44301B; font-weight: bold; text-align:center; }

		.g-v-imagem {height: 50px; width: 50px; margin: 5px; background:#999;}

		

	

	/*pgina pagina-usuario.html*/

	#box1-pu{width: 380px; height: 260px; background-color: white; line-height:120%; float: left;}

	#box2-pu{width: 390px; height: 260px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-pu{width: 380px; height: 90px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;}

	#box4-pu{width: 390px; height: 90px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;}

	

	/*pgina alterar-dados.html*/

	#box3-ad{width: 780px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0; height: 1150px;}

	.foto-ad {width: 70px; height: 70px; background-color: #e1ebd8; margin: 10px; float: left; }

	#foto-status-ad {color:#228665; padding: 65px 0 0 0;}

	

	/*pagina pagina-membro.html*/

	#box1-pm{width: 380px; height: 340px; background-color: white; line-height:120%; float: left;}

	#box2-pm{width: 390px; height: 340px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

		#foto-pm {width: 100px; height: 100px; background-color: #C4D8B1; float: left; margin: 0 25px 0 0;}

		#nome-pm {font-family:Arial, Helvetica, sans-serif; color: #44301B; font-weight: bold; font-size: 14px; height: 100px; }

		#list-dados {width: 300px; padding: 10px;}

			.title-nome-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}

			.nome-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}

			

			.title-idade-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}

			.idade-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}

	

			.title-upp-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}

			.upp-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}

			

			.title-email-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}

			.email-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}

			

			.title-sobre-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}

			.sobre-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}

			

		.ver-participacoes a{font-size: 11px; color: #228665; width: 100%; text-align:right; padding: 5px;}

		

	

		

	/*pgina biblioteca.html*/

	#box1-bi{width: 490px; height: 140px; background-color: white; line-height:120%; float: left;}

	#box2-bi{width: 280px; height: 140px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box3-bi{width: 780px; height: 820px; background-color: white; line-height:120%; float: left; margin-top: 10px;}

	#biblioteca {padding: 0;}

		

		.linha-12 {width: 100%; background: #e1ebd8; height:80px; padding: 0;}

		.linha-22 {width: 100%; background: white; height: 80px; padding: 0;}

		

		.arquivo-title {font-size: 12px; font-style: italic; width:270px; float: left; text-align:left; height: 20px; padding: 0 0 0 50px;}

		.descricao-title {font-size: 12px; font-style: italic; width:240px; float: left; text-align:left; height: 20px;}

		.adicionado-title {font-size: 12px; font-style: italic; width:95px; float: left; text-align:right; height: 20px;}

		

		.icon-link a{float: left; background: white; width: 45px; height: 48px; padding: 12px 0 0 5px;}

		.arquivo-link a{font-size: 12px; color:#228665; width:270px; float: left; text-align:left; padding: 5px 5px 5px 20px;}

		.descricao-link a{font-size: 12px; color:#228665; width:240px; float: left; text-align:left; padding: 5px;}

		.adicionado-link a{font-size: 12px; color:#228665; width:95px; float: left; text-align:right; padding: 5px;}

	

	/*pgina videos.html */

	#box3-vi{width: 780px; height: 700px; background-color: white; line-height:120%; float: left; margin-top: 10px;}

	.caixa-texto-vi {padding: 20px 10px 20px 40px;}

		.box-galerias { width: 325px; height: 150px; background:#edf3e7; padding: 5px; float: left; margin: 10px;}

		.box-galerias2 { width: 700px; background:#edf3e7; padding: 5px; float: left; margin-top:10px;}

		.titulo-box {float: left; font-size: 12px; font-weight:bold; height: 30px; width:330px;}

		.thumbs-line {width: 330px;}

		.thumbs-line2 {width: 680px;}

		.thumb {width: 30px; height: 30px; background: #999; margin: 5px 6px 5px 5px; float: left;}

		.thumb2 {width: 60px; height: 60px; background: #999; margin: 10px; float: left;}

		.text-galerias {font-size: 11px; margin-top: 60px;}

		

		#paginas-vi {width: 300px; color: #94AA63; font-size: 12px; padding: 0; margin: 0;}

		#paginas-vi ul {list-style: none; padding: 0; margin: 0;}

		#paginas-vi li {float: left; padding: 0; margin: 10px 0 0 0;}

		

	/*pgina eventos.html*/

	#box3-ev{width: 780px; height: 640px; background-color: white; line-height:120%; float: left; margin-top: 10px;}

		.oque-title {font-size: 12px; font-style: italic; width:280px; float: left; text-align:left; height: 20px; padding: 0 0 0 20px;}

		.quando-title {font-size: 12px; font-style: italic; width:150px; float: left; text-align:left; height: 20px; padding: 0 0 0 30px;}

		.onde-title {font-size: 12px; font-style: italic; width:210px; float: left; text-align:left; height: 20px; }

		

		.oque-link a{font-size: 12px; color:#228665; width:300px; float: left; text-align:left; padding: 5px 5px 5px 20px;}

		.onde-link a{font-size: 12px; color:#228665; width:170px; float: left; text-align:left; padding: 5px;}

		.quando-link a{font-size: 12px; color:#228665; width:140px; float: left; text-align:left; padding: 5px;}



	/*pgina admin-forum.html*/

	.texto-adminf {margin: 10px 20px 0 20px;}

		.texto-adminf input {background:white; border:1px solid #228665; border-top: none; border-left: none; border-right: none; margin-top: -3px; margin-left: -5px;}		

		.texto-adminf textarea {width: 280px; height: 210px; max-height: 110px; border:1px solid #228665; margin: 10px 0 10px 0; }

		#botao-admin-add-forum {text-align: right;}

		#botao-admin-add-forum input {width: 190px; height: 20px; color: white; background: #EBAD10; border: none;}

		

	/*pgina admin-biblioteca.html*/

	.titulo-box-admin {font-size: 12px; font-weight:bold; height: 30px;}

		

	#botao-admin-add {text-align: left;}

	#botao-admin-add input {width: 190px; height: 20px; color: white; background: #EBAD10; border: none;}

	

	/*pagina admin-bilioteca.html*/

	#box5-biblio-admin{width: 780px; height: 300px; background-color: white; line-height:120%; float: left; margin: 10px 000;}

	#box-biblioteca-admin {width: 400px; padding: 0; margin: 0; padding-top: 40px;}

	.linha {width: 400px; height: 30px;}

	.linha-arquivo {width: 400px; height: 90px;}

	#linha-botao {width: 400px; padding: 20px 0; margin: 0px;}

	.nome-campo {width: 100px; text-align: right; padding: 5px 20px 0 0; font-size: 12px; color: #228665; float: left;}

		.nome-campo input {border:1px solid #228665; border-top: none; border-left: none; border-right: none; width: 180px;}

		#arquivo {border: 1px solid #228665; width: 80px; height: 80px; margin: 10px 0; margin-right: 100px; float: left;}

		#box-biblioteca-admin input {border:1px solid #228665; border-top: none; border-left: none; border-right: none; width: 180px;}		

		#linha-botao input{color: #228665; background: white; margin:0 0 0 120px; paddin:0; height: 20px; width: 50px; border: 1px solid #228665; border-top: none; border-bottom: none;}

	

	.adicionar-arquivo {height: 20px;}

	.adicionar-arquivo2 {height: 60px;}

		.adicionar-arquivo-b {text-align: right; width: 130px; float: left; padding: 0 10px;}

		.adicionar-arquivo-c {width: 130px; float: left; padding: 0 8px; padding-top: 110px; text-align: right;}

		.adicionar-arquivo-v {height: 20px; margin-top: 90px;}

	.adicionar-botao {clear: both; margin: 90px 0 0 150px;}

	.adicionar-botao-v {clear: both; margin: 20px 0 0 150px;}

		.adicionar-botao-v input {width: 50px; border: 1px solid #228665; border-top: none; border-bottom: none;}

	

	/*pgina admin-video.html*/

	#box1-bi-admin{width: 490px; height: 300px; background-color: white; line-height:120%; float: left;}

	#box2-bi-admin{width: 280px; height: 300px; background-color: white; line-height:120%; float: left; margin-left: 10px;}

	#box-video-admin {width: 500px; padding: 0; margin: 0; padding-top: 10px;}

		#box-video-admin input {border:1px solid #228665; border-top: none; border-left: none; border-right: none; width: 200px;}

	#linha-botao-video {width: 400px; padding: 20px 0; margin: 0px;}

		#linha-botao-video input {color: #228665; background: white; margin:0 0 0 120px; paddin:0; height: 20px; width: 50px; border: 1px solid #228665; border-top: none; border-bottom: none;}

	.linha-video {width: 260px; height: 30px;}

	.linha-arquivo-video {width: 260px; height: 90px;}

	.nome-campo-video {width: 90px; text-align: left; padding: 5px; font-size: 12px; color: #228665; float: left;}

.BOLD {

	font-weight: bold;

	font-size: 16px;

}