/***************************************************************
* CSS site                                                     *
*                                                              *
* @author Thomaz Takashi Oda Toyama                            *
****************************************************************/

body{ 
	background-color:#003366; 
	text-align: center;
	padding:0px; 
	margin:0px; 
	
}

img{ border:0; }

a{
	text-decoration:none;
	color:#000;
}

a:hover{
	color: #036;
}

#corpo{ 
	background-color:#f3f4ec; 
	margin: 0 auto;
	width: 787px;
	text-align:left;
}

#cabecalho{	clear:both; height:250px; }

#data{ 
	background: url(../images/bg_data.gif) repeat-x top; 
	height:23px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFF;	
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#data fieldset{ border:0; padding:0; margin:0; }
#data form{
	float: left;
	width:400px;
	padding:0;
	margin:0;
	border:0;
}
#data form input{font: 8pt Arial, Helvetica, sans-serif;}
#data span{
	float:right;
}
#menu[id]{
	background: url(../images/bg_menu.gif) repeat #3d3582;
	clear:both;
	border-top: solid 1px #3d3582;
	border-bottom: solid 1px #3d3582;
}
#menu ul{ 
	margin: 0;  
	padding:0;
	width:100%;
	background: url(../images/bg_menu.gif) #3d3582;
	border-top: solid 1px #3d3582;
	border-bottom: solid 1px #3d3582;
}
#menu ul li{ 
	display: inline;
	list-style: none; 
}
#menu ul li a{
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding: 8px 15px;
	border-right: solid 1px #FFF;	
	display:block;
	float: left;
}
#menu[id] ul li a{
	padding: 7px 15px;
}
#menu ul li a:hover{
	background-color: #000;
}
#menu div{ clear:both;}
#col-esq{
	width: 394px;
	margin: 0 auto;
	text-align: left;
	float:left;
}

.box-curso{
	background:#FFF;
	border: solid 1px #d7d7c7;
	margin: 10px;
	padding: 5px;
	font:10pt Arial, Helvetica, sans-serif;
	color:#000;
	
}
.box-curso span.titulo{
	background-color:#FFF;
	padding:0px;
	margin:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#486699;
}
.box-curso span{ float: left; padding:5px;}
.box-curso span.destaque{display:block; width:240px; text-align:justify;}
.box-curso div{
	clear:both;
}
#col-dir{
	width: 393px;
	margin: 0 auto;
	text-align: left;
	float:right;
}

#newsletter{ 
	padding:10px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #666;
}
#newsletter h2{ font: bold 12pt Arial, Helvetica, sans-serif; padding:0; margin:0; }
#newsletter form{ border:0; margin:0px; padding:0px; width:330px;}
#newsletter fieldset{ border:0; margin:0px; padding:0px;}
#newsletter label{ width: 60px; display:block; float:left;}
#newsletter input{ width: 200px; font: 10pt Arial, Helvetica, sans-serif }
#newsletter .botao{ width: 30px;}
#newsletter .esq{ float:left; }
#newsletter .centro{ 
	background: url(../images/bg_newsletter.gif) repeat-x;
	float:left; 
	padding: 5px 15px;
	height: 77px; 
}
#newsletter .dir{ float:left; }

#noticia{ 
	padding-top: 10px; 
	font: 10pt Arial, Helvetica, sans-serif;
}
#noticia h2{
	font:bold 12pt Arial, Helvetica, sans-serif;
	color: #381f78;
	padding: 0 10px;
	margin:0;
}

#noticia .box-noticia{
	border:solid 1px #dddbdb;
	margin: 10px;
	padding:5px;
}
#noticia .mais{
	background: url(../images/bg_mais_noticia.gif) repeat-x top;
	text-align:right;
	margin: 0 10px;
}

.box-noticia div{
	clear:both;
}
.box-noticia span.titulo{
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#486699;
	padding:0px;
	margin:0px;
}
.box-noticia span{ float:left; padding:5px;}



#artigo{ 
	padding-top: 10px; 
	font: 10pt Arial, Helvetica, sans-serif;
}
#artigo h2{
	font:bold 12pt Arial, Helvetica, sans-serif;
	color: #381f78;
	padding: 0 10px;
	margin:0;
}

#artigo .box-artigo{
	border:solid 1px #dddbdb;
	margin: 10px;
	padding:5px;
}

#artigo .mais{
	background: url(../images/bg_mais_noticia.gif) repeat-x top;
	text-align:right;
	margin: 0 10px;
}


.box-artigo div{
	clear:both;
}
.box-artigo span.titulo{
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#486699;
	padding:0px;
	margin:0px;
}
.box-artigo span{ float:left; padding:5px;}

#banner{
	clear:both;
	text-align:center;
}

#rodape{
	clear:both;
	height: 50px;s
	background: url(../images/bg_rodape.gif) repeat-x #f8f7f7;
	border-top: solid 1px #999999;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
	padding-top: 20px;
}


#contato{
	padding: 10px;
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
}

#contato fieldset{
	width: 400px;
	margin: 0 auto;
	text-align:left;
}
#contato span.titulo{
	text-align:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	float:left;
}
#contato label{
	display:block;
	float:left;
	width: 150px;
}
#contato input{ width:400px; }
#contato input.botao{ width: 150px;}
#contato textarea{ width:400px; height:250px;}