body{
font-family:Verdana, Tahoma, Arial, sans-serif;
font-size:62.5%;
color:#009;
text-align:center;
background:#fef9e7 url(../images/cssimages/wrapheaderbg.jpg) top left repeat-x;
}

*{
margin:0;
padding:0;
}

hr{
display:none;
}

h2,h3,h4{
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
color:#f60;
font-style:italic;
padding:1em 0 0.5em;
clear:both; /* clear per i float antecedenti */
}

h2{
font-size:2.3em;
font-style:italic;
background:url(../images/cssimages/titles-bullet.gif) no-repeat center left;
padding-left:40px;
}

h3{
font-size:1.7em;
background:url(../images/cssimages/subtitlesbullet.gif) no-repeat center left;
padding-left:30px;
}

h4{
font-size:1.4em;
background:url(../images/cssimages/subtitlesbullet2.gif) no-repeat center left;
padding-left:20px;
}

a{
color:#009;
font-size:0.95em;
font-weight:bold;
font-style:italic;
}
a:link, a:visited, a:focus{
text-decoration:underline;
}
a:hover{
color:#f60;
text-decoration:none;
}

a img{
border:none;
}

#wrapper{
width:960px;
margin:0 auto;
background:url(../images/cssimages/contentbg.gif) top left repeat-y;
text-align:left;
}

.gutter{
padding:1em 2em;
}

/**************** Stili Header *****************/

#header{
background:#06f;
width:960px;
overflow:hidden;
position:relative; /* image replacement */
z-index:1; /* image replacement */
}
#header img{
border:none;
}

#logo{
position:absolute;
top:13px;
right:734px;
float:left;
}

/*intestazione sito */

#header h1{
background:url(../images/cssimages/headerbg.jpg) top left no-repeat;
width:960px;
height:190px;
color:#fff;
font-size:2.5em;
float:right;
}
#header h1 strong{
position:relative;
z-index:-1; /* image replacement */
}

/**************** Stili Content *****************/

#content img{
display:block;
background-color:#fff;
border:1px solid #ccc;
border-bottom-color:#666;
border-right-color:#666;
}

.elenco-descr{
list-style:none;
}
.elenco-descr li{
display:block;
}
.elenco-descr li a{
display:inline;
padding:0;
}

/* images shadow */
#content p.img-shadow-sx,#content p.img-shadow-dx{
background:url(../images/cssimages/shadowAlpha.png) no-repeat bottom right !important;
background:url(../images/cssimages/shadow.gif) no-repeat bottom right; /* gif per IE 5+6 */
padding:0;
margin:1em 0;
}
#content p.img-shadow-sx img,#content p.img-shadow-dx img{
position:relative;
margin:-6px 6px 6px -6px;
}
#content p.img-shadow-sx{
float:left;
margin-right:4px;
display:inline;
}
#content p.img-shadow-dx{
float:right;
margin-left:10px;
display:inline;
}

/**************** Stili Sidebar *****************/

#sidebar{
width:235px;
float:left;
display:inline;
}

#navigation{
list-style:none;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size:1.4em;
}
#navigation li.active,li a{
display:block;
padding:0.5em 0;
padding-left:20px;
}
#navigation li a{
text-decoration:none;
background:url(../images/cssimages/nav-bullet-off.gif) no-repeat 0 0.7em;
font-style:normal;
}
#navigation li a:hover,li.active{
background:url(../images/cssimages/nav-bullet-on.gif) no-repeat 0 0.6em;
}
#navigation li a:hover{
text-decoration:underline;
}
#navigation li.active{
color:#f60;
text-transform:uppercase;
font-weight:bold;
}
#navigation ul{
list-style:none;
text-transform:none;
}
/* per IE 5+6 */
#navigation li{
display:inline;
}
* html #navigation li a{
height:0;
}


/* offerte e annunci */

div.annuncio,div.offerte{
text-align:center;
margin:5em 0;
}

div.annuncio{
padding:45px 0 0;
background:url(../images/cssimages/sole.gif) 100px 0 no-repeat;
}

div.offerte{
background:#f90 url(../images/cssimages/notepad-top.jpg) top left no-repeat;
padding:36px 0 0;
}

div.annuncio h5{
background:#f4be72;
border:1px solid #f93;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
padding:0.5em;
}

div.offerte p{
font-size:1.4em;
font-style:italic;
font-weight:bold;
padding:2em 2em 4em;
background:#f90 url(../images/cssimages/notepad-bottom.jpg) bottom left no-repeat;
}

/**************** Stili Main Content *****************/

#maincontent{
width:725px;
float:right;
display:inline;
}

#maincontent .gutter{
height:1%;
overflow/**/:/**/hidden;
}

.box, .boxcenter{
height:1%; /* clear per il float dei paragrafi */
overflow/**/:/**/hidden;
}

.boxcenter{
margin:0 auto;
width:600px;
}

#maincontent p{
font-size:1.3em;
line-height:1.7em;
padding:0.5em 0;
height:1%; /* holly hack */
}

#maincontent p strong{
font-size:0.95em;
}

/**************** Stili Footer *****************/

#footer{
background:#ff521a url(../images/cssimages/footerbg.jpg) top left repeat-x;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
color:#006;
font-size:1.1em;
line-height:1.2em;
text-align:center;
height:180px;
}

#footer p{
padding:2em 0 0;
}

#footer span{
color:#fff;
}

#footer a{
color:#006;
font-size:1em;
}

#footer img{
border:none;
float:right;
margin-top:10px;
}

/* footer sempre in basso */
html, body{
height:100%;
}
#wrapper{
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -180px; /* margine negativo altezza footer */
}
.pushfooter{
height:180px; /* altezza footer */
clear:both;
}