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

body             { color:#222; }
html             { overflow-y:scroll; }
strong           { color:#39342b; }
a                { color:#1d3555; }
a:focus, a:hover { color:#2a77dd; }

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

.titolo_sezione   { font-size:22px; font-weight:bold; margin-bottom:0; line-height:25px; }
#bussola          { margin-bottom:1.5em; font-size:11px; color:#666; border-top:1px solid #aaa; }
#bussola a        { color:#666; }
#bussola a:hover  { color:#000; }

.clearfix { clear:both; }

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

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

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

img.decorative { float:right; margin:0 0 10px 10px; }

/* !layout */
html, body   { height:100%; }
#page-wrap   { min-height:100%; height:auto !important; height:100%; width:960px; margin:0 auto -25px; }
#header      { height:90px; }
#menubar     { height:40px; position:relative; z-index:100; }
#maincontent { float:left; width:700px; padding-top:30px; }
#sidebar     { float:right; width:220px; padding:30px 10px 10px; }
#footer      { height:40px; background:#1d1d1d; }

/* !backgrounds */
body         { background:#ccc url(../images/sfondoBody.png) repeat-x center top; }
body#interno { background-image:url(../images/sfondoBodyInterno.png); }
#contentarea { background:url(../images/bgContentArea.png) no-repeat 720px 1px; padding-bottom:20px; }

/* !header */
#header                     { position:relative; }
#header h1#logo             { position:absolute; width:420px; height:60px; top:10px; left:10px; margin:0; }
#header h1#logo a.mir       { width:420px; height:60px; background:url(../images/logoStart.png) no-repeat 0 0; }
#header h1#logo a.mir:hover { background-position:0 100%; }
#header #quick-info         { position:absolute; top:70px; left:10px; width:420px; text-align:center; margin:0; }
#header #slogan             { position:absolute; right:0; top:0; width:527px; height:90px; background:url(../images/sloganHeader.jpg) no-repeat 100% 0; }

/* !navigation */
#menubar #menunav       { width:670px; float:left; }
#menubar #menunav ul    { float:left; list-style-type:none; margin:0; }
#menubar #menunav ul li { float:left; margin-right:10px; position:relative; }

#menubar #menunav ul li a,
#menubar #menunav ul li a span { float:left; height:40px; line-height:40px; background:url(../images/rolloverMenu.png) no-repeat 0 0; }

#menubar #menunav ul li a { color:#fff; font-size:14px; font-weight:bold; text-decoration:none; background-position:1000px 1000px; padding-right:10px; }
#menubar #menunav ul li a span { background-position:1000px 1000px; padding-left:10px; }

#menubar #menunav ul li a:hover                   { background-position:100% 0; }
#menubar #menunav ul li a:hover span              { background-position:0 -40px; }
#menubar #menunav ul li a.current                 { background-position:100% 0; }
#menubar #menunav ul li a.current span            { background-position:0 -40px; }
#menubar #menunav ul li a.has-dropdown            { background-position:1000px 1000px; padding-right:14px; }
#menubar #menunav ul li a.has-dropdown span       { background-position:1000px 1000px; padding-left:10px; }
#menubar #menunav ul li a.has-dropdown:hover      { background-position:100% -80px; }
#menubar #menunav ul li a.has-dropdown:hover span { background-position:0 -120px; }

#menubar #menunav ul li a.has-dropdown-open      { background-position:100% -80px; }
#menubar #menunav ul li a.has-dropdown-open span { background-position:0 -120px; }

#menubar #menunav ul li ul              { position:absolute; top:40px; left:0; width:209px;
                                          background:#000 url(../images/bgTendina.png); padding:10px; display:none; }
#menubar #menunav ul li ul li           { width:209px; margin:0; }
#menubar #menunav ul li ul li a         { height:auto; line-height:15px; padding:5px 0; background:none; float:none; text-indent:2px;
                                          display:block; font-size:12px; font-weight:normal; border-bottom:1px solid #373737 }
#menubar #menunav ul li ul li a:hover   { background:#000; }
#menubar #menunav ul li ul li a.has-dropdown-open { background:#000; }

#menubar #menunav ul li ul li ul { top:-10px; left:209px; }

/* !search box" */
#menubar #search-box             { float:right; width:160px; height:20px; padding:10px 10px;
                                   background:url(../images/bgSearchBox.png) no-repeat 0 0; }
#menubar #search-box .text_field { font-size:11px; padding:1px; background:#e1e1e1;
                                   border:1px solid #555555; width:135px; }
                                   
#menubar #orologio             { float:right; width:70px; height:20px; padding:10px 0px; color:#fff; font-weight:bold; font-family:"Courier New", courier, monospace;
                                   text-align:center; margin-right:5px; background:url(../images/bgClock.png) no-repeat 0 0; }

/* !banner */
#banner { height:300px; position:relative; }
#banner h2, #banner h3, #banner p { margin:0; color:#fff; }
#banner #main-banner { position:absolute; top:0; left:0; width:720px; height:300px;
                       background:url(../images/banner.jpg) no-repeat 0 0; }
#banner #side-banner { position:absolute; top:0; right:0; width:240px; height:300px;
                       background:url(../images/bgSideBanner.jpg) no-repeat 0 0; }

#banner #side-banner h3 { margin:185px 10px 10px; font-weight:bold; }
#banner #side-banner h3 a { color:#fff; text-decoration: none;}
#banner #side-banner h3 a:hover { color:#92c2f2 ; text-decoration: none;}
#banner #side-banner p  { margin:0 10px 10px; }

#banner #side-banner.hover h3,
#banner #side-banner.hover p { color:#92c2f2 }

/* !banner interno */
#banner-interno { height:80px; width:960px; background:url(../images/bannerInterno.jpg) no-repeat 0 0; }

/* !sidebar */
#sidebar h4 { margin-bottom:0.5em; }

/* !menucat */
#menucat ul                  { list-style-type:none; margin:0 0 1.5em; padding:0;
                               border-top:1px solid #aaa; width:200px; overflow:hidden; }
#menucat ul li               { float:left; width:100%; padding:0; margin:0; }
#menucat ul li a             { display:block; font-weight:bold; padding:4px 10px; line-height:18px;
                               border-bottom:1px solid #aaa; text-decoration:none;
                               color:#444; font-size:1.1em; }
#menucat ul li a:hover       { color:#000; text-decoration:none; background-color:#fff; }
#menucat ul ul               { border:0;  margin:0; }
#menucat ul ul li a          { padding-left:30px; font-size:11px; }
#menucat ul ul ul li a       { padding-left:50px; }
#menucat ul ul ul ul li a    { padding-left:70px; }
#menucat ul ul ul ul ul li a { padding-left:90px; }

/* !foot-notes */
#foot-notes { clear:both; width:920px; height:90px; background:url(../images/bgAddress.jpg) no-repeat center top; padding:0 20px 35px; margin-top:30px;  }
#foot-notes p { margin:0; line-height:30px; }
#foot-notes #banner-holidays { float:left; padding-top:4px; text-align:center; width:280px; font-size:14px; font-weight:bold; color:#c00; line-height:17px; }
#foot-notes #address { float:right; font-size:14px; text-align:right; margin:10px 0; line-height:1.3em; width:590px; border-left:1px solid #999; }
#foot-notes #newsletter-box { float:right; clear:right; padding-top:3px; }
#foot-notes #newsletter-box .text_field { font-size:11px; padding:1px; background:#e1e1e1;
                                   border:1px solid #555555; width:135px; } 

/* !home */
#main-services { width:720px; height:180px; position:relative; margin-top:-40px; left:-10px; }
#main-services ul { margin:0; list-style-type:none; }
#main-services ul li { float:left; }
#main-services ul li a { float:left; width:180px; height:160px; background:#fff url(../images/spriteHome.jpg) no-repeat 0 0; }

#main-services ul li a#box-auto        { background-position:   0px 0; }
#main-services ul li a#box-moto        { background-position:-180px 0; }
#main-services ul li a#box-nautica     { background-position:-360px 0; }
#main-services ul li a#box-aeronautica { background-position:-540px 0; }

#main-services ul li a#box-auto:hover        { background-position:   0px -160px; }
#main-services ul li a#box-moto:hover        { background-position:-180px -160px; }
#main-services ul li a#box-nautica:hover     { background-position:-360px -160px; }
#main-services ul li a#box-aeronautica:hover { background-position:-540px -160px; }

#home-description { float:left; width:320px; padding-right:29px; border-right:1px solid #aaa; margin-right:10px; }
#promotions { float:left; width:340px; }


/* !footer */
#footer .wrapper {  width:920px; padding:4px 20px; margin:0 auto; color:#828282; font-size:11px; text-align:center; }
#footer a { color:#828282; }
#footer a:hover { color:#fff; }

/* !credits */
#credits { color:#837867; font-size:11px; text-align:center; padding:10px 0; }
#credits a { color:#837867; }
#credits a:hover { color:#000; }

/* !form login */
#form_login span.label { float:left; width:10em;  }
#btn-login-wrap { margin-left:10em; }
#btn-login-wrap input {  background:#152F4D; border:2px solid #5C748B;  font:normal 12px Georgia,Arial,Helvetica,sans-serif; padding:2px 20px; color:#fff; }

.news        { border-bottom:1px solid #ccc; margin-bottom:1em; }
.news-item   { border-top:1px solid #ccc; padding:0 0 10px; width:100%; overflow:hidden; margin-bottom:10px; }

.news-item p { margin:0; }
.news-item p.image { float:left; margin-right:10px; }
.news-item p.date { color:#666; }
.news-item p.title { font-weight:bold; }

/* !categorie prodotti */
.item-cella { float:left; width:140px; height:140px; text-align:center; padding:4px; margin:15px 25px 0 0; border:1px solid #eee; background:#fff; }
.item-cella.hover { padding:3px; border:2px solid #999 }
.item-cella .immagine { height:100px; }
.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 #eee; }
.gallery-item a:hover img { background:#eee; border-color:#ccc; }

/* elenco a righe */
.item-elenco { float:left; width:100%; padding:1em 0;  border-bottom:1px solid #ddd; }
.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 #ddd; }
.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:#444; }
.contact-form .text_field, .contact-form textarea { width:24em; }
.contact-form .text_field:focus, .contact-form textarea:focus { border-color:#999; background:#fff; }
.contact-form em { color:#f33; }
.align-to-label { margin-left:15em; }
#fs_pulsanti { margin-left:15em; }
#fs_pulsanti input,#fs_pulsanti button {  background:#152F4D; border:2px solid #5C748B;  font:normal 12px Georgia,Arial,Helvetica,sans-serif; padding:2px 20px; color:#fff; }

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

/* sitemap */
#sitemap       {margin-left:50px;}
#sitemap h5    { border-bottom:1px dashed #bbccdd;  }
#sitemap ul    { font-weight:bold; color:#5E7899; }
#sitemap ul ul { font-weight:normal; }
#sitemap ul a { color:#1d3555; }
#sitemap ul a:hover { color:#2a77dd; }