html {width: 100%;}

body
{ 
   font-family: georgia, times, serif;
   margin:0 5% 0 5%;
   padding:0;
   text-align: center;
   width: 90%;
}

/* Supporto per browser che non supportano i CSS */
hr { display:none }
div.no-css, span.no-css { display: none }

#header {margin: 10px 0 0 0;}
#header .titolo {float:left;margin:0}
#header .titolo h1 {margin: 0; font-size: 160%}
#header .banner {text-align: right;}

#barra-menu
{
   text-align: right;
   border-top: solid 1px;
   padding: 5px 0 0 0;
   margin: 15px 0 0 0;
   font-size: 90%
}

#barra-menu a:link, #barra-menu a:visited
{
   color: blue;
   background: transparent;
   font-weight: bold;
   text-decoration:none;
}

#barra-menu a:hover, #barra-menu a:active
{
   color: red;
   background: transparent;
}

#barra-menu span#pagina-corrente
{
   color: black;
   background: transparent;
   font-weight: bold;
}

#principale {text-align:justify; font-size: 90%; background: #eeeeee; color: black; padding: 0 0 10px 0;margin-top: 10px}
#principale h2 {background: #dddddd; color: black; font-size:110%;padding: 1px 0 1px 0; margin: 0}
#principale #homepage-colonnasx {width:25%;float:left;text-align:left}
#principale #homepage-colonnacentro {width:50%;float:left;text-align:justify;margin:0;padding:0}
#principale #homepage-colonnadx {width:25%;float:left;text-align:right;margin:0;padding:0}

#principale #homepage-colonnasx ul 
{
   list-style: circle outside;
   margin:0 0 10px 0;
   padding:0 20px 0 15px;
   text-align: left;
   font-size: 70%;
   font-family: Arial, sans-serif;
}

#principale #homepage-colonnasx ul a {color: blue; background:transparent}
#principale #homepage-colonnasx ul a:hover {color: red; background:transparent}

#principale #homepage-colonnasx #ricerca {text-align: center;}
#principale #homepage-colonnasx form {margin:0;padding:0}
/* Campi dei <form> per motori di ricerca */
#principale #homepage-colonnasx form input.search { font-family: Arial, sans-serif; font-size: 80%;}

#principale #guestbook-colonnasx {width:20%;float:left;text-align:left}
#principale #guestbook-colonnacentro {width:40%;float:left;text-align:justify;margin:0;padding:0}
#principale #guestbook-colonnadx {width:40%;float:left;text-align:center;margin:0;padding:0}

div.ripristino-float
{
   clear:left;
   /* Ugly hack */
   border-bottom: solid 1px #eeeeee;
}

#principale #homepage-colonnasx h3, #principale #homepage-colonnadx h3
{margin:0; font-size: 11px; background: transparent}

p.primo-paragrafo {margin:0; padding:0}
p.primo-paragrafo:first-letter
{font-size: 200%; font-style: italic;float: left}

#principale div#photogallery-menusx
{
   width: 25%;
   float: left;
   text-align: left;
}

#principale div#photogallery-menusx ul
{
   list-style: none;
   margin:0; padding:0 10px 0 10px;
}

#principale div#photogallery-menusx ul li a:link,
#principale div#photogallery-menusx ul li a:visited
{
   color: blue;
   background: transparent;
   font-weight: bold;
   text-decoration:none;
}

#principale div#photogallery-menusx ul li a:hover,
#principale div#photogallery-menusx ul li a:active
{
   color: red;
   background: transparent;
}

#principale div#photogallery-menusx ul li span
{
   background: transparent;
   font-weight: bold;
}

#principale div#photogallery-main
{
   width: 75%;
   float: left;
}


#principale div#photogallery-main h3
{ margin:0; padding:0 }
#principale div#photogallery-main h4
{ clear:left }

a:link img.scomparsa, a:visited img.scomparsa, a:active img.scomparsa {display: none; border: 0}
a:hover img.scomparsa {display: block; border: 0}

#footer1 {margin: 20px 0 0 0}
#footer1 .banner {float:left; font-size: 70%;text-align: left; width: 170px; padding: 0 15px 0 0;}
#footer1 .banner div {display: none}
/* Text ad linkshare */

#footer1 #quote {text-align:right;font-style:italic;font-size: 70%; padding: 0% 0% 0% 30%}

/*pie' di pagina */
#footer2
{
   text-align: center;
   width:90%;
   font-family: Arial,sans-serif;
   font-size: 60%;
   margin-top: 1%;
}

img { border:0; }

/* Box per contatti e news */

div.box-contatti
{
   width: 50%;
   float: left;
   text-align: left;
   padding: 10px 0 0 0;
}

div.box-contatti h3
{
   margin: 0; padding:0;
   font-size: 100%;
}

div.box-contatti ul
{
   list-style: none;
   padding-left: 10px;
   margin: 0;
}

/* Box photogallery */
div.photo { border: 0; float: left;}

#geek-code {font-family: monospace; padding: 10px 0 10px 0}
