/*  
CSS para a interface do sistema de gerenciamento de conteúdo da Viatan
© Copyright 2006, Fábio Pili - http://www.pili.com.br
*/

body   { color: #2c2c2c; font-size: 12px; font-family: Verdana; line-height: 15px; background-color: #838e9b; background-image: url(images/fundo_barra_topo.gif); background-repeat: repeat-x; text-align: center    }
img {border: 0}
#container { background-color: #fff; background-image: url(images/fundo_geral.gif); background-repeat: repeat-y; text-align: left; padding: 0 15px; width: 747px; height: auto; float: none  ; margin: 0 auto 0; }
#menu_topo { background-color: #525252; background-image: url(images/fundo_menu_topo.gif); background-repeat: no-repeat; height: 35px; margin-right: -15px; margin-left: -15px; }
#dados_usuario { font-size: 10px; height: 20px; margin-right: -7px; margin-left: -15px; padding-top: 6px; padding-right: 15px; padding-left: 15px; border-bottom: 1px solid #b1b1b1; }
#dados_usuario div.direita { margin-top: 0px }

#menu_contexto { background-color: #edeff2; height: 45px; margin-top: 5px; margin-right: -7px; margin-left: -15px; }
#menu_contexto div { font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; height: 43px; text-shadow:black 0 0 0; float: left; padding: 13px 15px 0 17px; cursor: pointer; }
div.menu_contexto_on { font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; background-image: url(images/fundo_menu_contexto_on.gif); background-repeat: no-repeat; text-shadow:black 0 0 0; float: left; padding-right: 15px; padding-left: 17px; }
div.menu_contexto_off { font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; text-shadow:black 0 0 0; float: left; padding-right: 15px; padding-left: 17px; }
#menu_contexto img { margin-right: 5px; margin-bottom: -3px }

#conteudo { clear: both; padding-top: 15px; padding-bottom: 25px; display: table; }
#rodape { font-size: 9px; background-color: transparent; background-image: url(images/fundo_rodape.gif); background-repeat: no-repeat; text-align: left; padding: 9px 15px 0; width: 747px; height: 35px; float: none  ; clear: both; margin-right: auto; margin-bottom: 25px; margin-left: auto; }

div.direita { float: right }
div.esquerda {float: left }
div.direita img { margin-bottom: -5px }
div.esquerda img { margin-bottom: -5px }

div.filtros { height: 35px; }
div.filtros h2 { float: left }
div.filtros div.direita { color: #5f5f5f; font-size: 10px; position: relative; top: 16px; height: 35px; float: right  ; margin-right: 10px; margin-bottom: 15px; }
div.filtros div.esquerda { color: #5f5f5f; font-size: 10px; position: relative; top: 16px; height: 35px; float: left  ; margin-left: 10px; }

div.filtros div.direita input.botao { margin-left: 5px; }
#mensagem_informacao { color: #000; font-size: 11px; background-color: #daeeff; background-image: url(images/info.gif); background-repeat: no-repeat; background-position: 15px 15px; text-align: left; min-height: 20px; margin: 15px -7px 20px -15px; padding: 18px 17px 14px 45px; }
#mensagem_alerta { color: #000; font-size: 11px; background-color: #ffffc2; background-image: url(images/alerta.gif); background-repeat: no-repeat; background-position: 15px 15px; text-align: left; min-height: 20px; margin: 15px -7px 20px -15px; padding: 18px 17px 14px 45px; }
#mensagem_erro { color: #000; font-size: 11px; background-color: #ffdfe6; background-image: url(images/erro.gif); background-repeat: no-repeat; background-position: 15px 15px; text-align: left; min-height: 20px; margin: 15px -7px 20px -15px; padding: 18px 17px 14px 45px; }
div.menu_topo { width: 90px; height: 26px; padding-top: 9px; padding-right: 15px; padding-left: 17px; border-right: 1px solid #a0a0a0; }
select { color: #5f5f5f; font-size: 9px; height: 17px; padding: 0; }
input { color: #5f5f5f; font-size: 9px; height: 15px; padding: 2px 0 0 3px; }
textarea { color: #5f5f5f; font-size: 12px; position: relative; top: -1px; padding: 8px; }
input.botao { color: #5f5f5f; font-size: 9px; position: relative; top: -1px; height: 21px; margin-bottom: -1px; margin-left: 0; padding: 0 2px 2px; }
input.radio { margin-bottom: -4px ; margin-left: 0; }
input.check { margin-bottom: 0px ; margin-left: 0; }
.filtro_aplicado { color: #fff; background-color: #777  }


#conteudo ul { width: 735px; clear: both; margin: 0; padding: 0; border-left: 1px solid #e4e4e4; }

#conteudo li { font-size: 11px; height: 36px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; border-bottom: 1px solid #e7eaf2; list-style-type: none; }

#conteudo li img { margin-right: 2px ; cursor: pointer; }
#conteudo li.titulos { display: table-cell; font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; }
#conteudo li.a { background-color: #f1f3f9; float: left; padding-right: 15px; border-right: 1px solid #e4e4e4; }
#conteudo li.b { background-color: #e9edf6; float: left; padding-right: 15px; border-right: 1px solid #e4e4e4; }
#conteudo li.aguardando_liberacao { background-color: #ffffe7; float: left; padding-right: 15px; border-right: 1px solid #e4e4e4; }


#conteudo div.titulos_11 { border-bottom: 1px solid #e7eaf2; height: 21px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; float: left; font-size: 13px; text-shadow: #939393 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; width: 701px; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.titulos_12 { border-bottom: 1px solid #e7eaf2; height: 21px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; float: left; font-size: 13px; text-shadow: #939393 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; width: 335px; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.titulos_22 { border-bottom: 1px solid #e7eaf2; height: 21px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; float: left; font-size: 13px; text-shadow: #939393 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; width: 335px; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; }

#conteudo div.titulos_13 { border-bottom: 1px solid #e7eaf2; height: 21px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; float: left; font-size: 13px; text-shadow: #939393 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; width: 213px; height: 25px; float: left; clear: none; padding-right: 15px; border-left: 1px solid #e4e4e4; }
#conteudo div.titulos_23 { border-bottom: 1px solid #e7eaf2; height: 21px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; float: left; font-size: 13px; text-shadow: #939393 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; width: 213px; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.titulos_33 { border-bottom: 1px solid #e7eaf2; height: 21px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; float: left; font-size: 13px; text-shadow: #939393 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; width: 213px; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; }


#conteudo div.linha_form_11 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 701px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_12 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 335px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_22 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 335px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; }

#conteudo div.linha_form_13 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 213px; float: left; min-height: 21px; padding: 8px 15px; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_23 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 213px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_33 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 213px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; }

#conteudo div.linha_form_14 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 152px; float: left; min-height: 21px; padding: 8px 15px; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_24 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 152px; float: left; min-height: 21px; padding: 8px 15px; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_34 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 152px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#conteudo div.linha_form_44 { border-bottom: 1px solid #e7eaf2; margin: 0 0 1px; background-color: #f1f3f9; width: 152px; float: left; min-height: 21px; padding: 8px 15px; border-right: 1px solid #e4e4e4; }


#nav_passos { color: #000; font-size: 11px; background-color: #e1edff; position: relative; top: 15px; clear: both; margin-right: -7px; margin-bottom: 15px; margin-left: -15px; padding: 8px 17px 6px 15px; }

p { }

h1,h2,h3,h4,h5 { text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; text-shadow:black 0 0 0; }

h1 { font-size:20px; font-weight:normal; text-transform:uppercase; }
h2 { font-size:18px; font-weight:normal; }

td { }

a:link     { color: #2886cf; text-decoration: none ; padding-bottom: 0; border-style: hidden; border-width: 0 0 1px; }
a:hover     { color: #2886cf; text-decoration: none ; padding-bottom: 0; border-bottom: 1px dashed #d0d0d0; }
a:active     { color: #2886cf; text-decoration: none ; padding-bottom: 0; border-style: hidden; border-width: 0 0 1px; }
a:visited     { color: #2886cf; text-decoration: none ; padding-bottom: 0; border-style: hidden; border-width: 0 0 1px; }

a:link.limpo     { border: 0 }


/* Começo estilos para o menu dropdown */
ul { /* all lists */
	padding: 8px 0 0;
	margin: 0;
	list-style: none;
}

li.menu { /* all list items */
	color: #fff; background-color: #525252; float: left; position: relative; font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; padding-right: 15px; padding-bottom: 2px; padding-left: 17px; border-width: 0; cursor: pointer; }

li.menu ul { /* second-level lists */
	background-color: #525252; display: none; position: absolute; top: 1em; left: 0; margin-top: -1px; }

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	background-color: transparent; top: auto; left: auto; }

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#nav img { margin-right: 5px; margin-bottom: -4px }
#nav a { color: #fff; text-decoration: none; border-style: none; border-width: 0; }

#nav li li a { font-size: 11px; background-color: #525252; width: 180px; margin-right: -15px; margin-left: -17px; padding: 3px 15px 3px 22px; border-bottom: 1px solid #474747; display: block; }
#nav li li a:hover { background-color: #6d6d6d; border-bottom-color: #000; }
/* Fim dos estilos para o menu dropdown */

.form_erro { background-color: #ffffe8; }

div.filtros_controle { clear: both; margin-top: 0; margin-bottom: 20px; padding-top: 10px; padding-bottom: 8px; }