/* File unificato: main.css */
/* Nessuna differenza rilevata tra main.css e main1.css. Entrambi i file sono identici. */
/* Di seguito il CSS unico ottimizzato per login, homepage e pagine informative (About us, ecc.), pronto per essere usato in tutte le pagine. */

* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}

/* Sfondo e container principali */
.v3_2,
.v4_39 {
  width: 100%;
  height: 1080px;
  background: rgba(2,22,48,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* Background decorativi */
.v3_3,
.v4_40 {
  width: 100%;
  height: 100%;
  background: url("../images/v4_40.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 116px;
  left: 373px;
  overflow: hidden;
}

/* Box login centrale */
.v4_63 {
  width: 308px;
  height: 465px;
  background: url("../images/v4_63.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 307px;
  left: 875px;
  overflow: hidden;
}

/* Elementi decorativi login */
.v4_64 {
  width: 155px;
  height: 155px;
  background: url("../images/v4_64.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 74px;
  overflow: hidden;
}
.v4_65 {
  width: 141px;
  height: 141px;
  background: url("../images/v4_65.png");
  opacity: 1;
  position: absolute;
  top: 5px;
  left: 10px;
  border-radius: 50%;
}
.v4_66 {
  width: 95px;
  height: 91px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 17px;
  left: 33px;
  border: 1px solid rgba(255,255,255,1);
}
.v4_67 {
  width: 183px;
  height: 183px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 26px;
  left: 11px;
  overflow: hidden;
}
.v4_68 {
  width: 183px;
  height: 183px;
  background: url("../images/v4_68.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v4_69 {
  width: 183px;
  height: 183px;
  background: url("../images/v4_69.png");
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
}
.v4_70 {
  width: 61px;
  height: 61px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 41px;
  left: 61px;
}
.v4_71 {
  width: 152px;
  height: 152px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 15px;
  left: 15px;
}
.v4_72 {
  width: 155px;
  height: 155px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v4_73 {
  width: 143px;
  height: 143px;
  background: url("../images/v4_73.png");
  opacity: 1;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 7px solid rgba(255,255,255,1);
}

/* Campi username/password */
.v4_74,
.v4_78 {
  width: 308px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  overflow: hidden;
  border-radius: 23px;
  border: 1px solid rgba(255,255,255,1);
}
.v4_74 {
  top: 241px;
  left: 0px;
  background: url("../images/v4_74.png");
}
.v4_78 {
  top: 301px;
  left: 0px;
  background: url("../images/v4_78.png");
}
/* Label username/password */
.v4_77,
.v4_80 {
  color: rgba(255,255,255,0.49);
  font-family: NexaRegular;
  font-size: 24px;
  text-align: center;
  position: absolute;
  left: 52px;
  opacity: 1;
}
.v4_77 {
  width: 120px;
  top: 11px;
}
.v4_80 {
  width: 115px;
  top: 10px;
}
/* Icona password */
.v4_81 {
  width: 20px;
  height: 26px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 9px;
  left: 17px;
}
/* Pulsante Sign In */
.v4_82 {
  width: 308px;
  height: 45px;
  background: url("../images/v4_82.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 385px;
  left: 0px;
  overflow: hidden;
}
.v4_83 {
  width: 308px;
  height: 45px;
  background: rgba(253,90,27,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
  border-bottom-left-radius: 23px;
  border-bottom-right-radius: 23px;
  overflow: hidden;
}
.v4_84 {
  width: 79px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 9px;
  left: 114px;
  font-family: Nexa-Bold;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
/* Ricorda/Password dimenticata */
.v4_85 {
  width: 95px;
  height: 16px;
  background: url("../images/v4_85.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 449px;
  left: 0px;
  overflow: hidden;
}
.v4_86 {
  width: 13px;
  height: 13px;
  background: url("../images/v4_86.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid rgba(255,255,255,1);
  border-radius: 3px;
  overflow: hidden;
}
.v4_87 {
  width: 78px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 16px;
  font-family: NexaRegular;
  font-size: 11px;
  opacity: 1;
  text-align: center;
}
.v4_88 {
  width: 109px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 450px;
  left: 199px;
  font-family: NexaRegular;
  font-size: 11px;
  opacity: 1;
  text-align: center;
}
.v4_89 {
  width: 147px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 163px;
  left: 81px;
  font-family: Nexa-Bold;
  font-size: 45px;
  opacity: 1;
  text-align: center;
}

/* Elementi decorativi comuni */
.v4_42,
.v4_120 {
  width: 96px;
  height: 100px;
  background: url("../images/v4_42.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 42px;
  left: 66px;
  overflow: hidden;
}

/* Titolo brand */
.v4_11,
.v4_44,
.v4_121 {
  width: 296px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 53px;
  left: 184px;
  font-family: Verdana;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.name {
  color: #fff;
}

/* Footer */
.v4_21,
.v4_51,
.v4_123 {
  width: 127px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 1040px;
  left: 960px;
  font-family: Verdana;
  font-size: 12px;
  opacity: 1;
  text-align: left;
}

/* Menù header */
.v4_28,
.v4_52,
.v4_124 {
  width: 100%;
  height: 90px;
  background: url("../images/v4_52.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 28px;
  left: 602px;
  overflow: hidden;
}
.v4_29,
.v4_53,
.v4_125 {
  width: 490px;
  height: 50px;
  background: url("../images/v4_53.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 22px;
  left: 264px;
  overflow: hidden;
}
/* Voci menù */
.v4_30,
.v4_54,
.v4_126 {
  width: 75px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Nexa-Bold;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v4_31,
.v4_55,
.v4_127 {
  width: 111px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 103px;
  font-family: Nexa-Bold;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v4_32,
.v4_56,
.v4_128 {
  width: 90px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 242px;
  font-family: Nexa-Bold;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v4_33,
.v4_57,
.v4_129 {
  width: 130px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 360px;
  font-family: Nexa-Bold;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
/* Pulsante Sign in header */
.v4_34,
.v4_58,
.v4_130 {
  width: 138px;
  height: 44px;
  background: url("../images/v4_58.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 23px;
  left: 1121px;
  overflow: hidden;
}
.v4_35,
.v4_59,
.v4_131 {
  width: 138px;
  height: 43px;
  background: url("../images/v4_59.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 2px solid rgba(3,196,255,1);
  border-radius: 50px;
  overflow: hidden;
}
.v4_36,
.v4_60,
.v4_132 {
  width: 105px;
  color: rgba(3,196,255,1);
  position: absolute;
  top: 1px;
  left: 16px;
  font-family: NexaRegular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}

/* About us big image */
.v4_135 {
  width: 600px;
  height: 600px;
  background: url("../images/v4_135.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 184px;
  left: 1306px;
  overflow: hidden;
}

/* Testo contenuti About us */
.v4_134 {
  width: 100%;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 195px;
  left: 126px;
  font-family: Verdana;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}