/* ######################################## Stili TAG HTML ######################################## */ 
body, html {
	color:#000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	background:#FFFFFF;
	  }	
	  
h1 { font-size:14px; color: #016eb1; font-weight: bold; margin-bottom: 10px; }
h2 { font-size:12px; color: #016eb1; font-weight: bold; margin-bottom: 10px; }
object {margin:0; padding:0;}
img { border: none; }

A:link, A:active, A:visited {text-decoration: none; color:#016eb1;}
A:hover {text-decoration: none; font-weight:bold; color:#016eb1;}

p { margin: 4px 0 4px 0;}

hr { border:#016eb1 1px solid }

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


/* ###################################### BOX CONTENITORI e STILI GENERALI ############################ */ 
#BoxPrincipale { 
				 width:100%;
				 background-color: #FFF;
				 background-image: url(/img/tpl/bg.gif);
				 background-repeat: no-repeat;
				 background-position: center top;
               }
			   
#TablePrincipale { border-bottom:5px solid #CCCCCC; }

#ColonnaSx {
	background-color: #efeeed;
	background-image: url(img/tpl/bg_col_sx.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#BannerNews { /*background-color: #a8a8a8;*/ margin: 10px; /*padding: 4px;*/ font-size:11px; border-bottom: 1px solid #818181; }
#BannerSpot { margin: 10px; }

#LatestNews { padding: 10px; margin-top: -10px; }

#BoxContent { padding: 15px 30px 15px 30px;}

/*
#BgTop {
	font-size:11px;
	color:#919191;
	background-image: url(img/tpl/bg_MainTable.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 3px;
}
*/

#Footer {
	font-size:11px;
	color:#919191;
	/*background-image: url(img/tpl/ombra_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
	/*border:1px solid red;*/
}

#Footer a { color:#016eb1; font-weight:normal; }

#Footer div { margin-top:10px; }

.spacer { height: 4px; clear:both;}



/* --------------------------------------- STILI DEL MENU LATERALE --------------------------------------- */ 


/* ###############  ############### */

ul.ElencoMenu {
list-style:none; /* elimino i punti elenco */
margin:0;
padding:0; /* elimino i rientri delle liste */
}

/* ul.menuadmin li { display:inline } elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.ElencoMenu li a, ul.ElencoMenu li a:visited {
	display:block; /* il link occupa tutto lo spazio orizzontale */	
	border-bottom:1px solid #FFF;	
	padding: 4px 4px 4px 16px;
	color: #504e4b;
	text-align:left;
	font-weight: bold;
	font-size: 11px;
}



ul.ElencoMenu li a:hover {
color:#016eb1;
background-color: #e7e6e6;
}

/* --------------------------------------- STILI DEL MENU BASSO --------------------------------------- */ 

#MenuBottom { margin: 0 0 10px 0; color:#818181; border-bottom: 1px solid #818181; margin-left: 25px; margin-right: 25px; }
#MenuBottom a {color:#818181; font-weight: bold;}
#MenuBottom a:hover {color:#016eb1; font-weight: bold;}

/* --------------------------------------- STILI BARRA PARTNERS --------------------------------------- */ 

#Partners { margin-left: 25px; margin-right: 25px; border-bottom: 1px solid #818181; }
#Partners img { border:none; }

/* ---------------------------------------   STILI FORM E PULSANTI  --------------------------------------- */ 
#BoxLogin { margin-top: 7px;}
input { color:#000; border: 1px solid #016eb1; height: 12px; margin:0; padding: 2px; font-size:10px;}
textarea { color:#000; border: 1px solid #016eb1; height: 12px; margin:0; padding: 2px; font-size:10px; }
input.PulsanteLogin {color:#000; border: 1px solid #016eb1; height: 18px; margin:0; padding: 0 2px;; font-size:10px;}
input.pulsanti { color:#000; border: 1px solid #016eb1 font-weight: bold; height: 12px; margin:0; padding: 2px; }

#FormTable td { font-size:12px;}
#FormTable td span { font-size:12px; color:#016eb1;}
input.BottoneForm { height:20px; font-weight: bold; padding:3px; }
#FormTable td a { font-weight: normal; }


/* ############################################ HOME PAGE ############################################# */
#homebg {
	width: 510px;
	height:100%;
	display: inline;
	float:left; 
	background-color: #F0037F;
	background-image: url(img_template/striscia_arancio.gif);
	background-repeat: repeat-x;
} 
#homesx { display: inline; float:left; background:#ccc; background:#F0037F; height:100%; }
#homecontent { margin-top: 10px; margin-right: 0; margin-bottom: 0;	margin-left: 10px; display:block; }
#homedx { display: inline; float:right; margin: 0; background:#000000; width: 225px; height:100%; }
.homenews { width:250px; display:block; }


/* ---------------------------- STILI FILTRO PRODOTTI HOME PAGE (COLONNE) ----------------------------- */ 
#BoxFiltroProdotti { background-color:#f4f4f4; }
.BoxTextFiltroProdotti { height: 280px; color:#333333; cursor: pointer; /*border: 1px solid red;*/}
#BoxFiltroProdotti td { padding: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; height: 400px;}
#BoxFiltroProdotti td span { font-size:14px; color: #016eb1; font-weight: bold; }
#BoxFiltroProdotti tr.ruled { background:#00FF00; }
#BoxFiltroProdotti td img { border:0 }
#BoxFiltroProdotti td a { font-weight: normal; color:#585858 }

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


/* ########################################## Sezione LINK ############################################ */ 
.elencolink { display:block; background:#4D4B4B; margin-bottom: 5px; margin-left: -40px; margin-right:10px; padding: 4px; list-style:none;}
/* ---------------------------------------------------------------------------------------------------- */



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

.login { margin:0px; border:#CCC 1px dashed; width:250px; font-size:11px; padding:4px; background-color: #E7EFEF;}
.boxcontent { margin:1px; border:#E2007A 1px dashed; }



/*   									###########  ##     ##  ######### 								*/
/*   									#            # #   # #  #     									*/
/*   									#            #  # #  #  #										*/
/*   									#            #   #   #  #########								*/
/*   									#            #       #          #								*/
/*   									#            #       #          #								*/
/*   									###########  #       #  #########								*/
   




/* ---------------------------------------------------------------------------------------------------- */
/* ################################    STILI NEWSLETTER, POPUP, SCROLL     ############################# */
/* ---------------------------------------------------------------------------------------------------- */	
/* stile popup */
#BodyInfoProdotti { background:#FFFFFF; padding:8px; }



#bodynlpopup { background:#FFFFFF; padding:8px; height: 800px}

/* classe per div con scroll */ 
        .boxscroll { height: 150px; padding: 5px; border:#E2007A 1px dashed; background-color: #E7EFEF; }
    .ie .boxscroll { overflow-y:scroll; }
 .gecko .boxscroll { overflow-y:scroll; }
 .opera .boxscroll { overflow:scroll; }
.safari .boxscroll { overflow:scroll; }
        

/* ----------------------------------------------------------------------------------------------------- */
/* #######################################        STILI NEWS        #################################### */
/* ----------------------------------------------------------------------------------------------------- */

#AllNews a { color:#000000; font-weight: normal; }
#AllNews a:hover { color:#000000; font-weight: bold; }



/* ----------------------------------------------------------------------------------------------------- */
/* ####################################### STILI CATEGORIE SOLUZIONI #################################### */
/* ----------------------------------------------------------------------------------------------------- */

#BoxElencoSoluzioni {/*border:1px solid red;*/}

ul.ListaSoluzioni {
list-style:none; /* elimino i punti elenco */
margin:0;
padding:0; /* elimino i rientri delle liste */
}

.categoria { margin-top:12px;}
.soluzione {color: #016eb1; font-size:12px; margin-left:4px;}

.categoria h2 {font-size:13px; color: #016eb1; font-weight: bold; margin-bottom: 5px; font-weight: bold;}

.soluzione a:link, .soluzione a:active, .soluzione a:visited { color:#000000; font-weight: normal; }
.soluzione a:hover{ color:#016eb1; font-weight: normal; }

#SchedaProdHeader { background-color: #016eb1; padding: 2px 0 2px 0;}
#SchedaProdHeader h1 { font-size:14px; color: #fff; font-weight: bold; margin: 5px;}
#SchedaProdHeaderIcon { background-color: #016eb1; }
.LogoSoluzioni { margin: 6px 20px 20px 0;}

/* ----------------------------------------------------------------------------------------------------- */
/* ####################################### STILI CATEGORIE PRODOTTI #################################### */
/* ----------------------------------------------------------------------------------------------------- */

/* ---- Stile categorie tipo "LIST": l'UL che genera l'elenco ha come classe "elencolinkcat" ---- */

/*Per far scomparire le categorie eliminare dal commento la riga sottostante*/
/*.elencolinkcat { display:none; }*/

ul.elencolinkcat { list-style:none; }

ul.elencolinkcat li a, ul.elencolinkcat li a:visited { display:block;
                 border: 1px dashed #999999;
				 color: #F0037F;
				 font-weight:bold;
				 width: 150px;
				 margin-left: -40px;
				 margin-bottom: 5px;
				 padding: 4px; 
				 list-style:none;
				 }

ul.elencolinkcat li a:hover { display:block;
				border: 1px dashed #999999;
				background:#E7EFEF;
				color: #F0037F;
				font-weight:bold;
				 width: 150px;
				 margin-left: -40px;
				 margin-bottom: 5px;
				 padding: 4px; 
				 list-style:none; }


/* ---- Stile categorie tipo "MENU": il select che genera le voci di menu ha classe "tendinacat" ---- */
.tendinacat { border: 1px dashed #999999; background:#E7EFEF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/*per nascondere la visualizzazione del menu di scelta delle categorie eliminare il commento dalla riga sottostante*/
/*#formmenucat { display:none; }*/

/* Elenco orizzontale delle foto */
.listPhotos {
	clear: both;
}
.listPhotos img {
	margin: 1px;
}



/* ----------------------------------------------------------------------------------------------------- */
/* ##########################################  STILI GALLERY  ########################################## */
/* ----------------------------------------------------------------------------------------------------- */

/* ---- L'id della tabella contenente gli elementi della gallery è #GalleriaSemplice */

/* Titolo thumb */
#GalleriaSemplice h2 { font-size: 12px; }

/* Didascalia thumb */
#GalleriaSemplice p { font-size: 9px; }

/* stile immagini */
.GalleriaImg { cursor:pointer; border: 1px solid #F0037F; /*height: 68px; width: auto;*/ }

/*Celle contenenti le immagini*/	
.GalleriaTdImg { text-align:center; background:#F6F5F5; }		

/*Celle contenenti le frecce di scorrimento pagine*/
.GalleriaFrecce {}

/*annulliamo il bordo delle frecce*/					
.GalleriaFrecce img{ border:0;}


/* ---- SELETTORE DELLE CATEGORIE: utile per nasconderlo */
#GalleriaSelettore {/*display: none;*/}


/* ---- NESSUN ELEMENTO */
.empty { padding: 2em; text-align: center; }


/* ---- FRECCE DI SCORRIMENTO PAGINE */
#GalleriaDirezioni td { text-align: center; }

/* Quando le immagini stanno in una pagina */
#GalleriaDirezioni span { color: #101010; display: none; }


/* ---- POPUP - la finestra pop up delle immagini ha ID #GalleriaPopUp */

/* Imposta le proprietà di htm,body della finestra popup */
.BGPopUp { background:#fff; }

/*Stile generico della pagina*/
#GalleriaPopUp { /*border: 0px;*/ margin: 0px; padding: 0px; background: #FFFFFF; }

/*Stile dell'immagine*/
#GalleriaPopUp img { margin: 0px; border: 0px; padding: 0px; }

/* titolo immagine nella popup */
#GalleriaPopUp span{ font-size: 14px; color:#000; }

/* data inserimento immagine nella popup */
#GalleriaPopUp em { font-size: 11px; color:#999; }

/* descrizione immagine nella popup */
#GalleriaPopUp p { font-size: 13px; color:#F0037F; }


/* ----------------------------------------------------------------------------------------------------- */
/* #######################################      STILI ARE FILE      #################################### */
/* ----------------------------------------------------------------------------------------------------- */	
	#areafiles table {
		width: 80%;
	}
	#areafiles table td {
		background-color:#8A9FFF;
		margin: 2px;
	}
	.files_icon {
		text-align: center;
		width: 30px;
		margin-bottom: 10px;
	}
	.files_icon img {
		width: 22px;
	}
	.files_title {
		width: 80%;
		font-size: 1.1;
	}
	.files_fsize {
		width: 10%;
		font-size: 0.8em;
		font-family: courier;
	}