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


	body#body-principal {
		background-size: cover;
		background-repeat: repeat-y;
	}

	.div-login {
		background-color: rgba(255, 255, 255, 0.9);
		height: 930px;
		width: 90%;
		padding: 10px 10px 10px 10px;
		margin: 10px 20px 20px 20px;
	}

	.img-logo-index {
		display: none;
	}


	.texto-index {
		display: none;
	}

	.texto-index-login {
		display: block;
		font-size: 16px;
		margin-bottom: 20px;
	}


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


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


	.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: #00786F;
		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: #00786F;
		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;
	}

	.contenedor-sapadquisiciones-fila.dos {
		border-radius: 0;
		padding-bottom: 30px;
	}

	.contenedor-sapadquisiciones-fila.dos:after {
		display: none;
	}

	.contenedor-sapadquisiciones-fila.dos .bloque-uno:before {		
		top: -50px;
		font-size: 18px;
	}

	.contenedor-sapadquisiciones-fila.dos .bloque-dos:before {		
		top: -50px;
		font-size: 18px;
	}




	.contenedor-teleconsultas-fila .leccion {		
		width: 45%; 
	}

	.contenedor-teleconsultas-fila.uno .leccion {
		width: 45% !important;
	}

	.contenedor-teleconsultas-fila.dos .leccion:nth-child(1),
	.contenedor-teleconsultas-fila.dos .leccion:nth-child(4) {
		margin-top: 0;
	}

	.contenedor-teleconsultas-fila.dos .leccion:nth-child(2),
	.contenedor-teleconsultas-fila.dos .leccion:nth-child(3) {
		margin-top: 0;
	}


	.btn-examen-desde-fullscreen {
		width: 90%;
		left: 5%;
	}


	.contenedor-header > div {
		width: 49%;
	}

	.contenedor-header > div:nth-child(1) img {
		max-width: 200px;
	}


}