.breadcrumb {
  background-color: white;
}

.breadcrumb li a {
  color: #9FB200;
  text-decoration: underline;
}

body {
  font-family: arial;
}

.contenido {
  margin-top: 10px;
}

p {
  color: #4D4D4D;
  font-size: 14px;
}

.titulo {
  color: #9FB200;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.regresar {
  font-size: 14px;
  font-weight: normal;
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: black;
}

.re-navbar {
  background: #E7E7E7;
  border-radius: 2px;
}

.re-navbar li {
  margin-top: 0px !important;
}

.re-navbar li a {
  color: #4D4D4D;
  border-bottom: 1px solid #CCCCCC;
  border-radius: 0;
}

.re-navbar li a:hover {
  background-color: #CCCCCC !important;
}

.re-navbar li:last-child a {
  border: none;
}

.re-navbar li.active > a,
.re-navbar li.active > a:focus {
  background-color: #F2F2F2;
  color: #4D4D4D;
}

.articulo > div {
  padding: 0;
}

.item-lista {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.item-lista img {
  margin-right: 1rem;
}

.item-lista p {
  margin: 0;
}

.button-gray {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
  font-weight: bold;
  color: #4D4D4D;
}

.button-gray img {
  margin-right: 1rem;
}

.tar_tabla_redonda {
  width: 100%;
  padding: 28px 28px;
  border-radius: 15px;
  border: #ddf4ee solid 3px;
}

.tar_tabla_redonda2 {
  width: 100%;
}

.tar_tabla_redonda2 .btn {
  margin-right: 1rem;
}

.tar_tabla_redonda2 .btn-ver {
  color: #557c9b;
}

.tar_tabla_redonda_col_01 {
  padding: 10px 10px;
  border-right: #d4d4d4 solid 1px;
  box-sizing: border-box;
}

.tar_tabla_redonda_col_02 {
  padding: 10px 10px;
  box-sizing: border-box;
}

.tar_tabla_redonda_col_03, .tar_tabla_redonda_col3_b, .tar_tabla_redonda_col3_g {
  border: none;
}

.tar_tabla_redonda_col_01 p, .tar_tabla_redonda_col_03 p, .tar_tabla_redonda_col_02 p, .tar_tabla_redonda_col_04 p {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #48b305;
  text-align: left;
  font-weight: bold;
}

.tar_tabla_redonda_col1_b, .tar_tabla_redonda_col3_b, .tar_tabla_redonda_col2_b, .tar_tabla_redonda_col4_b {
  padding: 5px 10px;
  background: #FFFFFF;
  border-right: #d4d4d4 solid 1px;
  border-top: #d4d4d4 solid 1px;
  box-sizing: border-box;
}

.tar_tabla_redonda_col1_g, .tar_tabla_redonda_col3_g, .tar_tabla_redonda_col2_g, .tar_tabla_redonda_col4_g {
  padding: 7px 10px;
  background: #e9e9e9;
  border-right: #d4d4d4 solid 1px;
  border-top: #d4d4d4 solid 1px;
  box-sizing: border-box;
}

.tar_tabla_redonda_col1_b p,
.tar_tabla_redonda_col3_b p,
.tar_tabla_redonda_col2_b p,
.tar_tabla_redonda_col4_b p,
.tar_tabla_redonda_col1_g p,
.tar_tabla_redonda_col2_g p,
.tar_tabla_redonda_col3_g p,
.tar_tabla_redonda_col4_g p {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #666666;
  text-align: left;
  font-weight: normal;
}

.juego-contenedor .col-md-12 {
  padding: 0px;
}

#draggable {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4rem;
}

#draggable .drag-item {
  width: 150px;
  height: 150px;
  background-color: green;
  cursor: move;
  margin-right: 10px;
}

.drag-item {
  width: 150px;
  height: 150px;
}

#droppable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#droppable > div {
  width: 220px;
  height: 260px;
  background-color: #EDEDED;
  margin: 10px 10px 0 0;
  color: #DBDBDB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

#droppable > div h3 {
  font-size: 64px;
}

#droppable .droppableHover {
  border-width: 3px;
}