@CHARSET "UTF-8";

/* Form */

.SBook_Price{

	float: left;

}

.SBook_Form{

	margin: 10px 10px 0 0;

}

.SBook_Form p{

	clear: left;

	margin: 0 10px 10px;

	overflow: hidden;

}

.SBook_Form p img{

	margin: 0 17px 0 0;

	vertical-align: middle;	

}

.SBook_Form label.title{

	display: block;

	font-weight: bold;

	float: left;

	width: 50%;

}

.SBook_Form label.title span{

	font-weight: normal;

	display: block;

	font-size: .9em;

}

.SBook_Form .SBook_Field{

	border: solid 1px #d3d9db;

	/*box-shadow: 2px 2px 1px #f0f0f0 inset;*/

	padding: 5px 2px;

}

.SBook_Form .SBook_FieldText{

	width: 75%;

}
.SBook_Form .SBook_FieldText::-moz-placeholder {
   font-family: Century Gothic;
	font-size: 13px;
	font-weight: bold;
	color : #676767;
}

.SBook_PseudoField{

	float: left;

	display: block;

	white-space: nowrap;

	width: 220px;

}

.SBook_Form .SBook_FieldTextSmall{

	width: 100px;

}

.SBook_Form .SBook_FieldTextarea{

	height: 80px;

	width: 200px;

	resize: none;

}

.SBook_Form .SBook_FieldSelect{

	width: 206px;

}

.SBook_Form .SBook_FieldSelectMedium{

	width: 101px;

}

.SBook_Form .SBook_FieldSelectMini{

	width: 45px;

}

.SBook_Form .SBook_FieldCheckbox{

	margin: 0;

}

.SBook_Error{

	color: #860707;

	background: url(../img/f_warn_pattern.png) 0 0 repeat;

	margin: 0 10px;

	padding: 5px 5px 5px 44px;

	border: solid 1px #f8c8c8;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 2px #f2f2f2;

	-webkit-box-shadow: 1px 1px 2px #f2f2f2;

	box-shadow: 1px 1px 2px #f2f2f2;

	position: relative;

}

.SBook_Error span{

	position: absolute;

	top: 5px;

	left: 5px;

	display: block;

	width: 31px;

	height: 26px;

	background: url(../img/f_warn.png) 0 0 no-repeat;

}

.SBook_Info{

	color: #676767;

	background-color: #E6F1C0;

	margin: 0 10px;

	padding: 5px 5px 5px 44px;

	border: solid 1px #839831;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 2px #f2f2f2;

	-webkit-box-shadow: 1px 1px 2px #f2f2f2;

	box-shadow: 1px 1px 2px #f2f2f2;

	position: relative;

}

.SBook_Info span{

	position: absolute;

	top: 5px;

	left: 5px;

	display: block;

	width: 32px;

	height: 32px;

	background: url(../img/f_info.png) 0 0 no-repeat;

}

.TBook_Error{

	/* overlay */

	margin: 5px 10px 0;

	min-height: 30px;

	height: auto !important;

	height: 30px;

}

/* Table */

.SBook_Table{

	border-collapse: collapse;

	empty-cells: show;

	margin: 1px 10px 0 0;

}

.SBook_Table tr{}

.SBook_Table thead th{

	font-weight: normal;

	text-align: left;	

}

.SBook_Table tbody td{

	padding: 2px;

}

/* Events */

.SBook_Event_Map{}

.SBook_Event_Time{}

.SBook_Event_Title{ font: 21px Trebuchet MS,Helvetica,sans-serif; color: #585858 ;  margin:5px 0px; }

.SBook_Event_Description{ }

.SBook_Event_Book{

	margin: 5px 0 0;

}

.SBook_Bold{

	font-weight: bold;

}

.SBook_Paginator{

	background-color: #fff;

	font-size: 12px;

	font-family: Arial, sans-serif;

	margin: 0;

	padding: 5px 0;

	overflow: hidden;

}

.SBook_Paginator li{

	display: inline;

	list-style: none;

}

.SBook_Paginator a:link, .SBook_Paginator a:visited{

	background: url(../img/f_pagin.png) 0 0 no-repeat;

	color: #76787a;

	width: 22px;

	height: 21px;

	line-height: 19px;

	float: left;

	margin: 0;

	padding: 0;

	text-decoration: none;

	text-align: center;

	text-shadow: 1px 1px 1px #fff;

}

.SBook_Paginator a.pagin,

.SBook_Paginator a:hover{}

.SBook_Paginator .current{

	background: url(../img/f_pagin.png) 0 0 no-repeat;

	display: block;

	width: 22px;

	height: 21px;

	line-height: 19px;

	float: left;

	font-weight: bold;

	margin: 0;

	color: #444;

	padding: 0;

	text-align: center;

	text-shadow: 1px 1px 1px #fff;

}

.SBook_Paginator .dots{

	color: #000;

	padding: 1px 3px;

}

/* Map */

.sbook-rect{

	cursor: pointer;

	display: block;

	font-size: 0.9em;

	overflow: hidden;

	position: absolute;

	text-align: center;

	z-index: 1000;

}

.sbook-empty{background-color: #135E8D; color: #fff}

.sbook-available{background-color: green; color: #fff; /*background-color: #eee; color: green; background: url(../img/blibreBAK.png), no-repeat, center; border: solid 1px #ccc; */}
.sbook-available:hover {background-color: #F06900 !important; color: #fff !important; }
.sbook-available:active {background-color: #F06900 !important; color: #fff !important; }
.sbook-available:focus {background-color: #F06900 !important; color: #fff !important; }
.sbook-available:target {background-color: #F06900 !important; color: #fff !important; }
.sbook-available:visited {background-color: #F06900 !important; color: #fff !important; }
.sbook-busy{background-color: red; color: #fff;/*color: red; cursor: default; background: url(../img/bocupada.png), no-repeat, center;*/}
.sbook-selected{background-color: #F06900; color: #fff;}

/* TBook */

.TBook_Holder{

	margin: 0 0 10px 0;

	width: 267px;

	overflow: hidden;

}

.TBook_W_Holder{

	margin: 0 0 10px 0;

	width: 462px;

	overflow: hidden;

}

.TBook_Top{

	background: #e8e8e8 url(../img/f_e_top_middle.png) 0 0 repeat-x;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	font-family: Arial, sans-serif;

	padding: 0 10px;

	position: relative;

}

.TBook_Top_Left{

	background: #fff url(../img/f_e_top_left.png) 0 0 no-repeat;

	position: absolute;

	top: 0;

	left: 0;

	width: 2px;

	height: 30px;

}

.TBook_Top_Right{

	background: #fff url(../img/f_e_top_right.png) 0 0 no-repeat;

	position: absolute;

	top: 0;

	right: 0;

	width: 4px;

	height: 30px;

}

.TBook_Middle{

	/*background: #fff url(../img/f_middle_right.png) top right repeat-y;

	border-left: solid 1px #d0c5c5;
*/
	overflow: hidden;

	padding: 6px 9px 6px 6px;

}

.TBook_Bottom{

	/*background: transparent url(../img/f_bottom_middle.png) bottom left repeat-x;*/

	height: 5px;

	position: relative;

}

.TBook_Bottom_Left{

	background: #fff url(../img/f_bottom_left.png) 0 0 no-repeat;

	position: absolute;

	top: 0;

	left: 0;

	width: 3px;

	height: 5px;

}

.TBook_Bottom_Right{

	background: #fff url(../img/f_bottom_right.png) 0 0 no-repeat;

	position: absolute;

	top: 0;

	right: 0;

	width: 4px;

	height: 5px;

}

.TBook_Button{


	/*background: url(../img/f_button.png) 0 0 no-repeat;*/

	border: none;

	color: #414243;

	cursor: pointer;

	font-weight: bold;

	outline: none;

	padding: 0;

	width: 90px;

	height: 34px;

	text-align: center;

	vertical-align: middle;
}
.TBook_Button_Green{

color: #FFF !important;
text-shadow: -1px -1px 1px #3D5913;
background-color: #6E972F;
background-image: -moz-linear-gradient(center top , #88abdf, #88abdf); /*6E972F*/
border-color: #88abdf;  /*4CAE4C*/

display: inline-block;
margin-bottom: 0px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
-moz-user-select: none;

}
.TClose_Button{

	background: url(../img/f_button.png) 0 0 no-repeat;

	border: none;

	color: #414243;

	cursor: pointer;

	font-weight: bold;

	outline: none;

	padding: 0;

	width: 90px;

	height: 34px;

	text-align: center;

	vertical-align: middle;

}

.TBook_Button_Hover{

	background-position: 0 -68px;

	color: #fff;

}

.TBook_Button_Disabled{

	background-position: 0 -34px;

	color: #888;

	cursor: default;

	text-shadow: 1px 1px 1px #E5E5E5;

}

.TBook_W_Top{

	height: 3px;

	/*background: #fff url(../img/f_top_middle.png) 0 0 repeat-x;*/

	position: relative;

}

.TBook_W_Top_Left{

	background: #fff url(../img/f_top_left.png) 0 0 no-repeat;

	position: absolute;

	top: 0;

	left: 0;

	width: 2px;

	height: 3px;

}

.TBook_W_Top_Right{

	background: #fff url(../img/f_top_right.png) 0 0 no-repeat;

	position: absolute;

	top: 0;

	right: 0;

	width: 4px;

	height: 3px;

}

.TBook_Row{

	/*border-bottom: solid 1px #e9e4e4;

	margin: 5px 10px !important;*/

	padding: 0 0 5px 0;

}

.TBook_Map_Holder{

	position: relative;

	overflow: hidden;

	border: solid 1px #d0c5c5;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 1px #f2f2f2;

	-webkit-box-shadow: 1px 1px 1px #f2f2f2;

	box-shadow: 1px 1px 1px #f2f2f2;

}

.TBook_Seat_Holder{

	display: block;

	float: left;

	margin: 0 3px 2px 0;

	padding: 1px;

	background-color:#fff;

	border: solid 1px #ccc;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	overflow: hidden;

	

}

.TBook_Seat_Deselect{

	background: url(../img/icon_deselect.png) 0 0 no-repeat;

	width:16px;

	height:16px;

	display: block;

	float: left;

	margin-left:2px;

}

.TBook_Seat{

	background-color: #293950;

	color: #fff;

	float: left;

	padding: 2px 5px;

	-webkit-border-top-left-radius: 2px;

	-webkit-border-bottom-left-radius: 2px;

	-moz-border-radius-topleft: 2px;

	-moz-border-radius-bottomleft: 2px;

	border-top-left-radius: 2px;

	border-bottom-left-radius: 2px;

}

.TBook_Seat_Price{

	background-color: #34AEE1;

	color: #fff;

	float: left;

	padding: 2px 5px;

	-webkit-border-top-right-radius: 2px;

	-webkit-border-bottom-right-radius: 2px;

	-moz-border-radius-topright: 2px;

	-moz-border-radius-bottomright: 2px;

	border-top-right-radius: 2px;

	border-bottom-right-radius: 2px;

}



.TBook_Overlay {

    background-color: #333;

    display: none;

    left: 0;

    opacity: 0.6;

    position: absolute;

    top: 0;

    z-index: 9998;

    width: 100%;

    height: 1700px;

}

.TBook_OverlayBox {

    background-color: #fff;

    border: 1px solid #333;

    display: none;

    position: absolute;

    z-index: 9999;

}

.TBook_OverlayBoxTop {

	height: 100px;

	overflow: hidden;

}

.TBook_OverlayBoxMiddle {

	position: relative;

	overflow: hidden;

}

.TBook_OverlayBoxSeats{

	overflow: hidden;

	padding: 2px 10px;
	
	color: #839831;

	background-color: #E6F1C0;

	border: solid 1px #839831;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 2px #f2f2f2;

	-webkit-box-shadow: 1px 1px 2px #f2f2f2;

	box-shadow: 1px 1px 2px #f2f2f2;

}

.TBook_Seat_Holder{cursor: pointer;}

.TBook_OverlayBoxHead,

.TBook_OverlayBoxBottom{

	/*height: 90px;*/

	padding: 5px 0 0 0;

	text-align: center;

	overflow: hidden;

}

.TBook_OverlayBoxHead{

	padding: 0;

}

.TBook_OverlayBoxLegend {

	height: 20px;

	padding: 5px 10px 0;

	overflow: hidden;
	
	background-color : white ; 

}

.TBook_Select_Seats:link,

.TBook_Select_Seats:visited{

	color: #0099FF;

	text-decoration: none;

}

.TBook_Select_Seats:hover,

.TBook_Select_Seats:active{

	text-decoration: underline;

}

.error{

	color:red;

}

.SBook_carrito{

	color: #839831;

	background-color: #E6F1C0;

	margin: 0 10px;

	padding: 5px 5px 5px 44px;

	position: relative;

}

.SBook_carrito span{

	position: absolute;

	top: 5px;

	left: 5px;

	display: block;

	width: 32px;

	height: 32px;

	background: url(../img/f_carrito.png) 0 0 no-repeat;

}

/**
 * Tooltip Styles
 */
 .tooltip {
    display: inline;
    position: relative;
  }
  .tooltip:hover:after {
    bottom: 26px;
    content: attr(title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
    z-index: 98;
    /* el formato gráfico */
    background: rgba(255,255,255, 0.2); /* el color de fondo */
    border-radius: 5px;
    color: #FFF; /* el color del texto */
    font-family: Georgia;
    font-size: 12px;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 150px;
  }
  .tooltip:hover:before {
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
    /* el triángulo inferior */
    border: solid;
    border-color: rgba(255,255,255, 0.2) transparent;
    border-width: 6px 6px 0 6px;
  }
  
  /**
 * Tooltip Styles NOT WORKING
 */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Steps in order */
.progressbar {
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #CCCCCC;
      font-family: Century Gothic;
  }
  .progressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #CCCCCC;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -50%;
      z-index: -1;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: green;
  }
  .progressbar li.active:before {
      border-color: #55b776;
  }
  .progressbar li.active + li:after {
      background-color: #55b776;
  }
  .progressbar li.pending {
      color: #88abdf;
  }
  .progressbar li.pending:before {
      border-color: #88abdf;
  }