@import "lb-vars";

div#wrapper {
   div#istorecontainer {
      div#istorecontents {
         background-color: @color-maintable-bg;
         padding-bottom: 0;

         div#istoreheader {
         }

         div#istoremain {
            min-height: calc(100vh - (120px + 48px));

            table.istoremaintable {
               min-height: calc(100vh - (120px + 48px));
               //background-color: @color-maintable-bg;

               > tbody {
                  > tr {
                     > td {
                        &.tdmedio {
                           min-height: calc(100vh - (120px + 48px));
                        }
                     }
                  }
               }
            }
         }
      }
   }
}




.tdbase {
   position: relative;
   height: 100%;
   vertical-align: top;
}





// Elementos del layout principal
table.mainLayout {
   width: 100%;
   height: 100%;

   td {
      vertical-align: top;

      &.lateralColumn {
         width: 200px;
         background-color: @color-menu-bg;
      }

      &.contentColumn {
         width: calc(100% - 200px);

         .topArea {

            .topMessage {
               min-height: 6px;
               text-align: center;
               width: 80%;
               margin: 4px auto 4px auto;
               padding: 2px 0 2px 0;
               border-radius: 4px;
               color: @color-main;
               letter-spacing: 4px;
               text-transform: uppercase;
               cursor: default;
            }
         }

         .mainArea {

         }
      }

   }
}



.resEstructuraBase {

}

.resEstructuraSecundaria {
   background-color: @color-main-55;
   height: 100%;
   width: 100%;

   .resEstructuraSecundariaCol {
      vertical-align:top;
      width:100%;
      //background-color: @color-main-80;
   }
}



.boxMainContentArea {
   > table > tbody > tr > td {
      vertical-align: top;
   }

   .titleForBoxMainContentArea {
      font-size: 1rem;
      padding: 0.5rem 0 0 1rem;
      font-weight: bold;
   }

   p {
      color: @color-main;
      font-size: 0.9rem;

      &.message {
         padding: 1rem;
         font-size: 1rem;
      }
   }
}

.boxMainContentAreaType1 {
   table {
      td {
         h5 {
            font-size: 1.5rem;
            font-weight: bold;
            padding: 5px;
            margin: 10px 0 0 0;
            text-align: center;
            border: 3px solid deeppink;
            border-radius: 10px;
            cursor: default;

            &.descatalogado {
               color: #000000;
               background-color: #f6d50e;
            }

            &.nostock {
               color: #ffffff;
               background-color: #f51513;
            }
         }
      }
   }
}
.boxMainContentAreaType2 {
   background-color: yellow;
}
.boxMainContentAreaType3 {
   background-color: orange;
}
.boxMainContentAreaType4 {
   background-color: saddlebrown;
}






div.textoplanopanellateral {
   color: #cab165;
   padding: 4px 6px 4px 6px;
   line-height: 16px;
   text-align: left;
   font-size: 12px;

   strong {
      color: #ddce91;
      font-weight: bold;
   }

   em {
      color: #ac913c;
      font-style: italic;
   }
}






table.panellateral {
   width: 200px;
   margin: 0 0 15px 0;

   td {
      &.pl_a {
         height: 39px;
         background-image: url("../res/panelat_a_01.gif");
         background-repeat: no-repeat;

         > div {
            padding: 20px 0 0 0;
            text-align: center;
            font-size: 14px;
            font-style: italic;
            font-weight: bold;
         }
      }

      &.pl_b {
         width: 200px;
         background-image: url("../res/panelat_b_01.gif");
         background-repeat: repeat-y;

         > div {
            margin: 0 10px 0 10px;
         }
      }

      &.pl_c {
         height: 7px;
         background: url("../res/panelat_c_01.gif") no-repeat;
      }
   }
}





.tdPanelInterior {
   background-color: #681A29;
   border: 1px solid #000000;
   margin: 0 6px 8px 6px;
   padding: 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}