#nota_frases {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
list-style-type: none;
padding:0px;
margin:0px;
width:100%;
max-width: 710px;
margin-bottom:15px;
}

#nota_frases li {
width:100%;
float:left;
clear:both;
background-image: url(http://www.emol.com/especiales/fotos/recursos/elementos_graficos/comillas_cierre.png);
background-repeat: no-repeat;
background-position: right 5px bottom 10px;
padding:10px 0px;
border-bottom: 1px dotted #ccc;
}

#nota_frases li:last-child {
border-bottom: none;
}

#nota_frases div.nota_frases_img {
position: relative;
width:auto;
display:inline-block;
float:left;
width:300px;
}

#nota_frases div.nota_frases_img img {
width: 100%;
}

#nota_frases div.nota_frases_img:after {
content: '';
position: absolute;
right:-1px;
top:8px;
width: 0;
height: 0;
border-style: solid;
border-width: 18.5px 17px 18.5px 0;
border-color: transparent #ffffff transparent transparent;
}

#nota_frases div.nota_frases_box {
float:left;
width: calc(100% - 300px);
box-sizing:border-box;
background-image: url(http://www.emol.com/especiales/fotos/recursos/elementos_graficos/comillas_inicio.png);
background-repeat: no-repeat;
background-position: 5px 10px;
}

#nota_frases div.nota_frases_box h4 {
font-size: 18px;
font-weight: bold;
margin-top: 18px;
margin-bottom:0px;
padding: 0px 20px;
}

#nota_frases div.nota_frases_box span {
font-size: 11px;
margin-top: 8px;
display: block;
padding: 0px 20px;
}

#nota_frases div.nota_frases_box p {
font-size: 16px;
margin-top: 20px;
line-height: 22px;
padding: 0px 20px;
}

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

#nota_frases div.nota_frases_img {
position: relative;
width:auto;
display:inline-block;
float:left;
width:41.1%;
}

#nota_frases div.nota_frases_box {
width: 58.9%;
}

#nota_frases div.nota_frases_box {
background-position: 5px 0px;
}

#nota_frases div.nota_frases_box h4 {
margin-top: 10px;
}

}


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

#nota_frases div.nota_frases_img {
width:100%;
margin-bottom:10px;
}

#nota_frases div.nota_frases_box {
width:100%;
}

#nota_frases div.nota_frases_img:after {
top:auto;
bottom:-1px;
right:auto;
left: 13px;
border-width: 0px 18.5px 18.5px 18.5px;
border-color: transparent transparent #ffffff transparent;
}


}