@charset "utf-8";
/* CSS Document */
div.top.helper { height: 100px!important; display: none }
header.header { height: 100px; box-shadow: none; background-color: rgb(250,240,230); position:relative }
header.header * { overflow: visible!important; }
header.header div.menu a { color: var(--main); text-shadow: none!important; }
header.header div.faixa, section#whats { display: none }
#base { min-height: 500px; top:75px!important; position: relative; background-color: var(--main-light);  }
#base div.in { width:1100px!important; max-width:100%; padding-bottom: 150px; overflow: hidden }
#base h3 { color:var(--main)!important; }
#base div.in div.left { width:650px!important; max-width:100%; text-align: left; margin:0 5px;  }
#base div.in div.left div.img { width:100%!important; height: 250px }
#base div.in div.left div.img div.in { width:100%!important; height: 100%; background-size: 100%; background-position: center }
#base div.in p { text-align: left; margin:0 5px; color:#777; }
#base div.in div.right { width:275px!important; text-align: left;   }
#base div.in div.right h3 { text-align: center  }
#base div.in div.right div.in { width:100%!important; padding:0; }
#base div.in div.right button { display: none; }
#base div.in div.right div.img { height: 145px; _background-color: rgba(150,55,45,.5); }
#base div.in div.right div.post:hover div.img { background-color: rgba(150,55,45,.0001); }
#base div.in div.right div.img div.in { 
  height: 100%; background-size: 100%; background-position: center  }
div.right div div.post:after,
div.right a i,
div.right a span,
div.right p { display: none }
div.right div div.post {  
  padding:3px; 
  position:relative; height:155px;  
  width: 100%;
}
div.right div.post:after { 
  content:''; height: 2px; 
  background-color: var(--altr); width:80%; 
  position: absolute; bottom:30px; left:25px  
}
div.right div.post h4 {
  position: absolute;
  bottom:10px;
  line-height: 100%;
  width:100%;
  color:white!important;;
  text-align: center;
  font-weight: lighter;
  font-size: 22px!important;
  padding:10px;
  text-shadow: 2px 2px 0  var(--main);
}
div.right div.post div.img div.in { 
  width:100%; background-repeat:no-repeat; 
  background-size: 100%; background-position: center;
  opacity:0.8;
}
div.right div.post:hover div.img div.in { 
    background-size: 130%; filter: none; opacity:1;
}
@media screen and (max-width: 1100px) {
    #base { top:0!important;   }
    #base h3, #base h2 { border:none }
    #base div.in div.left div.img { height: 225px }
    #base div.in div.left p { padding:0 25px }
    #base div.in div.right { width:100%!important;  }
    #base div.in div.right div.img { width: 100%; }
    div.right div div.post { padding:0; } 
    #base div.in div.right div.img { height: 150px; }
    #base a.more { width: 100%; text-align: center; padding: 20px!important;; }
}