/**
 * 01/28/2016
 * This pen is years old, and watching at the code after all
 * those years made me fall from my chair, so I:
 * - changed all IDs to classes
 * - converted all units to pixels and em units
 * - changed all global elements to classes or children of
 *   .login
 * - cleaned the syntax to be more consistent
 * - added a lot of spaces that I so hard tried to avoid
 *   a few years ago
 *   (because it's cool to not use them)
 * - and probably something else that I can't remember anymore
 *
 * I sticked to the same philosophy, meaning:
 * - the design is almost the same
 * - only pure HTML and CSS
 * - no frameworks, preprocessors or resets
 */

/* 'Open Sans' font from Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
  background: #f7238a;
  font-family: 'Open Sans', sans-serif;
}

.login {
  width: 400px;
  margin: 16px auto;
  font-size: 16px;
}

/* Reset top and bottom margins from certain elements */
.login-header,
.login p {
  margin-top: 0;
  margin-bottom: 0;
}

/* The triangle form is achieved by a CSS hack */
.login-triangle {
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border: 12px solid transparent;
  border-bottom-color: #c1313c;
}

.login-header {
  background: #c1313c;
  padding: 20px;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.login-container {
  background: #ebebeb;
  padding: 12px;
}

/* Every row inside .login-container is defined with p tags */
.login p {
  padding: 12px;
}

.login input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  padding: 16px;
  outline: 0;
  font-family: inherit;
  font-size: 0.95em;
}

.login input[type="email"],
.login input[type="password"] {
  background: #fff;
  border-color: #bbb;
  color: #555;
}

/* Text fields' focus effect */
.login input[type="email"]:focus,
.login input[type="password"]:focus {
  border-color: #888;
}

.login input[type="submit"] {
  background: #c1313c;
  border-color: transparent;
  color: #fff;
  cursor: pointer;
}

.login input[type="submit"]:hover {
  background: #308446;
}

/* Buttons' focus effect */
.login input[type="submit"]:focus {
  border-color: #05a;
}

.encabTitulo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  color: #308446 !important;
}

BODY {

    background-repeat: repeat-x;
    BACKGROUND-COLOR: #383838;
    margin: 0px 0px 2px 0px;
    text-align: center;
    FONT: 12px Arial, Helvetica, sans-serif;      
} 

table {
    font-size: 100%;
}

#contenedor {
  WIDTH: 890px;
  margin: auto;
  BORDER-RIGHT: 1px solid #B2B2B2;
  BORDER-LEFT: 1px solid #B2B2B2;
  BORDER-BOTTOM: 1px solid #B2B2B2;
  background-image: url(imagenes/body.png);
  background-repeat: repeat-x;
  background-color: #fff;
  text-align: left; 
}

#principal {
    margin: 2px 8px 2px 8px;
}

#encabezado {
  background-color: #fff;
  border-bottom: 1px solid #8A8A8A;
  background-image: url(imagenes/fondo);
  background-repeat: repeat-x;
}

#encabezado a {
    text-decoration: none;
}

.encabTitulo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  color: #333333 !important;
}
.encabTitulo_pruebas {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  color: #ffffff;
}
#pie {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  clear: both;
  border-top: 1px solid #777;
  text-align: right;
  padding: 2pt 10pt;
  background-color: #e1e1e1;
  color: #262626;
}


.tablacentral {
  color: Black;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
} 


.formu-button {
  BORDER-RIGHT: 1px outset;
  BORDER-TOP: 1px outset;
  BACKGROUND: #D4D0C8;
  FONT: 13px Arial, Helvetica, sans-serif;
  BORDER-LEFT: 1px outset;
  WIDTH: 90px;
  BORDER-BOTTOM: 1px outset;
}

.formu-button_sin_size {
  BORDER-RIGHT: 1px outset;
  BORDER-TOP: 1px outset;
  BACKGROUND: #D4D0C8;
  FONT: 13px Arial, Helvetica, sans-serif;
  BORDER-LEFT: 1px outset;
  BORDER-BOTTOM: 1px outset;
}

.formu-input {
  BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f8f8f8; FONT: 13px Arial, Helvetica, sans-serif; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}





H1 {
  FONT-WEIGHT: bold;
  FONT-SIZE: 16pt;
  COLOR: #B1620A;
  text-align: center;
  padding-top: 0px;
  margin-top: 0px;
}

H2 {
  FONT-SIZE: 14pt;
  COLOR: #B1620A;
}
H3 {
  FONT-SIZE: 12pt;
  COLOR: #B1620A;
}
H4 {
  FONT-SIZE: 10pt;
  COLOR: Black;
}
A {
  COLOR: #07597C; TEXT-DECORATION: underline
}
A:visited {
  COLOR: #07597C; TEXT-DECORATION: underline
}
A:hover {
  COLOR: #07597C; TEXT-DECORATION: none
}
.enca_tabla,.enca_tabla_titulo {
  FONT-SIZE: 12pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-align: center;
  font-style: italic;
  background-color: #161817;
  padding-bottom: 4px;
  padding-top: 4px;
}



.lineagris_tabla {
  background-color: #0b0b0b;
}

.item_tabla {
  FONT-SIZE: 16pt;
  COLOR: #07597C;
  font: Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding-bottom: 4px;
  padding-top: 4px;
}

.item_etiqueta {
  FONT-SIZE: 14pt;
  COLOR: #B1620A;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.item_dato {
  FONT-SIZE: 10pt;
  COLOR: #3B3B3B;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.nota_tabla {
  FONT-SIZE: 8pt;
  COLOR: #07597C;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}


.requerido {
      FONT-SIZE: 8pt;
      COLOR: #A40000;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
}       


.nota {
  FONT-SIZE: 10pt;
  COLOR: #606060;
  font-weight: bold;
  font-style: italic;
}


.tabla_reg{
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
  border-top: 1px solid Silver;
  border-left: 1px solid Silver;
}
.enca_tabla_reg,.enca_tabla_filtro{
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #348157;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;

}

.item_tabla_reg{
  FONT-SIZE: 10pt;
  COLOR: Black;
  font: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #F1FAF3;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
}

.error {
    FONT-SIZE: 12pt;
    COLOR: #A40000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.link {

  width:800px;
  word-wrap: break-word; 
  text-align: left; 
  font-weight: bold;
}

.item_tabla_reg1{
    FONT-SIZE: 10pt;
    COLOR: Black;
    font: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #F0F0F0;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid Silver;
    border-right: 1px solid Silver;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}

.item_tabla_reg2{
    FONT-SIZE: 10pt;
    COLOR: Black;
    font: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #D8D8D8;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid Silver;
    border-right: 1px solid Silver;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}


.opcion-button {
  BORDER-RIGHT: 1px outset;
  BORDER-TOP: 1px outset;
  BACKGROUND: #D4D0C8;
  FONT: 13px Arial, Helvetica, sans-serif;
  BORDER-LEFT: 1px outset;
  WIDTH: 250px;
  BORDER-BOTTOM: 1px outset;
  font-weight: bold;
}

.enca_tabla_reg_acep {
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #348157;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid Gray;
  border-left: 1px solid Gray;
}

.enca_tabla_reg_noproc {
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #6F6F6F;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;

}

.enca_tabla_reg_rech {
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #7D0000;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;

}

.enca_tabla_reg_dgt {
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #6A4602;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
}

.enca_tabla_reg_certificado_examen {
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #C1AD7A;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
}

.enca_tabla_reg_bajas {
  FONT-SIZE: 10pt;
  COLOR: White;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  background-color: #1dacee;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
}
.nota_medio {
  FONT-SIZE: 10pt;
  COLOR: Black;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  background-color: #F0F0F0;
   padding-bottom: 4px;
   padding-top: 4px;
   border-bottom: 1px solid Silver;
   border-right: 1px solid Silver;
   border-top: 1px solid silver;
   border-left: 1px solid silver;
}   

.regu {
      FONT-SIZE: 10pt;
      COLOR: #A40000;
      font-family: Arial, Helvetica, sans-serif;
      font-weight:  bold;
}

.notaprincipal {
  FONT-SIZE: 10pt;
  COLOR: #606060;
  font-style: italic;
}

.destaque1 {
  FONT-SIZE: 10pt;
  text-align: left;
  COLOR: #4C4C4C;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.tablanota {
  border-bottom: 2px solid Silver;
  border-right: 2px solid Silver;
  border-top: 2px solid Silver;
  border-left: 2px solid Silver;
  width: 600px;
  background: White;
}

#panelnivel a {
  font-size: 9pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF;
}

#panelnivel a:visited {
  font-size: 9pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF;
}

#panelnivel a:hover {
  font-size: 9pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: underline;
  COLOR: #FFFFFF;
}

#panelapp a {
  font-size: 8pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF;
}

#panelapp a:visited {
  font-size: 8pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF;
}

#panelapp a:hover {
  font-size: 8pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: underline;
  COLOR: #FFFFFF;
}

#destacados a {
  font-size: 8pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #767676;
}

#destacados a:visited {
  font-size: 8pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #767676;
}

#destacados a:hover {
  font-size: 8pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: underline;
  COLOR: #767676;
}

.destacados_cabecera{
   background-color: #377789;
   border: 1px solid #808080;
}


#panelniveldes a {
  font-size: 9pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF;
}

#panelniveldes a:visited {
  font-size: 9pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF;
}

#panelniveldes a:hover {
  font-size: 9pt;
  font-family: arial;
  font-style: normal;
  TEXT-DECORATION: underline;
  COLOR: #FFFFFF;
}
.item_tabla_reg_admin{
    FONT-SIZE: 10pt;
    COLOR: Black;
    font: Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: #F0F0F0;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid Silver;
    border-right: 1px solid Silver;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}

.formu-button2 {
  BORDER-RIGHT: 1px outset;
  BORDER-TOP: 1px outset;
  BACKGROUND: #D4D0C8;
  FONT: 13px Arial, Helvetica, sans-serif;
  BORDER-LEFT: 1px outset;
  WIDTH: 130px;
  BORDER-BOTTOM: 1px outset;
}

.menu_niveles {
   BORDER-RIGHT:2px groove #6F6F6F;
   BORDER-TOP: 1px solid #6F6F6F;
}

.menu_niveles_adentro {
    BACKGROUND: #348157;
}


.menu_niveles_no_selec {
   BACKGROUND: #444444;
}

.menu_niveles_selec {
   BORDER-RIGHT:2px groove #6F6F6F;
   BORDER-TOP: 1px solid #6F6F6F;
   BACKGROUND: #348157;
}

.destacados1 {
  BACKGROUND:#EEEEDC;
  ALIGN: CENTER;
  BORDER: 1px solid #808080;
  HEIGHT: 31;
}

.destacados2 {
  BACKGROUND:#F2FAF3;
  ALIGN: CENTER;
  BORDER: 1px solid #808080;
  HEIGHT: 31;
}

.atencion a {
    FONT-SIZE: 10pt;
      COLOR: #A40000;
      font-family: Arial, Helvetica, sans-serif;
      font-weight:  bold;
}

.nota_atencion {
    FONT-SIZE: 10pt;
      COLOR: #A40000;
      font-family: Arial, Helvetica, sans-serif;
      font-weight:  bold;
}

.enca_frameset {
  FONT-WEIGHT: bold;
  FONT-SIZE: 12pt;
  COLOR: #B1620A;
  text-align: left;
  padding-top: 0px;
  margin-top: 0px;
}
.marco_fino {
    border: 1px solid #808080;
  color: Black;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  BACKGROUND:#F2FAF3;
} 

.m1_calendario {
   font-family:MS Sans Serif;
   font-size:9pt
}
.link_calendario a{
   text-decoration:none;
   color:#000000;
}

.item_seleccionado{
  FONT-SIZE: 10pt;
  COLOR: Black;
  font: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #AFFF8B;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
}

 #opcion_admin { 
 position: relative; 
 width: 175;
 visibility: visible;
 }
 
 .notifica {
    FONT-SIZE: 11pt;
    COLOR: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.enca_tabla_titulo {
    border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
    padding-bottom: 8px;
  padding-top: 8px;

}

.enca_tabla_filtro {
   FONT-SIZE: 10pt;
   background-color: #006C00;
}

.formu-input2 {
  BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; FONT: 13px Arial, Helvetica, sans-serif; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}

.formu-button-confirmar {
  BORDER-RIGHT: 1px outset;
  BORDER-TOP: 1px outset;
  BACKGROUND: #D4D0C8;
  FONT: 14px Arial, Helvetica, sans-serif;
  BORDER-LEFT: 1px outset;
  WIDTH: 130px;
  BORDER-BOTTOM: 1px outset;
  HEIGHT: 40px;
  
}

.strengthmeter {
  font: bold 8pt Arial, Helvetica, sans-serif;
  color: #ccc;
  text-align: right;
}

.strengthmeter div {
  height: 12px;
  width: 24%;
  margin: 2px 0px 0px 1px;
  background-color: #cccccc;
  float: left;
}

.formato {
  padding: 10px;
  width: 90%;
  text-align: center;
  display: none;

}

.formato > input {
  float: right;
}

.tabla_aspirantes {
  text-align: left; 
}

.tr_tabla_aspirantes {
 
  height: 25px;

}

.tabla_aspirantes td {
 
  width: 10%;
 
}

a.error:visited {
    FONT-SIZE: 12pt;
    COLOR: #A40000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}


a.error {
    FONT-SIZE: 12pt;
    COLOR: #A40000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

a.error:hover {
    FONT-SIZE: 12pt;
    COLOR: White;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.menu_niveles_selec_pru {
   BORDER-RIGHT:2px groove #6F6F6F;
   BORDER-TOP: 1px solid #6F6F6F;
   BACKGROUND: #FF0000;
}

.menu_niveles_pru {
   
   BACKGROUND: #FF0000;

}

.menu_niveles_adentro_pruebas {
    BACKGROUND: #444444;
}

.destaque_dato {
  FONT-WEIGHT: bold;
  FONT-SIZE: 16pt;
}

.glyphicon-remove {
  color: red;
   margin: 4px;
}

.glyphicon-ok {
  color: green;
   margin: 4px;
}

.redondo{
  border: 1px solid grey;
  border-radius: 8px;
  padding: 4px;
  margin: 4px;
  width: 50%;
  text-align: left;

}



a.no_ver_pass {
    FONT-SIZE: 18pt;
    COLOR: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 4px;
  text-align: center; 

}

a.ver_pass {
  COLOR: #A40000;
  FONT-SIZE: 18pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 4px;
  text-align: center; 

}

.resaltar {
  FONT-SIZE: 16pt;
}

h2.panel-title {
  FONT-SIZE: 12pt;
  COLOR: #B1620A !important;
  
}
h2.panel-anul {
  FONT-SIZE: 12pt;
  COLOR: #1f259b !important;
  
}
.disable-click {
    pointer-events: none;
}
.input-clave {
  border: 2px solid #348157; /* borde verde */
  border-radius: 6px;        /* esquinas redondeadas */
  padding: 6px 8px;          /* espacio interno */
  width: 200px;              /* más chico */
  font-size: 13px;
  background-color: #fefefe;
}
.input-clave:focus {
  border-color: #1e5d37;     /* color más oscuro al hacer foco */
  outline: none;
}