img {
    display:inline;
    border:none;
}

body
{
  background-color: White;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  /*background-image:url("../../images/bg.png");
  background-repeat:repeat-x;*/
}

h1
{
  color: navy;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  font-weight: bolder;
  text-transform: capitalize;
}
h2
{
  color: navy;
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bolder;
  text-transform: capitalize;
}
h3
{
  color: navy;
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: lighter;
  text-transform: capitalize;
}

.menuArea {
    width: 200px;
    vertical-align:top;
    padding: 0px;
    text-align:left;
}
.mainArea {
    width: 100%;
    vertical-align:top;
    padding: 0px;
    text-align:left;
}


.welcomeUser {
    text-align:right;
    vertical-align:bottom;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:rgb(0,74,115);
}

.welcomeUser .userName {
    font-weight:bold;
    color:rgb(0,74,115);
}

.welcomeUser .email {
    font-size: 10px;
    color:rgb(165,165,165);
}

.welcomeUser .subarea {
    font-size: 10px;
}

.welcomeUser .area {
    font-size: 10px;
}

.welcomeUser .unidad {
    font-size: 10px;
}

.headerMenuGlobal {
    background-color: #206FB4;
}

.headerLogoAvisos tr {
    background-image:url("../images/bg_head_logo.png");
    background-repeat:repeat-x;
}
.headerLogoAvisos .logo {
    text-align:left;
    padding-top: 10px;
}
.headerLogoAvisos .avisos {
    text-align:right;
    padding: 10px;
    vertical-align:bottom;
}

.headerNaranja{
  font-family: Arial;
  text-align: right;
  vertical-align: middle;
  color: #FB9531;
  font-size: 10px;
  }
  .headerAzul{
  font-family: Arial;
  text-align: right;
  vertical-align: middle;
  color: #0079c2;
  font-size: 10px;
  }
  .headerNavegacion {
     border-top: solid 2px rgb(255,132,0) ;

  }
  .headerNavegacionSeccion {

    font-family: Arial;
    text-align: left;
    padding-right: 20px;
    color: #FB9531;
    font-size: 10px;
  }

.headerSalir {
    text-align:right;
    vertical-align: middle;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.headerSalir a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.headerSalir a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}

.divUsuario {

    text-align:left;
    color:Black;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.divUsuario a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.divUsuario a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}


  .logoHeader{
  font-family: left;
  text-align: left;
  vertical-align: top;
  vertical-align: bottom;
  color: #FB9531;
  font-size: 10px;
  }
  .logoHeader{
  font-family: left;
  text-align: left;
  vertical-align: middle;
  color: #FB9531;
  font-size: 10px;
  }

.tdDetalleFooter{
    margin: 3px;
    padding: 3px;
    border: thin 1px rgb(200,200,200);
    color: rgb(99,99,99);
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.borderFooter {
    border-top: solid 2px rgb(255,132,0) ;
    padding: 5px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.headerUsuario {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.headerUsuario a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.headerUsuario a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}


.tablaNavegacion .headerNavegacionSeccion {
    font-family: Arial;
    text-align: left;
    padding: 5px;
    color: White;
    font-size: 10px;
}

.tablaNavegacion .headerNavegacionSeccion span {
    font-family: Arial;
    text-align: left;
    color: #FB9531;
    font-size: 10px;
    font-weight:bold;
}

.tablaNavegacion .headerSalir {
    text-align:right;
    padding: 5px;
    color: white;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
}

.tablaNavegacion .headerSalir a {
    color: white;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
}

.tablaNavegacion .headerSalir a:hover {
    color: white;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:underline;
}

.tablaNavegacion tr {
    background-color: #7C2230;
}

.sqlcriterio {
    color: #7CE851;
}



.grid{

}
.grid thead tr td{
    margin: 0px;
    padding: 3px;
    /*background-image: url("../images/bg_label_relacion.gif");*/
    background-repeat:repeat-x;
    border: thin 1px #1b75a1;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:center;
    vertical-align:middle;
    
    background-color: #7C2230;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BD4B5D), to(#7C2230));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #BD4B5D, #7C2230);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #BD4B5D, #7C2230);

    /* IE 10 */
    background: -ms-linear-gradient(top, #BD4B5D, #7C2230);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BD4B5D, endColorstr=#7C2230);


    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #BD4B5D, #7C2230);
}

.grid .row0{
    background-color:#fff;

}
.grid .row2{
    background-color:#fff;

}
.grid .row1{
    background-color:#fff;

}

.grid tbody tr td{
    margin: 0px;
    padding: 3px;
    border-right: dashed 1px #f4f6f8;
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.grid .center{
    margin: 0px;
    padding: 3px;
    border-right: dashed 1px #f4f6f8;
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.grid .label{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
}

.grid .alert{
    color: Red;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.grid .link{
    text-align:left;
}
.grid .link_left{
    text-align:left;
}

.grid tbody tr td a{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-align:center;
}

.grid tbody tr td a:hover{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: underline;
}

.grid .info_nivel2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
}

.grid tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}
/* tablaReporte */
.tablaReporte{
	margin:0px;padding:0px;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #cccccc;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
	
	border-collapse: collapse;
        border-spacing: 0;
	width:50%;
	height:100%;
	margin:0px;padding:0px;

}
.tablaReporte thead tr td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #cccccc;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#000000;
	padding: 7px;
}

.tablaReporte .row0{
    background-color:#ffffff;

}
.tablaReporte .row2{
    background-color:#ffffff;

}
.tablaReporte .row1{
    background-color:#e5e5e5;

}

.tablaReporte tbody tr td{
    	vertical-align:middle;
	
	
	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#000000;
}

.tablaReporte .center{
    margin: 0px;
    padding: 3px;
    border-right: dashed 1px #f4f6f8;
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.tablaReporte .label{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
}

.tablaReporte .alert{
    color: Red;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.tablaReporte .link{
    text-align:left;
}
.tablaReporte .link_left{
    text-align:left;
}

.tablaReporte tbody tr td a{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-align:center;
}

.tablaReporte tbody tr td a:hover{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: underline;
}

.tablaReporte .info_nivel2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
}

.tablaReporte tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}







/*
.tablaRelacion es copia del estilo .grid
*/

.tablaRelacion{
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #cccccc;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
	
	border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;

}
.tablaRelacion thead tr td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #cccccc;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#000000;
	padding: 7px;
}

.tablaRelacion .row0{
    background-color:#ffffff;

}
.tablaRelacion .row2{
    background-color:#ffffff;

}
.tablaRelacion .row1{
    background-color:#e5e5e5;

}

.tablaRelacion tbody tr td{
    	vertical-align:middle;
	
	
	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#000000;
}

.tablaRelacion .center{
    margin: 0px;
    padding: 3px;
    border-right: dashed 1px #f4f6f8;
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.tablaRelacion .label{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
}

.tablaRelacion .alert{
    color: Red;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.tablaRelacion .link{
    text-align:left;
}
.tablaRelacion .link_left{
    text-align:left;
}

.tablaRelacion tbody tr td a{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-align:center;
}

.tablaRelacion tbody tr td a:hover{
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: underline;
}

.tablaRelacion .info_nivel2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
}

.tablaRelacion tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}


/*
* Termina estilo tablarelacion
*/

.detailInfoLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.detailInfoLink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}


.criteria thead tr td{
    margin: 3px;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #f4f6f8;
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.fieldsetGrid {
    border: solid 1px #EDE5DA;
    margin: 5px;
    padding: 5px;
    /*width:500px;*/
    background-color: white;
}
.fieldsetGrid legend {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:rgb(0,74,115);
    font-weight:bold;
}

.fieldsetDetail {
    border: solid 1px #EDE5DA;
    margin: 5px;
    padding: 5px;
    /*width:500px;*/
    background-color: white;
}
.fieldsetDetail legend {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:rgb(0,74,115);
    font-weight:bold;
}

.fieldsetTablaRelacion {
    border: solid 1px rgb(198,214,255);
    margin: 5px;
    padding: 5px;
    /*width:500px;*/
    background-color: white;
}
.fieldsetTablaRelacion legend {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:rgb(0,74,115);
    font-weight:bold;
}

.fieldsetConsulta {
    border: solid 1px rgb(198,214,255);
    margin: 5px;
    padding: 5px;
    /*width:500px;*/
    background-color: white;
}
.fieldsetConsulta legend {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:rgb(0,74,115);
    font-weight:bold;
}
.fieldsetDetalle {
    border: solid 1px rgb(198,214,255);
    margin: 5px;
    padding: 5px;
    /*width:500px;*/
    background-color: white;
}
.fieldsetDetalle legend {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:rgb(0,74,115);
    font-weight:bold;
}

.detail{
    /*border: solid 1px #0a3e57;*/
}

.detail .info{
    margin: 3px;
    padding: 3px;
    background-color: #f4f6f8;
    color: rgb(99,99,99);
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.detail .label{
    width: 150px;
    margin: 3px;
    padding: 3px;
    background-color:white;
    color: Black;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
}

.detail .label span{
    color:Orange;
    font-family: 'Trebuchet MS', Arial;
    font-size: 10px;
}

.detail tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.messageRequiredInfo {
    color:Orange;
    font-family: Arial;
    font-size: 10px;
}

.detail{
    border: solid 1px #0a3e57;
}

.detail .info{
    margin: 3px;
    padding: 3px;
    background-color: #f4f6f8;
    color: rgb(99,99,99);
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.detail .label{
    width: 150px;
    margin: 3px;
    padding: 3px;
    background-color:white;
    color: Black;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
}

.detail .label span{
    color:Orange;
    font-family: 'Trebuchet MS', Arial;
    font-size: 10px;
}

.detail tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

/*********************************************
* Capture form
*/


.form{
    /*border: solid 1px #0a3e57;*/
}

.form .info{
    margin: 3px;
    padding: 3px;
    background-color: #f4f6f8;
    color: rgb(99,99,99);
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.form .label{
    width: 150px;
    margin: 3px;
    padding: 3px;
    background-color:white;
    color: Black;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
}

.form .label span{
    color:Orange;
    font-family: 'Trebuchet MS', Arial;
    font-size: 18px;
}

.form tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.messageRequiredInfo {
    color:Orange;
    font-family: Arial;
    font-size: 10px;
}





.tablaMenu {
    border: solid 1px #94b3c3;
    width: 100px;
}

.tdMenuGrupo {
    border: thin 1px #1b75a1;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    background-color: #f4f6f8;
    text-align:left;

}
.tdMenuGrupo a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.tdMenuGrupo a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}

.tdMenuGrupoSel {
    border: thin 1px #1b75a1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-left: 22px;
    padding-top: 6px;
    padding-right: 3px;
    padding-bottom: 5px;
    color: #0a3e57;
    background-color: #f4f6f8;
    background-image:url("../images/bullet_menu_sel.gif");
    background-repeat:no-repeat;
    text-align:left;
}
.tdMenuGrupoSel a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.tdMenuGrupoSel a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}

.tdMenu {
    border: thin 1px #1b75a1;
    padding-left: 22px;
    padding-top: 8px;
    padding-right: 3px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    background-color: #ffffff;
    background-image:url("../images/bullet_menu.gif");
    background-repeat:no-repeat;
    text-align:left;
}

.tdMenu a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.tdMenu a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}

.tdMenuSel {
    border: thin 1px #1b75a1;
    padding-left: 22px;
    padding-top: 8px;
    padding-right: 3px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    background-color: #ffffff;
    background-image:url("../images/bullet_menu_sel.gif");
    background-repeat:no-repeat;
    text-align:left;
}
.tdMenuSel a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:none;
}
.tdMenuSel a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0a3e57;
    text-decoration:underline;
}

.mensajeError {
    border: solid 1px rgb(231,231,0) ;
    padding: 20px;
    background-color:rgb(252,255,240);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:left;
    display:block; width: 100%;
    color: red;
}

.msgError {
    border: solid 1px rgb(231,231,0) ;
    padding: 20px;
    background-color:rgb(252,255,240);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:left;
    display:block; width: auto;
    color: red;
}
.msgError a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: red;
    text-decoration: none;
}
.msgError a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: red;
    text-decoration:underline;
}
.msgErrorLogin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:left;
    color:rgb(255,0,0);
    text-align:right;
    padding-right:40px;
    padding-top:5px;
}
.msgOk {
    border: solid 1px rgb(0,107,165) ;
    padding: 10px;
    background-color:rgb(3,87,157);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:left;
    color: White;
    display:block; width: auto;
}
.msgOk a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: White;
    text-decoration: none;
}
.msgOk a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: White;
    text-decoration:underline;
}

.mensajeOk {
    border: solid 1px rgb(0,107,165)  ;
    padding: 10px;
    background-color:rgb(0,148,231);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:left;
    color: White;
    display:block; width: auto;
}
.mensajeOk a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: White;
    text-decoration: none;
}
.mensajeOk a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: White;
    text-decoration:underline;
}

.criteria{
    /*border: solid 1px #0a3e57;*/
}

.criteria thead tr td{
    margin: 3px;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #f4f6f8;
    color: #0a3e57;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.criteria tfoot tr td{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.criteria .label{
    margin: 3px;
    padding: 3px;
    color: Black;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
    width:300px;
}

.criteria .info{
    margin: 3px;
    padding: 3px;
    background-color: #f4f6f8;
    border: solid 1px rgb(231,231,231);
    color: rgb(99,99,99);
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.criteria .appliedCriteria {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.appliedCriteria .label {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

.criteria .showCriteria {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:right;
}

.actionBar tbody tr {
    background-color: #7C2230;
    /*background-color:#736C64;*/
}

.actionBar tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 25px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: White;
    width: 100%;
}

.actionBar tbody tr td a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: White;
    text-decoration:none;
}

.actionBar tbody tr td a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: White;
    text-decoration:underline;
}

.actionBarButton{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:none;
}

/* barraAcciones similar a actionBar */

.barraAcciones tbody tr {
    /*background-color: #206FB4;*/
    background-color:#EF4040;
}

.barraAcciones tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 25px;
    text-align:left; 
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: White;
    width: 100%;
}

.barraAcciones tbody tr td a {
    font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: White;
    text-decoration:none;
}

.barraAcciones tbody tr td a:hover {
    font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: gray;
	text-decoration:none;
}
.barraAcciones tbody tr td label {
    display: block;
    margin: 0px 0px 5px;
}
.barraAcciones tbody tr td label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #969696;
}

.barraAcciones select {
    background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 30%;
    line-height: 15px;
    height: 30px;
}

.barraAccionesButton{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:none;
}

/* termina barraAcciones */

.pageBar tbody tr {
    background-color: #7C2230;
}
.pageBar tbody tr td {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 25px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:white;
    text-align:right;
}

.pageBar tbody tr td a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:white;
    text-decoration:none;
}
.pageBar tbody tr td a:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:white;
    text-decoration:underline;
}

.linkSalir{

}
.linkSalir:hover{
}


.link a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #0a3e57;
    text-decoration:none;
}
.link a:hover {
    color: #0a3e57;
}

.linkWhite a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color: white;
    text-decoration:none;
}
.linkWhite a:hover {
    color: #white;
}

.prog-border {
	  height: 15px;
	  width: 205px;
	  background: #fff;
	  border: 1px solid #646d7e;
	  margin: 0;
	  padding: 0;
}
.prog-bar {
	  height: 11px;
	  margin: 2px;
	  padding: 0px;
	  background: #FFCC33;
}

.cssFileUploadCargando{
	font:  10px Arial;
	color: #000000;
}
.cssFileUploadOk{
	font:  10px Arial;
	color: #0000ff;
}
.cssFileUploadError{
	font:  10px  Arial;
	color: #980517;
}
.cssFileUploadPorcentaje{
	font:  12px  Arial;
	color: #000000;
}

/****   Tabs for control process    *****/

.tabControlProcessSel {
    display:inline-block;
    width: 100px;
    background-color: #FFFFFF;
    border-top: solid 1px #14558F;
    border-left: solid 1px #14558F;
    border-right: solid 1px #14558F;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-tomleft: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 5px;
    margin: 0px;
    font-family: Arial;
    font-size: 11px;
    color: #14558F;
    text-align:center;
}

.tabControlProcessSel a {
    color: #14558F;
    text-decoration: none;
}
.tabControlProcessSel a:hover {
    color: #14558F;
}

.tabControlProcess {
    display:inline-block;
    width: 100px;
    background-color: #CCD6DE;
    border-top: solid 1px #5F6A73;
    border-left: solid 1px #5F6A73;
    border-right: solid 1px #5F6A73;
    border-bottom: solid 1px #14558F;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-tomleft: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    font-family: Arial;
    padding: 5px;
    margin: 0px;
    font-size: 11px;
    color: #5F6A73;
    text-align:center;
}

.tabControlProcess a {
    text-decoration: none;
}
.tabControlProcess a:hover {
    text-decoration: underline;
}

.tablControlProcessSeparator {
    display:inline-block;
    width: 5px;
    height: 8px;
    border-bottom: solid 1px #14558F;
    padding: 0px;
    margin: 0px;
}

.fieldSetForm {
    border: solid 1px #5F6A73;
    color: #5F6A73;
    font-size: 12px;
    font-family: Arial;
}

.fieldSetForm legend {
    color: #5F6A73;
    font-weight:bold;
    font-size: 11px;
    font-family: Arial;
}

.process_def_relationship_child {
    background-image: url(../images/relation_child.png);
    background-repeat:no-repeat;
    background-color: white;
    width: 85%;
    min-height: 70px;
    height: auto;
    padding-left: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}
.process_def_relationship_child ul li span {
    font-size: 120%;
}

.process_def_relationship_parent {
    background-image: url(../images/relation_parent.png);
    background-repeat:no-repeat;
    background-color: white;
    width: 85%;
    min-height: 70px;
    height: auto;
    padding-left: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

.process_def_relationship_parent ul li span {
    font-size: 120%;
}

/* Tópicos */
.div_topic_parent{
    padding-left: 20px;
}

.div_topic_child{
    padding-left: 20px;
}

.div_topic_child .div_topic_parent{
    padding-left: 30px;
}
.div_visible{
    display: none;
}

.div_invisible{
    display: inline;
}