/* -------------------- CSS RESPONSIVO -------------------- */
	
/* Clase especial */
	.movil{
		display:none !important;
	}
	
/* Ajustes en header a pantallas menores a 900 px de ancho */
	@media all and (max-width:900px){
		#notificacion_mensajes,#notificacion_alertas,#notificacion_sistema{
			margin-right:12px;
		}
		#menu_secretarias>span{
			font-size:18px;
		}
	}
	
/* Ajustes a pantallas menores a 768 px de ancho */
	@media all and (max-width:768px){
	/* Clase especial */
		.movil{
			display:block !important;
		}
		
	/* Estilos generales */
		#contenedor_general{
			min-width:320px;
		}
	
	/* Estilos del header */
		#header_contenido{
			background:#303030;
			height:70px;
		}
	
	/* Ajuste al menú de secretarías */
		#menu_secretarias{
			width:60px;
			height:70px;
			background-size:60px auto !important;
			float:left;
		}
		#menu_secretarias>span{
			display:none;
		}
		#menu_secretarias_contenido{
			margin-top:70px;
			width:310px;
		}
		#menu_secretarias_contenido>input{
			font-size:14px;
		}
		
	/* Ajuste al menú de sistema (notificaciones) */
		#menu_sistema{
			width:260px;
			padding-top:12px;
		}
		#notificacion_mensajes,#notificacion_alertas,#notificacion_sistema{
			margin-right:24px;
		}
	
	/* Ajustes al menú de usuario */
		#menu_usuario>span{
			font-size:12px;
			margin-top:6px;
		}
	
	/* Ajustes al menú lateral */
		#menu_lateral{
			width:80%;
			max-width:300px;
			float:none;
			position:fixed;
			top:0;
			bottom:0;
			left:-100%;
			box-shadow:#000 0 0 60px -10px;
			padding-top:100px;
            z-index:3;
		}

	/* Boton de apertura/cierre de menú lateral */
		#menu_lateral_opener{
			width:24px;
			height:60px;
			line-height:60px;
			font-size:28px;
			text-align:center;
			background:#606060;
			color:#FFF;
			cursor:pointer;
			position:fixed;
			bottom:40%;
			left:0;
			border-top-right-radius:4px;
			border-bottom-right-radius:4px;
		}
	
	/* Ajustes a los estilos del contenido */
		#contenido{
			width:100% !important;
			float:none;
			padding:100px 1em 100px 1em;
		}
		input.med,select.med{
			width:100% !important;
		}
		input.max,select.max,textarea{
			width:100% !important;
		}
		
		p{
			margin:40px 0 40px 0;
		}
		p.med{
			width:60%;
			min-width:260px;
		}
		p.max{
			width:90%;
			min-width:310px;
		}
		p.min{
			width:40%;
			min-width:200px;
		}
		h1{
			font-size:36px;
		}
	}