/******************************

CSS designed by
Rogério Alencar Lino Filho
email: rogeriolino@gmail.com
http://rogeriolino.wordpress.com/

******************************/

/************************
* MISC
*************************/

* {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

html, body { background: url(../imgs/bg.jpg) repeat fixed; text-align: center; }

#geral { 
	width: 770px;
	margin: 0px auto;
}

#site {
	width: 770px;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	background: #ffffff url(../imgs/site_bg.jpg) repeat-y;
	float: left;
}

#site #conteudo table {
	border: 1px solid #666666;
}

#site #conteudo table td {
	padding: 5px 10px;
}

#site #conteudo ul { float: left; padding: 10px 30px; }

#site #conteudo ul li { list-style: disc; }

#site #conteudo ul li a {
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
}

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

#site #topo {
	width: 770px;
	background: url(../imgs/topo_bg.jpg) repeat-x;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;

	*position: relative;

}

#site #topo #logo-nome {
	height: 120px;
}

#site #topo #logo-nome h1 {
	width: 118px;
	height: 110px;
	padding: 10px 0px 0px 12px;
	background: url(../imgs/logo_bg.jpg) repeat-x;
	float: left;
	display: block;
}

#site #topo #logo-nome h1 a {
	width: 104px;
	height: 104px;
	background: url(../imgs/logo.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}

#site #topo #logo-nome h2 {
	width: 342px;
	height: 39px;
	margin: 15px 0px 0px 34px;
	background: url(../imgs/logo_nome.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	float: left;

	*margin: 45px 0px 0px 34px;
}

/* WEBMAIL */
#site #topo #webmail {
	width: 300px;
	height: 25px;
	padding: 5px 0px 0px  26px;
	background: url(../imgs/webmail_bg.jpg) no-repeat;
	position: relative;
	float: right;

	*right: 0px;
	*position: absolute;
}

#site #topo #webmail h5 {
	font: 10px Verdana, Arial, Sans-Serif;
	color: #C40000;
	padding: 2px 3px;
	float: left;
}

#site #topo #webmail input {
	width: 80px;
	height: 15px;
	font: 10px Verdana, Arial, Sans-Serif;
	color: #999999;
	padding: 0px;
	border: 1px solid #999999;
	float: left;
}

#site #topo #webmail #btn_webmail {
	width: 22px;
	height: 16px;
	color: #C40000;
	background: #CCCCCC;
	margin: 0px 0px 0px 4px;
	border: none;
}

#site #topo #topo_data {
	font: 12px Verdana, Arial, Sans-serif;
	color: #990000;
	text-align: right;
	padding: 2px 10px;
	background: #e0e0e0;
}

/************************
* MENU
*************************/
#site #lateral {
	width: 130px;
	float: left;
}

#site #menu {
	width: 130px;
	padding: 20px 0px;
	border-top: 1px solid #E9E9E9;
}

#site #menu ul {
	width: 130px;
	float: left;
}

#site #menu ul li {
	list-style: none;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #CBCBCB;
	position: relative;
}
#site #menu ul li.primeiro { border-top: none; }

#site #menu ul li a {
	min-height: 20px;
	font: 10px Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #c40000;
	text-decoration: none;
	padding: 7px 15px 0px 15px;
	display: block;
}

#site #menu ul li a:hover {
	color: #ffffff;
	background: url(../imgs/menu-hover_bg.jpg) repeat-x;
}

/* SUBMENU */
#site #menu ul li ul {
	top: 0px;
	left: 130px;
	width: 180px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	position: absolute;
	display: none;
}

#site #menu ul li ul li {
	width: 180px;
	background: #f0f0f0;
	float: left;
}

#site #menu ul li ul li a {
	width: 150px;
	height: 20px;
	padding: 2px 20px 3px 10px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}

#site #menu ul li ul li a:hover { color: #000000; }

#site #menu ul li:hover ul, #site #menu ul li.over ul { display: block; }

#home #lateral #nav_home { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#historia #lateral #nav_historia { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#secretarias #lateral #nav_secretarias { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#fotos #lateral #nav_fotos { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#videos #lateral #nav_videos { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#convencao #lateral #nav_convencao { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#processo #lateral #nav_processo { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#homologacao #lateral #nav_homologacao { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#equipe #lateral #nav_equipe { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }
#contato #lateral #nav_contato { color: #ffffff; background: url(../imgs/menu_bg_on.jpg) repeat-x; }

/* BUSCA */

#site #buscar {
	width: 130px;
	background: url(../imgs/busca_bg.jpg) no-repeat center bottom;
	padding: 10px 0px 0px 0px;
}

#site #buscar form #busca {
	width: 105px;
	padding: 2px 10px 0px 10px;
	font: 10px Verdana, Arial, Sans-serif;
	background: none;
	color: #666666;
	border: none;
}


/************************
* FILIADOS
*************************/
#filiados {
	width: 130px;
	text-align: center;
}

#filiados h5 {
	font: 12px Verdana, Arial, Sans-serif;
	color: #B30404;
	font-weight: bold;
	padding: 20px 0px 10px 15px;
	float: left;
}

#filiados a img { border: none; margin: 5px 0px; }

/************************
* CONTEÚDO
*************************/
#site #conteudo {
	width: 590px;
	padding: 20px 20px;
	float: right;
}

/************************
* BANNERS
*************************/
#site #banners {
	padding: 20px 25px 20px 0px;
	float: right;
}

#site #banners #banner {
	width: 580px;
	height: 96px;
	margin: 0px 0px 20px 0px;
	background: url(../imgs/banner_bg.jpg) repeat-x left center;

}

#site #banners #banner h3 {
	width: 61px;
	height: 96px;
	text-indent: -4000px;
	overflow: hidden;
	background: url(../imgs/logo2.jpg) no-repeat right center;
	padding: 0px 0px 0px 55px;
	margin: 0px 20px 0px 0px;
	float: left;
}

#site #banners #banner p {
	font: 18px Verdana, Arial, Sans-serif;
	color: #333333;
	padding: 25px 0px 0px 50px;
}

#site #banner2 a img { border: none; }

/************************
* RODAPE
*************************/
#site #rodape {
	width: 770px;
	height: 60px;
	background: url(../imgs/rodape_bg.jpg) repeat-x;
	clear: both;
}

#site #rodape h6 {
	width: 182px;
	height: 11px;
	margin: 28px 0px 0px 30px;
	background: url(../imgs/logo_rodape.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
	display: block;
}

#site #rodape p {
	font: 10px Verdana, Arial, Sans-serif;
	color: #C80000;
	text-align: right;
	padding: 18px 15px 0px 0px;
	float: right;
}

/************************
* CONTATO
*************************/
#contato #conteudo h3 {
	font: 20px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 10px 0px;
}

#contato #conteudo form {
	width: 430px;
	padding: 30px 10px;
	float: left;
}

#contato #conteudo form h5 {
	font: 12px Verdana, Arial, Sans-serif;
	color: #333333;
	width: 100px;
	height: 20px;
	margin: 5px 0px;
	float: left;
}

#contato #conteudo form input, #contato #conteudo form textarea {
	width: 300px;
	height: 20px;
	float: right;
	margin: 3px 0px;
}

#contato #conteudo form textarea {
	height: 200px;
}

#contato #conteudo form #btn {
	height: 25px;
}

#contato #conteudo p {
	font: 11px Verdana, Arial, Sans-serif;
	color: #999999;
	padding: 30px 0px;
	float: right;
}

/************************
* HISTÓRIA
*************************/
#historia #conteudo h3 {
	font: 20px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 10px 0px;
}

/************************
* SECRETARIAS
*************************/
#secretarias #conteudo h3 {
	font: 20px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 10px 0px;
}

#secretarias #conteudo ul { padding: 5px 20px; }
#secretarias #conteudo ul li { list-style: none; padding: 2px 0px; }

#secretarias #conteudo ul li a {
	font: 12px Verdana, Arial, Sans-serif;
	color: #333333;
	text-decoration: underline;
}

#secretarias #conteudo ul li a:hover {
	text-decoration: none;
}

#secretarias #titulo_secretaria {
	width: 585px;
	height: 50px;
	padding: 0px;
	margin: 20px 0px 20px 30px;
	background: #C40000;
	float: left;
}


#secretarias #titulo_secretaria h2 {
	height: 50px;
	font: 70px Verdana, Arial, Sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 7px 0px 2px;
	letter-spacing: -11px;
	line-height: 42px;
	overflow: hidden;
	float: left;
}

#secretarias #titulo_secretaria ul {
	margin: 0px 2px 0px 0px;
	padding: 27px 0px 0px 0px;
	float: right;
}

#secretarias #titulo_secretaria ul li { list-style: none; float: left; }

#secretarias #titulo_secretaria ul a {
	width: 101px;
	height: 18px;
	font: 10px Verdana, Arial, Sans-serif;
	color: #C40000;
	text-align: center;
	text-decoration: none;
	margin: 0px 2px;
	padding: 5px 0px 0px 0px;
	background: url(../imgs/secretarias_menu_bg.jpg) no-repeat;
	float: left;
}

#secretarias #titulo_secretaria ul a:hover { text-decoration: underline; }

/************************
* BUSCA - LISTAR_MATERIAS
*************************/
#listar #conteudo h3 {
	font: 20px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 10px 0px;
}

#listar #conteudo h4 {
	font: 14px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 10px 22px;
}

#listar #conteudo ul { padding: 5px 20px; }
#listar #conteudo ul li { list-style: none; padding: 2px 0px; }

#listar #conteudo ul li a {
	font: 12px Verdana, Arial, Sans-serif;
	color: #333333;
	text-decoration: underline;
}

#listar #conteudo ul li a:hover {
	text-decoration: none;
}

#listar #conteudo #control {
	padding: 30px 20px;
}

#listar #conteudo #control a {
	font: 12px Verdana, Arial, Sans-serif;
	color: #333333;
	text-decoration: underline;
}

/************************
* DESTAQUES
*************************/
#conteudo #conteudo_destaques {
	padding: 0px 0px 20px 0px;
	float: left;
}

#conteudo #left_cont {
	width: 342px;
	float: left;
}

#conteudo #right_cont {
	width: 242px;	
	float: left;
}


#conteudo #left_cont .noticias {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background: #f3f3f3;
}

#conteudo #left_cont .noticias a {
	font: 11px Verdana, Arial, Sans-serif;
	color: #000000;
	text-align: justify;
	text-decoration: none;
}

#conteudo #left_cont .noticias a:hover { text-decoration: underline; }

#conteudo #left_cont .noticias a img {
	margin: 0px 5px 5px 0px;
	border: 2px solid #990000;
	float: left;
}

#conteudo #left_cont .noticias a span {
	font: bold 16px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 5px 0px;
	display: block;
}

#conteudo #right_cont #agenda,
#conteudo #right_cont #jornal {
	padding: 10px;
}

#conteudo #right_cont #agenda h3 a,
#conteudo #right_cont #jornal h3 a {
	width: 230px;
	_width: 220px;
	font: bold 14px Verdana, Arial, Sans-serif;
	color: #990000;
	text-decoration: none;
	text-align: center;
	display: block;
}

#conteudo #right_cont #agenda h3 a {
	height: 182px;
	background: url(../imgs/agenda.jpg) no-repeat center bottom;
}
#conteudo #right_cont #jornal h3 a {
	height: 240px;
	background: url(../imgs/jornal_mini.png) no-repeat center bottom;
}

#conteudo #right_cont #agenda h3 a:hover,
#conteudo #right_cont #jornal h3 a:hover { text-decoration: underline; }

/************************
* MATÉRIAS
*************************/
#materia h2 { padding: 20px 0px 0px 0px; }

#materia h2 a {
	font: 20px Verdana, Arial, Sans-serif;
	color: #990000;
	padding: 5px 0px;
	text-decoration: none;
}

#materia h2 a:hover { text-decoration: underline; }

#materia h5 {
	font: 10px Verdana, Arial, Sans-serif;
	color: #666666;
	padding: 2px 20px 0px 0px;
	float: left;
}

#materia #materia_conteudo {
	width: 585px;
	padding: 20px 0px;
	float: left;
}

#materia #materia_conteudo p {
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
	margin: 0px 0px 15px 0px;
	line-height: 20px;
	text-indent: 30px;
	text-align: justify;
}

#materia #materia_conteudo img {
	border: 1px solid #990000;
	margin: 5px 0px 0px 15px;
	float: right;
}

/************************
* OUTRAS MATÉRIAS
*************************/
#outras_materias {
	width: 585px;
	margin: 5px 0px;
}

#outras_materias { float: left; }

#outras_materias div.titulo h4 {
	font: 12px Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 20px;
	margin: 5px 0px;
	background: #990000;
	display: block;
}

#outras_materias ul { padding: 0px !important; margin: 0px; }

#outras_materias ul li {
	width: 555px;
	margin: 10px 0px;
	padding: 5px 15px 0px 15px;
	list-style: none !important;
	background: #f1f1f1;
	float: left;
}

#outras_materias ul li a {
	font: 12px Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	display: block;
}

#outras_materias ul li a:hover, #informativo ul li a:hover { text-decoration: underline; }

#outras_materias ul li p, #informativo ul li p {
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
	margin: 5px 0px;
	text-align: justify;
}

#outras_materias a#listar_todas {
	font: 10px Verdana, Arial, Sans-serif;
	color: #ffffff;
	margin: 10px 20px 0px 0px;
	padding: 3px 10px;
	text-decoration: none;
	background: #B30404;
	float: right;
}

#outras_materias a#listar_todas:hover { text-decoration: underline; }


/************************
* ALBUM_FOTOS
*************************/
#fotos #conteudo h3 {
	font: 20px Verdana, Arial, Sans-serif;
	color: #990000;
	text-align: center;
	padding: 10px 20px;
}

#fotos #conteudo #album_fotos { width: 540px; }

#fotos #conteudo #foto_atual {
	width: 585px;
	text-align: center;
}

#fotos #conteudo #nav_fotos { padding: 15px 0px 5px 155px; }

#fotos #conteudo #nav_fotos a {
	font: 11px Verdana, Arial, Sans-serif;
	color: #ffffff;
	background: #B40A0A;
	padding: 5px 10px;
	margin: 0px 10px;
	text-decoration: none;
	float: left;
}

#fotos #conteudo img {
	border: 1px solid #B40A0A;
}

#fotos #conteudo #miniaturas {
	width: 540px;
	float: left;
}

#fotos #conteudo #miniaturas li { list-style: none; float: left; }

#fotos #conteudo #miniaturas li a {
	width: 120px;
	height: 125px;
	text-align: center;
	padding: 10px 5px;
	float: left;
}