select,input
{
	padding:0;
	margin:0;
	font-size:1rem;
	width:10rem;
}

span
{
	display:inline-block;
	font-size:1rem;
	line-height:1.4rem;
	padding:0;
	margin:0;
}


table.calc
{
	background-color:white;
	clear:left;
	width:0%;
}

table.calc td
{
	text-align:center;
	padding:0.1rem;
	font-size:0.9rem;
	font-weight:bold;
}


.spanner
{
	display:block;
	width:100%;
	padding:0;
	margin:0.5rem 0;
	clear:left;
}


.choicebox
{
	display:block;
	border:solid 1px blue;
	margin:0 0 0.5rem 0;
	padding:0;
	display:table-cell;
	float:left;
}

.tablechoice
{
	padding:0 0 0 1rem;
	display:table-cell;
	vertical-align:top;
}

.choicebox p
{
	padding:0;
	margin:0 0 0.3rem 0;
	font-size:1rem;
	line-height:1rem;
	text-align:center;
}

.radiobox
{
	display:block;
	position:relative;
	vertical-align:middle;
	border-bottom:solid 1px blue;
	border-collapse:collapse;
	width:100%;
}

.radiobox img
{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	margin:0;
	padding:0;
	margin-left:8%;
}

.radiobox p
{
	display:inline-block;
	width:35%;
	vertical-align:middle;
	font-size:0.9rem;
	line-height:1rem;
}

.radiobox input
{
	display:inline-block;
	position:absolute;
	left:0;
	width:8%;
	height:100%;
}

p.number
{
	margin:0;
	padding-left:2px;
	display:inline-block;;
	width:2%;
	vertical-align:middle;
	text-align:left;
}

#result1span,#result2span,#result3span,#T4t_finaldiatomi
{
	margin:0.5rem 0;	
	padding:0.2rem;
	font-size:1.1rem;
	color:rgb(17,15,125);
	//text-decoration:underline;
	border: solid 2px red;
}


@media only screen and (min-width:60rem)
{
	
	
}