@import 'entradas.css';

.contenidodelaimagen		{ background:#fff; position:relative; display:flex; align-items:center; float:left; width:84px; height:84px; margin:20px 0 20px 20px; border:1px solid #ddd; border-radius:100%;overflow:hidden;}
.contenidodelaimagen2		{ background:#fff; position:relative; display:flex; align-items:center; float:left; width:84px; height:84px; margin:5px 20px 20px 0; border:1px solid #ddd; border-radius:100%;overflow:hidden;}
.imagendelapersona			{ position:relative; width:100%; height:auto; display:flex; align-items:center; overflow:hidden}
.contenidodelapersona		{ position:relative; margin:5px 0 -1px 0; padding:20px; overflow:hidden;}
.contenidodelapersona2		{ position:relative; margin:5px 0 -1px 0; padding:0; overflow:hidden;}

.nombredelapersona			{ font-size:120%; color:#666; line-height:1.3em; margin:0; font-weight:600; overflow:hidden;}
.textodelapersona			{ font-size:110%; color:#666; line-height:1.3em; margin:2px 0; padding:0; overflow:hidden;}
.empleodelapersona			{ font-size:110%; color:#666; line-height:1.3em; margin:2px 0; padding:0; overflow:hidden;}



/* for 480px or less */
@media screen and (max-width: 480px) {
.contenidodelaimagen2		{ width:54px; height:54px; margin:5px 15px 20px 0;}
.contenidodelapersona2		{ font-size:90%;}

}