@media (max-width: 767px) {




/*  ------------------------------------------------------------------------------------------ ADD TO BOOTSTRAP  */
@media (max-width: 479px) {
  .hidden-xxs { display: none !important; }
}

@media (max-width: 991px) {
  .hidden-upto-sm { display: none !important; }
}

@media (min-width: 992px) {
  .hidden-from-md { display: none !important; }
}

@media (min-width: 992px) {
  .visible-from-md { display: block !important; }
  .visible-inline-from-md { display: inline !important; }
  .visible-inline-block-from-md { display: inline-block !important; }
}

/* ------------------------------------------------------------------------------------------- Override Bootstrap / MDB */

/* Cose che mancano o da modificare a mdb ( e BS?) -------------------------- */
.btn { white-space: normal!important;  }
b, strong { font-weight: 700 !important; }
a:hover { color:#48653b /* !important;*/ }

.PagLinkContainer li a {
    width:135px; 
    margin-right:15px;
   
}

a { 
    text-decoration: none; /* gia presente su MDB */
    color: #666666;	   /* blu in BS e MDB */	
}

button.close { width:32px; height:32px; border: #000000 1px solid; border-radius:3px; }

/* Button Basket StupidOverride*/

@media (max-width: 479px) { .BaskMinusBut { border-top-right-radius: 0 !important; border-bottom-right-radius:0px !important; margin-right: -1px !important; } }
@media (min-width: 480px) { .BaskMinusBut { border-radius: 0 !important; margin-right: -1px !important; } }

.DivBask .BaskAcquistaButScalaPay  { color:white; background-color:black; width:100%; }
.PnlBsk .BaskAcquistaButPPExpress {  color: white; background-color: #009cde;  } /* pagina basket */
.DivBask .BaskAcquistaButPPExpress { color: white; background-color: #009cde;  margin:10px 0; width:100%; } /* pagina prodotto */ 

.DivBask input { width:30px; text-align:center; }

.input-group-addon-lg { height:14px !important; } /* FIX per WebKit */

.form-control.withhelp { display:inline-block; }

.form-control { appearance: auto; -moz-appearance:auto; -webkit-appearance:auto; }

/* ------------------------------------- Negolo -------------------------------- */

.MainTitle { text-align:center; font-weight:bold; font-size:130%; padding-bottom:0px; margin-top:5px; }

/* TPLBox ---------------------------------------------------------------------- */
/* .PromoHomeImg, .PromoHomeTxt, .PromoHomeScroll, .Promo                        */
/* .VetrinaHome, .ContenutiHome  .CategorieHome,      */
/* .Categoria, .Prodotto  */
/* .Contenuto, ContenutoConMenu, .ContenutiReport
/* .Promo, .PromoReport    */

.TplBox { margin: 8px 0 0 0; }

.TplBox .TitleMaster {  }
.TplBox .TitleSxMaster { float: left; width: 40%; }
.TplBox .TitleDxMaster { float: left; width: 60%; }

.TplBox .TitleSx {
    height: 26px;
    padding: 5px;
    background-color: #666666;
    background-image: url(SitoTpl/Img/GradLightGrey.gif);
    font-size: 14px;  font-weight: bold;
    text-align: center;
    border-right: 1px solid #cccccc;
}
.TplBox .TitleSx span {  }

.TplBox .TitleDx {
    height: 26px;
    padding: 5px 0 5px 15px;
}
/* .TplBox .TitleDx span { padding-left: 5px; } */

.TplBox .TitleMaster a { text-decoration: none; color: #aaaaaa; padding:3px;}
.TplBox .TitleMaster a:hover { background-color:#aaaaaa; color: #ffffff; }

.TplBox .Body                { clear: both;  }

/* Elementi della Vetrina --------------------------------------------------- */
.VetrinaHome .VProd { }
.VetrinaHome .VProd a { display:block; text-decoration: none; overflow:hidden;}

.VetrinaHome .VImg { float: none; text-align: center; height: 170px; }
.VetrinaHome .VImg img { width: 95%; border: 0;}

.VetrinaHome .VInfo .VNome { text-align: center; }
	
.VetrinaHome .VDesc { margin-top: 4px; }

.VetrinaHome .VInfo .VPrezzoOff { text-align:center; font-weight:bold; }
.VetrinaHome .VInfo .VPrezzoL, .VInfo .VSconto { text-align:center; font-size:13px; }
.VetrinaHome .VInfo .VPrezzoL { padding:0 10px; } 

/* Prod Report Bar Paging --------------------------------------------------- */
.PagBarCmd
{ padding: 4px;
}

.PagBarUp 
{ padding: 4px;
}

.PagBarDown 
{ padding: 1px;
  text-align: center;
}


/* -------------------------------------------------------- Pag Prod --------- */

/* Disable FastClick From Span (or other elements) inner label            */
/* Bloccava Windows Phone e IOS safari                                    */
/* 26.11.2015 - rimossa la riga, non funzionano gli help point del basket */
/* label > * { pointer-events: none; }  */

.RadioArtUL 
{
    padding:0 0 0 0;
    margin-top: 10px;
}

.RadioArtUL li.Mobile
 {
    position:relative;
    display:block;
    margin-right:5px;
    margin-bottom:5px;

    background-color: rgb(246, 246, 246);
    border: solid 1px rgb(221, 221, 221);
    border-radius: 4px;
    font-size: 0.9rem;
   
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
}

.RadioArtUL li.Mobile input.RACk 
{
    position:absolute;    
    top:11px;
    left:10px; 
    display:block;
    padding:10px;
    width:18px; 
    height:18px; 

}

.RadioArtUL li.Mobile label.labelprod
{
   display:table-cell; 
   position:relative;   

    width:90%; 
    margin:0;
    
    padding:3px 3px 1px 38px;
    cursor:pointer;
    font-weight: normal;
    vertical-align:middle;
}

.RadioArtUL li.Mobile label.labelprod .RAForceHeight { display:table-cell; height:44px; width:2px; /* background-color:darkgrey; */ }
.RadioArtUL li.Mobile label.labelprod .RAInfo { display:table-cell; vertical-align:middle; }

.RadioArtUL li.Mobile label.labelprod .RANome,
.RadioArtUL li.Mobile label.labelprod .RAPrezzo,
.RadioArtUL li.Mobile label.labelprod .RAUmQta
{  }

.RadioArtUL li.Mobile label.labelprod .RAPrezzo { color:#990000; }

/* Pag Prod DropOpz*/

/* .OpzContainer
{
    display:table;   
} */

/* .OpzCoppia
{
    display:table-row;
    float:left;
} */

.OpzCoppia span {padding-top:10px; padding-bottom:5px;}

.OpzName
{
    display:table-cell;
    clear:left;
    font-size:16px;
}

.OpzValue select
{   
    display:table-cell;
    margin-bottom:15px;    
    font-size:0.9rem;
}

.OpzArea label { font-size:1.1rem; font-weight:600; }

/* -------------------------------------------------------- Prod Report ------ */

.ReportProdContainer {
    padding:8px;
}

@media (max-width: 479px) {
    .ReportProdTR .DivImg       { width:100px; }
    .ReportProdTR .DivImg img   { max-width:100px; max-height:100px; }
    .ReportProdTR .DivInfo      { margin:0 0 0 105px; }
}

@media (min-width: 480px) {
  .ReportProdTR .DivImg     { width:150px; }
  .ReportProdTR .DivImg img { max-width:150px; max-height:150px; }
  .ReportProdTR .DivInfo    { margin:0 0 0 155px; }
}

/* Aggiungere Regola per impostare queste dimensioni solo nei retina display
   usando le stesse regole della funzione js InitRetinaImg. */
@media (min-width: 768px) {
  .ReportProdTR .DivImg     { width:200px; }
  .ReportProdTR .DivImg img { max-width:200px; max-height:180px; }
  .ReportProdTR .DivInfo    { margin:0 0 0 205px; } 
}

.ReportProdTR .DivImg  {
    float:left;
    text-align:center;
}

.ReportProdTR .DivInfo {
    cursor: pointer;
}

.ReportProdTR .ReportProdInfoArtTot             { color: #A00000;  }
.ReportProdTR .DivInfo .RPPrezzoOff .Importo    { font-weight:bold; color: #a51a1a; }
.ReportProdTR .DivInfo .RPPrezzoList            { color: #9a9a9a; }


/* Separatore Report Prodotti */
.DivSeparator { 
    clear:both;
    width:100%;
    margin:auto;
    margin-top: 5px;
    margin-bottom: 5px;    
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #f0f0f0;
    height: 2px;
}

.ReportProdTR .Importo,
.ReportProdTR .ImportoII {
    display: inline-block;
    margin-right: 10px;
}


/* --- RATING REVIEW --- */
.rating-cat {               /* DIV nelle CATEGORIE */
    text-align:right;
    font-size:0.8rem;
  }

.rating-prod {              /* DIV nei prodotti */
   margin-bottom: 5px;
   font-size:0.8rem;
  }

.rating-title { height: 16px; }

.rating-static {
  width: 60px;
  height: 16px;
  display: inline-block;
  background: url('/SitoTpl/Img/star-rating.png') 0 0 no-repeat;
}

.rating-cat .rating-title { display: block; float: right;  }
.rating-cat .rating-static { margin-right:10px; float: right; }
.rating-prod .rating-static { margin-right:10px; }  

.rating-50 { background-position: 0 0; }
.rating-40 { background-position: -12px 0; }
.rating-30 { background-position: -24px 0; }
.rating-20 { background-position: -36px 0; }
.rating-10 { background-position: -48px 0; }
.rating-0 { background-position: -60px 0; }

.rating-5  { background-position: -48px -16px; }
.rating-15 { background-position: -36px -16px; }
.rating-25 { background-position: -24px -16px; }
.rating-35 { background-position: -12px -16px; }
.rating-45 { background-position: 0 -16px; }

.rating-value {
 clear: both;
 display: block;
}

/* ------------------------------------------------- Cat Report G - TYPEG ---- */
/* <div.content>                        */
/* <div.VisCatDiv.TypeX onclick(URL)>   */
/*     <div.VisCatImg>                  */
/*         <a>                          */
/*            <img .ImgCategory>        */
/*         </a>                         */
/*     </div>                           */
/*     <div.VisCatNome><a /></div>      */
/* </div>                               */
/* </div>                               */

.VisCatDiv.TypeG {
    float:left;
    padding:3px;
    /* border:2px solid #eeeeee;  */
    margin:5px 2px 4px 2px;
    cursor: pointer;
}

.VisCatDiv.TypeG .VisCatNome { text-align:center; }

@media (max-width: 320px) {
    .VisCatDiv.TypeG                   { width:148px; height:170px;                }               /* Width per adattare alla larghezza della viewport (148) */
    .VisCatDiv.TypeG  .VisCatImg       {              height:105px;                }
    .VisCatDiv.TypeG  .VisCatImg img   { width:138px;               display:block; margin:auto; }  /* margin-top per centrare vert l'img, margin-auto, per centrare h */
}

@media (min-width: 321px) and (max-width: 767px) {
    .VisCatDiv.TypeG                   { width:160px; height:170px;                }               
    .VisCatDiv.TypeG  .VisCatImg       {              height:105px;                }
    .VisCatDiv.TypeG  .VisCatImg img   { width:154px;               display:block; margin:auto; }  
}

@media (min-width: 768px) {
    .VisCatDiv.TypeG                   { width:186px; height:230px;                } 
    .VisCatDiv.TypeG  .VisCatImg       {              height:160px;                }
    .VisCatDiv.TypeG  .VisCatImg img   { width:176px;               display:block; margin:auto; }
}

/* ------------------------------------------------- Cat Report S - TYPES ---- */
/* <div.VisCatDiv.TypeS>                                        */
/*    <div.DivCont>                                             */
/*        <div.VisCatNome><a.VisCatTitle>$nome$</a></div>       */
/*    </div>                                                    */
/* </div>                                                       */

.VisCatA.TypeS {
     display: block;
     float:left;

     height: 48px;
     margin:5px;
    
     text-decoration:none;
     background-color: rgb(246, 246, 246);
     border: solid 1px rgb(221, 221, 221);
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
}

.VisCatA.TypeS span {
        display: table-cell;
        height: 48px;
        padding: 3px;

        font-size: 14px; 
        text-align: center;
        vertical-align: middle;

    }

.VisCatA.TypeS:hover
{   background-color: #bcbcba;
    
}

@media (max-width: 767px)    {  .VisCatA.TypeS { width:180px; } .VisCatA.TypeS span { width: 180px; } }   
@media (min-width: 768px)    {  .VisCatA.TypeS { width:200px; } .VisCatA.TypeS span { width: 200px; } } 


/* --------------------------------------------------------------------------- */


/* ---------------------- Prodotto - New Style 2014 */
.DivProd .DivImgProd    { float: right;  text-align:center; margin-top: 5px; }

.DivProd .ProdInfo,
.DivProd .DivBask       { float:left; clear:left; margin: 0 0 6px 0; padding:0 5px 0 5px; }
.DivProd .DivRequests   { float:left; clear:left; margin: 0 0 6px 0; padding:0 5px 0 5px; }

.DivProd .ProdInfo.Base { padding-top: 5px; }

@media (max-width: 767px) {
    .DivProd .DivImgProd        { width: 100%; }
    .DivProd .DivImgProd.NoImg  { display: none; }
    .DivProd .ProdInfo          { width: 100%; }
    .DivProd .DivBask           { width: 100%; }
    .DivProd .DivRequests       { width: 100%; text-align:center; }
}


@media (min-width: 768px) {
    .DivProd .DivImgProd    { width: 36%; }
    .DivProd .ProdInfo      { width: 64%; }
    .DivProd .DivBask       { width: 64%; }
    .DivProd .DivRequests   { width: 64%; }
}


.ImgProd {
    padding: 4px;
    background-color: #EEEEEE;
	border-color: #A7A7A7;
	border-width: 1px;
    max-width:240px;
    max-height:200px;
}

.ProdInfo .DatoBold { font-weight: bold; padding-left: 15px; }

.ProdInfo #GrPrice .PrezzoOff { color: #cc0033; font-size: 16px; }
.ProdInfo #GrPrice .PrezzoOff span.notaii {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

/* ----------------- Pagina Req Info or Offer */

#PnlInfoOffer,
#PnlInfoOfferResponse {
    padding: 10px;
}

.TableReqInfoOffer {
    width:100%;
    margin: 10px 0 10px 0;
}

.TableReqInfoOffer td {
        padding: 3px;
        background-color: #eeeeee;
}

.TableReqInfoOffer .BoxNumber  { width:32px; height:30px;  }
.TableReqInfoOffer .ButPM      { width: 36px; text-align:center; }
.TableReqInfoOffer a.ButMinus img  { margin-top:10px; }
.TableReqInfoOffer a.ButPlus img  { margin-top:10px; }

.TableReqInfoOffer td .Listino { color:#AAAAAA; }
.TableReqInfoOffer td .Offerto { color:#CA0000; font-weight:bold; }

#PnlInfoOffer .Labelform { display:block; padding-top:10px; }





/* FILTRI RICERCA */
.FiltriRicerca {
    font-size: 0.9rem;
}

.FiltriRicerca a {
    text-decoration: none;
    color: black;
}

.FiltriRicerca .MenuAttributi a {
    display: block;
    float: left;
    padding: 3px 5px 3px 5px;
    margin: 4px 5px 0 0;
    border: 1px solid black;
}

.FiltriRicerca .MenuAttributi a.SEL,
.FiltriRicerca .MenuAttributi a:hover {
    color: white;
    background-color: #aaaaaa;
    border: 1px solid #aaaaaa;
}

/*.FiltriRicerca .Current a {
    text-decoration: underline;
    margin-right: 10px;
}

.FiltriRicerca .Current a:hover {
    color: white;
    background-color: #aaaaaa;
}*/


.FiltriRicerca .FilterBox {
    /* float:left;
    width:225px; */
    margin-bottom: 10px;
}

.FiltriRicerca .FilterBox .FilterTitle {
    height: 18px;
    /* padding:5px 0 2px 2px; */
}

.FiltriRicerca .FilterBox .FilterTitle span {
    padding-left: 0.25rem;
    padding-right: 0.5rem;
    font-weight: 600;
    background-color: white;
}

.FiltriRicerca .FilterBox .FilterElements {
    /* width:215px; */
    border: 1px solid #dddddd;
    padding: 4px;
    /* height: 190px; */
    overflow: auto;
}

.FiltriRicerca .FilterBox .FilterElements input {
    margin: 0 4px;
}

/* ---------------------------------------------- Basket */

.DivFieldsetBskRapido { /* float:left;   */  }
.DivFieldsetBskRapido fieldset { margin-top:25px; }

@media (max-width: 479px) {
    .BaskProdRepImg img  { max-width:100px; }
    .BaskMsgTotal { font-size:16px; }
}

@media (min-width: 480px) {
    .BaskProdRepImg img  { max-width:150px; }
    .BaskMsgTotal       { display:inline-block; height:56px; font-size:16px; top:3px; position:relative; vertical-align:middle; padding-top:16px; }
    .BaskSpanButProcedi { display:inline-block; height:56px; }
}

@media (min-width: 768px) {
    .BaskProdRepImg img  { max-width:200px; }
    .BaskProdRepImporti  { font-size:16px; padding-top:16px; }

    .DivFieldsetBskRapido.Left { float:left; width: 55%; padding-right:5%; border-right:1px solid #e5e5e5; margin-right:5%;  }
    .DivFieldsetBskRapido.Right { float:left; width: 40%;   }
}


.BasketTable td { padding-bottom:5px; vertical-align:top; font-size:0.9rem; }
.BasketTable select, .BasketTable input, .BasketTable label { font-size:0.9rem }

.BaskMsgTotal span  { color:#cc0033; font-weight:600; }

/* Radio Button Basket */
ul.BaskRadioTipo,
ul.BaskRadioTP,
ul.FormRegRadioTipo  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* float: left; */
	}

ul.BaskRadioTipo li,
ul.BaskRadioTP li,
ul.FormRegRadioTipo li
 {
    position:relative;
    display:block;
    
    background-color: rgb(246, 246, 246);
    border: solid 1px rgb(221, 221, 221);
    border-radius: 4px;
    cursor:pointer;
    font-size: 16px;

    min-height: 46px;
    padding: 8px 12px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);

    margin-right:5px;
    margin-bottom:5px;
}


ul.BaskRadioTipo li     { /* float:left; */ /* width:200px; */ width:100%; }
ul.FormRegRadioTipo li  { float:left; width:100%; }
ul.BaskRadioTP li       { /* width:100%; */ width:80%; }
.DatiUtente ul.BaskRadioTP li { width:100%; }

ul.BaskRadioTipo li:last-child,
ul.FormRegRadioTipo li:last-child {
    margin-right: 0;
    margin-bottom: 0;
}


div.NewsLetterCheckContainer
 { 
    position:relative;
    float:left;
    width:240px;
    clear:left;
    
    background-color: rgb(246, 246, 246);
    border: solid 1px rgb(221, 221, 221);
    border-radius: 4px;
    cursor:pointer;
    font-size: 16px;

    min-height: 46px;
    padding: 6px 12px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);

    margin-right:5px;
    margin-bottom:5px;
}

#FormReg #PN_ML1,
#FormReg #PN_ML2,
#FormReg #PN_ML3,
#FormReg #PN_ML4 {
    position:relative;
}

div.NewsLetterLabelContainer {
    float:left; 
}

div.NewsLetterLabelContainer .popover { width: 230px; } /* Generato da Bootstrap */

#FormReg input[type="radio"],
#FormBaskR input[type="radio"],
#FormReg .NewsLetterCheckContainer input  { position:absolute; top:50%; width:18px; height:18px; margin-top:-9px; }

ul.BaskRadioTipo li label,       
ul.FormRegRadioTipo li label,
#FormReg .NewsLetterCheckContainer label { margin-left:26px; /* margin-top:6px; */ width:155px;  font-weight:normal; }

ul.BaskRadioTipo li label       { margin-bottom: 0px; }

ul.BaskRadioTP input { position:absolute; top:50%; width:18px; height:18px; margin-top:-9px; }
ul.BaskRadioTP li label { margin-left:26px; /* margin-top:6px; */ /* width:190px; */ width:auto; font-weight:normal; line-height: 1.3; }

ul.BaskRadioTP li label .lochelp a {  position:absolute; /* left:250px; */ left: 105%; top:0px; }
#FormReg .lochelp a {  position:absolute; top:2px; }


#Basket .DivServiceLab {  }
#Basket .DivServiceField {  }

#Basket .PnlBsk { text-align:left; margin:0 5px 0 5px; font-weight:600; }

#Basket #FormBaskR .Input         { /* width:100%; */ height: auto; }
#Basket #FormBaskR .Input.InLine  { display:inline-block; }

#Basket .MultiLine { display:inline-block; margin-top:0px; }

#Basket .DivPayPalExpress.Uno  { text-align:center; margin-bottom:30px; }
#Basket .DivPayPalExpress.Uno .PPLeft { margin-top: 12px; }
#Basket .DivPayPalExpress.Uno .PPRight {  margin-top: 12px; }

#Basket .DivPayPalExpress.Due .PPLeft { margin-top: 12px; padding:0 30px; text-align:right;  }
#Basket .DivPayPalExpress.Due .PPRight {  margin-top: 12px; text-align:center; }

#Basket .DivPayPalExpress .PPRight a.Butt { width:160px; height:50px;  color: black; display:inline-block; padding:5px 8px; background-color: #eaeaea; border-radius:5px; text-decoration:none; margin-right:12px; }
#Basket .DivPayPalExpress .PPRight a.Butt:hover {  background-color: #cecece;  }

#Basket .DivPayPalExpress .PPRight a.Butt.Evid {  background-color: #ffd716;  }
#Basket .DivPayPalExpress .PPRight a.Butt.Evid:hover {  background-color: #ffba16;  }


/* Check Box */
.CheckBoxContainer {
    position:relative;
    display:block;
    /* float:left; */
    width:100%;
    background-color: rgb(246, 246, 246);
    border: solid 1px rgb(221, 221, 221);
    border-radius: 4px;
    cursor:pointer;
    font-size: 16px;

    min-height: 46px;
    padding: 6px 12px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);

    margin-right:5px;
    margin-bottom:5px;
}

.CheckBoxContainer input { position:absolute; top:50%; width:18px; height:18px; margin-top:-9px; }

.CheckBoxContainer label { display:inline-block; margin-left:26px; margin-top:5px; /* width:160px; */  font-weight:normal;}

.CondVend .CheckBoxContainer { margin:auto; width:250px; text-align:left; }
.CondVend .CheckBoxContainer span { font-size:11px;  margin-left:26px; display:inline-block; }

.CheckBoxContainer.BaskServizi { width:100% }
.CheckBoxContainer.BaskServizi label { margin-left:26px; width:100%; padding-right:26px; }

.BaskTotCosti { 
    border-collapse:separate; 
    width:100%; 
    padding:14px; 
    border-radius: 5px; 
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.BaskTotCosti td {  padding:2px 5px 2px 2px; }
.BaskTotCosti td.ValueTableCosti {  text-align:right; }
.BaskTotCosti td.LabTotII {  background-color:#eaeaea; font-weight:bold; }
.BaskTotCosti td.ValueTotII {  background-color:#eaeaea; font-weight:bold; }

.BaskDivInvio, .FormRegDivInvio { text-align:center; padding:6px; }

.BaskDivInvio.AntiSpam,
.FormRegDivInvio.AntiSpam  { margin:auto; width: 262px; }

/* ---------------------------------------------Bask Confirm------- */

.BaskConfirm                        { width: 90%; margin:auto; }

/* -----------------------------------------------------FORM------- */

/* =============================== FormLogin =============================== */
#FormLogin { margin:10px 0 20px 0; }

#FormLogin .NotaFormAdv
{ font-size:14px; text-align:center; }

#FormLoginContainer
{   width:96%; max-width:450px;
    /* width:500px;  */
    margin:auto; 
    border-radius:15px;
    padding: 10px 10px 10px 10px;
}

#FormLoginContainer .Title 
{
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

#FormLoginContainer .Label  { margin-top:8px; }
#FormLoginContainer .Field  { margin-top:2px; }
#FormLoginContainer .ButtonContainer { margin-top:15px; }
#FormLoginContainer .Note   { margin-top:10px; font-weight: bold; }



#FormLoginContainer .MantieniSessioneContainer { text-align:center; margin-top:10px; }
#FormLoginContainer .MantieniSessioneContainer input { width:16px; height:16px; }

#FormLoginContainer .ButtonContainer
{
    text-align:center;
    margin-bottom:10px;
}
#FormLoginContainer .Note
{
    text-align:center;
}

/* ============================ FormLogin (FINE) =========================== */

/* ============================== NavCercaAdv ============================== */
#FormSearchAdv { margin:10px 0 20px 0; }

#FormSearchAdv .NotaFormAdv
{ font-size:14px; text-align:center; }

#FormSearchAdvContainer
{   width:96%; max-width:450px;
    /* width:500px;  */
    margin:auto; 
    border-radius:15px;
    padding: 10px 10px 10px 10px;
}

#FormSearchAdvContainer .Title 
{
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

#FormSearchAdvContainer .Label  { margin-top:8px; }
#FormSearchAdvContainer .Field  { margin-top:2px; }
#FormSearchAdvContainer .ButtonContainer { margin-top:15px; }
#FormSearchAdvContainer .Note   { margin-top:10px; }

#FormSearchAdvContainer .ButtonContainer
{
    text-align:center;
    margin-bottom:10px;
}
#FormSearchAdvContainer .Note
{
    text-align:center;
}
/* =========================== NavCercaAdv (FINE) ========================== */

#FormContatti .MainTitle     { text-align:center; font-weight:bold; font-size:130%; padding-bottom:20px;  /* display:none; */  }
#FormContatti .Title         { display:block; font-weight: bold; padding-bottom:10px; text-align:center;  }

@media (max-width: 767px) 
{   
    #FormContatti .DivFormCn,
    #FormContatti .DivInfoSx,
    #FormContatti .DivInfoDx,   
    #FormContatti .DivFormDx,
    #FormContatti .DivFormSx   { width:96%; margin:auto; }
}
    
@media (min-width: 768px) 
{
    #FormContatti .DivFormCn     { width:55%; margin:auto; }
    #FormContatti .DivInfoSx,
    #FormContatti .DivInfoDx     { float:left; width:45%; }

    #FormContatti .DivFormDx,
    #FormContatti .DivFormSx     { float:left; width:52%; margin:0 10px 0 10px; }
}

#FormContatti .DivField      { margin:auto; padding:10px 0 10px 0; border-radius:15px; }
#FormContatti .DivField .DivFieldInterno { margin:auto; width:96%; text-align: center;  }

#FormContatti .FormContainer { text-align: left; }
#FormContatti .Label         { margin:7px 0 2px 0; }
#FormContatti .InputText     { }
#FormContatti .SubmitBut     { margin-top:20px; }

/* #FormContatti .col-sm { width: auto} */

.FormContainer { margin:auto; }

.BodyFormLogin .FormContainer       { width: 320px; }
.BodyFormSearchAdv .FormContainer   { width: 320px; }
.BodyFormReg .FormContainer         { width: 320px; }
.BaskConfirm .FormContainer         { width: 320px; }
 /* .BodyFormContattaci .FormContainer  { width: 320px; } */
 

@media (min-width: 480px) {
    .BodyFormLogin .FormContainer       { width: 350px; }
    .BodyFormSearchAdv .FormContainer   { width: 450px; }
    .BodyFormReg .FormContainer         { width: 450px; }
    .BaskConfirm .FormContainer         { width: 450px; }
    /*.BodyFormContattaci .FormContainer  { width: 450px; }*/
}

#FormContatti .MainTitle     { text-align:center; font-weight:bold; font-size:130%; padding-bottom:20px;  /* display:none; */  }

/*------Form Registrazione----------------------------- */

#FormReg .MainTitle { text-align:center; font-weight:bold; font-size:130%; padding-bottom:20px; }
#FormReg .DivField  { margin:auto; padding:0 10px; border-radius:15px;  width:96%; max-width:450px; }

#FormReg .FormRegContainer { margin:auto; width:96%;}

#FormReg .Panel     { margin-bottom:10px; }


#FormReg .Panel.CondVend,
#FormReg .Panel.AntiSpam,
#FormReg .Panel.SendButton { text-align:center; padding: 0 0 15px 0; }

#FormReg .HiddenMobile { display:none; }

#FormReg .Panel.CondVend a { text-decoration:none; }
/* #FormReg .Panel.AntiSpam .InputText { width:40px; display:inline}  Sovsrascritto il display che era ":block" */ 

#FormReg .TitleGroup { padding:5px 0 5px 0; font-weight:bold; text-align:center; }
#FormReg .Nota { float:left; clear: both; margin-top: 16px; }
#FormReg .Label { float:left; width:100%;  margin:7px 0 2px 0; }

#FormReg .Field { float:left; width: 100%; }

#FormReg .LabelAndField { float:left; clear:left; width:99%; margin-top:6px; }
#FormReg .LabelAndField span { display:block; padding:3px 0 6px 0; }

#FormReg .InputText { width: 100%; }
#FormReg .InputText.Short { width: 30%; }

#FormReg .form-control { display:inline; }

@media (max-width: 767px) 
{
  /* #FormReg .DivField   {  width:96%; max-width:450px; } */
}

@media (min-width: 768px) 
{
    /* #FormReg .DivField {  width:450px;  } */
    /* #FormReg { margin:auto; width:55%; border-radius:15px; } */
}

/* ---------------------------------------------------- */

#Basket .MainTitle { text-align:center; font-weight:bold; font-size:130%; padding-bottom:0px; }


/* ---------------------------------------------------- */

.spacer { clear:both; } 

.BtnImportant {
    background: #eaeaea;
    background: -moz-linear-gradient(top,  #eaeaea 0%, #bcbcba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#bcbcba));
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#bcbcba 100%);
    background: -o-linear-gradient(top,  #eaeaea 0%,#bcbcba 100%);
    background: -ms-linear-gradient(top,  #eaeaea 0%,#bcbcba 100%);
    background: linear-gradient(to bottom,  #eaeaea 0%,#bcbcba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#bcbcba',GradientType=0 );
    font-size:1rem; /* override bs */
}


/* Update Progress */
.progress2
{    position: fixed;
     height: 100%;
     width:100%;
     top:0;
     left:0;
     background-color:#eeeeee;

     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
     filter: alpha(opacity=85);
     -moz-opacity: 0.85;
     opacity: 0.85;
     z-index: 10;
    
}

.progress2int
{    position: absolute;
     top: 200px;
     width: 100%;
     height: 60px;
     margin: auto;
     text-align:center;
     font-size: 16px;
     font-weight: bold;
     color: Black;
    }

.progress2int a
{    font-size: 14px;
     color: blue;
}

/* ------------------------------------------------------------- DOT Under Images */

div.a-pagination { line-height: 0; display:block; padding-top:4px; }
ul.a-pagination.a-dots {
  margin: 0;
  padding: 0;
  line-height: 0;
  border: none;
  display: block;
}

ul.a-pagination {
  width: 100%;
  text-align: center;
  border: none;
}

ul.a-pagination:after, ul.a-pagination:before {
  display: table;
  content: "";
  line-height: 0;
  font-size: 0;
}

ul.a-pagination:after { clear: both; }

ul.a-pagination.a-dots li.a-selected {
  border: 1px solid #949494;
  background-color: #949494;
}

ul.a-pagination li:first-child { padding: 0 5px 0 0; }

ul.a-pagination.a-dots li {
  float: none;
  border-radius: 4px;
  height: 9px;
  width: 9px;
  border: 1px solid #949494;
  background-color: #f3f3f3;
  list-style: none;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
}

/* ------------------------------------ Glyphicons Pro Mine */

/* Generiche */
.glyphicons.IconUp { top: -15px; padding-left:26px; }


/* Icone specifiche */
.glyphicons.IconUp.ProdReportChevron { margin-top:20px; margin-bottom:6px; color:#e0e0e0; float:right; display:block;  }

UNUSED.glyphicons-png {
  display: inline-block;
  width: 48px;      /* 48 */
  height: 48px;     /* 48 */
  margin:0 2px 0 0;
  line-height: 14px;
  vertical-align: text-top;
  
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *margin-right: .3em;
  }

UNUSED.glyphicons-png.cart_in { background-size: 26px 24px; background-image: url(/SitoTpl/Glyphicon/png/glyphicons_209_cart_in@2x.png); }
UNUSED.glyphicons-png.chevron-right { background-size: 15px 22px; margin:1px 0 1px 0; background-image: url(/SitoTpl/Glyphicon/png/glyphicons_223_chevron-right@2x.png); }

/* --- inizio descrizione categoria testa --- */

.CatDesLongContainer {

}

.CatDesLongContainer .CatDesLongContent { 
    overflow:hidden;
	margin-bottom:10px;
}

.CatDesLongContainer .slide {
	text-align:center;
	cursor:pointer;
	margin: 10px 0 20px 0;
}

.CatDesLongContainer .CatDesLongContent>p {
	
}

.CatDesLongContainer .slide .CatDesLongIcon {
	cursor: pointer;
    background: #e2e2e2;
    border-radius: 3px;
	border:1px solid #b9b9b9;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
}	

/* --- fine descrizione categoria testa --- */

.GlyphIside {			
    left: 0; 
    top: 0;
	margin: 0 5px 0 0;
    margin-bottom: 6px;
	width:24px;
	height:24px;
}

.GlyphIside.IconaSopra { 			
    top: -15px;
    padding: 2px 0 3px 28px;
}

.GlyphIside.FrecciaDestra {
    background: url('/sitotpl/img/sprite-arrow-cart.png') no-repeat;
    background-size: 24px;
	background-position: 0 0; 
	margin-top: 2px;
	float: right;
    display: block;
}

.GlyphIside.Carrello {
    background: url('/sitotpl/img/sprite-arrow-cart.png') no-repeat;
    background-size: 24px;
	background-position: 5px -26px;
}


}