/* -- START NORMALIZE - No borrar -- */

html {background:#fff; color:#000; font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {margin: 0;}
html,body{height: 100%; margin: 0; padding: 0;}

a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
h1 {font-size: 2em; margin: 0.67em 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #ff0; color: #000;}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
figure {margin: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; color:black; font-weight:bold;}
button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0; border-color:#404040; border-width:1.3px;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; border-color:#404040;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; width: 100%;}
table {border-collapse: collapse; border-spacing: 0; cellspacing: 0; border: 0;}

body {font-size:62.5%}

/* -- FIN NORMALIZE -- */

h1 {color:#066; font-size:2em; font-weight:bold; line-height: 1em;}
h2 {color:#3b3c3d; font-size:1.2em; font-weight:bold; background:#f1f1f1; padding:.8em .6em;}
a.saltar {background:black; position:absolute; left:-999em; padding: .5em; text-align: center; width: 99%;}
a.saltar {color:white;}
a:hover.saltar,
a:active.saltar,
a:focus.saltar {left:0;}

/* - Columnas - */
.c30 {width:33%; display:inline-block; margin-left:-3px; vertical-align:top;}
.c50 {width:47%; display:inline-block; margin-left:-3px; vertical-align:top; float: left;}
.c70 {width:66%; display:inline-block; margin-left:-3px; vertical-align:top;}
.cauto {width:auto; display:inline-block; margin-left:-3px; vertical-align:top;}

/* - Estas clases son para dar un ancho en porcentajes -*/
.w8  {width:8%;}
.w10 {width:10%;}
.w12 {width:12%;}
.w16 {width:16%;}
.w17 {width:17%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w50 {width:50%;}
.w75 {width:75%;}
.w100 {width:100%;}

.w8d  {width:8%; text-align: right;}
.w10d {width:10%; text-align: right;}
.w16d {width:16%; text-align: right;}
.w17d {width:17%; text-align: right;}
.w20d {width:20%; text-align: right;}
.w25d {width:25%; text-align: right;}
.w30d {width:30%; text-align: right;}
.w50d {width:50%; text-align: right;}
.w75d {width:75%; text-align: right;}
.w100d {width:100%; text-align: right;}

/* - Clases para ocultar cosas - */
.hidden {position:absolute; left:-1000em;}
.overflow {overflow-x:scroll;}
.ocultarTextoCheckBox {color:#FFFFFF;}


/* - Capa modal invisible - */
.capamodalInvisible {position:fixed; background:url("../images/transparente.png") repeat; left:0; top:0; width:100%; height:100%; z-index:999;}

/* - Avisos (Letra pequeña con bombilla) - */
.aviso {font-size:100%; background:url("../images/bulb.png") no-repeat left 50%; padding-left:1.5em; line-height:2em;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content:""; clear: both; height: 0;}
.clearfix {display: inline-table;}
* html .clearfix {height:1%;}
.clearfix {display: block;}

/*Resaltado de controles que obtienen el foco*/
input:focus, select:focus, textarea:focus {background:#ffffcc; border-color:#FF0000;}
button:focus {background:#FF0000;}

#contenedor{width:95%; margin:0 auto; background:white; font:1.2em/1.2em normal tahoma, verdana, arial, sans-serif; height:100%}

/* -- Cabecera -- */
#cabecera {background:#fff; width:100%; padding:1em 0; border-bottom:1px solid #0B4E54; margin-bottom:2em; text-align:right;}
#cabecera a img#logo {float:left;}
#cabecera div.login {float:right; padding:1em 1em 1em 7em; background:#f1f1f1 url(../images/user.jpg) no-repeat 1em 1em; width:auto;}
#cabecera div.login span {font-size:1em; color:#373839; padding-bottom:1em; display:block;}
#cabecera div.login a {color:#0b4e54; font-size:1.1em;  font-weight:bold; float:right;}
#cabecera div.login a:hover,
#cabecera div.login a:focus,
#cabecera div.login a:active {text-decoration:none; background-color:#0b4e54; color:#fff;}

/* -- Pantalla login -- */
#logincontainer {background:#0b4e54; height:84%;}
#logincontainer .login {background:white; width:25em; height:auto; padding:3em; margin:0 auto; position:relative; top:25%; box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.5); max-width: 75%;}
#logincontainer .login div {margin-bottom:1.5em;}
#logincontainer .login label {font-size:1.2em; float:left; text-align:right; width:7em; padding-right:.5em; line-height:2em;}
#logincontainer .login input[type="text"],
#logincontainer .login input[type="password"] {height:2em;border:1px solid #ccc; width:15em}
#logincontainer .login a {color:#066; font-size:1em;}
#logincontainer .login a:hover,
#logincontainer .login a:focus,
#logincontainer .login a:active {text-decoration:none; background:#066; color:white;}
#logincontainer .login input[type="submit"] {background:#0b4e54; border:1px solid #006666; color:white; font-size:1.5em; font-weight:bold; margin-top:1em; padding:.5em 1em; width:100%;}
#logincontainer .login input[type="submit"]:hover,
#logincontainer .login input[type="submit"]:focus,
#logincontainer .login input[type="submit"]:active {background:#006459;}

ul.Errores {list-style:none; margin:0; padding:0;}
ul.Errores li {background:#FFEEE7; border:1px solid #CD0A0A; color:#CD0A0A; padding:1em;}

/* -- Menu -- */
#lateral {width:22%; background:gold; float:left;}
#lateral ul.menu,
#lateral ul.menu ul {padding:0; margin:0; list-style:none;}
#lateral ul.menu li {font-size:1.2em; }
#lateral ul.menu li.current a {background:#0b4e54; color:White;}
#lateral ul.menu li a {color:#313332; font-weight:bold; text-decoration:none; background:#eee; padding:0.8em; border-left:3px solid #0b4e54; border-bottom:1px solid #fff; display:block;word-wrap: break-word;}
#lateral ul.menu li ul.submenu {width:100%; position:absolute; left:-1000em;}
#lateral ul.menu li ul.submenu li a {background-color:#dbdbdb; color:black; border-left-color:#adadad; font-size:70%; padding-left:2em;}
#lateral ul.menu li.current,
#lateral ul.menu li ul.submenu li.current a {background:#0b4e54; color:white;}

#lateral ul.menu li.current a:hover,
#lateral ul.menu li ul.submenu li.current a:hover,
#lateral ul.menu li.current a:focus,
#lateral ul.menu li ul.submenu li.current a:focus,
#lateral ul.menu li.current a:active,
#lateral ul.menu li ul.submenu li.current a:active {background:#006459; color:white; text-decoration:underline;}
#lateral ul.menu li a:hover,
#lateral ul.menu li a:focus,
#lateral ul.menu li a:active, 
#lateral ul.menu li ul.submenu li a:active,
#lateral ul.menu li ul.submenu li a:focus,
#lateral ul.menu li ul.submenu li a:hover {background:#006459; color:white; text-decoration:underline;}

/* -- Menu desplegado -- */
#lateral ul.menu li ul.submenu.on {position:relative; left:0;}

/* -- Estilos globales de tabla -- */
#pagina table.tabla {width:100%}
#pagina table.tabla caption {background:#dbdbdb; font-weight:bold; color:#0b4e54; padding:.5em; font-size:1.2em;}
#pagina table.tabla tr:nth-child(even){background:#f1f1f1;}
#pagina table.tabla th {background:#0b4e54; padding:1em; color:#fff; border-top:1px solid #fff; text-align:left; font-size:1.2em;}
#pagina table.tabla td {padding:1em;}
#pagina table.tabla a {color:#006666;}
#pagina table.tabla a:hover,
#pagina table.tabla a:active,
#pagina table.tabla a:focus {text-decoration:none;}

/* -- Estilos globales de botones -- */
#pagina input[type="submit"], input[type="button"] {background:#0b4e54; border:1px solid #006666; color:white; font-size:1em; font-weight:bold; margin-top:2em; padding:.5em 1em;}
#pagina input[type="submit"]:hover, input[type="button"]:hover,
#pagina input[type="submit"]:focus, input[type="button"]:focus,
#pagina input[type="submit"]:active, input[type="button"]:active {background:#006459;}

/* -- Estilos para checkbox -- */
#pagina input[type="checkbox"]:focus, input[type="checkbox"]:focus {border:1px solid #FF0000;}

/* -- Estilos de pagina -- */
#pagina {margin-left:24%}
#pagina div.form > fieldset.caja {border-color:black; padding:0 1em 1em 1em; margin:1em 0;}
#pagina div.form > fieldset.caja legend {background:white; padding:0 1em; color:black; font-weight:bold; margin-bottom:1em;}
#pagina div.form > fieldset.caja > div {margin-bottom: 0.5em; float:left; width:99%;}

#pagina div.form div.c50 div {margin-bottom:.5em;}
#pagina div.form div.c50 label {float: left; text-align: right; width:13em; margin-right:.5em; height:2em; line-height:2em;}
#pagina div.form div.c30 div {margin-bottom:.5em;}
#pagina div.form div.c30 label {float: left; text-align: right; width:9em; margin-right:.5em; height:2em; line-height:2em;}
#pagina div.form div.c30 input[type="text"],
#pagina div.form div.c30 select {width:50%; margin:0;}
 
 
#pagina div.form div.n50 {width:49%; float: left;}
#pagina div.form div.n50 > label,
#pagina div.form div.n50 > input,
#pagina div.form div.n50 > select {width:95%; margin-right: 5%;}
#pagina div.form div.n50 > label {line-height: 1.2em;}
#pagina div.form div.n50 > input.w30 {width:30%;}

#pagina div.form div.n25 {width:24%; float: left;}
#pagina div.form div.n25 > label {width:95%; margin-right: 5%;}
#pagina div.form div.n75 {width:74%; float: left;}
#pagina div.form div.n75 > textarea {width:95%; margin-right: 5%;}


/*
#pagina label{padding-right:5px; width:auto;}
#pagina label.requerido:after{content:"*"; color:#0b4e54;}
* + html #pagina label.requerido {background:url(../images/asterisk.gif) no-repeat 100% 5px; padding-right:0.5em;}
*/

#pagina label{width:auto;}

#pagina input[type="text"], select {margin-right:2em;}
#pagina div.c50 select {width:40%;}

#pagina form table.tabla {width:100%}
#pagina form table.tabla caption {background:#006666; color:white; padding:0.5em; font-weight:bold}
#pagina form table.tabla tr:nth-child(even){background:#f1f1f1;}
#pagina form table.tabla td {padding:1em;}

#pagina .modal {background:white; box-shadow:0 3px 5px black; left:40%; padding:2em; position:fixed; text-align:center; top:40%; width:20em; z-index:999;}

#pagina .botonera2 {text-align:right; border-top:1px solid #dbdbdb; margin-top:1.5em;}
#pagina .botonera2 input[type="submit"]{background:transparent url("../images/more.gif") left 50% no-repeat; border:0; color:#006666; text-decoration:underline; padding-left:1.5em; margin-top:1em;}
#pagina .botonera2 input[type="submit"].excel{background:transparent url("../images/excel.png") left 50% no-repeat; border:0; color:#006666; text-decoration:underline; padding-left:2em; margin-top:1em;}
#pagina .botonera2 input[type="submit"]:hover,
#pagina .botonera2 input[type="submit"]:focus,
#pagina .botonera2 input[type="submit"]:active {text-decoration:none;}

/* -- Pantalla de error -- */
#pagina div.error {background: url("../images/error.jpg") no-repeat 0% 50%; font-size:150%; height:10em; margin:0 auto; padding:2em 0 10em 13em; line-height:1.5em;}
#pagina div.error p {margin:1em 0; color:#006666;}
#pagina div.error a {font-size:70%; display:block; color:#066; background:url("../images/arrow.gif") no-repeat left 50%; padding-left:1.5em; display:block;}
#pagina div.error a:hover,
#pagina div.error a:focus,
#pagina div.error a:active {text-decoration:none;}

.modal {background:white; box-shadow:0 3px 5px black; left:40%; padding:2em; position:fixed; text-align:center; width:20em; z-index:999; max-width:100%;}


/* -- Folder tree -- */
.treeCarpetas a {color:#0b4e54; margin-left:.4em; line-height:2em;}
.treeCarpetas input[type="checkbox"] {line-height:1em;}

/*Botones de acciones */
.accioneslis li
{
display: inline;
padding-right:1px;

}


.labelForCheck {display:none;}



.requeridod {text-align: right;}


.alinearDerecha {text-align:right;}



.saltoNav { BackColor:white; BorderColor:white; BorderStyle:none; BorderWidth:0px; Font-Size:smaller; ForeColor:white; height:5px; width:50px}
.saltoCont {Font-Size:XX-Small; BackColor:white; BorderColor:white; BorderStyle:none; BorderWidth:0px; ForeColor:white; height:5px; width:50px; }


textarea { width: 98%; padding: 10px; }

fieldset.caja {border-color:black; padding:0 1em 1em 1em; margin:1em 0;}