.plantasel {
  position: relative;
}

/*.butaca {
  position: absolute;
  font-size: 9px;
  overflow: hidden;
}*/
.butclick {cursor: pointer; cursor: hand;}
.butsel {border: 1px solid #6666cc; background-color: #ccccff;}
.butcom {border: 1px solid #66cccc; background-color: #ccffff;}

/* input butacas seleccionadas */
#inputbutacas {height:1px; overflow:hidden;}


/**** Seats ****/
/**** estos estilos tambien deben estar en centros/static/bk/css/centros.css ***/
.seat{
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-align: center;
}
.seat:hover {
    opacity: 0.5;
}
.seat .seat-bg{
    background-color: #71b32d;
    border-radius: 50% / 0 0 40% 40%;
    display: block;
    padding: 2px 0;    
    width: 20px;
    height: 18px;
 	cursor: pointer;
}
.seat-number {
    left: 0;
    position: absolute;
    top: 3px;
    width: 100%;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}

.fortej .seat .seat-bg {
    height: 24px;
    width: 30px;
}
.fortej .seat .seat-number{ 
    top: 6px;
}
.fortej .seat-corner-a .seat-bg{
    border-left: 22px solid transparent;
    border-bottom: 23px solid #71b32d;
    height: 26px;
    width: 38px;
    border-radius: 0;
    background-color: transparent !important;
}
.fortej .seat-corner-a .seat-number{
    text-indent: -5px;
}
.fortej .seat-corner-b .seat-bg{
    border-right: 22px solid transparent;
    border-bottom: 23px solid #71b32d;
    height: 26px;
    width: 38px;
    border-radius: 0;
    background-color: transparent !important;
}
.fortej .seat-corner-b .seat-number{
    text-indent: -5px;
}


.seat-final-a .seat-bg{
    border-radius: 50% / 0 0 0% 40%;
}
.seat-final-b .seat-bg{
    border-radius: 50% / 0 0 40% 0%;
}

.seat-occupied .seat-bg{
    background-color: transparent !important;
    border-color: transparent !important;
}

.seat-viewer{
    background-image: none;
}
.seat-occupied .seat-viewer{
    background: url("../images/other-viewer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 19px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 15px;
}
.seat-selected .seat-viewer {
    background: url("../images/current-viewer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 19px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 15px;
}
.fortej .seat-selected .seat-viewer,
.fortej .seat-occupied .seat-viewer {
    left: 7px;
    top: 3px;
}

.seat-ne .seat-viewer,
.seat-ne .seat-bg{
  -webkit-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
          transform:rotate(45deg);
}
.seat-e .seat-viewer,
.seat-e .seat-bg{
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg);
}
.seat-se .seat-viewer,
.seat-se .seat-bg{
  -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
          transform:rotate(135deg);
}
.seat-s .seat-viewer,
.seat-s .seat-bg{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
}
.seat-sw .seat-viewer,
.seat-sw .seat-bg{
  -webkit-transform:rotate(-135deg);
      -ms-transform:rotate(-135deg);
          transform:rotate(-135deg);    
}
.seat-w .seat-viewer,
.seat-w .seat-bg{
  -webkit-transform:rotate(-90deg);
      -ms-transform:rotate(-90deg);
          transform:rotate(-90deg);
}
.seat-nw .seat-viewer,
.seat-nw .seat-bg{
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

.seat-corner-b.seat-w .seat-viewer{
    left: 12px;
    top: 9px;
}
.seat-corner-b.seat-w .seat-number {
    text-indent: 4px;
    top: 14px;
}