/**
 * Css Principal: Prefeitura Municipal de Assaí.
 * @category   	AUDARE Engenharia de Software.
 * @license    	Utilização restrita a AUDARE Engenharia de Software.
 * @version    	2010-04-07
 * @author 		Wesley Vinicius Vioto Silva.
 */

body { 
	margin: 0; padding: 0; background: #fff url("../imagens/fundo_b.jpg"); color:#333; font:normal 62.5% Arial,Verdana,sans-serif; 
	scrollbar-arrow-color: #337CAA; scrollbar-track-color: #fff; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-3dlight-color: #fff;
}
body.conteudo { background: #FFF; color:#808080 } /* fundo para o conteúdo do site */


/* ########################################### PARDÃO PARA TODAS AS PÁGINAS DO SITE ########################################## */

/* Mensagens do site */
p.msg-erro { display: block; padding: 5px 10px; border: 2px solid #F00; background: #FFDADA; color: #F00; font-weight: bold; font-size: 1.3em; float: left; width: 510px; }
p.msg-ok { display: block; padding: 5px 10px; border: 2px solid #1A4106; background: #DEFFCE; color: #1A4106; font-weight: bold; font-size: 1.3em; float: left; width: 510px; }

/* Validate */
div form label label.error { 
	width: 200px; height:20px; display: block; float: left; color: red; padding: 3px 0 0 22px; font-size:1.1em; font-weight: bold;
	background: url('../imagens/icons/erro-validate.png') no-repeat 0 0;  }

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

/* Conteúdos */
h1 { display: none; }

a,
a:link,
a:active, 
a:visited { color: #4A8991; font-size: 1.2em; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a:hover { color: #87C42B; font-size: 1.2em; text-decoration: none; font-family: Arial, Helvetica, sans-serif; cursor:pointer; }

h2.titulo-noticia { margin: 0; padding: 3px 0; float: left; display: block; width: 200px; font-size: 1.2em; color: #87C42B; font-weight: bold; }
p.noticias { font-size: 1.3em; color: #316140; }

dl { float: left; display: block; width: 200px; overflow: hidden; }
dl dt { padding: 10px 0 0 0; width: 200px; float: left; display: block; }
dl dt.first { padding: 0; }
dl dt a { float: left; font-size: 1.2em; padding:0 8px 0 0; font-weight: bold; }
dl dt span { float: left; display: block; width: 125px; height:8px; border-top: 2px dotted black; margin: 7px 0 0 0; background: none;}
dl dd { padding: 0; margin: 0; float: left; width: 190px; display: block; padding: 0 0 0 10px; }
dl dd a {  margin: 0; text-align: justify; }


/* ######################################################## INDEX.JSP ######################################################## */

div.principal { width: 945px; display: block; margin: 0 auto; }
div.principal div, 
div.principal table,
div.principal ul,
div.principal dl { background: #F8F8F8; }

div.principal div.topo { float: left; display: block; width: 945px; }

/* MENU SUPERIOR */

ul.sf-menu li.cidade a.cidade { background: #FFF url('../imagens/home/bt-a-cidade.jpg') no-repeat 0 0; width: 170px; height: 46px; display: block; padding: 0; }
ul.sf-menu li.prefeitura a.prefeitura { background: #FFF url('../imagens/home/bt-a-prefeitura.jpg') no-repeat 0 0; width: 170px; height: 46px; display: block; padding: 0; }
ul.sf-menu li.turismo a.turismo { background: #FFF url('../imagens/home/bt-turismo.jpg') no-repeat 0 0; width: 170px; height: 46px; display: block; padding: 0; }
ul.sf-menu li.sec a.sec { background: #FFF url('../imagens/home/bt-sec-e-orgaos.jpg') no-repeat 0 0; width: 170px; height: 46px; display: block; padding: 0; }

ul.sf-menu li.cidade a.cidade span.menu-desc,
ul.sf-menu li.prefeitura a.prefeitura span.menu-desc,
ul.sf-menu li.turismo a.turismo span.menu-desc,
ul.sf-menu li.sec a.sec span.menu-desc { display: none; }

ul.sf-menu li ul { margin-top: 10px; }
ul.sf-menu li ul li { width: 170px; }
ul.sf-menu li ul li a { color: #FFF; }
ul.sf-menu li ul li a:hover { color: #293D22; }

div.principal div.topo div.google-search { width: 260px; height: 50px; float: left; display: block; overflow: hidden; background: #ccc; padding: 0; }
div.principal div.topo div.google-search p { font-weight: bold; width: 260px; float: left; display: block; text-align: left; font-size: 1.3em; }
div.principal div.topo div.google-search form { width: 260px; height: 32px; margin: 0; display: block; float: left; background: #ccc; }
div.principal div.topo div.google-search form input { width: 222px; padding: 4px 0; margin: 0; }
div.principal div.topo div.google-search form input.button { width: 24px; height: 24px; background: url('../imagens/icons/search.png') no-repeat center; border: none; overflow: hidden; }

/* CONTEUDO DO SITE */
div.conteudo { float: left; width: 945px;  }
div.conteudo div { float: left; width: 200px; display: block; }

/* divs do lado esquerdo (Botões destaque) */
div.conteudo div.left { float: left; width: 160px; }
div.conteudo div.left div.menu { margin-bottom: 10px; float: left; width: 160px; display: block; }
div.conteudo div.left ul.links { float: left; width: 150px; display: block; padding:10px 0 0 0; border-top: 1px solid #ccc; }
div.conteudo div.left ul.links li a { margin: 5px 0; width:150px; height:46px; float: left; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; display: block; }
div.conteudo div.left ul.links li a:hover { background-position: 0 -46px;  }

div.conteudo div.left ul.links li.tributacao a { background-image: url('../imagens/home/bt-receita.jpg'); }
div.conteudo div.left ul.links li.licitacao a { background-image: url('../imagens/home/bt-licitacao.jpg'); }
div.conteudo div.left ul.links li.pma a { background-image: url('../imagens/home/bt-pma-internet.jpg'); }
div.conteudo div.left ul.links li.outro a { background-image: url('../imagens/home/bt-final.jpg'); }

/* Downloads */
div.conteudo div.left div.downloads { float: left; display: block; width: 150px; height: 160px; margin-top: 10px; }
div.conteudo div.left div.downloads h3 { float: left; display: block; width: 150px; height: 20px; background: url('../imagens/home/faixa-downloads.jpg') no-repeat left; margin: 0 0 5px 0; }
div.conteudo div.left div.downloads h3 span { display: none; }
div.conteudo div.left div.downloads a { width: 45px; height: 60px; display: block; float: left; padding: 5px 0 0 5px; }

/* Cotação do dólar BC */
div.conteudo div.left div.cotacao { float: left; display: block; width: 150px; margin-top: 10px; }
div.conteudo div.left div.cotacao ul { float: left; display: block; width: 150px; }
div.conteudo div.left div.cotacao ul li { float: left; display: block; width: 150px; font-size: 1.2em; text-align: left; padding: 3px 0; }
div.conteudo div.left div.cotacao ul li strong { font-weight: bold; }
div.conteudo div.left div.cotacao label.faixa-cotacao { 
	width: 150px; height: 20px; display: block; float: left; margin: 0 0 5px 0; text-align: left;
	background: url('../imagens/home/faixa-cotacao.jpg') no-repeat center;
}
div.conteudo div.left div.cotacao label.faixa-cotacao a { text-align: left; }

/* Cotação do dólar Bovespa */
div.conteudo div.left div.cotacao { float: left; display: block; width: 155px; margin-top: 10px; }
div.conteudo div.left div.cotacao table { float: left; display: block; width: 155px; }
div.conteudo div.left div.cotacao table tr {margin: 1px 0; float: left; display: block; width: 155px;  }
div.conteudo div.left div.cotacao table tr.head { background: #CCC; color: #FFF; font-weight: bold; }
div.conteudo div.left div.cotacao table tr td { display: block; width: 39px; float: left; font-size: 0.85em; }
div.conteudo div.left div.cotacao table tr td.descricao { width: 55px; font-size: 0.8em; } 
div.conteudo div.left div.cotacao table tr td.oscilacao { width: 50px; text-align: center; }
div.conteudo div.left div.cotacao table tr td.preco { width: 50px; text-align: center; }
div.conteudo div.left div.cotacao table tr td.valor { width: 50px; text-align: center; }

div.conteudo div.left div.cotacao table tr td span { color: #000; float: left; display: block; width: 50px; }
div.conteudo div.left div.cotacao table tr td span.alta { color: blue; }
div.conteudo div.left div.cotacao table tr td span.baixa { color: red; }

/* Centro */
div.conteudo div.center { width: 580px; }
div.conteudo div.center div { width: 570px; float: left; margin: 0 0 5px 0; }

/* RESUMO NOTÍCIAS */
div.conteudo div.right { float: left; width: 205px; display: block; }
div.conteudo div.right div  { float: left; display: block; width: 205px; }

/* RODAPÉ */
div.rodape { float: left; display: block; width: 945px; }
div.rodape div.intranet { float: left; display: block; width: 780px; background: #87C42B; }

div.rodape div.acessos { float: left; display: block; width: 135px; background: #87C42B; padding: 11px 15px; }
div.rodape div.acessos p { float: left; display: block; width: 135px; }
div.rodape div.acessos img { float: left; display: block; width: 100px; }


/* ######################################################## JSP/HOME_CONTEUDO.JSP #################################################### */

div.noticia-principal { float: left; width: 550px; display: block; }
div.noticia-principal h2 { width: 550px; background: #A0C4DE; color: #FFF; margin: 3px 0; float: left; font-size: 1em; }
div.noticia-principal p.saiba-mais { float: right; }
h2.titulo-noticias-principais { float: left; width: 560px; height: 20px; display: block; background: url('../imagens/home/faixa-noticias-principais.jpg') no-repeat center; margin: 4px 0; font-size: 0.8em; }
h2.titulo-noticias-principais span { display: none; }


/* ######################################################### JSP/NOTICIAS.JSP ######################################################## */

div.noticias-resumo-home { color:#808080; margin: 0; width: 200px; height: 350px; float: left; display: block; padding: 0 0 0 5px; background: #F8F8F8; }
div.noticias-resumo-home a.mais-noticias-resumo { width: 195px; float: left; display: block; text-align: right; padding: 5px 0; color: #4B6DAB; font-weight: bold; }
div.noticias-resumo-home h2.titulo-noticia { float: left; width: 200px; height: 20px; display: block; background: url('../imagens/home/faixa-noticias-home.jpg') no-repeat center; margin: 0 0 4px 0; }
div.noticias-resumo-home h2.titulo-noticia span { display: none; }


/* ################################################## JSP/NOTICIAS_PRINCIPAIS.JSP ################################################## */

div.noticias-principais { width: 550px; float: left; display: block; }
div.noticias-principais div { width: 550px; float: left; display: block; margin:10px 0 0 0; padding: 10px 0 0px 0; border-top: 1px solid #ccc; }
div.noticias-principais div.first { margin:0 0 0 0; padding: 10px 0 0 0; }
div.noticias-principais div a.image { float: left; display: block; width: 70px; height: 60px; }
div.noticias-principais div a.image img { float: left; display: block; }
div.noticias-principais div p,
div.noticias-principais div p a { float: left; display: block; width: 470px; margin: 0 0 5px 0; }
div.noticias-principais div p.title { font-weight: bold; padding: 5px 0 0 0; float: left; }


/* ####################################################### JSP/MAIS_NOTICIAS.JSP ##################################################### */

h2.mais-noticias-resumo,
dl.mais-noticias-resumo,
dl.mais-noticias-resumo dt { width: 500px; }
dl.mais-noticias-resumo dt span { width: 425px; }
dl.mais-noticias-resumo dd { width: 490px; }
dl.mais-noticias-resumo dt a:hover { color: #CDCDCD; font-size: 1.2em; text-decoration: none; font-family: Arial, Helvetica, sans-serif; cursor:pointer; }


/* ######################################################### JSP/PUBLICIDADES.JSP ###################################################### */

div.publicidades { float: left; width: 565px; display: block; }
div.publicidades h2 { float: left; width: 565px; height: 20px; display: block; background: url('../imagens/home/faixa-publicidade.jpg') no-repeat center; margin: 0 0 4px 0; }
div.publicidades h2 span { display: none; }
div.publicidades div.publicidade { float: left; width: 565px; display: block; height: 145px; background: #F8F8F8; }
div.publicidades div.publicidade a { display: block; width: 565px; height: 145px; overflow: hidden; border: none; }
div.publicidades div.publicidade a img { display: block; width: 402px; height: 145px; overflow: hidden; border: none; margin: 0 auto; float: none; }
div.publicidades div.publicidade2 { margin: 4px 0 0 0; }


/* ################################################## JSP/LICITACAO/LICITACAO_LOGIN.JSP ################################################# */

div.login-content { width: 540px; float: left; display: block; }
div.login-licitacao { margin: 0 auto; display: block; width: 400px; height: 320px; background: url('../imagens/licitacao/login.jpg') no-repeat center; float: left; position: relative; left: 68px; }
div.login-licitacao h2,
div.login-licitacao h2 span { display: none; }
div.login-licitacao form { margin: 100px 0 0 0; display: block; float: left; }
div.login-licitacao form label { float: left; display: block; margin: 0 0 5px 0; width: 300px; padding: 0 0 0 20px; }
div.login-licitacao form span { float: left; display: block; width: 300px; font-size: 1.3em; font-weight: bold; color: #fff; }
div.login-licitacao form label input { float: left; display: block; width: 300px; padding: 3px 4px; }
div.login-licitacao form label.cadastrar,
div.login-licitacao form label.esqueci { float: left; display: block; width: 250px; padding-top: 10px; }
div.login-licitacao form label.submit { float: left; display: block; width: 50px; margin-top: -20px; }
div.login-licitacao form label.submit input { 
	background: transparent url('../imagens/icons/v.png') no-repeat center; width: 50px; height: 50px; display: block; border: none; float: right; }
	

/* ################################################## JSP/LICITACAO/LICITACAO_EMPRESA.JSP ################################################# */

div.licitacao-cadastro { width: 550px; height: 400px; background: url('../imagens/licitacao/cadastro.jpg') no-repeat 0 0; float: left; display: block; padding: 35px 0 0 0; margin: 0; }
div.licitacao-cadastro form { float: left;  display: block; }
div.licitacao-cadastro form label { float: left; display: block; margin: 0 0 5px 0; width: 500px; height:55px; padding: 0 0 0 20px; }
div.licitacao-cadastro form label span { float: left; display: block; width: 520px; font-size: 1.2em; font-weight: bold; color: #000; margin: 0 0 1px 0;  }
div.licitacao-cadastro form label input { float: left; display: block; width: 500px; font-size: 1.2em; z-index: 200; padding: 2px; }

div.licitacao-cadastro form label.telefone,
div.licitacao-cadastro form label.senha,
div.licitacao-cadastro form label.login,
div.licitacao-cadastro form label.cnpj,
div.licitacao-cadastro form label.confirmar-senha, 
div.licitacao-cadastro form label.submit,
div.licitacao-cadastro form label.nome-responsavel,
div.licitacao-cadastro form label.email-responsavel { width: 240px; }

div.licitacao-cadastro form label.telefone input,
div.licitacao-cadastro form label.confirmar-senha input,
div.licitacao-cadastro form label.cnpj input,
div.licitacao-cadastro form label.senha input,
div.licitacao-cadastro form label.login input,
div.licitacao-cadastro form label.nome-responsavel input,
div.licitacao-cadastro form label.email-responsavel input { width: 240px; }

div.licitacao-cadastro form label.telefone span,
div.licitacao-cadastro form label.confirmar-senha span,
div.licitacao-cadastro form label.cnpj span,
div.licitacao-cadastro form label.senha span,
div.licitacao-cadastro form label.login span,
div.licitacao-cadastro form label.nome-responsavel span,
div.licitacao-cadastro form label.email-responsavel span { width: 240px; }

div.licitacao-cadastro form label.submit { height: 50px;}
div.licitacao-cadastro form label.submit input { 
	background: transparent url('../imagens/icons/v.png') no-repeat center; width: 50px; height: 50px; display: block; border: none; float: right; }


/* ######################################## JSP/LICITACAO/DOWNLOAD_EDITAIS.JSP ############################################ */

div.esqueci-senha { width: 550px; height: 165px; background: url('../imagens/licitacao/esqueci-minha-senha.jpg') no-repeat 0 0; float: left; display: block; padding-top: 35px; margin: 0; }
div.esqueci-senha form { float: left;  display: block; }
div.esqueci-senha form label { float: left; display: block; margin: 0 0 5px 0; width: 500px; height:55px; padding: 0 0 0 20px; }
div.esqueci-senha form label span { float: left; display: block; width: 520px; font-size: 1.2em; font-weight: bold; color: #000; margin: 0 0 1px 0;  }
div.esqueci-senha form label input { float: left; display: block; width: 500px; font-size: 1.2em; z-index: 200; padding: 2px; }

div.esqueci-senha form label.email { width: 504px; height: 60px; }
div.esqueci-senha form label.email input { width: 500px; }

div.esqueci-senha form label.aviso { width: 454px; }
div.esqueci-senha form label.aviso span { color: #6A0D29; }

div.esqueci-senha form label.submit { width: 50px; display: block; float: left; }
div.esqueci-senha form label.submit input { 
	background: transparent url('../imagens/icons/v.png') no-repeat center; width: 50px; height: 50px; display: block; border: none; float: right; }

/* ######################################## JSP/PROPAGANDAS.JSP ############################################ */

div.swfs-propagandas { display: block; float: left; width: 200px; }
div.swfs-propagandas div.swf { float: left; display: block; width: 200px; height: 90px; margin:0; }