@media screen and (max-width: 767px) {

	nav {
		display: inherit;
	}


	.txt-bienvenidos {
		font-size: 2em;
	}


	footer {
		height: auto;
		position: relative;
		padding-bottom: 20px;
	}

	body#body-principal {
		background-size: cover;
		margin: 0 0 0 0;
	}

	body#body-principal footer {
		position: relative;
	}


	.info-navegador {
		height: auto;
		text-indent: 40px;
		width: auto;
		line-height: 30px;
	}


	.logo-campus-index {
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 100px;
		height: 150px;
	}
	a#btn-menu-mobile {
		display: block;
	}

	#div-btn-header-xs {
		width: 70%;
		position: absolute;
		left: -100%;
		top: 40px;
		z-index: 1000;
		background-color: #d8d8d8;
	}

	#div-btn-header-xs a,
	#div-btn-header-xs label {
		border-bottom: 1px solid #808080;
		color: #808080;
		display: block;
		padding: 5px;
		text-decoration: none;
		text-indent: 10px;
	}

	#div-btn-header-xs a.btn-header .glyphicon {
		color: #808080;
	}

	#div-btn-header-xs a:hover {
		color: #FFFFFF;
	}


	.titulo-campus-header label {
		 display: block;
		 margin-bottom: 0px;
		 line-height: 40px;
	}

	a#btn-menu-mobile-curso {
		background-color: #0071bc;
		color: #FFFFFF;
		display: block;
		font-size: 1.5em;
		padding: 10px;
		position: relative;
	}

	a#btn-menu-mobile-curso span,
	a#btn-menu-mobile-curso label {
		color: #FFFFFF;
	}

	#div-menu-mobile-curso {
		background-color: #29abe2;
		display: none;
		margin-top: -5px;
		width: 100%;
	}

	.btn-menu-mobile-curso {
		color: #FFFFFF;
		display: block;
		text-align: center;
	}

	.titulo-pagina label {
		background-color: transparent;
		width: 50%;
	}





	.div-modulos-temas {
		width: 100%;
	}


	.div-modulos-temas a.modulo-tema .modulo-tema-nombre {
		font-size: 1.3em;
	}


	.div-banner-comunidad {
		height: 100px;
	}

	.div-banner-comunidad label {
		text-indent: 5px;
		font-size: 2em;
		line-height: 100px;
	}





	.btn-tema-img {
		background-repeat: no-repeat;
		background-size: cover;
		height: 50px;
		width: 100%;
	}



	.btn-tema-img label {
		box-shadow: 1px 1px 5px #cccccc, -1px -1px 5px #cccccc;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 0.7em;
		line-height: 50px;
		text-indent: 10px;
		width: 100%;
	}

	.btn-tema-img label .glyphicon {
		display: none;
	}




	.div-seccion-cabecera {
		background-image: none !important;
		font-size: 0.8em;
		line-height: 25px;
		padding: 5px;
		text-indent: 5px;
	}



	.bloque-subtemas {
		display: none;
		margin-left: 0%;
		padding: 20px 0;
		width: 100%;
	}


	.div-contenido-sesiones,
	.bloque-mediateca,
	.bloque-foros,
	.bloque-avances {
		margin-left: 0;
		padding: 10px;
		width: 100%;
	}


	.bloque-avances p * {
		font-size: 0.8em;
	}




	/* Librería floatbox */
	.fbCaption.fbx {
		color: #FFFFFF;
		font-size: 1em;
		text-align: left;
	}

	.bloque-final-reportes {
		width: 100%;
		padding: 5px;
	}

	.bloque-final-reportes > div {
		width: 47%;
	}

	.contenedor-caja-reportes > div:nth-child(1) {
		width: 100%;
	}
	.contenedor-caja-reportes > div:nth-child(2) {
		width: 100%;
	}
	
	.contenedor-caja-reportes > div:nth-child(2) .caja-blanca {
		width: 100%;
	}

	.modal-custom-bienvenida {
		width: 95%;
	}

	.contenedor-mensaje-bienvenida .mensaje {
		width: 100%;
	}

	.banner-home {
		min-height: 250px;
		background-size: cover;
	}

	.contenedor-banner-home-textos {
		width: 100%;
	}

	.contenedor-banner-home-textos .textos p:nth-child(1) {
		font-size: 24px;
	}
	
	.contenedor-banner-home-textos .textos p:nth-child(2) {
		font-size: 18px;
	}

	.contenedor-header {
		justify-content: center;
	}


}