h1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS';
	text-align: center;
	padding-top: 15px;
	padding-bottom:15px;
}

#divInstruccion {
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
	text-align: justify;
	border: 1px solid black; 
	background-color: #efefef; 
	width:85%;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:10px;
}

#divEjemplo {
	FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
	text-align: justify;
	width:85%;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:10px;
}

#divInstruccion h2, #divEjemplo h2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: Arial
}

#divEjemplo h3 {
    FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
    COLOR: midnightblue;    
	padding-bottom:5px;
	margin:0;
}

.divQuestion {
	width:85%;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:left;
	background-color: #efefef;
	font-size: 10pt;
	border: 1px solid black;
	font-family: Arial;
	color: black;
}

.divQuestion  h2 {
	font-size: 12pt;	
}

.divOptions div {
	border: 1px solid black; 
	width:35px; 
	height:35px;
	text-align:center; 
	float:left;
	color:blue;
	font-size:13pt;
	cursor:pointer;
	padding-top:10px;
	margin-right:15px;
}
.optNoSelected { 
	background-color:#efefef;
}
.optSelected {
	background-color:yellow;
}

html>body .divOptions[id] div {
	height:25px;
}

.divOptions[id] div .spaceRight {
	margin-right:10px;
}

.divSentences {
	text-align:justify;
	font-size: 13pt;
	cursor:pointer;
}

.divSentences .palabra {
	font-weight: bold;
	color:black;
}
.divSentences .incognita {
	color:blue;
}

.good {
	color: green;
}

.bad {
	color : red;
}

/**
 * Reglas para el contenedor de la prueba. una prueba consta de:
 * -title
 * -options
 * -sentences
 */
 div .test {
	width:620px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:left;
	background-color: #efefef;
	font-size: 10pt;
	font-family: Arial;
	color: black;
	margin:0 auto;
}

html>body div .test {
	width:600px;
}

div .test  h2 {
	font-size: 12pt;	
}

/** 
 * Reglas para el div que contiene las opciones
 */
div .options div {
	border: 1px solid black; 
	width:35px; 
	height:35px;
	text-align:center; 
	float:left;
	color:blue;
	font-size:13pt;
	cursor:pointer;
	padding-top:10px;
	margin-right:15px;
}
.optNoSelected { 
	background-color:#efefef;
}
.optSelected {
	background-color:yellow;
}

html>body div .options div { /*Esto es xq FF tiene que reducir espacio si se uso padding*/
	height:25px;
}

/**
 * Reglas para el div que contienen las sentencias. 
 */
div .contentSentences {
	text-align:justify;
	font-size: 13pt;
	cursor:pointer;
}
div .contentSentences ol {
	list-style-type:none; 	
	margin-left:0;
}
html>body div .contentSentences ol { /*Este hack es por que IE no pone el paddin al tag (ol) */
	padding-left:0px;
}

div .contentSentences li {
	margin-bottom:10px;
}

div .contentSentences .palabra {
	font-weight: bold;
	color:black;
}
div .contentSentences .incognita {
	color:blue;
}

.cursorIncognitaNormal {
	cursor:pointer;
}

.cursorIncognitaHelp {
	cursor:help;
}