/* --------------------------------- */
/* CSS - LAYOUT - Capoeira Tradição  */
/* Desenvolvido por: iNovaStudio     */
/* Autor: Rael B. Riolino            */
/* --------------------------------- */

body{ margin:0; background: #E7E7E7 URL(../_img/bg.gif) repeat-x;}

*{ font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; border:0;}
* p{ line-height:150%; padding-bottom:10px; text-align:justify;}
blockquote{font-style:italic; font-size:14px; color:#666; text-align:justify;}

#superior{
	background:#FFF URL(../_img/bg_sup.jpg) no-repeat;
	width:780px; height:204px;
}

#menu{
	position:absolute;
	top:111px; left:190px;
}

#logo{
	position:absolute;
	top:10px; left:0px;
}

#conteudo{
	width:780px;
	background: #FFF URL(../_img/bg-cont.gif) repeat-y;
}

.menuinf{text-align:center; width:630px; margin-right:150px; padding-bottom:5px;}
.menuinf a, span{
	font-size:10px;
	color:#999;
	text-align:center;
	text-decoration:none;
}
.menuinf a:hover{ color:#060; text-decoration:none;}
.menuinf span{padding-left:5px;}

.tt{
	position:absolute;
	top:142px; left:200px;
}

.tt h1{
	font-size:28px;
	color:#FFF;
	text-align:left;
}

.barradir{
	float:right;
	width:150px;
	text-align:center;
}
.barradir h2{
	color:#CACACA;
	font-size:12px;
	text-align:center;
}
.barradir ul{margin:10px 0px 20px 0px; list-style:none;}
.barradir li a{color:#5C89B0; text-decoration:none; font-size:12px;}
.barradir li a:hover{color:#2DA03D; text-decoration:none;}

.c1{background: #F3F3F3 URL(../_img/_c1.gif) no-repeat; width:80px; height:65px; margin: 0px 35px;}
.c2{background: #F3F3F3 URL(../_img/_c2.gif) no-repeat; width:80px; height:65px; margin: 0px 35px;}
.c3{background: #F3F3F3 URL(../_img/_c3.gif) no-repeat; width:95px; height:65px; margin: 0px 25px;}


.voltar{clear:both; padding:0px 0px 10px 230px;}
.voltar a{
	display:block;
	background: #FFF url(../_img/berimbau.jpg) no-repeat;
	width:150px; height:25px;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#6A4533
}
.voltar a:hover{
	color:#A67646;
}

.texto{
	color:#333;
	font-size:12px;
	float:left;
	width: 570px;
	padding:10px 20px;
	background: #FFF;
}

#rodape{
	width:630px; height: 54px;
	background: #FFF URL(../_img/rodape.gif) no-repeat;
	padding:45px 150px 0px 0px;
	text-align:center;
}

#rodape span, #rodape span a{
	text-align:center;
	color:#696;
	font-size:10px;
}

/* fotos */
.fesquerda{float:left; margin-right:10px;}


/* CAPOERISTAS */
.descricao{ float:left; padding:10px; width:570px;}
.descricao span{ font-size:14px; padding-left:5px; line-height:150%; color:#666;}
.descricao img{width:150px; height:200px;}
.descricao a{font-size:12px; color:#090; margin-left:5px;}
h2{font-size:24px; color:#393; display:block; padding-bottom:5px;}
h3{font-size:14px; color:#339; display:inline; line-height:150%;}
h4{font-size:14px; color:#999; display:block; margin:5px;}
ul{margin: 0px 10px 20px 20px;}
li{color:#666; font-size:12px;}
li strong{color:#363; font-size:12px; padding-right:5px;} 
.texto3{float:left;width:580px;}
.texto h3{display:block;}

/* CAPOEIRA REGIONAL */
table{width:400px; margin-left:100px;}
caption{background-color:#009; color:#FFF; width:396px; margin-left:102px; padding: 2px 0px; font-weight:bold;}
td{margin:5px; background-color:#F9F9F9; padding:5px 10px; width: 348px;}
.seq h2{color:#009; text-align:center; margin-top:10px;}


/* CONTATO */
.formulario, .contato{display:block; width:265px; height:400px; margin:10px 0px 0px 10px; float:left; padding:10px; border: 1px solid #EEE; float:left;}
input, select, textarea{ border:1px solid #AACCAA; padding:2px 5px; color:#060; font-size:12px; margin-top:3px;}
label{display:block; margin-bottom:10px;}
label span{margin-top:10px; font-size:12px; font-weight:bold; color:#669; text-align:left;}
option{color:#060; border-bottom:1px solid #F3F3F3; padding:0px 5px 2px 5px;}
select{padding:0px;}
textarea{width:225px;}
.contato span{font-size:12px;}
.contato h5, .contato a{font-size:12px; color:#696; display:block; margin-top:20px;}
.contato a{color:#8DB172;}
address{font-style:normal; line-height:150%;}
.barra{padding:10px; margin:10px; background-color:#F6F6F6; border:1px solid #CDC; }
.foto{float:left; width:281px; margin:10px 0px 5px 0px; text-align:center; display:block;}
.foto img{width:281px; height:211px;}
.foto span{font-size:10px;}
.sfotos{width:600px; display:block; float:left; margin:0px 0px 20px 10px;}
.sfotos span{text-transform:uppercase;}
.cb{clear:both;}

.ferro{display:block; padding:10px; background-color:#FED; margin-bottom:10px;}
.ferro strong{display:block;padding-bottom:10px; color:#900;}
.ferro p{display:block; font-size:14px; font-size:#666;}