*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html {width: 100%; height: 100%; font-size: 15px; padding: 0; margin: 0;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    background: #f2f2f2;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*font-family: 'Lato', Calibri, Arial, sans-serif;*/
    color: #000;/* #89867e*/
}

/*
@media (min-width:450px){}
@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}    
@media (min-width:1400px){}
*/
/*  filter: alpha(opacity=70); opacity: 0.7; z-index: -1*/

.container{float: left; width: 100% !important; display: block; height: auto; margin: 0 auto; padding: 0; background: none; clear:both;}
.content{width: 70%; height: auto; margin: 0 auto; margin-top: 0; margin-bottom: 30px; padding: 20px 10px;border-radius: 7px; background: #FFF}

@media (min-width:350px){.content{width: 94%;}}
@media (min-width:450px){.content{width: 94%;}}
@media (min-width:576px){.content{width: 90%;}}
@media (min-width:768px){.content{width: 80%;}}
@media (min-width:1200px){.content{width: 80%}}
@media (min-width:1400px){.content{width: 70%}}

/*@media (max-width:1400px){.content{width: 70%;padding:10px;}}
@media (max-width:1200px){.content{width: 80%;padding:10px;}}
@media (max-width:768px){.content{width: 80%;padding:10px; }}
@media (max-width:576px){.content{width: 90%;padding:10px;}}
@media (max-width:450px){.content{width: 92%;padding:10px;}}
@media (max-width:350px){.content{width: 94%;padding: 10px;}}*/



/*-- Busca pages --*/

.r-pages nav {padding: 0; color: #000;}
.r-pages article{float: left; width: 100%; height: auto; margin: 25px 0 0 0; padding: 0;background: #FFF; border: 0px solid #CCC}
.r-pages article a{color: #333;}
.r-pages article .card {float: left; margin: 5px 20px 0 0;}
.r-pages article .tit{width: auto; height: auto; margin: 0; padding: 0 0 0 0; font-size: 1.3em; font-weight: bold; font-style: normal;color:#069;}
.r-pages article .tit:hover{color: blue; text-decoration: underline}
.r-pages article .ramo{margin: 0; padding: 0; line-height: 20px; font-size: 1.1em;}
.r-pages article .sobre{padding: 0 0 0 100px; line-height: 18px; font-size: 1em;}
.r-pages article .tel{padding: 5px 0; font-size: 1em}
.r-pages article .botao{cursor: pointer; text-decoration: underline}
.r-pages article .botao:hover{color:blue; text-decoration: underline}
@media (min-width:992px){
    .r-pages nav {padding: 0; color: #000;}
    .r-pages article{float: left; width: 100%; height: auto; margin: 25px 0 10px 0; padding: 0;background: #FFF; border: 0px solid #CCC}
    .r-pages article a{color: #333;}
    .r-pages article .card {float: left; margin: 10px 20px 0 0;}
    .r-pages article .tit{width: auto; height: auto; margin: 0; padding: 0 0 5px 0; font-size: 1.3em; font-weight: bold; font-style: normal;color:#069;font-family: "Michroma", serif; font-weight: 600; font-style: normal;}
    .r-pages article .tit:hover{color:blue; text-decoration: underline}
    .r-pages article .ramo{margin: 0; padding: 0 0 5px 0; line-height: 20px; font-size: 1.2em;}
    .r-pages article .sobre{padding: 0 0 0 100px; line-height: 18px; font-size: 1.1em;}
    .r-pages article .tel{ padding: 5px 0; font-size: 1em}
    .r-pages article .botao{cursor: pointer; text-decoration: underline}
    .r-pages article .botao:hover{color:blue; text-decoration: underline}}


@media (min-width:350px){.anuncio-um{width: 100%; height: 200px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: none}.anuncio-um .p-dois{position: absolute; margin: 10px 0 0 30px; color:#FFF; font-size: 2.5em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 90%; color:#FFF; font-size: 1.4em; margin: 50px 0 0 30px; border: 0px solid red; line-height: 28px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -45px 0 0 113px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 148px 0 0 30px; padding: 10px; border: 0; border-bottom: 2px solid orange; border-right: 2px solid orange; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -1px 0 0 -0.5%;}}    
@media (min-width:450px){.anuncio-um{width: 100%; height: 200px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: none}.anuncio-um .p-dois{position: absolute; margin: 10px 0 0 30px; color:#FFF; font-size: 2.5em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 90%; color:#FFF; font-size: 1.4em; margin: 50px 0 0 30px; border: 0px solid red; line-height: 28px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -46px 0 0 113px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 150px 0 0 30px; padding: 10px; border: 0; border-bottom: 2px solid yellow; border-right: 2px solid yellow; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -1px 0 0 -0.5%;}}    
@media (min-width:576px){.anuncio-um{width: 100%; height: 270px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: none}.anuncio-um .p-dois{position: absolute; margin: 18px 0 0 40px; color:#FFF; font-size: 3em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 90%; color:#FFF; font-size: 1.6em; margin: 70px 0 0 40px; border: 0px solid red; line-height: 35px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -52px 0 0 123px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 200px 0 0 40px; padding: 13px; border: 0; border-bottom: 2px solid yellow; border-right: 2px solid yellow; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -10px 0 0 -0.5%;}}    
@media (min-width:768px){.anuncio-um{width: 100%; height: 270px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: block; position: absolute; width: 240px; right: 0; margin: 30px 0 0 40px; color:yellow; font-size: 1.1em; font-weight: bolder;}.anuncio-um .p-dois{position: absolute; margin: 18px 0 0 40px; color:#FFF; font-size: 3.2em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 57%; color:#FFF; font-size: 1.7em; margin: 70px 0 0 40px; border: 0px solid red; line-height: 35px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -52px 0 0 130px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 200px 0 0 40px; padding: 13px; border: 0; border-bottom: 2px solid yellow; border-right: 2px solid yellow; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -110px 0 0 -0.5%;}}    
@media (min-width:992px){.anuncio-um{width: 100%; height: 330px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: block; position: absolute; width: 300px; right: 40px; margin: 30px 0 0 50px; color:yellow; font-size: 1.3em; font-weight: bolder;}.anuncio-um .p-dois{position: absolute; margin: 18px 0 0 50px; color:#FFF; font-size: 3.4em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 55%; color:#FFF; font-size: 2.1em; margin: 80px 0 0 50px; border: 0px solid red; line-height: 40px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -55px 0 0 160px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 240px 0 0 50px; padding: 13px; border: 0; border-bottom: 2px solid yellow; border-right: 2px solid yellow; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -160px 0 0 -0.5%;}}    
@media (min-width:1200px){.anuncio-um{width: 100%; height: 330px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: block; position: absolute; width: 300px; right: 90px; margin: 30px 0 0 50px; color:yellow; font-size: 1.5em; font-weight: bolder;}.anuncio-um .p-dois{position: absolute; margin: 18px 0 0 100px; color:#FFF; font-size: 3.5em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 55%; color:#FFF; font-size: 2.3em; margin: 80px 0 0 100px; border: 0px solid red; line-height: 45px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -60px 0 0 175px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 250px 0 0 100px; padding: 13px; border: 0; border-bottom: 2px solid darkblue; border-right: 2px solid darkblue; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -240px 0 0 -0.5%;}}    
@media (min-width:1400px){.anuncio-um{width: 100%; height: 330px; margin: 0 0 0 0; padding: 0; overflow: hidden}.anuncio-um .p-um{display: block; position: absolute; width: 300px; right: 190px; margin: 30px 0 0 50px; color:yellow; font-size: 1.5em; font-weight: bolder;}.anuncio-um .p-dois{position: absolute; margin: 18px 0 0 150px; color:#FFF; font-size: 3.5em; font-weight: bold}.anuncio-um .p-tres{position: absolute; width: 55%; color:#FFF; font-size: 2.3em; margin: 80px 0 0 150px; border: 0px solid red; line-height: 45px}.anuncio-um .p-tres label{float: left; margin: 0 0 20px 0}.anuncio-um .p-tres b.an-vl{float: left;width: auto;margin: -60px 0 0 178px; padding: 0 0 0 0; font-size: 1.5em; color: orange;}.anuncio-um a button{width: 170px; position: absolute; margin: 250px 0 0 150px; padding: 13px; border: 0; border-bottom: 2px solid darkblue; border-right: 2px solid darkblue; border-radius: 8px; color: #FFF; background: #069; font-weight: bold; cursor: pointer}.anuncio-um img{width: 101%; height: auto;margin: -360px 0 0 -0.5%;}}    

/* article   box-shadow: 0px 0px 3px #999    background: linear-gradient(45deg,#005567,black); #00192A*/


[class^="carregar-"] {display: none;}
[class^="carregar-"]:hover {color: goldenrod}
.carregar-mais, .carregar-posts{width: 80%; max-width: 1000px; margin: 0 auto; margin-top: 30px; padding: 3px 0 5px 15px; font-size: 1.5em; color: #069; text-align: center; border: 1px solid #069; border-radius: 10px}

/*comentarios.inc*/
.cont-card { background: #f9f9f9}
.cont-card h2{display: flex; justify-content: center; margin: 4rem 0 4rem 0}
.cards{ margin: 0 auto; border: 0px solid red}
.card-c{float: left; padding: 35px 40px; background-color: white; display: flex; flex-direction: column; align-items: center; box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.171);}
.card-c .user{width: 100px; height: 100px; border-radius: 50%; margin-bottom: 15px;}
.card-c h3{margin-bottom: 5px;}
.card-c p{margin-top: 20px; text-align: center; font-size: 18px;}


@media (min-width:450px){.cont-card {padding: 1px 0 10px 0;} .cards{width: 96%;}.card-c{width: 100%;margin: 0 0 30px 0;}}
@media (min-width:576px){.cards{width: 80%;}}
@media (min-width:768px){.cards{width: 80%;}}
@media (min-width:992px){.cards{width: 70%;}}
@media (min-width:1200px){.cont-card {padding: 1px 0 40px 0;}.cards{width: 90%;}.card-c{width: 30%;margin: 0 1.6%}}    
@media (min-width:1400px){.cards{width: 80%;}.card-c{width: 30%;margin: 0 1.6%}}


.footer-adc{float: left;width: 100%; height: auto; margin: 0; padding: 10px 0 30px 0;}
.footer-adc .nav-footer{width: 100%; height: auto; margin: 0; padding: 0}
.footer-adc .nav-footer .colunas-nav{float: left; margin: 20px 0 0 0; padding: 0 10px; text-align: center; border: 0px solid #f2f2f2}
.footer-adc .nav-footer .colunas-nav ul li{width: 100%; height: auto; margin: 0; padding: 10px 20px; text-align: left}
.footer-adc .nav-footer .colunas-nav ul li a{font-size: 1.3em; color: #000}
.footer-adc .nav-footer .colunas-nav ul li a:hover{text-decoration:underline; color: blue}
.footer-adc .nav-footer .colunas-nav ul li.tit{color: #069; font-size: 1.5em; font-weight: bold}

@media (min-width:350px){.footer-adc .nav-footer .colunas-nav{width: 100%;}}  
@media (min-width:576px){.footer-adc .nav-footer .colunas-nav{width: 50%;}}  
@media (min-width:768px){.footer-adc .nav-footer .colunas-nav{width: 50%;}}  
@media (min-width:992px){.footer-adc .nav-footer .colunas-nav{width: 25%;}}  
@media (min-width:1200px){.footer-adc .nav-footer .colunas-nav{width: 25%}}  


.main-footer{width: 100%; margin-bottom: -40px;  background: #069; padding: 20px 0; position: relative; color: #FFF; text-align: center; font-size: 0.8em;}

/*MENSAGENS DO SISTEM*/
.trigger{padding: 5px 15px 5px 40px; font-size: 12px; margin-bottom: 0; color: #FFF}
.trigger a{font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 15px; background: #069; color: #fff;}
.trigger a:hover{background: #09f; color: #fff;}

.accept{background: green url(../icons/accept.png) center left 10px no-repeat; color: #FFF; font-size: 1.2em}/*#71ca73*/
.infor{background:  #00192A url(../icons/infor.png) center left 10px no-repeat; color: #FFF; font-size: 1.2em}/*#c8dbfd*/
.alert{background:  gold url(../icons/alert.png) center left 10px no-repeat; color: #000; font-size: 1.2em}/*#faf7b7*/
.error{background:  red url(../icons/error.png) center left 10px no-repeat; color: #FFF; font-size: 1.2em}/*#ffafaf*/
.excluir{ width: 22px; height: 20px; background: red url(../icons/act_delete.png) center left 0px no-repeat; font-size: 0; cursor: pointer}

.form-login input{width: 100%; margin: 0 0 10px 0; padding: 8px; border: 1px solid #CCC; border-radius: 10px; background: #FFF;font-size: 1.1em;}
.form-login select{width: 100%; margin: 0 0 10px 0; padding: 10px; border: 1px solid #CCC; border-radius: 10px; background: #FFF}
.form-login label span{padding: 0 0 0 10px; color: #069}
@media (min-width:350px) and (max-width: 767px) {.form-login{float: left; width: 94%; height: auto; margin: 2%; border: 0px solid #CCC; color: #555; text-align: left;}}
@media (min-width:768px){.form-login{float: left; width: 46%; height: auto; margin: 2%; border: 0px solid #CCC; color: #555; text-align: left}}
.btn-blue{width: 100%; margin: 0 0 10px 0; padding: 8px; border: 0; border-bottom: 2px solid #069; border-right: 2px solid #069; border-radius: 10px; background: #0084ff;font-size: 1.1em;color:#FFF}
.btn-blue:hover{background: #069; border-bottom: 2px solid #0084ff; border-right: 2px solid #0084ff;}