@font-face

{      

    font-family: "Baskevill" ;

      src: url("../fonts/baskevill.ttf") format("truetype");

}

@font-face

{

     font-family: "Athena" ;

      src: url("../fonts/athena.ttf") format("truetype");

}

@font-face

{

   font-family: "Lemost" ;

      src: url("../fonts/lemosty.otf") format("truetype");  

}   

@font-face

{

    font-family: "Montserrat" ;

      src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); 

} 

@font-face

{

    font-family: "Lato_bold" ;

      src: url("../fonts/lato-bold.ttf") format("truetype"); 

} 

@font-face

{

    font-family: "Lato_regular" ;

      src: url("../fonts/lato-regular.ttf") format("truetype"); 

} 

@font-face

{

    font-family: "Roboto_bold" ;

      src: url("../fonts/roboto-bold.ttf") format("truetype"); 

} 

@font-face

{

    font-family: "Roboto_regular" ;

      src: url("../fonts/roboto-regular.ttf") format("truetype"); 

} 

@font-face

{

    font-family: "Roboto_light" ;

      src: url("../fonts/roboto-light.ttf") format("truetype"); 

} 

@font-face

{

    font-family: "Gothic" ;

      src: url("../fonts/gothic.ttf") format("truetype"); 

} 







* {

	margin: 0;

	padding: 0;

		

}

a, a:link, link, ul, li

{

    text-decoration: none!important;

}

  ::-webkit-scrollbar {

      width: 10px;

  }

  

  ::-webkit-scrollbar-thumb { 

     background: #b1b1b1;

     border-radius: 5px;

     border: 0px solid #FFF; 

     

  }



body,

html { 

	height:100%;

	font-family:sans-serif;

	line-height:1.5; 

    scroll-behavior: smooth;

    scroll-behavior: smooth;  

}

h1

{

	font-size: 26px;

	text-align: center;

	color: #333;

	margin-top: 20px;

    margin-bottom: 20px;

	font-family: "Roboto_regular", Arial, Helvetica, sans-serif !important;

    font-weight: 500;

	width: 100%;

    line-height: 33px;

    float: left;

}

h2

{

	font-size: 24px;

	text-align: center;

	color: #333;

	margin-top: 30px;

    margin-bottom: 10px;

	font-family: "Roboto_bold", Arial, Helvetica, sans-serif !important;

    font-weight: 500;

	width: 100%;

    line-height: 33px;

    float: left;

}

h3 

{

	font-size: 28px;

	text-align: center;

	color: #fff;

	margin-top: 20px;

    margin-bottom: 30px;

	font-family: "Roboto_bold", Arial, Helvetica, sans-serif !important;

    font-weight: 100;

	width: 100%;

    line-height: 33px;

    float: left; 

    text-shadow: #000 1px 2px 2px;

    position: absolute;   

}

h4

{

    font-size: 2.5em;

    margin: 0;

    opacity: 0;

    position: absolute;

    animation: fadeText 12s infinite ease-in-out;

    font-family: "Roboto_light", Arial, Helvetica, sans-serif !important;

    font-weight: 0;

    text-align: center;

    width: 90%;       

    color: #fff;

    text-shadow: #000 1px 2px 2px;    

}



p

{

	font-size: 20px;

	text-align: left;

	color: #555;

	margin-top: 30px;

    margin-bottom: 10px;

	font-family: "Montserrat", Arial, Helvetica, sans-serif !important;

    font-weight: 100;

	width: 100%;   

    float: left;

     opacity: 0;

      transform: scale(0.8);

      transition: all 0.6s ease-out;

}

b

{

  color: #910000;

  font-weight: 600;

}

label

{

	font-size: 12px;

	text-align: left;

	color: #777;

	margin: 20px 2% 5px 2%;

    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;

    font-weight: 600;

	width: 96%;

    padding-left: 0;

    line-height: 16px;

    float: left;

}



iframe {

    border: 0px;

    width: 320px;

    min-height: 50px;

    float: none;

    margin: 10px auto;

}

.titulo

{

    width: 78%;

    min-height: 50px;

    margin: 0px 0 0 0;

	font-size: 38px;

	text-align: center;

	color: #be2222;

    padding: 10px 0 10px;

	font-family: "Baskevill", Arial, Helvetica, sans-serif !important;

    font-weight: 100;

	line-height: 44px;

    float: left; 

    position: relative;   

  

}

#titulo

{

    width: 78%;

    min-height: 50px;

    margin: 0px 0 0 0;

	font-size: 38px;

	text-align: center;

	color: #be2222;

    padding: 10px 0 10px;

	font-family: "Baskevill", Arial, Helvetica, sans-serif !important;

    font-weight: 100;

	line-height: 44px;

    float: left; 

    position: relative;   

    display: flex;

    align-items: center; 

    justify-content: center;  

}
.titulo2

{

	font-size: 30px;

	text-align: left;

	color: #222;

	margin-top: 35px;

    margin-bottom: 10px;

	font-family: "Roboto_regular", Arial, Helvetica, sans-serif !important;

    font-weight: 500;

	width: 100%;

    line-height: 33px;

    float: left;

}
.titulo3

{

	font-size: 22px;

	text-align: left;

	color: #222;

	margin: 35px 0 30px 2%;

    font-family: "Roboto_regular", Arial, Helvetica, sans-serif !important;

    font-weight: 500;

	width: 96%;

    line-height: 33px;

    float: left;
    border-bottom: 2px solid #c1c1c1;
    font-weight: 700;
}
.cont_topo

{

    width: 100%;

    min-height: 50px;

    float: left;

    margin: 0;

    overflow: hidden;

    position: relative; 

    border-bottom: 1px solid #d1d1d1;

}

.topo

{

    max-width: 1400px;

    min-height: 50px;

    float: none;

    margin: 0 auto;

    position: relative; 

    overflow: hidden;

    padding: 0 1% 0 1%;

}

.simbolo 

{

    width: 10%;

    height: auto;

    float: left;

    margin: 10px 0 10px 0;

}

.simbolo img

{

    width: 100%;

}

.logo 

{

    width: 10%;

    height: auto;

    float: left;

    margin: 10px 0 10px 0;

}

.logo img

{

   width: 100%;

}

.foto_e {

    max-width: 20%;

    border: 0pt none;

    float: left;

    margin-left: 2%;

	margin-bottom: 20px;

	

	margin-right: 2%;

}

.foto_e img 

{

	width: 100%;

}

.foto_d {

    max-width: 30%;

    border: 0pt none;

    float: right;

    margin-left: 2%;

	margin-bottom: 20px;

	

	margin-right: 2%;

}

.foto_d img 

{

	width: 100%;

}

.cont_conteudo

{

    width: 100%;

    min-height: 400px;

    float: left;

    margin: 0;

    overflow: hidden;

    position: relative;     

}

.conteudo

{

    max-width: 1400px;

    min-height: 400px;

    float: none;

    margin: 0 auto;

    position: relative; 

    overflow: hidden;

    padding: 20px 1% 20px 1%;

}

.logo_rodape

{

  width: 70%;

  height: auto;

  top: 5px;

  z-index: 99;

  left: 0px;

  image-rendering: optimizeQuality;

  border: 0px solid #fff;

}

.logo_rodape img

{

  width: 100%;

}

.cont_rodape

{

    width: 100%;

    min-height: 100px;

    float: left;

    background-color: #f1f1f1;

    text-align: center;

    color: #666;

    overflow: hidden;  

    border-top: 1px solid #d1d1d1;  

}



.rodape

{

    max-width: 1400px;

    min-height: 100px;

    float: none;

    overflow: hidden;

    margin: 10px auto 10px;

    color: #666;

    overflow: hidden;

    padding: 0 1% 0 1%;

}

.texto_rodape

{

    width: 78%;

    min-height: 50px;

    margin: 20px 0 0 0;	

    float: left;

    font-weight: 500;

    color: #333;

}

.conteudo_login

{

    max-width: 1400px;

    min-height: 600px;

    float: none;

    margin: 30px auto 30px;

    position: relative; 

    overflow: hidden;

    padding: 20px 1% 20px 1%;

    border: 1px solid #b1b1b1;

}

.cont_e 

{

    width: 50%;

    float: left;

    margin: 1%;

}

.cont_e img

{

    width: 100%;   

}

.cont_d 

{

    width: 36%;

    float: right;

    margin: 1%;    

}

.cont_topo_login

{

    width: 100%;

    float: left;

    margin: 0 0 20px 0;

}

.logo_login

{

   width: 80px;

   height: 80px;

   float: left;

   margin: 5px;

}

.logo_login img

{

   width: 100%;  

}

.texto_login

{

   width: 98%;

   min-height: 70px;

   float: left;

   margin-top: 20px;

   color: #be2222;

   font-weight: 600;

   font-size: 20px;

   font-family: "Baskevill", Arial, Helvetica, sans-serif !important;

}

.texto_admin

{

   width: 80%;

   min-height: 30px;

   float: right;

   margin-top: 10px;

   color: #be2222;

   font-weight: 200;

   font-size: 18px;

   text-align: right;

   font-family: "Baskevill", Arial, Helvetica, sans-serif !important;

}

#login, #senha, #campo2, #cpfcnpj, #telefone, #celular {

    width: 95%;	

    height: 40px;

    margin: 2px 2% 0 2%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    padding-left: 1%;

    float: left;

    background-color: #f7f8f9;

    border: 1px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

}

#estado, #select, #companheiro, #capitulo3, #ano2, #valor {

    width: 96%;	

    height: 40px;

    margin: 2px 2% 0 2%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    padding-left: 1%;

    float: left;

    background-color: #f7f8f9;

    border: 1px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

}

#botao {

    width: 98%;	

    height: 40px;

    margin: 40px 2% 0 2%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: left;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

}

.botao_rodape {

    width: 30%;	

    height: 35px;

    margin: 20px auto;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: none;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

    padding-top: 10px;

}

.botao_rodape:hover {

   opacity: 0.5;

}

.voltar

{

   width: 98%;

   min-height: 40px;

   float: left;

   margin: 40px 2% 0 2%;

   color: #555;

   font-weight: 300;

   font-size: 16px;

   text-align: center;

}

.cont_user {

    width: 60%;	

    height: 30px;

    margin: 2px 0 0 0;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: right;

    text-align: right;    

}

.cont_menu

{

    width: 15%;

    float: left;

    min-height: 400px;

    margin: 0;    

}

.item_menu

{

    width: 96%;

    float: left;

    min-height: 35px;

    margin: 10px 0 0 0;

    padding: 10px 2% 0 2%;   

     font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 18px!important;

    text-align: left; 

    border: 1px solid #d1d1d1;

    border-radius: 5px;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in; 

    color: #222;

    font-weight: 200;

}

.item_menu a, .item_menu a:link, .item_menu link, .item_menu a:visited

{

   color: #555;

   font-size: 28px!important;

}

.item_menu:hover

{

    width: 86%;

    float: left;

    min-height: 35px;

    margin: 10px 0 0 0;

    padding: 10px 2% 0 12%; 

    cursor: pointer;

    -webkit-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;   

}



.cont_pag 

{

    width: 84%;

    float: right;

    margin: 0; 

    min-height: 400px;     

}



.conteudo_pag

{

    max-width: 1400px;

    min-height: 400px;

    float: none;

    margin: 0 auto;

    position: relative; 

    overflow: hidden;

    padding: 0px 1% 20px 1%;

}

.item_pag

{

    width: 96%;

    float: left;

    min-height: 35px;

    margin: 10px 0 0 0;

    padding: 10px 2% 0 2%;   

     font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 20px!important;

    text-align: left; 

    color: #222;

    font-weight: 200;

}

.cab_pag

{

    width: 98%;

    padding: 5px 1% 5px 1%;

    margin: 10px 1% 30px 1%;

    float: left;

    min-height: 30px;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 20px!important;

    text-align: left; 

    color: #222;

    background-color: #fff;

    border: 1px solid #d1d1d1;

    border-radius: 5px;

}

.titulo_pag

{

    width: auto;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 20px;

    padding: 5px 1% 0 1%;

    float: left;

}

#capitulo {

    width: 25%;	

    height: 40px;

    margin: 0px 1% 0 2%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    padding-left: 1%;

    float: left;

    background-color: #f7f8f9;

    border: 1px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

}

#capitulo2 {

    width: 25%;	

    height: 40px;

    margin: 0px 1% 0 2%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    padding-left: 1%;

    float: left;

    background-color: #f7f8f9;

    border: 1px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

}

#ano {

    width: 15%;	

    height: 40px;

    margin: 0px 1% 0 2%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    padding-left: 1%;

    float: left;

    background-color: #f7f8f9;

    border: 1px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

}

.botao_pag {

    width: 22%;	

    height: 30px;

    margin: 0px 2% 0 2%;

    padding: 8px 0 0 0;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: right;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

}

.botao_pag2 {

    width: 17%;	

    height: 30px;

    margin: 0px 0% 0 0.5%;

    padding: 8px 0 0 0;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: right;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

}

.erro {

        color: red;

        font-size: 12px;

        margin-top: 4px;

        float: left;

        width: 100%;

        text-align: center;

    }

    .campo-invalido {

        border: 1px solid red;

    }

.botao_pag:hover

{

   opacity: 0.5;

   cursor: pointer;

}

.botao_filtro {

    width: 10%;	

    height: 40px;

    margin: 0px 2% 0 0%;

    padding: 5px 0 0 0;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: left;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

}

.botao_filtro:hover

{

   opacity: 0.5;

   cursor: pointer;

}

.botao_filtro2 {

    width: 10%;	

    height: 30px;

    margin: 0px 2% 0 0%;

    padding: 8px 0 0 0;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: left;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

}

.botao_filtro2:hover

{

   opacity: 0.5;

   cursor: pointer;

}

.cont_companheiro

{

     width: 98%;

    padding: 0px 0% 0px 0%;

    margin: 5px 1% 0px 1%;

    float: left;

    min-height: 30px;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 20px!important;

    text-align: left; 

    color: #222;

    border: 1px solid #d1d1d1;

    border-radius: 5px; 

}
.cont_companheiro2

{

     width: 98%;

    padding: 0px 0% 0px 0%;

    margin: 5px 1% 0px 1%;

    float: left;

    min-height: 30px;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 20px!important;

    text-align: left; 

    color: #222;

    border-bottom: 2px solid #d1d1d1;

    border-radius: 5px; 

}



#janela_mestra

{

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

	position: fixed !important;

	z-index: 98;

	background-size: 100%;

	background-repeat: no-repeat;

	top: 0;

  left: 0;

	bottom: 0;

    background-attachment: fixed;

    overflow: auto;

}



.janela

{

    width: 50%;

    min-height: 300px;

    position: absolute;

    left: 25%;

    top: 20px;

    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,1);

    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,1);

    box-shadow: 0px 0px 12px -2px rgba(0,0,0,1);

	text-align: center; 

	background: #fff;    

    backdrop-filter: blur( 1.5px );

    -webkit-backdrop-filter: blur( 1.5px );

	padding: 10px;

    z-index: 101;

	overflow: hidden;

	border-radius: 5px;	

}

.cont_label

{

    width: 48%;

    min-height: 90px;

    float: left;

    margin: 0px 1% 0 1%;

    font-size: 14px;

	text-align: center;

	color: #333;



}

#txtbut

{

    width: 95%;

    min-height: 50px;

    float: none;

    margin: 30px auto;

    text-align: center;  

    color: #fff;

    background-color: #910000;

    font-family: "Lato", Calibri, Arial, Helvetica, sans-serif;

    font-size: 18px;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    border: 0px;

    cursor: pointer;

   

}

#txtbut:hover

{

   opacity: 0.5;

}

#descrito {

    width: 94.3%;

    height: 150px;

    margin: 5px auto;

    font-family: "Lato", Calibri, Arial, Helvetica, sans-serif;

    font-size: 18px;

    padding-left: 1%;

    float: none;

    background-color: #f7f8f9;

    border: 1px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    text-align: left;

    color: #666;

}

.fechar

{

    width: 100%;

    height: 10px;

    font-size: 12px;

    text-align: right;

    float: left;

    margin: 0px 0 5px 0;

    COLOR: #666;

    text-decoration: none;

    cursor: pointer;

}

.campo_cod

{

    width: 10%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}
.campo_cod_r

{

    width: 8%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_tel

{

    width: 15%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_tel_c

{

    width: 15%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_mi

{

    width: 2%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #fff;

}
.campo_duplo

{

    width: 27.3%;
    min-height: 35px;

    float: left;

    text-align: center;
    padding:  10px 0 0 2%;
    color: #111;
    font-size: 16px;
    font-weight: 600;

}

.campo_nome

{

    width: 40%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}
.campo_nome2

{

    width: 40%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}
.campo_nome3

{

    width: 40%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}
.campo_nome4

{

    width: 21.5%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_nome5

{

    width: 21.5%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}

.campo_celular

{

    width: 20%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_celular_c

{

    width: 20%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}

.campo_adm

{

    width: 20%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}

.campo_cargo

{

    width: 35%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}

.campo_nome_comp, .campo_nome_comp2

{

    width: 40%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}

.campo_icones

{

    width: 8%;

    min-height: 30px;

    float: right;   

}
.campo_icones_c

{

    width: 8%;

    min-height: 30px;

    float: right;   

}

.campo_icones2, .campo_icones4

{

    width: 17%;

    min-height: 30px;

    float: right;   

}
.campo_icones3

{

    width: 8%;

    min-height: 30px;

    float: right;   

}
.campo_icones2_c

{

    width: 17%;

    min-height: 30px;

    float: right;   

}
.campo_valor

{

    width: 10%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_data_pag

{

    width: 15%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;
    padding-left: 1%;

}
.campo_situ

{

    width: 15%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}
.campo_nome_pag

{

    width: 58%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}
.icone

{

    width: 27px;

    min-height: 27px;

    float: none; 

    margin: 0px auto;  

    cursor: pointer;

}

.icone img

{

    width: 30px;

    height: 30px;

}

.icone:hover

{

   opacity: 0.5;

}

.legenda

{

    width: 100%;

    padding: 2px 0% 5px 0%;

    float: left;

    min-height: 10px;

    text-align: center;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 10px!important;

    font-weight: 700;

    color: #111;

}

.dado

{

    width: 100%;

    padding: 5px 0% 5px 0%;

    float: left;

    min-height: 18px;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px!important;

    color: #111;

     text-align: center;

}
.dado2

{

    width: 100%;

    padding: 5px 0% 5px 0%;

    float: left;

    min-height: 18px;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 14px!important;

    color: #fff;

     text-align: center;

     font-weight: 600;

}
.dado3

{

    width: 100%;

    padding: 5px 0% 5px 0%;

    float: left;

    min-height: 18px;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 14px!important;

    color: #fff;

     text-align: left;

     font-weight: 600;

}

.bot_novo {

    width: 80%;	

    height: 35px;

    margin: 30px 10% 20px 10%;

    font-family: "Montserrat",Calibri, Century Gothic, Arial;

    font-size: 16px;

    float: left;

    background-color: #910000;

    border: 0px solid #ccc;

    box-shadow: 0px 0px 0px #fff inset;

    border-radius: 4px;

    box-shadow: none;

    color: #fff;

    text-align: center;

    padding-top: 10px;

}

.bot_novo:hover

{

    opacity: 0.5;

}

.cont_cat

{

	width: 90%;

	min-height: 27px;

	background-color: #f1f1f1;

    border: 1px solid #d1d1d1;

	border-radius: 5px;

	margin: 20px 5% 0 5%;

	overflow: hidden;

    padding-bottom: 5px;

}

.foto_camp

{

    width: 60%;

    min-height: 100px;

    float: none;

    margin: 10px auto;

}

.foto_camp img

{

    width: 100%;

}

.cat_a

{

	width: 63%;

	min-height: 25px;

	border-radius: 5px;

	float: left;

	padding: 7px 1% 0px 1%;

	color: #333;

	font-size: 18px;

    text-align: left;   

    align-items: center;  

    justify-content: left;  

    display: flex;

    font-family: Calibri, Arial, Helvetica, sans-serif;

}

.cat_b

{

	width: 35%;

	min-height: 25px;

	border-radius: 5px;

	float: left;

	padding-top: 2px;   

    align-items: right;

   

}

.cat_b_int

{

	width: 48%;

	min-height: 20px;

	border-radius: 2px;

	float: right;

	text-align: center;

	color: #3A5FCD;

	text-decoration: none;

	cursor: pointer;

    padding-top: 3px;

    font-size: 14px;

    background-color: #f1f1f1;	

    margin: 2px 1% 2px 1%;

}

.cat_b_int:hover

{

	opacity: 0.5;

}

.cat_b_int3

{

	width: 31%;

	min-height: 20px;

	border-radius: 2px;

	float: right;

	text-align: center;

	color: #292b33;

	text-decoration: none;

	cursor: pointer;

    padding-top: 3px;

    font-size: 14px;

    background-color: #f1f1f1;	

    margin: 2px 1% 2px 1%;

}

.cat_b_int3:hover

{

	opacity: 0.5;

}

.cat_b_int2

{

	width: 25%;

	min-height: 30px;

	border-radius: 5px;

	float: right;

	text-align: center;

	color: #3A5FCD;

	text-decoration: none;

	cursor: pointer;

}

.cat_b_int2:hover

{

	background-color: #999;

	color: #fff;

}

  .icone2

  {

	width: 30px;

	height: 30px;

	margin: 5px 3px 0px 0;

	float: right;

	cursor: pointer;

  }

  .icone2 img

  {

	width: 100%;

	

  }

  .logo_topo

  {

    width: 100%;

    height: auto;

  }

  .logo_topo img

  {

    width: 100%;

    height: auto;

  }
  .cont_tabela_home
  {
    width: 700px;
    min-height: 150px;
    float: left;
    margin: 0;    
  }
  .tabela_home_cab
  {
    width: 100%;
    min-height: 30px;
    float: left;
    margin-top: 5px;  
    border-radius: 5px;  
  }
  .tabela_home_int1
  {
    width: 67.2%;
    min-height: 30px;
    float: left;
    margin: 0 0.3% 0 0;    
    color: #fff;
    text-align: left;
    padding: 7px 0 0 2%; 
    background-color: #910000;  
    border-radius: 5px 0 0 5px 0;   
  }
  .tabela_home_int2
  {
    width: 28%;
    min-height: 30px;
    float: left;
    margin: 0;    
    color: #fff;
    text-align: left;
    padding: 7px 0 0 2%;
    background-color: #910000;
    border-radius: 0 5px 5px 0;   
  }
  .tabela_int1
  {
    width: 67.2%;
    min-height: 30px;
    float: left;
    margin: 0 0.3% 0 0;    
    color: #000;
    text-align: left;
    padding: 7px 0 0 2%;
    border-radius: 5px 0 0 5px; 
  }
  .tabela_int2
  {
    width: 28%;
    min-height: 30px;
    float: left;
    margin: 0;    
    color: #000;
    text-align: left;
    padding: 7px 0 0 2%;
    border-radius: 0 5px 5px 0;  
  }
  .dado2 a {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dado2 a:hover {
    opacity: 0.8;
}

.seta {
    font-size: 10px;
}
.dado_relatorio
{
    width: 98%;
    margin: 0px 1% 0px 1%;
    float: left;
    overflow: hidden;
}
.dado_relatorio2
{
    width: 46%;
    margin: 0px 1% 0px 1%;
    float: left;
    overflow: hidden;
}
.dado_relatorio_ref
{
    min-width: 10%;
    float: left;
    overflow: hidden;
    font-weight: 700;
    font-size: 14px;
    display: none;
}
.dado_relatorio_int
{
    width: 69%;
    float: left;
    overflow: hidden;
    font-size: 16px;
    padding-left: 1%;
}
.dado_relatorio_uni
{
    width: 100%;
    float: left;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
}
.barra 
{
    width: 100%;
    height: 1px;
    background-color: #292b33;
    display: none;
}
.cont_bot
{
    width: 100%;
    min-height: 50px;
    float: left;
}
.botao_pag_r {
    width: 40%;
    height: 50px;
    margin: 20px 2% 0 2%;
    padding: 14px 0 0 0;
    font-family: "Montserrat", Calibri, Century Gothic, Arial;
    font-size: 20px;
    float: left;
    background-color: #910000;
    border: 0px solid #ccc;
    box-shadow: 0px 0px 0px #fff inset;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.botao_pag_r:hover 
{
background-color: #5e0404;
}


/*-------------------------MÉDIAS---------------------------------------*/

@media all and (max-width: 1250px) {

.cont_menu {

    width: 20%;

    float: left;

    min-height: 400px;

    margin: 0;

}

.cont_pag {

    width: 79%;

    float: right;

    margin: 0;

    min-height: 400px;

}

.janela

{

    width: 60%;

    min-height: 300px;

    position: absolute;

    left: 20%;

    top: 20px;

}

}



@media all and (max-width: 1200px) {

   .titulo

{

    width: 78%;   

   	font-size: 34px;

    line-height: 36px;

    margin: 0px 0 0 0;    

}
.dado_relatorio2 {
    width: 98%;
   
}
.botao_pag2 {
    width: 13%;
}

}

@media all and (max-width: 1100px) {

   .titulo

{

    width: 78%;   

   	font-size: 30px;

    line-height: 36px;

    margin: 0px 0 0 0;    

}

}

@media all and (max-width: 1000px) {
    .campo_data_pag, .campo_situ, .campo_data_pag, .campo_valor {
      width: 100%;
    }
    
    .campo_cod {

    width: 100%;

    border-bottom: 1px solid #d1d1d1;

    }

    .campo_nome {

    width: 79%;

    border-bottom: 1px solid #d1d1d1;

    border-right: 0;

    }

    .campo_nome3 {

    width: 100%;

    border-bottom: 1px solid #d1d1d1;

    border-right: 0;

    }
    .dado_relatorio
    {
        display: none;
    }
    .campo_nome2 {

   display: none;

    }
    .dado_relatorio_ref
    {
    padding-right: 0;
    display: block;
    }
    .campo_cod_r {
    width: 100%;
    }
    .dado_relatorio_uni {
    width: auto;
    text-align: left;
    padding-left: 1%;
    }
    .campo_nome4 {
    width: 100%;
    }
    .campo_celular {
    width: 100%;
    }
    .campo_mi {
    width: 100%;
    }
    .campo_tel {
    width: 100%;
    }
    .barra 
{
     display: block;
     float: left;
}
    .campo_icones2 {
    width: 29%;
    }
    .campo_icones {

    width: 33%;
    }
     .campo_icones3, .campo_icones4
     {

    width: 48%;

    }
    .botao_pag_r {
    width: 96%;
    height: 50px;
    margin: 20px 2% 0 2%;
    }
    .campo_nome5, .campo_tel_c
    {
        display: none;
    }
    .botao_pag {

    width: 30%;

    height: 30px;

    }

    .botao_filtro {

    width: 15%;

    }

.cont_menu {

    width: 25%;

    float: left;

    min-height: 400px;

    margin: 0;

}

.cont_pag {

    width: 74%;

    float: right;

    margin: 0;

    min-height: 400px;

}

.cont_e 

{

    width: 98%;

    float: left;

    margin: 1%;

    height: 250px;

    overflow: hidden;

}
.campo_duplo

{

    width: 98%;

    margin-top: 5px;
    border-bottom: 1px solid #b1b1b1;

}
.cont_e img

{

    width: 100%;   

}
.campo_celular_c, .campo_icones_c, .campo_icones2_c
{
    display: none;
}
.cont_d 

{

    width: 90%;

    float: right;

    margin: 10px 5% 10px 1%;    

}

   .titulo

{

    width: 68%;   

	line-height: 25px;

    font-size: 24px;

    margin: 20px 0 0 0;

}

.texto_rodape

{

    width: 68%;

}

.simbolo, .logo

{

    width: 15%;

}

.botao_pag2 {

    width: 35%;	

    height: 30px;

    margin: 10px 3.5% 0 0.5%;

    

}




#ano {

    width: 20.1%;

}

.botao_filtro2 {

    width: 15%;

    height: 30px;

    margin: 0px 2% 0 0%;

    float: right;

}
.campo_adm

{

    width: 30%;

    min-height: 30px;

    float: left;

    border-right: 1px solid #d1d1d1;

}

.campo_cargo

{

    width: 68%;

    min-height: 30px;

    float: left;

    border-right: 0px solid #d1d1d1;

}

.campo_nome_comp

{

    width: 100%;

    min-height: 30px;

    float: left;

    border-top: 1px solid #d1d1d1;

}
.campo_nome_comp2
{
    display: none;
}
}

@media all and (max-width: 950px) {

.texto_admin {
    width: 60%;
    font-size: 16px;    
}
.cont_tabela_home
  {
    width: 100%;    
  }
}

@media all and (max-width: 900px) {

   .titulo

{

    width: 68%;   

    font-size: 20px;

    line-height: 30px;

    margin: 20px 0 0 0;

}

.janela

{

    width: 70%;

    min-height: 300px;

    position: absolute;

    left: 15%;

    top: 20px;

}



#ano {

    width: 17.1%;

}

}

@media all and (max-width: 850px) {

 

.simbolo, .logo

{

    width: 15%;

}

.botao_rodape {

    width: 60%;

    height: 35px;

}

}

@media all and (max-width: 800px) {

    #capitulo2 {

    width: 75%;

    }

    #ano {

    width: 50%;

    height: 40px;

    margin: 5px 1% 0 2%;

    }

    .botao_pag2 {

        width: 96%;

        height: 30px;

        margin: 10px 2% 0 2%;

        float: left;

    }

        .botao_filtro2 {

        width: 15%;

        height: 30px;

        margin: 5px 2.5% 0 0%;

        }

    .botao_pag {

        width: 96%;

        height: 30px;

        margin: 10px 2% 0 2%;

    }

    #capitulo {

    width: 50%;

    }

    .botao_filtro {

    width: 20%;

    float: right;

}

.titulo_pag {

    font-size: 18px;

}

.janela

{

    width: 80%;

    min-height: 300px;

    position: absolute;

    left: 10%;

    top: 20px;

}

}

@media all and (max-width: 720px) {

.cont_menu {

    width: 30%;

    float: left;

    min-height: 400px;

    margin: 0;

}

.cont_pag {

    width: 69%;

    float: right;

    margin: 0;

    min-height: 400px;

}

   .titulo

{

    width: 68%;     

	font-size: 18px;

    line-height: 25px;

    margin: 10px 0 0 0;

}

.simbolo, .logo

{

    width: 15%;

}

.texto_admin {

    width: 60%;  

    font-size: 14px;    

}

}

@media all and (max-width: 600px) {



.cont_menu {

    width: 100%;

    float: left;

    min-height: 50px;

    margin: 0;

}

.cont_pag {

    width: 100%;

    float: right;

    margin: 0;

    min-height: 100px;

}

   .titulo

{

    width: 68%;    

	font-size: 14px;

    line-height: 22px;

    margin: 10px 0 0 0;

}

.janela

{

    width: 92%;

    min-height: 300px;

    position: absolute;

    left: 2.5%;

    top: 20px;

}

.cont_label

{

    width: 100%;

    height: 40px;

    margin: 0px 0% 0 0%;

}



.simbolo, .logo

{

    width: 15%;

}



}

@media all and (max-width: 520px) {

   .titulo

{   

   	font-size: 14px;

    line-height: 18px;  

    margin: 10px 0 0 0; 

}



.foto_d {

    max-width: 90%!important;

    float: none;

    margin: 0 auto 20px;	

}

.botao_rodape {

    width: 90%;

    height: 35px;

}

}

@media all and (max-width: 460px) {

    .texto_login

{

   font-size: 16px;   

}

   .titulo

{   

   	font-size: 14px;

    line-height: 18px;  

    margin: 5px 0 0 0; 

}

.texto_admin {

    font-size: 11px;    

}

.logo_login {

    width: 50px;

    height: 50px;

    float: left;

    margin: 5px;

}

.cont_user {

    width: 60%;

    height: 25px;

    margin: 2px 0 0 0;

    font-family: "Montserrat", Calibri, Century Gothic, Arial;

    font-size: 14px;

    float: right;

}

}

@media all and (max-width: 423px) {

   .titulo

{   

   	font-size: 12px;

    line-height: 20px;  

    margin: 0px 0 0 0; 

}

#capitulo2 {

        width: 70%;

    }

        .botao_filtro2 {

        width: 20%;

        }

         .texto_login

{

   font-size: 14px;   

}

}