@charset "utf-8";
/* CSS Document */
Body{
margin:0px;
padding:0px;
background: #FF6600;
}




#table {
	position:absoluta;
	width:700px;
	height:800px;
	width:70%;
	left: 10%;
	background-color: #FFFFFF;

}


#rodape{
position:absolute;
background-image: url(../images/rodape.jpg) 
width:800px;
height:72px;
left:0;
top:1000px;
}



p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:justify;
line-height:13px;

}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #f57201;
text-align:justify;
font-weight: bold; 
line-height:15px;

}


/* Titulos */

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #0f2e49;
text-align:left;
font-weight: bold; 
line-height:13px;


}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #f57201;
text-align:justify;
 line-height:15px;


}




#d1{
position:absolute;
top:50px;
left:50px;
height:30px;
width:200px;
background:transparent;
font-family:sans-serif;
font-weight:bold;
font-size:15px;
color:red;
}









/*=================== MENU ==============================*/

#menu
{
	position:absolute;
	width:800px;
	height:35px;
	left:0;
	top:265px;
	background-image: url(../images/menu1.jpg);
	
}
#menu ul li {

display: inline;

}
#menu ul 
{
	padding-left:0px;
	margin-left:0px;
    margin-top:0px;

}
#menu li 
{
	padding-left:0px;
	margin-left:0px;

}

#menu ul li a {
font-family: Arial,Helvetica, Sans-Serif;
font-size:11px;
color:#000066;
border-left:solid #BBB 1px;
text-decoration: none;
float:left;
height:27px;
padding:8px 6px 0px 10px;
}

#menu ul li a:hover {
color:#f57001;
background-image: url(../images/menuhover.jpg);
}
/*=================== FIM MENU ==============================*/




/* ---------------- RIGHT ------------------*/

#right{
	float: right;
	width: 174px;
	height:580px;
	background-color: #fff;
	margin-right: 10px;
	margin-top: 260px;
	overflow: hidden;
	border:1px solid #ccc;

}
#perfil{
	margin-left: 10px;
	margin-top:15px;
	width: 149px;
	height: 196px;
	background-image: url(../images/imgperfil.jpg)  ;
	
}

#twitter{
	margin-left: 10px;
	margin-top:15px;
	width: 148px;
	height: 108px;
	background-image: url(../images/imgtwitter.jpg)  ;
	
}

#blog{
	margin-left: 10px;
	margin-top:15px;
	width: 148px;
	height: 102px;
	background-image: url(../images/imgblog.jpg)  ;
	
}

#orkut{
	margin-left: 10px;
	margin-top:15px;
	width: 149px;
	height: 92px;
	background-image: url(../images/imgorkut.jpg)  ;
	
}

/* ----------- FIM DO RIGHT -----*/



/* ---------------- SHOTOKAN ------------------*/



#toposhotokan{
position:absolute;
width:800px;
height:265px;
background-image: url(../images/topokinawaCSS.jpg);
}




/* ----------- INICIO APRESENTAÇÃO -----*/


#apresentacao{
position:absolute;
width:410px;
height:500px;
left:180px;
top:320px;
background-color: #fff;
}





.txtapresentacao{
position:absolute;
font:12px Arial, Helvetica, sans-serif;
margin-left:5px;
margin-top:60px;
color:#000;
text-align:justify;
}

.txttxttitulopalavras{
position:absolute;
font:18px Arial, Helvetica, sans-serif;
margin-left:5px;
margin-top:120px;
color:#f57001;
font-weight:bold;
}


.txtpalavras{
position:absolute;
font:12px Arial, Helvetica, sans-serif;
margin-left:5px;
margin-top:160px;
color:#000;
text-align:justify;
}

.titulohomenagem{
position:absolute;
font:18px Arial, Helvetica, sans-serif;
margin-left:5px;
margin-top:340px;
color:#f57001;
font-weight:bold;
}


.txthomenagem{
position:absolute;
font:12px Arial, Helvetica, sans-serif;
margin-left:5px;
margin-top:370px;
color:#000;
text-align:justify;
}


/* ----------- FIM APRESENTAÇÃO -----*/









#rodape{

background-image: url(../images/rodape.jpg) repeat-y;
width:800px;

}
.txtrodape{
font:11px Arial, Helvetica, sans-serif;
margin-left:300px;
color:#666666;
}