/************************** Folha de estilos ************************
Empresa: Pipa Estúdio
Autor: Dirceu Macedo
Projeto: Recitec
Data:  2007-08-05
Rev-1: 2007-08-06
Rev-2: 2007-10-06
*********************************************************************/
/**************************** GERAL *********************************/
*, html, body, form, span {
	margin:0;
	padding:0;
}
html {
	background:#00539D url(../imagens/recitec_fundo.png) top repeat-x;	
}
body {
	background: url(../imagens/recitec_faixa.gif) top repeat-x; text-align:center; /* hack para o IE */	
}
img {
	border:none; margin:0; padding:0;
}
h1 {
	padding:12px 0 0 0; margin:0;
}
h1 a {
	float: left; width: 256px; height: 60px; background-image: url(../imagens/recitec_logotipo.gif);
}
h1 a span {
	display: none;
}
#geral {
   	padding:0; margin:0 auto; width:780px; height:100%; text-align:left; /* "remédio" para o hack do IE */	
}

/***************************** TOPO **********************/

#governo {
   	padding:0; margin:0; width: 100%; height:28px; background:#fc0; text-align:center;
}
#governo fieldset {
   	padding:0; margin:0 auto; text-align:center; width: 780px; border:0px;
}
#governo img {
	margin:4px 0 0 0; float:left;
}
#governo select {
	margin:4px 0 0 420px; font-family: Verdana; font-size: 10px; color: #000; background-color: #F8C400;
}
#topo {
   	padding:0; margin:0; width: 100%; height:125px; 
	background:#005DA4 url(../imagens/recitec_cabecalho.png);
}
#cabecalho {
	height:70px; width: 780px; padding:0; margin:0 auto; display:block;
}
#cabecalho ul {
	float:right; margin:0; padding:0;
}
#cabecalho ul li {
	font: 0.6em Georgia, Geneva, Verdana; color: #fff;
	display: inline; vertical-align:middle; padding:3px;
}
#cabecalho ul li a {
	font: 0.6em Georgia, Geneva, Verdana; color: #fff; padding-bottom:0;
}
#cabecalho ul li a:hover {
	font: 0.6em Georgia, Geneva, Verdana; color: #fff;
}
#menu {
	height:50px; width: 780px; padding:0; margin:0 auto; clear:both;
}
#menu ul {
	text-align:right; margin:0; padding:0; width: 780px; height:50px; clear:both;
}
#menu ul li {
	display:inline; margin-right:20px; clear:both; height:50px;
}
#menu ul li a {
	font: bold 0.7em Georgia, Geneva, Verdana; color: #fff;
	background:url(../imagens/menu01.gif) no-repeat left; 
	padding:10px 0 50px 15px; text-decoration:none; height:50px;
}
#menu ul li a:hover {
	font: bold 0.7em Georgia, Geneva, Verdana; color: #fff; text-decoration:none; 
	background: url(../imagens/menu02.gif) no-repeat left; 
	padding:10px 0 50px 15px; height:50px;
}	

/***************************** FAIXA *************************/

#faixa {
   	padding:0; margin:0; width: 100%; height:132px; float:left; text-align:left;
}
#banner {
	width:579px; height:132px; float:right; border-right:solid 1px #ADCBE2; 
	margin:0; padding:0; overflow:hidden;
}
#busca {
	width:200px; height:132px; background: url(../imagens/recitec_busca.png); 
	border:0; margin:0; padding:0; text-align:center; position:absolute;
}
#imagem {
	width:579px; height:132px; background-image:url(../imagens/banner_interna.jpg);
	text-align:right;
}
.form {
	border:0; margin:10px 0 0 22px; padding:0; text-align:left;
}
.label{
	font: bold 10px Geneva, Verdana; color:#8BAEC9;
}
.select {
	border: 1px #003862; height:18px; width:93%; background-color:#DAE3EB; 
	margin:5px 0 5px 0; font:10px Geneva, Verdana; color:#000; position:relative; padding:3px 2px 0px 2px;
}
.input {
	border: 1px #003862; height:16px; background-color:#DAE3EB; margin:0 0 5px 0; 
	width:90%; font: 10px Geneva, Verdana; color:#000; position:relative; padding:3px 2px 0px 2px;
}
.radio {
	font: bold 10px Geneva, Verdana; color:#8BAEC9; height:13px; 
	width:100%; border:0; display:inline; padding:0; margin:0;
}
.botao {
	height:20px; width:70px; font: 10px Verdana, Arial, Tahoma; color: #fff;
	background: url(../imagens/fundo_botao.gif) #C094B9 top repeat-x; 
	margin-right:5px; border:1px solid #ADCBE2; padding: 1px 0 3px 0;
}
.inicial {
	width:100%; height:100%; background-image:url(../imagens/banner_recitec.jpg);
	font: bold 150% Georgia, Geneva, Verdana; color: #fff; text-align:right;
	vertical-align:baseline;
}
.link {
	padding:100px 15px 0 0; position:relative;
	font: bold 1.2em Helvetica, Arial, sans-serif; color: #fff;
}

/***************************** CONTEUDO **********************/

#conteudo {
   	padding:0; margin:0; width: 780px; float:left; text-align:left; 
	background:url(../imagens/recitec_conteudo02.gif);
}
#conteudoInterno {
   	padding:0; margin:0; width: 780px; float:left; text-align:left; background:url(../imagens/recitec_conteudoInterno.gif);
}
#sdmenu{
	float:left; width:200px; margin:0 4px 0 0;
}
ul.list{
	float:left; width:180px; margin:0 0 40px 0;
}
ul.list li.medio{
	float:left; display:block; width:180px; margin:0; list-style:none; height:29px; background: #8CB0D0 url(../imagens/menu_hover.gif);
}
ul.list li.medio a, ul.list li.medio a:hover{
	font: 0.7em Georgia, Geneva, Verdana; color:#004477; display:block; width:180px;
	height:18px; padding:7px 0 3px 20px; margin:0; border-bottom: 1px solid #5C8EBC;
	text-decoration:none;
}
ul.list li.medio a{
	float:left; text-decoration:none; 
	background: #8CB0D0 url(../imagens/menu_hover.gif); text-decoration:none;
}
ul.list li.medio a:hover{
	background: #BFD6E8 url(../imagens/menu_hover2.gif);
}
#artigos{
	float:left; width:460px; margin:0 5px 0 0; padding:0px; display:inline;
}

/***************************** DEFAULT.ASPX **********************/

.area {
	float:right; width:290px; margin:0; padding:10px;
	background: url(../imagens/borda_artigo.gif) top center repeat-x;
}
.area p {
	float:left; width:100%; font: 0.7em Georgia, Geneva, Verdana; color: #5C8EBC; 
	margin:0; padding:0; text-decoration:none;
}
img.mais {
	float:right; margin-right:2px; padding:0; width:14px; height:13px;
}
img.todas {
	float:right; margin:0; padding:0; width:25px; height:13px;
}
a.resumo {
	float:left; width:100%; font: 0.8em Georgia, Geneva, Verdana; color: #000; 
	margin:0; padding:0 0 6px 0; text-decoration:none;
}
a:hover.resumo {
	float:left; width:100%; font: 0.8em Georgia, Geneva, Verdana; color: #000; 
	margin:0; padding:0 0 6px 0; text-decoration:underline;
}
a.abstract {
	float:left; width:100%; font: 0.7em Georgia, Geneva, Verdana; color: #004486; 
	margin:0; padding:0 0 8px 0; text-decoration:none;
}
a:hover.abstract {
	float:left; width:100%; font: 0.7em Georgia, Geneva, Verdana; color: #004486; 
	margin:0; padding:0 0 8px 0; text-decoration:underline;
}
#artigos span.numero {
	float:left; width:390px; font: bold 100% Georgia, Geneva, Verdana; color: #004486; 
	margin:8px 5px 15px 15px; padding:0; text-align:left;
}
#artigos img.capa {
	float:left; width:130px; height:169px; margin:0px 5px 0px 15px; padding:0;
}
#destaques{
	float:left; width:110px; text-align:center;
}
#destaques h3{
	font: bold 100% Georgia, Geneva, Verdana; color:#004486; margin:8px 5px 15px 15px; text-align:left; padding:0;
}

/***************************** INTERNAS **********************/

#interno {
	padding:25px; background-color:#BFD6E8; width:520px; float:right;
}
#interno p {
	font: normal 0.7em Georgia, Geneva, Verdana; color:#002E4F; display:block;
	text-align:justify; line-height:16px; text-indent:15px;
}
#interno p.aviso{
	border:1px solid #004477; margin:0; padding:5px; background-color:#A9C6DE;
}
#interno p.alerta{
	margin:10px 0 10px 0; padding:5px; background-color:#BFD6E8; color:#FF0000;
}
#interno ul {
	font: normal 0.7em Georgia, Geneva, Verdana; color:#002E4F; display:block; 
	text-align:justify; list-style-position:inside; text-indent:20px;
}
#interno a {
	font: bold 100% Georgia, Geneva, Verdana; color:#004486; text-decoration:none;
}
#interno a:hover {
	font: bold 100% Georgia, Geneva, Verdana; color:#004486; text-decoration:underline;
}
#interno h1{
	font: bold 100% Georgia, Geneva, Verdana, sans-serif; color:#004486;
	margin:0 0 10px 0; padding:0;
}
#interno h2{
	font: bold 100% Georgia, Geneva, Verdana, sans-serif; color:#004486;
	margin:20px 0 10px 0; padding:0;
}
#interno hr{
	border:none; margin-bottom:15px; background: url(../imagens/borda_artigo.gif) top center repeat-x;
}
#interno p.titulo {
	font: bold 0.8em Georgia, Geneva, Verdana; color: #A5649A; margin:0 0 5px 0; padding:0;
}
#interno span.data {
	font: bold 0.9em Georgia, Geneva, Verdana; color: #004477; margin:0 0 5px 14px; padding:0;
}
#interno p.autores {
	font: bold 0.7em Georgia, Geneva, Verdana; color: #004477; margin:0 0 5px 0; padding:0;
}
#interno a.pdf{
	float:left;
}
#interno ul.aba {
	height:16px; width:520px; padding:0; margin:0 auto; clear:both; float:left; text-align:right;
}
#interno ul.aba li {
	display:inline; margin-right:5px; clear:both; height:16px;
}
#interno ul.aba li a {
	font: bold 0.8em Georgia, Geneva, Verdana; color: #004477;
	background:url(../imagens/menuAba01.gif) no-repeat left; 
	padding:5px 25px 6px 5px; text-decoration:none; height:16px;
}
#interno ul.aba li a:hover {
	font: bold 0.8em Georgia, Geneva, Verdana; color: #004477; text-decoration:none; 
	background: url(../imagens/menuAba02.gif) no-repeat left; 
	padding:5px 25px 6px 5px; height:16px;
}
#interno span.mensagem {
	font: bold 90% Georgia, Geneva, Verdana; color: #004477;
}
/***************************** RODAPE **************************/

#rodape {
	width:780px; height:40px; clear:both; position:relative;
}
#defesa {
	width:780px; height:19px; clear:both; position:relative; background:url(../imagens/recitec_defesa02.gif) no-repeat;
}
#defesa2 {
	width:780px; height:19px; clear:both; position:relative; background:url(../imagens/recitec_defesa_interna.gif) no-repeat;
}
#menuAuxiliar{
	padding:0; height:40px; width:670px;
}	
#menuAuxiliar ul {
	margin:0;
}
#menuAuxiliar ul li {
	display:inline; vertical-align:middle; margin:0; color:#fff; text-align:left;
}
#menuAuxiliar ul li a {
	font:0.7em Georgia, Geneva, Verdana; color:#fff; text-decoration:none;
}
#menuAuxiliar ul li a:hover {
	font:0.7em Georgia, Geneva, Verdana; color:#BFD6E8; text-decoration:underline;
}
#selos {
	float:left; margin:0; padding:0; width:100px; height:40px;
}
#pipa {
	font: 0.6em Georgia, Geneva, Verdana; color:#BFD6E8; width:780px;
	float: left; display:block; text-align:right; margin:0 0 20px 0;
}
/***************************** RESULTADOS **********************/

#lista {
   	padding:0; margin:0; width: 520px; float:left; text-align:left; 
	background:#BFD6E8;
}
#resultado {
   	padding:0 0 20px 0; margin:0; width: 520px; float:left; text-align:left; 
	background: url(../imagens/borda_artigo.gif) bottom repeat-x;
}
#resultado a.titulo {
	font: bold 0.8em Georgia, Geneva, Verdana; color: #A5649A; 
	margin:0 0 10px 0; padding:0;
}
#resultado a:hover.titulo {
	font: bold 0.8em Georgia, Geneva, Verdana; color: #A5649A; 
	margin:0 0 10px 0; padding:0; text-decoration:underline;
}
#resultado span {
	font: bold 0.6em Georgia, Geneva, Verdana; color: #004477; 
	margin:0 0 5px 0; padding:0;
}
#resultado a.palavrachave {
	font: bold 0.7em Georgia, Geneva, Verdana; color: #004477; 
	margin:0 0 5px 0; padding:0;
}
#resultado a:hover.palavrachave{
	font: bold 0.7em Georgia, Geneva, Verdana; color: #004477; 
	margin:0 0 5px 0; padding:0; text-decoration:underline;
}
#resultado span.chave {
	font: 0.6em Georgia, Geneva, Verdana; color:#5C8EBC;
}
/***************************** FORMULÁRIOS *************************/

#form{
	border:0; margin:0; 
}
#form label{
	font: bold 0.6em Geneva, Verdana; color:#002E4F; display:block;
}
#form span {
	font: 90% Geneva, Verdana; color:#A5649A; margin-left:3px;
}
#form select {
	border: 1px solid #6688A1; height:20px; width:100%; background-color:#fff; 
	margin:5px 0 5px 0; font:11px Verdana, Arial, Tahoma; color:#000;
}
#form input {
	border: 1px solid #6688A1; height:18px; background-color:#fff; margin:0 0 5px 0;
	width:99%; font: 11px Verdana, Arial, Tahoma; color:#000;position:relative; padding:3px 2px 0px 2px;
}
#form input:focus{
	border: 1px solid #6688A1; height:18px; background-color:#FFF4CC;
	margin:0 0 5px 0; width:99%; font: 11px Verdana; color:#000; position:relative; padding:3px 2px 0px 2px;
}
#form textarea{
	border: 1px solid #6688A1; height:60px; background-color:#fff; margin:0 0 5px 0; 
	width:99%; font: 11px Verdana, Arial, Tahoma; color:#000; position:relative; padding:3px 2px 0px 2px;
}
#form textarea:focus{
	border: 1px solid #6688A1; height:60px; background-color:#FFF4CC; 
	margin:0 0 5px 0; width:99%; font: 11px Verdana, Arial, Tahoma; color:#000; position:relative; padding:3px 2px 0px 2px;
}
#form input.btn {
	height:20px; width:70px; font: 10px Verdana, Arial, Tahoma; color: #fff;
	background: url(../imagens/fundo_botao.gif) #C094B9 top repeat-x; 
	margin-right:5px; border:1px solid #80A3BE ; padding: 1px 0 3px 1px;
}
#form radio {
	font: bold 10px Verdana, Arial, Tahoma; color:#8BAEC9; height:13px; 
	width:100%; border:0; display:inline; padding:0; margin:0;
}