/* 
    Document   : style
    Created on : 23/01/2012, 14:24:38
    Author     : Jaime Catusso - Programador Web da Prefeitura Municipal de Matelāndia
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin: 0;
    padding: 0;
}
body{
    font-size: 12px;
}
input{
    border: 0px;
    height: 20px;
}
input:hover{
    border: 0px;
}
b, th{
    font-size: 14px;
}
/*#topoOuvidoria{
    width: 100%;
    height: 134px;
    background:url(../img/top_bg.gif) 0 0 repeat-x;
    text-align: center;
}
#topoOuvidoriaContainer{
    margin: 0 auto;
    width: 990px;
    height: 134px;
}
#topoOuvidoriaContainer #Left{
   width: 50%;
   height: 134px;
   background:url(../img/logo.png) no-repeat;
   background-position: left;
   text-align: left;
   float: left;
}
#topoOuvidoriaContainer #Logo{
    
}
#topoOuvidoriaContainer #Right{
   width: 50%;
   height: 134px;
   text-align: left;
   float: right;
}*/
#titulo{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;

}
#containerPrincipal{
    width: 990px;
    margin: 0 auto;
    text-align: left;
}
#menu{
    margin-bottom: 50px;
    font-size: 14px;
    text-align: center;
}
#login{
    margin: 0 auto;
    width: 400px;
    height: 400px;
    text-align: center;
    margin-top: 100px;
}
#login form{
    margin: 5px;
}
#login form input{
    border: 1px solid #CCC;
    padding: 2px;
}

#loginLeft{
    float: left;
    width: 50%;

}
#loginRight{
    float: right;
    width: 39%;
    padding-left: 10%;
    margin-top: 5%;
    border-left: 1px solid #CCC;

}
img{
    border: 0px;
}
#linha{
    border-top: 1px solid #000;
    width: 100%;
}

#fichaListContainer{
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}
#tabelaListar{
    border: 1px solid #CCC;
    width: 100%;
}
#tabelaListar th{
    padding: 5px;
    text-align: center;
}
#tabelaListar td{
    padding: 2px;
    text-align: center;
    border-top: 1px solid #CCC;
    background-color: #FFF;
}
#tabelaListar .header{
    color: #1E90FF;
    background-color: #DCDCDC;
}
#tabelaListar tbody tr:hover{
    color: #1E90FF;
    font-weight: bold;
    background-color: #CCC;
}
#btnSalvar{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnSalvarTipoServico{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnSalvarTipoProduto{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnSalvarProduto{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnSalvarPoste{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnAdicionarEntrada{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnAdicionarSaida{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnAvancarServico{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}

#btnSalvarPrioridade{
    font-size: 14px;
    width: 100px;
    margin-top: 5px;
}
#btnLogar{
    margin-top: 10px;
    width: 100px;
    font-size: 12px;
}

#btnConsultar{
    padding: 2px;
    font-size: 12px;
}
#btnOrdenar{
    padding: 2px;
    font-size: 12px;
}
#observacoes_verso ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#observacoes_verso ul li{
    border-top: 1px solid #000;
    height: 21px;
}
#ul2{
    margin: 0px; padding: 0px; list-style-type: none; width: 100%;
}
#ul2 li{
    width: 139px; 
    border-left: 1px solid #000;
    float: left;
}

#ul3{
    margin: 0px; padding: 0px; list-style-type: none; width: 100%;
}
#ul3 li{
    width: 140px;
    border-right: 1px solid #000;
    float: left;
}

#ferias_verso{
    /*    background:#fff url(../img/ferias.jpg) no-repeat center;*/
    line-height: 800px;
}

/*------------------------------------------------top--------------------*/
#topmain{
    width:100%;
    background:url(../img/top_bg.gif) repeat-x;
    height:115px;
    padding-top: 19px;
}
#top{
    width:990px;
    margin:0 auto;
    height:134px;
}
#top img.logo{
    display:block;
    font-size:0;
    line-height:0;
    padding:7px 0 0 0;
    float:left;
    margin:0 82px 22px 0;
}
#top p.topTxt{
    display:block;
    width:400px;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    line-height:19px;
    color:#000000;
    background-color:inherit;
    float:right;
    padding:0 10px 0 0;
}
#top p.topTxt span{
    font-size:14px;
    color:#fff;
    background-color:#B70D0D;
    padding:3px;
}
#top ul.nav{
    width:950px;
    height:26px;
    padding:0 0 0 8px;
    float:left;
}
#top ul.nav li{
    float:left;
    margin:0 3px 0 0;
    font-size:0;
    line-height:0;
}
#top ul.nav li.noMargin{
    margin:0;
}
#top ul.nav li a{
    display:block;
    background:url(../img/nav_bg.gif) 0 0 no-repeat;
    width:90px;
    height:26px;
    font:bold 11px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#EBEBEB;
    background-color:inherit;
    text-decoration:none;
    text-align:center;
}
#top ul.nav li a:hover{
    background:url(../img/nav_bg_hover.gif) 0 0 no-repeat;
    color:#444444;
    background-color:inherit;
}
#top ul.nav li a.hover{
    display:block;
    background:url(../img/nav_bg_hover.gif) 0 0 no-repeat;
    width:90px;
    height:26px;
    font:bold 11px/26px  "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#444444;
    background-color:inherit;
    text-decoration:none;
    text-align:center;
    cursor:text;
}
#top ul.sub{
    width:892px;
    height:29px;
    padding:0 0 0 65px;
    float:left;
}
#top ul.sub li{
    float:left;
    background:url(../img/nav_div.gif) right top no-repeat;
    padding:0 2px 0 0;
}
#top ul.sub li.noImg{
    background-image:none;
}
#top ul.sub li a{
    padding:0 14px;
    font:normal 11px/29px  "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#1F2123;
    background-color:inherit;
    text-decoration:none;
}
#top ul.sub li a:hover{
    color:#B70D0D;
    background-color:inherit;
}
/*------------------------------------------------top--------------------*/
#tabs a{
    font-size: 12px;
}

#calendario{
    font-size: 12px;
}

/*----------------------------------imprimir-----------------------------*/

#paginaImpressao{
    width: 990px;
    /*    border: 1px solid #CCC;*/
    min-height: 1460px;
}

#paginaImpressaoTopo{
    width: 100%;
    height: 100px;
    background:url(../img/logo_impressao.jpg) 0 0 no-repeat;
}

#nome{
    background-color: #FFFFD2;
}

#nome_mae{
    background-color: #FFFFD2;
}

#numero_documento{
    background-color: #FFFFD2;
}

#calendario{
    background-color: #FFFFD2;
}

#descricao_situacao{
    background-color: #FFFFD2;
}

#descricao_prioridade{
    background-color: #FFFFD2;
}
#descricao_departamento{
    background-color: #FFFFD2;
}

#obs_cidadao{
    background-color: #FFFFD2;
}
#apuracao{
    background-color: #FFFFD2;
}

#responsavel_informacao{
    background-color: #FFFFD2;
}

#calendario_retorno{
    background-color: #FFFFD2;
}

#hora_retorno{
    background-color: #FFFFD2;
}

#contatante{
    background-color: #FFFFD2;
}

#obs_retorno{
    background-color: #FFFFD2;
}

#descricao_assunto{
    background-color: #FFFFD2; 
}

#descricao_classificacao{
    background-color: #FFFFD2; 
}

#descricao_origem{
    background-color: #FFFFD2;  
}

#descricao_departamento{
    background-color: #FFFFD2;  
}

#descricao_departamento{
    background-color: #FFFFD2;  
}

#descricao_subassunto{
    background-color: #FFFFD2;  
}

#id_assunto{
    background-color: #FFFFD2;   
}

#descricao_prioridade{
    background-color: #FFFFD2;  
}

#qtd_dias{
    background-color: #FFFFD2; 
}

#endereco_cidadao{
    background-color: #FFFFD2; 
}

#numero_cidadao{
    background-color: #FFFFD2; 
}

#bairro_cidadao{
    background-color: #FFFFD2; 
}

label { display: block; margin-top: 10px; }
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
.submit { margin-top: 1em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

#container_cidadao_flutuante{
    width: 100%;
    position:absolute;
    min-height: 100px;
    display: block;
    left:0px;
    top:0px;
}
#dados_cidadao_flutuante{
    display:block;
    position:relative;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 400px;
    min-height: 90px;
    float: right;
}

#rodape{
    width: 100%;
    margin-top: 5px;
    text-align: center;
}
#rodape #text{
        border-top: 2px solid #CCC;
        width: 980px;
        margin: 0 auto;
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #444444;
}