/* *** Hoja de estilos del  Libro de Visitas *** */
/* colores */
.tabla_formulario { background-color: #bbbbbb; color: #222222; }
.tabla_comentario { background-color: #e2e2e2; color: #222222; }
.titulo_formulario { background-color: #333333; color: #D6CF4A; }
.titulo_comentario { background-color: #333333; color: #D6CF4A; }
.fila_error { color: #dd0000; }
.fila_correcto { color: #000000; }
.formulario { background-color: #ffffff; color: #000000; }
.columna_datos { color: #000000; }

/* font */
.tabla_formulario { font-family: Verdana,Arial,Helvetica,sans-serif; }
.tabla_comentario { font-family: Verdana,Arial,Helvetica,sans-serif; }
.titulo_formulario { font-family: Georgia,'Times New Roman',times,serif; font-size: 1.2em; font-weight: bold; }
.titulo_comentario { font-family: Georgia,'Times New Roman',times,serif; font-size: 1em; font-weight: bold; }
.centro_comentario { font-size: 0.8em; }
.abajo_comentario { font-size: 0.8em; }
.fila_error { font-size: 1em;  font-weight: bold;}
.fila_correcto { font-size: 0.8em;  font-weight: bold;}
.formulario { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; }
.boton { font-size: 1em; font-weight: bold; }
.colunma_izq { font-size: 0.8em; }
.columna_datos { font-size: 0.8em; }


/* posicion */
.tabla_formulario { width: 80%; margin:0 auto; border-collapse: collapse; margin-top: 10px; }
.tabla_comentario { width: 80%; margin:0 auto; border-collapse: collapse; }
.titulo_formulario { padding-top: 8px; padding-bottom: 12px; }
.titulo_comentario { padding-top: 2px; padding-bottom: 4px; }
.centro_formulario {  vertical-align: top; text-align: left; padding-top: 15px; padding-left: 2px; }
.centro_comentario {  vertical-align: top; text-align: left; padding-top: 15px; padding-left: 5px; padding-right: 5px;}
.abajo_comentario { text-align: right; padding-top: 8px; padding-right: 10px; }
.fila_error {  vertical-align: top; text-align: left; padding-top: 20px; padding-left: 5px; padding-bottom: 20px; }
.fila_correcto {  vertical-align: top; text-align: left; padding-top: 20px; padding-left: 5px; padding-bottom: 20px; }
.fila_enviar { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.formulario { padding: 3px; }
.colunma_izq { width: 20%; vertical-align: top;  text-align: left; padding-top: 8px; padding-left: 2px; }
.columna_datos { width: 50%; vertical-align: top;  text-align: left; padding: 3px; }
.columna_iconos { width: 30%; vertical-align: top; text-align: center; }


.numero_firmas {
  background-color: #D6CF4A;
  color: #000000;
}