body , img , iframe , table, div {
   border: 0;
}

body {
   background-color: White;
   color: RGB(51,51,51);
   font-family: Tahoma, Sans-serif, Helvetica, Arial;
   font-size: 11px;
   margin-left: 0px;
   margin-top: 0px;
   text-align: center;
}

.obrigatorio {
   background-color: #E8F5E1;
   border-color: Black;
}

.tr-zebra-on td, th{
	background-color: #F0F8FF;
   padding-left: 0.5em;
   padding-right: 0.5em;
	font-size: 11px;
}		

.tr-zebra-off td, th {
   background-color: White;
   padding-left: 0.5em;
   padding-right: 0.5em;
	font-size: 11px;
}		

td.dados     {
   padding-left: 0.5em;
   padding-right: 0.5em;
	font-size: 11px;
}		

.tr-titulo th {
   font-family: Tahoma, Sans-serif, Helvetica, Arial;
	font-size: 11px;
	margin-bottom: 0.5em;
	background-color: #E8F0FA;
	padding: 0.1em;
	padding-left: 0.5em;
	border-bottom: 1px solid #66CDAA;
}		


.floatright
{
	float: right;
	margin-right: 6px;
	padding: 2px;
}

.floatleft
{
	float: left;
	margin-right: 6px;
	padding: 2px;
}

td.menu {
	text-decoration: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
   font-family: Tahoma, Sans-serif, Helvetica, Arial;
	background-color: #F0F8FF;
	font-size: 12px;
	width: 135px;
	text-align: left;
}

.menu a {
	text-decoration: none;
	color: Navy;
	display: block; // colocado por causa do firefox para clicar em qualquer lugar do td
}

.menu a:hover {
	background-color: #87CEEB;
}

.menu a:visited {
	color: Navy;
}

.lnk a {
	text-decoration: none;
	color: Blue;
	font-style: italic;
}

h2 {
   font-family: Tahoma, Sans-serif, Helvetica, Arial;
	font-size: 14px;
	padding-left: 10px;
	margin-top:3px; 
	border-bottom: 1px solid silver;
	background: url(../imagem/bgtitulo.gif) repeat-x;
}

h3 {
   font-family: Tahoma, Sans-serif, Helvetica, Arial;
	font-size: 13px;
   text-align: center;
}

h4 {
   font-family: Tahoma, Sans-serif, Helvetica, Arial;
	font-size: 12px;
	margin-bottom: 0.5em;
	margin-top: 8px;
   text-align: center;
	background-color: #E8F0FA;
	padding: 0.1em;
	padding-left: 0.5em;
	font-size: 11px;
	border-bottom: 1px solid #66CDAA;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid silver;
}

.tabtitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: solid Gray 1px;
	background: url(../imagem/bgtitulo.gif) repeat-x;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
}

.linha {
	background: url(../imagem/linha_h.gif) repeat-x 100% 100%;
	margin-bottom: 0.2em;
	margin-top: 0.1em;
	border: 0;
	height: 10px;
	width: 100%;
}

hr{
	background: url(../imagem/linha_h.gif) repeat-x 100% 100%;
	border: 0;
}

.subttit, .subttit td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	border-top:1px solid silver;
	background-color: #E5E5E5;

}

.linha-sub-titulo , .linha-sub-titulo td, .linha-sub-titulo th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-bottom: 0.5em;
	margin-top: 0.3em;
	background-color: #E8F0FA;
	padding: 0.1em; 
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #66CDAA;
}

img {
	vertical-align: middle;
}

.tx-det , .versiculo  {
	padding-left: 2em;
	padding-right: 2em;
	text-align: justify;
	font-size: 11px;
}

.tx-det {
	text-indent: 2em;
}

.versiculo {
	margin-right: 4em;
	font-style: italic;
	font-weight: 500;
}

.tx-foot {
	margin-left: 2em;
	margin-right: 2em;
	text-align: center;
	text-indent: 2em;
	font-size: 9px;
	background-color:  #E8F0FA;
}

/* classes para definicao do lay-out principal */
/* classes #div-* para o div principal da area  */
/* classes #if-* para o iframe principal da area  */

#div-menu , #if-menu , #div-body-500 , #div-body-655 , #div-body-800 , #div-right , #if-right , #div-footer , #if-footer , #div-pagina , #div-header , #if-header 
{
	padding:0px;
}	
#div-pagina {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	text-align:left;
	}
		
#div-header , #if-header {
	width: 800px;
	margin: 0px;
	height: 80px;
	}	
	
#div-menu , #if-menu {
	width:150px;
	float:left;
	}

#div-body-500 {
	width: 500px;
	float: left;
}

#div-body-655 {
	width:650px;
	float:left;
	}
	
#div-body-800 {
	width:800px;
	float:left;
	}

#div-right , #if-right {
	width:150px;
	float:left;
	}
	
#div-footer , #if-footer {
	width: 800px;
	float: left;
	height: 55px;
	margin: 0px;
}
.n, .s, .e, .w, .ne, .se, .sw, .nw  {
margin: 0;
padding: 0;
_height: 1em; 
min-height: 1em; /* IE 7 */
}

.nw {background: url(../imagem/contorno_nw.gif) no-repeat;}
.ne {background: url(../imagem/contorno_ne.gif) no-repeat;}
.se {background: url(../imagem/contorno_se.gif) no-repeat;}
.sw {background: url(../imagem/contorno_sw.gif) no-repeat;}
.w { background: url(../imagem/contorno_w.gif) repeat-y;}
.e {
background-color: #FFF;
background: url(../imagem/contorno_e.gif) repeat-y;
}
.n {
background-color: #FFF;
background: url(../imagem/contorno_n.gif) repeat-x;
}
.s {
background-color: #FFF;
background: url(../imagem/contorno_s.gif) 0 bottom repeat-x ;
}


.w {
margin-left: -6px;
_position: relative; /*IE sub7*/
_margin-bottom: 8px; /*IE sub7*/
}
.e {
margin-right: -6px;
margin-left: 2px;
padding-bottom: 1px;
_position: relative; /*IE sub7*/
}
.n {
margin-left: 6px;
margin-right: 6px;
padding-top: 6px;
}
.s {
padding-bottom: 8px;
_padding-bottom: 0; /*IE sub7*/
}

.nw,
.w,
.n { background-position: 0 0; }

.ne,
.e { background-position: right 0; }
.se { background-position: right bottom; }

.mnemonic-top .p1 .sw,
.sw,

.s { background-position: 0 bottom; }

