/* CSS Document */

/* Folha de estilos do Site INPAR */
* {padding:0; text-align:left; text-decoration:none; vertical-align:top; list-style:none;}


/* Estilos Principais */
body {

    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;
	background-image:url(../img/bg_body.jpg); 
	background-repeat:repeat-x; 
	background-color:#d2e6f1;
	margin:0; padding:0;
	border-top:solid 2px #c3c3c3;
}
#container {margin:0 auto; padding:0; background-color:#fff; width:778px; overflow:hidden; 
			border-left:solid 1px #a5d3ed; border-right:solid 1px #a5d3ed;}
#contents { clear:both; overflow:hidden;}
a {font-weight:bold; color:#0099ff;}
a:hover {color:#57bcff; text-decoration:underline;}
h1 {margin:0; padding:6px 0 4px 26px; background-image: url(../img/bg_titulo_pagina.jpg);
	background-repeat: no-repeat; color: #FFFFFF; font-size:1.9em;}
h2 {color:#f5842a; font-size:1.4em;}
h3 {color:#0077bf; font-size:1.2em; padding:20px 0 10px 40px; margin:0;}
h4 {color:#666666; font-size:1em; padding:20px 0 3px 40px; margin:0;}

/* TOPO */
#topo {
	width:778px; 
	clear:both; 
	overflow:hidden;
	background-image: url(../img/bg_degrade_cinza.jpg);
	background-repeat: repeat-x;
	padding-bottom:15px;
	margin:0;
}
#logo {float:left;}

#menuAux {float:right; font-size:0.9em; color:#999; padding: 43px 15px 0 0; margin:0;}
#menuAux ul{padding:12px 12px 0 0; margin:0;}
#menuAux li {display:inline; text-align:right; padding:0 2px;}
#menuAux a {color:#999; font-weight:normal;}
#menuAux a:hover {color:#bbb;}


/* MENU */
#menu {clear:both; overflow:hidden; height:34px; border-bottom:solid 2px #f5842a; }
#menu ul {clear:both; margin:0; padding:0;}
#menu li {display:inline; margin:0; padding:0; text-align:left;}


/* Botoes ativos, isto eh, com link para alguma outra secao */	
#menu ul .menu_home a, #menu ul .menu_quemsomos a, #menu ul .menu_psocial a, #menu ul .menu_pespeciais a, 
#menu ul .menu_eventos a, #menu ul .menu_galeria a, #menu ul .menu_salaimprensa a, 
#menu ul .menu_comoparticipar a {float:left; background-position:0 0; height:68px; overflow:hidden;}
#menu ul .menu_home a {
	text-indent:-90000px;
	width:57px;
	background-image: url(../img/bt_home.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_quemsomos a {
	text-indent:-90000px;
	width:103px;
	background-image: url(../img/bt_quemsomos.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_psocial a {
	text-indent:-90000px;
	width:122px;
	background-image: url(../img/bt_programasocial.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_pespeciais a {
	text-indent:-90000px;
	width:136px;
	background-image: url(../img/bt_projetosespeciais.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_eventos a {
	text-indent:-90000px;
	width:70px;
	background-image: url(../img/bt_eventos.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_galeria a {
	text-indent:-90000px;
	width:66px;
	background-image: url(../img/bt_galeria.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_salaimprensa a {
	text-indent:-90000px;
	width:103px;
	background-image: url(../img/bt_faleconosco.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_comoparticipar a {
	text-indent:-90000px;
	width:121px;
	background-image: url(../img/bt_comoparticipar.gif);
	background-repeat:no-repeat;
}	

/* Hover do botao, mexe somente o position do background */	
#menu ul .menu_home a:hover, #menu ul .menu_quemsomos a:hover, #menu ul .menu_psocial a:hover, #menu ul .menu_pespeciais a:hover, 
#menu ul .menu_eventos a:hover, #menu ul .menu_galeria a:hover, #menu ul .menu_salaimprensa a:hover, 
#menu ul .menu_comoparticipar a:hover {background-position:0 -34px;}

/* Botoes inativos, isto eh, o botao da secao em que a pessoa esta fica sem link */
#menu ul .menu_home, #menu ul .menu_quemsomos, #menu ul .menu_psocial, #menu ul .menu_pespeciais,
#menu ul .menu_eventos, #menu ul .menu_galeria, #menu ul .menu_salaimprensa, 
#menu ul .menu_comoparticipar {float:left; height:34px; overflow:hidden;}
#menu ul .menu_home {
	text-indent:-90000px;
	width:57px;
	background-image: url(../img/bt_inativo_home.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_quemsomos {
	text-indent:-90000px;
	width:103px;
	background-image: url(../img/bt_inativo_quemsomos.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_psocial {
	text-indent:-90000px;
	width:122px;
	background-image: url(../img/bt_inativo_programasocial.gif);
	background-repeat:no-repeat;
}

#menu ul .menu_pespeciais {
	text-indent:-90000px;
	width:136px;
	background-image: url(../img/bt_inativo_projetosespeciais.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_eventos {
	text-indent:-90000px;
	width:70px;
	background-image: url(../img/bt_inativo_eventos.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_galeria {
	text-indent:-90000px;
	width:66px;
	background-image: url(../img/bt_inativo_galeria.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_salaimprensa {
	text-indent:-90000px;
	width:103px;
	background-image: url(../img/bt_inativo_faleconosco.gif);
	background-repeat:no-repeat;
}
#menu ul .menu_comoparticipar {
	text-indent:-90000px;
	width:121px;
	background-image: url(../img/bt_inativo_comoparticipar.gif);
	background-repeat:no-repeat;
}


/* SUBMENU */
#submenu {float:left; width:200px; background-color:#f5f5f5; border-top:solid 1px #d3d3d3; }
#submenu ul {margin:0; padding:0; }
#submenu li {margin:0; padding:7px 10px 7px 20px; border-bottom:solid 1px #d3d3d3;}
#submenu li a {color:#999; }
#submenu li a:hover {color:#bbb; text-decoration:none; }

/* CONTEUDO */
#conteudo {clear:both; overflow:hidden;}
#conteudo p {line-height:1.5em; color:#666;}
#imgPrincipal {text-align:center; padding:0; margin:0;}

#txtPrincipal {float:right; width:578px; margin:0 0 30px 0; border-top:solid 1px #d3d3d3;}
#txtPrincipal p {margin:0; padding: 10px 40px 0 40px;}
#txtPrincipal h2 {margin:0; padding: 20px 40px 10px 40px;}

/* fale conosco */
#texto {float: left;} 
#campo_form {float: right; padding: 0; margin: 0; }
#campo_form input {margin: 0; padding: 0; color:#666666;}
#campo_form p{padding:  10px 30px 0 0; margin: 0;}
.comentario {width: 215px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#666666;}
#campo_form textarea {margin: 0 0 5px 0;}
.botao_form {
	font-size:13px;
	background-color: #ededed;
	border-top: solid 1px #cccccc; 
	border-left: solid 1px #cccccc;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;	
	padding:3px;

}

/* como participar */
#formulario_participar {clear: both; padding: 0 0 0 25px; margin: 0 0 15px 15px; }
#formulario_participar input {margin: 0; padding: 0; color:#666666;}
#formulario_participar p{padding:  10px 30px 0 0; margin: 0;}
.comentario {width: 215px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#666666;}
#formulario_participar textarea {margin: 0 0 5px 0;}
.botao_form {
	font-size:13px;
	background-color: #ededed;
	border-top: solid 1px #cccccc; 
	border-left: solid 1px #cccccc;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;	
	padding:3px;

}

/* DESTAQUES */
#destaques {
    width:100%;
	clear:both;
	margin:0;
	padding:0 12px 15px 16px;
	overflow:hidden;
	background-image: url(../img/bg_degrade_cinza.jpg);
	background-repeat: repeat-x;
}
.destaque { 
	width:242px; 
	float:left; 
	padding:0; margin:0;
}
.destaque h2 {color:#f5842a; padding:20px 0 8px 10px; margin:0; font-size:1.4em;}	
.destaqueLinha {width:12px; float:left;padding:0; margin:0;}
.destaque p {padding:6px 10px 10px 10px; margin:0; font-size:0.9em; line-height:1.2em;}
#destaques h3 {padding:10px 0 0 10px;}
.subtitl {font-size: 1.2em; font-weight: bold; color:#666}

/* FOOTER */
#footer {clear:both; width:778px; background-color:#f6f6f6; padding:0; margin:0 auto; height:41px; border-left:solid 1px #a5d3ed; border-right:solid 1px #a5d3ed; border-bottom:solid 1px #a5d3ed;}
#footer p {padding:15px 30px 0 30px; margin:0; color:#888; font-size:10px;}


/* TABELAS */
#thumbnails {
	width: 493px; 
	margin: 0px 30px;
}


/* CLASSES AUXILIARES */
.fltright {float:right;}
.fltleft {float:left;}

.itemSelecionado { background-color:#fff; color:#f5bb8d; font-weight:bold;}