:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #FFD333;
    --secondary: #F5F5F5;
    --success: #28a745 !important;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #FFFFFF;
    --dark: #3D464D;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Roboto", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }





/*table th{
  font-size: 18px;
  text-align: center;
  background: #218838;
  color: #FFF;
  border: 1px solid #218838;
  border-collapse: collapse;
}*/

.imgtab{
  width:50px;
}
/*tbody, td {
  font-size: 21px;
  border: 1px solid #218838;
  border-collapse: collapse;
}*/



















.txtcon{
  position: relative;
  display: inline-block;
  /*text-align: center;*/
}
.txt-sub{
  --triangle-shape: polygon(0% 0, 100% 0%, 0 13%);
  --gradient: linear-gradient(#163479, indigo);
  /*163479 indigo*/
  background: var(--gradient);
  width:90px;
  height: 300px;
  clip-path: var(--triangle-shape);
  border-radius:5px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 2px 0 0 5px;
  text-align: left;
  font-size: 14px;
  color:#fff;
  /*background-color: #28a745;*/
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #194376;
}



/* carusel*/










/*    Galeria    */

h1 {
    color:#003366;
    font-size: 30px;
    font-size:3rem;
    -webkit-column-span:all;
    -moz-column-span:all;
    column-span:all;
}

.hh {
    color:#003366 !important;
    
    
}

a {
    text-decoration: none;
    /*color:#036;*/
    color:#000 !important;
}



/*   fim galeria   */


@media (max-width: 512px) {


  .supt th{
  background: #fff;
  border: 1px solid #fff !important;
  border-collapse: collapse;
  color: #000;
  font-size: 14px;
  }
  .supt td{
    
    border: 1px solid #fff !important;
    border-collapse: collapse;
    padding: 5px 5px !important;
    }

  table th{
  font-size: 12px;
  text-align: center;
  background: #218838;
  color: #FFF;
  border: 1px solid #218838;
  border-collapse: collapse;
}

.imgtab{
  width:30px;
}
.tdd {
  font-size: 12px;
  border: 1px solid #218838;
  border-collapse: collapse;
  
}


thead, t {

  padding: 90px;
}

}


  /*tablet vertical*/
  @media only screen and (min-width: 400px) and (max-width: 512px) {

    

  }

/*celular horizontal*/
  @media only screen and (min-width: 513px) and (max-width: 750px) {

    
  



    
  }
/*tablet horizontal*/
  @media only screen and (min-width: 751px) and (max-width: 820px) {


 

    
  }
@media (min-width: 992px) {
  
}

@media (max-width: 1250px) {
  
  }


  @media only screen and (min-width: 1000px) and (max-width: 1200px) {


  }




  @media only screen and (min-width: 1000px) and (max-width: 1250px) {



}