/* CSS Aplicaciones Ministerio de Sanidad*/
body {background: #F0F0F0 url("../img/fondo-extranet.jpg") top left repeat-x; padding: 2.8em 0% 1.8em;}
html {font-size: 94% !important;}
img {border: 0; max-width: 100%}
.clear {clear: both; margin-top: 0.8em}
.container {border: 1px solid #fdfdfd; border-top: 1px solid #fdfdfd; box-shadow: 0px 5px 10px #919191; background: #fff url("../img/fondo-header.png") top right no-repeat; padding: 0.4% 1.2%}
.cargando {
    display:    none;
    position:   fixed;
    z-index:    5000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: url(../img/ico-cargando.gif) 
    			rgba( 255, 255, 255, .5 ) 
                50% 50% 
                no-repeat;
}
body.loading { overflow: hidden; }
body.loading .cargando { display: block; }

#header {min-height: 6.5em; padding: 0.5em 0.3em 0.4em 0.2em; text-align: center; vertical-align: middle;}
#header .escudo {vertical-align: middle; margin-bottom: 0.6em}
#header img {vertical-align: middle;}
#header .titulo {font-size: 1.8em; font-weight: bold; text-align: center; color: #004D75; vertical-align: middle; font-family: "Helvetica Neue",Arial,sans-serif}
#header .titulo strong {font-size: 1.6em;}
#header .titulo a {color: #053F5D; text-decoration: none;}
#header .titulo small {margin-left: 0.2em; font-weight: normal; font-size: 85%; color: #000; display: block;}
#header .usuario {float: right; margin-right: 0.2em; color: #004d75; font-size: 0.95em; display: block;}
#header .usuario label {font-weight: bold; color: color: #004d75;}
#header .usuario .nombre {margin-right: 0.5em;}
#header .usuario .perfil {margin-right: 0.5em;}

#content {clear: both; min-height: 32em; padding: 0.4em 0em 0.4em 0em; display: block; margin: 0.3em 0.2em 0 0.1em; background: #fff url("../img/nav.gif") top right repeat-x;}

#content aside.menu .navbar-default .navbar-collapse {background: none; border: 0; padding: 0}
#content aside.menu .navbar-default {clear: both; border: 0; padding: 0; background: #fff}
#content aside.menu .navbar-default .navbar-header {background: #F8F8F8}
#content aside.menu .navbar-default .navbar-header button {background: #fff}

#content aside.menu .titulo {background: #5B7890; border-radius: 4px; padding: 0.6em; margin: 0 0 -0.3em 0; color: #fff}
#content aside.menu ul {margin: 0.3em 0 0.8em 0; border:1px solid #dfdfdf; border-radius: 4px; box-shadow: 2px 4px 2px #eeeeee;}
#content aside.menu ul li {margin: 0; border-bottom: 1px dotted #ccc;}
#content aside.menu ul li a {padding: 0.6em; cursor: pointer;}
#content aside.menu ul ul {margin: 0; padding: 0em 0 0 0.5em; border: 0; box-shadow: none}
#content aside.menu ul ul li {list-style: none; border-bottom: 0; padding: 0.4em; font-size: 0.95em}
#content aside.menu ul ul li:hover {background: #eee;}
#content aside.menu ul li:hover > ul {background: #eee}
#content aside.menu ul li:hover {background: #eee}

#content aside.menu ul ul.dropdown-menu {float: none; position: relative; border: 0; box-shadow: none !important; background: #fbfbfb; padding: 0; margin: 0}
#content aside.menu ul ul.dropdown-menu li {font-size: 100%}
#content aside.menu ul ul.dropdown-menu li a {padding: 0.2em 0.4em 0.2em 1.2em} 
#content aside.menu ul ul.dropdown-menu li a:hover { background: none;}
#content aside.menu ul li.active a {background: #eee; color: #255885}
#content aside.menu ul li.active ul li a {background: none;}
#content aside.menu ul li > ul.dropdown-menu {background: #eee}

#content .main {margin: 1% 0.5% 0.5% 0.5%; padding: 1%;}
#content .main h1 {margin-top: 0.2em}
#content p {margin-top: 10px; margin-left: 6px; margin-right: 6px}

/*Titulares*/
#content h1 {font-size: 1.75em;}
#content h2 {font-size: 1.5em;}
#content h3 {font-size: 1.329em;}
#content h4 {font-size: 1.329em;}
#content h5 {font-size: 1.2em;}
#content h6 {font-size: 1em;}
#content h1,h2,h3,h4,h5,h6 {margin-top: 1.3em; margin-bottom: 0.5em;}
.row h1,.row h2,.row h3,.row h4,.row h5,.row h6 {margin: 0.2em;}
h2.legend {font-size: 1.2em !important; font-weight: bold; margin: 0.9em 0px 0em 0.8em;; color: #003c5b;}
#content h4,h5,h6 {color: #000;}
#content .negro {color: #000;}
#content .destacado {color: #000; font-weight: bold; font-size: 1em; margin: 1.3em 0.2em 0.8em 0.2em !important}
#content .masinfo {min-width: 8em; background: #fff; color: #004D75; border: 1px solid #ccc; display: inline-block; border-radius: 5px; margin: 0.4em 0.2em; padding: 0.5em 0.9em 0.3em 0.3em; box-shadow: 0px 2px 4px #ccc}

#content .row .pull-right {margin-right: 0.5em;}

/*Listas*/
ol, ul {margin-top: 0.9em; margin-bottom: 0.9em; margin-left: 0.8em;}ul li {list-style-image: url(../img/ul.gif); margin-bottom: 6px}
ul ul li {list-style-image: url(../img/ul-2.gif)} ul ul ul li {list-style-image: url(../img/ul-3.gif)}ul ul ul ul li {list-style-type:circle;list-style-image: none}ol li{margin-bottom: 6px}dl{margin-top:0px;margin-bottom:20px;margin-left:10px;}dd, dt {margin: 0px 5px 5px 0px;} .list-inline {margin: 1.4em 0 0.2em 0.2em !important;} .list-inline li {background: url(../img/ul.gif) left no-repeat; list-style: none; padding-left: 0.95em; margin-right: 0.8em }

/*Menu superior opciones de usuario*/
#nav-superior {margin: -2.8em auto 0.2em auto; min-height: 2.6em; text-align: right; display: block;}
#nav-superior .glyphicon {color: #fff; margin: 0 0.5em 0 0em}
#nav-superior .enlaces {display: inline-block; margin: 0 2% 0 0}
#nav-superior .enlaces a {display: inline-block; background: #004d75; padding: 5px 12px 6px 12px; color: #fff; margin: 0 0.2em !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #7e989c; border-left: 1px solid #7e989c; border-right: 1px solid #7e989c}

#nav-superior .sesion {display: inline-block; margin: 0; padding: 5px 12px; background: #FBCC13; color: #000; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px}
#nav-superior .sesion button, #nav-superior .sesion input {background: linear-gradient(#ffe888, #FFD625); border: 1px solid #fff; border-radius: 4px; color: #000; padding: 0 6px !important; margin: 0 0.2em 0 0.8em !important;}
#nav-superior .sesion .glyphicon {color: #000; margin: 0.1em 0.4em 0 0.1em}

.nav-tabs {margin: 0.5em 0 1.8em 0;}
.navbar-default {padding-top: 0.6em; border-bottom: 1px solid #d6d6d6}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {border-radius: 4px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #004D75;background-color: #E5E5E5;}
.navbar-nav {margin-left: -0.6em}
.navbar-nav > li > a {border-radius: 4px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #555; background-color: #E7E7E7;}
.navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active.open > a:focus, .navbar-default .navbar-nav >.active.open > a:hover {color: #FFF; background-color: #004D75;}
.navbar {margin-bottom: 0}
.navbar ul li {list-style:none !important}
.nav > li > a {padding: 6px 15px; cursor: pointer;}
.nav > li.active > a, .nav > li.active > a:focus, .nav > li.active > a:hover {padding: 6px 15px; cursor: pointer;}
.nav-pills {margin-right: 10px;}
.navbar-form {margin: 0px 8px;}
.navbar-form .form-group {margin-left: 0}
.navbar-brand {font-size:1em; cursor: default}
ol.breadcrumb {margin-left: 0}

form {margin: 0.8em 0.4em 0.8em 0.4em}
fieldset {margin: 0.2em 0 0.8em 0.4em; padding: 0.5em 0.5em;}
legend {font-size: 1.2em; font-weight: bold; margin: 0.4em 0 0.4em -0.4em; padding-top: 0.4em; color: #003C5B; }
.panel-default > .panel-heading legend {border-bottom: 0; font-weight: normal; margin: 0; padding: 0}
label {font-weight: normal}
.labelradio {padding-top: 7px}
form p {margin-left: 0.2em}
abbr {margin-left: 0.2em; text-decoration: none; color: #b70000}
option.baja {color: red;}
.form-group {margin-left: 5px;} .form-group ul,ol {margin: 0.5em 0 0.5em -2em;}
/*Campos obligatorios*/
.form-group.required .control-label:after {content:"*";color:red;}
.form-group.required .checkbox-inline:after {content:"*";color:red;}
.form-group.required .checkbox:after {content:"*";color:red;}
.form-group.required .labelradio:after {content:"*";color:red;}
.form-inline .form-group {margin-right: 15px;}
.form-horizontal .form-group {margin-right:-5px; margin-left: 10px;}
.form-horizontal .form-group .form-error {color: red;}
.form-horizontal .control-label {text-align: left;}
.form-horizontal .control-label.right {text-align: right;}
.form-horizontal .form-group-inline {margin-bottom: 5px; margin-right:-5px; margin-left: 10px;}
.form-horizontal .form-group-inline .form-error {color: red;}
.form-horizontal .form-group .btn-default, .form-inline .form-group .btn-default{margin-left: 35px;}
.checkbox, .radio {margin-left: 20px}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-left: 0;}
.radio-inline, .checkbox-inline {margin-right: 10px; margin-bottom: 0.3em !important;}
.btn-accion {cursor: pointer; padding: 1px 6px 1px 27px; margin: 0 3px; border: 0; color: #255885; font-size: 0.9em}
.btn-accion.enviar {background: url(../img/ico-nav.png) 0.2em 0em no-repeat;}
.btn-accion.asignar {background: url(../img/ico-navazul.png) 0.2em 0em no-repeat;}
.btn-accion.modificar {background: url(../img/ico-modificar.png) 0.2em 0em no-repeat;}
.btn-accion.aceptar {background: url(../img/ico-aceptar.png) 0.2em 0em no-repeat;}
.btn-accion.rechazar {background: url(../img/ico-eliminar.png) 0.2em 0em no-repeat;}
.btn-accion.recuperar {background: url(../img/ico-recuperar.png) 0.2em 0em no-repeat;}
.btn-accion.eliminar {background: url(../img/ico-eliminar.png) 0.2em 0em no-repeat;}
.btn-accion.subsanar {background: url(../img/ico-pendiente.png) 0.2em 0em no-repeat;}
.btn-accion.ver {background: url(../img/ico-ver.png) 0.2em 0em no-repeat;}
.btn-accion.pdf {background: url(../img/ico-pdf.png) 0.2em 0em no-repeat;}
.btn-accion.warning {background: url(../img/ico-alert-rsz.png) 0.2em 0em no-repeat;}
.btn-accion.ayuda {background: url("../img/ico-ayuda-rsz.png") 0.2em 0em no-repeat;}
.btn-accion.cerrarSesion {background: url("../img/ico-cerrar-rsz.png") 0.2em 0em no-repeat;}
.btn-accion.registrar {background: url(../img/ico-registrar.png) 0.2em 0em no-repeat;}
.btn-default.excel, .btn-primary.excel {background-image: url(../img/ico-excel.png); background-repeat: no-repeat; background-position: 0.6em 0.5em; padding-left: 2.6em}
.btn-default.pdf, .btn-primary.pdf  {background-image: url(../img/ico-pdf-red.png); background-repeat: no-repeat; background-position: 0.6em 0.5em;  padding-left: 2.6em}
.btn-default.eliminar, .btn-primary.eliminar  {background-image: url(../img/ico-eliminar.png); background-repeat: no-repeat; background-position: 0.6em 0.5em;  padding-left: 2.6em}
.btn-primary:hover, .btn-primary:focus {background: #005684 !important; border-color: #005888}
.btn-xs, .btn-group-xs > .btn {padding: 2px 16px 1px 16px; font-size: 1em; line-height: 1.5; border-radius: 5px; margin: 0.6em 0.2em;}
.btn-info {box-shadow: 1px 1px 1px #fff inset; margin-left: 0.2em}.btn-default {box-shadow: -1px -1px 2px #c5dced inset;}
.btn-info:hover {background: #fdbb42}

.opciones-login {width: 75%; margin: 0.8em auto}
.opciones-login a {background: url(../img/ico-nav.png) 0.2em 0.3em no-repeat; margin: 0.2em 0.4em 0.2em 0.5em; padding: 0.4em 0.6em 0.4em 1.9em;}

/*Info*/
.box-center {clear: both; width: 98%; margin: 0.7em auto; padding: 0.5em 1em;}
.box-center legend {color: #004D75; border: 0}
.box-center h1 {margin: 0.6em 0 0.8em 0;}
.box-center h2 {margin-left: 1.7em}
.box-center h3,h4,h5,h6 {margin-left: 2em}
.box-center p {margin-left: 1.6em !important}
.box-center .form-group {margin-left:0.2em}

/*Acciones*/
.acciones {background: #fff; border-radius: 4px; border: 1px solid #A6C0CB; margin: 0.6em; padding-bottom: 0.4em}
.acciones .heading {background: #CCD8DD; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0.6em; margin-bottom: 0.6em; text-align: center}

/*Iconos añadidos*/
.glyphicon {margin: 0 5px 0 5px; color: #106593;}
.ico {padding: 0 0 0.2em 0.2em;}
.aceptado {background: url(../img/ico-aceptado.png) 0.1em 0.2em no-repeat; padding: 0.2em 1.5em 0 0}
.pendiente {background: url(../img/ico-pendiente.png) 0.1em 0.2em no-repeat; padding: 0.2em 1.5em 0 0}
.rechazado {background: url(../img/ico-rechazado.png) 0.1em 0.2em no-repeat; padding: 0.2em 1.5em 0 0}

.table {width: 100%; margin: 0.6em auto; border-bottom: 1px solid #ccc}
.table caption {color: #003C5B; font-size: 1.2em; font-weight: bold; margin-left: 0.1em; clear: both}
.table thead {background: #cbd8da; border-top: 1px solid #FDAA0F; color: #003857}
.table thead tr th {border-bottom-width: 1px !important;}
.table-responsive {clear: both; border: 0; margin-bottom: 1em; margin-left: 1em}
table .column-xs {width: 8em}

/*Emergente buscador REGCES*/
.modal-regces { width: 75%; }

#footer {margin: 0.9em auto 0 auto; font-size: 0.875em}

.dontBreak {white-space: nowrap;}

  
/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
    #content .menu {float: left; width: 25%; margin: 0.8em 0 0.8em 0.2em; }
    #content .main {float: right; width: 73%;}
    #footer {width:750px}
    .navbar-brand {display: none;}
    #content aside.menu .navbar-default {background: none;}
    #nav-superior {width: 736px;}
  }

@media (min-width: 992px) {
    #header {text-align: left; position: relative; vertical-align: middle;}
    #header .escudo {display: inline-block;}
    #header .titulo {font-size: 2.5em; text-align: left; width: 62%; display: inline-block; margin-left: 1%;}
    #header .titulo strong {font-size: 1.4em;}
    #header .titulo small {display: block; font-size: 60%; margin-left:0.2em; margin-top: -0.2em}
    #footer {width:970px}
    .box-center {width: 75%;}
    .login {width: 75%;}
    #nav-superior {width: 956px;}
}

@media (min-width:1200px) {
  #nav-superior {width: 1156px;}
  #footer {width:1170px}
}

@media (max-width: 768px) {
  .form-login {width: 99%; padding: 0.4em 1.6em}
  #content .pull-right {float: none !important; margin-left: 0 !important}
  #content .row .pull-right {float: none !important; margin-left: 1.6em !important}
  #nav-superior .enlaces {margin-bottom: 0.2em}
  #nav-superior .sesion {border-radius: 4px;}
}
@media (max-width: 650px) {
  .container {background: #fff}
}

@media (max-width: 375px) {
  #footer {margin: 0.9em auto 0 auto; font-size: 0.8em}
  #nav-superior {text-align: center; display: block}
  .form-group {margin-left: 0 !important} .form-horizontal {margin-left: 0 !important}
}

@media print {
   body {background: #fff;}
   #content .main  {width: 98%; }
   .box-center h1 {background: none; padding-left: 0.4em}
   abbr {display: none}
}

/* IE8
----------------------------------------------------------------------------------------------------*/
html.ie8 .container {max-width: 80em; width: 95%; min-width: 900px; border: 1px solid #ccc}
html.ie8 #header .titulo {font-size: 2em; text-align: left; width: 62%; float: left; margin-left: 0.6%;}
html.ie8 #header .titulo small {display: block; margin-left:0.1em; margin-top: -0.08em}
html.ie8 #header .escudo {float: left}
html.ie8 #content .menu {float: left; width: 25%; margin: 0.8em 0px 0.8em 0.2em;}
html.ie8 #content .menu .navbar-default .navbar-header button {display: none}
html.ie8 #content .main {float: right; width: 73%;}
html.ie8 .navbar-brand {display: none;}
html.ie8 .collapse {display: block}
html.ie8 #content .menu ul.nav li {float: none}
html.ie8 ul.nav li {float: left}
html.ie8 .container-fluid > .navbar-header {display: none}
html.ie8 li.dropdown li {float: none}
html.ie8 .login {width: 75%;}
html.ie8 .box-center {width: 75%;}
html.ie8 .col-sm-1, html.ie8 .col-sm-2, html.ie8 .col-sm-3, html.ie8 .col-sm-4, html.ie8 .col-sm-5, html.ie8 .col-sm-6, html.ie8 .col-sm-7, html.ie8 .col-sm-8, html.ie8 .col-sm-9, html.ie8 .col-sm-10, html.ie8 .col-sm-11, html.ie8 .col-sm-12{float:left}
html.ie8 .col-sm-12{width:100%} html.ie8 .col-sm-11{width:91.66666667%;} html.ie8 .col-sm-10{width:83.33333333%} html.ie8 .col-sm-9{width:75%} html.ie8 .col-sm-8{width:66.66666667%} html.ie8 .col-sm-7{width:58.33333333%} html.ie8 .col-sm-6{width:50%} html.ie8 .col-sm-5{width:41.66666667%} html.ie8 .col-sm-4{width:33.33333333%} html.ie8 .col-sm-3{width:25%} html.ie8 .col-sm-2{width:16.66666667%} html.ie8 .col-sm-1{width:8.33333333%}
html.ie8 .col-sm-offset-12{margin-left:100%} html.ie8 .col-sm-offset-11{margin-left:91.66666667%} html.ie8 .col-sm-offset-10{margin-left:83.33333333%} html.ie8 .col-sm-offset-9{margin-left:75%} html.ie8 .col-sm-offset-8{margin-left:66.66666667%}
html.ie8 .col-sm-offset-7{margin-left:58.33333333%} html.ie8 .col-sm-offset-6{margin-left:50%} html.ie8 .col-sm-offset-5{margin-left:41.66666667%} html.ie8 .col-sm-offset-4{margin-left:33.33333333%} html.ie8 .col-sm-offset-3{margin-left:25%} html.ie8 .col-sm-offset-2{margin-left:16.66666667%} html.ie8 .col-sm-offset-1{margin-left:8.33333333%} html.ie8 .col-sm-offset-0{margin-left:0}
html.ie8 .form-horizontal .control-label {text-align: left; padding-top: 8px}
html.ie8 .form-horizontal .right.control-label {text-align: right !important;}
html.ie8 .modal-dialog {width: 620px; margin: 0 auto}
html.ie8 #footer {max-width: 90em; width: 100%;}

/* IE7
----------------------------------------------------------------------------------------------------*/
*+html .container {max-width: 75em; width: 95%; min-width: 900px; border: 1px solid #ccc}
*+html #header .titulo {font-size: 2em; text-align: left; width: 62%; float: left; margin-left: 0.6%;}
*+html #header .titulo small {display: block; margin-left:0.1em; margin-top: -0.08em}
*+html #header .escudo {float: left}
*+html #content .menu {float: left; width: 20%; margin: 0.8em 0px 0.8em 0.2em;}
*+html #content .menu .navbar-default .navbar-header button {display: none}
*+html #content .main {float: right; width: 75%;}
*+html .nav-tabs {display: inline-block}
*+html .navbar ul li {list-style-type: none; list-style-image: none;}
*+html .navbar-brand {display: none;}
*+html .collapse {display: block}
*+html #content .menu ul.nav li {float: none}
*+html ul.nav li {float: left}
*+html .container-fluid > .navbar-header {display: none}
*+html li.dropdown li {float: none}
*+html .login {width: 75%;}
*+html .box-center {width: 75%;}
*+html .form-group {width: 95%;}
*+html .form-group-inline {width: 95%;}
*+html .form-control {height: 18px;}
*+html .form-group select {height: auto !important;}
*+html .checkbox-inline input[type='checkbox'] {margin-left: -24px; top: 2px}
*+html .checkbox input[type='checkbox'] {margin-left: -24px; top: 2px}
*+html .radio-inline input[type='radio'] {margin-left: -24px; top: 2px}
*+html .radio input[type='radio'] {margin-left: -24px; top: 2px}
*+html textarea {height: auto !important}
*+html .modal-dialog {width: 620px; margin: 0 auto}
*+html .btn {margin-left: 0.2em}
*+html .col-sm-1, *+html .col-sm-2, *+html .col-sm-4, *+html .col-sm-5, *+html .col-sm-6, *+html .col-sm-7, *+html .col-sm-8, *+html .col-sm-9, *+html .col-sm-10, *+html .col-sm-11, *+html .col-sm-12{float: left}
*+html #footer {max-width: 90em; width: 100%;}

footer ul { margin: 0; padding: 0;}
footer ul li {display: inline; margin: 0 0.2em; padding-right: 0.8em; border-right: 1px solid #a3a3a3;}
footer ul li:last-child {border-right: 0;}