body { font-family:arial, helvetica, geneva, sans-serif; font-size:76%; color:#424242; background-color:#e8e8ea; text-align:center; margin:3% 0 3% 0; padding:0; text-align:center; }

a { color:#5BB5DE; font-weight:bold; }
a:visited { color:#3884A7; }
a:hover { color:#9DE1FF; }
a:focus { outline:none; }

img { border:0; }

table { border-collapse:collapse; border-spacing:0; }

.cn { text-align:center; }
.floater1 { float:left; margin:5px 10px 5px 0; }
.sg { clear:both; }

hr { clear:both; color:#cccccc; background-color:#cccccc; border:0; height:3px; }

.middle * { vertical-align:middle }

  /* popup quadro */
  
body.popup { background-color:#ffffff; margin:0; padding:0; text-align:center; color:#696969; }
body.popup h1 { font-size:1.1em; color:#BABABC; text-transform:uppercase; text-align:center; }
body.popup h1 em { color:#9A2329; font-style:normal; }
body.popup p { font-size:0.9em; margin:0; }
body.popup p.autore { font-weight:bold; margin-top:0.1em; }
body.popup td.spiega { padding:0 20px;  }
body.popup td.spiega p { text-align:left; margin:12px 0; }

  /* indice */

#inizio { width:720px; min-height:414px; height:auto !important; height:414px; position:relative; background-color:#ffffff; margin:0 auto; text-align:left; }
  #inizio h1 { margin:0; width:468px; height:86px; position:absolute; left:240px; top:76px; background:url(immagini/artArt.gif) no-repeat top left; }
  #inizio h1 span { display:none; }
  
.claim { position:absolute; left:513px; top:346px; width:192px; height:32px; background:url(immagini/claim.gif) no-repeat top left; }
  .claim span { position:absolute; left:-9999px; }
  
#foto { position:absolute; left:47px; top:234px; width:185px; height:62px; background:url(immagini/ico.jpg) no-repeat top left; }

.perche, .eventi, .artisti, .contatti, .news, .link { position:absolute; left:240px; display:block; background:no-repeat 0 0; height:18px; }

.perche { width:77px; background-image:url(immagini/bott_perche.gif); top:231px }
  a:hover.perche  { background-position:0 -23px }
  
.eventi { width:124px; background-image:url(immagini/bott_eventi.gif); top:256px }
  a:hover.eventi  { background-position:0 -23px }
  
.artisti { width:67px; background-image:url(immagini/bott_artisti.gif); top:256px }
  a:hover.artisti  { background-position:0 -23px }
  
  
.news { width:50px; background-image:url(immagini/bott_news.gif); top:280px }
  a:hover.news  { background-position:0 -23px }
  
.contatti { width:79px; background-image:url(immagini/bott_contatti.gif); top:280px }
  a:hover.contatti  { background-position:0 -23px }
   
.link { width:40px; background-image:url(immagini/bott_link.gif); top:304px }
  a:hover.link  { background-position:0 -23px }

.perche span, .eventi span, .artisti span, .contatti span, .news span, .link span { position:absolute; left:-9999px; }

  /* pagine */
  
h1 { font-size:1.6em; }
h2 { font-size:1.4em; color:#BABABC; text-transform:uppercase; }
h3 { font-size:1.1em; color:#BABABC; text-transform:uppercase; }
h4 { font-size:1em; }

h1, h2, h3, h4 { margin:0.6em 0 0 0; }

p { margin:0.3em 0 0 0; }
  
#pagina { width:720px; min-height:414px; height:auto !important; height:414px; position:relative; background-color:#ffffff; margin:0 auto; text-align:left; }
  #pagina .logo { margin:0; position:absolute; left:0; top:0; background:url(immagini/artArt_pagina.gif) no-repeat top left; }
  #pagina .logo a { display:block; width:240px; height:60px;}
  #pagina .logo span { display:none; }
  
#contenuto { margin:0 15px 0 240px; padding-top:70px; padding-bottom:10px; }
#contenuto:after { content: " "; display:block; height:0; clear:both; visibility:hidden;  }


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

.intro p { color:#a0a0a3; }
.intro hr { width:100%; }  

.nota { font-size:0.9em; clear:left; }

#navi { width:163px; position:absolute; left:0; top:139px; text-align:right; }
  #navi p { margin:0; }
  #navi a { color:#bababc; text-decoration:none; font-size:0.9em; text-transform:uppercase; }
  #navi a:hover { color:#9DE1FF; }

  /* perche */

  #pagina h1.perche { margin:0; width:114px; height:25px; position:absolute; left:240px; top:34px; background:url(immagini/titolo_perche.gif) no-repeat top left; }
  #pagina h1.perche span { display:none; }
  
  #percheico1 { width:369px; height:62px; background:no-repeat 0 0 #ffffff; margin:5px 0; }
  #percheico2 { width:62px; height:62px; background:no-repeat 0 0 #f1f1f3; position:absolute; top:140px; left:170px; }
  
  
  
  /* artisti */

  #pagina p.artisti { margin:0; width:97px; height:25px; position:absolute; left:240px; top:34px; background:url(immagini/titolo_artisti.gif) no-repeat top left; }
  
	h1.gallery { font-size:1.4em; color:#BABABC; text-transform:uppercase; }
  
  #artistiico1 { width:369px; height:62px; background:no-repeat 0 0 #f1f1f3; margin:5px 0; }
  #artistiico2 { width:62px; height:62px; background:no-repeat 0 0 #f1f1f3; position:absolute; top:140px; left:170px; }
  
  
#gallery { clear:left; margin-top:2em; }
  #gallery img { border:1px solid #ffffff; }
  #gallery a:hover img { border:1px solid #9DE1FF; }

  #gallery ul { margin:0; padding:0; }
  #gallery li { text-align:center; font-size:0.9em; list-style-type:none; width:42%; margin:0; float:left; padding:0 1em 3em 0; }
  #gallery li:after { content: " "; display:block; height:0; clear:both; visibility:hidden;  }
  #gallery li img { }
  #gallery li p { margin:0; }
  
  
  /* eventi */
  
  #pagina h1.eventi { margin:0; width:186px; height:25px; position:absolute; left:240px; top:34px; background:url(immagini/titolo_eventi.gif) no-repeat top left; }
  #pagina h1.eventi span { display:none; }
  
  #eventiico1, 
  #eventiico1a, 
  #eventiico3,
  #eventiico5,
  #eventiico7 { width:455px; height:62px; background:no-repeat 0 0; margin:5px 0 15px 0; }
  #eventiico2, 
  #eventiico2a,
  #eventiico4,
  #eventiico6,
  #eventiico8 { width:62px; height:62px; background:no-repeat 0 0; position:absolute; top:140px; left:170px; }
  
  #eventiico1 { background-image:url(immagini/eventi_ico01.jpg) } /* generale - foto */
  #eventiico2 { background-image:url(immagini/eventi_ico02.jpg) }
  
  #eventiico3 { background-image:url(immagini/eventi_ico03.jpg) } /* paesaggio */
  #eventiico4 { background-image:url(immagini/eventi_ico04.jpg) }
  
  #eventiico5 { background-image:url(immagini/eventi_ico05.jpg) } /* giovani artisti */
  #eventiico6 { background-image:url(immagini/eventi_ico06.jpg) }
  
  #eventiico7 { background-image:url(immagini/eventi_ico07.jpg) } /* nudo */
  #eventiico8 { background-image:url(immagini/eventi_ico08.jpg) }
  
  #eventiico1a { background-color:#f1f1f3; } /* generale - grigio */
  #eventiico2a { background-color:#f1f1f3; }
  
  .evento { border-top:1px solid #BABABC; padding-bottom:0.6em; }
  

    /* contatti */

  #pagina h1.contatti { margin:0; width:118px; height:25px; position:absolute; left:240px; top:34px; background:url(immagini/titolo_contatti.gif) no-repeat top left; }
  #pagina h1.contatti span { display:none; }
  
  #contattiico1 { width:369px; height:62px; background:no-repeat 0 0 #ffffff; margin:5px 0; }
  #contattiico2 { width:62px; height:62px; background:no-repeat 0 0 #f1f1f3; position:absolute; top:140px; left:170px; }
  
    /* news */

  #pagina h1.news { margin:0; width:72px; height:25px; position:absolute; left:240px; top:34px; background:url(immagini/titolo_news.gif) no-repeat top left; }
  #pagina h1.news span { display:none; }
  
  #newsico1 { width:369px; height:57px; background:no-repeat 0 0 #f1f1f3; margin:5px 0; }
  #newsico2 { width:62px; height:62px;background: no-repeat 0 0 #f1f1f3; position:absolute; top:140px; left:170px; }
  
  h3.mostra1 { color:#9A2329; text-transform:uppercase; font-size:1.6em; }
  
    /* link */

  #pagina h1.link { margin:0; width:67px; height:25px; position:absolute; left:240px; top:34px; background:url(immagini/titolo_link.gif) no-repeat top left; }
  #pagina h1.link span { display:none; }
  
  #linkico2 { width:62px; height:62px; background:no-repeat 0 0 #f1f1f3; position:absolute; top:140px; left:170px; }

  
  
    /* pagina News */
    
.data  { color:#bbbbbb; font-weight:bold; border-bottom:1px solid #bbbbbb; padding-bottom:0.2em; }

  /*rosso*/
.mostra1 { font-family:palatino, georgia, "times new roman"; font-weight:bold; color:#AB2828; font-size:1.3em; }
  /*grigio*/
.mostra2 { font-family:palatino, georgia, "times new roman"; font-weight:bold; color:#aaaaaa; font-size:1.3em; }
  /*nero*/
.mostra3 { font-family:palatino, georgia, "times new roman"; font-weight:bold; color:#222222; font-size:1.3em; }

    
.amm strong { font-size:1.2em; }
.amm h3 { font-size:1.6em; color:#9E4904; text-transform:uppercase; }
  
.amm em { font-size:1.2em; color:#9E4904; text-transform:uppercase; font-weight:bold; font-style:normal; }
  
    /* thumbnail */
    
p.autore { color:#424242; }
table.icone p.premiodef { font-weight:bold; color:#9A2329; margin:8px 0; } 

table.icone { margin:0 0 1em 0; }
table.icone td { text-align:center; vertical-align:top; padding:0.2em 0.6em 0.6em 0.2em; color:#696969;}
table.icone p { font-size:0.8em; margin:0; } 

table.iconefoto { width:100%; }
table.iconefoto td { text-align:center; padding:1em 0}

table.quadro { width:100%; height:460px; text-align:center; vertical-align:middle; margin:0; }
table.quadro td { vertical-align:middle; padding:0; margin:0; }
table.quadro td.imag { height:420px; vertical-align:middle; padding:0 5px;}

table.iconev { margin:0 0 1em 0; background-color:#eeeeee; width:90%; }
table.iconev td { text-align:left; vertical-align:middle; padding:0.6em 0.6em 0.3em 0.6em; color:#696969; }
table.iconev td.ico { width:15%; }
table.iconev p { font-size:0.8em; margin:0; } 
table.iconev p.classifica { font-size:0.9em; font-weight:bold; color:#999999; } 

.iconef { margin:1em auto; background-color:#eeeeee; padding:1em; text-align:center; }

/* natale */

div.natale { width:121px; height:124px; background:url(immagini/natale.gif) no-repeat top left; position:absolute; top:-25px; left:-25px; }