html, div, span, applet, object, iframe,blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, fieldset, form, label, legend,caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { height:100%; background: url(img/back.gif) top center repeat-x #accbdf;margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
html { height:100%;}

h3 {padding: 0px 6px 0px 0px;margin: 0;font-size: 1.3em;color: #666;}
h3 a { text-decoration: underline; color: #333}
h2 { color:#999; padding: 0px 0px 5px 0px;margin: 0;}
h2 a { color: #8eaec7; font-size: 0.8em}
h4 { padding: 2px; margin: 2px}

p { padding: 3px 0; margin: 0; color:#333}


#slideshow { width: 600px; height: 300px; }
.clr { clear: both;}
.wrap-menu-home { width: 917px; margin: 0 auto; margin-top: 2px; height: 26px}
.wrap-menu { margin-top: 2px; height: 26px}
#az { background: url(img/AZ.jpg); width: 332px; height: 26px; float: left; border-right: 1px solid #EEE}
#scrivimi { background: url(img/scrivimi.jpg); width: 332px; height: 26px; float: left}
#face { background: url(img/facebook.jpg); width: 247px; height: 26px; float: right}
#slider-single { background: url(img/gasco-single.jpg); height: 241px; width: 665px; float: left}

#slider-gasco { background: url(img/foto-home-02.jpg); height: 328px; width: 917px; margin: 0 auto }
#slider-gasco h2 { padding: 0; margin: 0; font-size: 1.1em}
#slider-gasco p { padding: 2px 0 0 0; margin: 0;}
#slider-gasco #back-blank { float: right; width: 270px; height: 308px; padding: 10px}

#wrap-letter {  width: 248px; height: 241px; float: right}
#floater {position:relative;float:left;height:50%;margin-bottom:-254px;width:1px;}
#centered {position:relative;clear:left;height: 509px;width: 980px;max-width:980px;min-width:509px;margin:0 auto;}
#wrap-main {background: url(img/back-content-central.png) top center  no-repeat; position:absolute;left:3a0%;right:0;top:0;bottom:0;width: 980px;height:509px;}

#bigwrap { width: 960px; margin: 0 auto; background: url(img/back-content.png) top center repeat-y;}
#wrap { padding: 0 20px  }

#coming { display: table-cell; width: 960px; height: 250px; color: #CCC; font-size: 1.7em; margin: 0 auto; text-align: center; vertical-align: middle}
#header { height: 125px; padding-bottom: 10px; width: 920px; background: url(img/header.png) top center no-repeat; margin: 0 auto }

#wrap-header { position: relative}

#slider { width: 917px; height: 328px; margin: 0 auto; }

#wrap-main { padding: 10px 0 0 0 }

#header { position: relative; height: 120px; width: 920px; background: url(img/header.png) top center no-repeat; margin: 0 auto }

#link-pdl a { background: url(img/pdl-logo.png); display: block; width: 125px; height: 119px; position: absolute; right: 8px; top: 1px; }
#link-biasotti a { background: url(img/biasotti-logo.png); display: block; width: 125px; height: 119px; position: absolute; right: 155px; top: 0px; }


#wrap-main-single { padding: 20px 0 0 0 }

.wrap-letter { margin: 0 0 10px 0}

.letter-big {  float: left; }
.letter-big a { display: block; float: left; width: 125px; height: 125px; margin-right: 6px }
.letter-big a#a { background: url(img/lettere/A-big.jpg);  width: 125px; height: 125px;}

.letter {  float: left; }
.letter a { display: block; float: left; width: 125px; height: 125px; margin-right: 4px }
.letter a#a { background: url(img/lettere/A-small.jpg);  width: 125px; height: 125px;}
.letter a#b { background: url(img/lettere/B-small.jpg);  width: 125px; height: 125px;}
.letter a#c { background: url(img/lettere/C-small.jpg);  width: 125px; height: 125px;}
.letter a#d { background: url(img/lettere/D-small.jpg);  width: 125px; height: 125px;}
.letter a#e { background: url(img/lettere/E-small.jpg);  width: 125px; height: 125px;}
.letter a#f { background: url(img/lettere/F-small.jpg);  width: 125px; height: 125px;}
.letter a#g { background: url(img/lettere/G-small.jpg);  width: 125px; height: 125px;}
.letter a#h { background: url(img/lettere/H-small.jpg);  width: 125px; height: 125px;}
.letter a#i { background: url(img/lettere/I-small.jpg);  width: 125px; height: 125px;}
.letter a#j { background: url(img/lettere/J-small.jpg);  width: 125px; height: 125px;}
.letter a#k { background: url(img/lettere/K-small.jpg);  width: 125px; height: 125px;}
.letter a#l { background: url(img/lettere/L-small.jpg);  width: 125px; height: 125px;}
.letter a#m { background: url(img/lettere/M-small.jpg);  width: 125px; height: 125px;}
.letter a#n { background: url(img/lettere/N-small.jpg);  width: 125px; height: 125px;}
.letter a#o { background: url(img/lettere/O-small.jpg);  width: 125px; height: 125px;}
.letter a#p { background: url(img/lettere/P-small.jpg);  width: 125px; height: 125px;}
.letter a#q { background: url(img/lettere/Q-small.jpg);  width: 125px; height: 125px;}
.letter a#r { background: url(img/lettere/R-small.jpg);  width: 125px; height: 125px;}
.letter a#s { background: url(img/lettere/S-small.jpg);  width: 125px; height: 125px;}
.letter a#t { background: url(img/lettere/T-small.jpg);  width: 125px; height: 125px;}
.letter a#u { background: url(img/lettere/U-small.jpg);  width: 125px; height: 125px;}
.letter a#v { background: url(img/lettere/V-small.jpg);  width: 125px; height: 125px;}
.letter a#w { background: url(img/lettere/W-small.jpg);  width: 125px; height: 125px;}
.letter a#x { background: url(img/lettere/X-small.jpg);  width: 125px; height: 125px;}
.letter a#y { background: url(img/lettere/Y-small.jpg);  width: 125px; height: 125px;}
.letter a#z { background: url(img/lettere/Z-small.jpg);  width: 125px; height: 125px;}
.letter a#mail{ background: url(img/lettere/mail.jpg);  width: 125px; height: 125px;}

.alfa { width: 300px; } 
.letter-alfa { float: left}
.letter-alfa a { display: block; float: left; width: 25px; height: 25px; margin-right: 6px }
.letter-alfa a#a { background: url(img/alfa/a.jpg);  width: 25px; height: 25px;}
.letter-alfa a#b { background: url(img/alfa/b.jpg);  width: 25px; height: 25px;}
.letter-alfa a#c { background: url(img/alfa/c.jpg);  width: 25px; height: 25px;}
.letter-alfa a#d { background: url(img/alfa/d.jpg);  width: 25px; height: 25px;}
.letter-alfa a#e { background: url(img/alfa/e.jpg);  width: 25px; height: 25px;}
.letter-alfa a#f { background: url(img/alfa/f.jpg);  width: 25px; height: 25px;}
.letter-alfa a#g { background: url(img/alfa/g.jpg);  width: 25px; height: 25px;}
.letter-alfa a#h { background: url(img/alfa/h.jpg);  width: 25px; height: 25px;}
.letter-alfa a#i { background: url(img/alfa/i.jpg);  width: 25px; height: 25px;}
.letter-alfa a#j { background: url(img/alfa/j.jpg);  width: 25px; height: 25px;}
.letter-alfa a#k { background: url(img/alfa/k.jpg);  width: 25px; height: 25px;}
.letter-alfa a#l { background: url(img/alfa/l.jpg);  width: 25px; height: 25px;}
.letter-alfa a#m { background: url(img/alfa/m.jpg);  width: 25px; height: 25px;}
.letter-alfa a#n { background: url(img/alfa/n.jpg);  width: 25px; height: 25px;}
.letter-alfa a#o { background: url(img/alfa/o.jpg);  width: 25px; height: 25px;}
.letter-alfa a#p { background: url(img/alfa/p.jpg);  width: 25px; height: 25px;}
.letter-alfa a#q { background: url(img/alfa/q.jpg);  width: 25px; height: 25px;}
.letter-alfa a#r { background: url(img/alfa/r.jpg);  width: 25px; height: 25px;}
.letter-alfa a#s { background: url(img/alfa/s.jpg);  width: 25px; height: 25px;}
.letter-alfa a#t { background: url(img/alfa/t.jpg);  width: 25px; height: 25px;}
.letter-alfa a#u { background: url(img/alfa/u.jpg);  width: 25px; height: 25px;}
.letter-alfa a#v { background: url(img/alfa/v.jpg);  width: 25px; height: 25px;}
.letter-alfa a#w { background: url(img/alfa/w.jpg);  width: 25px; height: 25px;}
.letter-alfa a#x { background: url(img/alfa/x.jpg);  width: 25px; height: 25px;}
.letter-alfa a#y { background: url(img/alfa/y.jpg);  width: 25px; height: 25px;}
.letter-alfa a#z { background: url(img/alfa/z.jpg);  width: 25px; height: 25px;}

.footer { text-align: center; color: #666; padding: 20px 0; border-top: 6px solid #8eaec7 }

.wrap-left-single { float: left; width: 310px; background: url(img/back-post.png) top center repeat-x;}

.wrap-letter-single { padding-bottom: 50px}
.letter-single { float: left; width: 250px; padding: 10px 10px 0 0}
.wrap-txt { float: right; width: 600px; padding: 0;}
.txt { margin: 5px 0; background: url(img/back-post.png) top center repeat-x; padding: 10px; }

/* FORM */

#cf { clear: both; text-align: center; width: 800px; font-size: 0.8em; margin: 0 auto; padding: 10px 0; color: #FFF}
#contatore { clear: both; text-align: center; width: 800px; font-size: 0.8em; margin: 0 auto; padding: 10px 0; color: #FFF}
#cf a { color: #FFF; font-size: 0.8em}
#left #field { margin: 10px 0}
#left #field span { margin: 10px 0; color: #666 }
#left #field span a { color: #8eaec7; }
#send-button { background: url(img/send-button.png) top center; border:0 none; margin: 5px; height: 37px; width: 134px; cursor: pointer; float: right  }
#send-button:hover { background: url(img/send-button.png) bottom center; border:0 none; height: 37px; width: 134px; cursor: pointer  }

input { background-color: #e9e9e9; border: 1px solid #CCC; width: 350px; height: 20px; padding: 3px 0; color: #666}
.infor input { width: 13px; height: 13px; padding: 2px 0 0 0 }
textarea { color: #666; background-color: #e9e9e9; border: 1px solid #CCC;  width: 350px; font-family: Tahoma, Geneva, sans-serif}

#slideshow {
	width: 600px;
	height: 300px;
	position: relative;
	

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
#slideshow2 {
    position:relative;

	width: 600px; 
	
    height:300px;
	border: 1px solid #F2F2F2;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow2 IMG.active {
    z-index:10;
}

#slideshow2 IMG.last-active {
    z-index:9;
}