/* CSS Document */
* { margin: 0; padding: 0; }/*tirar as margens do html */
html {height: 100%;width: 100%; display: table;overflow:auto;}
body {height: 100%; width: 100%;
    font-size:10pt; font-family:Arial, helvetica, sans-serif;text-align:justify;color:#000000;
    display: table; line-height: 1.8;overflow: auto;padding: 0px;background-color: #05254A;}
h3{font-size: 11pt; color:#DCDCDC;text-shadow: gray  0.1em 0.1em 0.2em;margin: 10px;text-transform: uppercase;}
h10{font-size: 11pt; color:#000000;text-shadow: black 0.1em 0.1em 0.2em;margin: 10px;text-transform: uppercase;}
p { margin:10px; line-height: 1.4em; font-size: 10pt;text-align: justify;}
a {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline;cursor: pointer;}
red{color: red;}
green{color: greenyellow;}
br{line-height: 1.5em;display: block;}
.Container{margin: 0 auto;display: table; height: 100%;width: 100%;overflow: hidden;}
.divLateral{width: 300px;height: 100vh; float: left;display: table;background-color:#05254A;color: #ffffff;}
.divTopo{width: calc(100vw-300px);background-color: #FF8C00;height: 50px;display: flex;flex-direction: column;align-items: flex-end;}  
.divLogo{height: 50px;text-align: center;margin-bottom: 100px;}
.divUsr{display: table;}
.divUsr img{height: 30px;}
#conteudo{display: table;width: 82.4vw;height: 100vh;margin: 0 auto;padding: 10px 10px 10px 10px; overflow:auto;background-color: #ffffff;}
#divBackLogin{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed; z-index: 20;display: table;}
.divlogin{height: 350px; width:350px;background-color: #4682B4; padding: 10px;line-height:1.5em;display: block;
    top: 50%;margin-top: -175px;left: 50%;margin-left: -175px;position: absolute;}
.divlogin label{background-color: #4682B4;width: 100%;color: #ffffff;}
.divlogin input[type="text"]{width: 100%;margin-bottom: 10px;}
.divlogin input[type="password"]{width: 100%;margin-bottom: 10px;}
.divlogin input[type="submit"]{width: 100%;height: 30px;margin-bottom: 10px;}

#colunaE{width:40%;background-color:#ffffff;display: table;float: left; margin-bottom: 10px;margin-left: 30px;margin-top: 20px;}
#coluna1{width:40vw;background-color:#ffffff;display: table;margin-bottom: 100px;margin-left: 200px;margin-top: 20px;}

/*#colunaC{width:40%;background-color:indianred;display: table; margin-bottom: 10px;margin-top: 20px;}*/

#divLinha{display: table; margin-bottom: 10px;width: 100%;background-color: #FFFFFF;margin-left: 0px;}
#foto{float: right;}
#foto img{height: 100px;}
#btlogin{display: none;}
#divAtlz{width: 350px;float: right;max-height: 700px;height: 95%; display: block;overflow: auto;background-color: #E6E6FA;}
#divAvisos{width: 950px;float: left;background-color: #ffffff;}
/* div onde aparece aviso */
.alert{background-color:#98FB98;display: block;text-transform: uppercase; color: black;font-weight: 700;text-align: center;float: left;width: 100%;}
.resultado{margin-top: 0px;width: 100%;display: table;}
/*formatação dos formularios*/	
fieldset{width:95%; padding:10px; border-width: thin; border-color:#4169E1;text-align: justify; margin: 0 auto;display: table;word-wrap: break-word;margin-bottom: 15px;border-radius: 10px;}
fieldset input {display: block;float: left;color:#000000;height:30px; margin-right: 15px;border-radius: 10px;border-width: thin;border-color: #DCDCDC;}
legend{font-weight: bold; min-width: 240px; background-color:#B0C4DE; padding: 3px;text-transform: uppercase;border-radius: 5px;}
label {vertical-align: middle; text-align:left; padding:4px; min-width:120px;height:23px;display:block;float:left;margin-right: 5px;background-color: #FFFFFF;}
AAAinput {display: block;float: left;color:#000000;height:30px; margin-right: 15px;border-radius: 10px;}
input[name="cmdok"] {width: 250px;}
button {width: 250px;height: 30px;border-radius: 10px;border-width: thin;} 
select{display: block;float: left;color:gray;height:30px;text-transform: uppercase;margin-right: 15px;font-size: 9pt;border-radius: 10px;}
textarea{border-radius: 10px;width: 65%;}
input,select{width: 65%;}

::-webkit-input-placeholder {color:#CCC; font-style: italic;}/* estilo dos placeholder, descrição dentro dos textbox */

/*estilos responsivos*/

@media screen and (min-width: 1681px) and (max-width: 1920px){/*desktop grande*/ 
    .divLateral{width: 250px;}
    #conteudo{width:84.9vw;}     
    #colunaE{width: 48%;float: left;margin: 0 auto;margin-left: 30px; margin-top: 10px;}
    #coluna1{width: 48%;margin: 0 auto;margin-top: 10px;}
}

@media screen and (min-width: 1440px) and (max-width: 1680px){/*desktop medio*/ 
    .divLateral{width: 300px;}
    #conteudo{width:79.6vw;}     
    #colunaE{width: 50%;float: left;margin: 0 auto;margin-top: 10px;}
    #coluna1{width: 50%;margin: 0 auto;margin-top: 10px;}
}

@media screen and (min-width: 1025px) and (max-width: 1440px){/*laptop*/ 
    .divLateral{width: 250px;}
    #conteudo{width:79.7vw}     
    #colunaE{width: 50%;float: left;margin: 0 auto;margin-top: 10px;}
    #coluna1{width: 50%;margin: 0 auto;margin-top: 10px;}
}

@media screen and (min-width: 641px) and (max-width: 1024px){ /*tablet*/
    .divLateral{width: 230px;}    
    #conteudo{width:75.8vw;float:left;margin:0 auto;display: table;overflow: auto;padding: 0px;}     
    #colunaE{width: 100%;float: left;margin: 0 auto;margin-top: 10px;}        
    #coluna1{width: 100%;margin: 0 auto;margin-top: 10px;}        
}
@media screen and (min-width: 200px) and (max-width: 640px){ /*celular*/    
    body {overflow: auto;}
    .divLateral{width: 100%;height: 50px;position: fixed;}
    .divLogo{height: 40px;width: 150px;margin-bottom: 0px;float: left;}
    .divTopo{width: 100%;height: 30px;margin-top: 60px;}
    .divUsr{height: 30px;}
    .divUsr img{height: 30px;}
    #conteudo{width:100%;min-width: 350px;float:left;margin:0 auto;display: table;overflow: hidden;}     
    #divlogin{width: 97%; margin-top: -100px;display: table; height: 200px; padding: 0px 5px 0px 5px;line-height: 2em;}
    .divlogin label{width: 100%;margin-bottom: 1px;}
    .divlogin input[type="text"]{width: 100%;margin-bottom: 5px;}    
    .divlogin input[type="submit"]{width: 100%;margin-bottom: 5px;}    
    .divlogin input[type="password"]{width: 100%;margin-bottom: 5px;}
    #colunaE,#coluna1{width: 97%;margin: 0 auto;float: left;margin-bottom: 10px;}
    fieldset{width:95%;}    
    input,select,date,text {width: 60%;}
    label {width: 30%;float: left;}
    textarea{width: 99%;}
    button{width: 100%;margin-bottom: 5px;}
    input[name="cmdok"] {width: 100%;}
    
    
    
    /*
    #divTopo{height:40px;opacity: 1;width: 100%;}    
    #Imagens,#container,.slider > .slider-content{width: 90%;}/* formatacao do carrossel de imagens */
    /*#divTopo img{height:40px;}
    #conteudo{width:98%;min-width: 350px;float:left; padding:5px;margin:0 auto;display: table;overflow: hidden;border-radius: 0px;}    
    #conteudo img{max-width: 65%;height: auto;};
    #btlogin{display: block;}
    #login{width: 97%;margin: 0 auto;display: table; height: 200px; position:relative;background-color:#DEB887;padding: 0px 5px 0px 5px;line-height: normal;opacity: 1;}
    #divBase{display: none;}     
    #divAtlz, #divAvisos{width: 98%;padding: 5px;float: left;}
    fieldset{width: 97%;padding: 10px 5px 10px 5px;margin-bottom:10px;float: left;display: table;}
    label{width: 99%;display: block;text-align: left;}
    select {width: 99%;}  
    textarea {width: 99%;}
    input[type="text"] {width: 99%;} 
    input[type="hidden"] {width: 99%;}    
    input[type="submit"] {width: 100%;align-self: center;}
    input[type="password"] {width: 99%;}   
    */
    
    }