/* CSS Document */
#offers-container{
	position:relative;
	width:1080px;
	height:auto;
	margin:auto;
	margin-top:25px;
}
#preloader{
	display:none;
	position:absolute;
	background: url(../_imgs/preloader.gif) no-repeat;
	background-position:center 150px;
	z-index:9999;
}
.star-offer{
	width:1080px;
	height:469px;
	cursor:pointer;	
	position:relative;
}
.star-offer .gallery {
	position:absolute;
	overflow:hidden;
	left:10px;
	top:0px;
	width:705px;
	height:469px;
}

.star-offer .gallery .wrapper {
  min-width: 705px;
  overflow: hidden;
  min-height: 469px;
  margin: 0px;
  position: relative;
  top: 0;
}

.star-offer .gallery ul a img {
  border: none;
}

.star-offer .gallery .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.star-offer .gallery ul li {
  display:block;
  float:left;
  height: 469px;
  width: 705px;
}

.star-offer .gallery ul li a img {
  display:block;
}

.star-offer .gallery .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.star-offer .gallery .forward {
  background-position: 0 0;
  right: 0;
}

.star-offer .gallery .back {
  background-position: 0 -72px;
  left: 0;
}

.star-offer .gallery .forward:hover {
  background-position: 0 -36px;
}

.star-offer .gallery .back:hover {
  background-position: 0 -108px;
}
.star-offer .detail{
	position:absolute;
	right:0px;
	top:0px;
	width:365px;
	height:469px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 );
}
.star-offer .detail h2{
	text-transform:capitalize;
	font-family:'hlvm', Helvetica, Verdana, Sans-Serif;
	font-size:22px;
	color:#111111;
	text-align:left;
	padding:25px;
	padding-bottom:10px;
}
.star-offer .detail p{
	text-transform:capitalize;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
	font-size:15px;
	color:#111;
	line-height:17px;
}
.star-offer .detail .counters{
	margin-top:20px;
	height:97px;
	position:relative;
}
.star-offer .detail .counters *{
	line-height:20px;
}
.star-offer .detail .counters span{
	text-align:justify;
	font-family:'hlv', Helvetica, Verdana, Sans-Serif;
	font-size:14px;
	color:#111;
}
.star-offer .detail .counters .units{
	position:absolute;
	top:0px;
	left:25px;
	background:url(../_imgs/checkIcon.png) top left no-repeat;	
	text-align:right;
	font-family:'hlvm', Helvetica, Verdana, Sans-Serif;
	font-size:20px;
	color:#111;
}
.star-offer .detail .counters .timeleft{
	position:absolute;
	top:55px;
	left:25px;
	background:url(../_imgs/timeleft.png) 0px 3px no-repeat;
	text-align:left;
	font-family:'hlvm', Helvetica, Verdana, Sans-Serif;
	font-size:20px;
	color:#111;	
}
.star-offer .detail .counters .timeleft #so_countdown span{
	text-align:left;
	display:inline-block;
	font-family:'hlvm', Helvetica, Verdana, Sans-Serif;
	font-size:17px;
	padding-left:20px;
	width:105px;
	color:#111;	
}
.star-offer .detail .counters .price{
	position:absolute;
	bottom:0px;
	right:25px;
	text-align:right;
}
.star-offer .detail .counters .price .save:before{
	content:"Ahorras ";
}
.star-offer .detail .counters .price .now{
	font-family:'hlvl', Helvetica, Verdana, Sans-Serif;
	font-weight:lighter;	
	font-size:30px;
	color:#111;
	font-weight:bold;
	line-height:45px;
	margin-right:-1px;
}
.star-offer .detail .counters .price .before{ color:#CC0000; }
.star-offer .detail .counters .price .before:before{
	content:"Antes ";
}
.star-offer .disccount{
	position:absolute;
	top:10px;
	left:0px;
	background:url(../_imgs/doffer.png) no-repeat top center;
	width:160px;
	height:86px;
	text-align:center;
	font-family:'hlvl', Helvetica, Verdana, Sans-Serif;
	font-weight:lighter;	
	font-size:40px;
	color:#FFF;	
	padding-top:15px;
}
.star-offer .buybig{
	position:absolute;
	right:0px;
	bottom:0px;
	cursor:pointer;
	width:386px;
	height:80px;
	z-index:9999;
	background:url(../_imgs/buybutton.png) no-repeat;
}
.star-offer .buybig:hover{
	background-position:0px -80px;
}
#info-tabs{
	margin-top:25px;
	margin-bottom:25px;
	width:1080px;
	height:300px;
	display:none;
}
#info-tabs ul{
	display:table;
	width:720px;
	height:45px;
}
#info-tabs li{
	display:table-cell;
	cursor:pointer;
	vertical-align:middle;
	list-style:none;
	width:360px;
	height:45px;
	background:black;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;	
}
#info-tabs li a{
	font-family:'hlvl', Helvetica, Verdana, sans-serif;
	font-size:20px;
	color:#FEFEFE;
	text-decoration:none;
}
#info-tabs a:hover{
	text-decoration:underline;
}
#info-tabs li.selected{
	color:#111;	
	background:white;
}
#info-tabs li.selected a{
	color:#111;	
}
#info-tabs #tab-content{
	position:relative;
	width:1080px;
	height:250px;
	background:white;
	font-family:'hlvl', Helvetica, Verdana, sans-serif;
	font-size:18px;
	color:#111;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
#info-tabs #tab-content div{
	position:absolute;
	top:0px;
	left:0px;
	padding:25px;
	display:none;
}
#info-tabs #tab-content div.selected{
	display:block;
}

#info-tabs #tab-content p{
	text-transform:capitalize;
	display:block;
	text-align:left;
	max-height:160px;
	overflow:auto;
	padding-left:30px;
	padding-right:30px;
	width:970px;
}
#info-tabs #tab-content h3{
	text-transform:capitalize;
	line-height: 31px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}

#tile-offers{
	width:1080px;
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
}
#tile-offers .row{
	margin-top:25px;
	width:1080px;
	height:340px;
}
.offer{
	float:left;
	cursor:pointer;
	position:relative;	
	margin-right:15px;
	width:350px;
	height:340px;
}
.offer:last-child{
	margin-right:0px;
}
.offer .gallery{
	margin-left:10px;
	width:340px;
	height:227px;
}
.offer .detail{
	margin-left:10px;
	width:340px;
	height:113px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 );
}
.offer .detail h3{
	text-transform:capitalize;
	font-family:'hlvl', Helvetica, Verdana, Sans-Serif;
	font-weight:lighter;	
	font-size:14px;
	color:#111111;
	text-align:left;
	padding:0px 20px;
	padding-top:8px;
}
.offer .detail .price{
	position:absolute;
	bottom:23px;
	left:25px;
	text-align:right;
}
.offer .detail .price .now{
	font-family:'hlvl', Helvetica, Verdana, Sans-Serif;
	font-weight:lighter;	
	font-size:25px;
	color:#111;
	font-weight:bold;
	line-height:20px;
	margin-right:-1px;
}
.offer .detail .price .before{ color:#CC0000; font-size:14px; }
.offer .detail .price .before:before{
	content:"Antes ";
}
.offer .disccount{
	position:absolute;
	top:10px;
	left:0px;
	background:url(../_imgs/dofferstd.png) no-repeat top center;
	width:122px;
	height:67px;
	text-align:center;
	font-family:'hlvl', Helvetica, Verdana, Sans-Serif;
	font-weight:lighter;	
	font-size:30px;
	color:#FFF;	
	padding-top:12px;
}
.offer .buy{
	position:absolute;
	right:0px;
	bottom:0px;
	cursor:pointer;
	width:132px;
	height:62px;
	z-index:9999;
	background:url(../_imgs/buy.png) no-repeat;
}
.offer .buy:hover{
	background-position:0px -62px;
}