body,
.ug_container p,
.ug_container h1,
.ug_container h2,
.ug_container h3,
.ug_container h4,
.ug_container h5,
.ug_container h6,
.ug_container ul,
.ug_container ul li,
.ug_container ol,
.ug_container ol li {
    padding: 0;
    margin: 0;
}
* {
    box-sizing: border-box;
}
a {
    color:#2358bf;
    text-decoration: none;
}

.ug_container {
  font-family: 'Roboto Slab',serif;
  max-width: 740px;
  margin: 0 auto;
  text-align: left;
}

.ug_container  {
  border: 1px dashed #000;
  padding: 16px;
  padding-bottom: 0;
}
.ug_container o p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Roboto',sans-serif;
}
.ug_container  p {
  margin-bottom: 30px;
}
.ug_container  p b.destacado {
    font-weight: normal;
    background: yellow;
}

.ug_container  p.comentario {
    font: normal 15px bitter, serif;
    display: block;
    padding: 22px 0 20px 40px;
    font-style: italic;
    background: url(https://cdn3.uvnimg.com/07-b5-43fba9554198bd8b9f0e29a7e9f8-flecha2.png) no-repeat 3px 12px;
    background-size: 28px auto;
    padding-left: 60px;
    font-size: 16px;
    background-position: 22px 14px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: -20px;
}


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

.ug_container  p.comentario {
  padding-left: 30px;
  background-position: 0 0px;
  background-size: 20px auto;
  padding-top: 3px;
  margin-top: -10px;
}
}