body {
	background-color: #F5F0E7;
	font-family: Arial Narrow,'Oswald',Helvetica,Sans-Serif;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: -10px;
}
table {
	background-color: #E9DEC8;
}

.start {
	background-color: #F5F0E7;
}

.textbox{
	background-color:#E9DEC8;
	border:none;
	color:#E9DEC8;
	text-align:center;
	font-family:Arial, Helvetica, sans-serifl;
	font-style: italic;
	font-size:16px;
	font-weight: bold;
}

.menu_sfondo {
  background: url(./images_brown/menu_sfondo.gif);
  height: 113px;
  width: 100%;
}


/*MENU ORIZZONTALE*/
#menu_or {list-style-type:none; margin:0; padding:0; width: 900px; height: 108px;} /* margins for this demo only */

#menu_or li {float:left; padding:0; margin:0 0px 0 0; position:relative; width:150px; height:108px; z-index:100;}
#menu_or li a, #menu_or li a:visited {text-decoration:none;}

#menu_or dl {position:absolute; top:0; left:0; width: 150px; margin: 0; padding: 0;}
#menu_or dt {background: transparent; margin:0 0 0 0; border-bottom:0px solid #fff; width:150px; float:left;}
#menu_or li dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; text-align:left;}
#menu_or li dd.first {}

#menu_or dl dt a{height: 110px; text-align: center;}
#menu_or dl dt a.text{height: 28px; background: transparent;}
#menu_or dl dt a.img{height: 80px;}

#menu_or dt a, #menu_or dt a:visited {display:block; color:#FFF; padding: 0; width:150px; font-size: 17px; font-weight: bold; line-height: 29px;}
#menu_or dd a, #menu_or dd a:visited {background: url('./images_brown/sfondo_sottomenu_index.gif'); color:#ffffff; text-decoration:none; display:block; padding:4px 5px 4px 5px; width:200px; font-weight: bold;}
#menu_or li dt a.img img{border: 0;}

#menu_or li a:hover {border:0;}

/*#menu li:hover dd, #menu li a:hover dd {display:block;}*/
#menu_or li:hover dl, #menu_or li a:hover dl {width:150px;}
#menu_or li dd a:hover{background: url('./images_brown/sfondo_sottomenu_index_hover.gif'); color: #FFF;}
#menu_or li dt a.text:hover{background: url("./images_brown/btn_applicazioni_hover.jpg") no-repeat; color: #ffffff;}
#menu_or li dt a.img:hover{background: transparent url("./images_brown/menu_sfondo_img_hover.jpg") no-repeat;}
/*#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #e2dfa8; color:#534;}*/


/* PULSANTE catalogo */
.catalogo {
	/* background: url(./immagini/catalogo.button/CATALOGO_b.gif) no-repeat; */
	width: 200px;
	height: 80px;
	display: block;
}

.catalogo:hover {
	 /* background: url(./immagini/catalogo.button/CATALOGO_f2_b.gif) no-repeat; */
	 display: block;
	 
}
/* PULSANTE contatti */
.contatti{
	background: url(./immagini/contatti.button/contatti_b.gif) no-repeat;
    background-position:top center;
	/*width: 240px;*/
	height: 95px;
	display: block;
}
.contatti:hover {
	background: url(./immagini/contatti.button/contatti_f2_b.gif) no-repeat;
	background-position:top center;

}
/*fine pulsante contatti */
/* PULSANTE download */
.download{
	/* background: url(./immagini/download.button/download_b.gif) no-repeat; */
    background-position:top center;
	width: 200px;
	height: 80px;
	display: block;	
}
.download:hover {
	/* background: url(./immagini/download.button/download_f2_b.gif) no-repeat; */
	background-position:top center;
}
/*fine pulsante download */
/* PULSANTE note */
.note{
	/*background: url(./immagini/note.button/note.button1.gif) no-repeat; */
    background-position:top center;
	width: 200px;
	height: 80px;
	display: block;
}
.note:hover {
	/* background: url(./immagini/note.button/note.button2_b.gif) no-repeat; */
	background-position:top center;
}
/*fine pulsante note */

/* PULSANTE clienti*/
.btn_clienti {
	height: 18px;
	width: 220px;
    background: url(./images_brown/btn_applicazioni.jpg) no-repeat;
    color: #ffffff;
	font-weight: bold;
	font-size: 18px;
 	text-decoration: none;
    vertical-align: middle;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 5px 0;	
}

/* PULSANTE data*/
.btn_data {
	height: 18px;
	width: 226px;
    background: url(./images_brown/btn_applicazioni.jpg) repeat-x;
    color: #ffffff;
	font-weight: bold;
	font-size: 18px;
 	text-decoration: none;
    vertical-align: middle;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 30px;
}

/* PULSANTE area riservata*/
a.btn_area, a.btn_area-active {
	height: 22px;
	background: url(./images_brown/btn_area_hover.jpg) no-repeat;
    color: #564423;
	font-weight: bold;
	font-size: 18px;
 	text-decoration: none;
    vertical-align: middle;
	text-align: center;
	display: block;
}
a.btn_area:hover {
	 background: url(./images_brown/btn_area.jpg) no-repeat;
	 color: #ffffff;
}
.btn_area, .btn_area-active {
	height: 22px;
	background: url(./images_brown/btn_area_hover.jpg) no-repeat;
    color: #564423;
	font-weight: bold;
	font-size: 18px;
 	text-decoration: none;
    vertical-align: middle;
	text-align: center;
	display: block;
	cursor:pointer;
}
.btn_area:hover {
	 background: url(./images_brown/btn_area.jpg) no-repeat;
	 color: #ffffff;
}
/*fine pulsante area riservata*/

/* PULSANTE applicazioni*/
a.btn_applicazioni, a.btn_applicazioni-active {
	height: 28px;
	background: url(./images_brown/btn_applicazioni.jpg) no-repeat;
    color: #ffffff;
	font-weight: bold;
	font-size: 18px;
 	text-decoration: none;
    vertical-align: middle;
	text-align: center;
	display: block;
}
a.btn_applicazioni:hover {
	 background: url(./images_brown/btn_applicazioni_hover.jpg) no-repeat;
	 color: #000000;
}
/*fine pulsante applicazioni */

/* COLONNA DX*/
#coldx #spi_ext_modello, #spi_ext_gruppo{
	width: 140px;
}
#coldx #codice_cliente, #codice_cima{
	width: 200px;
	margin-bottom: 7px;
	margin-top: 3px;
}
#coldx #password, #coldx #password_cima{
	width: 140px
}
#coldx form{
	margin-bottom: 6px;
}
/* fine COLONNA DX*/

/*footer
per modificare l'altezza bisogna apportare le seguenti modifiche (1) + modificare css sfondo presente in td del menu
per modificare il font size bisogna apportare le seguenti modifiche (2)*/
#footer {
	/*position: fixed;*/
	bottom: 7px;
	/*width: 100%;*/
	text-align: center;
	/*background-color: red;*/
	margin-right: 5px;
	line-height: 100%;
	z-index: 100;
	/*display: block;
	overflow: auto;*/
	margin-top: 10px;
}
#footer ul{
	margin: 0;
	padding: 0;
}
#footer ul#menu{
	float: left;
	/*width: 240px;*/
	height: 26px; /*(1)*/
}
#footer ul#menu li{
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
}
#footer ul#menu li a{
	padding-right: 32px;
	padding-left: 32px;
	font-weight: bold;
	display: block;
}
.btn7 {
    color: #ffffff;
	font-size: 15px; /*(2)*/
	text-decoration: none;
    vertical-align: middle;
    line-height: 26px; /*(1)*/
}
.btn7:hover {
	background: url(./images_brown/sfondo_sottomenu_index_hover.gif) repeat-x center;/*(1)*/
	color: #ffffff;
}    	
#footer ul#languages{
	float: left;
	height: 22px;	/*(1)*/
	margin-top: 4px;	/*(1)*/
}
#footer #languages li{
	margin-left: 15px;
	float: left;
	list-style: none;
}
#footer #languages li a{
	margin: 0;
	padding: 0;
	height: 18px;
	line-height: 18px;
	display: block;	
}
/* PULSANTE footer flag finto*/
#footer .flag{
	width: 29px;
	height: 18px;
	margin: 0;
	padding: 0;
}
/* PULSANTE footer flag ita*/
#footer .flag_it{
	width: 29px;
	height: 18px;
	background: url(./images/ita.gif) no-repeat;
	margin: 0;
	padding: 0;
}
/*fine pulsante flag ita*/
/* PULSANTE footer flag eng*/
#footer .flag_en{
	width: 29px;
	height: 18px;
	background: url(./images/eng.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag ger*/
#footer .flag_ted{
	width: 29px;
	height: 18px;
	background: url(./images/ger.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag ger*/
/*fine pulsante footer flag fra*/
#footer .flag_fra{
	width: 29px;
	height: 18px;
	background: url(./images/fra.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag fra*/
/*fine pulsante footer flag spa*/
#footer .flag_spa{
	width: 29px;
	height: 18px;
	background: url(./images/spa.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag spa*/
/*fine pulsante footer flag por*/
#footer .flag_por{
	width: 29px;
	height: 18px;
	background: url(./images/por.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag por*/
/*fine pulsante footer flag rus*/
#footer .flag_rus{
	width: 29px;
	height: 18px;
	background: url(./images/rus.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag rus*/
/*fine pulsante footer flag chi*/
#footer .flag_chi{
	width: 29px;
	height: 18px;
	background: url(./images/chi.gif) no-repeat;
	margin: 0;
	padding: 0;	
}
/*fine pulsante footer flag chi*/

#txtorologio{
	font-size: 18px;
}
.footer_first {
	margin: 0px; 
	border: 1px double #333; 
	background: #F5F0E7;
}

.footer_contatti {
 height: 26px; 
 background: url(./images_brown/barra_contatti.gif) repeat; 
 border: 1px double #333;
}

.footer_orologio {
	height:26px; 
	background: url(./images_brown/barra_contatti.gif) repeat; 
	border: 1px double #333; 
	text-align: center; 
	color: #FFF; 
	font-weight: bold;
}
/*fine footer*/