body{
	padding: 0px;
	margin: 0px;
	background-color: #C2BCAD;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img{
	border: none;
	padding: 0px;
}

#square{
	width: 660px;
	background-image: url(../images/square_middle_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
	z-index: 1000;
	position: absolute;
	left: 50%;
	margin-left: -324px;
	top: 10px;
	padding-bottom: 0px;
}

#square_bottom{
	width: 660px;
	height: 22px;
	background-image: url(../images/square_bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#header{
	width: 636px;
	height: 108px;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	position: relative;
	background-image: url(../images/square_top_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#header .logo{
	float: left;
}

#mainmenu{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	left: 126px;
	top: 12px;
}

#mainmenu li{
	margin-bottom: 2px;
	position: relative;
	height: 20px;
	width: 92px;
}

#mainmenu li a{
	padding-left: 8px;
	padding-right: 8px;
	width: 76px;
	height: 19px;
	line-height: 19px;
	padding-bottom: 1px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#mainmenu .active a{
	background-image: url(../images/menu_active_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}

#mainmenu .normal a:link, #mainmenu .normal a:visited{
	background-image: url(../images/menu_normal_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}

#mainmenu .normal a:hover{
	background-image: url(../images/menu_active_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}





/*	SUBMENU	*/

.submenu{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url(../images/submenu_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	position: absolute;
	width: 428px;
	display: block;
	left: 220px;
}

#submenu_progetto{
	top: 12px;
}

#submenu_spazi{
	top: 34px;
}

#submenu_contesto{
	top: 56px;
}

#submenu_vendite{
	top: 78px;
}

.submenu li{
	float: left;
	margin: 0px;
	padding: 3px 0px;
	color: #FFFFFF;
	line-height: 12px;
}

.submenu li a{
	float: left;
	height: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 2px;

	padding-left: 5px;
	padding-right: 5px;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
}

.submenu .active a, .submenu .normal a:hover{
	background-image: url(../images/submenu_active_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}




/*	IMAGES	*/

#images{
	position: relative;
	margin-top: 6px;
	width: 636px;
	margin-left: auto;
	margin-right: auto;
	height: 328px;
	background-color: #FFFFFF;
}

#images #loading{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 636px;
	height: 328px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	visibility: hidden;
}

#images ul{
	padding: 0px 15px 0px 9px;
	margin: 0px;
	list-style: none;
	position: absolute;
	right: 5px;
	bottom: 5px;
	line-height: 20px;
	background-image: url(../images/additional_bar_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}

#images ul li{
	display: inline;
	padding-left: 6px;
	color: #FFFFFF;
}

#images ul .active{
	color: #C2BCAD;
}

#images ul .normal{
	color: #FFFFFF;
}

#images ul li a:link, #images ul li a:visited{
	text-decoration: none;
}

#images ul li a:hover{
	text-decoration: underline;
}






/*	MAIN	*/

#main{
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	width: 598px;
	padding-left: 28px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	color: #666666;
}

#main .text{
	padding-left: 10px;
	background-image: url(../images/main_text_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#main p{
	padding-bottom: 10px;
	margin: 0px;
}

#main label{
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
}

#main label .asterisco{
	color: #DD2222;
}

#main .submit{
	background-color: #6F6754;
	padding: 1px;
	color: #FFFFFF;
}

#main input, #main select{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

#main ul{
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

#main a:link, #main a:visited{
	color: #666666;
}

#main a:hover{
	text-decoration: none;
}

#main ul li a:link, #main ul li a:visited{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	line-height: 12px;
}

#main ul li a:hover{
	text-decoration: none;
}

#main .links_list{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#main .links_list .title{
	color: #920000;
	padding-bottom: 16px;
}

#main .links_list li a:link, #main .links_list li a:visited{
	text-decoration: none;
	font-weight: normal;
}

#main .links_list li a:hover{
	text-decoration: underline;
}

.main_progetto{
	background-image: url(../images/progetto/progetto.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_progetto_architettura{
	background-image: url(../images/progetto_architettura/progetto_architettura.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_progetto_design{
	background-image: url(../images/progetto_design/progetto_design.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_progetto_ambiente_e_energia{
	background-image: url(../images/progetto_ambiente_e_energia/progetto_ambiente.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_progetto_benessere_e_qualita{
	background-image: url(../images/progetto_benessere_e_qualita/progetto_benessere.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_contesto{
	background-image: url(../images/contesto/contesto.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_spazi{
	background-image: url(../images/spazi/spazi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_spazi img{
	position: relative;
	left: -14px;
	top: 13px;
}

.main_contesto_posizione{
	background-image: url(../images/contesto_posizione/contesto_la_posizione.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_contesto_strutture_e_servizi{
	background-image: url(../images/contesto_strutture_e_servizi/contesto_strutture_servizi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_links{
	background-image: url(../images/links/links.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_vendite{
	background-image: url(../images/vendite/vendite.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_vendite_showroom{
	background-image: url(../images/vendite_showroom/vendite_showroom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_vendite_contatti{
	background-image: url(../images/vendite_contatti/vendite_contatti.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_vendite_newsletter{
	background-image: url(../images/vendite_newsletter/vendite_newsletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.main_clienti{
	background-image: url(../images/clienti/clienti.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*	CONTATTI e NEWSLETTER BAR	*/

#newsletter{
	z-index: 10;
	width: 49%;
	top: 449px;
	left: 0px;
	position: absolute;
	line-height: 13px;
	background-image: url(../images/additional_bar_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	padding-bottom: 2px;
}

#contatti{
	z-index: 10;
	width: 49%;
	top: 430px;
	left: 0px;
	position: absolute;
	line-height: 13px;
	background-image: url(../images/additional_bar_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	padding-bottom: 2px;
}



#contatti a, #newsletter a{
	display: block;
	width: 150px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	left: 100%;
	margin-left: -480px;
}

#clienti{
	z-index: 10;
	width: 49%;
	top: 449px;
	right: 0px;
	position: absolute;
	line-height: 13px;
	background-image: url(../images/additional_bar_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	padding-bottom: 2px;
}

#gallery_foto{
	z-index: 10;
	width: 49%;
	top: 430px;
	right: 0px;
	position: absolute;
	line-height: 13px;
	background-image: url(../images/additional_bar_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	padding-bottom: 2px;
}

#clienti a, #gallery_foto a{
	display: block;
	width: 150px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	left: 0px;
	margin-left: 340px;
}





/*	CLIENTI	*/

.error_message{
	margin: 10px;
	border: solid 3px #FF0000;
	background-color: #FF6666;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.login_panel{
	text-align: center;
}

.login_panel table{
	margin: auto auto;
}

.login_panel .login_panel_title{
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
}

.login_panel .login_panel_label{
	padding: 3px;
	text-align: right;
}

.login_panel .login_panel_value{
	padding: 3px;
	text-align: left;
}

.login_panel .login_panel_label input,
.login_panel .login_panel_value input{
	width: 200px;
}

.login_panel .login_panel_submit{
	background-color: #FFFFFF;
	padding: 3px;
}





/*	LISTA FILES	*/

.logout_button{
	float: right;
}

.lista_files{
	width: 100%;
}

.lista_files th{
	border-bottom: solid 2px #6F6754;
	text-align: left;
	padding: 2px;
}

.lista_files td{
	border-bottom: solid 1px #6F6754;
	padding: 2px;
	vertical-align: top;
}

.lista_files td a:link, .lista_files td a:visited{
	color: #6F6754;
	font-weight: bold;
	text-decoration: none;
}

.lista_files td a:hover{
	text-decoration: underline;
}

.lista_files .riga_dispari td{
	background-color: #D3CFC5;
}

.lista_files .filesize{
	font-style: italic;
	text-align: right;
}



#credits{
	position: absolute;
	right: 5px;
	bottom: 0px;
	text-decoration: none;
	font-size: 10px;
	color: #706654;
}
