/* designed by Giuliano Gardel*/

/* ---------------------------------------- tags html */

BODY
{
    padding: 0; margin: 0; background-color: black; font-size: 7pt; 
    font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080;	
}

A
{ color: #808080; text-decoration:none; }



#FabbricaFuochi
{ width:800px; height:697px; margin-top:50px; }

/* ---------------------------------------- Menu */

#Sx
{   height:571px;}
#Menu
{   margin-bottom:30px; top:21px; position:relative; z-index:5; background-color:Black; padding-bottom:10px;}

DIV.aziendaMenu, DIV.spettacoliMenu, DIV.prodottiMenu, DIV.doveSiamoMenu, DIV.contattiMenu,
DIV.aziendaMenuAttivo, DIV.spettacoliMenuAttivo, DIV.prodottiMenuAttivo, DIV.doveSiamoMenuAttivo, DIV.contattiMenuAttivo,
DIV.aziendaMenuAttivoMoz, DIV.spettacoliMenuAttivoMoz, DIV.prodottiMenuAttivoMoz, DIV.doveSiamoMenuAttivoMoz, DIV.contattiMenuAttivoMoz
{ 
    font-size:12px; font-weight:bold; text-align:left; line-height:24px; height:24px; 
    text-indent:6px; margin-bottom:6px; letter-spacing:2px; border-width:2px; width:140px;
}
DIV.aziendaMenu, DIV.spettacoliMenu, DIV.prodottiMenu, DIV.doveSiamoMenu, DIV.contattiMenu
{  border: solid 2px #000000; }
DIV.aziendaMenu A, DIV.prodottiMenu A, DIV.spettacoliMenu A, DIV.doveSiamoMenu A, DIV.contattiMenu A
{  color:white; display:block; width:142px; border: solid 2px #000000; }
DIV.aziendaMenu A:hover, DIV.prodottiMenu A:hover, DIV.spettacoliMenu A:hover, DIV.doveSiamoMenu A:hover, DIV.contattiMenu A:hover,
DIV.aziendaMenuAttivo, DIV.spettacoliMenuAttivo, DIV.prodottiMenuAttivo, DIV.doveSiamoMenuAttivo, DIV.contattiMenuAttivo,
DIV.aziendaMenuAttivoMoz, DIV.spettacoliMenuAttivoMoz, DIV.prodottiMenuAttivoMoz, DIV.doveSiamoMenuAttivoMoz, DIV.contattiMenuAttivoMoz
{  background-color: black; border-style:solid; border-width:2px; }
DIV.spettacoliMenuAttivoMoz, DIV.prodottiMenuAttivoMoz, DIV.doveSiamoMenuAttivoMoz, DIV.contattiMenuAttivoMoz
{  margin-left:3px; margin-top:10px;  }
DIV.aziendaMenuAttivoMoz
{  margin-left:3px; }
DIV.aziendaMenuAttivo, DIV.aziendaMenuAttivoMoz
{  margin-top:2px; }

DIV.aziendaMenu, DIV.aziendaMenu A
{ background-color: #FF4D00; }
DIV.aziendaMenuAttivo, DIV.aziendaMenuAttivoMoz, DIV.aziendaMenu A:hover
{ border-color: #FF4D00; color:#FF4D00; }
DIV.prodottiMenu, DIV.prodottiMenu A
{ background-color: #D91765; }
DIV.prodottiMenuAttivo, DIV.prodottiMenuAttivoMoz, DIV.prodottiMenu A:hover
{ border-color: #D91765; color:#D91765; }
DIV.spettacoliMenu, DIV.spettacoliMenu A
{ background-color: #FCB905; }
DIV.spettacoliMenuAttivo, DIV.spettacoliMenuAttivoMoz, DIV.spettacoliMenu A:hover
{ border-color: #FCB905; color:#FCB905; }
DIV.doveSiamoMenu, DIV.doveSiamoMenu A
{ background-color: #72C6E6; }
DIV.doveSiamoMenuAttivo, DIV.doveSiamoMenuAttivoMoz, DIV.doveSiamoMenu A:hover
{ border-color: #72C6E6; color:#72C6E6; }
DIV.contattiMenu, DIV.contattiMenu A
{ background-color: #89D220; }
DIV.contattiMenuAttivo, DIV.contattiMenuAttivoMoz, DIV.contattiMenu A:hover
{ border-color: #89D220; color:#89D220; }

DIV.prodottiMenu A SPAN
{ display:none; }
DIV.prodottiMenu A:hover SPAN
{ display:block; z-index:7; position:relative; left:-50px; top:5px; width:160px; background-color:Black; color:White; }

DIV.sottomenuP, DIV.sottomenuS
{  
    font-size:11px; text-align:left; margin-bottom:6px;
    margin-left:20px; line-height:16px; background-color:Black;
}
DIV.sottomenuP A, DIV.sottomenuS A
{ color:white; }
DIV.sottomenuP, DIV.sottomenuP A:hover
{ color:#D91765; }
DIV.sottomenuS, DIV.sottomenuS A:hover
{ color:#FCB905; }

#SiSenteMoz
{ z-index:-1; margin-top:-390px; }
#SiSente
{ z-index:-1; margin-top:-350px; }

/* ---------------------------------------- Content */

H1.scrittaHome { font-size:12px; font-weight:bold; padding:0px; margin:0px; color:White; width:100%; text-align:center; }
H2.scrittaHome { font-size:12px; font-weight:bold; padding:10px 0px 10px 0px; margin:0px; color:#FF4D00; width:100%; text-align:center; }
H2.scrittaHome A { color:#FF4D00; }
H2.scrittaHome A:hover { color:White; }

#Content
{ margin-top:21px; text-align:left;}

DIV.azienda, DIV.prodotti, DIV.default, DIV.spettacoli, DIV.doveSiamo, DIV.contatti
{ 
    width:517px; height:569px; border-style:solid; border-width:2px; 
    margin-top:9px; text-align:left; padding:0px; margin-left:60px;
}
DIV.default
{ border:none; background-color:Black; }
DIV.azienda
{ border-color:#FF4D00; background-color:White; }
DIV.prodotti
{ border-color:#D91765; background-color:#F5F5F5; }
DIV.spettacoli
{ border-color:#FCB905; background-color:#F5F5F5; }
DIV.doveSiamo
{ border-color:#72C6E6; background-color:White; }
DIV.contatti
{ border-color:#89D220; background-color:White; }

IMG.default
{ border:none; height:538px; margin:0px; }

/* ---------------------------------------- Azienda */

IMG.azienda
{ width:517px; border-bottom: solid 1px #FF4D00 }
P.azienda
{ margin: 30px 25px 0px 25px; text-align:left; line-height:20px; letter-spacing:1px; }

/* ---------------------------------------- Prodotti e Spettacoli */

.dataListProdotti
{ padding:0px; margin-bottom:-2px;  }
DIV.dataListItemProdotti
{ border-bottom: solid 1px #D91765; height:189px; width:516px; background-color:White; padding:0px;  }
DIV.dataListItemSpettacoli
{ border-bottom: solid 1px #FCB905; height:189px; width:516px; background-color:White; padding:0px; }
DIV.descrizione
{ margin-top: 12px; margin-right: 30px; line-height:20px;}

SPAN.categoriaIV, SPAN.categoriaV, SPAN.categoriaLV
{ color:White; font-weight:bold; padding:2px;}
SPAN.categoriaIV
{ background-color:#D91765;}
SPAN.categoriaV
{ background-color:#FCB905;}
SPAN.categoriaLV
{ background-color:#32CD32;}

DIV.vediEffettoProdotti, DIV.pagineProdotti SPAN.Attivo
{ color:#D91765; }
DIV.vediEffettoSpettacoli, DIV.pagineSpettacoli SPAN.Attivo
{ color:#FCB905; }
DIV.vediEffettoProdotti IMG, DIV.vediEffettoSpettacoli IMG
{ margin-left:5px; }

DIV.pagineProdotti, DIV.pagineSpettacoli
{ margin-left:10px; margin-top:6px; text-align:left; line-height:16px; color:White; }
DIV.pagineProdotti A, DIV.pagineSpettacoli A
{ color:White;  }
DIV.pagineProdotti A:hover
{ color:#D91765; }
DIV.pagineSpettacoli A:hover
{ color:#FCB905; }

IMG.video { border:none; margin-top:10px; }

/* ---------------------------------------- Contatti */

TABLE.contattiInner
{ margin:20px; }
TD.ContattiInnerSx
{ width:20%; vertical-align:top; }
TD.ContattiInnerDx
{ vertical-align:top; }
.ContattiTextBox, .ContattiTextBoxRichiesta
{ margin-bottom:15px; border: solid 1px #89D220; color: #808080; }

DIV.ContattiFine A:hover
{ color: #89D220; }
DIV.ContattiFine A
{ text-decoration:underline; }

/* ---------------------------------------- Footer */

#Footer
{ 
    margin-top:5px; color:White; font-weight:normal; margin-bottom:10px; letter-spacing:0px; font-size:8pt;
    text-align:left; 
}

#Footer SPAN.Attivo, SPAN.Email A
{ color: #FF4D00; }
#Footer SPAN.Attivo
{ margin-right:8px; }
SPAN.Email
{ margin-left:60px; }
SPAN.Email A:hover
{ text-decoration:underline; }

/* ---------------------------------------- Lightbox */

#lightbox
{ position: absolute; top: 40px; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox a img
{ border: none; }

#outerImageContainer
{ 
     background: url(../images/fondino-pop-up.jpg); background-repeat:repeat-x;
     position: relative; width: 290px; height: 290px; margin: 0 auto;
}

#imageContainer
{ padding: 10px; }

#loading
{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
 /*#hoverNav
{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav
{ left: 0;}
#hoverNav a
{ outline: none;}

#prevLink, #nextLink
{ 
    width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat;
     Trick IE into showing hover 
	display: block;
}
#prevLink 
{ left: 0; float: left;}
#nextLink 
{ right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover 
{ background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover 
{ background: url(../images/nextlabel.gif) right 15% no-repeat; }*/


#imageDataContainer
{ background-color: #8e8e8e; margin: 0 auto; line-height: 1.4em; color:White; font-weight:normal; }

#imageData
{ padding:0 20px; }
#imageData #imageDetails
{ width: 70%; float: left; text-align: left; }	
#imageData #caption
{ font-weight: bold;	}
#imageData #numberDisplay
{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose
{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay
{ 
    position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; 
    background-color:Transparent;
}	

.clearfix:after 
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html > body .clearfix 
{ display: inline-block; width: 100%; }

* html .clearfix 
{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}