/* ================================
	ESTILOS CSS PARA O PORTAL
	v1.0 - Estilo Cinza
   ================================ */

/*-------------------------------------------------------------------------------------
  ESTILOS GENÉRICOS
------------------------------------------------------------------------------------- */
* /*valores default para aplicar as tags html da pagina*/ {
    text-decoration: none;
    font-family: Verdana, Tahoma, Geneva, Helvetica, sans-serif;
    font-size: 12px;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.MainBody {
    overflow: hidden;
}

input,
textarea {
    font-size: 10px;
    line-height: 15px;
}

a {
    color: navy;
}

    a:hover {
        text-decoration: underline;
    }

.TabFixNoPadding {
    border: 0;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

    .TabFixNoPadding tr td,
    .TabFixNoPadding tr th {
        padding: 0;
    }

/*-------------------------------------------------------------------------------------
  Definição das 3 seções da pagina
	normalmente é:
	------------------------BannerContainer-------------------------
	-                                                              -
	-                     Banner (Altura fixa sem rolagem)         -
	-                                                              -
	------------------------ContentContainer------------------------
	-                                                            /\-
	-                                                             |-
	-                         Conteudo                            |-
	-    (Altura flexível com rolagem se nescessario )            |-
	-                                                             |-
	-                                                            \/-
	------------------------FooterContainer-------------------------
	-                     Footer (Altura fixa sem rolagem)         -
	----------------------------------------------------------------
------------------------------------------------------------------------------------- */

#barra_global * {
    margin: 0;
    padding: 0;
}

/*********** Barra Global 100% ***************/
#barra_global {
    width: 100%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

    #barra_global a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        background-color: transparent;
        text-align: left;
    }

/********** Barra de Navegação 760px ***********/
#barra_nav {
    width: 500px;
    height: 68px;
    text-align: right;
    margin-left: 3px;
    margin-top: 2px;
    background: url(../../imagens/logo/logoSME.png) no-repeat;
}

    /***** Listas ******/
    #barra_nav ul {
        float: left;
        margin-left: 190px;
        width: auto;
        height: 15px; /*85%;*/
        border: none;
    }

        #barra_nav ul li {
            list-style: none;
            float: left;
            height: 100%;
        }

            #barra_nav ul li a {
                font-size: 11px;
                color: navy;
                text-decoration: none;
                display: block;
                float: left;
                padding: 6px 6px;
                border: 1px solid lightgray;
            }

                #barra_nav ul li a:hover {
                    background: lightblue
                }

.BannerContainer {
    height: 70px;
    padding: 0;
    margin: 0;
    background-color: rgb(240, 248, 255);
}

.FooterContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    text-align: center;
}

.ContentContainer {
    position: absolute;
    top: 100px; /*deve ser igual a height de BannerContainer*/
    bottom: 40px; /*deve ser igual a height de FooterContainer*/
    left: 0;
    right: 0;
    overflow: auto;
}

/*-------------------------------------------------------------------------------------
  Logo Banner
------------------------------------------------------------------------------------- */

.TituloBanner {
    font-size: 16px;
    font-weight: bold;
    color: navy;
    line-height: 16px;
}

/****** Foto Perfil *****/
.imgUsuarioCirculo {
    background-color: #aaa;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    overflow: hidden;
    position: relative;
}

    .imgUsuarioCirculo img {
        bottom: 0;
        width: 100%;
    }

/****** Imagem Atividades *****/
.imgCirculo {
    background-color: #aaa;
    border-radius: 20%;
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.imgCirculo img {
    bottom: 0;
    width: 100%;
}

/*-------------------------------------------------------------------------------------
  ESTILO DO BANNER
/*------------------------------------------------------------------------------------- */
.BannerTopContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 40px;
}

.BannerTop /*Fundo da barra do Governo*/ {
    display: table-row;
}

    .BannerTop > span /*Fundo da barra do Governo*/ {
        display: table-cell;
        width: 120px;
        vertical-align: middle;
        text-align: center;
    }

    .BannerTop a,
    .BannerTop input[type="image"]
    /* Link na barra do Governo*/ {
        color: navy;
        margin-left: 5px;
        margin-right: 5px;
    }

        .BannerTop a:hover {
            text-decoration: underline;
        }

.MenuIndex {
    position: absolute;
    top: 5px;
    z-index: 5;
}

/*-------------------------------------------------------------------------------------
  ESTILO DO RODAPE
/*------------------------------------------------------------------------------------- */
.RodapePortal /*Cor do rodapé. Última linha da página*/ {
    background-color: navy;
    color: #FFFFFF;
    line-height: 20px;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.RodapeLinks /*não alterar*/ {
    display: table-row;
    color: #FFFFFF;
}

    .RodapeLinks span /*não alterar*/ {
        display: table-cell;
        color: #FFFFFF;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
    }

    .RodapeLinks a /*Links do rodapé*/ {
        color: #FFFFFF;
    }

.RodapePortal a:hover {
    text-decoration: underline;
}
/*-------------------------------------------------------------------------------------
  BANNER MÓVEL
/*------------------------------------------------------------------------------------- */
.BannerMovel /*Fundo do banner*/ {
    background-color: #5f5f5f;
    font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
}

.BannerMovelTexto {
    font-size: 10px;
    color: #FFFFFF;
    white-space: nowrap;
}
/*-------------------------------------------------------------------------------------
  ESTILO DO LOGIN
/*------------------------------------------------------------------------------------- */
.Login fieldset {
    background: azure;
    box-shadow: 5px 5px 5px #AAAAAA;
}
/*-------------------------------------------------------------------------------------
  ESTILO DO CONTEUDO
/*------------------------------------------------------------------------------------- */
.Conteudo {
    height: 100%;
    width: 100%;
    background-color: rgb(247, 248, 251);
}

    .Conteudo > table {
        width: 100%;
        height: auto;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 10px;
        background-color: rgb(247, 248, 251);
    }

.ConteudoModulo {
    background-color: rgb(247, 248, 251);
}

.AjudaBack {
    background-image: url(../../imagens/logo/help4.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

/*-------------------------------------------------------------------------------------
  ESTILO DE TABELAS
/*------------------------------------------------------------------------------------- */
.TabelaBorda /* Borda de tabela*/ {
    padding: inherit;
    margin: 0 6px 3px 3px;
    border: 1px solid #dce0e7;
    vertical-align: top;
    background-color: white;
}

.TabelaFicha /* Cores corretas*/ {
    padding: inherit;
    margin: 0 6px 3px 3px;
    border: 1px solid #dce0e7;
    background-color: rgb(240, 248, 255);
    vertical-align: top;
}

.TabelaNota /* Cores corretas*/ {
    padding: inherit;
    margin: 0 6px 3px 3px;
    border: 1px solid #dce0e7;
    background-color: azure;
    vertical-align: top;
}

/*-------------------------------------------------------------------------------------
  ESTILO PARA DOCUMENTOS
/*------------------------------------------------------------------------------------- */
.Cab36 {
    width: 36%;
}

.Larg100 {
    width: 100%;
}

.texto {
    font: normal normal 100% serif;
    color: black;
    text-align: justify;
}

.Clausula {
    font: normal normal bold x-large serif;
}

.Paragrafo {
    font: normal normal bold 100% serif;
}
/*-------------------------------------------------------------------------------------
  ESTILO DA BARRA DE RELATÓRIO
/*------------------------------------------------------------------------------------- */
.RelBarra {
    font-size: 10px;
    line-height: 14px;
    background-color: ghostwhite;
    vertical-align: middle;
    text-align: center;
}
/*-------------------------------------------------------------------------------------
  ESTILO DOS DEFUALT TÍTULOS DOS MÓDULOS
/*------------------------------------------------------------------------------------- */
.Modulo fieldset {
    margin: 10px;
    box-shadow: 3px 3px 3px #AAAAAA;
}

.ModuloFieldset {
     float: left;
     width: 730px;
     margin-bottom: 10px;
     margin-left: 10px;
     color: navy;
     background-color: transparent;
     font-weight: bold;
     font-size: 14px;
 }

.TituloFieldset {
    color: navy;
    background-color: transparent;
    font-weight: bold;
    font-size: 16px;
}

.ModuloTitulo {
    width: 100%;
    line-height: 25px;
    color: #FFFFFF;
    background-color: rgb(0, 0, 139);
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.TitModulo {
    line-height: 25px;
    background-color: rgb(0, 0, 139);
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    vertical-align: middle;
}

.TitEdita /* Usado nas telas de edição*/ {
    font-weight: bold;
    font-size: 14px;
    color: navy;
    text-indent: 15px;
    background-color: #DCDCDC;
    text-align: center;
    line-height: 27px;
}

.ModuloSubTitulo {
    font-weight: bold;
    color: navy;
    line-height: 20px;
    text-align: left;
    background-color: transparent;
}
/*-------------------------------------------------------------------------------------
  BOTÃO DE COMANDO
/*------------------------------------------------------------------------------------- */
.BotaoCmd .BotaoComando /* Comandos nas telas internas como salvar, retornar, excluir...*/ {
    font-size: 12px;
    font-weight: normal;
    line-height: 13px;
    text-decoration: none;
    font-style: normal;
    color: navy;
    background: transparent;
}

TD.BotaoCmd {
    font-size: 12px;
    font-weight: normal;
    line-height: 13px;
    text-decoration: none;
    font-style: normal;
    color: navy;
}

A.BotaoCmd a.BotaoComando {
    color: navy;
    font-weight: normal;
    font-style: normal;
}

A.BotaoCmd:hover a.BotaoComando:hover {
    color: navy;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------------------------------------------------------
  ESTILO DO CORPO DOS MÓDULOS
/*------------------------------------------------------------------------------------- */
/* DEFAULT */
.Titulo {
    width: 100%;
    line-height: 25px;
    color: navy;
    background-color: transparent;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
}

.Sombra {
    box-shadow: 3px 3px 3px #AAAAAA;
}

.TituloCapa {
    color: navy;
    line-height: 14px;
    background-color: transparent;
    font-weight: bold;
}

.TituloItem {
    font-size: 12px;
    color: navy;
    line-height: 13px;
    font-weight: normal;
}

.TituloGrupo {
    font-size: 14px;
    color: navy;
    line-height: 14px;
    font-weight: normal;
    background-color: transparent;
}

p.TituloCabecalho {
    font-size: 12px;
    color: navy;
    line-height: 13px;
    font-weight: normal;
}

.ItemDado {
    font-size: 11px;
    color: #000000;
    line-height: 13px;
    background-color: transparent;
    font-weight: normal;
}

.TituloDado {
    font-weight: bold;
    color: navy;
    line-height: 14px;
    background-color: transparent;
}

.TituloModulo {
    font-weight: bold;
    color: navy;
    line-height: 12px;
    background-color: transparent;
}

.Modulo {
    font-size: 12px;
    line-height: 13px;
    vertical-align: middle;
    font-weight: normal;
}

.ModuloTexto {
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    text-align: justify;
    font-weight: normal;
}

.Atendimento {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    background-color: transparent;
    font-weight: bold;
    font-family: Arial;
}

INPUT.Modulo,
SELECT.Modulo,
TEXTAREA.Modulo {
    line-height: 16px;
    padding: 2px;
}

.Modulo > a {
    margin: 0 4px;
}

    .Modulo > a > img {
        margin-right: 4px;
    }

A.Modulo {
    color: navy;
}

    A.Modulo:hover {
        text-decoration: underline;
    }

H1.Modulo {
    font-size: 13px;
    font-weight: bold;
    color: navy;
}

H2.Modulo {
    font-size: 12px;
    color: navy;
}

SELECT.Modulo {
    font-size: 12px;
}

TEXTAREA.Modulo {
    font-size: 12px;
}

P.Modulo {
    font-size: 12px;
    text-align: Justify;
}

TR.Modulo {
    font-size: 12px;
    text-align: Justify;
}

TD.Modulo {
    font-size: 12px;
    text-align: Justify;
}

HR.Modulo {
    width: 100%;
    color: navy;
    border-style: solid;
    height: 1px;
}

HR.ModuloTraco {
    width: 100%;
    border-color: navy;
    border-style: dashed;
    border-bottom: none;
    height: 1px;
}

.divPadrao {
    width: 99.5%;
    height: 150px;
    color: #88A0C1;
    border: 1px solid #88A0C1;
    border-style: solid;
    overflow: scroll;
    overflow-x: hidden;
}

.DropZone1 {
    width: 120px;
    height: 110px;
    background: url("../../imagens/arquivos/carregar.png") no-repeat;
    border-color: #CCCCCC;
    color: #767676;
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: sans-serif;
    color: navy;
}

/* Mapa -------------------------------------------------------------------------------------------------- */
.MeuMapa {
    border: 1px solid #FFF;
}

.k-map.RadMap .k-marker {
    overflow: visible;
    color: blue;
}
.Mapa {
    padding-left: 10px;
    font-size: 14px;
    font-family: "Segoe UI",Segoe,"Roboto","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
    line-height: 16px;
}

    .Mapa .unidade {
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
        margin-bottom: 12px;
    }

    .Mapa .distrito {
        font-weight: normal;
    }

    .Mapa .email {
        color: #0394ae;
    }

        .Mapa .email a {
            color: #0394ae;
            text-decoration: none;
        }

            .Mapa .email a:hover {
                text-decoration: underline;
            }

    .Mapa .local {
        border-top: 1px solid azure;
        margin-top: 10px;
        padding-top: 10px;
    }

    .Mapa .endereco {
        font-weight: normal;
        width: 235px;
    }

.radMapWrapper {
    padding: 0 21px 21px 21px;
    background-color: azure;
    display: inline-block;
    *display: inline;
    zoom: 14;
}