/******************************************************** 
Versao inicial: 22-12-2007 - Atualizado: 05-04-2009
Esta é a folha de estilos para apresentacao na tela,
do site http://www.vereadoralucinha.com.br     
********************************************************/

/*************************************************************
DEFAULT
*************************************************************/
*{margin:0px; padding:0px; text-decoration:none; border:none; font-family:Arial; font-size:12px;}
h1{display:block; height:1px; text-indent:-9999em; overflow:hidden;}
hr {display:none;}
body{height:100%;}
html{height:100%;background: #fff url(../imgs/bg_campanha.jpg) no-repeat top center;}
html.print{height:100%;background:none;}

/*************************************************************
TOPO
*************************************************************/
a.topo{display:block; width:720px; height:125px;}
#geral{margin: 0 auto; width: 746px; display:table;}
#lateral{width:216px; display:inline; float:left; margin-bottom:15px;}
#miolo{width: 525px; display:inline; float:left; margin-left:5px;}

/*************************************************************
MENU
*************************************************************/
#menu{padding:10px 10px 0px 10px; width: 196px;height: 260px;display: table; background:url(../imgs/bg_menu.gif) no-repeat; margin-bottom:15px; float:left;}
	#menu ul{width:196px; list-style-type:none;text-indent:-9999em; overflow:hidden;}  
	#menu ul li a{display:block; width:196px; height: 25px; padding: 5px 0; border-bottom:1px dashed #FFE399;}
	#menu ul li.primeira_pagina a{background:url(../imgs/btn_menu_primeira_pagina.gif) no-repeat 3px center;}
	#menu ul li.conheca_lucinha a{background:url(../imgs/btn_menu_conheca_lucinha.gif) no-repeat 3px center;}  
	#menu ul li.atuacao_parlamentar a{background:url(../imgs/btn_menu_atuacao_parlamentar.gif) no-repeat 3px center;}  
	#menu ul li.compromisso_social a{background:url(../imgs/btn_menu_compromisso_social.gif) no-repeat 3px center;}  
	#menu ul li.acao_comunidades a{background:url(../imgs/btn_menu_acao_comunidades.gif) no-repeat 3px center;}  
	#menu ul li.noticias a{background:url(../imgs/btn_menu_noticias.gif) no-repeat 3px center;}  
	#menu ul li.galeria_fotos a{background:url(../imgs/btn_menu_galeria_fotos.gif) no-repeat 3px center;}
	#menu ul li.fale_com_lucinha a{background:url(../imgs/btn_menu_fale_com_lucinha.gif) no-repeat 3px center;border-bottom:none;} 
	#menu ul li a:hover {background-color: #FBDA57;}

/*************************************************************
HOT LINKS
*************************************************************/
#hot_links{margin-left:15px; width:190px; display:inline;}
#hot_links h2{display:block; height:1px; text-indent:-9999em; overflow:hidden;}
	#informativo{margin: 0; padding: 55px 0 0 10px; display:block; width:180px; height:34px; background:url(../imgs/banner_informativo.gif) no-repeat;}
	#informativo .campo_news{ width: 137px; height: 16px; padding-left:3px; border: 2px solid #ECAF5F; float:left;}
	#informativo .botao_ok_informativo{background: url(../imgs/btn_ok_informativo.gif) no-repeat; padding:0px; line-height: 999999px; border:0px;display: table;overflow: hidden; height:20px; width:28px; text-indent:-9999em;  overflow:hidden; cursor:pointer;}
	
a.hotlink h3{color:#C99742; margin-bottom:3px;}
a.hotlink p{color:#766969; font-size:11px; margin-bottom:15px;}
a.hotlink:hover h3, a.hotlink:hover p{text-decoration:underline;}

span.hotlinkTitulo{color:#C99742; font-size:11px;}
span.hotlinkTexto{color:#9D7A34; font-size:11px;}
	  
/*************************************************************
DESTAQUES HOME
*************************************************************/
#destaques{width:525px; float:left; background:url(../imgs/bg_destaque_home2.gif) no-repeat;margin-bottom:15px;}
	#destaque_atuacao_parlamentar{padding: 70px 10px 0px 15px; width:143px; height:200px; display:inline; float:left; line-height:18px;}
		#destaque_atuacao_parlamentar h2{display:block; height:1px; text-indent:-9999em;  overflow:hidden;}
		#destaque_atuacao_parlamentar a{color:#A64101; display:block; width: 143px; height: 185px; background: url(../imgs/btn_saiba_mais_0.gif) center bottom no-repeat;}
		#destaque_atuacao_parlamentar a:hover{text-decoration:underline; background: url(../imgs/btn_saiba_mais_1.gif) center bottom no-repeat;}
	#destaque_compromisso_social{padding: 70px 10px 0px 15px; width:143px; height:200px; display:inline; float:left; line-height:18px;}
		#destaque_compromisso_social h2{display:block; height:1px; text-indent:-9999em; overflow:hidden;}
		#destaque_compromisso_social a{color:#33738D; display:block; width: 143px; height: 185px; background: url(../imgs/btn_saiba_mais_0.gif) center bottom no-repeat;}
		#destaque_compromisso_social a:hover{text-decoration:underline; background: url(../imgs/btn_saiba_mais_1.gif) center bottom no-repeat;}
	#destaque_acao_comunidades{padding: 70px 10px 0px 15px; width:143px; height:200px; display:inline; float:left; line-height:18px;}
		#destaque_acao_comunidades h2{display:block; height:1px; text-indent:-9999em; overflow:hidden;}
		#destaque_acao_comunidades a{color:#52630D; display:block; width: 143px; height: 185px; background: url(../imgs/btn_saiba_mais_0.gif) center bottom no-repeat;}
		#destaque_acao_comunidades a:hover{text-decoration:underline; background: url(../imgs/btn_saiba_mais_1.gif) center bottom no-repeat;}

/*************************************************************
NOTÍCIAS EM DESTAQUE
*************************************************************/
#noticias_destaque{width:300px; display:inline; float:left;}
	.box_noticia_destaque{ display:table; margin-bottom:15px; width:300px;}
		.box_noticia_destaque h3 a {font-size:18px; color:#EE7C17; margin-bottom:10px; display:block;}
		.box_noticia_destaque h3 a:hover{text-decoration:underline;}
	
		.foto_link {display:block;overflow:hidden; position:relative; width:120px;height:90px;}
		.foto_link img {display:block; float:left;}
		.foto_link:hover {border:2px solid #C99742; width:116px; height:86px;}
		.foto_link:hover img {margin:-2px 0px 0 -2px;}
		
		.foto{display:inline; width:130px; float:left;}
		.desc_noticia{display:inline; float:left; width:170px; color:#766969;}
		.desc_noticia a{color:#766969;}
		.desc_noticia a:hover{text-decoration:underline;}
		a.btn_noticia_completa{display:block; margin-top:15px; width:111px; height: 14px; background: url(../imgs/btn_noticia_completa.gif) no-repeat; text-indent:-9999em; overflow:hidden;}
		a.btn_noticia_completa:hover{background: url(../imgs/btn_noticia_completa.gif) no-repeat 0 -14px;}
	
		
/*************************************************************
ÚLTIMAS NOTÍCIAS
*************************************************************/
#ultimas_noticias{display:inline; float:left; width:190px; margin-left:15px;}
		#ultimas_noticias a.ultima_noticia h3{color:#698390; margin-bottom:5px;}
		#ultimas_noticias a.outros_acontecimentos h3{color:#698390; margin-bottom:5px; font-size:13px;}
		
		#ultimas_noticias a.ultima_noticia p,#ultimas_noticias a.outros_acontecimentos p{color:#766969; font-size:11px; margin-bottom:15px;}
		
		a.ultima_noticia:hover h3, a.outros_acontecimentos:hover h3, a.ultima_noticia:hover p, a.outros_acontecimentos:hover p{text-decoration:underline;}			
			
/*************************************************************
RODAPÉ
*************************************************************/
#rodape{display:inline; float:left; padding-top: 2px; width:746px; height:50px; background:url(../imgs/rodape.gif) no-repeat;}
	#rodape ul{text-align:center;}
	#rodape ul li{padding:0 14px;list-style-type:none; display:inline; float:left; border-right: 1px solid #F6EA88;}
	#rodape ul li a, #rodape, #rodape a{font-size:10px; color:#fff;}
	#rodape ul li a:hover, #rodape a:hover{text-decoration:underline;}
	#rodape ul li.fale_com_lucinha{padding-right:0; border-right:none;}
	
/*************************************************************
TÍTULOS
*************************************************************/
#tit_conheca_lucinha{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_conheca_lucinha.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_conheca_lucinha a{color:#96AEEA; text-decoration:underline;font-size:11px;}

#tit_atuacao_parlamentar{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_atuacao_parlamentar.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_atuacao_parlamentar a{color:#96AEEA; text-decoration:underline;font-size:11px;}	

#tit_compromisso_social{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_compromisso_social.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_compromisso_social a{color:#96AEEA; text-decoration:underline;font-size:11px;}

#tit_acao_comunidades{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_acao_comunidades.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_acao_comunidades a{color:#96AEEA; text-decoration:underline;font-size:11px;}

#tit_noticias{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_noticias.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_noticias a{color:#96AEEA; text-decoration:underline;font-size:11px;}

#tit_galeria_fotos{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_galeria_fotos.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_galeria_fotos a{color:#96AEEA; text-decoration:underline;font-size:11px;}

#tit_fale_com_lucinha{width:510px; padding:45px 5px 0 10px; height:24px; background:url(../imgs/titulo_fale_com_lucinha.gif) no-repeat; color:#96AEEA;font-size:11px;}
	#tit_fale_com_lucinha a{color:#96AEEA; text-decoration:underline;font-size:11px;}

#header_print{width:510px; padding:45px 5px 0 10px; height:35px; background:url(../imgs/header_print.gif) no-repeat; color:#96AEEA;font-size:11px;}
	
/*************************************************************
CONTEÚDO
*************************************************************/	
#conteudo{padding:10px 5px;}
	#conteudo h3{font-size:20px; color:#EE7C17; margin-bottom:5px;}
	#conteudo h4{font-size:13px; color:#C99742; margin-bottom:20px;}
	#conteudo h5{font-size:10px; color:#666; margin-bottom:10px;}
	#conteudo p a.link, #conteudo a.link{color:#2F6D8C;text-decoration:underline;}
	#conteudo p a.link:hover, #conteudo a.link:hover{color:#EE7C17;}
	
	#conteudo p{color:#2F6D8C; margin-bottom:15px; line-height:17px;}
	.box_foto_esq{color:#666; float:right; font-size:10px; display:inline; width:190px; margin-left:5px;}
		.box_foto_esq img{float:right; border:2px solid #fff; margin:0 -2px;}
		
	.box_foto_dir{color:#666; float:left; font-size:10px; display:inline; width:190px; padding-right:15px;}
		.box_foto_dir img{float:left;border:2px solid #fff; margin:0 -2px;}
		
	#rodape_conteudo{display:block; border-top:1px solid #2F6D8C; margin-bottom:35px;}
	
	.btn_imprimir{padding:0px; line-height: 999999px; border:0px; float:right; display:block; margin-top:5px; margin-left:5px; width:64px; height: 14px; background: url(../imgs/btn_imprimir.gif) no-repeat; text-indent:-9999em; overflow:hidden; cursor:pointer;}
	.btn_imprimir:hover{background: url(../imgs/btn_imprimir.gif) no-repeat 0 -14px;}
	
	.btn_limpar{padding:0px; line-height: 999999px; border:0px; float:right; display:block; margin-top:5px; margin-left:5px; width:58px; height: 14px; background: url(../imgs/btn_limpar.gif) no-repeat; text-indent:-9999em; overflow:hidden; cursor:pointer;}
	.btn_limpar:hover{background: url(../imgs/btn_limpar.gif) no-repeat 0 -14px;}
	
	#informativo .botao_ok_informativo{padding:0px; line-height: 999999px; border:0px;display: table;overflow: hidden; height:20px; width:28px; text-indent:-9999em;  overflow:hidden; cursor:pointer;}
	
	.btn_enviar{padding:0px; line-height: 999999px; border:0px; float:right; display:block; margin-top:5px; margin-left:5px; width:58px; height: 14px; background: url(../imgs/btn_enviar.gif) no-repeat; text-indent:-9999em; overflow:hidden; cursor:pointer;}
	
	.btn_enviar:hover{background: url(../imgs/btn_enviar.gif) no-repeat 0 -14px;}
	
	.btn_voltar{padding:0px; line-height: 999999px; border:0px; float:right; display:block; margin-top:5px; margin-left:5px; width:61px; height: 14px; background: url(../imgs/btn_voltar.gif) no-repeat; text-indent:-9999em; overflow:hidden; cursor:pointer;}
	.btn_voltar:hover{background: url(../imgs/btn_voltar.gif) no-repeat 0 -14px;}
	
	#conteudo_print p{color:#000; margin-bottom:15px; line-height:17px;}
	#conteudo_print h3{font-size:20px; color:#000; margin-bottom:5px;}
	#conteudo_print h4{font-size:13px; color:#000; margin-bottom:20px;}
	#conteudo_print h5{font-size:10px; color:#000; margin-bottom:10px;}
	#conteudo_print p{color:#000; margin-bottom:15px; line-height:17px;}
	
/*************************************************************
LISTA PDF
*************************************************************/

#conteudo ul{list-style:none;padding:0;margin:3px 0 20px 0;}  
#conteudo ul li{
	background:url(../imgs/pdf_icon.gif) no-repeat 0 0;
	
	line-height:18px !important;
	margin-bottom:15px;
	padding-left:25px;	
}

#conteudo ul li a{color:#C99742; font-size:13px;}
#conteudo ul li a:hover{text-decoration:underline;}


/*************************************************************
CENTROS SOCIAIS
*************************************************************/
a.box_cs_campogrande{width:165px; height:130px; float:left; background:url(../imgs/box_cs_campogrande.gif) no-repeat; display: block;color:#0643b8; padding:50px 0 0 5px; font-size:11px; margin:0 2px 2px 0}
a.box_cs_campogrande:hover{text-decoration:underline;}

a.box_cs_santacruz{width:165px; height:130px; float:left; background:url(../imgs/box_cs_santacruz.gif) no-repeat; display: block;color:#0643b8; padding:50px 0 0 5px; font-size:11px; margin:0 2px 2px 0}
a.box_cs_santacruz:hover{text-decoration:underline;}

a.box_cs_reta{width:165px; height:130px; float:left; background:url(../imgs/box_cs_reta.gif) no-repeat; display: block;color:#0643b8; padding:50px 0 0 5px; font-size:11px; margin:0 0px 2px 0}
a.box_cs_reta:hover{text-decoration:underline;}

a.box_cs_inhoaiba{width:165px; height:130px; float:left; background:url(../imgs/box_cs_inhoaiba.gif) no-repeat; display: block;color:#0643b8; padding:50px 0 0 5px; font-size:11px; margin:0 2px 20px 0}
a.box_cs_inhoaiba:hover{text-decoration:underline;}

a.box_cs_anchieta{width:165px; height:130px; float:left; background:url(../imgs/box_cs_anchieta.gif) no-repeat; display: block;color:#0643b8; padding:50px 0 0 5px; font-size:11px; margin:0 2px 20px 0}
a.box_cs_anchieta:hover{text-decoration:underline;}

.tabelaHeader{color:#b73c06; font-size:15px;}
	
/*************************************************************
FORMULARIOS DE CONTATO
*************************************************************/
.form-contato {width:515px;}

.form-contato, form#commentform {padding:0 0 30px;}
.form-contato legend, form#commentform legend {display:none;}
.form-contato label b, form#commentform label b {display:block; color:#345C7B; margin-bottom:5px;}
.form-contato label, form#commentform label {float:left;margin:0 10px 20px 0;}
.form-contato span{color:#2F6D8C;}

.form-contato label input, form#commentform label input {font:90%;width:230px;padding:5px 5px;border:1px solid #FFCC66;color:#C99742;}
.form-contato label textarea, form#commentform label textarea{border:1px solid #FFCC66;width:482px;height:140px;padding:5px 5px;color:#C99742;}

.form-contato label input:hover, .form-contato label input:focus, form label textarea:hover, form label textarea:focus, form#commentform label input:hover, form#commentform label input:focus, form#commentform label textarea:hover, form#commentform label textarea:focus{ background-color:#FFFFCC;}

/*************************************************************
GALERIA DE FOTOS
*************************************************************/
#combo{background:#48549e; width:505px; height:30px; border-bottom:2px solid #fff;}
#combo select{margin-top:6px; width:370px; background:#d1d6f4;}
#combo label{margin-left:10px; color:#fff; font-weight:bold;}



/*************************************************************
MENSAGENS DE CONFIRMAÇÃO
*************************************************************/
.mensagem-positiva, .mensagem-negativa, .mensagem-alerta {padding: 10px !important;	margin: 0 0 15px;display: none;font: 11px verdana, arial;}
.mensagem-positiva{background: #EEF4D8;border: 2px solid #CBE099;}
.mensagem-negativa{background: #8D0003;border: 2px solid #190003;color: white;}
.mensagem-alerta{background: #F7FFBF;border: 2px solid #FFD712;}

.bot-acao {background: url(imagens/fundobotao.png) repeat-X left top;padding: 5px 10px;font: 12px Lucida Grande, Verdana, Arial, Tahoma, Sans-Serif;color: black;border: 1px solid #D1D1D1;cursor: pointer;}
.bot-acao.botao-enviar {float: right;}