#mainbody   {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;  
  background: url(../img/intro-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
  height: 100% !important;
}
.login-box {
    padding: 10px 30px 25px 25px;
    background: none repeat scroll 0% 0% rgb(241, 241, 241);
    border: 1px solid rgb(229, 229, 229);
    width:300px;    
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);  
}
.login-box div {
    margin: 0px 0px 1.5em;
}
.login-box h2 {
    font-size: 16px;
    line-height: 17px;
    font-weight: normal;
}

/* OJO: este debermina el color de la barra de botones 
HAY QUE PASARLO A LOS PRESETS PARA QUE RESPETE EL COLOR
#navBotones {
    background: rgba(255,255,255,0.3)!important;
    border: 1px solid #2dab66;
}
#page-tabs {
    background: rgb(0,121,137)!important;
    background: -moz-linear-gradient(top, rgba(0,121,137,0.2) 0%, rgba(0,121,137,1) 100%)!important;
    background: -webkit-linear-gradient(top, rgba(0,121,137,0.2) 0%, rgba(0,121,137,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(0,121,137,0.2) 0%, rgba(0,121,137,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007989', endColorstr='#007989', GradientType=0 )!important;
width:100%!important;
}
#sticky {
    background: rgb(45,171,102)!important;
    background: -moz-linear-gradient(top, rgba(45,171,102,1) 0%, rgba(0,162,184,1) 100%)!important;
    background: -webkit-linear-gradient(top, rgba(45,171,102,1) 0%, rgba(0,162,184,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(45,171,102,1) 0%, rgba(0,162,184,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dab66', endColorstr='#00a2b8', GradientType=0 )!important;
    border: 1px solid #2dab66!important;
    box-shadow: 0 2px 16px #007989, 0 0 1px #007989, 0 0 1px #007989!important;
}

*/

#navBotones .input-group-addon {
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #bef7d7 70%, #b8ebf2 100%);
    background: -webkit-linear-gradient(top, #bef7d7 70%, #b8ebf2 100%);
    background: linear-gradient(to bottom, #bef7d7 70%, #b8ebf2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bef7d7', endColorstr='#b8ebf2', GradientType=0 );
}
#navBotones input, #navBotones span{ border-color:#2dab66;}

#page-tabs a {
    color: #007989!important;
}
#page-tabs a:hover, #page-tabs a:focus {
    color: #2dab66!important;
}



/* Es el jquery.ui.css mutilado ... para que funcione el dialog de jquery ... y encapsulado en la clase cssDialogAyuda para que no
presente afectaciones a cualquier otra cosa en la página - en teoria -
------------------------------------------------------------------------------------------------------*/
.cssDialogAyuda .ui-helper-clearfix:before,.cssDialogAyuda .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.cssDialogAyuda .ui-helper-clearfix:after{clear:both}
.cssDialogAyuda .ui-helper-clearfix{min-height:0}
.cssDialogAyuda.ui-dialog{position:absolute;top:0;left:0;outline:0;z-index:2000 !important;position:absolute}
.cssDialogAyuda .ui-dialog-titlebar{padding:.4em 1em;position:relative}
.cssDialogAyuda .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;color:#222}
.cssDialogAyuda .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}
.cssDialogAyuda .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}
.cssDialogAyuda .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
.cssDialogAyuda .ui-widget{font-size:1em}
.cssDialogAyuda .ui-widget-content{border:1px solid #9daeae;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}
.cssDialogAyuda .ui-widget-header{border:1px solid #aaa;background:linear-gradient(to bottom, rgba(229, 210, 153, 1) 0%, rgba(232, 184, 32, 1) 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);font-weight:bold}
.cssDialogAyuda .ui-icon{width:16px;height:16px}
.cssDialogAyuda .ui-icon,.cssDialogAyuda .ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}
.cssDialogAyuda .ui-icon-closethick{background-position:-96px -128px}




/* Para las notificaciones en la parte superior
------------------------------------------------------------------------------------------------------*/
.notificationClass{width:100%;position:fixed;z-index:9999999999;left:0;top:-50px;padding-top:10px;padding-bottom:10px;text-align:center;font-size:1.4em;font-weight:bold;/*-moz-box-shadow:0 5px 5px rgba(0,0,0,0.15);*/-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.15);-o-box-shadow:0 5px 5px rgba(0,0,0,0.15);box-shadow:0 5px 5px rgba(0,0,0,0.15);border-bottom-width:3px;border-bottom-style:solid}
.notificationClass .close{color:#FFF;width:20px;height:20px;position:absolute;right:7px;top:7px;display:block;text-decoration:none;border-radius:5px;line-height:18px}
.success{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top lightgreen;border-radius:0 0 5px 5px;border-bottom:2px solid #50c24e;border-left:2px solid #50c24e;border-right:2px solid #50c24e;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-color:#50c24e;color:darkgreen}
.success .close{background:#258815}
.information{overflow:hidden;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top #57b7e2;border-radius:0 0 5px 5px;border-bottom:2px solid #0b90c4;border-left:2px solid #0b90c4;border-right:2px solid #0b90c4;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-color:#0b90c4;color:#fff}
.information .close{background:#2850c1}
.warning{overflow:hidden;
 background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top rgba(255,239,191,0.80);

border-radius:0 0 5px 5px;border-bottom:2px solid rgba(45,171,102,0.5);border-left:2px solid rgba(45,171,102,0.5);border-right:2px solid rgba(45,171,102,0.5);box-shadow:0 2px 4px rgba(0,0,0,0.1);border-color:rgba(45,171,102,0.5);color:#007989}
.warning .close{background:#878314}
.error{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top red;border-radius:0 0 5px 5px;border:1px solid darkred;box-shadow:0 2px 4px rgba(0,0,0,0.1);color:#fff}
.error .close{background:#871414}
.notificationClass .close:hover{background:#000}





/* Para los menus dropdowns demasiado extensos
------------------------------------------------------------------------------------------------------*/
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}



.textoGris {
  color: #BDBDBD !important;
}

.iconoVerde{
  color: #green;
}


#cgPantallaCompleta { margin:4px;   position: fixed;   top: 4px;   width: 99%;   z-index: 1000; }   


.notoi { 
    display: none;
}

.F1Catalogo:focus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top #ffeaa8;}




.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}
.info-box small {
  font-size: 14px;
}
.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}
.info-box .progress .progress-bar {
  background: #fff;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
  max-width: 100%;
}
.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}
.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.progress-description,
.info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-box-text {
  text-transform: uppercase;
}
.info-box-more {
  display: block;
}
.progress-description {
  margin: 0;
}



.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.label-info,
.label-warning,
.label-primary,
.label-success {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.label-danger {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.label-warning {
  background-color: #f39c12 !important;
}
.bg-aqua,
.label-info {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}