HTML {
    font-size:80% !important;
    }


/*  

  OCU Styles Portlet 
  v0.7 | 20090125 
  v0.8 | 20110203 - Con las actualizaciones de la version "OCU Styles Portlet v0.13 | 20101105"  
  v0.9 | 20110225 - Ajuste de estilos - Tablas 
  v0.10 | 20110527 - Con las actualizaciones de la version "OCU Styles Portlet v0.14 | 20110310"      

TOC:
  
  $2 - subMainContent (Equivale al $3.2.2 de Aplication styles)
  
*/ 

/*------------------------------------------------------------------------------
  $2 - subMainContent
------------------------------------------------------------------------------*/
/* Contenedor general */
#subMainContent {
    width: auto;
    margin: 0 0 0 0;
    /* Mostrar en caso de que no se muestre un espacio alrededor del portlet   
  padding: 0 0 0 0; */
  /* Mostrar en caso de que se muestre un espacio alrededor del portlet*/
        font-size: 0.75em;
	padding: 0.5em!important;
	padding-bottom: 1.6em!important;
}
/* Define las propiedades generales de las im?genes que se encuentran dentro del Contenedor general */
#subMainContent IMG {
	border: 0; /* Posibilidad de colocar en uxxi_portal.css */
	margin-right: 0.8em;
}
#subMainContent IMG.imgIzq {
	float: left;
}
#subMainContent IMG.imgDer {
	float: right;
}
#subMainContent IMG.imgCent {
	float: center;
}

/* Define los encabezados que se encuentran dentro del Contenedor general */
#subMainContent H2 {
	font-size: 1.4em;
	margin-top: 1.2em;
	background-color: transparent;
}
#subMainContent H3 {
	Font-Size: 1.2em;
	margin-top: 1.2em;
	margin-left: 0;
}
#subMainContent H4 {
	font-size: 1.1em;
	background: none!important;
}

#p93_166068_93_166044_166044 #subMainContent H2, #p93_166068_93_166044_166044 #subMainContent H3, #p93_166066_93_166045_166045 #subMainContent H2, #p93_166066_93_166045_166045 #subMainContent H3 {
  display: none;
}

#p93_230043_93_166045_166045 #subMainContent H2, #p93_230043_93_166045_166045 #subMainContent H3, #p93_166066_93_166046_166046 #subMainContent H2, #p93_166066_93_166046_166046 #subMainContent H3 {
  display: none;
}


/* Define la clase .oculto que permite ocultar un texto, un encabezado, etc. */
#subMainContent .oculto {
	DISPLAY: none;
}
/* Define las propiedades de la clase .data que se puede utilizar en los campos de un formulario */
#subMainContent P SPAN.dataout {
	font-weight: normal;
}
/* Define las propiedades de la clase .datab que se puede utilizar en los campos de un formulario */
#subMainContent P SPAN.data, #subMainContent P SPAN.datab {
	font-weight: normal;
  line-height: 1.7em;
  border: 1px solid transparent;
}
/* searchBox */
/* Contenedor de la b?squeda general */
#subMainContent .searchBox {
	width: auto!important;
	height: auto;
	background: url(/portlets/images/base_rayas_big.gif);
	padding: 0.9em!important;
	border-bottom: 1px solid #c4c4c4;
}
#subMainContent .searchBox h2, .searchBox h2 {
	border: none;
	background-color: transparent!important;
}
#subMainContent .searchBox LABEL, .searchBox LABEL {
	margin-left: 0.9em;
	font-weight: normal;
}
#subMainContent .searchBox FORM p, .searchBox FORM p {
  font-weight: normal;
  margin: 1em 0 0.6em 0;
  padding: 0.2em 0 0 0;
}
/* searchBoxAdmin */
/* Contenedor de la b?squeda para un administrador */
#subMainContent .searchBoxAdmin {
	width: auto!important;
	height: auto;
	background: url(/portlets/images/base_rayas_big.gif);
	padding: 0.9em!important;
	border-bottom: 1px solid #c4c4c4;
}
#subMainContent .searchBoxAdmin h2 {
	border: none;
}
#subMainContent .searchBoxAdmin BUTTON {
	margin-left: 0.9em;
}
#subMainContent .searchBoxAdmin LABEL {
	margin-left: 0.9em;
	font-weight: bold;
}
#subMainContent #searchBoxAdmin .messageAdmin {
	margin-top: 0.9em;
}

/* Button */
/* Area que contiene los botones */
#subMainContent .button, .searchBox .button {
	width: auto;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0.9em 0 0.9em 0;
}
#subMainContent .buttonRight, .searchBox .buttonRight {
	width: auto;
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .button button, .searchBox .button button {
	margin: 0 0.6em 0 0;
}

/* tabs */
/* Area que contiene los separadores, ver los ejemplos AC4A y BC4A */
#subMainContent .tabNav {
	background: #FFF url(/portal/page/portal/uxxiportal/repositorio/images/bgTabs.gif) bottom left repeat-x;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0;
}
#subMainContent .tabNav h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	background: #fafafa;
	margin: 0;
	padding: 0;
}
#subMainContent .tabNav li {
	border-bottom: 1px solid #8c9091;
	border-right: 1px solid #8c9091;
	border-left: 1px solid #8c9091;
	border-top: 1px solid #8c9091;
	float: left;
	list-style: none !important;
	margin: 0em 0 0 0.5em;
	padding: 0.2em 0.6em 0.1em 0.6em;
}
#subMainContent .tabNav a {
	float: left;
	font-weight: normal;
	padding: 0em 1em 0em 0.6em;
}
#subMainContent .tabNav li.optionACTIVE {
	background: #fafafa;
	border-bottom: 1px solid #fafafa;
	font-weight: normal;
	margin: 0em 0 0 0.5em;
	padding: 0.2em 0.6em 0.1em 0.6em;
}
/* stepsNav */
/* Area que contiene una navegaci?n por pasos, ver el ejemplo AC5A */
#subMainContent .stepsNav {
	width: auto;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0 0 1.9em 0;
}
#subMainContent .stepsNav IMG {
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .stepsNav h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
#subMainContent .stepsNav ul {
}
#subMainContent .stepsNav li {
	float: left;
	list-style: none !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .stepsNav a {
	float: left;
	font-weight: normal;
	padding: 0 0 0 0;
}
#subMainContent .stepsNav li.optionACTIVE {
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* fieldset */
/* Area que agrupa los controles en un formulario */
#subMainContent fieldset {
	width: auto;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0.9em 1.2em 0.9em;
	border: 1px solid #c4c4c4;
}
#subMainContent fieldset legend {
	color: #363636;
	font-size: 1.2em;
	margin: 0 0 0 0;
	padding: 0 0.9em 0 0.9em;
}
/* Definicion de las etiquetas de un formulario dentro de un fieldset */
#subMainContent fieldset label.label00 {
	width: auto;
	margin-right: 0.9em;
}
#subMainContent fieldset label.label01 {
	width: 15%!important;
	margin-right: 0.9em;
}
#subMainContent fieldset label.label02 {
	width: 20%!important;
	margin-right: 0.9em;
}
#subMainContent fieldset label.label03 {
	width: 25%!important;
	margin-right: 0.9em;
}
#subMainContent fieldset label.label04 {
	width: 30%!important;
	margin-right: 0.9em;
}
/* Definicion de los campos desplegables de un formulario dentro de un fieldset */
#subMainContent fieldset select.select01 {
	width: 15%!important;
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent fieldset select.select02 {
	width: 32.8%!important;
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent fieldset select.select03 {
	width: 55%!important;
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent fieldset select.select04 {
	width: 75%!important;
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0;
}
/* Definicion de los campos de texto de un formulario dentro de un fieldset */
#subMainContent fieldset input.input01 {
	width: 15%!important;
}
#subMainContent fieldset input.input02 {
	width: 32%!important;
}
#subMainContent fieldset input.input03 {
	width: 55%!important;
}
#subMainContent fieldset input.input04 {
	width: 75%!important;
}
/* Definicion de los campos de texto de varias lineas de un formulario dentro de un fieldset */
#subMainContent fieldset textarea {
	width: 75%;
}
#subMainContent fieldset textarea.textfield1 {
	width: 55%!important;
}
#subMainContent fieldset textarea.textfield2 {
	width: 73.5%!important;
}
/* form and related tag styles */
/* Definicion general de los formularios */
#subMainContent form {
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* label and related tag styles */
/* Definicion de las etiquetas de un formulario */
#subMainContent label, .searchBox label {
	width: 100%!important;
	font-weight: normal;
	float: left;
	margin: 0.3em 0 0 0.9em;
	padding: 0 0 0 0;
}
#subMainContent label.label00, .searchBox label.label00 {
	width: auto!important;
  height: auto;
	margin-right: 0.9em;
}
#subMainContent label.label01, .searchBox label.label01 {
	width: 15%!important;
	/*  height: 1.8em;
*/
	height: auto;
	margin-right: 0.9em;
}
#subMainContent label.label02, .searchBox label.label02 {
	width: 20.5%!important;
	height: auto;
	margin-right: 0.9em;
}
#subMainContent label span.ej, .searchBox label span.ej {
	font-weight: normal;
	color: #5b5a5a;
}
/* Definicion de los campos de texto de un formulario */
#subMainContent input.input01, .searchBox input.input01  {
	width: 14.85%!important;
}
#subMainContent input.input02, .searchBox input.input02 {
	width: 31.5%!important;
}
#subMainContent input.input03, .searchBox input.input03 {
	width: 53.9%!important;
}
#subMainContent input.input04, .searchBox input.input04 {
	width: 73.35%!important;
}
/* Definicion de los campos checkbox de un formulario */
#subMainContent .checkbox, .searchBox .checkbox {
	width: 100%!important;
	height: auto;
	margin: 0 0 0.9em 0.9em;
	padding: 0.9em 0 0 0;
}
#subMainContent .checkbox input, .searchBox .checkbox input {
	width: 0%!important;
	margin: 0 0.5em 0 0;
	padding: 0 0 0 0;
	border: 1px solid blue;
}
#subMainContent .checked fieldset legend {
	font-size: 1.08em!important;
}
/* Definicion de los campos desplegables de un formulario */
#subMainContent select, .searchBox select {
	width: 75%!important;
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent select.select01, .searchBox select.select01 {
	width: 14.85%!important;
	margin: 0.4em 0 0 0.1em;
	padding: 0 0 0 0;
}
#subMainContent select.select02, .searchBox select.select02 {
	width: 32%!important;
	margin: 0.4em 0 0 0.1em;
	padding: 0 0 0 0;
}
#subMainContent select.select03, .searchBox select.select03 {
	width: 53.9%!important;
	margin: 0.4em 0 0 0.1em;
	padding: 0 0 0 0;
}
#subMainContent select.select04, .searchBox select.select04 {
	width: 73.35%!important;
	margin: 0.4em 0 0 0.1em;
	padding: 0 0 0 0;
}

/* Definicion de los campos de texto de varias lineas de un formulario */
#subMainContent textarea {
	width: 73.34%;
	font-family: Arial, sans-serif;
	font-size: 1em!important;
	margin: 0.4em 0 0 0.1em;
	padding: 0.2em 0.2em 0.2em 0.2em;
}
#subMainContent textarea.textfield1 {
	width: 53.9%!important;
}
#subMainContent textarea.textfield2 {
	width: 73.34%!important;
}
/* checked */
/* Definicion de los campos checked en linea en un formulario, ver el ejemplo AC5A */
#subMainContent .checked {
	width: 96%;
	margin: 0.2em 0 0.9em 0.9em;
	padding: 0 0 0 0;
}
#subMainContent .checked fieldset {
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .checked p.checkedContent {
	width: 77.6%;
	float: right;
	margin: -1.1em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .checked fieldset legend {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .checked p.checkedContent select {
	margin: 0 0 0 0.35em;
	padding: 0 0 0 0;
}
#subMainContent .checked label {
	width: auto;
	font-weight: normal;
	float: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* fieldset checked */
/* Definicion de los campos checked de un formulario que se encuentran en un fieldset, ver el ejemplo AC7A */
#subMainContent fieldset .checked p.checkedContent {
	width: 78.4%;
}
/* SearchLine */
/* Definicion del ?rea en la horizontal que incluye los campos de un formulario que permiten incluir una fecha en linea */
#subMainContent .dateSearchLine {
	width: auto;
	height: 1em;
	margin: 0 0 0 0;
	padding: 0.7em 0 0.7em 0.9em!important;
}
#subMainContent .dateSearchLine fieldset {
	border: 0;
}
#subMainContent .dateSearchLine fieldset legend {
	margin: 0 0 0 -0.9em;
	padding: 0 0 0 0;
}
#subMainContent .dateSearchLine p {
	width: 79.5%;
	float: right;
	margin: -1.5em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .dateSearchLine p.Line00 {
	width: 89%;
	float: right;
	margin: -1.5em 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .dateSearchLine label {
	width: auto;
	float: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* fieldset dateSearchLine */
/* Definicion del ?rea en la horizontal que incluye los campos de un formulario dentro de un fieldset que permiten incluir una fecha en linea, ver el ejemplo AC1A */
#subMainContent fieldset .dateSearchLine {
	margin: 0 0 0 0;
	padding: 0.6em 0 0em 0;
}
#subMainContent fieldset .dateSearchLine fieldset legend {
	font-weight: normal;
	font-size: 1em;
}
#subMainContent fieldset .checked dateSearchLine legend {
	font-weight: nornal!important;
	margin: 0 0 0 -0.9em;
	padding: 0 0 0 0;
}
#subMainContent .dateSearchLine fieldset p {
	width: 79.5%;
	float: right;
	margin: -1.5em 0 0 0;
	padding: 0 0 0.9em 0;
}
#subMainContent .dateSearchLine select {
	width: 20%!important;
	font-weight: normal;
	float: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* searchResul */
/* Definicion del ?rea que contiene los resultados de b?squeda, ver el ejemplo AC2A */
#subMainContent .searchResul {
	margin: 0 0 1.2em 0;
	padding: 0 0 0 0;
}
/* options */
/* Definicion del ?rea general que contiene las opciones disponibles sobre los resultados de b?squeda, ver el ejemplo AC2A */
#subMainContent .searchResul .option {
	width: auto;
	height: 1.5em;
	font-size: 1.2em!important;
	margin: 0 0 0 0;
	padding: 0.9em;
	border-bottom: 1px solid #c4c4c4;
	background: url(/portlets/images/base_rayas_big.gif);
}
/* Definicion del subarea que contiene las opciones en linea en un solo area, ver el ejemplo AC2A */
#subMainContent .searchResul .option00 {
	width: 100%;
}
/* Definicion de las subareas que contienen las opciones en linea en dos areas, ver el ejemplo AC2A */
#subMainContent .searchResul .option01 {
/* Definicion del subarea de la izquierda */
	width: 60%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
#subMainContent .searchResul .option02 {
/* Definicion del subarea de la derecha */
	width: 39%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
#subMainContent .searchResul .option00 ul, #subMainContent .searchResul .option01 ul, #subMainContent .searchResul .option02 ul {
	width: 100%!important;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}
#subMainContent .searchResul .option00 li, #subMainContent .searchResul .option01 li, #subMainContent .searchResul .option02 li {
	font-size: 0.8em;
	background: none;
	list-style: none;
	background: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .searchResul .option00 li a, #subMainContent .searchResul .option01 li a, #subMainContent .searchResul .option02 li a {
	display: block;
	padding: 0.3em 1em 0.3em 1.7em;
}
#subMainContent .searchResul .option00 li.print a, #subMainContent .searchResul .option01 li.print a {
	background: url(../images/icoPrint.gif) center left no-repeat;
	padding: 0.3em 1em 0.3em 1.8em;
}
#subMainContent .searchResul .option00 li.excel a, #subMainContent .searchResul .option01 li.excel a {
	background: url(../images/icoExcel.png) center left no-repeat;
	padding: 0.3em 1em 0.3em 1.6em;
}
#subMainContent .searchResul .option02 ul li {
	float: right;
} 
#subMainContent .searchResul .option00 li.add a, #subMainContent .searchResul .option01 li.add a {
	background: url(../images/icoAdd.png) center left no-repeat;
	padding: 0.3em 1em 0.3em 2em;
}
/* pagination */
/* Definicion del area que contiene la paginacion de los resultados, ver el ejemplo AC2A */
#subMainContent .searchResul .pagination {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0.85em;
	padding: 0.9em;
	margin: 0 0 0 0;
	padding: 0.9em 0 0.9em 0.9em!important;
}
#subMainContent .searchResul .pagination li {
	background: none;
	float: left;
	line-height: 1.2em;
	list-style: none;
	margin: 0 1.5em 0 0;
	padding: 0;
}
#subMainContent .searchResul .pagination a {
	font-weight: normal;
}
#subMainContent .searchResul .pagination .next {
	padding: 0 0.9em 0 0.4em;
	position: absolute;
	right: 1em;
	border-left: 1px solid #3d3d3d;
}
#subMainContent .searchResul .pagination .pag {
	padding: 0 0.9em 0 0;
	position: absolute;
	right: 8em!important;
}
#subMainContent .searchResul .pagination .first {
	padding: 0 0.9em 0 0;
	position: absolute;
	right: 15em!important;
}
#subMainContent .searchResul .pagination .first .firstpag1 {
	color: #ccc;
	padding: 0 0.9em 0 0.4em;
	border-right: 1px solid #3d3d3d;
}
/* Link */
/* Definicion de un listado de enlaces */
#subMainContent .link ul {
	width: 100%!important;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
#subMainContent .link ul li {
	background: none;
	list-style: none;
	background: none;
	float: left;
	margin: 0 0 0 0.9em;
	padding: 0 0 0 0;
}
#subMainContent .link ul li a {
	display: block;
	padding: 0.3em 1em 0.3em 1.7em;
}
#subMainContent .link ul li.user a {
	background: url(../images/icoUser.png) center left no-repeat;
	padding: 0.3em 1em 0.3em 2.4em;
}

#subMainContent .link ul li.return a {
	background: url(../images/icoReturn.png) center left no-repeat;
	padding: 0.3em 1em 0.3em 2.4em;
}

/* dateSearch - fieldset*/
/* Definicion del area en la vertical que incluye los campos de un formulario que permiten incluir una fecha en linea, ver el ejemplo AC3A */
#subMainContent .dateSearch fieldset {
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
#msubMainContent .searchBox .dateSearch fieldset legend {
	color: #363636;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#subMainContent .searchBox .dateSearch fieldset p {
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 0;
}
#subMainContent .searchBox .dateSearch fieldset select {
	width: 4.5em !important;
	margin: 0.5em 0.2em 0.5em 0;
}
#subMainContent .searchBox .dateSearch fieldset .month {
	width: 7.4em !important;
	margin: 0 0.2em 0.5em 0;
}
#subMainContent .searchBox .dateSearch fieldset label {
	width: auto !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
/*  Table */
/* Define los estilos de las tablas dentro del contened