@charset "utf-8";
/* CSS Document */
.contenido{
	margin: 0 30px; 
}

.formatotitulo {
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
	color: #3147e3;
	text-align: center;
}

.formatosubtituloactividad {
	font-size: 19px;
	font-weight: bold;
	color: #164bf0;
	text-align: center;
}

.formatosubtitulo {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 25px 0 5px 0;
}

.formatoparrafo {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: justify;
}

.formatoparrafotabla {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: center;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
}

.formatoparrafoconsulta {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 80px;
}

.formatotitulofiguras {
	font-size: 12px;
	font-style: italic;
	margin-top: 0;
	text-align: left;
}

.formatonumerofiguras {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-align: left;
}

.formatonotas {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 80px;
}

.depurarcontenido {
	font-size: 14px;
	font-weight: bold;
	color: #FF0;
	text-decoration: overline;
}

.formatocentrarimagen{
	text-align: center;
}

img {
	width: 40%;
	height: auto;
	border-radius: 10px;
}
video {
	width: 60%;
	height: auto;
	border-radius: 10px;
}

/* aun falta revisar esta seccion*/
.formatomenu {
	font-size: 20px;
	text-align: center;
	color: #FFF;
}

.formatoencabezadotabla {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.formatoiconopdf {
	text-align: right;
}
.formatoimagenmenulateral{
	width:30%;
	height:auto;
	text-align:center;
}

.bibliografia {
	padding-left:2em;
	text-indent:-2em;
}

.formatoglosarioconcepto {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: justify;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
}

.formatoglosarioconceptoingles {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	font-style: italic;
}

.formatopieparrafo {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
}

.formatobibliografiatitulo {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	font-style: italic;
}
#slideshow-index{
	width: 15em;
	height: 15em;
    display: block;
    position: relative;
    margin:  20px auto;
}
#barradeprogreso-container{
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: 0;
    z-index: 1000;
}
#barradeprogreso{
    width: 0;
    height: 100%;
    background: #1c1c1c;
    border-radius: 0 3px 3px 0;
    transition: width 0.8s;
}
#slideshow{
    position: relative;
    width: auto;
    height: 100%;
    display: block;
    z-index: 998;
}
#slideshow img{
    position:absolute;
    width: auto;
    height: 100%;
    left: 0;
	top: 0;
	margin: auto;
    object-fit: cover;
}
#img2{
    left: 100%;
}
#indicador{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5px;
    z-index: 999;
}
.active{
    left: 0 !important;
    transition: all 1s;
}
.circulos{
    border: 2px solid #3147e3;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 5px 5px 0;
    background: transparent;
    border-radius: 50%;
}
.resultado{
    background:#3147e3;
    transition: background .8s;
}

.contenido .inicio{
	display: grid;
	grid-template-columns: repeat(auto-fill,calc(90%/2));/*division*/
	justify-content: center;
	column-gap: calc(10%/4);
}
.texto{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #3147e3;
}
.parrafoinicio{
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}
.iconoprincipal{
	display: table;
	text-align: center;
}
.iconoprincipal > div {
	display: table-cell;
	vertical-align: middle;
}
.iconoprincipal > div img{
	width: 70%;
	height: auto;
}

@media only screen and (max-width: 1000px){
	img {
		width: 70%;
		height: auto;
		border-radius: 10px;
	}
	video {
		width: 90%;
		height: auto;
		border-radius: 10px;
	}
	.contenido .inicio{
		grid-template-columns: 100%;/*division*/
		column-gap: 0;
		row-gap: 20px;
	}
}