/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;background-color:#a3005e }

/*stili generici, su header e footer*/
div#header{background:#a3005e url(../img/nature/testata.jpg) no-repeat left top;color: #ff0; height: 12em;}
div#segreteria{position: relative; z-index: 10; height: 150px; margin-top:0px; padding-top:0px; }
div#segreteria a{color:#fff; font-size: 12px; }
div#segreteria a:hover{color:#69c}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer{text-align:center;padding: 0.5em;background-color:#a3005e; color: #fff;font-size: 1.5em; text-indent:90px}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
span#credits{font-size: 0.6em; margin-left: 3em}


/*stili specifici per il layout*/
div#navigation{background-color:#9cf; height: 3em; text-align: center;}
div#content{padding: 1em;background:url(../img/nature/stelle2.jpg)}
div.makeMeDraggable{background:url(../img/nature/astronautatrasp.png) no-repeat center bottom; width: 150px; height:150px; margin: 2em auto 0;}
/*div#makeMeDraggable{background:url(../img/nature/img1.png) no-repeat; width: 150px; height:150px; position: relative; left:43%; top:0px;}*/

/*stili per la navigazione*/
div#dialog-box{text-align: center; margin-bottom: 50px;}
div#dialog-box ul {padding: 0; list-style-type: none;}
div#dialog-box li {display: inline; margin: 0 0 0 1em;padding: 0}

/*#makeMeDroppable {}*/
.correct_filo { background: url(../img/nature/1b.png) no-repeat center bottom;width: 150px; height:150px; margin: 2em auto 0; }
.correct_lettere { background: url(../img/nature/2b.png) no-repeat center bottom;width: 150px; height:150px; margin: 2em auto 0; }
.correct_lingue { background: url(../img/nature/3b.png) no-repeat center bottom;width: 150px; height:150px; margin: 2em auto 0; }
.correct_mediazione { background: url(../img/nature/4b.png) no-repeat center bottom;width: 150px; height:150px; margin: 2em auto 0; }

div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
/* per variare le intestazioni delle palette */
.ui-dialog-title {color: #fff; font-weight: bold; font-size: 20px; letter-spacing: 3px; text-align: center;}
.ui-dialog-titlebar {background: #a3005e;}