/* ######################################## Stili TAG HTML ######################################## */ 
 body, html { color:#FFFFFF; 
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	    font-size:11px;
		font-weight:bold;
	    /*scrollbar-3d-light-color: #CCCCCC;
        scrollbar-arrow-color: #FFFFFF;
        scrollbar-base-color: #F0037F;
        scrollbar-dark-shadow-color: #000000;
        scrollbar-face-color: #F0037F;
        scrollbar-highlight-color: #F0037F;
        scrollbar-track-color: #EBEBEB;*/
		background-color:#000066;
	    background-image:url(immagini/bg.gif);
		background-position:center;
		background-repeat:repeat-y;
		background-attachment:fixed;
		margin:0px 0px 0px 0px;
		line-height:22px;
		padding:0;
		width: 100%;
		height: 100%;
	  }	

p.giusto { text-align:justify; padding-right:10px;}
p.giustoprod { text-align:justify; padding-right:10px; padding-left:10px;}
p.titoloricette {padding-right:10px; font-style:italic; text-align:left;}

em.news {color:#FFCC00;}
  
 h3 {margin:4px; font-size:20px; color:#FFCC00; margin-left: 0;} 
 h4 {margin:4px; font-size:14px; color:#FFCC00; margin-left: 0;} 
 h5 {font-size:9px; margin: 0;}
 object {margin:0; padding:0;}

A:link, A:active, A:visited {text-decoration: none; color:#FFCC00;}
A:hover {text-decoration:underline; color:#FFCC00;}

hr { border:#F0037F 1px solid }

div.contentdx { margin-right:10px;}



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


/* ###################################### BOX CONTENITORI e STILI GENERALI ############################ */ 
#boxprincipale { width:740px; margin-left:auto; margin-right:auto; margin-top:15px; }
#boxtestata{width:740px; margin-bottom:4px; display:block; }
#boxpartners { width:740px; margin-bottom:4px; display:block; background-color:#18207B; }


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -44px; /* the bottom margin is the negative value of the footer's height */
}
.push {height: 44px;}
.footer  {
	height: 44px; /* .push must be the same height as .footer */
	background-image:url(/immagini/bg_footer.gif); background-position:center; text-align:center; font-size:10px; color:#000066; font-weight:bold;
}

/*#boxfooter { position:absolute;margin-bottom:0;width:100%; background-image:url(/immagini/bg_footer.gif); background-position:center; text-align:center; font-size:10px; color:#000066; font-weight:bold; }*/


#boxheader { width:100%; background-image:url(/immagini/bg_header.gif); background-repeat:repeat-x; display:block; text-align:center;}
#boxmenu {  margin-left: 30px; margin-top:15px; }
#boxdestra { padding-left:12px; padding-right:10px;}

.tabdati { border: 1px solid #52AFF3; width:80%; }
.tabdati td { border: 1px solid #52AFF3; padding:4px;}

/*.tabdati { border: 2px solid #52AFF3; width:80%; border-collapse:collapse; }
.tabdati td { border: 2px solid #52AFF3; width: auto; border-collapse:collapse;}*/

a.footer { color:#FFFFFF;}
div.spacer { height: 4px; clear:both;}
.titolisezioni { background-color:EC5813; }

#freccia {
	background-color:#FF6600;
	background-image: url(img_template/striscia_arancio_giu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.titolo { display:block; background-color:#EC5813; height:21px; }
.link { cursor: pointer; }
#title { margin: 40px;}
/* ---------------------------------------------------------------------------------------------------- */ 


/* ############### STILI DEL MENU ############### */

ul.menuadmin {
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.menuadmin li a, ul.menuadmin li a:visited {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration: none;
	border:2px solid #F0037F;
	width: 140px;
	text-align:left;
	padding: 4px;
	color: #F0037F;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}



ul.menuadmin li a:hover {
color:#FFF;
background-color: #F0037F;
font-weight:bold;
}
/*
ul.menuadmin li a:active  {
color:#CCC;
background-color: #F0037F;
font-weight:bold;
}
*/
/* ---------------------------------------------------------------------------------------------------- */ 


/* ############################################ 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; }
/* ---------------------------------------------------------------------------------------------------- */


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


/* ############################################## Footer ############################################## */ 

#footer { font-size:10px; color:#CCCCCC;}
a.footer { color:#FFFFFF;}

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

.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 FORM E PULSANTI  #################################### */
/* ----------------------------------------------------------------------------------------------------- */

input { background:#1B2981; color:#FFFFFF; border:0; font-size:12px;}
textarea { background:#1B2981; color:#FFFFFF; border:0; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
input.pulsanti { background-color: #1B2981; color: #FFFFFF; font-weight: bold; font-size:12px; }
.vocicont { float:left; width: 160px; }


/* ---------------------------------------------------------------------------------------------------- */
/* ################################    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        #################################### */
/* ----------------------------------------------------------------------------------------------------- */


/* Pagina Dettaglio */
.titlenews { font-size:15px; font-weight:bold; color:#FFCC00; }
.titlestrillo { color:#698DD7;}
/*
#LastNews img { float: left; margin: 25px; clear: left;	}
#ListNews {	clear: left; }
*/


/* ----------------------------------------------------------------------------------------------------- */
/* ####################################### 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:disc;}

ul.elencolinkcat li a, ul.elencolinkcat li a:visited { 
				 color: #52AFF3;
				 font-weight:bold;
				 margin-bottom: 5px;
				 padding: 4px; 
				 list-style:circle;
				 }

ul.elencolinkcat li a:hover { 
				color: #FFCC00;
				font-weight:bold;
				 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;
}

.titleprod { font-size:15px; font-weight:bold; color:#FFCC00; }



/* ----------------------------------------------------------------------------------------------------- */
/* #################################### STILI CATEGORIE PRODOTTI 3 e 4 ################################# */
/* ----------------------------------------------------------------------------------------------------- */

/* Contenitore delle frecce e della tabella */
#itemList {
	border: thin solid black;
	width: 435px;
	height: 150px;
	padding: 1px 40px 1px 40px;
	/* Indispensabili per il corretto funzionamento dello scroller: */
	overflow: hidden;
	position: absolute;
}
/* Arrow = Freccia */
#arrowLeft {
	/* Indispensabili per il corretto funzionamento dello scroller: */
	position: absolute;
	top: 0px;
	left:0px;
	cursor: pointer;
	z-index: 100;
}
#arrowRight {
	position: absolute;
	top: 0px;
	right:0px;
	cursor: pointer;
	z-index: 100;
}
#itemList table {
	/* Indispensabili per il corretto funzionamento dello scroller: */
	position: absolute;
}
#itemList td {
	height: 150px;
	padding: 2px;
	margin: 0px;
	border: thin solid #EEEEEE;
}

/* La foto inserita nel div e con sopra il flash trasparente */
#big_photo_side {
	float: right;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	margin: 5px;
	width: 400px;
	height: 400px;
}

/* Stile Catalogo4 */
#tbl4 img {
	display: block;
	border: none;
}

#big_photo4 {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	margin: 5px;
	width: 400px;
	height: 400px;
	border: 2px solid #DDDDDD;
}	


/* ----------------------------------------------------------------------------------------------------- */
/* ##########################################  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: 10%;
	}
	.files_icon img {
		width: 22px;
	}
	.files_title {
		width: 80%;
		font-size: 1.1;
	}
	.files_fsize {
		width: 10%;
		font-size: 0.8em;
		font-family: courier;
	}