/* CSS Document */
*{ margin: 0px; padding: 0px;}

body { background:url(../imgs/fnd_fundoAzul.jpg) repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #666666; }

#main { width:836px; text-align:left; margin:0 auto; background:url(../imgs/fnd_geral1.jpg) no-repeat ;}

/*Principal*/
#cabecalho { width: 790px;}
#cabecalho #flash { margin: 10px 20px 0px 28px; }
ul { list-style: none; }
p { line-height: 20px; text-align: justify; }

#menu { display: block; width: 750px; height: 34px; background: url(../imgs/menu.jpg) no-repeat; margin-left: 25px; padding-left: 40px; padding-top: 2px;}
#menu li { float: left; }
#menu li a { float: left;  width:105px; height: 20px; padding-top: 5px; text-decoration: none; text-align:center; display: block; font: bold 13px Arial, Helvetica, sans-serif;}
#menu li a:link, #menu li a:visited { color: #203283; }
#menu li a:hover, #menu li a:active { color: #FFFFFF; background: #CACACA; }   
 
/* conteudo */
#conteudo { width: 770px; height: auto; margin-left: 30px; margin-top: 15px;  }
#conteudo h1 { background: url(../imgs/cnt_h1.jpg) no-repeat; height: 30px; font: bold small-caps 16px Arial, Helvetica, sans-serif; color: #203283; padding: 5px 0px 0px 70px; }
#conteudo #internos { background: url(../imgs/cnt_cnt.jpg) repeat-y; }
#conteudo #internos h2 { font: bold small-caps 16px Arial, Helvetica, sans-serif; color: #203283; padding: 10px; }
#conteudo #internos p { padding: 0px 20px;}
#conteudo #internos .rdp { background: url(../imgs/cnt_rdp.jpg) no-repeat; height: 18px; display:block; clear:both;}
#conteudo #internos .img_int { margin:5px 5px 5px 5px;}

/* Planos (lateral esquerda) */
.box01 { float:left; width: 198px; height: auto; background: url(../imgs/box01_cnt.jpg) repeat-y; margin-bottom: 10px; }
.box01 p.tls { background: url(../imgs/box01_cab.jpg) no-repeat; font: bold small-caps 16px Arial, Helvetica, sans-serif; color: #203283; text-align:center; padding: 5px;}
.box01 p { padding: 0px 10px; text-align:center; }
.box01 .rdp { background: url(../imgs/box01_rdp.jpg) no-repeat; height: 18px; display:block;}
.box01 img { margin: 10px 10px 10px 10px; }

/* Obituarios e Contato (lateral direita) */
.box02 { float: right; width: 565px; height: auto; background: url(../imgs/box02_cnt.jpg) repeat-y; margin-bottom: 10px;  }
.box02 p.tls { background: url(../imgs/box02_cab.jpg) no-repeat; height: 30px; font: bold small-caps 16px Arial, Helvetica, sans-serif; color: #203283; padding: 5px 0px 0px 70px; }
.box02 .rdp { background: url(../imgs/box02_rdp.jpg) no-repeat; height: 18px; display:block; }
.box02 img.imgEmpresa { margin-left:10px; float:left;}

.box02 .fale { float:left; width:250px;}
#enviaFale {  margin-left:5px; }
#enviaFale label { float: left; width: 75px; color: #666666; }
#enviaFale input, #enviaFale textarea { float:left; width: 165px; border: solid 1px #E7E7E7; font: 12px Arial, Helvetica, sans-serif; color: #203283; margin: 1px; background: url(../imgs/fnd_form.jpg) right no-repeat;  }
#enviaFale .botao { float: right; color: #203283; font: bold 11px Arial, Helvetica, sans-serif; background: url(../imgs/fnd_botao.jpg) no-repeat; display: block; width: 53px; height: 16px; }


/* Endereço (lateral esquerda) */
.box03 { float:left; width: 198px; height: auto; background: url(../imgs/box01_cnt.jpg) repeat-y; }
.box03 p.tls { background: url(../imgs/box01_cab.jpg) no-repeat; font: bold small-caps 16px Arial, Helvetica, sans-serif; color: #203283; text-align:center; padding: 5px;}
.box03 p { padding-left:5px;}
.box03 .rdp { background: url(../imgs/box01_rdp.jpg) no-repeat; height: 18px; display:block;}

.tls1 { font: bold small-caps 16px Arial, Helvetica, sans-serif; color: #203283; text-align:center; margin-bottom: 10px; }

/*lista obituarios Frente*/
#listObituarios { margin-left: 20px; height:205px; position: relative; }
#listObituarios  li.tl_listaobt { height: 15px; margin: 5px; font-weight: bold; border-bottom: solid 2px #CCCCCC; }
#listObituarios li { height: 15px; margin: 5px; border-bottom: solid 1px #CCCCCC;  }
#listObituarios .dt_falecimento { display: block; float: left; width: 90px; }
#listObituarios .dt_sepultamento { display: block; float: left; width: 90px;  }
#listObituarios .nome { display: block; float: left; width: 280px; }
#listObituarios .idade { display: block; float: left; width: 60px; }
#listObituarios a { text-decoration: none; color: #999999; font: 12px Arial, Helvetica, sans-serif; display:block; }
#listObituarios a:link, #listObituarios a:visited { color: #999999; display:block; }
#listObituarios a:hover, #listObituarios a:active { color: #000000; font-weight: bold; display:block; }

/*Faz abrir quando passa o mouse em cima*/
a.dcontexto{ font:14px Arial, Helvetica, sans-serif; padding:0;text-decoration:none;}
a.dcontexto:hover{ background:transparent; }
a.dcontexto div { display:none;}
a.dcontexto:hover div{ display:block; position:absolute; left:200px; top:10px; border: solid 1px #696969; width:310px; height:130px; font: 12px Arial, Helvetica, sans-serif; padding:5px 10px;background: #F1F1F1 url(../imgs/detalheObt.gif) bottom right no-repeat;}

a.veja { text-decoration: none; color: #999999; font: 11px Arial, Helvetica, sans-serif; float:right; display:block; margin:0px 0px 0px; }
a.veja:link, a.veja:visited { color: #999999; }
a.veja:hover, a.veja:active { color: #000000; font-weight: bold; }

/*internos*/
.listObituariosInternos { list-style: none; margin-left: 00px;}
.listObituariosInternos li { height: 25px; border-bottom: solid 1px #CCCCCC; }
.listObituariosInternos .tl_listaobt { font: bold 13px Arial, Helvetica, sans-serif; color: #003399; }
.listObituariosInternos .dt_falecimento { display: block; float: left; width: 100px; }
.listObituariosInternos .dt_sepultamento { display: block; float: left; width: 100px;  }
.listObituariosInternos .nome { display: block; float: left; width: 290px; margin-left: 20px; }
.listObituariosInternos .idade { display: block; float: left; width: 60px; }


.box03 p.destaque { font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.box03 p.destaque1 {  padding: 5px 10px; margin: 5px;}
.box03 p.destaque2 { padding: 5px 10px; margin: 5px; font: bold italic 17px Arial, Helvetica, sans-serif; }

.imgEmpresa {float: left; }
.fale { width: 240px; float: right; margin-right:70px; margin-top:-30px; }
.fale p.destaque { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
.fale p.destaque1 { border-left: solid 2px #CCCCCC; padding: 5px 10px; margin: 5px;}
.fale p.destaque2 { border-left: solid 2px #CCCCCC; padding: 5px 10px; margin: 5px; font: bold italic 18px Arial, Helvetica, sans-serif; }

/*Lista os informativos internos*/
#informativos  { float:left; }
#informativos .listInformativosInternos .nomeNot { display: block; float: left; margin-left:20px;}
#informativos .listInformativosInternos .dataNot { display: block; float: left;  }
#informativos .listInformativosInternos li { padding:5px; width:750px;}
#informativos .listInformativosInternos a { text-decoration: none; color: #999999; font: 12px Arial, Helvetica, sans-serif; }
#informativos .listInformativosInternos a:link, #informativos .listInformativosInternos a:visited { color: #203283; display:block; }
#informativos .listInformativosInternos a:hover, #informativos .listInformativosInternos a:active { color: #203283; font-weight: bold ; display:block; }
.listInformativosInternos  li.tl_listaobt { height: 15px; margin: 5px; font-weight: bold; border-bottom: solid 2px #CCCCCC; }



/*Contato*/
#contato { width: 450px; margin-left: 20px; margin-left: 200px; margin-top: 10px; }
#contato label { float: left; width: 100px; color: #666666; }
#contato input, #contato textarea { float:left; width: 250px; border: solid 1px #E7E7E7; font: 12px Arial, Helvetica, sans-serif; color: #203283; margin: 1px; background: url(../imgs/fnd_form.jpg) right no-repeat;  }
#contato .botao { margin-left: 160px; color: #203283; font: bold 11px Arial, Helvetica, sans-serif; background: url(../imgs/fnd_botao.jpg) no-repeat; display: block; width: 53px; height: 16px; }
#contato .botao1 { color: #203283; font: bold 11px Arial, Helvetica, sans-serif; background: url(../imgs/fnd_botao.jpg) no-repeat; display: block; width: 53px; height: 16px; }
p.asterisco { text-align:center; }

.resposta { text-align:center;}

/*Rodape*/
#rodape { width: 790px; margin-left: 20px; margin-top: 10px; background:url(../imgs/fnd_rodape.jpg) no-repeat; height:162px; }
#copyright p{ float:left; margin-top:130px; margin-left:20px;}
#copyright a{ float:right; margin-top:105px;}