/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	/*line-height: 1.3em;*/
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #16265A;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	margin-bottom: 1px;
}

div#wrapper {
		background: #f7f7f7 url(../img/img_fundo_completo.jpg) 0 0 no-repeat;
}

div.center {
  text-align: center;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
}

body.width_fmax div#wrapper {
	width: 800px;
	height: 600px;
}

/* horizontal pill menu */

#pillmenu {
  white-space: nowrap;
  font-size: 12px;
  float: right;
  margin-top: 80px;
  width: auto;

}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	float:left;
  display:block;
  height: 20px;
  line-height: 24px;
  padding: 0 5px;
  color: #16265A;
}

#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 21px;
	line-height: 21px;
	background-position: 0 0;
	background-image:none;
	color:red;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

/* edit button */
.contentpaneopen_edit{
	float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

table.contentpaneopen a {
	color:#8D0605;
}

.highlight {
	background-color: #fffebb;
}

#header-60{
	width: 100%;
	height: 150px;
}

#separador div{
	margin-left:90px;
	margin-right:90px;
	border-bottom:3px solid;
}

#mod-fale-conosco{
	float:right;
	width: 156px;
}

#mod-sessao{
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:45px;
	font-weight:bold;
	letter-spacing:-2px;
	width:auto;
	margin-top: 84px;
}

#body-60{
	margin-left: 90px;
	*margin-left: 40px;
	margin-right: 90px;
	*margin-right: 40px;
	width:620px;
	height: 352px;
}

#body-60 li{
	list-style: none;
}

#colun-left{
	text-align:left;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height: 40px;
	width: 200px;
	margin-right: 10px;
	height: 322px;
	overflow-x: hidden;
	overflow-y: auto;
}

#colun-left ul{
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
}

#colun-center{
	float:left;
	width: auto;
	height: 352px;
	overflow: hidden;
}

#colun-right{
	text-align:right;
	/*float:right;*/
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:-2px;
	font-size:26px;
	font-weight:bold;
	line-height: 46px;
	width: 188px;
	height: 352px;
	position: relative;
	color: #16265A;
}

#colun-right li{
	background-image:url(../img/linha_separacao.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	/*overflow-x: visible;
	overflow-y: hidden;*/
}

#colun-right[id] {
	display: table;
	position: static;
}

/* para o IE */
#middle {
	position: absolute;
	top: 50%;
}

#middle[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}

/* para o IE */
#inner {
	position: relative;
	top: -50%
}

.item53 a:hover, .item89 a:hover, .item77 a:hover, .item81 a:hover, .item93 a:hover, .item66 a:hover, .item85 a:hover{
	color: #2D89B0;
}

.item54 a:hover, .item90 a:hover, .item78 a:hover, .item82 a:hover, .item94 a:hover, .item67 a:hover, .item86 a:hover{
	color: #BA9619;
}

.item55 a:hover{
	color: #137323;
}

.item56 a:hover, .item91 a:hover, .item79 a:hover, .item83 a:hover, .item95 a:hover, .item68 a:hover, .item87 a:hover{
	color: #8D0605;
}

.menu-vermelho a{
	color:#8D0605;
}

.menu-vermelho li{
	background-image:url(../img/linha_separacao_red.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.menu-azul-claro li{
	background-image:url(../img/separacao_historia.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.menu-azul-claro span{
	background-image:url(http://www.pj.boavontade.com/lbv/HotSite/img/seta_historia.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;
}

.menu-azul li{
	background-image:url(../img/separacao_depoimentos.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.menu-verde-claro a{
	color: #52A61F;
}

.menu-verde a{
	color: #137323;
}

.menu-azul a{
	color:#16265A;
}

.menu-azul-claro a{
	color:#2D89B0;
}

.mainlevel-vermelho{
	color:#8D0605;
}

.mainlevel-verde-claro {
	color: #52A61F;
}

.mainlevel-verde {
	color: #137323;
}

.mainlevel-azul {
	color:#16265A;
}

.mainlevel-azul-claro {
	color:#2D89B0;
}

.mainlevel-amarelo {
	color:#BA9619;
}

#footer-60{
	float:left;
	width:auto;
	margin-left:90px;
}

#footer-60 a{
	font-size: 11px;
	font-weight: bold;
        color:#16265A;
}
#footer-60 a:hover{
	font-size: 11px;
	font-weight: bold;
        color:#16265A;
	text-decoration:underline;
}

*{
	margin:0;
	padding:0;
}


div#conteudoWallpaper{
	float:left;
	width:584px;
	height:265px;
	margin:20px 0px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	letter-spacing: -1px;
	text-align:left;	
}
div.agrpFoto{
	float:left;
	width:170px;
	height:265px;
	margin:0px 15px 0px 0px;
}
div.agrpFotoPrimeira{
	float:left;
	width:170px;
	height:265px;
	margin:0px 15px 0px 22px;
}
div#conteudoWallpaper a{
	color:#8D0605;
	text-decoration:none;
	text-align:left;
}
div#conteudoWallpaper a:hover{
	color:#8D0605;
	text-decoration:underline;
	text-align:left;
}
.tituloWallpaper{
	margin:0px 0px 0px 0px;
	text-align:left;
}