/**************************************
 * THEME NAME: iformacion
 *
 * Files included in this sheet:
 *
 *   iformacion/isometric.css
 *   iformacion/isit.css
 **************************************/

/***** iformacion/isometric.css start *****/

/***** iformacion/isometric.css end *****/

/***** iformacion/isit.css start *****/

/**************************************
 * ESTILOS GENÉRICOS UTILIZADOS EN LOS CURSOS DE ISIT
 *
 * ESTILOS DEFINIDOS:
 *   - Pregunta interlección (AZUL)
 *   - Pregunta interlección FALLO (ROJO)
 *   - Pregunta interlección ACIERTO (VERDE)
 *   - Tarea (Azul oscuro)
 *   - Objetivo (Azul oscuro)
 *   - NOTA (AZUL)
 *   - TRUCO (VERDE)
 *   - MAS INFORMACIÓN (AZUL-OSCURO)
 *   - RECUERDE (PLATEADO)
 *   - ADVERTENCIA (NARANJA)
 *   - GUI MENU
 *   - GUI MENUITEM
 *   - GUI SUBMENU
 *   - Comando
 *   - Resaltado
 *   - Ejemplo
 **************************************/
 
 
 /***********TABLAS DE INFORMACIÓN**************/
 /**********************************************/
 /**********************************************/

 
 /*********** Definimos el marco ***************/
.marco{
  margin:10px;
  position:relative; 
  }
  
 
 /***********************************************
 Cuadro de Pregunta Interleccion
***********************************************/
table.pregunta{
  width:100%;
}

table.pregunta tr td.nort-oeste{
  background: url(pix/azul/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.pregunta tr td.norte{
  background: url(pix/azul/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.pregunta tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/pregunta.png) no-repeat;
  background-attachment:scroll;
}
table.pregunta tr td.nort-este{
  background: url(pix/azul/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.pregunta tr td.oeste{
  background: url(pix/azul/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.pregunta tr td.centro{
  background: url(pix/azul/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  color: white;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.pregunta tr td.centro a{
  color:#FF9999;
}

table.pregunta tr td.este{
  background: url(pix/azul/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.pregunta tr td.sur-oeste{
  background: url(pix/azul/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.pregunta tr td.sur{
  background: url(pix/azul/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.pregunta tr td.sur-este{
  background: url(pix/azul/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}
/***********************************************
 Pregunta Interlección FALLO
***********************************************/
table.error{
  width:100%;
}

table.error tr td.nort-oeste{
  background: url(pix/rojo/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.error tr td.norte{
  background: url(pix/rojo/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.error tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/error.png) no-repeat;
  background-attachment:scroll;
}
table.error tr td.nort-este{
  background: url(pix/rojo/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.error tr td.oeste{
  background: url(pix/rojo/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.error tr td.centro{
  background: url(pix/rojo/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  color:white;
  font-size: large;
  text-align: justify;
  valign:top;
}
table.error tr td.centro a,
table.error tr td.centro a:hover{
  color:blue;
}

table.error tr td.este{
  background: url(pix/rojo/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.error tr td.sur-oeste{
  background: url(pix/rojo/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.error tr td.sur{
  background: url(pix/rojo/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.error tr td.sur-este{
  background: url(pix/rojo/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Pregunta Interlección ACIERTO
***********************************************/
table.well{
  width:100%;
}

table.well tr td.nort-oeste{
  background: url(pix/verde/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.well tr td.norte{
  background: url(pix/verde/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.well tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/bien.png) no-repeat;
  background-attachment:scroll;
}
table.well tr td.nort-este{
  background: url(pix/verde/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.well tr td.oeste{
  background: url(pix/verde/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.well tr td.centro{
  background: url(pix/verde/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.well tr td.centro a,
table.well tr td.centro a:hover{
  color: blue;
}

table.well tr td.este{
  background: url(pix/verde/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.well tr td.sur-oeste{
  background: url(pix/verde/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.well tr td.sur{
  background: url(pix/verde/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.well tr td.sur-este{
  background: url(pix/verde/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 CSS - Cuadro de Información Azul oscuro - TAREA
***********************************************/
table.tarea {
  width:100%;
}

table.tarea tr td.nort-oeste{
  background: url(pix/azul-oscuro/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.tarea tr td.norte{
  background: url(pix/azul-oscuro/norte.png) repeat-x;
  background-position: bottom left;
  color: #583417;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.tarea tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/practica.png) no-repeat;
  background-attachment:scroll;
}
table.tarea tr td.nort-este{
  background: url(pix/azul-oscuro/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.tarea tr td.oeste{
  background: url(pix/azul-oscuro/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.tarea tr td.centro{
  background: url(pix/azul-oscuro/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  color:white;
  text-align: justify;
}
table.tarea tr td.centro p{
  color:white;
}
table.tarea tr td.centro a{
  color:#FF9999;
}

table.tarea tr td.este{
  background: url(pix/azul-oscuro/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.tarea tr td.sur-oeste{
  background: url(pix/azul-oscuro/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.tarea tr td.sur{
  background: url(pix/azul-oscuro/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.tarea tr td.sur-este{
  background: url(pix/azul-oscuro/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}
/***********************************************
 CSS - Cuadro de Información Azul oscuro - OBJETIVO
***********************************************/
table.objetivo {
  width:100%;
}

table.objetivo tr td.nort-oeste{
  background: url(pix/azul-oscuro/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.objetivo tr td.norte{
  background: url(pix/azul-oscuro/norte.png) repeat-x;
  background-position: bottom left;
  color: #583417;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.objetivo tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/diana.png) no-repeat;
  background-attachment:scroll;
}
table.objetivo tr td.nort-este{
  background: url(pix/azul-oscuro/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.objetivo tr td.oeste{
  background: url(pix/azul-oscuro/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.objetivo tr td.centro{
  background: url(pix/azul-oscuro/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  color:white;
  text-align: justify;
}
table.objetivo tr td.centro p{
  color:white;
}
table.objetivo tr td.centro a{
  color:#FF9999;
}

table.objetivo tr td.este{
  background: url(pix/azul-oscuro/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.objetivo tr td.sur-oeste{
  background: url(pix/azul-oscuro/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.objetivo tr td.sur{
  background: url(pix/azul-oscuro/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.objetivo tr td.sur-este{
  background: url(pix/azul-oscuro/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Cuadro AZUL NOTAS
***********************************************/
table.note{
  width:100%;
}

table.note tr td.nort-oeste{
  background: url(pix/azul/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.note tr td.norte{
  background: url(pix/azul/norte.png) repeat-x;
  background-position: bottom left;
  color: #00D5F7;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.note tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/nota.png) no-repeat;
  background-attachment:scroll;
}
table.note tr td.nort-este{
  background: url(pix/azul/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.note tr td.oeste{
  background: url(pix/azul/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.note tr td.centro{
  background: url(pix/azul/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  color: white;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.note tr td.centro p,
table.note tr td.centro li{
  color:white;
}
table.note tr td.centro a{
  color:#FF9999;
}

table.note tr td.este{
  background: url(pix/azul/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.note tr td.sur-oeste{
  background: url(pix/azul/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.note tr td.sur{
  background: url(pix/azul/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.note tr td.sur-este{
  background: url(pix/azul/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Cuadro VERDE Truco
***********************************************/
table.truco {
  width:100%;
}

table.truco tr td.nort-oeste{
  background: url(pix/verde/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.truco tr td.norte{
  background: url(pix/verde/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.truco tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/bombilla.png) no-repeat;
  background-attachment:scroll;
}
table.truco tr td.nort-este{
  background: url(pix/verde/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.truco tr td.oeste{
  background: url(pix/verde/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.truco tr td.centro{
  background: url(pix/verde/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
}
table.truco tr td.centro a,
table.truco tr td.centro a:hover{
  color: blue;
}

table.truco tr td.este{
  background: url(pix/verde/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.truco tr td.sur-oeste{
  background: url(pix/verde/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.truco tr td.sur{
  background: url(pix/verde/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.truco tr td.sur-este{
  background: url(pix/verde/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}




/***********************************************
 Cuadro AZUL-OSCURO Información adicional
***********************************************/
table.mas {
  width:100%;
}

table.mas  tr td.nort-oeste{
  background: url(pix/azul-oscuro/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.mas  tr td.norte{
  background: url(pix/azul-oscuro/norte.png) repeat-x;
  background-position: bottom left;
  color: #583417;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.mas  tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/mas.png) no-repeat;
  background-attachment:scroll;
}
table.mas  tr td.nort-este{
  background: url(pix/azul-oscuro/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.mas  tr td.oeste{
  background: url(pix/azul-oscuro/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.mas  tr td.centro{
  background: url(pix/azul-oscuro/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  color:white;
  text-align: justify;
}
table.mas  tr td.centro p{
  color:white;
}
table.mas  tr td.centro a{
  color:#FF9999;
}

table.mas  tr td.este{
  background: url(pix/azul-oscuro/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.mas  tr td.sur-oeste{
  background: url(pix/azul-oscuro/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.mas  tr td.sur{
  background: url(pix/azul-oscuro/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.mas  tr td.sur-este{
  background: url(pix/azul-oscuro/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

/***********************************************
 Cuadro Plateado RECUERDE
***********************************************/
table.recuerde {
  width:100%;
}

table.recuerde  tr td.nort-oeste{
  background: url(pix/plateado/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.recuerde  tr td.norte{
  background: url(pix/plateado/norte.png) repeat-x;
  background-position: bottom left;
  color: black;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.recuerde  tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/recuerde.png) no-repeat;
  background-attachment:scroll;
}
table.recuerde  tr td.nort-este{
  background: url(pix/plateado/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.recuerde  tr td.oeste{
  background: url(pix/plateado/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.recuerde  tr td.centro{
  background: url(pix/plateado/centro.png) repeat;
  background-position: top left;
  min-height:200;
  color: black;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
}
#middle-column table.silver tr td.centro a{
  color:blue;
}
table.recuerde  tr td.centro a:hover{
  text-decoration:underline;
}
table.recuerde  tr td.este{
  background: url(pix/plateado/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.recuerde  tr td.sur-oeste{
  background: url(pix/plateado/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.recuerde  tr td.sur{
  background: url(pix/plateado/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.recuerde  tr td.sur-este{
  background: url(pix/plateado/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}
/***********************************************
 Cuadro NARANJA ALERTA
***********************************************/

table.alerta {
  width:100%;
}

.marco{
  margin:10px;
  position:relative;
}

table.alerta tr td.nort-oeste{
  background: url(pix/naranja/nort-oeste.png) no-repeat;
  background-position:bottom right;
  width:20px;
  height:102px;
  valign:top;
}
table.alerta tr td.norte{
  background: url(pix/naranja/norte.png) repeat-x;
  background-position: bottom left;
  color: #7D2302;
  font-weight: bold;
  font-size: x-large;
  padding-top: 15px;
  padding-left: 128px;
  width:315px;
  height:102px;
  valign:top;
}
table.alerta tr td.norte span.imagen{
  display:block;
  width:128px;
  height:128px;
  position:absolute;
  top:15px;
  left:5px;
  background: url(pix/advertencia.png) no-repeat;
  background-attachment:scroll;
}
table.alerta tr td.nort-este{
  background: url(pix/naranja/nort-este.png) no-repeat;
  background-position: bottom left;
  width:20px;
  height:102px;
  valign:top;
}
table.alerta tr td.oeste{
  background: url(pix/naranja/oeste.png) repeat-y;
  background-position: top right;
  min-height:200;
  width:20px;
  valign:top;
}
table.alerta tr td.centro{
  background: url(pix/naranja/centro.png) repeat;
  background-position: top left;
  min-height:200;
  background-color: #E7AA05;
  padding-left:128px;
  font-size: large;
  valign:top;
  text-align: justify;
  color:#333333;
}
#middle-column table.alerta tr td a,
#middle-column table.alerta tr td a:link{
  color:#7D2302;
  font-weight:bold;
  text-decoration:underline;
}
#middle-column table.alerta a:visited{
  color:0F4400;
  text-decoration:none;
}

table.alerta tr td.este{
  background: url(pix/naranja/este.png) repeat-y;
  background-position: top left;
  width:20px;
  valign:top;
}
table.alerta tr td.sur-oeste{
  background: url(pix/naranja/sur-oeste.png) no-repeat;
  background-position: top right;
  width:20px;
  height:28px;
  valign:top;
}
table.alerta tr td.sur{
  background: url(pix/naranja/sur.png) repeat-x;
  background-position: top left;
  width:315px;
  height:28px;
  valign:top;
}
table.alerta tr td.sur-este{
  background: url(pix/naranja/sur-este.png) no-repeat;
  background-position: top left;
  width:20px;
  height:28px;
  valign:top;
}

.guimenu{
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    background-color: #DCDCDC;
    padding: 1px 3px;
    font-size: 10pt;
    border: outset 2px;
    text-decoration: none;
}

.guisubmenu{
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    background-color: #DCDCDC;
    padding: 1px 3px;
    font-size: 10pt;
    border: outset 2px;
    text-decoration: none;
}


.guimenuitem{
    color: #000099;
    font-family: helvetica, arial, sans-serif;
    background-color: #DCDCDC;
    padding: 1px 3px;
    font-size: 11pt;
    border: outset 2px;
    text-decoration: none;
    font-weight:bold;
}

.comando{
   font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
	display: run-in;
	border: thin solid #0000FF;
}

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

.ejemplo{
	font-style: italic;
}


/***** iformacion/isit.css end *****/