body{
   font-family: 'Roboto', sans-serif;
   color: #333;   }
   
footer{
	width: 95%;
   background: #00e0e0;
   color: #ebebeb;
   margin: auto;
   text-align: center;
   vertical-align: middle;}
   
.header{
   background: #dee3e6;}

.cabecalho{
   background: #00e0e0;}

.watermark{
   position:fixed;
   bottom:5px;
   right:5px;
   background-image: url('../imagens/pindorama1.jpg'); 
   opacity:0.5;
   z-index:99;
   color:white;}

a{
	text-align: center;
	color: yellowgreen;
	}
a:link, a:active, a:visited{
/*   color: #315e8a; */
   text-decoration: none;}
   
.linha{
   width: 95%;
   margin: 0 auto;
   overflow: auto;
/*   padding: 5px 0; */
   }
   
.coluna{
   padding: 0;
/*   padding: 0 0.15%; */
   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:  3.1667%;}   
.col2402{width:  7.3333%;}
.col2403{width: 11.5000%;}
.col2404{width: 15.6667%;}
.col2405{width: 18.8333%;}
.col2406{width: 24.0000%;}
.col2407{width: 28.1667%;}
.col2408{width: 32.3333%;}
.col2409{width: 36.5000%;}
.col2410{width: 40.6667%;}
.col2411{width: 44.8333%;}
.col2412{width: 49.0000%;}
.col2413{width: 53.1667%;}
.col2414{width: 57.3333%;}
.col2415{width: 61.5000%;}
.col2416{width: 65.6667%;}
.col2417{width: 69.8333%;}
.col2418{width: 74.0000%;}
.col2419{width: 78.1667%;}
.col2420{width: 82.3333%;}
.col2421{width: 86.5000%;}
.col2422{width: 90.6667%;}
.col2423{width: 94.3333%;}
.col2424{width: 99.0000%;}
*/

.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;
/*   padding: 40px 20px; */
   overflow: hidden;}
   
/* Estilos reutilizaveis */
.sem-padding{
   padding: 0 !important;}
   
.sem-margin{
   margin: 0 ! important;}

h1, h2, h3, h5, h6{
   font-weight: 500;
   margin: 15px 0 10px 0;}
   
h4{
   font-weight: 500;
   margin: 0 0 10px 0;}
   
ul li, ol, li{
   margin-bottom: 5px;}
   
ul.inline li, ol.inline li{
   display: inline;
   margin: 15px;}
   
ul.inline li:last-child, ol.inline li:last-child{
   margin: 0;}

ul.sem-marcador, ol.sem-marcador{
   list-style: none;}

img{
   max-width: 100%;}
/* layout do site */

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;}

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;
   vertical-align: middle;
   text-align: left;
   white-space: nowrap;
   width: 100%;}
   
textarea{
   display: block;
   vertical-align: middle;
   width: 100%;
   height: 100%;}

input[type=submit], input[type=button], input[type=file], select{
   background: #1f3c58; /* #333333; */
   color: #ffffff;
   cursor: pointer;
   padding: 5px 20px;
   border: 0;
   display: block;
   vertical-align: middle;
   width: 100%;
   font-size: 15px;}
   
input[type=submit]:hover, input[type=button]:hover, input[type=file]:hover, select:hover{
   background: #ff6600;}

input[type="radio"] {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%),
                      -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%);
    border-radius: 10px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8),
                0 0 0 1px hsla(0,0%,0%,.6),
                0 2px 3px hsla(0,0%,0%,.6),
                0 4px 3px hsla(0,0%,0%,.4),
                0 6px 6px hsla(0,0%,0%,.2),
                0 10px 6px hsla(0,0%,0%,.2);
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    width: 15px;
    -webkit-appearance: radio;}

h1{
   color: #1f3c58;
   letter-spacing: -1px;
   text-transform: capitalize;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 0px;}
   
img, h1{
   display: inline-block;
   vertical-align:middle;}

p{
   text-align: justify;
   font-style: oblique;}
   
.italico{
   text-align: justify;
   font-style: oblique;}
   
.p1{
   text-indent: 0;
   text-align: justify;}
   
.abutton {
   display: block;
/*   width: 260px; */
   height: 150px;
   background: #1f3c58; /* #4E9CAF; */
   padding: 10px;
   text-align: center;
   border-radius: 0px;
   color: white;
   font-size: 16px;}

.inp_squeeze label{
margin-bottom: 14px;}

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

.inp_select select{
border-style: solid;
margin-bottom: -5px;
width: 95%;}

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

.inp_small input[type=image]{
   background: greenyellow; /* #1f3c58;  #333333; */
   color: white;
   cursor: pointer;
   padding: 0px 0px;
   border: 0;
   display: block;
   vertical-align: middle;
   width: 50%;
   font-size: 0px; 
   background-image: url('../imagens/satisfacao1.jpg') none;
   text-indent:-9999px;
   }

.inp_little button[type=submit]{
       position:absolute;
       width: 30%;
       background:transparent url(../imagens/olho.png) no-repeat;
       font-size: 20px;
       font-family:Arial, Helvetica, sans-serif;
       color: #fff;
       border: none;
}

.inp_olho button[type=submit]{
   background: whitesmoke; /* #1f3c58;  #333333; */ 
   color: white; 
   cursor: pointer;
   padding: 0px 0px; 
   border: 0; 
   display: block;  
   vertical-align: middle; 
   width: 30%; 
   font-size: 0px; 
   text-indent:-9999px;
   }

.inp_usr input[type=submit], input[type=file]{
   background: #1f3c58; /* #333333; */
   color: #ffffff;
   cursor: pointer;
   padding: 5px 20px;
   margin: 0 10px;
   border: 0;
   display: block;
   vertical-align: middle;
   width: 95%;
   font-size: 14px;}

.flushleft{text-align: left;}
.flushright{text-align: right;}

.moldura{
   width: 95%;
   border-style: solid;
   border-width: 2px;
   border-color: lightblue;
/*   padding-bottom: 10px;
/*   margin-left: 40px;
   margin-right: 45px; */
   margin: auto;
   }

.moldura_dashed{
   width: 95%;
   border-style: dotted;
   border-width: 2px;
   border-color: lightblue;
   padding-bottom: 10px;
/*   margin-left: 40px;
   margin-right: 45px; */
   margin: auto;
   }

.moldura2{
   border-style: solid;
   border-width: 1px;
   border-color: lightblue;
   padding-top: 10px;
   padding-bottom: 10px;}

.moldura3{
   border-style: solid;
	border-bottom-style: none;
   border-width: 1px;
   border-color: lightblue;
   padding-top: 10px;
   padding-bottom: 10px;}

.moldura4{
   border-style: solid;
	border-top-style: none;
   border-width: 1px;
   border-color: lightblue;
   padding-top: 10px;
   padding-bottom: 10px;}

.moldura_coluna{
   border-style: solid;
   border-width: 2px;
   border-color: lightblue;
   padding-bottom: 5px;
   margin-left: 5px;
   margin-right: 5px;}

.caixa{
   margin-left: 50px;
   width: 360px;
   height: 280px;
   display: inline-block;
   box-shadow: 0px 0px 10px black;}

.caixa_login{
   background: #1f3c58;
   margin-left: 50px;
   width: 360px;
   height: 300px;
   display: inline-block;
   box-shadow: 0px 0px 10px black;}

.login{
	color: wheat;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;}

.centrado{
	text-align: center;
	vertical-align: middle;}

    .TabControl{ width:100%; overflow:hidden; height:700px}
    .TabControl #header{  width:100%; border: solid 1px; overflow:hidden; cursor:hand}
    .TabControl #content{ width:100%; border: solid 1px; overflow:hidden; height:100%; }
    .TabControl .abas{display:inline;}
    .TabControl .abas li{float:left}
    .aba{width:120px; height:30px; border:solid 1px; border-radius:5px 5px 0 0;
        text-align:center; padding-top:5px; background:lightsteelblue;}
    .ativa{width:120px; height:30px; border:solid 1 px; border-radius:5px 5px 0 0;
        text-align:center; padding-top:5px; background:blueviolet;}
    .ativa span, .selected span{color:lightskyblue;}
/*    .TabControl #contenti{background:greenyellow;} */
    .TabControl .conteudo{width:100%;  background:lightblue; display: none; height:100%;color:blue;}
    .selected{width:120px; height:30px; border:solid 1 px; border-radius:5px 5px 0 0;
        text-align:center; padding-top:5px; background:whitesmoke;}
        
    .TabControli{ width:100%; overflow:hidden; height:360px}
    .TabControli #headeri{  width:100%; border: solid 1px; overflow:hidden; cursor:hand}
    .TabControli #contenti{ width:100%; border: solid 1px; overflow:hidden; height:100%; }
    .TabControli .abasi{display:inline;}
    .TabControli .abasi li{float:left}
    .abai{width:120px; height:30px; border:solid 1px; border-radius:5px 5px 0 0;
        text-align:center; padding-top:5px; background:lightsteelblue;}
    .ativai{width:120px; height:30px; border:solid 1 px; border-radius:5px 5px 0 0;
        text-align:center; padding-top:5px; background:blueviolet;}
    .ativai span, .selectedi span{color:lightskyblue;}
/*    .TabControli #contenti{background:greenyellow;} */
    .TabControli .conteudoi{width:100%;  background:lightblue; display: none; height:100%;color:blue;}
    .selectedi{width:120px; height:30px; border:solid 1 px; border-radius:5px 5px 0 0;
        text-align:center; padding-top:5px; background:whitesmoke;}