@import url(estilo.css);


/*** observações 
1. caso esteja utilizando o dreamweaver, consultar (crtl+f)  obs1.
2. caso precise editar os textos das páginas internas comente o overflow de #inconteudo .texto
**/

#container {width: 760px; margin:0 auto; text-align:left;}

/** o height de #jogo e 3desc está definido no aleatorio.js **/

#jogo {
	background-repeat: no-repeat;
	height: 224px;
	width: 233px;
	float: left;
}

#desc {
	background-repeat: no-repeat;
	height: 224px;
	width: 527px;
	float: left;
}

.hand {
	cursor : pointer;
	cursor : hand;	
}

#desc a {display:block;	text-align: left; height:224px;}



/*** obs1. em utilizando o dreamweaver, comentar essa linha para facilitar visualização.***/
#desc, #menu a, #a-capoeira h3, #blocos h3, #inconteudo .ajuste h2, #indireita .ajuste h3, .item_outroseventos {text-indent:-7777777px;} 

/** menu **/
#menu {
	background-color: #FFFFFF;
	height: 52px;
	clear: both;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
}

#menu ul {list-style-type: none; padding-top: 14px;}

#menu ul li { float: left; margin-left:15px; }

#menu a {display:block; height:24px;}

#menu .sobre  {
	background-image: url(../img/item-sobre-o-projeto.gif);
	background-repeat: no-repeat;
	width: 140px;
}

#menu .censo {
	background-image: url(../img/item-censo-de-capoeiras.gif);
	background-repeat: no-repeat;
	width: 140px;
}

#menu .pesquisa {
	background-image: url(../img/item-pesquisa.gif);
	background-repeat: no-repeat;
	width: 75px;
}

#menu .contato {
	background-image: url(../img/item-redes-de-contato.gif);
	background-repeat: no-repeat;
	width: 125px;
}

#menu .grupos {
	background-image: url(../img/item-grupos-de-capoeira.gif);
	background-repeat: no-repeat;
	width: 145px;
}

/** menu fim **/

/** blocos **/

#blocos {background-color:#D5B365;font-size: 11px;}

#blocos div {height: 194px;}

#bloco01 {width: 260px;	background-color: #CECD68; float:left;}

#bloco01 h3 {
	background-image: url(../img/tit-eventos.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 59px;
	font-size:12px;
}

#bloco01 ul {list-style-type: none;}

#bloco01 li {
	background-image:url(../img/bullet.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#bloco01 h5 {
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url(../img/ico-lupa.gif);
	background-repeat: no-repeat;
	width: 150px;
	background-position: 140px 13px;
	padding-left: 100px;
}

#bloco01 h5 a {color: #FFFFFF; font-weight:bold;}

#bloco02 {margin-left:4px; width: 260px; background-color: #E3E293; float:left;}

#bloco02 h3 {
	background-image: url(../img/tit-pesquisa.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 77px;
	font-size: 12px;
}

#bloco02 h5 {
	background-image: url(../img/ico-livro.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	font-size: 11px;
	background-position: 2px;
}

#bloco02 input {border:1px solid #cecd68; line-height:20px; margin-top:5px;}
#bloco02 select {margin-top:7px;}

#bloco03 {
	margin-left:4px;
	background-image: url(../img/apoio.jpg);
	background-repeat: no-repeat;
	width: 225px;
	float: left;
}

#bloco03 img {margin-left: 63px; margin-top: 42px; border:0;}

/** blocos fim **/

#birimbau {
	background-color: #743502;
	background-image: url(../img/birimbau.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 243px;
	clear:both;
	margin-bottom:22px;
	margin-top:15px;

}

#a-capoeira {font-size: 11px; width: 320px; padding: 3px;}

#a-capoeira h3 {
	background-image: url(../img/tit-a-capoeira-no-brasil.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 278px;
	margin-top: 5px;
	margin-left: 5px;
}

#a-capoeira p {color: #D39366; margin-top: 5px;	margin-left: 5px;}
#a-capoeira #ctl00_ContentPlaceHolder1_login {margin-top: 10px; background-color: #F79548; margin-left: 5px; padding: 5px;}
#a-capoeira #ctl00_ContentPlaceHolder1_logado {margin-top: 10px; background-color: #F79548; margin-left: 5px; padding: 5px;}
#a-capoeira input {border:1px solid #743502;}
#a-capoeira .clear {margin-left:45px; border:0px; padding-top:5px;}

#ctl00_ContentPlaceHolder1_login h5 {font-size: 11px;	font-weight: bold; color: #733402; padding-bottom:5px;}
#ctl00_ContentPlaceHolder1_logado h5 {font-size: 11px;	font-weight: bold; color: #733402; padding-bottom:5px;}
#divisor {
	background-image: url(../img/chifre_vazio.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 175px;
	margin-top:-2px;
	margin-left:414px;
}





#divisor_reto {
	height: 19px;
	width: 175px;
	margin-top:-2px;
	margin-left:414px;
}





#inconteudo {
	float: left;
	width: 461px;
}

#inconteudo .ajuste {
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#inconteudo .texto 
{
	overflow:auto;
	height:380px;
} /***  caso precise editar no dreamweaver, comente o overflow ***/
	
#indireita {
	float: left;
	width: 299px;
	background-image: url(../img/chifre_geral.gif);
	background-repeat: no-repeat;
	height: 457px;
}

#indireita_eventos {
	float: left;
	width: 299px;
	height: 457px;
	background:#C38339;
}

#indireita .ajuste{
	width: 163px;
	margin-left: 130px;
	margin-top: 10px;
	font-size:11px;
}


#indireita_eventos h5 a {color: #FFFFFF;}

#indireita_eventos h5 {
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url(../img/ico-lupa.gif);
	background-repeat: no-repeat;
	width: 150px;
	background-position: 150px 13px;
	padding-left: 100px;
}


#indireita_eventos ul {list-style-type: none; padding-top:10px; width:95%; margin:0 auto;}

#indireita_eventos li {
	background-image:url(../img/bullet.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom:1px solid #996600;}


#indireita_eventos .ajuste {
	margin-top: 10px;
	font-size:11px;
	margin-left:10px;
}



#censo_form {
	width: 320px;
	margin:0 auto;
}

.censo_form {background:#fff; padding:5px;}


/*** classes ***/
.newsletter {
	background-image: url(../img/ico-livro-marrom.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	font-size: 11px;
	background-position: 2px;
	color:#E7C65F;
	
}


.cor1 {
	color: #FFFFFF;
}




/*** Background ***/
.bg_verde {
	background-image: url(../img/chifre_bg_verde.jpg);
	background-repeat: no-repeat;
	height: 457px;
}

/*** Background ***/
.bg_verde2 {
	background-image: url(../img/chifre_bg_verde2.jpg);
	background-repeat: no-repeat;
	height: 551px;
}

.bg_marrom {
	background-image: url(../img/chifre_bg_marrom.jpg);
	background-repeat: no-repeat;
	height: 457px;
}

.bg_azul {
	background-image: url(../img/chifre_bg_azul.jpg);
	background-repeat: no-repeat;
	height: 457px;
}

.bg_roxo {
	background-image: url(../img/chifre_bg_roxo.jpg);
	background-repeat: no-repeat;
	height: 457px;
}

.bg_amarelo {
	background-image: url(../img/chifre_bg_amarelo.jpg);
	background-repeat: no-repeat;
	height: 457px;
}

.bg_marrom-2 {
	background-image: url(../img/chifre_bg_marrom-2.jpg);
	background-repeat: no-repeat;
	height: 457px;
}

.reto_bg_marrom {
	background-image: url(../img/reto_bg_marrom.jpg);
	background-repeat: repeat-x;
	height: 457px;
}


/*** Titulos Pequenos ***/

.item_pesquisa {
	background-image: url(../img/item-pesquisa-branco.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 85px;
}


/*** Titulo Principais ***/

.tit_sobre {
	background-image: url(../img/tit-g-sobre-o-projeto.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 251px;
}

.tit_censo {
	background-image: url(../img/tit-g-censo-de-capoeiras.gif);
	background-repeat: no-repeat;
	height: 39px;
	width: 257px;
}

.tit_pesquisa {
	background-image: url(../img/tit-g-pesquisa.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 133px;
}

.tit_redes {
	background-image: url(../img/tit-g-redes-de-contato.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 224px;
}

.tit_grupos {
	background-image: url(../img/tit-g-grupos-de-capoeira.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 264px;
}

.tit_eventos {
	background-image: url(../img/tit-g-eventos.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 103px;
}

.item_outroseventos {
	background-image: url(../img/tit-outros-eventos.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 119px;
}


.etapa_marrom {
	font-weight: bold;
	color: #743300;
	background-color: #FCF2E9;
	padding: 5px;
}
#censodecapoeira {
	font-size: 11px;
	color: #6C3B10;
	background:#fff;
}

.etapa_azul {
	font-weight: bold;
	color: #3D5B81;
	background-color: #D6E7F9;
	padding: 5px;
}

.etapa_amarelo {

	font-weight: bold;
	color: #000;
	background-color: #F8EDC0;
	padding: 5px;
}

#form_pesquisa, #form_grupos {
	font-size: 11px;
	color: #000;
	width:365px;
	background:#fff;
} 

.box_usuario {
	padding: 1px;
	border: 1px solid #666666;
	width:90%;
	margin-left:1px;
	margin-right:10px;
	background-color: #F7F7F7;
	margin-bottom: 10px;
}