/*
    colore threeface: #112d6b   
    
*/

/*:root {
  --color-1: #dcb919d1;
  --color-text-1: black;
  --color-2: #dcb91966;
  --color-text-2: black;
}*/


:root {
  --color-1: #333;
  --color-text-1: white;
  --color-2: #fecf0f;
  --color-text-2: black;
}

.ucZones
{
	width:1100px;    
	margin:0px auto;
    background-color:#fefefe;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}
.bkg_class
{
	background-color:#222222;
}
.btn_standard
{
    color:var(--color-text-2);
	background-color:var(--color-2);
}

.btn_action
{
    color:var(--color-text-1);
	background-color:var(--color-1);
}

.btn_variant, .btn_login , .btn_logout{
    background-color: var(--color-2);
    color:var(--color-text-2);
}

.titleQuadro h2 {
	text-transform:uppercase;
    color:#222222;
}
#zone_bottom h3 {
     color:#222222 !important;
}
#zone_center .objQuadro h2
{
	 background-color:#f1f1f1;
     color:#222222;
}
#layer_mt2 {
    margin-top:10px;
    background-color: var(--color-1);
    padding:6px 0px;
}
    #layer_mt2 a {
        font-size:11pt;
        color: var(--color-text-1);
        }
    #layer_mt2 li {
        width: 330px;
    }
body {
    background-color:var(--color-2);
}
.inputDropdown {
    color:#222222;
}
.inputTextbox {
    color:#222222;
}
#layer_login .inputLogin {
    width:200px;
}
#layer_login .btn_class {
    margin:0px auto;
    width:100px;
}
    #layer_login .btn_class a {
        color:#222222;
    }
#layer_login .layer_buttons {
    margin-top:30px;
}
#layer_login a {
    color:#222222;
    text-decoration:none;
}

#WeEcCarrello #WeCarrelloLista a {
    color:#222222 !important;

}




/******** theme cupertino ******/
/* Component containers ***/
/* header delle tab con il bordo bottom grigio **/
.ui-tabs .ui-tabs-nav  
{
    background:none !important;
    background-color: transparent !important;
    border:none;
    border-bottom:1px solid #cccccc !important;
}
.ui-tabs .ui-tabs-nav li  
{
    border-bottom:0px solid #dddddd !important;
    background-color:#222222;
    color:#ffffff;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled:hover, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover
{
	background-color:transparent;
}
.ui-tabs .ui-tabs-nav li:hover
{
	background-color:#cacce2;
}
.ui-tabs .ui-tabs-nav li a  
{
    color:#ffffff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover
{
	background-color:Transparent;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	border:1px solid #cccccc;
	border-bottom: 2px solid #ffffff !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a
{
    color:#000000;
}
.ui-tabs .ui-tabs-nav li.ui-state-active 
{   
    background-color:#ffffff;
}
.ui-tabs .ui-tabs-panel  
{
    background: #ffffff ;
}
.ui-widget
{
    background-color: #ffffff;
}




















/******************      ******************/


#_wemenuheader {
    width:100%;
    text-align: right;
    position:relative;
}
    #_wemenuheader ul {
        position: absolute;
        right: 20px;
    }
#_wemenuheader li {
    margin:0px 5px;
    text-align:center;
    background-color: #f5f5f5;
    border: 1px solid #eeeeee;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
    float: left;
     list-style-type:none;
     padding:4px 0px;
    width:90px;
}
    #_wemenuheader li a {
        color: #026dbf;
        font-weight:bold;
    }
    #_wemenuheader_links div:last-of-type {
        clear: both;
    }
#_wemenuheader #layer_search {
    margin-top: 20px;
    text-align:right;
}
#_wemenuheader #layer_search .btn_cerca
{
    text-decoration:none;
    font-size:8pt;
	background-color: #026dbf;
    color:#ffffff;
	padding:6px 10px;
	text-align:center;
}
#_wemenuheader #layer_search .btn_iscriviti
{
    text-decoration:none;
    font-size:8pt;
	background-color: red;
    color:#ffffff;
	padding:6px 10px;
	text-align:center;
}

 .inputTextbox {
    height: 22px;
    width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12pt;
    color:#999999;
}

.inputTextbox.inputQuantita {
    height:15px;
    font-size:9pt;
    color:#444444;   
}

#_wecategorie {
    background-color: #dddddd;
    min-height:28px;
}
#_wecategorie li {
    font-weight:normal;
    text-transform:uppercase;
    margin:0px 5px;
    padding:5px 0px;
    list-style-type:none;
    text-align:center;
}
    #_wecategorie li:hover {
        /*background-color: #026dbf;*/
        background-color:#fabb11;
    }
    #_wecategorie li.selected {
        /*background-color: #026dbf;*/
        background-color:#fabb11;
    }
     #_wecategorie li.selected a {
        /*color:#f4f4f4 !important;*/
        font-weight:bold;
    }
#_wenovita b {
    color: #026dbf;
}
#_wenovita img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100px;
}

#WeEcHeaderMenu {
    width:100%;
    position:relative;
}
#WeEcHeaderMenu .divCarrellino {
    position:absolute;
   top:50px;
   right:20px;
}
#WeEcHeaderMenu .divBenvenuto {
    position:absolute;
   top:10px;
   right:20px;
}
.lingue img {
padding:2px;
}
    .lingue img.selected {
    background-color:#d2ddff;
    }
.pdfpromo {
   
    margin: 10px auto;
    text-align: center;
   
}
    .pdfpromo a {
        text-decoration: none;
        color: #026dbf;
    }

.divArticolo .divAcquista {    
    background-color:var(--color-1);
    color:var(--color-text-1);
}

#WeCarrelloLista .inputDisabled {
    border:none !important;
    background:none !important;
}


#WeCarrelloLista .inputQuantita {
     border: 1px solid darkgrey;
}

.inline {
    display:inline;
}

#imgCategorie .selected {
    background: var(--color-1) !important;
    color:var(--color-text-1);
}


.btnInserito {
    background-color:var(--color-2) !important
}

.btnAcquista {
    background-color:var(--color-1) !important
}

#subCategorie span, #categorie span, #sottogruppi span, #gruppi span{
    cursor:pointer;
    background: var(--color-2);
    color: var(--color-text-2);
	padding: 3px;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
}

#sottogruppi .selected, #categorie .selected, #subCategorie .selected, #gruppi .selected {
    background: var(--color-1);
    color:var(--color-text-1);
}