@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:750px!important; position: relative; background-color: #fcfcfc; overflow: hidden; padding-top:175px }
#base.usuario { padding-top:175px }
#base div.in { width:1100px!important; max-width:100% }
#base h3 { color:var(--blue)!important; margin-bottom:25px!important; max-width: 750px; }
#base div.in div.left { 
  width:100%!important; text-align: left; margin:0 5px;  }
#base div.in div.left div.img { width:300px; height: 300px; float:right }
#base div.in div.left div.img div.in { width:100%!important; height: 300px; background-size: 100%; background-position: center }
#base sdiv.in div.left div.img { width:100%; height: 250px; }
#base div.in div.left div.img div.in { background-position: 0; background-repeat:no-repeat }
#base div.in section { text-align: left; margin:0 5px; color:#333; font-size:14px; max-width: 750px; }
#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, #base div.in div.left, #base div.in div.right { width:100%!important;  }
    div#base h3 { border:none; padding:0 10px!important; margin:0; margin-top: 25px }
    div#base section { padding:0 10px; text-align: center; padding-bottom: 75px }
  #base { padding-top:0 }
#base div.in div.left  { 
  padding: 0; margin: 0
}
#base div.in div.left div.img { 
  float:none;
  margin: 0 auto
}
#base div.in section, #base div.in h3 { 
  margin:0 15px; margin-top:25px }

  
}