@import url('http://fonts.googleapis.com/css?family=Jost:400,600,700,800');

body { font-family: 'Jost', sans-serif; font-size: 18px; color: black; margin: 0;}
a { text-decoration: none; color: black;}

img {border: none;}
.closer{ clear:both;margin:0; padding:0;}
form { margin-block-end: 0; }



#Contenuto { background: #a0182e; padding: 20px 0 25px 0; display: block; width: 100%; text-align: center; }


#Contenuto_Sinistra { height: 170px !important; text-align: center; }
    #Contenuto_Sinistra_ctl00_Login { padding: 15px 0; position: relative; z-index: 10; }
        #Contenuto_Sinistra_ctl00_Login input { font-size: 18px; color: #999; border: 1px solid #ccc; text-align: center; margin-top: 5px; padding: 10px 0; }
    #Contenuto_Sinistra_ctl00_Ricerche,
    #Contenuto_Sinistra_ctl00_Carrello_link,
    #Contenuto_Sinistra_ctl00_AnalisiOrdini_link,
    #Contenuto_Sinistra_ctl00_Situazione_link,
    #Contenuto_Sinistra_ctl00_Anagrafica_link,
    #Contenuto_Sinistra_ctl00_Logout_link { background: #222; text-transform: uppercase; font-size: 16px; }
        
        #Contenuto_Sinistra_ctl00_Ricerche a,
        #Contenuto_Sinistra_ctl00_Carrello_link a,
        #Contenuto_Sinistra_ctl00_AnalisiOrdini_link a,
        #Contenuto_Sinistra_ctl00_Situazione_link a,
        #Contenuto_Sinistra_ctl00_Anagrafica_link a,
        #Contenuto_Sinistra_ctl00_Logout_link a,
        #Contenuto_Sinistra_ctl00_Logout_link a { color: white; }


#Contenuto_Corpo { height: 700px !important; padding: 50px; box-sizing: border-box; }

#Contenuto_Intestazione img { height: 120px; }



/* CATEGORIE */
.cat_list { text-align: center; float: left; width: 160px; height: 170px; }
    .cat_list a { color: #a0182e !important; }
    .IMGCategoria{ width: 60px; height: 60px; margin-bottom: 15px; border-radius: 100%; border: 4px solid #a0182e;  }


#LoginDisclaimer { margin-top: 20px; text-align: center; line-height: 1.75; }
#LoginApp { width: 290px; margin: 40px auto 0 auto; font-size: 16px; line-height: 1.55; text-align: left; }
    #LoginApp a { color: grey; }
    #LoginApp img { float: left; margin-right: 15px; }

footer { background: #a0182e; color: white; padding: 108px 0; line-height: 1.75; text-align: center; }
    #Contenuto_PieDiPagina { display: flex !important; width: 100%; }
        .LogoFooter { width: 33.3%; }
            .LogoFooter img { width: 200px; }
        .Address { width: 33.3%; }
        .Credits { width: 33.3%; font-size: 15px; }
            .creditsBox { width: 300px; border: 1px solid white; padding: 16px; }
            .Credits a { color: white; }
#copyright { background: white; color: black; font-size: 14px; padding: 25px 50px; text-align: center; }


.disNone { display:none;}
.top{background: url(images/loghiTop.png) center center no-repeat #a0182e; margin:0; padding:0; height:160px}
.topCtn {max-width: 1000px;margin: 0 auto; position:relative; }
.topL{position:absolute;top:10px; left:0px;}
.topR{ position:absolute;top:10px; right:0px;}
.lingue { width:166px; border:none; font-family: 'Jost', sans-serif; padding:3px;}
.bxLogin{ background:#000; width:150px; padding:8px 3px 10px 13px; margin-bottom:5px}
.lbLogin {  display:block; font-weight:bold; font-size:10px; text-transform:uppercase; color:#fff;}
.topL .Edit {width:140px; border:1px solid #ccc; font-family: 'Jost', sans-serif; padding:2px; font-size: 13px; margin-bottom:6px}
.Edit1 {width: 112px;border:1px solid #ccc ; font-family: 'Jost', sans-serif; padding:2px; font-size: 13px; background:#efefef;}
.btnLog { border:1px solid #a0182e}
.lbWelcome{ color:#fff; display:block;}
.lbWelcome1{ color:#fff; font-weight:bold;display:block;}
.bxSr{margin-bottom:6px}
.lbSearch{ color:#fff; display:block;margin:0; padding:0;font-size:10px; text-transform:uppercase;}
.txtSearch{width:140px; border:1px solid #ccc; font-family: 'Jost', sans-serif; padding:2px 4px; font-size: 12px; margin-right:6px; display:block; float:left;}
.btnSearch{margin:0; padding:0;display:block; float:left;}
.searcAdvBtn{ display:block;color:#fff; width:150px; background: url(images/ricAv.png) center right no-repeat #000;}
.searcAdvBtn {padding:3px 10px;display:block;}
.searcAdvBtn:hover {background: url(images/ricAv.png) center right no-repeat #cfcfcf;}
.mostraPrezzi{ width:168px; border:none; font-family: 'Jost', sans-serif; padding:3px; margin-top:6px;}

.topmenu{ background:#e7e7e7; width:100%; min-height:40px}
.menu {font-family: 'Jost', sans-serif; padding:0;max-width: 1000px;margin: 0 auto; list-style:none;}
.menu li {margin:0; padding:0;display:block; float:left; font-size:14px; text-align:center;}
.menu li a{ padding-top:8px;display:block; padding-left:20px; padding-right:20px; cursor:pointer; padding-bottom:10px}
.carrBtn{background: url(images/carrello-ico.png) center right no-repeat #ccc;  min-height:45px; text-align:left;  }
.carrBtn a{ padding-top:2px!important;padding-left:10px!important;  margin-right:10px; padding-bottom:0!important}
.lbCarr { padding-left:10px; display:block;padding-right:50px!important;}
.nmCarr{ padding-left:10px; display:block; font-size:12px;padding-right:40px;font-family: 'Jost', sans-serif; margin-top:-3px;}
.btnAgenti{text-align:left;padding-left:20px; padding-right:20px;   }
.btn-small{ display:block; font-size:12px; margin-top:2px }
.btnAgenti-txt{  height:23px;}
.btnAgenti-txt .Edit{width:140px; margin-right:6px; display:block; float:left;}
.btnAgenti-txt .btn-search1{margin:0; padding:0;display:block; float:left; height:20px}


.corpo{max-width: 1000px;margin: 0 auto; margin-top:10px}
.footer{ text-align:center; border-top:1px solid #ccc; padding-top:10px; margin-top:30px}


.el-categorie {list-style:none;margin:0; padding:0;margin-top:20px;}
.el-categorie li {margin-bottom:5px;}
.imgCat {display:block; float:left;}

.titCat {display: block;float:left;font-size: 10px;background: #f2f2f2;padding-left: 20px;height: 57px;line-height: 57px;width: 500px;font-weight:300;}
.titCat:hover {background: #ccc;}

.breadcrumbs {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; text-transform: uppercase;}
.imgProdotto{ width:120px; }
/*.IMGProdottoS{ width:100px; height:100px}*/

.descProdotto{display:block; float:left;   }
.descProdotto h2  {font-size: 18px; margin:0;}
.elDisp{list-style:none;margin:0; padding:0;}
.elDisp li {margin:0; padding:0;display:block; float:left; margin-right:20px;}
.dispTit{display:block;  font-weight:bold; margin-top:5px; font-size:11px; text-transform: uppercase; }
.disp, .dispTime{display:block; float:left; }
.disp-1, .disp-2, .disp-3 { display:block;width: 12px;height: 12px; border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; margin-top:3px; margin-left:5px; }
.disp-1{background:#a0182e;}
.disp-2{background:#ffa200;}
.disp-3{background:#01921c;}
.bxPrize { width:160px; height:auto; background:#f2f2f2; float:right; padding:15px;}
.lbPr {font-size: 20px;font-weight: bold;margin-right: 3px}
.lbPrScheda {font-size: 30px;}
.lbSconti { display:block; text-transform:uppercase;font-size: 11px; margin-top:10px; font-weight: bold;}
.lbSconti-val{font-size: 14px;margin-right: 3px;font-weight: bold;color:#a0182e;}
.lbScontiScheda {text-transform:uppercase;font-size: 11px; margin-top:10px; font-weight: bold;margin-right: 3px}
.descProdotto-scheda .lbSconti-val {font-size: 16px;}
.bxQuant { margin-top:6px}
.quantScheda {color: #333333;background: #fff;font-size: 11px;padding: 4px;width: 40px!important;border: 1px solid #afaeae;margin-right: 5px; display:block; float:left;}
.btnCarrello1{display:block; float:left;}
.lbQCar { background:#000; line-height:22px; color:#fff; padding-left:6px; padding-right:5px; margin-left:5px;display:block; float:left;}
.imgProdotto-scheda{display:block; float:left; width:220px; }
/*.IMGProdottoM{ width:200px; height:200px}*/
.descProdotto-scheda{display:block; float:left;   }
.descProdotto-scheda h2{font-size: 24px; margin:0;}
.descProdotto-scheda  .bxQuant { margin-top:10px; margin-bottom:10px}
.noteProdotto {display:block; margin-top:10px;}
/*.IMGProdottoL{ width:400px; height:400px}*/
h1{font-size: 15px; margin:0; font-weight:300; margin-bottom:20px; margin-top:20px}
.tb-anagrafica td { border:1px solid #ccc;}
.bkTb {background:#ccc;}
.bkTb span { display:block; padding-left:10px; padding-right:10px; font-weight:bold;}

.tabOr .Caption{font-size:12px;padding-left:8px; padding-top:5px;padding-bottom:5px; display:block; }
.inTabOr .Caption{font-weight:bold;color:#fff; }
.lineGrey {background-color:#e6e6e6;height:1px;}
.lbBold { font-weight:bold;}

.tabOr .col1{ width:5%;}
.tabOr .col2{ width:10%;}
.tabOr .col3{ width:10%;}
.tabOr .col4{ width:50%;}
.tabOr .col5{ width:15%;}
.tabOr .col6{ width:15%;}
.tabOr .col7{ width:5%;}
.btnBack { border:1px solid #ccc; padding:5px; display:block; margin-top:15px; width:90px;background: url(images/back-ico.gif) center left no-repeat; padding-left:23px}
.btnBack:hover {color:#a0182e;    }

.btn-svuota { padding-left:10px; padding-right:10px; }
.btn-filtra{width: 19%; float:left; margin-left:1%}
.Edit3{width: 80%;float:left;}

/***selezione ordini**/
.lbBlock{ display:block; margin-left:10px}
.EditSel {border:1px solid #ccc ; font-family: 'Jost', sans-serif; padding:2px; font-size: 13px; display:block;}
.EditSel1 {width:80px;}
.EditSel2{width:100%;}
.Caption-btn {display:block; padding:3px 10px; cursor:pointer; margin:20px 0;}

.RiepilogoTotali{ width: 40%; margin-left:60%; }
.colSx-car, .colDx-car { width: 48%;  float:left; }
.colSx-car{margin-right:4%}
.mes-errore { font-weight: bold; color:#a0182e; background: url(images/ico-err.gif) center left no-repeat;display:block; margin-top:15px; margin-bottom:15px;}
.mes-errore span {margin-left:20px; display:block; }
.CaptionTit{ font-weight: bold;  font-size:15px; margin-bottom:10px}
.lb-car { display:block;}
.Edit2{width: 100%;}

.Caption-cond{ font-weight: bold; }

.btn-Agente{background-image: url(images/arrow-agente.png); background-position: center center; background-repeat: no-repeat; background-color:#e7e7e7; width:30px; height:30px; border:none; cursor:pointer;}
.btn-Agente:hover {background-color:#cfcfcf;}
.logOut-car{ background: url(images/alert-carrello.gif) center left no-repeat;display:block;  margin-bottom:15px; height:84px; }
.logOut-car span{display:block; padding-left:94px; padding-top:9px}
.btnDisc{display:block; margin-left:94px; margin-top:6px;cursor:pointer; }

TH {font-size: 13pt;text-decoration: none;font-weight: bold;text-align: left;}
TD {font-size: 18px; text-decoration: none; }
.Navigatore {font-size: 8pt;}
.TrackCategorie {font-size: 8pt;}
.Large {font-family: Tahoma, Verdana, Arial, Helvetica;font-size: 13pt;font-weight: bold;text-align: left;}
.LineaMarcata {background-color: #a0182e;}
.LineaLeggera {background-color: #cfcfcf;}
.AreaVuota {background-color: #efefef;}
.PageControl {background-color: #93bee2;}

.start-alert{ background: url(images/alert-start.gif) center top no-repeat;display:block; width:100%; text-align:center;}
.start-alert span{display:block; padding-top:110px;}

.btn-upload{ background: url(images/upload.png)center left no-repeat #a0182e;
    color: #fff;
    padding: 0px 15px 0px 42px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    font-size: 12px;
    line-height: 28px;
    cursor: pointer;}
.btn-upload:hover{ background: url(images/upload.png)center left no-repeat #000;}
.btn-download{ background: url(images/download.png)center left no-repeat #a0182e;
    color: #fff;
    padding: 0px 15px 0px 42px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    font-size: 12px;
    line-height: 28px;
    cursor: pointer;}
.btn-download:hover{ background: url(images/download.png)center left no-repeat #000;}


.lbOk{ color:#67c100;background:url(images/ico-ok.gif) left center no-repeat ;  padding-left:32px; line-height:20px;display: block;margin-bottom:10px;}
.lbEr { color:#dd0000;background:url(images/ico-err.gif) left center no-repeat ;  padding-left:30px;line-height:20px;display: block;margin-bottom:10px;}




@media (max-width:1000px) {
.topCtn, .corpo{ margin-left:10px; margin-right:10px}
.footer p { padding-left:10px; padding-right:10px}
}


@media (max-width:900px) {
.menu li { width:25%; text-align:left;}
.carrBtn{ min-height:60px;}
.menu li a{ padding-top:4px; padding-bottom:4px;padding-left:10px; padding-right:5px; }
.carrBtn a {padding-top: 6px!important;}
.nmCarr{ line-height:12px}
.lbCarr {padding-right: 20px!important;}
}
@media (max-width:800px) {
.top{background-position:  top center;  height:260px;}
.topL{top:120px}
.topR{top:120px}
}

@media (max-width:630px) {
.imgCat {display:none;}
.titCat {float:none;width: 95%;font-size: 18px;line-height: 22px; padding-top:10px; padding-bottom:10px;height: auto;}
}

@media (max-width:600px) {

.RiepilogoTotali{ width: 100%; margin-left:0%; }
.colSx-car, .colDx-car { width: 108%;  float:none;margin-right:0%} 
.Edit2{width: 96%;}
.colSx-car .Edit2, .colDx-car .Edit2{width: 90%;}
.btn-filtra{width: 13%; }
.Edit3{width: 76%;}
.imgProdotto { display:none;}
.bxPrize { width:123px;  background:#f2f2f2; float:right; padding:10px 8px 10px 10px; }
.lbPr {font-size: 18px;}
}

@media (max-width:550px) {
.menu li { width:30%; font-size:13px;}
.menu .firstMenu{width:40%;}
.carrBtn{ min-height:85px;}
}

@media (max-width:450px) {
.top{background-size:300px 76px;}
.topL{top:90px}
.topR{top:90px}
}

@media (max-width:400px) {
.menu li { width:50%;}
.menu .firstMenu{width:100%;}
.carrBtn{ min-height:40px;}
}

@media (max-width:380px) {
.firstMenu{ width:100%;}
.top{ height:330px;}
.topL{position:relative; }
.topR{position:relative;}
.lingue { width:98%;}
.mostraPrezzi{ width:98%;}
.bxLogin{ width:95%; }
.bxLogin table{width:100%;}
.topL .Edit {width:97%;}
.Edit1 {width: 90%;}
.txtSearch{width:88%; }
.searcAdvBtn{ width:93%; }
}


/* MOBILE */
@media screen and (max-width: 768px) {

    #Contenuto_Intestazione img { height: 100px !important; }

    #LoginDisclaimer { font-size: 15px; padding: 0 20px; }
}