/* Estilos recibidos por cliente CEDETI */

.contenido-html-directo {
	padding: 20px; 
}

.contenido-html-directo .titulo-leccion {
	border-bottom: 2px solid rgba(91, 56, 103, 0.7); 
	color: #5b3867; 
	font-size: 24px; 
	margin-bottom: 20px; 
}

.contenido-html-directo h1,
.contenido-html-directo h2,
.contenido-html-directo h3,
.contenido-html-directo h4,
.contenido-html-directo h5,
.contenido-html-directo h6 { margin-bottom: 0.5rem; font-weight: bold; line-height: 1.2; color:#5b3851; }
.contenido-html-directo h1,
.contenido-html-directo h2 { text-transform: uppercase; }
.contenido-html-directo h2 { border-bottom:2px solid #b49dae; padding-bottom:12px; font-size:24px; }
.contenido-html-directo h4 { font-size: 16px; }
.contenido-html-directo a { color:#5b3851; text-decoration: underline; padding:6px 8px; border-radius:4px; display: inline-block; }
.contenido-html-directo a:hover,
.contenido-html-directo a:focus { background-color:#5b3851; color:#fff; text-decoration: none; }
.contenido-html-directo h3 a:hover,
.contenido-html-directo h3 a:focus { background-color:transparent; text-decoration: underline; }
.contenido-html-directo a img { margin-right: 3px; margin-bottom:-6px; }
.contenido-html-directo #region-main { position: relative; border: 1px solid rgba(0, 0, 0, .125); border-radius: 0.25rem; padding: 1.25rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.contenido-html-directo #region-main ul,
.contenido-html-directo #region-main ol,
.contenido-html-directo #region-main li { list-style: none; margin:0; padding:0; }
.contenido-html-directo #region-main li.section { border-bottom:1px solid #cacaca; padding:0; margin:0; padding-bottom:30px; }
.contenido-html-directo #section-0 .img-fluid { width:104% !important; height:auto !important; margin-left:-2%; }
.contenido-html-directo ul.section li { padding:10px; }
.contenido-html-directo ul.section li.modtype_page { margin-top:25px !important; border-radius:16px 16px 0 0; }
.contenido-html-directo #section-3 ul.section li { border:1px solid #cacaca; border-left:5px solid #af3225; padding:10px; margin-top:-0.5px; }
.contenido-html-directo #section-3 ul.section li ul li,
.contenido-html-directo #section-3 ul.section li ol li { border:none; padding:10px !important; margin-bottom:0; border-radius:0; }
.contenido-html-directo #section-3 ul.section li ul li p,
.contenido-html-directo #section-3 ul.section li ol li p { padding:0; margin:0; }
.contenido-html-directo #section-3 li a { color:#af3225; text-decoration: none; }
.contenido-html-directo #section-3 li:hover,
.contenido-html-directo #section-3 li:focus,
.contenido-html-directo #section-3 li:active,
.contenido-html-directo #section-3 li:visited { background-color: #d2e6ea; text-decoration: underline; }
.contenido-html-directo #section-3 li a:hover,
.contenido-html-directo #section-3 li a:focus,
.contenido-html-directo #section-3 li a:active,
.contenido-html-directo #section-3 li a:visited { background-color: #d2e6ea; text-decoration: underline; box-shadow:none; }
.contenido-html-directo #section-4 ul.section li { border:1px solid #cacaca; border-left:5px solid #6f3662; padding:10px; margin-top:-0.5px; }
.contenido-html-directo #section-4 ul.section li ul li,
.contenido-html-directo #section-4 ul.section li ol li { border:none; padding:10px !important; margin-bottom:0; border-radius:0; }
.contenido-html-directo #section-4 ul.section li ul li p,
.contenido-html-directo #section-4 ul.section li ol li p { padding:0; margin:0; }
.contenido-html-directo #section-4 li a { color:#6f3662; text-decoration: none; }
.contenido-html-directo #section-4 li:hover,
.contenido-html-directo #section-4 li:focus,
.contenido-html-directo #section-4 li:active,
.contenido-html-directo #section-4 li:visited { background-color: #f7dfd5; text-decoration: underline; }
.contenido-html-directo #section-4 li a:hover,
.contenido-html-directo #section-4 li a:focus,
.contenido-html-directo #section-4 li a:active,
.contenido-html-directo #section-4 li a:visited { background-color: #f7dfd5; text-decoration: underline; box-shadow:none; }
.contenido-html-directo #section-5 ul.section li { border:1px solid #cacaca; border-left:5px solid #334591; padding:10px; margin-top:-0.5px; }
.contenido-html-directo #section-5 ul.section li ul li,
.contenido-html-directo #section-5 ul.section li ol li { border:none; padding:10px !important; margin-bottom:0; border-radius:0; }
.contenido-html-directo #section-5 ul.section li ul li p,
.contenido-html-directo #section-5 ul.section li ol li p { padding:0; margin:0; }
.contenido-html-directo #section-5 li a { color:#7a4e0d; text-decoration: none; }
.contenido-html-directo #section-5 li:hover,
.contenido-html-directo #section-5 li:focus,
.contenido-html-directo #section-5 li:active,
.contenido-html-directo #section-5 li:visited { background-color: #fdebd1; text-decoration: underline; }
.contenido-html-directo #section-5 li a:hover,
.contenido-html-directo #section-5 li a:focus,
.contenido-html-directo #section-5 li a:active,
.contenido-html-directo #section-5 li a:visited { background-color: #fdebd1; text-decoration: underline; box-shadow:none; }
.contenido-html-directo #section-6 ul.section li { border:1px solid #cacaca; border-left:5px solid #057192; padding:10px; margin-top:-0.5px; }
.contenido-html-directo #section-6 ul.section li ul li,
.contenido-html-directo #section-6 ul.section li ol li { border:none; padding:10px !important; margin-bottom:0; border-radius:0; }
.contenido-html-directo #section-6 ul.section li ul li p,
.contenido-html-directo #section-6 ul.section li ol li p { padding:0; margin:0; }
.contenido-html-directo #section-6 li a { color:#057192; text-decoration: none; }
.contenido-html-directo #section-6 li:hover,
.contenido-html-directo #section-6 li:focus,
.contenido-html-directo #section-6 li:active,
.contenido-html-directo #section-6 li:visited { background-color: #d9efec; text-decoration: underline; }
.contenido-html-directo #section-6 li a:hover,
.contenido-html-directo #section-6 li a:focus,
.contenido-html-directo #section-6 li a:active,
.contenido-html-directo #section-6 li a:visited { background-color: #d9efec; text-decoration: underline; box-shadow:none; }
.contenido-html-directo .aprendizajes-esperados { border-top: 1px solid #555; padding-top: 15px; margin-bottom: 25px; }
.contenido-html-directo #region-main .aprendizajes-esperados ul li { list-style: disc; padding-left: 4px; margin-left: 16px; }
.contenido-html-directo .tema h3 { margin-top:15px; margin-bottom: 10px; display: inline-block; font-size:21px; padding:5px 0; margin-left:-10px; width:100%; }
.contenido-html-directo .tema { width:100%; display: inline-block; margin-top:30px; color:#131313; }
.contenido-html-directo .tema .actividades { width:100%; display:inline-block; margin-top:0; border-radius: 16px; padding:0 3.5% 15px 3.5%; }
.contenido-html-directo .tema .actividades a { border:2px solid #000; border-radius:8px; font-size:16px; padding:8px 12px; text-decoration:none; margin-top: 5px; }
.contenido-html-directo .tema .clases { width:100%; float:left; }
.contenido-html-directo .tema .clases h3 { padding-left:40px; background-image: url(../img/icon_clase.svg); background-position: left; background-repeat: no-repeat; background-size:38px; }
.contenido-html-directo .tema .clases .transcripcion { border-bottom:1px solid #777; text-align:right; }
.contenido-html-directo .tema .clases .transcripcion a { padding:3px 5px; margin-left:5px; }
.contenido-html-directo .tema .ppt { width: 50%; float:left; }
.contenido-html-directo .tema .ppt h3 { padding-left:40px; background-image: url(../img/icon_ppt.svg); background-position: left; background-repeat: no-repeat; background-size:38px; }
.contenido-html-directo .tema .lecturas { width:45%; float:right; }
.contenido-html-directo .tema .lecturas h3 { padding-left:40px; background-image: url(../img/icon_pdf.svg); background-position: left; background-repeat: no-repeat; background-size:38px; }
.contenido-html-directo .tema .caja_herramientas { width:100%; float:right; }
.contenido-html-directo .tema .caja_herramientas h3 { padding-left:40px; background-image: url(../img/icon_herramientas.svg); background-position: left; background-repeat: no-repeat; background-size:38px; }
.contenido-html-directo .tema1 .actividades { border:3px solid #af3225; }
.contenido-html-directo .tema1 .actividades a { border:2px solid #af3225; color:#af3225; }
.contenido-html-directo .tema1 .actividades a:hover,
.contenido-html-directo .tema1 .actividades a:focus { background-color: #af3225; color:#fff; }
.contenido-html-directo .tema2 .actividades { border:3px solid #6f3662; }
.contenido-html-directo .tema2 .actividades a { border:2px solid #6f3662; color:#6f3662; }
.contenido-html-directo .tema2 .actividades a:hover,
.contenido-html-directo .tema2 .actividades a:focus { background-color: #6f3662; color:#fff; }
.contenido-html-directo .tema3 .actividades { border:3px solid #334591; }
.contenido-html-directo .tema3 .actividades a { border:2px solid #334591; color:#334591; }
.contenido-html-directo .tema3 .actividades a:hover,
.contenido-html-directo .tema3 .actividades a:focus { background-color: #334591; color:#fff; }
.contenido-html-directo .tema4 .actividades { border:3px solid #057192; }
.contenido-html-directo .tema4 .actividades a { border:2px solid #057192; color:#057192; }
.contenido-html-directo .tema4 .actividades a:hover,
.contenido-html-directo .tema4 .actividades a:focus { background-color: #057192; color:#fff; }
.contenido-html-directo .left.side { display: inline-block; width:100% !important; margin-top:25px; }
.contenido-html-directo .summary { padding-left: 0 !important; margin-left:0 !important; }
.contenido-html-directo .breadcrumb-item a { padding-top:0; padding-bottom:0; }
.contenido-html-directo .mediaplugin,
.contenido-html-directo .mediaplugin video { height:380px; width:100%; max-width:100%; margin-top:0px; }
.contenido-html-directo .tema .ppt .mediaplugin,
.contenido-html-directo .tema .ppt .mediaplugin video { height:30px; width:100%; max-width:100%; margin-top:10px; }
.contenido-html-directo .tema .ppt .mediaplugin .video-js .vjs-control-bar { background-color: transparent; color: #000; }
.contenido-html-directo .tema1 .ppt .mediaplugin .video-js { border-radius:20px; background-color:#d2e6ea; overflow:hidden; }
.contenido-html-directo .tema2 .ppt .mediaplugin .video-js { border-radius:20px; background-color:#f7dfd5; overflow:hidden; }
.contenido-html-directo .tema3 .ppt .mediaplugin .video-js { border-radius:20px; background-color:#fdebd1; overflow:hidden; }
.contenido-html-directo .tema4 .ppt .mediaplugin .video-js { border-radius:20px; background-color:#d9efec; overflow:hidden; }
.contenido-html-directo .tema .lecturas .mediaplugin,
.contenido-html-directo .tema .lecturas .mediaplugin video { height:30px; width:100%; max-width:100%; margin-top:10px; }
.contenido-html-directo .tema .lecturas .mediaplugin .video-js .vjs-control-bar { background-color: transparent; color: #000; }
.contenido-html-directo .tema1 .lecturas .mediaplugin .video-js { border-radius:20px; background-color:#d2e6ea; overflow:hidden; }
.contenido-html-directo .tema2 .lecturas .mediaplugin .video-js { border-radius:20px; background-color:#f7dfd5; overflow:hidden; }
.contenido-html-directo .tema3 .lecturas .mediaplugin .video-js { border-radius:20px; background-color:#fdebd1; overflow:hidden; }
.contenido-html-directo .tema4 .lecturas .mediaplugin .video-js { border-radius:20px; background-color:#d9efec; overflow:hidden; }
.contenido-html-directo .mediaplugin div { max-width:100% !important; }
.contenido-html-directo .mediaplugin iframe { width:100%; height:100%; margin-bottom:10px; }
.contenido-html-directo .tema1 .mensaje-final,
.contenido-html-directo .tema2 .mensaje-final,
.contenido-html-directo .tema3 .mensaje-final,
.contenido-html-directo .tema4 .mensaje-final { border-radius:20px; width:100%; padding:20px; display: inline-block; margin-top:20px; }
.contenido-html-directo .tema1 .mensaje-final p,
.contenido-html-directo .tema2 .mensaje-final p,
.contenido-html-directo .tema3 .mensaje-final p,
.contenido-html-directo .tema4 .mensaje-final p { margin-bottom:0; padding-bottom: 0; }
.contenido-html-directo .tema1 .mensaje-final { background-color: rgb(175, 50, 37, 0.2); }
.contenido-html-directo .tema2 .mensaje-final { background-color: rgb(111, 54, 98, 0.2); }
.contenido-html-directo .tema3 .mensaje-final { background-color: rgb(51, 69, 145, 0.2); }
.contenido-html-directo .tema4 .mensaje-final { background-color: rgb(5, 113, 146, 0.2); }

.contenido-html-directo audio {
	background-color: #d2e6ea !important; 
	border-radius: 30px; 
	margin-top: 10px; 
	width: 100%; 
	height: 30px; 
}


/* FIN Estilos recibidos por cliente CEDETI */