/* CSS specifico sezioni Biografie e Cataloghi ********* */ 
/* Elaborato da Danny Design - http://www.dannydesign.it */


/* TABELLA CATALOGO ***************************************************************************** */



table.tabella-catalogo {width:100%; border-collapse:collapse;}

table.tabella-catalogo td {line-height:150%; vertical-align:top; border-bottom:#CCCCCC 1px solid;
		padding:12px 10px 12px 0; position:relative;}

table.tabella-catalogo tr td:last-child {padding:12px 0 12px 0;}

table.tabella-catalogo td.no-bordo, table.tabella-catalogo tr.no-bordo td {border-bottom:none; padding-bottom:0;}

table.tabella-catalogo td h2 {font-size:14px; font-weight:700; color:#990000; margin:0 0 5px 0; line-height:normal;}

table.tabella-catalogo td h2.nero, .nero  {color:#000000 !important;}

table.tabella-catalogo td.gruppo {padding-top:50px !important; background:none;}

table.tabella-catalogo td.gruppo h3 {color:#336666;}

table.tabella-catalogo td .infoBox {display:none; margin:15px 0 15px 5%;}

table.tabella-catalogo td .infoBox h3 {font-size:14px; font-weight:700; color:#990000; margin:0 0 5px 0; line-height:normal;}

table.tabella-catalogo td ol, table.tabella-catalogo td ul {margin-top:0; margin-bottom:15px;}




a.pulsante-apri-infoBox {float:right; display:block; width:15px; height:15px; margin:3px 0 0 0;
		background:url(../Immagini/pulsante-apri-infobox.png) top center no-repeat;}

a.pulsante-chiudi-infoBox {float:right; display:none;  width:15px; height:15px; margin:3px 0 0 0;
		background:url(../Immagini/pulsante-chiudi-infobox.png) top center no-repeat;}
		
a.pulsante-note-approfondimento {float:right; display:block; width:15px; height:15px; margin:3px 12px 0 0;
		background:url(../Immagini/pulsante-note-approfondimento.png) top center no-repeat;}
		
a.pulsante-note-approfondimento.allineaDx {margin:3px 0 0 0;}
		
a.pulsante-ascolta-musica {float:right; display:block; width:15px; height:15px; margin:3px 12px 0 0;
		background:url(../Immagini/pulsante-ascolta-musica.png) top center no-repeat;}
		
a.pulsante-apri-infoBox:hover,
a.pulsante-chiudi-infoBox:hover,
a.pulsante-note-approfondimento:hover,
a.pulsante-ascolta-musica:hover
		{background-position:0 -15px;}
		
		
div#barraCatalogo {background:#F0F0ED; padding:12px 30px 0 30px; width:740px; height:auto; margin-left:-30px;}

div#barraCatalogo.barraCatalogoFissa {position:fixed; z-index:10; top:0; height:32px;
		background:#E1E1E1; border-bottom:#CCCCCC 1px solid; text-align:right;}
		

div#barraCatalogo table {border:none; border-collapse:collapse;}
		
div#barraCatalogo table td {border:none; padding:0 12px 0 0;}

div#barraCatalogo table tr td:last-child  {text-align:right; padding:0 0 0 0;}


a#pulsanteEspandiSchede {display:inline-block;}
a#pulsanteCompattaSchede {display:none;}


div.ancora-catalogo, a.ancora-catalogo {width:1px; height:1px; position:absolute; top:-60px;}


.un-asterisco {display:inline-block; width:14px; height:9px; margin:0 3px;
		background:url(../Immagini/asterisco.gif) left center no-repeat;}
		
.due-asterischi {display:inline-block; width:28px; height:9px; margin:0 3px;
		background:url(../Immagini/asterisco.gif) left center repeat-x;}




/* TABELLA BIOGRAFIA ***************************************************************************** */


table.tabella-biografia {width:100%; border-collapse:collapse; border-top:#CCCCCC 1px solid;
		margin-top:35px;}

table.tabella-biografia td {line-height:150%; vertical-align:top; border-bottom:#CCCCCC 1px solid;
		padding:12px 12px 12px 0; position:relative;}

table.tabella-biografia tr td:last-child {padding:12px 0 12px 0; width:100%;}

table.tabella-biografia td.no-bordo, table.tabella-biografia tr.no-bordo td {border-bottom:none; padding-bottom:0;}

table.tabella-biografia td ol, table.tabella-biografia td ul {margin-top:0; margin-bottom:15px;}

table.tabella-biografia td.data-biografia {white-space:nowrap; word-spacing:3px; padding-right:20px;}

table.tabella-biografia tr.episodio-vita td {color:#990000;}

table.tabella-biografia tr.episodio-vita td.data-biografia {font-weight:normal;}


div.filtra-biografia {margin:25px 0 0 0;}

div.filtra-biografia a {display:inline-block; margin:5px 0; padding-left:22px;
		background:url(../Immagini/pulsante-filtra-biografia.png) top left no-repeat;}
		
div.filtra-biografia a.attivo {color:#000000; text-decoration:none; cursor:default;
		background:url(../Immagini/pulsante-filtra-biografia-attivo.png) top left no-repeat;}
		
		
		

/* COLORI TABELLE BARTOK ************************************************************************ */

.rossomedio {color:#FF0000;}
.verde {color:#009900;}
.blu {color:#3366FF;}




/* RESPONSIVE ************************************************************************************ */
/* *********************************************************************************************** */
/* *********************************************************************************************** */



/* SMARTPHONE E TABLET (FINO A 1020 PIXEL) */

@media screen and (max-width: 1020px) {

div#barraCatalogo {background:#F0F0ED; width:100%; padding:12px 0 0 0; margin-left:0;}

div#barraCatalogo.barraCatalogoFissa {width:88%; padding:12px 6% 0 6%; top:52px; margin-left:0;
		background:#F0F0ED; left:0; box-shadow:0 5px 10px #999999;}		
	
div.ancora-catalogo, a.ancora-catalogo {top:-110px;}

}


/* GESTIONE ETICHETTE PULSANTI ESPANDI / COMPATTA SCHEDE */

@media screen and (min-width: 801px) {
	a#pulsanteEspandiSchede:after {content:' tutte le schede';}
	a#pulsanteCompattaSchede:after {content:' tutte le schede';}
}

@media screen and (max-width: 800px) {
	a#pulsanteEspandiSchede:after {content:' schede';}
	a#pulsanteCompattaSchede:after {content:' schede';}
}