/*Historia*/
.history{
   nav.historyNav{
      background: @color02;
      margin-bottom: 1px;
      overflow: hidden;
      height: 40px;
      position: relative;
      ul{
         li{
            float: left;
            a{
               color: @color01_type;
               display: block;
               padding: 8px 12px;
               font-size: 18px;
               font-weight: bold;
               text-decoration: none;
               &:hover{
                  background:@color01;
                  text-decoration: none;
                  color: @color01_h_type;
               }
            }

            &.arrow{
               &.left, &.right{
                  a{
                     width: 0px;
                     height: 0px;
                     border-style: solid;
                     padding: 0;
                     &:hover{
                        background:transparent;
                     } 
                  }
               }
               &.left{
                  border-right: 1px solid @bg;
                  a{
                     border-width:10px 16px 10px 0;
                     border-color: transparent @color01 transparent transparent; 
                     margin: 10px 16px 10px 10px; 
                     &:hover{
                        border-color: transparent lighten(@color01, 5%) transparent transparent;
                     }
                     &.disable{
                        border-color: transparent lighten(@color02, 65%) transparent transparent; 
                        pointer-events:none;
                     }
                  }
               }
               &.right{
                  border-left: 1px solid @bg;
                  position: absolute;
                  right: 0;
                  background: @color02;
                  a{
                     border-width: 10px 0 10px 16px;
                     border-color: transparent transparent transparent @color01;
                     margin: 10px 10px 10px 16px; 
                     &:hover{
                        border-color: transparent transparent transparent lighten(@color01, 5%);
                     }
                     &.disable{
                        border-color: transparent transparent transparent lighten(@color02, 65%);
                        pointer-events:none;
                     }
                  }

               }
            }
            &.active a{
               background:@color01;
               text-decoration: none;
               color: @color01_h_type;
            }
         }
      }
   }
   .headerPicture{
      width: 100%; 
      img{
         width: 100%; 
      }
   }
   .teamsContent{
      background: darken(@bg,5%);
      .row{
         .data{
            padding: 40px 0;
            line-height: 60px;
            div, span{
               float: left;
            }
            .place{
               font-size: 28px;
               font-weight: bold;
               color: @bg_type;
               width: 7%;
            }
            .name{
               font-size: 60px;
               font-weight: bold;
               color: @bg_type;
               width: 50%;
            }
            .goals{
               font-size: 60px;
               font-weight: bold;
               color:@bg_dest_type;
               width: 10%;
            }
            .flag{
               padding: 4% 3% 0;
            }
            .circle{
               &.black{
                  color: @color01_type;
                  width: 38px;
                  height: 38px;
                  font-size: 22px;
                  line-height: 38px;
                  margin-top: 10px;
               }
               &.gray{
                  width: 55px;
                  height: 55px;
                  box-shadow: 0px 0px 6px darken(@bg, 35%);
                  margin-right: 0;
               }
               img{
                  margin: 0 auto;
                  padding: 14px 0 0;
               }
            }
         }
         &.firstPlace{
            border-bottom: 1px solid darken(@bg,20%);
         }
         &.secondPlace{
            border-top: 1px solid @bg;
         }
         @media (max-width: @xs) {
            .data{
               padding: 20px 0;
               line-height: 30px;
               div, span{
                  float: left;
               }
               .place{
                  font-size: 18px;
                  width: 10%;
                  margin-left: 1%;
               }
               .name{
                  font-size: 20px;
                  width: 40%;
               }
               .goals{
                  font-size: 30px;
                  width: 8%;
               }
               .flag{
                  padding: 1% 2% 0;
               }
               .circle{
                  &.black{
                     width: 22px;
                     height: 22px;
                     font-size: 12px;
                     line-height: 22px;
                     margin-top: 1%;
                  }
                  &.gray{
                     width: 30px;
                     height: 30px;
                     img{
                        padding: 7px 0 0;
                        width: 45%;
                     }
                  }
               }
            }
         }
      }
   }
}
/*Fin Historia*/