/*!
 * Deiwid CSS (http:/codigoseguro.com.br/desenvolvimentoWeb)
 * Version: 2.1
 * Author: DEiwid ADam @DEiwidADam
 * Author URL: http://deiwid.com/
 * Github: https://github.com/DEiwid_ADam

 * DEIWID.COM Copyright deiwid adam 2024. Generated with Sass.
 */
/*FOLHA DE ESTILOS*/
 @charset "UTF-8";
    @font-face{
        font-family: 'fonteLogo'; src: url("f0nts/intervogue-soft-light.otf");
    }
    @font-face{
        font-family: 'homemaranha'; src: url("f0nts/Orbitron-Regular.ttf");
    }
    @font-face{
        font-family: 'neoLatina'; src: url("f0nts/neo-latina.ttf");
    }
    @font-face{
        font-family: 'audiowide'; src: url("f0nts/Audiowide-Regular.ttf");
    }@font-face{
        font-family: 'roboto'; src: url("f0nts/Roboto-Regular.ttf");
    }
    @font-face{
        font-family: 'japan'; src: url("f0nts/JAPAN.ttf");
    }
    @font-face{
        font-family: 'rs'; src: url("f0nts/social_shapes.ttf");
    }
    @font-face{
        font-family: 'ms'; src: url("f0nts/Social Media Circled.otf");
    }
    @font-face{
        font-family: 'bebas'; src: url("f0nts/BebasNeue-Regular.ttf");
    }
#logoPrinc{
    display: block;
    float: left;
    height: 60px;
    width: 75px;
}
html, #documento{
    margin: 0px;
    padding: 0px;
    background-color: rgb(238, 243, 250);
    overflow-y: scroll; overflow-x: hidden;
}
#contMenu{
    position: fixed;
    float: left;
    width: 100%;
    height: 50px;
    color: rgb(0, 131, 73);
    z-index: 2;
    background-color: rgb(238, 243, 250);
    /*-webkit-clip-path: polygon(100% 0%, 0% 0% , 0% 52.04%, 1% 52.03%, 2% 52.01%, 3% 51.97%, 4% 51.91%, 5% 51.84%, 6% 51.76%, 7% 51.66%, 8% 51.55%, 9% 51.42%, 10% 51.28%, 11% 51.13%, 12% 50.96%, 13% 50.78%, 14% 50.58%, 15% 50.38%, 16% 50.16%, 17% 49.93%, 18% 49.69%, 19% 49.44%, 20% 49.18%, 21% 48.92%, 22% 48.64%, 23% 48.36%, 24% 48.07%, 25% 47.77%, 26% 47.47%, 27% 47.16%, 28% 46.85%, 29% 46.53%, 30% 46.21%, 31% 45.89%, 32% 45.57%, 33% 45.24%, 34% 44.92%, 35% 44.60%, 36% 44.28%, 37% 43.96%, 38% 43.64%, 39% 43.33%, 40% 43.02%, 41% 42.72%, 42% 42.42%, 43% 42.13%, 44% 41.85%, 45% 41.57%, 46% 41.31%, 47% 41.05%, 48% 40.80%, 49% 40.56%, 50% 40.33%, 51% 40.12%, 52% 39.91%, 53% 39.72%, 54% 39.54%, 55% 39.37%, 56% 39.21%, 57% 39.07%, 58% 38.94%, 59% 38.83%, 60% 38.73%, 61% 38.65%, 62% 38.58%, 63% 38.53%, 64% 38.49%, 65% 38.47%, 66% 38.46%, 67% 38.47%, 68% 38.49%, 69% 38.53%, 70% 38.59%, 71% 38.66%, 72% 38.74%, 73% 38.84%, 74% 38.95%, 75% 39.08%, 76% 39.22%, 77% 39.38%, 78% 39.54%, 79% 39.73%, 80% 39.92%, 81% 40.13%, 82% 40.34%, 83% 40.57%, 84% 40.81%, 85% 41.06%, 86% 41.32%, 87% 41.59%, 88% 41.87%, 89% 42.15%, 90% 42.44%, 91% 42.74%, 92% 43.04%, 93% 43.35%, 94% 43.66%, 95% 43.98%, 96% 44.30%, 97% 44.62%, 98% 44.94%, 99% 45.26%, 100% 45.58%);
    clip-path: polygon(100% 0%, 0% 0% , 0% 52.04%, 1% 52.03%, 2% 52.01%, 3% 51.97%, 4% 51.91%, 5% 51.84%, 6% 51.76%, 7% 51.66%, 8% 51.55%, 9% 51.42%, 10% 51.28%, 11% 51.13%, 12% 50.96%, 13% 50.78%, 14% 50.58%, 15% 50.38%, 16% 50.16%, 17% 49.93%, 18% 49.69%, 19% 49.44%, 20% 49.18%, 21% 48.92%, 22% 48.64%, 23% 48.36%, 24% 48.07%, 25% 47.77%, 26% 47.47%, 27% 47.16%, 28% 46.85%, 29% 46.53%, 30% 46.21%, 31% 45.89%, 32% 45.57%, 33% 45.24%, 34% 44.92%, 35% 44.60%, 36% 44.28%, 37% 43.96%, 38% 43.64%, 39% 43.33%, 40% 43.02%, 41% 42.72%, 42% 42.42%, 43% 42.13%, 44% 41.85%, 45% 41.57%, 46% 41.31%, 47% 41.05%, 48% 40.80%, 49% 40.56%, 50% 40.33%, 51% 40.12%, 52% 39.91%, 53% 39.72%, 54% 39.54%, 55% 39.37%, 56% 39.21%, 57% 39.07%, 58% 38.94%, 59% 38.83%, 60% 38.73%, 61% 38.65%, 62% 38.58%, 63% 38.53%, 64% 38.49%, 65% 38.47%, 66% 38.46%, 67% 38.47%, 68% 38.49%, 69% 38.53%, 70% 38.59%, 71% 38.66%, 72% 38.74%, 73% 38.84%, 74% 38.95%, 75% 39.08%, 76% 39.22%, 77% 39.38%, 78% 39.54%, 79% 39.73%, 80% 39.92%, 81% 40.13%, 82% 40.34%, 83% 40.57%, 84% 40.81%, 85% 41.06%, 86% 41.32%, 87% 41.59%, 88% 41.87%, 89% 42.15%, 90% 42.44%, 91% 42.74%, 92% 43.04%, 93% 43.35%, 94% 43.66%, 95% 43.98%, 96% 44.30%, 97% 44.62%, 98% 44.94%, 99% 45.26%, 100% 45.58%);
    */
}
#tituloContent{
    position: fixed;
    float: left;
    width: 100%;
    height: 120px;
    color: rgb(182, 43, 47);
    background-color: rgb(238, 243, 250);
    -webkit-clip-path: polygon(100% 0%, 0% 0% , 0% 45%, 50% 70%, 100% 45%);
    clip-path: polygon(100% 0%, 0% 0% , 0% 45%, 50% 70%, 100% 45%);    
}
#TitDc{
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    position:absolute;
    font-family: 'fonteLogo', sans-serif;
    width: 100%;
    float: left;
    color: rgb(248, 190, 81);
    font-size: 15pt;
    text-shadow:3px 3px 2px rgb(250, 249, 249);
    text-align: center;
}
#btnMenu {
    float: right;
    position: relative;
    width: 56px;
    height: 56px;
    background-color: rgb(182, 43, 47);
    border-radius: 56px;
    margin-top: 5px;
    margin-right: 5px;
}
.btnClose {
    width: 56px;
    height: 56px;
    float: right;
    text-align: center;
    border-radius: 56px;
    fill:rgb(250, 249, 249);
    background-color:  rgb(182, 43, 47);
    margin-right: 7px;
    margin-top: 7px;
    cursor: pointer;
}
#icoMenu {
    width: 20px;
    height: 20px;
    fill: rgb(182, 43, 47);
    background-color: rgb(250, 249, 249);
    cursor: pointer;    
}
/*TOPO - MENU*/
.menuTopo {
    display: none;
    float: right;
    font-family: fontMenu, sans-serif;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(182, 43, 47, 0.9);
    top:0;
    left: 0;
}
.menuTopo ul {
    list-style: none;
    width: 100%;
    float: left;
    text-align: center;
}
.menuTopo ul ul{
    margin-left: -7px;
    padding-left: 0px;
}
.menuTopo ul ul li{
    width: 98%;
    height: 50px;
}
.menuTopo li {
    padding: 1%;
    margin-left: 0px;
}
.menuTopo li a {
    text-decoration: none;
    font-size: 2em;
    color: rgb(238, 243, 250);
    font-family: bebas, sans-serif;
    padding: 1.5% 3%;
    margin-left: -70px;
}
.menuTopo li a:hover {
    text-decoration:underline;
    border: 1px solid rgb(0, 131, 73);
    color: rgb(139, 243, 196);
}
#rsmenu ul{
    display: none;
}
#rsmenu:hover > ul{
    display: block;
}
main{
    margin-top: 150px;
    height: 710px;
}
#first{
    margin: -1;
    padding: 0px;
    background-image: url(../imagens/grandDevWebs.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
#introCard{
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
    max-width: 100%;
    overflow:hidden !important;
    /*clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
}
#myVideo {
    z-index: -1; 
    min-width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: -100px;
    height: 800px;
}
#content{
    position: absolute;
    float:right; 
    margin-top: -600px;
    text-align: center;
    margin-left: 20%;
}
img {
    max-width: 99%;
    z-index: -1;
}
#indArt{
    margin-top: 120px;
}
#indMidia{
    margin-top: 30px;
}
#indcom{
    margin-top: 270px;
}
#indproj{
    padding-top: 40px;
}
#content p{
    color: white;
    font-family: audiowide, sans-serif;
}
.subtitulo{
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 30px;
    margin: 0px;
    margin-left: 8px;
    margin-top: -50px;
    font-family: fonteLogo, sans-serif;
    color: rgb(46, 49, 49);
    font-size: 35pt;
    text-shadow:3px 3px 2px rgb(255, 255, 255);
}
#artigosNews{
    position:inherit;
    height: 700px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    background-color: rgb(250, 248, 237) ;
    background-repeat:repeat-y;
}
#primeiroArtigo{
    margin-left: 3px;
    height: 600px;
    width: 345px;
    border-radius: 5px;
    border: none;
    overflow: hidden;    
}
figure{
    margin: 0px;
    padding: 0px;
    -webkit-clip-path: polygon(95% 0%, 5% 0%, 0% 50%, 50% 95%, 100% 45%);
    clip-path: polygon(90% 0%, 10% 0%, 0% 15%, 50% 95%, 100% 15%);
    position: relative;
}
figure:hover{
    -webkit-clip-path: polygon(95% 0%, 5% 0%, 0% 50%, 50% 95%, 100% 45%);
    clip-path: polygon(90% 0%, 10% 0%, 10% 90%, 90% 90%);
}
#figura1{
    margin: 4px;    
    margin-left: 6px;
    height: 200px;
    width: 330px;
    cursor: pointer;
    border-radius: 3px;
}
.artH2{
    font-family: roboto, sans-serif;
    text-align: justify;
    margin: 6px;
    padding: 3px;
}
h4{
    font-family: neoLatina, sans-serif;
    text-align: right;
    list-style: none;
    cursor: pointer;
    text-shadow: 1px 1px 1px black;
    margin: 8px;
}
h4:hover a{
    background-color: rgb(232, 252, 237);
    border-radius: 6px;
}
h4 a{    
    color: orange;
    text-decoration: none;
    font-size: 15pt;
}
#primeiroArtigo p{
    font-family: bebas, sans-serif;
    font-size:15pt;
    margin-left: 7px;
    padding: 3px;
    height: 150px;
    color:silver;
}
#primeiroArtigo a{
    text-decoration: none;
    color: rgb(56, 56, 56);
    width: 100%;
    height: 100%;
    cursor:none;
}
#Midia{
    position: inherit;
    height: 800px;
    background-color: silver;
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}
.midias{
    margin: 7px;
    margin-bottom: 25px;
    padding: 2px;
    width: 100%;
    height: 250px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.midias a{
    text-decoration: none;
}
.midias h2{    
    margin: 0px;
    font-family: homemaranha, sans-serif;
    margin-top: 20px;
    text-align: center;
    color: rgb(238, 243, 250);
}
.icoComun{
    width: 150px;
    height: 180px;
    margin-left: 30%;
    fill: rgb(46, 49, 49);
    background-color: rgba(250, 248, 237, 0);
    text-align: center;
}
#com{
    position: inherit;
    height: 600px;
    background-color: rgb(250, 248, 237);
    background-repeat:repeat-y;
    padding: 0px;
    margin: 5px 6px 0px 0px;
}
#com div{
    margin: 7px;
    margin-bottom: 25px;
    padding: 2px;
    width: 99%;
    height: 490px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#com h2{    
    margin: 0px;
    font-family: neoLatina, sans-serif;
    margin-top: 20px;
    margin-left: 5px;
    color: gray;
}
.titc{
    float: left;
    width: 200px;
    height: 50px;
    margin: 1px;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: roboto, sans-serif;
    background-color: #a6aaa511;
}
.descreve{
    float: left;
    clear: left;
    width: 200px;
    height: 200px;
    margin: 1px;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: roboto, sans-serif;
    background-color: rgb(238, 235, 211, 0.8);
}
.dataN{
    float: left;
    width: 200px;
    height: 200px;
    margin: 1px;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fonteLogo, sans-serif;
    background-color: rgb(238, 235, 211, 0.8);
}
.datac{
    float: left;
    width: 170px;
    height: 200px;
    margin: 1px;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fonteLogo, sans-serif;
    background-color: rgba(167, 231, 181, 0.8);
}
.dataMora{
    float: left;
    width: 170px;
    height: 50px;
    margin: 1px;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fonteLogo, sans-serif;
    background-color: #a6aaa511;
}
.statusc{
    float: left;
    width: 100px;
    height: 50px;
    margin: 1px;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fonteLogo, sans-serif;
    background-color: #a6aaa511;
}
.boxer{
    width: 98%;
    height: 100%;
    margin: 2px;
    margin-left: 5px;
    margin-right: 0px;        
    padding: 5px;
    display: block;
    overflow:hidden;
}

.boxerPag{
    width: 990px;
    height: 100%;
    margin-left: 5px;
    margin-right: 0px;   
    padding: 5px;    
}
.boxerMora{
    width: 990px;
    height: 100%;
    margin: 2px;
    margin-left: 5px;
    margin-right: 0px;        
    padding: 5px;
    overflow:visible;

}
.basetit{
    float: left;
    width: 200px;
    height:50px;
    margin: 1px;
    border-radius: 10px;
    padding-bottom: 5px;
    text-align: center;
    font-family: roboto, sans-serif;
    background-color: rgb(238, 235, 211, 0.8);
}
.baseN{
    float: left;
    width: 200px;
    height:200px;
    margin: 1px;
    border-radius: 10px;
    padding-bottom: 5px;
    text-align: center;
    font-family: roboto, sans-serif;
    background-color: rgb(238, 235, 211, 0.8);
}
.basec{
    float: left;
    width: 100px;
    height: 50px;
    margin: 1px;
    border-radius: 10px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fonteLogo, sans-serif;
    background-color: #a6aaa511;
}
.prioridadec{
    float: left;
    width: 80px;
    height: 50px;
    margin: 1px;
    border-radius: 10px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fontGeral, sans-serif;
    background-color: rgb(238, 235, 211, 0.8);
}
.buttonsc{
    float: left;
    width: 170px;
    height: 50px;
    margin: 1px;
    align-items: center;
    border-radius: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: fonteLogo, sans-serif;
    background-color: #a6aaa511; 
    clear: right;
    
}
.botaoEditar, .botaoExcluir{
    float: left;
    width: 70px;
    height: 40px;
    letter-spacing: 0;
    color: #ffffff;
    cursor: pointer;
    font-size:16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 2em;
    text-decoration: none;
    border-radius: 7px;
}
.botaoEditar{
    background-color: rgb(102, 115, 172);

}
.botaoExcluir{
    background-color: rgb(211, 85, 85);
}
.botaoEditar:hover, .botaoExcluir:hover{
    background-color: rgb(210, 223, 99);
    color: black;
}
#boxmenu a{
    text-decoration: none;
}
#boxmenu {
    width: 1060px;
    height: 650px;
    margin: 20px;
    margin-left: 50px;
    margin-right: 0px;        
    padding: 10px;
    padding-right: 5px;
    display: block;
    overflow: hidden;
}
#boxmenu a{
    text-decoration: none;
}
#boxmenu a:hover{
    text-decoration: none;
}
#aplicacao {
    display: block;
    float: left;
    width: 99%;
    margin: 5px;
    border-radius: 10px;
    /*background-image: url(../img/download.png);*/
    background-repeat: no-repeat;
}
.itemMenu {
    float: left;
    width: 250px;
    height: 170px;
    margin: 5px;
    border-radius: 10px;
    padding-top: 80px;
    padding-bottom: -5px;
    text-align: center;
    font-family: fontGeral, sans-serif;
    background-color: white;
    box-shadow: 5px 5px 10px rgba(85, 85, 85, 0.442);
    /*background-image: url(../img/download.png);*/
    background-repeat: no-repeat;
}
.helpbutton{
    float: right;
    position:absolute;
    width: 50px;
    height: 50px;
    margin-left: 85%;
    border-radius: 60px;
    padding-bottom: -5px;
    text-align: center;
    font-family: fontGeral, sans-serif;
    background-color: white;
    box-shadow: 5px 5px 10px rgba(85, 85, 85, 0.442);
    background-repeat: no-repeat;
}
.tutoria{
    margin: 50px;
}
.itemMenu:hover, .botao:hover{
    background-color: #f2f2f2;
    box-shadow: 1px 1px 2px;
    cursor: pointer;
}
#loja h3, #morador h3{    
    margin: 0px;
    font-family: audiowide, sans-serif;
    margin-top: 20px;
    margin-left: 5px;
    color: gray;

}
#morador input{
    margin-left: 1%;
    margin-right: 4%;
    width: 90%;
    clear: right;
}
#fotoMora{
    height: 150px;
    width: 150px !important;
    position:static;
}
#botaoEntrar{
    font-family: audiowide, sans-serif;
    font-size: 14pt;
    margin-top: 10px;
    padding: 10px;
    width: 96%;
    border-style: none;
    background-color: rgb(182, 43, 47);
}
#botaoEntrar:hover{
    background-color:  rgb(0, 131, 73);
    color:rgb(238, 243, 250);
}
.capa{
    width: 100%;
    height: 100%;
}
#contato{
    position: inherit;
    height: 650px;
    background-color: silver;
    margin: 0px;
    padding: 0px;
}
#mapa{
    border: 0px;
    margin: 2%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.171);        
    width: 95%;
    height: 400px;
    -webkit-clip-path: polygon(100% 0%, 0% 0% , 0% 45%, 50% 70%, 100% 45%);
    clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 50% 70%, 100% 65%);
}
h5{
    font-family: neoLatina, sans-serif;
    text-align: center;
    list-style: none;
    cursor: pointer;
    text-shadow: 1px 1px 1px black;
    margin: 8px;
}
h5:hover a{
    color: orange;
}
h5 a{    
    color: rgb(224, 223, 223);
    text-decoration: none;
    font-size: 17pt;
}
#rodape{
    margin-top: 0px;
    padding-top: 30px;
    position: relative;
    background-color:rgb(238, 243, 250);
    height: 650px;
    z-index: 1;
}
h6{
    font-family: rs;
    font-size: 40pt;
    color: gray;
    text-align: center;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: -10px;
}
h6 a, .politica a{
    text-decoration-style: none;
    text-decoration:none;
    color: gray;
}
.rodapti{
    padding-top: 80px;
    color: gray;
    text-align: center;
    font-family:fonteLogo, sans-serif;
    font-size: 12pt;
}
.rodap{
    padding-top: 10px;
    color: gray;
    text-align: center;
    font-family:homemaranha, sans-serif;
    font-size: 12pt;
}
#logosr{
    display: none;
}
.logopar img{
    height: 50px;
    width: 50px;
}
#logoRodape{
    width: 100%;
    height: 180px;
    margin-left: 15%;
    background-image: url(../imagens/logotipos/minilogocv.png);
    background-repeat: no-repeat;
}
.textPag{
    clear: both;
    width: 100%;
    align-self: center;
    resize: none;
}

#ano, #support{    
    color: gray;
    text-align: center;
    font-family: audiowide, sans-serif;
    font-size: 11pt;
    padding: 5px;    
    margin:1px;
    margin-top: 25px;
}
#support img{
    width: 25%;
    height: 25%;
}
.boxer h1, form, label, .boxerMora h1, .boxerPag h1, .agadois {
    font-family: fonteLogo, sans-serif;
    padding: 10px;
    font-size: 15pt;
    text-align: center;
    color: rgb(182, 43, 47);
}
.boxer form div label {
    width: 100px; /* Define a largura do rótulo */
}
.boxer form div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.boxer form{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.boxer label, .boxerMora label{
    width: 40%;
}
.boxer form div input {
    flex: 1; /* Ocupa todo o espaço restante */
    margin-left: 10px; /* Espaçamento entre o rótulo e o campo de entrada */
    padding: 5px; /* Espaçamento interno do campo de entrada */
}
.boxerPag button{
    margin-top: 50px;
    margin-left: 50px;
}

.boxer form div:last-child {
    margin-bottom: 0; /* Remove a margem inferior do último campo */
}
.formula, .pags{
    font-size: 12pt;
    border-style: none;
    color:rgba(35, 39, 35, 0.863);
    background-color: #08080800;
    margin-top: 5px;
    padding: 2px;
    text-decoration: none;
}
.boxer form div input:focus {
    border-bottom: 2px solid green; /* Adiciona uma borda inferior azul quando o campo está em foco */
    outline: none; /* Remove o contorno padrão do campo */
}
.divf{
    border-style:solid;
    border-radius: 10px;
    border-color: #0808080a;
    box-shadow: #f2f2f2;
}
.boxer button, #voltar, #sair{
        letter-spacing: 0;
        color: #ffffff;
        cursor: pointer;
        font-size:16px;
        font-weight: 400;
        line-height: 30px;
        margin: 0 0 2em;
        max-width: 200px; 
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%; 
        background-color: #52855f;
        border-radius: 7px;
}    
.boxer button:hover, #container button:hover{
background-color: #974040;
color: #9efc8b;
}
    

h6 a:hover, .politica a:hover{
    color: white;
    text-shadow: 1px 1px 1px rgb(182, 43, 47);
    cursor:pointer;    
}
[data-anima]{
    opacity: 0;
    transition: 1.5s;
}
[data-anima="esquerda"]{
    transform: translate3d(-50px,0,0);
}
[data-anima="direita"]{
    transform: translate3d(50px,0,0);
}
[data-anima="centro"]{
    transform: translate3d(0,150px,0);
}
[data-anima].animacao{
    opacity: 1;
    transform: translate3d(0,0,0);
}
/*---------------------------------------------MEDIA MOBILE----------------------------------------------------*/
@media print{
    #btnMenu {display: none;}
    .menu {display: none;}
    
    #rodape{margin: 1px; padding: 0px; box-shadow: none;}
}
@media screen and (min-width: 360px){
    #TitDc{
        color: silver;
    }
    #content{
        margin-left: 20%;
    }
    #primeiroArtigo{
        margin-left: 5%;
        width: 390px;
    }
    
    #primeiroArtigo h2{
        margin-left: 0px;
        width: 320px;
    }
    #morador figure{
        text-align: center;
        margin-left: 5%;
    }
    k{
        color: rgb(182, 43, 47);
    }
    j{
        color: rgb(0, 131, 73); 
    }
}
@media screen and (min-width: 414px){
    #content{
        margin-left: 30%;
    }
    #primeiroArtigo{
        margin-left: 10%;
    }
    h4{
        margin: 8px;
        margin-right: 12px;
    }
    .midias{
        margin-bottom: 25px;
        margin-left: 5%;
    }
    #morador figure{
        text-align: center;
        margin-left: 10%;
    }
}
@media screen and (min-width: 480px){
    #TitDc{
        font-size: 20pt;
    }
    #contMenu{
        height: 70px;
    }
    #content{
        margin-left: 25%;
    }        
    #tituloContent{
        height: 180px;
    }
    #primeiroArtigo, #morador figure{
        margin-left: 15%;
    }
    .midias{
        margin-left: 0px;
    }
    #com{
        height: 650px;
    }
    #moradorArea{
        height: 400px;
    }
    #moradorArea input{
        height: 50px;
    }
    #botaoEntrar{
        padding: 15px;
    }
    #logoRodape{
        margin-left: 25%;
    }

}
 @media screen and (min-width: 500px){
    #TitDc{
        font-size: 23pt;
    } 
    #content{
        margin-left: 30%;
    }    
    #primeiroArtigo{
        width: 80%;
        margin-left: 10%;
        height: 500px;
        padding: 0px;
        overflow:visible;
    }
    #morador figure{
        margin-left: 10%;
    }
    #primeiroArtigo img, #morador img{
        width: 400px;
        height: 300px;
    }   
    #primeiroArtigo h2{
        width: 100%;
    }
    #com{
        height: 800px;
    }
    #logoRodape{
        margin-left: 25%;
    }
}
@media screen and (min-width: 600px){
    #content{
        margin-left: 35%;
    }
    #primeiroArtigo{
        margin-left: 10%;
        width: 580px;
    } 
    #primeiroArtigo h2{
        width: 500px;
    }   
    #primeiroArtigo img, #morador img{
        width: 500px;
    }
    .midias img{
        margin-left: 40%;
    }
    #logoRodape{
        margin-left: 30%;
    }
    #support img{
        width: 15%;
        height: 15%;
    }
        
    .boxer{
        width: 80%;
        height: 100%;
        margin: 20px;
        margin-left: 50px;
        margin-right: 0px;        
        padding: 5px;
        display: block;
        overflow:hidden;
    }
}
@media screen and (min-width: 720px){
   .btnClose {
        width: 50px;
        height: 50px;
        margin-right: 2%;
        margin-top: 2%;
    }
    #TitDc{
        font-size: 25pt;        
    }
    #content{
        margin-left: 35%;
    }
    #artigosNews{
        height: 600px;
        background-image:
        linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../imagens/outrasImagens/pordosol.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: darken;
    }
    #artigosNews h1{
        color: whitesmoke;
        text-shadow:3px 3px 2px rgb(61, 61, 61);
    }
    #primeiroArtigo{
        background-color: rgba(255, 255, 255, 0.493);
        margin-left: 10%;
        padding: 20px;
        height: 200px;
    }    
    #primeiroArtigo img{
        display: none;
    }
    
    #primeiroArtigo p{
        color: silver;
        text-shadow:3px 3px 2px rgb(61, 61, 61);
    }    
    #primeiroArtigo h2{
        color: rgb(36, 35, 35);
        width: 100%;
        padding-right: 5px;
    }
    /*tag morador*/        
        
    .boxer h1, form, label{
        font-family: fonteLogo, sans-serif;
        padding: 10px;
        font-size: 15pt;
        text-align: center;
        color: rgb(182, 43, 47);
    }
    #fotoMora{
        height: 150px;
        width: 150px !important;
        position: relative;
        float: right;
    }
    .midias{
        margin-left: 0px;
    }
    #com{
        height: 850px;
    }
    #com img{
        margin-left: 0px;
        padding: 0px;
        width: 590px;
        height: 392px;
    }
    #botaoEntrar {
        cursor: pointer;
        font-size: 17pt;
        border-radius: 5px;
    }
    #usr{
        font-size: 17pt;
        font-family: roboto, sans-serif;
        color: rgb(37, 37, 37);
    }
    #acessos{
        height:200px;
        display:block;
    }
    #cadastrador{
        height:200px;
        display:block;
    }
    #container{
        height:1000px;
        display:block;
    }

    #rodape{
        height: 650px;
    }
    #rodape p{
        font-size: 17pt;
    }
    #logoRodape{
        margin-left: 35%;
    }
}
@media screen and (min-width: 768px){
    #icoMenu {
        width: 40px;
        height: 40px;
    }
    #TitDc{
        display: none;
    }
    #btnMenu {
        display: none;
    }
    .btnClose {
        display: none;
    }
    .menuTopo {
        width: auto;
        height: 50px;
        position: absolute; 
        float: right;
        line-height: 56px;
        background-color: rgb(107, 107, 107);
        display: block !important;
        position: static;
        margin-top: -30px;
        margin-right: -210px;
    }
    .menuTopo ul {
        margin-top:25px;
        width: 620px;
        float: left;
        text-align: center;
    }    
    .menuTopo li{
        position: relative;
        padding: 0px;
        float: left;
        margin: 3px;
        border-bottom: black;
    }
    .menuTopo li ul{
        position:absolute;
        width: 120px;
        height: 150px;
        padding: 0px;
        top:25px;
        /*left:0;*/
        margin-left: 0px;
        color: silver;
        background-color: whitesmoke;
        text-align: center;
        -webkit-clip-path: polygon(100% 0%, 0% 0% , 0% 45%, 50% 70%, 100% 45%);
        clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 50% 70%, 100% 65%);
    }
    .menuTopo li ul li{
        display:block;
        width:120px;
        height: 35px;
        margin: 2px 10px 10px -12px;
        padding: 2px 2px 2px 2px;
    }
    .menuTopo li a {
        color: silver;      
        font-size: 16pt;
        padding: 18px 7px 30px 7px;
        margin: -11px 2px -2px 2px;
    }
    .menuTopo li ul li a{
        text-align: justify;
        padding: 15px 25px 5px 10px;
        margin: 0px -10px 2px 1px;
    }
    .menuTopo li a:hover {
        border:none;
        text-decoration: none;
        width: 120px;
        color: whitesmoke;
        background-image: linear-gradient(rgb(182, 43, 47), rgb(0, 131, 73));
        border-bottom-style: solid;
        border-bottom-color: silver;
        border-bottom-width: 2px;
   }   
   #content{
        margin-left: 40%;
}
     #redessociais {
        max-height: 350px;
        z-index: 300 !important;
    }
    #support img{
        width: 10%;
        height: 10%;
    }
}
@media screen and (min-width: 800px){ 
    #primeiroArtigo{
        margin-top: 15%;
        margin-left: 12%;
        padding: 25px;
        height: 200px;
    }   

}
@media screen and (min-width: 960px){
    #content{
        margin-left: 33%;
        width: 35%;
    }
    img{
        width: 100%;
    }
    #fotoMora{
        width: 250px;
    }
    #TitDc{
        display: block;
        text-align:initial;
        margin-left: 100px;
        margin-top: 10px;
    }    
    #primeiroArtigo{
        margin-top: 12%;
        margin-left: 15%;
        padding: 40px;
        height: 230px;
    }
    #Midia{
        height: 500px;
    }   
    .midias{
        float: left;
        clear: none;
        width: 45%;
        margin-left: 1px;
    }
    .midias img{
        margin-left: 35%;
    }
    #com{
        height: 500px;
    }
    #morador{
        width: 100%;
    }
    #morador figure{
        float: left;
        width: 40%;
        padding: 0px;
        margin: 0px 0px 0px 30px;
    }
    #morador h2{
        position: absolute;
        float: left;
        margin-top: -30px;
    }
    #moradorArea{
        width: 45%;
        float: right;
    }
    #contato{
        height: 570px;
    }
    #contato div{
        width: 50%;
        float: right;
    }
    #address{
        margin-top: 180px;
    }
    #logoRodape{
        margin-left:40%;
    }
    
    #support img{
        width: 5%;
        height: 5%;
    }
}
@media screen and (min-width: 1280px){
    #TitDc{
        margin-left: 100px;
    }
    .menuTopo{
        margin-right: -190px;
    }
    #content{
        margin-left: 32%;
    }
    #artigosNews{
        height: 760px;
    }
    #primeiroArtigo{
        width: 70%;
    } 
    #Midia{
        margin-top: 40px;
        height: 600px;
    }
    .midias{
        margin: 15px 3px 5px 45px;
    }
    #contato div{
        width: 46%;
        margin-left: 4%;
    }
    #logoRodape{
        margin-left:41%;
    }
}
@media screen and (min-width: 2560px){
    #logoPrinc{
        height: 120px;
        width: 150px;
    }#TitDc{
        margin-left: 400px;
        font-size: 6em;
    }
    #tituloContent{
        height: 500px;
    }
    #contMenu{
        position: fixed;
        float: left;
        width: 100%;
        height: 250px;
    }
    .menuTopo{
        margin-top: 1px;
        margin-right: -180px;
        height: 240px;
    }
    .menuTopo ul {
        width: 1220px;
    }
    .menuTopo ul ul{
        margin: 20px;
        padding: 10px;
    }
    .menuTopo li ul {
        width: 320px;
        height: 500px;
    }
    .menuTopo ul ul li{
        height: 150px;
        width: 300px;
    }
    .menuTopo li a {
        font-size: 4em;
    }
    #introCard{
        display: none;

    }
    #content{
        width: 35%;
    }
    .artH2{
        font-size: 25pt;
    }
    #address{
        margin-top: 35px;
    }
    #address p{
        font-size: 3em;
    }
    #logoRodape{
        margin-left:45%;
    }
}
@media screen and (min-width: 3040px){
    html, #documento, .menuTopo{
        text-align: center;
        float: center;
        position: center;
        max-width: 2560px;
    }    
    #tituloContent{
        height: 500px;
    }
}