html, body { padding:0; margin:0; height:100%;}
body { color:#402b1e; background-color:#5f70ad; font-family:"trebuchet MS", arial, helvetica, sans-serif; font-size:70%; text-align:center; }

/* layout - dimensioni e impaginazione */
  
#pagina { min-width:640px; width:80%; margin:0 auto; min-height:100%; height:auto !important; height:100%; position:relative; text-align:left; background:url(immagini/fondo_pagina.gif) repeat-y 25% 0 #ffffff; }
#navi,
#sidebar { float:left; width:23%; margin-left:2%; }
#principale { float:right; width:56%; margin-right:15%; padding-bottom:3em; }
* html #navi,
* html sidebar { width:22.5%; margin-right:0;} 
* html #principale { width:52%; margin-left:0; }
#footer { clear:both; position:absolute; bottom:0; width:100%; }
#popup { position: absolute; top: 10em; left: 0; width: 0; height: 0; visibility: hidden; overflow: auto; background-color: #5f70ad; border-style: groove ; border-size: 1px; border-color: #5f10ae; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: -2; }
#lettera { overflow: auto; text-align: left; }
#popup h6 {
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
	line-height: 1.6em;
	margin-right: 3em;
	margin-left: 3em;
	text-align: justify;
}

#popup h4 {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#popup h5 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
}
#closepopup { color: #fdfdfd; text-align: right; padding-right: 2em; display: block; font-size: 1.3em; font-weight: bold; }
#closepopup:hover { cursor: pointer; color: #ffc0c0;} 
#principale, #navi, #sidebar { display:inline; } /* IE float bug */
#pagina:after, #footer:after { content: " "; display:block; height:0; clear:both; visibility:hidden; border-top:0.1px solid #ffffff; } /* Gecko float bug */

/*indice*/

body#index #pagina { min-height:580px; height:auto !important; height:580px; }
body#index #principale { width:71%; margin-right:2%; }
body#index #sidebar { float:left; width:25%; margin:0 0 0 0; height:136px; background-color: #ffffff; }

/* 
body#index #sidebar { float:left; width:25%; margin:-5px 0 0 0; height:136px; background: top right no-repeat #ffffff; }
*/
body#index #sidebar #sidebarimage {width:100%; height:125px;  background:url(immagini/index_side.jpg) top right no-repeat #ffffff; top: -20px; }
body#index #sidebar #sidebarlink { float: none; text-align: center; margin-top: 1.4em; }
body#index #sidebar #sidebarlink a { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; background: url(immagini/blogoSphera.png) no-repeat; background-position: top right; display: block; width: 100%; height: 85px; }
body#index #sidebar #sidebarlink a:visited { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; background: url(immagini/blogoSphera.png) no-repeat; background-position: top right; display: block; width: 100%; height: 85px; }
body#index #sidebar #sidebarlink a:hover { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; background: url(immagini/blogoSphera_R.png) no-repeat; background-position: top right; display: block;  height: 85px; }
body#index #sidebar #sidebarlink a span { display: none; width:0; height:0 color: #ffffff; }









#bloglink a { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; background: url(immagini/blogoSphera.png) no-repeat; background-position: top left; display: block; width: 100%; height: 85px; }
#bloglink a:visited { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; background: url(immagini/blogoSphera.png) no-repeat; background-position: top left; display: block; width: 100%; height: 85px; }
#bloglink a:hover { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; background: url(immagini/blogoSphera_R.png) no-repeat; background-position: top left; display: block;  height: 85px; }
#bloglink a span { display: none; width:0; height:0 color: #ffffff; }







/*body#index #sidebar #sidebarlink img { border:0; width: 100%; margin: 0; padding: 0; }
body#index #sidebar #sidebarlink2 { float: none; clear: both; text-align: right; }
body#index #sidebar #sidebarlink2 a { border:0; margin: 0; padding: 0; border-style: none; border-width: 0; }
body#index #sidebar #sidebarlink2 img { border:0; width: 100%; margin: 0; padding: 0; }
*/
/*
body#index #sidebar object { margin: -5px 0 0 0; }
*/

* html body#index #sidebar { width:24%; }



/*navigazione*/
#navi ul,
#navi li { list-style-type:none; list-style-image:none; margin:0; padding:0; }
#navi li a { display:block; padding:0.5em 0.5em 0.5em 26px; color:#ffffff; min-height:1.2em; height:auto !important; height:1.2em; text-decoration:none; background:url(immagini/navi1.gif) 0.3em 0.3em no-repeat #be8030; font-weight:normal; margin-bottom:0.09em; }
#navi a:hover { color:#3E2A10; text-decoration:underline; }
html>body #navi a:hover, html>body #navi button:hover { text-decoration:none; background:#edcda3; color:#7c5421; margin-bottom:0.09em; cursor: pointer; line-height: 1.5em; overflow: visible;}
#navi li span.sele { display:block; padding:0.5em 0.5em 0.5em 26px; color:#c5cce5; min-height:1.2em; height:auto !important; height:1.2em; background:url(immagini/navi1_sele.gif) 0.3em 0.3em no-repeat #616880; margin-bottom:0.09em; }
#navi ul ul a { color:#6e4613; background:transparent; margin-bottom:-0.09em; border-bottom:0.09em solid #616880; padding:0.5em 0.5em 0.5em 0; margin-left:26px; }
#navi ul ul a:hover { color:#202d58; background:transparent; margin-bottom:-0.09em; text-decoration:underline; }
/* button in navi for  reserved area */
#navi ul ul button { color:#6e4613; background:transparent; margin-bottom:-0.09em; border-bottom:0.09em solid #616880; padding:0.5em 0.5em 0.5em 0; margin-left:26px; border: none; font-family:"trebuchet MS", arial, helvetica, sans-serif; font-size:100%; line-height: 1.5em; overflow: visible; }
#navi ul ul button:hover { color:#202d58; background:transparent; margin-bottom:-0.09em; text-decoration:underline; border: none; font-family:"trebuchet MS", arial, helvetica, sans-serif; font-size:100%; cursor: pointer; line-height: 1.5em; overflow: visible;}

#navi li form { border:0; width: 100%; display: inline; }
#navi li button { display:block; padding:0.5em 0.5em 0.5em 26px; color:#ffffff; min-height:1.2em; height:auto !important; height:1.2em; text-decoration:none; background:url(immagini/navi1.gif) 0.3em 0.3em no-repeat #be8030; font-weight:normal; margin-bottom:0.09em; font-family:"trebuchet MS", arial, helvetica, sans-serif; border:0; text-align: left; font-size: 1em; width: 100%; line-height: 1.5em; overflow: visible;  }



#navi ul ul li span.sele { color:#7687be; display:block; padding:0.5em 0.5em 0.5em 0.1em; margin-left:26px; height:1.2em; background:transparent; margin-bottom:0.09em; border-bottom:0.09em solid #616880; margin-bottom:-0.09em; }

body#index #navi { position:absolute; top:285px; right:0; width:100%;  
background-color:#be8030; padding-bottom:0; }

/*body#index #navi li { width:14.15%; height:3.5em; float:left; text-align:center; }*/
body#index #navi li { width:11.1%; height:3.5em; float:left; text-align:center; }
body#index #navi a { display:block; margin:0; padding:0.5em 0.5em; color:#ffffff; border-left:0.09em solid #ffffff; height:2.5em !important; text-decoration:none; background:#be8030; font-weight:normal; line-height:1.2; }
body#index #navi a:hover { background:#edcda3; color:#7c5421; }
body#index #navi li span.sele { display:block; margin:0; padding:0.5em 0.5em; color:#c5cce5; height:2.5em !important; background:#616880; }
body#index #navi a span {display: none; }
body#index #navi a:hover span { background: #ffff99; border: 1px solid #ccc; display:block; position: absolute; top: -2em; z-index: 1;}
/* header */
#header { color:#ffffff; background:url(immagini/mondo.gif)  bottom left no-repeat #998787; height:61px; margin-bottom:1em; border-bottom:4px solid #665454; } 
  #header h1 { margin:0; text-transform:uppercase; }

body#index #header { height:282px; background:url(immagini/header.gif) top left repeat-x #ffffff; margin-bottom:3.8em; position:relative; }
 body#index #header .box { width:100%; height:249px; position:absolute; bottom:0; left:20px; background:url(immagini/index_header.gif) bottom left no-repeat; }
  body#index #header .box .blog { width:100%; position: relative; text-align: right; top: 3em; right: 3em; vertical-align: middle; }
body#index #header .box .blog img { height: 1.2em; border: 0px; vertical-align: middle; }
body#index #header .box span {color: #603a09; font-weight: bolder;}
#header h1 { position:absolute; top:0; right:0; width:144px; height:61px; background:url(immagini/sphera_logo2.png) top left no-repeat; text-indent:-999em; overflow:hidden; }

body#index #header h1 { position:absolute; top:60px; right:30px; width:268px; height:109px; background:url(immagini/sphera_logo.png) top left no-repeat; text-indent:-999em; overflow:hidden; }

/*footer*/
#footer { color:#616880; padding:0.5em 0; background-color:#c6cbdc; clear:both; }
 #footer p.sx { width:20%; float:left; }
 #footer p.dx { width:70%; float:right; text-align:right; }
   * html #footer p.sx,
   * html #footer p.dx { display:inline; }
 #footer p { margin:0 2%; text-indent:0; font-size:0.9em; }
 #footer a { color:#202d58; }

/* elementi */
  
a { font-weight:bold; color:#603a09; }
a:visited { color:#000000; }
a:hover { color:#000000; }

p { margin:0.5em 0; }

ol, ul { margin:1em 0; padding:0 0 0 2em; }
li { margin:0.5em 0; list-style-image:url(immagini/bullet.gif); }
ul ul li { list-style-image:url(immagini/bullet2.gif); }

h1 { font-size:2.0em }
h2 { font-size:1.3em; }
h3 { font-size:1.1em; }

body#index #principale h2 { padding:0.35em 2.8%; margin:0 -2.8% 2.5em -2.85%; }
#principale h2 { background-color:#e2d5d5; padding:0.35em 2.8%; color:#4d3b3b; margin:0 -26.8% 1em 0 }

#principale h3 { background-color:#f3eee9; padding:0.35em 2.8%; margin:2em -26.8% 1em 0; color:#4d3b3b; }
.mese { display: block; width: 7.2em; font-weight: bold; height: 2em; vertical-align: middle; text-align: left; clear: none; float: left; }
blockquote { color:#906c3e; margin:0 -26.8% 3em 0; font-weight:bold; background-color:#f3eee9; padding:1.2em 55% 1.2em 1.5em; min-height:6em; height:auto !important; height:6em; }

blockquote p { margin:0; }

.navilink { text-align:right; margin:3em -26.8% 3em 0; padding:0.3em 25% 0.4em 2em; background-color:#f3f5fb; clear:both; }
  .navilink a { color:#202d58; }
  .navilink a:hover, .navilink button:hover { color:#4b5ea0; cursor: pointer; line-height: 1.5em; overflow: visible;}
.navilink button { background: transparent; display: inline; color: #202d58; border: 0; margin:0; padding: 0; font-size: 1em; font-family:"trebuchet MS", arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline; line-height: 1.5em; overflow: visible;}
.navilink form { display: inline; }
  
.navilink.cima { text-align:right; margin:1em -26.8% 1em 0; padding:0.3em 25% 0.4em 1.5em; background-color:#ffffff; clear:both; }
  .navilink.cima a { color:#202d58; }
  .navilink.cima a:hover { color:#4b5ea0; }
  
.navilink.part { text-align:left; }
.navilink.part li { margin:0.2em 0; list-style-image:url(immagini/bullet3.gif); }
.cn { text-align:center; margin:1em auto; } 
.floatr { float:right; margin-left:1em; }

.sez01 blockquote { background:url(immagini/sez01.jpg) top right no-repeat #f3eee9; }
.sez02 blockquote { background:url(immagini/sez02.jpg) top right no-repeat #f3eee9; }
.sez03 blockquote { background:url(immagini/sez03.jpg) top right no-repeat #f3eee9; }
.sez04 blockquote { background:url(immagini/sez04.jpg) top right no-repeat #f3eee9; }
.sez05 blockquote { background:url(immagini/sez05.jpg) top right no-repeat #f3eee9; }
.sez06 blockquote { background:url(immagini/sez06.jpg) top right no-repeat #f3eee9; }
.sez07 blockquote { background:url(immagini/sez01.jpg) top right no-repeat #f3eee9; }

table { margin:1em 0; border-collapse:collapse; border-spacing:0; }
table td { padding:0.6em; }

table.elenco { border:0.4em solid #F3EEE9; }
table td.ico { background-color:#F3EEE9; text-align:center; }

.avviso { margin:1em 0; padding:0.5em 1em; background-color:#fff1ee; border:1px solid #fff5cc; }

/* annunci */

.annuncio { margin-top:2em; }
#principale .annuncio h3 { border-bottom:0.3em solid #e6eaf7; background:#ffffff; padding:0; margin:0.5em 0; 2em 0; color:#4d3b3b; }
  .annuncio .data { text-align:right; } 
  .annuncio .navilink { background:#f5f7fb; text-align:right; margin:0.5em 0; padding:0.5em; border-bottom:0.3em solid #e6eaf7; clear:both; }
  .annuncio .navilink a { font-weight:bold; color:#603a09; }
  .annuncio .navilink a:hover { color:#000000; }
  

#principale .annuncio.end h3 { color:#a39a9a; border-bottom:0.3em solid #f1e9e9; }
	.annuncio.end { color:#a39a9a; }
  .annuncio.end .data { color:#a39a9a; } 
  .annuncio.end .navilink { color:#a39a9a; background:#f9f5f5; border-bottom:0.3em solid #f1e9e9; }

/* form */
.invisible { display:  none; width: 0; height: 0; float: none; clear: both; }
.clearzone { display: block; float: none; clear: both; padding-top: 0.4em; }
#principale .linknewsletter { display: block; width: 48em; vertical-align: middle; text-align: center; padding: 0; border: 0 margin: 0;}
#principale .linknewsletter .mese { display: block; width: 7em; line-height:3em; height: 3em; float: left; clear: left; vertical-align: top; }
#principale .linknewsletter .newsletter { display: block; width: 40em; padding: 0; margin: 0; border: 0; float: right; clear: right; }
#principale .linknewsletter .newsletter button { display: block; width: 40em; background: transparent; text-align: left; border-size: 0; border-style: none; text-decoration: underline; color: #603A09; font-weight: bold; font-family:"trebuchet MS", arial, helvetica, sans-serif; font-size: 1em; padding: 0; border: 0; line-height: 1.5em; overflow: visible; }
#principale .linknewsletter .newsletter button:hover {color: rgb(0,0,0); cursor: pointer; line-height: 1.5em; overflow: visible;}
#principale .linknewsletter .newsletter .autore { display: block; padding 0; text-align: left; width: 40em; }
#principale .newsletter .nolink { display: block; width: 40em; background: transparent; text-align: left; border-size: 0; border-style: none; text-decoration: none; color: #000000; font-weight: bold; font-family:"trebuchet MS", arial, helvetica, sans-serif; font-size: 1em; padding: 0; border: 0; line-height: 1.5em; overflow: visible; }

label { float:left; width:35%; text-align:right; margin-right:1em; }
.Cscelta label { float:none; text-align:left;  }
fieldset { margin:1em 0; padding:1em ; border:0.09em solid #d8cfc5; }
fieldset p,
fieldset br { clear:left; margin-bottom:1em; }
legend { font-weight:bold; color:#857768; }
input.bott {  }
.testo { border:1px solid #402b1e; }
.testo.w01 { width:5em; }
.testo.w02 { width:10em; }
.testo.w03 { width:60%; }
.testo.wPer { width:95%; }
textarea.testo.w03 { width:60%; height:10em; }
textarea.testo.w04 { width:60%; height:15em; }
.alarm { color:#ff0000; text-align: center; }
.spacer {
  line-height: 20px;
  }