/*Equipos*/
.teamCenter{
   .content{
      background:url('../images/border_comparativa.png') repeat-y scroll top center darken(@bg,5%);
      padding-bottom: 50px;
      .colLeft, .colRight{
         padding: 40px 0 0;
         .data{
            padding:2% 0 0;
            span{
               display: block;
               color: @bg_type;
               font-size: 16px;
               font-weight: bold;
               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: 30% auto 0;
               float: none;
            }
            img{
               margin: 42% auto 0;
            }
         }
      }
      .colRight{
         .data{
            text-align: right;
            div{
               float: right;
            }
         }
         .positionCircle{
            .circle{
               float: right;
            }
         }
         .playerPosition{
            float: right;
         }
         .fRight{
            float: right;
         }
      }
      .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;
         }
      }
      .dialog{
         background: @bg;
         .planteles{
            .equipos{
               height: 400px;
               overflow: auto;
            }
         }
         &.away{
            float: right;
         }
         &:before{
            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;
         }
      }
   }
   &.maxSize-767{
      .colLeft{
         padding-left: 0%;
      }
      .colRight{
         padding-right: 0%;
      }
   }
   &.maxSize-479{
      .content {
         .colMiddle {
            .circle{
               width: 33px;
               height: 33px;
               line-height: 33px;
               font-size: 18px;
            }
         }
         .colLeft,.colRight {
            .positionCircle {
               .circle{
                  margin: 0;
               }
            }
         }
         .dialog{
            margin-top: 30px;
            &.home{
               &:before{
                 left: 50px; 
                 margin: 0;
               }
            }
            &.away{
               &:before{
                 right: 50px; 
                 margin: 0;
                 left: inherit;
               }
            }
         }
      }
      .colLeft{
         padding-left: 2%;
      }
      .colRight{
         padding-right: 2%;
      }
   }
}
/*Fin Jugadores */