body	{
	 font-family: 	sans-serif;
	 font-size	:	12px	;
	 }
 

#mensaje
	{
	position	:	absolute	;
	left	:	0	;
	top	:	0	;
	background	:	rgba(0, 0, 0, 0.4)	;
	text-align	:	center	;
	width	:	100%	;
	height	:	100%	;
	display	:	table	;
	color	:	white	;
	}

#mensaje span
	{	
	vertical-align	:	middle	;
	display	:	table-cell	;
	font-weight	:	bold	;
	}

#mensaje div
{
	position	:	absolute	;
	top	:	0	;
	right	:	0	;
	margin	:	5px	;
	cursor	:	pointer	;
}



a.dialogo > div
{
	position	:	fixed	;
	top	:	0;
	background	:	white;
}

a.dialogo[data-visible = 'sí'] > div
{
	display: table
}
		
a.dialogo[data-visible = 'no'] > div
{
	display: none
}


.dialogo
{
	position	:	fixed	;
	top	:	0;
	background	:	white;
}

.dialogo[data-visible = 'sí']
{
	display: table
}
		
.dialogo[data-visible = 'no']
{
	display: none
}


td ul
{
	margin	:	0	;
}

.barra
{
	position	: 	sticky	;
	top		:	0			;
	background	:	white	;
	width		:	100%		;
	float		:	left		;
	margin	:	0			;
	padding-top	:	5px			;
	padding-bottom	:	5px			;
}

.barra form
{
	float	:	left	;
}

.barra form:last-child
{
	float	:	right	;
}


a:link	{
	text-decoration:	none;
	color:	rgb(55, 145, 185);
}

a:visited	{
	color:	rgb(55, 145, 185);
}

a:hover	{
	color: rgb(238, 86, 53);
}

.vinculo {
	color		:	rgb(55, 145, 185)	;
	cursor	:	pointer	;
}

.vinculo:hover	{
	color: rgb(238, 86, 53);
}

.vinculo.extendido	{
	padding	:	1em	;
	border	:	1px dotted	;
	
}

.copiar	{
	cursor	:	copy	;
	font-family	:	monospace	;
	border	:	dotted 1px	;
	text-align	:	center	;
	transition	:	background	0.2s	;
}

.copiar:active	{
	background	:	#eee		;
	border		:	solid 1px	;
}

.centrar	{
	margin	:	0	;
	position	:	absolute	;
	top	:	50%	;
	left	:	50%	;
	transform	:	translate(-50%, -50%)	;
}