/* General */
   BODY {font-family: verdana,arial, sans-serif; font-size: 10pt;}

/* Contenido */
   H1 {font-size: 14pt; font-weight: bold; color: #059A0C;}
   H2 {font-size: 12pt; font-weight: bold; font-style: italic; color: black;}
   H3 {font-size: 10pt; font-weight: bold; color: black;}

/* Formulario */
   FORM.borde {border: 1px dotted #0066CC; padding: 0.5em 0.2em; width: 80%;}
   FORM P {clear: left; margin: 0.2em; padding: 0.1em;}
   FORM P LABEL {float: left; width: 25%; font-weight: bold;}
   .error {color: red;}

/* Tablas */
   TH {font-size: 9pt; font-weight: bold; color: white; background: #18396A; text-align: center;}
   TH.gris {font-size: 9pt; font-weight: bold; color: white; background: #6F6F6F; text-align: center;}
   TD.blanco {font-size: 9pt; background: #FFFFFF;} 
   TD.gris {font-size: 9pt; background: #DDDDDD; } 
   TD.grisC {font-size: 8pt; background: #BBBBBB; font-weight: bold; text-align: center;} 
   TD.azul {font-size: 9pt; background: #6EB8E1;} 
   TD.crema {font-size: 8pt; font-weight: bold; background: #F0E444; text-align: center;} 
   TD.naranja {font-size: 8pt; font-weight: bold; background: #F2B028; text-align: center;} 
   TD.verde {font-size: 8pt; font-weight: bold; background: #67E315; text-align: center;} 

.logo img {
  width: 98%;
  height: auto;
}


.zoom{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 1s, height 1s, transform 1s;
        -moz-transition: width 1s, height 1s, -moz-transform 1s;
        -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
        -o-transition: width 1s, height 1s,-o-transform 1s;
    }

    .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.15);
        -moz-transform : scale(1.15);      /* Firefox */
        -webkit-transform : scale(1.15);   /* Chrome - Safari */
        -o-transform : scale(1.15);        /* Opera */
 
    }