/*****Rules*****/
@font-face {
    font-family: 'Handwriting - Dakota';
    src: url('font/Handwriting - Dakota.eot');
    src: local('Handwriting - Dakota'), url('font/Handwriting - Dakota.ttf') format('truetype');
    }
    
@font-face {
    font-family: 'Century Gothic';
    src: url('font/Century Gothic.eot');
    src: local('Century Gothic'), url('font/Century Gothic.ttf') format('truetype');
    }

/***** BODY *****/
body {
	background: #ffffff;
}

#content {
	background: #ffffff;
	width: 880px;
	height: 659px;
	margin-top: -330px;
	margin-left: -440px;
	border: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#logo {
	background: #ffffff url(immagini/logomaxi.png) no-repeat;
	width: 880px;
	height: 80px;
	padding-left: 0px;
	margin: 0px;
	border: 0px;
	margin-bottom: 5px;
}

#cardmargin {
	background: #e2dfd9 url(immagini/sfondo_maxi.png) no-repeat;
	width: 880px;
	height: 560px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#cardinterior {
	width: 800px;
	height: 480px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: relative;
	top: 40px;
	left: 40px;
}

/*****ELEMENTI RIQUADRO CONTENUTI *****/

#cardbody {
	width: 100%;
	height: 84%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

area:focus {
	outline: 0;
}


/*------------------------------------*/

/****** ELEMENTI RIQUADRO STATICO *****/

#cardfoot {
	width: 100%;
	height: 16%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/***** elementi riquadro di sinistra *****/

#staticlink {
	width: 49%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

#companystate {
	height: 15px;
	position: relative;
	top: 45%;
	left: 10%;
}

#companystate span {
	font-size: 10;
	font-family: 'Century Gothic';
	margin: 0px;
	color: #979693;
}

#staticmenu {
	list-style: none;
	overflow: hidden;
	width: 90%;
	margin: 0%;
	float: right;
}

#staticmenu li {
	display: inline;
}

#staticmenu a {
	display: block;
	float: left;
	padding-top: 3%;
	margin-right: 50px;
	font-size: 10;
	font-family: 'Century Gothic';
	text-align: left;
	text-decoration: none;
	color: #979693;
}

#staticmenu a:hover {
	color: #ffffff;
}

/**************************************/

/***** elementi destra (navigazione) *****/

#button {
	width: 51%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
} 

#buttonlist {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0px;
	float: right;
}

#buttonlist li {
	display: inline;
}

#buttonlist a {
	display: block;
	float: left;
	width: 131px;
	height: 80px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 1px;
	font-size: 10;
	font-family: verdana;
	text-align: left;
	text-decoration: none;
}

#button1 {
	background: url(immagini/bottone_maxicard_bianco_grigio.png) no-repeat;
}

#button2 {
	background: url(immagini/bottone_maxicomm_bianco_grigio.png) no-repeat;
}

#button3 {
	background: url(immagini/bottone_maxilogo_bianco_grigio.png) no-repeat;
}

#button1:hover {
	background: url(immagini/bottone_maxicard_bianco_arancione.png) no-repeat;
}

#button2:hover {
	background: url(immagini/bottone_maxicomm_bianco_verde.png) no-repeat;
}

#button3:hover {
	background: url(immagini/bottone_maxilogo_bianco_nero.png) no-repeat;
}

/*************************************/

/*------------------------------------*/