@font-face{font-family:Futura-Bold;src:url(../img/FuturaLT-Bold_0.ttf);font-weight:400;font-style:normal}body{background:#FFF;font-family:Arial;color:#33b0e8;padding:0;margin:0}p{padding:0;margin:0}ul,li{margin:0;padding:0;list-style:none}#wrapper{width:100%;background:url(../img/bg.jpg) center top no-repeat;position:absolute;top:0}#main{width:1022px;margin:0 auto;position:relative;background:url(../img/Logo.png) center top no-repeat}#navigation{width:942px;height:130px;margin:0 auto;position:relative;z-index:1;top:40px}#navigation ul li{width:90px;height:102px;float:left;overflow:hidden}#navigation ul li img{position:relative}#navigation ul li:nth-child(2) img{left:-100px}#navigation ul li:nth-child(3){width:140px}#navigation ul li:nth-child(3) img{left:-195px}#navigation ul li:nth-child(4){width:265px}#navigation ul li:nth-child(5){width:140px}#navigation ul li:nth-child(5) img{left:-600px}#navigation ul li:nth-child(6){width:80px}#navigation ul li:nth-child(6) img{left:-740px}#navigation ul li:nth-child(7){width:130px}#navigation ul li:nth-child(7) img{left:-825px}#navigation ul li img:hover{opacity:.7}#header{width:100%;height:380px;background:url(../img/containerBgTop.png) center bottom no-repeat;float:left;position:relative}#container{width:100%;min-height:550px;background:url(../img/containerBgInner.png) center top repeat-y;float:left;padding:0 13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.containerLeft{width:250px;float:left}.containerRight{width:740px;float:left}#containerBottom{width:100%;height:17px;background:url(../img/containerBgBottom.png) center top no-repeat;float:left}.containerMain{position:relative;margin-top:-50px}.footerNav{height:60px}.indexPage{width:100%}.newsArea{width:436px;height:284px;background:url(../img/newsBg.jpg) center top no-repeat;float:left;margin-top:5px}.sliderArea{width:553px;height:289px;float:left;background:url(../img/sliderBg.jpg) center top no-repeat;margin-left:5px}.sliderArea>div{width:539px;height:278px;margin:6px 0 0 7px}.indexBottom{margin-top:8px}.woeSchdArea{width:254px;height:257px;background:url(../img/woeSchdBg.jpg) center top no-repeat;float:left;margin:0 7px}.woeSchd{height:160px;overflow:hidden}.woeSchd,.database{width:222px;margin:0 auto}.newsArea h2,.woeSchd h2,.database h2{color:#5b5451;text-align:center;padding:5px 0;margin:0;font-size:180%;text-shadow:1px 1px 0 #FFF}.database h2{padding:0}.newsArea h2{padding:10px 0}.newsArea table{width:380px;display:block;margin:0 auto}.newsArea table tr{width:100%}.newsArea table tr td{padding:10px 0;border-bottom:1px solid #a6a6a6}.newsArea table tr td.title{width:300px}.newsArea table tr td a{color:#ff7361;text-transform:uppercase}.newsArea table tr td a:hover{color:#ff4129;text-decoration:underline}.woeSchd table{width:100%}.woeSchd table tr:nth-child(odd){width:100%;display:block;margin-bottom:7px;background:#815e3b}.woeSchd table tr:nth-child(even){width:100%;display:block;margin-bottom:7px;background:#767e50}.woeSchd table tr td:nth-child(1){width:85px}.woeSchd table tr td:nth-child(2){width:135px}.woeSchd table tr:nth-child(odd) td{background:#815e3b;color:#FFF;padding:4px 0;font-family:Arial;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.woeSchd table tr:nth-child(even) td{background:#767e50;color:#FFF;padding:4px 0;font-family:Arial;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.otherButtons{width:160px;height:254px;float:left}.otherButtons li{width:164px;height:122px;overflow:hidden}.otherButtons li:nth-child(1){margin-top:5px}.otherButtons li:nth-child(2){margin-top:5px}.otherButtons li img{position:relative}.otherButtons li:nth-child(2) img{position:relative;top:-130px}.otherButtons li:hover img{position:relative;left:-177px}.faceBook{width:233px;height:258px;box-shadow:0 3px 7px rgba(51,176,232,.6);float:left;margin-left:15px;border:1px solid #33b0e8}#sliderShow>div{position:relative;width:100%;height:278px}#sliderShow div p{position:absolute;display:block;background:rgba(255,255,255,.8);z-index:10;bottom:20px;padding:8px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:Arial; color: #111827; font-weight:700}#sliderShow div p span{display:block;font-size:14pt;line-height:15pt;font-family:Futura-Bold;color:#7e8a3d;font-weight:700;text-shadow:0 3px 0 rgba(255,255,255,1)}.databaseRadio{width:100%;height:26px;position:relative;top:6px}.databaseRadio table td{padding:5px 0;color:#86a000;text-indent:5px}.databaseRadio input[type=radio]{display:none;font-family:Arial;font-size:9pt}.databaseRadio input[type=radio]+label span{display:inline-block;margin:-1px 4px 0 0;vertical-align:middle;background:url(check_radio_sheet.png) left top no-repeat;cursor:pointer}.databaseRadio input[type=radio]:checked+label span{color:red}input[type=submit].searchButton{background:url(../img/go.png) center top no-repeat;width:37px;height:23px;border:0;font-size:0;cursor:pointer;float:left}.inputBoxes{width:100%;height:23px;position:relative;top:7px}.inputBoxes input[type=text]{width:184px;height:23px;padding:0 5px;background:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left}td.forgotPassword a{color:#2f9cc0;font-family:Arial;font-weight:700;text-decoration:underline;display:block;padding:5px}.serverStatus{width:704px;min-height:50px;float:left;position:absolute;bottom:24px;left:0}.loginPanel{width:315px;height:90px;float:left;position:absolute;right:0;bottom:18px}.loginRow,.loggedIn{width:280px;margin:0 auto}.loggedIn{font-family:Arial;font-size:9pt}.accountButtons a,input[type=submit],button{background:#6da858;padding:5px 10px;border-radius:3px;color:#FFF;box-shadow:inset 1px 1px 0 rgba(255,255,255,.5);border:1px solid #57984d;font-weight:700;cursor:pointer}.accountButtons a:hover,input[type=submit]:hover,button:hover{box-shadow:inset 0 3px 6px rgba(0,0,0,.1)}#navigation ul li img,.accountButtons a,input[type=submit],button{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ks-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.loginLeft{width:177px;float:left}.loginRight{width:90px;float:left}.status{width:410px;margin-left:130px}.status>div{width:90px;float:left}.status>div img{position:relative;top:13px;left:50px}.status .time{width:120px}.status .time iframe{position:relative;top:15px;left:50px}input.inputClass{width:167px;height:25px;background:url(../img/inputBg.png) center top no-repeat;outline:0;border:0;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-top:7px}input.loginBtn{width:82px;height:75px;overflow:hidden;border:0;cursor:pointer;background:url(../img/loginBtn.png) center top no-repeat}input.loginBtn:hover{background-position:0 -82px}.credits{height:130px}.footerNav{margin-top:5px}.credits a:nth-child(1) img{width:80px;float:left}.credits a:nth-child(2) img{width:80px;float:left;margin-top:10px;margin-left:5px}.footerNav ul{width:800px;float:left}.footerNav ul li{padding:0 8px;float:left}.footerNav ul li a{color:#000000;font-family:Arial;font-size:9pt}.footerNav ul li a:hover{opacity:.7}.copyrights{background:#33b0e8;width:50%;display:block;margin:0 auto;padding:20px 10px;border-radius:5px;color:#FFF;font-size:8pt;text-align:center;margin-top:20px}#footer{width:100%;height:190px}.sidebar table{width:95%;text-align:center}.sidebar table tr th{padding:5px 0;background:#c0d06d}.sidebar table tr td{padding:5px 0;background:#eee}.sidebar table tr td a{color:#333;font-family:Arial}#adminmenu,#submenu{background:#eee;padding:5px 10px;margin-bottom:5px;border-radius:5px;color:#333}#adminmenu a,#submenu a{color:#333;font-family:Arial}.clear{clear:both}.adjust{width:740px;overflow:auto}
/* =====================================
   FLUXCP SIDEBAR – MODERNO / LIMPIO
===================================== */

.sidebar {
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

/* TABLA DEL MENÚ */
.sidebar table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
}

/* TÍTULOS DE SECCIÓN */
.sidebar table th {
  background: transparent !important;
  padding: 10px 12px;
  text-align: left;
}

.sidebar table th strong {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #33b0e8;
}

/* ITEMS DEL MENÚ */
.sidebar table td {
  background: #ffffff;
  padding: 11px 14px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* LINKS */
.sidebar table td a {
  color: #333;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

/* ICONO SIMPLE */
.sidebar table td a span::before {
  content: "›";
  margin-right: 8px;
  color: #9aa4af;
  font-weight: bold;
}

/* HOVER */
.sidebar table td:hover {
  background: #eef5fb;
  transform: translateX(4px);
}

.sidebar table td:hover a {
  color: #33b0e8;
}

/* OPCIÓN ACTIVA (si Flux marca la página) */
.sidebar table td.active {
  background: #eef5fb;
  border-left: 3px solid #33b0e8;
}

/* ADMIN MENU DIFERENTE */
.sidebar .menuitem {
  background: #fff7e6;
}

.sidebar .menuitem:hover {
  background: #ffe8b3;
}


/* =====================================
   INDENTACIÓN DE SUBMENÚS (LEFT)
===================================== */

/* Submenús más a la izquierda */
.sidebar table tr td {
  padding-left: 28px; /* empuja el contenido */
  position: relative;
}

/* Línea visual sutil */
.sidebar table tr td::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 6px;
  height: 1px;
  background: #cfd8e3;
}

/* Hover mantiene proporción */
.sidebar table tr td:hover {
  padding-left: 32px;
}

/* =====================================
   FIX SUBMENÚS CENTRADOS – FORZAR IZQUIERDA
===================================== */

/* Forzar alineación izquierda real */
.sidebar table tr td,
.sidebar table tr td a,
.sidebar table tr td a span {
  text-align: left !important;
}

/* Indentación clara de submenús */
.sidebar table tr td {
  padding-left: 30px !important;
  position: relative;
}

/* Línea decorativa opcional */
.sidebar table tr td::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 6px;
  height: 1px;
  background: #cfd8e3;
}

/* Hover mantiene forma */
.sidebar table tr td:hover {
  padding-left: 34px !important;
}

/* ===============================
   DOWNLOADS PAGE – CARDS STYLE
=============================== */

.downloads-page {
  max-width: 900px;
  margin: 0 auto;
}

.downloads-page h2 {
  margin-bottom: 8px;
}

.download-section {
  margin-bottom: 32px;
}

.download-section h3 {
  margin-bottom: 6px;
}

.warning {
  color: #d9534f;
  font-size: 13px;
  margin-bottom: 14px;
}

.download-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.download-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  text-decoration: none;
  color: #111827;
  transition: all 0.25s ease;
}

.download-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.download-card .provider {
  font-size: 12px;
  color: #6b7280;
  text-transform: uppercase;
}

.download-card strong {
  font-size: 15px;
}

.download-card .action {
  margin-top: auto;
  color: #2563eb;
  font-weight: 600;
  font-size: 14px;
}

/* ===============================
   DOWNLOADS PAGE – BLUE CARDS
=============================== */

.download-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px;
  border-radius: 12px;
  background: #ffffff;
  border: 2px solid #3b82f6; /* azul */
  text-decoration: none;
  color: #111827;
  transition: all 0.25s ease;
}

/* Hover */
.download-card:hover {
  background: #eff6ff; /* azul muy suave */
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(59,130,246,0.25);
}

/* Click / active */
.download-card:active {
  background: #dbeafe; /* azul más marcado */
  border-color: #1d4ed8;
}

/* Texto acción */
.download-card .action {
  margin-top: auto;
  color: #1d4ed8;
  font-weight: 600;
  font-size: 14px;
}

/* Proveedor */
.download-card .provider {
  font-size: 12px;
  color: #2563eb;
  text-transform: uppercase;
  font-weight: 600;
}

/* ===============================
   TITULOS DE SECCION
=============================== */

.download-section h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  padding-left: 12px;
  border-left: 4px solid #33b0e8;
  color: #1e3a8a;
}

/* Full Client destacado */
.download-section h3::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #33b0e8;
  margin-top: 6px;
  border-radius: 2px;
}

/* ===============================
   SERVER INFORMATION PAGE
=============================== */

.info-page {
  max-width: 1000px;
  margin: 0 auto;
}

.info-section {
  margin-bottom: 36px;
}

.info-section h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 12px;
  border-left: 4px solid #3b82f6;
  color: #1e3a8a;
}

.info-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.info-card {
  background: #ffffff;
  border: 2px solid #3b82f6;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: all 0.25s ease;
}

.info-card:hover {
  background: #eff6ff;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(59,130,246,0.25);
}

.info-card strong {
  font-size: 14px;
  color: #1d4ed8;
}

.info-card span {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

/* ===============================
   INFORMATION – DASHBOARD STYLE
=============================== */

.info-page {
  max-width: 900px;
  margin: 0 auto;
}

.info-section {
  margin-bottom: 36px;
}

.info-section h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 14px;
  padding-left: 12px;
  border-left: 4px solid #3b82f6;
  color: #1e3a8a;
}

/* LIST */
.stat-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ITEM */
.stat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
  transition: all 0.2s ease;
}

.stat-item:hover {
  background: #eff6ff;
  border-color: #3b82f6;
}

/* TEXT */
.stat-label {
  color: #1f2937;
  font-weight: 500;
}

.stat-value {
  color: #2563eb;
  font-weight: 700;
}

.videoArea{
  width:316px;
  height:260px;
  float:left;
  background:#33b0e8;
  border-radius:5px;

  padding: 0;              /* 👈 QUITAR padding */
  overflow-y: auto;        /* 👈 SCROLL */
  overflow-x: hidden;

  box-sizing:border-box;
}

.videoArea::-webkit-scrollbar {
  width: 6px;
}

.videoArea::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.35);
  border-radius: 4px;
}

.videoArea::-webkit-scrollbar-track {
  background: transparent;
}

.videoArea iframe {
  display: block;
  margin: 4px;
  width: calc(100% - 8px);
}