/*####################################################
##													##
## LUIS FELIPE NOE									##
## 													##
## GLOBAL.CSS										##
## 													##
## 													##
## Estilo CSS										##
## Estilos globales para el panel de administración	##
##													##
##													##
####################################################*/

@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, form, label, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { /* HTML5 en navegadores viejos */
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* ESTILOS GLOBALES */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {	/* Divs fix */
	overflow-y: scroll;
}

body {
	height: 100vh;
	font-size: 12px;
	color: #333;
	font-family: 'Open Sans', sans-serif !important;
	background: #fff;
}

a {
	color: #069;
	text-decoration: none;
}

	a:hover {
		color: #039;
	}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.center {
	text-align: center !important;
}

.middle {
	vertical-align: middle;
}

.padding-10 {
	padding: 10px;
}

.padding-15 {
	padding: 15px;
}

.padding-20 {
	padding: 20px;
}

.rojo {
	color: #f00;
}
	
.hightlight {
	background: #FC9;
}

.opacidad-100 {
	opacity: 1;
	filter: alpha(opacity=100); /* Familia IE */
}

	.opacidad-80 {
		opacity: 0.8;
		filter: alpha(opacity=80); /* Familia IE */
	}

	.opacidad-60 {
		opacity: 0.6;
		filter: alpha(opacity=60); /* Familia IE */
	}

.escalar {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.escalar:hover {
		-webkit-transform: scale(0.90);
    	-moz-transform: scale(0.90);
    	-ms-transform: scale(0.90);
    	-o-transform: scale(0.90);
    	transform: scale(0.90);
	}
		
/*.warnings {
	display: none;
}

.info, .warning, .success, .error {
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #fff;
}

.info {
	background-color: #BDE5F8;
	background-image: url('../../css/imgs/info.png');
	color: #00529B;
	border: 1px solid #a9cedf;
}

.warning {
	background-color: #FEEFB3;
	background-image: url('../../css/imgs/warning.png');
	color: #9F6000 !important;
	border: 1px solid #e2d59f;
}

.success {
	background-color: #DFF2BF;
	background-image: url('../../css/imgs/success.png');
	color: #4F8A10;
	border: 1px solid #bdcea1;
}

.error {
	background-color: #FFD2D2;
	background-image: url('../../css/imgs/error.png');	
	color: #D8000C;
	border: 1px solid #e4bcbc;
}*/

.activo {
	color: #4caf50;
}

.inactivo {
	color: #f00;
}

.online,
.offline {
	font-size: 12px !important;
}

	.online {
		color: #4caf50;
	}

	.offline {
		color: #999;
	}

.mensaje-cargando {
	padding: 20px;
	padding-left: 30px;
	background: url('../../css/imgs/loading.gif') no-repeat center left;
	background-size: auto;
	font-size: 14px;
	font-weight: bold;
}

.loading {
	margin: auto;
	width: 16px;
	height: 11px;
	background: url('../../css/imgs/loading.svg') no-repeat center left;
	display: none;
}

.loading2 {
	margin: auto;
	width: 28px;
	height: 28px;
	background: url('../../css/imgs/loading.svg') no-repeat center left;
	background-size: contain;
	display: none;
}

.overlay {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 200px rgba(0,0,0,0.9) inset;
	display: none;
	position: absolute;
	z-index: 100;
}

.tip {
	padding: 10px;
	padding-left: 35px;
	background: #fbfbfb url('../../css/imgs/tip-icon.png') no-repeat 10px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	border: 1px solid #ddd;
	cursor: default;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
	
.help {
	padding: 0px 5px;
	background: #ddd;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	border: 1px solid #c1c1c1;
	cursor: help;
	position: relative; top: -2px; left: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

	.help:before {
		content: "?";
	}

	.help:hover {
		background: #ccc;
	}

.notice {
	padding: 10px 20px; 
	background: #fc6; 
	border: 1px solid #f93; 
	text-shadow: none;
	line-height: 20px;
}

.cerrar-aviso {
	padding: 10px 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	cursor: pointer;
	text-shadow: none;
	position: relative; top: -4px;
}

	.cerrar-aviso:after {
		content: "✖";
	}

		.cerrar-aviso:hover {
			color: #f00;
		}

.centrar {
	margin: auto;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}

.interface {
	background: rgba(255, 255, 255, 0.9);
}

.button {
	background: #6E6E6E;
	border: 1px solid #979797;
	font-size: 11px;
	color: #ffffff !important;
	font-weight: 600;
	letter-spacing: -0.36px;
	line-height: 0.8;
	padding: 10px 15px;
	text-align: center;
	margin: 10px 0 0;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.button:hover {
		background: #EC008C;
	}

	.big-button {
		padding: 20px 30px;
	}

	.button-disabled {
		background: #eee !important;
		border: 1px solid #ccc !important;
		color: #333 !important;
		text-shadow: none !important;
		cursor: default !important;
	}

/* INPUTS */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-family: 'Open Sans', sans-serif;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-family: 'Open Sans', sans-serif;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	font-family: 'Open Sans', sans-serif;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	font-family: 'Open Sans', sans-serif;
}

input,
textarea {
	font-family: 'Open Sans', sans-serif;
}

label {
	margin-right: 20px;
    cursor: pointer;
    font-size: 16px;
	color: #000000;
	/*letter-spacing: -0.52px;*/
	line-height: 24px;
	font-weight: 600;
	width: 100%;
	margin: 0 0 15px;
	text-align: left;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label label {
	font-weight: normal;
}

	label label:first-child {
		margin-top: 5px;
	}

input[type='checkbox'] {
	cursor: pointer !important;
}

input[type='text'],
input[type='text'],
input[type='number'],
input[type='number'],
input[type='password'],
input[type='password'],
input[type='date'],
input[type='email'],
select,
textarea {
	margin-top: 5px;
	width: 100%;
	font-size: 16px;
	color: #000000;
	letter-spacing: -0.52px;
	line-height: 24px;
	background: #F0F0F0;
	padding: 5px 10px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif !important;
	/*border: 1px solid #23D100;*/
	border: 1px solid #ccc;
}

/* Fix para FileManager dentro de FancyBox */

.fancybox-inner {
	height: 550px !important;
}

/* DETALLES / SUMARIO */

details {
	margin: 5px;
}

	details summary {
		outline: none;
		cursor: pointer;
	}

	details p,
	details ul {
		margin: 10px;
		font-size: 11px;
	}

	details ul {
		list-style-type: square;
		list-style-position: inside;
	}

		details ul li {
			padding: 5px;
		}

.procesando {
	padding: 5px;
	padding-left: 30px;
	background: url('../../css/imgs/loading.svg') no-repeat center left;
	background-size: contain;
	font-size: 14px;
	font-weight: bold;
	display: none;
}

.clickeable {
	cursor: pointer;
}

#global {
	margin: auto;
}

	/* PRECARGA DE IMÁGENES */

	/* Contenedor de imagen en precarga */

	.precarga {
		margin-left: auto; 
		margin-right: auto;
		width: 130px;
		/*height: 130px;*/
		-webkit-filter: blur(10px);
		filter: blur(10px);
		position: absolute; 
		left: 0; 
		right: 0; 
		/*top: 20px;
		left: 80px;*/
		z-index: 10;
	}

	.bloque-resultado .precarga {
		width: 100%;
		height: 150px;
	}

	/* Contenedor de las imágenes en precarga */

	.datos-elemento,
	.bloque-resultado {
		position: relative;
	}

		.datos-elemento img.completa,
		.bloque-resultado img.completa {
			opacity: 0;
		}

		.bloque-resultado img {
			object-fit: cover;
			width: 100%;
			height: 150px;
		}

	/* OVERLAY */

	#overlay-pantalla {
		width: 100%;
		height: 100%;
		position: absolute;
		background: #111;
		z-index: 100;
		opacity: 0.5;
		display: none;
	}

	/* LOGIN */
	/* Cambio en el tamaño del fondo para el panel de login */

	#body-login {
		background: #f5f5f5 url('../../css/imgs/bg_login.jpg') no-repeat center center fixed; 
		-webkit-background-size: cover;
	   	-moz-background-size: cover;
	    -o-background-size: cover;
		background-size: cover;
		transition: 0.5s all;
	}

	/* ERROR */
	
	#sys-error {
		width: 600px;
		margin: auto;
		margin-top: 100px;
		padding: 50px;
	}
	
		#sys-error-msg { }
		
			#sys-error-msg ul {
				margin: 10px;
				margin-left: 20px;
			}
			
				#sys-error-msg ul li {
					list-style: square;
				}

	/* Aviso de cambios guardados */

	#changes-saved {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 14px;
		display: none;
		box-shadow: 0px 0px 10px #111;
		position: fixed; top: 0; left: 0; right: 0;
		z-index: 100;
	}

		#changes-saved div {
			padding: 15px 10px 15px 0px !important;
		}

	/* LOGIN */

	#login-container-wrapper {
		width: 470px;
		height: 300px;
	}

		#login-container {
			    width: inherit;
			    height: 235px;
			    padding: 30px 50px;
		}

			#login-header {
				margin-bottom: 20px;
			}
		
				#login-header img {
					width: 100%;
					vertical-align: middle;
				}
				
				#login-container input[type="text"],
				#login-container input[type="password"] {
					    float: left;
					    clear: both;
					    width: 100%;
					    margin: 0 0 10px;
					    font-size: 16px;
					    color: #000000;
					    letter-spacing: -0.52px;
					    line-height: 0.8;
					    padding: 5px 10px;
					    background: #ffffff;
					    border: 1px solid #000000;
				}
				
				#login-container input[type='checkbox'] {
					position: relative; top: 1px;
				}

				#login-container label {
					width: auto !important;
					display: inline !important;
				}

				#login-container .loading2 {
					float: right;
					position: relative; top: 10px;
				}
			
			/* Estilo para el div #warnings */
				
			.login-adm #warnings {
				margin: 15px auto;
				display: none;
			}
			
			/* Estilo para el div .loading */
			
			.login-adm .loading {
				position: absolute; top: 191px; left: 235px;
			}
			
			/* Inicio de sesión bloqueado */
			
			#blocked {
				text-align: center;
				font-size: 14px;
			}

			/* Estilo para Font Awesome */

			#enlace-frontend {
				font-size: 24px;
				color: #fff;
				text-shadow: 1px 1px 1px #333;
				position: absolute; top: 15px; left: 15px;
			}

			.fa-star {
				color: #0099cc;
			}

			.fa-trash,
			.fa-trash-o {
				color: red;
			}

			/* Propiedad LFN */

			.propiedad-lfn {
				font-style: normal; 
				font-size: 14px;
				font-weight: bold;
				cursor: default;
			}
		
	/* PANEL DE ADMINISTRACIÓN */
	
	.adm-panel {

	}
	
		/* HEADER */

		header {
			background: #FBF029;
		}
		
			#panel-header {
				padding: 25px 0;
				margin: auto;
				margin-bottom: 20px;
				max-width: 1300px;
			}

				#panel-header .left {
					width: 27%;
				}

					#panel-header img {
						width: 270px;
						vertical-align: middle;
					}

					/* Cuadro de diálogo de las opciones del administrador */

					#opciones-administrador {
						font-size: 20px;
						position: relative; top: 5px; left: 10px;
					}

						#dialogo-opciones-administrador {
							width: 300px;
							height: 160px;
							background: #f1f1f1;
							border: 1px solid #ccc;
							box-shadow: 0 0 15px #222;
							display: none;
							position: fixed;
							z-index: 101;
						}

							#titulo-dialogo-opciones-administrador {
								height: 30px;
								background: #e1e1e1;
								position: relative;
							}

								#dialogo-opciones-administrador p {
									position: absolute; top: 9px; left: 10px;
									font-weight: bold;
									cursor: default;
								}

								#cerrar-dialogo-opciones-administrador {
									font-size: 20px;
									font-weight: bold;
									color: #333;
									position: absolute; top: 5px; right: 7px;
								}

									#cerrar-dialogo-opciones-administrador:hover {
										color: #f00;
									}

							.contenedor-opciones-administrador {
								margin: 9px;
								width: 80px;
								height: 80px;
								text-align: center;
								position: relative; top: 25px; left: 5px;
							}

								.contenedor-opciones-administrador a {
									font-weight: 600;
								}

									.contenedor-opciones-administrador i {
										margin-bottom: 5px;
										font-size: 40px;
										display: block;
										color: #333;
									}

									.contenedor-opciones-administrador a:hover,
									.contenedor-opciones-administrador a:hover i {
										color: #069 !important;
									}

				/* Parte derecha de la cabecera */

				#panel-header .right {
					width: 65%;
					margin-top: 5px;
					position: relative;
				}

					#panel-header .right ul {
						float: right;
						padding: 0;
					}

						#panel-header .right ul li {
							margin: 0 0 0 10px;
							float: left;
							list-style: none;
						}

							#panel-header .right ul li:first-child {
								margin: 0;
							}

							#panel-header .right ul li a {
								background: none;
								color: #000000;
							    letter-spacing: 0px;
							    line-height: 0.95;
							    display: block;
							    float: left;
								font-weight: 400;
								font-size: 14px;
							    position: relative;
							    -webkit-transition: all 0.3s ease-in-out;
							    -moz-transition: all 0.3s ease-in-out;
							    -o-transition: all 0.3s ease-in-out;
							    transition: all 0.3s ease-in-out;
							}

								#panel-header .right ul li a:before {
									content: "";
								    display: block;
								    position: absolute;
								    left: 0; 
								    bottom: -34px;
								    width: 0;
								    height: 5px;
								    opacity: 0;
								    background: #00AEEF;
								    -webkit-transition: all 0.3s ease-in-out;
								    -moz-transition: all 0.3s ease-in-out;
								    -o-transition: all 0.3s ease-in-out;
								    transition: all 0.3s ease-in-out;
								}

									#panel-header .right ul li a:hover {
										color: #00AEEF;
									}

									#panel-header .right ul li a:hover:before {
										width: 100%;
		 								opacity: 1;
									}

								/* Link activo del navbar */

								.navbar-link-activo {
									color: #00AEEF !important;
								}

									.navbar-link-activo:before {
										content: "" !important;
									    display: block !important;
									    position: absolute !important;
									    left: 0 !important; 
									    bottom: -34px;
									    width: 100% !important;
			 							opacity: 1 !important;
									    height: 5px !important;
									    background: #00AEEF !important;
									}

					/* Desplegar menú del navbar (para móviles) */

					#desplegar-menu-navbar {
						display: none;
					}

		/* PRINCIPAL */

		/* Búsqueda global */

		#busqueda-global {
			width: 300px; 
			position: absolute; 
			right: 50px; 
			top: 45px;
		}

			#busqueda-global button {
				background: none;
				border: none;
				cursor: pointer;
				bottom: 10px;
				right: 5px;
			}

		/* NAVBAR */
		
		/* En el header */

		/* CONTENT */
		
		#panel-content {
			margin: auto;
			max-width: 1300px;
		}
		
			#panel-content-inner {
				
			}

				#principal {
					width: 76%;
				}

				/* SIDEBAR */

				#sidebar {
					width: 23%;
					min-height: 800px;
					padding: 20px;
					background: #E7E7E7;
					font-size: 14px;
					font-weight: 600;
					position: sticky;
					top: 0;
				}

					#rango-periodos {
						margin-top: 20px;
					}

					#datos-rango-periodos {
						margin-bottom: 20px;
						background: #e7e7e7;
						border: 0; 
						font-weight: 600;
						font-size: 14px;
						padding: 0;
					}

						#slider-range {	
							margin-top: 10px;
						}

					/* Búsqueda */

					#contenedor-busqueda {
						position: relative;
					}

						#buscar {
							width: 100%;
							background: #f5f5f5;
							font-size: 12px !important;
						}

						#iniciar-busqueda {
							position: absolute; bottom: 11px; right: 10px;
						}

						#ultimas-busquedas {
							margin-top: 10px;
						}

							#ultimas-busquedas a {
								padding: 5px;
								display: block;
							}

						#eliminar-busqueda {
							margin-top: 10px;
							display: none;
						}

				/* CONTENEDOR PRINCIPAL */

				#panel-content-inner input[type="checkbox"] {
					position: relative; 
					top: 1px;
				}

					/* TÍTULOS DE SECCIÓN / SIDEBAR */
				
					.section-title {
						float: left;
						clear: both;
						width: 100%;
						position: relative;
					}
					
						.section-title h3 {
							font-weight: 700;
							font-size: 43px;
							color: #EC008C;
							letter-spacing: -1.4px;
							position: relative;
							float: left;
							margin: 0 0 20px;
							width: 100%;
						}

							.section-title h3:before {
								content: "";
							    width: 100%;
							    height: 2px;
							    background: #EC008C;
							    position: absolute;
							    left: 0;
							    bottom: 5px;
							    z-index: 1;
							}

							.section-title h3 span {
								background: #ffffff;
								z-index: 1;
								position: relative;
								float: left;
								padding: 0 10px 0 0;
								z-index: 2;
							}

						/* OPCIONES EN LA SECCIÓN DEL TÍTULO */

						.title-options {
							padding: 10px;
							background: #fff;
							position: absolute; top: 1px;
							z-index: 3;
						}

							.title-options img {
								-webkit-transition: all 0.3s ease-in-out;
							    -moz-transition: all 0.3s ease-in-out;
							    -o-transition: all 0.3s ease-in-out;
							    transition: all 0.3s ease-in-out;
							}

								.title-options img:hover {
									opacity: 0.5;
								}

						#listar-como-tabla,
						#listar-normal {
							right: 40px;
						}

							#listar-normal img {
								-ms-transform: rotate(90deg);
	    						-webkit-transform: rotate(90deg);
	    						transform: rotate(90deg);
							}

						/* Desplegar filtros (para dispositivos móviles) */

						#desplegar-filtros {
							display: none;
						}

						#agregar-elemento {
							right: 0px;
						}
						
						/* Variante de estilo del sidebar */

						#sidebar h3 {
							color: #00AEEF;
							font-size: 25px;
						}

							#sidebar h3:before {
							    background: #00AEEF;
							    bottom: 3px;
							}

							#sidebar h3 span {
								background: #E7E7E7;
							}
						
						#section-description {
							margin-bottom: 15px;
							font-size: 14px;
							line-height: 20px;
						}
						
						/* BREADCRUMB */
						
						#breadcrumb-container {
							margin-bottom: 15px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							font-style: italic;
						}
						
							#breadcrumb-container .separator {
								padding: 0 5px;
								position: relative; top: -1px;
							}

						/* SUB-SECCIONES (FIELDSETS) */

						.sub-seccion {
							margin: 15px auto;
							position: relative;
						}

							fieldset {
								margin: 20px auto;
								padding: 10px;
								border: none;
								border-top: 2px solid #00AEEF;
								position: relative;
							}

								fieldset legend {
									padding-left: 15px;
									background: #fff;
									color: #00AEEF;
		    						font-size: 25px;
		    						position: relative; top: -8px; left: -10px;
								}

								/* Estadísticas rápidas */

								.stats {
									display: grid;
									grid-template-columns: repeat(auto-fill, 150px);
									grid-template-rows: 1fr;
									/*justify-content: center;*/
								}

									.fieldset-item {
										padding: 10px;
										text-align: center;
									}

										.fieldset-item h3 {
											margin-bottom: 20px;
											font-size: 16px;
											font-weight: 500;
											color: #999;
										}

										.fieldset-item p {
											margin-bottom: 20px;
											font-size: 22px;
											color: #00AEEF;
										}

										.fieldset-item a {
											font-size: 14px;
										}

										fieldset textarea {
											width: 100%;
											padding: 10px;
											resize: vertical;
										}

								/* Acciones (Guardar, Cancelar, etc) */

								.acciones {

								}

									.acciones a,
									.acciones input {
										margin: 0;
										display: inline-block;
									}

									.acciones label {
										width: auto !important;
										display: inline !important;
									}

									.acciones input[type='checkbox'] {
										margin: 0 5px 0 10px;
									}

					/* Contenedor de la sección principal */

					.contenedor-principal {
						width: 100% !important;
						position: relative;
					}

						/* Estilo genérico para tablas (Con thead y tbody) */

						.tabla {
						    line-height: 1.2em;
						    font-weight: 600;
						    font-size: 16px;
						}

							.tabla thead th,
							.tabla thead tr {
								text-align: left;
								color: #00AEEF;
							}

								.tabla th,
								.tabla td {
									padding-top: 10px;
							        padding-bottom: 10px;
							        padding-left: 10px;
							        padding-right: 10px;
								}

							.tabla tbody tr {
								background: #F9F9F9;
							}

								.tabla tbody tr:hover {
									background: #eee !important;
								}

								.tabla tbody td {
									border-bottom: 8px solid #fff;
								}

							.tabla label {
								width: auto !important;
								display: inline !important;
							}

						/* Estilo genérico para tablas (Como en Configuración) */

						.tabla-edicion {
							margin: 10px;
						    width: 100%;
						    font-size: 14px;
						}

							.tabla-edicion tr td {
								padding: 10px;
							}

							.tabla-edicion input[type='text'],
							.tabla-edicion input[type='number'],
							.tabla-edicion input[type='password'],
							.tabla-edicion input[type='email'],
							.tabla-edicion select {
								width: 40%;
							}

							.tabla-edicion label,
							.niveles-acceso-administrador label {
								width: auto !important;
								display: inline !important;
							}

								.tabla-edicion label:first-child,
								.niveles-acceso-administrador label:first-child {
									margin-right: 10px;
								}

						/* Anuncios */

						#announces-history {
							display: none;
						}

						/* Información del servidor */
							
						.sys-info {
							margin: 10px;
							width: 100%;
							font-size: 14px;
						}
						
							.sys-info tr td {
								padding: 10px;
							}

					/* Admon. de archivos */

					#ventana-administrador-archivos {
						position: relative;
					}

						#ventana-administrador-archivos .mensaje-cargando {
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}

						#ventana-administrador-archivos iframe {
							position: relative;
							z-index: 2;
						}

					/* BÚSQUEDA GLOBAL */

					#busqueda.contenedor-busqueda {
						width: 100%;
					}

						.contenedor-busqueda #busqueda-global {
							width: inherit;
							position: static;
						}

							.contenedor-busqueda #busqueda-global input {
								width: 100%;
							}

						#contenedor-resultados-busqueda {

						}

							#contenedor-resultados-busqueda .bloque-resultado {
								margin: 30px auto;
								padding-bottom: 5px;
								border-bottom: 1px dashed #ccc;
								position: relative;
							}

								#contenedor-resultados-busqueda .bloque-resultado .grid {
									display: grid;
									grid-template-columns: 1fr 1fr;
								}

									#contenedor-resultados-busqueda .bloque-resultado h2 {
										margin-bottom: 15px;
									}

									#contenedor-resultados-busqueda .bloque-resultado .precarga {
										width: 100%;
										height: 150px;
										background-position: center center !important;
										background-size: cover !important;
									}

									#contenedor-resultados-busqueda .bloque-resultado .imagen-busqueda {
										width: 100%;
										height: 150px;
										transition: 0.5s all;
										overflow: hidden;
									}

									#contenedor-resultados-busqueda .bloque-resultado:hover .imagen-busqueda {
										box-shadow: 0 0 150px rgba(0,0,0,0.9) inset;
									}

										#contenedor-resultados-busqueda .bloque-resultado .imagen-busqueda img {
											position: relative;
    										z-index: -1;
										}

									#contenedor-resultados-busqueda .bloque-resultado h3 {
										margin-top: 10px;
									}

									#contenedor-resultados-busqueda .bloque-resultado h3:first-child {
										text-align: left;
									}

									#contenedor-resultados-busqueda .bloque-resultado h3:last-child {
										text-align: right;
									}

					/* OBRAS - ESTILO GENERAL */

					.columna {
						margin: 15px;
						width: 382px;
						float: left;
					}

					.sub-columna {
						padding: 10px;
					}

						.sub-columna .left {
							margin: 0 5px;
							width: 600px;
						}

							#ultimo-div-obras {
								margin: 0 0 0 5px;
								width: 600px;
							}

							/* Estilo especial para el input date */

							.columna input[type='date'] {
								padding: 4px 10px;
							}

							/* Estilo especial para el input textarea */

							.columna textarea {
								min-height: 200px;
								resize: vertical;
							}

							/* Estilo especial para el input select */

							select {
								width: 100%;
							}

								select option {
									padding: 5px;
								}

							/* Listas de checkboxes para seleccionar periodos, colecciones, textos, etc */

							.checkboxes {
								margin-top: 5px;
								width: 100%;
								height: 145px;
								background: #fff;
								border: 1px solid #bbb;
								overflow: hidden;
								overflow-y: scroll;
							}

								.checkboxes label {
									margin: 0;
									padding: 2px;
									font-size: 12px;
									line-height: 5px;
									font-weight: 400;
								}

						/* Contenedor de carga de imágenes y videos */

						#contenedor-imagenes #cargador-imagenes,
						#contenedor-imagen-obra,
						#contenedor-carga-video {
							margin-top: 5px;
							width: 100%;
							height: auto;
							min-height: 150px;
							background: #F0F0F0;
							border: 1px solid #ccc;
							display: block;
							position: relative;
							cursor: pointer;
						}

							#contenedor-carga-video a {
								z-index: 2;
							}

							#contenedor-imagenes #cargador-imagenes a#asignar-imagenes-slider,
							#contenedor-imagen-obra a#asignar-imagen-destacada,
							#contenedor-carga-video a#asignar-video {
								width: 70px;
								height: 70px;
								position: absolute;
								top: calc(50% - 35px);
								left: calc(50% - 35px);
								display: inline-block;
							}

							#cargar-imagen-obra,
							#cargar-imagenes,
							#cargar-video {
								-webkit-transition: all 0.3s ease-in-out;
								-moz-transition: all 0.3s ease-in-out;
								-o-transition: all 0.3s ease-in-out;
								transition: all 0.3s ease-in-out;
								transform: rotate(180deg);
							}

								#cargar-imagen-obra:hover,
								#cargar-imagenes:hover,
								#cargar-video:hover {
									opacity: 0.6;
									-webkit-transform: scale(1.2);
									-moz-transform: scale(1.2);
									-ms-transform: scale(1.2);
									-o-transform: scale(1.2);
									transform: scale(1.2);
								}

						#preview-imagen-destacada,
						#preview-video-archivo {
							display: none;
						}

						#preview-video-archivo {
							width: 100%;
							height: 318px;
							position: absolute;
							z-index: 1;
						}

						/* Cargador de imágenes para sliders */

						#contenedor-imagenes #cargador-imagenes {

						}

						#contenedor-imagenes #lista-imagenes {
							margin-top: 25px;
							display: grid;
							grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
							gap: 25px;
						}

							#contenedor-imagenes #lista-imagenes span {
								width: 175px;
								height: 175px;
								border-radius: 50%;
								overflow: hidden;
								display: inline-block;
								transition: .3s all;
							}

								#contenedor-imagenes #lista-imagenes span:hover {
									filter: contrast(1.5);
								}

								#contenedor-imagenes #lista-imagenes span img {
									width: 100%;
									height: 100%;
									object-fit: cover;
								}

						/* Ancho, Alto y Profundidad de la obra */

						#medidas-obra {

						}

							#medidas-obra input {
								width: 127px;
								display: inline;
							}

						/* Ubicación de la obra */

						#ubicacion-obra input {
							/*width: 320px;*/
						}

						#ubicacion-obra button {
							width: 66px;
							height: 36px;
							position: relative; top: -2px;
						}

						/* Contenedor del mapa de ubicación */

						.contenedor-mapa-ubicacion {
							margin-top: 5px;
							margin-bottom: 10px;
							width: 100%;
							height: 150px;
							background: #F0F0F0;
							/*border: 1px solid #23D100;*/
							border: 1px solid #ccc;
							display: block;
							position: relative;
						}

						/* Precio de la obra */

						#precio-obra input {
							width: 222px;
						}

							#precio-obra input:last-child {
								width: 153px;
							}

					/* LISTADO DE OBRAS/NOVEDADES/TEXTOS/ETC (NORMAL) */

					.datos-elemento {
						width: 308px;
						height: 350px;
						margin: 10px;
						float: left;
						-webkit-transition: all 0.3s ease-in-out;
					    -moz-transition: all 0.3s ease-in-out;
					    -o-transition: all 0.3s ease-in-out;
					    transition: all 0.3s ease-in-out;
					    overflow: hidden;
					}

						.datos-elemento:hover {
							-webkit-transform: scale(0.95);
					    	-moz-transform: scale(0.95);
					    	-ms-transform: scale(0.95);
					    	-o-transform: scale(0.95);
					    	transform: scale(0.95);
						}

						.datos-elemento img {
							margin: auto;
							margin-bottom: 15px;
							display: block;
						}

						.datos-elemento h4 {
							font-size: 16px;
							color: #000000;
							letter-spacing: -0.52px;
							line-height: 24px;
							font-weight: 700;
							position: relative;
							float: left;
							width: 100%;
							margin: 0 0 10px;
						}

							.datos-elemento h4:before {
								content: "";
								display: block;
								left: 0;
								bottom: -2px;
								width: 100%;
								height: 2px;
								position: absolute;
								background: #000000;
							}

						.datos-elemento p {
							clear: both;
							width: 100%;
							margin: 0;
							font-size: 16px;
							color: #000000;
							letter-spacing: -0.52px;
							line-height: 24px;
							font-weight: 400;
						}

						/* Opciones de edición de obras, novedades, textos, etc */

						.opciones-elemento {
							margin-top: 10px;
							padding: 0 10px;
							font-size: 18px;
							color: #333;
						}

					/* FILTROS DE OBRAS */

					#filtros-obras label {
						font-size: 14px;
						font-weight: 600;
						display: inline;
					}

						#filtros-obras li {
							padding: 5px;
						}
					
					/* No hay resultados */
					/* Permisos de acceso */

					.sin-resultados,
					.sin-permisos {
						margin: 20px 10px;
						font-size: 18px;
						font-weight: normal;
						line-height: 1.5em;
						color: #999;
						text-align: center;
					}

						.sin-permisos {
							margin: auto;
							width: 60%;
						}

						.sin-permisos img {
							margin: auto;
							margin-bottom: 20px;
							display: block;
							opacity: 0.5;
						}

						.sin-permisos h2 {
							margin-bottom: 10px;
						}

						.sin-permisos h3 {
							margin-bottom: 20px;
						}

						.sin-permisos ul {
							margin-bottom: 20px;
							padding: 0 50px;
							text-align: left;
						}

							.sin-permisos ul li {
								margin-left: 42px;
								list-style-type: square;
							}

				/* EXPOSICIONES Y TEXTOS */

				#carga-video {
					position: relative;
				}

					#carga-video i {
						font-size: 14px;
						cursor: pointer;
						display: none;
						position: absolute;
						top: 40px;
						right: 10px;
					}

				/* AUDIOVISUAL (AHORA FILMOGRAFÍA) */

				.seccion-audiovisual {

				}

					/* Crear y editar audiovisual */

					.edicion-audiovisual #carga-videos {
						display: grid;
						grid-template-columns: 1fr 1fr;
						grid-template-rows: auto 1fr auto;
						grid-template-areas: "opcion-carga opcion-carga . ." "carga-url carga-archivo . ." "carga-titulo carga-titulo . .";
						justify-items: center;
						text-align: center;
					}

						.opcion-carga { 
							padding: 30px 0;
							grid-area: opcion-carga; 
						}

						.carga-url {
							width: 80%;
							grid-area: carga-url;
							position: relative;
						}

							.carga-url i {
								font-size: 14px;
								cursor: pointer;
								display: none;
								position: absolute;
								top: 30px;
								right: 10px;
							}

							#contenedor-carga-url {
								min-height: 284px;
								background: #F0F0F0;
								border: 1px solid #ccc;
								border-top: none;
								position: relative;
							}

								#contenedor-carga-url canvas {
									display: block;
									position: absolute;
									z-index: 1
								}

								#contenedor-carga-url .overlay {
									display: block;
								}

								#contenedor-carga-url iframe {
									display: block;
								}

							.carga-url img {
								margin: 20px 0;
								width: 70px;
								height: 70px;
								display: inline-block;
								position: absolute;
								top: calc(50% - 35px);
								left: calc(50% - 35px);
							}

						.carga-archivo { 
							width: 80%;
							grid-area: carga-archivo; 
						}

							#contenedor-carga-video {
								min-height: 320px;
							}

						.carga-titulo {
							padding: 35px 0;
							grid-area: carga-titulo;
							align-self: center;
						}

							.carga-titulo label {
								display: inline-block;
							}

							.carga-titulo label:first-child {
								margin-bottom: 5px;
								text-align: center;
							}

							.carga-titulo label:last-child {
								
							}

						#asociar-video {
							margin: 30px;
							display: grid;
							grid-template-columns: 1fr 1fr;
							grid-template-rows: 1fr;
							grid-gap: 30px;
						}

							#asociar-video > div {
								width: 100%;
							}

				/* NOVEDADES */

					/* Corrección del ancho de las columnas en edición de Novedades y Textos */

					#edicion-nota .editor-nota {
						width: 63.6%;
					}

					/* Borradores */

					#notificacion-borrador-guardado {
						display: none;
					}

					#ultima-modificacion {
						margin: 10px auto;
						display: block;
					}

				/* TEXTOS */

				#tipo-texto label {
					margin-left: 10px;
					display: inline;
				}

				#archivo-pdf-cargado,
				#archivo-pdf-en-cargado {
					margin-bottom: 15px;
					padding: 15px;
					background: #eee;
				}

					#archivo-pdf-cargado i,
					#archivo-pdf-en-cargado i {
						margin-top: 10px;
						font-size: 42px;
					}

					#archivo-pdf-cargado .right,
					#archivo-pdf-en-cargado .right {
						text-align: right;
					}

						#archivo-pdf-cargado .right h3, 
						#archivo-pdf-en-cargado .right h3 {
							visibility: hidden;
						}

						#archivo-pdf-cargado .right i,
						#archivo-pdf-en-cargado .right i {
							font-size: 46px;
						}

				/* ADMINISTRADORES */

				.niveles-acceso-administrador ul li {
					padding: 3px;
				}

				/* CONFIGURACIÓN */

				#operaciones-sql {
					position: relative; top: 20px;
				}

				/* DIAGNÓSTICOS */

				#ejecutar-diagnosticos {
					padding: 15px;
					background: #eee;
					border: 1px solid #ccc;
					line-height: 1.5em;
				}

				/* TAREAS CRON */

				#progreso-tareas {
					height: 60px;
					padding: 10px 85px 0;
					background: url('../../css/imgs/loading2.gif') no-repeat 30px;
					font-size: 14px;
					color: #333;
					display: none;
				}

				#contenido-tarea table tr td {
					padding: 10px;
				}

				#ejecutar-tareas,
				#cancelar-tareas {
					width: 90px;
				}

				#cancelar-tareas {
					display: none;
				}

		/* SECCIONES */
		/* Corrección de estilos */

		.seccion-configuracion fieldset .error,
		.seccion-configuracion fieldset .success {
			margin-left: 10px;
			margin-right: 10px;
		}

		/* VERSIÓN DEL SITIO */

		#version-sitio {
			position: absolute; top: 0; right: 0;
		}

		/* CONFIGURACIÓN DEL SITIO */

		#configuracion-sitio {
			font-size: 22px;
			position: absolute; top: 55px; right: 0;
		}

		/* ARRIBA */

		.volver-arriba {
			color: #333;
			font-size: 36px;
			position: fixed;
			z-index: 999;
			left: 20px;
			bottom: 20px;
			display: none;
		}

		/* Invisible */

		.invisible {
			display: none;
		}

		/* Pestañas (Tabs) */

		.tabs-menu {
		    height: 30px;
		    clear: both;
		    position: relative; top: 1px;
		    z-index: 10;
		}

			.tabs-menu li {
			    height: 30px;
			    line-height: 30px;
			    float: left;
			    margin-right: 10px;
			    background-color: #eee;
			    border-top: 1px solid #d4d4d1;
			    border-right: 1px solid #d4d4d1;
			    border-left: 1px solid #d4d4d1;
			    border-bottom: 1px solid #d4d4d1;
			}

			.tabs-menu li.current {
			    position: relative;
			    background-color: #fff;
			    border-bottom: 1px solid #fff;
			    z-index: 5;
			}

			.tabs-menu li a {
			    padding: 10px;
			    text-transform: uppercase;
			    color: #333;
			    text-decoration: none; 
			}

			.tabs-menu .current a {
			    color: #2e7da3;
			}

			.tab {
			    border: 1px solid #d4d4d1;
			    background-color: #fff;

			    margin-bottom: 20px;
			    width: auto;
			}

			.tab-content {
			    width: 100% !important;
			    padding: 10px;
			    display: none;
			    clear: both;
			}

			#tab-1 {
				display: block;
			}

/* MAILING */

#mailing {

}

	#mailing label,
	#continuar-desde {
		margin-left: 5px;
		display: inline;
	}

	#newsletter-texto-plano {
		height: 315px;
	}

	#mailing #lista-db {
		padding: 5px 15px 4px;
	}

	#import-from-file fieldset {
		margin-top: 0;
	}

	#mailing #dynamic-user-table {
		display: none;
	}

	#mailing .button,
	#mailing #estadisticas-newsletter *,
	#mailing #suscriptores-actuales p {
		font-size: 14px;
	}

	#mailing #usar-lista {
		display: inline;
	}

	#mailing-progress {
		margin-top: 25px;
		margin-left: 25px;
		margin-bottom: 15px;
		font-size: 16px;
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 10px;
		align-items: center;
	}

		#mailing-progress .loading {
			width: 40px;
    		height: 40px;
			display: block;
		}

		#mailing-progress > br {
			display: none;
		}