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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


/* IMPAGINAZIONE */
html {background:url(images/fondo.jpg) repeat-x #9CCB13; }
body { font:12px Verdana; line-height:17px; color:#333; background:url(images/babyangels.png) center 100px repeat-x; }

/* LAYOUT */
#pagina { margin:0 auto; padding:0; width:980px; height:550px; background:url(images/pagina.png) no-repeat; margin-top:-70px;}
#banner {margin:0; padding:0; width:340px; height:320px; position:absolute; float:left; margin-top:220px; padding-left:15px;}
#main {margin:0; padding:0; width:600px; height:400px; overflow:auto;  position:absolute; float:left; background: url(images/fondo_main.jpg) no-repeat #FFF;  margin-left:350px;  margin-top:120px;}
#titolo {margin:0; padding:0; width:600px; height:44px; position:absolute; float:left; margin-top:90px; margin-left:350px; z-index:999; }
#testo {margin:0; padding:20px; padding-top:30px; }
#testo .img { border:3px solid #D4EF84; margin-right:10px; margin-bottom:10px; float:left; }

/* TIPOGRAFIA */
a:focus { outline: 0; }
a, a:link {color:#669900; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
p {margin-bottom:10px;}
h1 {font:bold 16px Arial; color:#669900; margin-bottom:20px; text-transform:uppercase;}
/* SCROLL */

/* TITOLI */


/* FOOTER */

#footer { margin:0 auto; width:970px; font:11px Arial; display:block; padding-bottom:5px;  background:url(images/ombra_grande.png) 100px -20px no-repeat;  }

#address {float:right; padding-top:10px; }
#credits {float:left; padding-top:5px; }
#footer img {padding-right:10px;}

/* NAVIGATION BAR */

/* BUTTONS */

/* MENU */
#navbar {margin-left:350px; margin-top:40px; position:relative; z-index:99;}
#menu { margin:0 auto; padding:0; width:630px; height:44px; background:url(images/navbar.png);  }
#menu #nav { margin: 0; padding: 0; }
#menu #nav ul {}
#menu #nav li { display: inline; }
#menu #nav li a { float: left; width:90px; height:44px; overflow: hidden; }
#menu #nav li a { background-image: url(images/navbar.png); background-repeat: no-repeat;  }

/* BUTTONS */
#menu #nav li#link1 a { background-position: 0 44px; }
#menu #nav li#link2 a { background-position: 0 44px; }
#menu #nav li#link3 a { background-position: 0 44px; }
#menu #nav li#link4 a { background-position: 0 44px; }
#menu #nav li#link5 a { background-position: 0 44px; }
#menu #nav li#link6 a { background-position: 0 44px; }
#menu #nav li#link7 a { background-position: 0 44px; }

/* OVER STATES */
#menu #nav li#link1 a:hover, #menu #nav #link1.on a { background-position: 0px -44px; }
#menu #nav li#link2 a:hover, #menu #nav #link2.on a { background-position: -90px -44px; }
#menu #nav li#link3 a:hover, #menu #nav #link3.on a { background-position: -180px -44px; }
#menu #nav li#link4 a:hover, #menu #nav #link4.on a { background-position: -270px -44px; }
#menu #nav li#link5 a:hover, #menu #nav #link5.on a { background-position: -360px -44px; }
#menu #nav li#link6 a:hover, #menu #nav #link6.on a { background-position: -450px -44px; }
#menu #nav li#link7 a:hover, #menu #nav #link7.on a { background-position: -540px -44px; }

#menu #nav span {display:none;}

/* SCROLLER */