@import url("https://fonts.googleapis.com/css?family=Ubuntu");

/* CSS scritto da Danny Design per Pubblicartomania */


* {font-family:'Ubuntu', Arial, Verdana, Tahoma, Helvetica, sans-serif;}


body {background:#333333; margin:0;}

img {border:none;}

div {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, .titolo-pagina {margin:0 0 10px 0; padding:0;}

h1, .titolo-pagina {font-weight:normal; font-size:28px; letter-spacing:-1px;}

h2 {font-weight:normal; font-size:24px; letter-spacing:-1px;}

h3 {font-size:15px;}

 
a {color:#999999; text-decoration:none;}
a:hover {color:#000000;}

img.img-sinistra {float:left; margin:0 25px 15px 0;}

img.img-bordogrigio {border:#CCCCCC 1px solid;}

hr {height:1px; border:0px; color:#CCCCCC; background-color:#CCCCCC; margin:20px 0;}


#header, #corpo, div.contenitore-menu-primario, div.menu-secondario {box-shadow:0 5px 10px #000000;}



/* TESTATA *********************************************************************** */


#header {background:#000000 url(images/sfondo-testata.jpg);
		width:990px; height:180px; margin:60px auto 25px auto;
		color:#FFFFFF; position:relative;}


#header p.titolo-sito {font-size:36px; padding:45px 0 0 490px; margin:0;
		letter-spacing:-1px; text-shadow:3px 3px 3px #000000;}
		
#header p.sottotitolo-sito {font-size:24px; padding:0 0 10px 490px; margin:10px 0 0 0;}

div.header-clicker {background: url(images/spacer.gif); width:990px; height:180px;
		position:absolute; z-index:5; cursor:pointer;}
		
		
		
#header p.titolo-intro {font-size:36px; padding:0 0 0 490px; margin:0;
		letter-spacing:-1px; text-shadow:3px 3px 3px #000000;}
		
#header p.sottotitolo-intro {font-size:20px; padding:21px 0 0 490px; margin:0;}

a.entra {display:block; position:absolute; bottom:-40px; left:455px; 
		width:70px; height:42px; padding-top:28px; background:#000000;
		border:#000000 5px solid; border-radius:40px; text-align:center; font-size:13px;}
		
a.entra:hover {color:#FFFFFF; border:#FFFFFF 5px solid;}




/* SLIDER PAGINA INTRO *********************************************************** */
	
#sliderContainer {width:990px; margin:0 auto; overflow: hidden;}
	
#sliderContainer ul {overflow: hidden; margin:0; padding:0; width:300%;}

#sliderContainer ul li {width:5.56%; list-style:none; float:left; margin-right: 0%;
		text-align:center; color:#FFFFFF;}
	
#sliderContainer ul li div.wrapper-carta {height:170px;}


	


/* MENU PRIMARIO *********************************************************************** */

div.contenitore-menu-primario {background:#000000; width:100%; position:fixed;
		top:0; left:0; z-index:10;}

div.menu-primario {width:990px; margin:0 auto;}

div.menu-primario ul {margin:0; padding:0; list-style:none;}
 
div.menu-primario ul li {float:left;}

div.menu-primario ul li a {display:block; padding:15px 10px; color:#CCCCCC;
		font-size:13px; font-weight:bold; text-decoration:none;}

div.menu-primario ul li a:hover {background:#666666; color:#FFFFFF;}

div.menu-primario ul li a.attivo, div.menu-primario ul li a.attivo:hover
		{background:#999999; color:#FFFFFF; cursor:default;}
		
		
		
/* MENU SECONDARIO / BREADCRUMB ********************************************************* */		
		
div.menu-secondario {position:relative; background:#CCCCCC; width:990px; margin:0 auto 25px auto;}

div.menu-secondario ul {width:990px; margin:0; padding:0; list-style:none;}
 
div.menu-secondario ul li {float:left; font-size:13px;}

div.menu-secondario ul li a
		{display:block; padding:15px 25px 15px 15px; color:#666666; text-decoration:none;
		background:#CCCCCC url(images/sfondo-breadcrumb.png) right center repeat-y;}

div.menu-secondario ul li a:hover {color:#000000;}


div.menu-secondario ul li a.current, div.menu-secondario ul li a.current:hover
		{background:none #CCCCCC; color:#000000; cursor:default;}
		

div.menu-secondario ul li a.inattivo, div.menu-secondario ul li a.inattivo:hover
		{display:block; padding:15px 25px 15px 15px; color:#000000; text-decoration:none;
		background:#CCCCCC url(images/sfondo-breadcrumb.png) right center repeat-y; cursor:default;}

		
		
div.menu-secondario ul li a.precedente {color:#FFFFFF; padding:15px 20px 15px 40px; 
		background:#999999 url(images/freccia-precedente.gif) left center no-repeat;}
		
div.menu-secondario ul li a.precedente:hover {color:#FFFFFF;
		background:#666666 url(images/freccia-precedente.gif) left center no-repeat;}
		
		

div.menu-secondario ul li a.successivo {color:#FFFFFF; padding:15px 40px 15px 20px; 
		background:#999999 url(images/freccia-successivo.gif) right center no-repeat;}

div.menu-secondario ul li a.successivo:hover {color:#FFFFFF;
		background:#666666 url(images/freccia-successivo.gif) right center no-repeat;}
		
		
		
div.menu-secondario ul li a.chiudi {width:44px; height:44px; padding:0; display:block;
		background:#999999 url(images/chiudi.gif) center center no-repeat;}

div.menu-secondario ul li a.chiudi:hover {width:44px; height:44px; padding:0; display:block;
		background:#666666 url(images/chiudi.gif) center center no-repeat;}
		


/* MENU LATERALE *********************************************************************** */

div.menu-laterale {background:rgb(230,230,230);}

div.menu-laterale ul {margin:0; padding:0; list-style:none;}
 
div.menu-laterale ul li {font-size:13px;}

div.menu-laterale ul li a {display:block; padding:10px 15px; color:#000000; text-decoration:none;
		border-bottom:#FFFFFF 1px solid;}

div.menu-laterale ul li a:hover {background:#333333; color:#FFFFFF;}

div.menu-laterale ul li a.attivo, div.menu-laterale ul li a.attivo:hover
		{background:#999999; color:#FFFFFF; cursor:default;}
		
		

/* ICONE SOCIAL ************************************************************************** */
		
div.social {margin-left:-5px; display:none;}

div.social img {float:left; margin-top:5px; opacity:0.5;}

div.social img:hover {opacity:1;}



/* CORPO PRINCIPALE *********************************************************************** */

#corpo {width:990px; height:100%; margin:0 auto 25px auto; background:#FFFFFF;}

#corpo-intro {width:990px; height:100%; margin:0 auto 25px auto; background:none;
		font-size:13px; color:#FFFFFF;}



/* CONTENUTI A TUTTA LARGHEZZA ************************************************************ */

#tutta-larghezza {width:950px; 
		padding:20px 0 20px 20px; font-size:13px; line-height:150%;}
		
div.divisorio-tutta-larghezza {clear:both; width:950px; height:50px;
		background:url(images/divisorio-tutta-larghezza.png) no-repeat;}



/* COLONNA SINISTRA *********************************************************************** */

#colonna-sinistra {float:left; width:240px; 
		padding:20px 0 20px 20px; font-size:13px; line-height:150%;}
		
div.riquadro-numerazione {width:220px; height:90px; margin:0 0 25px 0;
		padding:30px 10px 0 10px; color:#FFFFFF; text-align:center; font-size:18px;
		font-weight:bold; background:url(images/sfondo-numerazione.jpg);}
		
p.numerazione {font-size:60px; text-shadow:5px 5px 3px #000000; margin:0 0 30px 0; 
		font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
		
		
		
/* COLONNA DESTRA ************************************************************************* */		

#colonna-destra {float:left; width:660px; padding:20px 20px 25px 40px;
		font-size:13px; line-height:150%;}

div.divisorio-destra {clear:both; width:660px; height:50px;
		background:url(images/divisorio-destra.png) no-repeat;}
		
div.container-thumbnails img {margin:0 35px 35px 0 !important;}



/* TABELLE VARIE ************************************************************************* */	

table.caratteristiche-mazzo,
table.tabella-collezione,
table.tabella-documentazione,
table.tabella-links,
table.tabella-fuorisacco,
table.tabella-mancolista,
table.tabella-aggiornamenti,
table.tabella-generica	
		{border-collapse:collapse; width:100%;}	
		

table.caratteristiche-mazzo td,
table.tabella-generica td
		{margin:0; padding:5px 15px 6px 0; border-bottom:#CCCCCC 1px solid; vertical-align:top;}
		
		
table.caratteristiche-mazzo tr td:first-child {padding-right:60px;}
table.caratteristiche-mazzo tr td:last-child {width:100%;}
		
	
table.tabella-collezione td,
table.tabella-documentazione td,
table.tabella-links td,
table.tabella-fuorisacco td,
table.tabella-mancolista td,
table.tabella-aggiornamenti td
		{margin:0; padding:5px 15px 6px 15px; border-bottom:#CCCCCC 1px solid; vertical-align:top;}	
		

table.caratteristiche-mazzo td a,
table.tabella-collezione td a,
table.tabella-documentazione td a,
table.tabella-links td a,
table.tabella-fuorisacco td a,
table.tabella-mancolista td a,
table.tabella-aggiornamenti td a,
table.tabella-generica td a
		{font-weight:bold;}
		

table.tabella-collezione td.numerazione,
table.tabella-documentazione td.numerazione,
table.tabella-links td.numerazione,
table.tabella-fuorisacco td.numerazione,
table.tabella-mancolista td.numerazione,
table.tabella-aggiornamenti td.numerazione
		{font-size:18px; width:60px; background:rgb(50,100,75);
		color:#FFFFFF; text-align:center; white-space:nowrap;}
		
		
table.tabella-collezione td.numerazione.inattiva,
table.tabella-aggiornamenti td.numerazione.inattiva
		{background:rgb(220,220,220);}
				
		
table.tabella-caratteristiche-pubblicazione
		{border-collapse:collapse;}		
		
table.tabella-caratteristiche-pubblicazione td
		{margin:0; vertical-align:top; padding:5px 20px 5px 0 !important;
		border-bottom:#CCCCCC 1px solid; white-space:nowrap;}
		
		
		

/* BOX QUADRATI HOME PAGE ***************************************************************** */

div.contenitore-box-home
		{width:940px; min-height:230px; margin-left:17px; margin-right:-10px;}

a.box-home, div.box-home
		{display:block; float:left; width:172px; height:172px;
		border:#CCCCCC 1px solid; padding:18px 20px 22px 20px; margin:0 20px 20px 0;
		background:#FFFFFF url(images/sfondo-box-home.jpg);}
								
a.box-home:hover
		{background-position:0 -218px; color:#FFFFFF;}
		
		
		
		
/* CLASSI SPECIFICHE PAGINA PREMESSA ******************************************************* */

div.autore-sito
		{float:left; width:240px; margin-right:40px;}
		
div.autore-sito img
		{margin-right:10px;}
		
a.pulsante-pubblicartomania, a.pulsante-cartagiocofilia
		{display:inline-block; padding:2px 6px; background:rgb(50,100,75);
		color:#FFFFFF; margin:0 4px;}
		
a.pulsante-pubblicartomania:hover, a.pulsante-cartagiocofilia:hover
		{background:#999999;}
		
div#spiegazione-termini
		{display:none; margin:30px 0 30px 280px; font-size:18px;
		border-left:#CCCCCC 1px solid; padding-left:30px; color:#666666; 
		line-height:140%;}
		
a.chiudi-spiegazione-termini
		{float:right; font-size:36px;}
		
		
		
		
/* CLASSI SPECIFICHE PAGINA COSA SONO ***************************************************** */
		
table.illustrazione-cosa-sono
		{border-collapse:collapse; margin:40px 0;}

table.illustrazione-cosa-sono td
		{padding:0; margin:0;}
		
table.illustrazione-cosa-sono td.didascalia
		{padding-left:30px; color:#666666;}
		
table.illustrazione-cosa-sono td.didascalia p
		{margin:8px 0;}
		
		
		
		
/* CLASSI SPECIFICHE PAGINE DOCUMENTAZIONE E FUORISACCO ************************************* */

table.scheda-documentazione, table.scheda-fuorisacco
		{border-collapse:collapse; width:100%; border:#CCCCCC 1px solid; position:relative;}
		
table.scheda-documentazione td, table.scheda-fuorisacco td
		{padding:20px; vertical-align:top;}
		
td.cella-immagine-documentazione, td.cella-immagine-fuorisacco
		{width:250px; border-right:#CCCCCC 1px dotted; text-align:center;}
		
td.cella-immagine-documentazione img, td.cella-immagine-fuorisacco img
		{margin-bottom:10px;}
		
		
p.titolo-scheda-documentazione, p.titolo-scheda-fuorisacco
		{font-size:24px; line-height:26px; margin:0 0 15px 0; letter-spacing:-1px;}	
		
p.titolo-scheda-documentazione span, p.titolo-scheda-fuorisacco span
		{font-size:24px;}
		

div.nazione-scheda-documentazione
		{position:absolute; top:0; right:5px; padding:20px; font-weight:bold; color:#999999;}			


div.pulsanti-scheda-documentazione, div.pulsanti-scheda-fuorisacco
		{clear:both; height:70px; background:url(images/divisorio-tutta-larghezza.png) no-repeat 0 -17px;}
		
		
a.pulsante-indice-scheda, a.pulsante-up-scheda
		{display:block; width:40px; height:40px; float:right; margin:15px 0 15px 15px;
		background-color:#CCCCCC;}
		
a.pulsante-indice-scheda:hover, a.pulsante-up-scheda:hover
		{background-color:#999999;}
		
a.pulsante-indice-scheda {background-image:url(images/pulsante-indice-scheda.gif);}

a.pulsante-up-scheda {background-image:url(images/pulsante-up-scheda.gif);}




/* CLASSI SPECIFICHE PAGINA MANCOLISTA ***************************************************** */

td.dettaglio-mancolista
		{display:none; width:100%; border-top:#FFFFFF 5px solid; margin-top:-1px;}
		
td.dettaglio-mancolista div
		{display:none;}
		
td.dettaglio-mancolista div img
		{margin-right:20px; margin-bottom:30px;}
		
a.chiudi-dettaglio-mancolista
		{float:left; margin-right:20px; font-size:36px;}
		
		
		
		
/* CLASSI SPECIFICHE PAGINE ARTISTI ******************************************************* */

a.link-pagina-artista
		{display:block; clear:both; border:#CCCCCC 1px solid; width:198px;
		padding:10px; background:#FFFFFF; margin-bottom:-1px;}
		
a.link-pagina-artista.brunazzi
		{width:218px !important;}
		
a.link-pagina-artista:hover
		{background:#999999; color:#FFFFFF;}
		
		
		

div.ritratto-brunazzi
		{width:100%; background:#CCCCCC; padding:40px 0; text-align:center;}
		
img.ritratto-facchinetti
		{border:#999999 10px solid;}
		
		
div.ritratto-kuto
		{width:218px; border:#CCCCCC 1px solid; padding:40px 0; text-align:center;}
		
div.ritratto-kuto img
		{margin-top:5px;}
		
table.opere-kuto td
		{padding-right:12px; text-align:center;}
		
table.opere-kuto td img
		{float:left; margin-bottom:6px;}
		
		
div.ritratto-anichini
		{width:220px; height:260px; background:url(Artisti/images/a_anichini0.jpg) center center;}
		
table.opere-anichini td img
		{float:left; margin:7px 15px 8px 0;}
		
		
		
/* CLASSI SPECIFICHE PERSONALIZZAZIONE HIGHSLIDE ******************************************* */
		
div.highslide-wrapper, div.highslide-caption {background:#000000; color:#FFFFFF;}
	
		
		
/* FOOTER ********************************************************************************** */

#footer-esterno {clear:both; background:#000000; width:100%; padding:30px 0 0 0; margin:50px 0 0 0;}
		
#footer-interno {position:relative; width:990px; margin:0 auto;}

div.box-footer {width:280px; height:300px; float:left; border-left:#666666 1px solid;
		padding:0 20px 0 25px; font-size:13px; color:#CCCCCC; line-height:150%;} 
		
div.box-footer a, a.neglink {color:#999999;}
div.box-footer a:hover, a.neglink:hover {color:#FFFFFF;}

a.pulsante-up {width:80px; height:40px; display:block; 
		background:#000000 url(images/pulsante-up.png);
		position:absolute; top:-60px; left:455px;
		border-top-left-radius:40px;
		border-top-right-radius:40px;
		}
		
a.pulsante-up:hover {background-position:0 -80px;}



/* CONTATORE SHINYSTAT ********************************************************************* */

body.contatore {background:#000000; margin:0; padding:0;}

iframe.iframe-contatore {background:#000000; width:120px; height:50px;
		border:none; overflow:hidden;}




/* VARIE E GENERICHE *********************************************************************** */

.corpo6 {font-size:6px;}
.corpo7 {font-size:7px;}
.corpo8 {font-size:8px;}
.corpo9 {font-size:9px;}
.corpo10 {font-size:10px;}
.corpo11 {font-size:11px;}
.corpo12 {font-size:12px;}
.corpo13 {font-size:13px;}
.corpo14 {font-size:14px;}
.corpo15 {font-size:15px;}
.corpo16 {font-size:16px;}
.corpo17 {font-size:17px;}
.corpo18 {font-size:18px;}
.corpo19 {font-size:19px;}
.corpo20 {font-size:20px;}
.corpo21 {font-size:21px;}
.corpo22 {font-size:22px;}
.corpo23 {font-size:23px;}
.corpo24 {font-size:24px;}
.corpo25 {font-size:25px;}
.corpo26 {font-size:26px;}
.corpo27 {font-size:27px;}
.corpo28 {font-size:28px;}
.corpo29 {font-size:29px;}
.corpo30 {font-size:30px;}
.corpo31 {font-size:31px;}
.corpo32 {font-size:32px;}
.corpo33 {font-size:33px;}
.corpo34 {font-size:34px;}
.corpo35 {font-size:35px;}
.corpo36 {font-size:36px;}
.corpo37 {font-size:37px;}
.corpo38 {font-size:38px;}
.corpo39 {font-size:39px;}
.corpo40 {font-size:40px;}
.corpo41 {font-size:41px;}
.corpo42 {font-size:42px;}
.corpo43 {font-size:43px;}
.corpo44 {font-size:44px;}
.corpo45 {font-size:45px;}
.corpo46 {font-size:46px;}
.corpo47 {font-size:47px;}
.corpo48 {font-size:48px;}
.corpo49 {font-size:49px;}
.corpo50 {font-size:50px;}

.altezza5 {height:5px;}
.altezza10 {height:10px;}
.altezza15 {height:15px;}
.altezza20 {height:20px;}
.altezza30 {height:30px;}
.altezza40 {height:40px;}
.altezza50 {height:50px;}
.altezza60 {height:60px;}
.altezza70 {height:70px;}
.altezza80 {height:80px;}
.altezza90 {height:90px;}
.altezza100 {height:100px;}


.right3 {margin-right:3px;}
.right5 {margin-right:5px;}
.right10 {margin-right:10px;}
.right15 {margin-right:15px;}
.right20 {margin-right:20px;}


.larghezza100 {width:100px;}
.larghezza150 {width:150px;}
.larghezza200 {width:200px;}
.larghezza250 {width:250px;}
.larghezza300 {width:300px;}
.larghezza350 {width:350px;}
.larghezza400 {width:400px;}
.larghezza450 {width:450px;}
.larghezza500 {width:500px;}


.grassetto {font-weight:bold;}

.italic {font-style:italic;}

.nero {color:#000000;}
.grigio {color:#999999;}
.rosso {color:red;}
.verde {color:green;}
.arancio {color:orange;}
.silver {color:silver;}
.blu {color:#000099;}
.azzurro {color:#0099FF;}
.bianco {color:#FFFFFF;}

.floatSx {float:left !important;}
.floatDx {float:right !important;}

.allineaCentro {text-align:center;}

.clearfix, .clearBoth {clear:both;}

.noWrap {white-space:nowrap;}

.nascosto {display:none;}

.tuttaLarghezza {width:100%;}

.positionAbsolute {position:absolute;}

.positionRelative {position:relative;}



.roundedSmall
{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.roundedMedium
{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.roundedLarge
{-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}


/* FINE CSS ******************************************************************************* */