@font-face {
    font-family: Ubuntu-Regular;
    src: url("Ubuntu-Regular.ttf") format("truetype");
}
@font-face {
    font-family: Ubuntu-Bold;
    src: url("Ubuntu-Bold.ttf") format("truetype");
}
@font-face {
    font-family: Ubuntu-Italic;
    src: url("Ubuntu-Italic.ttf") format("truetype");
}


p.TituloCapacitacion {
    font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.3rem;
	color:#4aacc4;
	margin-top:0.7rem;
}
p.PreguntaCapacitacion {
	font-size:1.2rem;
	color:#383838;
    font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:10px;
}
img.ImgPreguntaTrivia {
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:15px;
}
a.lnkCapacitacion {
	text-decoration:none;
}
ul.ulCategoria {
	margin-top:0px;
	margin-bottom:0px;
}
li.liActividad {
	margin-top:6px;
	margin-bottom:0px;
}

p.TituloParticipante {
	color: #4aacc4;
	font-weight:bold;
	font-size:1.1rem;
	font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:1rem;
}

div.ImagenActividad {
	display:inline-block;
	width:100%;
	margin-bottom:10px;
}
p.ResumenActividad {
	text-align:justify;
}

/*Trivias*/
div.divPreguntaOpciones {
	max-width:600px;
	width:100%;
}

video.VideoActividad {
	width:100%;
	background-color:#ffffff!important;
	margin-bottom:10px;
}
div.VideosVerticalesPagina {
	width:100%;
    font-size:0px;
}
div.VideoVerticalPagina {
	width:22%;
	margin-bottom:1rem;
    margin-right:3%;
    box-sizing:border-box;
    display:inline-block;
	font-size:1.2rem;
	color:#3b868b;
    font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
}
video.VideoVerticalPagina {
	width:100%;
	background-color:#ffffff!important;
}
div.VideoVerticalPagina iframe {
	width:100%;
    height:auto;
    aspect-ratio: 324 / 575;
}


div.VideosHorizontalesPagina {
	width:100%;
    font-size:0px;
}
div.VideoHorizontalPagina {
	width:49%;
	margin-bottom:1rem;
    margin-right:1%;
    box-sizing:border-box;
    display:inline-block;
	font-size:1.2rem;
	color:#3b868b;
    font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
}
video.VideoHorizontalPagina {
	width:100%;
	background-color:#ffffff!important;
}
div.VideoHorizontalPagina iframe {
	width:100%;
    height:auto;
    aspect-ratio: 866 / 487;
}

p.PreguntaTrivia {
	font-weight:bold;
	color:#354393;
	font-size:1.4rem;
	font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:1rem;
}
div.divResultadoCorrecto {
	color:#ffffff;
	background-color:#6BBE45;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-right:0.5em;       
	border-left: 1px solid #6BBE45;
	border-top: 1px solid #6BBE45;
	border-bottom: 1px solid #6BBE45;
	border-right: 1px solid #6BBE45;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	width:20px; 
	text-align:center;
}
div.divResultadoIncorrecto {
	color:#ffffff;
	background-color:#ff0000;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-right:0.5em;       
	border-left: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	width:20px;
	text-align:center;
}
div.divResultado {
	color:#514F50;
	background-color:#ffffff;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-right:0.5em;       
	border-left: 1px solid #514F50;
	border-top: 1px solid #514F50;
	border-bottom: 1px solid #514F50;
	border-right: 1px solid #514F50;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	width:20px;
	text-align:center;      
}
label.BotonRadio
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	border-left: 1px solid #C91572;
	border-top: 1px solid #C91572;
	border-bottom: 1px solid #C91572;
	border-right: 1px solid #C91572;
	background:none;
	color:#013C77;
	font-size:1rem;
}
div.ContenedorOpcion
{
    display:block;
    margin-bottom: 0.5rem;
	width:95%;
}
div.ContenedorRadio
{
    display:inline-block;
    margin-right: 1rem;
	vertical-align:top;
}
div.ContenedorActividadRadio
{
    display:inline-block;
    padding-bottom: 0.5rem;
    padding-top: 0.2rem;
	font-family:"Ubuntu-Regular","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #013C77;
	vertical-align:top;
	width:calc(100% - 100px);
}
div.ContenedorActividadRadioImg
{
    display:inline-block;
	font-family:"Ubuntu-Regular","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #013C77;
	vertical-align:top;
	width:calc(100% - 100px);
}
div.ContenedorActividadRadio img
{
 	vertical-align:top;
}

div.VideoNav {
	width:180px;
	display:inline-block;
	margin-right:5px;
	position:relative;
    vertical-align:top;
}
div.VideoNavTitulo {
	width:calc(100% - 5px);
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
	display:block;
	background-color:#000000;
	opacity:0.7;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	font-family:"Ubuntu-Regular","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.80rem;
}
div.VideoShow {
	width:100%;
	text-align:center;
	align-content: center;
	display:inline-block;
	vertical-align:top;
	font-size:0px;
	margin-bottom:10px;
}
.ifrmVideoProp{
	width:100%;
	height:350px;
	vertical-align:top;
}
img.imgProp {
	width:100%;
	height:auto;
}
img.ImgPreguntaTrivia {
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:15px;
}
.lnkOpcion {
}
.lnkOpcion:hover {
    background-color:transparent;
    border:none;
}

/*Comentarios*/
div.divComentario {
	width:90%;
	max-width:600px;
	padding-bottom:5px;
	box-sizing:border-box;
}
div.divComentarioMarco {
	border-top:1px solid #68c6e4;
}
div.divComentarioVerMas {
	width:90%;
	max-width:600px;
	padding-bottom:5px;
	text-align:center;
	padding-top:12px;
}
p.ComentarioTitulo {
	font-size:1rem;
	color:#000000;
	font-weight:bold;
	font-family:"Ubuntu-Bold","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:0px;
	padding-left:3px;
}
p.ComentarioTexto {
	margin-top:0px;
	padding-left:3px;
    margin-bottom:0px;
}
span.ComentarioFecha {
	font-size:0.8rem;
	color:#333333;
}
div.divComentarioLink {
	text-align:right;
}
div.divComentarioLink a {
	font-size:0.8rem;
	text-decoration:none;
}
div.divComentarioLink a:hover {
}
p.ComentarioReportado {
	font-style:italic;
	color:#cccccc;
	margin-top:0px;
	padding-left:3px;
}


@media screen and (max-width: 1000px) {
	.ifrmVideoActividadProp {
		height:300px;
	}
}
@media screen and (max-width: 800px) {
	div.VideoActividadShow {
		width:100%;
	}
	video.VideoActividad {
		width:100%;
		max-width:none;
	}
}
@media screen and (max-width: 600px) {
    div.VideoVerticalPagina {
	    width:47%;
    }
    div.VideoHorizontalPagina {
	    width:95%;
    }
}