body{
	font-family: 'Lato','Arial';
		font-size:14px;
	-webkit-transform:translate3d(0, 0, 0);	
		}
	
#tuotteet{
	display: block;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}

#LastModified{
	float: right;
	margin-right:10px;
	font-size: 12px;
	text-align:right;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p{
	 line-height: 19px;
	}
table { 
	text-indent: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 20px;
	width: 99%;
 }
table  td:first-child {
	
	width:240px;
}
table td:last-child, th:last-child {
	min-width:45px;
	text-align:right;
}

table td:nth-child(4), table th:nth-child(4){
	text-align:right;
	}
 
th {
color: #CA0F10;
	padding: 10px 0 2px;
	text-align:left;
	font-weight: bold;
	border-bottom: 1px dashed #ddd;
}

tr:hover td{
color: #fff;
background:#3d0000;
}

td { line-height: 20px;
padding:2px 0px; }

h2{
	color: #710016;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 22px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #000;
}

@media only screen and (max-width: 600px) {
#LastModified{

	font-size: 10px;

}

td:nth-child(2), th:nth-child(2) {
	display: none; 
  	width:0;
    height:0;
    opacity:0;
    visibility: collapse;
 	}

}

@media only screen and (max-width: 479px) {
body, p{
	font: normal 10.5px 'Droid Sans', Arial, Helvetica, sans-serif;}

table  td:first-child {
	width:155px;
}
td:nth-child(2), th:nth-child(2) {
 display: none; 
  width:0;
   height:0;
   opacity:0;
   visibility: collapse;
 }
h2{
	color: #710016;
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
}



}