#splash {
	width:703px;
	height:346px;
	margin:0 auto;
}

#panelReel {
	position: absolute;
	top: 0;
	left: 0;
}

#panelReel > * {
	position:relative;
	display:block;
	width: 790px;
	height:560px;
	}

#activity {
	width: 790px;
	height:560px;
	
	/*Estas propiedades pueden modificarse si llegase a ser necesario*/	
	margin:auto;
	overflow:hidden;
	border: 4px dashed;	
}
/* Sección 1 */
#introduccion { width: 790px; height: 560px; background: #f3f3f3; }
#introduccion p { color: #333; text-align: left; padding: 1em 3em; background: #f5f5f5;}
#introduccion .referencia {display: block; text-align: center; margin: 1.5em auto;}
#introduccion .navegacion {display: block; text-align: center; margin: 2em auto;}
#introduccion .referencia .poster {border-radius: 12px;}
#introduccion a.vinculos { text-decoration: none !important; padding: 5px; width: 120px; height: 40px; background: #8BA537; color: #fff; font-family: 'trade'; font-size: 16px; text-align: center; line-height: 40px; border-radius: 5px; cursor: pointer; margin: 0 1em;}
#introduccion .button { text-decoration: none !important; } 

/* Sección 2 */
#poster {display: block; clear: both; float: none; background: #fff; width: 770px; height: 540px; text-align: center; padding: 10px;}
#poster * {font-family: 'trade'; font-size: 16px; color: #333;}
#poster .resaltado {color: #000; }
#poster .mensaje {display: block; clear: both; float: none; }
#poster .encabezado { display: block; clear: both; float: none; background: #EFB02A; width: 770px; height: 100px;  }

#poster .titulo { display: block; clear: both; float: none; width: 770px; height: 30px; margin: 0px; padding: 6px; }
#poster .autores { display: block; clear: both; float: none; width: 770px; height: 30px; margin: 0px; padding: 6px; }

#poster .columna_uno {display: inline-block; float: left; background: #fff; width: 243.33px; height: 420px;  margin-right: 10px}
#poster .columna_dos {display: inline-block; float: left; background: #fff; width: 243.33px; height: 420px; margin: 10px;}
#poster .columna_tres {display: inline-block; float: left; background: #fff; width: 243.33px; height: 420px; margin-left: 10px;  }

#poster .introduccion { display: block; clear: both; float: none; background: #fff; width: 219.33px; height: 246px; margin: 10px 0; padding: 12px;}  
#poster .conclusiones { display: block; clear: both; float: none; background: #fff; width: 219.33px; height: 246px; margin: 10px 0; padding: 12px;} 
#poster .metodologia {display: block; clear: both; float: none; background: #fff; width: 219.33px; height: 116px; margin: 10px 0; padding: 12px;}  
#poster .bibliografia {display: block; clear: both; float: none; background: #fff; width: 219.33px; height: 116px; margin: 10px 0; padding: 12px;}  

#poster .introduccion { background: #92BE49; }
#poster .conclusiones { background: #D3ABA9; }
#poster .metodologia { background: #FFF735; }
#poster .bibliografia { background: #DE4A45;}
#poster .resultados { height: 396px; background: #D0D9B0; padding: 12px; }
#cover {position: absolute; width: 1000px; height: 1000px; display: block; background: rgba(0,0,0,.3); top: -11%; left: 0;}


/* Sección 3 */
div.verificar { background: #f5f5f5; height: 560px; position: relative;  }
div.verificar div#mini-lightbox {position: absolute; width: 1000px; height: 1000px; display: block; background: rgba(0,0,0,.3); top: -11%; left: 0;}
div.posicionar-tabla {position: absolute; top: 10%; width: 790px; height: 560px;  }
table.formulario {width: 450px; margin: 1em auto; border-collapse: collapse; box-shadow: 0 3px 5px 0 #333; border-radius: 3px; }
table.formulario tr {vertical-align: middle; }
table.formulario tr.par { background: #8BA537; }
table.formulario tr.non {  background: #99AB3C; }
table.formulario  td.nombre {width: 350px; padding: 0.5em; font-size: 16px; font-family: 'trade'; }
table.formulario  td.casilla {width: 50px; text-align: center; padding: 0.5em;}

/* Diálogo */
#acierto { font-family:'trade' !important; font-size:16px; box-shadow: 0 5px 10px 0 #333; }
#acierto { background: #3399cc; border-radius: 5px; }
#acierto p {font-weight: normal; color: #fff; }

#mensaje { font-family:'trade' !important; font-size:16px; box-shadow: 0 5px 10px 0 #333; }
#mensaje { background: #f0f0f0; border-radius: 5px; }
#mensaje p {font-weight: normal; color: #131313; margin: 0.5em 0; }
#mensaje .message-link {font-size: 16px; font-family: 'trade'; text-decoration: none; color: blue;}

.ui-dialog {padding: 0 !important; background: transparent !important; border: 1px solid transparent !important;}
.ui-dialog-titlebar { background: transparent !important; border: none !important; } 
.ui-widget-header button { width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; background: url('../img/cerrar.png') !important; z-index: 10 !important; right: -5px !important; top: 11px !important;}
.ui-icon-closethick { display: none !important; }
.ui-button { background: transparent !important; color: transparent !important; border: none !important; }
.ui-widget-overlay { background: transparent; opacity: 0; }

*:focus, :focus {outline: 0;}