﻿@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);

#headerPane { background-color:#B5A28B;}
.topPane { overflow:hidden;}

html { background-color: #EBE5B2; margin: 0; padding: 0;}
body { background-color: transparent; color: #666; font-family: 'Segoe UI', Calibri, Cambria, 'Times New Roman', Verdana, Tahoma, Arial; 
       font-size: 15px; margin: 0; padding: 0; }

p { margin: 0px 0px 0px 0px; }
h1, h2, h3, h4 { padding: 0; margin: 0; line-height: normal; }
h1, h2, h3, h4 { font-family: "Ubuntu Condensed", Segoe Ui, Verdana, Tahoma, Arial, Helvetica; }
a { color: #f18d22; }
    a:hover { text-decoration: none;color:#fff; }


.navbar-collapse { max-height:none;}
.modal-body { font-family: "Ubuntu Condensed", Segoe Ui, Verdana, Tahoma, Arial, Helvetica; font-style: italic; font-weight: 700; font-size: 2em; }
.btn-primary { color: #FFF; background-color: #D5058F; border-color: #bd047e; }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #444; 
                                                                                                                           background-color: #e2d57f; border-color: #cfc26b; }

.radius8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

/*Separaori sezioni after before*/
*,
*:after,
*::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { }
    .container svg { display: block; }
section { position: relative;}
    section::before,
    section::after { position: absolute; content: ''; pointer-events: none; }

/*top*/
ul.loginbar > li { display: inline; list-style: none; padding-bottom: 15px; }
ul.loginbar li.devider { top: -1px; padding: 0; font-size: 8px; position: relative; margin: 0 9px 0 5px; font-family: Tahoma; border-right: solid 1px #BBB; }

/*top loginbar480 compare a < 480*/
.loginbar480 { display: none; }
.loginbar480 { position: absolute; right: 15px; z-index: 100; padding-top: 7px; color: #FAFAFA; padding-right: 5px; }
ul.loginbar480 > li { display: inline; list-style: none; padding-bottom: 15px; }
ul.loginbar480 li.devider { top: -1px; padding: 0; font-size: 8px; position: relative; margin: 0 9px 0 5px; font-family: Tahoma; border-right: solid 1px #BBB; }
ul.loginbar480 > li a { color:#fff}

.logo-container { 
    position:absolute;
    z-index:2001;
        margin-top: -70px;
    /*width: 195px; background-color: #F8F8F8; position: absolute; top: 0px; margin-left: 10px; z-index: 1000; text-align: center; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;*/
}

.abscenter {width:50%;left:25%;}

    .logo-container .img-responsive { margin-left:auto;margin-right:auto;max-width:none; }
    .logo-container a { display: block;}

/* Navabar */
.navbar-nav { margin: 0px -15px 0px; font-family: 'Ubuntu Condensed'; }
    .navbar-nav > li > a { font-family: 'Ubuntu Condensed', Arial, Helvetica, sans-serif; color: #666; font-size: 1.4em; 
                           padding: 30px 20px; display: block; }
        .navbar-nav > li > a:hover { color: #FFF; background-color: #F89B7E; }
    .navbar-nav > li.active > a { border-bottom: 2px solid #444; color: #fff; background-color: #F89B7E; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #F7C69F; color: #fff; }
.navbar-header { float: none; }

.dropdown-menu { background-color: #F89B7E; font-size: 1.2em;z-index:2901;color:#fff; }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #FFF; 
                                                                                                           text-decoration: none; outline: 0; 
                                                                                                           background-color: #444; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #F89B7E; border-color: #fff; }
.menuSite { float: right; }
    .menuSite ul { color: #fff; }
        .menuSite ul li { list-style: none; float: left; margin-left: 7px; margin-right: 7px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }
            .menuSite ul li a { color: #666666; font-size: 18px; text-decoration: none; }
                .menuSite ul li a:hover { color: #000; }

                /* ADDED for centering navbar items */
/*.nav { position: relative; left: 50%; float: left; margin-right: 0; margin-left: 0; }
    .nav li { position: relative; right: 50%; float: left; margin: 0; list-style: none; }
        .nav li ul { position: absolute; left: 0px; float: none; margin-right: 0; margin-left: 0; }
            .nav li ul li { right: 0px; float: none; }*/


#m11795 {
padding-top:40px;padding-bottom:40px;
}

#temporary2 .col-lg-3{ width:auto;max-width:400px; margin-left:10px;
     

}

/* Classe generica per il testo */

    /*home*/
.spot {background:url('/164/Public/SlideShows/topslide/3937/ethyka.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;
width:100%;height:500px;
overflow: hidden; position: relative;display: table; position: static;
}
    .spot h1 { font-size:4em;color:#e2d57f}
    .spot .spot-txt { bottom:10px;
                      color:#fff;
                      text-shadow: 2px 2px 2px #944f40;

    }


.outer { height: 130px; overflow: hidden; position: relative;display: table; position: static; }

.middle { position: absolute; bottom: 10%; display: table-cell; vertical-align: bottom; width: 100%; position: static;padding-bottom:30px;}

.inner2 { position: relative; top: -50%; }


.colore2 { background-color:#E5ECF2;}
.sep { width:50%;left:25%;position:absolute;text-align:center;margin-top:-4px;}
.sep img {display:inline-block;}
.fixspacer { width:330px;}
.loghi { margin-top:210px;margin-bottom:20px;font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;font-size:1.2em;text-transform:uppercase;}
.loghi img {display:inline-block;}
.fulltextHome { background-color:#6CBAA4}
.fulltextHearth {background-image:url(images/bghome.jpg);background-size:cover;text-align:center;padding:40px 0px 20px 0px}
    .fulltextHearth img { display:inline-block;}
.fullcontent { background-color:#EBE5B2;background: url("/164/images/wavecut.png");}

.margintb { padding:30px 0px;}

.fulltext { background-image:url(images/bg1.jpg);background-repeat:no-repeat;background-position:center center;}
.text { text-align:center;}
    .text h1, .text h2 { }
    .text h1 {padding-top:0px;font-weight:700}
    .text h2 { }
    .text table thead tr th { color:#f18d22}
    .text .intro { padding-top:10px;padding-bottom:10px;height:80px;overflow:hidden;margin-bottom:30px;}
    .text .intro h2 { font-size:1.2em;color:#fff;}

/*Pulsantoni servizi home*/

.img-container { margin-left: auto; margin-right: auto; text-align: center; width: 220px; height: 220px; overflow: hidden; margin-top: 30px;  cursor:pointer;}

.indice a { color:#000;font-weight:bold;}
.indice h3 { color:#FB6216;font-size:2em;text-shadow:0 0 1px #5F5F5F}

.indice ul { }
    .indice ul li { font-size:1.2em;}
.mod1, .mod2, .mod3 { height:460px;padding-top: 140px;padding-left:30px;padding-right:20px;text-shadow:1px 1px 1px #fff;color:#000}
.mod1 {  background-image: url(images/mod1.jpg);background-position: center top;min-height: 350px;  
  padding-bottom: 30px;color:#F89B7E;
  
}
    .mod1 .img-responsive { display:inline-block;}
.mod1 h2 {color:#5F5F5F}

.mod2 {  background-image: url(images/mod2.jpg);background-position: center center;min-height: 350px; 
  padding-bottom: 30px;color:#000;}
    .mod2 .img-responsive { display:inline-block;}
.mod2 h2 {color:#5F5F5F}
.mod3 {  background-image: url(images/mod3.jpg);background-position: center center;min-height: 350px;  
  padding-bottom: 30px;;color:#000;}
    .mod3 .img-responsive { display:inline-block;}
.mod3 h2 {color:#5F5F5F}



.intro  h2 a { color:#000;}
.single-icon { margin-top:90px;}

.ba:hover h2 a, .bb:hover h2 a, .bc:hover h2 a, .bd:hover h2 a, .be:hover h2 a, .bf:hover h2 a, .bg:hover h2 a {color:#000;
                                                                                     -webkit-transition: color 300ms ease-in; -moz-transition: color 300ms ease-in; -ms-transition: color 300ms ease-in; -o-transition: color 300ms ease-in; transition: color 300ms ease-in; 
}
.ba:hover, .bb:hover, .bc:hover, .bd:hover, .be:hover, .bf:hover, .bg:hover  { background-color: #fff; 
-webkit-transition: background 300ms ease-in; -moz-transition: background 300ms ease-in; -ms-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in; }

.img-csontainer:hover { background-color: #fff; border-color: #64ae03 -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; /*background-color: transparent;*/ -webkit-box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.54); -moz-box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.54); box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.54); -webkit-transition: background 300ms ease-in; -moz-transition: background 300ms ease-in; -ms-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in; }


.normal { }
.fuxia { color: #66757e; }
.top-img {     background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height:400px;
}
.top-img p { margin: 0!important; padding: 0!important; 
}
.p30 { padding-top:30px;}
.wh { background-color: #fff; }
.whs { background-color: #e2d57f; }
.margin30 { padding: 30px 0px; }

.contact { background-color:#B4B603;color:#fff;}
    .contact .container { padding:30px;}
.googlemaps { margin:0px;}


/* testi delle sezioni descrittive*/

svg#bigTriangleColor, svg#bigTriangleColor2, svg#bigTriangleColorA, svg#bigTriangleColorC, { pointer-events: none; }
.container svg { display: block; }
svg:not(:root) { overflow: hidden; }
#bigTriangleColor path { fill: #ccc; stroke: #ccc; stroke-width: 2; }
#bigTriangleColor2 path { fill: #ddd; stroke: #ddd; stroke-width: 2; }
#bigTriangleColorA path { fill: #944f40; stroke: #944f40; stroke-width: 2; }
#bigTriangleColorC path { fill: #944f40; stroke: #944f40; stroke-width: 2; }

.indice-sezioni .col-md-2 { text-align:center;}
.indice-sezioni .sezione { padding-bottom:15px;}
.sezioneB { background-color:#37414a;color:#fff;}
.sezioneA { background-color:#944f40;color:#fff;}

.sezioneA a {color:#ccc;}
.sezioneA a:hover {color:#fff;}

.indice-sezioni img { width: 140px; height: 140px; border-radius: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border: 5px solid #fff; display: inline-block; }

.indice-sezioni ul { margin:0px 0px 0px 15px; padding:0px;}
    .indice-sezioni ul li { width:50%;float:left;list-style-type:none;font-size:1.3em;
                            font-family: "Roboto Condensed", Segoe Ui, Verdana, Tahoma, Arial, Helvetica;
    }


.intro-home { color:#666;margin:0px 0px 0px 0px;background-color:#ccc;padding:20px;}
      
.intro-home h1, .intro-home h2, .intro-home h3 { 
        /*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);*/
        color:#666;
    }
    .intro-home h2 { font-weight:400;font-size:2.8em;}
    .intro-home h3 { font-weight:400;font-size:1.8em;}

.box-home { margin-top:0px;}


.intro-home .ss-style-zigzag { background-color:#ccc;padding:30px 0px;}
.ss-style-zigzag2 { background-color:#e2d57f;padding-top:50px;}
.adminButtons { position:absolute;z-index:2000;}
.thumbnailRound img {border-radius:8px;}




.testi { color: #000; padding: 30px 15px; }
    .testi h2 { font-style: italic; color: #666; }
.homelist {padding-top:30px; }
.homelist ul {color:#66757e; }
.homelist ul li {
    background-image:url(images/list-image.png);background-repeat:no-repeat;
    padding:15px;
    background-position:15px 20px;padding-left:45px;list-style:none;margin-bottom:15px;
    background-color:#B4B603;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
    .homelist ul li strong, .homelist ul li b {color:#fff;font-weight:bold; }
    .homelist ul li u,  .homelist ul li em  {text-decoration:none; }
    .homelist ul li a { color:#fff;font-weight:bold;}

/* testi pre footer*/
.text-out { margin-top: 30px; margin-bottom: 20px; font-size: 1em; }
    .text-out p { margin: 0; padding: 0; }
    .text-out h1, .text-out h2, .text-out h3 { color: #AB9F58; line-height: 100%; font-size: 1.5em; margin-bottom: 5px; }
   

/*NEWS*/

.rosso { color:#dc1313;}

.news { min-height: 100px;padding-bottom: 10px; border-bottom: 1px dotted#ccc; }

.news-servizi .col-md-4 { min-height: 220px; }
.news-servizi h2 { font-size: 26px; margin-bottom: 10px; }

.ms-selected { }

.articolo-description { padding-top:20px;}


/*home outer*/
.w-border { display: inline-block; border: 5px solid #fff; }
.newsHome .news-home-title h3 { font-size: 25px; display: block; padding-left: 25px; background-image: url(/16/images/foglia.png); background-repeat: no-repeat; background-position: 0px 5px; color: #BEB163; margin-top: 15px; }
.newsHome .news-home-title { height:105px;overflow:hidden;display:block;}
.newsHome .sommario { padding:5px;}


.footer { background-color:#F7C69F}
.subtitlefooter { font-size:.8em;}

.extra-menu { font-size:.8em}
.bs-footer { padding: 30px 0; overflow: auto; color: #444; margin-top: 0px;font-size:.9em;background-color:#F7C69F;
             background-image:url(images/denim.png) }
    .bs-footer a { color: #000; }
        .bs-footer a:hover { color: #444; }
    .bs-footer h4 { color: #B5A28B; font-size: 1.3em; margin-bottom: 10px; }
.mBottom { margin-bottom:15px;}
.powered { font-size:.8em;}

.bs-footer  .btn-default {
    color: #fff;
    background-color: #F89B7E;
    border-color: #BBB;
}
.bs-footer  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #ebebeb;
    border-color: #adadad;
}



/* styles for removing the background from form */
.no-color { background-color: white; border-style: none; }
.bs-docs-nav .navbar-header .navbar-toggle { border-color: #FFF; }
.navbar-toggle { width: 100%; position: relative; float: none; margin-right: 15px; padding: 5px 10px; margin-top: 1px; margin-bottom: 0px; background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0px; color: #fff; text-align: left; }
.test { background-color: #E5D98B; height: 450px; }


/* img align*/
img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }

/*pulsanti*/

.btn.default { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.25); cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; line-height: 1; overflow: visible; padding: 5px 15px 6px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); width: auto; text-align: center; }

.btn-xs { background-color: #FFF; border: 1px solid #CCC; font-weight: normal; text-shadow: 0 1px 1px #FFF; font-size: 11px; padding: 5px 15px 6px; background-image: url(/16/images/small-button-overlay.png); }

.btn-info {
color: #FFF;
background-color: #D5058F;
border-color: #b10878;
}

#PhotoGalleryAlbums { margin-top:30px;}

/*CAROUSEL*/
.carousel-container { border-top: 1px solid #fff; border-bottom: 1px solid #e2e2e2; }
.carousel-box { background-color: #fff; padding: 5px; margin: 30px 0px; }
/*.carousel-container { background-image:url(images/carousel-bg.jpg);background-position:bottom center;background-color:#3b89c4;background-repeat:repeat-x;}*/
.carousel { border-bottom: 1px solid #fff; }

/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; left: 2%; right: 2%; }
/* Declare heights because of positioning of img element */
.carousel .item { max-height: 550px; overflow: hidden; }
.carousel-inner > .item > img { min-width: 100%; }

.carousel .btn-default:hover, .carousel .btn-default:focus, .carousel .btn-default:active, .carousel .btn-default.active { color: #fff; background-color: #006ab3; border-color: #fff; }

.carousel .btn-default a:hover { color: #fff; }
.carousel .btn-default:hover a { color: #fff; }
.carousel-indicators { bottom: -10px; }

.carousel-caption { color: #FFF; text-align: right; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); padding-bottom: 10px; }

.bq3 { color: #fff; background: url('images/a9l0g3.png') top left no-repeat; padding-left: 35px; line-height: 18px; margin-bottom: 10px; border-left: none!important; }
    .bq3 .bq3p {
        font-size:.9em;
        color:#66757e;
        padding-right: 35px; 
        line-height:normal;
        background: url('images/eb1yrr.png') bottom right no-repeat; padding-bottom: 15px;  }
blockquote, q { quotes: none;display:inline-block; }

.carousel .carousel-caption  .bq3 p { margin:0;padding:0;line-height:normal;font-style:italic;background: url('images/eb1yrr.png') bottom right no-repeat;
                                padding-left:35px;
                                padding-right: 45px;
                                min-height:35px;font-size: 1.6em;
 }
.carousel .carousel-caption h1 { font-weight: 800; font-size: 4em; line-height: normal; }
.carousel .carousel-caption h2 { font-weight: 800; font-size: 3em; line-height: normal; }
.carousel .carousel-caption h3 { font-weight: 800; font-size: 2em; line-height: normal; }
.carousel .carousel-caption h4 { font-weight: 800; font-size: 1em; line-height: normal; }

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3  { 
    color: #fff; padding: 5px 10px; margin: 1px 0px; display: inline-block;line-height:normal; }

.carousel-caption strong, .carousel-caption b { font-weight: 800; }

.carousel-caption .btn-warning { background-color: #fff; border: 1px solid #CCC; margin: 2px 0px; }
.carousel-control.right, .carousel-control.left { background-image: none; }

.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel .loading { width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; background: #000 url(/164/images/ajax-loader.gif) no-repeat center center; margin: -23px 0px 0px -23px; z-index: 100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: 0.7; }
.carousel-indicators { display: none; }







/*login account */
#loginForm { margin-bottom:20px;}
#loginForm label { display: block; }
#loginForm input[type="text"], #loginForm input[type="password"], #loginForm input[type="email"] { width: 250px; }
input[type="text"], input[type="password"], #loginForm input[type="email"] { display: inline-block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.alert-error {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
#loginForm ol li { margin-bottom:20px;}
    #loginForm ol li .alert  {padding:6px;}

#socialLoginForm { display:none;}

#RequestForm ul, #RequestForm ol { padding: 0; margin: 0 0 10px 25px; }
#RequestForm li { line-height: 20px; }
#RequestForm li { padding-bottom: 10px; list-style: none; }
#RequestForm label { clear: both; display: block; }
#RequestForm .radio, #RequestForm .checkbox { display: inline-block; min-height: 20px; margin-top: 0px; margin-bottom: 10px; padding-left: 0px; }
#RequestForm .alert { padding: 8px; margin-left: 5px; }
#RequestForm .input-group { margin: 20px 0px; }   

/* gallery prodotti*/

.spangallery { height:160px;overflow:hidden;margin-bottom:5px;text-align:-webkit-center;text-align:center;margin-bottom:10px;}
    .spangallery .img-container {height:160px;vertical-align:middle;padding:5px;border:1px solid #B4B603;
                                 width:320px;
                                 background-position:center center;
                                 background-repeat:no-repeat;
                                 background-size:cover;


    }
        .spangallery .img-container:hover {border:1px solid #fff }
        .spangallery .img-container a { display:block;height:100%;}    
    .spangallery .img-container a img { max-height:160px;display:inline-block}
.nr-foto { position:absolute;bottom:5px;left:10px;background-color:#006ab3;display:none;}


/*form richiesta contatti*/
.form { margin-top:30px;}
#selezionerichiesta { background-color:#fafafa;margin:15px 0px;padding:15px 0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.bfh-selectbox { width:250px;}








/*media resolution__________________________________________________*/




@media (max-width: 1199px) {
    .top-img { min-height:200px;}
    .navbar-toggle { display: none; }
        /*.logo-container .img-responsive { max-width: 100%; display: inline-block; }*/
    .logo-container a { margin-top: 0px; display: block;}
    .loginbar { position: absolute; right: 15px; z-index: 100; padding-top: 7px; padding-right: 5px; }

}

@media (min-width: 992px) {
    #top-image-shopdata { min-height:180px;}
}



@media (max-width: 991px) {
    .mod1, .mod2, .mod3 { height:460px;padding-top: 90px;}
    .indice ul li { font-size:1em;}
    .logo-container .img-responsive { max-height:200px;}
    .logo-container { margin-top: 0; }
    .homelist { padding-top: 0px; }
        .homelist ul { padding-left: 0px; }
    .news-servizi .col-md-4 { min-height: 195px; }


    .carousel .carousel-caption h3 { font-size: 3em; }
    h1 { font-size: 28px; }


    .form-textarea { width: 100%!important; }

    .categories ul li { float: left; display: inline-block; padding: 15px 8px; text-align: center; }
    .categories h2 { font-size: 1.2em; }

    .text { margin-top: 0px; position: relative; }
}



@media (max-width: 767px) {
    .logo-container { text-align:center; }


    .navbar-toggle { display: block; }
    .loginbar { position: absolute; right: 15px; z-index: 100; padding-top: 7px; color: #fafafa; padding-right: 5px; }
        .loginbar a { color: #fff; }
    .navbar-nav { margin: 0px -15px; }
    .nav > li { position: relative; display: inline-block; float: left; width: 50%; }
    .navbar-nav > li.active > a { border-bottom: 0px solid #D5058F;  }

    .news-servizi .col-md-4 { min-height: 1px; margin-bottom: 15px; }
    .newsHome .news-home-title { height: auto; overflow: hidden; display: block; padding-bottom: 10px; }

    table.cart h2 { font-size:0.9em; line-height:inherit;}
table.cart td.price {font-size:1em; }
table.cart td.total {font-size:1em;font-weight:bold;}
    .shop-action .span6{
        display: inline-block;
        float: left;
        width: 100%;
    }

    .shop-action .span3{
        display: inline-block;
        float: left;
        width: 50%;
    }
    .cart-footer .price { font-size:160%;}

}

@media (min-width: 768px) and (max-width: 979px) {
}



@media (max-width:768px) {

        .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #ccc; white-space: nowrap; }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #FFF; 
        text-decoration: none; outline: 0; background-color: #bc6201; }
    .single-icon { margin-top:0px;}
}


@media (max-width:649px) {


.loginbar {
    display:none;

}
    .loginbar480 { display:block;}
        .categories ul li { float: left; display:inline-block; padding: 15px 8px; text-align:center;}
    .categories h2 { font-size:1.1em;}


}



@media (max-width: 480px) {
    .fbbutton { content: " "; display: table; *zoom: 1; width: 100%; }

        .fbbutton:before,
        .fbbutton:after { display: table; line-height: 0; content: ""; }

        .fbbutton:after { clear: both; }


.spot {height:300px;
overflow: hidden; position: relative;display: table; position: static;
}
    .spot h1 { font-size:2em;color:#e2d57f}
    .spot .spot-txt { bottom:10px;
                      color:#fff;
                      text-shadow: 2px 2px 2px #944f40;

    }


.outer { height: 130px; overflow: hidden; position: relative;display: table; position: static; }

.middle { position: absolute; bottom: 10%; display: table-cell; vertical-align: bottom; width: 100%; position: static;padding-bottom:30px;}

.inner2 { position: relative; top: -50%; }



    .newbr { display:block;}
    h1 { font-size: 28.5px; line-height: normal; }
    .testi img { max-width: 150px; }
    .text-out .col-xs-12 { margin-bottom: 10px; border-bottom: 1px dotted #BBB; padding-bottom: 10px; }
    img.left { float: none; margin: 10px 0px; }
    img.right { float: none; margin: 10px 0px; }

    .form-data-cliente li { float:none;width:100%;margin-left:0px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #ccc;}
.form-data-destinatario { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

}

@media print {
    #rightPane, footer { display: none; }
    .no-print { display: none; }

    .dl-horizontal dt { margin-left: 0px!important; padding-left: 0px!important; text-align: left!important; border-bottom: 1px solid #ccc; }

    * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
    a,
    a:visited { text-decoration: none; }
        a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }
    a:link:after, a:visited:after { content: ""; }


    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    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; }
}