body { font-family: arial,verdana ; color: #333;   no-repeat; background-size: auto; }	     /* "Trebuchet MS",   background: url('fundo.png')   */
a { color: #AF1515; cursor: pointer; }
a:hover { color: #7D1919; }

/*  **************************** MENSAGENS DO SISTEMA  ******************* */

.alert-box {
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;  
}

.sucesso {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}

.falha {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: none;
}

.ocorrencia {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    display: none;
}

/* .col-sm-2 {
   width:18.5%;
} 
.col-sm-3 {
   width:24%; 
} 



.col-sm-5 {
   width: 38%;
}

.col-sm-10 {
   width: 80%;
} */

/*  ************************* TIRAR O CABEÇALHO E O RODAPE DA IMPRESSÕES  ************************************   */    
@page 
    {
        size: A4;   /* auto is the initial value */
        margin:1mm;  /* this affects the margin in the printer settings */
    }
    
    @media print{
      #noprint{
          display:none;
      }
   }


  
   @page land {
   size: portrait;
   }
   
   #landscape {
   page: land;
   }





  /*  ************************* ATIVA A FONTE EM COMPUTADORES QUE NÃO TEM A MESMA  ************************************   */      
@font-face {

      font-family: "Edwardian Script ITC";
      src: url("ITCEDSCR.ttf") format("truetype");

      }


.Edwardian-font{
    font-family: "Edwardian Script ITC";  
       } 	
	
	

/*  ================================================== Menus de sistes ============================================     */
 
    /* Tamanho do texto dentro da caixa */

    #menu_site li a.top_link {display:block; float:center; height:70%; line-height:20px; color:darkblue;
     text-decoration:none; font-size:8px; font-weight:bold; padding:0 0 20px;
     cursor:pointer);}
     
      /* Alinhamento da altura do texto dentro do menu */
    #menu_site li.top {display:block; float:left;}
    #menu_site li a.top_link {display:block; float:left; height:70%; line-height:17px; color:blue; 
        text-decoration:none; font-size:97%; font-weight:bold; padding:0 0 0 30px; cursor:pointer;);} 
           
     
  
    #menu_site {padding:0; margin:0; list-style:none; height:24px;
       position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
       

    /* tirei o backgroud da linha acima backgroud=#fff */
    #menu_site li.top {display:block; float:left;}

    /* caixa de textos meenu, quando o mouse passar por cima    #fff */

  
   #menu_site li a.top_link:hover span {
    color:darkblue;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 70px;
    padding: 0 0;
    line-height: 30px;
   
    font-size: 11px;
    font-family: 'Muli';
    font-weight: bold;
    text-transform: uppercase;
    
    }
    
     /* ============================== modal ===================== */
 .modal-div{
    z-index: 9999;
    position: fixed;
    width:98%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.90) !important;
}

.modal-img{
    width: 90%;
    margin: 0 5%;
    height: 650px;
}
.fechar-modal{
    width: 2%;
    float: right;
    margin-right: 2%;
    margin-top:2%;
}
.fechar-modal span{
   color:white;
   font-size: 2.5em;
}

.fonte1_titulo {
  font-family:arial,verdana;
  font-size:12px;
  color:darkblue;   /* #00688B; */
 /* font-weight: bold; */
}



#big_image{
    display: block;
    margin: 0 auto;
    width: auto;
}


/*  ================================================== itulos do sistema  ============================================   */  
#linha {
    width: auto;
    height: 1px;
    position:absolute;
}

.coluna {
   left:1%;
   padding:4px;
   border:0px solid blue;


}


// ***************************************** nAREA DE INPUT **************************


.form-control {
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 15px;
   line-height: 1.42857143;
   color: rgb(15, 15, 15);
   background-color: #add8e6; /* #dae1f3; #f7f7f8; */
   background-image: none;
   border: 1px solid blue;
   border-radius: 15px;
   -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 18%);
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 18%);
   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

::placeholder {
   color: white;
   left:1;
 }


 .legenda {
   display: block;
   width: 15%;
   padding: 0;
   margin-bottom:0px;
   font-size: 15px;
   line-height: inherit;
   color: darkblue;
   border: 0;
   border-bottom: 1px solid #e5e5e5;
}


.fieldset.scheduler-border {
   border: 1px groove #ddd !important;
   padding: 0 1.4em 1.4em 1.4em !important;
   margin: 0 0 1.5em 0 !important;
   -webkit-box-shadow:  0px 0px 0px 0px #000;
           box-shadow:  0px 0px 0px 0px #000;
}

.legend.scheduler-border {
   font-size: 1.2em !important;
   font-weight: bold !important;
   text-align: left !important;
}

/*  ============================================  1  6 8 1   x   1 9 2 0 ============================================     */
@media only screen and (min-width:1681px) and (max-width:1920px) {

   
   /* =============== Ajustes do corpo do menu ========================================      */
  
  
        
   body { font: 1.2em  arial,verdana ; color: #777; no-repeat; background-size: auto; }	     /* "Trebuchet MS", */
   a { color: #AF1515; cursor: pointer; }
   a:hover { color: #7D1919; }
  
   .preload1 {background: url(blank_over.gif);}
   .preload2 {background: url(blank_overa.gif);}
   
    
  
  #nav {padding:0; margin:0; list-style:none; height:24px;
      position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
      
  
  /* #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 
  z-index:500; font-family:arial, verdana, sans-serif;} */
   
  
  
  /* caixa de textos meenu, quando o mouse passar por cima   #fff */
  
  #nav li a.top_link:hover {color:green; background: url(blank_over.gif) no-repeat;} 
  
  #nav li a.top_link:hover span {background:yellow no-repeat right top;}
  
  #nav li a.top_link:hover span.down {background:#F7FCFF  no-repeat right top;}   /* Aqui mostra a cor de fundo quando o mouse passa pelo menu */
  
   /* tamanho das colunas no menu de texto jair 15/09/2016 */
   #nav li a.top_link span {float:left; display:block; padding:0 2px 0; height:30%;background:url(blank.gif) right top;}
  
   
  
    /* Tamanho do texto dentro da caixa */
  
    #nav li a.top_link {display:block; float:center; height:20px; line-height:24px; color:#ccc;
     text-decoration:none; font-size:15px; font-weight:bold; padding:0 0 20px;
     cursor:pointer;background: url(blank.gif);}      
  
    #nav li.top {display:block; float:left;}
    #nav li a.top_link {display:block; float:left; height:14px; line-height:14px; color:white; 
        text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 11px; cursor:pointer;background: url(blank.gif);} 
  
    /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */
  
   
  
  textarea {
     resize:vertical;
  }
         
  .TabControl{
     width:98%;
     overflow:hidden;
     height:98%
    
    }                  /* tamanho so corpo  */
  
  .TabControl #header{
     width:98%;
     overflow:hidden;
     cursor:hand
  
    }
  
  .TabControl #content{
     width:99.8%;
     border: solid 1px  #27408B; 
     overflow:hidden;
     height:88%;
     margin-top:1px;
     padding-top:4px;
    }
   
  .TabControl .abas{display:inline;}
   
  .TabControl .abas li{float:left}
   
  .abas{
     list-style: none;
  }
  .aba{
     width:160px;
     height:29px;
     border:solid 1px;
     border-radius:15px 5px 0 0;
     text-align:center;
     padding-top:4px;
     background:#FFF8DC;       /* #3A5FCD */
     border-bottom-color:#00ffff;
     font-size: 1em;
    }    /* #3A5FCD */
   
  .ativa{
     width:160px;
     height:29px;
     border:solid 1px #27408B ;           /* #27408B */
     border-radius:15px 5px 0 0;
     text-align:center;
     padding-top:1px;
   
  }
  
  .ativa span, .selecionada span{color:red}
  
  /*  desativa outras abas e selecionada  a clickada    */
  .TabControl .conteudo{
     width:100%;
     display:none;
     height:90%;
     color:black;
   /*   background:#00ffff;   */
    }
  /*   quando a aba esta selecionada      */
  .selecionada{
     width:160px;          
     height:29px;
     border:solid 1px #27408B;
     border-radius:15px 5px 0 0;
     text-align:center;
     padding-top:3px;
     background:#00ffff; 
     display:block;
    }
  .mens {
          position: absolute;
          width: 350px;
          height: 30px;
          top: 50%;
          left: 50%;
          margin-left: -175px;
          margin-top: -150px;
          border:1px solid green;
   }
 
      
  input { 
           font-size:12px;
           background: #E9ECF5; /* #dae1f3; #f7f7f8; */
           font-family:arial,verdana;
           color:black;
           border:0px solid gray;
           font-weight: white;    /* #f2f2f3;  */
  }



  .input_login { 
     font-family: Verdana,Arial,sans-serif;
     border-radius: 10px;
     background-color: #3aabd3 !important;
     border: 2px solid #3aabd3;
     width: 100% !important;
     margin-top: 5% !important;
     height: 46px !important;
     font-size: 16px !important;
     color:#fff;
     cursor:pointer;
     
  }
     
    
  

  select{
           font-size:12px;
           background:#E9ECF5;
           font-family:arial,verdana ;
           border:0px solid gray;
           color:darkblue;
            /*    font-weight: bold  	 #f2f2f3  */  
  }
   font  {  font-size:12px; }  
    
   #logo {
    width:98%;
    height:100%;
    vertical-align: middle;
    
  }	
  #div_pagina {
     width: 99.5%;
     height:99.6%;
     left:0%;
    
     top:0%;
     position:absolute;
     border:0px solid red;
     font-size:11px;
     font-family:arial, verdana;  /* arial, verdana, sans-serif;           Consolas, 'Courier New', monospace              */
  }
     
      #div_cabec {
        width:100%;
        height:17%;
        left:0%;
        top: 0%;
        float:left;
        position:relative;
        height:17%;
        border:0px solid red;
            
      }
  
      #div_header {
         width:98%;
         height:13%;
         float:center;
         position:absolute;
         height:13%;
         border:0px solid red;
         left:0%;
      }    
  
      .logomarca {
         top:1%;
         text_align:left;
         width:60px;
         height:60px;
         float:center;
        
         border:0px solid red;
      }
      .logo_empresa  {
         height:70%;
         width:18%;
         float:left;
         height:70%;
         left:1%;
         top:25%;
         position:absolute;
         border:0px solid red;color:white;
      }
   
    
      .titulo0 {
   
          font-size:15px;
       }
       .titulo1 {
       
          font-size:18px;
       }
         .titulo2 {
   
          font-size:21px;
       }
         .titulo3 {
   
          font-size:25px;
       }
         
       .titulo4 {
         font-size:28px;
       }
       
      #div_coluna1 {
         display:none;
        
      }
      #div_menu {
         width:99.5%;
         left:0%;
         top:17%;
         position:absolute;
         height:3%;
         background-color:#3a93d2;
         border:0px solid red;
       
      } 
     
      #div_icones {
        left:0%;
        top:21%; 
        border:0px solid yellow;
        width:4%;
        height:75%;
        padding-left:7px;
        position:absolute;
           
          
      }  
  
   
      #div_caixa_a {
        width: 50%;
        float:center;
        left:25%;
        top:25%;
        position:absolute;
        height:62%;
        border:0px solid red;
        background-color: lightgray;
       
     }
  
      #div_side_b {
  
           width:65%;
           float:left;
           height:70%;
           left:17.5%;
           top:26%;
           position:absolute;
           border: 1px solid green;
      }
      
      
       
      #div_img_pai {
         float:right; 
         position:absolute;
         top:0%;
         border:0px solid yellow;
         right:0%;
         width:100%;
         height:30%;
         height:30%;
         
       
      }   
      #div_imagem_foto {
         width:70%;
         height:90%;
         border: 0px solid blue;
         position:absolute;
        
      }
      
      #div_imagem {
         position:relative;
         top:6%;
         right:3%;
         width:15%;
         height:25%;
         border-radius:15px;
         border: 0px solid black;
         background-image: url("../imgs/semfoto.jpg") no-repeat; 
         background-size: 100%;
      }
      
      #div_imagem_prod  {
         width:160px; 
         height:123px;
       
         left:35px;
       
         position:absolute;
         background-image:url("../imgs/semfoto.jpg");
         
         background: white;
         border-radius: 38px;	
         border:1px solid rgb(179, 32, 32)
      }
       
      #div_coluna2 {
        display:none;
      }
  
       
      #div_footer {
        position:absolute;
        bottom:2%;
        left:5%;
        width:90%;
        border:0px solid red;
        height:3%;
      }/
  
     #div_autenticacao {
        width: 95%;
        
        left:5%;
        height:2%;
        bottom:0%;
        position:absolute;
       
        border:0px solid red;
        
     }    
  
      #div_entrada {
        width:50%;
        height:66%;
        float:center;
        height:66%;
        left:20.5%;
        top:4.5%;
        position:absolute;
        border:0px solid red;
        
     }
       
       #div_portal {
        width:70%;
        height:70%;
        float:center;
        height:60%;
        left:20%;
        top:8%; 
        position:absolute;
        border:0px solid red;
     
        font-size: 10px;
     }

   

     #div_portal_gestao {
        width:40%;
        height:100%;
        float:center;
    
        left:0%;
        top:0%; 
        position:absolute;
        border:0px solid red;
        background:white;
     
        font-size: 15px;
     }
  
  
  
     #div_login {
        width:22%;
        height:50%;
        float:center;
        height:50%;
        left:37%;
        top:16%; 
        position:absolute;
        border:0px solid red;
        background-color: white;
     }
     
     .carroussel_1 {
          left:0%;
          float:center;
          top:5%;
          position:absolute;
          border:0px solid red;
               height:40%; 
               width:98%;
               height:40%;
          background-size:100% 100%;
            
     }
     #div_form0 {
        width:98%;
        float:center;
        top:5%;
        position:absolute;
        height:15%;
        border:0px solid red;
     }  
     #div_form1 {
         width:95%;
         float:center;
         top:5%;
         position:absolute;
         height:15%;
         border:1px solid white;
      }
      #div_form2 {
         width:98%;
         float:center;
         top:55%;
         position:absolute;
         height:25%;
         border:1px solid white;
         background:white
      }
      #div_form3 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
         height:35%;
         border:0px solid red;
      }
      #div_form4 {
         width: 98%;
         float:center;
         position:absolute;
         height:45%;
         border:0px solid red;
      }
      #div_form5 {
         width:55%;
         height:85%;
     
         float:center;
         position:absolute;
     
         border:0px solid red;
      }    
      #div_form6 {
         width:98%;
         float:center;
         top:22%;
         position:absolute;
        
         border:0px solid red;
         height:65%;
      }
      
      #div_form7 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
        
         border:0px solid red;
      }
     #div_form8 {
         width:98%;
         height:85%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }
      #div_form9 {
         width:98%;
         height:95%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }





  
     #div_linha_a {
         width:99%;
         height:7%;
         float:center;
         position:absolute;
         font-size: 9px;
         color:black;  
         font-size: 16px;
      }    
     #div_linha_r {
         width:99%;
         height:7%;
         float:left;
         vertical-align: middle;
         position:relative;
         font-size: 16px;
         color:black; 
      }
      
      #div_linha_f {
         width:99%;
         height:7%;  
         float:left;
         position:relative;
         font-size: 17px;     
         color:black;   
              
      }
      #div_linha_45 {
        width:45%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:6px;  
        color:black;  
       }    
     
     

      #div_linha_50 {
        width:50%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:6px;  
        color:black;  
     }          
      #div_linha_70 {
        width:70%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:9px;  
        color:black;  
     }    

     #div_linha_75 {
        width:75%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:9px;  
        color:black;  
     }    

      #div_linha_80 {
        width:80%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:9px;  
        color:black;  
     }    
     #div_linha_90 {
        width:90%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:9px;  
        color:black;  
     }         
      
     #div_linha_95 {
        width:95%;
        height:6%;
      
        position:absolute;
        background-color:white; 
        font-size:9px;  
        color:black;  
     }         
       
      #div_col1 {
         width:1%;
         float:left;
         position:relative;
         
         border:1px solid white;
              
      }
       
      #div_col2 {
         width:2%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }

      #div_col2_5 {
         width:2.5%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }

      
      #div_col2_5 {
         width:2.5%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }
     
     
      #div_col3 {
         width:3%;
         float:left;
         position:relative;
         border:1px solid white;
               
      }
  
      #div_col4 {
         width:4%;
         float:left;
         position:relative;
         border:1px solid white;
               
      }
  
      
     #div_col5 {
         width:5%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
     
      #div_col6 {
         width:6%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      #div_col7 {
         width:7%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
      
      
     #div_col8 {
         width:8%;
         float:left;
         position:relative;
        
         border:0px solid green;
         
      } 
      #div_col9 {
         width:9%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      #div_col10 {
         width:10%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      } 
    
      #div_col11 {
         width:11%;
        
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }   
      
      #div_col12 {
         width:12%;
         float:left;   
         position:relative;
         border:1px solid white;
         
      }   
       
     #div_col13 {
         width:13%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col14 {
        width:14%;
        float:left;   
        position:relative;
        
        border:1px solid white;
      
     }       
      #div_col15 {
         width:15%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col16 {
         width:16%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col17 {
        width:17%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col18 {
         width:18%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
     #div_col19 {
         width:19%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
    
     #div_col20 {
         width:20%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col21 {
        width:21%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
      #div_col22 {
         width:22%;
         float:left;
         position:relative;
        
         border:1px solid white;
        
      }
      
      #div_col23 {
         width:23%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col24 {
        width:24%;
        float:left;
        position:relative;
        border:1px solid white;
        
     }
      #div_col25 {
         width:25%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col26 {
         width:26%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col27 {
         width:27%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
       #div_col28 {
         width:28%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
     
       #div_col29 {
         width:29%;
         float:left;
         position:relative;
         border:1px solid white;
         
    }
      #div_col30 {
         width:30%;
         float:left;
         position:relative;
         border:1px solid white;
         
      } 
   
      #div_col31 {
         width:31%;
         float:left;
         position:relative;
         border:0px solid red;
         
      }
   
      #div_col32 {
         width:32%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      
      #div_col33 {
         width:33%;
         float:left;
         position:relative;
         border:1px solid white;
      }
      #div_col34 {
         width:34%;
         float:left;
         position:relative;
         border:1px solid white;
              
      }
   
      #div_col35 {
         width:35%;
         float:left;    
         position:relative;
         border:1px solid white;
         
      }
      #div_col38 {
         width:38%;
           
         float:left;    
         position:relative;
        
         border:1px solid white;
         
      }
      
      #div_col40 {
         width:40%;
         float:left;   
         position:relative;
         border:1px solid white;   
       
         
      }
      #div_col45 {
         width:45%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
      #div_col47 {
        width:47%;
        float:left;
        position:relative;
     
        border:1px solid white;
        
       }     

      #div_col50 {
         width:50%;
         float:left;
         position:relative;
         
         border:1px solid white;
      
         
      }
      #div_col54 {
        width:53%;
        float:left;
        position:relative;
        border:1px solid white;
     }
      #div_col55 {
         width:55%;	
         float:left;
         position:relative;
         border:1px solid white;
         
      }
        #div_col58 {
         width:58%;	
         float:left;
         position:relative;
         border:1px solid white;
         
      }
          
        #div_col60 {
         width: 60%;
         float:left;
         position:relative;
         border:1px solid white;
      }
      #div_col65 {
         width: 65%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
     
       #div_col68 {
  
         width: 68%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
     
       
      #div_col70 {
  
         width: 70%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      
       #div_col75 {
         width: 75%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      #div_col77 {
        width: 77%;
        float:left;
        position:relative;
        border:1px solid white;
        
       }
       #div_col80 {
         width: 80%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      #div_col83 {
        width: 83%;
        float:left;
        position:relative;
        border:1px solid white;
        
      }  
       #div_col85 {
         width: 85%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      
      #div_col90 {
         width: 90%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
      #div_col95 {
         width: 95%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
    #div_col100 {
         width:98%;
         float:left;
         position:relative;
         border:1px solid white;
      }
  
  
    
  }
  
/*  ============================================  1  4  5  0  x   1 6 8 0  ============================================     */
@media only screen and (min-width:1450px) and (max-width:1680px) {

   
    /* =============== Ajustes do corpo do menu ========================================      */
   
   
         
    body { font: 1.2em  arial,verdana ; color: #777; no-repeat; background-size: auto; }	     /* "Trebuchet MS", */
    a { color: #AF1515; cursor: pointer; }
    a:hover { color: #7D1919; }
   
    .preload1 {background: url(blank_over.gif);}
    .preload2 {background: url(blank_overa.gif);}
    
     
   
   #nav {padding:0; margin:0; list-style:none; height:24px;
       position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
       
   
   /* #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 
   z-index:500; font-family:arial, verdana, sans-serif;} */
    
   
   
   /* caixa de textos meenu, quando o mouse passar por cima   #fff */
   
   #nav li a.top_link:hover {color:green; background: url(blank_over.gif) no-repeat;} 
   
   #nav li a.top_link:hover span {background:yellow no-repeat right top;}
   
   #nav li a.top_link:hover span.down {background:#F7FCFF  no-repeat right top;}   /* Aqui mostra a cor de fundo quando o mouse passa pelo menu */
   
    /* tamanho das colunas no menu de texto jair 15/09/2016 */
    #nav li a.top_link span {float:left; display:block; padding:0 2px 0; height:30%;background:url(blank.gif) right top;}
   
    
   
     /* Tamanho do texto dentro da caixa */
   
     #nav li a.top_link {display:block; float:center; height:20px; line-height:24px; color:#ccc;
      text-decoration:none; font-size:15px; font-weight:bold; padding:0 0 20px;
      cursor:pointer;background: url(blank.gif);}      
   
     #nav li.top {display:block; float:left;}
     #nav li a.top_link {display:block; float:left; height:14px; line-height:14px; color:white; 
         text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 11px; cursor:pointer;background: url(blank.gif);} 
   
     /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */
   
    
   
   textarea {
      resize:vertical;
   }
          
   .TabControl{
      width:98%;
      overflow:hidden;
      height:98%
     
     }                  /* tamanho so corpo  */
   
   .TabControl #header{
      width:98%;
      overflow:hidden;
      cursor:hand
   
     }
   
   .TabControl #content{
      width:99.8%;
      border: solid 1px  #27408B; 
      overflow:hidden;
      height:88%;
      margin-top:1px;
      padding-top:4px;
     }
    
   .TabControl .abas{display:inline;}
    
   .TabControl .abas li{float:left}
    
   .abas{
      list-style: none;
   }
   .aba{
      width:160px;
      height:29px;
      border:solid 1px;
      border-radius:15px 5px 0 0;
      text-align:center;
      padding-top:4px;
      background:#FFF8DC;       /* #3A5FCD */
      border-bottom-color:#00ffff;
      font-size: 1em;
     }    /* #3A5FCD */
    
   .ativa{
      width:160px;
      height:29px;
      border:solid 1px #27408B ;           /* #27408B */
      border-radius:15px 5px 0 0;
      text-align:center;
      padding-top:1px;
    
   }
   
   .ativa span, .selecionada span{color:red}
   
   /*  desativa outras abas e selecionada  a clickada    */
   .TabControl .conteudo{
      width:100%;
      display:none;
      height:90%;
      color:black;
    /*   background:#00ffff;   */
     }
   /*   quando a aba esta selecionada      */
   .selecionada{
      width:160px;          
      height:29px;
      border:solid 1px #27408B;
      border-radius:15px 5px 0 0;
      text-align:center;
      padding-top:3px;
      background:#00ffff; 
      display:block;
     }
   .mens {
           position: absolute;
           width: 350px;
           height: 30px;
           top: 50%;
           left: 50%;
           margin-left: -175px;
           margin-top: -150px;
           border:1px solid green;
    }
  
       
   input { 
            font-size:13px;
            background: #E9ECF5; /* #dae1f3; #f7f7f8; */
            font-family:arial,verdana;
            color:black;
            border:0px solid gray;
            font-weight: white;    /* #f2f2f3;  */
   }



   .input_login { 
      font-family: Verdana,Arial,sans-serif;
      border-radius: 10px;
      background-color: #3aabd3 !important;
      border: 2px solid #3aabd3;
      width: 100% !important;
      margin-top: 5% !important;
      height: 46px !important;
      font-size: 16px !important;
      color:#fff;
      cursor:pointer;
      
   }
      
     
   

   select{
            font-size:12px;
            background:#E9ECF5;
            font-family:arial,verdana ;
            border:0px solid gray;
            color:darkblue;
             /*    font-weight: bold  	 #f2f2f3  */  
   }
    font  {  font-size:10px; }  
     
    #logo {
     width:98%;
     height:100%;
     vertical-align: middle;
     
   }	
   #div_pagina {
      width: 99.5%;
      height:99.6%;
      left:0%;
     
      top:0%;
      position:absolute;
      border:0px solid red;
      font-size:11px;
      font-family:arial, verdana;  /* arial, verdana, sans-serif;           Consolas, 'Courier New', monospace              */
   }
      
       #div_cabec {
         width:100%;
         height:17%;
         left:0%;
         top: 0%;
         float:left;
         position:relative;
         height:17%;
         border:0px solid red;
             
       }
   
       #div_header {
          width:98%;
          height:13%;
          float:center;
          position:absolute;
          height:13%;
          border:0px solid red;
          left:0%;
       }    
   
       .logomarca {
          top:1%;
          text_align:left;
          width:60px;
          height:60px;
          float:center;
         
          border:0px solid red;
       }
       .logo_empresa  {
          height:70%;
          width:18%;
          float:left;
          height:70%;
          left:1%;
          top:25%;
          position:absolute;
          border:0px solid red;color:white;
       }
    
     
       .titulo0 {
    
           font-size:15px;
        }
        .titulo1 {
        
           font-size:18px;
        }
          .titulo2 {
    
           font-size:21px;
        }
          .titulo3 {
    
           font-size:25px;
        }
          
        .titulo4 {
          font-size:28px;
        }
        
       #div_coluna1 {
          display:none;
         
       }
       #div_menu {
          width:99.5%;
          left:0%;
          top:17%;
          position:absolute;
          height:3%;
          background-color:#3a93d2;
          border:0px solid red;
        
       } 
      
       #div_icones {
         left:0%;
         top:21%; 
         border:0px solid yellow;
         width:4%;
         height:75%;
         padding-left:7px;
         position:absolute;
            
           
       }  
   
    
       #div_caixa_a {
         width: 50%;
         float:center;
         left:25%;
         top:25%;
         position:absolute;
         height:62%;
         border:0px solid red;
         background-color: lightgray;
        
      }
   
       #div_side_b {
   
            width:65%;
            float:left;
            height:70%;
            left:17.5%;
            top:26%;
            position:absolute;
            border: 1px solid green;
       }
       
       
        
       #div_img_pai {
          float:right; 
          position:absolute;
          top:0%;
          border:0px solid yellow;
          right:0%;
          width:100%;
          height:30%;
          height:30%;
          
        
       }   
       #div_imagem_foto {
          width:70%;
          height:90%;
          border: 0px solid blue;
          position:absolute;
         
       }
       
       #div_imagem {
          position:relative;
          top:6%;
          right:3%;
          width:15%;
          height:25%;
          border-radius:15px;
          border: 0px solid black;
          background-image: url("../imgs/semfoto.jpg") no-repeat; 
          background-size: 100%;
       }
       
       #div_imagem_prod  {
            width:142px; 
            height:105px;
          
            left:2px;
            position:absolute;
            background-image:url("../imgs/semfoto.jpg");
            
            background: white;
            border-radius: 38px;	
            border:1px solid rgb(179, 32, 32)
       }
        
       #div_coluna2 {
         display:none;
       }
   
        
       #div_footer {
         position:absolute;
         bottom:2%;
         left:5%;
         width:90%;
         border:0px solid red;
         height:3%;
       }
   
      #div_autenticacao {
         width: 95%;
         
         left:5%;
         height:2%;
         bottom:0%;
         position:absolute;
        
         border:0px solid red;
         
      }    
   
       #div_entrada {
         width:50%;
         height:66%;
         float:center;
         height:66%;
         left:20.5%;
         top:4.5%;
         position:absolute;
         border:0px solid red;
         
      }
        
        #div_portal {
         width:70%;
         height:70%;
         float:center;
         height:60%;
         left:20%;
         top:8%; 
         position:absolute;
         border:0px solid red;
      
         font-size: 10px;
      }

    

      #div_portal_gestao {
         width:40%;
         height:100%;
         float:center;
     
         left:0%;
         top:0%; 
         position:absolute;
         border:0px solid red;
         background:white;
      
         font-size: 15px;
      }
   
   
   
      #div_login {
         width:22%;
         height:50%;
         float:center;
         height:50%;
         left:37%;
         top:16%; 
         position:absolute;
         border:0px solid red;
         background-color: white;
      }
      
      .carroussel_1 {
           left:0%;
           float:center;
           top:5%;
           position:absolute;
           border:0px solid red;
                height:40%; 
                width:98%;
                height:40%;
           background-size:100% 100%;
             
      }
      #div_form0 {
         width:98%;
         float:center;
         top:5%;
         position:absolute;
         height:15%;
         border:0px solid red;
      }  
      #div_form1 {
         width:95%;
         float:center;
         top:5%;
         position:absolute;
         height:15%;
         border:1px solid white;
      }
      #div_form2 {
         width:98%;
         float:center;
         top:55%;
         position:absolute;
         height:25%;
         border:1px solid white;
         background:white
      }
      #div_form3 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
         height:35%;
         border:0px solid red;
      }
      #div_form4 {
         width: 98%;
         float:center;
         position:absolute;
         height:45%;
         border:0px solid red;
      }
      #div_form5 {
         width:55%;
         height:85%;
     
         float:center;
         position:absolute;
     
         border:0px solid red;
      }    
      #div_form6 {
         width:98%;
         float:center;
         top:20.5%;
         position:absolute;
        
         border:0px solid red;
         height:65%;
      }
      
      #div_form7 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
        
         border:0px solid red;
      }
     #div_form8 {
         width:98%;
         height:85%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }
      #div_form9 {
         width:98%;
         height:95%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }

      #div_linha_a {
          width:99%;
          height:4%;
          float:center;
          position:absolute;
          font-size: 9px;
          color:black;  
          font-size: 11px;
       }    
      #div_linha_r {
          width:99%;
          height:4%;
          float:left;
          vertical-align: middle;
          position:relative;
          font-size: 11px;
          color:black; 
       }
       
       #div_linha_f {
          width:99%;
          height:7%;  
          float:left;
          position:relative;
          font-size: 12px;     
          color:black;   
               
       }
       #div_linha_45 {
         width:45%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:6px;  
         color:black;  
        }    
      
      

       #div_linha_50 {
         width:50%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:6px;  
         color:black;  
      }          
       #div_linha_70 {
         width:70%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }    

      #div_linha_75 {
         width:75%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }    

       #div_linha_80 {
         width:80%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }    
      #div_linha_90 {
         width:90%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }         
       
      #div_linha_95 {
         width:95%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }         
        
       #div_col1 {
          width:1%;
          float:left;
          position:relative;
          
          border:1px solid white;
               
       }
        
       #div_col2 {
          width:2%;
       
          float:left;
          position:relative;
         
          border:1px solid white;
            
          
       }
       
      #div_col2_5 {
         width:2.5%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }
     
      
       #div_col3 {
          width:3%;
          float:left;
          position:relative;
          border:1px solid white;
                
       }
   
       #div_col4 {
          width:4%;
          float:left;
          position:relative;
          border:1px solid white;
                
       }
   
       
      #div_col5 {
          width:5%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
      
       #div_col6 {
          width:6%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col7 {
          width:7%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       
       
       
      #div_col8 {
          width:8%;
          float:left;
          position:relative;
         
          border:0px solid green;
          
       } 
       #div_col9 {
          width:9%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col10 {
          width:10%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       } 
     
       #div_col11 {
          width:11%;
         
          float:left;   
          position:relative;
         
          border:1px solid white;
          
       }   
       
       #div_col12 {
          width:12%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }   
        
      #div_col13 {
          width:13%;
          float:left;   
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col14 {
         width:14%;
         float:left;   
         position:relative;
         
         border:1px solid white;
       
      }       
       #div_col15 {
          width:15%;
          float:left;   
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col16 {
          width:16%;
          float:left;   
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col17 {
         width:17%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col18 {
          width:18%;
          float:left;   
          position:relative;
         
          border:1px solid white;
          
       }
      #div_col19 {
          width:19%;
          float:left;   
          position:relative;
         
          border:1px solid white;
          
       }
     
      #div_col20 {
          width:20%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col21 {
         width:21%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
       #div_col22 {
          width:22%;
          float:left;
          position:relative;
         
          border:1px solid white;
         
       }
       
       #div_col23 {
          width:23%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col24 {
         width:24%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
       #div_col25 {
          width:25%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col26 {
          width:26%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col27 {
          width:27%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       
        #div_col28 {
          width:28%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
      
        #div_col29 {
          width:29%;
          float:left;
          position:relative;
          border:1px solid white;
          
     }
       #div_col30 {
          width:30%;
          float:left;
          position:relative;
          border:1px solid white;
          
       } 
    
       #div_col31 {
          width:31%;
          float:left;
          position:relative;
          border:0px solid red;
          
       }
    
       #div_col32 {
          width:32%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       
       #div_col33 {
          width:33%;
          float:left;
          position:relative;
          border:1px solid white;
       }
       #div_col34 {
          width:34%;
          float:left;
          position:relative;
          border:1px solid white;
               
       }
    
       #div_col35 {
          width:35%;
          float:left;    
          position:relative;
          border:1px solid white;
          
       }
       #div_col38 {
          width:38%;
            
          float:left;    
          position:relative;
         
          border:1px solid white;
          
       }
       
       #div_col40 {
          width:40%;
          float:left;   
          position:relative;
          border:1px solid white;   
        
          
       }
       #div_col45 {
          width:45%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       
       #div_col47 {
         width:47%;
         float:left;
         position:relative;
      
         border:1px solid white;
         
        }     

       #div_col50 {
          width:50%;
          float:left;
          position:relative;
          
          border:1px solid white;
       
          
       }
       #div_col54 {
         width:53%;
         float:left;
         position:relative;
         border:1px solid white;
      }
       #div_col55 {
          width:55%;	
          float:left;
          position:relative;
          border:1px solid white;
          
       }
         #div_col58 {
          width:58%;	
          float:left;
          position:relative;
          border:1px solid white;
          
       }
           
         #div_col60 {
          width: 60%;
          float:left;
          position:relative;
          border:1px solid white;
       }
       #div_col65 {
          width: 65%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
      
        #div_col68 {
   
          width: 68%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
      
        
       #div_col70 {
   
          width: 70%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       
        #div_col75 {
          width: 75%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col77 {
         width: 77%;
         float:left;
         position:relative;
         border:1px solid white;
         
        }
        #div_col80 {
          width: 80%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col83 {
         width: 83%;
         float:left;
         position:relative;
         border:1px solid white;
         
       }  
        #div_col85 {
          width: 85%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       
       #div_col90 {
          width: 90%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col95 {
          width: 95%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
     #div_col100 {
          width:98%;
          float:left;
          position:relative;
          border:1px solid white;
       }
   
   
     
   }
   
/*  ============================================  1  2  8  0    x    1  4  4  9 ============================================     */
 @media only screen and (min-width:1280px) and (max-width:1449px) {     */      
 /* =============== Ajustes do corpo do menu ========================================      */


	   
 body { font: 1.3em  arial,verdana ; color: #777; no-repeat; background-size: auto; }	     /* "Trebuchet MS", */
 a { color: #AF1515; cursor: pointer; }
 a:hover { color: #7D1919; }

 .preload1 {background: url(blank_over.gif);}
 .preload2 {background: url(blank_overa.gif);}
 
  

#nav {padding:0; margin:0; list-style:none; height:24px;
    position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
    

/* #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 
z-index:500; font-family:arial, verdana, sans-serif;} */
 


/* caixa de textos meenu, quando o mouse passar por cima   #fff */

#nav li a.top_link:hover {color:green; background: url(blank_over.gif) no-repeat;} 

#nav li a.top_link:hover span {background:yellow no-repeat right top;}

#nav li a.top_link:hover span.down {background:#F7FCFF  no-repeat right top;}   /* Aqui mostra a cor de fundo quando o mouse passa pelo menu */

 /* tamanho das colunas no menu de texto jair 15/09/2016 */
 #nav li a.top_link span {float:left; display:block; padding:0 2px 0; height:30%;background:url(blank.gif) right top;}

 

  /* Tamanho do texto dentro da caixa */

  #nav li a.top_link {display:block; float:center; height:20px; line-height:24px; color:#ccc;
   text-decoration:none; font-size:15px; font-weight:bold; padding:0 0 20px;
   cursor:pointer;background: url(blank.gif);}      

  #nav li.top {display:block; float:left;}
  #nav li a.top_link {display:block; float:left; height:14px; line-height:14px; color:white; 
      text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 11px; cursor:pointer;background: url(blank.gif);} 

  /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */

 

textarea {
   resize:vertical;
}
       
.TabControl{
   width:98%;
   overflow:hidden;
   height:98%
  
  }                  /* tamanho so corpo  */

.TabControl #header{
   width:98%;
   overflow:hidden;
   cursor:hand

  }

.TabControl #content{
   width:99.8%;
   border: solid 1px  #27408B; 
   overflow:hidden;
   height:88%;
   top:15%;
    padding-top:4px;
  }
 
.TabControl .abas{display:inline;}
 
.TabControl .abas li{float:left}
 
.abas{
   list-style: none;
}
.aba{
   width:160px;
   height:20px;
   border:solid 1px;
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:4px;
   background:#FFF8DC;       /* #3A5FCD */
   border-bottom-color:#00ffff;
   font-size: 1.0em;
  }    /* #3A5FCD */
 
.ativa{
   width:160px;
   height:20px;
   border:solid 1px #27408B ;           /* #27408B */
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:1px;
 
}

.ativa span, .selecionada span{color:red}

/*  desativa outras abas e selecionada  a clickada    */
.TabControl .conteudo{
   width:100%;
   display:none;
   height:90%;
   color:black;
 /*   background:#00ffff;   */
  }
/*   quando a aba esta selecionada      */
.selecionada{
   width:160px;          
   height:20px;
   border:solid 1px #27408B;
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:3px;
   background:#00ffff; 
   display:block;
  }
.mens {
        position: absolute;
        width: 350px;
        height: 30px;
        top: 50%;
        left: 50%;
        margin-left: -175px;
        margin-top: -150px;
        border:1px solid green;
 }


  
input { 
         font-size:11px;
         
          background-color: #E9ECF5; /* #dae1f3; #f7f7f8; */
         font-family:arial,verdana;
         color:black;
         border:0px solid gray;
         font-weight: white;    /* #f2f2f3;  */
}

    
.input_login { 
   font-family: Verdana,Arial,sans-serif;
    border-radius: 11px;
    background-color: #3aabd3 !important;
    border: 2px solid #3aabd3;
    width: 100% !important;
    margin-top: 5% !important;
    height: 46px !important;
    font-size: 16px !important;
    color:#fff;
    cursor:pointer;
}


select{
         font-size:12px;
         background:#E9ECF5;
         font-family:arial,verdana ;
         border:0px solid gray;
         color:darkblue;
          /*    font-weight: bold  	 #f2f2f3  */  
}
legend {
   font-size:16px;

}
 
  
 #logo {
  width:98%;
  height:100%;
  vertical-align: middle;
  
}	
#div_pagina {
   width: 99.5%;
   height:99.6%;
   left:0%;
  
   top:0%;
   position:absolute;
   border:0px solid red;
   font-size:12px;
   font-family:arial, verdana;  /* arial, verdana, sans-serif;           Consolas, 'Courier New', monospace              */
}
	
    #div_cabec {
      width:100%;
      height:17%;
      left:0%;
      top: 0%;
      float:left;
      position:relative;
      height:17%;
      border:0px solid red;
          
    }

    #div_header {
       width:98%;
       height:13%;
       float:center;
       position:absolute;
       height:13%;
       border:0px solid red;
       left:0%;
    }    

    .logomarca {
       top:1%;
       text_align:left;
       width:60px;
       height:60px;
       float:center;
      
       border:0px solid red;
    }
    .logo_empresa  {
       height:70%;
       width:18%;
       float:left;
       height:70%;
       left:1%;
       top:25%;
       position:absolute;
       border:0px solid red;color:white;
    }
 
  
    .titulo0 {
 
        font-size:12px;
     }
     .titulo1 {
 
        font-size:15px;
     }
       .titulo2 {
 
        font-size:20px;
     }
       .titulo3 {
 
        font-size:25px;
     }
       
     .titulo4 {
       font-size:30px;
     }
     
    #div_coluna1 {
       display:none;
      
    }
    #div_menu {
       width:99.5%;
       left:0%;
       top:17%;
       position:absolute;
       height:3%;
       background-color:#3a93d2;
       border:0px solid red;
     
    } 
   
    #div_icones {
      left:0%;
      top:21%; 
      border:0px solid yellow;
      width:4%;
	   height:75%;
      padding-left:7px;
      position:absolute;
         
        
    }  

    #div_footer {
      position:absolute;
      bottom:2%;
      left:1%;
      width:100%;
      border:0px solid red;
    }
 
    #div_caixa_a {
      width: 50%;
      float:center;
      left:25%;
      top:25%;
      position:absolute;
      height:62%;
      border:0px solid red;
      background-color: lightgray;
     
   }

    #div_side_b {

         width:65%;
         float:left;
         height:70%;
         left:17.5%;
         top:26%;
         position:absolute;
         border: 1px solid green;
    }
   
    #div_img_pai {
       float:right; 
       position:absolute;
       top:0%;
       border:0px solid yellow;
       right:0%;
       width:100%;
       height:30%;
       height:30%;
       
     
    }   
    #div_imagem_foto {
       width:70%;
       height:90%;
       border: 0px solid blue;
       position:absolute;
      
    }
    
    #div_imagem {
       position:relative;
       right:1px;
       width:180px;
       height:300px;
       border-radius:10px;	
       margin-top:31px;
       text-align: center;
       border:1px solid blue;
     
    }
    
    #div_imagem_prod  {
             
         width:150px;
         height:127px;
         position:absolute;
         left:-3px;
         background-image:url("../imgs/semfoto.jpg");
         
         background: white;
         border-radius: 38px;	
         border:1px solid gray
    }
     
    #div_coluna2 {
      display:none;
    }

  

   

   #div_autenticacao {
      width: 95%;
      
      left:5%;
      height:2%;
      bottom:0%;
      position:absolute;
     
      border:0px solid red;
      
   }    

    #div_entrada {
      width:50%;
      height:66%;
      float:center;
      height:66%;
      left:20.5%;
      top:4.5%;
      position:absolute;
      border:0px solid red;
      
   }
     
   #div_portal {
      width:70%;
      height:70%;
      float:center;
      height:60%;
      left:20%;
      top:8%; 
      position:absolute;
      border:0px solid red;
   
      font-size: 10px;
   }

   #div_portal_gestao {
      width:40%;
      height:100%;
      float:center;
  
      left:0%;
      top:0%; 
      position:absolute;
      border:0px solid red;
      background:white;
   
      font-size: 15px;
   }




   #div_login {
      width:22%;
      height:50%;
      float:center;
      height:50%;
      left:37%;
      top:16%; 
      position:absolute;
      border:0px solid red;
      background-color: white;
   }
   
   .carroussel_1 {
        left:0%;
        float:center;
        top:5%;
        position:absolute;
        border:0px solid red;
             height:40%; 
             width:98%;
             height:40%;
        background-size:100% 100%;
          
   }

   #div_form0 {
      width:99%;
      float:center;
      top:5%;
      position:absolute;
      height:15%;
      border:0px solid red;
   }

  
   #div_form1 {
      width:95%;
      float:center;
      top:5%;
      position:absolute;
      height:15%;
      border:1px solid white;
   }
   #div_form2 {
      width:98%;
      float:center;
      top:55%;
      position:absolute;
      height:25%;
      border:1px solid white;
      background:white
   }
   #div_form3 {
      width:98%;
      height:75%; 
      float:center;
      top:5%;
      position:absolute;
      height:35%;
      border:0px solid red;
   }
   #div_form4 {
      width: 98%;
      float:center;
      position:absolute;
      height:45%;
      border:0px solid red;
   }
   #div_form5 {
      width:55%;
      height:85%;
  
      float:center;
      position:absolute;
  
      border:0px solid red;
   }    
   #div_form6 {
      width:98%;
      float:center;
      top:22%;
      position:absolute;
     
      border:0px solid red;
      height:65%;
   }
   
   #div_form7 {
      width:98%;
      height:75%; 
      float:center;
      top:5%;
      position:absolute;
     
      border:0px solid red;
   }
  #div_form8 {
      width:98%;
      height:85%; 
      float:center;
      top:36%;
      position:absolute;
      border:0px solid red;

   }
   #div_form9 {
      width:98%;
      height:95%; 
      float:center;
      top:36%;
      position:absolute;
      border:0px solid red;

   }

   #div_linha_a {
       width:99%;
       height:4%;
   
       position:absolute;
       font-size: 10px;
       color:black; 
    }    

   #div_linha_r {
       width:99%;
       height:4%;
     
       float:left;
       color:black;  
       position:relative;
       font-size: 10px;
    
    }
    
    #div_linha_f {
       width:99%;
       height:8%;  
       margin-top:1px;
       float:left;
       position:relative;
       font-size: 12px;     
       color:black;  
            
    }
    #div_linha_45 {
      width:45%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
     }    
   
    #div_linha_50 {
      width:50%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
   }    
    #div_linha_70 {
      width:70%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:11px;  
      color:black;  
   }    

   #div_linha_75 {
      width:75%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:11px;  
      color:black;  
   }    

    #div_linha_80 {
      width:80%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:11px;  
      color:black;  
   }    
   #div_linha_90 {
      width:90%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:11px;  
      color:black;  
   }         
   #div_linha_95 {
      width:95%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:9px;  
      color:black;  
   }             

    #div_col1 {
       width:1%;
       float:left;
       position:relative;
       
       border:1px solid white;
            
    }
     
    #div_col2 {
       width:2%;
    
       float:left;
       position:relative;
      
       border:1px solid white;
         
       
    }
    
    #div_col2_5 {
      width:2.5%;
   
      float:left;
      position:relative;
     
      border:1px solid white;
        
      
   }
  
   
    #div_col3 {
       width:3%;
       float:left;
       position:relative;
       border:1px solid white;
             
    }

    #div_col4 {
       width:4%;
       float:left;
       position:relative;
       border:1px solid white;
             
    }

    
   #div_col5 {
       width:5%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
   
    #div_col6 {
       width:6%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    #div_col7 {
       width:7%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    
    
    
   #div_col8 {
       width:8%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    } 
    #div_col9 {
       width:9%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    #div_col10 {
       width:10%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    } 
  
    #div_col11 {
       width:11%;
      
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }   
    
    #div_col12 {
       width:12%;
       float:left;   
       position:relative;
       border:1px solid white;
       
    }   
     
   #div_col13 {
       width:13%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col14 {
      width:14%;
      float:left;   
      position:relative;
      
      border:1px solid white;
    
   }       
    #div_col15 {
       width:15%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col16 {
       width:16%;
       float:left;   
       position:relative;
       border:1px solid white;
       
    }
    #div_col17 {
      width:17%;
      float:left;   
      position:relative;
      border:1px solid white;
      
   }
   #div_col18 {
       width:18%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
   #div_col19 {
       width:19%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
  
   #div_col20 {
       width:20%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col21 {
      width:21%;
      float:left;
      position:relative;
     
      border:1px solid white;
      
   }
    #div_col22 {
       width:22%;
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    
    #div_col23 {
       width:23%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col24 {
      width:24%;
      float:left;
      position:relative;
      border:1px solid white;
      
   }
    #div_col25 {
       width:25%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col26 {
       width:26%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col27 {
       width:27%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    
     #div_col28 {
       width:28%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
   
     #div_col29 {
       width:29%;
       float:left;
       position:relative;
       border:1px solid white;
       
  }
    #div_col30 {
       width:30%;
       float:left;
       position:relative;
       border:1px solid white;
       
    } 
 
    #div_col31 {
       width:31%;
       float:left;
       position:relative;
       border:0px solid red;
       
    }
 
    #div_col32 {
       width:32%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    
    #div_col33 {
       width:33%;
       float:left;
       position:relative;
       border:1px solid white;
    }
    #div_col34 {
       width:34%;
       float:left;
       position:relative;
       border:1px solid white;
            
    }
 
    #div_col35 {
       width:35%;
       float:left;    
       position:relative;
       border:1px solid white;
       
    }
    #div_col38 {
       width:38%;
         
       float:left;    
       position:relative;
      
       border:1px solid white;
       
    }
    
    #div_col40 {
       width:40%;
       float:left;   
       position:relative;
       border:1px solid white;   
     
       
    }
    #div_col45 {
       width:45%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    
    #div_col47 {
      width:47%;
      float:left;
      position:relative;
   
      border:1px solid white;
      
     }     

    #div_col50 {
       width:50%;
       float:left;
       position:relative;
       
       border:1px solid white;
    
       
    }
    #div_col54 {
      width:53%;
      float:left;
      position:relative;
      border:1px solid white;
   }
    #div_col55 {
       width:55%;	
       float:left;
       position:relative;
       border:1px solid white;
       
    }
      #div_col58 {
       width:58%;	
       float:left;
       position:relative;
       border:1px solid white;
       
    }
        
      #div_col60 {
       width: 60%;
       float:left;
       position:relative;
       border:1px solid white;
    }
    #div_col65 {
       width: 65%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
   
     #div_col68 {

       width: 68%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
   
     
    #div_col70 {

       width: 70%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    
     #div_col75 {
       width: 75%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    #div_col77 {
      width: 77%;
      float:left;
      position:relative;
      border:1px solid white;
      
     }
     #div_col80 {
       width: 80%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    #div_col83 {
      width: 83%;
      float:left;
      position:relative;
      border:1px solid white;
      
    }  
     #div_col85 {
       width: 85%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    
    #div_col90 {
       width: 90%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
    #div_col95 {
       width: 95%;
       float:left;
       position:relative;
       border:1px solid white;
       
    }
  #div_col100 {
       width:98%;
       float:left;
       position:relative;
       border:1px solid white;
    }


  
}

@media only screen and (min-width:1150px) and (max-width:1279px) {           
   /* =============== Ajustes do corpo do menu ========================================      */
  
        
 body { font: .8em  arial,verdana ; color: #777;   no-repeat; background-size: auto; }	     /* "Trebuchet MS", */
 a { color: #AF1515; cursor: pointer; }
 a:hover { color: #7D1919; }

 .preload1 {background: url(blank_over.gif);}
 .preload2 {background: url(blank_overa.gif);}
 
  
       
    
   #nav {padding:0; margin:0; list-style:none; height:24px;
         position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
         
  
  /* #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 
  z-index:500; font-family:arial, verdana, sans-serif;} */
         
  
   /* tirei o backgroud da linha acima backgroud=#fff */
     #nav li.top {display:block; float:left;}
  
  
   
  
  /* caixa de textos meenu, quando o mouse passar por cima   #fff */
  
     #nav li a.top_link:hover {color:green; background: url(blank_over.gif) no-repeat;} 
  
     #nav li a.top_link:hover span {background:yellow no-repeat right top;}
  
     #nav li a.top_link:hover span.down {background:#F7FCFF  no-repeat right top;}   /* Aqui mostra a cor de fundo quando o mouse passa pelo menu */
  
      /* tamanho das colunas no menu de texto jair 15/09/2016 */
      #nav li a.top_link span {float:left; display:block; padding:0 2px 0; height:30%;background:url(blank.gif) right top;}
  
      /* Tamanho do texto dentro da caixa */
  
      #nav li a.top_link {display:block; float:center; height:20%; line-height:20px; color:white;
       text-decoration:none; font-size:8px; font-weight:bold; padding:0 0 20px;
       cursor:pointer;background: url(blank.gif);}      
   
      #nav li.top {display:block; float:left;}
      #nav li a.top_link {display:block; float:left; height:17%; line-height:11px; color:white; 
          text-decoration:none; font-size:1.3em; font-weight:bold; padding:0 0 0 20px; cursor:pointer;background: url(blank.gif);}
        
  /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */



textarea {
   resize:vertical;
}
       
.TabControl{
   width:98%;
   overflow:hidden;
   height:99%
  
  }                  /* tamanho so corpo  */

.TabControl #header{
   width:100%;
   overflow:hidden;
   cursor:hand

  }

.TabControl #content{
   width:99.9%;
   border: solid 1px  #27408B; 
   overflow:hidden;
   height:92%;
   top:16%;
    padding-top:5px;
  }
 
.TabControl .abas{display:inline;}
 
.TabControl .abas li{float:left}
 
.abas{
   list-style: none;
}
.aba{
   width:160px;
   height:19px;
   border:solid 1px;
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:-3px;
   background:#FFF8DC;       /* #3A5FCD */
   border-bottom-color:#00ffff;
   font-size:12px;
  }    /* #3A5FCD */
 
.ativa{
   width:160px;
   height:19px;
   border:solid 1px #27408B ;           /* #27408B */
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:-3px;
 
}

.ativa span, .selecionada span{color:red}

/*  desativa outras abas e selecionada  a clickada    */
.TabControl .conteudo{
   width:100%;
   display:none;
   height:90%;
   color:black;
 /*   background:#00ffff;   */
  }
/*   quando a aba esta selecionada      */
.selecionada{
   width:160px;          
   height:19px;
   border:solid 1px #27408B;
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:-3px;
   background:#00ffff; 
   display:block;
  }
.mens {
        position: absolute;
        width: 350px;
        height: 30px;
        top: 50%;
        left: 50%;
        margin-left: -175px;
        margin-top: -150px;
        border:1px solid green;
 } 
      
          input { 
           font-size:11px;
           
           background: #dae1f3;
           font-family:arial,verdana;
           color:black;
           border:0px solid gray;
           font-weight: #f2f2f3; 
        }


        .input_login { 
            font-family: Verdana,Arial,sans-serif;
            border-radius: 10px;
            background-color: #3aabd3 !important;
            border: 2px solid #3aabd3;
            width: 100% !important;
            margin-top: 5% !important;
            height: 32px !important;
            font-size: 16px !important;
            color:#fff;
            cursor:pointer;
            
      }
         
        

        select{
           font-size:9px;
           background:#E9ECF5;
           font-family:arial,verdana ;
           color:darkblue;
            /*    font-weight: bold  	 #f2f2f3  */  
        }
   font { 
      font-size:10px;
   
   }
    
   #logo {
    width:98%;
    height:100%;
    vertical-align: middle;
    
  }	
  #div_pagina {
     width: 100%;
     height:100%;
     left:0%;
    
     top:0%;
     position:absolute;
     border:0px solid red;
     font-size:9px;
     font-family:arial, verdana;  /* arial, verdana, sans-serif;           Consolas, 'Courier New', monospace              */
  }
     
      #div_cabec {
        width:100%;
        height:17%;
        left:0%;
        top: 0%;
        float:left;
        position:relative;
        height:17%;
        border:0px solid red;
            
      }
  
      #div_header {
         width:98%;
         height:13%;
         float:center;
         position:absolute;
         height:13%;
         border:0px solid red;
         left:0%;
      }    
  
      .logomarca {
         top:1%;
         text_align:left;
         width:60px;
         height:60px;
         float:center;
        
         border:0px solid red;
      }
      .logo_empresa  {
         height:70%;
         width:18%;
         float:left;
         height:70%;
         left:1%;
         top:25%;
         position:absolute;
         border:0px solid red;color:white;
      }
   
    
      .titulo0 {
   
          font-size:12px;
       }
       .titulo1 {
   
          font-size:15px;
       }
         .titulo2 {
   
          font-size:20px;
       }
         .titulo3 {
   
          font-size:25px;
       }
         
       .titulo4 {
         font-size:30px;
       }
       
      #div_coluna1 {
         display:none;
        
      }
      #div_menu {
         width:99.5%;
         left:0%;
         top:17%;
         position:absolute;
         height:3%;
         background-color:#3a93d2;
         border:0px solid red;
       
      } 
     
      #div_icones {
           border:0px solid red;
           width:4%;
           height:75%;
           padding-left:5px;
           background-color:lightblue;
           left:0%;
           top:20%; 
           position:absolute;
      }  
  
   
      #div_caixa_a {
         width: 50%;
         float:center;
         left:49%;
         top:26%;
         position:absolute;
         height:62%;
         border:1px solid blue;
        
      }

      #div_side_b {
  
           width:65%;
           float:left;
           height:70%;
           left:17.5%;
           top:26%;
           position:absolute;
           border: 1px solid green;
      }
    
       
       
      #div_img_pai {
         float:right; 
         position:absolute;
         top:0%;
         border:0px solid red;
         right:0%;
         width:100%;
         height:30%;
         height:30%;
         
       
      }   
      #div_imagem_foto {
         width:70%;
         height:90%;
         border: 0px solid blue;
         position:absolute;
        
      }
      
      #div_imagem {
         position:relative;
         top:6%;
         right:1%;
         width:16%;
         height:276px;
         border-radius:15px;
         border: 1px solid black;
         background-image: url("../imgs/semfoto.jpg") no-repeat; 
         background-size: 100%;
      }
      
      #div_imagem_prod  {
        
           left:1%;
           width:100px;
           height:96px;
           
           position:absolute;
           background-image:url("../imgs/semfoto.jpg");
           padding: 4px 4px;
           background: white;
           border-radius: 38px;	
           border:0px solid red;
      }
       
      #div_coluna2 {
        display:none;
      }

  
      #div_footer {
         position:absolute;
         bottom:0%;
         left:1%;
         width:100%;
         border:0px solid red;
       }
      #div_autenticacao {
         width: 95%;
         
         left:2%;
         height:2%;
         bottom:0%;
         position:absolute;
        
         border:0px solid red;
         font-size: 10px;
      }    
   
       #div_entrada {
         width:50%;
         height:66%;
         float:center;
         height:66%;
         left:20.5%;
         top:4.5%;
         position:absolute;
         border:0px solid red;
         
      }
        
        #div_portal {
         width:70%;
         height:70%;
         float:center;
         height:60%;
         left:20%;
         top:8%; 
         position:absolute;
         border:0px solid red;
      
         font-size: 9px;

      }

      #div_portal_gestao {
         width:40%;
         height:90%;
         float:center;
     
         left:1%;
         top:4%; 
         position:absolute;
         border:0px solid red;
         background:white;
         font-size: 10px;
      }
   

      #div_login {
         width:22%;
         height:50%;
         float:center;
         height:50%;
         left:37%;
         top:16%; 
         position:absolute;
         border:0px solid red;
         background-color: white;
      }
      
      .carroussel_1 {
           left:0%;
           float:center;
           top:5%;
           position:absolute;
           border:0px solid red;
                height:40%; 
                width:98%;
                height:40%;
           background-size:100% 100%;
             
      } 

      #div_form0 {
         width:98%;
         float:center;
         top:5%;
         position:absolute;
         height:15%;
         border:0px solid red;
      }
      #div_form1 {
         width:95%;
         float:center;
         top:5%;
         position:absolute;
         height:15%;
         border:1px solid white;
      }
      #div_form2 {
         width:98%;
         float:center;
         top:55%;
         position:absolute;
         height:25%;
         border:1px solid white;
         background:white
      }
      #div_form3 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
         height:35%;
         border:0px solid red;
      }
      #div_form4 {
         width: 98%;
         float:center;
         position:absolute;
         height:45%;
         border:0px solid red;
      }
      #div_form5 {
         width:55%;
         height:85%;
     
         float:center;
         position:absolute;
     
         border:0px solid red;
      }    
      #div_form6 {
         width:98%;
         float:center;
         top:22%;
         position:absolute;
        
         border:0px solid red;
         height:65%;
      }
      
      #div_form7 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
        
         border:0px solid red;
      }
     #div_form8 {
         width:98%;
         height:85%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }
      #div_form9 {
         width:98%;
         height:95%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }

     #div_linha_a {
         width:99%;
         height:4%;
         float:center;
         position:absolute;
         color:black;    
         font-size:10px;
      }    
     #div_linha_r {
         width:99%;
         height:4%;
         float:left;
         vertical-align: middle;
         position:relative;
         color:black; 
         font-size:10px;
      }
      
      #div_linha_f {
         width:98%;
         height:5%;  
         float:left;
         position:relative;
         color:black;   
         border:1px solid white;
         font-size: 11px;       
      }
      #div_linha_45 {
         width:45%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:6px;  
         color:black;  
        }    
      
      #div_linha_50 {
         width:50%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:6px;  
         color:black;  
      }    
   
      #div_linha_70 {
         width:70%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }    

      #div_linha_75 {
         width:75%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }    

       #div_linha_80 {
         width:80%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }    

      #div_linha_90 {
         width:90%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }         
      #div_linha_95 {
         width:95%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }         

      #div_col1 {
         width:1%;
         float:left;
         position:relative;
         
         border:1px solid white;
              
      }
       
      #div_col2 {
         width:2%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }
      
      #div_col2_5 {
         width:2.5%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }
     
     
      #div_col3 {
         width:3%;
         float:left;
         position:relative;
         border:1px solid white;
               
      }
  
      #div_col4 {
         width:4%;
         float:left;
         position:relative;
         border:1px solid white;
               
      }
  
      
     #div_col5 {
         width:5%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
     
      #div_col6 {
         width:6%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col7 {
         width:7%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
      
      
     #div_col8 {
         width:8%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      } 
      #div_col9 {
         width:9%;
         float:left;
         
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col10 {
         width:10%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      } 
    
      #div_col11 {
         width:11%;
        
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }   
      
      #div_col12 {
         width:12%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }   
       
     #div_col13 {
         width:13%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col14 {
        width:14%;
        float:left;   
        position:relative;
        
        border:1px solid white;
      
     }       
      #div_col15 {
         width:15%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col16 {
         width:16%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col17 {
        width:17%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col18 {
         width:18%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
     #div_col19 {
         width:19%;
         float:left;   
         position:relative;
        
         border:1px solid white;
         
      }
    
     #div_col20 {
         width:20%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col21 {
        width:21%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
      #div_col22 {
         width:22%;
         float:left;
         position:relative;
        
         border:1px solid white;
        
      }
      
      #div_col23 {
         width:23%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col24 {
        width:24%;
        float:left;
        position:relative;
        
        border:1px solid white;
        
     }
      #div_col25 {
         width:25%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col26 {
         width:26%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col27 {
         width:27%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
       #div_col28 {
         width:28%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
     
       #div_col29 {
         width:29%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
    }
      #div_col30 {
         width:30%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      } 
   
      #div_col31 {
         width:31%;
         float:left;
         position:relative;
        
         border:0px solid red;
         
      }
   
      #div_col32 {
         width:32%;
  
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
      #div_col33 {
         width:33%;
    
         float:left;
         position:relative;
        
         border:1px solid white;
         font-size:12px;
      }
      #div_col34 {
         width:34%;
     
         float:left;
         position:relative;
        
         border:1px solid white;
              
      }
   
      #div_col35 {
         width:35%;
        
         float:left;    
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col38 {
         width:38%;
           
         float:left;    
         position:relative;
        
         border:1px solid white;
         
      }
      
      #div_col40 {
         width:40%;
         float:left;   
         position:relative;
         
         border:0px solid red;
         
      }
      #div_col45 {
         width:45%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
      #div_col47 {
         width:47%;
         float:left;
         position:relative;
      
         border:1px solid white;
         
        }     

      #div_col50 {
         width:50%;
         float:left;
         position:relative;
         
         border:1px solid white;
      
         
      }
      #div_col54 {
        width:53%;
        float:left;
        position:relative;
        
        border:1px solid white;
     
        
     }
      #div_col55 {
         width:55%;	
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
        #div_col58 {
         width:58%;	
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
          
        #div_col60 {
         width: 60%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col65 {
  
         width: 65%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
     
       #div_col68 {
  
         width: 68%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
     
       
      #div_col70 {
  
         width: 70%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
       #div_col75 {
         width: 75%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col77 {
         width: 77%;
         float:left;
         position:relative;
         border:1px solid white;
         
        }
       #div_col80 {
         width: 80%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col83 {
         width: 83%;
         float:left;
         position:relative;
         
         border:1px solid white;
         
       } 
       #div_col85 {
         width: 85%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      
      #div_col90 {
         width: 90%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
      #div_col95 {
         width: 95%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
    #div_col100 {
         width:98%;
        
         float:left;
         position:relative;
      }
  
  
    
  }
  
  

/*  ============================================  1  0  2  4  x   1 1 4 9 ============================================     */
@media only screen and (min-width:1024px) and (max-width:1149px) {


   /*  ================================================== Menus de sistes ============================================     */
    
       /* Tamanho do texto dentro da caixa */
   
       #menu_site li a.top_link {display:block; float:center; height:70%; line-height:20px; color:darkblue;
        text-decoration:none; font-size:8px; font-weight:bold; padding:0 0 20px;
        cursor:pointer);}
        
         /* Alinhamento da altura do texto dentro do menu */
       #menu_site li.top {display:block; float:left;}
       #menu_site li a.top_link {display:block; float:left; height:70%; line-height:17px; color:blue; 
           text-decoration:none; font-size:97%; font-weight:bold; padding:0 0 0 30px; cursor:pointer;);} 
              
        
     
       #menu_site {padding:0; margin:0; list-style:none; height:24px;
          position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
          
   
       /* tirei o backgroud da linha acima backgroud=#fff */
       #menu_site li.top {display:block; float:left;}
   
       /* caixa de textos meenu, quando o mouse passar por cima    #fff */
   
     
      #menu_site li a.top_link:hover span {
       color:darkblue;
       display: block;
       box-sizing: border-box;
       text-decoration: none;
       height: 70px;
       padding: 0 0;
       line-height: 30px;
      
       font-size: 7px;
       font-family: 'Muli';
       font-weight: bold;
       text-transform: uppercase;
       
       }
       
   
   
   
   
   
   
   
      #menu li a.top_link span {float:left; display:block; padding:0 2px 0; height:90%;background:url(blank.gif) right top;}
   
       /* Tamanho do texto dentro da caixa */
   
       #menu li a.top_link {display:block; float:center; height:100%; line-height:0px; color:white;
        text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 20px;
        cursor:pointer;background: url(blank.gif);}      
         /* Alinhamento da altura do texto dentro do menu */
       #menu li.top {display:block; float:left;}
       #menu li a.top_link {display:block; float:left; height:70%; line-height:17px; color:white; 
           text-decoration:none; font-size:97%; font-weight:bold; padding:0 0 0 11px; cursor:pointer;background: url(blank.gif);} 
              
        
     
       #menu {padding:0; margin:0; list-style:none; height:24px;
          position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
          
   
       /* tirei o backgroud da linha acima backgroud=#fff */
       #menu li.top {display:block; float:left;}
   
       /* caixa de textos meenu, quando o mouse passar por cima    #fff */
   
      #menu li a.top_link:hover {color:red; background: url(blank_over.gif) no-repeat;} 
   
      #menu li a.top_link:hover span {background:blue no-repeat right top;}
   
      #menu li a.top_link:hover span.down {background:#F7FCFF no-repeat right top;} 
   
   
       /* Tamanho do texto dentro da caixa */
   
       #nav li a.top_link {display:block; float:center; height:20px; line-height:24px; color:#ccc;
        text-decoration:none; font-size:45px; font-weight:bold; padding:20 0 20px;
        cursor:pointer;background: url(blank.gif);}      
    
       #nav li.top {display:block; float:left;}
       #nav li a.top_link {display:block; float:left; height:12px; line-height:11px; color:white; 
           text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 11px; cursor:pointer;background: url(blank.gif);} 
   
 /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */



textarea {
   resize:vertical;
}
       
.TabControl{
   width:98%;
   overflow:hidden;
   height:98%
  
  }                  /* tamanho so corpo  */

.TabControl #header{
   width:100%;
   overflow:hidden;
   cursor:hand

  }

.TabControl #content{
   width:99.9%;
   border:1px  solid  #27408B; 
   overflow:hidden;
   height:90%;
   top:15%;
    padding-top:5px;
  }
 
.TabControl .abas{display:inline;}
 
.TabControl .abas li{float:left}
 
.abas{
   list-style: none;
}
.aba{
   width:160px;
   height:20px;
   border:solid 1px;
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:4px;
   background:#FFF8DC;       /* #3A5FCD */
   border-bottom-color:#00ffff;
   font-size: 0.9em;
  }    /* #3A5FCD */
 
.ativa{
   width:160px;
   height:20px;
   border:solid 1px #27408B ;           /* #27408B */
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:1px;
 
}

.ativa span, .selecionada span{color:red}

/*  desativa outras abas e selecionada  a clickada    */
.TabControl .conteudo{
   width:100%;
   display:none;
   height:90%;
   color:black;
 /*   background:#00ffff;   */
  }
/*   quando a aba esta selecionada      */
.selecionada{
   width:160px;          
   height:20px;
   border:solid 1px #27408B;
   border-radius:15px 5px 0 0;
   text-align:center;
   padding-top:4px;
   background:#00ffff; 
   display:block;
  }

   .mens {
   position: absolute;
   width: 350px;
   height: 30px;
   top: 50%;
   left: 50%;
   margin-left: -175px;
   margin-top: -150px;
   border:1px solid green;
   }

   input { 
    
      background-color: #E9ECF5;
      font-family:arial,verdana;
      color:black;
      border-width: 0px;
      border:0px solid #f2f2f3;
      font-size:10px;
      
   }

            

      .input_login { 
         font-family: Verdana,Arial,sans-serif;
         border-radius: 10px;
         background-color: #3aabd3 !important;
         border: 2px solid #3aabd3;
         width: 100% !important;
         margin-top: 5% !important;
         height: 34px !important;
         font-size: 16px !important;
         color:#fff;
         cursor:pointer;
         
      }
         
   
      select{
         font-size:10px;
         background:#E9ECF5;
         font-family:arial,verdana ;
        
         border:1px outset lightblue;
         font-weight: bold;   /*	 #f2f2f3  */  
         
      }
   

       #div_pagina {
          width: 99%;
          height:99%;
          left:0%;
          bottom:0%; 
          top:0%;
          position:absolute;
          border:0px solid red;
          font-size:0.7em;
       }
       
       #div_cabec {
         width:98%;
         height:14%;
         left:0%;
         top: 0%;
         float:left;
         position:relative;
        
         border:0px solid red;
     
       }
       #div_header {
          width:98%;
          height:13%;
          float:center;
          position:absolute;
          height:13%;
          border:0px solid red;
          left:0%;
       }    
      
  
      #div_menu {
         width: 98%;
         height:3%;
         left:0%;
         top:14%;
         float:right;
         position:absolute;
       
         background-color:#3a93d2;
      } 
     
      #div_icones {
           border:0px solid green;
           width:5%;
           padding-left:10px;
           height:75%;
           left:0%;
           top:17%; 
           position:absolute;
      }  
      #div_footer {
         position:absolute;
         bottom:0%;
         left:0%;
         width:100%;
         height:2%;
         border:0px solid red;
   
      }
      #div_autenticacao {
         width: 96%;
         height:1.8%;
         float:center;
         left:4%;
         bottom:0%;
         position:absolute;
         font-size:0.8em;
       
         border:1px solid silver;
        
      }    

    
  
       .titulo0 {
    
         font-size:10px;
      }
      
     .titulo1 {
   
         font-size:12px;
      }
      .titulo2 {
   
         font-size:18px;
      }      
      
      .titulo3 {
   
         font-size:25px;
      }

      .titulo4 {
         font-size:33px;
       }
        
       #div_header1a {
          float:center;
          width: 80%;
          left:10%;
    
          top:5%;
          height:13%;
          position:relative;
          border:0px solid red;
       }
    
     
       #div_header1b {
          float:center;
          width: 70%;
          left:15%;
    
          top:10%;
          height:13%;
          position:relative;
          border:0px solid red;
       }
    
       #div_header1c {
          float:center;
          width: 70%;
          left:15%;
    
          top:15%;
          height:13%;
          position:relative;
          border:0px solid red;
       }
       #div_header1d {
          float:center;
          width: 70%;
          left:15%;
    
          top:20%;
          height:20%;
          position:relative;
          border:0px solid red;
       }
        
       #div_coluna1 {
          display: none;
    
       }
    
       #div_caixa_a {
         width: 50%;
         float:center;
         left:49%;
         top:26%;
         position:absolute;
         height:62%;
         border:1px solid blue;
        
      }

       #div_side_b {
   
            width:85%;
            float:left;
            height:70%;
            left:10%;
            top:26%;
            position:absolute;
            border: 1px solid green;
       }
     
        
       #div_img_pai {
          float:right; 
          position:absolute;
          top:0%;
          border:0px solid yellow;
          right:0%;
          width:100%;
          height:30%;
          height:30%;
       }   
       #div_imagem_foto {
          width:70%;
          height:90%;
          border:0px solid white;
          position:absolute;
         
       }
   
       #div_imagem {
          position:relative;
         
          top:6%;
          right:1%;
          width:16%;
          height:20%;
          border-radius:15px;
          border: 1px solid black;
          background-image: url("../imgs/semfoto.jpg") no-repeat; 
          background-size: 100%;
       }
       
       #div_imagem_prod  {


         
         width:98px;
         height:84px;
         
         position:absolute;
         margin-top:10px;
         left:-14px;
        
         background-image:url("../imgs/semfoto.jpg");
         opacity:0.8;
         
         border:1px solid blue;
        
       
       }
        
       #div_coluna2 {
          display:none;
       }

   
       
     
       #div_entrada {
         width:50%;
         height:66%;
         float:center;
         height:66%;
         left:20.5%;
         top:4.5%; 
         position:absolute;
        
         
      }
        
      #div_portal {
         width:60%;
         height:70%;
         float:center;
        
         left:20%;
         top:8%; 
         position:absolute;
         border:0px solid red;
        
      }

      #div_portal_gestao {
         width:40%;
         height:100%;
         float:center;
     
         left:0%;
         top:0%; 
         position:absolute;
         border:0px solid red;
         background:white;
      
         font-size: 15px;
      }
   
   
      #div_login {
         width:22%;
         height:50%;
         float:center;
         height:50%;
         left:37%;
         top:16%; 
         position:absolute;
         border:0px solid red;
         background-color: white;
      }  

       #div_form0 {
          width: 99%;
          float:center;
          top:5%;
          position:absolute;
          height:15%;
          border:0px solid red;
       }  
       #div_form1 {
         width:95%;
         float:center;
         top:5%;
         position:absolute;
         height:15%;
         border:1px solid white;
      }
      #div_form2 {
         width:98%;
         float:center;
         top:55%;
         position:absolute;
         height:25%;
         border:1px solid white;
         background:white
      }
      #div_form3 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
         height:35%;
         border:0px solid red;
      }
      #div_form4 {
         width: 98%;
         float:center;
         position:absolute;
         height:45%;
         border:0px solid red;
      }
      #div_form5 {
         width:55%;
         height:85%;
     
         float:center;
         position:absolute;
     
         border:0px solid red;
      }    
      #div_form6 {
         width:98%;
         float:center;
         top:22%;
         position:absolute;
        
         border:0px solid red;
         height:65%;
      }
      
      #div_form7 {
         width:98%;
         height:75%; 
         float:center;
         top:5%;
         position:absolute;
        
         border:0px solid red;
      }
     #div_form8 {
         width:98%;
         height:85%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }
      #div_form9 {
         width:98%;
         height:95%; 
         float:center;
         top:36%;
         position:absolute;
         border:0px solid red;

      }

      #div_linha_a {
          width:99%;
          height:5%;
        
          position:absolute;
          background-color:white; 
          font-size:10px;  
          color:black;  
       }    
      #div_linha_r {
          width:99%;
          height:5%; 
          float:left;    
          position:relative;
          font-size:10px;
          color:black;      
         
         
       }
        #div_linha_f {
          width:99%;
          height:6%;
          float:left;    
          position:relative;
          font-size:9px;  
          color:black;  
                   
       }
       #div_linha_45 {
         width:45%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:6px;  
         color:black;  
        }    
      
       #div_linha_50 {
         width:50%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:6px;  
         color:black;  
      }    

       #div_linha_70 {
         width:70%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:10px;  
         color:black;  
      }    

      #div_linha_75 {
         width:75%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:10px;  
         color:black;  
      }    

       #div_linha_80 {
         width:80%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:10px;  
         color:black;  
      }    
      #div_linha_90 {
         width:90%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:10px;  
         color:black;  
      }         
      #div_linha_95 {
         width:95%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }         

       #div_col1 {
          width:1%;
          float:left;
          position:relative;
          border:1px solid white;
         
       }
         
       #div_col2 {
          width:2%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }

       
      #div_col2_5 {
         width:2.5%;
      
         float:left;
         position:relative;
        
         border:1px solid white;
           
         
      }
     
   
       #div_col3 {
          width:2%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
   
       
     #div_col4 {
          width:4%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       
     #div_col5 {
          width:5%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col6 {
          width:6%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col7 {
          width:7%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
     
      #div_col8 {
          width:8%;
          float:left;
          position:relative;
          border:1px solid white;
          
       } 
       #div_col9 {
          width:9%; 
          float:left;
          position:relative;
          border:1px solid white;
          
       } 
        
      #div_col10 {
          width:10%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }
       #div_col11 {
          width:11%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }   
     
       #div_col12 {
          width:12%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }   
       #div_col13 {
          width:13%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }   
       #div_col14 {
         width:14%;
         float:left;   
         position:relative;
         
         border:1px solid white;
       
       }           
       #div_col15 {
          width:15%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }
       #div_col16 {
          width:16%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }
       #div_col17 {
         width:17%;
         float:left;   
         position:relative;
         border:1px solid white;
         
      }
      
       #div_col18 {
          width:18%;
          float:left;   
          position:relative;
          border:1px solid white;
          
       }
        #div_col19 {
          width:19%;
          float:left;   
          position:relative;
          border:1px solid white;
          
          
       }
      
       #div_col20 {
          width:20%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col21 {
         width:21%;
         float:left;
         position:relative;
        
         border:1px solid white;
         
      }
       #div_col22 {
          width:22%;
          float:left;
          position:relative;
          border:1px solid white;
                
       }
       
       #div_col23 {
          width:23%;
          float:left;
          position:relative;
               
          border:1px solid white;
          
       }
       #div_col24 {
         width:24%;
         float:left;
         position:relative;
         border:1px solid white;
         
      }
       #div_col25 {
          width:25%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col26 {
          width:26%;
          float:left;
          position:relative;
      
          border:1px solid white;
          
       }
       #div_col27 {
          width:27%;
          float:left;
          position:relative;
       
          border:1px solid white;
          
       }
   
       #div_col28 {
          width:28%;
          float:left;
          position:relative;
       
          border:1px solid white;
          
       }
        #div_col29 {
          width:29%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
     
       #div_col30 {
          width:30%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col31 {
          width:31%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
        
        #div_col32{
          width:32%;
          float:left;    
          position:relative;
           
          border:1px solid white;
          
       }
       
       #div_col33 {
          width:33%;
            
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
       #div_col34 {
          width:34%;
   
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
       
       #div_col35 {
          width:35%;
          float:left;    
          position:relative;
           
          border:1px solid white;
          
       }
       #div_col38 {
          width:38%;
          float:left;    
          position:relative;
         
          border:1px solid white;
          
       }
       
       #div_col40 {
          width:40%;
          float:left;   
          position:relative;
           
          border:1px solid white;
          
       }
       #div_col45 {
          width:45%;
          float:left;
          position:relative;
         
          border:0px solid red;
          
       }

       #div_col47 {
         width:47%;
         float:left;
         position:relative;
      
         border:1px solid white;
         
        }     


        #div_col50 {
          width:50%;	
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
       #div_col54 {
         width:53%;
         float:left;
         position:relative;
     
         border:1px solid white;
      
         
      }
       #div_col55 {
          width:55%;	
          float:left;
          position:relative;
       
          border:1px solid white;
          
       }
         #div_col58 {
          width:58%;	
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
           
         #div_col60 {
   
          width: 60%;
          float:left;
          position:relative;
          border:1px solid white;
          
       }
       #div_col65 {
   
          width: 65%;
          float:left;
          position:relative;
        
          border:1px solid white;
          
       }
       #div_col68 {
   
          width: 68%;
          float:left;
          position:relative;
         
          border:1px solid white;
          
       }
      
       
       #div_col70 {
          width: 70%;
          float:left;
          position:relative;
            
          border:1px solid white;
          
       }
       
       
        #div_col75 {
          width: 75%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
       #div_col77 {
         width: 77%;
         float:left;
         position:relative;
         border:1px solid white;
         
        } 
        #div_col80 {
          width: 80%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
       #div_col83 {
         width: 83%;
         float:left;
         position:relative;
         
         border:1px solid white;
         
       }
       
        #div_col85 {
          width: 85%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
       
       #div_col90 {
          width: 90%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
      #div_col95 {
          width: 95%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
     #div_col100 {
          width:98%;
          float:left;
          position:relative;
          
          border:1px solid white;
          
       }
   
   
   }
   

@media only screen and (min-width:800px) and (max-width:1023px) {

/*  ================================================== Menus de sistes ============================================     */
 
    /* Tamanho do texto dentro da caixa */

    #menu_site li a.top_link {display:block; float:center; height:70%; line-height:20px; color:darkblue;
     text-decoration:none; font-size:7px; font-weight:bold; padding:0 0 20px;
     cursor:pointer);}
     
      /* Alinhamento da altura do texto dentro do menu */
    #menu_site li.top {display:block; float:left;}
    #menu_site li a.top_link {display:block; float:left; height:70%; line-height:17px; color:blue; 
        text-decoration:none; font-size:97%; font-weight:bold; padding:0 0 0 30px; cursor:pointer;);} 
           
     
  
    #menu_site {padding:0; margin:0; list-style:none; height:24px;
       position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
       

    /* tirei o backgroud da linha acima backgroud=#fff */
    #menu_site li.top {display:block; float:left;}

    /* caixa de textos meenu, quando o mouse passar por cima    #fff */

  
   #menu_site li a.top_link:hover span {
    color:darkblue;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 70px;
    padding: 0 0;
    line-height: 30px;
   
    font-size: 9px;
    font-family: 'Muli';
    font-weight: bold;
    text-transform: uppercase;
    
    }
    
    
   /* =============== Ajustes do corpo do menu ========================================      */

	    
 body { font: .8em  arial,verdana ; color: #777;  no-repeat; background-size: auto; }	     /* "Trebuchet MS", */
 a { color: #AF1515; cursor: pointer; }
 a:hover { color: #7D1919; }

 .preload1 {background: url(blank_over.gif);}
 .preload2 {background: url(blank_overa.gif);}
 
  
  
 #nav {padding:0; margin:0; list-style:none; height:24px;
       position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
       

/* #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 
z-index:500; font-family:arial, verdana, sans-serif;} */
       

 /* tirei o backgroud da linha acima backgroud=#fff */
   #nav li.top {display:block; float:left;}


 

/* caixa de textos meenu, quando o mouse passar por cima   #fff */

   #nav li a.top_link:hover {color:green; background: url(blank_over.gif) no-repeat;} 

   #nav li a.top_link:hover span {background:yellow no-repeat right top;}

   #nav li a.top_link:hover span.down {background:#F7FCFF  no-repeat right top;}   /* Aqui mostra a cor de fundo quando o mouse passa pelo menu */

    /* tamanho das colunas no menu de texto jair 15/09/2016 */
    #nav li a.top_link span {float:left; display:block; padding:0 2px 0; height:90%;background:url(blank.gif) right top;}

    /* Tamanho do texto dentro da caixa */

    #nav li a.top_link {display:block; float:center; height:50%; line-height:20px; color:white;
     text-decoration:none; font-size:7px; font-weight:bold; padding:0 0 20px;
     cursor:pointer;background: url(blank.gif);}      
 
    #nav li.top {display:block; float:left;}
    #nav li a.top_link {display:block; float:left; height:50%; line-height:5px; color:white; 
        text-decoration:none; font-size:1.4em; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(blank.gif);}
	   
      /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */

 
      

      textarea {
         resize:vertical;
      }
            
      .TabControl{
         width:98%;
         overflow:hidden;
         height:99%
      
      }                  /* tamanho so corpo  */

      .TabControl #header{
         width:100%;
         overflow:hidden;
         cursor:hand

      }

      .TabControl #content{
         width:99.9%;
         border: solid 1px  #27408B; 
         overflow:hidden;
         height:90%;
         top:15%;
         padding-top:5px;
      }
      
      .TabControl .abas{display:inline;}
      
      .TabControl .abas li{float:left}
      
      .abas{
         list-style: none;
      }
      .aba{
         width:160px;
         height:20px;
         border:solid 1px;
         border-radius:15px 5px 0 0;
         text-align:center;
         padding-top:4px;
         background:#FFF8DC;       /* #3A5FCD */
         border-bottom-color:#00ffff;
         font-size: 1.3em;
      }    /* #3A5FCD */
      
      .ativa{
         width:160px;
         height:20px;
         border:solid 1px #27408B ;           /* #27408B */
         border-radius:15px 5px 0 0;
         text-align:center;
         padding-top:1px;
      
      }

      .ativa span, .selecionada span{color:red}

      /*  desativa outras abas e selecionada  a clickada    */
      .TabControl .conteudo{
         width:100%;
         display:none;
         height:90%;
         color:black;
      /*   background:#00ffff;   */
      }
      /*   quando a aba esta selecionada      */
      .selecionada{
         width:160px;          
         height:15px;
         border:solid 1px #27408B;
         border-radius:15px 5px 0 0;
         text-align:center;
         padding-top:4px;
         background:#00ffff; 
         display:block;
      }
      .mens {
            position: absolute;
            width: 350px;
            height: 30px;
            top: 50%;
            left: 50%;
            margin-left: -175px;
            margin-top: -150px;
            border:1px solid green;
      }


     
  /* ************************************************ CONFOGURAÇÃO DA TELA ********************** */  
        input { 
         font-size:10px;
         background: #dae1f3;
         font-family:arial,verdana;
         color:black;
         border:0px solid gray;
         font-weight: #f2f2f3;
      }

      

   .input_login { 
      font-family: Verdana,Arial,sans-serif;
      border-radius: 10px;
      background-color: #3aabd3 !important;
      border: 2px solid #3aabd3;
      width: 100% !important;
      margin-top: 5% !important;
      height: 46px !important;
      font-size: 16px !important;
      color:#fff;
      cursor:pointer;
      
   }
      
     
      select{
         font-size:10px;
         background:#E9ECF5;
         font-family:arial,verdana ;
         color:darkblue;
          /*    font-weight: bold  	 #f2f2f3  */  
      }  
      font { font-size:10px;  }
  
  
      #div_pagina {
         width: 99.5%;
         height:100%;
         left:0%;
         bottom:0%;
         top:0%;
         position:absolute;
         border:0px solid red;
         font-size:6px;
         font-family: {arial,verdana};
      }
  
    #div_cabec {
      width: 98%;
      height:14%;
      left:0%;
      top: 0%;
      float:left;
      position:relative;
     
      border:0px solid blue;
  
    }

    #div_header {
       width:98%;
       height:13%;
       float:center;
       position:absolute;
       height:13%;
       border:0px solid red;
       left:0%;
    }    
    .titulo0 {
 
      font-size:5px;
   }
     .titulo1 {
 
        font-size:10px;
     }
     .titulo2 {
   
      font-size:15px;
     }
     .titulo3 {

      font-size:20px;
      }

      .titulo4 {
         font-size:30px;
       }   
     
    #div_coluna1 {
      display:none;
    }
    #div_menu {
       width: 97%;
       height:3%;
       left:0%;
       top:14%;
     
       position:absolute;
       border:0px solid black;
       background-color:#3a93d2;
    } 
   
    #div_icones {
         border:0px solid green;
         width:2%;
	      height:80%;
         padding-left:2px;
        
         left:0%;
         top:17%; 
         position:absolute;
    }  

 
    #div_caixa_a {
      width: 50%;
      float:center;
      left:49%;
      top:26%;
      position:absolute;
      height:62%;
      border:1px solid blue;
     
   }
    #div_side_b {

         width:65%;
         float:left;
         height:70%;
         left:17.5%;
         top:26%;
         position:absolute;
         border: 1px solid green;
    }
  
    
     
    #div_img_pai {
       float:right; 
       position:absolute;
       top:0%;
       border:0px solid red;
       right:0%;
       width:100%;
       height:30%;
     
    }   
    #div_imagem_foto {
       width:70%;
       height:90%;
       border:0px solid red;
       position:absolute;
      
    }

    #div_imagem {
      position:relative;
       top:6%;
       right:1%;
       width:35%;
       height:60%;
       border-radius:15px;
       border: 1px solid black;
       background-image: url("../imgs/semfoto.jpg") no-repeat; 
       background-size: 100%;
    }
    
    #div_imagem_prod  {
         top:8%;
         left:82%;
         width:15%;
         height:30%;
       
         position:absolute;
         background-image:url("../imgs/semfoto.jpg");
         padding:12px;10px;
         background: white;
       
         border:0px solid blue;
    }
     
    #div_coluna2 {
     display:none;
    }



    #div_footer {
      position:absolute;
      bottom:2%;
      left:0%;
      width:100%;
      height:2%;
    
      border:0px solid yellow;
    

   }
   #div_autenticacao {
      width:90%;
      float:center;
      left:4%;
      height:2%;
      bottom:0%;
      position:absolute;
     
      border:1px solid green;
   
   }    

    #div_entrada {
      width:50%;
      height:66%;
      float:center;
      height:66%;
      left:20.5%;
      top:4.5%;
      position:absolute;
      border:1px solid blue;
      
   }
     
     #div_portal {
      width:70%;
      height:70%;
      float:center;
      height:60%;
      left:20%;
      top:8%; 
      position:absolute;
      border:0px solid red;
     
      font-size:9px;
   }

   #div_portal_gestao {
      width:40%;
      height:90%;
      float:center;
  
      left:1%;
      top:4%; 
      position:absolute;
      border:0px solid red;
      background:white;  
      font-size: 10px;
   }

   #div_login {
      width:22;
      height:50%;
      float:center;
      height:50%;
      left:37%;
      top:16%; 
      position:absolute;
      border:0px solid red;
      background-color: white;
   }   
   .carroussel_1 {
        left:0%;
        float:center;
        top:5%;
        position:absolute;
        border:0px solid red;
             height:40%; 
             width:98%;
             height:40%;
        background-size:100% 100%;
          
   }


   #div_form0 {
      width: 99%;
      float:center;
      top:5%;
      position:absolute;
      height:15%;
      border:0px solid red;
   } 
   #div_form1 {
      width:95%;
      float:center;
      top:5%;
      position:absolute;
      height:15%;
      border:1px solid white;
   }
   #div_form2 {
      width:98%;
      float:center;
      top:55%;
      position:absolute;
      height:25%;
      border:1px solid white;
      background:white
   }
   #div_form3 {
      width:98%;
      height:75%; 
      float:center;
      top:5%;
      position:absolute;
      height:35%;
      border:0px solid red;
   }
   #div_form4 {
      width: 98%;
      float:center;
      position:absolute;
      height:45%;
      border:0px solid red;
   }
   #div_form5 {
      width:55%;
      height:85%;
  
      float:center;
      position:absolute;
  
      border:0px solid red;
   }    
   #div_form6 {
      width:98%;
      float:center;
      top:22%;
      position:absolute;
     
      border:0px solid red;
      height:65%;
   }
   
   #div_form7 {
      width:98%;
      height:75%; 
      float:center;
      top:5%;
      position:absolute;
     
      border:0px solid red;
   }
  #div_form8 {
      width:98%;
      height:85%; 
      float:center;
      top:36%;
      position:absolute;
      border:0px solid red;

   }
   #div_form9 {
      width:98%;
      height:95%; 
      float:center;
      top:36%;
      position:absolute;
      border:0px solid red;

   }

   #div_linha_a {
       width: 100%;
       height:5%;
       float:center;
       position:absolute;
       font-size: 6px;
       color:black;   
    }    
   #div_linha_r {
       width:100%;
       height:5%;
       float:left;
       position:relative;
       font-size: 6px;
       color:black; 
   }
    
    #div_linha_f {
       width:100%;
       height:7%;
       float:left;
       position:relative;
       color:black;  
       border:0px solid red;
       font-size: 8px;      
    }
    #div_linha_45 {
      width:45%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
     }    
     #div_linha_45 {
      width:45%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
     }    
   
    #div_linha_50 {
      width:50%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
   }    
    #div_linha_70 {
      width:70%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
   }    

 
   #div_linha_75 {
      width:75%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
   }    

    #div_linha_80 {
      width:80%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
   }    
   #div_linha_90 {
      width:90%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
   }         
    
   #div_linha_95 {
      width:95%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:9px;  
      color:black;  
   }         

    #div_col1 {
       width:1%;
       float:left;
       position:relative;
       
       border:1px solid white;
             
    }
     
    #div_col2 {
       width:2%;
       float:left;
       position:relative;
       
       border:1px solid white;
  
    }

    
    #div_col2_5 {
      width:2.5%;
   
      float:left;
      position:relative;
     
      border:1px solid white;
        
      
   }
  
   
    #div_col3 {
       width:3%;
       float:left;
       position:relative;
       
       border:1px solid white;
   
    }

    #div_col4 {
       width:4%;
       float:left;
       position:relative;
       
       border:1px solid white;
 
    }

    
   #div_col5 {
       width:5%;
       float:left;
       position:relative;
       
       border:1px solid white;
 
    }
   
    #div_col6 {
       width:6%;
       float:left;
       position:relative;
       
       border:1px solid white;
    
    }
    #div_col7 {
       width:7%;
       float:left;
       position:relative;
       
       border:1px solid white;
       
    }
    
    
    
   #div_col8 {
       width:8%;
       float:left;
       position:relative;
       
       border:0px solid green;
       
    } 
    #div_col9 {
       width:9%;
       float:left;
       
       position:relative;
       
       border:1px solid white;
       
    }
    #div_col10 {
       width:10%;
       float:left;
       position:relative;
       
       border:1px solid white;
       
    } 
  
    #div_col11 {
       width:11%;
      
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }   
    
    #div_col12 {
       width:12%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }   
     
   #div_col13 {
       width:13%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col14 {
      width:14%;
      float:left;   
      position:relative;
        
      border:1px solid white;
    
    }           
    #div_col15 {
       width:15%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col16 {
       width:16%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col17 {
      width:17%;
      float:left;   
      position:relative;
     
      border:1px solid white;
     
   }   
     #div_col18 {
       width:18%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       
    }
     #div_col19 {
       width:19%;
       float:left;   
       position:relative;
      
       border:1px solid white;
       font-size:9px;
    }
  
   #div_col20 {
       width:20%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col21 {
      width:21%;
      float:left;
      position:relative;
     
      border:1px solid white;
      
   }
     #div_col22 {
       width:22%;
       float:left;
       position:relative;
      
       border:1px solid white;
              
    }
   
    #div_col23 {
       width:23%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col24 {
      width:24%;
      float:left;
      position:relative;
      
      border:1px solid white;
      font-size: 10px;
   }
    #div_col25 {
       width:25%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col26 {
       width:26%;
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    #div_col27 {
       width:27%;
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    
     #div_col28 {
       width:28%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
   
     #div_col29 {
       width:29%;
       float:left;
       position:relative;
      
       border:1px solid white;
             
    }
    #div_col30 {
       width:30%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    } 
 
    #div_col31 {
       width:31%;
       float:left;
       position:relative;
      
       border:0px solid red;
      
    }
 
    #div_col32 {
       width:32%;

       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    
    #div_col33 {
       width:33%;
  
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    #div_col34 {
       width:34%;
   
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
 
    #div_col35 {
       width:35%;
      
       float:left;    
       position:relative;
      
       border:1px solid white;
      
    }
    #div_col38 {
       width:38%;
            
       float:left;    
       position:relative;
      
       border:1px solid white;
     
    }
    
    #div_col40 {
       width:35%;
       float:left;   
       position:relative;
      
       border:1px solid white;
      
    }
    #div_col45 {
       width:45%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    
    #div_col47 {
      width:47%;
      float:left;
      position:relative;
   
      border:1px solid white;
      
     }     

    #div_col50 {
       width:50%;
       float:left;
       position:relative;
      
       border:1px solid white;
    
    }
    #div_col54 {
      width:53%;
      float:left;
      position:relative;
      
      border:1px solid white;
   
     
   }
    #div_col55 {
       width:55%;	
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
      #div_col58 {
       width:58%;	
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
        
      #div_col60 {
       width: 60%;
       float:left;
       position:relative;
      
       border:1px solid white;
    
    }
    #div_col65 {

       width: 65%;
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    #div_col68 {

       width: 68%;
       float:left;
       position:relative;
       
       border:1px solid white;
      
    }
    
    
    #div_col70 {

       width: 70%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    
     #div_col75 {
       width: 75%;
       float:left;
       position:relative;
      
       border:1px solid white;
      
    }
    #div_col77 {
      width: 77%;
      float:left;
      position:relative;
      border:1px solid white;
      
     }
     #div_col80 {
       width: 80%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col83 {
      width: 83%;
      float:left;
      position:relative;
      
      border:1px solid white;
      
    }   
     #div_col85 {
       width: 85%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    
    #div_col90 {
       width: 90%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
    #div_col95 {
       width: 95%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
  #div_col100 {
       width:98%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }


  
}

/*  ============================================  4  1  1     ============================================     */

@media only screen and (min-width:363px)  and (max-width:799px) {

/*  ================================================== Menus de sistes ============================================     */
 
    /* Tamanho do texto dentro da caixa */

    #menu_site li a.top_link {display:block; float:center; height:70%; line-height:20px; color:darkblue;
      text-decoration:none; font-size:7px; font-weight:bold; padding:0 0 20px;
      cursor:pointer);}
      
       /* Alinhamento da altura do texto dentro do menu */
     #menu_site li.top {display:block; float:left;}
     #menu_site li a.top_link {display:block; float:left; height:70%; line-height:17px; color:blue; 
         text-decoration:none; font-size:97%; font-weight:bold; padding:0 0 0 30px; cursor:pointer;);} 
            
      
   
     #menu_site {padding:0; margin:0; list-style:none; height:24px;
        position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
        
 
     /* tirei o backgroud da linha acima backgroud=#fff */
     #menu_site li.top {display:block; float:left;}
 
     /* caixa de textos meenu, quando o mouse passar por cima    #fff */
 
   
    #menu_site li a.top_link:hover span {
     color:darkblue;
     display: block;
     box-sizing: border-box;
     text-decoration: none;
     height: 70px;
     padding: 0 0;
     line-height: 30px;
    
     font-size: 9px;
     font-family: 'Muli';
     font-weight: bold;
     text-transform: uppercase;
     
     }
     
     
    /* =============== Ajustes do corpo do menu ========================================      */
 
        
  body { font: .8em  arial,verdana ; color: #777;   no-repeat; background-size: auto; }	     /* "Trebuchet MS", */
  a { color: #AF1515; cursor: pointer; }
  a:hover { color: #7D1919; }
 
  .preload1 {background: url(blank_over.gif);}
  .preload2 {background: url(blank_overa.gif);}
  
   
   
  #nav {padding:0; margin:0; list-style:none; height:24px;
        position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
        
 
 /* #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; 
 z-index:500; font-family:arial, verdana, sans-serif;} */
        
 
  /* tirei o backgroud da linha acima backgroud=#fff */
    #nav li.top {display:block; float:left;}
 
 
  
 
 /* caixa de textos meenu, quando o mouse passar por cima   #fff */
 
    #nav li a.top_link:hover {color:green; background: url(blank_over.gif) no-repeat;} 
 
    #nav li a.top_link:hover span {background:yellow no-repeat right top;}
 
    #nav li a.top_link:hover span.down {background:#F7FCFF  no-repeat right top;}   /* Aqui mostra a cor de fundo quando o mouse passa pelo menu */
 
     /* tamanho das colunas no menu de texto jair 15/09/2016 */
     #nav li a.top_link span {float:left; display:block; padding:0 2px 0; height:90%;background:url(blank.gif) right top;}
 
     /* Tamanho do texto dentro da caixa */
 
     #nav li a.top_link {display:block; float:center; height:50%; line-height:20px; color:white;
      text-decoration:none; font-size:7px; font-weight:bold; padding:0 0 20px;
      cursor:pointer;background: url(blank.gif);}      
  
     #nav li.top {display:block; float:left;}
     #nav li a.top_link {display:block; float:left; height:50%; line-height:5px; color:white; 
         text-decoration:none; font-size:1.4em; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(blank.gif);}
       
       /* ===============  C o n t r o l e  d a s  A b a s  ========================================      */
 
  
       
 
       textarea {
          resize:vertical;
       }
             
       .TabControl{
          width:98%;
          overflow:hidden;
          height:99%
       
       }                  /* tamanho so corpo  */
 
       .TabControl #header{
          width:100%;
          overflow:hidden;
          cursor:hand
 
       }
 
       .TabControl #content{
          width:99.9%;
          border: solid 1px  #27408B; 
          overflow:hidden;
          height:90%;
          top:15%;
          padding-top:5px;
       }
       
       .TabControl .abas{display:inline;}
       
       .TabControl .abas li{float:left}
       
       .abas{
          list-style: none;
       }
       .aba{
          width:160px;
          height:15px;
          border:solid 1px;
          border-radius:15px 5px 0 0;
          text-align:center;
          padding-top:4px;
          background:#FFF8DC;       /* #3A5FCD */
          border-bottom-color:#00ffff;
          font-size: 1.3em;
       }    /* #3A5FCD */
       
       .ativa{
          width:160px;
          height:15px;
          border:solid 1px #27408B ;           /* #27408B */
          border-radius:15px 5px 0 0;
          text-align:center;
          padding-top:1px;
       
       }
 
       .ativa span, .selecionada span{color:red}
 
       /*  desativa outras abas e selecionada  a clickada    */
       .TabControl .conteudo{
          width:100%;
          display:none;
          height:90%;
          color:black;
       /*   background:#00ffff;   */
       }
       /*   quando a aba esta selecionada      */
       .selecionada{
          width:160px;          
          height:15px;
          border:solid 1px #27408B;
          border-radius:15px 5px 0 0;
          text-align:center;
          padding-top:4px;
          background:#00ffff; 
          display:block;
       }
       .mens {
             position: absolute;
             width: 350px;
             height: 30px;
             top: 50%;
             left: 50%;
             margin-left: -175px;
             margin-top: -150px;
             border:1px solid green;
       }
     
   /* ************************************************ CONFOGURAÇÃO DA TELA ********************** */  
         input { 
          font-size:7px;
          background: #dae1f3;
          font-family:arial,verdana;
          color:black;
          border:0px solid gray;
          font-weight: #f2f2f3;
       }


       .input_login { 
         font-family: Verdana,Arial,sans-serif;
         border-radius: 10px;
         background-color: #3aabd3 !important;
         border: 2px solid #3aabd3;
         width: 100% !important;
         margin-top: 5% !important;
         height: 46px !important;
         font-size: 16px !important;
         color:#fff;
         cursor:pointer;
         
      }
         
        


       select{
          font-size:7px;
          background:#E9ECF5;
          font-family:arial,verdana ;
          color:darkblue;
           /*    font-weight: bold  	 #f2f2f3  */  
       }  
       font { font-size:1.1em;  }
   
   
       #div_pagina {
          width: 99.5%;
          height:100%;
          left:0%;
          bottom:0%;
          top:0%;
          position:absolute;
          border:0px solid red;
          font-size:7px;
       }
   
     #div_cabec {
       width: 98%;
       height:14%;
       left:0%;
       top: 0%;
       float:left;
       position:relative;
      
       border:0px solid blue;
   
     }
 
     #div_header {
        width:98%;
        height:13%;
        float:center;
        position:absolute;
        height:13%;
        border:0px solid red;
        left:0%;
     }    
     .titulo0 {
  
       font-size:10px;
    }
      .titulo1 {
  
         font-size:15px;
      }
      .titulo2 {
    
       font-size:18px;
      }
      .titulo3 {
 
       font-size:25px;
       }
       .titulo4 {
         font-size:33px;
       }
      
     #div_coluna1 {
       display:none;
     }
     #div_menu {
        width: 97%;
        height:3%;
        left:0%;
        top:14%;
      
        position:absolute;
        border:0px solid black;
        background-color:#3a93d2;
     } 
    
     #div_icones {
          border:0px solid green;
          width:4%;
          height:80%;
          padding-left:10px;
         
          left:0%;
          top:17%; 
          position:absolute;
     }  
 
  
     #div_caixa_a {
       width: 50%;
       float:center;
       left:49%;
       top:26%;
       position:absolute;
       height:62%;
       border:1px solid blue;
      
    }
     #div_side_b {
 
          width:65%;
          float:left;
          height:70%;
          left:17.5%;
          top:26%;
          position:absolute;
          border: 1px solid green;
     }
     
     
      
     #div_img_pai {
        float:right; 
        position:absolute;
        top:0%;
        border:0px solid red;
        right:0%;
        width:100%;
        height:30%;
      
     }   
     #div_imagem_foto {
        width:70%;
        height:90%;
        border:0px solid red;
        position:absolute;
       
     }
 
     #div_imagem {
      position:relative;
        top:6%;
        right:1%;
        width:35%;
        height:50%;
        border-radius:15px;
        border: 1px solid black;
        background-image: url("../imgs/semfoto.jpg") no-repeat; 
        background-size: 100%;
     }
     
     #div_imagem_prod  {
          top:8%;
          left:82%;
          width:15%;
          height:30%;
        
          position:absolute;
          background-image:url("../imgs/semfoto.jpg");
          padding:12px;10px;
          background: white;
        
          border:0px solid blue;
     }
      
     #div_coluna2 {
      display:none;
     }
 
 
 
     #div_footer {
       position:absolute;
       bottom:1%;
       left:0%;
       width:100%;
       height:3%;
     
       border:0px solid yellow;
     
 
    }
    #div_autenticacao {
       width:90%;
       float:center;
       left:4%;
       height:2%;
       bottom:0%;
       position:absolute;
      
       border:1px solid green;
    
    }    
 
     #div_entrada {
       width:50%;
       height:66%;
       float:center;
       height:66%;
       left:20.5%;
       top:4.5%;
       position:absolute;
       border:1px solid blue;
       
    }
      
      #div_portal {
       width:70%;
       height:70%;
       float:center;
       height:60%;
       left:20%;
       top:8%; 
       position:absolute;
       border:0px solid red;
      
       font-size:9px;
    }
    
    #div_portal_gestao {
      width:40%;
      height:100%;
      float:center;
  
      left:0%;
      top:0%; 
      position:absolute;
      border:0px solid red;
      background:white;
   
      font-size: 15px;
   }


    #div_login {
       width:22;
       height:50%;
       float:center;
       height:50%;
       left:37%;
       top:16%; 
       position:absolute;
       border:0px solid red;
       background-color: white;
    }   
    .carroussel_1 {
         left:0%;
         float:center;
         top:5%;
         position:absolute;
         border:0px solid red;
              height:40%; 
              width:98%;
              height:40%;
         background-size:100% 100%;
           
    }
 
 
    #div_form0 {
       width: 99%;
       float:center;
       top:5%;
       position:absolute;
       height:15%;
       border:0px solid red;
    } 
    #div_form1 {
      width:95%;
      float:center;
      top:5%;
      position:absolute;
      height:15%;
      border:1px solid white;
   }
   #div_form2 {
      width:98%;
      float:center;
      top:55%;
      position:absolute;
      height:25%;
      border:1px solid white;
      background:white
   }
   #div_form3 {
      width:98%;
      height:75%; 
      float:center;
      top:5%;
      position:absolute;
      height:35%;
      border:0px solid red;
   }
   #div_form4 {
      width: 98%;
      float:center;
      position:absolute;
      height:45%;
      border:0px solid red;
   }
   #div_form5 {
      width:55%;
      height:85%;
  
      float:center;
      position:absolute;
  
      border:0px solid red;
   }    
   #div_form6 {
      width:98%;
      float:center;
      top:22%;
      position:absolute;
     
      border:0px solid red;
      height:65%;
   }
   
   #div_form7 {
      width:98%;
      height:75%; 
      float:center;
      top:5%;
      position:absolute;
     
      border:0px solid red;
   }
  #div_form8 {
      width:98%;
      height:85%; 
      float:center;
      top:36%;
      position:absolute;
      border:0px solid red;

   }
   #div_form9 {
      width:98%;
      height:95%; 
      float:center;
      top:36%;
      position:absolute;
      border:0px solid red;

   }

    #div_linha_a {
        width: 100%;
        height:5%;
        float:center;
        position:absolute;
        font-size: 7px;
        color:black; 
     }    
    #div_linha_r {
        width:100%;
        height:5%;
        float:left;
        position:relative;
        color:black; 
        font-size: 7px;
     }
     
     #div_linha_f {
        width:98%;
        height:7%;
        float:left;
        position:relative;
        color:black;   
        border:0px solid red;
        font-size: 7px;      
     }
     #div_linha_45 {
      width:45%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
     }    
   
     #div_linha_50 {
      width:50%;
      height:6%;
    
      position:absolute;
      background-color:white; 
      font-size:6px;  
      color:black;  
      }    
      #div_linha_70 {
         width:70%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:7px;  
         color:black;  
      }    

      #div_linha_75 {
         width:75%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:7px;  
         color:black;  
      }    

       #div_linha_80 {
         width:80%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:7px;  
         color:black;  
      }    
      #div_linha_90 {
         width:90%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:7px;  
         color:black;  
      }         
      #div_linha_95 {
         width:95%;
         height:6%;
       
         position:absolute;
         background-color:white; 
         font-size:9px;  
         color:black;  
      }         
    
      #div_col1 {
        width:1%;
        float:left;
        position:relative;
        
        border:1px solid white;
              
     }
      
     #div_col2 {
        width:2%;
        float:left;
        position:relative;
        
        border:1px solid white;
   
     }

     
     #div_col2_5 {
      width:2.5%;
   
      float:left;
      position:relative;
     
      border:1px solid white;
        
      
   }
  
    
     #div_col3 {
        width:3%;
        float:left;
        position:relative;
        
        border:1px solid white;
    
     }
 
     #div_col4 {
        width:4%;
        float:left;
        position:relative;
        
        border:1px solid white;
  
     }
 
     
    #div_col5 {
        width:5%;
        float:left;
        position:relative;
        
        border:1px solid white;
  
     }
    
     #div_col6 {
        width:6%;
        float:left;
        position:relative;
        
        border:1px solid white;
     
     }
     #div_col7 {
        width:7%;
        float:left;
        position:relative;
        
        border:1px solid white;
        
     }
     
     
     
    #div_col8 {
        width:8%;
        float:left;
        position:relative;
        
        border:0px solid green;
        
     } 
     #div_col9 {
        width:9%;
        float:left;
        
        position:relative;
        
        border:1px solid white;
        
     }
     #div_col10 {
        width:10%;
        float:left;
        position:relative;
        
        border:1px solid white;
        
     } 
   
     #div_col11 {
        width:11%;
       
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }   
     
     #div_col12 {
        width:12%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }   
      
    #div_col13 {
        width:13%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col14 {
       width:14%;
       float:left;   
       position:relative;
         
       border:1px solid white;
     
     }           
     #div_col15 {
        width:15%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col16 {
        width:16%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col17 {
       width:17%;
       float:left;   
       position:relative;
      
       border:1px solid white;
      
    }   
      #div_col18 {
        width:18%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        
     }
      #div_col19 {
        width:19%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
   
    #div_col20 {
        width:20%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col21 {
       width:21%;
       float:left;
       position:relative;
      
       border:1px solid white;
       
    }
      #div_col22 {
        width:22%;
        float:left;
        position:relative;
     
        border:1px solid white;
               
     }
    
     #div_col23 {
        width:23%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col24 {
       width:24%;
       float:left;
       position:relative;
       
       border:1px solid white;
       font-size: 10px;
    }
     #div_col25 {
        width:25%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
     #div_col26 {
        width:26%;
        float:left;
        position:relative;
       
        border:1px solid white;
       
     }
     #div_col27 {
        width:27%;
        float:left;
        position:relative;
       
        border:1px solid white;
       
     }
     
      #div_col28 {
        width:28%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
    
      #div_col29 {
        width:29%;
        float:left;
        position:relative;
       
        border:1px solid white;
              
     }
     #div_col30 {
        width:30%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     } 
  
     #div_col31 {
        width:31%;
        float:left;
        position:relative;
       
        border:0px solid red;
       
     }
  
     #div_col32 {
        width:32%;
 
        float:left;
        position:relative;
       
        border:1px solid white;
       
     }
     
     #div_col33 {
        width:33%;
   
        float:left;
        position:relative;
       
        border:1px solid white;
       
     }
     #div_col34 {
        width:34%;
    
        float:left;
        position:relative;
       
        border:1px solid white;
       
     }
  
     #div_col35 {
        width:35%;
       
        float:left;    
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     #div_col38 {
        width:38%;
             
        float:left;    
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     
     #div_col40 {
        width:35%;
        float:left;   
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     #div_col45 {
        width:45%;
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
     
     #div_col47 {
      width:47%;
      float:left;
      position:relative;
   
      border:1px solid white;
      
     }     

     #div_col50 {
        width:50%;
        float:left;
        position:relative;
       
        border:1px solid white;
     
     }
     #div_col54 {
       width:53%;
       float:left;
       position:relative;
       
       border:1px solid white;
    
      
    }
     #div_col55 {
        width:55%;	
        float:left;
        position:relative;
       
        border:1px solid white;
        
     }
       #div_col58 {
        width:58%;	
        float:left;
        position:relative;
       
        border:1px solid white;
       
     }
         
       #div_col60 {
        width: 60%;
        float:left;
        position:relative;
       
        border:1px solid white;
     
     }
     #div_col65 {
 
        width: 65%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     #div_col68 {
 
        width: 68%;
        float:left;
        position:relative;
        
        border:1px solid white;
       
     }
     
     
     #div_col70 {
 
        width: 70%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     
      #div_col75 {
        width: 75%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     #div_col77 {
      width: 77%;
      float:left;
      position:relative;
      border:1px solid white;
      
     }
      #div_col80 {
        width: 80%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     #div_col83 {
       width: 83%;
       float:left;
       position:relative;
       
       border:1px solid white;
       
     }   
      #div_col85 {
        width: 85%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     
     #div_col90 {
        width: 90%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
     #div_col95 {
        width: 95%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
   #div_col100 {
        width:98%;
        float:left;
        position:relative;
       
        border:1px solid white;
        font-size:9px;
     }
 
 
   
    
}