@charset "utf-8";
/* reset all elements */

html, body {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}


h1, h2, h3, h4, h5, h6, address {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
}

table, caption, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

hr {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

iframe {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
}

form, fieldset, input, button, select, optgroup, option, textarea,
label, legend {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br,
ins, del, a, img, object {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
}

img {
	margin-left:auto;
	margin-right:auto;	
}

div.body {
	position:relative;
}

#print {
    display: block;
	position:absolute;
	top:10px;
	right:10px;
}
.zoom {
	display:none;
}

@media screen and (max-width: 419px) {
	div.body img {
		width:100%;
		height:auto;
	}
	#print img {
		display:none;
	}
	.zoom {
		display: block;
	}
	.zoom a {
		display: block;
		text-align: center;
		background: #A78E7B;
		color: #FFF;
		text-decoration: none;
		margin: 0px auto;
		padding: 10px;
		width: 6em;
		border-radius: 3px;
		font-weight: bold;
	}
}

@media print {
	#print {
		display:none;
	}
}