/*Jugadores*/
.playerCenter{
   .content{
      background:url('../images/border_comparativa.png') repeat-y scroll top center darken(@bg,5%);
      .colLeft, .colRight{
         padding: 40px 0 50px;
         .data{
            padding:6% 0 0;
            span{
               display: block;
               color: @bg_dest_type;
               font-size: 16px;
               font-weight: bold;
               &:nth-child(2){
                  color: @bg_type;
                  text-transform: uppercase;
               }
            }
            div{
               background: @color01;
               color: @color02_type;
               min-height: 30px;
               width: 136px;
               line-height: 30px;
               text-transform: uppercase;
               text-align: center;
               font-size: 12px;
               font-weight: bold;
               margin: 5% 0 0;
               cursor: pointer;
            }
         }
         .positionCircle{
            .circle{
               margin: 50% auto 0;
               float: none;
            }
            img{
               margin: 42% auto 0;
            }
         }
      }
      .colRight{
         .data{
            text-align: right;
            div{
               float: right;
            }
         }
         padding-right: 6%;
         .positionCircle{
            float: right;
         }
         .playerPosition{
            float: right;
         }
      }
      .colLeft{
         padding-left: 6%;
      }
      .colMiddle{
         padding: 55px 0 0;
         position: relative;
         min-height: 115px;
         .circle{
            float: none;
            margin: 0 auto 0;
            width: 100px;
            height: 100px;
            font-size: 50px;
            line-height: 100px;
            color: @color01_type;
            position: relative;
         }
         img{
            margin: 0 auto;
         }
      }
      .changeContent{
         width: 100%;
         min-height: 300px;
         background:@bg;
         display: none;
         margin: 0 auto;
         position: relative;
         &:after{
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 14px solid @bg;
            position: absolute;
            top: -14px;
            left: 0;
            width: 13px;
            height: 14px;
            margin: 0 auto;
            right: 0;
         }
      }
      @media (max-width: @md) {
         .colLeft{
            padding-left: 4%;
         }
         .colRight{
            padding-right: 4%;
         }
      }
      @media (max-width: @sm) {
         .colLeft{
            padding-left: 1%;
         }
         .colRight{
            padding-right: 1%;
         }
         .colMiddle{
            padding: 55px 0 0;
            position: relative;
            min-height: 115px;
            .circle{
               width: 60px;
               height: 60px;
               font-size: 30px;
               line-height: 60px;
            }
         }
      }
      @media (max-width: @xs) {
         .colLeft, .colRight{
            .positionCircle{
               .circle{
                  margin: 0;
               }
            }
         }
         .colRight{
            .positionCircle{
               .circle{
                  float: right;
               }
            }
         }
         .changeContent{
            &:after{
               left: 15%;
               margin: 0;
            }
         }
      }
   }
}
/*Fin Jugadores */