/* =========================================================
 SETĂRI GENERALE
 ========================================================= */


 
:root {
 --site-width: 980px;
 --sidebar-width: 250px;
 --main-width: 716px;
 --layout-gap: 14px;

 --background: #050607;
 --panel: #111419;
 --panel-light: #171b21;

 --gold: #d4af37;
 --gold-light: #f5d66f;
 --gold-dark: #8b6818;

 --text: #f6f6f6;
 --text-soft: #c3c7cd;
 --text-muted: #858b94;

 --border: rgba(255, 255, 255, 0.08);
 --gold-border: rgba(212, 175, 55, 0.40);

 --radius: 14px;
 --radius-large: 18px;

 --shadow: 0 16px 38px rgba(0, 0, 0, 0.42);
}

*,
*::before,
*::after {
 box-sizing: border-box;
}

html {
 width: 100%;
 min-width: 0;
 overflow-x: hidden;

 background: var(--background);

 -webkit-text-size-adjust: 100%;
 text-size-adjust: 100%;
}

body {
 width: 100%;
 min-width: 0;
 min-height: 100vh;

 margin: 0;
 padding: 0;

 overflow-x: hidden;

 color: var(--text);

 background:
 radial-gradient(
 circle at 50% -160px,
 rgba(212, 175, 55, 0.10),
 transparent 450px
 ),
 linear-gradient(
 180deg,
 #090a0b 0,
 #050607 430px,
 #040506 100%
 );

 font-family:
 Inter,
 "Segoe UI",
 Roboto,
 Arial,
 Helvetica,
 sans-serif;

 font-size: 14px;
 line-height: 1.55;
}

img {
 max-width: 100%;
 height: auto;
 border: 0;
}

iframe,
video,
embed,
object {
 display: block;
 max-width: 100%;
 border: 0;
}

table {
 max-width: 100%;
}

input,
textarea,
select,
button {
 max-width: 100%;
 font: inherit;
}

a {
 color: var(--gold-light);
 text-decoration: none;

 transition:
 color 0.2s ease,
 border-color 0.2s ease,
 background-color 0.2s ease,
 transform 0.2s ease;
}

a:hover {
 color: #ffffff;
}

::selection {
 color: #080808;
 background: var(--gold);
}

/* =========================================================
 SCROLLBAR
 ========================================================= */

* {
 scrollbar-width: thin;
 scrollbar-color: var(--gold-dark) #101216;
}

*::-webkit-scrollbar {
 width: 9px;
 height: 9px;
}

*::-webkit-scrollbar-track {
 background: #101216;
}

*::-webkit-scrollbar-thumb {
 border: 2px solid #101216;
 border-radius: 20px;
 background: var(--gold-dark);
}

*::-webkit-scrollbar-thumb:hover {
 background: var(--gold);
}

/* =========================================================
 HEADERUL EXISTENT

 Nu primește chenar, fundal sau container vizibil.
 ========================================================= */

.site-header {
 display: block;

 width: 100%;
 min-width: 0;

 margin: 18px 0 0;
 padding: 0;

 border: 0;
 background: transparent;
 box-shadow: none;
}

.site-header > table,
.site-header > div {
 max-width: 980px;
 margin-right: auto !important;
 margin-left: auto !important;
}

.site-header img {
 max-width: 100%;
 height: auto;
}

/* =========================================================
 ZONA PRINCIPALĂ — 980PX
 ========================================================= */

.site-content {
 width: min(980px, calc(100% - 20px));
 min-width: 0;

 margin: 18px auto 34px;
 padding: 0;
}

.site-layout {
 display: flex;
 align-items: flex-start;
 justify-content: center;

 gap: 14px;

 width: 100%;
 min-width: 0;
}

/* =========================================================
 MENIUL DIN STÂNGA — 250PX
 ========================================================= */

.site-sidebar {
 flex: 0 0 250px;

 width: 250px;
 min-width: 0;
 max-width: 250px;

 margin: 0;
 padding: 0;
}

#sidebar {
 width: 100%;
 min-width: 0;
}

#sidebar img {
 max-width: 100% !important;
 height: auto !important;
}

#sidebar table {
 max-width: 100% !important;
}

/* Blocurile principale din sidebar */

#sidebar > table {
 width: 100% !important;

 margin: 0 0 14px !important;

 overflow: hidden;

 border: 1px solid var(--border) !important;
 border-radius: var(--radius) !important;

 background: var(--panel) !important;

 box-shadow: var(--shadow);
}

#sidebar > table:last-child {
 margin-bottom: 0 !important;
}

/* Tabelele interioare nu primesc card separat */

#sidebar > table table {
 width: 100% !important;

 margin: 0 !important;

 border: 0 !important;
 border-radius: 0 !important;

 background: transparent !important;

 box-shadow: none !important;
}

#sidebar td {
 max-width: 100% !important;
}

/* Titlurile blocurilor */

#sidebar td.style4 {
 min-height: 48px !important;
 padding: 12px 15px !important;

 color: var(--gold-light) !important;

 border-bottom: 1px solid var(--gold-border) !important;

 background-color: var(--panel-light) !important;
 background-image:
 linear-gradient(
 135deg,
 rgba(212, 175, 55, 0.20),
 rgba(255, 255, 255, 0.025)
 ) !important;

 font-size: 14px;
 font-weight: 800;
 letter-spacing: 0.25px;
 text-align: left;
 text-transform: uppercase;
}

#sidebar .style1,
#sidebar .style2 {
 color: var(--text-soft) !important;
}

#sidebar .style3 {
 color: var(--gold-light) !important;
}

/* Liste și linkuri */

#sidebar ul {
 margin: 0;
 padding: 7px;

 list-style: none;
}

#sidebar li {
 margin: 2px 0;
 padding: 0;
}

#sidebar li a {
 display: flex;
 align-items: center;

 min-height: 40px;
 padding: 9px 11px;

 color: var(--text-soft);

 border: 1px solid transparent;
 border-radius: 8px;
}

#sidebar li a:hover {
 color: #ffffff;

 border-color: rgba(212, 175, 55, 0.22);
 background: rgba(212, 175, 55, 0.09);

 transform: translateX(2px);
}

/* Câmpurile și butoanele din sidebar */

#sidebar input[type="text"],
#sidebar input[type="password"],
#sidebar input[type="email"],
#sidebar input[type="search"],
#sidebar textarea,
#sidebar select {
 width: 100% !important;
 min-height: 40px;

 margin: 5px 0;
 padding: 9px 11px;

 color: var(--text);

 border: 1px solid var(--border);
 border-radius: 8px;
 outline: none;

 background: #080a0d;
}

#sidebar textarea {
 min-height: 90px;
 resize: vertical;
}

#sidebar input:focus,
#sidebar textarea:focus,
#sidebar select:focus {
 border-color: var(--gold);

 box-shadow:
 0 0 0 3px rgba(212, 175, 55, 0.10);
}

#sidebar input[type="submit"],
#sidebar input[type="button"],
#sidebar button {
 min-height: 40px;
 padding: 8px 14px;

 color: #080808 !important;

 border: 1px solid var(--gold-light);
 border-radius: 8px;

 background:
 linear-gradient(
 135deg,
 var(--gold-light),
 var(--gold)
 );

 font-weight: 800;
 cursor: pointer;
}

#sidebar input[type="submit"]:hover,
#sidebar input[type="button"]:hover,
#sidebar button:hover {
 filter: brightness(1.08);
 transform: translateY(-1px);
}

/* =========================================================
 CONȚINUTUL CU FILME — 716PX
 ========================================================= */

.site-main {
 flex: 0 1 716px;

 width: 716px;
 min-width: 0;
 max-width: 716px;

 margin: 0;
 padding: 0;
}

.content-card {
 position: relative;

 width: 100%;
 min-width: 0;
 overflow: hidden;

 border: 1px solid var(--border);
 border-radius: var(--radius-large);

 background:
 linear-gradient(
 180deg,
 rgba(22, 26, 32, 0.98),
 rgba(10, 12, 16, 0.99)
 );

 box-shadow: var(--shadow);
}

.content-card::before {
 content: "";

 position: absolute;
 top: 0;
 right: 0;
 left: 0;

 height: 3px;

 background:
 linear-gradient(
 90deg,
 transparent,
 var(--gold),
 var(--gold-light),
 var(--gold),
 transparent
 );
}

/* Bara cu Adaugă film */

.content-toolbar {
 display: flex;
 align-items: center;
 justify-content: flex-end;

 min-height: 58px;
 padding: 10px 15px;

 border-bottom: 1px solid var(--border);

 background:
 linear-gradient(
 180deg,
 rgba(255, 255, 255, 0.035),
 transparent
 );
}

.add-movie-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;

 gap: 7px;

 min-height: 40px;
 padding: 8px 17px;

 color: #080808 !important;

 border: 1px solid var(--gold-light);
 border-radius: 50px;

 background:
 linear-gradient(
 135deg,
 var(--gold-light),
 var(--gold)
 );

 font-size: 13px;
 font-weight: 900;

 box-shadow:
 0 8px 24px rgba(212, 175, 55, 0.14);
}

.add-movie-button::before {
 content: "+";

 font-size: 20px;
 font-weight: 400;
 line-height: 1;
}

.add-movie-button:hover {
 color: #000000 !important;

 filter: brightness(1.08);
 transform: translateY(-1px);
}

/* Aici uCoz introduce filmele */

.content-output {
 width: 100%;
 min-width: 0;

 padding: 16px;

 color: var(--text-soft);

 overflow-wrap: anywhere;
}

.content-output img {
 max-width: 100% !important;
 height: auto !important;
}

.content-output iframe,
.content-output video,
.content-output embed,
.content-output object {
 max-width: 100% !important;

 border-radius: 10px;
 background: #000000;
}

.content-output table {
 max-width: 100% !important;
}

.content-output h1,
.content-output h2,
.content-output h3,
.content-output h4 {
 color: var(--text);
 line-height: 1.25;
}

.content-output p {
 color: var(--text-soft);
}

/* Formulare din conținut */

.content-output input[type="text"],
.content-output input[type="password"],
.content-output input[type="email"],
.content-output input[type="search"],
.content-output textarea,
.content-output select {
 min-height: 42px;
 padding: 10px 12px;

 color: var(--text);

 border: 1px solid var(--border);
 border-radius: 8px;
 outline: none;

 background: #080a0d;
}

.content-output input:focus,
.content-output textarea:focus,
.content-output select:focus {
 border-color: var(--gold);

 box-shadow:
 0 0 0 3px rgba(212, 175, 55, 0.10);
}

.content-output input[type="submit"],
.content-output input[type="button"],
.content-output button {
 min-height: 40px;
 padding: 8px 16px;

 color: #080808;

 border: 1px solid var(--gold-light);
 border-radius: 8px;

 background:
 linear-gradient(
 135deg,
 var(--gold-light),
 var(--gold)
 );

 font-weight: 800;
 cursor: pointer;
}

#blockiframemess {
 max-width: 100%;

 border: 1px solid var(--gold-border);
 border-radius: 8px;
}

/* =========================================================
   PAGINARE PREMIUM – CORECȚIE UCOZ
========================================================= */

.pagination-card {
  width: 100%;
  min-width: 0;
  margin-top: 16px;
  padding: 12px;

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(255, 187, 58, 0.08),
      transparent 45%
    ),
    rgba(12, 14, 17, 0.96);

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;

  box-shadow:
    0 14px 35px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);

  overflow: hidden;
}

.paging-wrapper-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  width: 100%;
  min-width: 0;
  gap: 7px;
  margin: 0;
  padding: 0;

  color: #aeb0b5;
  font-size: 13px;
  line-height: 1;
  text-align: center;
}

/* Containerul generat automat de uCoz */
.paging-wrapper-bottom .pagesBlockuz1,
.paging-wrapper-bottom .pagesBlockuz2,
.paging-wrapper-bottom .pagesBlockuz {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 7px;
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Butoanele paginării */
.paging-wrapper-bottom a,
.paging-wrapper-bottom .swchItem,
.paging-wrapper-bottom .swchItemA,
.paging-wrapper-bottom b {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: auto !important;
  min-width: 42px !important;
  max-width: none !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 7px 12px !important;

  color: #b9bbc1 !important;
  font-family: inherit;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-decoration: none !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.045),
      rgba(255, 255, 255, 0.015)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 9px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 5px 12px rgba(0, 0, 0, 0.15) !important;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

/* Elimină butonul dublu produs de span-ul interior */
.paging-wrapper-bottom a span,
.paging-wrapper-bottom b span,
.paging-wrapper-bottom .swchItem span,
.paging-wrapper-bottom .swchItemA span {
  display: inline !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Pagina selectată */
.paging-wrapper-bottom .swchItemA,
.paging-wrapper-bottom b {
  color: #17130a !important;

  background:
    linear-gradient(
      145deg,
      #ffe58a,
      #ffc550 55%,
      #f2a137
    ) !important;

  border-color: rgba(255, 214, 111, 0.85) !important;

  box-shadow:
    0 7px 18px rgba(255, 174, 39, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

/* Hover numai pe paginile care sunt linkuri */
.paging-wrapper-bottom a:hover,
.paging-wrapper-bottom .swchItem:hover {
  color: #17130a !important;

  background:
    linear-gradient(
      145deg,
      #ffe58a,
      #ffb83f
    ) !important;

  border-color: #ffc34f !important;

  box-shadow:
    0 8px 20px rgba(255, 174, 39, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* Separatorul cu puncte */
.paging-wrapper-bottom a[href="javascript://"],
.paging-wrapper-bottom .swchItemDots {
  min-width: 36px !important;
  color: #777a80 !important;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.018) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

/* Telefon */
@media screen and (max-width: 600px) {
  .pagination-card {
    padding: 9px;
    border-radius: 13px;
  }

  .paging-wrapper-bottom {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 6px;

    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 1px 7px;

    scrollbar-width: thin;
    scrollbar-color: #d89d35 rgba(255, 255, 255, 0.04);
    -webkit-overflow-scrolling: touch;
  }

  .paging-wrapper-bottom .pagesBlockuz1,
  .paging-wrapper-bottom .pagesBlockuz2,
  .paging-wrapper-bottom .pagesBlockuz {
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex: 0 0 auto;
  }

  .paging-wrapper-bottom a,
  .paging-wrapper-bottom .swchItem,
  .paging-wrapper-bottom .swchItemA,
  .paging-wrapper-bottom b {
    flex: 0 0 auto;
    min-width: 39px !important;
    min-height: 36px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
 FOOTERUL EXISTENT
 ========================================================= */

.site-footer {
 display: block;

 width: 100%;
 min-width: 0;

 margin: 0;
 padding: 0;

 border: 0;
 background: transparent;
 box-shadow: none;
}

.site-footer > table,
.site-footer > div {
 max-width: 980px;

 margin-right: auto !important;
 margin-left: auto !important;
}

.site-footer img {
 max-width: 100%;
 height: auto;
}

/* =========================================================
 TABLETĂ
 ========================================================= */

@media screen and (max-width: 1000px) {
 .site-header {
 margin-top: 10px;
 }

 .site-header > table,
 .site-header > div {
 width: calc(100% - 20px) !important;
 max-width: 980px !important;
 }

 .site-content {
 width: calc(100% - 20px);
 margin-top: 14px;
 }

 .site-layout {
 display: grid;

 grid-template-columns:
 240px
 minmax(0, 1fr);

 gap: 12px;
 }

 .site-sidebar {
 width: 240px;
 max-width: 240px;
 }

 .site-main {
 width: 100%;
 max-width: none;
 }
}

/* =========================================================
 MOBIL
 ========================================================= */

@media screen and (max-width: 720px) {
 .site-header {
 margin-top: 5px;
 }

 .site-header > table,
 .site-header > div {
 width: calc(100% - 8px) !important;
 max-width: none !important;
 }

 .site-content {
 width: calc(100% - 8px);

 margin-top: 9px;
 margin-bottom: 18px;
 }

 .site-layout {
 display: flex;
 flex-direction: column;

 gap: 11px;
 }

 /*
 Filmele apar primele pe telefon.
 Meniul și contul apar după filme.
 */

 .site-main {
 order: 1;

 width: 100%;
 max-width: none;
 }

 .site-sidebar {
 order: 2;

 width: 100%;
 max-width: none;
 }

 .content-card {
 border-radius: 13px;
 }

 .content-toolbar {
 min-height: 52px;
 padding: 8px 10px;
 }

 .add-movie-button {
 width: 100%;
 }

 .content-output {
 padding: 10px;

 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 }

 #sidebar > table {
 margin-bottom: 10px !important;
 }

 .site-footer > table,
 .site-footer > div {
 width: calc(100% - 8px) !important;
 max-width: none !important;
 }
}

@media screen and (max-width: 420px) {
 .content-output {
 padding: 8px;
 }

 .paging-wrapper-bottom a,
 .paging-wrapper-bottom span {
 min-width: 35px;
 min-height: 35px;

 padding: 5px 8px;
 }
}

/* =========================================================
 ACCESIBILITATE
 ========================================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
 outline: 2px solid var(--gold-light);
 outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
 *,
 *::before,
 *::after {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 }
}
 /* =========================================================
 FUNDALUL ORIGINAL FILMEHDON
 ========================================================= */

html {
 background-color: #000000;
}

body {
 margin: 0;
 padding: 0;

 color: #beb89e;
 background-color: #000000;
 background-image: url("https://vezihd.ro/cr3ative/VHD/background.jpg");
 background-repeat: no-repeat;
 background-position: top center;
 background-attachment: fixed;

 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
}

/*
 Pe telefoane background-attachment: fixed poate merge greu
 în unele browsere. Imaginea rămâne, dar se derulează normal.
*/

@media screen and (max-width: 720px) {
 body {
 background-color: #000000;
 background-image: url("https://vezihd.ro/cr3ative/VHD/background.jpg");
 background-repeat: no-repeat;
 background-position: top center;
 background-attachment: scroll;
 }
}

/* =========================================================
 GRUPURI UTILIZATORI
 ========================================================= */

a[class^="group"]:link,
a[class^="group"]:visited,
.userBirthdayLink:link,
.userBirthdayLink:visited {
 display: inline-block;

 padding: 3px 4px;

 font-size: 13px;
 line-height: 22px;
 text-decoration: none !important;

 border-radius: 4px;
}

a[class^="group"]:hover,
.userBirthdayLink:hover {
 text-decoration: none !important;

 box-shadow:
 0 1px 3px rgba(0, 0, 0, 0.30);
}

.forumOnlineBar a[class^="group"]:link,
.forumOnlineBar a[class^="group"]:visited {
 line-height: normal;
}

/* Utilizatori obișnuiți */

a.groupUser:link,
a.groupUser:visited,
.userBirthdayLink:link,
.userBirthdayLink:visited {
 color: #2a6f92 !important;
}

a.groupUser:hover,
.userBirthdayLink:hover {
 color: #11567a !important;
 background-color: #ebf2f2;
}

/* Moderatori */

a.groupModer:link,
a.groupModer:visited {
 padding-left: 18px;

 color: #1ab11e !important;

 background-image:
 url("/cr3ative/VHD/img/moderator.png");
 background-repeat: no-repeat;
 background-position: 2px center;
}

a.groupModer:hover {
 color: #ffffff !important;

 background-color: #1ab11e;
 background-image:
 url("/cr3ative/VHD/img/moderator.png");
 background-repeat: no-repeat;
 background-position: 3px center;
}

/* Utilizatori verificați */

a.groupVerify:link,
a.groupVerify:visited {
 color: #b844d1 !important;
}

a.groupVerify:hover {
 color: #ffffff !important;
 background-color: #991199;
}

/* Administratori */

a.groupAdmin:link,
a.groupAdmin:visited {
 padding-left: 18px;

 color: #ff3c22 !important;

 background-image:
 url("https://vezihd.ro/cr3ative/VHD/img/admin.png");
 background-repeat: no-repeat;
 background-position: 2px center;
}

a.groupAdmin:hover {
 color: #ffffff !important;

 background-color: #ff2400;
 background-image:
 url("https://vezihd.ro/cr3ative/VHD/img/admin.png");
 background-repeat: no-repeat;
 background-position: 3px center;
}

/* Super-utilizatori */

a.groupOther1:link,
a.groupOther1:visited {
 color: #668ba5 !important;
}

a.groupOther1:hover {
 color: #ffffff !important;
 background-color: #3d5a70;
}

/* VIP */

a.groupOther3:link,
a.groupOther3:visited {
 padding-left: 25px;

 color: #ffcc2f !important;

 background-image:
 url("/cr3ative/VHD/img/vip.png");
 background-repeat: no-repeat;
 background-position: 2px center;
}

a.groupOther3:hover {
 color: #ffffff !important;

 background-color: #b88900;
 background-image:
 url("/cr3ative/VHD/img/vip.png");
 background-repeat: no-repeat;
 background-position: 3px center;
}

/* Designeri */

a.groupFriends:link,
a.groupFriends:visited {
 color: #d18a36 !important;
}

a.groupFriends:hover {
 color: #ffffff !important;
 background-color: #b46918;
}

/* Prieteni */

a.groupOther7:link,
a.groupOther7:visited {
 color: #668ba5 !important;
}

a.groupOther7:hover {
 color: #ffffff !important;
 background-color: #3d5a70;
}

/* Utilizatori blocați */

a.groupBanned:link,
a.groupBanned:visited {
 color: #777777 !important;
 text-decoration: line-through !important;
}

a.groupBanned:hover {
 color: #ffffff !important;
 background-color: #303030;
 text-decoration: line-through !important;
}

/* Ajutor */

a.groupOther5:link,
a.groupOther5:visited {
 color: #ff9e5e !important;
}

a.groupOther5:hover {
 color: #ffffff !important;
 background-color: #ff9e5e;
 text-shadow: none;
}

/* =========================================================
 MENIUL NAV_MENU
 ========================================================= */

#nav_menu a:link,
#nav_menu a:visited {
 display: block;

 padding: 6px 9px;

 color: #ffffff;

 font-size: 11px;
 text-decoration: none;

 border-radius: 6px;
}

#nav_menu a:hover {
 color: #ffffff;

 background-color:
 rgba(212, 175, 55, 0.14);
}

/* =========================================================
 CLASELE VECHI FOLOSITE DE UCOZ
 ========================================================= */

.style0 {
 color: #000000;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 1px;
}

.style1 {
 color: #beb89e;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 10px;
}

.style2 {
 color: #beb89e;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 11px;
}

.style3 {
 color: #ffffff;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 12px;
}

.style4 {
 color: #beb89e;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 14px;
}

.style5 {
 color: #beb89e;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 18px;
}

.style5blue {
 color: #368dbc;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 18px;
}

.stylemini {
 color: #beb89e;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 9px;
}

/* =========================================================
 ELEMENTELE VECHI
 ========================================================= */

div.scroll {
 width: 100%;
 max-width: 380px;
 height: 485px;

 overflow-x: hidden;
 overflow-y: auto;

 background-color: #292c21;
}

.dashed {
 color: #beb89e;

 border: 1px dashed #4b4a42;
 background-color: #292c21;

 font-family:
 Geneva,
 Arial,
 Verdana,
 Helvetica,
 sans-serif;

 font-size: 10pt;
}

/*
 Layer1 este păstrat, dar îl protejăm pe mobil
 ca să nu iasă în afara ecranului.
*/

#Layer1 {
 position: absolute;
 z-index: 1;

 top: 280px;
 left: 265px;

 width: 200px;
 height: 115px;
}

@media screen and (max-width: 720px) {
 div.scroll {
 max-width: 100%;
 height: 380px;
 }

 #Layer1 {
 position: static;

 width: 100%;
 max-width: 200px;
 height: auto;

 margin: 10px auto;
 }
}