/* --------------------------------------------------------------------
Author: Carlo Carmagnini - http://www.ztl.it/carcar/
Copy, modify, destroy - but don't copyright it! FREE THE CODE!
Please support web standards, enjoy Mozilla/Firefox: http://www.mozilla.org
You may adapt elements of this CSS in your own projects, but the unique combination
of images, colors, sizes, typography, and positioning ("the design") is
copyright 2004 www.fototifo.it and may not be reproduced. 
-------------------------------------------------------------------- */ 

body { margin: 0px 0px;
	padding: 0px 0px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* per quel cesso di Explorer 5 */
	background: #000 url(../img/sfondo_body.gif) left top repeat;
	}
a {color: #fc0; text-decoration: none;}
a:visited { text-decoration: none; color:#fc0}
a:hover, a:focus { text-decoration: underline; }

h1 {font: 150% Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
h2 {font: 120% Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
img {border:0px;}
hr { visibility:hidden; clear: both; height:1px;overflow:hidden;margin-top:-1px; padding:0px;
	line-height: 1px; font-size: 0; width: 750px;}
.nasco {display: none;}
legend {font-weight:bold;}

#boxone { width:760px; text-align:left; margin: 0px auto; padding:0px;  border:1px solid #333; border-top-width:0px;}

/*  TESTATA */
#testata {text-align: left; margin: 0px; padding:0px; height: 77px; background-color: #000;}
#logo { margin:0px; float:left; padding: 0px; border:0px;}
#testata h1 {display:none;}
#ricerca {float:right; width: 450px; }
#ricerca fieldset {margin:10px 8px; padding: 6px 10px; border: 1px dotted #ccc; font-size: 11px;
	background: transparent url(../img_tmp/sfondo_ricerca.jpg) left top repeat;}
#ricerca label {color:#fff;}
#ricerca legend {font-weight:normal; color:#fff; background-color: #333; border:1px solid #777; padding: 2px 6px;}

/* NAVIGAZIONE */
#nav {padding:0px; margin:0px; height:1.4em; background: #000 url(../img/sfondo_nav.gif) left bottom repeat-x;}
#nav-sez {float:left; text-align: left;  padding:2px 0px 0px 0px; height:1.5em; margin-left:7px; 
	voice-family: "\"}\""; 
	voice-family:inherit; padding:0px; height:1.4em;  } 
html>body #nav-sez {
	padding:0px; height:1.4em;  /* ie5win di merda */
	}
#nav-sez ul { margin: 0; padding: 0; display:inline;
	text-align:left; line-height:1.3em;
	list-style-type:none; }
#nav-sez ul li {display:inline; padding:2px 3px;  margin:0px 3px; border-right: 2px solid #333; border-left: 2px solid #333;
	 border-top: 1px solid #333; background: #666 url(../img/sfondo_nav.gif) left bottom repeat-x;
	width:7em;
	voice-family: "\"}\""; 
	width:auto;  } 
html>body #nav-sez ul li {
	width:auto;  /* ie5win di merda */
	}
#nav-sez a { color:#eee;}
#nav-sez a:hover { color:#fff;}
#nav-sez li#seiqui {background: #000 none; color:#ccc;}
#nav-about { float:right; text-align: left;  height:1.3em; }
#nav-about ul { margin: 0; padding: 0; display:inline;
	text-align:left; line-height:1.3em;
	list-style-type:none; 
}
#nav-about ul li {display:inline; padding:2px;  margin:0px 3px; border-right: 2px solid #333;  border-left: 2px solid #333; border-top: 1px solid #333; background:#222 url(../img/sfondo_nav.gif) left bottom repeat-x;}
#nav-about a { color:#ccc;}

/* CONTENUTI */
#contenuti { width: 760px; clear:both; text-align: left; margin:0px; padding: 4px 0px; 
	background-color: #000; color: #e7e7e7;
}

/* EVENTI TOP */
#eventitop { position:relative; left:0; top:0; width:760px; height:12.25em; text-align: left; padding:0px 0px; 
	margin: 4px 1px 0px 1px;  font-size:10px; border:0px; overflow:hidden; background-color: #000;
	color: #e7e7e7;
	voice-family: "\"}\"";
	voice-family:inherit; width: 750px; 
}
html>body #eventitop {
	width: 750px; /* ie5win di merda */
	}
.thumbtop {border:1px solid #ccc;}
#eventitop h3 { margin:0px 4px; 
	padding: 18px 0px 0px 0px; width: 107px;
	background: transparent url(../img/eventi-top_nero.gif) center top no-repeat;
	overflow: hidden; height: 18px;
	voice-family: "\"}\"";
	voice-family:inherit; height: 0;
}
html>body #eventitop h3 {
	height: 0; /* ie5win di merda */
	}

div.eventotop {text-align: center; float:left; width:150px; padding:2px 0px; margin:0px 0px; }

/* BOX BACHECA */

#box { 
	float:left; text-align: left; height:134px; width: 420px; overflow: auto; padding:4px; margin: 6px 4px 0px 4px; 
	font-size:10px; border:1px solid #666; background-color: #333; color:#e7e7e7;
}
	
/* EVENTO PRIMO PIANO */
#primopiano { float:left; width:295px; margin: 6px 0px 0px 2px; font-size: smaller; background-color: #333;
	border:1px solid #666; padding:1px;}
#descfotobig { position:relative; z-index: 1; padding-left:3px; font-weight:bold; height:20px; margin-top: -20px;
	background: transparent url(../img/grigio-70.png) left top repeat; font-size:larger; }

/* THUMBS EVENTI */
#gruppoeventi { float:left; width:740px; margin: 4px 2px 2px 2px; padding: 0px; overflow:hidden;}
#gruppoeventi h3 { margin:0px 4px; 
padding: 18px 0px 0px 0px; width: 205px;
background: transparent url(../img/ultimi-inseriti_nero.gif) center top no-repeat;
overflow: hidden; height: 18px;
voice-family: "\"}\"";
voice-family:inherit; height: 0;
}
html>body #gruppoeventi h3 {
	height: 0; /* ie5win di merda */
}
div.spacer { clear: both;}

div.evento {  float:left; width:140px; height: 13em; margin:3px 2px 2px 0;padding:4px 2px;
	font-size:10px; text-align: center; voice-family: "\"}\"";
	voice-family:inherit; height: 11em;
}
html>body div.evento {
	height: 11em; /* ie5win di merda */
}
.thumb {border:1px solid #ccc;}
div.evento p { margin:1px; text-align: center;}

/* finale */
#infocopy { font-size:10px; margin:8px 8px; border-top: 1px dotted #333; }
.ripristino-float {clear: both; height:1px;overflow:hidden;margin-top:-1px; padding:0px;
	line-height: 1px;
	font-size: 0; 		/* Font size is important */
}
#footer {width:760px; border: 1px solid #666; text-align: center; clear: both; padding:2px;
	font: 85% Verdana, Arial, Helvetica, sans-serif; color:#bbb;
	background: #000 url(../img_tmp/sfondo_ricerca.jpg) left top repeat;
	voice-family: "\"}\"";
	voice-family:inherit; width:754px;
}
#footer p { margin: 0 0; padding: 2px;}

html>body #footer {
	width:754px; /* ie5win es una mierda */
}
#footer a {color:#fc0 }

#credits {
	display: none;
	position: absolute;
    bottom: 20px;
    left: 230px;
    width: 20em;
    color: #000;
    background: transparent url(../img/grigio-40.png) left top repeat;
     /* z-index: 1; */
	text-align:left;
	padding:0px;
	}
#credits a {color:#0000CC;}	
#credits div {
  background-color: #fc0;
  border:1px solid #E6B800;
  color: #000;
  padding: 4px 0px 4px 8px;
  position: relative;
  top: -5px;
  left: -5px;
} 
dt {font-weight:bold;}
dd {font-size: smaller;}
/*
w3c css button credits: Opera software website http://www.opera.com - try it! 
It's an excellent browser - actually maybe the best - even on old PCs
*/
.w3cbutton {
	margin:0 0 0 10px;
	width:10em;
	font-size:10px;
	font-weight:bold;
	float:right;
	line-height:normal;
	background:#d2d2d2;
	}
.w3cbutton a {
	display:block;
	width:100%;
	padding:.1em 0;
	color:#333;
	border-top:1px solid #ccc;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	border-left:1px solid #ccc;
	}
.w3cbutton a:link, .w3cbutton a:visited, .w3cbutton a:hover {
	text-decoration:none;
	color:#333;
	}
.w3cbutton a:hover {
	border-top:1px solid #555;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #555;
	}
.w3cbutton span.w3c {
	background-color:#fff;
	color:#2c49a9;
	padding:.1em .4em;
	}
.w3cbutton span.spec { 
	padding:0 0 0 .4em; color:#000;
	}

/**/
/* lo so, questo CSS è poco pulito a vedersi: mi piacciono i CSS disordinati e ribelli. :-) */