HTML {background: url(images/bg.gif) repeat top left #c00}
BODY {font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:80%; color: #000000; margin: 0 0 30px 0;background: url(images/bgtopbody.png) repeat-x top left;text-align:center}
a:link, a:visited {color:#c00; text-decoration:none}
a:hover {text-decoration:underline}

/* struttura */
div#bgtop {margin: 0 auto;background: url(images/bgtop.png) no-repeat top left; position:relative;width: 990px; text-align:center;padding-top:50px;}
div#container {margin: 0 auto;background: url(images/bgcontainer.gif) repeat-y top left; position:relative;width: 900px; text-align:center}

div#header {margin: 0 auto;background: url(images/top.jpg) no-repeat top right; position:relative;width: 900px;min-height: 182px;height: auto !important;height: 182px}
div#sx {position:absolute;top:0;width:219px !important; width /**/: 224px; padding:0 0 0 5px;text-align:left;background: url(images/sprite.png) no-repeat 5px 0;min-height: 600px;height: auto !important;height: 600px;padding-top:20px}
div#content {position:relative;margin-left:224px;padding: 124px 20px 0 16px;text-align:center;min-height: 500px;height: auto !important;height: 500px;text-align:justify;}

#slogan {position:absolute;top:45px;right:224px;font-size:18px;color:#000}
#slogan b {font-style:italic}

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	background: url(images/logo.jpg) no-repeat top left;
	width:900px;height:154px;}
	
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:30px;top:8px;
width:340px;height:65px;
}

#mlogo a {display:block;
width:100%;
height:100%}
.alt {display:none}


div#bot {clear: left;font-size:12px;width: 900px; height:29px !important; height /**/: 54px;padding: 25px 0 0 0; background:  url(images/sprite.png) no-repeat bottom right;text-align:center}
div#bot a {background-color: #fffff2;color:#CC0000}
div#wd {margin: 0 auto; width:960px;text-align:right;font-size:11px;color:#ffffff;margin-top:4px}
div#wd a:link, div#wd a:visited {color:#ffffff;text-decoration:none}
div#wd a:hover {text-decoration:underline}


/* sinistra */
ul#menu {margin: 0 24px 0 17px; padding:0 0 96px 0; list-style:none;text-align:left;width:178px;font-weight:bold; font-size:15px;}
ul#menu li a {display:block;text-indent:25px;margin:3px 0;line-height:26px;height:26px;}
ul#menu li {display:inline}
ul#menu li a:link, ul#menu li a:visited {background: url(images/sprite.png) no-repeat -219px -29px;text-decoration:none; color:#000} 
ul#menu li a:hover, body#bhome a#home, body#bpanoramica a#panoramica, body#btecniche a#tecniche, body#bchi a#chi,
body#bdove a#dove, body#bcorsi a#corsi, body#btestimonianze a#testimonianze, body#blibri a#libri, body#bcontatti a#contatti, body#bdicono a#dicono {background: url(images/sprite.png) no-repeat -219px 0;color:#fff;text-decoration:none} 

ul.links {margin: 0 15px; padding:0; list-style:none;text-align:center; width:189px;font-weight:bold; font-size:13px}
ul.links li a {display:block;margin:5px 0}
ul.links li {display:inline}
ul.links li a:link, ul.links li a:visited {text-decoration:none; color:#036} 
ul.links li a:hover {color:#c00;text-decoration:none} 

#sx p {margin:0 18px 0 73px;padding:15px 0 13px 0;font-weight:bold;color:#c00}

/* content */
div#homebox {margin:0 auto;position:relative;width:640px;height:230px;background: url(images/homebox.jpg);font-size:12px}
div#homebox div#scopri {position:absolute;top:27px;left:25px;width:160px}
div#homebox div#biblioteca {position:absolute;top:27px;left:340px;width:120px}
div#homebox a {font-size:18px}

.rightem {text-align:right; font-style:italic; font-weight:bold}
.rightclear {clear:left;text-align:right; font-weight:bold}
.center {text-align:center}
.right {text-align:right}

div.split2 {margin: 45px auto;width:640px;height:330px;}
div.split2 div.split2sx {width:320px;float:left}
div.split2 div.split2dx {width:310px !important; width /**/: 320px;float:left}
pleft {padding-left:10px}
pright {padding-right:10px}

a.inizio {background: url(images/sprite.png) no-repeat -219px -76px;padding-left:18px}

div#maplugano, div#mapmilano {width:300px;height:220px;margin-top:10px;border:5px solid #eee;}

div.wide {margin: 0;clear:both}
hr {margin: 20px auto;width:100%;color:#c00;background-color:#c00;border:0;height:1px}
hr.hrhome {margin: 0 auto 10px auto;width:100%;color:#c00;background-color:#c00;border:0;height:1px;clear:both;}
.celestebig {font-size:18px;color:#09c;}

p.pdf, p.yt {margin:30px 0}
p.pdf a:link, p.pdf a:visited, p.yt a:link, p.yt a:visited {color:#c00;font-size:14px;background: url(images/sprite.png) no-repeat;padding:5px 0 7px 35px;line-height:31px;font-weight:bold}
p.pdf a:link, p.pdf a:visited {background-position: -430px 0}
p.yt a:link, p.yt a:visited {background-position: -430px -31px}


#split3 {width:639px}
#split3 div {width:213px;float:left;text-align:center;font-weight:bold;height:40px}

/* form e img */

p {margin:12px 0}
ul {margin:0 0 0 10px;padding:10px}
ul.nolist {margin:0;padding:0;list-style-type:none}
ul ul {margin:0 0 0 20px;padding:20px;list-style-type:disc}
.imgdx {float:right;margin-left:10px}
.imgsx {float:left;margin-right:10px}
h1, h2, h3 {display:inline}
h1 {font-size:25px; color:#c00;font-weight:normal}
h2 {font-size:20px;color:#09c;font-weight:normal}
h3 {font-size:14px;color:#cc0000; font-weight:normal}
img {border:0}
form {margin:0}

.didascalia {font-size:10px;color:#666;}