/* stili generali*/
body 			{background:url(../images/bg.gif) center; margin:0px; padding:0px; vertical-align:top; height:100%; padding-bottom:40px}
body, div, td	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333}
img				{border:0px}
table			{border-collapse:collapse;border-spacing:0px;}
td				{padding:0px;}
a				{text-decoration:none; font-weight:bold}
a:hover			{text-decoration:underline}
form			{margin:0; padding:0;}
input			{border:1px solid #979898; background-color:#EDEDED; font-size:10px}
select, textarea  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
textarea {border:1px solid #DCDCDC}

/* contenitore principale*/
#main_ombra		{width:778px; text-align:left; padding:4px 0;} /*div per gestire l'ombra*/
#main			{width:762px; margin:0px 4px;}

/* stili per definire il TOP della pagina*/
#top		{}
#top table 	{width:100%}
a.grigio	{color:#333333}

#indirizzo_cliente	{background-image:url(../images/top_sfondo.jpg); width:559px; height:50px; font-size:12px; padding:4px}
#indirizzo_cliente	img {margin-right:4px}
#logo				{width:190px; margin-left:4px}

.barra_grigia	{text-align:center; background-image:url(../images/barra_grigia.gif); padding:4px 0; width:190px; margin:4px 0 4px 4px}
.barra_grigia	a{color:#333333;}
.barra_arancio	{text-align:right; background-image:url(../images/barra_arancio.gif); margin:4px 0}
.barra_arancio	a{color:#ffffff; text-align:rigth; margin-right:15px }

#data_ora	{padding:3px 2px 3px 0; border-bottom:1px solid #999999; border-top:1px solid #999999; text-align:right; margin-bottom:3px}


/* STILI CHE SERVONO PER LA HOME */
#home_foto	 {background:url(../images/home_foto.jpg) no-repeat; margin-top:4px; padding:20px; height:310px}
#intestazione{width:480px;  word-spacing:-2px; line-height:2.5em}
h1	{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:26px; color:#9A9A9A; font-style:italic; padding:0px; margin:0; text-align:left;}
h2	{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:26px; color:#DC521F; font-style:italic; padding:0px; margin:0 0 0 25px ; text-align:left;}
h4	{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; font-style:italic; padding:0px; margin:0; text-align:right; line-height:1em}

#login		{text-align:right; position:absolute; top:427px; z-index:1; width:770px;}
#login form	{ margin-right:25px /*margin-top:105px*/}
#login input{margin:0 10px}
#login .btn	{background-color:#F6F6F6; border:0;}
#login td { color:#666666;font-size:18px; font-family:"Trebuchet MS";}


/* menu principale*/
#menu	{margin:0; padding:0; }
#menu li{margin:0; padding:0; list-style:none; background:url(../images/menu_li.gif) no-repeat; float:left; width:142px; height:20px; text-align:center;}
#menu a {color:#FCC6AA; display:block; margin-top:3px}
#menu li.sel{margin:0; padding:0; list-style:none; background:url(../images/menu_li_sel.gif) no-repeat; float:left; width:142px; height:20px; text-align:center;}
#menu li.sel a {color:#ffffff; display:block; margin-top:3px}

/* barra per la persona di riferimento e la ricerca dei prodotti*/
#riferimento_ricerca		{background:url(../images/barra_riferimento.gif) no-repeat; margin:3px 0 1px 0; height:33px}
#riferimento_ricerca table	{width:100%;}
#riferimento_ricerca td		{width:50%; padding:8px; font-weight:bold; vertical-align:top}
#riferimento_ricerca div {background-color:#FFFFFF; border:1px solid #D7D7D7; padding:1px 8px; font-size:11px}
h5				{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:1px; padding:0; color:#666666}
select {font-size:10px; border:1px solid #A0A0A0;  margin-right:6px}
option {font-size:10px; border:1px solid #A0A0A0; }

/*barra nascondi-mostra */
.barra table{width:100%; height:20px; margin-top:2px}
.barra td.sx{background:url(../images/barra_arancio_sx.gif) no-repeat left #F15E0C;}
.barra td.dx{background:url(../images/barra_arancio_dx.gif) no-repeat right #F15E0C; text-align:right}
.barra td	{color:#FFFFFF; font-weight:bold; padding:0 6px}
.barra a 	{font-weight:normal; color:#FFFFFF}

#tipologie table{border-collapse:separate; border-spacing:2px;}
#tipologie td 	{background:url(../images/box_foto.jpg); width:95px; height:86px; padding:2px; vertical-align:top}
#tipologie td.sel	{background:url(../images/box_foto_sel.jpg); width:95px; height:86px; padding:2px; vertical-align:top}
#tipologie div 	{height:22px; font-size:10px; color:#FFFFFF; font-family:Arial,'Trebuchet MS'; line-height:90%; margin:0px 0 0 3px;}

#prodotti table	{border-collapse:separate; border-spacing:3px;}
#prodotti td 	{background:url(../images/box.jpg); width:95px; height:86px; padding:2px; vertical-align:top; font-weight:bold;}
#prodotti div 	{height:22px; font-size:10px; color:#666666; font-family:'Trebuchet MS'; line-height:90%; margin:2px 0 0 3px;}
#prodotti code	{font-weight:bold; color:#F4651F; font-size:11px; display:block}
#prodotti img	{margin:0 2px}
#prodotti .codice {color:#F4651F}

#prodotto table	{border-collapse:separate; border-spacing:3px;}
#prodotto td 	{background:url(../images/box.jpg); text-align:center; width:95px; height:86px; vertical-align:top; font-weight:bold;}
#prodotto div 	{height:20px; font-size:9px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;  margin:2px 0 0 3px;}

/*barra nascondi-mostra */
.barra_blocco 	{background-color:#F15E0C;}
.barra_blocco table{width:100%; height:20px;}
.barra_blocco td.sx{background:url(../images/barrablocco_arancio_sx.gif) no-repeat top left}
.barra_blocco td.dx{background:url(../images/barrablocco_arancio_dx.gif) no-repeat top right; text-align:right}
.barra_blocco td	{color:#FFFFFF; font-weight:bold; padding:0 6px}
.barra_blocco a 	{font-weight:normal; color:#FFFFFF}

.blocco	{border:4px solid #F15E0C; border-top:0; background:url(../images/sf_blocco.jpg) repeat-x #F3F3F3; padding:3px; margin-bottom:3px}
.blocco div {border:1px solid #DCDCDC; background-color:#FFFFFF; margin:3px; padding:3px;  }
.blocco label  {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; width:280px; float:left; margin:2px 5px; color:#F15E0C;}
.btn {margin-top:3px; display:block}
.blocco .flag input{border:0; background-color:#ffffff; vertical-align:middle; font-weight:bold; }
.blocco .flag { font-weight:bold; color:#666666 }
.blocco img {margin:2px}
/*.blocco select {width:300px}*/

/*HELP*/
#help {
z-index:100;
   color: #192939;
   position: Absolute;
   top: 50%;
   left: 50%;
   font-size: 12px;
   font-family: Verdana;
   width: 311px;
   margin:-150px;
   width:311px;
}

#help .chiudi { background:url(../images/help_top.gif) no-repeat top; vertical-align:top; height:38px; text-align:right;}
#help .chiudi a {color:#FFFFFF; margin:4px 6px 0 0; display:block; font-weight:normal}
#help td 	{vertical-align:top; background-color:#FFFFFF}
#help td p 	{margin:0 6px}
a.help		{color:#ff6600; font-weight:normal}


.flag {border:0; background-color:#ffffff; vertical-align:middle}
select.qta  {width:50px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#F15E0C; background-color:#EDEDED}
.prezzo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#F15E0C; text-align:center; padding:2px}
th	{color:#666666}
.art_correlati {color:#EE5A27; font-weight:bold; border-bottom:1px solid #999999; width:742px; display:block; margin:0 0 5px 5px; padding-bottom:2px}
div.articolo, td.articolo {color:#666666; font-weight:bold}

.textarea td {color:#F15E0C; vertical-align:top; padding:0 5px;}
.textarea td textarea{ width:650px; }

/*BLOCCO SPECIAL*/

.blocco_special	{border:4px solid #F15E0C; border-top:0; background:url(../images/sf_blocco.jpg) repeat-x #F3F3F3; padding:5px; margin-bottom:3px}
.blocco_special div {border:1px solid #DCDCDC; background-color:#FFFFFF; margin:3px; padding:5px;  }
.blocco_special textarea{width:735px; height:100px;}











/*STILI AGGIUNTI 28.5.2007 CHE SOVRASCIVONO quelli sopra */
.barra		{width:762px; height:20px; margin-bottom:2px; background:url(../images/barra_arancio_sx.gif) no-repeat left top #F15E0C}
.barra .sx	{color:#ffffff; float:left; margin:3px 0 0 5px; font-weight:bold}
.barra .dx	{float:right;background:url(../images/barra_arancio_dx.gif) no-repeat right top}
.barra a	{margin:3px 5px; display:block; color:#ffffff; text-decoration:none}	


.barra_blocco		{width:762px; height:20px; background:url(../images/barrablocco_arancio_sx.gif) no-repeat left top #F15E0C}
.barra_blocco .sx	{float:left; margin:3px 0 0 5px; color:#ffffff; font-weight:bold}
.barra_blocco .dx	{float:right;background:url(../images/barrablocco_arancio_dx.gif) no-repeat right top}
.barra_blocco a		{margin:3px 5px; display:block; text-decoration:none}	


/* aggiunti per il blocco special il 27/6/2007 */

#special {background:url(../images/barra_special.gif) no-repeat #D94F20 top; width:762px; margin-bottom:2px;}
#special #riferimenti {height:33px; background:url(../images/riferimenti.gif) no-repeat #D94F20 top;}
#special #riferimenti div	{margin:1px 5px 5px 5px; float:left; font-weight:bold; color:#666666; padding:4px;}
#special #contenuto	{background:url(../images/sf_carrello.jpg) repeat-x #F5F5F5 top; margin:0 4px; border-bottom:4px solid #D94F20; padding:4px}


#special .label {width:185px; margint-top:15px;}
#special .campo input{border:0;background-color:#FFFFFF;margin:0; padding:2px; width:140px; border:1px solid #ccc}


/*
#special label {width:187px; font-weight:bold; margin:7px 5px 0 10px; float:left}
#special input {width:153px; background-color:#FFFFFF; border:1px solid #ccc; padding:3px; font-weight:bold; margin:3px}
*/


#barra_special	{height:20px; padding:0 2px; background:url(../images/barra_special.gif) no-repeat; width:762px;}
#barra_special .titolo	{margin:1px 3px; color:#FFFFFF; font-weight:bold; padding:4px 0 2px 0; float:left;}
#barra_special .dx		{padding:4px 0 2px 0; float:right; margin-right:7px}
#barra_special .dx a		{color:#FFFFFF; font-weight:normal}



.invia_ordine select {margin-left:10px;}



button.bottone	 		{color:#ffffff; font-weight:bold; border:0; background:url(../images/bottone.gif) no-repeat; width:190px; padding:3px 0 4px 0; float:right; 		font-size:10px; margin-left:2px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
button.bottone2	 		{color:#ffffff; font-weight:bold; border:0; background:url(../images/bottone2.gif) no-repeat; width:280px; padding:3px 0 4px 0; float:right; 		font-size:10px; margin-left:2px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
button.bottone_bianco	{color:#EB5629; font-weight:bold; border:0; background:url(../images/bottone_bianco.gif) no-repeat; width:188px; padding:4px 0; float:right; 		font-size:10px; margin-left:2px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}

a.bottone		 {color:#ffffff; font-weight:bold; border:0; background:url(../images/bottone.gif) no-repeat; width:190px; padding:4px 0; 		float:right; font-size:10px; margin-left:2px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.bottone_grigio {color:#333333; font-weight:bold; border:0; background:url(../images/bottone_grigio.gif) no-repeat; width:187px; padding:4px 0; float:right; font-size:10px; margin-left:2px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.bottone_bianco {color:#EB5629; font-weight:bold; border:0; background:url(../images/bottone_bianco.gif) no-repeat; width:188px; padding:4px 0; float:right; font-size:10px; margin-left:2px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}





/* aggiunti il 4 luglio */

/*.archivio_elenco {background:url(images/archivio_sfondo.jpg) top repeat-x #F5F5F5; border:3px solid #F15E0C; clear:both}*/



#blocco_archivio 		{border:3px solid #F15E0C; border-top:0; background-color:#cccccc; padding:3px 3px; font-weight:bold; color:#666666; margin:0 0 3px 0 }
#blocco_archivio .riga  {background:url(../images/archivio_riga.gif) no-repeat; margin:3px 0; padding:6px;}
#blocco_archivio .riga input {border:0; padding:0; margin:0; background:none}
#blocco_archivio ol 	{margin:0; padding:0; list-style-type:none; color:#F15E0C}
#blocco_archivio ul 	{margin:0; padding:0; list-style-type:none;}
#blocco_archivio li 	{margin:0; padding:0; width:16%; float:left; text-align:center;}
#blocco_archivio li a 	{color:#f76107}
.tab_sel{ background:url(../images/tab.gif) no-repeat; width:144px; text-align:center; padding:5px 0; margin:3px 0 0 3px; color:#f76107; font-weight:bold}
.tab a 	{ width:144px; text-align:center; padding:5px 0; margin:3px 0 0 3px; color:#ffffff; font-weight:bold}



.archivio_riga {background:url(../images/archivio_riga.gif); width:100%; height:25px; margin-bottom:3px}
.archivio_riga th   {width:16%; text-align:left; color:#f76107}
.archivio_riga th a {width:16%; text-align:left; color:#f76107}
.archivio_riga td 	{width:16%; text-align:left; color:#666666}
.archivio_riga p 	{margin:0; padding:0}


.archive 		{width:750px;background:url(../images/sftab.gif); }
.archive td 	{white-space:nowrap; padding:8px 1px; color:#666666; }
.archive th 	{text-align:left;white-space:nowrap; padding:8px 1px; color:#f76107; }
.archive th a 	{color:#f76107}
.archive td a 	{color:#f76107}

.archive_p 		{width:750px;background:url(../images/sftab.gif); }
.archive_p td 	{white-space:nowrap; height:28px;  color:#666666; padding:0 2px }
.archive_p th 	{text-align:left;white-space:nowrap; height:28px; color:#f76107; padding:0 2px}
.archive_p th a {color:#f76107}
.archive_p td a {color:#f76107}

.dati_riga {background:url(../images/archivio_riga.gif); width:100%; height:25px; margin-bottom:3px}
.dati_riga td {padding-left:10px}
.dati_riga2 {background:url(../images/riferim.jpg); width:100%; height:55px; margin-bottom:3px}
.dati_riga2 td {padding-left:10px}



#tab			{background-color:#f76107; height:27px; padding:0 2px 0 3px}
#tab .tab_sel	{float:left; background:url(../images/tab.gif); width:154px; text-align:center; padding:6px 0; margin-right:3px}
#tab .tab_sel a	{color:#f76107}
#tab .tab		{float:left; width:154px; text-align:center; padding:7px 0; margin-right:3px; color:#f76107}
#tab .tab a		{color:#FFFFFF}

#inserimento_riferimento		{border:3px solid #f76107; background-color:#CCCCCC;}
#inserimento_riferimento .riga	{margin:3px; background:url(../images/riferim.jpg) no-repeat;}
#inserimento_riferimento .riga	table {height:52px; margin:0 3px 0 5px; width:748px;}
#inserimento_riferimento .riga	table input {background-color:#fff;}
#inserimento_riferimento .riga h5 {color:#f76107}

div.download {text-align:right; border:0px; margin:2px 0}
div.download a{text-decoration:underline; color:black; font-weight:normal}




#btm	{color:#A8A8A8}
#btm a	{color:#A8A8A8; font-weight:normal}
button.hp_entra	{color:#DC3923; background-color:#c8c6c7; border:0; font-size:18px; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
a.grigio {color:#666666; font-weight:normal}


/* paginazione nella pagina archivio*/
div.paginazione table 	 {height:27px; margin-right:4px}
div.paginazione table td {text-align:right; color:#ffffff}
div.paginazione a {color:#ffffff;text-decoration:underline; font-weight:normal}
div.paginazione a.sel {font-weight:bold}