@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;/* 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/topoSysbook.png);}
    .imgTopo {content:url(img/topo.png); min-height: 40px;}
    #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: 300px; height: 245px; margin: 10px auto; 
                              /*  background-image: url(../../Imagens/splash.jpg); background-repeat: no-repeat; */}
        #imgLogin {content:url(img/splash.jpg); width: 300px;}
        #Login { position: absolute; width: 300px; height: 120px; margin: 0px auto; vertical-align: bottom; }
        #TabelaLogin { width: 300px; height: 100px;  }
        .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%; }
    .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; }
    /*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; /* 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/topoSysbook.png);}
    .imgTopo {content:url(img/topo.png); max-height: 90px; width: 100%; }
    #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(../../Imagens/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%; }  
    /*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; }

#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; }

}