.calendar-prices {
  top: 0;
  left: 0;
  padding: 0;
  margin-top: 0;
  width: 395px;
  margin: auto;
  display: block;
  padding: 0;
  background: url(../../../images/bg-calendar-bottom.png) no-repeat center bottom transparent;
  padding-bottom: 12px;
}
.calendar-prices :before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -7px;
  left: 6px;
}
.calendar-prices :after {
  content: '';
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 7px;
}
.calendar-prices table {
  width: 100%;
  margin: 0;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
  border: 1px solid #ccc;
}
.calendar-prices table thead tr.month{
	border: none;
	background-color: #824696;
	background-image: -moz-linear-gradient(top, #824696, #824696);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#824696), to(#824696));
	background-image: -webkit-linear-gradient(top, #824696, #824696);
	background-image: -o-linear-gradient(top, #824696, #824696);
	background-image: linear-gradient(to bottom, #824696, #824696);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff824696', endColorstr='#ff1B3D71', GradientType=0);
	border-color: #824696 #824696 #824696;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #824696;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	color: #fff;
}
.calendar-prices table thead tr.days th{
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	background: #fff;
	}
.calendar-prices td,
.calendar-prices th {
  text-align: center;
  /*width: 20px;
  height: 20px;*/
}
.calendar-prices td{
	width: 56px;
	height: 40px;
	background-color: #f0f0f0;
	vertical-align: top;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #aaaaaa;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
	border: 1px solid #ddd;
	*background-color: #eeeeee;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	padding: 2px !important;
	}
.calendar-prices td.day.disabled {
  color: #aaaaaa;
}

.calendar-prices td.stopped {
	background-color: #fef604;
	background-image: -moz-linear-gradient(top, #fef604, #fafafa);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fef604), to(#fafafa));
	background-image: -webkit-linear-gradient(top, #fef604, #fafafa);
	background-image: -o-linear-gradient(top, #fef604, #fafafa);
	background-image: linear-gradient(to bottom, #fef604, #fafafa);
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	cursor: pointer;
}

.calendar-prices td.closed {
	background-color: #f8b9bc;
	background-image: -moz-linear-gradient(top, #fbc8ca, #fafafa);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbc8ca), to(#fafafa));
	background-image: -webkit-linear-gradient(top, #fbc8ca, #fafafa);
	background-image: -o-linear-gradient(top, #fbc8ca, #fafafa);
	background-image: linear-gradient(to bottom, #fbc8ca, #fafafa);
}

.calendar-prices td.stopped span,
.calendar-prices td.closed span {
	display: block;
	float: none;
	height: auto;
	line-height: 14px;
	margin: 2px 0;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}

/*Leyenda del calendario de salidas*/
.calendar-legend { list-style: none; padding-top: 20px; padding-bottom: 10px;}
.calendar-legend li { float: right; margin-right: 10px; font-size: 12px;}
.calendar-legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }

.calendar-legend .stopped {
	background-color: #fef604;
	background-image: -moz-linear-gradient(top, #fef604, #fafafa);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fef604), to(#fafafa));
	background-image: -webkit-linear-gradient(top, #fef604, #fafafa);
	background-image: -o-linear-gradient(top, #fef604, #fafafa);
	background-image: linear-gradient(to bottom, #fef604, #fafafa);
}

.calendar-legend .closed {
	background-color: #fbc8ca;
	background-image: -moz-linear-gradient(top, #fbc8ca, #fafafa);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbc8ca), to(#fafafa));
	background-image: -webkit-linear-gradient(top, #fbc8ca, #fafafa);
	background-image: -o-linear-gradient(top, #fbc8ca, #fafafa);
	background-image: linear-gradient(to bottom, #fbc8ca, #fafafa);
}

.calendar-prices td.stopped.active:hover,
.calendar-prices td.stopped.active:hover:hover,
.calendar-prices td.stopped.active:focus,
.calendar-prices td.stopped.active:hover:focus,
.calendar-prices td.stopped.active:active,
.calendar-prices td.stopped.active:hover:active,
.calendar-prices td.stopped.active.active,
.calendar-prices td.stopped.active:hover.active,
.calendar-prices td.stopped.active.disabled,
.calendar-prices td.stopped.active:hover.disabled,
.calendar-prices td.stopped.active[disabled],
.calendar-prices td.stopped.active:hover[disabled] {
	background-color: #78B428;
	background-image: -moz-linear-gradient(top, #78B428, #78B428);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78B428), to(#78B428));
	background-image: -webkit-linear-gradient(top, #78B428, #78B428);
	background-image: -o-linear-gradient(top, #78B428, #78B428);
	background-image: linear-gradient(to bottom, #78B428, #78B428);
	color: #fff;
	text-shadow: 1px 1px 2px rgba(19, 44, 81, 1);
}

.calendar-prices td.stopped.active:active,
.calendar-prices td.stopped.active:hover:active,
.calendar-prices td.stopped.active.active,
.calendar-prices td.stopped.active:hover.active {
	background-color: #78B428 \9;
	color: #fff;
}

.calendar-prices td.old,
.calendar-prices td.new {
	color: #ddd;
}
.calendar-prices th.switch {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: capitalize;
}
.calendar-prices th.next,
.calendar-prices th.prev {
   font-size: 26px;
   line-height: 11px;
   vertical-align: middle;
   padding: 10px; 
}
.calendar-prices thead tr:first-child th {
  cursor: pointer;
}
.calendar-prices thead tr:first-child th.switch {
  cursor: default;
}
.calendar-prices th.next:hover{
	padding: 10px 0 10px 10px; 
	}
.calendar-prices th.prev:hover{
	padding: 10px 10px 10px 0; 
	}
.calendar-prices td.price span{
	display: block;
    float: none;
    height: auto;
    line-height: 14px;
    margin: 2px 0;
    width: 100%;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	}
.calendar-prices td.price {
	color: #824697;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	background: #824696;
	cursor: pointer;
}
.calendar-prices td.price:hover {
	color: #fff;
	background-color: #78B428;
	text-shadow: 1px 1px 2px rgba(19, 44, 81, 1);
}
.calendar-prices td.price span,
.calendar-prices td.price:hover span {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(19, 44, 81, 1);
}
.calendar-prices td.active:hover,
.calendar-prices td.active:hover:hover,
.calendar-prices td.active:focus,
.calendar-prices td.active:hover:focus,
.calendar-prices td.active:active,
.calendar-prices td.active:hover:active,
.calendar-prices td.active.active,
.calendar-prices td.active:hover.active,
.calendar-prices td.active.disabled,
.calendar-prices td.active:hover.disabled,
.calendar-prices td.active[disabled],
.calendar-prices td.active:hover[disabled] {
  background-color: #78B428;
  *background-color: #78B428;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(19, 44, 81, 1);
}
.calendar-prices td.active:active,
.calendar-prices td.active:hover:active,
.calendar-prices td.active.active,
.calendar-prices td.active:hover.active {
  background-color: #78B428 \9;
  color: #fff;
}