* { margin:0; padding:0; outline:none; }
body { background:#FFFFFF; color:#333333; font-family: Arial, Helvetica, sans-serif;
font-size: 80%; line-height: 1.5em; text-align: center; }
#header, #content, #footer { margin:0 auto; width: 770px; }

/* --------------------------- HEADER ------------------------------ */
#header-wrapper { background:#fff url(bg-header-wrapper.png) repeat-x left bottom; height: 220px; width: 100%; text-align: center; }
#header { height: 220px; }
#header h1 { padding-top:0; margin:0 auto; background: transparent url(cico-srl.png) no-repeat; position: relative; width: 700px; height: 170px; z-index: 1; }
#header h1 a { overflow: hidden; text-indent: -9000em; width: 700px; height: 170px; display: block; text-decoration: none;  }

/* ------------------------- navigation -------------------------- */
ul#navbar { margin:0 auto; height: 50px; width: 660px; text-align: center; list-style-type: none; list-style-image: none; clear: both; }
#navbar li { float: left; height: 50px; width: 220px; }
#navbar li a { float:left; height: 50px; width: 220px; text-indent:-9999px; line-height:0;}
#navbar li#realizzazioni-b a { background: url(realizzazioni.png) no-repeat 0 -50px;}
#navbar li#progetti-b a { background: url(progetti.png) no-repeat 0 -50px; }
#navbar li#vendite-locazioni-b a { background: url(vendite-locazioni.png) no-repeat scroll 0 -50px;}
#navbar li#realizzazioni-b a:hover, #navbar li#realizzazioni-b a:focus, #navbar li#realizzazioni-b a.active, #navbar li#progetti-b a:hover, #navbar li#progetti-b a:focus, #navbar li#progetti-b a.active, #navbar li#vendite-locazioni-b a:hover, #navbar li#vendite-locazioni-b a:focus, #navbar li#vendite-locazioni-b a.active  { background-position: left top;}

ul#toolbar { margin:0 0 0 32px; height: 40px; width: 355px; list-style-type: none; clear: both; }
#toolbar li { float: left; text-indent: -9999px;  }
#toolbar li a { height: 40px; display: block; background-repeat:no-repeat; }
#toolbar li a.active { background-position: 0 -40px; }
#toolbar li a:hover { background-position: 0 -40px; }

#toolbar li#home-b a { width: 74px; background-image: url(home.png); }
#toolbar li#chi-siamo-b a { width: 108px; background-image: url(chi-siamo.png); }
#toolbar li#news-b a { width: 76px; background-image: url(news.png); }
#toolbar li#contatti-b a { width: 97px; background-image: url(contatti.png); }

/* -------------------- CONTENT ------------------------------- */
#content-wrapper { background:#EBEBEB url(bg-content-wrapper.png) no-repeat center top; text-align: center; float: left; width: 100%; padding-bottom: 20px; }
#content { background: #FFFFFF url(bg-content.png) no-repeat left top; margin-top:30px; text-align:left; }
#content-inner { background: transparent url(bg-content-inner.png) no-repeat right bottom; padding:0 20px 20px 20px; min-height:500px; height: auto !important; height: 500px; 
}

/* ------------------------- FOOTER -------------------------- */
div#shadow { width:100%; clear:both; border:0; margin:0; padding:0; height:30px; background:#ebebeb url(bg-shadow.png) no-repeat center top; }
#footer-wrapper { padding:30px 0 0 0; text-align: center; clear: both; float: left; width: 100%; background:#FFFFFF url(bg-footer-wrapper.png) repeat-x left top; }
#footer ul { margin: 0 0 40px 0; width: 360px; float: left; display: inline; text-align:left; }
#footer li { border-bottom: 1px solid #EBEBEB; margin: 0 0 0 30px; padding:0; background: transparent none repeat; color:#333333; float: left; display: inline; width: 340px; line-height: 2em; }
#footer p { font-size:1em; color:#CC0000;}
#footer p a { padding:0 2em; color:#999999;}
#footer p a:hover { color:#007030; }

/* ----------------------------- HEADINGS ------------------------- */
h1, h2, h3, h4 { font-weight: normal; }
h2 { font-size:2em; line-height: 2em; height: 2em; width: 600px; color:#8F6340; margin: 0 0 0 0; }
h3 { margin: 5px 0 0.4em 0; font-size: 1.3em;  }
h3 a { color:#007030; }
h3 a:hover { color:#dc291e; }
h4 { color:#0767A0; font-size: 1.3em; margin:30px 10px 0 0; line-height:1.5em; }

/* ----------------------------- COMMON ELEMENTS ------------------ */
p { margin: 0 0 1em 0; }
a { color: #dc291e; text-decoration:none; }
a:hover { color:#007030; }

.list, .testo ul { margin: 0 0 1em 0; }
.list li, .testo ul li { padding: 0 0 0 16px; background: transparent url(bullet.gif) no-repeat scroll 0 0.2em; list-style-type: none; }

img, fieldset { border:none; }

.left { text-align:left; }
.right {text-align:right; }
.center { text-align:center;}

.pagine { text-align:center; padding-right:40px; }

hr.clear { clear:both; height:0; line-height:0; margin:0; border:0; visibility:hidden; padding:0; }

#loader{ width:70px; background:url(mozilla_blu.gif) no-repeat 0 50%; text-align:right; padding:10px; margin:30px auto 0 auto; clear:both }

.articolo {  background:#f4faff url(bg-articolo-footer.png) no-repeat bottom left; margin-bottom:20px; float:left; display:inline; width:680px; }
.articolo-inner { background:url(bg-articolo-top.png) no-repeat top right; padding:10px;}
span.foto { width:150px; height:80px; overflow:hidden; margin:5px 15px 10px 15px; float:left; }
p.footer-articolo { color:#666666; float:right; clear:both; padding-right:20px; margin-bottom:10px; }

#box .button { margin: 5px 0 0 130px; }
#box, .info, #immagini { padding:20px 0; clear: both; float:left; width:730px; }

#immagini { border-top:1px solid #EBEBEB}
/* ------------------------------------------ dove siamo ---------------------------- */
#map { margin:0 5px 20px 5px; clear:both; width: 720px; height:280px; }

/* ------------------------ CONTATTI -------------------------- */
#contact { border-right: 1px solid #EBEBEB; width: 300px; float: left; padding-right: 20px; }

#info { margin-top: 0; width: 390px; float: right; }
#info dt { width: 100px; border-bottom: 1px solid #EBEBEB; padding: 0.3em 0 0.3em 20px; background: transparent url(bullet.gif) no-repeat scroll 0 0.6em; float: left; clear: both; line-height: 1.4em;}
#info dd { width: 260px; border-bottom: 1px solid #EBEBEB; padding: 0.3em 0; float: left; line-height: 1.4em;}

form { width: 700px; float: left; clear: both; }
form fieldset div { padding: 0.25em 0; float: left; display: inline; width: 350px; }
label { cursor: pointer; padding-right: 10px; width: 120px; display: block; float: left; text-align: right; }
fieldset { border:none; }
legend { margin:0;  padding:0 0 15px 130px; font-size: 1.3em; color:#007030; }
label em { font-style: normal; color:#E23B00; }
input, textarea { border: 1px solid #EBEBEB; padding: 2px; font-size: 1em; font-family:Arial, Helvetica, sans-serif; width: 210px; background-color:#FFFFFF; }
select { width: 210px; }
textarea { overflow: auto; width: 560px; height: 80px; }
input.hoverfocus, textarea.hoverfocus { border-color:#CCCCCC; background-color:#FFFFFF; }

form .textarea { clear: both; width: 700px; float: left; }
.button { margin: 0pt 0pt 0pt 140px; clear: both; }
.button input { font-size:1.2em; border:0; padding:0; height: auto; float: left; width: auto; background:none; cursor:pointer; }
.button p { margin: 0px; font-size: 0.9em; float: right; line-height: 36px; color:#817D74; }

ul#error { border:1px dotted #E23B00; float:left; margin-left:130px; padding:10px; }
ul#error li {padding: 0 0 0 16px; background: transparent url(bullet.gif) no-repeat scroll 0 0.2em; list-style-type: none; }

#response { margin:20px auto; padding:10px; text-align:left; }


/* ---------------------------------------- SLIDESHOW ------------------------------ */
#home-page { width:100%; text-align:center; margin-bottom:20px; margin-top:30px; }
#opere-finite { position:relative; width:100%; margin-top:30px; margin-bottom:20px; }
.control {position:absolute; top:90px; right:40px; width:52px; }
.control a {margin:0 5px; }

#previous, #next { width:45px; height:45px; display: block; text-indent:-9000em; float:right; margin-bottom:20px; }
#previous {	background:url(up.gif) right top no-repeat }
#next {	background:url(down.gif) left top no-repeat }
#previous:hover,#previous:visited:hover { background-position:right -47px }
#next:hover, #next:visited:hover { background-position:left -47px }

div#myglider, div#myglider2  { width:560px;  height: 280px; overflow:hidden; }
div.scroller { width:560px; height: 280px; overflow: hidden; margin:0 auto; }

#realizzazioni-scroller { margin:0 0 0 10px;}
div.section { width:560px; height:280px; overflow:hidden; float:left; text-align:center; }
div.section p { margin-top:5px;}
div.content { width: 10000px; }
#realizzazioni-scroller  div.content { width:560px; height: 10000px; }


#crossfade { float:right; width:320px; height:380px; margin-left: 15px; overflow: hidden; }
#crossfade ul, #crossfade li { list-style: none; padding:0; margin:0; }
* html #crossfade ul { overflow: hidden; }


#protofade { position:relative; width:320px; height:380px; overflow:hidden; }
#protofade li { position:absolute; top:0; left:0; display:block; width:320px; height:380px; }