/*gerais*/
h1, h2, h3, h4, h5, h6, ul, ol, dl, p {margin: 0; padding: 0; position: relative}
body {margin: 0; padding: 0; text-align: center; background: url(../images/bg_body.gif) center repeat-y}
.wrapper {clear: both; font-size: .1em; line-height: .1em}
.invisivel {width: 1px; height: 1px; overflow: hidden; position: absolute}
.box{margin: 15px 0 0 0; border-bottom: solid 1px #C30}
#canvas {width: 760px; margin: 0 auto; text-align: left}
img {border:none}
acronym, abbr {cursor:help}

/*titulos e sub-titulos*/	
h1 {background: url(../images/header.jpg) no-repeat; height: 95px}
h1 a {display: block; height: 95px; width: 320px}
h1 span {width: 1px; height: 1px; overflow: hidden; position: absolute}

h2 {font:bold .8em Verdana, Geneva, Arial, Helvetica, sans-serif;color: #FFF; padding: 0 0 0 10px; height: 25px; line-height: 25px}
	
h3 {font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;color: Red}

.titulo-internas {font-size: .8em; font-weight: bold; text-transform:uppercase; margin: 0 0 20px 0; height:20px; line-height: 20px;
border-top: solid 1px Red; border-bottom: solid 1px Red}
	 			
h3 a:link {color: Red; text-decoration: none}
h3 a:visited {color: Gray; text-decoration: none}
h3 a:hover {color: #C30; text-decoration: underline}
h3 a:active {color: Gray; text-decoration: underline}
	
h4 {font: bold .9em Verdana, Geneva, Arial, Helvetica, sans-serif;color: #000;margin: 15px 0 5px 0}
h4 a:link {color: #000; text-decoration: none}
h4 a:visited {color: Gray; text-decoration: none}
h4 a:hover {color: #C30; text-decoration: underline}
h4 a:active {color: Gray; text-decoration: underline}
	
h5 {background: #C30; height: 15px; line-height: 15px; padding: 0 0 0 5px; font: bold .7em  Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF}

/*textos*/	
p {font: normal .7em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0}	

p a:link {color: #000; text-decoration: none}
p a:visited {color: #000; text-decoration: none}
p a:hover {color: #000; text-decoration: underline}
p a:active {color: #C30; text-decoration: underline}

#manchete p {margin: 5px 0 0 0;}

/*formularios e botoes*/
form {margin: 0; padding: 3px 0 8px 0}
fieldset {border:none; margin: 0; padding: 0}
input {margin: 5px 0 0 5px; font-size: 10px}
.menor {width: 90px}
.menor2 {width: 130px}
.maior {width: 160px}
.buton-ok {width: 25px; margin: 5px 0 0 0}
.buton-enviar {width: 50px; margin: 15px 15px 0 0}
.radio {margin: 3px 2px; padding: 0; vertical-align: middle; font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif}

.leia-mais {color:Red; line-height: 20px; display: block}

/*header*/
#header-wrapper {height: 141px; background: #FFF url(../images/bg_header.gif) repeat-x}	
	#header-title {height: 95px;}	
	#header-subtitle {background: Red; height: 25px; border-bottom: solid 1px #FFF}
	
		
/*section-a*/
#body-wrapper .section-a {float: left;width: 140px}	
	#body-wrapper .section-a .inner {border-right: solid 1px #C30;border-left: solid 5px #C30}
	
#navigation {width: 134px; border-top: solid 1px #C30; border-bottom: solid 1px #C30; margin: 0; padding: 0; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFF}
#menu {list-style: none; margin: 0;	padding: 0}
#menu li {display: inline}
#menu a {display: block; padding: 5px; text-decoration: none; color: #FFF; font-weight:bold; background: Red; border-bottom: solid 1px #FFF}
#menu ul.submenu a {padding-left: 15px;	background: #EB4747; font-weight:normal}
#menu li span a {border:none}
#menu li a span {text-decoration: underline}
#menu li a:hover {color: #C30; text-decoration: underline; background: #FFF}
#menu li a:active {color: #CCC; text-decoration: underline}
#menu ul.submenu a:hover {color: #C30; text-decoration: underline; background: #FFF}
#menu ul.submenu a:active {color: #CCC; text-decoration: underline}

	#box-agenda ul li{list-style: none; display: inline; font:.7em Verdana, Geneva, Arial, Helvetica, sans-serif;height: 12px;line-height: 12px}	
	#box-agenda ul li a{display: block; width: 129px; border-bottom: dotted 1px #C30; padding: 3px 0 3px 5px}	
	#box-agenda span{display: block; font-weight: normal; color: #C30; padding: 3px 0 0 5px}		
	#box-agenda li a:link {color: #000; text-decoration: none}
    #box-agenda li a:visited {color: Gray; text-decoration: none}
	#box-agenda li a:hover {color: #C30; text-decoration: underline}
	#box-agenda li a:active {color: Gray; text-decoration: underline}	
	.agenda-completa a {font: bold .6em Verdana, Geneva, Arial, Helvetica, sans-serif;line-height: 20px;height: 20px;margin: 0 0 0 5px;padding: 0 0 0 12px;background: url(../images/seta.gif) no-repeat left}
	.agenda-completa a:link {color: Red; text-decoration: none}
	.agenda-completa a:visited {color: Gray; text-decoration: none}
 	.agenda-completa a:hover {color: #C30; text-decoration: underline}
	.agenda-completa a:active {color: Gray; text-decoration: underline}	
	
	#box-cursos {background:#F6F6F6}
	#box-cursos ul li{list-style: none; display: inline; font:.7em Verdana, Geneva, Arial, Helvetica, sans-serif;height: 12px;line-height: 12px}	
	#box-cursos ul li a{display: block; width: 128px; border-bottom: dotted 1px #C30; padding: 3px 0 3px 5px}	
	#box-cursos span{display: block; font-weight: normal; color: #C30; padding: 3px 0 0 5px}		
	#box-cursos li a:link {color: #000; text-decoration: none}
    #box-cursos li a:visited {color: Gray; text-decoration: none}
	#box-cursos li a:hover {color: #C30; text-decoration: underline}
	#box-cursos li a:active {color: Gray; text-decoration: underline} 
		
	
	#selos-creditos p {width:130px; margin: 20px 0 8px 10px; padding:0; color: Gray}
	#validadores ul{list-style: none; font: .6em Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; margin: 0 0 10px 10px; padding: 0}
	
	#validadores ul .selo-css {width: 27px; height: 14px; padding:1px; margin-bottom: 5px; border: solid 1px Gray}
	#validadores ul .selo-css a {width:27px; height:14px; display:block; text-align: center; line-height:14px}
	
	#validadores ul .selo-xhtml {width: 65px; height: 14px; padding:1px; margin-bottom: 5px; border: solid 1px Gray}
	#validadores ul .selo-xhtml a {width:65px; height:14px; display:block; text-align: center; line-height:14px}
	
	#validadores ul li a:link {color:#FFF; text-decoration: none; background:Red}
	#validadores ul li a:visited {color:#FFF; text-decoration: none; background:Red}
	#validadores ul li a:hover {color:#FFF; text-decoration: none; background:#C30}
	#validadores ul li a:active {color:#FFF; text-decoration: none}
	
	#logo-wdd {margin:0; padding:0}
	#logo-wdd img {margin:0 0 10px 10px}
	
		
/*section-b*/
#body-wrapper .section-b {float: left; width: 440px}	
	#body-wrapper .section-b .inner {padding: 0 15px}
	
	#mais-noticias {padding: 30px 0 15px 0}
	#mais-noticias h5 {
		background: none;
		margin: 0 0 10px 0;
		padding: 0 0 2px 0;
		width: 300px;
		font: bold .8em  Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: Red;
		border-bottom: solid 1px #C2C2C2
	}
	
	#mais-noticias ul {
		list-style-image:url(../images/seta.gif);
		font: .7em  Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 0 0 15px 15px
		}
	
	#mais-noticias span a {font: .7em  Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red}
	
	#mais-noticias ul li {margin: 5px}
	
				
	#mais-noticias li a:link {color: #000; text-decoration: none}
   	#mais-noticias li a:visited {color: Gray; text-decoration: none}
	#mais-noticias li a:hover {color: #000; text-decoration: underline}
	#mais-noticias li a:active {color: #000; text-decoration: underline}
	
	#mais-noticias span a {background: none; padding: 10px 0 30px 0}	
	#mais-noticias span a:link {color: Red; text-decoration: none}
   	#mais-noticias span a:visited {color: Gray; text-decoration: none}
	#mais-noticias span a:hover {color: #C30; text-decoration: underline}
	#mais-noticias span a:active {color: Gray; text-decoration: underline}
	
	
	#paginacao p {display:inline; padding: 0 5px; font: bold .7em  Verdana, Geneva, Arial, Helvetica, sans-serif; float:left}
	#paginacao ul {list-style:none; margin:0; padding:0; float:left; font: normal .7em  Verdana, Geneva, Arial, Helvetica, sans-serif; float:left}
	#paginacao ul li {display:block; float:left; margin: 0 5px}
	#paginacao ul li a {display:block; float:left}
	#paginacao ul li span {font-weight:bold; color: Red}

	#paginacao ul li a:link {color: #000; text-decoration: underline}
	#paginacao ul li a:visited {color: Gray; text-decoration: underline}
	#paginacao ul li a:hover {color: Red; text-decoration: underline}
	#paginacao ul li a:active {color: Gray; text-decoration: underline}

			

/*section-c*/	
#body-wrapper .section-c {float: left; width: 180px}	
		
	#banners {margin: 5px 0 0 0; text-align: center}
		#banners img {margin: 10px 0}
		
	#box-enquetes p {font: bold .6em Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; padding: 5px 0}
	#box-enquetes a {display: inline; font:.6em Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0 0 0 12px; background: url(../images/seta.gif) no-repeat left}
	#box-enquetes a:link {color: Red; text-decoration: none}
    #box-enquetes a:visited {color: Gray; text-decoration: none}
	#box-enquetes a:hover {color: #C30; text-decoration: underline}
	#box-enquetes a:active {color: Gray; text-decoration: underline}	
	#enquete {margin: 0 5px; padding: 5px 10px; background: #FFF}
		
/*footer*/			
#footer-wrapper {padding: 10px 0 0 0; background: Red; height: 60px; text-align: center}	
	#footer-wrapper em {display: block; font: bold .8em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF;margin:0 0 5px 0}	
	address {display: inline; font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; line-height: 15px}
	#footer-wrapper a  {font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF}
	#footer-wrapper a:link {color: #FFF; text-decoration: none}
    #footer-wrapper a:visited {color: #FFF; text-decoration: none}
	#footer-wrapper a:hover {color: #FFF; text-decoration: underline}
	#footer-wrapper a:active {color: #FFF; text-decoration: underline}