/* UTILITA */
img { border: none}
.small  { font-size: 0.7em }
.invisibile { visibility: hidden}
hr   { visibility: hidden; margin-bottom: 0; height: 0  }
br { visibility: hidden; margin-bottom: 0; height: 0}
.pulisci { clear:both}
.floatleft  { margin-right: 5px; float: left }
.bold  { font-weight: bold }

/* STRUTTURA */
body          { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin: 0 0 100px; padding: 0 0 0 }
.panorama   { background: #fff url("img/bg.jpg") repeat-x fixed center bottom }
.panorama-fix  { background: #fff url(img/bg.jpg) repeat-x fixed center bottom }

#main        { text-align: left; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding-top: 20px; width: 750px; min-height: 87% }
#col-menu    { text-align: right; width: 240px; float: left }
#col-cont    { margin-bottom: 200px; width: 450px; float: left }
#col-cont-lavori            { width: 350px; float: left }
.pad-box       { padding: 5px 7px 4px 5px }
.pad-dx   { padding: 0.5em 0.5em 0.5em 1em }
.pad-credits        { color: #fff; padding: 2px 7px 2px 5px }

/* BOX LOGO */
#logo    { color: #fff }
#logo img  { margin: 0; padding: 0; float: left }
.box-logo-close  { background-image: url("img/azzurro-close.gif"); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0; border-bottom: 1px solid #fff }
.box-logo    { background-image: url("img/azzurro.gif"); background-repeat: no-repeat; background-position: 0 top; margin: 0; padding: 0 5px 0 0 }
.p-iva  { color: #fff; font-size: 9px; font-family: Verdana; margin: 0; padding: 0 0 0 }

/* BOX CREDITS */
.credits-close   { background-image: url("img/verde-close.gif"); background-repeat: no-repeat; background-position: 0 bottom; margin: 21px 0 0; padding: 0 }
.credits     { background-image: url("img/verde.gif"); background-repeat: no-repeat; background-position: 0 top; margin-bottom: 11px }


/* FORMATTAZIONE TESTI */
p    { color: #323232; font-size: 0.8em; margin-top: 0 }

h1.nome   { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 }
h1     { font-size: 12px; margin: 0; padding: 0 0 0 }
h1 b { font-weight: normal; margin: 0; padding: 0 }

h4    { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: -5px 0; padding: 0 }
#col-cont h2, #col-cont-lavori h2   { color: #0096dd; font-size: 0.9em; border-bottom: 1px dashed #0096dd }
#col-cont h3, #col-cont-lavori h3   { color: #0096dd; font-size: 0.8em; margin: 0; padding: 0 0 5px }  
p.linkamici { font-size: 0.7em;}

/* MENU */
#menu     { margin: 0 0 -20px; padding: 0 }
#menu ul  { margin: 0; padding: 0 }
#menu ul li         { color: #fff;  background-image: url("img/bg-lista-verde.gif"); background-repeat: no-repeat; background-position: left top; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #fff; border-left:  }
#menu ul li.sel      { background-image: url("img/bg-lista-azz.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0.4em }
#menu ul li.contatti         { background-image: url("img/verde-contatti.gif"); background-repeat: no-repeat; background-position: left top; padding: 0.5em; border-bottom: medium none }
#menu ul li h2 {margin: 0; padding: 0; font-size: 0.8em;}
#menu ul li h2 a:link, #menu ul li h2 a:visited          { color: #fff; text-decoration: none; display: block; padding: 0.5em }
#menu ul li h2 a:hover     { background-image: url(img/bg-lista-verde-over.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; display: block }

/* LINK */
#col-cont a:link, #col-cont a:visited, #col-cont-lavori a:link, #col-cont-lavori a:visited  { color: #478a0e; font-weight: bold; text-decoration: none }
#col-cont a:hover, #col-cont-lavori a:hover  { text-decoration: underline; background-color: #fff }

/* FORM */
form   { margin: 0 0 0; padding: 0 }
form p {margin: 0; padding: 0}
input, textarea     { font-size: 11px; font-family: Arial; margin: 3px 0; padding: 2px 0 0 5px }
textarea, #e-mail  { width: 98% }

/* LISTE */
#soluzioni  { margin: 0; padding: 5px 0 0; }
#soluzioni li  { color: #494949; font-size: 0.75em; background-image: url(img/list-type.gif); background-repeat: no-repeat; background-position: 0 1px; list-style-type: none; margin: 0; padding: 0 0 5px 17px   ; }
dl     { color: #484848; font-size: 0.7em; margin: 0; padding: 0 }
dd    { margin: 0; padding: 0 0 0 15px }
dt    { font-weight: bold }

ul.lista-img-flottante {  margin: 0; padding: 0; list-style-type: none;}
ul.lista-img-flottante li { float:left}

/* PERSONALIZZAZIONI */
.portfolio  { background-image: url(img/palloncini.gif); background-repeat: no-repeat; background-position: right bottom }
.lavori, .grafica         { margin-top: 10px; margin-bottom: 30px }
.lavori img   { padding-right: 10px; float: left }

.lavori1       { background-image: url(img/palloncino-giallo.gif); background-repeat: no-repeat; background-position: right top; padding-right: 50px; width: 350px; float: left }
.lavori2     { background-image: url(img/palloncino-verde.gif); background-repeat: no-repeat; background-position: right top; padding-right: 50px; width: 350px; float: left }
.lavori3     { background-image: url(img/palloncino-rosso.gif); background-repeat: no-repeat; background-position: right top; padding-right: 50px; width: 350px; float: left }
.lavori4     { background-image: url(img/palloncino-viola.gif); background-repeat: no-repeat; background-position: right top; padding-right: 50px; width: 350px; float: left }
.lavori5     { background-image: url(img/palloncino-azzurro.gif); background-repeat: no-repeat; background-position: right top; padding-right: 50px; width: 350px; float: left }
.lavori6     { background-image: url(img/palloncino-arancio.gif); background-repeat: no-repeat; background-position: right top; padding-right: 50px; width: 350px; float: left }


/* BANNER SOLIDALE */
#banner-solidale { background-image: url(img/bg-banner2.gif); background-repeat: no-repeat; background-position: 0 0; margin-top: 10px; padding-top: 30px; padding-bottom: 50px; }
.testo-banner { text-align: left; width: 200px; padding-right: 20px; padding-left: 20px; }
#banner-solidale p { color: #360; font-size: 10px; font-family: Verdana; margin-top: 0; padding-top: 0; }
#banner-solidale a:link, #banner-solidale a:visited { color: #360; }
#banner-solidale a:hover { color: #8be400; }

/* PAGINA PREVENTIVO */
#col-cont-preventivo    { width: 600px }
#col-cont-preventivo h2  { color: #0096dd; font-size: 0.9em }
#col-cont-preventivo a:link, #col-cont-preventivo a:visited { color: #478a0e; font-weight: bold; text-decoration: none }
#col-cont-preventivo a:hover { text-decoration: underline; background-color: #fff }

/* MUSICA */
.scroll       { font: 0.8em verdana, arial, helvetica; background-color: #fff; margin: 0; padding: 5px; width: auto; height: 200px; border: solid 1px #8fa2a2 }
#auto { overflow: auto; }

/* ------------------------------------------------------------------------------- */
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img  { margin-right: 5px; padding: 0; border: solid 1px #999 }
.highslide:hover img  { border: solid 1px #0096dd }

.highslide-image {
	cursor: poiner; /* opera */
	cursor: url(highslide/graphics/zoomout.cur), pointer;
    border: 1px solid #666666;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption  { color: #666666; background-color: #ffffff; text-align: left; display: none; padding: 5px; border-style: none solid solid; border-width: 1px; border-color: #999999 }
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}