@font-face {font-family: 'slim';font-style: normal;font-weight: 400;src: url(/font/slim.woff) format('woff'); }
/* button #2c568d #396fbb*/
.col {color:#2c568d; }
body {transition:opacity 1.5s;opacity:0.1;font-family: 'Arial';margin:0;}
html  {margin:0}

*{ box-sizing:border-box; }

.grid {display: block;position:absolute;height:100%;top:0;left:0;border-image: 2 repeating-linear-gradient(-45deg, white 0, white 0.1em, transparent 0, transparent 0.2em,black 0, black 0.3em, transparent 0, transparent 0.4em)}
.gridv{height:100%;border-right: 1px solid transparent;}
.gridh{width:100%;border-bottom: 1px solid transparent;}




/*New home*/
.nBtnWide {position:relative;display:inline-flex;margin:2vw;width:30vw;height:3vw;border-radius:2vw;align-items: center;justify-content: center;font-size:1.6em ;}
.boxPromo {position:relative;overflow:hidden;display:inline-flex;margin:2vw;width:92vw;height:30vw;border-radius:2vw;align-items: center;justify-content: center;font-size:1.6em ;}
.nBtn {position:relative;vertical-align:top;display:inline-flex;margin:2vw;width:10vw;height:10vw;border-radius:2vw;align-items: center;justify-content: center; ;font-size:1.5vw}
.nBtn:active {;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.5);}
.wide {width:80vw;font-size:2vw}

.nBtn i{font-size:2em;margin-bottom:1vw}
.bdg {border-radius:100px;height:2vw;width:2vw;line-height:2vw;text-align:center;font-size:1vw;position:absolute;top:10px;left:10px;}
.bdg{background:#820;color:white}
.divi1 {  text-align: center;  margin: 3px;  position: relative;}
.divi2 {  padding: 0 10px;  display: flex;  justify-content: center;  position: relative;}
.divi1:before {  content: '';  position: absolute;  top: 50%;  left: 0;  border-top: 1px solid #ddd;  background: black;  width: 100%;  transform: translateY(-50%);}
.divi3{font-size:2vw;background:white;padding:5px;}
/*Promozioni NEWHOME*/
.nprtitle {font-weight:bold}
.nprdesc {font-size:3vw;color:#888}
.nprcent {font-size:5vw;color:#000}

.nBtnBgAdm {background-color:#eee;background:linear-gradient(to bottom, #eee, #fff) !important;color:black;border:1px solid #ccc;box-shadow:0px 0px 10px 2px rgba(90,90,90,0.1)}
.nBtnBgAdm:active {background:linear-gradient(to bottom, #aaa, #ddd) !important;color:white}


.nBtnBg {background-color:#2c568d;background:linear-gradient(to bottom, #2c7cbdb0, #2c8abd20) !important;color:black;border:1px solid #2c568d;box-shadow:0px 0px 10px 2px rgba(30,150,60,0.2)}
.nBtnBgEvid {background-color:#2c568d;background:linear-gradient(to bottom, #2c568d, #0c466d) !important;color:white;border:1px solid #0c466d;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.3)}
.nBtnBg:active {background:linear-gradient(to bottom, #2c568d, #0c466d) !important;color:white}
.toolsrow, .toolsrow A {color:#0c466d;background:#fafafa}



.poi{cursor:pointer;font-size:15px !important;}
a {text-decoration:none;outline:0;font-size:1vw;color:#888;font-weight:normal}
h2    {color:#666;font-family:"Slim";font-size:24px;font-weight:normal;margin-top:5px;}
h3    {color:#666;font-family:"Slim";font-size:18px;font-weight:normal;margin-top:5px;}
.small {font-weight:normal;color:#888;font-size:small}
header    {z-index:10;position:fixed;width:100%;padding-right:10px;height:50px;background:linear-gradient(to left, #444c54, #222a32);line-height:50px;color:white;font-size:16px;text-align:right}
.loginheader {position:relative;width:100%;padding-right:10px;height:50px;background:linear-gradient(to left, #444c54, #222a32);line-height:50px;color:white;font-size:16px;text-align:right}
.headerlogo      {position:absolute;left:10px;top:13px;}
.minilogo {position:absolute;margin:0;left:5px;top:3px;display:none;background:url('img/Logo.png');width:22px;height:24px;background-position:-84px 0}
.thumb:hover {z-index:100  !important;filter: brightness(1) !important}
.thumb {position:relative;border-left:1px solid #ccc;border-right:1px solid #ccc;width:128px;height:72px;vertical-align:middle;background:white;font-size:4px;}

.attiv {background:#ddffdd}

/*LOGIN*/
.loginlogo      {position:absolute;left:10px;top:13px}
.loginBox       {width:450px;height:250px;background:white;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow: 5px 5px 16px 10px rgba(0,0,0,0.3);}
.loginContent   {margin:0 20px 0 20px;}
.loginRow       {display:table-row;width:100%;}
.loginCell      {display:table-cell;height:60px;vertical-align:middle;text-align:left;width:50%;}
.loginR         {font-size:11px;color:var(--header-D)}
.loginErr       {font-size:12px;color:red;font-weight:bold}
.loginRow3      {position:relative;width:100%;height:60px;text-align:left;border-top:1px solid #222;}
.loginbtn       {position:absolute;right:0;bottom:0}

.btn {white-space:nowrap;background-color: #2c568d;background: linear-gradient(#4c73ad, #0c466d) ;border: 1px solid #0c466d; color: white;margin:0;height:32px; font-size: 15px; cursor: pointer;margin-bottom:15px;border-radius:4px}
.btn.v{background: linear-gradient(#4cad73, #0c6d46) ;border: 1px solid #0c6d46;}
.red {background-color: #bd0000;background: linear-gradient(#dd0000, #8d0000) ;border: 1px solid #bd0000;}
.red:hover {background-color: #d03030 !important;}
.btn:hover {background-color: #396fbb;}
.btn:disabled {background: linear-gradient(#bbb, #666) ;border-color:#888;cursor:default}
.domrow {xdisplay:inline-block;xmin-height:60px;}

.ordtr{opacity:0;transition:all 3s}
.orddiv{margin:0;padding:0;max-height:0px;overflow:hidden;transition:all 2s;padding:5px;color:black}


.btn2 {background-color: #2c568d;background: linear-gradient(#4c73ad, #0c466d) ;border: 1px solid #0c466d; color: white;margin:0;min-height:32px;line-height:32px;padding:0 8px; display:inline-block;font-size: 15px; cursor: pointer;margin-bottom:15px;;border-radius:4px}
.btn2:hover {background-color: #396fbb;}
.rou  {border-radius:100px}
button.up       {position:relative;top:-1px}
.inp {border:1px solid #2c568d;height:32px;padding-left:10px;width:30vw;font-size:15px;border-radius: 4px;}

table.list      {width:99%;border-spacing:0}
table.list th   {border-bottom:1px solid #aaa;text-align:center}
table.list td   {padding:0 0.5vw ;border-bottom:1px solid #aaa;text-align:left;line-height:35px;}
table.list .w1  {width:1%;padding-right:10px; text-align:center;white-space:nowrap}
table.list .spuntared {font-size:30px;color:red}
table.list .spuntagreen {font-size:30px;color:green}

tr {transition:all 0.25s}
tr.hi           {background:#fda}
tr.disabled     {;color:#888}
xtr:hover        {filter: brightness(0.9);xbackground:rgba(0,0,0,0.1)}
tr.sep:hover  {background:white}
table.form th   {white-space:nowrap;width:1%;position:relative;background:#eee;text-align:left;height:40px;padding:0 10px}
table.form td   {}
table.form  {width:60%}
form  {display:inline}
.inp1 {transition:0.5s;width:250px;border:1px solid #ddd;background: linear-gradient(#fff, #eee);font-size:14px;font-family:Arial;height:40px}

.notifica       {animation:notifica 6s forwards;background:#4f8;padding:5px 20px;}
@keyframes notifica{0%{opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{opacity:0}}


xxxxxxxxxxxxxx.ic24           {width:24px;height:24px}
.icon           {vertical-align:middle;margin:0 5px 0 15px;width:24px;height:24px}

.menBtn         {display:none}   
.container      { z-index:100000;width:1920px;float:left;position:relative;left:50%;margin-left:-960px;background:#fff; }

/*HOME*/
.box1  {border:1px solid #ccc;border-radius:2px;overflow:scroll;padding:0;xdisplay:inline-block;xfloat:left;margin:10px}
.boxhead  {background:#ddd;color:#666;font-family:"Slim";font-size:18px;font-weight:normal;line-height:30px;padding:5px}
.boxin {margin:5px}
.boxin a {font-size:14px;}
.boxin table {border-collapse: collapse;width:100%;xtable-layout:fixed}
.boxin th {font-size:14px;color:#444;text-align:center}
.boxin td {font-size:12px;color:#666;padding:7px 15px;border-bottom:1px solid #ddd}
.boxin .w1  {width:1%;padding-right:10px; text-align:center;white-space:nowrap}
.btnh   {height:20px;margin:0;font-size:12px}
.ordred  {color:red;font-size:16px;text-shadow: 0px 0px 3px rgba(255,0,0,0.3)}
.ordgreen  {color:green;font-size:16px;text-shadow: 0px 0px 5px rgba(0,255,0,0.3)}
.ordpurp  {color:purple;font-size:16px;text-shadow: 0px 0px 5px rgba(255,0,255,0.3)}
.ordorange  {color:orange;font-size:16px;text-shadow: 0px 0px 5px rgba(255,255,0,0.3)}
.graph  {height:40vh;}
/*POPUP*/
#popupcont      {display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,0.7);z-index:1000000;}
.cell           {display:table-cell;vertical-align:middle;}
.box            {position:relative;box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);background:white;margin-left:auto;margin-right:auto;width:50vw;height:50vh;}
.pop            {width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:15px;}
.tit            {position:absolute;top:0px;left:0;width:100%;font-size:16px;line-height:30px;text-align:center;color:white;background:#222a32}
.close          {position:absolute;top:5px;right:20px;color:red;cursor:pointer;}
.popcont        {border:2px solid transparent;font-size:12px;color:red;margin-bottom:5vh;text-align:center;display:inline-block}
.popcont:hover  {border:2px solid #2c568d;}
.poplink        {font-size:15px;color:#888}
.popbanner      {width:100%;border:2px solid white}
.popcontcat     {width:19%}
.popgadicon     {width:7%}

/* MENU */
nav             {z-index:15;position:fixed;top:50px;text-align:center;width:200px;margin-right:10px;background:#222a32;height:100vh;color:white }
nav .main       {transition:all 0.5s;cursor:pointer;line-height:40px;background:#333b43;margin-bottom:1px;position:relative;font-size:14px; text-transform: uppercase;max-height:40px;overflow:hidden}
nav .main:hover {height:auto;background:#444c54}
nav .ic         {position:absolute;left:10px;top:8px;font-size:24px}
nav .ud         {position:absolute;right:10px;top:12px;width:16px;height:16px}
nav .sub        {padding-left:35px;text-transform:none;text-align:left;line-height:30px;background:#444c54;xbackground:linear-gradient(#444c54, #48505c);margin-bottom:1px;position:relative;font-size:13px}
nav .off       {color:#888;cursor:default}
nav .sub:hover .ics {color:#2c568d}
nav .sub:hover  {background-color:#555d65; }
nav .off:hover  {background:#444c54}
nav .off:hover .ics {color:red}

nav .ics        {position:absolute;left:10px;top:6px;font-size:16px;}
nav .sep        {height:1px;border-bottom:2px dotted grey;margin-left:10%;margin-right:10%;margin-bottom:1px;font-size:0;}
footer          {width:100%; float:left;background:linear-gradient(to left, #444c54, #222a32);color:#fff;text-align:right;height:30px;line-height:30px;padding-right:10px; }
   
.tools          {display:none}
main            {transition:opacity:0.3s;position:absolute;top:50px;left:200px;right:0;text-align:left;padding:0 10px;background:white;}
.fisso          {position:fixed;background:white;top:50px;right:0;left:200px;padding-left:10px;z-index:10}
.scroll         {margin-left:0;margin-top:100px}

.btnTestata     {padding:0 10px;color:white;text-align:left}
.btnTestata  i  {font-size:20px}
.seldomc        {border:1px solid #555d65;border-radius: 4px;text-align:left;}
.seldom1       {border:none;cursor:pointer;-webkit-appearance: none;-moz-appearance: none;font-size:16px; color:white;background:transparent;}
.seldom1::-ms-expand {display: none;}
.seldom2       {height:20px;margin:10px 0; color:white;background:#444c54; border:none}
.seldom3       {white-space:nowrap;border: 1px solid #2c568d; color: black;margin:0;height:32px; font-size: 15px; cursor: pointer;}
.seldom3       {-webkit-appearance: none;-moz-appearance: none;padding-right:30px;
                 background-image:linear-gradient(45deg, transparent 50%, white 50%),linear-gradient(135deg, white 50%, transparent 50%),linear-gradient(to right, #2c568d, #2c568d);
                 background-position:calc(100% - 15px) 12px,calc(100% - 10px) 12px,100% 0;
                 background-size:5px 5px,5px 5px,30px 30px;
                 background-repeat: no-repeat;
                }
.seldom3::-ms-expand {display: none;}
.ck3           {white-space:nowrap;border:1px solid #2c568d; vertical-align:middle;color: #2c568d;height:32px; font-size: 12px; cursor: pointer;display:inline-block;line-height:32px;padding:0 4px;width:140px;text-align:left;overflow:hidden;text-overflow:ellipsis}


p             {display:inline}

.line          {width:100%;height:1px;border-bottom:1px dotted grey}
/*categorie*/
.cat1 ,.cat2    {height:80px;}
.cat3 ,.cat4    {height:200px;z-index:0}

/*GADGETS*/
.gad1           {height:250px;}
.gad2           {height:50px;}

/*PARAMETRI*/
.logo           {height:80px;}
.cent           {height:250px;}

/*COLORI*/
.inp4          {width:80px;text-align:center}


/*PRODOTTO*/
.fcont          {position:relative;background:url(/img/back.jpg);width:377px;height:372px;overflow:hidden;display:inline-block;}
.fprod          {position:absolute;top:0;left:0;cursor:pointer;width:240px;height:320px;margin-left:70px;}
.fhori          {position:absolute;top:0;left:0;width:100%;height:188px;border-bottom:1px dashed white;cursor:pointer;}
.fvert          {position:absolute;top:0;left:0;width:189px;height:100%;border-right:1px dashed white;cursor:pointer;}
.fshif          {text-align:center;display:inline-block;height:320px;width:50px;}
.frang          {height:240px;writing-mode: bt-lr;-webkit-appearance: slider-vertical;}

.sm            {font-size:9px;color:#2c568d;text-align:center;float:left;margin-right:1vw;}
.inp2          {width:60px;text-align:center}
.txt1           {width:500px;height:150px}
.sel1           {width:120px;}
.ck1            {border:1px solid #ddd;background: linear-gradient(#fff, #eee);font-size:14px;font-family:Arial;line-height:40px;margin-right:1vw;padding:0 0px;width:240px;float:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.cnt            {font-size:9px;color:#2c568d;min-width:50px;text-align:center;display:inline-block;}
.inp3            {width:100%}
.txt2           {width:100%;height:250px}
.nw             {font-size:12px;color:#2c568d;white-space:nowrap;padding:10px;}


/*UPLOAD IMMAGINI*/
.fman1          {height:48px;cursor:pointer}
.fman2          {font-size:24px;color:#2c568d}
.fman3          {font-size:32px;color:#ca0;cursor:pointer;}
.fman4          {font-size:22px;}

@media only screen and (max-width: 1920px) {
.container {width:100%;margin:0;left:0;background:white}

}

@media only screen and (max-width: 1000px) {
    .tools {display:table;table-layout: fixed;z-index:100;position:fixed;width:100%;bottom:0px;height:40px;height:16vw}
    .toolsrow  {display:table-row; }
    .tools .bt {xborder-left:1px dotted red;display:table-cell;vertical-align:middle;text-align:center;width:2%;height:40px;height:16vw;margin:0;font-size:8px;font-size:2.6vw;}
    .tools .bt i {font-size:14px;font-size:6vw}


.headerlogo {display:none}
.minilogo {display:block;}
/*categorie*/
.cat1 ,.cat2    {height:50px;}
.cat4           {width:95%;height:auto}
main         {position:relative;left:0;text-align:left;padding:0 10px;margin-left:0;top:30px;margin-top:0px;xborder:1px dotted green}
.fisso      {position:relative;top:0px;left:0;height:auto;xborder:1px dotted red;margin:0}
.scroll     {margin:0}

header          {position:fixed;top:0;left:0;padding-right:10px;height:30px;line-height:30px;font-size:2vw;z-index:50;}
article         {text-align:justify;padding:35px 10px}

nav             {position:fixed;top:30px;left:0;width:100%;float:none;height:auto;display:none}
.icon           {margin:0 1vw 0 3vw;width:20px;height:20px}
.menBtn         {display:inline-block}

.headerlogo      {position:absolute;left:5px;top:5px;height:20px}

/*PRODOTTI*/
.inp3           {height:60px}


footer          {font-size:2.5vw }

}


@media only screen and (max-width: 550px) {

main {margin-bottom:50px}
 /*New home*/
 .nBtnWide {position:relative;display:inline-flex;margin:2vw;width:80vw;height:10vw;border-radius:2vw;align-items: center;justify-content: center;font-size:1.6em ;}
 .boxPromo {position:relative;overflow:hidden;display:inline-flex;margin:2vw;width:92vw;height:30vw;border-radius:2vw;align-items: center;justify-content: center;font-size:1.6em ;}
 .nBtn {position:relative;text-align:center;vertical-align:top;display:inline-flex;margin:4vw;width:20vw;height:20vw;border-radius:2vw;align-items: center;justify-content: center; font-size:3vw;}
 .nbtn2{width:80vw;font-size:5vw}
 .nBtn:active {;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.5);}
 .nBtn i{font-size:2em;margin-bottom:1vw}
 .wide{width:80vw;font-size:4vw;padding-top:2vw}
 .bdg {border-radius:100px;height:16px;width:16px;line-height:16px;text-align:center;font-size:10px;position:absolute;top:1px;left:1px;}
 .bdg{background:#820;color:white}
 .divi1 {  text-align: center;  margin: 3px;  position: relative;}
 .divi2 {  padding: 0 10px;  display: flex;  justify-content: center;  position: relative;}
 .divi1:before {  content: '';  position: absolute;  top: 50%;  left: 0;  border-top: 1px solid #ddd;  background: black;  width: 100%;  transform: translateY(-50%);}
 .divi3{font-size:18px;background:white;padding:5px;}


h2          {font-size:4vw;}
h3          {font-size:3vw;}
.btnTestata     {padding:0 1vw}
.btnTestata  i  {font-size:3vw}

.poi {display:none !important}
/*HOME*/
.box1  {margin:0;width:95vw;}
.boxhead  {font-size:16px;line-height:20px;padding:2px}
.boxin {margin:0px;position:relative}
.boxin a {font-size:14px;}
.boxin table {width:auto}
.boxin th {font-size:14px;color:#444;text-align:center}
.boxin td {font-size:12px;color:#666;padding:7px 15px;border-bottom:1px solid #ddd}
.boxin .w1  {width:1%;padding-right:10px; text-align:center;white-space:nowrap}
.btnh   {height:20px;margin:0;font-size:12px}
.ordred  {color:red;font-size:16px;text-shadow: 0px 0px 3px rgba(255,0,0,0.3)}
.ordgreen  {color:green;font-size:16px;text-shadow: 0px 0px 5px rgba(0,255,0,0.3)}
.ordorange  {color:orange;font-size:16px;text-shadow: 0px 0px 5px rgba(255,255,0,0.3)}
.graph  {min-height:250px;}
.cover{position:absolute;top:0;left:0;width:100%;height:100%;}


/*POPUP*/
.box            {width:100vw;height:100vh}
.poplink        {font-size:3vw}
.popbanner      {width:100%;border:2px solid white}
.popcontcat     {width:49%}
.popgadicon     {width:19%}

/*categorie*/
.cat1 ,.cat2   {height:30px;max-width:100px;}


/*PRODOTTO*/
.fcont ,.fprod   {width:180px;height:240px;}
.fhori          {height:119px}
.fvert          {width:89px;}
.fshif          {height:240px;width:10vw;}
.frang          {height:180px;}

.sm            {margin-right:1vw;}
.inp1          {font-size:3vw;height:30px;width:80%}
.inp2          {width:15vw;font-size:3vw;}
.txt1           {width:100%;height:150px}
.sel1           {width:auto;font-size:3vw}
.ck1           {font-size:3vw;line-height:30px;margin:5px 5px}
.inp3           {height:60px}
.txt2           {width:100%;height:150px}



th              {font-size:2.5vw;}
td              {font-size:2vw;}
.btn {height:25px; font-size: 2.7vw}
.seldom3       {height:25px; font-size: 3vw}
.seldom3       {-webkit-appearance: none;-moz-appearance: none;padding-right:30px;
                 background-position:calc(100% - 12px) 10px,calc(100% - 7px) 10px,100% 0;
                 background-size:5px 5px,5px 5px,25px 25px;
                 }
.seldom4       {height:25px; font-size: 4vw}
.ck3        {line-height:25px;}

button.up       {position:relative;top:-1px}
.inp {font-size:3vw;height:25px;}

table.form    {width:100%}
table.form th   {white-space:normal}

table.list td   {line-height:normal}
.seldom1    {text-align:center;font-size:2vw;}
p           {display:none}
.seldom1 option{padding:0;margin:0}

.logincontent{text-align:center;margin:20px}
.loginBox     {width:300px;height:350px;background:white;margin-left:auto;margin-right:auto;}
.logincell {display:inline-block;text-align:center;width:100%;height:40px;line-height:40px}
.loginRow3    {height:80px;padding-top:20px;}
.loginbox {width:250px;font-size:24px;}
}


/*Tabella Form*/
.form .td{width:50%;}
.form .inp1{width:100%}
.form textarea{height:100px !important}
.form .c{text-align:center !important;background:linear-gradient(#4c73ad, #0c466d) !important;color:white;height:48px}
.form .c2{background:linear-gradient(#4cad73, #0c6d46) !important;}
.form .e{background:white;border:0px;color:white}
.form td{position:relative}
.it{background-color:white;background: url('/img/flagit.svg');background-size:cover}
.en{background-color:white;background: url('/img/flagen.svg');background-size:cover}
.form .s{width:10%;font-size:1.2em}
.form .d{text-align:right}
.form input[type='checkbox'] {width:20px}
.form input[type='range'] {width:95%}
.form .i1{width:200px;height:300px;border-radius:0.3vw;}
.form .i2{width:800px;height:400px;border-radius:0.3vw;}
.form .i3{width:500px;height:650px;border-radius:0.3vw;}
.form .i4{cursor:pointer;width:125px;height:100px;border-radius:0.3vw;}
.form .i5{cursor:pointer;width:75px;height:100px;border-radius:0.3vw;}
.form .i6{cursor:pointer;width:125px;height:auto;border-radius:0.3vw;}
.form .i7{width:200px;height:360px;border-radius:0.3vw;}
.form .i8{width:866px;height:360px;border-radius:0.3vw;}
.form .i9{width:350px;height:230px;border-radius:0.3vw;}
.form .i10{width:230px;height:230px;border-radius:0.3vw;}
.form .i11{width:470px;height:230px;border-radius:0.3vw;}
input[type=file]::file-selector-button {display: none;}
input[type=file]{display:none}
.fdel{color:red;position:absolute;right:1vw;top:0.5vw;cursor:pointer;}
.form label{padding:10px;margin:0.2vw 0;border-radius:100px;width:9vw;display:inline-block;background:#ccc}
.sml{font-size:0.7em;color:red;font-weight:normal}
x{font-size:0.7em;color:red;font-weight:normal;margin-left:10px;padding-bottom:5px;position:absolute;top:3px;right:3px}
.coord{width:50px !important}
.usato{background:#faa}