body{
	margin: 0;
	padding: 0;
	font-family: Roboto, Verdana, Geneva, sans-serif;
	color: #333333;	
}

a:link {text-decoration: none; outline: none;}
a:visited {text-decoration: none; outline: none;}

ol, ul, li {list-style: none; display: inline;}

h1{text-align: left; font-size: 15px;}

h2{text-align: left; font-size: 14px;}

h3{text-align: center; font-size: 13px;}

h4{text-align: center; font-size: 12px;}

.clear{ width:100%; border:1px solid #333333; margin-top:5px; float:left;}

/*PRINCIPAL DE TODO O SITE*/
#principal{
	font-size:12px;
	width: 310px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 15px;
}

#topo img{
	display: block;
}

.tarja{
	width:290px;
	color:#7C7C7C;
	text-align:left;
	font-size:14px;
	padding-top:15px;
	padding-left:10px;
	padding-right: 10px;
	}
	
.tarja a{color:#7C7C7C;}

#titulo{width:280px; height:25px; padding-top:25px;}

#titulo img{float:right; margin-top:25px;}

#nome{float:left;}

/*CENTRO QUE SE ALTERA*/
#conteudo{
	width: 97%;
	text-align:left;
	font-size:12px;
	margin-top:10px;
}

/*INDEX*/
#chamada{ color: #58595b; }

#chamada li{
	width: 130px; 
	margin: 10px 5px 20px 0; 
	display: inline-block;
	text-align:center;	
}

#chamada h4{font-size: 12px;}



/*RODAPE QUE SE REPETE EM TODO O SITE*/
#indique{
	width:310px;
	margin-top:10px;
}

#indique img{
	margin-top:5px;
}

#rodape{
	width:310px;
	margin-top:10px;
	clear:both;
	background-color:#fff;
}

#rodape img{
	margin-top:5px;
}



#box-toggle {
	width:310px;
	margin:0 auto;
	text-align:justify;
	font:12px/1.4 Arial, Helvetica, sans-serif;
}
	
#box-toggle span {
	display:block;
	cursor:pointer;
	width:290px;
	height:25px;
	background-color:#F90;
	color:#fff;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
	padding-right: 10px;
	}