﻿/*
media: screen
---------------------------------------------------------------------
oZone Copyright 2006-2007 Gabriele Peja Design. Questa opera è
pubblicata sotto una Licenza Creative Commons.
http://creativecommons.org/licenses/by-nd/2.5/it/
---------------------------------------------------------------------
*/
/*
oZone Specifiche CSS 
---------------------------------------------------------------------
Dizionario dei colori
---------------------------------------------------------------------

Rosso PD	#AD1926		Testata
Bianco		#FFF		
Nero		#000000		Corpo e testo
Grigio		#77777		Fili
Rosso		#FF0000		Hover	

*/
@import url("editor-html.css"); /* Importazione della libreria CSS dell'Editor HTML */
@import url("cx_errori.css"); /* Importazione della libreria ERRORI di Dreamweaver */
/*
oZone CSS Library

Capitolo 1
---------------------------------------------------------------------
Elementi accessori di navigazione
---------------------------------------------------------------------
*/
/* Cancella gli elementi che non debbono essere visualizzati */
.avvertenzaCSS, hr, .navXtra, .navXtraTop {
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	top: -10000em;
	left: -10000em;
}
/* /Cancella gli elementi che non debbono essere visualizzati */
/*
oZone CSS Library

Capitolo 2
---------------------------------------------------------------------
Layout di base
---------------------------------------------------------------------
*/
body {
	margin: 10px 0 0 0;
	text-align: center;
}
#pagina {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	padding-right: 25px;
	padding-left: 25px;
}
	#pagina #testata {
		width: 760px;
		height: 140px;
		float: left;
		margin: 0;
		position:relative;
		z-index: 10;
	}
		#testata #logo {
			height: 131px;
			width: 131px;
			position: absolute;
			top: 0px;
			right: 0px;
		}
		#testata #piegapgn {
			width: 142px;
			height: 131px;
			position: absolute;
			top: 0px;
			right: -9px;
		}
		#testata ul.linkVeloci {
			position: absolute;
			left: 20px;
			width: 248px;
			height: 29px;
			padding: 0 10px 7px 5px;
		}
	#pagina #flash {
	width: 720px;
	height: 350px;
	height: 350px;
	float: left;
	position:relative;
	z-index:20;
	padding: 0 20px 10px 20px;
	}
	#pagina #corpo {
		width: 720px;
		float: left;
		padding: 0 20px;
		margin: 0 0 0 0;
		/* Implementazione dell'altezza minima della colonna principale */
		min-height: 400px;
		height: auto !important;
		height: 400px;
		/* /Implementazione dell'altezza minima della colonna principale */
	}
		#home #corpo #colonnaUno {
			width: 470px;
			margin: 0 0 10px 0;
			padding: 0;
			overflow: hidden;
			float: left;
		}
			#home #corpo .subColonnaUno {
				width: 230px;
				padding: 1em 5px 0 10px;
				overflow: hidden;
				float: left;
			}
			#home #corpo .subColonnaDue {
				width: 220px;
				padding: 1em 0 0 0;
				overflow: hidden;
				float: right;
			}
			#home #corpo h2 { /*Risolve un problema di visualizzazione di IE */
				margin-top:0;
			}
		#home #corpo #colonnaDue {
			width: 235px;
			padding: 0;
			overflow: hidden;
			float: right;
		}
		#corpo #colonnaUno{
			width: 500px;
			float: left;
			padding: 1em 10px;
			overflow: hidden;
		}
		#prodServ #corpo #colonnaUno {
			width: 700px;
			float: left;
			padding: 1em 10px;
			overflow: hidden;
		} 
		#corpo #colonnaDue {
			width: 190px;
			float: left;
			margin:  0 0 0 10px;
			padding: 5.1em 0 0 0;
			overflow: hidden;
		}
/*********************** Blog *********************************/
body#blog {
	margin-top: 0px;
}
#blog #pagina {
	width: 720px;
	padding: 0 120px;
}
		#blog #pagina #testata {
			height: 29px;
		}
		#blog #testata ul.linkVeloci {
			left: 515px;
			width: 248px;
			height: 29px;
			padding: 0;
		}
		#blog #corpo {
			position: relative;
			/* Implementazione dell'altezza minima della colonna principale */
			min-height: 850px;
			height: auto !important;
			height: 850px;
			/* /Implementazione dell'altezza minima della colonna principale */
		} 
		#blog #corpo #colonnaUno {
			width: 500px;
			float: none;
			padding:  380px 0 0 0;
			margin-left: 200px;
		} 
		#blog #corpo #colonnaDue {
			padding:0;
			margin:0;
			text-align: right;
			position: absolute;
			float: none;
			left: 0;
			top: 400px;
		}
/*********************** /Blog ********************************/
	#pagina #piede {
		/*float: left; Eliminato per OPERA */ /* [!] */
		clear: left;
		position:relative;
		z-index:30;
		width: 740px;
		height: 50px;
		margin: 10px 0 0 0;
		padding: 0.5em 20px 0.5em 20px;
	}
		#piede p.copyright {
			margin: 0 10px 0 10px;
		}
/*
oZone CSS Library

Capitolo 3
---------------------------------------------------------------------
Elementi avanzati di layout
---------------------------------------------------------------------
*/
body {
	background-image: url(../immagini/sfondo-rip.jpg);
	background-repeat: repeat-x;
	background-color: #d4d4d4;
}
/*body#home {
	background-image: url(../immagini/ferie2008.jpg);
}*/
#pagina {
	background-repeat: repeat-y;
	background-image: url(../immagini/sfondo-pgn.png);
	background-position: 25px 0px;
}
#pagina #testata {
	background-image: url(../immagini/angolo-sx.gif);
	background-repeat: no-repeat;
}
	#testata #logo {
		background-image: url(../immagini/logo-peja-design.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#testata #piegapgn {
		background-image: url(../immagini/ricciolo.gif);
		background-repeat: no-repeat;
		background-position: -1px top;
	}
	#testata ul.linkVeloci {
		background-image: url(../immagini/link-veloci-sfondo.gif);
		background-repeat: no-repeat;
	}
/*#pagina se metti flash*/ #corpo {
	background-image: url(../immagini/pd_corpo.gif);
	background-repeat: repeat-y;
}
/*#home #pagina #corpo {
		background-color: #AD1926; per rimettere Flash
		background-image:none;
	}
	#home #corpo #colonnaUno {
		background-color:#FFF;
	}
	#home #corpo #colonnaDue {
		background-color: #FFF;
	}*/
#pagina #piede {
	background-image: url(../immagini/pd_piede-pgn.gif);
	background-repeat: no-repeat;
}
/*********************** Blog *********************************/
body#blog {
	background-color: #FFF;
	background-image: url(../immagini/pd_sfondo_rip_blog.jpg);
	background-repeat: repeat-x;
}
#blog #pagina {
	background-image: url(../immagini/pd_testataBlog.jpg);
	background-repeat: no-repeat;
}
#blog #pagina #testata {
	background-color:#000000;
	background-image: none;
}
	#blog #testata #logo {
		background-image: none;
	}
	#blog #testata #piegapgn {
		background-image: none;
	}
	#blog #testata ul.linkVeloci {
		background-image: none;
		background-color: #000;
	}
#blog #pagina #corpo {
	background-image: none;;
}
	#blog #corpo #colonnaUno {
		
	}
	#blog #corpo #colonnaDue {

	}
#blog #pagina #piede {
	background-image: none;
}
/*********************** /Blog *********************************/
/*
oZone CSS Library

Capitolo 4
---------------------------------------------------------------------
Menu di navigazione
---------------------------------------------------------------------
*/
/* Link home page */
#testata #piegapgn a {
	text-decoration: none;
	display: block;
	width: 142px;
	height: 131px;
}
#testata #piegapgn span {
	position: relative;
	z-index: -20;
	visibility: hidden;
}
#testata #piegapgn h2 {
	position: relative;
	z-index: -20;
	top: 30px;
}
/* /Link home page */
/* Link Veloci */
ul.linkVeloci {
	margin: 0;
	padding:0 0 0 10px;
	list-style-type: none;
	background-color:#CCCCCC;
}
.linkVeloci li {
	float: left;
	border-left: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
}
.linkVeloci li.primo {
	border-left: none;
}
.linkVeloci li a { /* Questa regola non è stata verificata !!! */ /* [!] */
	display: block;
	margin-top: 2px;
}
.linkVeloci a:link, .linkVeloci a:visited {
	color: #000;
}
.linkVeloci a:hover {
	color: #AD1926;
}
/*********************** Blog *********************************/
#blog .linkVeloci a:link, #blog  .linkVeloci a:visited {
	color: #FFF;
}
#blog  .linkVeloci a:hover {
	color: #AD1926;
}
/*********************** /Blog ********************************/
/* /Link Veloci */
/* Navigazione fissa */
ul.navFissa {
	margin: 0 0 0 20px;
	padding: 0px;
	list-style-type: none;
	width: 720px;
	height:43px;
	position:absolute;
	bottom: 0px;
	background-image: url(../immagini/pd_sfondo-pulsantiera.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.navFissa li {
	float: left;
}
.navFissa a {
	width: 82px;
	height: 42px;
	display: block;
	margin:0 8px 0 0;
	padding:0;
	text-decoration: none;
}
.navFissa a:link, .navFissa a:visited {
	color: #FFF;
}
.navFissa a:hover {
	color: #000000;
}
.navFissa a.attivo {
	color: #000000;
	height: 43px;
}
/*******************************************
**Personalizzazione Nav Fissa con immagini**
*******************************************/
/*#home ul.navFissa { Solo per l'home page
	background-image: none;
}*/
/*#home .navFissa a { Solo per l'home page
	height: 47px;
}*/
.navFissa a#blog {
	width: 175px;
}
.navFissa a span {
	width: 82px;
	position: absolute;
	display:block;
	z-index: -20;
	font-size: 8pt;
	line-height: 8pt;
}
.navFissa a#homePage {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_01.gif);
}
.navFissa a#servProd {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_03.gif);
}
.navFissa a#portfolio {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_05.gif);
}
.navFissa a#profilo {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_07.gif);
}
.navFissa a#formazione {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_11.gif);
}
.navFissa a#blog {
	background-image: url(../immagini/pd_pulsantiera/pulsante_blog.gif);
}
.navFissa a:hover#homePage {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_01.gif);
	background-position: 0px 47px;
}
.navFissa a:hover#servProd {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_03.gif);
	background-position: 0px 47px;
}
.navFissa a:hover#portfolio {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_05.gif);
	background-position: 0px 47px;
}
.navFissa a:hover#profilo {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_07.gif);
	background-position: 0px 47px;
}
.navFissa a:hover#formazione {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_11.gif);
	background-position: 0px 47px;
}
.navFissa a:hover#blog {
	background-image: url(../immagini/pd_pulsantiera/pulsante_blog.gif);
	background-position: 0px 47px;
}
.navFissa a.attivo#homePage {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_01.gif);
	background-position: 0px 47px;
}
.navFissa a.attivo#servProd {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_03.gif);
	background-position: 0px 47px;
}
.navFissa a.attivo#portfolio {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_05.gif);
	background-position: 0px 47px;
}
.navFissa a.attivo#formazione {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_11.gif);
	background-position: 0px 47px;
}
.navFissa a.attivo#profilo {
	background-image: url(../immagini/pd_pulsantiera/pulsantiera_07.gif);
	background-position: 0px 47px;
}
.navFissa a.attivo#blog {
	background-image: url(../immagini/pd_pulsantiera/pulsante_blog.gif);
	background-position: 0px 47px;
}
/*******************************************
**Personalizzazione Nav Fissa con immagini**
*******************************************/
/*********************** Blog *********************************/
#blog ul.navFissa {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 450px;
	height:29px;
	position:relative;
	bottom: 0px;
	background-image: none;
}
#blog .navFissa a {
	display: inline;
	margin: 0;
	padding: 5px 5px 0 0;
	text-decoration: underline;
}
#blog .navFissa a#homePage {
	padding-left: 0px;
}
#blog .navFissa a span {
	position: relative;
	display: inline;
	z-index: 10;
	font-size: 10pt;
	line-height: 10pt;
}
#blog .navFissa a#homePage span, #blog .navFissa a#profilo span {
	width: 55px;
}
#blog .navFissa a:link, #blog .navFissa a:visited {
	color: #FFF;
}
#blog .navFissa a:hover {
	color: #AD1926;
}
#blog .navFissa a.attivo {
	color: #AD1926;
	height: 29px;
	text-decoration: none;
}
#blog .navFissa a#homePage, #blog .navFissa a#servProd, #blog .navFissa a#portfolio, #blog .navFissa a#formazione, #blog .navFissa a#profilo, #blog .navFissa a#blog, #blog .navFissa a:hover#homePage, #blog .navFissa a:hover#servProd, #blog .navFissa a:hover#portfolio, #blog .navFissa a:hover#profilo, #blog .navFissa a:hover#blog, #blog .navFissa a.attivo#homePage, #blog .navFissa a.attivo#servProd, #blog .navFissa a.attivo#portfolio, #blog .navFissa a.attivo#profilo, #blog .navFissa a.attivo#blog {
	background-image: none;
}
/*********************** /Blog *********************************/
/* /Navigazione fissa */
/* Navigazione locale e contestuale */
ul.navLaterale {
	margin: 0px 0 10px 0;
	padding: 0px;
	list-style-type: none;
}
#home ul.navLaterale {
	margin: 0;
}
.navLaterale li a {
	width: 96%;
	display: block;
	border-bottom: 1px dashed #AD1926;
	text-decoration: none;
	padding-top: 0.3em;
	padding-right: 2%;
	padding-bottom: 0.3em;
	padding-left: 2%;
}
#home .navLaterale li a {
	width: 70%;
	background-image: url(../immagini/pd_categorie.gif);
	padding-left: 27%;
	background-repeat: no-repeat;
}
#home #linkUtili.navLaterale li a {
	width: 96%;
	background-image: none;
	padding-left: 2%;
}
.navLaterale li.attivo a {
	color: #000;
	background-color: #CCC;
}
.navLaterale li ul, .navLaterale li.attivo ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 1em;
}
.navLaterale li ul a, .navLaterale li.attivo ul a {
	font-size: 1em;
	padding-left: 10%;
	background-color: #FFF;
}
.navLaterale a:link, .navLaterale a:visited,
.navLaterale li.attivo ul a:link, .navLaterale li.attivo ul a:visited {
	color: #000;
}
.navLaterale a:hover {
	color: #AD1926;
	background-color: #CCC;
}
.navLaterale li.attivo ul a:hover {
	color: #AD1926;
	background-color: #CCC;
}
/* /Navigazione locale e contestuale  */
/*
oZone CSS Library

Capitolo 5
---------------------------------------------------------------------
Link
---------------------------------------------------------------------
*/
a:link {
	color: #AD1926;
}
a:visited {
	color: #AD1926;	
}
a:hover {
	color: #F00;
}
#logo a:link {
	color: #FFF;
	text-decoration: none;
}
#logo a:visited {
	color: #FFF;
	text-decoration: none;
}
#logo a:hover {
	color: #000;
	text-decoration: underline;
}
#piede a:link, #piede a:visited {
	color: #000;
}
#piede a:hover {
	color: #AD1926;
}
/*
oZone CSS Library

Capitolo 6
---------------------------------------------------------------------
Tipografia
---------------------------------------------------------------------
*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%
}
h1 {
	font-size: 1.2em;
	color: #AD1926;
}
h2 {
	font-size: 1em;
	color: #AD1926;
}
h3, h4, h5, h6 {
	font-size: 0.8em;
	font-style: italic;
	color: #000;
	margin-left: 1em;
}
p {	
	margin-left: 1em;
	margin-right: 1em;
	font-size: 0.8em;
	line-height: 1.5em;
	padding-right:0.1em;
}
pre {
	margin-left: 1em;
}
ul, ol {
	font-size: 0.8em;
	line-height: 1.5em;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;	
}
#testata h1 { /* [!] */
	color: #FFF;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0.4em 0 0 0;
}
#testata h2 { /* [!] */
	color:#000;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
#testata ul.linkVeloci {
	font-family: Arial, Helvetica, sans-serif;
}
.navFissa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.navLaterale, p.breadcrumbs, p.paginaVolcano {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
}
p.accessoria {
	font-size: 0.7em;
	margin: -0.8em 0 0 1em;
	color: #666666;
}
p.accessoria {
	font-size: 0.7em;
	margin: -0.8em 0 0 1em;
	color: #666666;
}
p.paginaVolcano {
	font-size: 0.7em;
}
#piede p { /* Questa regola è strettamente connessa con #piede p.copyright */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	display: inline;
}
/********************** Blog *************************/
#blog h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#blog .boxFloat h1 {
	margin-left: 3em;
	margin-bottom: 1em;
}
/********************** Blog *************************/
/*
oZone CSS Library

Capitolo 7
---------------------------------------------------------------------
Elementi accessori
---------------------------------------------------------------------
*/
img {
	border: none;
}
/* Blocco Breadcrumbs */
p.breadcrumbs {
	margin:0;
	color: #999999;
}
p.breadcrumbs a:link, p.breadcrumbs a:visited {
	margin:0;
	color: #999999;
}
p.breadcrumbs a:hover {
	margin:0;
	text-decoration: none;
}

#blog p.breadcrumbs {
	margin:0;
	color: #565656;
}
#blog p.breadcrumbs a:link, #blog p.breadcrumbs a:visited {
	margin:0;
	color: #565656;
}
#blog p.breadcrumbs a:hover {
	color: #FF0000;
	margin:0;
	text-decoration: none;
}
/* Fine Blocco Breadcrumbs */
/* Modulo Commenti */
#boxCommenti {
	margin: 1em 0 0 2%;
	padding-left: 1%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;
	float:left;
	clear: left;
}
#boxCommenti span {
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #AD1926;
	margin: 0 0 3em 2%;
}
/* /Modulo Commenti */
.boxFloat {
	float: left;
	clear:left;
	width: 100%;
	margin-bottom: 1em;
}
#home .boxFloat {
	float: none;
	clear:none;
	width: inherit;
	margin-bottom: inherit;
	color: #000;
}	
#blog .boxFloat {
	position: relative;
	padding-left: 1em;
}
#boxContenutiHome {
	padding: 20px 20px 0 20px;
	clear: left;
	float: left;
	width: 480px;
	border: 1px solid #AD1926;
}
.clearLeft {
	clear: left;
}
.clearBoth {
	clear: both;
}
/* Home di sezione */
dl.homeSezione {
	width: 228px; /* [!] Modificata la larghezza */
	height: 310px;
	margin: 0 5px 0 0;
	padding:0;
	float: left;
	overflow: hidden;
}
dl.homeSezione#primoBox {
	width: 460px; 
	margin:0 5px 0 0;
}
.formazione dl.homeSezione#primoBox {
	width: 228px; 
	margin:0 5px 0 0;
}
dl.homeSezione#primoBox {
	width: 460px; 
	margin:0 5px 0 0;
}
.homeSezione dt {
	width: 228px; /* [!] Modificata la larghezza */
	height: 150px;
	overflow: hidden;
	margin-bottom: 10px;
}
#primoBox dt  {
	width: 460px;
}
.homeSezione dd {
	margin:0;
	padding:0;
}
/* /Home di sezione */
/* Contenitore progetti per la home */
dl.contProjects {
	margin:10px 10px 0 10px;
	padding: 0px;
} 
.contProjects dt {
	margin: 0 0 10px 0;
	padding: 0px;
	height: 100px;
}
.contProjects dd {
	margin: 5px 0 0 0;
	padding: 0px;
}
/* /Contenitore progetti per la home */
/* Cloud of Tag */
.xs, .s, .m, .l, .xl, .xxl, .xxxl {
	line-height: 2em;
}
.cloudOfTag .xs,.cloudOfTag .s, .cloudOfTag .m, .cloudOfTag .l, .cloudOfTag .xl, .cloudOfTag .xxl, .cloudOfTag .xxxl, .cloudOfTag .xs {
	font-size: 1em;
	line-height: 1.2em;
}
.xs a:link, .xs a:visited {
	color: #EFD1D4
}
.s {
	font-size: 1em;
	color: #DEA3A8
}
.s a:link, .s a:visited {
	color: #DEA3A8
}
.m {
	font-size: 1.4em;
	color: #AD1926
}
.m a:link, .m a:visited {
	color: #AD1926
}
.l {
	font-size: 1.8em;
	color: #CE757D
}
.l a:link, .l a:visited {
	color: #CE757D
}
.xl {
	color: #BD4751
}
.xl a:link, .xl a:visited {
	color: #BD4751
}
.xxl {
	font-size: 2.6em;
	color: #AD1926
}
.xxl a:link, .xxl a:visited {
	color: #AD1926
}
.xxxl {
	font-size: 3em;
	color: #AD1926
}
.xxxl a:link, .xxxl a:visited {
	color: #AD1926
}
.xs a:hover, .s a:hover, .m a:hover, .l a:hover, .xl a:hover, .xxl a:hover, .xxxl a:hover {
	color: #000000;
}
/* /Cloud of Tag */
#prodServ #corpo #colonnaUno.errore {
	width: 78%;
	padding: 1em 1% 1em 21%;
	overflow: hidden;
	background-image: url(../immagini/cx-default/errore.gif);
	background-repeat: no-repeat;
	background-position: 10px 30px;
}
#home #corpo h1, #default #colonnaDue h1 {
	display: block;
	width: 100%;
	height: 30px;
	background-image: url(../immagini/pd_sfondo-titoli.gif);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 0.8em;
	line-height: 1.4em;
	margin:0;
	text-transform: uppercase;
}
#home #corpo h1 span, #default #colonnaDue h1 span {
	display: block;
	background-image: url(../immagini/pd_freccina.gif);
	height: 23px;
	background-repeat: no-repeat;
	padding: 7px 5px 0 30px;
	overflow: hidden;
	line-height: 1.5em;
}
#default #colonnaDue h1 a:link, #default #colonnaDue h1 a:visited {
	color: #FFF;	
}
#default #colonnaDue h1 a:hover {
	color: #000;
}
/* Calendario oZone */
dl.calendario {
	position: absolute;
	top:0;
	left:0;
	margin: 0.5em;
	padding: 0px;
	height: 40px;
	width: 50px;
	text-align: center;
	background-image: url(../immagini/pd_calendario.gif);
}
.calendario dt {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.95em;
	padding-top: 0.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.calendario dd {
	font-size: 0.55em;
	margin-top: 0.2em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	padding-top: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
}
/* Calendario oZone */
dl.galleriaImmagini {
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
}
.galleriaImmagini dt {
	margin: 8px;
	padding: 0;
	width: 200px;
	height: 134px;
	overflow: hidden;
	border: 1px solid #777777;
}
.galleriaImmagini dd {
	display: none;
}
/*
oZone CSS Library

Capitolo 8
---------------------------------------------------------------------
Form
---------------------------------------------------------------------
*/
form {
	margin-top: 2em;
}
form fieldset {
	padding: 1em;
	border: 1px solid #AD1926;
	margin-bottom:0.5em
}
form legend {
	margin-bottom:0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #AD1926;
}
form p {
	display: block;
	width:100%;
	float: left;
	clear: left;
	margin: 0.5em 0;	
}
form label {
	display: block;
	width: 120px;
	margin-right: 10px;
	text-align: right;
	float: left;
}
form .textSubmit {
	visibility:hidden;
}
form #nome, form #cognome {
	width: 150px;
}
form #sitoWeb {
	width: 250px;
}
form #email, form #oggetto {
	width: 200px;
}
form #corpoMail, form #commento {
	width: 300px;
}
form .checkBoxLeft {
	margin-left: 130px; 
	float: left;
}
form .longLabel, form .privacyLabel {
	width: 220px;
	text-align: left;
	padding-left: 10px;
}
form .privacyLabel {
	width: 50%;
}
.newsletter {
	display: none;
	margin: 1em 0 0 0;
	background-color: #ffcccc;
	border: 1px solid #af2531;
	float: left;
	padding: 5px;
	width: 94%;
}
.newsletter h2 {
	margin: 0;
}
.newsletter form  {
	margin-top: 0;
}
.newsletter form label {
	display: block;
	width: 50px;
	margin-right: 10px;
	text-align: right;
	float: left;
}
.newsletter form #nome, .newsletter form #email {
	width: 120px;
}
.newsletter form .checkBoxLeft {
	margin-left: 38px;
	float: left;
	margin-right: 10px;
}
.newsletter form .privacyLabel {
	width: 120px;
	padding: 0 0 0 0;
	text-align: left;
	font-size:0.7em
}
.newsletter span {
	float: left;
}
/* Volcano */
.linkVeloci form#volcano {
	margin:0;
	padding:0;
	display:inline;
}
.linkVeloci form#volcano div { 
	float: left;
}
.linkVeloci  form#volcano label {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
.linkVeloci form#volcano #cerca {
	width: 95px;
	height: 1em;
	margin: 0 0 0 0;
}
.linkVeloci form#volcano #info {
	font-size: 0.9em;
	height: 1.8em;
	margin: 0 0 0 0.5em;
	padding: 0.1em 0.2em;
}
/* /Volcano */
#technorati {
	margin-top: 15px;
	float: left;
	clear: left;
}
#annuncio {
	background-color: #FFFF00;
	color: #000000;
	padding: 0.5em;
	font-size: 0.75em;
	margin: 0.5em 0;
}
