#recados { min-height: 500px; }
#recados .title { font-size: 20px; }
.recado-header { background-color: #ffa; }
.recado-header h6 { margin-bottom: 40px; }
.recado-header i { font-size: 16px; margin-right: 6px; }

#recado-escrever-form { float: right; background-color: #dfdf00; padding: 8px; width: 385px; }
#recado-escrever-form input[type='submit'] { background-color: #00f; padding: 2px 6px; font-size: 12px; }

#rec_text { width: 360px; margin-bottom: 6px; height: 70px; }
#rec_nome { width: 360px; margin-bottom: 6px; }
#rec_cida { width: 295px; margin-bottom: 6px; }

.recado { border-top: 1px solid #764614; margin-top: 24px; line-height: 150%; }
.recado .recado_header { background-color: #fece9c; height: 50px; }
.recado .recado_body { background-color: #fbdec7; padding: 10px 20px 10px 45px; }

.recado .thumb { float: left; margin: 0px 15px 0px 45px; }
.recado .thumb img { max-height: 50px; }
.recado .person { padding: 5px 10px 0px 0px; font-size: 10px; }
.recado .person p { font-size: 15px; margin: 0px 0px 3px 0px; }
.recado .datahora { float: right; color: #555; }

.form-comentario { border: 1px dotted #ccc; margin-top: 15px; text-align: right; padding: 5px; }
.form-comentario input[type='button'] { background-color: #f70; color: #fff; padding: 2px 8px; border: 0px; font-size: 12px; }
.form-comentario input[type='button']:hover { background-color: #c50; }

.form-comentario div { margin: 4px 2px; }
.form-comentario span { display: inline-block; width: 75px; text-align: right; padding-right: 5px; }

.comentario_nivel1 { margin-left: 45px; }
.comentario_nivel1 .c_header { height: 50px; background-color: #fcfcb7; border-top: 1px solid #a9a983; }
.comentario_nivel1 .c_body { background-color: #ffffdb; padding: 10px 20px 10px 45px; }

.comentario_nivel2 { margin-left: 90px; }
.comentario_nivel2 .c_header { height: 50px; background-color: #abefef; border-top: 1px solid #67abab; }
.comentario_nivel2 .c_body { background-color: #dbffff; padding: 10px 20px 10px 45px; }

.recado_comentar { background-color: #ffffde; margin-left: 60px; border-left: 1px dashed #cc0; border-bottom: 1px solid #cc0; padding-left: 5px; }
.recado_comentar .label { display: block; width: 80px; float: left; text-align: right; padding: 3px 5px 3px 2px; }
.recado_comentar .input { display: block; width: 540px; float: right; text-align: left; padding: 3px 5px 3px 2px; }
.recado_comentar .botao { font-size: 8pt; font-weight: bold; padding: 2px 10px 2px 10px; background-color: #50c; color: #fff; border: 1px solid #107; margin: 0px 0px 0px 5px; }