/*
    NOTE:
    colore base: #0064af
    
*/

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

body             { color:#222; }
html             { overflow-y:scroll; }
strong           { color:#000; }
a                { color:#0064af; }
a:focus, a:hover { color:#000; }

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

.titolo_sezione   { margin-bottom:0; font-size:18px; font-weight:bold; color:#0064af; margin-bottom:0; line-height:30px; }
#bussola          { color:#999; font-size:11px; margin-bottom:1em; line-height:24px; background:url(../images/bgBussola.png) no-repeat 0 0; padding-left:24px; }
#bussola a        { color:#999; }
#bussola a:hover  { color:#000; }

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

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

.clearfix { clear:both; }

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

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

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

/* !layout */
body { background:#305f99; }

.wrp { width:960px; margin:0 auto; }

#page-wrap { background:url(../images/bgBody.png) repeat-y center top; }
#page-wrap .bg { background:url(../images/bgBottom.jpg) no-repeat center bottom; }

#header { height:85px; background:url(../images/bgHeader.jpg) no-repeat center top; }
#header .wrp { position:relative; height:85px; }

#content { background:url(../images/bgFade.jpg) no-repeat center top; min-height:500px; }
#footer { height:180px; padding:10px; color:#fff; }
#footer strong { color:#fff; }
#footer a { color:#D0D9E8; } #footer a:hover { color:#fff }
#footer ADDRESS { font-size:12px; color:#fff; font-style:normal; float:left; margin: 10px 0; }
#footer ADDRESS STRONG { color:#fff; }

#footer #boxNewsletter { position: relative; float: right; border: 1px solid #000; margin: 15px 0; padding: 0; }
#footer #boxNewsletter FORM#registrazione { position: absolute; right: 0; width: 170px; }
#footer #boxNewsletter DIV.gwn { position: absolute; right: 200px; padding: 7px 0; margin: 0; }

#footer #credits { clear:both; font-size:11px; color:#D0D9E8;  }

#footer a.focus { font-weight:bold; }

#footer a.linkDoveSiamo { font-weight:bold; color:#fff; font-size:1.2em; }

/* logo */
h1#logo { position:absolute; top:10px; left:40px; width:165px; height:44px; }
h1#logo a.mir { width:165px; height:44px; background:url(../images/logoHeader.png); }

#lingue {
  width: 30px;
  margin-top: 0;
  margin-left: 0;
  padding: 10px 0 0 0;
}
#lingue IMG {
  border: 0;
  padding: 3px 0 0 0;
}

/* menunav */
#menunav { position:absolute; top:20px; right:0px; width:740px; }
#menunav ul { margin:0; padding:0; list-style-type:none; float:right; width:auto; }
#menunav li { float:left; margin:0 0 0 0px; }
#menunav li a, #menunav li a span { float:left; height:30px; font:normal 14px/30px Arial,Helvetica,sans-serif; color:#808080; text-decoration:none; background:url(../images/menuCurves.png) no-repeat 100% 0; outline:none; }
#menunav li a span { padding:0 14px; background-position:0 100%; }

#menunav li a:hover { background-color:#E4E9EF; }

#menunav li a:hover span { color:#000;  }
#menunav li a#linkPromo span { font-weight:bold; color:#0064af; }
#menunav li a#linkPromo:hover span { color:#000; }

#bodyHome #menunav li a.menuHome { background-color:#0064af; color:#fff; }
#bodyChisiamo #menunav li a.menuChisiamo { background-color:#0064af; color:#fff;}
#bodyDovesiamo #menunav li a.menuDovesiamo { background-color:#0064af; color:#fff;}
#bodyPromozioni #menunav li a.menuPromozioni { background-color:#0064af; color:#fff;}
#bodyContattaci #menunav li a.menuContattaci { background-color:#0064af; color:#fff;}
#bodyQualita #menunav li a.menuQualita { background-color:#0064af; color:#fff;}
#bodyProdotti #menunav li a.menuProdotti { background-color:#0064af; color:#fff;}
#bodyNews #menunav li a.menuNews { background-color:#0064af; color:#fff;}

#bodyHome #menunav li a.menuHome span { color:#fff; }
#bodyChisiamo #menunav li a.menuChisiamo span { color:#fff;}
#bodyDovesiamo #menunav li a.menuDovesiamo span { color:#fff;}
#bodyPromozioni #menunav li a.menuPromozioni span { color:#fff;}
#bodyContattaci #menunav li a.menuContattaci span { color:#fff;}
#bodyQualita #menunav li a.menuQualita span { color:#fff;}
#bodyProdotti #menunav li a.menuProdotti span { color:#fff;}
#bodyNews #menunav li a.menuNews span { color:#fff;}

/* home */
#home {  width:920px; overflow:hidden; padding:10px 20px 0; }
#banner { float:left; width:440px; padding-bottom:10px; position:relative; height:330px; }
#news { float:right; width:460px; }
#news h5#news-title { line-height:30px; margin:0; font-size:14px; font-weight:bold; }

#banner #image { position:absolute; top:0; left:0; width:440px; height:330px; z-index:10; overflow:hidden; }
#banner #image img { position:absolute; top:0; left:0; }
#banner #maschera { position:absolute; width:440px; top:0; left:0; height:330px; background:url(../images/maschera.png) no-repeat 0 0; z-index:30; }
* html #banner #maschera {background-image:url(../images/mascheraIE6.png); }

.single-news { margin-bottom:1.5em; width:100%; overflow:hidden; }
.single-news .image { float:left; margin-right:5px; }
.single-news .image img { border:2px solid #aab9cb; }
.single-news .image a:hover img { border-color:#0064af; }
.single-news .description .date { color:#808080; }
.single-news .description { margin-bottom:0.5em; font-size:11px; }
.single-news .description strong { color:#0064af; font-size:12px; }

#products-home { clear:both; padding-bottom:10px; }

#products-home h5#products-title { line-height:30px; margin:0; font-size:14px; font-weight:bold; background:url(../images/bgTitleProdotti.png) no-repeat right center; }

#products-slider ul { margin:0; padding:0; list-style-type:none; }
#products-slider li { float:left; width:120px; text-align:center; padding:0 4px; }
#products-slider li a { font-weight:bold; text-decoration:none; color:#000; }
#products-slider li a .subtitle { font-size:11px; font-weight:normal; text-decoration:none; color:#444; }
#products-slider li a:hover { color:#0064af; }
#products-slider li a img { border:2px solid #aab9cb; }
#products-slider li a:hover img { border-color:#0064af; }

/* with js enabled */
#products-slider.js { position:relative; overflow:hidden; width:100%; height:170px; }
#products-slider.js ul { position:absolute; left:0; top:0; }
#products-slider.js .navLeft { position:absolute; cursor:pointer; top:50px; left:0; width:15px; height:25px; background:url(../images/arrowsGallery.png) no-repeat 0 0; }
#products-slider.js .navRight { position:absolute; cursor:pointer; top:50px; right:0; width:15px; height:25px; background:url(../images/arrowsGallery.png) no-repeat 100% 0; }

/* pagine interne */
#inner-page { width:920px; overflow:hidden; background:url(../images/bgSidebar.png) repeat-y right top; padding:0 20px; }
#main-column { float:left; width:650px; padding-bottom:50px; }
#sidebar { float:right; width:250px; background:url(../images/bgSidebarTop.png) no-repeat 0 0; }

.sidebar-title { line-height:30px; margin:0; font-size:14px; font-weight:bold; }

#menucat { padding-top:10px; padding-bottom:150px; width:100%; overflow:hidden; }
#menucat ul { margin:0; padding:0; list-style-type:none; float:left; width:100%; }
#menucat li { float:left; width:100%;  }
#menucat li a, #menucat li a span { display:block; text-decoration:none; }

#menucat li a { background:url(../images/rolloverSidebar.jpg) no-repeat 0 10000px; font-weight:bold;  }
#menucat li a span { padding:10px 10px; color:#000; text-decoration:none;  font-weight:bold;  }
#menucat li a span img { vertical-align:middle; margin-right:10px; border:2px solid #aab9cb; }

#menucat li a.current { background-position:0 0; color:#0064af }
#menucat li a:hover { background-position:0 0; color:#0064af }

#menucat li a:hover span img { border-color:#0064AF }


#menucat li li a { padding-left:30px; font-weight:normal; }
#menucat li li a span { background:url(../images/arrowMenu.png) no-repeat 0 center; font-weight:normal; }
#menucat li li li a { padding-left:60px; }
#menucat li li li li a { padding-left:90px; }

/* categorie prodotti */
.item-cella            { float:left; width:120px; height:140px; padding:10px; text-align:center; margin:10px 10px 0 0; }
.item-cella.hover      { color:#000; border:2px solid #ddd; padding:8px; }
.item-cella .immagine  { height:100px; }

.immagine-laterale             { float:right; margin-bottom:10px; margin-left:10px; width:210px; }
.immagine-laterale a.gallery           { float:right; margin-top:10px; clear:right; }
.immagine-laterale a.gallery img       { border:1px solid #ccc; }
.immagine-laterale a.gallery:hover img { border-color:#0064af; }

.immagine-laterale a.gallery { position:relative; }
.immagine-laterale a.gallery .zoomIcon { position:absolute; bottom:0; right:0; width:21px; height:21px; background:url(../images/iconZoom.png) no-repeat 0 0; }

.titoloFoto {float:right; clear:right; font-size:11px; }

.wrapper-elenco        { clear:both; }

#linkSchedaProdotto a { float:right; width:150px; height:30px; text-indent:-999em; overflow:hidden; display:block; background:url(../images/linkDownloadPDF.png); }
#linkSchedaProdotto a:hover { background-position:0 -30px; }


/* gallery */
.image-gallery            { clear:both; width:100%; overflow:hidden; padding-bottom:20px; }
.image-gallery h4         { padding:0.5em 0; margin:0; background:url(../images/bgTitleGallery.png) no-repeat right center; }
.gallery-item             { float:left; width:110px; height:110px; margin:15px 15px 0 0; }
.gallery-item a           { float:left; }
.gallery-item a img       { border:1px solid #ccc; }
.gallery-item a:hover img { border-color:#0064af; }

/* elenco a righe */
.item-elenco               { float:left; width:100%; padding:1em 0;  border-bottom:1px solid #ccc; }
.item-elenco:last          { border-bottom:none; }
.item-elenco .titolo       { margin-bottom:0.5em; }
.item-elenco .titolo a     { font-weight:bold; font-size:14px; color:#0064af }
.item-elenco .titolo a:hover { color:#000; }
.item-elenco p.data        { margin:0; color:#666; font-size:11px; }
.item-elenco .immagine     { float:left; margin-right:10px; }
.item-elenco .immagine a img { border:2px solid #aab9cb}
.item-elenco .immagine a:hover img { border-color:#0064af}
.item-elenco .descrizione { font-size:11px; }

.item-elenco-2col { width:48%; margin-right:1%; }


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

/* 20100120 autore Valentina Spreafichi */
UL#contattimail {
  margin: 0;
  padding: 0;
}
UL#contattimail  LI {
  margin: 0;
  padding: 5px 0 0 0;
  line-height: 18px;
  list-style-type: none;
  width: 50%;
  float: left;  
}
UL#contattimail  LI  SPAN {
  width: 130px; float: left;
}
div.hr {
  padding: 0;
  margin: 20px 0;
  height: 1px;
  background: #ccc;
}
div.hr HR {
  display: none;
}
.ripristino {clear:both;}

/* 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:#666; }
.contact-form .text_field, .contact-form textarea { width:24em; }
.contact-form .text_field:focus, .contact-form textarea:focus { border-color:#aaa; background:#eee; color:#000; }
.contact-form em { color:#f33; }
.align-to-label { margin-left:15em; }
#fs_pulsanti { margin-left:15em; }
#fs_pulsanti input,#fs_pulsanti button {  background:#0064af; border:2px solid #0064af;  font:bold 12px Arial,Helvetica,sans-serif; padding:2px 20px; color:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; }

.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; }

p.link { float:left; width:110px; height:210px; margin:15px 15px 0 0; text-align:center; font-weight:bold; }
p.link a { display:block; border:1px solid #ccc; padding:3px; text-decoration:none;  background:#fff; }
p.link a:hover { border-color:#0064af;  }