@charset "utf-8";
/* CSS Document */

div.top.helper { height: 100px!important; display: none }

header.header { height: 100px; box-shadow: none; 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; position: relative; background-color: #fcfcfc; overflow: hidden }

#base div.in { width:1100px!important; max-width:100% }

#base h3 { color:var(--blue)!important; margin-bottom:25px!important; }

#base div.in div.left { width:650px!important; 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: 250px; background-size: 100%; background-position: center }

#base div.in p { text-align: left; margin:0 5px; color:#333; font-size:14px }

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

#base div.in div.right div.img { 
  height: 125px; 
   z-index:-1; 
  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: 125px; 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:135px;  
}

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;
  top:5px;
  width:100%;
  color:white!important;;
  text-align: center;
  font-weight: lighter;
  font-size: 24px!important;
  padding:10px;
}

div.right div.post:hover h4{ 
     text-shadow: 1px 1px 0  rgb(155,10,155)
}

div.right div.post div.img div.in { 
  width:100%; background-repeat:no-repeat; z-index:-1; 
  background-size: 100%; height: 200px; background-position: center;
  filter: grayscale(100%);
  opacity:0.6;
}

div.right div.post:hover div.img div.in { 
    background-size: 130%;  
    filter: none;
	opacity:1;
}


@media screen and (max-width: 1100px) {

    #base div.in div.right { width:100%!important;  }

}