@viewport {
  width: auto;
}

@media all {

    html{
        width:100%;
        height:100%;
        margin: 0px auto; 
    }
    body{
        margin: 0px auto;
        padding:0px;
        width:100%;
        font-family: Tahoma, Verdana, Cantarell, Arial;
        font-size: 14px;
        color: #00476B !important;
        background-color: #FFFFFF;
        overflow:auto;
    }
    pre{
    	font-size: 12px;
    }
    .texto{
    	font-size: 12px;
    }
    .textomenor{
    	font-size: 8px !important;
    }
    #geral{
    	position: absolute;
        right: 0px;
        left: 0px;
        display: block;
        margin: 3px 3px 0 17%;
        padding-bottom: 10px;       
    }
    #box{
    	width: 100%;
    	min-height:600px;
    	overflow:auto;     
    }
    a{
        text-decoration:none;
        color: inherit;
        cursor: pointer;
    }
    img{
        border: 0px;
    }    
    ul{
        list-style: none;
        margin: 0px auto;
        text-align:center;
        padding: 0px;
    }
    ul li{
        display: inline-block;
        text-align:center;
    }
    ol{
        list-style: disc;
        text-align: center;
    }
    ol li{
        text-align:left;
        padding-bottom: 8px;
    }
    hr{
    	border: 1px solid #006699;
        width: 70%;
    }
    table{
        margin: 0px auto;
        border-collapse: collapse;
        margin-top: 15px;
        min-width: 36%;
        max-width: 90%;
        word-wrap:break-word;
    }
    table:last-child{
    	margin-bottom: 40px;
    }
    input:not([type='button']):not([type='submit']):not([type='image']),select,textarea{
        border: 1px solid #B2D1E0;
    }
    input:required:not([type='button']):not([type='submit']):not([type='image']),select:required,textarea:required{
        border: 1px solid #006699;
    }
    input[disabled], select[disabled]{
    	border: 1px solid #E6F0F5 !important;
        color: #E6F0F5 !important;
	}
    input[readonly]{
    	border: 1px solid #E6F0F5 !important;
        color: #006699;
	}
    td > input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='file']):not([type='color']), td > select{
        width: 210px;
    }
    td > textarea{
        max-width: 98%;
        width: 250px;
    }
    select{
    	white-space:nowrap;
    	background-color: #FFFFFF;
     }
    .campos{
        padding:5px;
        border-radius: 4px;
        box-sizing:content-box;
        -ms-box-sizing:content-box;
        -moz-box-sizing:content-box;
        -webkit-box-sizing:content-box; 
    }
    .botao{
    	min-width: 80px;
        padding:6px 16px;
        text-align:center;
    }
    .menor{
        min-width: 40px !important;
        width: 95% !important;
        max-width: 200px !important;
    }
    .pequeno{
        min-width: 10% !important;
        width: 70px !important;
        max-width: 50% !important;
    }
    fieldset{
        margin: 0px auto;
        text-align: center;
        min-width: 200px;
        width: 65%;
        max-width: 1200px;
        border-radius:8px;
        border: 1px solid #006699;
        background-color: #FFFFFF; 
        overflow: auto;
        margin-bottom: 30px;
    }
    fieldset table{
        min-width: 82%  !important;
        width: 96%  !important;
        max-width: 95%  !important;
    }
    .fieldset{
        width: 95% !important;
        max-width: 1400px !important;
    }
    
    .fieldset table{
        min-width: 90% !important;
        width: 98% !important;
        max-width: 1400px !important;
    }
    legend{
        text-align:left;
        font-weight: bold;
        padding: 3px 15px 3px 15px;
        background-color: white;
        border: 1px solid;
        border-top: 2px solid;
        border-radius: 5px;
    }
    .login{
        text-align:center !important;
        vertical-align:middle; 
    }
    .login img{
    	max-height:40%;
    }
    .login input:not([type=submit]){
    	border-radius: 10px;
    	height: 20px;
        min-width: 150px !important;
        width: 150px !important;
        font-size: 15px;
        padding: 10px;
        border: 2px solid !important;
    }
    .login input[type=submit]{
		border-radius: 10px;
        border: 2px solid;
    	height: 42px;
        width: 170px !important;
        font-size: 15px;
        cursor:pointer;
        font-weight: bold;
    }
    .login input[type=submit]:hover{
		background-color: #C1C1C1;
    }
    #menu_lateral{
        position: fixed;
        background-color: white;
        top: 4px;
        left: 0.5%;
        min-width:180px;
        width:15%;
        height: 100%;
        z-index:5;
     }
    #menu{
        width:100%;
        height: 92%;
        padding: 0 2px 0 0;
        margin-top: 20px;
        overflow-y: auto;
      }
    #menu h3{
        margin: 0px auto;
        width: 90%;  
        padding: 10px 5% 10px 5%; 
        border-radius:6px;
        margin-bottom:3px;
        font-size: inherit;
        color: #FFFFFF;
        background-color: #006699;
        cursor:pointer;
    }
    #menu h3 + div{
    	display: none;
    }
    #menu h3:hover{
        background-color: #00476B;
    }
    #menu .submenu{	
        margin: 0px auto;
        width: 100%;  
        padding: 5px 0% 5px 0%; 
        text-align: left;
        border-radius:6px;
        margin-bottom:10px;
        color: #006699;
        background-color: #FFFFFF;
        border: 1px solid #B2D1E0;
    }
    .submenu img{	
        padding: 2%;   
    }
    .submenu img:hover{
        border-radius:6px;
        box-shadow: 2px 2px 3px #E8E8E8;
    }
    #menu_superior{
        width: 100%; 
        padding: 8px 0px 8px 0px;
        color: #E6F0F5;
        border-radius: 6px;
        background-color: #006699;
    }
    #menu_superior a, .menu_pagina a, .menu_interno a{
        color: #FFFFFF;
        font-weight: bold;
    }
    .menu_pagina{
        margin: 0px auto;
        margin-bottom: 20px;
        border-radius: 6px;
        min-width:200px;
        width:70%;
        font-weight: bold;
        text-align: center;    
        color: #FFFFFF;
        background-color: #006699;
    }
    .menu_pagina div{
        padding:8px 0px 8px 0px;
    }
    #menu_superior li{	
        padding:0px 10px 0px 10px;
    }
    .menu_interno{
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .menu_interno li{
        padding:5px 20px 5px 20px;
        margin: 3px;
        border-radius:4px;
        background-color: #006699;
    }
    .tabela td{
        padding: 7px;
        text-align: left;
        max-width: 500px;
    }
    .tabela tr td:nth-child(odd){
        text-align: right;
    }
    .tabela tr:nth-child(odd){
       background-color: #E8E8E8;
    }
    table .tbody:nth-child(even){
        background-color: #E8E8E8 !important;
    }
    .tabela thead th, .lista thead th {
     	padding: 7px 12px 7px 12px;
        color: #FFFFFF;
        border-left: solid 1px #FFFFFF;
        background-color: #006699;
     }
     .tabela thead tr:first-child th:first-child, .lista thead tr:first-child th:first-child {
     	border-top-left-radius: 6px;
     }
     .tabela thead tr:first-child th:last-child, .lista thead tr:first-child th:last-child {
     	border-top-right-radius: 6px;
     }
     .tabela tfoot th, .lista tfoot th {
     	padding: 7px;
        //color: #FFFFFF;
        border-left: solid 1px #FFFFFF;
        //background-color: #006699;
        background-color: #B2D1E0;
     }
    .lista td{
        padding: 8px; 
    }
    .lista td > a {
		display: block;
	}
    .lista tr:nth-child(even){
        background-color: #E6F0F5;
    }
    .planocontas td:nth-child(5) {
    	border-right: 1px dashed;
        padding-right: 10px;
    }
    .planocontas tr:nth-child(even), .planocontas tr:nth-child(odd){ 
     	background-color: inherit;
        color: inherit;
     }
    .planocontas tbody .n1:first-child{
    	background-color: rgba(204, 204, 204, .7);
    }
    .planocontas tbody .n2{
    	background-color: rgba(204, 204, 204, .5);
    }
    .planocontas tbody .n3{
    	background-color: rgba(204, 204, 204, .3);
    }
    .planocontas tbody .n4{
    	background-color: rgba(204, 204, 204, .1);
    }
    .editar{
        cursor: default;
    }
    .paginacao{
        margin: 0px auto;
        margin-top: 20px;
        text-align: center;
        width:25%;
        padding: 10px;
        border: solid 1px #006699;
        border-radius:10px;
    }
    .paginacao .pg_ico{
    	padding: 0 2px 0 2px;
    	width: 30px;
    }
    .paginacao .pg_num{
	    padding: 0 3px 0 3px;
    	display: inline-block;
    }
    #aviso_flt{
    	position: fixed;
        text-align:center;
        top: 10px;
        right: 30px;
        width: 300px;
        z-index:10;
    }
    #aviso_flt div{
    	display: block;
        width: 90%;
        padding: 15px;
        color: #FFFFFF;
        font-weight: bold;
        border-radius:10px;
        border: solid 3px #FFFFFF; 
        margin-bottom: 10px;
        background-color: #006699;
        white-space: initial;
    }
    .aviso_flutuante_erro{ 
        background-color: #930003 !important;
    }
    .aviso_flutuante_obs{   
        background-color: #2A8427 !important;
    }
    .acesso_box{
        width:20px;
        height:20px;
        border-radius:5px;
        vertical-align:middle;
    }
    #anotacao{
        width: 98%;
        max-width: 98%;
    }
    .coluna2{
        column-count:2;
        column-gap:20px;
        column-rule: 1px solid #C1C1C1;
        -webkit-column-count:2;
        -webkit-column-gap:20px;
        -webkit-column-rule: 1px solid #C1C1C1;
        -moz-column-count:2;
        -moz-column-gap:20px;
        -moz-column-rule: 1px solid #C1C1C1;
        overflow: auto; 
    }
    .coluna3{
        column-count:3;
        column-gap:20px;
        column-rule: 1px solid #C1C1C1;
        -webkit-column-count:3;
        -webkit-column-gap:20px;
        -webkit-column-rule: 1px solid #C1C1C1;
        -moz-column-count:3;
        -moz-column-gap:20px;
        -moz-column-rule: 1px solid #C1C1C1;
        overflow: auto; 
    }
    .obs{
        font-size: 11px;
        color: #2A8427 !important;
    }
    .erro, .error{
        font-size: 11px;
        color: #930003 !important;
        display: block;
    }
    .destaque{
        color: #00476B !important;
        font-weight: bold;
        text-transform: uppercase;
    }
    .discreto{
        color: #C1C1C1 !important;
    }
    .atencao{
        color: #930003 !important;
        font-weight: bold;
    }
    .center{
        text-align: center !important;
    }
    .left{
        text-align: left !important;
    }
    .right{
        text-align: right !important;
    }
    .onlyprint, .tracejado{
        display:none;
    }
    .curriculo_bg{
        margin: 0px auto;
        height: 310px;
        background-image: url(../_image/curriculo.jpg), url(/_image/curriculo_bg.jpg);
        background-repeat: no-repeat, repeat-x;
        text-align: center;
    }
    .rodape{
        margin: 0px auto;
        background-color:#FFFFFF;
        border-top: 1px solid #006699;
        width:100%;
        text-align: center;
        font-size: 12px;
        padding: 5px 0 5px 0;
    }
    .divisao{
        background-color: #006699;
        height: 2px;
    }
    .home{
    	display: inline-block;
    	vertical-align: top;
    	width: 32%;
    	min-width: 350px;      	
    }
    .home table{
        width: 100%;
    }
    .wait{
    	position:fixed;
    	top: 0px;
    	left: 0px;
    	height: 100%;
    	width: 100%;
    	background-color: #E6F0F5;
    	background-image: url('/_image/loading.gif');
    	background-repeat: no-repeat;
  		background-position: center center;
    	opacity:0.7;
    	text-align:center;
    	z-index:15;
        color: black;
        font-weight: bold;
        text-transform:uppercase;
    }
    .wait img{
    	position:absolute;
    	width: 60px;
    	top:46%;
    }
    .loading{
    	display:none;
    	vertical-align:middle;
        padding: 0 5px 0 5px;
        width: 20px;
    }
    .div_inline{
    	margin: 0px auto;
        text-align:center;
    }
    .div_inline > div{
    	display:inline-block;
        margin: 10px 10px 0 10px;
        vertical-align:top;
        min-width: 360px;
        width: 30%;
    }
    .div_inline div table{
    	min-width: 92%;
	} 
    .bg_image{
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center; 
        border-radius: 8px;
	}
    .criacao_esq{
    	min-width: 30% !important;
    }
    .criacao_dir{
    	min-width: 60% !important;
    }
    .mobile, .ajuda{
    	display: none;
    }
    .grafico{
    	margin: 0px auto;
    	max-width:100%;
    	width:70%;
    	height: 250px;
    }
    
} /* fim @media all */


@media screen and (min-width: 1px) and (max-width: 650px) {

	#geral{
        margin: 58px 1px 0px 1px; 
    }
    table{
        min-width: 95% !important;
        width: 99% !important;
        max-width: 99% !important;
    }
    fieldset, .fieldset{
        min-width: 90% !important;
        width: 92% !important;
        max-width: 95% !important;
    }   
    .tabela td, .lista td, .tabela th, .lista th{
        padding: 6px 3px 6px 3px!important;
    }
    .tabela td, .tabela th{
    	display: block;
    }
    .tabela td:nth-child(odd){
    	font-weight: bold;
    }
    td > input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='color']), td > select, td > textarea{
        width: 180px;
    }
    .tabela tr td{
        text-align: left !important;
        width: 100% !important;
    }
    #menu_lateral{
    	position: absolute;
        width:98%;
        top:50px;
        height: auto;
    }
    #menu{
        display: none;
    }
    #menu h3{
        margin-bottom:1%;
        padding: 5%;
    }
    #menu_superior{
    	position: fixed;
    	top: 4px;
        padding: 12px 0px 12px 0px;
        outline: 8px solid #FFFFFF;
        width:98%;
        left: 1%;
    }
    .submenu{
    	width: 90%;	
        padding: 5%;
    }
    #aviso_flt{
    	position: fixed;
        top: 0px;
        right: 0px;
        width: 100%;
    }
    #aviso_flt div{
        border-bottom: 6px solid #333333;
        min-height: 40px;
        border-radius:0px;
        width: 100%;
    }
    .menu_pagina{
        width:98%;
    }
    .paginacao{
        width:90%;
    }
    .paginacao .pg_ico{
    	padding: 0 6px 0 6px;
    	width: 36px;
    }
    .paginacao .pg_num{
    	display: none;
    }
    .criacao_esq{
    	min-width: 95% !important;
    }
    .criacao_dir{
    	min-width: 95% !important;
    }
    .mobile{
    	display: inline-block;
    }

}

@media screen and (min-width: 651px) and (max-width: 1370px) {

    #geral{
    	display: block;
        margin: 4px 3px 0px 220px;
    }
    #menu_lateral{
        width:200px;
     }
    fieldset, .fieldset{
        width:90%;
         min-width: 80px;
    }
    #menu_superior li{	
        padding:0px 4px 0px 4px;
    }
    .paginacao{
        width:40%;
    }
    .menu_pagina{
        width:90%;
    }
    table{
        min-width: 60%;
        max-width: 95%;
    }
    .criacao_esq{
    	min-width: 35% !important;
    }
    .criacao_dir{
    	min-width: 52% !important;
    }
    .grafico{
    	width:95%;
    }

}


@media screen and (min-width: 1371px) and (max-width: 1610px) {

    #geral{
    	display: block;
        margin: 4px 3px 0px 19%;
    }
    #menu_lateral{
        width:18%;
     }
     fieldset, .fieldset{
        width:82%;
    }
    .menu_pagina{
        width:80%;
    }
    table{
        min-width: 50%;
        max-width: 95%;
    }
    .grafico{
    	width:85%;
    }

}

@media screen and (min-width: 651px){
   .lista thead th, .tabela thead th, .menu_pagina, #menu_superior, .menu_interno li, #menu h3, .aviso_flutuante{        
        background-image: -moz-linear-gradient(top, #006699, #00476B);
		background-image: -ms-linear-gradient(top, #006699, #00476B);
		background-image: -o-linear-gradient(top, #006699, #00476B);
		background-image: -webkit-linear-gradient(top, #006699, #00476B);
		background-image: linear-gradient(top, #006699, #00476B);
		background-clip: padding-box;
        text-shadow: black 0.1em 0.1em 0.2em;
	}
    .lista th:hover, .tabela th:hover, .menu_pagina:hover, #menu_superior:hover, .menu_interno li:hover, #menu h3:hover{        
        background-image: -moz-linear-gradient(top, #00476B, #00476B);
		background-image: -ms-linear-gradient(top, #00476B, #00476B);
		background-image: -o-linear-gradient(top, #00476B, #00476B);
		background-image: -webkit-linear-gradient(top, #00476B, #00476B);
		background-image: linear-gradient(top, #00476B, #00476B);
		background-clip: padding-box;
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;
	}
    .aviso_flutuante_erro{
   		background-image: -moz-linear-gradient(top, #930003, #670002);
		background-image: -ms-linear-gradient(top, #930003, #670002);
		background-image: -o-linear-gradient(top, #930003, #670002);
		background-image: -webkit-linear-gradient(top, #930003, #670002);
		background-image: linear-gradient(top, #930003, #670002);
		background-clip: padding-box;
        text-shadow: black 0.1em 0.1em 0.2em;
	}
    .aviso_flutuante_obs{
   		background-image: -moz-linear-gradient(top, #2A8427, #1D5C1B);
		background-image: -ms-linear-gradient(top, #2A8427, #1D5C1B);
		background-image: -o-linear-gradient(top, #2A8427, #1D5C1B);
		background-image: -webkit-linear-gradient(top, #2A8427, #1D5C1B);
		background-image: linear-gradient(top, #2A8427, #1D5C1B);
		background-clip: padding-box;
        text-shadow: black 0.1em 0.1em 0.2em;
	}
    fieldset, .fieldset{
    	-webkit-box-shadow: inset 4px 4px 8px 2px #E6F0F5;   
        box-shadow: inset 4px 4px 8px 2px #E6F0F5;
    }
    .lista tbody tr:hover{ 
        background-color: #006699;
        color: #FFFFFF !important;
        cursor:pointer;    
	}
    .planocontas tbody tr:hover{ 
     	background-color: inherit !important;
        color: #B2D1E0 !important;
     }
    .tabela tr:hover{
    	background-color: #C1C1C1;
	}
		#menu_lateral ::-webkit-scrollbar {
	    width: 8px;
	}
	#menu_lateral ::-webkit-scrollbar-thumb  {
	    background-color: #C1C1C1;;
	}
	#menu_lateral ::-webkit-scrollbar-track  {
	    background-color: #E8E8E8;;
	}
}

@media print {
	body{ font-size: 10px; color-adjust: exact; page-break-before: auto; margin: 0px; padding: 0px; text-shadow: none !important; }
    table { margin-top: 5px; min-width: 100% !important; max-width: 100% !important; width: 100% !important; display: table;}
    thead { display: table-header-group; overflow: visible; }
    tbody { display: table-row-group; }
	tfoot { display: table-footer-group; overflow: visible; }
    tr { display: table-row; page-break-inside:avoid; page-break-before: auto; }
    td, th {  display: table-cell; page-break-inside:avoid; page-break-before: auto; }
    :not(td) > fieldset, :not(td) > .fieldset{ width: 97% !important; page-break-inside:avoid; }
    hr{ width: 98%; }
    
	#geral { position: relative !important; margin: 0px; padding: 0px; }
    .noprint, .editar, .botao, .menu_interno, .paginacao, #menu_lateral, .rodape, #aviso_flt { display:none; } 
    .tabela thead th, .lista thead th, .tabela tfoot th, .lista tfoot th, .lista td, .tabela td { padding: 4px; }
    .campos { padding: 0px; }
       
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, 
    input::-moz-outer-spin-button, input::-moz-inner-spin-button, 
    input::-ms-outer-spin-button, input::-ms-inner-spin-button, 
    input::-o-outer-spin-button, input::-o-inner-spin-button, 
    select {
    	-webkit-user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
    }
    
    .div_inline div{ display:block; width: 100% !important;}    
    .quebra-pagina{ page-break-before: always; }
    .tracejado { display:block; border-bottom: 1px dashed; margin: 1cm;}
    .meiapagina { height: 11.5cm; }
    .onlyprint { display: block;}
    
    .endereco{
    	margin: 0px;
    	font-size: 17px;
    	text-transform:uppercase;
    	height: 16.8cm;
     }
    
    .endereco table{
    	height: 16.5cm;
    }
    
    .grafico{
    	width:100%;
    }
              
    .menu_pagina { 
    	margin-bottom: 10px;
    	/* background-image: url(/_image/marca_w.png), url(/_image/marca_w.png); */
		background-repeat: no-repeat, no-repeat;
		background-position: 3% center, 97% center;
        background-size:contain;
        width: 100%;
        /* position: fixed; */
        /* top: 0; */
      } 
       
    @page{
    	size: auto;
        margin: 10mm;
    }
    
}