body {
  margin: 0px;
  font-family: "Times New Roman", Times, serif;
  background-image: url(../fondo1.png);
}

table.informe {
  border: #003399 solid 1px;
}

th.informe {
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  background-color: #004ec1;
  height: 34px;
}

td.grupo {
  background: #00ff66;
}

td.encabezado {
  background-color: #c8defd;
  padding-right: 20px;
}

/*estilo para las tablas en que se manejen formularios*/
.tableform {
  border-left-color: #cccccc;
  border-left-style: solid;
  border-left-width: 2px;
  border-top-color: #cccccc;
  border-top-style: solid;
  border-top-width: 2px;
  border-right-color: #cccccc;
  border-right-style: solid;
  border-right-width: 2px;
  border-bottom-color: #cccccc;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

table.centro {
  background-color: #e7f1fe;
  border: #99beec 1px solid;
  margin-top: 5px;
}

th.centro {
  border-bottom: #99beec 1px solid;
  color: #0660ce;
  vertical-align: middle;
  height: 25px;
}

th.footer {
  border-top: #99beec 1px solid;
  color: #0660ce;
  vertical-align: middle;
  padding: 4px;
}

td.nombreCampo {
  border: #99beec 1px solid;
  /*background-color: #99BEEC;*/
  color: #0660ce;
  font-weight: bold;
  vertical-align: middle;
  width: 180px;
}

td.campo {
  border: #cccccc 1px solid;
  color: #0660ce;
  font-weight: bold;
  vertical-align: middle;
  width: 180px;
}

td.campo1 {
  border: #cccccc 1px solid;
  color: #0660ce;
  font-weight: normal;
  vertical-align: middle;
  width: 180px;
}

th.centro2 {
  color: #0660ce;
  vertical-align: middle;
  height: 25px;
}

table.formulario {
  margin-top: 20px;
  border: #dddddd 1px solid;
}

table.mucha_info {
  margin-top: 20px;
  border: #dddddd 1px solid;
  font-size: 12px;
}

th.formulario {
  background-color: #3399ff;
  color: #ffffff;
  font-weight: bold;
  height: 25px;
  vertical-align: middle;
}
th.seccionFormularioGuardada {
  background-color: #008257;
  color: #ffffff;
  font-weight: bold;
  height: 25px;
  vertical-align: middle;
}

th.formulario_general {
  background-color: #003366;
  color: #ffffff;
  font-weight: bold;
  height: 25px;
  vertical-align: middle;
}

td.formulario_general {
  background-color: #003366;
  border: none;
}

.col_cabecera {
  background-color: #3399ff;
  color: #ffffff;
  font-weight: bold;
  height: 25px;
  vertical-align: middle;
}

.col_cabecera_hor_general {
  background-color: #003366;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  writing-mode: tb-rl;
}

table.formulario td {
  padding: 5px 5px 5px 5px;
}

.resaltado {
  font-weight: bold;
  color: #ff0000;
}

.textchiquitico {
  font-size: xx-small;
}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all 0.6s ease; /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.titlea {
  position: relative;
}
.titlea[title]:hover::before {
  content: attr(title);
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  position: absolute;
  width: auto;
  max-width: 800px;
  top: -40px;
  z-index: 100;

  background: rgba(254, 255, 136, 0.9);
  color: #000;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #cccc00;

  padding: 3px 10px;
}

/*Estilo para todos los enlaces*/
a:link {
  color: #ff0000;
  text-decoration: underline;
}
a:visited {
  color: #ff0000;
  text-decoration: underline;
}
a:hover {
  color: #fd9b42;
  text-decoration: underline;
}

a.clarito:link {
  color: #0660ce;
  text-decoration: underline;
}
a.clarito:visited {
  color: #0660ce;
  text-decoration: underline;
}
a.clarito:hover {
  color: #ff0000;
  text-decoration: underline;
}

a.clarito2:link {
  color: #ffffff;
  font-family: verdana;
  text-decoration: underline;
}
a.clarito2:visited {
  color: #ffffff;
  font-family: verdana;
  text-decoration: underline;
}
a.clarito2:hover {
  color: #ffffaa;
  font-family: verdana;
  text-decoration: underline;
}

a.calificacion:link {
  color: #0660ce;
  font-family: verdana;
  font-size: 10;
  text-decoration: none;
}
a.calificacion:visited {
  color: #0660ce;
  font-family: verdana;
  font-size: 10;
  text-decoration: none;
}
a.calificacion:hover {
  color: #2882ef;
  font-family: verdana;
  font-size: 10;
  text-decoration: none;
}

a.puesta:link {
  color: #ff0000;
  font-family: verdana;
  font-size: 10;
  font-weight: bold;
  text-decoration: none;
}
a.puesta:visited {
  color: #ff0000;
  font-family: verdana;
  font-size: 10;
  font-weight: bold;
  text-decoration: none;
}
a.puesta:hover {
  color: #ff0000;
  font-family: verdana;
  font-size: 10;
  font-weight: bold;
  text-decoration: none;
}

a.valor:link {
  color: #006600;
  font-family: verdana;
  text-decoration: none;
}
a.valor:visited {
  color: #006600;
  font-family: verdana;
  text-decoration: none;
}
a.valor:hover {
  color: #ff9900;
  font-family: verdana;
  text-decoration: underline;
}

.obligatorio {
  color: #ff0000;
}

.fila1 {
  background-color: #c8defd;
}

.fila2 {
  background-color: #e7f1fe;
}
.fila3 {
  background-color: #cccccc;
}

.campo_pequeno {
  font-size: 12px;
}

.info {
  background-image: url(../images/iconos/info.png);
  background-repeat: no-repeat;
  background-position: center left;
  height: 50px;
  width: 92%;
  color: #0660ce;
  border: #cccccc solid 1px;
  padding: 14px 10px 10px 55px;
  font-weight: bold;
  text-align: justify;
}

.menu_padres {
  color: #000088;
}

.menu_padres a {
  color: #000088;
  text-decoration: none;
}

.menu_padres a:link {
  color: #000088;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
}
.menu_padres a:visited {
  color: #000088;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
}
.menu_padres a:hover {
  color: #000088;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
}

#planilla_calificaciones table.formulario td {
  border-left: #cccccc 1px solid;
}
input,
input[type="text"],
select,
textarea,
input[type="password"] {
  border: solid 1px #999999;
  background: #ffffff;
  margin: 2px 2px 2px 2px;
  padding: 6px;
  font-size: 14px;
  background: -webkit-gradient(
    linear,
    left top,
    left 25,
    from(#ffffff),
    color-stop(4%, #eeeeee),
    to(#ffffff)
  );
  background: -moz-linear-gradient(top, #ffffff, #eeeeee 1px, #ffffff 25px);
  -moz-box-shadow: 0px 0px 8px #f0f0f0;
  -webkit-box-shadow: 0px 0px 8px #f0f0f0;
  box-shadow: 0px 0px 8px #f0f0f0;
}
input[type="text"]:focus,
select:focus,
textarea:focus,
input[type="password"]:focus {
  box-shadow: 0 0 5px 0 #b5dff1;
  -moz-box-shadow: 0 0 5px 0 #b5dff1;
  -webkit-box-shadow: 0 0 5px 0 #b5dff1;
  border: 1px solid #38b2e5;
  background-color: #ffffff;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
  background: #d3d3d3;
  border: 1px solid #999999;
  color: #333;
  font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
  /*width: 150px;*/
  min-width: 25px;
  width: auto;
  cursor: pointer;
  margin: 4px;
  /*text-shadow: 0px 1px 0px #fff;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 2px #fff inset;
  -webkit-box-shadow: 0px 0px 2px #fff inset;
  box-shadow: 0px 0px 2px #fff inset;
}
input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
button[disabled] {
  background: #cccccc;
}
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:hover,
button[disabled]:hover {
  background: #cccccc;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
  background: #9fc7fb;
  -moz-box-shadow: 0px 0px 2px #eaeaea inset;
  -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
  box-shadow: 0px 0px 2px #eaeaea inset;
  color: #222;
}
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus {
  background: #9fc7fb;
  -moz-box-shadow: 0px 0px 2px #eaeaea inset;
  -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
  box-shadow: 0px 0px 2px #eaeaea inset;
  color: #222;
}
input[type="text"][readonly],
select[readonly],
textarea[readonly],
input[type="password"][readonly] {
  background: -webkit-gradient(
    linear,
    left top,
    left 25,
    from(#e1e1e1),
    color-stop(4%, #eeeeee),
    to(#e1e1e1)
  );
  background: -moz-linear-gradient(top, #e1e1e1, #eeeeee 1px, #e1e1e1 25px);
  color: #666666;
}
input[type="text"][disabled],
select[disabled],
textarea[disabled],
input[type="password"][disabled] {
  background: -webkit-gradient(
    linear,
    left top,
    left 25,
    from(#e1e1e1),
    color-stop(4%, #eeeeee),
    to(#e1e1e1)
  );
  background: -moz-linear-gradient(top, #e1e1e1, #eeeeee 1px, #e1e1e1 25px);
  color: #666666;
}
.input_deshabilitado[type="text"][readonly] {
  /*background-color:#FFFF99;*/
  background: -webkit-gradient(
    linear,
    left top,
    left 25,
    from(#ffff99),
    color-stop(4%, #eeeeee),
    to(#ffff99)
  );
  background: -moz-linear-gradient(top, #ffff99, #eeeeee 1px, #ffff99 25px);
  color: #000000;
}

.input_deshabilitado_campo_obli[type="text"][readonly] {
  /*background-color: #D3FAA0;*/
  background: -webkit-gradient(
    linear,
    left top,
    left 25,
    from(#d3faa0),
    color-stop(4%, #eeeeee),
    to(#d3faa0)
  );
  background: -moz-linear-gradient(top, #d3faa0, #eeeeee 1px, #d3faa0 25px);
  color: #000000;
}