/*Sedes y Estadios*/ .citiesStadiums{ background: lighten(@color02, 95%); .map{ white-space: nowrap; position: relative; background: @bg; img{ margin: 0 auto; width: 100%; } .content{ position: absolute; width: 50%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; .pointer{ position: absolute; background: @color02; border: 2px solid @bg; width: 16px; height: 16px; box-shadow: 0 0 3px 0 lighten(@color02, 30%); border-radius: 50%; .tooltip{ .tooltip-inner{ min-height: 20px; line-height: 20px; padding:0 5px; text-align: center; &:hover{ background: @color01; color: @bg; text-decoration: none; } } &.active{ .tooltip-inner{ background: @color01; color: @bg; } &.left{ .tooltip-arrow{ border-left-color: @color01; } } &.right{ .tooltip-arrow{ border-right-color: @color01; } } &.top{ .tooltip-arrow{ border-top-color: @color01; } } &.bottom{ .tooltip-arrow{ border-bottom-color: @color01; } } } &:hover{ text-decoration: none; &.left{ .tooltip-arrow{ border-left-color: @color01; } } &.right{ .tooltip-arrow{ border-right-color: @color01; } } &.top{ .tooltip-arrow{ border-top-color: @color01; } } &.bottom{ .tooltip-arrow{ border-bottom-color: @color01; } } } } } } } .subHeader{ text-align: left; span{ padding-left: 20px; } } .carousel-indicators{ left: 0; right: 0; margin: 0 auto; } .carousel-inner{ >.item{ >img{ width: 100%; } } } .blockData{ .icon{ position: relative; .circle{ &.gray{ #gradient .vertical-three-colors(darken(@bg,20%), @bg, 100%, @bg); width: 26px; height: 26px; position: absolute; left: 0; right: 0; margin: 45px auto 0; } img{ margin: 6px 3px; } } } .name{ padding: 20px 0 0; span{ font-size: 50px; font-weight: bold; color: @color02; } } .text{ padding:30px 40px 30px 30px; span{ font-size: 14px; color: @color02; strong{ font-weight: bold; } } } } } /*Fin Sedes y Estadios*/