/*
Abraceel.com.br
© Copyright 2006, Fábio Pili Palácios
http://www.pili.com.br
*/

/* Estrutura */

html, body { color: #353535; background-color: #003a6c; text-align: center; height: 100%; }
body { font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; background-color: #003a6c; background-repeat: repeat-x; margin: 0; }
#embrulho  { background-color: #f6c700; background-image: url(images/fundo_embrulho.gif); background-repeat: repeat-y; text-align: center; width: 780px; margin-right: auto; margin-left: auto; padding: 0; }
#conteudo { background-color: transparent; text-align: left; position: relative; width: 762px; z-index: 999; margin-top: auto; margin-right: auto; margin-left: auto; padding: 0 0 25px; }

#topo { background-color: #fff; background-image: url(images/fundo_topo.gif); background-repeat: no-repeat; height: 135px; padding-right: 40px; padding-left: 40px; }
#logo { float: left; color: #8d2836; font-size: 9px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.01px; width: 215px; margin-top: 30px; }
#logo img {margin-right: 20px}
#banner { background-color: transparent; width: 468px; height: 60px; float: right; margin-top: 30px; margin-right: -25px; }
#banner img { border: solid 1px #c4c4c4; }

#rodape { font-size: 10px; background-color: transparent; height: 24px; clear: both; padding: 10px 15px 5px 18px; border-top: 1px solid #ccb15a; border-bottom: 1px solid #ccb15a; }

div.migalhas { color: #474747; font-size: 11px; position: relative; top: -20px; float: right; }
div.chamada_inline { color: #1071a0; font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 18px; text-align: justify; margin-top: 10px; margin-bottom: 20px; }

span.sutia { color: #1071a0; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 20px; text-align: left; }


div.img_pg_v { color: #1071a0; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 15px; background-color: #f7f7f7; width: 145px; margin-right: 12px; margin-bottom: 15px; padding: 8px; border: solid 1px #e6e6e6; }
div.img_pg_h { color: #1071a0; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 15px; background-color: #f7f7f7; position: relative; width: 276px; margin-right: 1px; margin-bottom: 15px; margin-left: 0; padding: 8px; border: solid 1px #e6e6e6; }
div.img_pg_v > img, div.img_pg_h > img { margin-bottom: 10px; }

/* Colunas */
#esq { position: relative; z-index: 999; float: left; }
#dir { float: left; }
#col_titulo { color: #000; font-size: 18px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; background-color: transparent; width: 500px; clear: both; margin-top: 20px; margin-bottom: 15px; margin-left: 15px; padding-top: 5px; padding-bottom: 0; border-bottom: 1px solid #c99f06; }

#dados_usuario { color: #505050; font-size: 11px; background-color: #edbe00; text-align: right; letter-spacing: normal; margin-right: -22px; margin-bottom: -15px; margin-left: -40px; padding: 3px 25px 3px 15px; }
#dados_usuario img { margin-right: 6px; margin-bottom: -3px; }


#col_titulo_i { margin-left: 15px; padding-top: 10px; padding-right: 25px; }

#col_dir_i_abre { background-image: url(images/fundo_col_dir_i_abre.gif); background-repeat: no-repeat; width: 505px; height: 6px; margin-left: 15px; }
#col_dir_i { background-color: #fff; width: 505px; float: left; min-height: 275px; margin-left: 15px; padding-bottom: 20px; }
#col_dir_i_fecha { background-color: transparent; background-image: url(images/fundo_col_dir_i_fecha.gif); background-repeat: no-repeat; width: 505px; height: 20px; clear: both; margin-bottom: 20px; margin-left: 15px; }

#col_abre { color: #1071a0; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 20px; width: 480px; margin-bottom: 10px; margin-left: 15px; padding-top: 15px; }
#col1 { background-color: transparent; background-image: url(images/fundo_menu2_270.gif); background-repeat: no-repeat; width: 220px; float: left; margin-bottom: 20px; margin-left: 0; padding-top: 15px; }
#col2a { text-align: justify; width: 235px; float: left; min-height: 370px; margin-left: 15px; padding-top: 10px; }
#col2b { background-color: transparent; text-align: justify; width: 295px; float: left; min-height: 370px; margin-left: 15px; padding-top: 10px }
#col2b p { margin-top: 0px }
#col3a { background-color: transparent; text-align: left; width: 165px; float: left; margin-right: 0; margin-left: 20px; padding-top: 10px; }
#col3b { text-align: left; width: 215px; float: left; margin-right: 0; margin-left: 20px; padding-top: 10px; }
div.destaque_3b { background-color: #f6c700; background-image: url(images/fundo_destaque_3b_abre.gif); background-repeat: no-repeat; width: 225px; margin-top: 20px; padding-top: 10px; padding-left: 10px; }
div.destaque_3b_fecha { background-color: #f6c700; background-image: url(images/fundo_destaque_3b_fecha.gif); background-repeat: no-repeat; width: 235px; height: 14px; margin-bottom: 20px; }
div.destaque_3b img { margin-right: 4px; margin-bottom: -3px; }

/* na home */
#col1h { background-color: transparent; width: 210px; float: left; margin-top: 10px; margin-right: 10px; margin-left: 15px; }
#col1h_abre { background-image: url(images/fundo_col1h.gif); background-repeat: no-repeat; height: 6px; }
#col1h_fecha { background-image: url(images/fundo_col1h_fecha.gif); background-repeat: no-repeat; height: 6px; clear: both; margin-bottom: 15px; }
#col1h_i { background-color: #fff; text-align: left; padding: 15px 20px 10px; }

#col2h { background-color: transparent; width: 295px; float: left; margin: 10px 10px 20px 0; }
#col2h_fecha { background-color: transparent; background-image: url(/images/fundo_col2h_fecha_round.gif); background-repeat: no-repeat; height: 20px; clear: both; }
#col2h_i { background-color: #eaeaea; background-image: url(/images/fundo_metal.jpg); text-align: left; padding: 15px 20px 10px; border-top: 1px solid #b3b3b3; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #b3b3b3; }
#col2h_i_2 { background-color: white; text-align: left; padding: 15px 20px 10px; }

#col3h { background-color: transparent; width: 210px; float: left; margin-top: 10px; margin-left: 0; }
#col3h_abre { background-image: url(images/fundo_col1h.gif); background-repeat: no-repeat; height: 6px; margin-top: -1px; }
#col3h_fecha { background-image: url(images/fundo_col3h_fecha_round.gif); background-repeat: no-repeat; height: 20px; clear: both; }
#col3h_i { background-color: #fff; text-align: left; padding: 15px 20px 10px; }

#aux { color: #1b1b1b; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 16px; background-color: transparent; width: 200px; padding-left: 18px; }
#aux a { color: #1b1b1b; }
#aux a:hover { color: #00f; }
#aux img { margin-right: 5px; margin-bottom: -3px; }
#aux h3 { color: #1b1b1b; font-size: 13px; margin-bottom: 8px; padding-bottom: 3px; border-bottom: 1px solid #d0b965; }
#aux a:link.peq { font-size: 10px; }
#aux a:hover.peq { font-size: 10px; }
#aux a:active.peq { font-size: 10px; }
#aux a:visited.peq { font-size: 10px; }

/* Menus */
#menu { color: #fff; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; background-color: #c99f06; background-image: url(images/fundo_menu.gif); background-repeat: repeat-x; height: 42px; padding-right: 15px; padding-left: 10px; }

#menu a { color: #fff; position: relative; z-index: 910; }
#menu img { margin-right: 6px; margin-bottom: -2px; }
#menu div { height: 28px; float: left; padding-top: 14px; padding-right: 9px; padding-left: 9px; border-right: 1px solid #e8b811; cursor: pointer; }
div.menu_item_off { background-repeat: no-repeat; height: 28px; float: left ; margin-right: 0; margin-left: 0; padding-top: 10px; padding-right: 40px; padding-left: 22px; cursor: pointer; }
div.menu_item_on { background-image: url(/images/fundo_menu_on.gif); background-repeat: repeat-x; height: 28px; float: left ; margin-right: 0; margin-left: 0; padding-top: 10px; padding-right: 40px; padding-left: 22px; cursor: pointer; }
/* Menu 2a camada */
#menu2 { color: #505050; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 15px; background-color: transparent; width: 220px; float: left; margin-bottom: 20px; }
#menu2 div { position: relative; }
#menu2 a { color: #505050; }
#menu2 a:hover { color: #00f; }
div.menu2_item_off { background-color: transparent; background-repeat: no-repeat; width: 162px; float: left ; margin-top: 5px; margin-right: 0; margin-left: 0; padding: 6px 40px 0 19px; cursor: pointer; }
div.menu2_item_on { background-color: #f6c700; background-repeat: no-repeat; width: 162px; float: left ; margin-top: 5px; margin-right: 0; margin-left: 0; padding: 6px 40px 0 19px; cursor: pointer; }

/* Paginação */
div.paginacao { font-size: 12px; background-color: #fff; text-align: center; position: relative; height: 18px; clear: both; margin-top: 20px; padding: 10px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
div.paginacao img { margin-right: 3px; margin-bottom: -4px; margin-left: 3px; }
div.paginacao span { float: left; }
div.filtros_controle { color: #1071a0; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 16px; text-align: left; margin-top: 10px; margin-bottom: 20px; }

/* Comentários */
div.comentarios { margin-top: 15px; }
div.comentario_in { margin-top: 10px; }
.comentario_autor { color: #1071a0; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 16px; position: relative; top: -2px; }
#formComentarios { margin-top: 5px; }
#formComentarios input { width: 250px; margin-top: 10px; margin-left: 10px; }
#formComentarios textarea { width: 442px; height: 80px; }
.msg { color: #5b2007; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; }
.comentario_ofensivo { float: right; color: #646464; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; margin-right: 0; }
.comentario_ofensivo img { margin-right: 4px; }
.comentario_ofensivo a:link { color: #646464; }

/* Elementos */
ul { margin: 0; padding: 0; }
li { margin-bottom: 5px; margin-left: 0; padding: 0; list-style-type: none; }
#col_dir_i li { margin-left: 15px; padding: 3px; list-style-type: disc; text-align: left; }

a:link { color: #003cc4; text-decoration: none; }
a:active { color: #003cc4; text-decoration: none; }
a:visited { color: #003cc4; text-decoration: none; }
a: hover { color: #00f; text-decoration: none; }

div.hr  { background: no-repeat center; margin-top: -10px; margin-bottom: 10px; height: 15px; clear: both; border-bottom: 1px solid #dedede  }
div.hr hr {  display: none; }
hr { border-top: 1px solid #d8d8d8; border-right-style: none; border-bottom-style: none; border-left-style: none; }

div.letra { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; color: #fff; background-color: #eaeaea; text-align: center; width: 20px; height: 18px; float: left; border: solid 1px #e3e3e3; cursor: pointer; }
div.letraG { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; color: #777; font-size: 18px; background-color: #eaeaea; text-align: center; width: 28px; height: 23px; float: none; clear: both; margin-top: 15px; margin-bottom: 15px; padding-top: 5px; border: solid 1px #e3e3e3; }
div.letra a:link { color: #777; }

img {border: 0}
img.img_in { margin-bottom: -3px }

h1 { color: #000; font-size: 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 5px; }
h1 a:link { color: #000 }
h1 a:active { color: #000 }
h1 a:visited { color: #000 }
h1 a:hover { color: #00f; }

h2 { color: #000; font-size: 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 5px; }
h2 a:link { color: #000 }
h2 a:active { color: #000 }
h2 a:visited { color: #000 }
h2 a:hover { color: #00f; }

h3 { color: #000; font-size: 17px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 5px; }
h3 a:link { color: #000 }
h3 a:active { color: #000 }
h3 a:visited { color: #000 }
h3 a:hover { color: #00f; }

form { margin-top: 0; margin-bottom: 0; }
input { font-size: 11px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; border: solid 1px #d8d8d8; }
textarea { font-size: 11px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; border: solid 1px #d8d8d8; }
input.botao { color: #fff; font-size: 11px; background-color: #4d4d4d; padding: 2px; border-width: 0; }
select { font-size: 10px; line-height: 10px; padding: 2px; border: solid 1px #d8d8d8; }
input.radio { margin-bottom: -2px ; margin-left: 0; border-style: none; border-width: 0; }
div.data { color: #858585; font-size: 11px; margin-bottom: 5px; }
div.data img { margin-right: 4px; margin-bottom: -3px; }

.msg { color: #1071a0; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; }

.destaque { color: #1071a0; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 20px; width: 480px; }

img.img_destaque { background-color: #efefef; float: left; margin-right: 18px; margin-bottom: 5px; padding: 10px; }
img.img_logo { float: left; margin-right: 15px; margin-bottom: 5px; padding: 0 0 10px; }

div.mensagem_erro { background-image: url(/images/erro.gif); background-repeat: no-repeat; background-position: 15px 15px; min-height: 20px; color: #b50000; font-weight: bold; background-color: #fffff4; position: relative; width: 410px; z-index: 1111; margin-top: 15px; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 45px; border: solid 1px #e9e9e9; }
div.mensagem_informacao { background-image: url(/images/info.gif); background-repeat: no-repeat; background-position: 15px 15px; min-height: 20px; color: #000071; font-weight: bold; background-color: #f0fdff; position: relative; width: 410px; z-index: 1111; margin-top: 15px; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 45px; border: solid 1px #e9e9e9; }

img.fotoEsquerda { background-color: #fff; float: left; margin-right: 10px; margin-bottom: 5px; padding: 8px; border: solid 1px #d0d0d0; }
img.fotoDireita { background-color: #fff; float: right; margin-bottom: 5px; margin-left: 10px; padding: 8px; border: solid 1px #d0d0d0; }
img.fotoCentro { background-color: #fff; clear: both; margin-top: 5px; margin-bottom: 5px; padding: 8px; border: solid 1px #d0d0d0; }
img.icone { margin-bottom: -3px } 

p.sutia { color: #1071a0; font-size: 16px; font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 20px; text-align: justify; }