img {
		border: none;
	}
	html {
		color: #333333;
		direction: ltr;
		font: 81.25%/1 arial, helvetica, sans-serif;
		height:100%;
		width:100%;
		margin:0px;
		padding:0px;
		background-color: #eef1f4;
	}
	body {
		margin:0;
		padding:0;
		background-color: #404040;
	}
	input[type=text], input[type=password] {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		font-size: 15px;
		height: 32px;
		width: 500px;
		padding: 1px;
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		-moz-box-sizing: border-box;
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #C0C0C0 #D9D9D9 #D9D9D9;
		border-radius: 1px 1px 1px 1px;
		border-right: 1px solid #D9D9D9;
		border-style: solid;
		border-width: 1px;
		display: inline-block;
		margin: 0;
		vertical-align:middle;
		padding-left: 8px;
		line-height:32px;
	}
	input[type=text]:hover , input[type=password]:hover{
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #A0A0A0 #B9B9B9 #B9B9B9;
		border-right: 1px solid #B9B9B9;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	}
	input[type=text]:focus , input[type=password]:focus{
		border:1px solid #4D90FE;
		box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
		outline:medium none;
	}
	#login {
		background: none repeat scroll 0 0 #F5F5F5;
		border: 1px solid #E5E5E5;
		/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);*/
		left: 50%;
		margin-left: -250px;
		margin-top: -146px;
		padding: 20px 25px;
		position: absolute;
		top: 250px;
		width: 500px;	

	}
	/*==================================================
	* Effect 1
	* ===============================================*/
	.effect1{
		-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
				box-shadow: 0 10px 6px -6px #777;
	}

	/*==================================================
	* Effect 2
	* ===============================================*/
	.effect2
	{
	position: relative;
	}
	.effect2:before, .effect2:after
	{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	}
	.effect2:after
	{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
	}

	/*==================================================
	* Effect 3
	* ===============================================*/
	.effect3
	{
	position: relative;
	}
	.effect3:before
	{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	}

	/*==================================================
	* Effect 4
	* ===============================================*/
	.effect4
	{
	position: relative;
	}
	.effect4:after
	{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	right: 10px;
	left: auto;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	}  

	/*==================================================
	* Effect 5
	* ===============================================*/
	.effect5
	{
	position: relative;
	}
	.effect5:before, .effect5:after
	{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 35px 20px #777;
	-moz-box-shadow: 0 35px 20px #777;
	box-shadow: 0 35px 20px #777;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	}
	.effect5:after
	{
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 10px;
	left: auto;
	}

	/*==================================================
	* Effect 6
	* ===============================================*/
	.effect6
	{
		position:relative;       
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	.effect6:before, .effect6:after
	{
		content:"";
		position:absolute; 
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
		box-shadow:0 0 20px rgba(0,0,0,0.8);
		top:50%;
		bottom:0;
		left:10px;
		right:10px;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	} 
	.effect6:after
	{
		right:10px; 
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg); 
		-moz-transform:skew(8deg) rotate(3deg);     
			-ms-transform:skew(8deg) rotate(3deg);     
			-o-transform:skew(8deg) rotate(3deg); 
				transform:skew(8deg) rotate(3deg);
	}

	/*==================================================
	* Effect 7
	* ===============================================*/
	.effect7
	{
		position:relative;       
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	.effect7:before, .effect7:after
	{
		content:"";
		position:absolute; 
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
		box-shadow:0 0 20px rgba(0,0,0,0.8);
		top:0;
		bottom:0;
		left:10px;
		right:10px;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	} 
	.effect7:after
	{
		right:10px; 
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg); 
		-moz-transform:skew(8deg) rotate(3deg);     
			-ms-transform:skew(8deg) rotate(3deg);     
			-o-transform:skew(8deg) rotate(3deg); 
				transform:skew(8deg) rotate(3deg);
	}

	/*==================================================
	* Effect 8
	* ===============================================*/
	.effect8
	{
		position:relative;       
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	.effect8:before, .effect8:after
	{
		content:"";
		position:absolute; 
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
		box-shadow:0 0 20px rgba(0,0,0,0.8);
		top:10px;
		bottom:10px;
		left:0;
		right:0;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	} 
	.effect8:after
	{
		right:10px; 
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg); 
		-moz-transform:skew(8deg) rotate(3deg);     
			-ms-transform:skew(8deg) rotate(3deg);     
			-o-transform:skew(8deg) rotate(3deg); 
				transform:skew(8deg) rotate(3deg);
	}  
	#nota {
		background: none repeat scroll 0 0 #F5F5F5;
		border: 1px solid #E5E5E5;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
		left: 50%;
		margin-left: -250px;
		margin-top: -146px;
		padding: 20px 25px;
		position: absolute;
		top: 550px;
		width: 500px;
		color:red;
		line-height:16px;
		font-weight:bold;
	}
	.label {
		-moz-user-select: none;
		display: block;
		font-weight: bold;
		margin: 0 0 0.5em;
	}
	h2 {
		font-size: 16px;
		height: 16px;
		line-height: 16px;
		margin: 0 0 1.2em;
		position: relative;
	}
	#cabecera {
		margin:0px;
		padding-top: 20px;
		padding-bottom: 30px;
		height:40px;
		width:100%;
		background: none repeat scroll 0 0 #F5F5F5;
		border-bottom: 1px solid #E5E5E5;
		overflow: hidden;
	}

	.button {
		cursor:pointer;
		cursor:hand;
		
		border: 1px solid #3079ED;
		text-align:center;
		text-shadow: 0 1px rgba(0, 0, 0, 0.1);
		color: #FFFFFF;
		font-weight:bold;
		padding-left:10px;
		padding-right:10px;	
		padding-top:5px;
		padding-bottom:5px;
		line-height:21px;
		
		background-color: #4D90FE;
		/*
		background-image: linear-gradient(center top, #4D90FE, #4787ED);
		background-image: -o-linear-gradient(center top, #4D90FE, #4787ED);
		background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED);
		background-image: -webkit-linear-gradient(center top, #4D90FE, #4787ED);
		background-image: -ms-linear-gradient(bottom, rgb(center top, #4D90FE, #4787ED);
		background-image: -webkit-gradient(linear, color-stop(center top, #4D90FE, #4787ED));
		*/
	}
	.button:hover {
		border: 1px solid #2F5BB7;
		text-shadow: 0 1px rgba(0, 0, 0, 0.3);
		color: #FFFFFF;
		background-color: #357AE8;
		/*
		background-image: linear-gradient(center top, #4D90FE, #357AE8);
		background-image: -o-linear-gradient(center top, #4D90FE, #357AE8);
		background-image: -moz-linear-gradient(center top, #4D90FE, #357AE8);
		background-image: -webkit-linear-gradient(center top, #4D90FE, #357AE8);
		background-image: -ms-linear-gradient(bottom, rgb(center top, #4D90FE, #357AE8);
		background-image: -webkit-gradient(linear, color-stop(center top, #4D90FE, #357AE8));
		*/

	}
	.button:active {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	}
	.red
	{
		background-color:#dd4b39;
		border:1px solid #d14836;
	}
	.red:hover
	{
		border:1px solid #b0281a;
		background-color:#c53727;
	}
	a{
		color: #999999;
	}
	.layout {
		position:absolute;
		top:0px;
		margin:0px;
		z-index:9999;
		width:100%;
		height:100%;
		background:url(app/static/imagenes/general/bgtrans.png);
		vertical-align:middle;
		display:none;
	}
	.cgMsgBox {
		font-size: 11px;
		position:absolute;
		left:50%;
		top:50%;
		background-color:#FFFFFF;
		border: 5px solid #b3022b;	
		width:320px;
		margin:auto;
		height: 220px;
		margin-top: -110px;
		margin-left: -160px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 1);
	}
	.cgMsgBoxText {
		width:310px;
		height:165px;
		overflow:hidden;
		padding:5px;
	}
	.cgMsgBoxInfo {
		height:48px;
		width:48px;
		background-image:url(app/static/imagenes/iconos/info.png);
		background-position:50%;
		float:left;
		background-repeat:no-repeat;
		padding:5px;
	}
	.cgMsgBoxInfoBtn {
		width:100px;
		font-size:12px;
		background-color:#E8E8E8;
		text-align:center;
		padding:4px;
		
		left:50%;
		margin-left:-50px;
		position:absolute;
		bottom:6px;
	}
	.cgMsgBoxInfoBtn:hover, .cgMsgBoxInfoBtn:focus {
		background-color:#FFFFFF;
		cursor:pointer;
		cursor:hand;
	}
	.cgMsgBoxAlert {
		height:48px;
		width:48px;
		background-image:url(app/static/imagenes/iconos/warning.png);
		background-position:50%;
		float:left;
		background-repeat:no-repeat;
		padding:5px;
	}
	.cgMsgBoxAlertBtn {
		width:100px;
		font-size:12px;
		background-color:#E8E8E8;
		text-align:center;
		padding:4px;
		
		left:50%;
		margin-left:-50px;
		position:absolute;
		bottom:3px;
	}
	.cgMsgBoxAlertBtn:hover, .cgMsgBoxAlertBtn:focus {
		background-color:#FFFFFF;
		cursor:pointer;
		cursor:hand;
	}
	.cgMsgBoxError {
		height:48px;
		width:48px;
		background-image:url(app/static/imagenes/iconos/error.png);
		background-position:50%;
		float:left;
		background-repeat:no-repeat;
		padding:5px;
	}
	.cgMsgBoxErrorBtn {
		width:100px;
		font-size:12px;
		background-color:#E8E8E8;
		text-align:center;
		padding:4px;
		
		left:50%;
		margin-left:-50px;
		position:absolute;
		bottom:6px;
	}
	.cgMsgBoxErrorBtn:hover, .cgMsgBoxErrorBtn:focus {
		background-color:#FFFFFF;
		cursor:pointer;
		cursor:hand;
	}
	.cgMsgBoxYesNo {
		height:48px;
		width:48px;
		background-image:url(app/static/imagenes/iconos/question.png);
		background-position:50%;
		float:left;
		background-repeat:no-repeat;
		padding:5px;
	}
	.cgInputBox {
		height:48px;
		width:48px;
		background-image:url(app/static/imagenes/iconos/keyboard.png);
		background-position:50%;
		float:left;
		background-repeat:no-repeat;
		padding:5px;
	}
	.cgMsgBoxBtnYes {
		width:100px;
		font-size:12px;
		background-color:#E8E8E8;
		text-align:center;
		padding:4px;
		margin-left:10px;
		
		position:absolute;
		bottom:6px;
	}
	.cgMsgBoxBtnYes:hover, .cgMsgBoxBtnYes:focus  {
		background-color:#FFFFFF;
		cursor:pointer;
		cursor:hand;
	}
	.cgMsgBoxBtnNo {
		width:100px;
		font-size:12px;
		border:2px solid #333333;
		background-color:#E8E8E8;
		text-align:center;
		padding:4px;
		
		margin-left:95px;
		right:0;
		margin-right:5px;
		position:absolute;
		bottom:6px;
	}
	.cgMsgBoxBtnNo:hover, .cgMsgBoxBtnNo:focus  {
		background-color:#FFFFFF;
		cursor:pointer;
		cursor:hand;
	}
	.wnd {
		border: 5px solid #b3022b;	
		overflow:hidden;
		position:absolute;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	}
	.wnd_maximized{
		box-shadow: 0 0 0 rgba(0, 0, 0);
	}
	.wnd_in_drag
	{
		
		border: 1px dashed #666666;
	}
	.wnd_top {
		width:100%;
		height:20px;
		background-color:#B3022B;
		border-bottom:1px solid #666666;
	}
	.wnd_top:hover {
		cursor:move;
	}
	.wnd_min {
		position:absolute;
		right:44px;
		height:18px;
		width:22px;
		background-image:url(app/static/imagenes/ventana/min.png);
		background-repeat:no-repeat;
		background-position:top center;
		margin-left:2px;
		cursor:pointer;
		cursor:hand;
		background-color:#b3022b;
	}
	.wnd_min:hover {
		background-position:center -19px;
	}
	.wnd_max_dis {
		position:absolute;
		right:22px;
		height:18px;
		width:22px;
		background-image:url(app/static/imagenes/ventana/max_disabled.png);
		background-repeat:no-repeat;
		background-position:top center;
		cursor:default;
		background-color:#b3022b;
	}
	.wnd_max {
		position:absolute;
		right:22px;
		height:18px;
		width:22px;
		background-image:url(app/static/imagenes/ventana/max.png);
		background-repeat:no-repeat;
		background-position:top center;
		cursor:pointer;
		cursor:hand;
		background-color:#b3022b;
	}
	.wnd_max:hover {
		background-position:center -19px;
	}
	.wnd_clo {
		position:absolute;
		right:0px;
		height:18px;
		width:44px;
		background-image:url(app/static/imagenes/ventana/clobig.png);
		background-repeat:no-repeat;
		background-position:top center;
		margin-left:0px;
		margin-top:0px;
		cursor:pointer;
		cursor:hand;
		background-color:#B3022B;
	}
	.wnd_clo:hover {
		background-position:center -19px;
	}
	.wnd_loading {
		background-image:url(app/static/imagenes/iconos/loading.gif);
		width:42px;
		height:15px;
		float:right;
		margin-left:2px;
		margin-top:2px;
	}
	.wnd_ico {
		float:left;
		height:16px;
		width:16px;
		background-image:url(app/static/imagenes/ventana/ico.png);
		margin-left:0px;
		margin-top:2px;
		background-color:#b3022b;
	}
	.wnd_ico {
		float:left;
		height:16px;
		width:16px;
		background-image:url(app/static/imagenes/ventana/ico.png);
		margin-left:0px;
		margin-top:0px;
		background-color:#B3022B;
	}
	.wnd_tit {
		text-shadow: 1px 1px 2px #000000;
		margin-left:20px;
		height:18px;
		overflow:hidden;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		float:left;
		position:absolute;
	}
	.wnd_loading {
		background-image:url(app/static/imagenes/iconos/loading.gif);
		width:42px;
		height:15px;
		float:right;
		margin-left:2px;
		margin-top:2px;
	}
	#mdiLoading {
		background-color: #FFFF99;
		border: 1px solid #A0A0A0;
		box-shadow: 2px 2px 10px #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		height: 20px;
		left: 50%;
		line-height: 20px;
		margin: -20px auto auto -75px;
		padding: 5px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 140px;
	}
	#mdiLoadingCont {
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		background:url(app/static/imagenes/general/bgtrans.png);
		display:none;
		z-index:999999;
	}
	#header
	{
		min-width:960px;
		/*background-color: rgba(255,255,255,0.95);*/
		background: none repeat scroll 0 0 #F5F5F5;
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
		display: block;
		height: 80px !important;
		position: absolute;
		top: 0 !important;
		width: 100%;
		z-index: 9999;
	}
	#header .logo
	{
		margin:10px;
		float:left;
	}
	#header a
	{
		text-decoration: none;
		color:#666666;
	}
	#header .menu
	{
		float:right;
		margin:15px 50px 10px 10px;
	}
	#header .menu .ulmenu li
	{
		list-style-type:none;
		display:inline-block;
		margin-left:25px;
		cursor:pointer;
		cursor:hand;
	}
	#header  .menu .ulmenu :hover
	{
		color:#000000;
	}
	#header   .ulmenu  .ulsubmenu
	{
		list-style-type:none;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		position: absolute;
		display:none;
		width: 180px;
		margin: 0;
		padding: 10px;	
	}
	#header .menu .ulsubmenu li
	{
		list-style-type:none;
		display:block;
		margin: 5px;
		margin-left:5px;
		cursor:pointer;
		cursor:hand;
	}
	#header .menu .ulsubmenu li:hover
	{
		text-decoration: underline;
	}

	/* Spinner del botón Acceder (también en login-ui.css; duplicado aquí por caché) */
	.login-ui .button.is-loading {
		opacity: 1;
		cursor: wait;
		pointer-events: none;
	}
	.login-ui .button .btn-login-spinner {
		display: none;
		box-sizing: border-box;
		width: 18px;
		height: 18px;
		border: 2px solid rgba(255, 255, 255, 0.35);
		border-top-color: #fff;
		border-radius: 50%;
		-webkit-animation: login-btn-spin 0.65s linear infinite;
		animation: login-btn-spin 0.65s linear infinite;
		flex: 0 0 18px;
	}
	.login-ui .button.is-loading .btn-login-spinner {
		display: inline-block !important;
		visibility: visible !important;
	}
	@-webkit-keyframes login-btn-spin {
		from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	@keyframes login-btn-spin {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}