/**
 *  @author    Virginia Kama<vir_vk@hotmail.com>
 *  @date     20040708
 *  @cavs      $Id: $
 *  @abstract  Archivo de estilos de SIA
 *  @name      $CSS_NAME = 'CSS_SIA';
*/
body, * {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  scrollbar-face-color: #40668c; 
  scrollbar-track-color: #7b95b0; 
  scrollbar-arrow-color: #d5e0e0;
 
  scrollbar-3dlight-color: #587289;         
  scrollbar-darkshadow-color: #587289;
 
  scrollbar-highlight-color: #d5e0e0; 
  scrollbar-shadow-color: #d5e0e0;
  margin-top: 0; 
  margin-bottom: 0;
  margin-left: 0; 
  margin-right: 0;
  margin-width: 0;
  margin-height: 0;
}   

a, a:hover, a:visited {
  text-decoration:  none;
  color: #152691;
}
h2 {
  font-size: 12px;   
}

/* Clase de estilos para los datos del usuario */
#datosUsuario {
  font-size: 11px;
  color: black;
  background-color: #5b728a;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #96abc0 #485b6e #485b6e #96abc0;
  vertical-align: top;
}

#datosUsuario strong, #datosUsuario td {
  font-size: 11px;
  color: #d5e0e0;
  vertical-align: top;
}

#datosUsuario b {
  font-size: 12px;
  color: #f9f6c2;
}

/* Clase de estilos para el formulario de ingreso */
#formularioIngreso * {
   font-size: 12px;
   color: #000;
   padding: 0px;
   margin: 0px;
}
#formularioIngreso table.formularioIngresoTable {
   background-color: #7D7D97;
   vertical-align: middle;
   color: #000;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   border-color: #9caabd #6F6F6F #6F6F6F #9caabd;
}
.position {
   position: absolute;
   top: 33%;
   left: 33%;
   padding: 0px;
   border: 0px;
}
#formularioIngreso table.position td {
   text-align: right;
}
#formularioIngreso .center {
   text-align: center;
}
#formularioIngreso th {
   text-align: right;
   padding-top: 2px;
   padding-buttom: 2px;
   padding-left: 5px;
}
#formularioIngreso td {
  text-align: left;
  padding-top: 2px;
  padding-buttom: 3px;
  padding-right: 5px;
  padding-left: 5px;
}
#formularioIngreso strong {
  color: #eeeeee;
}

#formularioIngreso .resaltarNota {
   vertical-align: top;  
   font-size: 11px;
   color: #72060B;
}

.resaltarNota { 
   vertical-align: top;  
   font-size: 11px;
   color: #72060B;
}

.resaltarNota strong { 
   vertical-align: top;  
   font-size: 12px;
   color: #72060B;
}

/* Clase de estilos para informes */
#informe * {
  font-size: 11px;
  color: #000;
}
#informe table {
  color: #000;
  margin: 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #9caabd #6F6F6F #6F6F6F #9caabd;
}
#informe th {
  background-color: #D9DAE3; 
  vertical-align: top;
  text-align: center;
  color: #000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #AAABB5 #AAABB5 #AAABB5 #AAABB5;
}
#informe td {
  text-align: left;
  padding: 1px;
  padding-right: 1px;
}
#informe td a:hover {
  text-decoration: underline;
  color: #72060B;
}
#informe td a {
  text-decoration: underline;
  color: #152691;
}

#informe td.redMark {
  text-align: right; 
  color: #72060B;
  background-color: #F9F6C2; 
}
#informe a:hover {
  text-decoration: underline;
  color: #72060B;
}
#informe a {
  text-decoration: underline;
  color: #152691;
}
#informe tr.par {
  background-color: #F5F4F4; 
}
#informe tr.impar {
  background-color: #E1E0E0; 
}

/* Clase de estilos para formularios */
#formulario * {
  font-size: 11px;
  color: #000;
}
#formulario table {
  background-color: #d5e0e0; 
  color: #000;
  margin: 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #9caabd #6F6F6F #6F6F6F #9caabd;
}
#formulario th {
  background-color: #7b95b0; 
  vertical-align: top;
  text-align: center;
  color: #000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #485b6e #96abc0 #96abc0 #485b6e;
}
#formulario td, #formulario select {
  text-align: left;
  vertical-align: top;
  padding-right: 3px;
  font-size: 10px;
}

#formulario a:hover.enlace {
  text-decoration: underline;
  color: #72060B;
}
#formulario a.enlace {
  color: #152691;
  text-decoration: underline;
}

#formulario a.noenlace {
  color: #000;
  text-decoration: none;
}

#formulario td a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formulario td a {
  text-decoration: underline;
  color: #152691;
}

#formulario td.redMark {
  text-align: right; 
  color: #72060B;
  background-color: #F9F6C2; 
}

#formulario a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formulario a {
  text-decoration: underline;
  color: #152691;
}
#formulario tr.par {
  background-color: #f1f9fc; ; 
}
#formulario tr.impar {
  background-color: #ebeff8; ; 
}

#formulario a.resaltar {
   text-decoration: underline;
   color: #72060B;
}

#formulario a:hover.resaltar {
   text-decoration: underline;
   color: #72060B;
}

#formulario table.resaltarError td, #formulario table.resaltarError strong, 
#formulario .resaltarError {
   font-size: 11px;
   vertical-align: top;
   background-color: #F9F6C2; 
   color: #72060B;
}

#formulario .resaltarFila {   
   background-color: #EFF797; 
}
#formulario .resaltarInscripcion {   
   background-color: #F1CCCC; 
}
#formulario .middle {
  vertical-align: middle;
}
#formulario .top {
  vertical-align: top;
}

/* Estilos para el formulario de inscripción */
#formularioInscripcion * {
  font-size: 11px;
  color: #000;
}
#formularioInscripcion table {
  background-color: #d5e0e0; 
  color: #000;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #9caabd #6F6F6F #6F6F6F #9caabd;
}
#formularioInscripcion th {
  font-size: 10px;
  background-color: #7b95b0; 
  vertical-align: top;
  text-align: center;
  color: #000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #485b6e #96abc0 #96abc0 #485b6e;
}
#formularioInscripcion td, #formularioInscripcion label, #formularioInscripcion select {
  text-align: left;
  font-size: 9px;
  padding: 0px;
}
#formularioInscripcion a:hover.enlace {
  text-decoration: underline;
  color: #72060B;
}
#formularioInscripcion a.enlace {
  color: #000;
  text-decoration: none;
}

#formularioInscripcion td a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formularioInscripcion td a {
  text-decoration: underline;
  color: #152691;
}

#formularioInscripcion a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formularioInscripcion a {
  text-decoration: underline;
  color: #152691;
}
#formularioInscripcion tr.par {
  background-color: #eeeeee; 
}
#formularioInscripcion tr.impar {
  background-color: #dddddd;
}
#formularioInscripcion a.resaltar {
   text-decoration: underline;
   color: #72060B;
}
#formularioInscripcion a:hover.resaltar {
   text-decoration: underline;
   color: #72060B;
}

#formularioInscripcion table.resaltarError td, #formularioInscripcion table.resaltarError strong,
#formularioInscripcion .resaltarError {
   font-size: 11px;
   vertical-align: top;
   background-color: #F9F6C2; 
   color: #72060B;
}
#formularioInscripcion strong {
   font-size: 11px;
   color: #72060B;
}
#formularioInscripcion .resaltarFila {   
   background-color: #EFF797; 
}
#formularioInscripcion .resaltarInscripcion {   
   background-color: #F1CCCC; 
}
#formularioEdicion td.markOnly, #formulario td.markOnly,
 #formularioInscripcion td.markOnly {
  text-align: left; 
  background-color: #F9F6C2; 
}


/* Clase de estilos para formularios de edición */
#formularioEdicion * {
  font-size: 11px;
  color: #000;
}
#formularioEdicion table.resaltarError td, #formularioEdicion table.resaltarError strong, #formularioEdicion .resaltarError {   
   font-size: 11px;
   vertical-align: top;
   background-color: #F9F6C2; 
   color: #72060B;
}
#formularioEdicion strong {
   font-size: 11px;
   color: #72060B;
}

#formularioEdicion .center {
  text-align: center;
}
#formularioEdicion .right {
  text-align: right;
}
#formularioEdicion .bottom {
  vertical-align: bottom;
}
#formularioEdicion .left {
  text-align: left;
}
#formularioEdicion table {
  background-color: #d5e0e0; 
  color: #000;
  margin: 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #9caabd #6F6F6F #6F6F6F #9caabd;
}
#formularioEdicion th {
  background-color: #7b95b0; 
  vertical-align: top;
  text-align: right;
  color: #000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #485b6e #96abc0 #96abc0 #485b6e;
  
}
#formularioEdicion td, #formularioEdicion select {
  padding: 1px;
  font-size: 10px;
  text-align: left;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #eeeeee #eeeeee #eeeeee #eeeeee;
}

#formularioEdicion td a:hover {
  text-decoration: underline;
  color: #72060B;
}

#formularioEdicion td a {
  text-decoration: underline;
  color: #152691;
}

#formularioEdicion a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formularioEdicion a {
  text-decoration: underline;
  color: #152691;
}
#formularioEdicion tr.par {
  background-color: #f1f9fc; 
}

	
#formularioEdicion tr.impar {
  background-color: #ebeff8; 
}

#formularioEdicion .resaltarNota { 
   vertical-align: top;  
   font-size: 11px;
   color: #72060B;
}

/* Estilos para los formularios de busqueda */
#formularioBusqueda * {
  font-size: 10px;
  color: #000;
  padding: 1px;
  border: 0px;
}
#formularioBusqueda table.resaltarError td, #formularioBusqueda table.resaltarError strong, #formularioBusqueda .resaltarError {   
   font-size: 10px;
   vertical-align: top;
   background-color: #F9F6C2; 
   color: #72060B;
}
#formularioBusqueda strong {
   font-size: 10px;
   color: #72060B;
}

#formularioBusqueda .center {
  text-align: center;
}
#formularioBusqueda .bottom {
  text-align: bottom;
}
#formularioBusqueda .left {
  text-align: left;
}
#formularioBusqueda table {
  background-color: #D9DAE3; 
  color: #000;
  margin: 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #9caabd #6F6F6F #6F6F6F #9caabd;
}
#formularioBusqueda th {
  font-size: 10px;
  background-color: #AAABB5; 
  vertical-align: top;
  text-align: right;
  color: #000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #D9DAE3 #D9DAE3 #D9DAE3 #D9DAE3;
}
#formularioBusqueda td, #formularioBusqueda select {
  padding: 1px;
  font-size: 10px;
  text-align: left;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #eeeeee #eeeeee #eeeeee #eeeeee;
}

#formularioBusqueda td a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formularioBusqueda td a {
  text-decoration: underline;
  color: #152691;
}

#formularioBusqueda a:hover {
  text-decoration: underline;
  color: #72060B;
}
#formularioBusqueda a {
  text-decoration: underline;
  color: #152691;
}
#formularioBusqueda tr.par {
  background-color: #eeeeee; 
}
	
#formularioBusqueda tr.impar {
  background-color: #dddddd; 
}

.center, #formulario .center, #formularioInscripcion .center {
  text-align: center; 
}

.right, #formulario .right, #formularioInscripcion .right {
  text-align: right; 
}

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

.middle, #formularioEdicion .middle, #formularioInscripcion .middle {
  vertical-align: middle; 
}

.top, #formularioIngreso .top, #formulario .top, 
	#formularioInscripcion .top, #formularioEdicion .top,
#formularioIngreso .top {
  vertical-align: top;
}

.bottom, #formulario .bottom, #formularioEdicion .bottom {
  vertical-align: bottom;
}

.redright, #formulario .redright, #formularioEdicion .redright {
  text-align: right; 
  background-color: #F9F6C2; 
  color: #72060B;
}
.resaltarError {
   font-size: 11px;
   vertical-align: top;
   background-color: #F9F6C2; 
   color: #72060B;
}

.notices  {
   vertical-align: top;
   background-color: #F9F6C2; 
   color: #72060B;
   font-size: 12px;
}
.notices strong  {
   font-size: 13px;
}


.backgroundWhite {
  background-color: #6e8ba8;
/*  background-position: center;
  background-image: url("background_logo_white.jpg"/*tpa=http://200.105.198.197/sia/www/images/background_logo_white.jpg*/); */
}

.backgroundDark {
  background-color: #6e8ba8;
  /*background-position: center;
  background-image: url("background_logo_dark.jpg"/*tpa=http://200.105.198.197/sia/www/images/background_logo_dark.jpg*/);*/
}

/* Estilos para el panel */

.buttonsPos { 
  right: 0px; 
  /*position: absolute;*/
  vertical-align: middle;
}
.clockPos { 
  /*position: absolute; */
  vertical-align:middle;  
}
.time {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #485b6e #96abc0 #96abc0 #485b6e;
  vertical-align: middle;
  background-color: #1f1302; 
  color: #d5e0e0;
}