html, body {
height:100%;
margin:0;
padding:0;
}

body{
background:#AACE9E url(../images/bodybg.gif) repeat-y  top center;
text-align:center;
font-size:76%;
font-family:"Trebuchet MS",Verdana,sans-serif;
color:#333333;
line-height:150%;
}

#container{
margin:0 auto;
width:750px;
height:100%;
}

#nonfooter{
position:relative;
min-height:100%;
}

* html #nonfooter{
height:100%;
}

/* ---------------------------------------- footer */
#footer{
clear:both;
position:relative;
margin-top:-8em;
height:8em;
width:750px;
color:#fff;
background:transparent url(../images/footerbg.gif) no-repeat top center;
}

#footer p{
padding:1em 1em 0 1em;
line-height:200%;
text-align:center;
}
#footer p a{
text-decoration:none;
color:#009900;
}
#footer p a:hover{
color:#FFCC00;
}

/* ----------------------------------------- header */
#header{
background:transparent url(../images/headerbg.png) no-repeat bottom center;
width:750px;
margin:0;
padding:0 0 0 0;
position:relative;
}

#header h1 {
font:3.2em "Trebuchet MS",Verdana,sans-serif;
color:#fff;
display:block;
padding:1em 0 40px 35px;
margin:0;
text-align:left;
}
#header h1 a {color:#FFFFFF}
#header h1 span {color:#C6E3B9; font-style:normal;}
#header h1 em {color:#009900; font-style:normal;}
#header a:hover, #header a:hover em, #header a:hover span { color:#FFCC00; }

/* ----------------------------------------- content */
#content{
padding:0 0 8em 0;
}

#side-left{
width:495px;
float:left;
padding:0 15px 1em 15px;
}

#side-right{
width:195px;
float:right;
padding:15px;
}

.clearboth{clear:both;}

.box {
display:block;
margin:0.5em 1em 2em 1em;
padding:1em;
background-color:#f9f9f9;
color:#666;
}

/* ................. heading, text, link */
#side-left h2{
font-size:1.6em;
font-weight:normal;
color:#009900;
margin:0 0 0 1em;
text-align:left;
}

#side-left h3{
font-size:1.6em;
color:#009900;
font-weight:normal;
margin:1.2em 0 0 1em;
text-align:left;
}
h4{
font-size:1.3em;
font-weight:normal;
color:#CC0000;
margin:1.2em 0 0 0; 
text-align:left;
}

#side-right h3{
font-size:1.3em;
color:#CC0000;
margin:2em 0 0 5px;
text-align:left;
font-weight:normal;
}

#side-right p{
color:#666666;
margin:0;
text-align:left;
}

p{
text-align:justify;
padding:1em 5px 0 5px;
margin:0;
font-size:1.1em;
}

.box p {
display:block;
padding:0.5em;
margin:0;
font-size:1em;
}

p strong{color:#009900;}

a{color:#009900;text-decoration:none;}

a:hover{color:#CC0000;}

blockquote{
background:transparent url(../images/blockquotebg.gif) no-repeat center left;
padding:0 0 0 45px;
font-size:1.2em;
color:#666666;
margin:0 20px;
}
blockquote p{
margin:0;
text-align:left;
line-height:150%;
}
blockquote p a{
display:block;
color:#009900;
font-size:0.8em;
}

ul.list {
list-style-type:none;
margin:0;
padding:1em 0 0 0;
font-size:1.1em;
}
ul.list li{
background:transparent url(../images/arrow.gif) no-repeat 0 4px;
padding: 0 0 10px 20px;
text-align:left;
}
ul.list a{
color: #333333;
}
ul.list a:hover{
color: #009900;
}

ul li p {
text-align:justify;
padding:0;
margin:0;
font-size:1em;
}

.floatright{
float:right;
padding:10px 0 10px 10px;
}

.floatleft{
float:left;
padding:10px 10px 10px 0;
}

.pagine { padding-top:2em; float:right;}

/* ------------------------------------- side right */

#navigation{
list-style-type:none;
border-top:1px solid #C6E3B9;
margin:0;
padding:0;
}
#navigation li{vertical-align:bottom; text-align:left;}
#navigation li a{
display:block;
font-size:1.2em;
width:180px;
padding:9px 5px;
border-bottom:1px solid #C6E3B9;
text-decoration:none;
text-transform:uppercase;
color:#009900;
background:transparent url(../images/menu.gif) no-repeat right center;
}
#navigation li a.active{
color:#CC0000;
background:transparent url(../images/menu-active.gif) no-repeat right center;
}
#navigation li a:hover{
background:transparent url(../images/menu-hover.gif) no-repeat right center;
color:#cc0000;
}

/* -------------------------------------- form */
#contatti {
margin:1.5em 0 0 0;
padding:0;
}

fieldset {
border:0;
margin:0;
padding:0;
}

legend {
padding:0 0 5px 120px;
margin:0 0 10px 0;
font-size:1.2em;
color:#009900;
}

label, input, textarea  {
display:block;
width:300px;
float:left;
margin-bottom:15px;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:1.1em;
padding:2px 3px;
}

label {
text-align: right;
width:100px;
padding-right: 20px;
}

textarea {
overflow:hidden;
}

input, textarea {
border:1px solid #f9f9f9;
padding:3px;
background-color:#f9f9f9;
}

input:focus, textarea:focus, input.sffocus, textarea.sffocus {
border:1px solid #C6E3B9;
background:#FFFFFF;
}

form br { clear: left; }

ul.button {
margin:0 0 0 110px;
padding:10px 0 0 0;
list-style-type:none;
}

ul.button li {
float: left;
margin:0 0 0 15px;
padding:0;
}

button {	
color:#009900;
cursor:pointer;
background:transparent;
border:none;
margin:0;
padding:0;
display:block;
}

button:hover, button.sfhover { color:#CC0000; }

.hidden { display:none; }

.validation-advice {
margin:5px 0 10px 120px;
text-align:left;
padding:5px;
color:#CC0000;
font-size:1.1em;
clear:left;
}

input.check { width:auto; }

.info-form {
display:inline; 
margin:0;
float:left;
position:relative;
padding:0;
}

.admin { padding-left:0; padding-top:1em;}

/* ---------------------------------[ news ]----------------------------------- */

.news {
float:left;
margin:15px auto;
padding:1em;
background-color:#f9f9f9;
}

.news h4 {
margin-top:0;
}

/* ---------------------------------[ fader - video - maps ]----------------------------------- */
#crossfade {
width:485px;
margin:15px auto 0 auto;
height:300px;
overflow: hidden;
border:1px solid #AACE9E;
background:#C6E3B9 url(../images/betti.png) no-repeat center center;
}

#crossfade ul, #crossfade li  {
list-style: none;
padding:0;
margin:0;
}

* html #crossfade ul {
overflow: hidden;
}

#video {
width:485px;
height:270px;
margin:15px auto 0 auto;
border:1px solid #AACE9E;
}

#map {
width:485px;
height:300px;
margin:15px auto 0 auto;
border:1px solid #AACE9E;
}


#gallery {
text-align:center;
position:relative;
}

#MB_window h4 {
text-align:center;
}

#foto {
margin:1.5em auto 0 auto; 
width:500px;
height:375px;
padding:1px;
border:1px solid #AACE9E;
}

#prevLink, #nextLink {
height: 45px;
display: block;
text-indent:-9999px;
}

#prevLink {
width: 45px;
position:absolute;
top:50%;
left:0;
margin-top:-20px;
background:url(/images/prev.gif) right top no-repeat;
}
	
#nextLink {
width: 45px;
position:absolute;
top:50%;
right:0;
margin-top:-20px;
background:url(/images/next.gif) left top no-repeat
}
	
#prevLink:hover,#prevLink:visited:hover { background-position:right -47px; }

#nextLink:hover, #nextLink:visited:hover { background-position:left -47px; }

img { border:0; }