body {
background:#1D337C;
margin:0;
padding:0;
text-align:center;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:76%;
line-height:150%;
color:#ffffff;
}

#header {
height:140px;
background:#0066cc url(../images/header-bg.gif) repeat-x top left;
}

.wrapper {
width:810px;
margin:0 auto;
}

/* ---------------------------- [ NAVIGATION ] -------------------------------- */
#navigation {
width:810px;
margin:10px auto 10px auto;
height:40px;
}

ul#nav {
list-style-type:none;
margin:0;
padding:0;
float:right;
}

#nav li {
float:left;
margin:0 0 0 10px;
padding:0;
text-align:center;
}

#nav a:link, #nav a:visited {
background-repeat:no-repeat;
background-position:center top;
float:left;
padding:0;
text-decoration:none;
color: #ffffff;
width:120px;
height:40px;
text-decoration:none;
text-indent: -9999px;
}

#nav a:focus, #nav a:hover, #nav a:active, #nav a.selected {
background-position:center -40px;
}

#nav a.home-nav { background-image:url(../images/home-nav.gif); } 
#nav a.bar-nav { background-image:url(../images/bar-nav.gif); }
#nav a.news-nav { background-image:url(../images/news-nav.gif); } 
#nav a.contatti-nav { background-image:url(../images/contatti-nav.gif); } 
#nav a.dove-siamo-nav { background-image:url(../images/dove-siamo-nav.gif); }

/* ------------------------------ [ CONTENT ] ------------------------ */
#container {
width:810px;
margin:0 auto;
background:#0066cc;
clear:both;
}

#content { float:left; width:600px; }

/* ----------------------------- [ SIDEBAR ] ----------------------------------*/
#side-bar {
width:210px;
float:left;
background:#1D337C url(../images/side-box-bg.gif) no-repeat bottom;
padding-bottom:70px;
}

#side-box {
background:#0066cc;
width:200px;
margin-left:10px;
}

#side-box ul {
background:#0066cc;
margin:10px 0 0 10px;
padding:10px 0 20px 0;
list-style-type:none;
width: 190px;
}

#side-box li {
padding:10px 10px 0 0;
list-style-type:none;
text-align:center;
}

#side-box a:link, #side-box a:visited {
background-repeat:no-repeat;
background-position:right top;
display:block;
padding:0;
text-decoration:none;
color: #ffffff;
width:180px;
height:40px;
text-indent: -9999px;
}

#side-box a:focus, #side-box a:hover, #side-box a:active, #side-box a.current { background-position:right -40px; }

#side-box a.prodotti { background-image:url(../images/prodotti-nav.gif); }
#side-box a.idee-regalo { background-image:url(../images/idee-regalo-nav.gif); } 
#side-box a.spazio-bimbi { background-image:url(../images/spazio-bimbi-nav.gif); }
#side-box a.guestbook { background-image: url(../images/guestbook-nav.gif); }
#side-box a.wallpaper { background-image:url(../images/wallpaper-nav.gif); }


/* ------------------------------ [ FOOTER - MAIN FOOTER ] ------------------------ */
#footer {
width:810px;
margin:0 auto;
height:105px;
background: #0066CC url(../images/footer-bg.gif) no-repeat top left;
clear:both;
}

#footer p {
padding:25px 0 0 105px;
text-align:left;
line-height:180%;
}

#main-footer {
margin-top:20px;
background:url(../images/sub-footer-bg.gif) repeat-x;
height:140px;
position:relative;
}

#main-footer ul {
float:left;
list-style-type:none;
margin:40px 0 0 0;
padding:0;
}

#main-footer li {
float:left;
margin:0 0 0 10px;
padding:0;
text-align:center;
}

#main-footer a:link, #main-footer a:visited  {
background-repeat:no-repeat;
background-position:center top;
float:left;
padding:0;
text-decoration:none;
color: #ffffff;
width:70px;
height:35px;
text-decoration:none;
text-indent: -9999px;
}

#main-footer a:focus, #main-footer a:hover, #main-footer a:active { background-position:center -35px; }

#main-footer a#credits { background-image:url(../images/credits-nav.gif); } 
#main-footer a.css { background-image:url(../images/css.gif); }
#main-footer a.xhtml { background-image:url(../images/xhtml.gif); }

/* ------------------------------ [ HEADING ] --------------------------- */
h1 {
width:401px;
margin:0;
height:140px;
text-indent:-9999px;
}
#header h1 {
float:left;
background:url(../images/logo.gif) no-repeat left;
}
#main-footer h1 {
float:right;
background:url(../images/logo-sub.gif) no-repeat right;
}

h2 {
background-repeat:no-repeat;
background-position:top left;
color:#FFFFFF;
text-indent:-9999px;
height:70px;
margin:0 0 0 10px;
padding:0;
clear:both;
}

.home { background:url(../images/home.gif); }
.bar { background:url(../images/bar.gif); }
.news { background:url(../images/news.gif); }
.dove-siamo { background:url(../images/dove-siamo.gif); }
.indicazioni-stradali { background:url(../images/indicazioni-stradali.gif); }
.contatti { background:url(../images/contatti.gif); }
.prodotti { background: url(../images/prodotti.gif); }
.idee-regalo { background: url(../images/idee-regalo.gif); }
.spazio-bimbi { background: url(../images/spazio-bimbi.gif); }
.wallpaper { background: url(../images/wallpaper.gif); }
.richieste { background:url(../images/richieste.gif); }
.privacy { background:url(../images/privacy.gif); }
.credits { background: url(../images/credits.gif); }
.admin { background: url(../images/admin.gif); }
.guestbook { background: url(../images/guestbook.gif); }
.curiosita { background: url(../images/curiosita.gif); padding-bottom:0.8em; background-repeat:no-repeat; }
.feste { background: url(../images/feste.gif); padding-bottom:0.8em; background-repeat:no-repeat; }
.prodotti-eraclea { background: url(../images/prodotti-eraclea.gif); padding-bottom:0.8em; background-repeat:no-repeat; }
.prodotti-biologici { background: url(../images/prodotti-biologici.gif); padding-bottom:0.8em; background-repeat:no-repeat; }

h3 {
color:#FFFFFF;
font-size:1.2em;
font-weight:normal;
margin:0;
padding-bottom:0.5em;
}

h4 {
color:#FFCC00;
font-size:1.1em;
font-weight:bold;
margin:0;
padding-bottom:0.5em;
}

/* ------------------------------ [ COMMON ELEMENT ] ------------------------ */
p {
font-size:1.1em;
margin:0;
padding-bottom:0.5em;
}

a:link, a:visited { color:#FFFFFF; text-decoration:none; }

a:focus, a:hover, a:active { color:#FFCC00; }

a.big{ color:#FFCC00; font-weight:bold; }

a.big:hover { color:#FFFFFF; }

hr {
clear: both;
line-height: 0;
height: 0;
visibility:hidden;
margin:0;
width:100%;
border:none;
}

.clear { clear:both; }

strong { color:#FFCC00; }

em {
color:#CC0000;
font-size:1.5em;
font-style:normal;
font-weight:bold;
}

.small { font-size:0.9em; }

.text {
clear:both;
padding:20px;
text-align:justify;
}

.list {
margin:0;
padding:0;
list-style-type:none;
}

.list li{
font-size:1.1em;
background: url(../images/bullet.gif) no-repeat 0 4px;
padding: 0 0 10px 20px;
}

img { border:none; background:url(../images/loading.gif) no-repeat center center; }

.idee { float:left; margin-right:10px; }

.eraclea { float:right; margin-left:10px; }

/* ------------------------------ [ HOME ] --------------------------------------- */

#slogan { 
width: 570px; 
margin:10px 10px 10px 0;
background-color:#0066CC;
}

ul#home {
list-style-type:none;
margin:0 auto;
padding:0;
width:575px;
text-align:center;
background:#0066CC;
}

ul#home li {
background-color:#1370E9;
list-style-type:none;
float:left;
width:180px;
margin:0 5px;
padding:0 0 10px 0;
}

#home h3 {
width:150px;
height:40px;
text-indent:-9999px;
margin:0 auto;
padding:0;
}

.snack-bar { background:url(../images/snack-bar.gif) no-repeat; }
.aperitivi { background:url(../images/aperitivi.gif) no-repeat; }
.sala-da-te { background:url(../images/sala-da-te.gif) no-repeat; }

#home p { text-align: justify; padding:0 10px; }

.cinzia-daniele {
text-align:right;
padding-bottom:1em;
padding-right:2em;
}

/* ---------------------------------[ CROSSFADE ]----------------------------------- */
#crossfade {
float:right;
width:380px;
height:75px;
margin-top:25px;
overflow: hidden;
background: #1370E9; 
}

#crossfade ul  {
list-style: none;
padding:0;
margin:0;
height:75px;
}
#crossfade li {
margin:0;
text-align:left;
padding:15px 20px;
}

* html #crossfade ul { overflow: hidden; }

/* ------------------------------ [ CAROSELLO E FOTO ] ---------------------------- */
#container-carousel {
background:#1D337C;
margin:20px 0 10px 0;
width: 580px;
float:left;
padding:0;
}

#container-foto {
background:#1D337C;
margin:0 0 30px 0;
width: 580px;
float:left;
padding:0;
}

#carosello, #foto {
margin:10px 0 10px 0; 
float: left;
width: 570px;
background: #0066CC;
padding:0;
}

#carosello .carousel-list li { 
width:169px;
border:none;
margin:4px 0 0 0;
padding:10px 0 10px 16px;
}

#carosello .carousel-list li img { display:block; }

#foto img { margin:15px 10px 10px 10px ; }

#carosello .carousel-list li a img, #foto a img, .notizia a img {
border:2px solid #fff;
}

#carosello .carousel-list li a:hover img, #foto a:hover img, .notizia a:hover img {
border:2px solid #ffcc00;
}

#prev-arrow-container { 
float:left;
margin:10px 0 0 10px;
padding: 0px;
}

#next-arrow-container { 
float:right;
margin:10px 30px 0 0;
padding: 0px;
}

#next-arrow, #prev-arrow { cursor:pointer; }

/* ---------------------------------[ NEWS ]----------------------------------- */
.notizia {
clear:both;
margin:10px 20px;
padding:20px;
text-align:justify;
background:#1370E9;
}

.notizia img { background:url(../images/load.gif) center center no-repeat; }

.notizia-foto { float:left; width:160px; }

.notizia-text { margin-left:160px; }

.pagination { margin:20px auto; }

/* ------------------------------ [ MAPS ] --------------------------------------- */

#container-map {
background:#1D337C;
margin:20px auto 0 auto;
width: 580px;
padding:0;
float:left;
}

#map {
width: 570px; 
margin:10px 10px 10px 0;
height: 300px; 
}

#map img { background:none; }

.maps {
color:#1D337C;
margin:0;
padding:0;
}

.maps strong {
color:#CC0000;
}
/* ---------------------------- [ CONTATTI ] ---------------------------------------------- */
#contatti {
margin:0;
padding:0;
clear:both;
}

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

legend {
margin:0;
padding:0;
text-indent:-9999px;
}

legend.private-area {
margin:0;
padding:10px 0 5px 170px;
text-indent:0;
font-size:1.1em;
font-weight: bold;
color:#FFCC00;
}

form br { clear: left; }

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

#contatti label, #admin label  {
text-align: right;
width:150px;
padding-right: 20px;
}

input, textarea {
border:none;
padding:3px 0;
background:#0066CC url(../images/dashed.gif) repeat-x bottom center;
color:#FFFFFF; 
}

input:focus, textarea:focus, input.sffocus, textarea.sffocus {
background:#1370E9 url(../images/dashed.gif) repeat-x bottom center;
}

textarea { overflow:hidden; }

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

ul.button li {
float: left;
margin:0 0 0 10px;
padding:0;
width: 70px;
height: 35px;
position: relative;
}

button {	
text-indent:-9999px;
width:70px;
height:35px;
cursor:pointer;
border:none;
margin:0;
position: absolute;
top: 0;
left: 0;
display:block;
}

button#invia { background:transparent url(../images/invia.gif) no-repeat 0 0; }
button#invia:hover, button#invia.sfhover { background:transparent url(../images/invia.gif) no-repeat 0 -35px; }

button#cancella { background:transparent url(../images/cancella.gif) no-repeat 0 0; }
button#cancella:hover, button#cancella.sfhover { background:transparent url(../images/cancella.gif) no-repeat 0 -35px; }

button#entra{ background:transparent url(../images/entra.gif) no-repeat 0 0; }
button#entra:hover, button#entra.sfhover { background:transparent url(../images/entra.gif) no-repeat 0 -35px;
}

#contatti .validation-advice {
margin:5px 0 10px 170px;
text-align:left;
padding:5px;
color:#ffCC00;
font-weight:bold;
font-size:1.1em;
clear:left;
}

#contatti input.check {
width:auto;	
}

#contatti input.hidden {
display:none;
}

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

#contatti label.vspace {
height:60px;
}

#modifica {
background:#1D337C;
margin:20px 0;
width: 580px;
float:left;
padding:0;
}

#modifica img {
border:2px solid #FFFFFF;
}

p.indirizzo {
text-align:left;
margin:0 0 0 160px;
}

p.telefono {
vertical-align:bottom;
text-align:left;
margin:0 0 0 160px;
}

p.mail {
vertical-align:bottom;
text-align:left;
margin:0 0 0 160px;
}