@media all and (max-width: 500px) {

body
{
	padding: 0px ;
	margin: 0px ;
}

.main
{
	max-width: 100% ;
	padding: 4px ;
	font-size: smaller ;
}

body#main .main .menu-main
{
	background-image: url('/images/site/main-small.png') ;
	background-position: center ;
}

ul
{
	padding-left: 16px ;
}

.header-top
{
	height: 16pt ;
}

img
{
	width: 100% ;
	height: 100% ;
}

.image-right, .image-left, .image-thumbnail
{
	float: none ;
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 4pt ;
	margin-bottom: 4pt ;
	max-width: 90% ;
	padding: 4px 4px 0px 4px ;
}

body#main .main .menu-main
{
	width: 100% ;
}

a span
{
	display: none ;
}

}