/**
 *
 */

html, body {
	margin:0;
	padding:0;
	text-align: center;
	background: #fff url('top.gif') repeat-x;
	font-family: Arial;
	color: #123456;
}


.str {
	display:none;
}
.clr {
	display:block;
	clear:both;
}


/*
 * Larghezza dell'applicazione.
 */
h1,
#navi,
#container,
#footer
{width:1000px;}

/*
 * Titolazione H1 con sostituzione d'immagine per il titolo.
 */
h1 {
	position:relative;
	
	display:block;
	height:89px;
	
	margin: 0 auto 0 auto;
	
	text-align: left;
	font-size:7px;
	background: url(vic.gif) bottom right no-repeat;
}
h1 span {
	position:absolute;
	top:0;
	left:0;
	
	display:block;
	width:313px;
	height:89px;
	
	background: url(estimate.gif) -28px bottom no-repeat;
}



/*
 * TabMenu
 */
#navi {
	margin: auto;
	display:block;
	height:77px;
	background: url(mm1_sf.jpg) 0 48px no-repeat;
}

/* Menu Principale */
#mm1 {
	margin: 0 auto 0 auto;
	padding:0;
	list-style: none;
	
	display:block;
	width:522px;
	height:48px;
}
#mm1 li {
	display: inline;
}
#mm1 li a {
	position:relative;
	margin-top:16px;
	
	display:block;
	width:102px;
	height:33px;
	
	float:left;
	
	background: url(tab_menu_small.gif) no-repeat;
	
	font-family: Arial;
	font-size: 10pt;
	color: #a1a0a0;
	text-decoration: none;
	font-weight:bold;
}

#mm1 li a:hover {
	color: #4f4f4f;
	font-weight:bold;
}


#mm1 li a span {
	display:block;
	width:100%;
	/*width:102px;*/
	height:20px;
	
	position:absolute;
	top:12px;
	left:0;
}


/* Elementi centrali */
#navi #mm1 li a {				background-position: -106px 0; }
#navi #mm1 li a.active {		background-position: -106px -33px; }

/* Elemento di sinistra */
#navi #mm1 li.left a {			width:106px; background-position: 0 0; }
#navi #mm1 li.left a.active {	background-position: 0 -33px; }

/* Elemento di destra */
#navi #mm1 li.right a {			width:107px; background-position: -208px 0; }
#navi #mm1 li.right a.active {	background-position: -208px -33px; }


/* Definizione del tab selezionato in base alla sola classe del genitore del menu. */
#navi.store_contacts #mm1 li#store_contacts.left a 	{ background-position: 0 -33px; color: #4f4f4f; }
#navi.store_estimates #mm1 li#store_estimates a,
#navi.store_settings #mm1 li#store_settings a,
#navi.store_utilities #mm1 li#store_utilities a		{ background-position: -106px -33px; color: #4f4f4f; }
#navi.mm1_e #mm1 li#mm1_e.right a					{ background-position: -208px -33px; color: #4f4f4f; }


/* Submenu */
#mm2 {
	display:block;
	margin:0;
	padding:0;
	list-style: none;
	text-align: left;
}
#navi.store_contacts #mm2 { margin-left: 262px; }
#navi.store_estimates #mm2 { margin-left: 366px; }
#navi.store_settings #mm2 { margin-left: 466px; }
#navi.store_utilities #mm2 { margin-left: 568px; }
#navi.mm1_e #mm2 { margin-left: 672px; }

#mm2 li {
	display:inline;
}
#mm2 li a {
	display:block;
	float:left;
	color: #4f4f4f;
	color: #a1a0a0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	font-weight: plain;
	padding: 7px 25px 0 0;
}

#mm2 li a:hover, #mm2 li.active a {
	color: #4f4f4f;
	/*font-weight:bold;*/
}

/*
 * Contenuto finestra principale.
 */
#container {
	margin:auto;
	text-align: left;
	
	background:#fff url(cnt_sf.jpg) center;
	border-bottom: 1px solid #d0d0d0;
}




/*
 * Footer di pagina
 */
#footer {
	margin:auto;
	background: url(mm1_sf.jpg) 0 -1px no-repeat;
	text-align: right;
	height: 50px;
}
#footer ul {
	margin:0;
	padding:0;
	list-style: none;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	display:block;
	float:right;
	color: #a1a0a0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	padding: 9px 10px 0 20px;
}
#footer ul li a:hover {
	
	color: #4f4f4f;
}





/*
 * Definizione degli elementi interni alla struttura del layout.
 */
#cnt {
	padding:10px;
}