/* $Id: eventi.css,v 1.19 2010-02-23 10:16:34 efilippi Exp $ */

body { margin: 15px 0; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; font-size: 11px; color: #000; background: #ddd }
img { border: 0 }
form { margin: 0 } 
a { color: #000; }
	a:hover { text-decoration: underline }
input.button { padding: 4px 10px; font-size: 11px; color: #000; font-weight: bold; background: #f80; border: 0 }
ul { margin-top: 0; margin-bottom: 0 }
	li { margin: 0 0 16px -25px }
h1, h2, h3, h4, h5, h6 { line-height: 1.6em }
h1 { margin: 0 0 25px -10px; padding-bottom: 3px; font-family: "Times New Roman", Times, serif; font-size: 18px; border-bottom: 1px solid #558 }
h3 { padding: 30px; line-height: 1.6em; color: #555; background: #ff9; border: 3px double #ff0; }


#container { position: relative; width: 990px; margin: 0 auto; border: 2px solid #b2d235; border-top: 0; background: url(../images/silhouette.gif) 30px 130px no-repeat #f7faea}
	

	/* HEADER */
	#header { height: 120px; padding: 35px 0 0 480px; background: url(../images/header_bg.jpg) no-repeat right top; }
	
		#logo { position: absolute; top: 40px; left: 50px; z-index: 2 }
		
		#barraNav { float: left; margin-right: 10px; line-height: 1.6em; text-align: right }
			#barraNav a { text-transform: lowercase; text-decoration: none; font-weight: bold }


	/* STRISCIA FOTO IN ORIZZONTALE */
	#striscia { position: relative; height: 30px; margin-top: 70px; }
		#payoff { position: absolute; top: -31px; right: 71px }
	
	
	/* HOME CONTENT 3 AREE */
	#treAreeHome { width: 930px; margin: 25px auto; color: #fff}
		#treAreeHome a { color: #fff}

		#homeCosaeEventi { float: left; width: 286px; margin: 0 }
			#homeCosaeEventi img.ttl { display: block; margin: 0 auto 10px auto }
			#homeCosaeEventi div.content { height: 200px; overflow: auto; padding: 15px; background: #000 }
			#homeCosaeEventi div.freccetta { text-align: right; background: #000 }
	
		#homeLavoraConNoi { float: left; width: 286px; margin: 0 35px }
			#homeLavoraConNoi img.ttl { display: block; margin: 0 auto 10px auto }
			#homeLavoraConNoi div.content { height: 200px; overflow: auto; padding: 15px; background: #000 }
			#homeLavoraConNoi div.freccetta { text-align: right; background: #000 }
	
		#homeENews { float: left; width: 286px; margin: 0 }
			#homeENews a { text-decoration: none }
			#homeENews img.ttl { display: block; margin: 0 auto 10px auto }
			#homeENews div.content { height: 200px; overflow: hidden; padding: 15px; line-height: 1.3em; background: #000}
			#homeENews div.freccetta { text-align: right; background: #000}
	
	
	/* CONTENUTI no home */
	#paginazione { margin-top: 20px; padding: 17px 0 7px 0; text-align: left; color: #888; border-top: 1px dotted #888 }
		#paginazione a:hover { text-decoration: none }
		.paging_current { margin: 0 7px; padding: 3px 10px 4px 10px; color: #888; background: none; border: 1px solid #888 }
		.paging_links { margin: 0 7px; padding: 3px 10px 4px 10px; color: #000; background: #f80 }
	#contentCms { float: left; width: 620px; }
	#colDx { float: right; width: 200px; margin-top: 50px; text-align: center}
	#contentArancio { border: 1px solid red; margin: 30px; min-height: 500px; height: auto !important; height: 500px; padding: 25px 30px 30px 40px; background: url(../images/bg_secondpage_arancio.gif) center top no-repeat #ffb70f }
		#contentArancioFull { margin: 30px; padding: 25px 40px 30px 40px; background: #fc1 }
	#contentAzzurra { margin: 30px; min-height: 500px; height: auto !important; height: 500px; padding: 25px 30px 30px 40px; background: url(../images/bg_secondpage_azzurra.gif) center top no-repeat #7bc7de }
		#contentAzzurraFull { margin: 30px; padding: 25px 40px 30px 40px; background: #83d4ed }
	#contentVerde { margin: 30px; min-height: 500px; height: auto !important; height: 500px; padding: 25px 30px 30px 40px; background: url(../images/bg_secondpage_verde.gif) center top no-repeat #acd838 }
		#contentVerdeFull { margin: 30px; padding: 25px 40px 30px 40px; background: #b8e63c }
	#contentGrigia { margin: 30px; min-height: 500px; height: auto !important; height: 500px; padding: 25px 30px 30px 40px; background: url(../images/bg_secondpage_grigia.gif) center top no-repeat #e4e4e4 }
		#contentGrigiaFull { margin: 30px; padding: 25px 40px 30px 40px; background: #ededed }

	/* NEWS */
	#news { margin: 30px; min-height: 500px; height: auto !important; height: 500px; padding: 25px 300px 30px 40px; background: url(../images/bg_secondpage_grigia.gif) center top no-repeat #e4e4e4 }
		#news a { text-decoration: underline }
	
	/* GALLERY */
	a.galleryFolder { font-size: 150%; text-decoration: none }
		img.galleryThumb { display: inline; margin: 10px; border: 1px outset #fff; }

	/* BOTTONE SKYPE */
		#skype { margin-top: 20px; height: 55px; padding-top: 7px; background: #fff; border: 1px solid #ddd}

	/* FOOTER */
	#footer { padding: 0 10px 15px 10px; color: #809726; }
		#footer a { color: #dbbe00; text-decoration: none }
		#footerSx  { float: left; margin-left: 20px }
		#footerCentrale  { float: left; margin: 5px 0 10px 30px }
		#footerDx  { float: right; margin: 5px 20px 10px 0; text-align: right}


/************** js calendar css ****************/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(../images/jscalendar-menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}