/* cioe', di base */

html, body { padding:0; margin:0; height:100%; }
body { color:#777777; background:url(immagini/fondo_pagina.gif) repeat-y top center #3C3C3C; font:65%/140% "lucida sans unicode", "trebuchet MS", arial, helvetica, geneva, sans-serif; text-align:center; }

  /* generale (la' sulla collina) */

a { font-weight:bold; color:#0043FF; text-decoration:none; } 
a:link {  }
a:visited { color:#0043FF; text-decoration:line-through; }
a:active {  }
a:hover { color:#0043FF; text-decoration:underline; }

.ancora { position:absolute; display:block; width:1px; height:1px; line-height:1px; overflow: hidden; clip: rect(0,1px,1px,0); } 

h2, h3, h4, h5 { margin:0.5em 0; }
p { margin:0.3em 0; }

h2 { padding:0.1em 0 0.2em 0.5em; font-size:1.1em; border-left:1.5em solid #535151; background-color:#363636; }
h3 { padding:0 0 0 0.5em; border-left:1.5em solid #535151; background-color:#363636; font-size:1em; margin-left:1.5em; }
h4 { font-size:1em; }
h5 { font-size:1em; }

img { border:0; }

ol, ul { margin:0 0 0.3em 3em; padding:0; }

.dx { text-align:right; }
.cn { text-align:center; margin:1em auto; }

dl { margin:1em 0; }
dt { font-weight:bold; padding:0.1em 0 0.2em 0.5em; border-left:1.5em solid #535151; background-color:#363636;}
dd { margin:0.5em 0;  }

ins { text-decoration:none; }
  
  /* layout e impaginazione generale */
  
#pagina { width:450px; margin:0 auto; text-align:left; position:relative; }
#header { position:absolute; top:0; left:-29px; width:274px; height:48px; background:url(immagini/fondo_header.gif) no-repeat; }
#sidebar { position:absolute; top:47px; left:-29px; width:48px; height:133px; background:url(immagini/fondo_sidebar.gif) no-repeat; }
#principale { padding:65px 20px 0 42px; }
#fetta { padding:0.3em 0 0.5em 0; margin:20px 0; border-top:1px solid #535151; border-bottom:1px solid #535151; background-color:#373737; text-align:right; clear:left; }
  #fetta p { margin:0 0.5em; }

  /* indice */
  
#index #header { background:none; position:static; }
#index #sidebar { position:absolute; top:24px; left:24px; width:382px; height:251px; background:url(immagini/fondo_maindex.gif) no-repeat; }
#index #principale { position:absolute; top:299px; left:24px; width:382px; height:129px; background:url(immagini/fondo_navindex.gif) no-repeat; padding:0 0 0 0; }

#index #principale p { margin:10px 70px 10px 75px; color:#0043ff; }

#index #header h1 { position:absolute; top:120px; right:57px; width:108px; height:21px; font-size:1.6em; background:url(immagini/titolo.gif) no-repeat; z-index:50; margin:0; }
  #index #header h1 span { display:block; width:0; height:0; line-height:0px; overflow: hidden; clip: rect(0,0,0,0);  }

  /* navi indice */
  
#index #sidebar ul,
#index #sidebar li { margin:0; padding:0; list-style-type:none; }
  
#index #sidebar .OSinfo,
#index #sidebar .OSgallery,
#index #sidebar .OSdesktops,
#index #sidebar .OScontact,
#index #sidebar .OSnews { position:absolute; left:299px; }

#index #sidebar .OSinfo { top:141px; }
#index #sidebar .OSgallery { top:164px; }
#index #sidebar .OSdesktops { top:187px; }
#index #sidebar .OScontact { top:211px; }
#index #sidebar .OSnews { top:21px; }

#index #sidebar .OSinfo a,
#index #sidebar .OSgallery a,
#index #sidebar .OSdesktops a,
#index #sidebar .OScontact a,
#index #sidebar .OSnews a { display:block; width:74px; height:19px;margin:0; padding:0; overflow:hidden; }

#index #sidebar .OSinfo a { background:url(immagini/bott_info.gif) no-repeat top left; }
#index #sidebar .OSgallery a { background:url(immagini/bott_gallery.gif) no-repeat top left; }
#index #sidebar .OSdesktops a { background:url(immagini/bott_desktops.gif) no-repeat top left; }
#index #sidebar .OScontact a { background:url(immagini/bott_contact.gif) no-repeat top left; }
#index #sidebar .OSnews a { background:url(immagini/bott_news.gif) no-repeat top left; }

#index #sidebar .OSinfo a:hover,
#index #sidebar .OSgallery a:hover,
#index #sidebar .OSdesktops a:hover,
#index #sidebar .OScontact a:hover,
#index #sidebar .OSnews a:hover { background-position:0 -24px; }

#index #sidebar .OSinfo a span,
#index #sidebar .OSgallery a span,
#index #sidebar .OSdesktops a span,
#index #sidebar .OScontact a span,
#index #sidebar .OSnews a span { display:block; width:0; height:0; line-height:0px; overflow: hidden; clip: rect(0,0,0,0);  }


  /* navi */
  
#sidebar ul,
#sidebar li { margin:0; padding:0; list-style-type:none; }
  
#sidebar .OShome,
#sidebar .OSinfo,
#sidebar .OSgallery,
#sidebar .OSdesktops,
#sidebar .OScontact { position:absolute; left:20px; }

#sidebar .OShome { top:14px; }
#sidebar .OSinfo { top:22px; }
#sidebar .OSgallery { top:30px; }
#sidebar .OSdesktops { top:38px; }
#sidebar .OScontact { top:46px; }

#sidebar .OSinfo { width:25px; height:7px; background:url(immagini/bott_info2.gif) no-repeat top left; }
#sidebar .OSgallery { width:25px; height:7px; background:url(immagini/bott_gallery2.gif) no-repeat top left; }
#sidebar .OSdesktops { width:25px; height:7px; background:url(immagini/bott_desktops2.gif) no-repeat top left; }
#sidebar .OScontact { width:25px; height:7px; background:url(immagini/bott_contact2.gif) no-repeat top left; }

#sidebar .OShome a,
#sidebar .OSinfo a,
#sidebar .OSgallery a,
#sidebar .OSdesktops a,
#sidebar .OScontact a { display:block; width:25px; height:7px; margin:0; padding:0; overflow:hidden; }

#sidebar .OShome a { background:url(immagini/bott_home1.gif) no-repeat top left; }
#sidebar .OSinfo a { background:url(immagini/bott_info1.gif) no-repeat top left; }
#sidebar .OSgallery a { background:url(immagini/bott_gallery1.gif) no-repeat top left; }
#sidebar .OSdesktops a { background:url(immagini/bott_desktops1.gif) no-repeat top left; }
#sidebar .OScontact a { background:url(immagini/bott_contact1.gif) no-repeat top left; }

#sidebar .OShome a:hover,
#sidebar .OSinfo a:hover,
#sidebar .OSgallery a:hover,
#sidebar .OSdesktops a:hover,
#sidebar .OScontact a:hover { background-position:0 -12px; }

#sidebar .OShome span,
#sidebar .OSinfo span,
#sidebar .OSgallery span,
#sidebar .OSdesktops span,
#sidebar .OScontact span { display:block; width:0; height:0; line-height:0px; overflow: hidden; clip: rect(0,0,0,0);  }

  /* titoli vari */

h1.info,
h1.gallery,
h1.desktops,
h1.contact { position:absolute; top:23px; right:14px; height:20px; font-size:1.4em; z-index:50; margin:0; }

h1.info { width:123px; background:url(immagini/titolo_info.gif) no-repeat; }
h1.gallery { width:153px; background:url(immagini/titolo_gallery.gif) no-repeat; }
h1.desktops { width:176px; background:url(immagini/titolo_desktops.gif) no-repeat; }
h1.contact { width:166px; background:url(immagini/titolo_contact.gif) no-repeat; }

h1.info span,
h1.gallery span,
h1.desktops span,
h1.contact span { display:block; width:0; height:0; line-height:0px; overflow: hidden; clip: rect(0,0,0,0);  }


  /* ico thumbnail gallery */
  
.icone { margin:0.5em 0 1em 0; }
  .icone img { border:1px solid #E78D00; margin-right:2px; }

  .icone:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */

  /* ico thumbnails desktops */
  
.ico { margin:1em 0; clear:left; }
  .ico img { float:left; margin-right:10px; border:1px solid #535151; }
  .ico h2 { width:80px; float:left; padding:0.1em 0 0.2em 0.5em; font-size:1.1em; margin-bottom:5px; border-left:1.5em solid #535151; background-color:#363636; }
  .ico h2 em { font-style:normal; font-weight:normal; font-size:0.8em; }
  .ico:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
  
  /* gallery */
  
  

  /* per l'effetto ballon sull'indice */
  
.tooltip { width:160px; text-align:center; z-index:30; position:relative; color:#0043ff; }
.tooltip span.top { padding:5px 5px 0 5px; background:url(immagini/baloon.gif) no-repeat top; }
span[class="tooltip"] > span.top { background:url(immagini/baloon.png) no-repeat top !important; }

.tooltip b.bottom { padding:0 5px 5px 5px; background:url(immagini/baloon.gif) no-repeat bottom; }
span[class="tooltip"] > b.bottom { background:url(immagini/baloon.png) no-repeat bottom !important; }