@charset "utf-8";

/*Responsive*/
    html {-webkit-text-size-adjust:none;}
.video embed,
.video object,
.video iframe {width: 100% !important;  max-width:640px; }
img{max-width:100%;height: auto;width: auto\9; /* ie8 */}

 * { padding:0px; margin:0px; list-style-type:none; }
    body { background-color: #FFFFFF; height: 100%; min-height: 100%; }

@media all
{

.relatorio { vertical-align: top; text-align: center; width: 100%; }
.tableCodigoBarra { border-width: 0px; border-style: solid; padding: 0px; margin: 0px; width: 793px; vertical-align: middle; text-align: center; border-spacing: 0px; }
.tdCodigoBarra {  border: 0.3px solid #C0C0C0; margin: 0px; width: 505px;  height: 70px; vertical-align: middle; text-align: center;  }
.imagemCodigo { width: 500px; }
.Etiqueta { width: 144.3px; text-align: center; /*vertical-align: middle; */ }
.tdEtiqueta {  border: 0.3px solid #C0C0C0; margin-top: 20px; width: 144.3px; height: 81px; /*vertical-align: middle;*/ text-align: center;  }
}

/*------------------------*/

@media only screen and (max-width: 758px) 
{


   
    h1 {text-align: left; vertical-align: middle; position:absolute; top: 5px; left:5px; max-width:100%;height: auto;width: auto\9; /* ie8 */}
    #topogeral {
        margin: 0px;
        padding: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        height: 45px;
        border-bottom-width: thin;
        border-bottom-color: cadetblue;
        border-bottom-style: solid; /* background-image: url(img/topo-fundo.png); background-repeat: repeat-x;  */
        vertical-align: middle;
    }
    .imgCabecalho { position: absolute; top: 5px; left: 5px; max-width: 85%; height: 85%; content: url(img/TopoSysParoquia.png); }
    .imgTopo { content: url(img/topo.png); height: 45px; min-height:45px; max-height:45px; min-width:100%; width:100%;  }
    .TituloSistema { font-size:20px; font-weight: bold; color:royalblue; }
    .SubTituloSistema {font-size:15px; color:royalblue; }


    #UsuarioLogoff {float: right; text-align:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; position: absolute; right: 5px; top:10%;}
    #InformacaoNomeUsuario { float: left; margin-right: 5px;}
    #InformacaoData { float: left;}
    #InformacaoInicio {}
    
    /* Inicio Menu */
        #menus-esquerdo { display: block; float: left; height: auto; width: 100%; }
        .menu { }
        .menu ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center; display: block;}
        .menu ul li { position: relative; width: 150px; }
        .menu li ul { position: absolute; top: 0px; display: none; width: 150px; left: 155px;}
        .menu ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 2px; border: 1px solid #ccc; border-bottom: 0; width: 150px;}
        .menu li a:hover { text-align: center; color: #000000; background-color: #F5F5F5; }
        /* Fix IE. Hide from IE Mac \*/
        * html ul li { float: left; }
        * html ul li a { height: 1%; }
        /* End */
        .menu li:hover ul, li.over ul { display: block; }
        
        .menu .mnuPai {display:block; text-align: left; width: 150px; text-decoration: none; color: #777; background: #fff; padding: 2px; border: 1px solid #ccc; border-bottom: 1;}
        ul.topnav li:not(:first-child) {display: none; }
        ul.topnav li.icon {float:right; display:inline-block; position: relative; width: 150px; font-size: 14px; height:15px; }
        ul.topnav li.icon .abreMenu {text-align: center; display:block; font-size: 14px;  width: 150px; text-decoration: none; color: #777; background: #fff; padding: 2px; height: 16px; vertical-align:middle;  border: 1px solid #ccc;}
        ul.topnav.responsive {margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center;  position: relative;}
        
        ul.topnav.responsive li.icon {position:absolute; right:0; top:0; width: 150px; text-align:center;}
        ul.topnav.responsive li {float:none; display:block; }
        ul.topnav.responsive li a {display:block; text-align: left; width: 150px; vertical-align:middle; text-decoration: none; color: #777; background: #fff; padding: 2px; border: 1px solid #ccc;}
        ul.topnav.responsive li a:hover { text-align: left; color: #000000; background-color: #F5F5F5; }
        ul.topnav.responsive li ul {position: absolute; top: 5px; z-index: 1}
    /* Fim Menu */  
    
    /* Centraliza Login */
    #CentralizadoraLogin { border: 1px solid #808080; position: relative; width: 350px; height: 290px; margin: 10px auto; background-image: url(img/splash.jpg); background-repeat: no-repeat; }
        /*#imgLogin {content:url(img/splash.jpg); width: 300px;}*/
        #imgLogin { display: none; }
        #Login { position: absolute; width: 350px; height: 120px; margin: 0px auto; vertical-align: bottom; }
    #TabelaLogin { width: 340px; height: 120px; margin: 165px auto; }
        .colunaLabelLogin { text-align:right; width: 120px; }
        .linhaBotaoLogin {  text-align:center; position: relative; top: 5px; }
    
    .Titulo { font-weight: bold; }
    .divEsquerda { float: left;  min-height: 20px; clear: both; }
    .divMeio { float: left; clear: none; min-height:20px; clear: both;}
    .divDireita { float: left;  min-height: 20px; clear: both;}
    .clear { clear: both; }
    .divFloatDireita { float: right; }
    .imgFotoLivro {height: 70px; }
    .video { text-align: center; }
    
    /*Inicio Formulários*/
    .divLinha { min-height: 20px; clear: left; }
    .divLinhaCentro { min-height: 20px; text-align: center; top: 20px; position:relative;}
    .txtGrande { width: 200px;}
    .input {width: 140px;}
    .txtMedio { width: 50%; }
    .txtPequeno { width: 25%;}
    .WatermarkText { font-family: Arial, Helvetica, sans-serif; color: #808080; z-index: 10;}
    .linhaBotoes { text-align:center; position: relative; top: 20px; }
    .TituloTela { height: 40px; vertical-align: middle; padding:10px; padding-left: 50px; position: relative; top:20px; }
    .divGrid {position: relative; top: 50px; margin-left: 5%; margin-right: 5%; }
    .divBotaoImagem {position: relative; top: 50px; margin-left: 5%; margin-right: 5%;  }
    .tableForm { border-width: 0px; border-style: solid; padding: 0px; margin: 0px; width: 100%; vertical-align: middle; border-spacing: 2px; top:20px; position:relative; }
    .colunaLabel { text-align:right; width:25%; }
    /*Fim Formulários*/
    
    /* INICIO ACCORDION USUARIOS*/
        .accordionHeaderUser { border: 1px solid #3F403E; color: white; background-color: #636467; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; 
                       margin-top: 5px; cursor: pointer; width: 90%; }
        .accordionHeaderSelectedUser { border: 1px solid #3D3E41; color: white; background-color: #7C8487; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; 
                               padding: 5px; margin-top: 5px; cursor: pointer; width: 90%; }
        .accordionContentUser { background-color: #FFFFFF; /* anterior #D3DEEF*/ border-top: none; padding: 5px; padding-top: 10px; width: 90%; border-style: dashed; 
                        border-width: 1px; border-top-color: inherit; border-right-color: #3C3E42; border-bottom-color: #3C3E42; border-left-color: #3C3E42; }
    /* FIM ACCORDION */
    
    #principal { width: 100%; display: block; min-height: 100%; position: relative; padding-bottom: 100px; clear: both; }
    #espaco-direito { height: auto; width: 100%; margin: 0px auto;  display: block; position: relative; clear:both;}
    
     /* MODAL INICIO */
    .modalPopup { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #F8F8FF; border-width: 2px; border-style:solid; 
                  border-color: #A9A9A9; width: 300px; }
    .modalBackground { background-color: white; filter:alpha(opacity=70); opacity:0.7; }
    .popupControl { position:absolute; visibility:hidden; }
    #modalTitulo { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; 
                   -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; background-color:#B5B5B5; font-weight:bold; height: 25px; }
    #Titulo { text-align:left; height: 20px; float: left; margin-left:10px; margin-top: 3px; }
    #Fechar { text-align:right; height: 20px; width: 20px; float: right; margin-right: 5px; margin-top: 3px; }
    #modalConteudo { text-align:center; padding:3px; margin-top: 10px; margin-bottom:5px; }
    /* MODAL FIM*/
 
}

@media only screen and (min-width: 759px)
{

    /* Logo da empresa */
    h1 { text-align: left; vertical-align: middle; position:absolute; top: 5px; left:5px; max-width:100%;height: auto;width: auto\9; /* ie8 */}
    #topogeral {
        margin: 0px;
        padding: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        height: 80px;
        border-bottom-width: thin; border-bottom-color:cadetblue; border-bottom-style:solid; /* width: 100%; background-image: url(img/topo-fundo.png); background-repeat: repeat-x; */
    }
    .imgCabecalho { position: absolute; top: 5px; left: 5px; max-width: 85%; height: 85%; content: url(img/TopoSysParoquia.png); }
    .imgTopo { content: url(img/topo.png); max-height: 80px; min-height:80px; width: 100%; min-width: 100%; }
    .TituloSistema { font-size: 35px; font-weight: bold; color: royalblue; }
    .SubTituloSistema { font-size: 25px;  color: royalblue; }
    #UsuarioLogoff { float: right; text-align:right;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; position:absolute; right: 5px; top:20px; /*width: 35%; height: 100px; */}

    /* Inicio Menu */
         #menus-esquerdo { display: block; float: left; height: auto; width: 100%; }
        .menu { }
        .menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center; display: inline-flex; }
        .menu ul li { position: relative;  display:inline; width: 150px;}
        .menu li ul { position: absolute; /*left: 149px;*/ top: 18px; display: none; width: 150px; z-index: 1;}
        .menu ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 3px; border: 1px solid #ccc; border-bottom: 0; }
        .menu li a:hover { text-align: center; color: #000000; background-color: #F5F5F5; }
        /* Fix IE. Hide from IE Mac \*/
        * html ul li { float: left; }
        * html ul li a { height: 1%; }
        /* End */
        .menu li:hover ul, li.over ul { display: block; }
        .menu .mnuPai {display:block;  width: 144px; text-decoration: none; color: #777; background: #fff; padding: 2px; border: 1px solid #ccc; border-bottom: 0;}
        .menu .mnuAlteraSenha {display:none;}
        ul.topnav li.icon { display:none; border-bottom: 1px solid #ccc;}
    /* Fim Menu */

    /* Centraliza Login */
    #CentralizadoraLogin { border: 1px solid #808080; position: relative; width: 350px; height: 290px; margin: 200px auto; background-image: url(img/splash.jpg); 
	    background-repeat: no-repeat; }
    #imgLogin { display: none;}
    #Login { position: absolute; width: 350px; height: 120px; margin: 0px auto; vertical-align: bottom; }
    #TabelaLogin { margin: 165px auto; width: 340px; height: 120px; margin-left:5px; margin-right: 5px; }
     .linhaBotaoLogin {  text-align:center; }

    .Titulo { font-weight: bold; }
    .divLinha { min-height: 20px; clear: left; }
    .divLinhaCentro { min-height: 20px; text-align: center; position: relative; top:20px;}
    .divEsquerda { float: left; width: 35%; min-height: 20px; clear: both; }
    .divMeio { float: left; clear: none; min-height:20px; }
    .divDireita { float: right; width: 50%; min-height: 20px; }
    .clear { clear: both; }
    .divFloatDireita { float: right; }
    .imgFotoLivro {height: 70px; }
    .video { text-align: center; }
    
    /*Inicio Formulários*/
    .TituloTela { height: 40px; vertical-align: middle; padding:10px; padding-left: 50px; position: relative; top:20px;}
    .txtGrande { width: 200px;}
    .txtMedio { width: 50%; }
    .txtPequeno { width: 25%;}
    .linhaBotoes { text-align:center; position: relative; top: 20px;  }
    .WatermarkText { font-family: Arial, Helvetica, sans-serif; color: #808080; }
    .divGrid {position: relative; top: 50px; margin-left: 5%; margin-right: 5%; }
    .divBotaoImagem {position: relative; top: 50px; margin-left: 5%; margin-right: 5%;  }
    /*Fim Formulários*/

    #principal { width: 100%; display: block; min-height: 100%; position: relative; padding-bottom: 100px; }
    #espaco-direito { height: auto; width: 100%; margin: 0px auto;  display: block; }
    
    /* MODAL INICIO */
    .modalPopup { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #F8F8FF; border-width: 2px; border-style:solid; 
                  border-color: #A9A9A9; width: 300px; }
    .modalBackground { background-color: white; filter:alpha(opacity=70); opacity:0.7; }
    .popupControl { position:absolute; visibility:hidden; }
    #modalTitulo { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; 
                   -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; background-color:#B5B5B5; font-weight:bold; height: 25px; }
    #Titulo { text-align:left; height: 20px; float: left; margin-left:10px; margin-top: 3px; }
    #Fechar { text-align:right; height: 20px; width: 20px; float: right; margin-right: 5px; margin-top: 3px; }
    #modalConteudo { text-align:center; padding:3px; margin-top: 10px; margin-bottom:5px; }
    /* MODAL FIM*/

    /* INICIO ACCORDION USUARIOS*/
    .accordionHeaderUser { border: 1px solid #3F403E; color: white; background-color: #636467; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; 
                       margin-top: 5px; cursor: pointer; width: 90%; }
    .accordionHeaderSelectedUser { border: 1px solid #3D3E41; color: white; background-color: #7C8487; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; 
                               padding: 5px; margin-top: 5px; cursor: pointer; width: 90%; }
    .accordionContentUser { background-color: #FFFFFF; /* anterior #D3DEEF*/ border-top: none; padding: 5px; padding-top: 10px; width: 90%; border-style: dashed; 
                        border-width: 1px; border-top-color: inherit; border-right-color: #3C3E42; border-bottom-color: #3C3E42; border-left-color: #3C3E42; }
    /* FIM ACCORDION */

.tableForm { border-width: 0px; border-style: solid; padding: 0px; margin: 0px; width: 90%; vertical-align: middle; border-spacing: 2px; top:20px; position:relative; }
.colunaLabelLogin { text-align:right; width: 120px; }
    .colunaLabel { text-align: right; width: 25%; }

#rodape { position: absolute; bottom: 0; height: 50px; width: 100%; background-image: url(img/rodape-ConcretaFundo.png); background-repeat: repeat-x; margin-top: 50px; }

/* Imagem rodapé */
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 50px; font-weight: bolder; color: blue; text-align: center; 
     background-image: url(img/rodape-Concreta2.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 50px; }

.GridColumnBotao { padding: 0px; margin: 0px; width: 60px; }


    /* INICIO treeview USUARIOS*/
    .TreeviewHeaderUser {
        border: 1px solid #3F403E;
        color: white;
        background-color: #636467;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
        width: 90%;
    }

    .treeviewHeaderSelectedUser {
        border: 1px solid #3D3E41;
        color: white;
        background-color: #7C8487;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
        cursor: pointer;
        width: 94%;
        
    }

    .treeviewContentUser {
        background-color: #FFFFFF; /* anterior #D3DEEF*/
        color: black;
        border-top: none;
        /*padding: 5px;*/
        padding-top: 10px;
        width: 90%;
        display: contents;
        /*border-style: dashed;
        border-width: 1px;
        border-top-color: inherit;
        border-right-color: #3C3E42;
        border-bottom-color: #3C3E42;
        border-left-color: #3C3E42;*/
        /*display: block;
        height: auto;
        overflow: auto;*/
    }

    .treeviewLeaf {
        background-color: #FFFFFF; /* anterior #D3DEEF*/
        color: black;
    }

    .treeviewNodes {
    /*display:grid;*/
    }

    .treeviewRootNode {
        display: compact;
        color:black;
    }
    /* FIM treeview */

}


/*.treeview {
    width: 90%;
    border-style: solid;
    border-width :thin;
    border-color:lightgray;
}

.Node {
    border-color: red;
    font-family: Tahoma;
    Font-Size: 10pt;
    width: 93%;
    height: 20px;
}

.ParentNode {
    border-color: darkslategray;
    font-weight: bold;
    border-width: thin;
    border-style: solid;
    background-color: darkgrey;
    color: white;
    height: 25px;
    border-spacing: 2px;
}*/