@font-face {
    font-family: 'tangram'; 
    src: url('fuentes/Tangram-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tangrami'; 
    src: url('fuentes/Tangrami-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
BODY {
BACKGROUND-COLOR: #ffffff;
padding: 0px;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #ffffff;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #ffffff;
font-family: Arial, Verdana, sans-serif; 
color: #270079;
height:100%; 

}
TABLE.cabeza {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
TABLE.cabeza TD {
	BACKGROUND-COLOR: #ffffff;
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left; 
}
TABLE.central {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
}
TABLE.control {
	width: 100%;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-COLLAPSE: collapse; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	text-align: center;
}
TABLE.control TD{
	BORDER-BOTTOM: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left; 
}
TABLE.control TD.control_header {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px;
}
TABLE.control TD.control_header_align_left {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
}
TABLE.control TD.control_header_align_right {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: right;
}
TABLE.control TD.control_header_align_center {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: center;
}
TABLE.control TD.control_align_center {
	TEXT-ALIGN: center
}
TABLE.control TD.control_align_right {
	TEXT-ALIGN: right
}
TABLE.control TD.control_tooltip {
	HEIGHT: 31px; 
	VERTICAL-ALIGN: middle;
}
TABLE.inner_control {
	BORDER-COLLAPSE: collapse; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
	background-color: #FFFFFF; 
}

TABLE.lista_datos {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-RIGHT: 0px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
	background-color: #FFFFFF; 				
}
TABLE.inner_control TR.inner_control_borde_top {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-RIGHT: 0px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left; 
}
TABLE.inner_control TR.inner_control_borde_full {
	BORDER-BOTTOM: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-RIGHT: #000000 1px solid;  
	BORDER-TOP: #000000 1px solid; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left; 
}
TABLE.inner_control TD {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left; 
}
TABLE.inner_control TD.inner_control_borde_right {
	BORDER-BOTTOM:#000000 1px solid; 
	BORDER-LEFT: 0px; 
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: 0px; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	WIDTH: 80%; 
}
TABLE.inner_control TD.inner_control_header_align_left {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
}
TABLE.inner_control TD.inner_control_header_align_right {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: right
}
TABLE.inner_control TD.inner_control_align_right {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: right
}
TABLE.inner_control TD.inner_control_align_left {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
}
TABLE.inner_control TD.inner_control_align_center {
	TEXT-ALIGN: center
}
TABLE.inner_control TD.inner_control_bordes {
	BORDER-BOTTOM: #E6DCFF 1px solid; 
	BORDER-LEFT: #000000 0px solid; 
	BORDER-RIGHT: #000000 0px solid; 
	BORDER-TOP: #E6DCFF 1px solid; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
}
TABLE.inner_control_grid {
	BORDER-COLLAPSE: collapse; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	WIDTH: 100%; 

}
TABLE.inner_control_grid TD {
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left;
}
TABLE.inner_control_grid TD.inner_control_grid_header {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px;
}
TABLE.inner_control_grid TD.inner_control_grid_align_right {
	TEXT-ALIGN: right;
}
TABLE.inner_control_grid TD.inner_control_grid_align_center {
	TEXT-ALIGN: center;
}
TABLE.diagram {
	BORDER-COLLAPSE: collapse; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
}
TABLE.diagram TD {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
}
TABLE.opciones {
	BORDER-BOTTOM: #FFFFFF 2px solid; 
	BORDER-LEFT: #FFFFFF 2px solid; 
	BORDER-RIGHT: #FFFFFF 2px solid; 
	BORDER-TOP: #FFFFFF 2px solid; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
}
TABLE.opciones TR {
	BORDER-BOTTOM: #FFFFFF 3px solid; 
	BORDER-LEFT: #FFFFFF 3px solid; 
	BORDER-RIGHT: #FFFFFF 3px solid; 
	BORDER-TOP: #FFFFFF 3px solid; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
}
TABLE.opciones TD {
	BORDER-BOTTOM: #FFFFFF 3px solid; 
	BORDER-LEFT: #FFFFFF 3px solid; 
	BORDER-RIGHT: #FFFFFF 3px solid; 
	BORDER-TOP: #FFFFFF 3px solid; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
}
TABLE.opciones TR.opciones_cabecera {
	background-color:#D01B00; 
	BORDER-BOTTOM: #FFFFFF 3px solid; 
	BORDER-LEFT: #FFFFFF 3px solid; 
	BORDER-RIGHT: #FFFFFF 3px solid; 
	BORDER-TOP: #FFFFFF 3px solid; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: center;
	COLOR:#FFFFFF;
}
TABLE.opciones TR.opciones_no_autor {
	BORDER-BOTTOM: #FFFFFF 3px solid; 
	BORDER-LEFT: #FFFFFF 3px solid; 
	BORDER-RIGHT: #FFFFFF 3px solid; 
	BORDER-TOP: #FFFFFF 3px solid; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: left;
	COLOR:#000000;
}
TABLE.warn_invoice {
	BORDER-COLLAPSE: collapse; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	WIDTH: 70%; 
}
TABLE.warn_invoice TD {
	BORDER-BOTTOM: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left; 
}
TABLE.warn_invoice TD.warn_invoice_align_right {
	TEXT-ALIGN: right
}
TABLE.warn_invoice TD.warn_invoice_align_center {
	TEXT-ALIGN: center
}
TABLE.warn_invoice TD.warn_invoice_header {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px;
}
TABLE.warn_invoice TD.warn_invoice_header_align_right {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: right;
}
TABLE.warn_invoice TD.warn_invoice_header_align_center {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: center;
}
.label_font {
	font-family: Arial, Verdana, sans-serif;		
	FONT-SIZE: 10pt;
}
A {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 13pt;
	COLOR: #0000ff;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_comentar:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 10pt;
	COLOR: #040950; 
	TEXT-DECORATION: none;
}
A.enlace_comentar:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_opciones:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none;

}
A.enlace_opciones:hover {
    COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_grande:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 15pt;
	TEXT-DECORATION: underline;
}
A.enlace_grande:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_icono:link {
	BACKGROUND-COLOR: #E6DCFF;
	FONT-FAMILY: Courier, Verdana, sans-serif; 
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none;
}
A.enlace_grande_icono:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: none;
}
A.grande_icono_rosa:link {
	background-color: #ffffff;
	padding:5px; 
	margin:5px;
	font-family: Courier, sans-serif;
	font-size: 26px; 
	font-weight: bold;
	color: #040950;
	display:inline-block;
}
A.grande_icono_naranja:link {
	background-color: orange;
	padding:5px; 
	margin:5px;
	font-family: Courier, sans-serif;
	font-size: 26px; 
	font-weight: bold;
	color: #040950;
	display:inline-block;
}
A.grande_icono_rosa:hover {
	color:#fff;
	background-color: #f90;
	TEXT-DECORATION: none;
}
A.mediano_icono_rosa:link {
	background-color: #ffffff;
	padding:3px; 
	margin:3px;
	font-family: Courier, sans-serif;
	font-size: 15px; 
	font-weight: bold;
	color: #040950;
	display:inline-block;
}
A.mediano_icono_rosa:hover {
	color:#fff;
	background-color: #f90;
	TEXT-DECORATION: none;
}
A.enlace_chico_acertada:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 10pt;
	COLOR: #41A600; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_acertada:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_menu_superior:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
	COLOR: #040950; 
}
A.enlace_menu_superior:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_acertada:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 15pt;
	COLOR: #41A600; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_acertada:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_fallada:link {
	background-color: transparent; 
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 10pt;
	COLOR: #D01B00; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_fallada:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_fallada:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 15pt;
	COLOR: #D01B00; 
	TEXT-DECORATION: none;
}
A.enlace_grande_fallada:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_fallada:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 15pt;
	COLOR: #D01B00; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_fallada:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_incompleta:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 10pt;
	COLOR: #FFB823; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_incompleta:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_incompleta:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 15pt;
	COLOR: #FFB823; 
	TEXT-DECORATION: underline;
}
A.enlace_grande_incompleta:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_pagina:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	COLOR: #040950; 
}
A.enlace_chico_pagina:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_chico_imagen:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 7pt;
	COLOR: #040950; 
}
A.enlace_chico_imagen:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_chico:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 11pt;
	COLOR: #040950; 
}
A.enlace_chico:hover {
	COLOR: #0000ff; 
	background-color: #f90;
}
A.enlace_menu:link {
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	COLOR: #040950; 
}
A.enlace_menu:hover {
	COLOR: #0000ff; 
	TEXT-DECORATION: underline;
}
A.enlace_boton:link {
	background-color: #E6DCFF;
	color: #270079;
	text-decoration:none;
	padding:10px 12px;
	display:block;
	font-size: 100%;
}
A.enlace_boton:hover {
    color:#fff;
    background-color: #f90;
}
TABLE.inner_header {
	BORDER-COLLAPSE: collapse; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
}
TABLE.inner_header TD {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px;
}
TABLE.inner_header TD.inner_links {
        TEXT-ALIGN: right;
}
.formulario > div {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}
.formulario label {
	font-family:Verdana, Geneva, sans-serif;
	display: inline-block;
	cursor: pointer;
	color: #0074D9;
	position: relative;
	padding: 5px 15px 5px 51px;
	font-size: 1em;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.formulario label:hover {
	background: rgba(0, 116, 217, 0.1);
}
.formulario label:before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 15px;
	border-radius: 50%;
	background: none;
	border: 3px solid #0074D9;
}
.formulario input[type='radio'] {
  display: none;
}
.formulario input[type='radio']:checked + label:before {
  display: none;
}
.formulario input[type='radio']:checked + label {
  padding: 5px 15px;
  background: #0074D9;
  border-radius: 2px;
  color: #fff;
}
.formulario .checkbox label:before {
  border-radius: 3px;
}
.formulario .checkbox input[type='checkbox'] {
  display: none;
}
.formulario .checkbox input[type='checkbox']:checked + label:before {
  display: none;
}
.formulario .checkbox input[type='checkbox']:checked + label {
  background: #0074D9;
  color: #fff;
  padding: 25px 15px;
}
formulario_crear_partida{
	font-family: Arial, Verdana, sans-serif;
	display: inline-block;
	cursor: pointer;
	color: #0074D9;
	position: relative;
	padding: 5px 5px 5px 5px;
	font-size: 2em;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.formulario_crear_partida label {
	background:  #ffffff; 
	font-size: 18pt; 
}
.formulario_crear_partida label.mayor5:hover {
	color:#fff;
	background-color: #0074D9;
}
.formulario_crear_partida label:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 15px;
	border-radius: 0%;
	border: 5px solid #0074D9;
}
.formulario_crear_partida input[type='radio'] {
	display: inline-block; 
	height:0px; width:0px;
}
.formulario_crear_partida input[type='radio']:checked + label:before {
   display:none;
}
.formulario_crear_partida input[type='radio']:checked + label.mayor5 {
	padding: 5px 5px;
	background: #0074D9;
	border-radius: 2px;
	color: #fff;
	display: inline-block; 
}
.formulario_crear_partida input[type='checkbox'] {
	display: inline-block; 
	height:0px; width:0px;
}
.formulario_crear_partida input[type='checkbox']:checked + label:before {
	display: inline-block; 
}
.formulario_crear_partida input[type='checkbox']:checked + label {
	padding: 5px 5px;
	background: #0074D9;
	border-radius: 2px;
	color: #fff;
	display: inline-block; 
}
.formulario_serie > div {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.formulario_serie label {
	font-family: Courier, Geneva, sans-serif;
	display: inline-block;
	cursor: pointer;
	color: #0074D9;
	position: relative;
	padding: 5px 10px 5px 10px;
	font-size: 2em;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.formulario_serie label:hover {
  background: rgba(0, 116, 217, 0.1);
}
.formulario_serie label:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 15px;
  border-radius: 0%;
  background: none;
  border: 0px solid #0074D9;
}
.formulario_serie input[type='radio'] {
  display: none;
}
.formulario_serie input[type='radio']:checked + label:before {
  display: none;
}
.formulario_serie input[type='radio']:checked + label {
  padding: 5px 10px;
  background: #0074D9;
  border-radius: 2px;
  color: #fff;
}
.formulario_serie .checkbox label:before {
  border-radius: 3px;
}
.formulario_serie .checkbox input[type='checkbox'] {
  display: none;
}
.formulario_serie .checkbox input[type='checkbox']:checked + label:before {
  display: none;
}
.formulario_serie .checkbox input[type='checkbox']:checked + label {
  background: #0074D9;
  color: #fff;
  padding: 5px 15px;
}
.cabecera {
	BACKGROUND-COLOR: #ffffff;      
	padding:5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.cabecera_nueva {
	BACKGROUND-COLOR: #ffffff;      
	padding:1px;
	margin:1px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.super_cabecera {
	BACKGROUND-COLOR: #E6DCFF;      
	padding:5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.cabecera_usuario {
	BACKGROUND-COLOR: #ffffff;
	padding:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.bordear{  
	padding: 5px;
	margin: 5px;
	height:auto;
	font-size:10px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	border:1px solid #556677;
	border-radius:3px;
	border-top:hidden;
	border-left:hidden
}
.bordear_todo{  
	padding: 5px;
	margin: 5px;
	height:auto;
	font-size:10px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	border:1px solid #556677;
	border-radius:3px;
}
.bordear_solo{  
  padding: 5px;
  margin: 5px;
  height:auto;
  color: #040950;
  border:1px solid #556677;
  border-radius:3px;
}
.bordear_it{  
  padding: 5px;
  margin: 5px;
  height:auto;
  font-size:10px;
  font-family: Arial, Verdana, sans-serif;
  color: #040950;
  border:1px solid #556677;
  border-radius:3px;
  border-bottom:hidden;
  border-right:hidden
}
.cabecera_chica {
	BACKGROUND-COLOR: #ffffff;
	padding:5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.titulo {
	BACKGROUND-COLOR: #E6DCFF;
	padding: 2px;
	margin:2px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 5px;
}
.titulo_cab {
	BACKGROUND-COLOR: #E6DCFF;
	padding: 5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 9px;
	margin-left: 4rem;
}
.titulo_acertada_txt {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #41A600;
	text-decoration: blink;
}
.titulo_fallada_txt {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #D01B00;
	text-decoration: blink;
}
.titulo_incompleta_txt {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #FFB823;
	text-decoration: blink;
}
.super_titulo {
	BACKGROUND-COLOR: #E6DCFF;
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_icono {
	BACKGROUND-COLOR: #E6DCFF; 
	padding: 5px;
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #040950;
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_icono_rosa {
	BACKGROUND-COLOR: #ffffff; 
	padding: 3px;
	margin:3px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	color: #040950;
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_icono_acertado {
	BACKGROUND-COLOR: #41A600; 
	padding: 5px;
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #040950; 
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_acertada {
	BACKGROUND-COLOR: #E6DCFF; 
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #41A600;
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_fallada {
	BACKGROUND-COLOR: #E6DCFF; 
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #D01B00;
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_incompleta {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #FFB823;
	text-decoration: blink;
	margin-top: 10px;
}
.super_titulo_icono_fallado {
	BACKGROUND-COLOR: #E6DCFF; 
	padding: 5px;
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #D01B00;
	text-decoration: blink;
	margin-top: 10px;
}
.super_ranking {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 10px;
}
.super_ranking_acertada {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #41A600;
	text-decoration: blink;
	margin-top: 10px;
}
.super_ranking_fallada {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #D01B00;
	text-decoration: blink;
	margin-top: 10px;
}
.super_ranking_incompleta {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #FFB823;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_blanco {
	BACKGROUND-COLOR: white;
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin: 3px;
}
.titulo_blanco_letra_negra {
	BACKGROUND-COLOR: #E6DCFF;
	padding: 5px;
	margin:5px;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_rojo_letra_blanca {
	BACKGROUND-COLOR: #D01B00;
	padding: 5px;
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_verde_letra_blanca {
	BACKGROUND-COLOR: #41A600;
	padding: 5px;
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_verde {
	BACKGROUND-COLOR: #41A600;
	padding: 5px;
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_rojo {
	BACKGROUND-COLOR: #D01B00;
	padding: 5px;
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_rojo_advertencia {
	BACKGROUND-COLOR: #D01B00;
	padding: 5px;
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #fff;
	text-decoration: blink;
	margin-top: 10px;
}
.titulo_naranja {
	BACKGROUND-COLOR: #FFB823;
	padding: 5px;
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	margin-top: 10px;
}
.subtitulo {
	BACKGROUND-COLOR: #E6DCFF;
	padding:2px; 
	margin:2px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_icono {
	BACKGROUND-COLOR: #E6DCFF;
	padding:5px; 
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	line-height: 2; 
	display:inline-block;
}
.subtitulo_rosa {
	BACKGROUND-COLOR: #fff;
	padding:3px; 
	margin:3px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_azul {
	BACKGROUND-COLOR: blue;
	padding:5px; 
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_trans {
	padding:3px; 
	margin:3px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_amarillo {
	BACKGROUND-COLOR: #FFFF00;
	padding:5px; 
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_rosa_lista {
	BACKGROUND-COLOR: #ffffff;
	padding:10px; 
	margin:10px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_rosa_cabecera {
	BACKGROUND-COLOR: #ffffff;
	padding:2px; 
	margin:2px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_rosa_icono {
	BACKGROUND-COLOR: #ffffff;
	padding:5px; 
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	line-height: 2; 
	display:inline-block;
}
.subtitulo_rosa_cab {
	BACKGROUND-COLOR: #ffffff;
	padding:5px; 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.temas_rosa {
	BACKGROUND-COLOR: #ffffff;
	padding:3px;
	line-height: 2; 
	margin-right:10px;
	font-family: courier, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: blink;
}
.contenedor {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 15pt; 
	background-color:#E6DCFF;
}
.contenedor .hovering {
	background-color:#b6d6fb;
}
.palabras_rosa {
	BACKGROUND-COLOR: #ffffff;
	padding:3px;
	line-height: 1; 
	margin-right:3px;
	font-family: courier, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: blink;
}
.pistas_rosa  {
	BACKGROUND-COLOR: #ffffff;
	padding:5px; 
	margin:5px;
	line-height: 2; 
     font-family: Arial, Verdana, sans-serif; 
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.subtitulo_frase_tab_3 {
	font-family: Courier, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #E6DCFF;	
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	width:70%; 
	font-size:13px; 
	margin:10px auto; 	
	color: #003366;
}
.subtitulo_cursiva {
	BACKGROUND-COLOR: #E6DCFF;
	padding:4px; 
     font-family: Arial, Verdana, sans-serif; 
	font-size: 10px;
	font-style: oblique;
	color: #003366;
}
.titulo_tabla {
	BACKGROUND-COLOR: #ffffff;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.pie {
	padding:5px; 
	margin:5px;
	BACKGROUND-COLOR: #ffffff;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
.pie_grande {
	BACKGROUND-COLOR: #ffffff;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
}
div#panel_tangram {
	width:95%;
	padding:5px; 
	margin:5px;
	overflow:hidden;
}
div#padre {
	width:95%;
	padding:5px; 
	margin:5px;
	overflow:hidden;
	display:block;
}
div#padre100 {
	width:100%;
	padding:2px; 
	margin:2px;
	overflow:hidden;
}
div#padrecab {
	overflow:hidden;
}
div#left {
	float:left;
}
div#right {
	float:right;
}
.padrecab {
	overflow:hidden;
}
.left {
	float:left;
}
.right {
	float:right;
}
.padrecito {
	overflow:visible;
}
.hijito_i {
	float:left;
}
.hijito_d{
	float:right;
}
div#centro {
	float:left;
}
#txt_area_lectura{
	box-sizing: border-box;
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	width:89%; 
	font-size:15px; 
	margin:2px auto; 
	display:block; 
	border-radius:4px; 
	border:3px solid #556677; 
	font-family: Courier, Arial, Verdana, sans-serif;
	color: #040950;
	resize:none;
}
.txt_area_lectura_2{
	box-sizing: border-box;
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	width:99%; 
	font-size:15px; 
	margin:2px auto; 
	display:block; 
	border-radius:2px; 
	border:3px solid #556677; 
	font-family: Courier, Arial, Verdana, sans-serif;
	color: #040950;
	height: auto;
}
.txt_area_lectura_iconos_gestos{
	box-sizing: border-box;
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	min-width:90%; 
	font-size:14px; 
	margin:2px auto; 
	display:block; 
	border-radius:4px; 
	border:3px solid #556677; 
	font-family: Courier, verdana, sans-serif;
	color: #040950;
	resize:none;
}
.txt_area_escritura{
	box-sizing: border-box;
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px; 
	width:90%; 
	font-size:17px; 
	margin-top:5px; 
	margin-bottom:5px; 
	display:block; 
	border-radius:4px; 
	border:3px solid #556677; 
	font-family: Courier, tangrami;
	color: #040950;
}
.fecha_chica {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 7pt;
}
.cabecera_tabla_chica {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
}
.label_div_icono {
	FONT-FAMILY: Courier, sans-serif; 
	FONT-SIZE: 25pt;
	text-align: center;
}
.label_div_serie {
	font-family: Courier; 
	FONT-SIZE: 14pt;
	text-align: left;
}
.label_div_op_serie {
	font-family: Courier; 
	FONT-SIZE: 14pt;
	text-align: center;
}
.label_div_op_serie_solucion {
	font-family: Courier; 
	FONT-SIZE: 14pt;
	text-align: left;
}
.label_span_icono {
	font-family: Courier; 
	FONT-SIZE: 25pt;
}
.texto_div {
	padding: 10px;
	margin:10px;
	FONT-FAMILY: Courier; 
	FONT-SIZE: 11pt;
	color: #040950;
}
.frase_div{
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	font-size:17px; 
	margin:5px;
	border:1px solid #556677; 
	border-radius:1px;
	font-family: Courier;
}
.frase_div_icono{
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	font-size:17px; 
	margin:5px;
	border:1px solid #556677; 
	border-radius:1px;
	font-family: Courier, sans-serif;
}	
.icono {
	padding:5px; 
	margin:5px;
	FONT-FAMILY: Courier, Verdana, sans-serif; 
	FONT-SIZE: 13pt;	
	color: #040950;
	font-weight: bold;
}
.pregunta_icono {
	padding:5px; 
	margin:5px;
	FONT-FAMILY: Courier, Verdana, sans-serif; 
	FONT-SIZE: 13pt;	
	color: #040950;
}
.frase_jugada_div {
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 15pt;	
	color: #1F00A2;
}
.lista_div {
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
}
.label_div {
	padding:5px; 
	margin:5px;
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
}
.txt_temas {
	padding:5px; 
	margin:5px;
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 14pt;
}
.label_div_datos_ranking_grande {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 14pt;
	color: #040950;
}
.label_div_frase_acertada_grande {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	color: #41A600;
}
.label_div_frase_acertada_editada {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	color: #41A600;
}
.label_div_frase_fallada_editada {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	color: #D01B00;
}
.label_div_frase_incompleta_editada {
	padding: 5px;
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	color: #FFB823;
}
.label_div_frase_fallada {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
	color: #D01B00;
}
.label_div_frase_acertada {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
	color: #41A600;
}
.label_palabra_acertada {
	FONT-FAMILY: courier, Arial, Verdana, sans-serif; 
	FONT-SIZE: 14pt;
	color: #41A600;
}
.label_div_frase_incompleta {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 9pt;
	color: #FFB823;
}
.label_div_serie_acertada {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 14pt;
	color: #41A600;
}
.label_span {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 7pt;
}
.label_span_font_pagina {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
}
.label_span_frase_fallada {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 7pt;
	color: #D01B00;
}
.label_span_frase_acertada {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 7pt;
	color: #41A600;
}
.label_span_frase_incompleta {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 7pt;
	color: #FFB823;
}
.link_imagen {
	padding:5px; 
	margin:5px;
}
.span_pagina_seleccionada {
	FONT-FAMILY: Courier, Arial, Verdana, sans-serif; 
	FONT-SIZE: 17pt;
	color: #D01B00;
}
.span_palabra_seleccionada {
	FONT-FAMILY: Courier, Arial, Verdana, sans-serif; 
	FONT-SIZE: 17pt;
	color: #D01B00;
}
.span_frase_fallada {
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	color: #D01B00;
}
.span_frase_acertada {
	padding:5px; 
	margin:5px;
	FONT-FAMILY: Arial, Verdana, sans-serif; 
	FONT-SIZE: 12pt;
	color: #41A600;
}
.span_frase_incompleta {
		padding:5px; 
		margin:5px;
		FONT-FAMILY: Arial, Verdana, sans-serif; 
		FONT-SIZE: 12pt;
		color: #FFB823;
}
.div_serie_fallada {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	margin:5px;
	border:3px solid #556677; 
	border-radius:5px;
	font-family: courier, Arial, Verdana, sans-serif;
	font-size: 16pt;
	color: #D01B00;
}
.div_serie_acertada {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	margin:5px;
	border:3px solid #556677; 
	border-radius:5px;
	font-family: courier, Arial, Verdana, sans-serif;
	font-size: 16pt;
	color: #040950;
}
.div_serie_incompleta {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	margin:5px;
	border:3px solid #556677; 
	border-radius:5px;
	font-family: courier, Arial, Verdana, sans-serif;
	font-size: 16pt;
	color: #FFB823;
}
.label_span_autor_cursiva {
     font-family: Arial, Verdana, sans-serif; 
	font-size: 14px;
	font-style: oblique;
	color: #003366;
}
.label_span_autor_cursiva_chico {
	padding:3px; 
	margin:3px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 10px;
	font-style: oblique;
	color: #003366;
}
.label_span_pregunta_cursiva_chico {
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 11px;
	font-style: oblique;
	color: #003366;
}
.label_span_pregunta_cursiva_mediano {
	padding:5px; 
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 15px;
	font-style: oblique;
	color: #003366;
}
.label_span_pregunta_cursiva_frase {
	padding:5px; 
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 17px;
	font-style: oblique;
	color: #003366;
}
.label_span_pregunta_cursiva_series {
	padding:5px; 
	margin:5px;
     font-family: Arial, Verdana, sans-serif; 
	font-size: 13px;
	font-style: oblique;
	color: #003366;
}
.label_span_pregunta_iconos {
	padding:5px; 
	margin:5px;
	font-family: Courier, Helvetica, sans-serif;
	font-size: 15px;
	color: #003366;
}
.label_div_pagina {
	font-family: Arial, Verdana, sans-serif; 
	FONT-SIZE: 14pt;
}
.div_opciones{
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 30px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	width:290px; 
	height:64px;
	font-size:12px; 
	margin:10px auto; 
	border-radius:4px; 
	border:3px solid #556677; 
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
}
.dato_marco {
	border:1px solid #556677; 
	border-radius:4px;
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	font-size: 9pt;
}
.datos {
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	font-size: 9pt;
}
.datos_chiquititos {
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	font-size: 9pt;
}
.datos_autor_chico {
	padding:5px; 
	margin:5px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	font-size: 7pt;
}
.lista_temas {
	padding:2px;
	font-family: Arial, Verdana, sans-serif;
	color: #040950;
	font-size: 9pt;
}
.nombre {
	font-family: Arial, Verdana, sans-serif;
	color: #D01B00;
	font-size: 12pt;
}
.etiqueta {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: #040950;
}
.etiqueta_14 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 14pt;
		color: #040950;
}
.etiqueta_14_blanca {
		font-family: Arial, Verdana, sans-serif;
		font-size: 14pt;
		color: white;
}
.etiqueta_12_blanca {
		font-family: Arial, Verdana, sans-serif;
		font-size: 12pt;
		color: white;
}
.etiqueta_9_blanca {
		font-family: Courier, Arial, Verdana, sans-serif;
		font-size: 9pt;
		color: white;
}
.frase_lista_chica {
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	PADDING-TOP: 3px; 
	margin:5px;
	border:3px solid #556677; 
	border-radius:2px;
	font-family: courier, Arial, Verdana, sans-serif;
	font-size: 11pt;
	color: #040950;
}
.frase_lista_13 {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	margin:5px;
	border:3px solid #556677; 
	border-radius:5px;
	font-family: courier, Arial, Verdana, sans-serif;
	font-size: 13pt;
	color: #040950;
}
.div_serie_14 {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px; 
	margin:5px;
	border:3px solid #556677; 
	border-radius:5px;
	font-family: courier, Arial, Verdana, sans-serif;
	font-size: 16pt;
	color: #040950;
}
.link_pequena {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #0000ff;
}
div.cabecera2	{
	font-family: Arial, Verdana, sans-serif; 
	color: #003366;
	font-size: 40pt; 
	text-decoration: none;
}
.input_icono {
	font-family: Courier, sans-serif;
	font-size:23px; 
	height:45px;
	width:99px; 
	text-align:center;
}
.input_icono_patrones {
	font-family: Courier, sans-serif;
	font-size:19px; 
	text-align:center; 
	height:28px;
	width:50px; 
	text-align:center;
}
.opciones_icono_patrones {
	font-family: Courier, sans-serif;
	font-size:19px; 
}
.input_icono_lista {
	background-color: #E6DCFF;
	font-family: Courier, sans-serif;
	font-size: 26px; 
	text-align: center; 
	height:45px;
	width:99px; 
	text-align:center;
}
.boton_icono_lista {
	background-color: #ffffff;
	padding:5px; 
	margin:5px;
	font-family: Courier, sans-serif;
	font-size: 26px; 
	font-weight: bold;
	color: #040950;
	text-align: center; 
	height:45px;
	width:99px; 
}
.boton_ver_partidas {
	background-color: #E6DCFF;
	padding:5px; 
	margin:5px;
	font-family: Courier, sans-serif;
	font-size: 17px; 
	color: #040950;
	text-align: center; 
}
.boton_chico {
	background-color: #E6DCFF;
	padding:5px; 
	margin:5px;
	font-family: Courier, sans-serif;
	font-size: 14px; 
	color: #040950;
	text-align: center; 
}
.boton_grande {
	background-color: #E6DCFF;
	padding:5px; 
	margin:5px;
	font-family: Courier, sans-serif;
	font-size: 29px; 
	color: #040950;
	text-align: center; 
}

input.boton_jugar_activado, .button { 
	background-color: #E6DCFF; 
	padding:5px; 
	margin:5px;
	font-size: 21px; 
	color: #040950;
	text-align: center; 
	width:80%;
	cursor:pointer; 
	font-family: Courier, Tahoma, Arial, tangrami; 
} 
input.boton_jugar_activado:hover, .button:hover{ 
	background:#41A600; 
	color:#fff; 
 	cursor:pointer; 
	font-family: Courier, Tahoma, Arial, tangrami;
} 
input.boton_jugar_desactivado, .button { 
	background-color: #E6DCFF; 
	padding:5px; 
	margin:5px;
	font-size: 21px; 
	color: #D01B00;
	text-align: center; 
	width:80%;
	cursor:pointer; 
	font-family: Courier, Tahoma, Arial, tangrami; 
} 
input.boton_jugar_desactivado:hover, .button:hover{ 
	background: #D01B00; 
	color:#fff; 
 	cursor:pointer; 
	font-family: Courier, Tahoma, Arial, tangrami;
} 
.input_serie {
	font-size:20px; 
	text-align:center; 
	height:35px; width:100px; 
}
.input_nombre {
	font-size:15px; 
	text-align:left; 
	height:35px; width:75%; 
}
.input_profesion {
	font-size:12px; 
	text-align:left; 
	height:35px; width:60%; 
}
.input_siglo {
	font-size:12px; 
	text-align:left; 
	height:35px; width:25%; 
}
.input_nacionalidad {
	font-size:12px; 
	text-align:left; 
	height:35px; width:50%; 
}
.inputstyle {
	font-family: tangrami; 
	font-size: 15pt; 
	background-color: #00FF00;
}
.input_temas_chico {
	font-family: tangrami; 
	font-size: 7pt; 
	background-color: #ffffff;
}
.input_tiempo {
	font-family: Verdana; 
	font-size: 13pt; 
	margin-top:10px; 
	background-color: #ffffff;
}
.input_palabra {
	padding:0px;
	margin:0px;	
	font-family: tangrami; 
	font-size: 15pt; 
	background-color: #fda; 
	display:inline-block; 	
}

BODY.signup_body {
        MARGIN: 0px; 
		
}
/* comienza el menu superior */
* {
	margin:0px;
	padding:0px;
}
#header {
	width:100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt; 
}
#botonera {
	width:100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt; 
}
ul, ol {
	list-style:none;
}
.nav > li {
	float:left;
}
.nav li a {
	background-color: #E6DCFF;
	color: #270079;
	text-decoration:none;
	padding:10px 12px;
	display:block;
	font-size: 100%;
}
.nav li div {
	background-color: #E6DCFF;
	color: #270079;
	text-decoration:none;
	padding:10px 12px;
	display:block;
}
.nav li a:hover {
    color:#fff;
    background-color: #f90;
}
#botonera_partida .nav li ul {
	display:none;
	position:absolute;
}
#botonera_partida .nav li ul li ul {
	top:0px;
}
.nav li ul {
	display:none;
	position:absolute;
	min-width:140px;
}
.nav li:hover > ul {
	display:block;
}

.nav li ul li {
	position:relative;
}
.nav li ul li ul {
	right:-140px;
	top:0px;
}
/* termina el menu superior */
/* comienza el menu lateral */
input#abrir-cerrar {
    visibility:hidden;
    position: absolute;
    top: -9999px;
}
label[for='abrir-cerrar'] {
    cursor:pointer;
    padding: 0.5rem;
    background-color:#ffffff;
    color:#fff;
    display:inline-block;
    width:100%;
}
.fondo_cabecera {
	BACKGROUND-COLOR: #ffffff;      
	padding: 0.5rem;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	color: #003366;
	text-decoration: blink;
	width:96.1%;
}
.cerrar {
    display:none;
}
#sidebar {
    width:0;
}
input#abrir-cerrar:checked ~ #sidebar {
    width:125px;
}
input#abrir-cerrar:checked + label[for='abrir-cerrar'], input#abrir-cerrar:checked ~ #contenido {
    margin-left:125px;
    transition: margin-left .4s;
}
input#abrir-cerrar:checked + label[for='abrir-cerrar'] .cerrar {
    display:inline;
}

input#abrir-cerrar:checked + label[for='abrir-cerrar'] .abrir {
    display:none;
}
.sidebar {
    position: fixed;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #00324b;
    overflow-x: hidden;
    transition: 0.4s;
    padding: 1rem 0;
    box-sizing:border-box;
}
.sidebar .boton-cerrar {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 2rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    vertical-align: top;
}
.sidebar ul, .sidebar li{
    margin:5px;
    padding:5px;
    list-style:none inside;
}
.sidebar ul {
    margin: 4rem auto;
    display: block;
    width: 95%;
    min-width:150px;
}
.sidebar a {
    display: block;
    font-size: 100%;
    color: #eee;
    text-decoration: none;
}
.sidebar a:hover{
    color:#fff;
    background-color: #f90;
}
h1 {
    color:#000;
    font-size:180%;
    font-weight:normal;
}
#contenido {
	    margin-left:0;

    transition: whidth .4s;
    padding-top: 0.1rem; 
	padding-left: 0.1rem; 
	min-height: 100%;
	min-width: 100%;  
}

.abrir-cerrar {
    color: #2E88C7;
    font-size:1rem;   
}


/* fin del menu lateral */


#p1 {
	display:none;

 
	
}
#p2 {
		display:none;


	
}

#timer	{
	margin: 10px auto 0;
	width:250px;
	display:inline-block;
	}
#timer	.container	{
	display:inline-block;
	background:#777;
	color:#eee;
	font-weight:bold;
	width:100%;
	text-align:center;
	text-shadow:1px 1px 4px #999;
}
#timer.container div	{
	display:inline-block;
	font-size:15px;
	padding:5px;
	width:20px;
	}
#timer.container.divider	{
	width:10px;
	color:#ddd;
	}
#btn-comenzar	{
	box-sizing:border-box;
	background:#eee;
	border:none;
	margin:0 auto;
	padding:10px;
	width:100%;
	font-size:15px;
	color:#777;
	}
#btn-comenzar:hover	{
	background:#fff;
	}
.la_iconos {
	padding:0px;
	margin:0px;	
	font-family: Courier; 
	font-size: 13pt; 
	background-color: #fff; 
	display:inline-block;
	text-align:center; 	
	}
	
	
#caja_tiempo {
	
	cursor: none;
	pointer-events: none;  
   
}

#suggestions_f_pd {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 300px;
}
#suggestions_f_pd .suggest-element-f_pd {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
	font-size:9px;
	    z-index: 9999;
}
#suggestions_pd {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 206px;
}
#suggestions_pd .suggest-element_pd {
	background-color: #EEEEEE;
	border-top: 1px solid #d6d4d4;
	cursor: pointer;
	padding: 8px;
	width: 100%;
	float: left;
	font-size:9px;
	z-index: 9999;
}
#suggestions {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 206px;
}
#suggestions .suggest-element {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
	font-size:9px;
}
#suggestions_f {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 300px;
}
#suggestions_f .suggest-element-f {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
	font-size:9px;
	    z-index: 9999;
}
#suggestions_p {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 300px;
}
#suggestions_p .suggest-element-p {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
	font-size:9px;
}
#suggestions_t_pd {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 300px;
}
#suggestions_t_pd .suggest-element-t_pd {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
	font-size:9px;
}
#suggestions_s_pd {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    position: relative;
    top: 15px;
    z-index: 9999;
    width: 300px;
}
#suggestions_s_pd .suggest-element-s_pd {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
	font-size:9px;
}
.no-dividir {
  white-space: nowrap; /* Evita que el contenido se divida en varias líneas */
}	
.small-button {
font-size: 10px;
padding: 2px 4px;
border-radius: 5px;
color: #333;
border: none;
cursor: pointer;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);

}