#cargando {
	background: #069;
	color: #FFF;
	font-size: 12px;
	position: fixed;
	_position: absolute;
	top: 50%;
	right: 50%;
	padding:3px;
	height:100px;
	width:100px;
	line-height:10px;
	z-index:10000;
	display:none;
	margin: -7px -40px 0 0;
}

#cargando p {margin: 0; padding: 0; }

.tagtextRepetirNoShow {
    visibility:hidden;
}

.tagtextRepetirShow {
    visibility:visible;
}

#scroll2 {
    background: white;
    width:100%;
    height:400px;
    overflow: scroll;
}

div#scrollUpload2, div#scrollUpload {
	max-height: 165px;
	overflow: scroll;
}

.Cursor{cursor: pointer; }

.Cursor2 {
    cursor: pointer;
    border: 1px solid #D1F97E;
    background-color: #E4EED3;
    padding: 1px;
    padding-right: 0px;
}

.CursorHelp{cursor:help; }

.TextError {
    font-size: 100%;
    color: #000;
}

.TextSession {
    font-size: 90%;
    font-weight: normal;
    color: #333;
}

.punteado {
    border-style: solid;
    border-width: 1px;
    border-color:#000000;
}

.TextBoxError {
    border:1px solid #000000;
    background-color:#FF7979;
    font: normal 11px Verdana;
    font-weight:normal;
    color:#000000;
}

.footer {
	background: #DCEBF7;
	width: 99.6%;
	margin: 10px auto;
	border: 1px solid #4297D7;
	padding: 6px 0;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.footer a {
	color: #27608D !important;
	font-weight: bold;
}

.campos{
    vertical-align: bottom;
}

.seccion {
    font-size: 12px;
    font-weight: bolder;
    color: #069;
}

/* ESTILOS COMUNES
--------------------------------------------------------- */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

html, body {
    height: auto;
}

body, td, th {
	font-family: Verdana, Arial, Tahoma;
}

body {
    font-size: 12px;
    color: #333;
	background: #FFF;
}

p { margin: 8px auto; }

table, tr, td {
    empty-cells: show;
	vertical-align: top;
}

img {
    border: 0;
}

/* Normal link */
a {
    color: #79A200;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

a img {
    border: none;
}

/* Heading */
h1 {
    font-size: 200%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 125%;
}

/* MENU SUPERIOR
----------------------------------------------------------*/

#ja-mainnav {
	background:transparent url(../pic/mainnav-bg.gif) repeat-x left top;
	font-family:Tahoma,Verdana,Tahoma,sans-serif;
	height:46px;
	line-height:1;
	padding-top:10px;
	position:absolute;
	top:0;
	z-index:900;
}

#ja-mainnav .main { font-size: 100%; }

/* Sub Nav ---*/
#ja-subnav {
	background: url(../pic/subnav-bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #323436;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 800;
}

#ja-subnav .main {
	line-height: 1;
	z-index: 10;
	position: relative;
}

#ja-subnav ul {
	overflow: hidden;
	padding: 10px 0 10px 15px;
}

#ja-subnav ul.active {}

#ja-subnav li {
	background: none;
	border-left: 1px dotted #999;
	display: block;
	float: left;
	padding: 3px 6px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
	color: #999;
	font-weight: bold;
	text-decoration: underline;
}

#ja-subnav ul.active li a { color: #999; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul.active li a.active { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li { }

#ja-subnav ul li ul {
	background: #ddd;
	border: 1px solid #ccc;
	display: block;
	height: auto;
	left: -999em;
	padding: 0;
	position: absolute;
}

#ja-subnav ul li.hover ul {
	display: block;
	height: auto;
	left: auto;
	position: absolute;
	margin-top: 3px;
	margin-left: 5px;
}

#ja-subnav ul li.haschild a {
	background: url(../pic/arrow.png) no-repeat right center;
	padding-right: 12px;
	display: block;
	overflow: hidden;
}

#ja-subnav ul li.haschild a:hover {
	background: url(../pic/arrow3.png) no-repeat right center;
}

#ja-subnav ul li.haschild li a,
#ja-subnav ul li.hover li a {
	background: none;
	padding-right: 0;
}

#ja-subnav ul li ul li {
	border-bottom: 1px solid #ccc;
	border-left: 0;
	display: block;
	float: none;
	padding: 5px;
	text-align: left;
}

#ja-subnav ul li ul li a {
	background-image: none !important;
	border: 0 !important;
	color: #333 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#ja-subnav ul li ul li a:hover {
	background-image: none !important;
	color: #57212a !important;
	text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active {
	color: #57212a !important;
	font-weight: bold !important;
}

span.menu-title {
	display: block;
}

#jasdl-mainnav {
	position: relative;
	float: left;
}

#jasdl-mainnav ul { display: block; margin-left: 15px; }

#jasdl-mainnav li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none outside none;
}

#jasdl-mainnav a {
	color: #ccc;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 92%;
	line-height: normal;
	margin: 0  4px 0 0;
	padding: 0 0 0 6px;
	text-decoration: none;
	text-transform: uppercase;
}

#jasdl-mainnav a span { padding: 3px 6px 19px 0; }

#jasdl-mainnav a:hover,
#jasdl-mainnav ul li.hover a {
	background: url(../pic/mainnav-hover.gif) no-repeat left top;
	color: #fff;
}

#jasdl-mainnav a:hover span,
#jasdl-mainnav ul li.hover a span {
	background: url(../pic/mainnav-hover.gif) no-repeat right top;
}

#jasdl-mainnav li.active a,
#jasdl-mainnav li.active a:hover,
#jasdl-mainnav li.active a:active,
#jasdl-mainnav li.active a:focus {
	background: url(../pic/mainlevel-active.gif) no-repeat left top #57222B;
	color: #fff;
}

#jasdl-mainnav li.active a span,
#jasdl-mainnav li.active a:hover span,
#jasdl-mainnav li.active a:active span,
#jasdl-mainnav li.active a:focus span {
	background: url(../pic/mainlevel-active.gif) no-repeat right top;
}

#jasdl-subnav .first-item { border-left: 0; }

#jasdl-subnav { display: none; }


/* FORM
--------------------------------------------------------- */
form {
    margin: 0;
    padding: 0;
}

form label, label {
    cursor: pointer;
    font-size: 98%;
	font-weight: bold;
}

label.requerido {
    color: #F00;
}

input, select, textarea, .inputbox, .button {
    font-size: 100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

input:focus, select:focus, textarea:focus {
	background: url('../pic/fondoInputFocus.png');
	border: 1px solid #006CCD;
}

.inputbox {
    background: #FFF url(../pic/fondo_input.gif) repeat-x top left;
    border: 1px solid #8F8F8F;
    color: #666;
    font-size: 100%;
    padding: 2px;
    margin: 1px;
}

.input-date {
	display: inline !important;
	width: 90px !important;
}

input.hidden {
	z-index: 2;
	position: relative;
	text-align: left;
	filter: alpha(opacity: 0);
    opacity: 0;
    -moz-opacity: 0;
}

.hasDatepicker {
    background: #FFF url(../pic/fondo_input.gif) repeat-x top left;
    border: 1px solid #8F8F8F;
    color: #666;
    font-size: 100%;
    padding: 2px;
	width: 90px !important;
	display: inline !important;
	margin-right: .1em !important;
}

.errorObjeto {
    background: #FFCFCF;
    border: 1px solid #F00;
    color: #000;
    font-size: 100%;
    padding: 2px;
    margin: 1px;
}

.Bottom {
    background: #FFF url(../pic/fondo_input.gif);
    border: 1px solid #999;
    color: #000;
    margin: 1px;
	padding: 2px;
}

div.combo-depend {

}

ul.alternate div.combo-depend input {
	display: inline !important;
	width: 88% !important;
}

ul.alternate div.combo-depend button {
	margin: 0.1em -0.43em;
}

* html .button {
    padding: 0 5px !important; /*IE 6*/
}

*+html .button {
    padding: 0 5px !important; /*IE 7*/
}

td.key {
    width: 145px;
    background: #EDEDED;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    color: #666;
    font-weight: bold;
    text-align: right;
}

td.left {
    text-align: left !important;
}

fieldset {
    border: none;
    padding: 3px;
    margin: 2px;
    text-align: left;
}

fieldset table {
    margin: 0;
    border: 1px solid #999;
    background: #EDEDED;
	border-collapse: collapse;
}

fieldset table td, fieldset table td.key {
	padding: 2px;
    border: 1px solid #CCC;
}

fieldset table table {
    border: none;
}

fieldset legend {
    font-weight: bold;
    font-size: 100%;
    color: #346B96;
	border: 1px solid #4297D7;
	padding: 3px;
	width: 99.4%;
	background: #DFEFFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/* bubble */
.bubble_tooltip {
    width: 288px;
    position: absolute;
    display: none;
}

.bubble_top {
    background: url(../pic/css/tooltip/bubble_top.png) no-repeat;
    height: 37px;
    text-align: right;
}

.bubble_top1 {
    background: url(../pic/css/tooltip/bubble_top1.png) no-repeat;
    height: 37px;
    text-align: left;
}

.bubble_middle {
    background: url(../pic/css/tooltip/bubble_middle.png) repeat-y bottom left;
    text-align: left;
    padding: 0 30px 0 40px;
    font-size: 100%;
}

.bubble_middle1 {
    background: url(../pic/css/tooltip/bubble_middle1.png) repeat-y bottom left;
    text-align: left;
    padding: 0 10px 0 30px;
    top: 0;
    font-size: 100%;
}

.bubble_bottom {
    background: url(../pic/css/tooltip/bubble_bottom.png) no-repeat;
    height: 22px;
}

.bubble_bottom1 {
    background: url(../pic/css/tooltip/bubble_bottom1.png) no-repeat;
    height: 22px;
}

.text_bubble {
    position: relative;
    font-size: 100%;
    text-align: left;
}

.errorMensajes {
    border: 1px dotted #096;
    padding: 3px 0;
    margin: 2px auto;
    background: #F1DADA;
    text-align: center;
}


/* GRID
--------------------------------------------------------- */
table.grid {
    font-size: 100%;
    border-spacing: 1px;
	border-collapse: collapse;
    background: #4297D7;
    border: 1px solid #4297D7;
	margin: 6px 2px;
	width: 99.7%;
	padding: 1px;
}

table.grid thead th, table.grid tbody th, table.grid th {
    background: #88B6D9;
    border: 1px solid #4297D7;
    vertical-align: middle;
    text-align: center;
	padding: 1px;
}

table.grid tbody th {
    background: #88B6D9;
    border: 1px solid #4297D7;
    vertical-align: middle;
    text-align: center;
	padding: 1px;
}

table.grid td {
	border: 1px solid #4297D7;
	padding: 1px 2px;
}

table.grid a {
    color: #036;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
}

table.grid tfoot th,
table.grid tfoot td {
    background: #F3F3F3;
    padding: 0;
    border: 1px solid #4297D7;
    vertical-align: middle;
}

table.grid tfoot th table th,
table.grid tfoot td table td {
	border: none;
}

table.grid td.registro {	
    text-align: center;
    padding-left: 2px;
    vertical-align: middle;
    font-weight: bold;
}

table.grid table td {
    padding: 2px;
}

table.grid tr.totales {
    background: #F3F3F3;
}

/* MAIN LAYOUT
--------------------------------------------------------- */
.wrap {
    clear: both;
    width: 100%;
    /*background: url('../pic/bg.jpg') top center no-repeat;*/
    /*height: auto;*/
    /*display:table;*/
    /*padding-bottom: 10px;*/
}

div.wrap-index {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -211px;
	margin-left: -275px;
	background: transparent;
	width: 540px;
	padding: 0;
}

div.wrap-index div.main {
	background: url('../pic/bg_cuadro_medio.png') 0px 20px no-repeat;
	width: 500px;
	height: 407px;
	padding: 2px 25px;
}

div.wrap-index div div.titulo {
	font-weight: bold;
	text-align: center;
	width: 100%;
	font-size: 180%;
	margin: 1px auto 16px;
}

div.wrap-index div.pie {
	font-weight: bold;
	text-align: center;
	width: 100%;
	font-size: 120%;
	margin: 4px auto 2px auto;
	color: #2C5C8F;
}

.main {
    margin: 0 auto;
    width: 100%;
}

.wrap .main-content {
	margin-top: 84px;
}

.inner {
    margin: 0;
    padding: 0 10px;
}

div.nuevo_registro {
    padding: 4px;
    margin: 0 auto;
    text-align: right;
}

div.banner_info {
    text-align: center;
    background: #FFF6BF;
    margin: 3px auto;
    padding: 2px 0;
    border: 1px dotted #4584D1;
    width: 99.8% !important;
}

table#oculta {
    font-size: 88%;
}

div.info-user {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	color: #FFF;
	width: auto;
	padding: 7px 5px;
	font-weight: bold;
	font-size: 90%;
	text-align: right;
	border-left: 1px solid #23378A;
	background: #3561DE;
	line-height: 1.2;
}


/* TABS
--------------------------------------------------------- */

/*- Menu Tabs J--------------------------- */

.tabContainer {
    width: 100%;
    margin: 80px auto 3px;
    display: table;
}

#tabsJ {
    float:left;
    width:100%;
    /*background:#F4F4F4;*/
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #033F17;
}

#tabsJ ul {
    margin:0;
    padding:8px 4px 0 4px;
    /*	padding:3px;*/
    list-style:none;
}

#tabsJ li {
    display:inline;
    margin:0;
    padding:0;
}

#tabsJ a {
    float:left;
    background:url("../pic/tableftJ.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabsJ a span {
    float:left;
    display:block;
    background:url("../pic/tabrightJ.gif") no-repeat right top;
    padding:5px 5px 5px 0px;
    color:#033F17;
}

#tabsJ a:hover span {
    color:#FFF;
    background-position:100% -42px;
}

#tabsJ a:hover {
    background-position:0% -42px;
}

#tabsJ #current a {
    background-position:0% -42px;
}

#tabsJ #current a span {
    background-position:100% -42px;
    color:#FFF;
}

table#oculta a {
    color: #666;
    text-decoration: none
}

table#oculta a:hover {
    color: #000;
    text-decoration: none
}


/* MAIN FRONT END
--------------------------------------------------------- */

.pie_pagina {
    background: url(../img/fondo_pie.gif) repeat-x top left;
    padding: 20px 2px 2px;
    font: bold 100%;
    color: #0F3655;
    text-align: right;
}

.pie_pagina a {
    font: bold 100%;
    color: #7087A2;
    text-decoration: none;
}

.pie_pagina a:hover {
    color: #40546E;
    text-decoration: none;
}

.tit_bold {
    font: bold 110%;
    color: #7BA4C1;
    padding-bottom: 8px;
}

html[xmlns] .clearfix {
    display:block;
}

div.tools-mini-right {
	width: 100%;
	text-align: right;
	font-weight: bold;
	vertical-align: text-top;
}

div.no-info {
	border: 1px dotted #999;
	width: 100%;
	margin: 1px auto;
	padding: 3px;
	font-weight: bold;
	text-align: center;
}

.vista-full {
	background: #CEE0EB;
	width: 100%;
	margin: 10px auto;
	border: 1px solid #C3D7E6;
	padding: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.vista-full-titulo {
	background: transparent url('../pic/bg-header.png') repeat-x scroll 50% 50%;
	width: 100%;
	margin: 10px auto;
	border: 1px solid #C3D7E6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
	font-weight: bold;
	text-align: center;
}

.vista-full .header {
	background: transparent url('../pic/bg-header.png') repeat-x scroll 50% 50%;
	width: 99.6%;
	right: 0px;
	text-align: right;
	padding: 1px 3px;
	margin: -1px 0 2px -1px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.vista-full .header span {
	float: left;
	padding: 5px 0 0;
	color: #1D5987;
}

.vista-full .footerFull {
	background: transparent url('../pic/bg-footer.png') repeat-x scroll 50% 50%;
	width: 99.6%;
	left: 0px;
	padding: 1px 3px;
	margin: -1px 0 0 -1px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.vista-full .titulo {
	width: 99.5%;
	padding: 1px 3px;
	color: #353535;
	border-bottom: 1px dotted #353535;
}

.vista-full .contenido {
	width: 99.5%;
	padding: 3px;
	color: #353535;
	display: block;
}

.vista-full .contenido .bloques {
	background: #CEE0EB;
	width: 99%;
	padding: 3px;
	color: #353535;
	display: block;
	margin: 5px auto;
	border: 1px solid #C3D7E6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.vista-full .contenido .bloques .header {
	background: transparent url('../pic/bg-header.png') repeat-x scroll 50% 50%;
	width: 99.99%;
	right: 0px;
	text-align: right;
	font-weight: bold;
	padding: 1px 3px;
	margin: -3px 0 3px -3px;
	display: table;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.vista-full .contenido .bloques .header span {
	float: left;
	padding: 2px 0 0;
	color: #1D5987;
}

.vista-full .contenido .bloques .titulo {
	width: 99.9%;
	padding: 1px 3px;
	color: #353535;
	border-bottom: 1px dotted #353535;
	font-weight: bold;
	margin-left: -3px;
	margin-right: -3px;
}

.vista-full .contenido .bloques .footerFull {
	background: transparent url('../pic/bg-footer.png') repeat-x scroll 50% 50%;
	width: 99.99%;
	left: 0px;
	padding: 3px;
	margin: 3px 0 -3px -3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-khtml-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}