*{
  box-sizing: border-box
}
.mySldeReco {
  display: none
}
#BlogPub {
  vertical-align: middle;
  display: block;
  z-index: -1;
}
#BloDet{
  vertical-align: middle;
  display: block;
  z-index: -1;
}
.slideReco-container {
  position: relative;
  width: 100%;
  left: 0%;
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: transparent;
}
.fadeReco {
  -webkit-animation-name: fadeReco;
  -webkit-animation-duration: 1.5s;
  animation-name: fadeReco;
  animation-duration: 1.5s;
}
@-webkit-keyframes fadeReco {
  from {
    opacity: .4
  } 
  to {
    opacity: 1
  }
}
@keyframes fadeReco {
  from {
    opacity: .4
  } 
  to {
    opacity: 1
  }
}
div.BlogPb {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  padding: 5px;
  width: 40%;
  height:200px;
  left: 150%;
}
.img-contenedor img {
    -webkit-transition:all .9s ease;
    -moz-transition:all .9s ease;
    -o-transition:all .9s ease;
    -ms-transition:all .9s ease;
    width:100%;
}
.img-contenedor:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
}
.img-contenedor{
    width: 100%;
    overflow:hidden;
    border-radius: 8px 8px 8px 8px;
}
@media (max-width: 289px) and (min-width: 100px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 339px) and (min-width: 290px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 379px) and (min-width: 340px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 439px) and (min-width: 380px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 519px) and (min-width: 440px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 599px) and (min-width:520px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 669px) and (min-width:600px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 767px) and (min-width: 670px){
  div.BlogPb {
    position: -webkit-relative;
    position: relative;
    margin-top: -192px;
    padding: 5px;
    width: 100%;
    left: 0%;
    display: none;
  }
}
@media (max-width: 869px) and (min-width: 768px){
  #BlogPub {
    position: relative;
    top: 5px;
  }
  #BloDet{
    position: relative;
    top: 5px;
  }
  div.BlogPb {
    position: -webkit-sticky;
    position: sticky;
    padding: 5px;
    width: 40%;
    height:200px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) and (min-width: 870px){
  #BlogPub {
    position: relative;
    top: 5px;
  }
  #BloDet{
    position: relative;
    top: 5px;
  }
  div.BlogPb {
    position: -webkit-sticky;
    position: sticky;
    padding: 5px;
    width: 40%;
    height:200px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) and (min-width: 992px){
  #BlogPub {
    position: relative;
    top: 5px;
  }
  #BloDet{
    position: relative;
    top: 5px;
  }
  div.BlogPb {
    position: -webkit-sticky;
    position: sticky;
    padding: 5px;
    width: 40%;
    height:200px;
    padding-right: 30px;
  }
}
@media (max-width: 1499px) and (min-width: 1200px){
  #BlogPub {
    position: relative;
    top: 5px;
  }
  #BloDet{
    position: relative;
    top: 5px;
  }
  div.BlogPb {
    position: -webkit-sticky;
    position: sticky;
    padding: 5px;
    width: 40%;
    height:200px;
    padding-right: 30px;
  }
}
@media (max-width: 1919px) and (min-width: 1500px){
  #BlogPub {
    position: relative;
    top: 5px;
  }
  #BloDet{
    position: relative;
    top: 5px;
  }
  div.BlogPb {
    position: -webkit-sticky;
    position: sticky;
    padding: 5px;
    width: 40%;
    height:200px;
    padding-right: 30px;
  }
}
@media (min-width: 1920px){
  #BlogPub {
    position: relative;
    top: 5px;
  }
  #BloDet{
    position: relative;
    top: 5px;
  }
  div.BlogPb {
    position: -webkit-sticky;
    position: sticky;
    padding: 5px;
    width: 40%;
    height:200px;
    padding-right: 30px;
  }
}