/*
 * Opina: gestor de encuestas
 * Copyright (C) 2005-2009 Opina Development Team
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of version 2 of the GNU General Public
 * License as published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
 * USA
 *
 * $Id: opina.css 2131 2009-06-23 00:13:21Z recena $
 */

body.intro {
    margin: 0px;
    background-image: url("../fondos/fondo.gif");
    background-repeat: repeat;
}

body.vista-previa {
    margin: 0px;
    background-image: url("../fondos/asistente_cuestionarios/vista_previa.gif");
    background-repeat: repeat;
}

/* temporal */

a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
}

a:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
}

sup {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    font-weight: normal;
}


table.ayuda {
    width: 100%;
    background-color:#FFFFFF;
}

table.ayuda td.cabecera {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding: 48px 4px 4px 4px;
    text-align: right;
    background-image: url('../fondos/cabecera_ayuda.gif');
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
}

table.ayuda td.mensaje {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding: 25px 15px 15px 10px;
    border-bottom: 1px dotted #CCCCCC;
    text-align: justify;
}

table.ayuda td.pie {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #AAAAAA;
    text-align: left;
    padding: 10px 4px 4px 10px;
}

table.intro {
    width: 400px;
    background-color:#FFFFFF;
}

table.intro td#cabecera {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding: 64px 4px 4px 4px;
    text-align: right;
    background-image: url('../fondos/cabecera_intro.gif');
    background-repeat:no-repeat;
    border-bottom: 1px dotted #CCCCCC;
}

table.intro td#formulario {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding: 10px;
    border-bottom: 1px dotted #CCCCCC;
}

table.intro td#mensaje {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding: 25px 15px 15px 10px;
    border-bottom: 1px dotted #CCCCCC;
    text-align: justify;
}

table.intro td#pie {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    text-align: left;
    padding: 10px 4px 4px 10px;
}

table.formIntro {
    width: 100%;
}

table.formIntro td.atributo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    vertical-align: baseline;
}

table.formIntro td.botones {
    padding: 10px 0px 0px 0px;
}

div.registro {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -175px;
    margin-left: -200px;
    width: 400px;
    height: 350px;
}

div.login {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -200px;
    width: 400px;
    height: 230px;
}

div.bienvenida {
    position: absolute;
    top: 10%;
    left: 50%;
    margin-top: 0px;
    margin-left: -200px;
    width: 400px;
    height: 230px;
}

div.registro {
    position: absolute;
    top: 10%;
    left: 50%;
    margin-top: 0px;
    margin-left: -200px;
    width: 400px;
    height: 230px;
}

div.botones {
    width: 100%;
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

div.botones img {
    border: 0px;
}


body.escritorio {
    margin: 0px;
    padding: 0px;
    background:#FFFFFF;
    height: 100%;
    background-image: url("../fondos/fondo.gif");
    background-repeat: repeat;
}

/* CSS: Asistente para realizar cuestionarios */

div.asistente {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 750px;
    margin-left: -375px;
}

table.cuestionario {
    width: 100%;
    background-color: #FFFFFF;
    min-width: 700px;
    border: 0px;
}

table.cuestionario td.bordeIzquierdo {
    background-image: url('../fondos/borde_izquierdo.gif');
    background-repeat: repeat-y;
    width: 8px;
}

table.cuestionario td.bordeDerecho {
    background-image: url('../fondos/borde_derecho.gif');
    background-repeat: repeat-y;
    width: 8px;
}

table.cuestionario td.cabecera {
    background-image: url('../fondos/cabecera_asistente.gif');
    background-repeat: no-repeat;
    height: 67px;
    border-top: 5px solid #336633;
    border-bottom: 1px dotted #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    vertical-align: bottom;
    text-align: right;
    padding: 4px;
}

table.cuestionario td.cuerpo {
    padding: 0px 20px 0px 20px;
}

table.cuestionario td.pie {
    background-image: url('../fondos/opina_pie.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #336633;
    height: 80px;
    padding: 0px 15px 0px 15px;
}

table.cuestionario td.pie a {
    text-decoration: underline;
    color: #FFFFFF;
    font-size: 9px;
}

table.cuestionario td.pie img {
    margin: 0px 15px 0px 0px;
    float: left;
}


div.cabeceraCuestionario {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    margin: 5px 20px 30px 20px;
}

div.cabeceraCuestionario a {
    color: #595959;
    text-decoration: underline;
}

div.cabeceraCuestionario a:hover {
    color: #000000;
    text-decoration: none;
}

div.pieCuestionario {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    margin: 30px 20px 5px 20px;
}

div.pieCuestionario a {
    color: #595959;
    text-decoration: underline;
}

div.pieCuestionario a:hover {
    color: #000000;
    text-decoration: none;
}


/* ------------------------------------------ */


table.escritorio {
    width: 95%;
    background-color: #FFFFFF;
    min-width: 700px
}

table.escritorio td.borde {
    background-image: url('../fondos/borde_escritorio.gif');
    background-repeat: repeat-y;
}

table.escritorio td.informacion {
    padding: 10px 10px 10px 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #336633;
    font-weight: bold;
}
table.escritorio td.menuVertical {
    padding: 0px 15px 150px 10px;
    width: 15%;
    vertical-align: top;
}

table.escritorio td.contenido {
    width: 85%;
    padding: 0px 15px 15px 0px;
    vertical-align: top;
}

table.escritorio td.pie {
    background-image: url('../fondos/opina_pie.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #336633;
    height: 80px;
    padding: 0px 15px 0px 15px;
}

table.escritorio td.pie a {
    text-decoration: underline;
    color: #FFFFFF;
    font-size: 9px;
}

table.escritorio td.pie img {
    margin: 0px 15px 0px 0px;
    float: left;
}


table.informacion_01 {
    border-bottom: 1px solid #E6E6E6;
    width: 100%;
}

table.informacion_01 td.path {
    padding-bottom: 2px;
    vertical-align: bottom;
}

table.informacion_01 td.vista {
    text-align: right;
    vertical-align: bottom;
    padding-bottom: 2px;
}

table.informacion_01 td a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #595959;
  text-decoration: none;
}

table.informacion_01 td a:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: underline;
}

table.informacion_02 {
    margin-bottom: 10px;
    width: 100%;
}


body.escritorio #cabeceraEscritorio {
  background-image: url("../fondos/cabecera.gif");
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 100%;
  border-top: 5px solid #336633;
  border-bottom: 1px dotted #000000;
  padding: 91px 0px 0px 0px;
}

body.escritorio #cabeceraEscritorio img {
    vertical-align: bottom;
    margin: 0px 1px 0px 1px;
    border: 0px;
}


h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #336633;
}

h2 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #336633;
    margin: 0px;
}

h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    font-weight: bold;
    margin: 0px;
}

.text_01 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336633;
    font-weight: normal;
}

.text_02 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: normal;
}

.text_03 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    font-weight: normal;
}

.text_04 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: bold;
}

.text_05 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #336633;
    font-weight: bold;
    font-style: oblique;
}

.text_06 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
}

.text_07 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
}

.text_09 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #336633;
    font-weight: bold;
}

abbr, acronym {
    border-bottom: 1px dotted gray;
    cursor: help;
}


form.intro {
    margin-top: 10px;
    padding: 0px;
}

form.intro input{
    border: 1px solid #336633;
    margin: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

form.intro input.image {
    border: 0px;
}


/* CSS: Tabla detalles - Escritorio */

table.detalles {
    margin: 0px;
    width: 100%;
}

table.detalles thead td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #336633;
    white-space: nowrap;
    padding: 2px 2px 2px 4px;
    height: 17px;
}

table.detalles thead td img{
    float: right;
    margin: 1px 1px 0px 1px;
    border: 0px;
}

table.detalles tbody td img {
    float: left;
    margin: -1px 5px 0px 5px;
    border: 0px;
}

table.detalles tbody td.blqPagina {
    border: 1px #448CCB solid;
    background-color: #FFFFFF;
    text-align: center;
}

table.detalles tbody td.indCuestion {
    text-align: center;
}


table.detalles tbody td a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    text-decoration: none;
}

table.detalles tbody td a:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    text-decoration: underline;
}

table.detalles tbody.item_2 td {
    vertical-align: top;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    background-color: #F4F3F3;
    padding: 2px 2px 2px 4px;
}

table.detalles tbody.item_2 td.highlight {
    color: #333;
    background-color: #E0E0E0;
}

table.detalles tbody.item_1 td {
    vertical-align: middle;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: bold;
    background-color: #E6E6E6;
    white-space: nowrap;
    padding: 2px 2px 2px 4px;
}

/* CSS: Tabla mensajes de aviso/error */

table.msj    {
    width: 100%;
    margin: 0px;
}
table.msj td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
table.msj td.stop {
    color: #336633;
    width: 40px;
    background-color: #F4F3F3;
    background-image: url('../iconos/stop_anim1.gif');
    background-position: center top;
    background-repeat: no-repeat;
    border-top: 4px solid #F4F3F3;
}
table.msj td.titulo {
    color: #336633;
    font-weight: bold;
    padding: 5px;
}

table.msj td ul {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

table.msj td li {
    margin: 4px 0px 4px 0px;
    list-style: none;
    background-image: url("../iconos/alerta_16.gif");
    background-position: center left;
    background-repeat: no-repeat;
    padding: 2px 0px 2px 20px;
    color: #595959;
    font-size: 13px;
}



/* CSS: Tabla mosaico - Escritorio */

table.mosaico {
    width: 100%;
    margin: 0px;
}

table.mosaico td img {
    float: left;
    margin: 0px 5px 0px 0px;
    border: 0px;
}

table.mosaico td {
    background-color: #FFFFFF;
    padding: 5px;
}

table.mosaico td.highlight {
    background-color: #E0E0E0;
}

table.mosaico td:hover {
    background-color: #EDDADE;
    padding: 5px;
}

/* CSS: menu Vertical */

table.menuVertical {
    background-color: #F4F3F3;
    width: 200px;
    padding: 15px;
}

table.opciones {
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
}

table.opciones td img {
    float: left;
    margin: -2px 6px 0px 0px;
    border: 0px;
}

table.opciones td.titulo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #336633;
    font-weight: bold;
    padding: 0px 5px 8px 0px;
}

table.opciones td.opcion {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    padding: 5px 5px 0px 5px;
}

table.opciones td a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    text-decoration: none;
}

table.opciones td a:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
}

table.informacion {
    width: 100%;
    border-top: 1px solid #CDCDCD;
}

table.informacion td.titulo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #336633;
    font-weight: bold;
    padding: 0px 5px 8px 0px;
}

table.informacion td.atributo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    font-weight: bold;
    padding: 0px 0px 5px 5px;
}

table.informacion td.valor {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    padding: 0px 0px 5px 10px;
}

table.informacion td.valor a {
    text-decoration: none;
    color: #595959;
    font-size: 9px;
}

table.informacion td.valor a:hover {
    text-decoration: underline;
    color: #595959;
    font-size: 9px;
}

table.portapapeles {
    width: 100%;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #FFFFFF;
}

table.portapapeles td img {
    float: left;
    margin: -2px 6px 0px 0px;
    border: 0px;
}

table.portapapeles td.titulo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #336633;
    font-weight: bold;
    padding: 0px 5px 8px 0px;
}

table.portapapeles td.atributo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    font-weight: bold;
    padding: 8px 5px 5px 5px;
}

table.portapapeles td.valor {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    padding: 5px 5px 0px 10px;
}

table.portapapeles td.valor a {
    text-decoration: none;
    color: #595959;
    font-size: 9px;
}

table.portapapeles td.valor a:hover {
    text-decoration: underline;
    color: #595959;
    font-size: 9px;
}


table.portapapeles td.item {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #595959;
    padding: 5px 5px 0px 5px;
}




/* CSS: formularios */

div.contentForm {
    background-color: #F4F3F3;
    padding: 0px 10px 5px 10px;
}

form {
    margin: 0px;
}

form label {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    vertical-align: baseline;
}

form table.tf01 {
    width: 100%;
    margin: 15px 0px 0px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: bold;
}

form table.tf01 td.etiqueta {
    white-space: nowrap;
    padding: 0px 10px 0px 0px;
}

form table.tf01 img.boton {
    margin: 0px 5px 0px 5px;
    border: 0px;
}

form table.tf02 {
    width: 100%;
    margin: 15px 0px 0px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
}

form table.tf02 td.etiqueta {
    padding: 0px;
    font-weight: bold;
}

form table.tf02 td.oculto {
    padding: 0px 0px 0px 20px;
    vertical-align: top;
    text-align: left;
}

form table.tf03 {
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: normal;
    display: none;
}

form table.tf03 td {
    padding: 3px 0px 0px 0px;
}


form input {
    border: 1px solid #336633;
    margin: 4px 0px 0px 0px;
    padding: 1px 2px 1px 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: normal;
}

form input.requerido {
    border: 1px solid #336633;
    margin: 4px 0px 0px 0px;
    padding: 1px 2px 1px 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: normal;
}


form input.checkbox {
    border: 0px;
    margin: 0px;
}

form input.radio {
    border: 0px;
    margin: 0px;
}


form select {
    border: 1px solid #336633;
    margin: 4px 0px 0px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: normal;
}

form textarea {
    border: 1px solid #336633;
    margin: 4px 0px 0px 0px;
    width: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    font-weight: normal;
}


/* CSS: Cuestión - Numérica */

table.numerica {
    width: 100%;
    margin: 10px 0px 30px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.numerica td.msjValidacion {
    padding: 0px 0px 5px 0px;
}

table.numerica td.numPregunta {
    font-size: 11px;
    width: 3%;
}

table.numerica td.enunciado {
    font-size: 11px;
    width: 97%;
}

table.numerica td.cuerpo {
    font-size: 11px;
    padding: 10px 25px 5px 30px;
}

table.numerica td.textoLibre {
    font-size: 11px;
    padding: 15px 25px 5px 30px;
}

/* ------------------------ */

/* CSS: Cuestión - Gradiente */

table.gradiente {
    width: 100%;
    margin: 10px 0px 30px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.gradiente td.msjValidacion {
    padding: 0px 0px 5px 0px;
}

table.gradiente td.numPregunta {
    font-size: 11px;
    width: 3%;
}

table.gradiente td.enunciado {
    font-size: 11px;
    width: 97%;
}

table.gradiente td.cuerpo {
    font-size: 11px;
    padding: 10px 25px 5px 30px;
}

table.gradiente td.textoLibre {
    font-size: 11px;
    padding: 15px 25px 5px 30px;
}

table.escalaGradiente {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.escalaGradiente td.etiquetaMin {
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    padding: 0px 5px 0px 0px;
}

table.escalaGradiente td.etiquetaMax{
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    padding: 0px 0px 0px 5px;
}

table.escalaGradiente td.items {
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    padding: 2px 4px 2px 4px;
}

table.escalaGradiente td.itemsResultado {
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    padding: 2px 4px 2px 4px;
}


/* ------------------------ */

/* CSS: Cuestión - EleccionMultiple */

table.eleccionMultiple {
    width: 100%;
    margin: 10px 0px 30px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.eleccionMultiple td.msjValidacion {
    padding: 0px 0px 5px 0px;
}

table.eleccionMultiple td.numPregunta {
    vertical-align: top;
    font-size: 11px;
    width: 3%;
}

table.eleccionMultiple td.enunciado {
    font-size: 11px;
    width: 97%;
}

table.eleccionMultiple td.cuerpo {
    font-size: 11px;
    padding: 10px 25px 5px 30px;
}

table.eleccionMultiple td.textoLibre {
    font-size: 11px;
    padding: 15px 25px 5px 30px;
}

table.listadoOpciones {
    width: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.listadoOpciones td.widget {
    width: 3%;
    vertical-align: top;
    text-align: center;
    font-size: 11px;
    padding: 0px 0px 6px 0px;
}

table.listadoOpciones td.opcion {
    vertical-align: middle;
    text-align: left;
    font-size: 11px;
    padding: 0px 0px 6px 3px;
}


/* -------------------------------- */


/* CSS: Cuestión - SinTipo */

table.sinTipo {
    width: 100%;
    margin: 10px 0px 30px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.sinTipo td.msjValidacion {
    padding: 0px 0px 5px 0px;
}

table.sinTipo td.numPregunta {
    vertical-align: top;
    font-size: 11px;
    width: 3%;
}

table.sinTipo td.enunciado {
    font-size: 11px;
    width: 97%;
}

table.sinTipo td.cuerpo {
    font-size: 11px;
    padding: 10px 25px 5px 30px;
}

table.sinTipo td.textoLibre {
    font-size: 11px;
    padding: 15px 25px 5px 30px;
}

/* ----------------------- */

/* CSS: Cuestión - Matriz */

table.matriz {
    width: 100%;
    margin: 10px 0px 30px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.matriz td.msjValidacion {
    padding: 0px 0px 5px 0px;
}

table.matriz td.numPregunta {
    vertical-align: top;
    font-size: 11px;
    width: 3%;
}

table.matriz td.enunciado {
    font-size: 11px;
    width: 97%;
}

table.matriz td.cuerpo {
    font-size: 11px;
    padding: 10px 25px 5px 30px;
}

table.matriz td.textoLibre {
    font-size: 11px;
    padding: 15px 25px 5px 30px;
}

/* ---------------------- */



/* CSS: TEMPORAL */

table.cuestion {
    width: 100%;
    margin: 0px 0px 30px 0px;
}

table.cuestion td.enunciado {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 0px 20px 0px 20px;
}

table.cuestion td.kk {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    padding: 10px 30px 0px 40px;
}

/* ------------ */

/* CSS: Informe cuestión */

table.informeCuestion {
    width: 100%;
    border: 1px #CDCDCD solid;
}

table.informeCuestion td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 6px;
}

/* --------------------- */

/* CSS: Listas de definición */

dl.form {
    margin: 0px;
}

dl.form dt {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #777777;
    font-weight: bold;
    margin: 5px 0px 3px 0px;
}

dl.form dd {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #777777;
    font-weight: bold;
    font-style: oblique;
}

/* ------------------------- */

/* <div> ----------------------------------------------------------------------------- */

div.grupo-cuestiones {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 1px;
}

div.grupo-info {
    width: 100% -10px;
    border-width: 0px;
    border-left: 10px solid #336633;
    background-color: #E1E1E1;
}

div.cuestion-EnGrupo {
    width: 100% -10px;
    margin: 1px 0px 0px 10px;
    padding: 0px 0px 10px 0px;
    border-width: 0px;
    background-color: #F4F3F3;
}

div.cuestion {
    width: 100%;
    margin: 1px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border: 1px solid #AAA;
    background-color: #F4F3F3;
}

div.bloque-cuestiones {
    width: 100%;
    padding-left: 35px;
}

div.separador-pagina {
    width: 100%;
    padding: 2px 0px 2px 0px;
    border: 0px;
}

div.separador-paginaActivo {
    width: 100%;
    padding: 2px 0px 2px 0px;
    border-bottom: 2px solid #336633;
    margin-bottom: 10px;
}

/* </div> ---------------------------------------------------------------------------- */

/* <texts> --------------------------------------------------------------------------- */

div.cuestion p, div.cuestion-EnGrupo p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #595959;
    margin: 0px;
    padding: 10px;
}

/* </texts> -------------------------------------------------------------------------- */

/* <[o|u|d]/l> ----------------------------------------------------------------------- */

div.grupo-info dl {
    margin: 0px;
    padding: 10px;
}

div.grupo-info dl dt {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336633;
    font-weight: bold;
}

div.grupo-info dl dd {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #595959;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

div.grupo-info ul {
    margin: 0px;
    padding: 10px;
}

div.grupo-info ul li {
    display: inline;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #252525;
    margin-right: 5px;
}

div.grupo-info ul li img {
    border: 0px;
    margin: 0px 2px -4px 0px;
}

div.cuestion ul,
div.cuestion-EnGrupo ul {
    margin: 0px;
    padding: 5px 10px 0px 10px;
}

div.cuestion ul li,
div.cuestion-EnGrupo ul li {
    display: inline;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #252525;
    margin-right: 5px;
}

div.cuestion ul li img,
div.cuestion-EnGrupo ul li img {
    border: 0px;
    margin: 0px 2px -4px 0px;
}

/* </[o|u|d]/l> ---------------------------------------------------------------------- */

/* <links> --------------------------------------------------------------------------- */

div.grupo-info ul li a, div.grupo-info ul li a:link {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

div.grupo-info ul li a:visited {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

div.grupo-info ul li a:hover, div.grupo-info ul li a:focus  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: black;
}

div.cuestion ul li a, div.cuestion ul li a:link,
div.cuestion-EnGrupo ul li a, div.cuestion-EnGrupo ul li a:link
  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

div.cuestion ul li a:visited,
div.cuestion-EnGrupo ul li a:visited {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

div.cuestion ul li a:hover, div.cuestion ul li a:focus,
div.cuestion-EnGrupo ul li a:hover, div.cuestion-EnGrupo ul li a:focus
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: black;
}

div.separador-pagina a, div.separador-paginaActivo a {
    text-decoration: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

div.separador-pagina a:hover, div.separador-paginaActivo a:hover {
    text-decoration: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

div.separador-pagina a:visited, div.separador-paginaActivo a:visited {
    text-decoration: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}

/* </links> -------------------------------------------------------------------------- */

/* <forms> --------------------------------------------------------------------------- */

div.cuestion form,
div.cuestion-EnGrupo form  {
    margin: 0px;
    padding: 0px;
}

div.cuestion form option, div.cuestion form select,
div.cuestion-EnGrupo form option, div.cuestion-EnGrupo form select {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

/* </forms> -------------------------------------------------------------------------- */

/* <images> -------------------------------------------------------------------------- */

div.separador-pagina img, div.separador-paginaActivo img {
    border: 0px;
    margin: 0px 3px -2px 0px;
}
/* </images> ------------------------------------------------------------------------- */