﻿
/*_______________________________________________ MASTER ___*/

body {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: Black; 
      padding:0px; margin:0px; background-image:url(../immagini/sfondo-pixel.gif);  
      background-repeat:repeat-y;}

a { text-decoration:none; color: #979797; }

table.tabella_principale { }

table.testata { width: 960px; text-align: left;}

td.menu_alto_sx { width: 683px; height: 63px; text-align: left; vertical-align: top; }
td.menu_alto_dx { width: 175px; height: 63px; text-align: left; vertical-align: top; }

table.menu td { border-left: solid 1px #979797; }
div.voceMenu, div.voceMenuAttivo { margin-left: 11px; margin-right: 11px; }

table.menu { border-right: solid 1px #979797; margin-top: 20px; text-align: left;}

#Artesuono { width: 860px; background-color: White; padding-left: 50px; padding-right: 50px; 
             padding-top: 26px; text-align: left; padding-bottom: 20px;}
            
div.img_piede { margin-top: 20px;}

div.voceMenuAttivo { padding-bottom: 2px; border-bottom: solid 2px #FF0000;}

div.voceMenu { padding-bottom: 2px; border-bottom: solid 2px White;}

td.voceAnagrafica { width: 760px; color: #979797;}

a.link_info { color: #FF0000;}

/*_______________________________________________ HOME ___*/

table.home { margin-top: 40px; }

td.home_sx { width: 332px; vertical-align: top;}

td.home_dx { width: 528px; padding-left: 20px; vertical-align: top;}

div.immagine_piccola { width: 100%; text-align: right;}

div.testo { line-height: 18px; }

div.testo_didascalia { margin-top: 10px; color: #979797;}

.news_home {width: 100%;  border-top: solid 1px #FF0000; line-height: 18px; margin-bottom: 10px; border-bottom: solid 1px #FF0000; padding-top: 10px; padding-bottom: 10px;}


/*_______________________________________________ FOTOGALLERY ___*/

div.galleria { width: 900px; overflow:hidden; margin-left: 10px; }

div.dlPhotogalleryItemDiv { background-image: url(../immagini/diapositiva.jpg); width:164px; height:139px; padding-top:25px; margin-right:8px;}

TD.photogallery { width:100px; height:105px; text-align:center; vertical-align:middle; padding-left: 30px; }
TD.photogallery img { border: none;}

div.piu { padding-left: 120px; padding-top: 5px; }

.dlPhotogallery { margin-top: 40px; margin-bottom: 15px;}

.dlPhotogalleryItem { padding-bottom: 10px;}

.paginePnl { width: 100%; color: Black; }
.paginePnl A { color:#FF0000;}

.pag { color: Black; padding-left: 5px;}

table.pagine  { margin-left:auto; margin-right:auto; }

/*.dlPagine { margin-left: 5px; margin-right: 5px;}*/

.indietro_click { margin-right: 5px;}

/*___________________________ Lightbox ____________________ */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px; 
	}

#imageContainer IMG { border:1px solid White; }

#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{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	padding-bottom:5px;
	}

#imageData{
	padding:0 10px;
	}
#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: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}

/*_______________________________________________ NEWS ___*/

a.link_front { color: #FF0000;}

div.descrizione { margin-top: 5px; padding-bottom: 10px;}

div.data { margin-top: 10px;}

div.titolo { margin-top: 10px;}

.dlNews { width: 100%;  border-top: solid 1px #EEEEEE; margin-top: 40px;}

.dlNewsItem { width: 100%; border-bottom: solid 1px #EEEEEE;}

td.notizia { width: 320px; padding-right: 20px;}

/*_______________________________________________ NOTIZIA ___*/

div.img_notizia {}

div.data_notizia { margin-bottom: 3px; font-style: italic;}

div.descrizione_notizia { line-height: 16px; }

div.titolo_notizia { margin-bottom: 5px;}

td.notizia_sx { padding-right: 40px; vertical-align: top;}

td.notizia_dx { vertical-align: top;}

table.notizia_generale { margin-top: 40px; vertical-align:top;}

/*_______________________________________________ RECORDING STUDIO ___*/

div.testo_rs { margin-top: 40px;}

/*_______________________________________________ ABOUT US ___*/

div.titolo_au {margin-top: 10px; margin-bottom: 10px;}

/*_______________________________________________ LABEL ___*/

div.riquadroCerca { border: solid 1px #D3D1D1; margin-top: 20px; margin-right: 10px;}
td.cerca { width: 85px; padding-left: 2px; padding-right: 2px; background-color: #D3D1D1;}

.textBoxCerca { width: 125px; border: solid 1px White; font-size: 10px; }

td.invia { border: solid 1px White; background-color: #FF0000; width: 10px; padding-left: 5px; padding-right: 1px;}
td.invia a { color: White;}

.dlLabelItemDiv { vertical-align:top; width: 157px; height: 157px; padding-right: 17px;}
.dlLabelItemDiv_6 {vertical-align:top; width: 157px; height: 157px; padding-right: 17px;}
.dlLabelItemDiv_FF {vertical-align:top; width: 157px; height: 157px; padding-right: 17px;}

div.foto_album { width: 860px; overflow: hidden;}

td.label { border: none;}

div.vedi_tutti { margin-top: 30px; }

.vedi_tutti a { color: #FF0000;}

/*.codice_anno { margin-top: 10px; margin-bottom: 5px;}*/

/*.titolo_brano { margin-bottom: 5px;}*/

.titolo_brano { margin-top:5px; margin-bottom:5px; width: 157px; }

.codice_anno { margin-top: 10px;}

.info a {color: #FF0000;}

.paginazione { margin-top: 30px;}

div.label1 { width: 860px; overflow:hidden; }

.dlLabelGalleria { margin-top: 30px;}

.pannelloErrori
{ 
    margin:25px 0px 15px 0px; width:860px; font-size:11px; line-height:20px;
}

DIV.vedi_tutti {border: solid 1px #D3D1D1; margin-top: 40px; height: 15px; }

TD.vediTutti { padding-left: 1px; padding-top: 7px; }

.avanti {  border: solid 1px White; background-color: #FF0000; width: 10px; text-align: center; padding-bottom: 1px;
           padding-left: 2px; padding-right: 2px;}

td.avanti a { color: White;}

div.vedi_tutti_link a { color: #FF0000;}

div.vedi_tutti_link { margin-top: 20px; font-weight: bold; }

td.vedituttiLink { width: 100px; text-align: right; margin-left: 15px;}

.cella_veditutti { text-align: right; padding-right: 3px; padding-left: 20px;}
.cella_vai { text-align: left; padding-right: 50px;}
div.foto_album { margin-top: 20px;}

.buttonAggiungiSitoSetup { margin-left: 30px;}

.lbGenere { font-weight: bold; color: #FF0000; }
.labelGenere { font-weight: bold; color: #979797;}
table.cerca_genere { margin-top: 20px;}

img.immagine_label { border: none;}

/*_________________________________ PRE LABEL ___*/

table.inizio_pre_label { margin-top: 52px; margin-bottom: 72px;}

table.contenitore_pre_label { width: 860px;}
td.colonna_pre_label { width: 170px; text-align: left; vertical-align: top; padding-right: 60px;}
td.ultima_colonna_pre_label { width: 170px; text-align: left; vertical-align: top;}

div.immagine_album { width: 170px; text-align: center; margin-bottom: 20px; margin-top: 20px;}

div.descrizione_pre_label { width: 170px; height: 100px; text-align: center; margin-bottom: 20px; font-style: italic; }

div.enter_pre_label { width: 170px; text-align: center; margin-bottom: 70px;}
div.enter_pre_label a { font-weight: bold; color: #FF0000;}

.immagine_pre_label { border: solid 1px #DDDDDD;}

/*_______________________________________________ ALBUM ___*/

table.album_generale { vertical-align: top; text-align: left; margin-top: 20px;}

td.colonna_immagine { width: 170px; vertical-align: top; padding-right: 30px;} 

td.colonna_brani { width: 220px; vertical-align: top; padding-right: 20px;}

td.colonna_artisti { width: 470px; vertical-align: top;}

td.descrizione_critica { width: 100%; vertical-align: top; padding-top: 20px;}

div.articolo_album { margin-top: 15px;}

div.titolo_album { margin-top: 10px;}

.titolo_album  a { color: #FF0000;}

div.info_album { margin-top: 10px; margin-bottom: 20px; background-color: #FF0000; width: 70px; padding-top: 2px; padding-bottom: 2px; text-align: center;}

.info_album a { color: White;}

div.titoli_pag_album { margin-bottom: 10px; }

div.desc_critica_album { line-height: 18px;}

div.nome_artista {margin-bottom: 5px;}

div.nome_strumento {margin-bottom: 5px;}

div.titolo_canzone { margin-bottom: 5px;}

.freccia { border: none;}

span.nome_sito { font-weight: bold; padding-left: 10px;}
td.nome { padding-bottom: 2px;}

.dlSitoItem { padding-top: 5px; padding-bottom: 5px;}

/*__*/

td.indietro_click a { color: #FF0000; font-weight: bold;}

div.indietro_link a { color: #FF0000; font-weight: bold;}

.cella_indietro { width: 75px; text-align: right; padding-right: 3px; }

table.indietro_album { margin-top: 40px; margin-left:auto;}

/*_______________________________________________ PEOPLE ___*/

div.descrizione_people { margin-bottom: 20px;}

div.nome_people { margin-bottom: 10px; margin-top: 20px;}

/*_______________________________________________ LINK ___*/

table.link_principale { margin-top: 40px;}

td.larghezza_link { vertical-align: top; width: 157px; text-align: left; padding-right: 5px; 
                    padding-left: 5px; border-left: solid 1px #EEEEEE; }

td.larghezza_link_primo { vertical-align: top; width: 157px; text-align: left; padding-right: 5px; }

div.titolo_link { margin-bottom: 10px;}

.dlLink a { color: #FF0000;}

.dlLink { vertical-align:top; width: 157px;}

/*_______________________________________________ CONTACTS ___*/

table.contatti { margin-top: 28px; }

td.colonna_sx_contatti { width: 400px; vertical-align: top; text-align: left;}

td.colonna_dx_contatti { width: 460px; vertical-align: top;}

td.info_contatti { padding-top: 10px;}

.contattiTextBox { width: 200px; border: solid 1px #979797; font-size: 11px;}

.contattiTextArea { width: 200px; border: solid 1px #979797; font-size: 11px;}

td.cella_dx_doveSiamo { padding-left: 44px;}

.google_immagine { border: solid 1px #979797;}

div.dovesiamoTesto { margin-top: 15px;}

img.cartina_italia { margin-top: 10px;}

.link_google { margin-top: 5px;}

.testo_informazioni { padding-top: 55px; padding-left: 33px; line-height: 18px; }

.invia_richiesta { text-align: right; }

.bottoni_privacy { width: 200px;}

.contattiFine { padding-top: 10px; width: 270px;}

.testo_hotels { line-height: 18px;}

.pannelloErroriContatti { margin:25px 0px 15px 0px; width:400px; font-size:11px; line-height:20px;}

/*_______________________________________________ ERRORPAGE ___*/

.titolo_errorpage { font-size: 10px; font-weight: bold; margin-top: 40px;}

.testo_errorpage { margin-bottom: 20px;}

/*_______________________________________________ GOOGLEMAP ___*/

#mappa { margin-top: 40px;}

/*=============================================== SETUP ===================================================*/

H1.titoloSetup { margin-bottom:20px; margin-top: 20px; font-size:12px; color:#E50819;  }

TD.sinistraSetup { width:30px; text-align:right; vertical-align:middle; }

DIV.voceSetup { margin-top:5px; margin-bottom:10px; width:100%; } 

DIV.voceSetup TABLE { margin-top:5px; }

DIV.helpSetup { margin-top:10px; width:500px; color:Black;  } 

.immagine { height: 150px; }
/*_______________________________________________ TEXT BOX MULTILINGUA ___*/

.textBoxitaliano, .textBoxMultilineitaliano, .textBoxinglese,.textBoxMultilineinglese
{ 	border:solid 1px #BCBDC0; text-indent:2px; font-size:11px; background-color:#FFFFFF;  }
.textBoxitaliano, .textBoxinglese
{ 	width:380px; height:15px; }
.textBoxMultilineitaliano, .textBoxMultilineinglese
{ 	width:285px; height:200px; }
.textBoxinglese, .textBoxMultilineinglese
{	background-color:#FDFCB7; }

/*_______________________________________________ GRIDVIEW ___*/

.gridViewSetup { width:500px; margin-top:10px; margin-bottom:10px; }
TD.gridViewSetupImageButton { width:3%; text-align:center; vertical-align:middle;}
TR.gridViewSetupRow { background-color:#EAEAEA; vertical-align:top; color:Black;}
TR.gridViewSetupAltRow { background-color:White; vertical-align:top; color:Black;}
TR.gridViewSetupHeader, TR.gridViewSetupPager { background-color:#E50819; font-weight:bold; color:White; text-align:left;}
TR.gridViewSetupPager A { color:White; text-decoration:underline; }
.gridViewSetupTextBox { width:60px; text-indent:2px; font-size:11px; }


/*_______________________________________________ DEFAULT ___*/

H1.titoloSetup { margin-bottom:20px; font-size:12px; color:#E50819;  }
DIV.inserisciSetup { margin-top:10px; margin-bottom:15px; color:Black; }

/* Login */

.tbLoginSetup { width:178px; border:solid 1px #BCBDC0; height:16px; margin-bottom:5px; text-indent:2px;  }
DIV.btLoginSetup { margin-left:125px; margin-top:5px;  }
.lkbLoginSetup 
{   
    background-color:#FF0000; padding-left:6px; padding-right:6px; font-size:8pt; color:White; text-decoration:none; 
    margin-left:5px; height:20px; width:20px;
}
DIV.btLogoutSetup { margin-left:110px; margin-top:25px; }

.pannelloErroriSetup 
{ 
    margin-top: 15px; padding: 10px; border: solid 1px #FE0000; background-color:#EEEEEE; 
    width:250px; font-size:11px; line-height:20px;
}

table.login { text-align: left; margin-top: 20px; margin-bottom: 20px;}

td.btLogin { text-align: left;}

/*_______________________________________________ LABEL ___*/

.photogallerySetupFreccia { text-decoration: none;}

table.anno_codice { width: 960px;}

/*td.label { width: 480px; text-align: left; vertical-align: top;}*/

.textBox { width: 380px;}

.tdGenere { vertical-align: top; text-align: left;}

td.label_generi { vertical-align: top;}

td.immagini_label { width: 350px; background-color: Fuchsia}

.btSalvaAlbum { margin-bottom: 10px;}

/*_______________________________________________ RECORDING STUDIO ___*/

/*_______________________________________________ LABELS ___*/

.torna_indietro { text-decoration: underline;}

div.link { margin-bottom: 20px;}

td.label_setup { width: 430px; text-align: left; vertical-align: top;}

td.titolo_invia { padding-left: 30px; padding-bottom: 30px;}

td.titolo_brano { padding-bottom: 30px; padding-right: 10px;}

h2.titoloCerca { font-size:12px; }

.bottoniCerca { margin-top: 10px; }

td.ricerca { padding-right: 20px;}

/*_______________________________________________ LINKS ___*/

.textBoxLinks { width: 250px;}

/*_______________________________________________ CONTACTS ___*/

.contattiSxSetup { width: 100px;}

.labelDxSetup { font-weight: bold;}

/*_______________________________________________ Immagini Testata ___*/

.testataSetup { width: 330px;}

/*_______________________________________________ Errore ___*/

div.errore_setup { margin-bottom: 20px;}

/* ------------------------ Lightbox ---------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px; 
	}

#imageContainer IMG { border:1px solid White; }

#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{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	padding-bottom:5px;
	}

#imageData{
	padding:0 10px;
	}
#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: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}	
