/*main*/
body {
	margin:0;
	padding:0;
	color:#DEDEDE;
	background:#000 url(images/pageback.jpg) no-repeat fixed top right;
	font:12px Arial,Helvetica,sans-serif
}

p{
	font:14px Arial,Helvetica,sans-serif;
	
}

h1{
	color:#FFFFFF;
	font-weight:bold;	
	background:transparent;
	font-size:12px;
}

ht{
	color:#FFFFFF;
	font-weight:bold;	
	background:transparent;
	font-size:24px;
}



ul {
	margin-top:0;
	margin-left:0;
	padding-left:12px;
	list-style:circle
}

li {
	margin:3px 0 3px 10px;
	size:14px;
	font-weight:bolder
}

a {
	text-decoration:none;
	color:#FFF;
	background:transparent;
	font-weight:bold
}

a:hover {
	text-decoration:underline;
	color:#999;
	background:transparent
}

#logo {
	display:block;
	padding:5px;
	margin:0 200px 0 0
}

/*Topo*/
#sitename {
	background:url(images/yoroshikuHorizontal.jpg) no-repeat center;
	background-color:#FFFFFF;
	padding: 30px 0px 30px 0px;
	font-size:275%;
	font-weight:bold;
	margin:0 0 0 5px
}

#sitenamesub{	
	background:url(images/otokoKanjiExclamando.jpg) no-repeat center;
	background-position:bottom;
	background-color:#FFFFFF;
	vertical-align: text-bottom;
	margin-left:5px;

}

#pagetitle h1 {
	font-size:175%;
	font-family: "Comic Sans MS", Impact,"Palatino Linotype", "Times New Roman";
	text-align:center;
	font-weight:bold;
	margin:0 0 0 0px
}

.signout{
	text-align:center;
	margin:0;
	padding:0;
	font-size:110%
}

/*Menu lateral*/
.blocktitle {
	display:block;
	font-weight:bold;
	font-size:120%;
	text-align:left;
	padding:2px;
	margin:0;
	color:#CCC;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	background:url(images/blockback.jpg) repeat-x;
}

.blocktitle h2 {
	text-align:center;
	margin:0;
	padding:0;
	font-size:110%
}

.blockcontent {
	text-align:left;
	padding:2px
}

#navigation {
	position:absolute;
	top:7px;
	right:37px;
	width:160px;
	text-align:left;
	height: 631px;
}

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

li.nav a {
	text-decoration:none;
	margin:1px 0 1px -12px;
	padding:4px;
	color:#DDD;
	background:transparent;
	background-image:url(images/menuback.gif);
	font-weight:bold;
	width:100%;
	display:block;
	border:1px solid #333
}

/*Fire Fox*/
html>body li.nav a {
	display:block
}

li.nav a:hover {
	text-decoration:none;
	color:#FFF;
	background:transparent;
	background-image:url(images/menuback-h.gif);
	border:1px solid #999
}

#main-body {
	margin:10px 200px 0px 10px;
	/*max-height:800px;*/
	overflow:auto;
}

/*Janela flutuante*/
.spotlight-left {
	position:relative;
	width:340px;
	float:left;
	margin:5px 5px 0 0;
	text-align:left;
	
}

.spotlight-left .blockcontent {
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555
}

.spotlight-right {
	f
	position:relative;
	width:200px;
	float:right;
	margin:5px 0 0 5px;
	text-align:left;
}

.spotlight-right .blockcontent {
	border-left:1px solid #999;
	border-right:1px solid #555;
	border-bottom:1px solid #555
}

/*Rodapé*/
#footer {
	clear:both;
	border-top:1px solid #777;
	margin:10px 200px 10px 10px;
	padding:2px 0;
	line-height:120%;
	text-align:right
}