.banner{
	background-image: url("../imagens/rodape.jpg");
	height: 100px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

body{
	font-family: 'Roboto', sans-serif;
   background-color: #F4F7FB;
   color: #333;
	padding-top: 0px; 
}

footer{
   margin: auto;
	width: 95%;
   background: green; /* #00e0e0; */
   color: #ebebeb;
   text-align: center;
   vertical-align: middle;
	bottom: 0;
	position:fixed; 
}
   
header{
	width: 95%;
	background: white;
	background-color: #3db2e1;
	margin: auto;
	top: 0;
	position: fixed;
}

.cabecalho{
   background: #00e0e0;}

.linha{
   width: 98%;
   margin: 0 auto;
   overflow: visible;
	overflow: auto;
   }

.coluna{
   padding: 0;
   float: left;}

.colsep{width:  1.0%;}   

.onecol{width: 99.0000%;}   
.twocol{width: 49.0000%;}   
.twocol1{width: 16.3333%;}   
.twocol2{width: 32.6666%;}   
.thrcol{width: 32.3333%;}   

.col2401{width:  4.1250%;}
.col2402{width:  8.2500%;}
.col2403{width: 12.3750%;}
.col2404{width: 16.5000%;}
.col2405{width: 20.6250%;}
.col2406{width: 24.7500%;}
.col2407{width: 28.8750%;}
.col2408{width: 33.0000%;}
.col2409{width: 37.1250%;}
.col2410{width: 41.2500%;}
.col2411{width: 45.3750%;}
.col2412{width: 49.5000%;}
.col2413{width: 53.6250%;}
.col2414{width: 57.7500%;}
.col2415{width: 61.8750%;}
.col2416{width: 66.0000%;}
.col2417{width: 70.1250%;}
.col2418{width: 74.2500%;}
.col2419{width: 78.3750%;}
.col2420{width: 82.5000%;}
.col2421{width: 86.6250%;}
.col2422{width: 90.7500%;}
.col2423{width: 94.8750%;}
.col2424{width: 99.0000%;}

#wrap{
   width: 95%;
   position: relative;
   margin: auto;
   background: white;
   overflow: hidden;
   background-color: #1E4A7B;
}
   
/* Estilos reutilizaveis */
h1, h2, h3, h5, h6{
   font-weight: 500;
   margin: 15px 0 10px 0;}
img{
   max-width: 100%;}
.img_cabecalho{
   margin: auto;}
h1.logo{
   color: #ffffff;
   letter-spacing: -1px;
   text-transform: uppercase;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;}
h1{
/*   background: #1E4A7B; */
   color: #1f3c58;
   letter-spacing: -1px;
   text-transform: capitalize;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 0px;}
button:disabled {
  background: #dddddd;
}
img, h1{
   display: inline-block;
   vertical-align:middle;}
h2.logo{
   color: #ffffff;
   letter-spacing: -1px;
   text-transform: uppercase;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;}
label{
   display: block;
   text-align: left;
   white-space: nowrap;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 100%;}
/*=================================================================================================================================*/
.flushleft{text-align: left;}
.flushright{text-align: right;}
.moldura{
   width: 95%;
   border-style: solid;
   border-width: 2px;
   border-color: lightblue;
   margin: auto;
   overflow: auto;
   }
.moldura_invisivel{
   width: 95%;
   border-style: none;
   border-width: 2px;
   border-color: lightblue;
   margin: auto;}
.caixa {
  position: fixed;
  left: 260px;
   width: 80%;
   background-color: #E3ECF7;
   padding: 20px;
   border-radius: 10px;
}
.centrado{
	text-align: center;
	vertical-align: super;}

input[type='text'], input[type=password]{
	background-color: white;
	border-style: solid;
	padding-top: 2px; 
	padding-bottom: 2px; 
	margin-top: 2px; 
	margin-bottom: 2px; 
	width: 100%;
}

.full_size{
	width: 100%;
}
/*=================================================================================================================================*/
.toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: 16px;
    color: #1E4A7B;
    user-select: none;
}
.toggle-label {
    min-width: 60px;
    text-align: right;
/*    font-weight: bold; */
    color: #1E4A7B;
}
.toggle input {
    display: none;
}
.slider {
    width: 50px;
    height: 24px;
    background: #AFC9E6;
    border-radius: 30px;
    position: relative;
    transition: 0.3s;
}
.slider::before {
    content: "";
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: 0.3s;
}
.toggle input:checked + .slider {
    background: #2C5E9E;
}
.toggle input:checked + .slider::before {
    transform: translateX(26px);
}/*=================================================================================================================================*/