/* MEDIA QUERIES ------------------------------------------------------------------------------------------------------------------ */

/* Pantalla 3480x2160 16:9 4K -------------------------- */
@media only screen and (min-width:2561px) {
	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }	


}

/* Pantalla 3480x2160 16:9 4K -------------------------- */
@media only screen and (min-width:2651px) and (max-width: 3840px) {
	
	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }	
	
	.bloqueBotones {
		display: none !important;
	}
	
}


/* Pantalla 2560x1440 16:9 2K -------------------------- */
@media only screen and (min-width:1921px) and (max-width: 2560px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

}


/* Pantalla 1920x1080 16:9 ----------------------------- */
@media only screen and (min-width:1681px) and (max-width: 1920px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	
}


/* Pantalla 1680x1050 16:10 ---------------------------- */
@media only screen and (min-width:1367px) and (max-width: 1680px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}
	
	#bNombreBuscadorU {
		width: calc(100% - 160px);
	}

	#bYears {
		width: 120px;
	}

	#bEstado {
		width: 30%;
	}

	#bDepartamentoBuscadorU, #bCentroBuscadorU, #bProvinciaBuscador, #bLocalidadBuscadorU {
		width: calc(17% - 15px);
	}

}


/* Pantalla 1366x768 16:9 ------------------------------ */
@media only screen and (min-width:1281px) and (max-width: 1366px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	#bNombreBuscadorU {
		width: calc(100% - 160px);
	}

	#bCentroBuscadorU {
		width: calc(100% - 890px);
	}
	
	#asistencias thead th {
		padding: 5px 5px;   
		font-size: 0.9em;
	}
	
	#asistencias tbody td {
		padding: 5px 5px;
		font-size: 0.9em;
	}

	#bEstado, .bFecha {
		width: 15% !important;
	}

	#bDepartamentoBuscadorU, #bCentroBuscadorU, #bProvinciaBuscador, #bLocalidadBuscadorU {
		width: calc(17% - 15px);
	}


}




/* Pantalla 1280x720 16:9 ------------------------------ */
@media only screen and (min-width:1025px) and (max-width: 1280px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	.bApellidosU {
		width: calc(100% - 540px);
	}	

	.bEmailU {
		width: 33%;
	}

	#bNombreF, #bEmailF {
		width: 40%;
	}

	.bApellidosP {
		width: calc(100% - 540px);
	}	

	.bEmailP {
		width: calc(100% - 480px);
	}	

	#bNombreBuscadorU {
		width: calc(100% - 140px);
	}

	#bYears {
		width: 100px;
	}

	#bDepartamentoBuscadorU, #bCentroBuscadorU, #bProvinciaBuscador, #bLocalidadBuscadorU {
		width: calc(17% - 15px);
	}


}


/* Pantalla 1024x600 16:10 ----------------------------- */
@media only screen and (min-width:960px) and (max-width: 1024px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	#bTituloBuscador {
		width: calc(100% - 740px);
	}

	#bCategoriaBuscador {
		width: 100px;
	}	

	#bNombreBuscadorU {
		width: calc(100% - 370px);
	}

	#bDepartamentoBuscadorU {
		width: 200px;
	}

	#bCentroBuscadorU {
		width: calc(100% - 630px);
	}
	
}


/* Tablet (< 959px) ------------------------------------ */
@media only screen and (min-width:768px) and (max-width: 959px) {
	
	.show-mobile { display:none !important; }
	.show-tablet { display:inherit !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:none !important; }
	.hide-screen { display:inherit !important; }	
	
	th.show-tablet { display:table-cell !important; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-screen { display:table-cell !important; }	
	td.show-tablet { display:table-cell !important; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-screen { display:table-cell !important; }	

	#contenedor {
	    width: 100%;
	    min-height: 100vh;
	    margin: 0px;
	}

	.bloqueNuevoVideo {
	    width: calc(100% - 330px);   
	    margin: 0px;
	    padding: 0px;
	}
	
	.bloquePlayer {
		width: 300px;
	}
	
	#bTitularBuscador {
		width: calc(100% - 570px);
	}

	#bLogin {
		width: calc(50% - 20px);
	}
	
	#bPassword {
		width: calc(50% - 20px);
	}
	
	#bConfirmacionPassword {
		width: calc(50% - 20px);
	}
	
	#bPermisos {
		width: calc(50% - 20px);
	}		
	
	.opcionMenu p {
	    line-height: 1em; 
	    font-size: .75em;
	}	
	
	.colgadorSubTabla {
	    background-size: 70px auto;
	}
	
	td.botonesTabla img {
		width: 25px;
	    margin: 0px 5px 5px 5px !important;
	}	
	
	.bloqueGaleria, .bloqueVideo {
		width: calc(33% - 15px);
		margin: 10px 0px 10px 0px;
	}
	
	#previoImagenContenedor {
 	   width: 90%;
       margin: 10px auto 10px auto;
	}
	
	.bloqueBotones {
		display: none !important;
	}	
	
	.datosSubidaFotos p.mensajeEstado {
		font-size: 0.9em;
	}	
	
	#calendario {
		width: 60%;
		margin: 0px auto 20px auto;
	}
	
	#bloqueEventos .tablaResultados {
		width: 100%;
	}

	#bTituloBuscador {
		width: 100%;
	}

	#bCategoriaBuscador {
		width: calc(100% - 620px);
	}	

	#bNombreBuscadorU {
		width: calc(100% - 160px);
	}

	#bYears {
		width: 100px;	
	}

	#bDepartamentoBuscadorU, #bCentroBuscadorU, #bProvinciaBuscador, #bLocalidadBuscadorU, #bSexo {
		width: 30%;
	}
		
	.especialidad {
		width: calc(50% - 10px)
	}

	.informes {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}

	#bFechaDesdeBuscador, #bFechaHastaBuscador {
		margin-right: 0px !important;
	}

	#bTitulacionesBuscador {
		margin: 0px auto;
		width: 100%;
	}

}


/* Mobile (portrait) ----------------------------------- */
@media only screen and (max-width:767px) {
	
	.show-mobile { display:inherit !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:inherit !important; }
	
	th.show-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	th.hide-screen { display:table-cell !important; }	
	td.show-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }
	td.hide-screen { display:table-cell !important; }
	td span.show-mobile { display:inline !important; }	
	
	body {
		padding-top: 45px;
	}

	#cabecera {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9;
		margin: 0px;
		padding: 5px 10px;
		height: 50px;
		justify-content: flex-end;  
	}
	
	#cabecera img {
		height: 30px;
	 	/*filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8));*/
	}
	
	#pie {
		font-size: .6em;
	}
	
	#menu {
		display: none;
	}
	
	#contenedor {
		margin: 0px;
		padding-top: 50px;
	    width: 100%;
	    min-height: 100vh;
	}
	
	#contenido {
	    margin: 5px;
	}	

	#ayuda {
	    margin-bottom: 20px;
	    padding: 5px;
	} 
	
	#ayuda #info {
		width: 100%;
	}
	
	#ayuda #info img {
	    width: 30px;
	    height: 30px;
	}
	
	#ayuda #info p {
		width: calc(100% - 35px);
	    font-size: .7em;
	}	
	
	#ayuda div.bMas {
		display: none;
	}

	#ayuda div.bMas.ver {
		display: table;
		margin: 10px auto;
	}	
		
	#bTitularBuscador {
		width: 100%;
	}
	
	.bFecha {
		width: 100%;
		margin-right: 0px;
	}
	
	.bFecha {
		width: calc(50% - 5px);
		margin-right: 0px;
	}

	.bFecha input , .bFecha input {
		width: 100%;
	}
	
	#bCategoria {
		width: 100%;
		margin-right: 0px;
	}	

	.botonBuscar, .botonVerTodo {
		margin: 0px 0px 5px 0px;
	}
	
	.botonesTabla {
		width: 25px !important;
		vertical-align: top;
	}
	
	.menuBotones {
		margin: 0px auto !important;
		display: block;
	}
		
	.botonesTabla div {
		display: none;
	}
	
	.colgadorSubTabla {
	    background-size: 35px auto;
	}
	
	td.botonesTabla img {
		width: 25px;
	    margin: 0px 5px 0px 5px;
	}		
	
	.bloqueGaleria, .bloqueVideo {
		width: 100%;
		margin: 5px 0px 20px 0px;
	}	
	
	#bTags {
		width: 100%;
		margin-right: 0px;
	}	
	
	#bTag {
		width: calc(100% - 32px);
	}	
	
	#bVolver {
		margin-top: 30px;
	}	
	
	.bloqueNuevoVideo {
	    width: 100%;   
		margin-bottom: 10px;
	}
	
	.bloquePlayer {
		width: 100%;
	}	
	
	.bloqueLogosPlataformas img {
		height: 35px !important;
		margin: 5px 10px !important;
	}
	
	.numResultadosPaginacion {
		display: none;
	}	
	
	.datosRecorte {
		display: none;
	}
	
	#previoImagenContenedor {
 	   width: 100%;
       margin: 10px auto 10px auto;
	}	
	
	#bLogin {
		width: 100%;
	}
	
	#bPassword {
		width: 100%;
	}
	
	#bConfirmacionPassword {
		width: 100%;
	}
	
	#bPermisos {
		width: 100%;
	}	
	
	#bNombreSeccion {
		width: calc(100% - 120px);
	}
	
	#bPaginaSeccion {
		width: 100%;
	}	
		
	#bEmailSus {
		width: 100%;
	}
	
	#bNombreSus {
		width: 100%;
	}
	
	#bProvinciaSus {
		width: 100%;
	}
	
	#bLocalidadSus {
		width: 100%;
	}
	
	#bTelefonoSus {
		width: 100%;
	}	
	
	#bTituloBoletin {
		width: 100%;
	}
	
	#bSelectorVideos .flex {
		justify-content: center; 	
	}	
	
	#bSelectorVideos #i {
		width: 100%;
	}
	
	#bSelectorVideos .bloquePlayer {
		width: 50%;
		margin-top: 10px;
	}

	#bTituloSlide, #bTextoSlide, #bEnlaceSlide, #bTextoEnlaceSlide {
		width: 100% !important;
	}
	
	.datosSubidaFotos {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

	.datosSubidaFotos p.mensajeEstado {
		width: 100%;
		font-size: 1em;
	}
	
	#calendario {
		width: 90%;
		margin: 0px auto 20px auto;
	}
	
	#bloqueEventos .tablaResultados {
		width: 100%;
	}	

	#bTituloBuscador, #bNombreBuscador {
		width: calc(50% - 5px);
	}

	#bCategoriaBuscador {
		width: calc(50% - 5px);
	}	
		
	.especialidad {
		width: calc(100% - 10px)
		
	}

	#bNombreBuscadorU {
		width: calc(100% - 160px);
	}

	#bYears {
		width: 100px;	
	}

	#bNombreBuscadorU, #bYears, #bDepartamentoBuscadorU, #bCentroBuscadorU, #bProvinciaBuscador, #bLocalidadBuscadorU, #bSexo, #bEstado {
		width: 100%;
	}

	.bFecha {
		margin-right: 20px !important;
		width: calc(47% - 10px) !important;
	}

	#bLocalidad, #bCP, #bGradoDependencia, #bMinusvalia, .bCausaBaja, .bMotivo {
		width: calc(50% - 10px) !important;
	}

	.informes {
		margin-bottom: 10px !important;
	}

	#bTitulacionesBuscador {
		width: 100%;
		margin-right: 10px;
	}

	#bFechaDesdeBuscador, #bFechaHastaBuscador {
		margin-right: 0px;
		width: calc(45% - 10px);

	}

	#bIdentificacion, #bNombreU, .bApellidosU, .bEmailU, .bTelefono, #bDireccion, #bNombreF, .bEmailF, .bMotivoBaja {
		width: 100%;
	}
}


/* Mobile (landscape) ---------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.show-mobile { display:inherit !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:inherit !important; }
	
	th.show-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	th.hide-screen { display:table-cell !important; }	
	td.show-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }
	td.hide-screen { display:table-cell !important; }
	td span.show-mobile { display:inline !important; }	

	.bloqueGaleria, .bloqueVideo {
		width: calc(50% - 10px);
		margin: 10px 0px 10px 0px;
	}
	
	#bLogin {
		width: calc(50% - 20px);
	}
	
	#bPassword {
		width: calc(50% - 20px);
	}
	
	#bConfirmacionPassword {
		width: calc(50% - 20px);
	}
	
	#bPermisos {
		width: calc(50% - 20px);
	}		

	#calendario {
		width: 60%;
		margin: 0px auto 20px auto;
	}
	
}