/* !reset */
@import url(blueprint/src/reset.css);
@import url(blueprint/src/typography.css);

body             { color:#eee; }
html             { overflow-y:scroll; }
strong           { color:#fff; }
a                { color:#ddd; }
a:focus, a:hover { color:#fff; }

input                      { vertical-align:middle; }
input.text_field, textarea { padding:2px; font:12px Arial,Helvetica,sans-serif; background:#111; color:#ccc; border:1px solid #222; }
select { background:#fff; color:#555; border:1px solid #ccc; }

.titolo_sezione   { margin-bottom:0; font-size:2em; margin-bottom:0.1em; font-weight:bold; letter-spacing:-1px; }
#bussola          { color:#999; font-size:11px; margin-bottom:1em; background:url(../images/bgBussola.png) no-repeat 0 center; padding-left:20px; }
#bussola a        { color:#999; }
#bussola a:hover  { color:#fff; }

.section-title { border-bottom:1px solid #c00 }

.box-title p {  }
.box-title a { float:right; }

.clearfix { clear:both; }

.error, .errore { color:#c00; font-weight:bold; }

h1,h2,h3,h4,h5,h6 { color:#c00; }
h4 { font-weight:bold; }

/* !utilities */
.mir { display:block; overflow:hidden; outline:none; text-indent:-9999em; }

/* layout */
html, body { height:100%; }
#page-wrap { width:950px; margin:0 auto; }
#header    { height:130px; }
#footer    { width:900px; overflow:hidden; padding:10px 25px; }

#contentarea { width:950px; overflow:hidden; }

#sidebar { float:left; width:230px; }
#main-content { float:right; width:700px; padding:10px; }

/* backgrounds */
body         { background:#000 url(../images/bgBody.jpg) no-repeat center top; }
#header      { background:#900 url(../images/bgHeader.jpg) no-repeat 0 0; }
#footer      { background:#4F0F0F url(../images/bgFooter.png) repeat-x 0 0; }
#contentarea { background:#111 url(../images/bgContentArea.png) repeat-y 0 0; }

/* header */
#header         { position:relative; }
h1#logo         { position:absolute; width:220px; height:130px; top:0px; left:0px; }
h1#logo a       { width:220px; height:130px; background:url(../images/spriteLogo.png); }
h1#logo a:hover { background-position:0 100%; }

#menunav        { position:absolute; top:90px; right:0; height:40px; width:630px; }
#menunav ul     { list-style-type:none; margin:0; padding:0; }
#menunav li     { margin:0; padding:0; float:left; }
#menunav li a   { margin:0; padding:0; float:left; height:40px; background:url(../images/spriteMenuNav.png) no-repeat 0 0; }

#menunav li a#linkHome      { width:140px; background-position:   0px 0; }
#menunav li a#linkChiSiamo  { width:120px; background-position:-140px 0; }
#menunav li a#linkOfferte   { width:100px; background-position:-260px 0; }
#menunav li a#linkDoveSiamo { width:140px; background-position:-360px 0; }
#menunav li a#linkContatti  { width:130px; background-position:-500px 0; }

#menunav li a#linkHome:hover      { background-position:   0px -40px; }
#menunav li a#linkChiSiamo:hover  { background-position:-140px -40px; }
#menunav li a#linkOfferte:hover   { background-position:-260px -40px; }
#menunav li a#linkDoveSiamo:hover { background-position:-360px -40px; }
#menunav li a#linkContatti:hover  { background-position:-500px -40px; }

#boxCerca { position:absolute; top:10px; right:10px; height:20px; background:url(../images/bgBoxCerca.png) repeat-x 0 0; }
#boxCerca .text_field { padding:0; margin:0; border:0; background:transparent; color:#222; }

/* payoff */
#payoff { color:#fff; font-size:16px; position:absolute; top:20px; left:240px; width:550px; }

/* banner */
#banner { width:950px; position:relative; background:url(../images/bgBanner.png) repeat-x 0 100%; padding-bottom:5px; }
#banner #titoloProdotti { width:231px; height:30px; position:absolute; bottom:5px; left:0; background:url(../images/bgTitleProdotti.png); margin:0; }

/* menucat */
#menucat ul { list-style-type:none; margin:0; padding:0; }
#menucat li { margin:0; padding:0; float:left; width:230px; }
#menucat li a      { display:block; width:230px; background:url(../images/bordoMenuCat.png) no-repeat 0 100%; text-decoration:none; color:#fff; }
#menucat li a span { display:block; width:195px; padding:7px 5px 7px 30px;  color:#fff; background:url(../images/arrowMenuCat.png) no-repeat 12px 10px; }

#menucat li a:hover { background-color:#111; }
#menucat li a.current { background:#060606; color:#c00; }
#menucat li a.current span { color:#c00; }

#menucat li li a span           { background-image:url(../images/arrowMenuSubCat.png); background-position:32px 10px; padding-left:50px;  width:175px; color:#ccc; }
#menucat li li li a span        { background-position:52px 10px; padding-left:70px;  width:155px; color:#ccc; }
#menucat li li li li a span     { background-position:72px 10px; padding-left:90px;  width:135px; color:#ccc; }
#menucat li li li li li a span  { background-position:92px 10px; padding-left:110px; width:115px; color:#ccc; }

/* footer */
#logoFooter { display:inline; float:left; margin-top:10px; width:191px; height:34px; background:url(../images/logoFooter.png) no-repeat 0 0; }
#box-newsletter { display:inline; float:left; width:300px; margin-left:120px; }
#contattiTelefonici { display:inline; float:right; font-size:17px; text-align:right; width:200px; }
#credits { clear:both; color:#b15858; font-size:10px; }
#credits a { color:#b15858; }
#credits a:hover { color:#fff; }

/* newsletter */
#box-newsletter input.text_field { border:0; background:#450d0d; color:#fff; }

/* !categorie prodotti */
.item-cella            { float:left; width:160px; height:130px; padding:9px; border:1px solid #333; text-align:center; margin:20px; background:#111; }
.item-cella.hover      { border-color:#c00; background:#000; }
.item-cella .immagine  { height:100px; width:150px; }
.immagine-laterale     { float:right; }
.immagine-laterale img { margin-left:10px; }
.wrapper-elenco        { clear:both; }

/* gallery */
.image-gallery            { clear:both; }
.image-gallery h4         { padding:0.5em 0; margin:0; }
.gallery-item             { float:left; width:110px; height:110px; margin:10px 10px 0 0; }
.gallery-item a img       { padding:4px; border:1px solid #333; background:#111; }
.gallery-item a:hover img { background:#000; border-color:#c00; }

/* elenco a righe */
.item-elenco               { float:left; width:100%; padding:1em 0;  border-bottom:1px solid #444; }
.item-elenco:last          { border-bottom:none; }
.item-elenco .titolo       { margin-bottom:0.5em; }
.item-elenco p.data        { margin:0; color:#666; font-size:11px; }
.item-elenco .immagine     { float:right; }
.item-elenco .immagine img { margin-left:10px; }

/* dove siamo */
#mappagoogle        { text-align:center; }
#mappagoogle iframe { width:100%; }

/* contattaci */
.contact-form fieldset { border:0; padding:1em 0; }
.contact-form h5 { margin-bottom:1em; border-bottom:1px solid #ccc; }
.contact-form ul { margin:0; padding:0; }
.contact-form li { clear:both; padding-bottom:4px; width:100%; overflow:hidden; list-style-type:none; margin:0; }
.contact-form .label { float:left; width:15em; color:#808080; }
.contact-form .text_field, .contact-form textarea { width:24em; }
.contact-form .text_field:focus, .contact-form textarea:focus { border-color:#c00; background:#000; color:#fff; }
.contact-form em { color:#f33; }
.align-to-label { margin-left:15em; }
#fs_pulsanti { margin-left:15em; }
#fs_pulsanti input,#fs_pulsanti button {  background:#c00; border:1px solid #a00;  font:bold 12px Arial,Helvetica,sans-serif; padding:2px 40px; color:#fff; }

.error { font-weight:bold; color:#f00; }
.success { font-weight:bold; color:#0f0; }

/* sitemap */
#sitemap ul    { font-weight:bold; color:#5E7899; }
#sitemap ul ul { font-weight:normal; }
#sitemap ul a { color:#1d3555; }
#sitemap ul a:hover { color:#2a77dd; }

/* carrello */
.tableCarrello { border-collapse:collapse; }
.tableCarrello thead th { background:#c00; color:#fff; }
.tableCarrello .tbody td { padding:3px 10px; border:1px solid #ccc; }
.tableCarrello .narrow { white-space:nowrap; width:1%; text-align:center; }
.tableCarrello .tot { font-weight:bold; }
.tableCarrello .tfoot { font-style:normal; }
.tableCarrello .tfoot .tlTotale { text-align:right;  }
.tableCarrello .tfoot .tot { text-align:center; font-size:18px; color:#000; }

.cart-form ul { list-style-type:none; margin-left:0; }
.cart-form li { line-height:2.2em;  }
.cart-form .label {float:left; width:18em; }

.empty-cart { color:#d00; font-size:1.2em; font-weight:bold; }

.info-cart { padding:10px 10px 10px 50px; border:1px solid #ddd; background:#eee url(../images/cart.gif) no-repeat 10px center; width:300px; }
.info-cart em { color:#555; }

.add-to-cart { padding:4px 10px; background:#c00; border:0; color:#fff; font:bold 12px arial,helvetica,sans-serif; }
