/* Tableless design - PHPWebsite "Webmultimediale" Theme
di Roberto Ellero 
per il sito Webmultimediale.org
dicembre 2006

CSS per la stampa

Copyright info: Per qualsiasi uso di questo CSS si prega di
rivolgersi al responsabile del sito roberto@webmultimediale.org

It is prohibited to reproduce, modify, adapt or otherwise use
of this CSS in any manner or form
without the express written permission of the Website owner: roberto@webmultimediale.org

Questo foglio di stile č correlato al file theme.tpl e a file presenti nei moduli del CMS,
che sono stati opportunamente modificati per eliminare le tabelle di layout.

Se proprio si desidera utilizzare il layout di Webmultimediale.org, si prega di non utilizzare le immagini, 
che rappresentano le mie mani.
*/

body {
    background-color: white;
	margin: 0;
	padding: 0;
	color: #000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 94.3%;
	}

/* Setting generale tag*/

p {
	font-size: 94.3%;
	margin-top: 0; 
	margin-bottom: 	1.0em;
	padding-top: 0;
	line-height: 1.3em;	
	}	
/*h1, h2, h3 {
  font-family: "trebuchet ms", tahoma, sans-serif;
	}*/

h1 {
  font-weight: bold;
  font-size: 135%;
  padding-bottom: 0.5em;
	}
/*h1	{
    font-family : Arial, Helvetica, sans-serif;
	font-size:	35px;
	color: gray;
	border-bottom:1px solid white;
	background: transparent;
}*/
h2 {
  font-weight: bold;
  font-size: 127%;
  padding-bottom: 0.5em;
	}
h2 {
  font-weight: bold;
  font-size: 118%;
  padding-bottom: 0.5em;
	}
h4 {
	font-size:	1.1em;
}
h5 {
	font-size:	1.06em;
}
h6 {
	font-size:	1.03em;
}
hr{
	border: 0px solid;
	border-color : gray;
	border-top-width: 1px;
	height:1px;
	border-style : dotted;
}
img	{
	border:	0;
	}
.fleft {
	position: relative;
	float: left;
	margin-right: 4px;
	margin-top: 4px;
	}
.fright {
	position: relative;
	float: right;
	margin-left: 4px;
	margin-top: 4px;
	}
a {
	text-decoration: underline;
	font-weight:bold;
}
a:link	{
    color: #3A4542;
	background-color: transparent;
}
a:visited	{
	color: #028002;
	/*color: #3A4542;*/
	background-color: transparent;
}
a:active	{
	color: #999900;
	background-color: transparent;
}
a:hover	{
	color: #fff;
	background-color: #21B2AA;
	text-decoration: underline;
}

/* ID intestazione, rappresentazione della testata */
#sand {
	width:100%;
	height:100%;
    background: url('http://www.webmultimediale.org/files/sabbia.jpg') repeat-y;
	}
#header {
	height: 50px;
	}

#testa_col1 {
	display:none;
	}

#testa_col2 {
	display:none;
	}
	
#testa_logo {
	display:none;
	}
#testa_menu {
	display:none;
	}

#navcontainer ul {
	display: block;
	list-style: none outside;
	padding: 0;
	margin: 0 0 0 10px;
	font-family: Verdana, sans-serif;
    font-size: 86.3%;	
	}

#navcontainer li {
	padding: 8px;
	margin: 15px 7px 0 0;
	border-top: 1px solid #cecbc6;
	border-right: 1px solid #cecbc6;
	border-left: 1px solid #cecbc6;
	background-color: #000;
	color: #ffffff;
	font-weight: bold;
	display: block;
	float: left;
	position: relative;
	top: -1.32em;
	}

#navcontainer li.here {
	font-style: italic;
	background-color: #000;
	color: #FF9906;
	padding-left: 1.6em;
	padding-right: 1.6em;
}

#navcontainer a:link, #navcontainer a:visited {
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	}

#navcontainer a:hover {
	background-color: #000;
	color: #FF9906;
	}

#navcontainerclear { display: none; }

html>body #navcontainerclear {
	display: block;
	clear: both;
	}

#navcontainer li#active a {
	background-color: #fff;
	color: #000;
	}


/* Menu orizzontale della testata
adattamento di Clagnut CSS Tabs
http://www.clagnut.com/writings/csstabs/
  */

#menu_intestazione {
    position: relative;
   	margin: 0px;
	padding: 0px;
   	background : #028002;
	height: auto;
	width : 100%;
	z-index: 500;
	list-style: none outside none; 
}
#menu_intestazione ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
#menu_intestazione li
{
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
}
#menu_intestazione a
{
    color: white;
    display: block;
    width: auto;
    text-decoration: none;
    background: #028002;
    margin: 0;
    padding: 2px 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #aaa;
}
#menu_intestazione a { float:left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_intestazione a {float:none;}
/* End IE5-Mac hack */

#menu_intestazione a:hover, #menu_intestazione a:active { background: #FFE4C4; color: black;}

#menu_intestazione a.active:link, #menu_intestazione a.active:visited
{
    position: relative;
    z-index: 102;
    background: #BBBBBB;
    font-weight: bold;
}

/* Rappresentazione prima colonna */

.colonna1 {
    display:none;
}

/* Rappresentazione seconda colonna */

.contenuto {
    position: relative;
	margin-left: 6.1%;	
	margin-right: 2px;
	padding-left: 1.0em;
	padding-top: 1.0em;
	padding-bottom:1.0em;	
	padding-right:1.0em;
	border-left: 0px dotted white;
	border-bottom: 0px dotted white;
	background-color : transparent;
	z-index: 600;
}

/* Rappresentazione terza colonna (annidata nella seconda), che si visualizza solo in presenza di contenuti. 
Consente lo switch da layout 2 a layout 3 colonne.
Questa suddivisione, collegata a theme.tpl del tema Webmultimediale, consente di utilizzare al meglio lo spazio disponibile e di 
sfruttare appieno le funzionalitą di PHPWebsite.  */

.contenuto .terzacolonna {
    display:none;
}

div#menu {
	width: 20%;
	float: left;
	background: #E1AA5A;
	background-color : #E1AA5A;
}

/* Fondo pagina */

div#fondopagina {
    display:none;
}

/* Ulteriori settaggi generali */

div.cella {
  float: left;
  text-align: left;
  padding: 0.3em;
  }

div.spaziatore {
   clear: both; line-height: 0px; font-size: 1px;
  }

div.evento {
  border: 2px dashed #333;
  background-color: #ffe;
  color: #000;
  }

#fondopagina div.float {
    float: left;
    text-align: left;
    padding: 0.3em;
    font-size: 0.9em;
  }

td {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
th {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
TR.bg_medium {
	color: #FFFFFF;
	background-color: #778899;
}

.smalltext {
	font-size: 10px;
}
.disclaimer {
	font-size: 86%;
	}

.calendario {
   font-size: 11px;
}
.calendario p tr th td{
   font-size: 11px;
}

.black {
	color: #000000;
	background-color: #A6FFA6;
	border-color: gray;
	border : groove;
}
.bg_light {
	color: #333333;
	background-color: #FFE4C4;
}
.rosso {
	color : #028002;
}
.evidenziato {
	background-color : yellow;
}
td.white {
	color: #333333;
	background-color: #FFFFFF;
}


/* boxtitolo e boxcontent rappresentano i contenuti delle prime due colonne */

.boxtitolo {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold; 
	color: black;
	background-color: #FFE4C4;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 9px;
	margin: 2px;
	border: 0px solid black;
	width: auto;
}
.boxcontent {
	color: #333333;
	background-color: transparent;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 9px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	margin-left: 2px;
	margin-top: 2px;	
	margin-right: 2px;
	margin-bottom: 6px;
	border: 0px solid black;
	font-size:96%;
	width: auto;
}

/* Consente l'indipendenza dei blocchi in terzacolonna, rappresentati in modo diverso
dai blocchi e menu delle altre colonne. */

.boxtitoloblocco {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold; 
    color: #FFFFFF;
	background-color: #028002;
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 2px;
	width: 138px;
	border: 1px solid gray;
}
.boxcontentblocco {
	color: #333333;
	background-color: #F5F5DC;
	border: 1px groove #000000;
	padding-bottom: 5px;	
	width: 138px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 83%;
	padding-left: 4px;
	padding-top : 0px;
	padding-right: 4px;
	padding-bottom : 0px;	
	margin-left: 2px;
	margin-top: 2px;	
	margin-right: 2px;
	margin-bottom: 6px;
	border: 1px dotted gray;
}

/* Modalitą di rappresentazione dei link in lista non ordinata */

.boxcontent ul {
    /*margin: 0; 
	padding: 0; */
	list-style-type: square;
}
.boxcontent li {
	/*margin: 0 0 3px 0;*/
}

#banner {
	background-position: left;
	height: 100px;
	top: 0px;
	text-decoration: none;
	text-align: right;
}	
#banner a:link {
	color: black;
	text-decoration: underline;
}
	
/* Setting immagini per i template di pagina */	
	
div.immagine {
	
}
	
.immagine_left img {
	float : left;	
	margin-left: 4px;
	margin-top : 10px;
	margin-right : 6px;
	margin-bottom : 1px;
}
.immagine_right img {
	float : right;	
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 4px;
	margin-bottom : 1px;
}
.immagine_topleft img {
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 4px;
	margin-bottom : 3px;
}
.immagine_topright img {
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 4px;
	margin-bottom : 3px;
}
.immagine_center img {
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 0px;
	margin-bottom : 3px;
}

/* Eventuale set sondaggio */

div.sondaggio {
	
}

/* menu per link correlati - di Eric A. Meyer
http://www.meyerweb.com/eric/talks/2003/commug/commug.html*/

.boxcontentblocco ul
{
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid gray;
}
.boxcontentblocco li
{
    list-style: none;
    margin: 0;
    padding: 0.15em;
    border-top: 1px solid gray;
}

.boxcontentblocco li a { text-decoration: none; }
.boxcontentblocco li a:link { color : black; }
.boxcontentblocco li a:visited { color : black; }
.boxcontentblocco li a:hover { color : aqua; }
.boxcontentblocco p {
	font-size: 93%;
}
/* moduli */

#modulo label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding-right : 0.4em;
}
#modulo input {
	border: 1px inset #028002;
}
#modulo fieldset {
	border: dashed 1px;
}

/* Menu per blocchi colonna sinistra */

.menu_box
{
	font-size: 89%;
	padding-left:1.5em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.6em;
	margin: 0px;
	line-height: 1.4em;
}

.menu_box li
{
    list-style-type: none;
	list-style-image: url(http://www.webmultimediale.org/menu.gif);
	list-style-position: outside;
	margin: 0px;
	font-size: 1em;
}
.menu_box a, .menu_box a:link, .menu_box a:visited
{
    text-decoration: none;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    color: #990000;
    background: #fff;
    padding: 0;
}

.menu_box a:hover
{
	background: #FFE4C4;
	color: #000;
	padding: 0;
}
.menu_box a:active
{
    background: #FFF5C4;
	color: green;
}


.menu_box2
{
	padding-left:1.1em;
	padding-top: 0.1em;
	padding-right: 0em;
	padding-bottom: 0.1em;
	margin: 0;
	line-height: 1.2em;
	background-image: url(http://www.webmultimediale.org/menu2.gif);
	background-repeat: no-repeat;
	background-position: center left; 
}
.menu_box2 a, .menu_box2 a:link, .menu_box2 a:visited
{
    color: #750200;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding: 0;
}
.menu_box2 a:hover, .menu_box2 a:active
{
    color: #000;
}

.menu_box2 a, .menu_box2 a:link, .menu_box2 a:visited, .menu_box2 a:hover, .menu_box2 a:active 
{
    padding: 0px;
	margin: 0px;
}

.active li, .active a, .active a:link, .active a:visited, .active a:hover, .active a:active {
	color: #028002;
	font-variant: small-caps;
}

/* Menu orizzontale per le pagine 
http://css.maxdesign.com.au/listamatic/horizontal02.htm */

.menu_pagina {
	padding: 07px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	border: 0;
	width: 90%;
	text-align: left;
}
.menu_pagina ul
{
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
}
.menu_pagina li
{
    display: inline;
    list-style-type: none;
	line-height : 1.6em;
}
.menu_pagina a { padding: 3px 10px; }
.menu_pagina a:link, .menu_pagina a:visited
{
    color: white;
    background-color: #028002;
    text-decoration: none;
}
.menu_pagina a:hover
{
    color: #028002;
    background-color: #E1EBF8;
    text-decoration: none;
}

/* Selettori footer */

#footer {
	display:none;
	}
#footer img {
	margin: 0 0 -2px 0;
}
#fondopagina a {
	text-decoration: underline;
	font-weight: normal;
}
#fondopagina a:link	{
    color: #000;
	font-weight: normal;
	background-color: transparent;
}
#fondopagina a:visited	{
	color: #000;
	background-color: transparent;
}
#fondopagina a:active	{
	color: #999900;
	background-color: transparent;
}
#fondopagina a:hover	{
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}

#footer a {
	text-decoration: none;
	font-weight: normal;
}
#footer a:link	{
    color: #028002;
	font-weight: normal;
	background-color: transparent;
}
#footer a:visited	{
	color: #028002;
	background-color: transparent;
}
#footer a:active	{
	color: #999900;
	background-color: transparent;
}
#footer a:hover	{
	color: #A86761;
	background-color: transparent;
	text-decoration: none;
}

/* Classi intestazioni testata */


#avviso {
	padding : 07px;
	margin-top : 5px;
	margin-bottom : 5px;
	margin-right : auto;
	margin-left : auto;
	background-color : #FFE4C4;
	border : 1px dotted #000;
	width : 90%;
	text-align : left;
	font-weight : 600;	
}

.tabella table { table-layout: auto;
        border-collapse: collapse; 
        empty-cells: show; 
		border: 1px solid black; }
.tabella thead th { border: 2px dashed gray; }
.tabella th { border: 2px dashed gray; }
.tabella tbody th { border: 2px dashed black; }
.tabella td { border: 1px dashed gray; }
.tabella caption {
	font-weight : bolder;
	word-spacing : 0.6em;
	color : white;
	border : solid 2px aqua;
	background-color : #028002;
	line-height : 1.9em;
	letter-spacing : 0.3em;
}

/* funzione per ingrandimento movie e sottotitoli via client by Alessio Cartocci */

#mmobj {margin: 0; font-size: 2em; width: 11.2em; height: 15.1em;}
#mmobj object {width: 100%; height: 100%;}

.mmobj {margin: 0; font-size: 2em; width: 11.2em; height: 15.1em;}
.mmobj object {width: 100%; height: 100%;}

#mmobj2 {margin: 0; font-size: 2em; width: 11.2em; height: 15.1em;}
#mmobj2 object {width: 100%; height: 100%;}

.mmobj2 {margin: 0; font-size: 2em; width: 11.2em; height: 15.1em;}
.mmobj2 object {width: 100%; height: 100%;}