@font-face {
  font-family: "robotoslab";
  src: url("../fuentes/robotoslab-regular.ttf"); }

@font-face {
  font-family: "Ubuntu-Italic";
  src: url("../fuentes/Ubuntu-Italic.ttf"); }

@font-face {
  font-family: "Ubuntu-Regular";
  src: url("../fuentes/Ubuntu-Regular.ttf"); }

.todopo {
  width: 100%;
  display: block;
  position: relative;
  margin: auto; }

tienetitulo {
  display: block;
  margin-bottom: 20px;
  width: 100%; }

titulo {
  font-family: "robotoslab";
  font-size: 28px;
  color: gray;
  margin-left: 4%; }

.cuerpored {
  width: 100%;
  display: block;
  margin: auto; }

.adentro {
  border-bottom: 1px solid gray;
  width: 96%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  height: auto;
  margin: auto;
  padding-bottom: 10px;
  padding-top: 10px; }

adentrodos {
  width: 100%;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px; }

nombre {
  font-family: "Ubuntu-Regular";
  color: gray;
  font-size: 18px;
  margin-top: 20px;
  text-align: left;
  padding-left: 50px;
  display: block; }

coope {
  font-family: "Ubuntu-Regular";
  color: gray;
  font-size: 18px;
  text-align: left;
  padding-left: 50px;
  display: block; }

.conte {
  width: 33%;
  height: auto;
  min-width: 280px;
  height: auto;
  margin: auto;
  cursor: pointer; }

.conte imagenpo img {
  width: 100%;
  height: auto;
  margin: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.conte imagenpo img:hover {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  opacity: 0.8; }

@media screen and (max-width: 768px) {
  titulo {
    font-size: 24px; }
  .adentro {
    display: block; }
  .conte {
    width: 50%;
    display: block;
    margin: auto;
    margin-bottom: 10px; }
  adentrodos {
    display: block;
    margin: auto; }
  nombre {
    font-family: "Ubuntu-Regular";
    color: gray;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    padding-left: 0px;
    display: block; }
  coope {
    font-family: "Ubuntu-Regular";
    color: gray;
    font-size: 16px;
    padding-left: 0px;
    text-align: center; } }