/* -------------------------------------- */
/* CSS Osservatorio culturale del Cantone Ticino
/* -------------------------------------- */

/* -------------------------------------- */
/* Struttura
/* -------------------------------------- */

body {
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #eee;
	color: #000;
}

a, a:visited { color: #6191c2; text-decoration: none; }
a:hover { color: #6191c2; text-decoration: underline; }

#main { position: absolute; left: 50%; top: 0; margin-left: -445px; background-color: #fff; z-index: 60; }
	
#barra { position: relative; width: 890px; margin: 0; padding: 5px 0 5px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }	
	
	#barra p { font-size: 12px; color: #777777; padding: 0 0 0 20px; margin: 4px 0 0 0; }
	#barra p a, #barra p a:visited { color: #6191c2; text-decoration: none; }
	#barra p a:hover { color: #6191c2; text-decoration: underline; }
	
	.formRicerca { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	.textRicerca { margin: 0; padding: 2px 2px 2px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image:url(../images/icons/search.gif); background-repeat: no-repeat; background-position: center left; border: 1px solid #CCCCCC; }
	.buttonRicerca { margin: 0; padding: 1px; font-family: Arial, Helvetica, sans-serif;  font-size: 11px; }

#content { position: relative; width: 890px; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #fff; }

.cleaner { clear: both; }

/* -------------------------------------- */
/* header ti.ch
/* -------------------------------------- */

#header { position: relative; width: 880px; margin: 0 5px 0 5px; padding: 0 0 0 0; background-color: #fff; }

#menu1 {
	text-align:left;
  border-bottom:1px solid #666;
  padding:0px 0px 0px 20px;
  height:50px;
  margin:0px 0px 8px 0px;
}
#menu1 .logo { float: left; margin-top: 15px; border: 0px; }
#menu1 p { float: right; margin: 32px 0px 0px 0px; padding: 0px; color:#666; }
#menu1 p a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #666; }
#menu1 p a:hover { color: #c33; }
 
#path {
	text-align:left;
	background-color: #666;
	margin: 0 0 1px 0;
	padding: 0px;
	height: 19px;
	color: #EEEEEE;
	font-size: 10px;
}
#path p { margin:0px; padding: 4px 0px 3px 23px!important; padding: 4px 0px 3px 23px; line-height:100%; }
#path p a { color: #EEEEEE; text-decoration:none; }
#path p a:hover { text-decoration:underline; }
 
#banner {
	height:auto!important;
	height:55px;
	min-height: 55px;
	text-align:left;
	color: #EEEEEE;
	background-color: #333;
	margin-top:0px;
	border-bottom:1px solid #eee;
}
#banner h1 { margin:0px; padding:8px 10px 10px 23px; font-size: 16px; font-weight:bold; }
#banner h1 a { color: #F0F0F0; text-decoration:none; display: block; width: auto; height:auto; }
#banner span { font-weight:normal; font-size: 11px; }
 
#vuoto { height:16px; background-color:#f3f3f3; border-bottom: 1px solid #ccc; margin-bottom:30px; }

/* -------------------------------------- */
/* Menu
/* -------------------------------------- */

#menu { width: 880px; position: relative; margin: 10px 5px 3px 5px; padding: 8px 0 5px 0; height: 27px; }
	#menu ul { list-style: none; padding: 0; margin: 0 0 0 15px; }
	#menu li { 
	padding: 0 0 2px 0; 
	margin: 0; 
	color: #252525; 
	font-size: 12px;
	float: left;
	 }	
	#menu li a, #menu li a:visited { text-decoration: none; color: #252525; } 
	#menu li a:hover { text-decoration: none; color: #252525; } 
	 
	#menu li.neutro { border-bottom: 10px solid #0071bb; padding-right: 20px; margin-right: 10px; }	
	#menu li.neutro_attivo { border-bottom: 10px solid #f42e25; padding-right: 20px; margin-right: 10px; }	
	#menu li.neutro:hover { border-bottom: 10px solid #f42e25; }	
	
	#menu li.lingua { border-bottom: 10px solid #999999; padding-right: 20px; margin-right: 10px; }	
	

/* -------------------------------------- */
/* Elementi
/* -------------------------------------- */
	
.titolo { 	
	height: auto;
	border: 0;
	margin: 20px 0 0 25px;
	padding: 0;
	}
	.titolo h1 { margin: 0; padding: 0; font-size: 14px; color: #555; font-weight: bold; }

.testo { 	
	height: auto;
	border: 0;
	margin: 15px 0 15px 15px;
	padding: 0;
	}
	.testo p { font-size: 12px; color: #555; margin: 0; padding: 5px 10px 10px 10px; line-height: 16px; text-align: justify; }
	.testo h1 { margin: 0 0 1px 0; padding: 7px 10px 7px 10px; font-size: 16px; color: #0071bb; }
	.testo h2 { margin: 0 0 1px 0; padding: 7px 10px 7px 10px; font-size: 16px; color: #f42e25; }
	.testo h3 { margin: 0 0 1px 0; padding: 7px 10px 7px 10px; font-size: 14px; color: #f42e25; }
	
	.testo ul { font-size: 12px; color: #555; margin: 0; padding: 5px 10px 10px 30px; }
	.testo li { margin: 0 0 10px 0; padding: 0; line-height: 16px; }

	.ricerca ul { font-size: 12px; color: #555; margin: 0; padding: 5px 10px 10px 10px; }
	.ricerca li { margin: 0 0 5px 0; padding: 0; line-height: 16px; list-style: none; }
	
	.eventi ul { font-size: 12px; color: #555; margin: 0; padding: 5px 10px 10px 10px; }
	.eventi li { margin: 0 0 5px 0; padding: 0; line-height: 16px; list-style: none; }
	
	.sottomenu ul { font-size: 12px; color: #555; margin: 0; padding: 5px 10px 10px 10px; }
	.sottomenu li { margin: 0 0 2px 0; padding: 0; line-height: 16px; list-style: none; }
	
	.argomenti ul { font-size: 12px; color: #555; margin: 0; padding: 5px 10px 10px 10px; }
	.argomenti li { margin: 0 0 2px 0; padding: 0; line-height: 16px; list-style: none; }

	.tabella_programma { margin: 0 0 20px 10px; padding: 0; font-size: 12px; color: #555; }
	.tabella_programma td { border-top: 1px solid #CCCCCC; padding: 7px 0 7px 0; margin: 0; vertical-align: top; }
	.titolo_programma { font-weight: bold; }
	.rosso_programma { font-weight: bold; color: #f42e25; }
	.desc_programma { color: #999999; }
	
	.tabella_iscrizione { margin: 0 0 20px 10px; padding: 0; font-size: 12px; color: #555; }
	.tabella_iscrizione td { border-top: 1px solid #CCCCCC; padding: 7px 0 7px 0; margin: 0; vertical-align: top; }
	.text_iscrizione { margin: 0 0 0 10px; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	.checkbox_iscrizione { margin: 0 0 0 10px; padding: 0; }
	.button_iscrizione { margin: 0 0 0 10px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; }

/* -------------------------------------- */
/* Footer
/* -------------------------------------- */

#footer { position: relative; width: 890px; margin: 20px 0 0 0; padding: 0; }

#footer_top { position: relative; width: 880px; margin: 0 5px 0 5px; padding: 0; background-color: #666; }
	
	#footer_top p { color: #EEE; margin: 0; padding: 10px; font-size: 12px; line-height: 16px; } 
	#footer_top p a, #footer_top p a:visited  { color: #EEE; text-decoration: none; } 
	#footer_top p a:hover { color: #EEE; text-decoration: underline; }
	.autore { font-size: 11px; color: #EEE; font-variant: small-caps;  } 
		
#footer_middle { position: relative; width: 890px; margin: 0; padding: 0; background-color: #fff; }
		
	#footer_middle h1 { color: #777777; margin: 0 0 10px 0; padding: 0; font-size: 14px; line-height: 16px; } 
	#footer_middle p { color: #777777; margin: 0 0 10px 0; padding: 0; font-size: 12px; line-height: 16px; } 
	.footer_middle_table { margin: 0; padding: 0; }
	.footer_middle_table td { margin: 0; padding: 15px; }

#footer_bottom { position: relative; width: 890px; margin: 0; padding: 0; background-color: #fff;  }
	
	#footer_bottom p { color: #999; margin: 0; padding: 15px; font-size: 12px; line-height: 16px; } 
	
#footer1 {
	width: 880px; 
	margin: 0 5px 0 5px;
	height: 30px;
	border-top: 1px solid #ccc;
	font-size: 11px;
	text-align: center;
	color: #999;
	padding-top: 5px; 
}
#footer1 a { color: #999; }

/* -------------------------------------- */
/* Immagini
/* -------------------------------------- */

.img_progetto { 
	float: left;
	border: 1px solid #e9e9e9;
	margin: 0 10px 5px 0;
	padding: 5px;
 }
 
.img_news { 
	float: left;
	border: 1px solid #e9e9e9;
	margin: 0 10px 5px 0;
	padding: 5px;
 }

 
.link {
 	font-size: 11px;
	color: #FFFFFF;
	font-variant: small-caps;
	background-color: #CCCCCC;
}

/* -------------------------------------- */
/* Messaggi
/* -------------------------------------- */

.errore {
	color: #f42e25;
	font-weight: bold;
}

.conferma {
 	font-size: 12px;
	color: #009900;
	font-weight: bold;
}

/* -------------------------------------- */
/* Form
/* -------------------------------------- */

.formEdit { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
.textEdit { margin: 5px 0 0 0; padding: 2px 2px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #CCCCCC; }
.selectEdit { margin: 5px 0 0 0; padding: 2px 2px 2px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #CCCCCC; }
.buttonEdit { margin: 0; padding: 1px; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; }