@charset "utf-8";
/* CSS Document */

video{ margin-bottom:20px; }

.tex_dirigido{ color:#023262; font-size:15px; text-align:center; }

.tex_especialidades{ margin:5px 0 0 0; text-align:center; font-size:17px; color:#505050; text-transform:uppercase; font-weight:500; }

.franja{ font-size:0px; width:100%; height:295px; margin:37px 0; background: url(../img/fondo_largo_home.png) top center no-repeat; text-align:center; }

.foto_video{ display:inline-block; margin:19px 0 0 0; }

.hueco_franja{ display:inline-block; width:19px; height:20px; }

.tex_contenidos{ color:#023262; font-size:20px; text-align:center; margin-bottom:30px; }

.cajas { background-color: #ffffff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top: 10px; border-radius: 0px 0px 10px 10px; margin-bottom: 20px; }
.caja_modulo{ display:inline-block; text-align:center; vertical-align:top; }
.caja_modulo a{ text-decoration:none; }

.tex_modulo{ font-size:18px; text-align:left; padding: 0 0 5px 15px; text-transform:uppercase; color:#023262; }

.modulo{ text-align:left; width:310px; height:369px; box-sizing:border-box; border:1px solid #e3e3e3; border-radius:10px; margin:7px 7px 10px 7px; background-color:#ebebeb; padding:4px 4px 8px 4px; /*max-width: 89%;*/ }

.hueco_modulo{ display:inline-block; width:15px; height:20px; }

.foto_modulo{ margin-bottom:10px; }
.foto_modulo img { border-radius: 10px; max-width: 100%; }

.datos_modulo{ padding:0 0 0 10px; min-height:70px; /*border:1px solid red;*/ }

.autor{ color:#005189; text-transform:uppercase; font-size:13px; margin-bottom:8px; }
.cargo{ color:#3b3b3b; font-size:11px; padding-bottom: 8px; }

.tit_modulo{ padding:0px 0 0 10px; color:#023262; font-size:16px; }


@media screen and (max-width:1000px) {
	
	.franja{ background:none; height:auto;  }
	
	.hueco_franja{ display:none; }
	
	.foto_video{ margin:0 auto 25px auto; width:460px; }
	
	/*.hueco_modulo{ display:none; }*/
	
}

@media screen and (max-width:685px) {
	
	.hueco_modulo{ display:none; }
	
}

@media screen and (max-width:500px) {
	.modulo { height:auto; }
	.foto_video{ width:100% }
	.foto_video img{ width:100% }
	
}