.as-table { display:table; }
.as-row { display:table-row; }
.as-cell { display:table-cell; }

aside
{
	display:none;
	height:100%; width:275px;
	padding:0 !important;
    position:fixed; top:0; right:0; z-index:998;
    overflow:auto;
}
aside ul 
{ 
	background:#fff; 
	height:100%; 
	margin:0; 
} 

body { background:#999; }

div.frame
{
	background:#fff;
    /*background: -webkit-linear-gradient(#ffd180, #ffff8d);
    background: -o-linear-gradient(#ffd180, #ffff8d);
    background: -moz-linear-gradient(#ffd180, #ffff8d);
    background: linear-gradient(#ffd180, #ffff8d);*/
	border:3px solid #000;
	float:left;
	height:9.1cm; width:6.4cm;
	position:relative;
}

div.group
{
	display:inline-block;
	border:1px solid #000;
}

div.hab
{ 
	background:#6a1b9a; 
	color:#fafafa;
	padding:0 5px;
	position:relative;
	text-align:left;
}
div.hab p
{
	font:9px/12px 'Arial'; letter-spacing:1px; text-align:justify;
	padding:2px 0;
}
div.hab p.left
{
	font:15px/15px 'Comic Sans MS';
	padding:0 5px 5px 0;
}
div.hab p.left img { margin:-6px 0 0; }

div.img { text-align:center; }
div.img img
{ 
	max-height:128px; 
	max-width:128px; 
	vertical-align:bottom;
}

div.menu { position:fixed; top:20px; right:20px; z-index:996; }

div.res p,
p.opt
{
	background:#e1bee7;
	border-radius:2px;
 	float:left;
 	font:10px/10px 'Arial';
 	padding:1px;
    width:97.9%;
}

div.res p:not(.opt) { margin:2px 1% 0; }
p.opt { margin:2px 1% 0; }

div.res p img { vertical-align:bottom; }

div.res p i
{
 	background:#6a1b9a;
 	border-radius:50px;
 	color:#fafafa;
 	float:right;
 	height:26px; width:26px;
    font:13px 'Georgia';
    margin:-6px -6px 0 4px;
    padding:4px 0 0 4px;
}

div.res p.left { width:48%; }

.end { clear:both; }
.end-left { clear:left; }

form ul { background:white; }

h3 
{ 
	background:#6a1b9a;
	color:#fafafa;
	font:21px 'Norse Bold'; letter-spacing:1px;
	line-height:15px;
	margin:0;
	padding-top:7px;
	text-align:center;
	text-transform:uppercase; 
} 

hr { border:0 border-top:1px solid #212121; }

@media print
{
	body { background:#fff; }
	.menu { display:none; }
}

.modal { position:fixed; top:50px; z-index:998; }

p { margin:0; }

@page { margin:20px 0 0 0; size:A4; }

table 
{ 
	height:93.1%; 
	padding:0; 
	width:236px; 
}

td, th 
{ 
	padding:0; 
	vertical-align:bottom; 
}