/*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;
         }
      }
   }
	 
	&.maxSize-479{
	 
		.teamsContent .row .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*/