/* =========================================================
* DEFAULT STYLES
* ========================================================= */

* {
    font-size: 10px;
    /* font-family: Arial, Helvetica, sans-serif; font-weight: normal;*/
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    /*font-weight: normal; */
   /* text-decoration: none;*/
   /* color: #333333;*/
}

body {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #ffffff;
   /* background: #f1f1f1;**/ /* color fondo de la p�gina fuera*/
    font-weight: normal;

}

p, ul, ol, li, dl, dt, dd, span {
    /*text-decoration: none;*/
    color: #333333;
    line-height: 14px;
    text-align: justify;
}

a:link, a:visited {
    text-decoration: underline;
    color: #333333;
}

a:hover {
    text-decoration: underline;
    color: #174E79;
}

a.button {
  border-style: solid;
  border-color: #737373;
  background: #EFEFEF;
  border-width: 0px 2px 2px 0px;
  padding: 1px 5px 2px 5px;
  color: #333333;
  text-decoration: none !important;
  font-size: 11px;
  line-height: 16px;
  width: 70px;
}

/* Hn tags This cannot be used with JSF, so add custom classes for them */

th {
    font-weight: bold;
}

td {
    text-decoration: none;
    color: #333333;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

img {
    border-width: 0px;
}

h1 {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #174E79;
}

h2 {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #ea8a1a;
}

h3 {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #333333
}

.body {
    width: 100%;
    text-align: left;
}

.rightAlign {
    text-align: right;
}
.leftAlign {
    text-align: left;
}

.leftAlignh3 {
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
}

.centerAlign {
    text-align: center;
}

div. {
    text-align: center;
}

div.centered table {
    margin: 0 auto;
    text-align: left;
}

/* =========================================================
* STYLE CLASSES FOR STYLING
* FORM ELEMENTS AREAS.
* ========================================================= */

/* =========================================================
* STYLE FOR CHECKBOXES
* ========================================================= */

.checkBox {
    /*   height:21px;
   width:21px; */
    background: #F7FAFD;
    text-align: center;
}

form {
    padding: 4px
}

input, select {
/*height:22px;*/
    border: solid 1 #CCCCCC;
    background: #EFEFEF;
    line-height: 16px;
    color: #333333;

    /* Needed by tab controls
    background-color: #EFEFEF!important;
    */
}

table.selectRadio{
    width: 100%;
}

input.selectRadio{
    width: 13px;
    border: 0;
    border-style:hidden;
}

textarea , textarea.w40{
    width: 90%;
    height: 120px;
    border: solid 1 #CCCCCC;
    background: #EFEFEF;
    line-height: 16px;
    color: #333333;
    text-decoration: none;
}

/* TextArea de ancho coincidente con inputtext de size 40*/
textarea.w40 {
    width: 290px;
}

textarea.w40h2{
    width: 290px;
    height: 30px;
    border: solid 1 #CCCCCC;
    background: #EFEFEF;
    line-height: 16px;
    color: #333333;
    text-decoration: none;
}


textarea.w20{
    width: 90%;
    height: 60px;
    border: solid 1 #CCCCCC;
    background: #EFEFEF;
    line-height: 16px;
    color: #333333;
    text-decoration: none;
}

/* TextArea de ancho coincidente con inputtext de size 20*/
textarea.w20 {
    width: 290px;
}

textarea.w20h2{
    width: 290px;
    height: 15px;
    border: solid 1 #CCCCCC;
    background: #EFEFEF;
    line-height: 16px;
    color: #333333;
    text-decoration: none;
}

.textboxes {
    width: 220px;
}

.numberBoxes {
    width: 110px;
}

.standardButton {
    width: 70px
}

.especialButton {
    width: 180px
}
/* =========================================================
* TITLES FACES
* ========================================================= */

.h1 {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #174E79;
}

.h2 {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #ea8a1a;
}

.h3 {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #333333;
}

.h4 {
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
    text-align: center;
    color: #333333
}

.h5 {
    font-style: italic;
    font-size: 10px;
    text-align: center;
    color: #333333
}


.linkDoc{
    font-style: italic;
    color:navy;
    text-decoration: underline;
}


/* =========================================================
* TEXTBOXES STYLE IN SEARCH ON TOP OF MENU
* ========================================================= */

.searchTextBoxes {
    background: #EFEFEF;
    height: 18px;
    width: 212px;
}

/* =========================================================
* TABS STYLES
* ========================================================= */

.tabActive {
    background-color: rgb( 255, 255, 255 ) ! important;
    font-weight: bold;
}

.tabActiveSubStyle {
    background-color: rgb( 255, 255, 255 ) ! important;
    font-weight: bold;
}

.tabInactive {

}

.tabInactiveSubStyle {
    background-color: rgb( 252, 252, 252 ) ! important;
}

.tabDisabled {

}

.tabDisabledSubStyle {
    background-color: rgb( 252, 252, 252 ) ! important;
}


/* =========================================================
* TABS STYLES
* ========================================================= */

table.tabbedPane {
    width: 100% !important;
    vertical-align: top !important;
    border-collapse: separate !important;
    border-spacing: 0px !important;
    background-color: #FFFFFF !important;
}

td.activeTab {
    width: 100px !important;
    font-size: 90% !important;
    background-color: #FFFFFF !important;
    border-top: 2px solid #91A0CA !important;
    border-left: 2px solid #91A0CA !important;
    border-right: 2px solid #91A0CA !important;
    border-bottom: 1px none !important;
    padding: 2px !important;
    text-align: center !important;
    font-weight: bold !important;
}
td.activeTab input {
    background-color: #FFFFFF !important;
    font-size: 90% !important;
    text-align: center !important;
    font-weight: bold !important;
    border: hidden !important;
}

td.inactiveTab {
    width: 150px !important;
    font-size: 90% !important;
    background-color: #EBEEF8 !important;
    border-top: 2px solid #91A0CA !important;
    border-left: 2px solid #91A0CA !important;
    border-right: 2px solid #91A0CA !important;
    border-bottom: 2px solid #91A0CA !important;
    padding: 2px !important;
    text-align: center !important;
    font-weight: bold !important;
}
td.inactiveTab input {
    background-color: #EBEEF8 !important;
    font-size: 90% !important;
    text-align:center !important;
    font-weight: bold !important;
    border: hidden !important;
}
td.activeSub {
    background-color: #FFFFFF !important;
    padding: 0px !important;
    border: 1px solid #FFFFFF !important;
    line-height: 0px;
}
td.inactiveSub {
    background-color: #FFFFFF !important;
    padding: 0px !important;
    border-top: 2px solid #91A0CA !important;
    line-height:0px;
}
td.myFaces_panelTabbedPane_emptyHeaderCell {
    background-color: #FFFFFF !important;
    border-bottom: 2px solid #91A0CA !important;
}

.myFaces_panelTabbedPane_activeHeaderCell input:hover,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover{
  color:#fff !important;
  background:#08c !important;
}


td.tabContent {
    background-color: #FFFFFF !important;
    border-left: 2px solid #91A0CA !important;
    border-right: 2px solid #91A0CA !important;
    border-bottom: 2px solid #91A0CA !important;
    vertical-align: top !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
    height: 100% !important;
    text-align:left !important;
    width:700px !important;
}


/** =========================================================
  * Panelnavigation
  * ========================================================= */
#subnavigation {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 0px 20px 0px;
    border: 1px solid #546359;
    background-color: #EAF4F4;
}

#subnavigation_outer {
    float: left;
    width: 131px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
#subnavigation_outer h1  {
    font-size: 1.5em;
    margin: 0px;
    padding: 0px 0px 15px 0px;
}

/** =========================================================
 * css layers and classes for list navigation list
 * ========================================================= */
#subnavigation ul li  a {
    display:block;
    background-color: #D1E4E4;
    color: #294747;
    text-decoration: none;
    border-bottom: 1px solid #87A8A8;
    padding: 2px 20px;
    margin: 0px;
}

#subnavigation ul li a:visited {color:#294747;}
#subnavigation ul li a:hover {color: #FFFFFF;  background-color: #87A8A8;}
#subnavigation ul li a:active { color:#294747;}

#subnavigation ul li a.selected {
    font-weight: bold;
    color:#294747;
    background-color: #FFFFFF;
}

#subnavigation ul ul li a {
    padding: 2px 20px 2px 25px;
    margin: 0px;
    background-color: #FFFFFF;
}

#subnavigation ul ul li ul li a {
    padding: 2px 20px 2px 30px;
    margin: 0px;
}

#subnavigation ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#subnavigation li{
    margin: 0px;
    padding: 0px;
    display:inline;
}

#subnavigation ul.mypage li a {
    padding: 2px 20px 2px 20px;
    background-color: #D1E4E4;
    margin: 0px;
    background-color: #EAF4F4;
}

#subnavigation ul.mypage ul li a:hover {color: #FFFFFF;  background-color: #87A8A8;}

/* =========================================================
* STYLE CLASSES FOR STYLING SPECIFIC
* AREAS.
* ========================================================= */

/* =========================================================
 * TABLE STYLES : We have several types of panes :
 *
 * panel :  genera porpuse panel, normally for page main panel.
 *
 * formPanel : panels used to render forms
 *
 * textPanel : panels to render text, like object properties description
 *
 * grid : panels use to render tabular information.
 *
 * listPanel : panels used to render items as newspapper columns lists
 *
 * ========================================================= */

/** --------------------------------------< panel >----------------*/
.bodyPanel {
    padding: 15px 0px 20px 0px;
    width: 100%;
}

.panel {
    margin: 2px 0px 5px 0px;
    border-collapse: collapse;
    width: 100%;
}

.panel table {

}

.panel th {
    padding: 2px 4px 2px 4px;
    text-align: left;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    color: #174E79;

}

.panel td {
    padding: 2px 4px 2px 4px;
    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}

/** --------------------------------------< listPanel >----------------*/

.listPanel {
    margin: 2px 0px 5px 0px;
    border-collapse: collapse;
    width: 100%;
}

.listPanel table {

}

.listPanel th {
    padding: 2px 4px 2px 4px;
    text-align: left;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    color: #ea8a1a;

}

.listPanel hr {
    color:#f0f0f0;
    height: 1;
}

.listPanel td {
    padding: 2px 4px 2px 4px;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
    color: #333333;
}


.listPanelSummary td {
    padding: 2px 4px 2px 4px;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;

}


/** --------------------------------------< formPanel >----------------*/

.formPanel {
    margin: 2px 0px 5px 0px;
    border-collapse: collapse;
    width: 100%;
}

.formPanel table {
}

.formPanel th {
    padding: 2px 4px 2px 4px;
    font-size: 11px;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    text-align: center;
}


.formPanel td {
    vertical-align: top;
    padding: 3px 4px 3px 4px;
    text-decoration: none;
    font-weight: normal;

}

.formPanelLabel {
    text-align: right;
    width: 25%;

}

.formPanelLabel2 {
    text-align: right;
    width: 35%;

}

.formPanelInput {
    width: 35%;
}

.formPanelInput2 {
    width: 40%;
    font-weight: normal;
}

.formPanelMessage {
    width: 40%;
}

.formPanelMessage2 {
    width: 30%;
    font-weight: normal;
}

.formPanel tr {

}

.formPanelLabelToLeft {
    text-align: left;
    width: 25%;
}

.formPanelLabelBold  {
    text-align: left!important;
    font-weight:bold !important ;
    width: 30%;
}

.formPanelLabelXBold  {
    text-align: right;
    width: 35%;
    font-weight:bold !important ;

}


.formPanelHover {
    background-color: #f9f9f9;
}

.formPanelData {
/* width: 40%; */
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
}

/** --------------------------------------< buttonsPanel >----------------*/
.buttonsPanel {
    margin: 2px 0px 5px 0px;
    border-collapse: separate;
    border-spacing:10px;
    width: 99%;
    text-align: center;
}


.leftButton{
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
    direction:ltr;
}

.centerButton{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    direction:ltr;
}

.rightButton{
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
    direction:ltr;
}


/** --------------------------------------< textPanel >----------------*/

.textPanel {
    margin: 2px 5px 5px 5px;
    border-collapse: collapse;
}

.textPanel table {

}

.textPanel th {
    padding: 2px 4px 2px 4px;
    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    text-align: left;
}

.textPanel td {
    padding: 3px 4px 3px 4px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

.textPanelHover {
    background-color: #f9f9f9;
}

.textPanelData {
/* width: 40%; */
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}


.textPanelData {
/* width: 40%; */
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}


.textPanelTitle{
    text-align: center;
    padding: 5px 8px 15px 8px;
    vertical-align: top;
}

/** --------------------------------------< colorPanel>----------------*/

.colorPanel {
    padding: 35px 15px 35px 15px;
    border-collapse: separate;
    border: 1px solid #ccc;
    vertical-align: middle;
    color:black;
    background-color: #E5F5FF;
}

.redcolorPanel {
    width: 50%;
    padding: 0px;
    border-spacing:10px;
    vertical-align:middle;
    border-collapse: separate;
    border: 1px solid #f75431;
}




/** --------------------------------------< treePanel>----------------*/

.treePanel {
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.treePanel th {
    padding: 0px 0px 0px 0px;
}

.treePanel td {
    padding: 0px 0px 0px 0px;
}

/** --------------------------------------< grid >----------------*/

.grid, .gridNested, .gridNestedExt, .gridNestedBorder {
    margin: 2px 0px 5px 0px;
    border-collapse: collapse;
    width: 99%;
}

.grid table, .gridNested table {

}

.grid th, .gridNested th, .gridNestedExt, th{
    border: 1px solid #ccc;
    padding: 2px 4px 2px 4px;
    background: #f0f0f0;

    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
    font-weight: bold;
    color: #ea8a1a;
    text-align: left;
}

.grid td, .gridNested td, .gridNestedExt td {
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 3px 4px 3px 4px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

.grid tr, .gridNested tr {

}

.gridHover {
    background-color: #f9f9f9;
}

.grid-impar {
    background:#cbdeee;
}

.grid-par {

}

.gridData {
/* width: 40%; */
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
}

/* Nested td's in grid */
table.empty {
    border: 0px;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

table.empty td{
    border: 0px;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

/** --------------------------------------< gridNested >----------------*/
.gridNestedBorder{
    border: 1px solid #ccc;
}

.gridNested {
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.gridNestedExt td {
    padding: 0px;
}

.gridNested td {
    border: 1px solid #ccd;
    border-bottom: 0px;
    border-right: 0px;
    padding: 0px;
    padding-top: 4px;
}

.gridNested td.gridNestedFill{
    border: 1px solid #ccd;
    padding: 0px;
    padding-top: 4px;
}

.gridNested td.gridNestedEmpty{
    border: 1px solid #ccd;
    border-bottom: 0px;
    border-top: 0px;
    padding: 0px;
    padding-top: 4px;
}

.gridNested td.gridNestedCBS{
    border: 1px solid #ccd;
    border-bottom: 0px;
    padding: 0px;
    padding-top: 4px;
}


/** --------------------------------------< Tabbed Table Style  >----------------*/

table.tabbedBody{
    width: 100%;
    border-spacing: 1px;
    vertical-align: top;
    border-collapse: separate;
    background-color:white;
}


table.tabbedBody td{

    vertical-align: top;
    border-collapse: separate;
    border: 0px;
    background-color:#EDEDED;
}

table.tabbedHeader{
    width: 100%;
    padding: 0px;
    border-spacing:0;
    vertical-align: top;
}

td.tabbedTab{
    width: 45%;
    padding: 2px 10px 0px 7px;
    height: 22px;
    border-spacing:0;
    vertical-align: bottom;
    border: 1px solid #ACA098;
    border-bottom:none;
    background-color:#8B3A62;
}

.tabContent{
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: white;
}

td.tabbedEmptyTab{
    width: 55%;
    padding: 0px;
    border-spacing:0;
    vertical-align: top;
    border: none;
}

.boxContent { position: relative; left: -6px; top: -6px; }
.boxContainer { position: relative; background: #CCCCCC; margin: 6px; }
/** --------------------------------------< recuadro >----------------*/

.lineaDerecha{
    width: 100%;
    padding: 0px;
    border-spacing:5px;
    vertical-align: top;
    border-right: 1px solid #000000;
}


table .recuadro{
    width: 100%;
    padding: 0px;
    border-spacing:5px;
    vertical-align: top;
    border-collapse: separate;
    border: 1px solid #ACA098;
}

table .recuadro2{
    padding: 0px 15px 15px 15px;
    border-spacing:5px;
    vertical-align: middle;
    border-collapse: separate;
    border: 5px groove #ACA098;
}

table .recuadroTituloSimple{
    width: 100%;
    padding: 4px;
    border-spacing:0px;
    vertical-align: middle;
    border-collapse: separate;
    border-left-style:none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: groove;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: #333333
}

table .recuadroTituloDoble{
    width: 100%;
    padding: 4px;
    border-spacing:0px;
    vertical-align: middle;
    border-collapse: separate;
    border-left-style:none;
    border-top-style: groove;
    border-right-style: none;
    border-bottom-style: groove;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: #333333
}

table .recuadroSubTituloDoble{
    width: 100%;
    padding: 4px;
    border-spacing:0px;
    vertical-align: middle;
    border-collapse: separate;
    border-left-style:none;
    border-top-style: groove;
    border-right-style: none;
    border-bottom-style: groove;
    text-align: center;
}

/* =========================================================
* TREE STYLES
* ========================================================= */
.treeColumn {
    vertical-align: top;
    width: 30%;
}

.treeDiv {
    background: url( /jpms2-admin/resources/styles/images/spaceLeft.gif );
}

.treeDetail {
    vertical-align: top;
    width: 100%;
}

.nodeFolder, a.nodeFolder:link, a.nodeFolder:visited, td {
    text-decoration: none;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
}

a.nodeFolder:hover {
    text-decoration: underline;
}

.nodeFolderSelected, a.nodeFolderSelected:link, a.nodeFolderSelected:visited, td {
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

a.nodeFolderSelected:hover {
    text-decoration: underline;
    font-weight: bold
}

/* =========================================================
* SYSTEM ERROR MESSAGE
* ========================================================= */

.systemErrorMsg {
    font-family: Arial;
    background-color: #F1F7FA;
    color: #4F0005;
    padding: 6px;
}

/* =========================================================
 * ERROR MESSAGE BACKGROUND
 * ========================================================= */

.errorMsgBg {
    background: #FFFFFF;
    color: #4F0005;
}

/* =========================================================
 * ERROR MESSAGE BACKGROUND
 * ========================================================= */

.errorMsgText {
    color: #FF3300;
    font-weight: bold;
}

.warnMsgText {
    color: #4F0005;
}

.alert {
    color: red;
    font-weight: bold;
}

.alert2 {
    color: red;
    font-weight: normal;
}

/* =========================================================
* PORTAL STYLES AND LAYOUT
* ========================================================= */

#portal {
    //*border: 1px solid #666666;*/
    background-color: #FFFFFF;
    padding:0;
    width: 763;
    margin: 0 auto;
    text-align: center;
}

#portal table {
    margin: 0 auto;
    text-align: left;
}

#header {
    /* background: #8DB7DF url( 'images/siscae-banner.gif' ) no-repeat top left;; */
    border-bottom: 1px solid #2E6794;
    width: auto;
    height: 96px;
    margin: 0px;
    vertical-align: top;
}

#header h1 {
    display: none;
    margin: 5px 10px 5px 10px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 200%;
}

#header p {
    display: none;
    margin: 0px 10px 0px 10px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: smaller;

    color: #F1F7FA;
    text-align: left;
    font-style: italic;
/*    font-size: 16px; */
    font-weight: bold;
/*    font-family: Verdana, Arial, Helvetica; */

}

#content {
}

.left-column-td {
    background: url('/siscae/resources/images/linea_sombra_vert.gif') repeat-y right;
}

#left-column {
  text-align: left;
  background-color: transparent;
  margin: 0;
  padding: 5px;
  float: left;
}

#body-small {
    margin: 0;
    padding: 5px;
    float: right;
}

#body-large{
    margin: 0;
    padding: 5px;
    float: left;
    width: 100%;
}

#body-content {

}

#right-column {
  margin: 0;
  padding: 0px;
  background-color: transparent;
}

/** 'footer' block **/

#footer {
  clear: both;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: smaller;
  color: #808080;
  text-align: center;
  margin: 0px;
  padding: 4px 20px 4px 20px;
  border-top-width: 1px;
  border-top-color: #888888;
  border-top-style: dotted;
}

.baseline {
    color: #ffffff;
}

.baseline {
    color: #ffffff;
}
a.baseline:hover, a.baseline:link, a.baseline:visited {
    color: #ffffff;
}
.line {
    background: url('../images/topnavbg.jpg') center repeat-x;
    text-align: center;
}
/* texto color areas de textos celestes*/
.txtarea {
	font-weight: bold;
	color: #2072A3;
}
/* texto color areas de textos negros sin negria*/
.txtarea11 {
	font-size: 10px;
	color: #000000;
}
/* texto color areas de textos naranjas*/
.txtarea2 {
	font-size: 10px;
	color: #D77E13;
}
.txtarearedxf {
	font-size: 10px;
	color: #E83A00;
}
.txtareaNegria {
	font-weight: bold;
	color: #000000;
}
.txtareaItalicxf {
	font-style: italic;
	color: #000000;
}
/* texto color areas de textos celestes*/
.barraLogueo{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align: center;
}

TABLE.puntos {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial; BACKGROUND-COLOR: #cbdeee
}
TABLE.puntos2 {
	BACKGROUND-COLOR: #E3E9EE
}
TABLE.puntos3 {
	border: 1px solid #7F9DB9;
	BACKGROUND-COLOR: #ffffff;
}

TABLE.contrasenaUsuariocambio {
    BACKGROUND: url('/siscae/resources/images/contrasenaChange.png');
    width:295px;
    height:159px;
    background-repeat:no-repeat;
    FONT-WEIGHT: bold;
    
}

.Boxgf {
   background-image:url(/img/inputSmall.gif);
   background-repeat:no-repeat;
   background-position:center;
}
.Boxgf01Checbox {
   background-image:url(/img/checbok.gif);
   background-repeat:no-repeat;
   background-position:center;

   margin-top: 2px;
   margin-bottom: 2px;
   margin-left:0px;
}
.Boxgf2 {
   background-image:url(/img/comboGrande.gif);
   background-repeat:no-repeat;
   background-position:center;
}

/*nuevo codigo caja  de recuadros usados en datos de convocatoria*/
.boxContent {
	BACKGROUND: #cccccc; LEFT: -6px; POSITION: relative; TOP: -6px
}
.boxContainer {
	BACKGROUND: #cccccc; MARGIN: 6px;
}

TABLE .recuadro2 {
	BORDER-RIGHT: #aca098 5px groove; PADDING-RIGHT: 15px; BORDER-TOP: #aca098 5px groove; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; VERTICAL-ALIGN: middle; BORDER-LEFT: #aca098 5px groove; PADDING-TOP: 0px; BORDER-BOTTOM: #aca098 5px groove; BORDER-COLLAPSE: separate; border-spacing: 5px
}
TABLE .recuadroTituloSimple {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #333333; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: separate; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: groove; border-spacing: 0px
}
TABLE .recuadroTituloDoble {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #333333; BORDER-TOP-STYLE: groove; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: separate; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: groove; border-spacing: 0px
}
TABLE .recuadroSubTituloDoble {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; WIDTH: 100%; BORDER-TOP-STYLE: groove; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: separate; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: groove; border-spacing: 0px
}
TABLE.tabbedBody {
	VERTICAL-ALIGN: top; WIDTH: 100%; BORDER-COLLAPSE: separate; BACKGROUND-COLOR: white; border-spacing: 1px
}
TABLE.tabbedBody TD {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: separate; BACKGROUND-COLOR: #ededed
}
TABLE.tabbedHeader {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; WIDTH: 100%; PADDING-TOP: 0px; border-spacing: 0
}
TD.tabbedTab {
	BORDER-RIGHT: #aca098 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #aca098 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: #aca098 1px solid; WIDTH: 45%; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; HEIGHT: 22px; BACKGROUND-COLOR: #E6EBF2; border-spacing: 0
}
.tabContent {
	COLOR: black; TEXT-ALIGN: center
}
TD.tabbedEmptyTab {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: medium none; WIDTH: 55%; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; border-spacing: 0
}

/*CSS MENU HORIZONTAL BLUE TOP SISCAE*/

/* --[[ Main Expand Icons ]]-- */
#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(images/light_arrow_down.gif); width:9px; height:6px; left:0px; top:5px; background-repeat:no-repeat;background-position:top left;}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(images/light_arrow_down.gif); background-repeat:no-repeat;background-position:top left;}


/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(images/medium_purple_right.gif); width:6px; height:9px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(images/medium_purple_right.gif); background-repeat:no-repeat;background-position:top left;}


/* --[[ Main Container ]]-- */
#imouter0 {background-color:#5081b1; border-style:solid; border-color:#5081b1; border-width:0px 1px 0px 1px ; padding:1px 1px 1px 1px ; margin:0px; }

    /* [Rounded Corner Styles] */
    .imrcmain0 .imrcolor {background-color:#5081b1; }
    .imrcmain0 .imrbcolor {border-color:#5081b1; }
    .imrcmain0 .imtopspace {}


/* --[[ Sub Container ]]-- */
#imenus0 li ul {background-color:#5081b1; border-style:solid; border-color:#ffffff; border-width:0px 1px 0px 1px ; padding:5px; margin:0px 0px 0px 0px ; }

    /* [Rounded Corner Styles] */
    #imenus0 .imrcolor {}
    #imenus0 .imrbcolor {border-color:#ffffff; }
    #imenus0 .imtopspace {}

    /* [Underlayment (Drop Shadow)] */
    #imenus0 .imunder {background-color:#5081b1; top:1px; left:1px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;}


/* --[[ Main Items ]]-- */
#imenus0 li a {background-color:#5081b1; color:#ffffff; text-align:left; font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#ffffff; border-width:1px; padding:2px 8px; margin:0px 1px 0px 0px; }

    /* [hover] - These settings must be duplicated for IE compatibility.*/
    #imenus0 li:hover>a {color:#ffffff; text-decoration:underline; }
    #imenus0 li:hover>a {color:#ffffff; text-decoration:underline; }
    #imenus0 li a.ihover, .imde imenus0 a:hover {}

    #imenus0 li:hover>a {color:#ffffff; text-decoration:underline; }
    #imenus0 li a.ihover, .imde imenus0 a:hover {}

    /* [active] */
    #imenus0 li a.iactive {}


/* --[[ Sub Items ]]-- */
#imenus0 ul a {background-color:transparent; color:#ffffff; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }

    /* [hover] - These settings must be duplicated for IE comptatibility.*/
    #imenus0 ul li:hover>a {background-color:#ffffff; color:#000000; text-decoration:underline; }
    #imenus0 ul li a.ihover {background-color:#ffffff; color:#000000; text-decoration:underline; }

    /* [active] */
    #imenus0 ul li a.iactive {background-color:#5081b1; }