/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {font-family:'Open Sans',tahoma,'sans serif'; font-size:14px; color:#333; line-height:18px; font-weight:600;}


a {text-decoration:none; color:inherit;}
a:hover {}

#wrapAll {width:100%; float:left; background-color:#fff;}
#wrapAll.home { background-color:#a2b932; background-image:url(../img/homeBg.gif); background-repeat:repeat-x;}
#main {width:100%; text-align:center;}
#content {margin-left:auto; margin-right:auto; width:960px; text-align:left;}

#header {width:100%;}

#logo {height:145px;width:208px; float:left;}
#logo h1, #logo h2 {display:none;}
#menuMain {height:145px;width:680px;float:left;}
#menuRight {height:145px;width:70px;float:left;}
#menuSub {width:960px; height:85px; float:left; clear:both;}

#menuMain ul {margin:0px; padding:0px;}
#menuMain li {margin:0px; padding:0px;float:left;}

#menuMain li a {display:block; height:85px; padding-right:10px; padding-left:10px; padding-top:60px;  margin-left:12px; margin-right:12px;}
#menuMain li a:hover, #menuMain li.current a {color:#e42e9d}

#menuRight ul {margin:0px; padding:0px;}
#menuRight li {margin:0px; padding:0px; float:left; padding-top:45px;}
#menuRight li a {display:block; height:34px; width:68px; text-align:center; background-color:#a2b932;
text-transform:uppercase; color:#fdfcfc; font-weight:600;
padding-top:13px; }
#menuRight li a:hover {background-color:#e42e9d;}

#menuRight li.ico {margin-left:1px;}
#menuRight li.ico a {background-color:#009cde; text-indent:-9999999px; background-position:center center; background-repeat:no-repeat;}
#menuRight li.ico a:hover {background-color:#e42e9d;}
#menuRight li.fb a { background-image:url(../img/ico-fb.gif);}
#menuRight li.tw a { background-image:url(../img/ico-tw.gif);}


#menuSub ul {margin:0px; padding:0px;}
#menuSub li {margin:0px; padding:0px; float:left;}
#menuSub li {display:block; width:189px; height:35px; padding:25px; background-color:#787878; color:#fff; margin-right:1px;}
#menuSub li.last {width:190px;margin-right:0px;}
#menuSub li:hover {background-color:#e42e9d; cursor:hand; cursor:pointer;}
#menuSub li.all:hover  {background-color:#333;}
#menuSub li.cat1:hover  {background-color:#e42e9d;}
#menuSub li.cat2:hover  {background-color:#00a9dd;}
#menuSub li.cat3:hover  {background-color:#fc8b2e;}

section {clear:both;}
#adv {width:960px; height:465px;  overflow:hidden; background-color:#fff;}
#adv #album {width:2000px;height:465px;}
#adv a {display:block; width:320px;height:465px;float:left; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%;}
#adv a img {width:614px;height:465px; display:none;}
#adv a figcaption {width:602px; height:150px;display:block; background-color:#787878; bottom:2px; margin-top:710px; margin-left:6px; background-repeat:no-repeat; background-position:right center; background-image:url(../img/arrow.gif)}
#adv a figcaption p {font-size:24px; line-height:30px; font-family:'Open Sans',tahoma,'sans serif'; color:#fff; font-weight:600; padding-left:50px; padding-top:45px;}

#adv a.cat2 figcaption { background-color:#e42e9d;}
#adv a.cat1 figcaption{ background-color:#009cde;}
#adv a.cat3 figcaption { background-color:#fc8b2e;}
/*
#adv a figcaption:hover { color:#ccc; background-color:#a2b932;}*/
#adv a.small figcaption p {font-size:18px; line-height:23px;padding-top:40px;}


.sep {width:100%; height:30px; margin-top:10px; margin-bottom:10px; clear:both; background-repeat:no-repeat; background-position:50% 50%;background-image:url(../img/separator.gif);}
.page .sep {background-image:url(../img/separatorK.gif);}

.box {width:320px; float:left; }
.boxTitle {width:280px; padding:20px; padding-top:0px; padding-bottom:0px; font-family:'Open Sans',tahoma,'sans serif'; color:#fff; font-weight:600; font-size:12px;}
.boxContent {width:280px; height:320px; padding:20px;background-color:#fff;}
.boxContent h2 {color:#736f73; padding:0px; margin:0px; font-size:24px; line-height:28px; font-weight:600;}
.boxContent p {color:#736f73; padding:0px; margin:0px; font-size:14px; line-height:18px; font-weight:600; margin-top:30px; text-align:justify;}

#box3Home .boxContent, #box2Home .boxContent {background-color:transparent;}
#box3Home .boxContent p ,#box3Home .boxContent h2{color:#fff;}
 #box2Home .boxContent {padding:0px;}

.button {width:300px; clear:both; display:block;height:50px; }
.button .buttonPlus {display:block; margin-right:1px; float:left; width:50px; height:35px; background-color:#a2b932; color:#fff; text-align:center; padding-top:15px; font-size:20px;  font-weight:600; }
.button .buttonLabel {display:block; float:left;  width:160px; height:35px; background-color:#386bc8; color:#fff; text-align:center; padding-top:15px; font-size:12px;  font-weight:600; }
.button:hover .buttonPlus, .button:hover .buttonLabel {background-color:#e42e9d;}

.button.buttonPlus .buttonLabel{ display:none;}
.button.buttonPlus .buttonPlus{ background-color:#fff; color:#a2b932;}
.button.buttonPlus:hover .buttonPlus {background-color:#e42e9d;}

.buttongen {width:300px; clear:both; display:block;height:50px; }
.buttongen .buttonPlus {display:block; margin-right:1px; float:left; width:50px; height:35px; background-color:#a2b932; color:#fff; text-align:center; padding-top:15px; font-size:20px;  font-weight:600; }
.buttongen .buttonLabel {display:block; float:left;  width:160px; height:35px; background-color:#386bc8; color:#fff; text-align:center; padding-top:15px; font-size:12px;  font-weight:600; }
.buttongen a:hover  {background-color:#e42e9d;}

.buttongen .buttonPlus .buttonLabel{ display:none;}
.buttongen .buttonPlus .buttonPlus{ background-color:#fff; color:#a2b932;}
.buttongen .buttonPlus:hover .buttonPlus {background-color:#e42e9d;}


footer {width:100%; height:50px; clear:both; text-align:center;}
footer #foot{width:960px; height:50px; clear:both; margin-left:auto; margin-right:auto; text-align:left;}
footer #footLeft {width:50%; float:left;}
footer #footLeft p {color:#fff; font-size:10px; line-height:14px; text-transform:uppercase; margin:0px;}
.page footer #footLeft p,.single footer #footLeft p {color:#787878;}
footer #footRight {width:50%; float:left; }
footer #footRight p {color:#fff; font-size:14px; line-height:14px; text-transform:uppercase; margin:0px;}
footer #footContacts {background-color:#0492ce; height:50px; float:right; padding-right:7px; padding-top:17px; height:33px;background-image:url(../img/ico-tel.png); background-position:left center; background-repeat:no-repeat;}
footer #footMail {background-color:#0492ce; height:50px; width:50px; float:right; background-image:url(../img/ico-mail.png); background-position:left center; background-repeat:no-repeat;}
footer #footMail a {display:block; width:50px; height:50px;}
footer #footMail a span {display:none;}
footer #footLike {background-color:#0492ce; height:50px; float:right; margin-left:1px;}
footer .telephone {padding-left:50px; }


#preload {width:100%; height:100%; position:fixed; left:0px; top:0px; background-color:rgba(255,255,255,.9); display:none; z-index:999999999;
background-image:url(../img/preload.gif); background-position:center center; background-repeat:no-repeat;}

/*CATEGORIA PRODOTTI*/
.contenuto {float:left;}
ul#mainContent {width:960px; float:left; padding:0px;  }
#mainContent .mix{
    opacity: 0;
    display: none;}
.box.col1_3.item {
    width:320px; height:320px;
}
.box.col1_3.item a{
    display:block;
    width:320px; height:320px;
}

.box.col1_1 {
    width:960px; float:left; clear:both;
}

.box a.aboutLogos {float:left; display:block; width:100%;margin:0px; padding:0px;}
.box a.aboutLogos img {display:block; width:100%; height:auto;float:left;}

ul#mainContent figcaption {width:280px; height:50px; background-color:#e42e9d; position:relative; margin-top:-220px; padding:20px;padding-top:30px;}
ul#mainContent figure {width:320px; height:320px;  background-color:#e42e9d;  background-color:#dca3c6;}
.news ul#mainContent figure {width:320px; height:320px;  background-color:#a2b932;}
.news ul#mainContent figcaption { background-color:#a2b932;  margin-top:-120px; margin-left:20px; width:240px; height:50px;}
ul#mainContent figcaption p {width:240px; height:40px; display:inline-block; margin:0px; color:#fff;}
ul#mainContent figcaption p.plus {width:20px; height:40px; display:inline-block; text-align:center; font-size:30px;font-weight:800;}
.news ul#mainContent figcaption p.plus{display:none;}

ul#mainContent .cat1 figcaption {  }
ul#mainContent .cat1 figure { }
ul#mainContent .cat2 figcaption { background-color:#00b9f1; }
ul#mainContent .cat2 figure { background-color:#00b9f1;}
ul#mainContent .cat3 figcaption { background-color:#f88f02; }
ul#mainContent .cat3 figure { background-color:#f88f02;}


#loader {width:100%; text-align:center; float:left; margin-bottom:20px; margin-top:100px}
#loaderContent {margin-left:auto; margin-right:auto; width:960px; text-align:left; padding-bottom:20px;}

/*PRODOTTO SINGOLO*/
.box.col2_4 {width:480px;}
.prodotto {color:#fff; /*background-color:#e42e9d;*/ width:960px;
    background-image: url(../img/prodotto-bg-ani.gif);
    background-position:center top;
    background-repeat: no-repeat;
}
.prodotto .box {width:480px;}
.prodotto .close {width:100%; height:30px; text-align:left;}
.prodotto .close a{display:block; width:27px; height:30px; text-align:left;	/*background-color:#e42e9d;*/
    background-image: url(../img/close.gif);
    background-position:center center;
    background-repeat: no-repeat;}
.prodotto .close a:hover{background-color:#e42e9d;}
.prodotto h2 {font-size:28px; font-weight:800; line-height: 30px; font-family:'Open Sans',tahoma,'sans serif'; color:#474747; padding-right:20px; height:260px;}
.prodotto h2 .sottotitolo{font-size:18px; font-weight:400;line-height: 20px;}
.prodotto p {font-size:14px; font-weight:400; line-height: 20px; font-family:'Open Sans',tahoma,'sans serif'; color:#fff; padding-right:20px; margin-top:20px;margin-bottom:20px;}
.prodotto p strong {font-size:20px; font-weight:800; line-height: 22px;}
.prodotto a.approf {display:inline-block; padding:15px; font-weight:600; background-color:#d961aa; color:#fff;}
.prodotto a.approf:hover {background-color:#fff; color:#d961aa;}

#loader.prodottoSingolo {
    /*background-color:#e42e9d;*/
    background-image: url(../img/prodotto-bg.gif);
    background-position:center top;
    background-repeat: repeat-x;

}

#loader.prodottoSingolo.prodCat2{
    background-image: url(../img/prodotto-bg-c2.gif);
}
#loader.prodottoSingolo.prodCat3{
    background-image: url(../img/prodotto-bg-c3.gif);
}

#loader.prodottoSingolo.prodCat2 .prodotto {
    background-image: url(../img/prodotto-bg-ani-c2.gif);
}
#loader.prodottoSingolo.prodCat3 .prodotto {
    background-image: url(../img/prodotto-bg-ani-c3.gif);
}

#loader.prodottoSingolo.prodCat2 .prodotto a.approf {background-color:#7ec0d6;}
#loader.prodottoSingolo.prodCat2 .prodotto a.approf:hover {background-color:#fff; color:#7ec0d6;}
#loader.prodottoSingolo.prodCat3 .prodotto a.approf {background-color:#d9ad61;}
#loader.prodottoSingolo.prodCat3 .prodotto a.approf:hover {background-color:#fff; color:#d9ad61;}

/*page SINGOLO*/

.box.col2_3 {width:640px;}
.single  .sep {background-image:url(../img/separatorK.gif);}

.box.col2_3 .boxTitle {width:600px; padding:20px; padding-top:0px; padding-bottom:0px; font-family:'Open Sans',tahoma,'sans serif'; color:#474747; font-weight:600; font-size:12px;}
.box.col2_3 .boxContent {width:600px; min-height:320px; padding:20px;}
.box.col2_3 .boxContent h2 {color:#474747; padding:0px; margin:0px; font-size:24px; line-height:28px; font-weight:600;}
.box.col2_3 .boxContent p {color:#474747; padding:0px; margin:0px; font-size:14px; line-height:18px; font-weight:600; margin-top:30px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;

text-align:justify;
}
.box.col2_3 .boxContent p .title {display:inline-block;font-size:20px; color:#0492ce;clear:both; margin-top:20px; margin-bottom:20px;}
.single a.sisters {display:block; width:200px; height:80px; background-color:#a2b932; padding:40px; padding-top:120px; padding-bottom:80px;
 font-size:30px; line-height:40px; font-family:'Open Sans',tahoma,'sans serif'; color:#fff; font-weight:600; text-align:center;
 }
 .single a.sisters:hover {
  color:#a2b932; background-color:#ccc;
 }

/*TOOLTIP*/
#theBaloon {position:absolute; left:0px; top:0px; z-index:999999999999;}
#theBaloon_inside {width:150px; min-height:150px; background-color:#fff; border:10px #0492ce solid;}
#theBaloon_inside p {padding:5px; margin:0px; text-transform:uppercase; font-size:10px; line-height:11px; font-family:'Open Sans',tahoma,'sans serif'; color:#0492ce;}
#theBaloon_arrow {width:150px; height:10px;	background-image: url(../img/baloon.gif);
    background-position:center top;
    background-repeat: no-repeat;
     }


/*asccordion*/
dl.accordion {width:100%; margin-bottom:20px;}
dl.accordion dt {width:98%; padding:1%; background-color:#0492ce; color:#fff; cursor:hand; cursor:pointer;}
dl.accordion dt:hover {background-color:#e42e9d;}
dl.accordion dt span {margin-right:20px;}
dl.accordion dd {display:none;}


.listTest { font-weight:normal; padding-left:20px}
.listTest .title {list-style-type:none; padding-left:0px; margin-left:-20px; font-weight:bold;}

.green {color:green;}


.docDownload {display:block; width:280px; padding:10px; padding-left:0px; padding-right:0px; margin-left:20px; text-align:center; color:#333; background-color:#eee; background-image:url(../img/docDow.gif); background-position:left center; background-repeat:no-repeat;}
.docDownload:hover {background-color:#ccc;}
.docDownload.noIco {background-image:none;}

.docCert {display:block; width:280px; height:80px; padding:10px; padding-left:0px; padding-right:0px; margin-left:20px; text-align:center; color:#333; background-color:#f2f2f2; font-weight:normal; font-size:12px; font-style:italic;}

.fieldSeparator {width:100%; height:1px; float:left; clear:both;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}