/* CSS Document
autor: Ricardo H. Takayasu
agencia:Team Design
web site: Long Shin Chuen
*/
body{
	background-color:#F4F0ED;
	margin:auto;
	height:99%;
}
/*
estrutura 
*/
#data{
	height:20px;
	width:770px;
	text-align:right;
	margin:0px auto;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:20px;
	cursor:default			
}
#topo{
	background-image: url(../img/topo.jpg);
	height:150px;
	width:770px;	
	margin:0px auto;
}
#corpo{
	width:770px;
	height:281px;
	margin:0px auto;
}
#esq{
	background-image: url(../img/esquerda.jpg);
	height:281px;
	width:176px;
	float:left;	
}
#dir{
	background-image: url(../img/direita.jpg);
	height:281px;
	width:604px;
	float:right;
	margin:-281px auto;	
}
#dir_intro{
	background-image: url(../img/direita2.jpg);
	height:281px;
	width:604px;
	float:right;
	margin:-281px auto;
}
/*
menu de links 
*/
#kung_fu{ 
	width:134px;
	height:46px;
	display:block;
	background: url(../img/kung_fu.jpg) no-repeat;	
}
#kung_fu:hover{ 
	background-position:0 -46px;		
}
#estilo_dragao{
	width:134px;
	height:36px;
	display:block;
	background: url(../img/estilo_dragao.jpg) no-repeat;
}
#estilo_dragao:hover{
	background-position:0 -36px;
}
#punho_dragao{
	width:134px;
	height:33px;
	display:block;
	background: url(../img/punho_dragao.jpg) no-repeat;
}
#punho_dragao:hover{
	background-position:0 -33px;
}
#instituicao{
	width:134px;
	height:34px;
	display:block;
	background: url(../img/instituicao.jpg) no-repeat;
}
#instituicao:hover{
	background-position:0 -34px;
}
#mestre_cido{
	width:134px;
	height:32px;
	display:block;
	background: url(../img/mestre_cido.jpg) no-repeat;
}
#mestre_cido:hover{
	background-position:0 -32px;
}
#professor_pedro{
	width:134px;
	height:30px;
	display:block;
	background: url(../img/professor_pedro.jpg) no-repeat;
}
#professor_pedro:hover{
	background-position:0 -30px;
}
#link{
	width:134px;
	height:31px;
	display:block;
	background: url(../img/links.jpg) no-repeat;
}
#link:hover{
	background-position:0 -31px;
}	 	 	 	 	 
#contato{
	width:134px;
	height:39px;
	display:block;
	background: url(../img/contato.jpg) no-repeat;
}
#contato:hover{
	background-position:0 -39px;
}	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 
#links{
	width:134px;
	height:281px;		
	border:1px solid #5B5653;
	position:relative;	
	left:22px;
	margin:-1px;			
}
#links img{	
	padding:0;
	border:0;
}
a{
	outline:none;
	text-decoration:none;
	font:11px tahoma,verdana;
	color:#000;
}
a:hover{
	color:#FF0000;
}
.some{
	display:none;
}
a:link{
	visibility:visible;
 }
/*
texto
*/
#conteudo{
	width:570px;
	height:278px;
	border:1px solid #5B5653;
	position:relative;
	left:11px;
	margin-top:1px;
	overflow:auto;		
}
p{
	padding:8px;
	margin:0;
	color:#000;
	font:11px tahoma, verdana, sans-serif;
	text-align:justify;
}
h2{
	padding:8px;
	margin:0;
	color:#5B544C;
	cursor:default;
	font:20px tahoma, verdana, sans-serif;	
}
h3{
	padding:8px;
	margin:0;
	color:#666;
	font:16px tahoma, verdana, sans-serif;
}
hr{
	width:92%;	
	color:#5B5653;
	border:1px solid;
}
/*
Base - créditos e direitos
*/
#base{
	background-image: url(../img/base.jpg);
	height:19px;
	width:770px;	
	margin:0 auto;	
}
#base p{
	margin:0;
	padding:4px;
	text-align:center;
	font:9px tahoma,verdana,sans-serif;
	color:#666;
	cursor:default;
}
#base a{
	font:9px tahoma,verdana,sans-serif;
	color:#333;
}
#base a:hover{
	font:9px tahoma,verdana,sans-serif;
	color:#FF0000;
}
/*
contato
*/
#form_center p.contact{
	padding:12px 0 5px 0;
	*padding:10px 0 5px 0 !important;
	*padding:9px 0 5px 0;
	margin:0;
	color:#000;
	font:11px tahoma, verdana, sans-serif	
}
#form_center{
	width:530px;
	height:100%;
	margin:0 auto;
	overflow:hidden	
}
input,textarea{
	font:10px verdana,tahoma,sans-serif; margin-top:4px;
	border:1px solid #666; width:230px;
	padding-left:2px;
}
textarea{
	height:40px;
}
li.space{
	margin-top:-5px;	
}
li.botao{
	margin-top:3px;
	*margin-top:-12px !important;
	*margin-top:-10px;
}
form ul,ol{
	list-style:none;
	padding:5px 0 0 15px;
	margin:5px 0 0 0;
	*margin:-15px 0 0 0 !important;
	*margin:-10px 0 0 0;
}
label{
	display:block;
	height:12px;
	width:70px;
	padding:5px;
	margin:0;
	font:10px Verdana, Tahoma, Arial , sans-serif;
	color:#666;
	text-align:right;
}	
form div{
	float:left;	
	margin:0
}
.bt{
	width:60px; cursor:pointer;
	margin:7px 0 !important;
	margin:0 auto;
}
/*
imagem do pedro na esquerda e texto na direita em prof. pedro 
*/
#ae_img{
	height:228px;
	width:168px;
	background-image: url(../img/prof_pedro/pedro.png);
	float:left;
	margin-top:5px;
}
#ad_texto{
	float:right;
	width:385px;	
}
/*
imagem do dragão na esquerda e texto na direita em punho do dragão
*/
#ae_img1{
	height:174px;
	width:180px;
	background-image: url(../img/punho_dragao/dragao.png);
	float:left;
	margin-top:-5px;	
}
/*
imagem do templo de shaolin no centro em kung-fu
*/
#ad_img{
	width:373px;
	height:193px;
	margin:0 auto;	
}
/* página links  */
#pag_links{
	width:570px;
	height:278px;		
}
#pag_links li{	
	list-style:none;
	padding:4px;	
}
#pag_links li img{
	vertical-align:bottom;
	margin-right:10px;
}
#chinese_dragon{
	height:124px;
	width:200px;
	float:right;
	background-image: url(../img/links/chinese_dragon.gif);
}