/* Capa que agrupa las cajas y los sectores externos */
body {
  background-color: black;
  cursor: url("../img/cursor/cursor.png"), auto;
}

.logoOPBN_mundo img {
  filter: grayscale(40%);
}

.logoOPBN_mundo:hover img, .logoOPBN_mundo:active img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* Caja Rango Poder de Flota - Texto Animado */

.RPF_texto_animado {
  width: 100%;
  height: 40px;
  overflow: hidden;
}

.RPF_texto_animado span {
  position: absolute;
  opacity: 0;
  width: 100%;
  left: 0px;
  transition: opacity 1s ease-in-out;
}

.RPF_texto_animado .RPF_texto_1 {
  animation: RPF_alternar_texto 22s infinite;
}

.RPF_texto_animado .RPF_texto_2 {
  animation: RPF_alternar_texto_2 22s infinite;
  animation-delay: 8.5s;
}

.RPF_texto_animado .RPF_texto_3 {
  animation: RPF_alternar_texto_3 22s infinite;
  animation-delay: 13s;
}

@keyframes RPF_alternar_texto {
  0%, 32% {
    opacity: 1;
  }
  
  36%, 100% {
    opacity: 0;
  }
}

@keyframes RPF_alternar_texto_2 {
  0%, 12% {
    opacity: 1;
  }
  
  19%, 100% {
    opacity: 0;
  }
}
@keyframes RPF_alternar_texto_3 {
  0%, 30% {
    opacity: 1;
  }
  
  41%, 100% {
    opacity: 0;
  }
}








/* Caja Obtencion de Recompensa */
.Caja_Padre_FX_Objeto{
	background-color: transparent;
	position: fixed;
	z-index: 5000;
	width: 100%;
	height: 100%;
	min-width: 600px;
	min-height: 900px;
	display: none;
	top: -100px;
	left: 0px;
}

.Caja_Hijo_FX_Star{
	background-color: transparent;
	position: absolute;
	z-index: 5000;
	width: 100%;
	top: 7%;
}

.Caja_Hijo_FX_Burble_Objeto{
	background-color: transparent;
	position: absolute;
	z-index: 5005;
	width: 100%;
	top: 26%;
}
.Caja_Hijo_FX_Burble{
	background-color: transparent;
	position: absolute;
	z-index: 5000;
	width: 100%;
	top: 24%;
}
.Caja_Hijo_FX_Waterin{
	background-color: transparent;
	position: absolute;
	z-index: 5000;
	width: 100%;
	top: 16%;
}

/* Animacion Obtencion de Recompensa */

.entrega_objeto_inventario_2 {
  animation-name: e_o_inventario_2;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); 
}

@keyframes e_o_inventario_2 {
  0% {
    transform: translateX(0%);
    width: 150px;
    height: 150px;
    margin-top: 0px;
  }

  25% {
    transform: translate(25vw, 30vh);
    width: 160px;
    height: 160px;
    -webkit-transform: translate(25vw, 30vh);
    -moz-transform: translate(25vw, 30vh);
    -ms-transform: translate(25vw, 30vh);
    -o-transform: translate(25vw, 30vh);
  }

  100% {
    transform: translate(80.5vw, 65.5vh);
    width: 10px;
    height: 10px;
    -webkit-transform: translate(80.5vw, 65.5vh);
    -moz-transform: translate(80.5vw, 65.5vh);
    -ms-transform: translate(80.5vw, 65.5vh);
    -o-transform: translate(80.5vw, 65.5vh);
  }
}

.entrega_objeto_inventario_3 {
  animation-name: e_o_inventario_3;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); 
}

@keyframes e_o_inventario_3 {
  0% {
    transform: translateX(0%);
    width: 180px;
    height: 180px;
    margin-top: 0px;
  }

  25% {
    transform: translate(25vw, 30vh);
    width: 210px;
    height: 210px;
    -webkit-transform: translate(25vw, 30vh);
    -moz-transform: translate(25vw, 30vh);
    -ms-transform: translate(25vw, 30vh);
    -o-transform: translate(25vw, 30vh);
  }

  100% {
    transform: translate(80.5vw, 65.5vh);
    width: 60px;
    height: 60px;
    -webkit-transform: translate(80.5vw, 65.5vh);
    -moz-transform: translate(80.5vw, 65.5vh);
    -ms-transform: translate(80.5vw, 65.5vh);
    -o-transform: translate(80.5vw, 65.5vh);
  }
}

/* CAPA NEGRA QUE OCULTA TODO */
	.Capa_Negra_Ocultar_Todo {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1500;
		background-color: black;
	}

/* Sombras del body del modal */
.element-with-shadow{
  position: relative;
  height: 30px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  pointer-events: none;
  width: 100%;
  margin-top: -20px;
}

.AdminChat_act_Modal_Body {
  color: white;
}

.AdminChat_act_Modal_Footer {
  color: white;
}

/* Agregamos estilos para los botones */
table.table_Informacion_Jugador .btn-custom {
  color: #fff;
  border-radius: 50px;
  padding: 10px 20px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

table.table_Informacion_Jugador .btn-custom:active {
  box-shadow: none;
  transform: translateY(3px);
}

table.table_Informacion_Jugador .btn-custom {
  background-color: #3498db;
  border-color: #3498db;
  box-shadow: 0px 3px 0px #207cca;
}

table.table_Informacion_Jugador .btn-custom:hover {
  background-color: #207cca;
  border-color: #207cca;
  box-shadow: 0px 3px 0px #0c4da2;
}

table.table_Informacion_Jugador .btn-custom:active {
  background-color: #0c4da2;
  border-color: #0c4da2;
}

table.table_Informacion_Jugador .B_D1v1,
table.table_Informacion_Jugador .B_DGrupo,
table.table_Informacion_Jugador .B_DGremio {
  background-color: #6834db;
  border-color: #6834db;
  box-shadow: 0px 3px 0px #5020b9;
}

table.table_Informacion_Jugador .B_D1v1:hover,
table.table_Informacion_Jugador .B_DGrupo:hover,
table.table_Informacion_Jugador .B_DGremio:hover {
  background-color: #5020b9;
  border-color: #5020b9;
  box-shadow: 0px 3px 0px #5020b9;
}

table.table_Informacion_Jugador .B_D1v1:active,
table.table_Informacion_Jugador .B_DGrupo:active,
table.table_Informacion_Jugador .B_DGremio:active {
  background-color: #5020b9;
  border-color: #5020b9;
}

table.table_Informacion_Jugador .B_MP {
  background-color: #ff00a7;
  border-color: #ff00a7;
  box-shadow: 0px 3px 0px #a00c6c;
}

table.table_Informacion_Jugador .B_MP:hover {
  background-color: #a00c6c;
  border-color: #a00c6c;
  box-shadow: 0px 3px 0px #a00c6c;
}

table.table_Informacion_Jugador .B_MP:active {
  background-color: #a00c6c;
  border-color: #a00c6c;
}

table.table_Informacion_Jugador .B_AMISTAD,
table.table_Informacion_Jugador .B_INVGRUPO,
table.table_Informacion_Jugador .B_INVGREMIO {
  background-color: #0ba833;
  border-color: #0ba833;
  box-shadow: 0px 3px 0px #098728;
}

table.table_Informacion_Jugador .B_AMISTAD:hover,
table.table_Informacion_Jugador .B_INVGRUPO:hover,
table.table_Informacion_Jugador .B_INVGREMIO:hover {
  background-color: #098728;
  border-color: #098728;
  box-shadow: 0px 3px 0px #098728;
}

table.table_Informacion_Jugador .B_AMISTAD:active,
table.table_Informacion_Jugador .B_INVGRUPO:active,
table.table_Informacion_Jugador .B_INVGREMIO:active {
  background-color: #098728;
  border-color: #098728;
}

table.table_Informacion_Jugador .B_BANCHAT {
  background-color: #e35814;
  border-color: #e35814;
  box-shadow: 0px 3px 0px #a5400e;
}

table.table_Informacion_Jugador .B_BANCHAT:hover {
  background-color: #a5400e;
  border-color: #a5400e;
  box-shadow: 0px 3px 0px #a5400e;
}

table.table_Informacion_Jugador .B_BANCHAT:active {
  background-color: #a5400e;
  border-color: #a5400e;
}

table.table_Informacion_Jugador .B_BANJUEGO {
  background-color: #e64545;
  border-color: #e64545;
  box-shadow: 0px 3px 0px #a92b2b;
}

table.table_Informacion_Jugador .B_BANJUEGO:hover {
  background-color: #a92b2b;
  border-color: #a92b2b;
  box-shadow: 0px 3px 0px #a92b2b;
}

table.table_Informacion_Jugador .B_BANJUEGO:active {
  background-color: #a92b2b;
  border-color: #a92b2b;
}

table.table_Informacion_Jugador .B_INACTIVO {
  background-color: #5f5f5f !important;
  border-color: #5f5f5f !important;
  box-shadow: 0px 3px 0px #353535 !important;
}

table.table_Informacion_Jugador .B_INACTIVO:hover {
  background-color: #353535 !important;
  border-color: #353535 !important;
  box-shadow: 0px 3px 0px #353535 !important;
}

table.table_Informacion_Jugador .B_INACTIVO:active {
  background-color: #353535 !important;
  border-color: #353535 !important;
}

/* Estilo para el modal */
.modal {
  display: none;
  /* Oculta el modal por defecto */
  position: fixed;
  /* Fija la posición del modal en la página */
  z-index: 1001;
  /* Pone el modal por encima de otros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Ancho del modal */
  height: 100%;
  /* Alto del modal */
  overflow: hidden;
  /* Habilita el scroll en el contenido del modal */
  background-color: rgba(0, 0, 0, 0.5);
  /* Fondo opaco */
}

.modal-body {
  position: relative;
  padding: 10px !important;
  text-align: center;
  font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
  font-size: 25px;
  max-height: 500px;
  overflow: auto;
  color: white;
  min-height: 60px;
}

.modal-title {
  color: white;
  font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
  font-size: 25px;
}

/* Estilo para el contenido del modal */
.modal-content {
  background: linear-gradient(to bottom,
      #8b5e3c 0%,
      #8b5e3c 100%);
  /* Fondo Degradado */
  background-image: url("../../fondos/madera5.jpg");
  background-size: auto;
  background-repeat: repeat;
  margin: 5% auto auto auto;
  padding: 10px 10px 40px 10px;
  width: 80%;
  border: 3px solid #8b5e3c;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #8b5e3c;
  max-width: 800px;
  line-height: initial;
}
@media screen and (min-width: 0px) and (max-width: 1069px) {
  .modal-content {
    margin: 1% auto auto auto;
    max-height: 80vh;
    overflow: auto;
  }
}
/* Estilo para el título del modal */
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

/* Estilo para el título del modal */
.modal-header h5 {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

/* Estilo para el botón de cerrar el modal */
.close-modal {
  color: #aaaaaa;
  font-size: 28px;
  font-weight: bold;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.modal-footer {
  text-align: center;
  max-height: 50px;
}

/* Estilo para los botones de la parte inferior del modal */
.modal-footer button {
  margin-right: 15px;
  padding: 15px 25px;
  border: none;
  border-radius: 5px;
  background-color: #ccc;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  outline: none;
}

.modal-footer button:active {
  margin-right: 15px;
}

/* Estilo para el botón de confirmación */
.modal-footer button.inv_btn_eliminar_act_confirmButton,
.modal-footer button.inv_btn_consumir_act_confirmButton {
  background-color: #ff0000;
}

/* Estilo para los botones cuando están activos */
.modal-footer button:hover,
.modal-footer button:active,
.modal-footer button:focus {
  background-color: #999;
}

.modal-footer button.inv_btn_eliminar_act_cancelButton,
.modal-footer button.inv_btn_consumir_act_cancelButton {
  border: none;
  /* Remueve el borde */
  outline: none;
  /* Remueve el resaltado en el clic */
  cursor: url("../img/cursor/cursor_c.png"), auto;
  /* Muestra un cursor de mano al pasar por encima */
}

.container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 10px;
  max-width: 1280px;
  margin: 0 auto;
}

.columna1 {
  width: 100%;
  text-align: center;
}

.columna2 {
  width: 100%;
  text-align: center;
}

.columna3 {
  width: 100%;
  text-align: center;
}

.columna4 {
  width: 100%;
  text-align: center;
}

@media (min-width: 1071px) {
  .columna1 {
    width: 50%;
    -webkit-order: 1;
    order: 1;
    text-align: left;
    height: 120px;
  }

  .columna2 {
    width: 50%;
    -webkit-order: 2;
    order: 2;
    text-align: right;
  }

  .columna3 {
    width: 50%;
    -webkit-order: 3;
    order: 3;
    margin-top: -10px;
  }

  .columna4 {
    width: 50%;
    -webkit-order: 4;
    order: 4;
  }
}

/* Jquery Confirm Styles */

.confirm_title {
  font-family: Pirata5;
  font-size: 1.7rem;
  color: #ffa700;
}

/* MENU */
.div_caja_principal_menu {
  width: 99%;
  height: auto;
  margin: auto auto;
  z-index: 0;
  background-color: cadetblue;
  background-image: url("../../fondos/madera6.jpg");
  color: white;
  font-size: 30px;
}

.caja_rectangular_oscura {
  background-color: black;
  width: 90%;
  height: 150px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.Titulo_Aventura {
  position: absolute;
  bottom: 5px;
  left: 0px;
  z-index: 1;
  width: 98%;
  height: 20px;
  padding: 0px 8px 8px 8px;
  text-align: left;
  font-family: "PirataT";
  text-shadow: 0px 2px 3px black;
  color: yellow;
  background-color: #00000040;
}

.capa_cajas_rectangulares {
  position: relative;
  width: 90%;
  max-width: 600px;
  height: 190px;
  margin: 0 auto 100px auto;
}

.capa_cajas_rectangulares_1 {
  max-width: 900px;
}

.capa_menu_mapa {
  position: absolute;
}

.menu_mapa:hover {
  content: url("../img/Objetos_Entorno/Objetos_Entorno_0037_2p.webp");
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.texto_caja_activo {
  color: #07d30a;
  font-size: 1rem;
  text-align: left;
  margin-left: 10px;
}

.caja_avance_clase {
  position: absolute;
  bottom: 5px;
  width: 100%;
  height: 50px;
  font-size: 1rem;
  text-shadow: 1px 1px 2px black;
}

.cajas_stats_clase {
  width: 37px;
  background-color: black;
  border: 2px solid yellow;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 5px;
  text-align: center;
  margin: 2px auto 0 auto;
}

.progreso_clase,
.nivel_clase,
.tripulantes_clase {
  color: white;
  text-align: center;
  float: left;
}

.progreso_clase {
  width: 70px;
  background: #00000059;
  padding-bottom: 2px;
}

.nivel_clase {
  width: 60px;
  background: #00000059;
  padding-bottom: 2px;
}

.tripulantes_clase {
  width: 80px;
  background: #00000059;
  padding-bottom: 2px;
}

.caja_titulos {
  background-image: url("../../fondos/madera4.jpg");
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border: 2px solid #c6ab89;
  box-shadow: 3px 3px 3px #000;
}

.caja_cartera {
  background-image: url("../../fondos/madera2.jpg");
  border-radius: 0px 0px 60px 60px;
  -webkit-border-radius: 0px 0px 60px 60px;
  -moz-border-radius: 0px 0px 60px 60px;
  -ms-border-radius: 0px 0px 60px 60px;
  -o-border-radius: 0px 0px 60px 60px;
  border: 2px solid #604411;
  box-shadow: 3px 3px 3px #000;
  text-align: center;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px;
}

.caja_rectangular_Brillo {
  position: absolute;
  height: 120px;
  width: 90%;
  max-width: 500px;
  z-index: 2;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.caja_rectangular_Brillo_2 {
  min-width: 114px;
}

.Caja_Avatar {
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.Caja_Avatar_Nombre {
  font-family: PirataT;
  text-shadow: 2px 2px 2px #000;
  line-height: 40px;
}

.Avatar_Nombre_Tipo {}

.Avatar_Nombre_Nombre {
  color: rgb(8, 204, 204);
}

.Avatar_Nombre_Nombre_Flota {}

.Caja_Avatar_General {
  background-image: url("https://www.onepiecemangayanime.com/game/img/Marcos/MarcoAvatarGrande2.webp");
  background-size: 100% 100%;
  padding: 20px;
  position: relative;
  position: relative;
  min-height: 120px;
  width: 85%;
  margin: 0 auto 10px auto;
}

/*----------[Logotipos OPMYA]----------*/
.logoOPBN_mundoabierto,
.logoOPBN_mundoabierto_2 {
  text-align: center;
}
.logoOPBN_mundoabierto img,
.logoOPBN_mundoabierto_2 img{
  cursor: url("../img/cursor/cursor_c.png"), auto;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
}

.logoOPBN_mundoabierto img:hover,
.logoOPBN_mundoabierto_2 img:hover,
.logoOPBN_mundoabierto img:active,
.logoOPBN_mundoabierto_2 img:active {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.logoOPBN_mundo {
  position: fixed;
  top: 5px;
  left: 5px;
  z-index: 2;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

/*----------[Caja de Monedas, Piezas y Suministros]----------*/
.caja_suministros {
  width: 80%;
  font-family: Pirata;
  font-size: 1.7rem;
  text-shadow: 1px 4px 5px black;
  margin: -12px auto 15px auto;
}

/*----------[Cajas Poder de Flota]----------*/
.caja_poder_flota {
  width: 66.6%;
  color: white;
  border: transparent solid 4px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-left-color: #ff8f00;
  border-right-color: #ff8f00;
  box-shadow: 2px 2px 3px black;
  text-shadow: 2px 2px 3px black;
  border-top-color: #ffbf00;
  border-bottom-color: #ff6c00;
  padding: 7px;
  border-radius: 60px 49px 10px 10px;
  margin: 20px auto 0 auto;
}

.contentpf {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  font-family: Pirata5;
  text-align: center;
}

.contentpf_caja_Num {
  background-color: rgba(0, 0, 0, 0.5);
  max-width: 300px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 1.6rem;
  margin: 3px auto 0 auto;
}

.contentpf_caja_Num:hover {
  background-color: rgba(255, 255, 255, 0.5);
  cursor: url("../img/cursor/cursor_c.png"), auto;
}
.Escudo_PF:hover {
  background-color: rgba(255, 255, 255, 0.5);
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.contentpf_caja_Escudo {
  font-family: Pirata6;
}

.contentpf_caja_Stars {
  margin-top: -138px;
  position: absolute;
  margin-left: 0px;
  width: 86px;
  text-align: center;
}

.Star_1_PF,
.Star_2_PF,
.Star_3_PF {
  width: 15px;
}

.Star_2_PF,
.Star_3_PF {
  margin-left: 2px;
}

.Escudo_PF {
  margin-top: -13px;
  z-index: 20;
  position: absolute;
  right: -55px;
}

.Escudo_PF_img {
  width: 86px;
}

.Espada_ico_PF {
  width: 20px;
  margin: 0px 5px -1px 5px;
}

.Nom_Rango_PF {
  font-size: 2rem;
}

.Num_Rango_PF {
  position: absolute;
  font-size: 2rem;
  margin-top: -108px;
  margin-left: 0px;
  width: 86px;
}

.contadordinero {
  background-color: #00000080;
  padding: 5px 5px 0px 6px;
  border-radius: 10px;
  margin: 3px 0px 0px 0px;
  line-height: 40px;
  -webkit-box-shadow: inset 4px 4px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 4px 4px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 4px 4px 3px 0px rgba(0, 0, 0, 0.75);
}

.contadordinero:hover {
  background-color: #ffffff80;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.caja_cartera_2 {
  width: 95%;
  text-align: center;
}

.clases_PC,
.clases_Movil {
  display: none;
}

/*----------[Media Querys]----------*/

@media (min-width: 1071px) {
  .clases_PC {
    display: block;
  }

  .Caja_Avatar_General {
    text-align: left;
  }

  .Caja_Avatar {
    float: left;
    margin: 5px 15px 0px 5px;
  }

  .Caja_Avatar_Nombre {
    margin-top: 0px;
  }

  .Avatar_Nombre_Nombre {
    font-size: 2.5rem;
  }

  .Avatar_Nombre_Tipo {
    font-size: 3rem;
  }

  .Avatar_Nombre_Nombre_Flota {
    font-size: 2.5rem;
  }

  .Titulo_Aventura {
    font-size: 1.2rem;
  }

  .capa_cajas_rectangulares {
    height: 190px;
  }

  .Titulo_Aventura {
    font-size: 1.5rem;
  }

  .capa_fondo_ladrillos_grises {
    position: absolute;
    z-index: 0;
    background-image: url("../../fondos/madera7.jpg");
    margin: 0 auto auto -190px;
    width: 380px;
    height: 260px;
    left: 50%;
  }

  .capa_fondo_sombra_interior {
    position: absolute;
    margin: 0 auto auto -190px;
    z-index: 1;
    width: 380px;
    height: 254px;
    left: 50%;
  }

  .capa_fondo_ladrillos_grises_2 {
    position: absolute;
    height: 280px;
    width: 99%;
    margin: 0 auto;
    z-index: 0;
    background-image: url("../../fondos/madera7.jpg");
  }

  .capa_fondo_sombra_interior_2 {
    position: absolute;
    height: 280px;
    width: 99%;
    margin: 0 auto;
    z-index: 1;
  }

  .capa_container_mapa_1 {
    margin: 0 auto;
    width: 100%;
    height: 260px;
    max-width: 500px;
  }

  .capa_container_mapa_2 {}

  .capa_container_mapa_3 {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 280px;
    overflow-y: auto;
    z-index: 4;
  }

  .menu_mapa {
    position: absolute;
    width: 300px;
    z-index: 2;
    top: 0px;
    left: 50%;
    margin: 8px auto auto -150px;
  }

  .Caja_Bloqueada {
    background-image: url("../img/Aventuras/Bloqueado.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;

    margin: 20px auto;
  }

  .Aventura_001_P001 {
    background-image: url("../img/Aventuras/Aventura_001_P001.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_01 {
    background-image: url("../img/Aventuras/Clase_01.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_02 {
    background-image: url("../img/Aventuras/Clase_02.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Aventura_Proxima {
    position: absolute;
    z-index: 0;
    background-image: url("../img/Aventuras/Proximamente.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 95%;
    max-width: 500px;
    margin: 0px auto 0px 10px;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_Bloqueada {
    position: absolute;
    z-index: 0;
    background-image: url("../img/Aventuras/Bloqueado_2.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 95%;
    max-width: 500px;
    margin: 0px auto 0px 10px;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Caja_Avatar_Nombre {}
}

@media screen and (min-width: 801px) and (max-width: 1070px) {
  .clases_PC {
    display: block;
  }

  .caja_poder_flota {
    margin: 30px auto 0 auto;
  }

  .caja_suministros {
    width: 90%;
    font-size: 1.5rem;
    margin-left: 6%;
  }

  .Caja_Avatar_General {
    text-align: left;
  }

  .Caja_Avatar {
    float: left;
    margin: 5px 15px 0px 5px;
  }

  .Caja_Avatar_Nombre {
    margin-top: 0px;
  }

  .Avatar_Nombre_Nombre {
    font-size: 2.5rem;
  }

  .Avatar_Nombre_Tipo {
    font-size: 3rem;
  }

  .Avatar_Nombre_Nombre_Flota {
    font-size: 2.5rem;
  }

  .Titulo_Aventura {
    font-size: 1.2rem;
  }

  .columna1 {
    -webkit-order: 1;
    order: 1;
    text-align: left;
  }

  .columna2 {
    -webkit-order: 2;
    order: 2;
    text-align: right;
  }

  .columna3 {
    -webkit-order: 3;
    order: 3;
    margin-top: -10px;
  }

  .columna4 {
    -webkit-order: 4;
    order: 4;
  }

  .columna1 {
    width: 50%;
  }

  .columna2 {
    width: 50%;
  }

  .columna3 {
    width: 49%;
  }

  .columna4 {
    width: 49%;
    margin-left: 2%;
  }

  .capa_fondo_ladrillos_grises {
    position: absolute;
    z-index: 0;
    background-image: url("../../fondos/madera7.jpg");
    margin: 0 auto auto -180px;
    width: 360px;
    height: 260px;
    left: 50%;
  }

  .capa_fondo_sombra_interior {
    position: absolute;
    margin: 0 auto auto -180px;
    z-index: 1;
    width: 360px;
    height: 254px;
    left: 50%;
  }

  .capa_fondo_ladrillos_grises_2 {
    position: absolute;
    height: 280px;
    width: 99%;
    margin: 0 auto;
    z-index: 0;
    background-image: url("../../fondos/madera7.jpg");
  }

  .capa_fondo_sombra_interior_2 {
    position: absolute;
    height: 280px;
    width: 99%;
    margin: 0 auto;
    z-index: 1;
  }

  .capa_container_mapa_1 {
    margin: 0 auto;
    width: 100%;
    height: 260px;
    max-width: 500px;
  }

  .capa_container_mapa_2 {}

  .capa_container_mapa_3 {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 280px;
    overflow-y: auto;
    z-index: 4;
  }

  .menu_mapa {
    position: absolute;
    width: 300px;
    z-index: 2;
    top: 0px;
    left: 50%;
    margin: 8px auto auto -150px;
  }

  .Caja_Bloqueada {
    background-image: url("../img/Aventuras/Bloqueado.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;

    margin: 20px auto;
  }

  .Aventura_001_P001 {
    background-image: url("../img/Aventuras/Aventura_001_P001.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_01 {
    background-image: url("../img/Aventuras/Clase_01.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_02 {
    background-image: url("../img/Aventuras/Clase_02.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Aventura_Proxima {
    position: absolute;
    z-index: 0;
    background-image: url("../img/Aventuras/Proximamente.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 95%;
    max-width: 500px;
    margin: 0px auto 0px 10px;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_Bloqueada {
    position: absolute;
    z-index: 0;
    background-image: url("../img/Aventuras/Bloqueado_2.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 95%;
    max-width: 500px;
    margin: 0px auto 0px 10px;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .caja_rectangular_Brillo {
    position: absolute;
    height: 120px;
    width: 90%;
    max-width: 500px;
    z-index: 2;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .titulo_busqueda_objetos_2 {
    font-size: 41px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .caja_poder_flota {
    margin: 0px auto 15px auto;
  }

  .clases_Movil {
    display: block;
  }

  .Nom_Rango_PF {
    font-size: 1.8rem;
  }

  .caja_suministros {
    width: 80%;
    font-size: 1.4rem;
    margin-left: 10%;
  }

  .Caja_Avatar_General {}

  .Avatar_Nombre_Nombre {
    font-size: 2.5rem;
  }

  .Avatar_Nombre_Tipo {
    font-size: 3rem;
  }

  .Avatar_Nombre_Nombre_Flota {
    font-size: 2.5rem;
  }

  .logoOPBN_mundoabierto {
    display: none;
  }

  .logoOPBN_mundoabierto_2 {
    display: block;
  }

  .Titulo_Aventura {
    font-size: 1.4rem;
  }

  .menu_mapa:hover, .menu_mapa:active {
    content: url("../img/Objetos_Entorno/Objetos_Entorno_0037_2.webp");
  }

  .capa_cajas_rectangulares {
    height: 220px;
  }

  .Caja_Bloqueada {
    background-image: url("../img/Aventuras/Bloqueado.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;

    margin: 20px auto;
  }

  .Aventura_001_P001 {
    background-image: url("../img/Aventuras/Aventura_001_P001.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_01 {
    background-image: url("../img/Aventuras/Clase_01.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_02 {
    background-image: url("../img/Aventuras/Clase_02.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 90%;
    max-width: 500px;

    margin: 20px auto;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Aventura_Proxima {
    position: absolute;
    z-index: 0;
    background-image: url("../img/Aventuras/Proximamente.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 95%;
    max-width: 500px;
    margin: 0px auto 0px 10px;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .Clase_Bloqueada {
    position: absolute;
    z-index: 0;
    background-image: url("../img/Aventuras/Bloqueado_2.webp");
    background-size: 100% 100%;

    height: 120px;
    width: 95%;
    max-width: 500px;
    margin: 0px auto 0px 10px;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .menu_mapa {
    position: absolute;
    width: 300px;
    height: auto;
    z-index: 2;
    top: 0px;
    left: 50%;
    margin: 30px auto auto -150px;
  }

  .capa_fondo_ladrillos_grises {
    background-image: url("../../fondos/madera7.jpg");
    position: absolute;
    margin: 0 auto auto -180px;
    z-index: 0;
    width: 360px;
    height: 299px;
    left: 50%;
  }

  .capa_fondo_sombra_interior {
    position: absolute;
    margin: 0 auto auto -180px;
    z-index: 1;
    width: 360px;
    height: 299px;
    left: 50%;
  }

  .capa_fondo_ladrillos_grises_2 {
    position: absolute;
    left: 5%;
    right: 5%;
    height: 300px;
    z-index: 0;
    background-image: url("../../fondos/madera7.jpg");
  }

  .capa_fondo_sombra_interior_2 {
    position: absolute;
    left: 5%;
    right: 5%;
    height: 300px;
    margin: 0 auto;
    z-index: 1;
  }

  .capa_container_mapa_1 {
    height: 305px;
  }

  .capa_container_mapa_2 {
    width: 100%;
  }

  .capa_container_mapa_3 {
    position: absolute;
    height: 300px;
    width: 90%;
    max-width: 600px;
    overflow-y: auto;

    left: 5%;
    right: 5%;

    margin: 0 auto;
    z-index: 4;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1070px) {
  .Nom_Rango_PF {
    font-size: 1.8rem;
  }
  .Avatar_Nombre_Nombre {
    font-size: 2rem;
  }
  .Avatar_Nombre_Tipo {
    font-size: 2.5rem;
  }
  .Avatar_Nombre_Nombre_Flota {
    font-size: 2rem;
  }
}

@media screen and (min-width: 951px) and (max-width: 1000px) {
  .Nom_Rango_PF {
    font-size: 1.6rem;
  }
  .Avatar_Nombre_Nombre {
    font-size: 1.6rem;
  }
  .Avatar_Nombre_Tipo {
    font-size: 2rem;
  }
  .Avatar_Nombre_Nombre_Flota {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 801px) and (max-width: 950px) {
  .Nom_Rango_PF {
    font-size: 1.8rem;
  }
  .Avatar_Nombre_Nombre {
    font-size: 1.35rem;
  }
  .Avatar_Nombre_Tipo {
    font-size: 1.6rem;
  }
  .Avatar_Nombre_Nombre_Flota {
    font-size: 1.35rem;
  }
}

@media screen and (min-width: 520px) and (max-width: 800px) {
  .Nom_Rango_PF {
    font-size: 1.7rem;
  }
  .Avatar_Nombre_Nombre {
    font-size: 1.8rem;
  }
  .Avatar_Nombre_Tipo {
    font-size: 2.3rem;
  }
  .Avatar_Nombre_Nombre_Flota {
    font-size: 1.8rem;
  }
}

@media (min-width: 801px) {
  .div_caja_principal_menu {
    max-height: 900px;
  }

  .columna4 {
    margin-top: -140px;
  }

  .logoOPBN_mundoabierto {
    display: block;
    z-index: 1;
    position: relative;
    width: 100%;
    margin: -7px auto 0 auto;
  }

  .logoOPBN_mundoabierto_2 {
    display: none;
  }

  .espacio_mundo_abierto {
    margin-top: 15px;
    width: 80%;
    margin: 10px auto 0px auto;
  }
}

.capa_fondo_sombra_interior,
.capa_fondo_sombra_interior_2 {
  box-shadow: inset 0 0 15px 10px black;
  border: 1px solid white;
  border: 3px solid black;

  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.87) 100%);
  background: -webkit-gradient(left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0)),
      color-stop(54%, rgba(0, 0, 0, 0)),
      color-stop(100%, rgba(0, 0, 0, 0.87)));
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.87) 100%);
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.87) 100%);
  background: -ms-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.87) 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.87) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.caja_rectangular_Brillo:hover,
.caja_rectangular_Brillo_2:hover {
  background: rgba(255, 255, 255, 0.48);
  background: -moz-linear-gradient(top,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(246, 246, 246, 0.38) 53%,
      rgba(246, 246, 246, 0.3) 100%);
  background: -webkit-gradient(left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.48)),
      color-stop(53%, rgba(246, 246, 246, 0.38)),
      color-stop(100%, rgba(246, 246, 246, 0.3)));
  background: -webkit-linear-gradient(top,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(246, 246, 246, 0.38) 53%,
      rgba(246, 246, 246, 0.3) 100%);
  background: -o-linear-gradient(top,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(246, 246, 246, 0.38) 53%,
      rgba(246, 246, 246, 0.3) 100%);
  background: -ms-linear-gradient(top,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(246, 246, 246, 0.38) 53%,
      rgba(246, 246, 246, 0.3) 100%);
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(246, 246, 246, 0.38) 53%,
      rgba(246, 246, 246, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
}

.tabla_caja_principal_menu {
  width: 95%;
  height: 85%;
  margin: 0 auto;
  text-align: center;
}

.tabla_caja_principal_menu td {
  width: 50%;
}

/* ---- FIN ---- MENU ----------------------------------------- */

#barco {
  position: absolute;
  width: 50px;
  height: 50px;
}

#barco img {
  height: 65px;
  margin: -20px auto auto -20px;
  transform: scaleX(1);
}

.marcabarco {
  position: absolute;
  top: 20px;
  left: 20px;
}

/* Mar */
.div_sectores_y_cajas_1 {
  width: 1920px;
  min-width: 1920px;
  height: 1080px;
  margin: 0 auto;
  z-index: 0;
}

/* Caja de Efectos */
.div_sectores_y_cajas_3 {
  position: absolute;
  top: 0;
  left: auto;
  width: 1920px;
  min-width: 1920px;
  height: 1080px;
  margin: 0 auto;
  z-index: 2;
}

/* Cajas/Sectores Eventos */
.div_sectores_y_cajas_5 {
  position: absolute;
  top: 0px;
  left: auto;
  width: 1920px;
  min-width: 1920px;
  height: 1080px;
  background-size: 100% 100%;
  z-index: 3;
}

/* Baratie Movimiento */
@keyframes div_sectores_y_cajas_3a {
  from {
    top: 920px;
  }

  to {
    top: 925px;
  }
}

/* Baratie */
div#div_sectores_y_cajas_3a {
  position: absolute;
  left: 310px;
  width: 220px;
  height: 155px;
  margin: 0 auto;
  background: url(../img/Objetos_Entorno/baratie.png) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  animation-duration: 1s;
  animation-name: div_sectores_y_cajas_3a;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Merry Movimiento */
@keyframes div_sectores_y_cajas_3y {
  from {
    top: 920px;
  }

  to {
    top: 923px;
  }
}

/* Merry */
div#div_sectores_y_cajas_3y {
  position: absolute;
  left: 151px;
  width: 65px;
  height: 60px;
  margin: -148px auto 0 auto;
  background: url(../img/Objetos_Entorno/Merry.png) no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  z-index: 1;
  animation-duration: 0.9s;
  animation-name: div_sectores_y_cajas_3y;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Estilo coordenadas */

.coordenadasXY {
  text-align: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 10px;
  background-color: black;
  z-index: 2;
  color: red;
}

/* Estilo Cajas de las zonas*/

.Cajas_div_Xcierre {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 30;
}

.Cajas_div_marco {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
}

.Cajas_table_caja {
  height: 270px;
  max-height: 270px;
  width: 310px;
  max-width: 310px;
  margin-top: -13px;
  text-align: center;
}

.Cajas_td_tituloventana {
  padding: 0px;
  height: 60px;
}

.Cajas_div_tituloventana {
  margin: 0 auto;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
  color: #ffff00;

  border-radius: 67px 67px 67px 67px;
  -moz-border-radius: 67px 67px 67px 67px;
  -webkit-border-radius: 67px 67px 67px 67px;
  border: 0px solid #000000;
  background: rgba(255, 175, 75, 1);
  background: -moz-linear-gradient(top,
      rgba(255, 175, 75, 1) 0%,
      rgba(255, 146, 10, 1) 100%);
  background: -webkit-gradient(left top,
      left bottom,
      color-stop(0%, rgba(255, 175, 75, 1)),
      color-stop(100%, rgba(255, 146, 10, 1)));
  background: -webkit-linear-gradient(top,
      rgba(255, 175, 75, 1) 0%,
      rgba(255, 146, 10, 1) 100%);
  background: -o-linear-gradient(top,
      rgba(255, 175, 75, 1) 0%,
      rgba(255, 146, 10, 1) 100%);
  background: -ms-linear-gradient(top,
      rgba(255, 175, 75, 1) 0%,
      rgba(255, 146, 10, 1) 100%);
  background: linear-gradient(to bottom,
      rgba(255, 175, 75, 1) 0%,
      rgba(255, 146, 10, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0);
}

.Cajas_td_imgboton {
  width: 140px;
  height: 170px;
  max-width: 140px;
  max-height: 170px;
  border-right: 2px solid white;
  font-weight: bold;
}

.Cajas_td_info {
  height: 170px;
  max-height: 170px;
  vertical-align: text-top;
}

.Cajas_div_info_typewriter {
  text-align: left;
  overflow-y: auto;
  max-height: 170px;
}

.imgventanas {
  border: 2px solid white;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  width: 135px;
  height: 80px;
}

/*----------[Bloqueo selección de texto]----------*/
html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*----------[Fuentes]----------*/
@font-face {
  font-family: "PirataT";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/Pieces_of_Eight.woff") format("woff"),
    url("../fuentes/Pieces_of_Eight.ttf") format("truetype");
}

@font-face {
  font-family: "Pirata";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/SimsLLHP.woff") format("woff"),
    url("../fuentes/SimsLLHP.ttf") format("truetype");
}

@font-face {
  font-family: "Pirata2";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/hoffmann.woff") format("woff"),
    url("../fuentes/hoffmann.ttf") format("truetype");
}

@font-face {
  font-family: "Pirata3";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/PirataOne-Regular.woff") format("woff"),
    url("../fuentes/PirataOne-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Pirata4";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/zrnic.woff") format("woff"),
    url("../fuentes/zrnic.ttf") format("truetype");
}

@font-face {
  font-family: "Pirata5";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/TektonPro-BoldCond.otf") format("otf"),
    url("../fuentes/TektonPro-BoldCond.otf") format("truetype");
}

@font-face {
  font-family: "Pirata6";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/AdobeGothicStd-Bold.otf") format("otf"),
    url("../fuentes/AdobeGothicStd-Bold.otf") format("truetype");
}

@font-face {
  font-family: "MSB";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/MADE_Soulmaze_Brush.otf") format("otf"),
    url("../fuentes/MADE_Soulmaze_Brush.otf") format("opentype");
}

@font-face {
  font-family: "Mistral";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/Mistral.ttf") format("ttf"),
    url("../fuentes/Mistral.ttf") format("truetype");
}

@font-face {
  font-family: "MVboli";
  font-style: normal;
  font-weight: normal;
  src: local("?"), url("../fuentes/MVboli.ttf") format("ttf"),
    url("../fuentes/MVboli.ttf") format("opentype");
}


.letrapiratat {
  font-family: PirataT;
  text-shadow: 1px 2px #000;
}

.letrapirata2 {
  font-family: Pirata2;
}

.letrapirata3 {
  font-family: Pirata3;
}

.letrapirata4 {
  font-family: Pirata4;
}

.letrapirata5 {
  font-family: Pirata5;
}

.letrapirata6 {
  font-family: Pirata6;
}

.f_letras_1 {
  font-family: Impact, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold,
    Arial Black, sans serif;
}

.f_letras_2 {
  font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua,
    Georgia, serif;
}

.f_letras_3 {
  font-family: Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif;
}

.f_letras_4 {
  font-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman,
    serif;
}

.f_letras_5 {
  font-family: Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond,
    Times New Roman, serif;
}

.f_letras_6 {
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

.f_letras_7 {
  font-family: Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond,
    Hoefler Text, Bitstream Charter, Georgia, serif;
}

.f_letras_8 {
  font-family: Cambria, Georgia, serif;
}

.f_letras_9 {
  font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

.f_letras_10 {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.f_letras_11 {
  font-family: Consolas, monaco, monospace;
}

.f_letras_12 {
  font-family: Copperplate, Copperplate Gothic Light, fantasy;
}

.f_letras_13 {
  font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter,
    monospace;
}

.f_letras_14 {
  font-family: Dejavu Sans, Arial, Verdana, sans-serif;
}

.f_letras_15 {
  font-family: Dejavu Sans, Arial, Verdana, sans-serif;
  font-weight: bold;
}

.f_letras_16 {
  font-family: Franklin Gothic, Arial Bold;
}

.f_letras_17 {
  font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text,
    Times New Roman, serif;
}

.f_letras_18 {
  font-family: Georgia, Times, Times New Roman, serif;
}

.f_letras_19 {
  font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
}

.f_letras_20 {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.f_letras_21 {
  font-family: Lucida Bright, Georgia, serif;
}

.f_letras_22 {
  font-family: Lucida Sans, Helvetica, Arial, sans-serif;
}

.f_letras_23 {
  font-family: MS Sans Serif, sans-serif;
}

.f_letras_24 {
  font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
}

.f_letras_25 {
  font-family: Perpetua, Baskerville, Big Caslon, Palatino Linotype, Palatino,
    serif;
}

.f_letras_26 {
  font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman,
    serif;
}

.f_letras_27 {
  font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial,
    sans-serif;
}

.f_letras_28 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.f_letras_29 {
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans,
    sans-serif;
}

.f_letras_30 {
  font-family: Verdana, Geneva, sans-serif;
}

.f_letras_31 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.f_letras_32 {
  font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT,
    Times New Roman, serif;
}

.f_letras_33 {
  font-family: PirataT;
  text-shadow: 1px 2px #000;
}

.f_letras_34 {
  font-family: Pirata2;
}

.f_letras_35 {
  font-family: Pirata3;
}

.f_letras_36 {
  font-family: Pirata4;
}

/*----------[Color letras]----------*/

.c_letras_verde {
  color: #00cc69;
}

.c_letras_rojo {
  color: #de2a2a;
}

.c_letras_ama {
  color: #d5d200;
}

/*----------[Color Cajas]----------*/

.c_fondo_rojo {
  background-color: #f52d47;
}

.c_fondo_rojo2 {
  background-color: #a10b0b;
}

.c_fondo_cyan {
  background-color: #00bbd5;
}

.c_fondo_verde {
  background-color: #81d300;
}

.c_fondo_verde2 {
  background-color: #00c500;
}

.c_fondo_verde3 {
  background-color: #008403;
}

.c_fondo_verde4 {
  background-color: #00dd49;
}

.c_fondo_ama {
  background-color: #c6c300;
}

.c_fondo_rosa {
  background-color: #d02dd8;
}

.c_fondo_gris {
  background-color: #a3a3a3;
}

.c_fondo_marron {
  background-color: #832525;
}

/*----------[Color borde Cajas]----------*/
.c_borde_verde4 {
  border: 1px solid #00dd49;
}

.c_borde_TB_verde4 {
  border-top: 1px solid #00dd49;
  border-bottom: 1px solid #00dd49;
}

.c_borde_marron {
  border: 1px solid #832525;
}

.c_borde_TB_marron {
  border-top: 2px solid #832525;
  border-bottom: 2px solid #832525;
}

/*----------[Slider]----------*/
.contentSlider {
  width: 100%;
}

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  background: #eee;
  color: #000;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background-color: transparent;
}

.contentSlider h3 {
  font-size: 20px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold;
}

.contentSlider img {
  max-width: 100%;
  height: auto;
  display: block;
}

.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background-color: transparent;
}

/*----------[Fondos Nombres Estadísticas]----------*/
.fondotextoverde {
  background-color: #00cc00;
  border-bottom-color: #00cc00;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextoverde2 {
  background-color: #208320;
  border-bottom-color: #208320;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextorojo {
  background-color: #d33148;
  border-bottom-color: #d33148;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextoazul {
  background-color: #31bad3;
  border-bottom-color: #31bad3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextoazul2 {
  background-color: #276abc;
  border-bottom-color: #276abc;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextoamarillo {
  background-color: #c4c200;
  border-bottom-color: #c4c200;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextonaranja {
  background-color: #d39031;
  border-bottom-color: #d39031;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextonaranja2 {
  background-color: #b85200;
  border-bottom-color: #b85200;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextonaranja3 {
  background-color: #b85200;
  border-bottom-color: #b85200;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextovioleta {
  background-color: #b331d3;
  border-bottom-color: #b331d3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextogris {
  background-color: #a2a2a2;
  border-bottom-color: #a2a2a2;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextogris2 {
  background-color: #a2a2a2;
  border-bottom-color: #a2a2a2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.fondotextorosa {
  background-color: #b6005e;
  border-bottom-color: #b6005e;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
}

.statinactivo {
  background-color: #4d4d4d;
  border-bottom-color: #d33148;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  line-height: 14px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid black;
  color: #9f9f9f;
}

/*----------[Estilos de modo Inventario]----------*/

.inv_fondotextoverde {
  background-color: #00cc00;
  border-bottom-color: #00cc00;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextoverde2 {
  background-color: #208320;
  border-bottom-color: #208320;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextorojo {
  background-color: #d33148;
  border-bottom-color: #d33148;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextoazul {
  background-color: #31bad3;
  border-bottom-color: #31bad3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextoazul2 {
  background-color: #276abc;
  border-bottom-color: #276abc;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextoamarillo {
  background-color: #c4c200;
  border-bottom-color: #c4c200;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextonaranja {
  background-color: #d39031;
  border-bottom-color: #d39031;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextonaranja2 {
  background-color: #b85200;
  border-bottom-color: #b85200;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextonaranja3 {
  background-color: #b85200;
  border-bottom-color: #b85200;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextovioleta {
  background-color: #b331d3;
  border-bottom-color: #b331d3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextogris {
  background-color: #a2a2a2;
  border-bottom-color: #a2a2a2;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextogris2 {
  background-color: #a2a2a2;
  border-bottom-color: #a2a2a2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_fondotextorosa {
  background-color: #b6005e;
  border-bottom-color: #b6005e;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
}

.inv_statinactivo {
  background-color: #4d4d4d;
  border-bottom-color: #d33148;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid black;
  color: #9f9f9f;
}

.inv_boton_Ver_Equipo {
  font-size: 20px;
  font-family: Pirata;
  color: white;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #000;
  box-shadow: inset 0px 39px 0px -24px #29bbff;
  background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
  background-color: #2dabf9;
  border: 1px solid #0b0e07;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  padding: 6px 15px;
}

/*----------[Cajas de Notificaciones]----------*/
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
  padding: 5px;
  max-width: 80%;
  margin: 0 auto;
  text-shadow: none;
  border-radius: 15px;
  text-align: center;
}

/* Bloques de Color */
.content-box-blue {
  background-color: #33ffff;
  border: 1px solid #0099cc;
  color: #0099cc;
}

.content-box-gray {
  background-color: #cccdcc;
  border: 1px solid #a3a3a3;
  color: #a3a3a3;
}

.content-box-green {
  background-color: #99ff99;
  border: 1px solid #00a900;
  color: #00a900;
}

.content-box-purple {
  background-color: #c299ff;
  border: 1px solid #7300cc;
  color: #7300cc;
}

.content-box-red {
  background-color: #ff9999;
  border: 1px solid #cc0000;
  color: #cc0000;
}

.content-box-yellow {
  background-color: #ffffcc;
  border: 1px solid #999900;
  color: #999900;
}

/* Solo de Color */
.content-box-blue_2 {
  color: #0099cc;
}

.content-box-gray_2 {
  color: #a3a3a3;
}

.content-box-green_2 {
  color: #00a900;
}

.content-box-purple_2 {
  color: #7300cc;
}

.content-box-red_2 {
  color: #cc0000;
}

.content-box-yellow_2 {
  color: #999900;
}

/*----------[Class para de Fondos de cajas de Madera]----------*/
.cajaestilomadera {
  background-image: url("../../fondos/square-tiles/15.jpg");
  padding: 5px;
  border: 2px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.cajaestilomadera2 {
  background-image: url("../../fondos/madera2.jpg");
  padding: 5px;
  border: 2px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.cajaestilomadera3 {
  background-image: url("../../fondos/square-tiles/11.jpg");
  padding: 5px;
  border: 3px solid #fff;
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.cajaestilomadera4 {
  background-image: url("../../fondos/madera4.jpg");
  padding: 5px;
  border: 2px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.cajaestilomadera5 {
  background-image: url("../../fondos/madera6.jpg");
  padding: 5px;
  border: 3px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.cajaestilomadera5 {
  background-image: url("../../fondos/square-tiles/webtreats_wood-pattern5-512.jpg");
  padding: 5px;
  border: 2px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.cajaestilomadera10 {
  background-image: url("../../fondos/madera10.jpg");
  padding: 5px;
  border: 2px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}

.rsTab:hover {
  background-color: green;
}

/*----------[Cajas de los Artículos]----------*/
.cajafondoefectooscuro {
  top: 70px;
  left: 0px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  z-index: 0;
}

.cajafondoagotado {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  z-index: 99;
}

.cajafondocalidad {
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.5);
}

.cajatextoinfo {
  height: 100px;
  max-height: 100px;
  overflow: auto;
  padding: 5px;
  font-weight: bold;
  background-color: #0993d761;
  border-radius: 15px;
  border: 1px solid white;
  font-size: 14px;
}
/*
.cajamonedasusuario {
  background-color: #003399;
  padding: 4px 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  font-size: 25px;
  text-align: right;
  z-index: 200;
}
*/
.cajabotonespuja {
  background-color: #000;
  font-size: 15px;
  text-align: center;
  margin: 0px auto -2px auto;
  min-height: 40px;
  border-radius: 10px 10px 0px 0px;
}

.cajaestadisticasizq {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 10px;
  color: white;
}

.cajaestadisticasder {
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  font-weight: bold;
}

.cajahueco {
  position: absolute;
  z-index: 101;
  margin: 0 auto;
  font-size: 17px;
  top: -26px;
  width: 200px;
}

.tablasgrises_p {
  margin: 0px auto;
  height: 60px;
  text-align: center;
  z-index: 200;
  position: relative;
  min-width: 150px;
  width: 150px;
}

.tablasmarrones_p {
  margin: 5px auto;
  height: 42px;
  text-align: center;
  z-index: 200;
  position: relative;
  min-width: 150px;
  width: 100%;
}

.CajaFlotante {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -3px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 7px;
  padding: 10px;
  width: 100%;
}

.TablaFlotante {
  width: 100%;
  min-width: 350px;
  max-width: 385px;
  margin: 0px 0.1% 0px 0.1%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 7px;
}

.TablaFlotante td {
  padding: 5px;
}

.casilla_precio {
  font-size: 23px;
  vertical-align: middle;
  padding: 5px 5px;
  text-align: right;
}

.casilla_pujador {
  font-size: 23px;
  vertical-align: middle;
  padding: 5px 5px;
  color: cyan;
  font-weight: normal;
}

.casilla_comprador {
  font-size: 23px;
  vertical-align: middle;
  padding: 5px 5px;
  color: cyan;
  font-weight: normal;
  text-align: right;
}

.Caja_Articulo_2 {
  position: relative;
  width: 200px;
  margin: 0 auto;
  background-color: transparent;
}

.Caja_Articulo_1_M {
  float: left;
  padding: 0px 3px 5px 0px;
  width: 100%;
  min-width: 350px;
  max-width: 383px;
}

.Caja_Articulo_2_M {
  float: left;
  min-height: 136px;
  min-width: 350px;
  max-width: 385px;
  width: 100%;
  margin-top: -5px;
  padding: 0px 2px 5px 5px;
  text-align: center;
}

.capa_img_marco_calidad {
  float: left;
  min-width: 100px;
  min-height: 136px;
  padding: 15px 0 0 0;
}

.imagengrandearticulo {
  max-width: 200px;
  max-height: 200px;
  width: 200px;
  height: 200px;
}

.Calidad_Calidad {
  z-index: 0;
}

.Calidad_Marco {
  z-index: 0;
  border: none;
  margin-top: -1px;
}

.Calidad_Marco_M {
  z-index: 0;
  border: none;
  margin-top: -1px;
}

.casilla_Tiempo {
  color: #74d044;
  font-size: 20px;
}

.casilla_itemlvl {
  color: #dfff00;
  font-size: 27px;
}

.capadatos_M {
  float: left;
  min-height: 136px;
  min-width: 250px;
}

.capa_nombrecalidad_M {
  float: left;
  clear: both;
  padding: 5px;
  min-width: 250px;
}

.Color_Calidad_0_S {
  -webkit-box-shadow: 6px 6px 6px 0px #00000060;
  -moz-box-shadow: 6px 6px 6px 0px #00000060;
  box-shadow: 6px 6px 6px 0px #00000060;
}

/* (Común) */
.Color_Calidad_1_S {
  -webkit-box-shadow: 6px 6px 6px 0px #a6a6a660;
  -moz-box-shadow: 6px 6px 6px 0px #a6a6a660;
  box-shadow: 6px 6px 6px 0px #a6a6a660;
}

/* (Común) */
.Color_Calidad_2_S {
  -webkit-box-shadow: 6px 6px 6px 0px #74d04460;
  -moz-box-shadow: 6px 6px 6px 0px #74d04460;
  box-shadow: 6px 6px 6px 0px #74d04460;
}

/* (Poco Común) */
.Color_Calidad_3_S {
  -webkit-box-shadow: 6px 6px 6px 0px #096dd760;
  -moz-box-shadow: 6px 6px 6px 0px #096dd760;
  box-shadow: 6px 6px 6px 0px #096dd760;
}

/* (Raro) */
.Color_Calidad_4_S {
  -webkit-box-shadow: 6px 6px 6px 0px #e36df260;
  -moz-box-shadow: 6px 6px 6px 0px #e36df260;
  box-shadow: 6px 6px 6px 0px #e36df260;
}

/* (Épico) */
.Color_Calidad_5_S {
  -webkit-box-shadow: 6px 6px 6px 0px #ffa50060;
  -moz-box-shadow: 6px 6px 6px 0px #ffa50060;
  box-shadow: 6px 6px 6px 0px #ffa50060;
}

/* (Legendario) */
.Color_Calidad_6_S {
  -webkit-box-shadow: 6px 6px 6px 0px #d3314860;
  -moz-box-shadow: 6px 6px 6px 0px #d3314860;
  box-shadow: 6px 6px 6px 0px #d3314860;
}

/* (Mítico) */

.Color_Calidad_1 {
  color: #a6a6a6;
}

/* (Común) */
.Color_Calidad_2 {
  color: #74d044;
}

/* (Poco Común) */
.Color_Calidad_3 {
  color: #096dd7;
}

/* (Raro) */
.Color_Calidad_4 {
  color: #e36df2;
}

/* (Épico) */
.Color_Calidad_5 {
  color: #ffa500;
}

/* (Legendario) */
.Color_Calidad_6 {
  color: #d33148;
}

/* (Mítico) */

.Color_Calidad_1_T {
  background-color: #a6a6a640;
}

/* (Común) */
.Color_Calidad_2_T {
  background-color: #74d04440;
}

/* (Poco Común) */
.Color_Calidad_3_T {
  background-color: #096dd740;
}

/* (Raro) */
.Color_Calidad_4_T {
  background-color: #e36df240;
}

/* (Épico) */
.Color_Calidad_5_T {
  background-color: #ffa50040;
}

/* (Legendario) */
.Color_Calidad_6_T {
  background-color: #d3314840;
}

/* (Mítico) */
.cajaforzada_Nombre_Articulo {
  width: 272px;
  height: 100px;
  border-radius: 10px;
  margin: 0px 0px 0px 5px;
}

.cajamensaje_vendedor {
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  margin: 3px auto;
}

.cajamensaje_vendedor_M {
  padding: 5px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  margin: 3px auto;
}

.color_articulosinpujar {
  color: #c3f901;
}

.color_articulopujado {
  color: #f97501;
}

.color_articuloganadoractual {
  color: cyan;
}

.capaprecioypujador {
  position: relative;
  top: 0px;
  width: 100%;
}

.capaprecioypujador_m {
  float: left;
  min-height: 136px;
}

.capainformacion_1 {
  float: left;
  min-height: 136px;
  width: 200px;
}

.capainformacion_2 {
  position: absolute;
  z-index: 20;
  width: 200px;
}

.capamensajeventa {
  float: left;
  clear: both;
  width: 100%;
  min-width: 150px;
  max-width: 200px;
}

.cajacolorfondonombres_M {
  background-color: red;
}

.cajaesquinas img.imgesquina1 {
  position: absolute;
  top: -4px;
  left: -6px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 1;
}

.cajaesquinas img.imgesquina2 {
  position: absolute;
  top: -4px;
  right: -6px;
  z-index: 1;
}

.cajaesquinas img.imgesquina3 {
  position: absolute;
  bottom: -4px;
  left: -6px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  z-index: 1;
}

.cajaesquinas img.imgesquina4 {
  position: absolute;
  bottom: -4px;
  right: -6px;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
  z-index: 1;
}

/*----------[Tachas de las cajas]----------*/
.top-left {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 10px;
  z-index: 500;
}

.top-right {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 10px;
  z-index: 500;
}

/*----------[Barras de Monedas]----------*/
#UA_B,
#UA_B_2 {
  color: yellow;
}

#UA_PO,
#UA_PO_2 {
  color: cyan;
}

/*----------[Tabla de Registros Subasta]----------*/
.tablaregistro {
  color: white;
  font-size: 12px;
  border: 1px solid white;
  text-align: center;
  max-width: 1100px;
}

table.tablaregistro td {
  min-width: 100px;
  padding: 4px;
}

/*----------[Botones de Puja]----------*/
.boton_puja {
  width: 120px;
  margin: 3px 3px;
  height: 32px;
  font-size: 90%;
}

.divbotonpuja {
  display: inline;
  margin-bottom: 2px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.PujaPersonalizada {
  font-size: 14px;
  text-align: center;
}

/*----------[Estilos Generales]----------*/
input[type="checkbox"] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
  padding: 5px;
  margin: 10px;
}

select {
  font-size: 14px;
  text-align: center;
}

input {
  padding: 0px;
}

input[type="button"],
[type="password"],
[type="email"] {
  font-size: 14px;
}

textarea {
  font-size: 14px;
}

input[type="submit"] {
  font-size: 14px;
}

/*----------[Barras de Progreso]----------*/
.w3-progress-container2 {
  width: 130px;
  height: 1.4em;
  position: relative;
  background-color: #595959;
  margin: 0px auto 5px auto;
  border: 1px solid black;
}

.w3-progress-container {
  width: 130px;
  height: 1.4em;
  position: relative;
  background-color: #f1f1f1;
  margin: 0px auto 5px auto;
  border: 1px solid black;
}

.w3-progressbarnumber {
  width: 130px;
  color: black;
  margin: 0px 0px 0px -5px;
  position: absolute;
  z-index: 4;
  text-align: right;
  text-shadow: none;
  top: 0px;
}

.w3-progressbarnumber2 {
  width: 130px;
  color: black;
  margin: 0px 0px 0px 5px;
  position: absolute;
  z-index: 4;
  text-align: left;
  text-shadow: none;
  top: 0px;
}

.inv_w3-progress-container2 {
  width: 200px;
  height: 1.4em;
  position: relative;
  background-color: #595959;
  margin: 0px auto 5px auto;
  border: 1px solid black;
}

.inv_w3-progress-container {
  width: 200px;
  height: 1.4em;
  position: relative;
  background-color: #f1f1f1;
  margin: 0px auto 5px auto;
  border: 1px solid black;
}

.inv_w3-progressbarnumber {
  width: 200px;
  color: black;
  margin: 0px 0px 0px -5px;
  position: absolute;
  z-index: 4;
  text-align: right;
  text-shadow: none;
  top: 0px;
}

.inv_w3-progressbarnumber2 {
  width: 200px;
  color: black;
  margin: 0px 0px 0px 5px;
  position: absolute;
  z-index: 4;
  text-align: left;
  text-shadow: none;
  top: 0px;
}

.inv_w3-progressbar,
.w3-progressbar {
  height: 100%;
  position: absolute;
  line-height: inherit;
}

/*----------[Animacion de las Barras Parte 1]----------*/
.animacioncrecebarra {
  background-color: #f1f1f1;
  -webkit-transition: width 1s, background 1s;
  -moz-transition: width 1s, background 1s;
  -o-transition: width 1s, background 1s;
  transition: width 1s, background 1s;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
}

.AP_Move {
  -moz-animation: 3s rotate linear 1;
  -webkit-animation: 3s rotate linear 1;
  animation: 3s rotate linear 1;
}

/*----------[Animacion Rotación y Timones]----------*/
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

.timonizq {
  position: fixed;
  top: -128px;
  left: -128px;
  -moz-animation: 3s rotate linear infinite;
  -webkit-animation: 3s rotate linear infinite;
  animation: 3s rotate linear infinite;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.timonder {
  position: fixed;
  top: -128px;
  right: -128px;
  -webkit-animation: 3s rotate linear infinite;
  -moz-animation: 3s rotate linear infinite;
  animation: 3s rotate linear infinite;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation-direction: reverse;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.timonizq_down {
  position: fixed;
  bottom: -128px;
  left: -128px;
  -moz-animation: 3s rotate linear infinite;
  -webkit-animation: 3s rotate linear infinite;
  animation: 3s rotate linear infinite;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/*----------[Animacion Notificaciones]----------*/
.Pergamino_Notificante {
  position: fixed;
  top: -100px;
  left: 50%;
  margin-left: -185px;
  align-items: center;
  z-index: 100;
  background-color: red;
}

.capaperga1 {
  position: absolute;
  top: -100px;
  z-index: 198;
  background-color: blue;
}

.capaperga23 {
  position: absolute;
  top: -100px;
  z-index: 190;
  background-color: orange;
}

.Respuesta_Ajax {
  position: absolute;
  top: 0px;
  overflow: auto;
  margin: 7px 5px 5px 48px;
  padding: 15px 5px 5px 5px;
  width: 265px;
  height: 20px;
  border-radius: 10px;
  font-family: Pirata4;
  opacity: 0;
  z-index: 195;
}

.prevent-animation {
  animation-duration: 0ms;
}

.perga2 {
  opacity: 0;
}

.perga1_2 {
  -moz-animation: 8s anim_perga_1 normal ease-in-out;
  -webkit-animation: 8s anim_perga_1 normal ease-in-out;
  animation: 8s anim_perga_1 normal ease-in-out;
}

.perga2_2 {
  -moz-animation: 8s anim_perga_2 normal ease-in-out;
  -webkit-animation: 8s anim_perga_2 normal ease-in-out;
  animation: 8s anim_perga_2 normal ease-in-out;
}

.perga3_2 {
  -moz-animation: 8s anim_perga_cajamensaje normal ease-in-out;
  -webkit-animation: 8s anim_perga_cajamensaje normal ease-in-out;
  animation: 8s anim_perga_cajamensaje normal ease-in-out;
}

@keyframes anim_perga_1 {
  0% {
    transform: translateY(0px);
  }

  5% {
    transform: translateY(230px);
  }

  65% {
    transform: translateY(230px);
  }

  73% {
    transform: translateY(0px);
  }
}

@keyframes anim_perga_2 {
  6% {
    opacity: 0;
  }

  7% {
    height: 30px;
    width: 373px;
    opacity: 1;
  }

  8% {
    transform: translateY(230px);
  }

  14% {
    transform: translateY(276px);
    height: 213px;
  }

  60% {
    transform: translateY(276px);
    height: 213px;
  }

  69% {
    opacity: 1;
  }

  70% {
    transform: translateY(0px);
    height: 0px;
    width: 373px;
    opacity: 0;
  }
}

@keyframes anim_perga_cajamensaje {
  6% {
    opacity: 0;
  }

  7% {
    height: 0px;
    opacity: 1;
  }

  8% {
    transform: translateY(230px);
  }

  14% {
    transform: translateY(276px);
    height: 150px;
  }

  60% {
    transform: translateY(276px);
    height: 150px;
  }

  69% {
    opacity: 1;
  }

  70% {
    transform: translateY(0px);
    height: 0px;
    opacity: 0;
  }
}

@-moz-keyframes anim_perga_1 {
  0% {
    -moz-transform: translateY(0px);
  }

  5% {
    -moz-transform: translateY(230px);
  }

  65% {
    -moz-transform: translateY(230px);
  }

  73% {
    -moz-transform: translateY(0px);
  }
}

@-moz-keyframes anim_perga_2 {
  6% {
    opacity: 0;
  }

  7% {
    height: 30px;
    width: 373px;
    opacity: 1;
  }

  8% {
    -moz-transform: translateY(230px);
  }

  14% {
    -moz-transform: translateY(276px);
    height: 213px;
  }

  60% {
    -moz-transform: translateY(276px);
    height: 213px;
  }

  69% {
    opacity: 1;
  }

  70% {
    -moz-transform: translateY(0px);
    height: 0px;
    width: 373px;
    opacity: 0;
  }
}

@-moz-keyframes anim_perga_cajamensaje {
  6% {
    opacity: 0;
  }

  7% {
    height: 0px;
    opacity: 1;
  }

  8% {
    -moz-transform: translateY(230px);
  }

  14% {
    -moz-transform: translateY(276px);
    height: 150px;
  }

  60% {
    -moz-transform: translateY(276px);
    height: 150px;
  }

  69% {
    opacity: 1;
  }

  70% {
    -moz-transform: translateY(0px);
    height: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes anim_perga_1 {
  0% {
    -webkit-transform: translateY(0px);
  }

  5% {
    -webkit-transform: translateY(230px);
  }

  65% {
    -webkit-transform: translateY(230px);
  }

  73% {
    -webkit-transform: translateY(0px);
  }
}

@-webkit-keyframes anim_perga_2 {
  6% {
    opacity: 0;
  }

  7% {
    height: 30px;
    width: 373px;
    opacity: 1;
  }

  8% {
    -webkit-transform: translateY(230px);
  }

  14% {
    -webkit-transform: translateY(276px);
    height: 213px;
  }

  60% {
    -webkit-transform: translateY(276px);
    height: 213px;
  }

  69% {
    opacity: 1;
  }

  70% {
    -webkit-transform: translateY(0px);
    height: 0px;
    width: 373px;
    opacity: 0;
  }
}

@-webkit-keyframes anim_perga_cajamensaje {
  6% {
    opacity: 0;
  }

  7% {
    height: 0px;
    opacity: 1;
  }

  8% {
    -webkit-transform: translateY(230px);
  }

  14% {
    -webkit-transform: translateY(276px);
    height: 150px;
  }

  60% {
    -webkit-transform: translateY(276px);
    height: 150px;
  }

  69% {
    opacity: 1;
  }

  70% {
    -webkit-transform: translateY(0px);
    height: 0px;
    opacity: 0;
  }
}

/*----------[Otros]----------*/
.rsTmb {
  text-shadow: none;
}

.n_articulostienda {
  width: 260px;
  margin: 3px 3px;
  height: 26px;
  font-size: 90%;
}

.padre {
  position: relative;
  float: left;
  margin: -22px auto 0 auto;
  width: 100%;
}

.espaciospc,
.versionpc {
  display: block;
}

.espaciosmovil,
.padre,
.versionmovil {
  display: none;
}

.versionpcpuja {
  display: inline;
}

.espaciadonombreart {
  height: 210px;
}

.espaciado_corto {
  height: 40px;
}

.estilocajaarticulosmovil {
  border-radius: 0px 0px 10px 10px;
}

.cajabotonespuja2 {
  display: none;
}

#portrait {
  display: none;
  z-index: -100;
}

.BotonDataSubasta {
  min-height: 14px;
  top: 5px;
  left: 5px;
  width: 70px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  position: fixed;
  font-family: initial;
  z-index: 300;
  font-weight: bold;
}

.Espaciado_Superior_Subasta {
  height: 31px;
}


/*----------[Efectos Nubes]---------*/

.cloud {
  position: absolute;
  width: 280px;
  height: 120px;
  background-image: url('https://imagizer.imageshack.com/img924/4009/qpi80U.png');
  animation: moveClouds linear 425s infinite;
  left: -300px;
  top: 0;
  background-position: 0 0;
  background-size: 658px 616px;
  opacity: 0.4;
  animation-delay: 20s;
  z-index: 2;
  -webkit-animation: moveClouds linear 425s infinite;
}

.cloud:nth-child(2) {
  width: 165px;
  height: 100px;
  background-position-x: -285px;
  background-position-y: -5px;
  top: 25%;
  animation-duration: 105s;
  animation-delay: 10s;
  /* disminuir el tiempo de retraso */
}

.cloud:nth-child(3) {
  width: 200px;
  height: 112px;
  background-position-x: -455px;
  background-position-y: -2px;
  top: 50%;
  animation-duration: 85s;
  animation-delay: 30s;
  /* disminuir el tiempo de retraso */
}

.cloud:nth-child(4) {
  width: 190px;
  height: 112px;
  background-position-x: -464px;
  background-position-y: -120px;
  top: 75%;
  animation-duration: 100s;
  animation-delay: 55s;
  /* aumentar el tiempo de retraso */
}

.cloud:nth-child(5) {
  width: 165px;
  height: 100px;
  background-position-x: -285px;
  background-position-y: -5px;
  top: 25%;
  animation-duration: 105s;
  animation-delay: 60s;
  /* disminuir el tiempo de retraso */
}

.cloud:nth-child(6) {
  width: 200px;
  height: 112px;
  background-position-x: -455px;
  background-position-y: -2px;
  top: 50%;
  animation-duration: 85s;
  animation-delay: 10s;
  /* disminuir el tiempo de retraso */
}

.cloud_2 {
  position: absolute;
  width: 130px;
  height: 55px;
  background-image: url('https://imagizer.imageshack.com/img924/3153/eTlxzT.png');
  animation: moveClouds linear 130s infinite;
  left: -200px;
  top: 0;
  background-position: 0 0;
  background-size: 300px 281px;
  opacity: 0.4;
  z-index: 2;
}

.cloud_2:nth-child(2) {
  width: 93px;
  height: 55px;
  background-position-x: -1px;
  background-position-y: -116px;
  top: 27%;
  animation-duration: 125s;
  animation-delay: 25s;
  /* disminuir el tiempo de retraso */
}

.cloud_2:nth-child(3) {
  width: 125px;
  height: 57px;
  background-position-x: -467px;
  background-position-y: -169px;
  top: 50%;
  animation-duration: 120s;
  animation-delay: 10s;
  /* disminuir el tiempo de retraso */
}

.cloud_2:nth-child(4) {
  width: 80px;
  height: 55px;
  background-position-x: -496px;
  background-position-y: -226px;
  top: 75%;
  animation-duration: 115s;
  animation-delay: 45s;
  /* aumentar el tiempo de retraso */
}

.cloud_2:nth-child(5) {
  width: 93px;
  height: 55px;
  background-position-x: -1px;
  background-position-y: -116px;
  top: 27%;
  animation-duration: 125s;
  animation-delay: 45s;
  /* disminuir el tiempo de retraso */
}

.cloud_2:nth-child(6) {
  width: 125px;
  height: 57px;
  background-position-x: -467px;
  background-position-y: -169px;
  top: 50%;
  animation-duration: 120s;
  animation-delay: 20s;
  /* disminuir el tiempo de retraso */
}

@keyframes moveClouds {
  from {
    transform: translate(-150%, 0);
    /* aumentar la velocidad horizontal */
  }

  to {
    transform: translate(150vw, 0);
    /* aumentar la velocidad horizontal */
  }
}

/*----------[Estilos Inventario]------ display:none; ----*/
.inventario {
  display: none;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  background-image: url("../../fondos/madera6.jpg");
  background-color: #30395260;
  z-index: 100;
  border-radius: 10px;
}

.B_Inventario {
  width: 65px;
  height: 65px;
  z-index: 100;
  position: fixed;
  bottom: 65px;
  right: 0px;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
  
  cursor: url("../img/cursor/cursor_e.png"), auto;
}

.B_Inventario:hover, .B_Inventario:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.B_Volver {
  width: 65px;
  height: 65px;
  z-index: 120;
  position: fixed;
  bottom: 0px;
  right: 0px;
  display: none;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.B_Volver:hover, .B_Volver:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.inv_boton_cierre_Equipar_Stats {
  display: none;
  width: 65px;
  height: 65px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 126;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
}
.inv_boton_cierre_Equipar_Stats:hover, .inv_boton_cierre_Equipar_Stats:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.inv_boton_cierre_data,
.inv_boton_cierre_data_2 {
  display: none;
  width: 65px;
  height: 65px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 125;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
}
.inv_boton_cierre_data:hover, .inv_boton_cierre_data:active, .inv_boton_cierre_data_2:hover, .inv_boton_cierre_data_2:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.inv_boton_cierre_Equipo_2 {
  display: none;
  width: 65px;
  height: 65px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 124;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
}
.inv_boton_cierre_Equipo_2:hover, .inv_boton_cierre_Equipo_2:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.inv_boton_cierre_caja_opciones {
  display: none;
  width: 65px;
  height: 65px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 123;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
}
.inv_boton_cierre_caja_opciones:hover, .inv_boton_cierre_caja_opciones:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.inv_boton_cierre_Equipo {
  display: none;
  width: 65px;
  height: 65px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 122;
  filter: grayscale(40%);
  -webkit-filter: grayscale(40%);
}
.inv_boton_cierre_Equipo:hover, .inv_boton_cierre_Equipo:active{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.inv_imgcuerda {
  max-width: 500px;
  position: fixed;
  top: 220px;
  left: -230px;
  z-index: -1;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.inv_imgcuerda2 {
  max-width: 500px;
  position: fixed;
  top: 580px;
  left: -230px;
  z-index: -1;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.inv_imgcuerda3 {
  max-width: 500px;
  position: fixed;
  top: 300px;
  right: -235px;
  z-index: -1;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.inv_imgcuerda4 {
  max-width: 500px;
  position: fixed;
  top: 660px;
  right: -235px;
  z-index: -1;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.capa_Madera_izq img,
.capa_Madera_der img {
  max-width: 20px;
}

.capa_Madera_izq {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 96%;
}

.capa_Madera_der {
  position: absolute;
  top: 10px;
  right: 30px;
  height: 96%;
}

.inv_tachainferior {
  position: absolute;
  top: 200px;
  z-index: 4;
  right: -25px;
}

.inv_tachasuperior {
  position: absolute;
  top: -5px;
  z-index: 10;
}

.infopeso2,
.infoespacio2 {
  border: 1px solid white;
  border-right: none;
  border-left: none;
}

.inv_capa_inventario {
  background-color: #00000030;
  border-radius: 10px;
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 30px;
  left: 25px;
  width: auto;
  height: auto;
  padding: 8px;
}

.inv_capa_secciones {
  min-width: 180px;
  overflow-x: hidden;
  position: absolute;
  bottom: 0px;
  top: 12px;
  left: -22px;
}

.capa_inv_interno {
  min-width: 200px;
  height: auto;
  background-color: #00000050;
  overflow: auto;
  background-position: center;
  border: 2px solid black;
  padding: 4px;
  position: absolute;
  left: 160px;
  bottom: -2px;
  top: -2px;
  right: 4px;
}

.capa_inv_interno2 {
  min-width: 200px;
  height: auto;
  background-color: #00000099;
  overflow: auto;
  border: 2px solid black;
  padding: 4px;
  position: absolute;
  left: -22px;
  top: 0px;
  right: 4px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
  .capa_inv_interno2 {
    background-image: url("../img/objetos_entorno/Objetos_Entorno_0041.png");
  }
}

@media screen and (min-width: 701px) and (max-width: 1400px) {
  .capa_inv_interno2 {
    background-image: url("../img/objetos_entorno/Objetos_Entorno_0042.png");
  }
}
@media screen and (min-width: 1401px) {
  .capa_inv_interno2 {
    background-image: url("../img/objetos_entorno/Objetos_Entorno_0043.png");
  }
}


.capa_inv_interno3 {
  min-width: 200px;
  height: auto;
  background-color: #00000099;
  overflow: auto;
  background-image: url("../../fondos/madera2.jpg");
  border: 2px solid #95815a;
  padding: 4px;
  position: absolute;
  left: -20px;
  top: -2px;
  right: 4px;
  border-radius: 20px;
  box-shadow: inset 0 0 70px 0px #00000090;
}

.capa_inv_interno4 {
  min-width: 200px;
  height: auto;
  background-color: #00000050;
  overflow: auto;
  background-position: center;
  border: 2px solid #9f834c;
  padding: 4px;
  position: absolute;
  left: -20px;
  bottom: -2px;
  top: -2px;
  right: 0px;
  background-image: url("../../fondos/madera4.jpg");
  border-radius: 10px;
  box-shadow: inset 0 0 70px 0px #00000090;
}

.capa_inv_interno5 {
  min-width: 200px;
  height: auto;
  background-color: #00000099;
  overflow: auto;
  border: 2px solid black;
  padding: 4px;
  position: absolute;
  left: -16px;
  top: 2px;
  right: 4px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 150;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
  .capa_inv_interno5 {
    background-image: url("../img/objetos_entorno/Objetos_Entorno_0041.png");
  }
}

@media screen and (min-width: 701px) and (max-width: 1400px) {
  .capa_inv_interno5 {
    background-image: url("../img/objetos_entorno/Objetos_Entorno_0042.png");
  }
}
@media screen and (min-width: 1401px) {
  .capa_inv_interno5 {
    background-image: url("../img/objetos_entorno/Objetos_Entorno_0043.png");
  }
}

.capa_inv_interno6 {
  min-width: 200px;
  height: auto;
  background-color: #00000099;
  overflow: auto;
  background-image: url("../../fondos/madera1.jpg");
  border: 2px solid black;
  padding: 4px;
  position: absolute;
  left: -22px;
  top: 0px;
  right: 4px;
  border-radius: 20px;
  z-index: 200;
}

.titulo_busqueda_objetos,
.titulo_busqueda_objetos_2 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: white;
  text-shadow: 0px 2px 3px black;
}

.titulo_busqueda_objetos_2 {
  font-size: 50px;
}

.infoespacio3,
.infopeso3 {
  border: 1px solid white;
  border-right: none;
  border-left: none;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.inv_btn2 {
  background-image: url("../../fondos/madera4.jpg");
  color: #fff;
  font-size: 28px;
  text-align: center;
  padding: 2px 0px;
  margin: 2px 0;
  width: 142px;
  border: 2px solid black;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  font-family: PirataT;
  background-size: cover;
  background-position: center;
  float: left;
}

.Cant_1_Inv,
.Cant_2_Inv,
.Cant_3_Inv,
.Cant_4_Inv {
  color: yellow;
  padding: 2px 6px 2px 4px;
  border-radius: 10px;
  background-color: black;
  width: 23px;
  margin: 11px 2px 2px 0px;
  float: left;
  text-align: center;
}

.Espacio_Inv {
  text-align: left;
  line-height: 30px;
  min-width: 155px;
  margin: 0px 0px 0px auto;
  color: white;
  background-color: black;
  padding: 2px;
}

.pesodata {
  color: #ffb85d;
}

.espaciodata {
  color: #ffb85d;
  display: none;
}

.infopeso,
.infoespacio {
  padding: 1px 5px;
  border-radius: 10px;
  background: #2fb31c;
  float: right;
  line-height: 17px;
  margin: 6px 0px 0px 4px;
}

.caja_items {
  float: left;
  background-color: #00000060;
  border-radius: 10px;
  width: 110px;
  height: 114px;
  margin: 9px;
}

.box_shadow_flame {
  -moz-box-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px, inset 5px 5px 15px 5px rgba(0, 0, 0, 0);
  -webkit-box-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px, inset 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px,
    red 0 -18px 40px, inset 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.img_En_Equipo {
  position: absolute;
  z-index: 104;
  margin-top: 35px;
  margin-left: 86px;
}

.img_En_Equipo img {
  width: 40px;
  height: 40px;
}

.img_En_Banco {
  position: absolute;
  z-index: 100;
  margin-top: 71px;
  margin-left: 86px;
}

.img_En_Banco img {
  width: 40px;
  height: 40px;
}

.Etiqueta_Meito {
  position: absolute;
  z-index: 100;
  margin-top: -5px;
  margin-left: -5px;
  background: #00b57a;
  padding: 2px 6px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  border-radius: 10px 0px 10px 0px;
  font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
}

.img_En_Venta {
  position: absolute;
  z-index: 100;
  margin-top: -1px;
  margin-left: 86px;
}

.img_En_Venta img {
  width: 40px;
  height: 40px;
}

.img_Star_Mejora {
  position: absolute;
  z-index: 100;
  margin-top: 85px;
  margin-left: 10px;
}

.img_Star_Mejora img {
  width: 30px;
  height: 30px;
}

.img_Star_Mejora_C_Equipo {
  position: absolute;
  z-index: 100;
  margin-top: -45px;
  margin-left: -6px;
}

.img_Star_Mejora_C_Equipo img {
  width: 40px;
  height: 40px;
}

.text_Star_Mejora_C_Equipo {
  position: absolute;
  left: 13px;
  top: 7px;
  font-family: Arial;
  font-weight: bolder;
  color: black;
  font-size: 25px;
  text-shadow: none;
}

.INV_Calidad_2_C_Equipo {
  margin: 5px 5px 5px 10px;
  height: 130px;
  width: 130px;
}

.INV_Img_2_C_Equipo {
  position: absolute;
  left: 23px;
  max-height: 110px;
  max-width: 110px;
  margin-top: 15px;
}

.INV_Marco_2_C_Equipo {
  position: absolute;
  left: 10px;
  height: 130px;
  width: 130px;
  margin-top: 5px;
}

.text_Star_Mejora {
  position: absolute;
  left: 11px;
  top: 7px;
  font-family: Arial;
  font-weight: bolder;
  color: black;
}

.img_Star_Mejora_F {
  position: absolute;
  z-index: 100;
  margin-top: 85px;
  margin-left: 10px;
}

.img_Star_Mejora_F img {
  width: 30px;
  height: 30px;
}

.text_Star_Mejora_F {
  position: absolute;
  left: 11px;
  top: 7px;
  font-family: Arial;
  font-weight: bolder;
  color: #0060f7;
}

.star_b_items {
  height: 20px;
  width: 20px;
}

.img_Consumido {
  position: absolute;
  z-index: 100;
  margin-top: 10px;
  margin-left: 86px;
}

.img_Consumido img {
  width: 40px;
  height: 40px;
}

.img_Consumido_2 {
  position: absolute;
  z-index: 90;
  margin-top: 7px;
  margin-left: 6px;
}

.img_Consumido_2 img {
  width: 95px;
  height: 95px;
  opacity: 0.5;
  filter: saturate(150%) contrast(70%) blur(1px);
}

.img_inv_p {
  width: 95px;
  height: 95px;
  max-width: 95px;
  max-height: 95px;
}

.inv_marco {
  margin: 8px 0px 0px 7px;
  position: absolute;
  z-index: 100;
}

.inv_img {
  margin: 7px 0px 0px 7px;
  position: absolute;
  z-index: 90;
}

.inv_calidad {
  margin: 7px 0px 0px 7px;
  position: absolute;
  z-index: 80;
}

.inv_Caja_Armas,
.inv_Caja_Equipamiento,
.inv_Caja_Consumibles,
.inv_Caja_Objetos {
  z-index: 100;
}

.inv_Caja_Equipo_2 {
  z-index: 120;
}

.inv_Caja_Equipo {
  z-index: 119;
}

.inv_Caja_Datos {
  z-index: 200;
}

.INV_Caja_Articulo_1 {
  float: left;
  padding: 0px 3px 5px 0px;
  width: 100%;
  min-width: 350px;
  max-width: 383px;
}

.INV_Caja_Articulo_2 {
  float: left;
  min-height: 136px;
  min-width: 350px;
  max-width: 385px;
  width: 100%;
  margin-top: -5px;
  padding: 0px 2px 5px 5px;
  text-align: center;
}

.INV_capa_img_marco_calidad {
  float: left;
  min-width: 100px;
  min-height: 136px;
  padding: 15px 0 0 0;
}

.INV_Hueco_Nombre_Calidad {
  float: left;
  min-height: 136px;
  min-width: 250px;
}

.INV_cajaforzada_Nombre_Articulo {
  width: 272px;
  height: 100px;
  border-radius: 10px;
  margin: 0 auto;
}

.INV_cajahueco {
  color: #8ec476;
  font-size: 30px;
}

.INV_capa_nombrecalidad {
  font-size: 25px;
}

.INV_capaitemlvl {
  float: left;
  min-height: 136px;
}

table.INV_table_Arma_Equipo {
  color: white;
  text-align: center;
  margin: 30px auto;
}

table.INV_Tabla_Estadisticas {
  text-shadow: 1px 1px 0px black;
}

.Inv_Progress {
  height: 23px;
  margin: 0px auto 6px auto;
  border: 0px;
}

.INV_Calidad_2 {
  margin: 5px 5px 5px 15px;
  height: 200px;
  width: 200px;
}

.INV_Img_2 {
  position: absolute;
  left: 22px;
  max-height: 185px;
  max-width: 186px;
  margin-top: 20px;
  min-width: 186px;
}

.INV_Marco_2 {
  position: absolute;
  left: 15px;
  height: 200px;
  width: 200px;
  margin-top: 5px;
}

.inv_td_estadisticas {
  vertical-align: text-top;
  min-width: 125px;
  padding: 0px 5px;
}

.inv_btn_statinactivo {
  background-color: #4d4d4d;
  border-bottom-color: #d33148;
  border-radius: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  line-height: 14px;
  font-size: 15px;
  padding: 12px 12px;
  text-decoration: none;
  color: #9f9f9f;
  margin: 3px auto 3px auto;
  display: inline-block;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.inv_dataobjetorow {
  min-width: 125px;
  font-size: 20px;
  background-color: #00000080;
  border: 1px solid white;
  border-radius: 10px;
  padding: 6px;
}

.inv_casilla_itemlvl {
  color: #dfff00;
  font-size: 50px;
  line-height: 37px;
}

.inv_casilla_itemlvl_name {
  font-size: 25px;
  color: #ffdf00;
}

.inv_casilla_mejora {
  font-size: 25px;
}

.inv_cajatextoinfo {
  width: 96%;
  max-width: 200px;
  max-width: 450px;
  height: auto;
  max-height: 300px;
  min-height: 70px;
  border: 1px solid white;
  border-radius: 15px;
  font-size: 20px;
  text-shadow: 1px 1px 1px black;
  padding: 5px;
  background-color: #7009d761;
  overflow-x: hidden;
}

.objeto_interno {
  cursor: url("../img/cursor/cursor_g.png"), auto;
}

.inv_cargandopuntos2 img {
  border-radius: 9px;
}

.inv_cargandopuntos {
  position: absolute;
  z-index: 200;
  display: none;
  filter: brightness(1.1);
  mix-blend-mode: difference;
}

.inv_cargandopuntos img {
  border-radius: 9px;
}

/*----------[TABLA EQUIPO]----------*/
.Equipo_Table {
  border-spacing: 0;
  min-width: 370px;
  background-image: url("../../fondos/madera7.jpg");
  border: 3px solid #95815a;
  border-radius: 8px;
  min-height: 400px;
  padding: 0px;
}

.Equipo_Table td {
  overflow: hidden;
}

.Equipo_Table .td-Pieza {
  width: 65px;
}

.Equipo_Table .td-ArmaPrin {
  width: 50px;
  text-align: center;
}

.Equipo_Table .td-ArmaSec {
  width: 50px;
}

.Equipo_Table .td-FrutaCon {
  width: 50px;
  text-align: center;
}

.Tabla_Equipo_TD_Avatar {
  width: 100px;
}

.td-Capa-Avatar_Clase {
  color: #fb2121;
  line-height: 25px;
  text-align: center;
  font-family: Pirata3;
  margin: 23px auto 0px -20px;
  font-size: 25px;
  overflow-wrap: break-word;
  z-index: 1;
  position: absolute;
}

.td-Capa-Avatar_Nvl {
  color: yellow;
  line-height: 25px;
  text-align: center;
  font-family: Pirata3;
  margin: 23px auto 0px auto;
  font-size: 28px;
  overflow-wrap: break-word;
  z-index: 1;
  position: absolute;
  right: -15px;
}

.td-Capa-Avatar_Nombre {
  background: #1a8a6054;
  padding: 3px;
  border-radius: 15px;
  color: #ffb300;
  line-height: 30px;
  text-align: center;
  font-family: Pirata3;
  margin-top: 15px;
  font-size: 22px;
  overflow-wrap: break-word;
}

.td-Capa-Avatar_NRango {
  text-align: center;
  color: #c700ff;
  font-family: Pirata4;
  font-size: 20px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.td-Capa-Avatar {
  position: absolute;
  background: -moz-linear-gradient(90deg,
      rgba(2, 0, 36, 0) 0%,
      rgba(0, 0, 0, 0.50537821964723385) 17%,
      rgba(0, 0, 0, 0.5081793400954131) 83%,
      rgba(0, 212, 255, 0) 100%);
  background: -webkit-linear-gradient(90deg,
      rgba(2, 0, 36, 0) 0%,
      rgba(0, 0, 0, 0.50537821964723385) 17%,
      rgba(0, 0, 0, 0.5081793400954131) 83%,
      rgba(0, 212, 255, 0) 100%);
  background: linear-gradient(90deg,
      rgba(2, 0, 36, 0) 0%,
      rgba(0, 0, 0, 0.50537821964723385) 17%,
      rgba(0, 0, 0, 0.5081793400954131) 83%,
      rgba(0, 212, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#00d4ff", GradientType=1);
  border-radius: 10px;
  width: 180px;
  padding: 60px 5px 5px 5px;
  top: 2px;
  left: 90px;
  height: 266px;
  text-align: center;
  text-shadow: 0px 2px 3px black;
}

.Equipo_Table_td_inv_Img_2 {
  position: absolute;
  top: 0px;
  left: 4px;
}

.Equipo_Table_td_inv_Marco_2 {
  position: absolute;
  top: 0px;
  left: 4px;
}

.Equipo_Table_td_inv_Calidad_2 {
  position: absolute;
  top: 0px;
  left: 4px;
}

.plus_add_objeto {
  position: absolute;
  z-index: 4;
  background-color: #00f3ff;
  bottom: 0px;
  width: 14px;
  border-radius: 10px;
  height: 13px;
  border: 1px solid black;
  font-size: 12px;
  padding-top: 0px;
}

.lvl_add_objeto {
  position: absolute;
  z-index: 4;
  color: #ffe300;
  font-size: 11px;
  right: 8px;
  width: 50px;
  bottom: 1px;
  text-align: right;
  text-shadow: -1px -1px 2px black;
}

.Capa_Absoluta_H_y_O_T_Equipo {
  position: relative;
  margin: 0px auto;
  text-align: center;
  padding: 5px 0px 5px 6px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
  height: 50px;
}

.Capa_IMG_Hueco_T_Equipo {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.Capa_IMG_Hueco_T_Equipo img {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 4px;
  z-index: 2;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.Capa_IMG_Hueco_T_Equipo_2 img {
  width: 50px;
  height: 50px;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.Capa_IMG_Objeto_T_Equipo {
  position: absolute;
  z-index: 3;
  width: 100%;
  margin: 0 auto;
}

.Capa_IMG_Objeto_T_Equipo img {
  width: 50px;
  height: 50px;
  z-index: 0;
  border: none;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.Equipo_Table_version_PC {
  position: relative;
  width: 320px;
  margin: 20px auto 0 auto;
  height: 430px;
}

.Equipo_Table_version_PC2 {
  position: absolute;
}

.BOX_Shadow {
  box-shadow: 0px 2px 5px 2px #000;
}

.td_caja_opciones,
.td_caja_opciones_Equipado {
  position: absolute;
  z-index: 4;
  width: 220px;
  height: 305px;
  top: 0px;
  left: 68px;
  padding: 5px 5px 5px 5px;
  color: white;
  background: #000000;
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  text-shadow: 0px 2px 3px black;
  display: none;
  background-image: url("../../fondos/madera7.jpg");
  border: 3px solid #959595;
  background-blend-mode: luminosity, normal;
}

.td_caja_opciones_Equipado img {
  box-shadow: 0px 2px 3px 1px #000;
  position: absolute;
  top: 5px;
  left: 40px;
  width: 140px;
  height: 140px;
}

.td_caja_opciones_Equipado img.td_caja_O_Equip_Imgdemon {
  box-shadow: none;
  position: absolute;
  width: 75px;
  height: 75px;
  top: 37px;
  left: 120px;
}

.td_caja_opciones_imagenhueco {
  top: 70px;
  left: 45px;
  width: 140px;
  height: 140px;
  position: absolute;
}

.td_caja_O_Equip_Nombre {
  font-size: 20px;
  font-family: Pirata3;
  margin-top: 4px;
}

.td_caja_O_Equip_img_stats {
  position: relative;
}

.boton_tipo_td_caja_ranura {
  position: absolute;
  top: 30px;
  left: 0px;
  font-family: Pirata3;
  font-size: 25px;
  width: 100%;
}

.td_caja_O_Equip_Hueco {
  position: absolute;
  top: -3px;
  width: 100%;
  left: 0px;
  z-index: 5;
}

.td_caja_O_Equip_ImgF_2 {
  z-index: 1;
}

.td_caja_O_Equip_Img {
  z-index: 2;
}

.td_caja_O_Equip_ImgM_3 {
  z-index: 4;
}

.td_caja_O_Equip_ImgF_2_F {
  top: 18px !important;
  left: 60px !important;
  width: 100px !important;
  height: 100px !important;
  z-index: 1;
}

.td_caja_O_Equip_Img_F {
  top: 18px !important;
  left: 60px !important;
  width: 100px !important;
  height: 100px !important;
  z-index: 2;
}

.td_caja_O_Equip_ImgM_3_F {
  top: 18px !important;
  left: 60px !important;
  width: 100px !important;
  height: 100px !important;
  z-index: 4;
}

.td_caja_O_Equip_Img {
  width: 130px !important;
  height: 130px !important;
  box-shadow: none !important;
  margin: 5px auto auto 5px !important;
}

.td_caja_O_Equip_ItemLVL {
  position: absolute;
  top: 215px;
  left: 20px;
  z-index: 4;
  font-weight: bold;
}

.td_caja_O_Equip_ItemLVL_2 {
  color: yellow;
  background: black;
  padding: 2px 5px;
}

.td_caja_O_Equip_Mejora {
  position: absolute;
  top: 215px;
  left: 96px;
  z-index: 4;
  font-weight: bold;
}

.td_caja_O_Equip_Mejora_2 {
  color: yellow;
  background: black;
  padding: 2px 5px;
}

.td_caja_O_Equip_ItemLVL_F {
  position: absolute;
  top: 255px;
  left: 40px;
  z-index: 4;
  font-weight: bold;
}

.td_caja_O_Equip_ItemLVL_2_F {
  color: yellow;
  background: black;
  padding: 2px 5px;
}

.boton_tipo_td_caja_huecovacio {
  position: absolute;
  top: 225px;
  color: #ff2c2c;
  font-weight: bold;
  width: 95%;
  background: black;
  padding: 2px 1px;
}

.td_caja_O_Equip_Entrenamiento {
  position: absolute;
  top: 155px;
  z-index: 4;
  color: cyan;
  font-weight: bold;
  width: 100%;
}

.td_caja_O_Equip_Fecha,
.td_caja_O_Equip_Nivelact_2 {
  color: yellow;
}
.td_caja_O_Equip_Fecha_2{
  background: black;
  padding: 2px 6px; 
}
.td_caja_O_Equip_Expact_2 {
  color: #4adf45;
}

.td_caja_O_Equip_Expmax_2,
.td_caja_O_Equip_Nivelmax_2,
.td_caja_O_Equip_bar {
  color: white;
}

.td_caja_O_Equip_textlvlxp {
  color: #ff00e3;
  background: black;
  padding: 3px 6px;
}

.td_caja_O_Equip_Durabilidad {
  position: absolute;
  top: 145px;
  width: 100%;
  left: 0px;
  z-index: 5;
}

.w3-progressbar_Equip_Durab {
  height: 100%;
  position: absolute;
  line-height: inherit;
  background-color: #f7954f;
  z-index: 4;
}

.w3-progress-container_Equip_Durab {
  width: 140px;
  height: 0.4em;
  position: absolute;
  top: 151px;
  left: 40px;
  background-color: #f1f1f1;
  margin: 0px auto 5px auto;
  border: 1px solid black;
  z-index: 4;
}

.td_caja_O_Equip_Peso {
  position: absolute;
  top: 215px;
  right: 30px;
  z-index: 4;
  font-weight: bold;
}

.td_caja_O_Equip_Fruta {
  position: absolute;
  top: 200px;
  z-index: 4;
  display: none;
  color: cyan;
  font-weight: bold;
  width: 100%;
}

.td_caja_O_Equip_Peso_2 {
  color: yellow;
  background: black;
  padding: 2px 5px;
}

.Perfil_Jugador {
  background-color: #ffdea2;
  border: 30px solid transparent;
  border-image-width: 2;
  border-image-source: url("../img/ico/Estilo_Caja_1.png");
  border-image-slice: 40%;
  border-image-repeat: round;
}

		/* ---- Chat OPMYA ---- */

		.Caja_Admin {
			position: fixed;
			top: 10%;
			left: 5%;
			right: 5%;
			bottom: 10%;
			background: #3585ccc4;
			z-index: 100;
			width: 80%;
			padding: 10px;
			border-radius: 15px;
			border: 2px solid white;
			display: none;
		}

		.Caja_Admin_2 {
			position: relative;
			background: #3585ccc4;
			border: 2px solid white;
			overflow: auto;
			top: 5px;
			height: 85%;
		}

		.divbotonadmin {
			display: inline;
			margin-bottom: 2px;
		}

		.boton_admin {
			width: 160px;
			max-width: 220px;
			margin: 3px 3px;
			height: 32px;
			font-size: 90%;
			cursor: url("../img/cursor/cursor_c.png"), auto;
		}

		table.table_admin {
			text-align: center;
			width: 100%;
		}

		table.table_admin select {
			display: inline-block;
			padding: 5px 10px;
			height: 42px;
			margin: 10px auto;
			min-width: 225px;
			appearance: none;
			-webkit-appearance: none;
			height: 34px;
			/* background-color: #ffffff; */
			background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
				linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
			background-repeat: no-repeat, repeat;
			background-position: right .7em top 50%, 0 0;
			background-size: .65em auto, 100%;
		}

		.styled-select {
			width: 240px;
			height: 34px;
			overflow: hidden;
			background: url(new_arrow.png) no-repeat right #ddd;
			border: 1px solid #ccc;
		}

		.select_param,
		.select_param_2 {
			max-width: 400px;
			display: none;
		}

		.capas_select {
			max-width: 400px;
			display: inline-block;
		}

		.capas_select span,
		.select_param span,
		.select_param_2 span {
			color: orange;
			font-weight: bold;
			font-size: 17px;
		}

		.titulo_capa_evento {
			text-align: center;
			font-size: 25px;
			font-weight: bold;
			color: #ffe300;
		}

		.hr_style_1 {
			border: 2px solid khaki;
			height: 2px;
			background-color: darkkhaki;
		}

		.Confirmar_Cancelar_Capa {
			position: absolute;
			bottom: 5px;
			left: 50%;
			width: 340px;
			text-align: center;
			margin-left: -170px;
		}

/*----------[BOTONES td caja Equip]----------*/

.td_caja_O_Equip_BCambiar {
  background: transparent;
  width: 120px;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 10px;
  text-shadow: none;
}

.td_caja_O_Equip_BCambiar .top,
.td_caja_O_Equip_BCambiar .bottom,
.td_caja_O_Equip_BCambiar .bottom_2 {
  background: transparent;
  font-size: 1px;
}

.td_caja_O_Equip_BCambiar .top,
.td_caja_O_Equip_BCambiar .bottom_2,
.td_caja_O_Equip_BCambiar .boxcontent {
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.td_caja_O_Equip_BCambiar .boxcontent {
  padding: 5px 5px 5px 5px;
  background: #7cce3f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.td_caja_O_Equip_BCambiar .t1,
.td_caja_O_Equip_BCambiar .t2,
.td_caja_O_Equip_BCambiar .t3,
.td_caja_O_Equip_BCambiar .t4,
.td_caja_O_Equip_BCambiar .t5 {
  overflow: hidden;
  height: 1px;
  background: #7cce3f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BCambiar .b1,
.td_caja_O_Equip_BCambiar .b2,
.td_caja_O_Equip_BCambiar .b3,
.td_caja_O_Equip_BCambiar .b4,
.td_caja_O_Equip_BCambiar .b5 {
  overflow: hidden;
  height: 1px;
  background: #4e8227;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BCambiar .b1_2,
.td_caja_O_Equip_BCambiar .b2_2,
.td_caja_O_Equip_BCambiar .b3_2,
.td_caja_O_Equip_BCambiar .b4_2,
.td_caja_O_Equip_BCambiar .b5_2 {
  overflow: hidden;
  height: 1px;
  background: #7cce3f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BCambiar .t1 {
  margin: 0 5px;
  background: #000;
}

.td_caja_O_Equip_BCambiar .t2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BCambiar .t3 {
  margin: 0 3px;
}

.td_caja_O_Equip_BCambiar .t4 {
  margin: 0 2px;
}

.td_caja_O_Equip_BCambiar .t5 {
  margin: 0 1px;
}

.td_caja_O_Equip_BCambiar .b4 {
  margin: 0 7px;
}

.td_caja_O_Equip_BCambiar .b5 {
  margin: 0 6px;
}

.td_caja_O_Equip_BCambiar .b1_2 {
  margin: 0 5px;
  background: #7cce3f;
}

.td_caja_O_Equip_BCambiar .b2_2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BCambiar .b3_2 {
  margin: 0 3px;
}

.td_caja_O_Equip_BCambiar .b4_2 {
  margin: 0 2px;
}

.td_caja_O_Equip_BCambiar .b5_2 {
  margin: 0 1px;
}

.td_caja_O_Equip_BDesequipar {
  background: transparent;
  width: 90px;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-shadow: none;
}

.td_caja_O_Equip_BDesequipar .top,
.td_caja_O_Equip_BDesequipar .bottom,
.td_caja_O_Equip_BDesequipar .bottom_2 {
  background: transparent;
  font-size: 1px;
}

.td_caja_O_Equip_BDesequipar .top,
.td_caja_O_Equip_BDesequipar .bottom_2,
.td_caja_O_Equip_BDesequipar .boxcontent {
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.td_caja_O_Equip_BDesequipar .boxcontent {
  padding: 5px 5px 5px 5px;
  background: #ee1433;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.td_caja_O_Equip_BDesequipar .t1,
.td_caja_O_Equip_BDesequipar .t2,
.td_caja_O_Equip_BDesequipar .t3,
.td_caja_O_Equip_BDesequipar .t4,
.td_caja_O_Equip_BDesequipar .t5 {
  overflow: hidden;
  height: 1px;
  background: #ee1433;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BDesequipar .b1,
.td_caja_O_Equip_BDesequipar .b2,
.td_caja_O_Equip_BDesequipar .b3,
.td_caja_O_Equip_BDesequipar .b4,
.td_caja_O_Equip_BDesequipar .b5 {
  overflow: hidden;
  height: 1px;
  background: #a21024;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BDesequipar .b1_2,
.td_caja_O_Equip_BDesequipar .b2_2,
.td_caja_O_Equip_BDesequipar .b3_2,
.td_caja_O_Equip_BDesequipar .b4_2,
.td_caja_O_Equip_BDesequipar .b5_2 {
  overflow: hidden;
  height: 1px;
  background: #ee1433;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BDesequipar .t1 {
  margin: 0 5px;
  background: #000;
}

.td_caja_O_Equip_BDesequipar .t2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BDesequipar .t3 {
  margin: 0 3px;
}

.td_caja_O_Equip_BDesequipar .t4 {
  margin: 0 2px;
}

.td_caja_O_Equip_BDesequipar .t5 {
  margin: 0 1px;
}

.td_caja_O_Equip_BDesequipar .b4 {
  margin: 0 7px;
}

.td_caja_O_Equip_BDesequipar .b5 {
  margin: 0 6px;
}

.td_caja_O_Equip_BDesequipar .b1_2 {
  margin: 0 5px;
  background: #ee1433;
}

.td_caja_O_Equip_BDesequipar .b2_2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BDesequipar .b3_2 {
  margin: 0 3px;
}

.td_caja_O_Equip_BDesequipar .b4_2 {
  margin: 0 2px;
}

.td_caja_O_Equip_BDesequipar .b5_2 {
  margin: 0 1px;
}

.tabla_cambiar_obj {
  color: white;
  text-align: center;
  margin: 0 auto;
}

.caja_negra_stats {
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid white;
  text-shadow: 1px 1px 1px black;
}

.caja_negra_stats td {
  padding: 5px;
}

.celda_titulo_caja_equipar {
  font-size: 30px;
  padding: 15px;
}

.texto_titulo_caja_equipado {
  color: white;
  padding: 5px;
  font-size: 20px;
  border-radius: 10px 10px 0 0;
}

.texto_titulo_caja_nuevo {
  color: white;
  padding: 5px;
  font-size: 20px;
  border-radius: 10px 10px 0 0;
}

.cambio_equipo_flechas {
  width: 150px;
  height: 150px;
}

.td_caja_O_Equip_BCambiar_2 {
  width: 151px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

.td_caja_O_Equip_BCambiar_2 .top,
.td_caja_O_Equip_BCambiar_2 .bottom,
.td_caja_O_Equip_BCambiar_2 .bottom_2 {
  background: transparent;
  font-size: 1px;
}

.td_caja_O_Equip_BCambiar_2 .top,
.td_caja_O_Equip_BCambiar_2 .bottom_2,
.td_caja_O_Equip_BCambiar_2 .boxcontent {
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.td_caja_O_Equip_BCambiar_2 .boxcontent {
  padding: 5px 5px 5px 5px;
  background: #7cce3f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.td_caja_O_Equip_BCambiar_2 .t1,
.td_caja_O_Equip_BCambiar_2 .t2,
.td_caja_O_Equip_BCambiar_2 .t3,
.td_caja_O_Equip_BCambiar_2 .t4,
.td_caja_O_Equip_BCambiar_2 .t5 {
  overflow: hidden;
  height: 1px;
  background: #7cce3f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BCambiar_2 .b1,
.td_caja_O_Equip_BCambiar_2 .b2,
.td_caja_O_Equip_BCambiar_2 .b3,
.td_caja_O_Equip_BCambiar_2 .b4,
.td_caja_O_Equip_BCambiar_2 .b5 {
  overflow: hidden;
  height: 1px;
  background: #4e8227;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BCambiar_2 .b1_2,
.td_caja_O_Equip_BCambiar_2 .b2_2,
.td_caja_O_Equip_BCambiar_2 .b3_2,
.td_caja_O_Equip_BCambiar_2 .b4_2,
.td_caja_O_Equip_BCambiar_2 .b5_2 {
  overflow: hidden;
  height: 1px;
  background: #7cce3f;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BCambiar_2 .t1 {
  margin: 0 5px;
  background: #000;
}

.td_caja_O_Equip_BCambiar_2 .t2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BCambiar_2 .t3 {
  margin: 0 3px;
}

.td_caja_O_Equip_BCambiar_2 .t4 {
  margin: 0 2px;
}

.td_caja_O_Equip_BCambiar_2 .t5 {
  margin: 0 1px;
}

.td_caja_O_Equip_BCambiar_2 .b4 {
  margin: 0 7px;
}

.td_caja_O_Equip_BCambiar_2 .b5 {
  margin: 0 6px;
}

.td_caja_O_Equip_BCambiar_2 .b1_2 {
  margin: 0 5px;
  background: #7cce3f;
}

.td_caja_O_Equip_BCambiar_2 .b2_2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BCambiar_2 .b3_2 {
  margin: 0 3px;
}

.td_caja_O_Equip_BCambiar_2 .b4_2 {
  margin: 0 2px;
}

.td_caja_O_Equip_BCambiar_2 .b5_2 {
  margin: 0 1px;
}

.td_caja_O_Equip_BDesequipar_2 {
  width: 151px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

.td_caja_O_Equip_BDesequipar_2 .top,
.td_caja_O_Equip_BDesequipar_2 .bottom,
.td_caja_O_Equip_BDesequipar_2 .bottom_2 {
  background: transparent;
  font-size: 1px;
}

.td_caja_O_Equip_BDesequipar_2 .top,
.td_caja_O_Equip_BDesequipar_2 .bottom_2,
.td_caja_O_Equip_BDesequipar_2 .boxcontent {
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.td_caja_O_Equip_BDesequipar_2 .boxcontent {
  padding: 5px 5px 5px 5px;
  background: #ee1433;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.td_caja_O_Equip_BDesequipar_2 .t1,
.td_caja_O_Equip_BDesequipar_2 .t2,
.td_caja_O_Equip_BDesequipar_2 .t3,
.td_caja_O_Equip_BDesequipar_2 .t4,
.td_caja_O_Equip_BDesequipar_2 .t5 {
  overflow: hidden;
  height: 1px;
  background: #ee1433;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BDesequipar_2 .b1,
.td_caja_O_Equip_BDesequipar_2 .b2,
.td_caja_O_Equip_BDesequipar_2 .b3,
.td_caja_O_Equip_BDesequipar_2 .b4,
.td_caja_O_Equip_BDesequipar_2 .b5 {
  overflow: hidden;
  height: 1px;
  background: #a21024;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BDesequipar_2 .b1_2,
.td_caja_O_Equip_BDesequipar_2 .b2_2,
.td_caja_O_Equip_BDesequipar_2 .b3_2,
.td_caja_O_Equip_BDesequipar_2 .b4_2,
.td_caja_O_Equip_BDesequipar_2 .b5_2 {
  overflow: hidden;
  height: 1px;
  background: #ee1433;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.td_caja_O_Equip_BDesequipar_2 .t1 {
  margin: 0 5px;
  background: #000;
}

.td_caja_O_Equip_BDesequipar_2 .t2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BDesequipar_2 .t3 {
  margin: 0 3px;
}

.td_caja_O_Equip_BDesequipar_2 .t4 {
  margin: 0 2px;
}

.td_caja_O_Equip_BDesequipar_2 .t5 {
  margin: 0 1px;
}

.td_caja_O_Equip_BDesequipar_2 .b4 {
  margin: 0 7px;
}

.td_caja_O_Equip_BDesequipar_2 .b5 {
  margin: 0 6px;
}

.td_caja_O_Equip_BDesequipar_2 .b1_2 {
  margin: 0 5px;
  background: #ee1433;
}

.td_caja_O_Equip_BDesequipar_2 .b2_2 {
  margin: 0 4px;
}

.td_caja_O_Equip_BDesequipar_2 .b3_2 {
  margin: 0 3px;
}

.td_caja_O_Equip_BDesequipar_2 .b4_2 {
  margin: 0 2px;
}

.td_caja_O_Equip_BDesequipar_2 .b5_2 {
  margin: 0 1px;
}

/*----------[HOVER STILOS]----------*/

.infoespacio3:hover {
  background-color: #ffffff40;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.infopeso3:hover {
  background-color: #ffffff40;
  cursor: url("../img/cursor/cursor_c.png"), auto;
}

.objeto_interno:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.inv_btn2:hover {
  background-image: url("../../fondos/madera6.jpg");
}

.inv_btn_statinactivo:hover {
  background: #ffffff70;
}

.inv_btn_statinactivo:active {
  background: #ee0000bf;
}

.inv_boton_Ver_Equipo:hover {
  background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
  background-color: #0688fa;
}

.inv_avatar_efecto:hover {
  background-color: #ffffff40;
}

.inv_boton_Ver_Equipo:active {
  position: relative;
  top: 1px;
}

.inv_boton_Ver_Equipo:hover .inv_avatar_efecto {
  background-color: #ffffff40;
}

.Capa_Absoluta_H_y_O_T_Equipo:hover .Capa_IMG_Hueco_T_Equipo img {
  filter: brightness(200%);
  -webkit-filter: brightness(200%);
  -moz-filter: brightness(200%);
  -o-filter: brightness(200%);
  -ms-filter: brightness(200%);
}

.Capa_Absoluta_H_y_O_T_Equipo:hover .Capa_IMG_Objeto_T_Equipo img {
  filter: brightness(120%);
  -webkit-filter: brightness(120%);
  -moz-filter: brightness(120%);
  -o-filter: brightness(120%);
  -ms-filter: brightness(120%);
}

.Capa_Absoluta_H_y_O_T_Equipo:active .Capa_IMG_Objeto_T_Equipo img {
  top: 1px;
}

.Capa_Absoluta_H_y_O_T_Equipo:active .lvl_add_objeto {
  bottom: 1px;
}

.td_caja_O_Equip_BCambiar:active {
  width: 116px;
  left: 12px;
}

.td_caja_O_Equip_BCambiar:active .bottom {
  display: none;
}

.td_caja_O_Equip_BDesequipar:active {
  width: 86px;
  right: 12px;
}

.td_caja_O_Equip_BDesequipar:active .bottom {
  display: none;
}

.td_caja_O_Equip_BDesequipar:hover .boxcontent {
  background: #fb6076;
}

.td_caja_O_Equip_BDesequipar:hover .t1,
.td_caja_O_Equip_BDesequipar:hover .t2,
.td_caja_O_Equip_BDesequipar:hover .t3,
.td_caja_O_Equip_BDesequipar:hover .t4,
.td_caja_O_Equip_BDesequipar:hover .t5 {
  background: #fb6076;
}

.td_caja_O_Equip_BDesequipar:hover .b1_2,
.td_caja_O_Equip_BDesequipar:hover .b2_2,
.td_caja_O_Equip_BDesequipar:hover .b3_2,
.td_caja_O_Equip_BDesequipar:hover .b4_2,
.td_caja_O_Equip_BDesequipar:hover .b5_2 {
  background: #fb6076;
}

.td_caja_O_Equip_BCambiar:hover .boxcontent {
  background: #99e362;
}

.td_caja_O_Equip_BCambiar:hover .t1,
.td_caja_O_Equip_BCambiar:hover .t2,
.td_caja_O_Equip_BCambiar:hover .t3,
.td_caja_O_Equip_BCambiar:hover .t4,
.td_caja_O_Equip_BCambiar:hover .t5 {
  background: #99e362;
}

.td_caja_O_Equip_BCambiar:hover .b1_2,
.td_caja_O_Equip_BCambiar:hover .b2_2,
.td_caja_O_Equip_BCambiar:hover .b3_2,
.td_caja_O_Equip_BCambiar:hover .b4_2,
.td_caja_O_Equip_BCambiar:hover .b5_2 {
  background: #99e362;
}

#btnControl1 {
  display: none;
}

#btnControl2 {
  display: none;
}

#btnControl3 {
  display: none;
}

#btnControl4 {
  display: none;
}

#btnControl1:checked+label {
  background-image: url("../../fondos/madera6.jpg");
}

#btnControl2:checked+label {
  background-image: url("../../fondos/madera6.jpg");
}

#btnControl3:checked+label {
  background-image: url("../../fondos/madera6.jpg");
}

#btnControl4:checked+label {
  background-image: url("../../fondos/madera6.jpg");
}

@media (orientation: portrait) {
  #portrait {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: #3585cc;
    z-index: 990000;
    width: 100%;
    height: 100vh;
    font-size: 120%;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (min-width: 0px) and (max-width: 1070px) {
  /* pantalla en horizontal and (orientation : landscape)*/

  /*----------[En Version Movil Se ocultan]----------*/
  .cajabotonespuja,
  .espaciospc,
  .versionpc,
  .versionpcpuja,
  .cajaestadisticasizq,
  .cajaestadisticasder,
  span[name="versionpc"] {
    display: none;
  }

  /*----------[En Version Movil Se Muestra]----------*/
  .cajabotonespuja2,
  .espaciosmovil,
  .padre,
  .versionmovil,
  span[name="versionmovil"] {
    display: block;
  }

  /*----------[Cambios en Slider]----------*/
  .content-slider-bg,
  .content-slider-1,
  .content-slider-2,
  .rsOverflow {
    width: 100%;
    min-width: 765px;
    max-width: 765px;
  }

  .content-slider-bg {
    padding: inherit;
  }

  .estilocajaarticulosmovil {
    min-height: 272px;
    border-radius: 10px;
    width: 100%;
    min-width: 748px;
    max-width: 748px;
  }

  #pagewrapper_1 {
    margin-top: 11px;
  }

  .contentSlider h3 {
    position: relative;
    margin: 0px auto;
    left: 0;
    right: 0;
    top: -6px;
    z-index: 1;
  }

  .wrapper {
    margin: -10px auto 0px auto;
  }

  /*----------[Barras de Progreso]----------*/
  .w3-progress-container,
  .w3-progress-container2,
  .w3-progressbarnumber,
  .w3-progressbarnumber2 {
    width: 100%;
    min-width: 100px;
  }

  .inv_w3-progress-container,
  .inv_w3-progress-container2,
  .inv_w3-progressbarnumber,
  .inv_w3-progressbarnumber2 {
    width: 100%;
    min-width: 100px;
  }

  /*----------[Cajas de los Artículos]----------*/
  .cajaestilomadera4 {
    padding: 2px;
    min-width: 773px;
  }

  .tablasgrises_p {
    margin: 5px auto;
  }

  .cajamano {
    position: fixed;
    top: 140px;
    left: 37.5%;
    z-index: 50;
    width: 25%;
    padding: 10px;
    align-items: center;
  }

  .PujaP {
    position: fixed;
    top: 25%;
    left: 25%;
    background: #3585cce6;
    z-index: 100;
    width: 50%;
    padding: 10px;
    align-items: center;
    border-radius: 15px;
    border: 2px solid white;
  }

  .cajafondoefectooscuro {
    top: 10px;
    left: 0px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 0;
  }

  .cajafondocalidad {
    top: auto;
    left: auto;
    width: 100px;
  }

  .cajahueco {
    float: left;
    position: initial;
    width: 100%;
    min-width: 250px;
    max-width: 273px;
    padding: 5px;
    color: #8ec476;
    font-size: 17px;
  }

  .cajatextoinfo {
    height: 140px;
    max-height: 140px;
  }

  /*----------[Animacion Balanceo para Mano]----------*/
  @-moz-keyframes bote {
    0% {
      -moz-transform: translateX(0);
    }

    10% {
      -moz-transform: translateX(-30px);
    }

    30% {
      -moz-transform: translateX(30px);
    }

    50% {
      -moz-transform: translateX(-30px);
      opacity: 1;
    }

    70% {
      -moz-transform: translateX(30px);
      opacity: 0;
    }

    90% {
      opacity: 0;
    }

    100% {
      -moz-transform: translateY(-500px);
      opacity: 0;
    }
  }

  @-webkit-keyframes bote {
    0% {
      -webkit-transform: translateX(0);
    }

    10% {
      -webkit-transform: translateX(-30px);
    }

    30% {
      -webkit-transform: translateX(30px);
    }

    50% {
      -webkit-transform: translateX(-30px);
      opacity: 1;
    }

    70% {
      -webkit-transform: translateX(30px);
      opacity: 0;
    }

    90% {
      opacity: 0;
    }

    100% {
      -webkit-transform: translateY(-500px);
      opacity: 0;
    }
  }

  @keyframes bote {
    0% {
      transform: translateX(0);
    }

    10% {
      transform: translateX(-30px);
    }

    30% {
      transform: translateX(30px);
    }

    50% {
      transform: translateX(-30px);
      opacity: 1;
    }

    70% {
      transform: translateX(30px);
      opacity: 0;
    }

    90% {
      opacity: 0;
    }

    100% {
      transform: translateY(-500px);
      opacity: 0;
    }
  }

  .cajamano {
    -moz-animation: 8s bote forwards;
    -webkit-animation: 8s bote forwards;
    animation: 8s bote forwards;
  }

  /*----------[Botones]----------*/
  .imgB_actualizar,
  .imgB_pujar,
  .imgB_comprar,
  .imgB_cerrar {
    width: 70px;
    height: 70px;
  }

  .imgB_pujar,
  .imgB_comprar {
    padding-right: 5px;
  }

  .imgB_actualizar {
    padding-left: 5px;
  }

  .boton_puja {
    width: 120px;
    max-width: 220px;
    margin: 3px 3px;
    height: 32px;
    font-size: 90%;
    cursor: url("../img/cursor/cursor_c.png"), auto;
  }

  .divbotonpuja {
    display: inline;
    margin-bottom: 2px;
  }

  .PujaPersonalizada,
  .testdata {
    height: 35px;
    width: 220px;
    font-size: 18px;
    text-align: center;
  }

  /*----------[Estilos Generales]----------*/
  input[type="checkbox"] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2);
    /* IE */
    -moz-transform: scale(2);
    /* FF */
    -webkit-transform: scale(2);
    /* Safari and Chrome */
    -o-transform: scale(2);
    /* Opera */
    transform: scale(2);
    padding: 10px;
    margin: 15px;
  }

  select {
    font-size: 20px;
    text-align: center;
    max-width: 200px;
  }

  input[type="button"],
  [type="password"],
  [type="email"] {
    height: 35px;
    width: 80%;
    font-size: 18px;
    min-width: 235px;
  }

  textarea {
    height: 100px;
    width: 80%;
    font-size: 18px;
  }

  input[type="submit"] {
    height: 35px;
    min-width: 150px;
    font-size: 18px;
  }

  /*----------[Otros]----------*/
  .espaciadonombreart {
    height: 100px;
  }

  .fondotextonaranja3 {
    margin: 0px -11px 0px 0px;
    line-height: 18px;
    border-radius: 10px 0px 0px 10px;
  }

  .imgB_mano {
    height: 80px;
  }

  .n_articulostienda {
    width: 260px !important;
    height: 26px !important;
    font-size: 90% !important;
  }

  .imagenchicaarticulo {
    max-width: 100px;
    max-height: 100px;
    width: 100px;
    height: 100px;
  }

  /*----------[Estilos Inventario Movil]----------*/
  table.INV_table_Arma_Equipo {
    margin: 15px auto 0px auto;
  }

  .inv_dataobjetorow {
    font-size: 15px;
  }

  .INV_cajahueco {
    font-size: 20px;
  }

  .INV_capa_nombrecalidad {
    font-size: 20px;
  }

  .inv_casilla_itemlvl {
    color: #dfff00;
    font-size: 30px;
    line-height: 25px;
  }

  .inv_casilla_itemlvl_name {
    font-size: 16px;
    line-height: 20px;
  }

  .inv_cajatextoinfo {
    font-size: 15px;
    max-width: 280px;
    max-height: 100px;
  }

  .Inv_Progress {
    margin: 0px auto 1px auto;
  }

  .capa_inv_interno2 {
    bottom: 0px;
  }

  .capa_inv_interno5 {
    bottom: 0px;
  }

  .capa_inv_interno6 {
    bottom: 0px;
  }

  .INV_Calidad_2 {
    height: 100px;
    width: 100px;
    margin: 0px auto auto -6px;
    left: 0px;
    max-height: 100px;
    max-width: 100px;
    margin-top: 0px;
    min-width: auto;
  }

  .INV_Img_2 {
    height: 90px;
    width: 90px;
    left: 5px;
    top: 5px;
    max-height: auto;
    max-width: auto;
    margin-top: 0px;
    min-width: auto;
  }

  .INV_Marco_2 {
    height: 100px;
    width: 100px;
    left: 0px;
    top: 0px;
    margin-top: 0px;
  }

  .inv_w3-progress-container2 {
    width: 130px;
  }

  .inv_w3-progress-container {
    width: 130px;
  }

  .inv_w3-progressbarnumber {
    width: 130px;
  }

  .inv_w3-progressbarnumber2 {
    width: 130px;
  }

  .inv_fondotextoverde {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextoverde2 {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextorojo {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextoazul {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextoazul2 {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextoamarillo {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextonaranja {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextonaranja2 {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextonaranja3 {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextovioleta {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextogris {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextogris2 {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_fondotextorosa {
    font-size: 14px;
    line-height: 14px;
  }

  .inv_statinactivo {
    font-size: 14px;
    line-height: 14px;
  }

  table.INV_Tabla_Estadisticas {
    margin-right: 10px;
  }

  .Equipo_Table_version_PC {
    position: initial;
    width: initial;
    margin: initial;
    height: initial;
  }

  .Equipo_Table {
    margin: initial;
    min-height: initial;
  }

  .capa_inv_interno3 {
    bottom: 0px;
  }

  .td-Capa-Avatar {
    width: 210px;
    padding: 3px;
    top: 2px;
    left: 75px;
    height: 225px;
  }

  .td-Capa-Avatar_Nvl {
    margin: 20px auto 0px auto;
    right: 0px;
  }

  .td-Capa-Avatar_Clase {
    line-height: 20px;
    margin: 23px auto 0px -5px;
    font-size: 25px;
  }

  .td-Capa-Avatar_Nombre {
    line-height: 20px;
    font-size: 19px;
  }

  .td-Capa-Avatar_NRango {
    line-height: 20px;
    font-size: 17px;
    margin-top: -3px;
    margin-bottom: 2px;
  }

  .Capa_Absoluta_H_y_O_T_Equipo {
    padding: 0px 0px 6px 6px;
  }

  .td_caja_opciones,
  .td_caja_opciones_Equipado {
    height: 192px;
    padding: 0px 5px 5px 5px;
  }

  .Equipo_Table_version_PC2 {
    left: 10px;
    top: 10px;
  }

  .td_caja_opciones_Equipado {
    height: 192px;
  }

  .td_caja_opciones_Equipado img {
    top: 15px;
    left: 65px;
    width: 90px;
    height: 90px;
  }

  .w3-progress-container_Equip_Durab {
    width: 100px;
    top: 105px;
    left: 59px;
  }

  .td_caja_O_Equip_Durabilidad {
    top: 99px;
  }

  .td_caja_O_Equip_ItemLVL {
    top: 80px;
    right: 10px;
    left: auto;
  }

  .td_caja_O_Equip_Mejora {
    top: 60px;
    left: 13px;
  }

  .td_caja_O_Equip_ItemLVL_F {
    top: 55px;
    left: 20px;
  }

  .td_caja_O_Equip_Peso {
    top: 100px;
    left: 22px;
    right: auto;
  }

  .td_caja_opciones_imagenhueco {
    top: 30px;
    left: 70px;
    width: 90px;
    height: 90px;
  }

  .boton_tipo_td_caja_ranura {
    top: 0px;
    z-index: 1;
  }

  .boton_tipo_td_caja_huecovacio {
    top: 125px;
  }

  .td_caja_opciones_Equipado img.td_caja_O_Equip_Imgdemon {
    width: 60px;
    height: 60px;
    top: -9px;
    left: 195px;
  }

  .td_caja_O_Equip_Fruta {
    top: 145px;
    left: -35px;
  }

  .td_caja_O_Equip_Entrenamiento {
    top: 100px;
  }

  .td_caja_O_Equip_ImgF_2_F {
    top: 18px !important;
    left: 85px !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 1;
  }

  .td_caja_O_Equip_Img_F {
    top: 18px !important;
    left: 85px !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 2;
  }

  .td_caja_O_Equip_ImgM_3_F {
    top: 18px !important;
    left: 85px !important;
    width: 50px !important;
    height: 50px !important;
  }

  .td_caja_O_Equip_Img {
    width: 80px !important;
    height: 80px !important;
    box-shadow: none !important;
    margin: 5px auto auto 5px !important;
  }

  .celda_titulo_caja_equipar {
    font-size: 20px;
  }

  .cambio_equipo_flechas {
    width: 70px;
    height: 70px;
  }

  .INV_Calidad_2_C_Equipo {
    margin: 5px 5px 5px 7px;
    height: 80px;
    width: 80px;
  }

  .INV_Img_2_C_Equipo {
    left: 20px;
    max-height: 60px;
    max-width: 60px;
  }

  .INV_Marco_2_C_Equipo {
    left: 7px;
    height: 80px;
    width: 80px;
    margin-top: 5px;
  }

  .img_Star_Mejora_C_Equipo {
    margin-top: -30px;
    margin-left: -6px;
  }

  .img_Star_Mejora_C_Equipo img {
    width: 30px;
    height: 30px;
  }

  .text_Star_Mejora_C_Equipo {
    font-size: 20px;
    left: 10px;
    top: 6px;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {

  /* pantalla en horizontal and (orientation : landscape)*/

  .capa_inv_interno5 {
    left: 0px;
  }

  .capa_inv_interno6 {
    left: 0px;
  }

  table.INV_table_Arma_Equipo {
    margin: -5px auto 0px auto;
  }

  .Equipo_Table_version_PC {
    position: initial;
    width: initial;
    margin: initial;
    height: initial;
  }

  .Equipo_Table {
    margin: initial;
    min-height: initial;
  }

  .capa_inv_interno3 {
    bottom: 0px;
  }

  .td-Capa-Avatar {
    width: 210px;
    padding: 3px;
    top: 2px;
    left: 75px;
    height: 225px;
  }

  .td-Capa-Avatar_Nvl {
    margin: 20px auto 0px auto;
    right: 0px;
  }

  .td-Capa-Avatar_Clase {
    line-height: 20px;
    margin: 23px auto 0px -5px;
    font-size: 25px;
  }

  .td-Capa-Avatar_Nombre {
    line-height: 20px;
    font-size: 19px;
  }

  .td-Capa-Avatar_NRango {
    line-height: 20px;
    font-size: 17px;
    margin-top: -3px;
    margin-bottom: 2px;
  }

  .Capa_Absoluta_H_y_O_T_Equipo {
    padding: 0px 0px 6px 6px;
  }

  .td_caja_opciones,
  .td_caja_opciones_Equipado {
    height: 190px;
    padding: 0px 5px 5px 5px;
  }

  .Equipo_Table_version_PC2 {
    left: 10px;
    top: 10px;
  }

  .td_caja_opciones_Equipado {
    height: 192px;
  }

  .td_caja_opciones_Equipado img {
    top: 15px;
    left: 65px;
    width: 90px;
    height: 90px;
  }

  .w3-progress-container_Equip_Durab {
    width: 100px;
    top: 105px;
    left: 59px;
  }

  .td_caja_O_Equip_Durabilidad {
    top: 99px;
  }

  .td_caja_O_Equip_ItemLVL {
    top: 80px;
    right: 10px;
    left: auto;
  }

  .td_caja_O_Equip_Mejora {
    top: 60px;
    left: 13px;
  }

  .td_caja_O_Equip_ItemLVL_F {
    top: 55px;
    left: 20px;
  }

  .td_caja_O_Equip_Peso {
    top: 100px;
    left: 22px;
    right: auto;
  }

  .td_caja_opciones_imagenhueco {
    top: 30px;
    left: 70px;
    width: 90px;
    height: 90px;
  }

  .boton_tipo_td_caja_ranura {
    top: 0px;
    z-index: 1;
  }

  .boton_tipo_td_caja_huecovacio {
    top: 125px;
  }

  .td_caja_opciones_Equipado img.td_caja_O_Equip_Imgdemon {
    width: 60px;
    height: 60px;
    top: -9px;
    left: 195px;
  }

  .td_caja_O_Equip_Fruta {
    top: 145px;
    left: -35px;
  }

  .td_caja_O_Equip_Entrenamiento {
    top: 100px;
  }

  .td_caja_O_Equip_ImgF_2_F {
    top: 18px !important;
    left: 85px !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 1;
  }

  .td_caja_O_Equip_Img_F {
    top: 18px !important;
    left: 85px !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 2;
  }

  .td_caja_O_Equip_ImgM_3_F {
    top: 18px !important;
    left: 85px !important;
    width: 50px !important;
    height: 50px !important;
  }

  .td_caja_O_Equip_Img {
    width: 80px !important;
    height: 80px !important;
    box-shadow: none !important;
    margin: 5px auto auto 5px !important;
  }

  .celda_titulo_caja_equipar {
    font-size: 20px;
  }

  .cambio_equipo_flechas {
    width: 50px;
    height: 50px;
  }

  .INV_Calidad_2_C_Equipo {
    margin: 5px 5px 5px 7px;
    height: 80px;
    width: 80px;
  }

  .INV_Img_2_C_Equipo {
    left: 20px;
    max-height: 60px;
    max-width: 60px;
  }

  .INV_Marco_2_C_Equipo {
    left: 7px;
    height: 80px;
    width: 80px;
    margin-top: 5px;
  }

  .img_Star_Mejora_C_Equipo {
    margin-top: -30px;
    margin-left: -6px;
  }

  .img_Star_Mejora_C_Equipo img {
    width: 30px;
    height: 30px;
  }

  .text_Star_Mejora_C_Equipo {
    font-size: 20px;
    left: 10px;
    top: 6px;
  }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  /* pantalla en vertical and (orientation : portrait) */
}

@media screen and (min-width: 481px) and (max-width: 545px) {
  /* pantalla en vertical and (orientation : portrait)*/
}

@media screen and (min-width: 0px) and (max-width: 710px) {
  /* pantalla en horizontal and (orientation : landscape)*/
}

/* Moviles de Pantalla Grande */
/* Moviles de Pantalla Grande */

@media screen and (min-width: 711px) and (max-width: 1085px) {
  /* pantalla en horizontal and (orientation : landscape)*/
}

@media screen and (min-width: 711px) and (max-width: 1440px) {
  /* pantalla en horizontal and (orientation : landscape)*/
}

@media screen and (min-width: 711px) and (max-width: 1840px) {
  /* pantalla en horizontal and (orientation : landscape)*/
}

@media screen and (min-width: 1841px) {
  /* pantalla gigante */
}

@media screen and (min-width: 0px) and (max-width: 1080px) {
  .B_Inventario {
    bottom: 5px;
    right: 5px;
  }
}