@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
body { background:#9c8fc9 url(../img/body-bg.png) 0 0 repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }

/* Links START */
a:link, a:visited { position:relative; color:#9c8fc9; text-decoration:underline; }
a:hover, a:visited:hover {position:relative; text-decoration:none; }
a:link span, a:visited span { display:none; }
a:hover span, a:visited:hover span { display:block; position:absolute; bottom:30px; left:-48px; background:url(../img/tooltip.png) bottom center no-repeat; color:#eee; padding:10px 10px 30px 10px; width:100px; text-align:center; }
/* Links END */

h1.title { display:block; width:588px; height:158px; background:url(../img/logo.png) center 10px no-repeat; margin:0 auto; text-indent:-9000px; padding:10px 0; }
h2 { font-family:Futura,Helvetica,Arial,sans-serif; color:#9c8fc9; }
h2.home { color:#ffffee; }


/* Wrapper START */
#wrapper { position:absolute; width:1000px; left:50%; top:20px; margin-left:-500px; text-align:left; }
#wrapper-top { width:inherit; background:url(../img/wrapper-top.png) 0 0 no-repeat; height:20px; }
#wrapper-body { width:950px; background:url(../img/wrapper-main.png) 0 0 repeat-y; padding:10px 25px; text-align:left; }
#wrapper-bottom { width:inherit; background:url(../img/wrapper-bottom.png) 0 0 no-repeat; height:20px; }
/* Wrapper END */

#header { width:inherit; height:220px; background:url(../img/header-bg.png) 0 0 no-repeat; }

#header .nav { list-style-type:none;}
#header .nav li { float:left; display:block; margin-left:48px; position:relative;}

#header .nav li a#home:link,#header .nav li a#home:visited { display:block; background:url(../img/bt-home.png) 0 0 no-repeat; width:36px; height:17px; text-indent:-9000px; }
#header .nav li a#home:hover,#header .nav li a#home:visited:hover { background-position:0 -17px; }

#header .nav li a#scuola:link,#header .nav li a#scuola:visited { display:block; background:url(../img/bt-scuola.png) 0 0 no-repeat; width:69px; height:17px; text-indent:-9000px; }
#header .nav li a#scuola:hover,#header .nav li a#scuola:visited:hover { background-position:0 -17px; }

#header .nav li a#didattica:link,#header .nav li a#didattica:visited { display:block; background:url(../img/bt-didattica.png) 0 0 no-repeat; width:64px; height:17px; text-indent:-9000px; }
#header .nav li a#didattica:hover,#header .nav li a#didattica:visited:hover { background-position:0 -17px; }

#header .nav li a#dovesiamo:link,#header .nav li a#dovesiamo:visited { display:block; background:url(../img/bt-dovesiamo.png) 0 0 no-repeat; width:77px; height:17px; text-indent:-9000px; }
#header .nav li a#dovesiamo:hover,#header .nav li a#dovesiamo:visited:hover { background-position:0 -17px; }

#header .nav li a#contatti:link,#header .nav li a#contatti:visited { display:block; background:url(../img/bt-contatti.png) 0 0 no-repeat; width:56px; height:17px; text-indent:-9000px; }
#header .nav li a#contatti:hover,#header .nav li a#contatti:visited:hover { background-position:0 -17px; }

#header .nav li a#credits:link,#header .nav li a#credits:visited { display:block; background:url(../img/bt-credits.png) 0 0 no-repeat; width:50px; height:17px; text-indent:-9000px; }
#header .nav li a#credits:hover,#header .nav li a#credits:visited:hover { background-position:0 -17px; }

#header .nav li a#borsestudio:link,#header .nav li a#borsestudio:visited { display:block; background:url(../img/bt-borsestudio.png) 0 0 no-repeat; width:108px; height:17px; text-indent:-9000px; }
#header .nav li a#borsestudio:hover,#header .nav li a#borsestudio:visited:hover { background-position:0 -17px; }

#header .nav li a#eventi:link,#header .nav li a#eventi:visited { display:block; background:url(../img/bt-eventi.png) 0 0 no-repeat; width:41px; height:17px; text-indent:-9000px; }
#header .nav li a#eventi:hover,#header .nav li a#eventi:visited:hover { background-position:0 -17px; }

#header .nav li ul { display:none; }
#header .nav li:hover ul { display:block; position:absolute; top:17px; left:0; background:#ffffee; color:#9c8fc9; z-index:10000; padding-top:10px;  width:450px; }
#header .nav li ul li { display:block; float:left; margin-left:0; width:149px;}

/*#header .nav li:hover ul ul { display:none; }*/
#header .nav li:hover ul ul { position:relative; top:0; margin-top:0; padding:0; width:auto; }
#header .nav ul ul li { margin-left:0; width:149px; padding:0; float:none; border-bottom:1px dotted #9c8fc9; }

#header .nav ul li a:link, #header .nav ul li a:visited { color:#9c8fc9; text-decoration:none; display:block; width:130px; padding:4px 10px; font-family: Futura,Helvetica,Arial,sans-serif; border-bottom:1px solid #9c8fc9; border-right:1px solid #9c8fc9; }
#header .nav ul li a:hover, #header .nav ul li a:visited:hover { color:#000; text-decoration:none; background-color:#Fec; }

#header .nav ul ul li a:link, #header .nav ul ul li a:visited { color:#9c8fc9; text-decoration:none; display:block; width:130px; padding:2px 10px; border-bottom:none; font-size:0.8em; border-right:none; }
#header .nav ul ul li a:hover, #header .nav ul ul li a:visited:hover { color:#000; text-decoration:none; background-color:#Fec; }

#header .nav ul ul li a:link, #header .nav ul ul li a:visited, #header .nav ul ul li a:hover, #header .nav ul ul li a:visited:hover { background-image:none; }

/* Styling Home START */
.item_a { width:606px; height:310px; padding:0 12px; background:url(../img/box-wide.png) 0 0 no-repeat; float:left; }
.item_b { width:286px; height:310px; padding:0 12px; background:url(../img/box-small.png) 0 0 no-repeat; float:left; }
.item_c { width:446px; height:200px; padding:0 12px; background:url(../img/box-medium.png) 0 0 no-repeat; }
.first { margin-right:10px; }

#main h2 { line-height:30px; margin-bottom:10px; }

#main h4 { display:block; width:inherit; margin-top:1em; border-bottom:1px solid #9c8fc9; color:#9c8fc9; }
#main p, #main li { line-height:2em;}

#spotlights { margin-top:10px; }
/*#spotlights .item_a { float:left; margin-right:10px; }
#spotlights .item_b { float:left; }*/

#feeder { width:inherit; height:50px; background:url(../img/feeder.png) 0 0 no-repeat; margin-top:10px; }
#feeder h2 { font-size:16px; float:left; margin-left:10px; }
#feeder p { line-height:50px; float:left; position:relative; left:80px; }

#profiles { margin-top:10px; }
#profiles .item_c { float:left; }
#profiles #first { margin-right:10px; }
#profiles .item_a p, #profiles .item_b p { text-align:justify; }

/* Styling Home END */

/* Styling Main START */
#widecolumn { width:630px; float:left; margin-right:10px; margin-top:10px; }
#widecolumn .top { background:url(../img/widecolumn-top.png) 0 0 no-repeat; height:35px; width:inherit; }
#widecolumn .body {  min-height:400px; background:url(../img/widecolumn-body.png) 0 0 repeat-y; width:606px; padding:12px; }
#widecolumn .bottom { background:url(../img/widecolumn-bottom.png) 0 0 no-repeat; height:35px; width:inherit; }
#narrowcolumn { width:310px; float:left; margin-top:10px; }
#narrowcolumn .top { background:url(../img/narrowcolumn-top.png) 0 0 no-repeat; height:35px; width:inherit; }
#narrowcolumn .body { min-height:400px; background:url(../img/narrowcolumn-body.png) 0 0 repeat-y; width:286px; padding:12px; }
#narrowcolumn .bottom { background:url(../img/narrowcolumn-bottom.png) 0 0 no-repeat; height:35px; width:inherit; }

#widecolumn ul li { margin-left:1em; list-style-type:circle; }
#widecolumn ul.docenti li { list-style-type:none; display:block; border-bottom:1px solid #9c8fc9; margin:10px 0; padding:10px; }
#widecolumn a.map { display:block; width:450px; padding-right:150px; height:250px; line-height:250px; text-align:center; background:url(../img/mappa.png) top center no-repeat; }

#narrowcolumn p.stretch { line-height:1.4em; }
#narrowcolumn ul { padding-left:20px; }
#narrowcolumn ul li { list-style-type: circle; }
#narrowcolumn span { display:block;text-align:right; color:#9c8fc9; }
#narrowcolumn hr { display:block; margin:10px; border:1px solid #9c8fc9; }

#narrowcolumn .eventList { text-align:center; }
#narrowcolumn a:link, #narrowcolumn a:visited { color:#666; text-decoration:none; }
#narrowcolumn a:hover, #narrowcolumn a:visited:hover { color:#000; text-decoration:underline; }

/* Styling Main END */

#footer { width:inherit; height:50px; background:url(../img/footer-bg.png) 0 0 no-repeat; margin-top:10px; }
#footer address { display:block; font-style:normal; line-height:13px; padding:5px 0; float:left; margin-left:10px; color:#666; font-size:10px; }
#footer .socials { float:right; margin-top:13px; margin-right:10px; }
#footer .socials li { float:left; list-style-type:none; display:block; margin-left:5px; }

/* Utilities START */
#deco1 { width:444px; height:636px; background:url(../img/ghirigoro01.png) 0 0 no-repeat; position:absolute; left:0; top:0; }
#deco2 { width:444px; height:636px; background:url(../img/ghirigoro02.png) 0 0 no-repeat; position:absolute; right:0; bottom:0; }
br.clearfloat { clear:both; height:0px; line-height:1px; }
/* Utilities END */

/* Slideshow START*/
#slideshow { width:605px; height:220px; }
#slideshow ul { list-style-type: none; height: 1%; /* IE fix */ }

#slideshow .slides-nav { display:block; width:200px; float:left; height:220px; }
#slideshow .slides-nav li a { color:#9c8fc9; width:180px; padding:0 10px; display:block; height:24px; overflow:hidden; list-style-type:none; text-indent:-9000px; margin: 31px 0 0 0;  }

#slideshow .slides-nav li a#slide-01:link, #slideshow .slides-nav li a#slide-01:visited { background:url(../img/slidenav-01.png) 10px 0 no-repeat; }
#slideshow .slides-nav li a#slide-01:hover, #slideshow .slides-nav li a#slide-01:visited:hover { background-position:10px -24px; }
#slideshow .slides-nav li a#slide-02:link, #slideshow .slides-nav li a#slide-02:visited { background:url(../img/slidenav-02.png) 10px 0 no-repeat; }
#slideshow .slides-nav li a#slide-02:hover, #slideshow .slides-nav li a#slide-02:visited:hover { background-position:10px -24px; }
#slideshow .slides-nav li a#slide-03:link, #slideshow .slides-nav li a#slide-03:visited { background:url(../img/slidenav-03.png) 10px 0 no-repeat; }
#slideshow .slides-nav li a#slide-03:hover, #slideshow .slides-nav li a#slide-03:visited:hover { background-position:10px -24px; }
#slideshow .slides-nav li a#slide-04:link, #slideshow .slides-nav li a#slide-04:visited { background:url(../img/slidenav-04.png) 10px 0 no-repeat; }
#slideshow .slides-nav li a#slide-04:hover, #slideshow .slides-nav li a#slide-04:visited:hover { background-position:10px -24px; }

#slideshow .slides { float:left; width:405px; height:220px; overflow:hidden; }
#slideshow .slides ul {/* total width of all slides - 405px multiplied by 10 in this case */ width: 4050px; height:220px; overflow:hidden; }
#slideshow .slides li { display:block; width: 405px; height:220px; float:left; padding: 0px; overflow:hidden; }

#slideshow .slides li img { position:relative; }
#slideshow .slides li h3 { width:385px; padding:5px 10px; background: url(../img/alpha01.png) 0 0 repeat; color:#fff; position:absolute; top:0; z-index:10; font-size:18px; }
#slideshow .slides li p { width:385px; padding:5px 10px; background: url(../img/alpha01.png) 0 0 repeat; color:#ffe; position:absolute; bottom:0; z-index:10; font-weight:bold; }


/* Slideshow END */

/* Form START */

form fieldset { border:none; }
form p { margin-bottom:1em; }
form p label { display:block; line-height:1em;  }
form p input, form p textarea { width:300px; border:1px dotted #9c8fc9; background:#fffff9; padding:2px 4px; }
form p .error { color:#cc0000; padding:2px 0; }
form input.submit { display:block; width:50px; height:25px; line-height:20px; color:#fff; font-size:12px; background:url(../img/submit.png) 0 0 no-repeat; border:none; }

/* Form END */