@charset "utf-8";
/* CSS Document */
#cont-datos { float:left; font-family:Arial,Helvetica,sans-serif; width:100%; max-width:640px; border: solid 1px #cccccc; box-sizing:border-box;}
#titulo-datos {  color: #FFFFFF; background-color: #4281b6; font-family: Arial,Helvetica,sans-serif; font-size: 17px; font-weight: bold; padding: 10px; box-sizing: border-box;}
#cont-frase-datos { font-size:15px; line-height:18px; font-weight:bold; width:70%; box-sizing:border-box; padding: 14px 0 0 14px; float:left}
#cont-frase-datos img { width:100px; height:100px; float:left; padding:0 14px 4px 0; }
#cont-marcador-datos { float: right; box-sizing: border-box; border-left: solid 1px #d2d2d2; margin: 14px 14px 0 0; padding-left: 10px;}
#cont-marcador-datos img {width:114px; height:73px }
#cont-texto-datos { float:left;  font-size: 16px; line-height: 22px; padding: 30px 14px 14px 14px; }
.nombre { padding-top:7px;font-size: 12px; width: 100%; display: block;}

/* ===== RESOLUCIÓN < 500 ===== */

@media (max-width: 500px) {
#cont-frase-datos { width:100%; }
#cont-marcador-datos { float: left; width:100%; height:auto; text-align:center; border:none; margin: 14px 0 0 0; padding:inherit;}
#cont-marcador-datos img {width:230px; height:auto }
#cont-texto-datos { float:left;  font-size: 16px; line-height: 22px; padding: 14px 14px 14px 14px; }}