@charset "iso-8859-1";
/* CSS Global */
html,body,.highslide-body,.highslide-body-white {
  font-family:Arial, Helvetica, sans-serif; 
  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
  background-image:url(../imagenes/comun/fondo-sitio.jpg);
  background-repeat:repeat-y;
  margin:0;
  padding:0;
  background-color:#000000;
  background-position:center;
}
.highslide-body-white {
  background: #ffffff;
}
h1,h2,h3,h4 {
  color:#1172b6;
}
h1 {
  font-size:1.4em;
  color:#FFFFFF;
  background-color:#0070B7;
  padding:5px 0px 5px 30px;
  margin:5px 0px 10px 0px;
  display:block;
  background-image:url(../imagenes/comun/cuadro-celeste-tit.jpg);
  background-position:top left;
  background-repeat:repeat-y;
}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
p,.highslide-body, .highslide-body table,.highslide-body-white, .highslide-body-white table {
  font-size:1em;
  text-align:justify;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a:visited {
  color:#0099FF;
}
/*Formato de pagina*/
#principal{
  width:760px;
  margin:0 auto;
  padding:0;
}
#marco_superior{
  margin:0;
  padding:10px 0px;
  text-align:left;
  vertical-align:middle;
  font-size:0.7em;
}
#certificado_thawte{
  text-align:center;
}
#encabezado{
  background-image:url(../imagenes/comun/encabezado.jpg);
  background-position:left;
  background-repeat:no-repeat; 
  margin:0;
  padding:16px 0px 0px 30px;
  height:56px;
  border-bottom:2px solid #a06141;
  border-left:1px solid #a06141;
}
img.logo {
  border:none;
  margin-bottom:17px;
}
#cuerpo{
  background-image:url(../imagenes/comun/fondo-contenido.jpg);
  background-position:left;
  background-repeat:repeat-y;
  margin:0;
  padding:0;
}
#marco_contenido{
  background-image:url(../imagenes/comun/hexagono-nav.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#contenido {
  background-color:#FFFFFF;
  width:530px;
  float:right;
  padding:10px 20px 20px 0px;
  font-size:0.8em;
  line-height:1.5em;
  /*color:#7b7263;*/
  color:#000000;
}
.highslide-body, .highslide-body-white  {
  font-size:0.8em;
}
#izquierda{
  border-left:1px solid #a06141;
  width:189px;
  margin:0px 0px 0px 0px;
  padding:0 0 90px 0;
}
#marco_nav_inferior{
  border-left:1px solid #a06141;
  border-bottom:1px solid #FFFFFF;
  background-color:#FFFFFF;
  height:40px;
}
#marco_buscar {
  width:189px;
  background-color:#063C78;
  padding:10px 0px;
  text-align:center;
  vertical-align:bottom;
  height:20px;
  float:left;
}
#pie_pagina{
  border-left:1px solid #a06141;
  background-image:url(../imagenes/comun/barra-inf-gris.jpg);
  background-position:top;
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  text-align:center;
  color:#8a786a;
  padding:20px 0px;
  font-size:0.7em;
  clear:both;
}
#marco_inferior{
  padding:10px;
  margin:0;
  background:none;
  color:#FFFFFF;
  font-size:0.7em;
  text-align:center;
}

#marco_nav_secundario{
  background-image:url(../imagenes/comun/barra-nav-inf.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  background-color:#EF7319;
  
  width:510px;
  padding:5px 0px;
  height:30px;
  float:left;
  line-height:1.2em;
}
/*Navegacion de Herramientas, marco superior*/
#nav_herramientas, #nav_herramientas li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav_herramientas img {
  border:none;
  padding:0;
  margin:0;
}
/*Navegacion Superior, Primer Navegador*/
#nav_superior, #nav_superior li {
  display:inline;
  margin:0;
  padding:0;
  color: #91d0ff;
}
#nav_superior {
  margin-right:20px;
}
#nav_superior li {
  margin-bottom:5px;
}
#nav_superior li.activa {
  font-weight:bold;
}
#nav_superior li a {
  color:#91d0ff;
  text-decoration:none;
}
#nav_superior li a:hover {
  text-decoration:underline;
}


/*Navegacion Secundaria, Harra Horizontal*/
#nav_secundario {
  list-style:none;
  margin:0;
  padding:0px;
  display:inline;
  color:#ffedda;
  font-size:0.75em;
  font-variant:small-caps;
  line-height:1.29em;  
}
#nav_secundario li {
  display:inline;
  float:left;
  list-style:none;
  text-align:center;
  padding:0px 0px 0px 2em;
  position:relative;
}
#nav_secundario li a { 
  color:#FFFFFF;
  text-decoration:none;
}
#nav_secundario li a:hover { 
  text-decoration:underline;
}

#nav_secundario ul{
  display:none;
  position:absolute;
  list-style:none;
  top:-9.5em;
  left:1.2em;
  font-variant:normal;
  background-color:#eecaa6;
  border:1px solid #7c6052; 
  margin:0;
  padding:0;
}

#nav_secundario ul li{
  display:list-item;
  float:none;
  text-align:left;
  display:list-item;
  color:#504332;
  border-bottom:1px solid #7c6052;

  padding:0;
  margin:0;
  width:11em;
  height:auto;
}
#nav_secundario ul li a{
  display:block;
  text-decoration:none;
  color:#504332;
  padding:0.5em;
  margin:0;
  width:10em;
  height:auto;
}
#nav_secundario ul li a:hover{
  background-color:#CCA57E;
  text-decoration:none;
}
#nav_secundario li:hover ul,
#nav_secundario li.over ul {
  display:block;
}

/*Navegacion de Pie de Pagina*/
#pie_pagina ul.nav_pie , #pie_pagina ul.nav_pie li {
  display: inline;
  margin: 0;
  padding: 0;
  height:10px;
  vertical-align:middle;
}
#pie_pagina ul.nav_pie {
  padding-bottom:0px;
}

#pie_pagina ul.nav_pie li a {
  color:#8a786a;
  text-decoration:none;
}
#pie_pagina ul.nav_pie li a:hover {
  text-decoration:underline;
}
#pie_pagina p {
  margin:1px;
  padding:0;
}
/*Navegacion Inferior*/
#marco_inferior a {
  color:#FFFFFF;
  text-decoration:none;
}
#marco_inferior a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}
/*Buscador*/
#buscador {
  margin:0;
  padding:0;
  text-align:center;
  vertical-align:bottom;
}

/*
Estas reglas de CSS son para atender la solicitud #1929 de INCAE donde
solicitaron cambiar el buscador de lugar, Se aplico este parche CSS por la 
sencilles ya que a otra opcion implicaba hacer el cambio pagina por pagina. 
Sin embargo, esto genera una discrepancia entre la posicion del buscador (visualmente) y el html que lo genera
mramarco@internexo.co.cr
*/
#principal{
position:relative;
}
#buscador {
position:absolute;
top:15px;
left:590px;
width:189px;
}
/****************************************************************************/

#buscador .boton_buscar {
  margin:0px 3px;
}
#buscador .text_buscar {
  background-color:#efe8de;
  border:none;
  font-size:0.7em;
  margin:0;
  vertical-align:top;
}

/*Navegación Izquierda - Estilos comunes*/
#marco_nav_principal {
  font-size:0.75em;
  color:#FFFFFF;
}
p.regresar_principal {
  display:block;
  margin:0;
  padding:5px 5px 15px 5px;
}
p.regresar_principal a,
p.seccion_actual a { 
  color:#FFFFFF;
  text-decoration:none;
}
p.regresar_principal a:hover,
p.seccion_actual a:hover  {
  text-decoration:underline;
}
p.regresar_principal a:visited,
p.seccion_actual a:visited  {
  color:#FFFFCC;
}
p.seccion_actual {
  display:block;
  margin:0;
  padding:10px 5px;
  font-size:1.3em;
  background-image:url(../imagenes/comun/pestana-titulo.gif);
  background-position:left top;
  background-repeat:no-repeat;
  font-weight:bold;
}

/*Boton para ir al inicio del contenido*/
a.boton_arriba {
  text-decoration:none;
}

/*Migas de pan*/
#migas {
  font-size:0.8em;
  clear:both;
  line-height:normal;
  margin-bottom:10px;
}

/**Estilo para Navegacion en CSS separados**/

/*Imagenes*/
#contenido img.imagen_centrada , .highslide-body img.imagen_centrada {
  margin:5px auto;
  border:none;
}
#contenido img.imagen_izquierda , .highslide-body img.imagen_izquierda {
  margin:5px;
  padding:5px;
  border:none;
  float:left;
}
#contenido img.imagen_derecha , .highslide-body img.imagen_derecha {
  margin:5px auto;
  padding:5px;
  border:none;
  float:right;
}
/*Listas*/
#contenido ul , .highslide-body ul { /*Viñetas 1er nivel, Azules por Defecto*/
  list-style-image:url(../imagenes/comun/vineta-azul.jpg);
}
#contenido ul ul , .highslide-body ul ul { /*Viñetas 2do nivel, naranjas por Defecto*/
  list-style-image:url(../imagenes/comun/vineta-naranja.jpg);
}
#contenido ul ul ul , .highslide-body ul ul ul { /*Viñetas 3er nivel, negras por Defecto*/
  list-style:square;
  list-style-image:none;
}
/*Excepcion para listas interactivas*/
#contenido ul.lista_interactiva, .highslide-body ul.lista_interactiva,
#contenido ul.lista_interactiva ul, .highslide-body ul.lista_interactiva ul,
#contenido ul.lista_interactiva ul ul , .highslide-body ul.lista_interactiva ul ul {
  list-style-image:none;
}

/*Otras listas, mejor usar solo para un nivel*/
#contenido ul.lista_blanca , .highslide-body ul.lista_blanca {
  list-style-image:url(../imagenes/comun/vineta.gif);
}
#contenido ul.lista_naranja, .highslide-body ul.lista_naranja{
  list-style-image:url(../imagenes/comun/vineta-naranja.jpg);
}
#contenido ul.lista_azul, .highslide-body ul.lista_azul{ 
  list-style-image:url(../imagenes/comun/vineta-azul.jpg);
}

/*Tablas*/
#contenido table caption, .highslide-body table caption{
  font-size:0.9em;
}
#contenido table.tabla_informacion , .highslide-body table.tabla_informacion {
  border:1px solid #0171BB;
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  clear:both;
}
#contenido table.tabla_informacion th, .highslide-body table.tabla_informacion th{
  background-color:#0171BB;
  color:#FFFFFF;
  font-size:1em;
  margin:0px 2px;
  border-right:1px solid #FFFFFF;
}
#contenido table.tabla_informacion th.encabezado_enfasis, .highslide-body table.tabla_informacion th.encabezado_enfasis{
  background-color:#00ACEE;
}
#contenido table.tabla_informacion td.celda_enfasis, .highslide-body table.tabla_informacion td.celda_enfasis{
  background-color:#BFD3EB;
  color:#FFFFFF;
}
#contenido table.tabla_informacion td, .highslide-body table.tabla_informacion td{
  padding:5px;
  margin:0;
  border-collapse:collapse;
  vertical-align:top;
  border:none;
}
#contenido table.tabla_informacion tr, .highslide-body table.tabla_informacion tr{/*Fila por defecto*/
  color:#000000;
  background-color:#FFFFFF;
  border:none;
  border-collapse:collapse;
}
#contenido table.tabla_informacion tr.fila_clara, .highslide-body table.tabla_informacion tr.fila_clara{/*Se usa en conjunto con tabla_informacion*/
/*  background-color:#BFD3EB;*/
  background-color:#D5E0F1;
}
#contenido table.tabla_informacion tr.fila_graduado_employer, .highslide-body table.tabla_informacion tr.fila_graduado_employer{/*Se usa en conjunto con tabla_informacion en el sistema employers*/
  background-color:#FFCC99;
}
#contenido table.tabla_informacion tr.fila_oscura, .highslide-body table.tabla_informacion tr.fila_oscura{/*Se usa en conjunto con tabla_informacion*/
/*  background-color:#5185C1;*/
  background-color:#BFD3EB;
}
#contenido table.tabla_informacion tr.fila_blanca, .highslide-body table.tabla_informacion tr.fila_blanca{/*Se usa en conjunto con tabla_informacion*/
/*  background-color:#5185C1;*/
  background-color:#FFFFFF;
}
#contenido table.tabla_informacion p , .highslide-body table.tabla_informacion p {
  margin:2px;
}
/*Estilos para Formularios (incluyendo tablas) */
#contenido table.tabla_formulario, .highslide-body table.tabla_formulario{
/*  border:none;*/
  border:1px solid #006699;
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  clear:both;  
}
#contenido table.tabla_formulario th, .highslide-body table.tabla_formulario th{
  border:none;
  border-collapse:collapse;
  padding:5px;
  margin:0px;
  background-color:#5185c1;
  color:#FFF;
}
#contenido table.tabla_formulario td, .highslide-body table.tabla_formulario td{ /*celda normal*/
  border:none;
  border-collapse:collapse;
  padding:5px;
  margin:0px;
  background-color:#BFD3EB;
  color:#000510;
}
#contenido table.tabla_formulario td.celda_blanca , .highslide-body table.tabla_formulario td.celda_blanca {
  background-color:#FFFFFF;
}
#contenido table.tabla_formulario td.celda_clara , .highslide-body table.tabla_formulario td.celda_clara {
  background-color:#D5E0F1;
}
#contenido table.tabla_formulario td.celda_oscura , .highslide-body table.tabla_formulario td.celda_oscura {
  background-color:#5185c1;
  color:#FFFFFF;
}
/*****************************************************************************************/
/*Estilos para Formularios prueba T (solicitud 1661) (incluyendo tablas) */
#contenido table.tabla_formulario2, .highslide-body table.tabla_formulario2{
/*  border:none;*/
  border:1px solid #006699;
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  clear:both;  
}
#contenido table.tabla_formulario2 th, .highslide-body table.tabla_formulario2 th{
  border:none;
  border-collapse:collapse;
  padding:5px;
  margin:0px;
  background-color: #19519B;
  color: #000000;
}
#contenido table.tabla_formulario2 td, .highslide-body table.tabla_formulario2 td{ /*celda normal*/
  border:none;
  border-collapse:collapse;
  padding:5px;
  margin:0px;
  background-color: #7589A1;
  color:#000510;
}


/**************************************************************************************/
#contenido form.formulario , .highslide-body form.formulario { /* Se usa en conjunto con la tabla.tabla_formulario*/
  text-align:center;
}
#contenido form.formulario input, .highslide-body form.formulario input,
#contenido form.formulario textarea, .highslide-body form.formulario textarea,
#contenido form.formulario select, .highslide-body form.formulario select{
  border:1px solid #BFD3EB;
  font-size:0.9em;
}

#contenido table.tabla_formulario td.celda_enfasis, .highslide-body table.tabla_formulario td.celda_enfasis{
  background-color:#5185c1;
  color:#000;
  font-weight:bold;
}
#contenido table.tabla_formulario th a , .highslide-body table.tabla_formulario th a {
  color:#FFFFFF;
}
#contenido table.tabla_formulario td.celda_enfasis a , .highslide-body table.tabla_formulario td.celda_enfasis a {
  color:#FFFFFF;
}

#contenido table.tabla_formulario_employer_graduado , .highslide-body table.tabla_formulario_employer_graduado {
  border-color:#FFAA88;
}
#contenido table.tabla_formulario_employer_graduado td.celda_enfasis, .highslide-body table.tabla_formulario_employer_graduado td.celda_enfasis{
  background-color:#FFAA88;
}

#contenido table.tabla_formulario_employer_graduado td , .highslide-body table.tabla_formulario_employer_graduado td {
  background-color:#FFCC99;
}

#contenido table.tabla_formulario_employer_graduado table.tabla_informacion , .highslide-body table.tabla_formulario_employer_graduado table.tabla_informacion {
  border-color:#FFAA88;
}
#contenido table.tabla_formulario_employer_graduado table.tabla_informacion th, .highslide-body table.tabla_formulario_employer_graduado table.tabla_informacion th{
  background-color:#FFAA88;
}

/*Parrafos y Texto especial*/
#contenido strong.strong_enfasis , .highslide-body strong.strong_enfasis {
  color:#F07317;
}
#contenido blockquote , .highslide-body blockquote {
  font-style:italic;
}
/*Enlaces normales*/
#contenido a, .highslide-body a,
#columna-derecha a {
  color:#0171BB;
  text-decoration:none;
}
#contenido a:hover, .highslide-body a:hover,
#columna-derecha a:hover {
  text-decoration:underline;
  color:#10a4ea;
}
#contenido a:visited, .highslide-body a:visited,
#columna-derecha a:visited {
  color:#10a4ea;
}
/*Enlaces especiales*/
#contenido a.enlace_enfasis , .highslide-body a.enlace_enfasis {
  padding:5px;
  color:#FFFFFF;
  background-color:#F07317;
  text-decoration:none;
}
#contenido a.enlace_enfasis:hover , .highslide-body a.enlace_enfasis:hover {
  text-decoration:underline;
}
#contenido a.enlace_enfasis:visited , .highslide-body a.enlace_enfasis:visited {
  color:#FFFFCC;
}

p.mensaje {
  color:#0370B1;
  font-size:1em;
  font-weight:bold;
  line-height:2em;
}


p.mensaje span.altas {
  font-size:1.5em;
  font-weight:normal;
}

#contenido table.tabla_informacion th a , .highslide-body table.tabla_informacion th a {
  color: #FFFFFF;
}
/*estas tres clases fueron creadas por Tanya Carrera por solicitud numero 1378, para comentarios o traducciones de campos en formularios*/

.letrita {
color: #000000 ;
font-size:10px; 
margin-top:0px; 
padding-top:0px; 
font-weight:normal;}

.parrafo-arriba-letrita{

margin-bottom:0px; 
padding-bottom:0px; 
line-height:normal;}

.letrita-header {  
font-size:10px; 
color:#FFFFFF;
margin-top:0px; 
padding-top:0px; 
font-weight:normal; 
line-height:normal;}

/*Estilos para Formularios (incluyendo tablas) */
#contenido table.tabla_celeste, .highslide-body table.tabla_celeste{
/*  border:none;*/
  border:none;
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  clear:both;  
}
#contenido table.tabla_celeste th, .highslide-body table.tabla_celeste th{
  border:none;
  border-collapse:collapse;
  padding:5px;
  margin:0px;
  background-color:#D5E0F1;
  color:#FFF;
}
#contenido table.tabla_celeste td, .highslide-body table.tabla_celeste td{ /*celda normal*/
  border:none;
  border-collapse:collapse;
  padding:5px;
  margin:0px;
  background-color:#D5E0F1;
  color:#000510;
}

/* Para los tool-tip hechos con mootools */
.tool-tip {
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #D4D5AA;
float:left;
max-width:200px;
padding:5px;
z-index:1050;
}
.tool-title {
font-size:80%;
font-weight:bold;
margin:-15px 0 0;
padding:15px 0 5px;
}
.tool-text {
font-size:80%;
margin:0;
}