/* @override http://www.martemilano.com/css/marte.css */

body,html{
	width:100%;
	height:100%;
	margin:0px;
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

a {
	color:#000;
	text-decoration:none;
}

div#logo {
	margin:15px;
	display: none;
}

div#main_menu {
	width:140px;
	padding:10px;
	margin:17px 0 0 15px;
	background:#000000;
	color:#FFFFFF;
}

div#main_menu a {
	color:#fbfbfb;
	text-decoration:none;
}

div#main_menu a:hover {
	text-decoration:underline;
}

div#main_menu span {

}

div#main_menu p {
	margin:3px;
}

/**************************
*** STILI REACH ***********
**************************/

div#reach {
	padding:15px;
}

div#reach span {
	display: inherit;
	font-size:1em;
	background:black;
	min-width:60px;
	/**/
	color:#fff;
	padding:2px 4px 1px 4px;
	margin:0 0 7px 0;
}

div#reach p {
	margin:2px 0 0 0;
}

/**************************
*** STILI NEWS ************
**************************/

/* Contenitore generale delle news */
div.news_container {
	padding:10px;
}

/* Contenitore del titolo a new chiusa */
div.news_title_container {
	margin:5px;
}

/* Titolo della new chiusa */
span.news_title_closed {
	font-size:1em;
	background:black;
	color:#fbfbfb;
	padding:2px 6px 2px 4px;
}

/* Titolo della new aperta */
span.news_title_opened {
	font-size:1em;
	background:black;
	color:#fff;
	padding:2px 6px 2px 4px;
}

/* Corpo della new */

div.news_content {
	margin:5px 0 5px 0;
}

div.news_content img {
	margin:10px 10px 10px 0;
}

/* Link per aprire la new */
a.news_open {

}

/* Contenitore della new aperta */
div.news_body_container {
	display:none;
	margin:5px;
}

/* Link per chiudere la new */
a.news_close {
	text-decoration:line-through;
	margin:0 0 5px 0;
}

/* Contenitore di autore e data */

div.author_date {
	height:20px;
	padding:2px;
	color: #000000;
	font-style:italic;
	border-top:1px dashed #000000;
	* border-top:1px dotted #000000;
}

/* Autore della new */
span.news_author {
	
}

/* Data della new */
span.news_date {
	
}

/******************
*** STILI WORKS ***
******************/

/* Sortable tables */
table.sortable {
}
table.sortable a.sortheader {
}
table.sortable span.sortarrow {
}

/* Contenitore tabella lavori */
div.works_container {
	padding:15px 12px 10px 12px;
}

/* Tabella dei lavori */
table#works_table {
	/*border: 1px solid #000000;*/
	border-collapse:collapse;
}

/* Riga intestazione lavori */
tr.works_header {
}

tr.works_header th {
	padding:3px;
}

tr.works_header th a:link, tr.works_header th a:active, tr.works_header th a:visited, tr.works_header th a:hover
{
	text-decoration:none;
}

/* Intestazione titolo lavori */
th.works_title_header {
	border-bottom: 1px solid #000000;
}

/* Intestazione tipologia lavori */
th.works_type_header {
	border-bottom: 1px solid #000000;
}

/* Intestazione data lavori */
th.works_date_header {
	border-bottom: 1px solid #000000;
}

/* Riga lavori */
tr.works_row {
	/*border-bottom: 1px solid #000000;*/
}

tr.works_row td {
	padding:5px;
	text-align:left;
	border-bottom: 1px solid #000000;
}

/* Riga titolo lavori */
td.works_title_row {
	text-align:left;
	/*border: 1px solid #000000;*/
}

/* Riga tipologia lavori */
td.works_type_row {
	text-align:left;
	/*border: 1px solid #000000;*/
}

/* Riga data lavori */
td.works_date_row {
	text-align:left;
	/*border: 1px solid #000000;*/
}

/*****************************
**** STILI WORK SINGOLO ****
*****************************/

/* Contenitore work */
div.work_container {
	padding:10px;
}


/* Titolo work */
div.work_title {
	font-size:1em;
	
}

div.work_title span {
	background:black;
	color:#fff;
	padding:2px 4px 2px 4px;
}

/* Intestazione work */
div.work_header {
	margin:10px 1px 10px 1px;
}

/* Corpo descrizione work */
div.work_body {
	text-align:justify;
}

/* Slideshow work */
div.work_slideshow {
	padding:0;
	text-align:center;
}

/* Image window */

div.image_window {
	padding:10px;
}

/*********************
** STILI SLIDESHOW ***
*********************/

/*
L'html della slideshow  fatto cosi.
<div class="work_slideshow">
	<table class="slideshow_container">
		<tr>
			<td colspan="2">
				<div class="slideshow_image">
					<div class="slideshow_loading">loading...</div>
					<div class="slideshow_unavailable">immagine non disponibile</div>
					<img class="tooltipTrigger" id="aoifeaoifn" />
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<div class="slideshow_caption"> titolo della slideshow </div>
			</td>
		</tr>
		<tr>
			<td>
				<div class="slideshow_previous"></div>
			</td>
			<td>
				<div class="slideshow_next"></div>
			</td>
		</tr>
	</table>
</div>

Il div slideshow_loading viene visualizzato quando l'utente vuole vedere un'immagine che
non  ancora stata completamente caricata.
Nei div slideshow_previous e slideshow_next l'immagine della freccia viene messa come sfondo,
quindi  meglio dimensionarli via css.
*/

/* Contenitore slideshow */
table.slideshow_container {
	border:0px;
	padding:0px;
	margin:0 auto;
	width:400px;
}

table.slideshow_container td {
	border:0px;
	padding:0px;
	margin:0px;

}

/* Freccia immagine precedente */
span.slideshow_previous {
	font-size:1.2em;
	width:40px;
	height:40px;
	cursor:pointer;
	height:10px;
	color:#000;
}

/* Freccia immagine successiva */
span.slideshow_next {
	font-size:1.2em;
	width:40px;
	height:40px;
	cursor:pointer;
	height:10px;
	color:#000;
}

/* Div contenente l'immagine e il messaggio di loading */
div.slideshow_image {
	width:400px;
	height:179px;
	cursor:pointer;
}

/* Div contenente il messaggio di loading */
div.slideshow_loading {

}

/* Div contenente il messaggio di immagine non disponibile */
div.slideshow_unavailable {

}


/* Spazio per il titolo */
span.slideshow_caption {
	text-align:left;
	font-style:italic;
	width:100%;
	padding:5px 2px 5px 2px;
	height:10px;
}

/* TOOLTIPS */
.tooltipTrigger
{

}

.tooltip
{
	background-color:#000000;
	color:#fff;
	border:0;
	z-index:10000;
	padding:3px;
}

/* Link di aggiornamento */
span.windows_title_adjust {
	display: block;
	margin: 2px 0 0 0;
}

a.window_update_link:link, a.window_update_link:active, a.window_update_link:visited {
	color:#000;
	text-decoration:none;
}

a.window_update_link:hover {
	color:#333;
	text-decoration:none;
}