/*------------------------------------*
 * Links                              *
 *------------------------------------*/


a{
	text-decoration: none;
	border-width:0px;
	border:0px #446699;

}

a:link {
    text-decoration: none;
	color: #446699;
}

a:visited { 
    text-decoration: none;
	color: #446699;
} 

a:active { /* active links    */
    text-decoration: none;
	color: #446699 ;
	text-decoration: none;
}

a:hover { 
	text-decoration: none;    
	color:#446699;
}

/*------------------------------------*
 * Tags                               *
 *------------------------------------*/

body, th,td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000 ;
}

input {
	color: #000000;
	border-bottom: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	border-left:   1px solid #cccccc;
	border-top:    1px solid #cccccc;
}

#formComponent {
	color: red;
	border-bottom: 0px solid #cccccc;
	border-right:  0px solid #cccccc;
	border-left:   0px solid #cccccc;
	border-top:    0px solid #cccccc;
	background-color:#eeeeee;
}

#error {
	width:600px;
	overflow: auto; 
	text-align: left;
	color: red;
	border-bottom: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	border-left:   1px solid #cccccc;
	border-top:    1px solid #cccccc;
	background-color:#eeeeee;
}

button {
	color: #000000;
	border-bottom: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	border-left:   1px solid #cccccc;
	border-top:    1px solid #cccccc;
	vertical-align: middle;
	width: 185px;
	background-color:#ddd;
}

.button {
	color: #000000;
	border: 1px solid #cccccc;
	vertical-align: middle;
	padding: 4px;
	width: 180px;
	background-color:#ddd;	
	cursor: pointer;
}



.iconButton {
	color: #000000;
	border: 1px solid #cccccc;
	vertical-align: middle;
	width: 30px;
	height: 18px;
	background-color:#fefefe;	
}


p{
	font-size: 11px;
}

img {
	border: 0px;
}

hr {
	color: #446699;
}



/*------------------------------------*
 * Encabezado                         *
 *------------------------------------*/

/*------------------------------------*
 * Cuerpo                             *
 *------------------------------------*/

  
/*------------------------------------*
 * Pie                                *
 *------------------------------------*/

 .pieDePagina{
    color:#ffffff;
    background-color:#446699;
    
 }

 .pieDePagina td{    
 	 color:#ffffff;
    font-weight:bold;
    background-color:#446699;
    border:      1px double #003366;
 }
     

/*------------------------------------*
 * Formulario                         *
 * cambiar el color de la barra       *
 *------------------------------------*/

.formulario{
    font-weight:normal;
}

.formulario table{
	padding-bottom:2px;
	padding-top:2px;		
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	margin: 1px;
}

.formulario #sinBorde{
	border: 0px solid #cccccc;
}

.formulario #bold{
	color:#446699;
    text-align:left;	
    font-weight:bold;
    vertical-align: top;
    padding-right: 5px;
}

.formulario th{
	color:#446699;
	height:22px;
    text-align:left;	
	border-bottom:   2px double #446699;
	padding: 5px 5px 5px 5px;
	font-size: 12pt;
}

.formulario #smallfont{
    text-align:left;	
	font-size: 10pt;
}


.formulario tr{
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    height:19px;
}

.formulario #low{
    background-color: red;
}

.formulario #middle{
    background-color: yellow;
}
.formulario #high{
    background-color: green;
}

.formulario #centrado{	
	text-align:center;
}

.formulario #left{	
	text-align:left;
}


/*------------------------------------*
 * dialogo                            *
 *------------------------------------*/
.dialogo {	
	color:#000000;	
	font-weight:bold;
	text-align: center;
	text-decoration:none;
	border: 1px double #003366;
}

.dialogo table {
	 
	 width:35%;
}

.dialogo th{
	color:#FFFFFF;
	height:22px;
    text-align:left;
	background-color:#446699;
	border-top:      1px double #003366;
	border-left:     1px double #003366;
	border-right:    1px double #003366;
	border-bottom:   1px double #003366;
	padding: 5px 5px 5px 5px;
}


.dialogo a{
    text-decoration: none;
	color:#003366;
	font-weight:bold;
}

.dialogo a:visited{
	color:#003366;
	font-weight:bold;
}

.dialogo td{	
	color:#000000;
	background-color:#eeeeee;
	font-weight:normal;
	text-align:left;
	padding: 5px 9px 4px 9px;
}

.dialogo #centrado{	
	text-align:center;
}

.dialogoInterno td {
    border: 0px double #eeeeee;
}


/*
  Colores de la barra de los titulos 
*/

.menu {	
	color:#000000;	
	border: 0px solid #003366;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
}

.menu table {	
	color:#003366;	
	border: 0px solid #003366;
}

.menu th{
	color:#ffffff;
	border: 1px solid #003366;
	background-color: #446699;
	height:22px;	
	text-align:center;
}

.menu td{
	color:#003366;
	border: 1px solid #003366;
	background-color: #CEE0F4;
	font-weight:normal;
	text-align:left;
}

.menu td.hover{
	color:#003366;
	border: 1px solid #003366;
	background-color: #cccccc;
	font-weight:normal;
	text-align:left;
}

.menu a{
    
	color:#003366;
	text-decoration: none;
	font-weight:bold;
}

.menu a:visited a:hover a:active a:link {
    text-decoration: none;
	color:#003366;
	font-weight:bold;
}


.toolbar .button {
	color: #ffffff;
	border: 1px solid #003366;
	vertical-align: middle;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	width: 180px;
	vertical-align=middle;
	background-color: #446699;	
	cursor: pointer;
}


/*------------------------------------*
 * List                               *
 * cambiar el color de la barra       *
 *------------------------------------*/


/*
  Colores de la barra de los titulos 
*/

.lista {	
	color:#000000;	
	font-weight:bold;
	text-align: center;
	text-decoration:none;
}

.lista table {	
	border: 1px solid #003366;
	text-decoration:none;
	border-spacing:0px;
	width: 90%;
	empty-cells:show;
   	vertical-align: top;
	color:#000000;	
	
}

.lista thead {	
	border: 1px solid #003366;
	text-decoration:none;
	background-color:#446699;
}

.lista tbody {	
	border: 1px solid #eeeeee;
	text-decoration:none;
	background-color:#eeeeee;
	border-bottom: 1px solid #cccccc;
}


.lista th{
	color:#ffffff;
	height:27px;	
	background-color:#446699;
	text-align:center;
}
.lista tr{
	height:27px;	
	border-bottom: 1px solid #cccccc;
}

.lista td{
	background-color:#eeeeee;
	border-bottom: 1px solid #cccccc;
	font-weight:normal;
	height: 27px;
	text-align:left;	
}

.lista a{
	border: 0px solid #ffffff;
    text-decoration: none;
	color:#003366;
	font-weight:bold;
}

.lista a:visited a:hover a:active {
    text-decoration: none;
	color:#003366;
	font-weight:bold;
}

.lista .even {
	background-color:#cccccc;
	border: 0px solid #cccccc;
    color:#000000;
    text-align: left;
    min-width:17px;
}
.lista .odd {
	background-color:#eeeeee;
	border: 0px solid #eeeeee;
	color:#000000;
	text-align: left;
	min-width:17px;
}





/*------------------------------------*
 * Desktop                            *
 *------------------------------------*/

/*
  Colores de la barra de los titulos 
*/

.desktop {	
	color:#000000;	
	font-weight:bold;
	text-align: center;
	text-decoration:none;
	width: 90%;
}

.desktop table {	
	border: 1px dashed #003366;
	text-decoration:none;
	border-spacing: 0px;
	border-spacing:0px;
	text-align: center;
	width: 90%;
	empty-cells:show;
   	vertical-align: top;
   	background-color:#ffffff;  
	color:#000000;	
}

.desktop h2{
	font-family: Helvetica, Arial,sans-serif;
	font-size: 180%;
	color: #003366;
}

.desktop th{
	color:#ffffff;
	border-bottom: 1px dashed #003366;
	height:45px;	
	background-color:#eeeeee;   	
	text-align:center;
}

.desktop td{
	font-weight:bold;
	height: 50px;
	padding: 5px;
	font-size:120%;
	color: #003366;
}

.desktop a{
	border: 0px solid #ffffff;
    text-decoration: none;
	color:#003366;
	font-weight:bold;
}

.desktop a:visited a:hover a:active {
    text-decoration: none;
	color:#003366;
	font-weight:bold;
}

.desktop .left {
	text-align:left;
}