html, body {
margin: 0;
padding: 0;
background-color: #339;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%; 
}
hr {
display: none;
}
.nascosto {
width:0;
position:absolute;
height:0;
overflow:hidden;
top:-200em;
}
.cancella {
clear: both;
}
img {
border: none;
}
p {
margin: 0;
padding: 0;
}

/* HEAD */
#head {
margin: 0;
padding: 0;
height: 180px;
background: #fff;
color: #339;
overflow: hidden;
}
#head p {
margin: 0;
padding: 0;
}
#head img {
margin: 5px 3px 0 3px;
padding: 0;
}
img.logo {
float: left;
}
p.marchi {
float: right;
}

/* MENU */
ul#menu {
clear: both;
margin: 0;
padding: .5em 0 0 0;
background: #fff;
color: #339;
border-bottom: 10px #900 solid;
}
ul#menu li {
display: inline;
margin: 0 -.5em 0 0;
padding: 5px 7px;
background: url(media/bg_menu.gif) top right repeat-x;
color: #fff;
font-size: 80%;
border-left: 1px #900 solid;
}
ul#menu a:visited  { color: #fff; background: #da2525; text-decoration: none;}
ul#menu a:link   { color: #fff; background: #da2525; text-decoration: none; }
ul#menu a:hover    { color: #ff9; background: #da2525; text-decoration: none; }

/* CONTENUTI */
#contenuti {
width: 900px;/*era 739px*/
margin: 2em 1em;
padding: 0;
background: #fff;
color: #000;
}

h2.titolopagina {
margin: 0;
padding: .5em;
background: #66c url(media/bg_titolopagina.gif) top right no-repeat;
color: #fff;
text-align: right;
font-size: 100%;
font-style: italic;
font-variant: small-caps;
}

#contenuti div.boxsx {
float: left;
width: 430px; /*era 347px*/
height: 35em;
overflow: auto;
margin: /*.2em 0 .2em 0*/ .5em;
padding: /*.5em*/ 0;
font-size: 80%;
line-height: 130%;
background: #fff;
color: #666;
border: 1px #666 solid;
}
#contenuti div.boxdx {
float: right;
width: 430px; /*era 739px*/
height: 35em;
overflow: auto;
margin: .5em;
padding: 0;
font-size: 80%;
line-height: 130%;
background: #fff;
color: #666;
border: 1px #666 solid;
}
#contenuti div.box {
/*width: 716px;*/
margin: 0;
padding: /*.5em*/ 0;
font-size: 80%;
line-height: 130%;
background: #fff;
color: #666;
border: 1px #666 solid;
}
#contenuti div.box p {
margin: 1em;
padding: .5em;
}
#contenuti div.box ul {
margin: 1em;
padding: 1em;
}
div.boxsx p.foto, div.boxdx p.foto, div.box p.foto, p.foto {
text-align: center;
}

h3 {
margin: 1em 0;
padding: 0;
background: #fff;
color: #33c;
text-align: center;
font-size: 90%;
}

h4 {
margin: 0.3em 0;
padding: 0;
background: #fff;
color: #900;
text-align: center;
font-size: 100%;
}

div.boxsx p, div.boxdx p, div.box p {
padding: .5em;
}

/* FOOTER */
#footer {
margin: 0;
padding: 0;
background: #da2525;
color: #fff;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
}
#footer p {
margin: 1em;
padding: 0;
font-size: 70%;
line-height: 150%;
}

#footer a:visited  { color: #900; background: #fff; text-decoration: none; padding: .2em; border: 1px #900 solid;}
#footer a:link   { color: #900; background: #fff; text-decoration: none; padding: .2em; border: 1px #900 solid; }
#footer a:hover    { color: #fff; background: #da2525; text-decoration: none; padding: .2em; border: 1px #900 solid; }

/* SELETTORI PER COLORE*/
.blu  { font-size: 130%; color: #33c }
.rosso  { font-size: 130%; color: #c00 }
.arancio  { font-size: 130%; color: #f90 }
.giallo   { font-size: 130%; color: #ff6 }
.verde  { font-size: 130%; color: #6f0 }
.azzurro  { font-size: 130%; color: #69f }
.fuxia  { font-size: 130%; color: #c0f }