/* Elementi di base */



blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	padding-left: 28px;
}

/* Elementi personalizzati
   Questi elementi servono a collocare correttamente 
   gli elementi principali all'interno della gabbia strutturale 
     nel link cera color: #664;
     
     a:link, a:visited, a:hover, a:active, a:focus {
text-decoration: none; cursor:pointer;  font-size: 1.1em;}

a:hover, a:active, a:focus {
text-decoration: underline; }
     
   
   */

img { vertical-align:bottom; border:0; }

img.small {vertical-align:bottom; border:0; height:50px; width:50px; margin-bottom:10px;}



div#footer:after,
div.content-row:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

div#lingua  { width: 960px; height:14px; margin: 40px auto; margin-top:10px; text-align: right;  }
/* Elementi della gabbia strutturale */
/*  border-top:3px solid #c04343;  -- >  liinea rossa sopra i link*/
div#container { width: 960px; margin: 40px auto; background: #fff; border-top:3px solid #c04343; }

/* Intestazione
   L'intestazione e' composta da un'unica riga e un'unica colonna 
   contiene sia il titolo che il menu di navigazione */

div#header { width:940px; height:130px; background:#fff; position:relative; padding-left:20px; }
div#header h1 { font-size:1em; text-transform:uppercase; color:#bebebe; font-weight:normal; padding-top:21px;}
div#header h1 span { font-family:georgia, serif; font-size:3.2em; font-weight:bold; color:#262626; position:relative; top:4px; padding:2px 15px 2px 0; margin-right:12px;  }

.showart  { font-style:normal; font-size:1.1em;  color:#262626; position:relative; top:0px; padding:0px 0px 0px 0px ; margin-right:0px;margin-left:6px;  }

.showart2  {text-align: right; font-style:normal; font-size:1.1em;  color:#262626; position:relative; top:0px; padding:10px 10px 10px 10px ; margin-right:0px;margin-left:6px;margin-right:12px;  }

/* Menu Navigazione */

div#header ul#menunav { position:absolute; top:23px; right:20px; margin:0; padding:0; list-style:none; }
div#header ul#menunav li { float:left; padding:4px 8px; background:#fff; margin:0 0 0 1px; }
div#header ul#menunav li a { color:#c04343; border-bottom:0px solid #fff; padding:4px 8px; text-decoration:none; }
div#header ul#menunav li a:hover { color:#fff; border-bottom:0px solid #fff; padding:4px 8px; text-decoration:none; background:#c04343; }
div#header ul#menunav li.active { float:left; padding:4px 8px; background:#c04343; margin:0 0 0 1px; }
div#header ul#menunav li.active a { color:#fff; border-bottom:0px solid #fff; padding:4px 8px; text-decoration:none; }

div#listatag { width:900px; }
/*div#listatag a { color:#c04343; border-bottom:0px solid #fff; text-decoration:none; } */
div#listatag a:hover { color:#fff; border-bottom:0px solid #fff; text-decoration:none; background:#c04343; }
div#listatag a { color:#c04343; border-bottom:0px solid #fff;  text-decoration:none; }
div#tabAltriHome { width:900px; }


/* Contenuti - su 3 colonne - stile giornale */

div#content { width:940px; height:auto; background:#fff; padding:0 10px 20px 10px; }


div.content-row { display:block; background:#fff; padding:5px 0; float:left; }
div.content-rows { display:block; background:#fff; padding:25px 0 5px 0; float:left; }
div.content-col { width:280px; margin:0 10px; background:#fff; float:left; display:inline; }
div.content-ListQuadri { width:520px; margin:0 10px; background:#fff; float:left; display:inline; }
div.content-ListUtenti { width:120px; margin:0 10px; background:#fff; float:left; display:inline; }
div.content-col h2 { color:#c04343; font-size:1.8em; text-transform:uppercase; padding:0 ; }
div.content-col h3 { color:#545454; font-size:1.4em; line-height:1.4em; font-family:georgia, serif; font-weight:normal; text-align:justify; margin:5px 0 20px 0; }
div.content-col p { margin:5px 0; font-size:1.3em; line-height:1.4em;  }
div.content-col p.descr { color: #664; font-size: 1.1em; margin-bottom: 6px; }
div.content-col strong { color:#545454; }
div.content-col img { margin:5px 0; }
div.content-col a { font-size:1.3em; color:#c04343; }
div.content-colwide { width:570px; margin:0 10px; background:#fff; float:left; }
div.content-colwide p { margin:5px 0; font-size:1.3em; line-height:1.4em; text-align:justify; }
div.content-colwide a { font-size:1.3em; color:#c04343; }
div.content-biografia { width:870px; margin:0 10px; background:#fff; float:left; }
div.content-imageProfilo { width:220px; margin:0 10px; background:#fff; float:left; display:inline; }

div.colonnaArticoli{ width:140px; margin:0 10px; background:#fff; float:left; display:inline; }




/* Pie' di Pagina, chiusura pagina 
   Unica riga, unica colonna */

div#footer { width:940px; height:auto; background:#c04343 url(./img/bg-footer.jpg) top left repeat-x; padding:3px 10px; }
div#footer p a { font-size:1em; color:#fff; padding:3px 10px; border:0; }

/* li ho aggiunti io*/

div#dettaglio { align: center; }
.centra{
margin:10px 0px 10px 0px;
text-align:center;
}

.quadro {
    text-align: center;
    width: 100%;
    height: 1005;
    padding-bottom: 60px;
}
.immagineQuadro { text-align: center; }
.descrQuadro { text-align: center;}
.descrQuSROID { text-align: center;}
div#sopraParticolari { text-align: left;  width: 600px;  height: 70px;}
div#sopraParticolari a img {text-align: left; border: 1px solid #CCC;padding: 4px; }

/*dovrebbe mettere i quadri sulla stessa linea*/

.quadroElenco {
	position:relative; padding-left:20px; 
    width: 300;
    height: 300;
    padding-bottom: 60px;
    display:inline;
}

.quadroGalleria {
	border: 1px solid #000;
	width: 500px;
    height: 500px;
    display:inline;
}

/*bordo con distaza di 5px */ 
.imageborder { border: 1px solid #CCC;padding: 14px; }

.commentoCl { border: 1px solid #CCC;border-left: 0px;border-right: 0px;;border-top: 0px;padding: 6px; width: 500px;text-align:left;}
.utenteCommentoCl { border: 0px solid #CCC;padding: 6px; width: 500px;}

.photoDettaglio { border: 1px solid #CCC;width: 800px;height: 700px; }

.imgprofilo { border: 1px solid #CCC;padding: 14px; float: left;margin-right:14px;margin-bottom:14px;   }

.biografia { text-align:justify; font-size:14px;  }



/* inizio galleria*/
/* nomi domini zeusi cicibu vaihy  */
div.parete2
{
  margin: 2px;
  border: 1px solid #ffffff;
  height: 150px;
  width: 170px;
  float: left;
  text-align: center;
}

div.pareteHome
{
  margin: 2px;
  border: 1px solid #ffffff;
  height: 200px;
  width: 170px;
  float: left;
  text-align: center;
}
div.parete
{
  margin: 2px;
  border: 1px solid #ffffff;
  height: 290px;
  width: 270px;
  float: left;
  text-align: center;
}


div.img
{
  margin: 2px;
  border: 1px solid #CCC;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: left;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  padding-left: 12px;
}
/*fine galleria*/
div.parete4
{
  margin: 2px;
  border: 1px solid #ffffff;
  width: 240px;
  float: left;
  text-align: center;
}


div.img4
{
  margin: 2px;
  border: 1px solid #CCC;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img4 img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img4 a:hover img {border: 1px solid #0000ff;}
div.desc4
{
  text-align: left;
  font-weight: normal;
  width: 110px;
  margin: 2px;
  padding-left: 12px;
}

/* Elementi della gabbia strutturale */
div#blocco-anni { text-align: center; }

div.altriquadri
{
  text-align: left;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  padding-left: 12px;
}

div#altriquadri { text-align: left;  width: 80px;  float: left; display:inline; padding-left:5px;}
div#altriquadri a img {text-align: left; border: 1px solid #CCC;padding: 4px; }


div#showart2  {text-align: right; font-style:normal; font-size:1.1em;  color:#262626; position:relative; top:0px; padding:0px 0px 0px 0px ; margin-right:0px;margin-left:6px;  }
div#showart2 a img {text-align: left; border: 1px solid #CCC;padding: 4px; }
div.descQuadroDett
{
  text-align: left;
  font-weight: normal;
  width: 420px;
  margin: 2px;
  padding-left: 12px;
}

/*dovrebbe mettere i quadri sulla stessa linea*/




.spot-image { 

  
    width: 64px; 

    height: 64px; 

    text-align: center; 

    border: solid 1px #CCCCCC; 

    overflow: hidden; 

}

 

.box-image {

    margin: 2px; 
    width: 60px; 
    height: 60px; 
    overflow: hidden;
}  

  

.box-image img { 

    margin: 0px; 

    padding: 0px; 

    height: 60px; 

}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	width: 70px;
	height: 70px;
	border: solid 1px #000;
}
.gallery img {
	width: 100px;
	height: 70px;
	position: absolute;
	clip: rect(0 85px 70px 15px);
	left: -15px;
}
.descc {
margin:0px 0px 0px 0px;
color: rgb(102, 102, 102);
font-size: 12px;
} 
.desccAutore {
margin:-4px 0px 0px 0px;
color: rgb(102, 102, 102);
font-size: 12px;
}