*
{
   -moz-box-sizing: border-box !important;
}
html, body, form, fieldset { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }

#header {
	margin: 0px;
	padding: 0px;
	height: 208px;
	background: url(../images/interface/topo_deg.jpg) repeat-x bottom;		
}
#header img {
	float: left;
	padding: 0px;
	margin: 20px 0px 0px 30px;
	border-width: 0px;
}

#header .logo {
	background: url(../images/interface/logo.png) 0 0% no-repeat;
}

#header .meio {
	width: 1000px;
	margin: 0px auto;
}

#main {
	width: 1019px;
	margin: -52px auto 0px;
	
}
#main .final {
	padding: 10px 60px;
	text-align: left;
	
	margin: 0px;
	clear: inherit;
	position: relative;
}
.final p{
	line-height: 150%;
	font-size: 90%;
}

/*Monta corpo arredondado*/
	#main .t  {
		background: url(../images/interface/topo_topo.gif) 0 0 repeat-x;
		margin-right: 60px;
		margin-left: 60px;
		
	}
	#main .l {background: url(../images/interface/main_fd.gif) 0 0 repeat-y} 
	
	#main .b  {
		background: url(../images/interface/roda_roda.gif) 100% 100% repeat-x;
		margin-right: 60px;
		margin-left: 60px;
		
		}
	#main .bl {background: url(../images/interface/roda_esq.gif) 0 100% no-repeat;margin-left: -60px}
	#main .br {background: url(../images/interface/roda_dir.gif) 100% 100% no-repeat;margin-right: -60px}
	#main .tl {background: url(../images/interface/topo_esq.gif) 0 0 no-repeat;margin-left: -60px;
		}
	#main .tr {background: url(../images/interface/topo_dir.gif) 100% 0 no-repeat; margin-right: -60px;
		} 

/*Menu principal*/
    ul#menu {
	list-style: none;
	float: right;
	padding: 0;
	width: auto;
	margin-top: 100px;
	margin-right: 50px;
	float: right;
	position: relative;
	}
	ul#menu li{
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	ul#menu li a{
		display: block;  /* atribui ao link, o comando da parada toda! */
		width: 110px; /* tamanho */
		height: 61px; /* tamanho da fonte e tipo */
		text-decoration: none; /* retira o sublinhado! Muito legal */
		text-align: center; /* alinha o texto no centro (ta de sacanagem né!) */
		color: #9C3; /* cor do texto */
		padding-top: 18px; /* espaço entre o topo do texto e a margem superior */
		font-size: 18px;
	}
	ul#menu li a:hover{
		color: #FFF;
	}
	
	#header .ativo{
		color: #660;
		width: 110px; /* tamanho */
		height: 61px; /* tamanho da fonte e tipo */
		text-align: center; /* alinha o texto no centro (ta de sacanagem né!) */
		padding-top: 18px; /* espaço entre o topo do texto e a margem superior */
		font-size: 18px;
	}
	
	/*Monta corpo arredondado - ATIVO*/
		#header .t  {
			background: url(../images/interface/botn_mid.gif) 0 0 repeat-x;
			margin-right: 10px;
			margin-left: 10px;	
		}
	
		#header .tl {background: url(../images/interface/botn_esq.gif) 0 0 no-repeat;margin-left: -10px;
			}
		#header .tr {background: url(../images/interface/botn_dir.gif) 100% 0 no-repeat; margin-right: -10px;
			} 
			
	/*Monta corpo arredondado - INATIVO*/
		#header .inativo .t  {
			background: url(../images/interface/btn0_mid.gif) 0 0 repeat-x;
			margin-right: 10px;
			margin-left: 10px;	
		}
	
		#header .inativo .tl {background: url(../images/interface/btn0_esq.gif) 0 0 no-repeat;margin-left: -10px;
			}
		#header .inativo .tr {background: url(../images/interface/btn0_dir.gif) 100% 0 no-repeat; margin-right: -10px;
			} 
#menu_esquerda .inativo {
	border-left: 4px solid #990;
	padding-left: 5px;
}
#menu_esquerda {
	margin: 10px 10px 10px 0px;
	padding: 5px 5px 5px 0px;
	width: 200px;
	list-style: none;
	float: left;
	
}
#menu_esquerda li {
	border-top: thin dotted #330;
	padding: 10px;
	color: #990;
}
#menu_esquerda li a{
	text-decoration: none;
	color: #666;
}
#menu_esquerda li a:hover{
	color: #990;
}


.subitem {
	border-top: none !important;
	font-size: 90%;
	list-style: none;
	color: #990;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin: 0px 0px 0px 10px !important;
	padding: 2px 0px !important;
}

h1 {
	font-size: 190%;
	font-weight: bolder;
	color: #990;
	text-align: left;
	margin-left: 15px;
	font-family: "Arial Black", Gadget, sans-serif;
	clear: both;
}
h2 {
	font-size: 150%;
	font-weight: bolder;
	color: #990;
	text-align: left;
}
h3 {
	font-size: 90%;
	font-weight: bolder;
	color: #666;
	text-align: left;
	margin-left: 15px;
	border-bottom: 1px dotted #993;
	margin-top: -20px;
	padding-bottom: 15px;
}
h3 a {
	color: #666;
	text-decoration: none;
}
h3 a:hover {
	color: #990;
	text-decoration: none;
}
h4 {
	border-top: .5px dotted #06C;
	border-bottom: .5px dotted #06C;
	background: #CCF;
	padding: 7px 3px 7px 5px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	
}
h5 {
	border-top: 0.5px dotted #993;
	border-bottom: 0.5px dotted #993;
	background: #FFF1C5;
	padding: 10px;
	margin-top: 0px;
}
h6 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #006;
	margin: 0px;
	padding: 0px;
}
#frase {
	background: url(../images/destaque/confucio.png) no-repeat right bottom;
	height: auto;
	width: 400px;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #600;
	font-size: 110%;
	font-weight: normal;
	float: right;
	padding-top: 45px;
	padding-left: 15px;
}
#home {
	float: left;
	width: 430px;
	font-size: 90%;
	color: #333;
	background-color: #FFF;
	padding: 20px;
	margin-left: 10px;
	margin-top: 20px;
	border: 0.1px solid #009;
}
#cima {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 300%;
	width: 100%;
	text-align: center;
	margin: 30px 20px;
	color: #990;
}
#frase .autor {
	font-size: 80%;
	color: #993;
}
#frase .bigger {
	font-size: 140%;
	padding-left: 30px;
}
#bloghome {
	float: right;
	width: 400px;
}
#bloghome table {
	margin-top: -20px;	
}
#bloghome td {
	border-bottom: 1px dotted #993;
	line-height: 100%;
	font-size: 80%;
	padding: 15px 5px 15px 7px;
}
#bloghome .old {
	background: #CCF;
	text-decoration: none;
}
s  {
	text-decoration: none;
	color: #006;
}
#main .lateral {
	width: 420px;
	position: relative;
	float: left;
	margin-left: 30px;
}
#main .lateralform {
	width: 520px;
	position: relative;
	float: left;
	margin-left: 30px;
	clear: both;
}
#main .direita {
	width: 200px;
	position: relative;
	float: right;
	padding-left: 15px;
}
.direita p {
	font-size: 80%;
}
#main .direitaform {
	width: 300px;
	float: right;	
}
#main .direitaform p {
	width: 300px;
	float: right;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	border-bottom: 1px dotted #993;
	padding: 10px;
	margin-top: -15px;
}

.bloglink {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	border-bottom: 1px dotted #993;
	padding: 15px 5px 5px 10px;
	margin-top: -20px;	
}
.bloglink a {
	text-decoration: none;
}

.bloglink a:hover {
	background: #FFC;
	padding: 15px 5px 5px 10px;
	margin-top: -20px;
	width: 100%;	
}

#main .link_ctd {
	font-size: 80%;
	text-align: right;
	border-bottom: .5px dotted #993;
}
#main .link_ctd a {
	color: #666;
	text-decoration: none;
}
#main .link_ctd a:hover{
	color: #990;
}
.formulario {
	font-size: 90%;
	color: #333;
}
.footer {
	clear: both;
	border-top: 1px solid #CCC;
	font-size: 80%;
	color: #333;
	margin-top: 40px;
}
.destaque {
	margin: 0px 0px 0px -20px;
	padding: 0px;
	float: left;
}
.lateral img {
	float: left;
	clear: none;
	border: 0.5px solid #990;
	margin-right: 10px;
}
.lateral h2 {
	font-size: 100%;
}
.lateral p {
	clear: both;
}
