﻿div#navigation
{
	width: 724px;
	height: 24px;
	margin: 0;
	padding: 0;
}
div#navigation ul
{
	float: left;
	width: 724px;
	list-style: none;
	height: 24px;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
div#navigation li
{
	margin: 0;
	padding: 0;
	width: 108px;
	display: inline-block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	height: 20px;
	background-image: url(img/sfondo_navigation.gif);
	background-repeat: repeat-x;
	padding-top: 4px;
}
div#navigation a
{
	color: #FFFFFF;
	text-decoration: none;
}
div#navigation a:hover
{
	color: yellow;
	text-decoration: none;
}

div#navigation li.puzzle-sel
{
	background-image: url(img/sfondo_navigation-sel.gif);
}

div#navigation li.puzzle
{
	margin: 0px;
	padding: 0px;
	width: 15px;
	float: left;
	height: 24px;
}

div#navigation li.puzzle-sx
{
	background-image: url(img/puzzle-sx.gif);
}
div#navigation li.puzzle-dx
{
	background-image: url(img/puzzle-dx.gif);
}
div#navigation li.puzzle-sx-selsx
{
	background-image: url(img/puzzle-sx-selsx.gif);
}
div#navigation li.puzzle-sx-seldx
{
	background-image: url(img/puzzle-sx-seldx.gif);
}
div#navigation li.puzzle-dx-selsx
{
	background-image: url(img/puzzle-dx-selsx.gif);
}
div#navigation li.puzzle-dx-seldx
{
	background-image: url(img/puzzle-dx-seldx.gif);
}

