/* colori 
nero
giallo: #FFE242 (links)
giallo meno saturo #C2AC32 (link in fondo)
*/

/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { background-color: #fff; font: 12px/1.4em "trebuchet ms",'lucida grande', 'lucida sans unicode', 'arial', 'helvetica', sans-serif; color:#000;}
/* body { background: #fff url(../img_temp/griglia976-16px.gif) center top repeat-y; }  */

/* --- Typography --- */
a:link { text-decoration:none; color: #3B57AC}
a:visited {text-decoration:none; color: #8532AA;}
a:hover {text-decoration:underline;}

ol { list-style-type: lower-alpha; margin-left:2em;}
ul { list-style-type: disc; margin-left:2em;}
p, li, dt, dd { line-height: 1.7em; }
.griglia p { line-height: 1.4em; margin-bottom: 0.6em; }
#contenuti p, #contenuti h3 {margin-top: 20px;}
h1 { line-height: 32px; font-size: 19px; }
h1.visFoto { line-height: 20px; font-size: 15px; margin-top:6px; font-weight:bold;}
h1.visFoto span { font-size: 12px; }
h2 { line-height: 32px; font-size: 17px; color: brown; }
h3 { line-height: 32px; font-size: 15px; color: brown;}
h4 { line-height: 32px; font-size: 14px; }
table { margin: 20px;}
th { background: #e7e7e7; font-weight:bold;}
th, td { padding: 4px; }
dt { margin-top: 8px;}
dd { margin-left: 16px; }
table.tabellaNumeri td { text-align:right; }

#contenuti fieldset { padding:6px 8px; margin:20px 0; }
legend { font-weight:bold; color: brown; border: 1px dashed #FFE242; 
	padding: 2px 6px; margin: 2px auto; }
optgroup {font-style:normal; font-weight:bold; background-color:#ccc; color:#666;}
option {background-color:#fff; color:#000;}




/* BLOCCHI */
#tagline { float:left; display: block; width: 280px; margin: 46px 20px 0; font-size:10px; text-transform:uppercase; letter-spacing:0.1em; }	
#testataExt { width: 100%; background: #000 url(../img/sfondoTestata2.png) left bottom repeat-x; overflow:hidden; border-bottom: 1px solid #000; padding-bottom:7px; margin:0 auto;}
#testata {background: #000; width: 960px; margin:0 auto; padding: 4px 8px; overflow:hidden; color:#eee;}
#navcontainer { width:960px; padding: 0 8px; margin: 0 auto; background-color: #000; overflow:hidden;}
#contenuti { /* background: #fff url(../img/sfondo.gif) center top no-repeat; */ width:976px; margin: 0 auto; overflow:hidden; } 
#home>#contenuti { background: #fff url(../img/sfondo.gif) center top no-repeat; }
#contenuti { min-height: 500px;}
#contPri,#colonna,#colonna-2 {overflow: hidden; float: left; display: inline;}
#contPri { width: 762px; margin: 0 6px 0 16px; }
#colonna { width: 160px; margin: 0 16px; } /* colonna 120px */
#colonna-2 { width:160px; margin: 0 0 0 8px;} /* colonna 160px */
#parteBassa { clear: both; }
#fondo { margin:40px auto 0; padding: 40px 0 16px; /* border-top: 3px double #FFE242; */ background-color: #000; color: #ddd; overflow:hidden;
background: #000 url(../img/sfondoFondo.png) left top repeat-x; }
.titFoto { float:left; width: 284px; height: 74px; overflow:hidden;}
.b468x60 { float:left; width: 468px; height: 74px; }

/* griglia fatta di righe e colonne 976-960 m8 c5 */
.grigliaC-1 {width: 176px;}
.grigliaC-2 {width: 368px;}
.grigliaC-3 {width: 560px;}
.grigliaC-4 {width: 752px;}
.grigliaC-5 {width: 944px;}
.grigliaC-1, .grigliaC-2, .grigliaC-3, .grigliaC-4, .grigliaC-5 {
    margin: 0 8px 0 8px; overflow: hidden; float: left; display: inline; }
.grigliaR {width: 960px; margin: 0 auto 16px; overflow: hidden; }
.grigliaR .grigliaR {margin: 0 -8px 0 -8px; width: auto; display: inline-block;}

#contenuti .grigliaC-1 { text-align:center;}
span.evInfo { color: #666; }
.thumb { border:1px solid #000; padding: 1px; background-color:#FFE242; }
.warning { padding: 2px 4px;  }
.errore { margin: 10px; padding: 10px; border: 2px solid red; font-weight: bold; }
/* ----------------------------------------------------------- */

.elencofoto p {letter-spacing: 0.1em; font-size: 12px; margin-bottom: 0.4em; }
#logo {display: block; float:left;}
#logo a { height: 76px; width: 245px; } 

#fondo p { color: #777; letter-spacing: 0.1em; line-height: 1.8em; font-size: 12px; text-align:left;}
#fondo a { color: #C2AC32;}
#fondo ul { list-style-type: none; padding:0; margin:0; }
#fondo div.griglia { background-color: transparent;}

#ricerca { margin-top: 10px; float:right; width: 320px; font-size: 11px; }
#ricerca fieldset {margin:0px; padding: 8px 8px; }
#ricerca label {color:#d9d9d9;}

/* navigazione */
#navcontainer ul  { background-color: #000; float: left; width: 974px; margin:0; padding:0; }
#navcontainer ul li { display: inline; text-transform:uppercase; letter-spacing: 0.2em; margin:0; padding:0; text-align:center;}
#navcontainer ul li a, #navcontainer ul li span { 
padding: 0.2em 16px; background-color: #000; color: #FFE242; text-decoration: none; float: left; border-right: 1px solid #C2AC32;
font-size: 11px; width: 100px; }
#navcontainer ul li a:hover { background: #333 url(../img/sfondonav.gif) left bottom repeat-x; color: #FFE242; }
#navcontainer ul li span {padding: 0.2em 1em; background: #333 url(../img/sfondonav.gif) left bottom repeat-x; color: #FFE242; text-decoration: none; float: left; border-right: 1px solid #333; }

p#evento {display:block; padding: 3px 8px;}
p#autore { float:left; width: 284px; margin-top: 4px;}
p.scorrimento { display:block; text-align:center; font-size: 100%; margin: 16px 0;}

.box { border: 1px solid #e7e7e7; background: #f5f5f5;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; clear:both; }
.box p { margin: 8px 8px;}

#fotobox { overflow:hidden; clear:all; text-align:center; margin: 0 auto;}
img.imgSucc, img.imgPrec {  visibility:hidden; }
.linkPrec, .linkSucc {
	display: block;
	position: absolute;
	top: 0;
	width: 200px;
	outline: none;
    height: 505px;
    z-index: 100;
    background: transparent url(../img/traspar.gif) repeat;
} 
#foto {  position:absolute; left:0; border:1px solid #000; z-index: 1;}
#fotobox { width: 762px; min-height:505px; position:relative; }

.linkPrec { left: 0; }
.linkPrec:hover {
	background: transparent url(../img/prec.gif) no-repeat 0 15%;
    background-color:#FFE242; filter:alpha(opacity=70);
    -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
.linkSucc {	right: 0; }
.linkSucc:hover {
	background: transparent url(../img/succ.gif) no-repeat 100% 15%;
     background-color:#FFE242; filter:alpha(opacity=70);
     -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

/*

#fotobox { overflow:hidden; clear:both; position:relative; text-align:center; text-align:center; margin: 0 auto;}
 a.linkPrec, a.linkSucc { display: block; position:absolute; width: 38px; top: 0; height:100%; float:left; z-index: 6; overflow:hidden;}
.linkSucc { margin-left: 724px; }
img.imgSucc, img.imgPrec {  z-index: 7; top:50%; visibility:hidden; }
a:hover .imgSucc, a:hover .imgPrec { visibility:visible; }
#fotobox a:hover { background-color:#FFE242; filter:alpha(opacity=70);
  -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } */


/* PAGINATION */
#categorie { margin:16px 8px;}
#categorie ul { margin:0; padding:0;}
#categorie ul li {display: block; float:left; background-color:#000; border: 1px solid #333; margin: 0 16px 0 0; padding: 4px 4px; width:70px; text-align:center; 
border-bottom: 4px solid #C2AC32;}
#categorie ul li:hover { border-bottom: 4px solid #FFE242;}
li#catseiqui {background-color:#333; color:#ccc; padding: 4px 4px;}
#categorie a { padding: 4px 4px; color:#FFE242; text-decoration:none; }


div#paginazione2 { clear:both; float:left; width:100%; height: 30px; overflow:hidden; }
#pagination { position:relative; left:50%; margin: 0 auto;}
#pagination li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left;
right:50%; position:relative; } /* position relative qui è per IE */
/* savers #pagination li,*/
#pagination a { border:solid 1px #DEDEDE; margin-right:2px; }
#pagination .previous-off, #pagination .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }	
#pagination .next a, #pagination .pElenco, #pagination .previous a  { border:none; font-weight:bold; }	
#pagination .attivo     {font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination a:link,
#pagination a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination a:hover     { text-decoration:none; }

#paginazione { float:left; position:relative; left:50%; text-align:left; margin: 8px 0 8px; font-size: 11px;}
#paginazione ol { list-style:none; position:relative; left:-50%; /* overflow:hidden; */ }
#paginazione li { float:left; position:relative; /* ie needs position:relative here*/
  border-right:1px solid #999; min-width: 1.6em; text-align:center;} 
#paginazione li:last-child, #paginazione li:first-child {border-right-width:0;}
li.pElenco { margin-right:16px; }

.pThumb { display:none; }
#paginazione a {position:relative; z-index:24;  }
#paginazione a:hover img.pThumb { width:178px; border:1px solid #000; display:block; position: absolute; left: -70px; bottom: 30px; z-index:30; }


#buttons a { text-decoration:none; padding:2px 5px; }
#buttons li:hover { background:#FFE242; }

/* -------------- */
ul.fotoSquadra li { float:left; padding:0; margin:0 10px; list-style-type:none;}
ul.fotoSquadra { clear:both; border-bottom: 1px solid #ccc; overflow:hidden; padding:0; margin:0;}