/*-----------------------------------------------------------------------------------------------
  Estilos Globales
-----------------------------------------------------------------------------------------------*/

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #f8f8f8;
	font-family: "Lucida Grande",tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

a:link, a:visited {
	color: #862495;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #4c8117;
	text-decoration: underline;
}

img {
	border: none;
}

form {
	padding:0;
	margin:0;
}

input, a {
	outline: none;
}

.orange {color: #d47028;}

.clear {
	clear: both;
}

.clear.separator {
	height: 15px;
}

.rounded {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.not-rounded-right {
	-moz-border-radius-topright: 0px;
	-khtml-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-khtml-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.not-rounded-left {
	-moz-border-radius-topleft: 0px;
	-khtml-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.not-rounded-top {
	-moz-border-radius-topright: 0px;
	-khtml-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.not-rounded-bottom {
	-moz-border-radius-bottomright: 0px;
	-khtml-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.drop-shadow {
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

h1 {
	margin: 0 0 10px 0;
	font-size: 24px;
	letter-spacing: -1px;
}

h1.large {
	font-size: 36px;
}

/*-----------------------------------------------------------------------------------------------
  Posicionamiento de los contenedores principales
-----------------------------------------------------------------------------------------------*/

#global-wrapper {
	text-align: center;
}

#header-wrapper {
	text-align: left;
	background: #e8e8e8;
}

#header, #body-wrapper {
	margin: auto;
	width: 984px;
}

#body-wrapper {
	background: #649b26 url(../img/bg-main-area.png) repeat-x bottom;
	border: 1px solid #516c1a;
	border-top: 1px solid #7bb43b;
	min-height: 300px;
	text-align: left;
}

#body-wrapper-secondary, #footer{
	text-align: left;
	margin: auto;
	width: 970px;
}

#footer-wrapper{
	background: #611a6c url(../img/sprite.png) 0 -766px repeat-x;
	margin-top: 20px;
	text-align: left;
	width: 100%;
	min-height: 230px;
}

/*-----------------------------------------------------------------------------------------------
  Degradados del contenedor principal
-----------------------------------------------------------------------------------------------*/

#body-left-shadow{
	position: absolute;
	width: 6px;
	height: 91px;
	background: url(../img/sprite.png) -882px -57px no-repeat;
	margin-left: -5px;
}

#body-right-shadow{
	position: absolute;
	width: 6px;
	height: 91px;
	background: url(../img/sprite.png) -893px -57px no-repeat;
	margin-left: 983px;
}

#body-top-gradient{
	position: absolute;
	z-index: 0;
	width: 984px;
	height: 70px;
	background: url(../img/sprite.png) 0 -273px repeat-x;
}

/*-----------------------------------------------------------------------------------------------
  Toolbar superior (header.php)
-----------------------------------------------------------------------------------------------*/

#header {height: auto;}

#header-toolbar { /*Trucamos la posición del toolbar para que los buscadores primero lean el nombre del site */
	position: absolute;
	top: 0;
	width: 982px;
	height: 30px;
}

#header-toolbar a.register {
	margin: 0 -5px 0 -1px;
	font-size: 12px;
	display: inline-block;
	color: #333;
	padding: 0 10px 0 10px;
	background: url(../img/sprite.png) 0 -36px repeat-x;
	border-bottom: 1px #ffac08 solid;
	border-left: 1px #fdc964 solid;
	border-right: 1px #fdc964 solid;
	text-decoration: none;
}

#header-toolbar a.register:active {
	background: url(../img/sprite.png) -400px -36px repeat-x;
}

#header-toolbar .left {
	float: left;
	width: 60%;
	line-height: 30px;
}

#header-toolbar .right {
	float: right;
	text-align: right;
	width: auto;
	padding-right: 4px;
}

#header-toolbar span.plain {
	font-size: 12px;
	margin: 0 5px 0 10px;
}

#header-toolbar a.sign-in {
margin-top: 2px;
	display: inline-block;
	border: 1px #68416e solid;
	margin-left: 4px;
	padding: 4px 6px;
	background: #8e449a;
	text-decoration: none;
	color: #FFF;}


#header-toolbar a.sign-out, #header-toolbar a.register {
	margin-top: 2px;
	display: inline-block;
	border: 1px #6f1e7b solid;
	padding: 4px 6px;
	background: url(../img/sprite.png) 0 -80px repeat-x;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------
  Zona central de la cabecera (header.php)
-----------------------------------------------------------------------------------------------*/

#header-central {
	position: relative;
	top: 0px;
	height: 60px;
}

#header-logo {
	display: block;
	float: left;
	width: 250px;
	height: 90px;
	/*background: url(../img/offerum.png) center no-repeat;*/
}

#header-logo h2 {
	margin: 0;
	padding: 0;
	text-indent: -1000em; /* Truco para tener el nombre de la web indexable pero no visible */
}

#header-logo img {}

#header-signup {
	display: block;
	float: right;
	width: 270px;
	margin-top: 35px;
}

#header-signup input[type=text]{
	color: #862495;
	width: 60%;
	margin: 1px 3px 0 0;
	padding: 2px;
}

#header-signup input[type=submit]{
	top: -2px;
}

#header-signup .module-cuts-grey div.content,
#header-social .module-cuts-grey div.content {
	height: 47px;
}

#header-social {
	display: block;
	float: right;
	width: 245px;
	margin: 10px 0 0 0;
}

#header-social div.left{
	float: left;
}

#header-social div.left p{
	margin: 8px 0 0 4px;
}

#header-social div.right{
	float: right;
}

#header-social div.right p{
	margin: 0 4px 0 0;
}

#header-social .right a.social{
	display: inline-block;
	margin-top: 8px;
	background-image: url(../img/sprite.png);
	width: 32px;
	height: 32px;
}

#header-social .right a.social.facebook{
	background-position: 0 -151px;
}

#header-social .right a.social.twitter{
	background-position: -35px -151px;
}

#header-social .right a.social.rss{
	background-position: -70px -151px;
}

/** Nuevo selector de ciudades **/
#header .select-city {float: left; font-family: arial; margin: 18px 0 0 30px;}
#header .select-city p.main {color: #7a2188; font-size: 34px; font-weight: bold; margin: 0; padding: 0 0 2px 0;}
#header .select-city p.small {font-size: 12px; margin: 0; padding:0; font-weight: bold;}
#header .select-city p.small a {background: url(../img/select.gif) no-repeat 0px 0px; color: #222; padding: 0 0 1px 20px;}

#header .show-cities {background: #333; clear: both; display: block; font-size: 14px; position: absolute; top: 85px; width: 100%;}
#header .show-cities ul {height: 20px;}
#header .show-cities ul li {display: block; float: left; padding: 0 45px 0 0;}
#header .show-cities ul li  a {color: #FFF;}
#header .show-cities .arrow {background: url(../img/arrow.gif) no-repeat 0px 1px; margin: -6px 0 0 279px; display: block; height: 6px; width: 15px;}
#header .show-cities .close {background: url(../img/closer.gif) no-repeat; height: 17px; width: 17px; float: right; margin: -6px -6px 0 0;}

/*-----------------------------------------------------------------------------------------------
  Menu Principal (header.php)
-----------------------------------------------------------------------------------------------*/

#main-menu {
	margin-top: 30px;
	background: #611a6c url(../img/sprite.png) 0 -188px repeat-x;
	height: 48px;
	border: 1px solid #611a6c;
}

.go-down {margin-top: 75px !important;}

#main-menu ul {
	margin: 10px 0 0 0;
	padding: 0;
}

#main-menu ul li {
	list-style: none;
	display: inline;
	margin: 0 10px 0 10px;
	text-align: center;
	float: left;
}

#main-menu ul li a {
	font-size: 14px;
	color: #e8daf9;
	display: inline-block;
	line-height: 25px;
	padding: 0 0 0 15px;
	height: 27px;
}

#main-menu ul li a span{
	margin-right: -15px;
	float: right;
	width: 17px;
	height: 27px;
	background: none;
}

#main-menu ul li a:hover {
	background: url(../img/sprite.png) -406px -241px repeat-x;
	text-decoration: none;
}

#main-menu ul li a:hover span{
	background: url(../img/sprite.png) -783px -241px repeat-x;
}

#main-menu ul li.active a {
	cursor: default;
	font-weight: bold;
	color: #fff;
	background: url(../img/sprite.png) 0 -241px repeat-x;
}

#main-menu ul li.active a span{
	margin-right: -15px;
	float: right;
	width: 17px;
	height: 27px;
	background: url(../img/sprite.png) -377px -241px repeat-x;
}

#main-menu ul li.active div.arrow {
	margin: 3px auto 0 auto;
	width: 24px;
	height: 10px;
	background: url(../img/sprite.png) -395px -86px repeat-x;
}

#main-menu ul li.myofferum {
	float: right;
	margin-right: 25px;
}

#main-menu ul li.experiences {float: right; margin-right: 25px; background: url(../img/xp.png) 0 -1px repeat-x;}
#main-menu ul li.experiences a {color: #FFF;}
#main-menu ul li.experiences a span {background: url(../img/xp.png) -385px -1px repeat-x;}
#main-menu ul li.experiences a:hover span  {background: url(../img/sprite.png) -783px -241px repeat-x;}

#main-menu ul.especiales {background: #863793 !important; border-left: 1px solid #ad7eb5; height: 37px; margin: -11px 0 0 0 !important; padding: 13px 10px 0 10px; float: right;}
#main-menu ul.especiales li#regalo a {background: url(../img/tarjeta_regalo.gif) 0 0 no-repeat; width: 125px; text-align: center; padding: 1px 0 5px 0;}
#main-menu ul.especiales li#regalo a:hover {background: url(../img/tarjeta_regalo_on2.gif) 0 0 no-repeat;}
#main-menu ul.especiales li.actived a {background: url(../img/tarjeta_regalo_on.gif) 0 0 no-repeat !important;padding:0px 10px 0 15px !important;width:130px !important;}
#main-menu ul.especiales li.actived a span {background: url(../img/tarjeta_regalo_on.gif) -140px 0 no-repeat;}

/*-----------------------------------------------------------------------------------------------
  Pasos de un proceso (comprar.php)
-----------------------------------------------------------------------------------------------*/

#main-menu.process ul {
	margin: 4px 0 0 0;
	padding: 0;
}

#main-menu.process ul li a,
#main-menu.process ul li a span,
#main-menu.process ul li a:hover,
#main-menu.process ul li a:hover span{
	background: none;
	cursor: default;
	color: #bf8ec7;
}

#main-menu.process ul li.active a{
	background: url(../img/sprite.png) 0 -721px repeat-x;
	padding: 7px 15px;
	color: #fff;
}

#main-menu.process ul li.active a span{
	margin:-6px -40px 0 14px;
	float: right;
	width: 28px;
	height: 42px;
	background: url(../img/sprite.png) -365px -722px repeat-x;
}

#main-menu.process ul li.active div.arrow{
	display: none;
}

#main-menu.process ul li{
	padding: 7px 5px;
}

#main-menu.process ul li.active{
	padding: 0;
}

/*-----------------------------------------------------------------------------------------------
  Menu Secundario (secondary-menu-xxx.php)
-----------------------------------------------------------------------------------------------*/

#menu-secondary {
	position: relative;
	padding: 5px 7px;
	margin-bottom: -5px;
}

#menu-secondary ul {
	margin: 0;
	padding: 0 0 5px 0;
}

#menu-secondary ul li {
	display: inline;
	margin-right: 15px;
}

#menu-secondary ul li a {
	font-size: 12px;
	color: #c0e39a;
	display: inline-block;
	line-height: 25px;
	padding: 0 0 0 15px;
	height: 27px;
}

#menu-secondary ul li a span{
	margin-right: -15px;
	float: right;
	width: 17px;
	height: 27px;
	background: none;
}

#menu-secondary ul li a:hover {
	color: #fff;
	background: url(../img/sprite.png) -406px -349px repeat-x;
	text-decoration: none;
}

#menu-secondary ul li a:hover span{
	background: url(../img/sprite.png) -783px -349px repeat-x;
}

#menu-secondary ul li.active a {
	cursor: default;
	font-weight: bold;
	color: #fff;
	background: url(../img/sprite.png) 0 -349px repeat-x;
}

#menu-secondary ul li.active a span{
	margin-right: -15px;
	float: right;
	width: 17px;
	height: 27px;
	background: url(../img/sprite.png) -377px -349px repeat-x;
}

/*-----------------------------------------------------------------------------------------------
  Menu para mostrar/ocultar contenido (index.php)
-----------------------------------------------------------------------------------------------*/

.toggle-content ul {
	margin: 0;
	padding: 0;
}

.toggle-content ul li {
	display: inline;
	margin-right: 15px;
}

.toggle-content ul li a {
	font-size: 12px;
	display: inline-block;
	line-height: 25px;
	padding: 0 0 0 15px;
	height: 27px;
}

.toggle-content ul li a span{
	margin-right: -15px;
	float: right;
	width: 17px;
	height: 27px;
	background: none;
}

.toggle-content ul li a:hover {
	color: #862495;
	background: url(../img/sprite.png) -406px -481px repeat-x;
	text-decoration: none;
}

.toggle-content ul li a:hover span{
	background: url(../img/sprite.png) -783px -481px repeat-x;
}

.toggle-content ul li.active a {
	cursor: default;
	font-weight: bold;
	color: #fff;
	background: url(../img/sprite.png) 0 -481px repeat-x;
}

.toggle-content ul li.active a span{
	margin-right: -15px;
	float: right;
	width: 17px;
	height: 27px;
	background: url(../img/sprite.png) -377px -481px repeat-x;
}

/*-----------------------------------------------------------------------------------------------
  Layout exterior de 3 columnas (index.php)
-----------------------------------------------------------------------------------------------*/

.three-columns.column-left {
	position: relative;
	background: #fff;
	padding: 7px;
	margin: 0 10px 10px 10px;
	width: 683px;
	float:left;
	height:auto;
}

.three-columns.column-right {
	float:left;
	width:264px;
	position: relative;
}

/* --- Sombra lateral --- */

#side-shadow{ 
	position: absolute;
	right: -8px;
	width: 8px;
	height: 75%;
}

#side-shadow .top,
#side-shadow .bottom{
	float: left;
	width: 8px;
	height: 74px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
}

#side-shadow .top{
	background-position: -448px -91px;
}

#side-shadow .bottom{
	background-position: -468px -91px;
}

#side-shadow .middle{
	float: left;
	width: 8px;
	background: url(../img/shadow-middle.png) repeat-y;
	height: 100%;
}

/*-----------------------------------------------------------------------------------------------
  Layout exterior de 1 columna (mis-datos.php, signup.php, alertas-programadas.php)
-----------------------------------------------------------------------------------------------*/

.one-column {
	position: relative;
	background: #fff;
	padding: 15px;
	margin: 7px;
	width: 95.6%;
	min-height: 300px;
	height: auto;
}

/*-----------------------------------------------------------------------------------------------------------------
  Layout interior de 1 columna (mis-compras.php)
-----------------------------------------------------------------------------------------------------------------*/

.inner-one-column{
	width: 100%;
	float: left;
}

/*-----------------------------------------------------------------------------------------------------------------
  Layout interior de 1 columna con panel lateral (descuentos-recientes.php)
-----------------------------------------------------------------------------------------------------------------*/

.inner-one-column-panel{
	width: 75%;
	float: left;
}

/*-----------------------------------------------------------------------------------------------------------------
  Layout interior de 2 columnas (mis-datos.php, signup.php, alertas-programadas.php, login.php, landing.php)
-----------------------------------------------------------------------------------------------------------------*/

.inner-two-columns{
	width: 48.8%;
}

.inner-two-columns.first{
	margin-right: 10px;
	float: left;
}

.inner-two-columns.second{
	margin-left: 10px;
	float: right;
}

/*-----------------------------------------------------------------------------------------------
  Barra lateral global
-----------------------------------------------------------------------------------------------*/

#site-sidebar{
	float: right;
	width: 25%;
	padding-top: 10px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Tabla de listados
-----------------------------------------------------------------------------------------------*/

table.items{
	border-collapse: collapse;
}

table.items tr.item{
	height: 50px;
	border-top: 1px solid #ddd;
}

table.items tr.item td{
	background: #f8f8f8 url(../img/sprite.png) 0 -665px repeat-x;
}

table.items td.date{
	width: 170px;
	text-indent: 5px;
}

table.items td.title{
	width: auto;
	text-indent: 5px;
}

table.items td.price{
	text-align: center;
	width: auto;
}

table.items td.actions{
	width: auto;
	text-align: right;
	line-height: 18px;
}

table.items td.actions .icon{
	margin-bottom: -3px;
}

table.items td.actions em.granted{
	font-weight: bold;
	color: #649b26;
}

table.items td.actions em.pending{
	font-weight: bold;
	color: #ff7800;
}

table.items td.balance{
	font-size: 16px;
	width: auto;
	text-align: right;
}

table.items td.points{
	font-size: 16px;
	text-align: center;
}

table.items td.points strong.green, table.items td.balance strong.green{
	color: #649b26;
}

table.items td.points strong.red, table.items td.balance strong.red{
	color: #ff0000;
	font-weight: normal;
}

table.items td.status{
	width: auto;
	text-align: center;
}

table.items td.status em.pending{
	color: #ff7800;
}

table.items td.status em.accepted{
	color: #4c8117;
}

table.items td.status em.rejected{
	color: #666;
}

table.items td.amount select{
	min-width: 60px;
}

table.items td.total{
	width: auto;
	text-align: right;
}

table.items td.total strong.total{
	font-size: 16px;
	color: #4c8117;
}

table.items tr.labels td{
	color: #666;
	font-size: 12px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Paginación
-----------------------------------------------------------------------------------------------*/

#paginator{
	clear: both;
	margin: 20px 0;
	text-align: center;
}

#paginator ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#paginator ul li{
	display: inline;
	margin-left: 5px;
}

#paginator ul li a{
	color: #862495;
	padding: 4px 8px;
	border:1px solid #fff;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

#paginator ul li a:active{
	background: #f5ecfe;
	border: 1px solid #f5ecfe;
	border-left: 1px solid #bf8ec7;
	border-top: 1px solid #bf8ec7;
}

#paginator ul li.active a{
	background: #f5ecfe;
	border: 1px solid #f5ecfe;
	border-left: 1px solid #bf8ec7;
	border-top: 1px solid #bf8ec7;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Barra de opciones para filtrar/ordenar los resultados
-----------------------------------------------------------------------------------------------*/

#filter ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#filter ul li ul li{
	display: inline;
	margin-left: 5px;
}

#filter ul li ul li a{
	color: #862495;
	padding: 4px 8px;
	border:1px solid #fff;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

#filter ul li ul li a:active{
	background: #f5ecfe;
	border: 1px solid #f5ecfe;
	border-left: 1px solid #bf8ec7;
	border-top: 1px solid #bf8ec7;
}

#filter ul li ul li.active a{
	background: #f5ecfe;
	border: 1px solid #f5ecfe;
	border-left: 1px solid #bf8ec7;
	border-top: 1px solid #bf8ec7;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Caja en barra lateral global
-----------------------------------------------------------------------------------------------*/

.module-sidebar {
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.module-sidebar .title{
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	background: #862495 url(../img/sprite.png) 0 -192px repeat-x;
	padding: 8px 10px;
}

.module-sidebar .content{
	padding: 10px;
}

.module-sidebar .content img{
	float: left;
}

.module-sidebar .content p{
	margin-top: 0;
	float: right;
	width: 73%;
}

.at-cliente b {font-size: 15px; display: block; padding: 10px 10px 20px 50px;}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Promo/tip sobre verde
-----------------------------------------------------------------------------------------------*/

.module-promo {
	background: #fff;
	padding: 10px;
	float:left;
}
.module-promo img{
	float: left;
	margin-right: 10px;
}

.module-promo p{
	margin: 0;
	font-size: 13px;
}

.module-promo p a{
	font-size: 12px;
}

	
/*-----------------------------------------------------------------------------------------------
  MÓDULO: Secondary
-----------------------------------------------------------------------------------------------*/
.module-secondaries {
	float:left;
	background: #fff;
	padding: 0px;
	width:254px;
	border:1px solid #601773;
	margin-bottom:10px;
	position:relative;	
	
}

.module-secondaries-title h2{
	background-color:#601773;
	padding:5px 10px;
	margin:0px;
	text-align:left;
	font-size:15px;
	color:#fff;
}
.module-secondaries-title-exclamation{
	background-image:url("../img/admi.png");
	background-repeat: no-repeat;
	position:absolute;
	top:-5px;
	right:-5px;
	width:67px;
	height:68px;
}

.module-main-secondary {
	background: #fff;
	padding-left: 5px;
	float:left;
}
.module-main-secondary p a{
	background: #fff;
	font-size:15px;
	text-decoration:none;
	color:#000;
}
.module-main-secondary-left{
	height:140px;
	float:left;	
	width:104px;
	padding-bottom:5px;
	margin-right: 5px;
	
}
.price_secondary{
	background-image:url("../img/boto_preu_g.png");
	background-repeat: no-repeat;
	float:left;	
	height:40px;
	width:122px;
	margin-left:-15px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	text-align:center;
	font-size:20px;
	line-height:39px;
	color:#000000;
	
}

.show_real_price{
	background-color:#F5ECFF;
	padding:5px 1px;
	float:left;
	width:102px;
	text-align:center;
	font-size:13px;
	margin-top:2px;
	color:#000000;
	
}
.show_discount{
	background-color:#F5ECFF;
	padding:5px 1px;
	float:left;
	text-align:center;
	font-size:15px;
	width:102px;
	color:#000000;
	
	
}

.show_more{
	background-image:url("../img/boto_g.png");
	background-repeat: no-repeat;
	float:left;	
	height:37px;
	width:104px;
	margin-top:12px;	
}

.show_more_little{
	background-image:url("../img/boto_p.png");
	background-repeat: no-repeat;
	float:left;
	height:20px;
	width:98px;
	color:#000;
	text-decoration:none;
	align:center;
	
}
.module-main-secondary-right{
	height:140px;
	width:140px;
	float:right;
	overflow:hidden;
}
.module-main-secondary p{
	margin-top:2px;
	margin-bottom:2px;
	width:215px;
	
}

.module-secondary{
	float:left;
	background: #fff;
	font-size:14px;
	width:254px;
	border-top: 1px solid #601773;
	color:#000;
	margin:1;
}
.photo-secondary{
	float:left;
	width: 69px;
	margin:7px;
	border: 1px solid #B3B3B3;
	
}
.text-secondary{
	float:left;
	width:161px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.module-secondary a{
	text-decoration:none;
	color:#000;
	float:left;
}
.module-secondary p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	color: #862495;
}

.module-secondary p a {
	font-size: 14px;
	color: #000;
}

.module-secondary imagen {
	overflow: hidden; 
	width: 240px; 
	height: 120px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Alerta en el sidebar
-----------------------------------------------------------------------------------------------*/

.module-alert-sidebar{
	background: #fff2ba;
	padding: 15px;
	margin-bottom: 10px;
}

.module-alert-sidebar h4{
	margin: 0 0 15px 0;
}

.module-alert-sidebar p{
	margin: 0;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Con cortes en los extremos (grises)
-----------------------------------------------------------------------------------------------*/

.module-cuts-grey {
	background: #fff;
	border: 1px solid #dbdbdb;
}

.module-cuts-grey div.cut {
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	z-index: 100;
}

.module-cuts-grey div.cut.top-left {
	position: absolute;
	float: left;
	margin: -8px 0 0 -8px;
	background-position: 0 -118px;
}

.module-cuts-grey div.cut.bottom-right {
	float: right;
	margin: -18px -6px 0 0;
	background-position: -33px -118px;
}

.module-cuts-grey div.content {
	margin: 10px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Con cortes en los extremos (blancos)
-----------------------------------------------------------------------------------------------*/

.module-cuts-white {
	background: #fff;
	border: 1px solid #dbdbdb;
}

.module-cuts-white div.cut {
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	z-index: 100;
}

.module-cuts-white div.cut.top-left {
	position: absolute;
	float: left;
	margin: -11px 0 0 -8px;
	background-position: -179px -118px;
}

.module-cuts-white div.cut.bottom-right {
	float: right;
	margin: 0 -6px -10px 0;
	background-position: -214px -118px;
}

.module-cuts-white div.content {
	margin: 10px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Descuento reciente
-----------------------------------------------------------------------------------------------*/

.latest-deal{
	background: #f5ecfe;
	border: 1px solid #e8daf9;
	float: left;
	width: 47%;
	margin-top: 35px;
	height: 282px;
}

.latest-deal.left{
	margin-right: 15px;
}

.latest-deal.right{
	float: left;
	margin-left: 5px;
}

.latest-deal .date{
	margin: -30px 0 0 0;
	color: #666;
	font-size: 11px;
	text-indent: 15px;
}

.latest-deal .left{
	float: left;
	width: 25%;
	margin-right: 10px;
}

.latest-deal .right{
	width: 100%;
}

.latest-deal .left .label{
	width: 92%;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
}

.latest-deal .left .price{
	margin-left: -4px;
	background: #862495 url(../img/sprite.png) 0 -610px;
	height: 50px;
	text-align: right;
}

.latest-deal .left .price a{
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	line-height: 47px;
}

.latest-deal .left .shadow{
	background: url(../img/sprite.png) -128px -633px;
	height:5px; 
}

.latest-deal .left .real-value, .latest-deal .left .saving{
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #e8daf9;
	border-left: none;
	padding: 5px;
}

.latest-deal .left .saving{
	color: #649b26;
}

.latest-deal .right h3{
	margin-top: 12px;
	font-weight: normal;
	padding-top: 18px;
}

.latest-deal .right img{
	border: 1px solid #fff;
}

.module-cuts-white div.cut.bottom-right{
	position: relative;
	float: none;
	margin-left: 310px;
	margin-top: -20px;
	top: 283px;
}

#latest-deals .module-alert-sidebar{
	margin-top: 40px;
}


/*-----------------------------------------------------------------------------------------------
  MÓDULO: Bloque con flecha inferior y superior
-----------------------------------------------------------------------------------------------*/

.module-arrow {
	background: #f4ecfe;
	border: 1px solid #e8daf9;
}

.module-arrow .arrow {
	width: 26px;
	height: 16px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
}

.module-arrow .arrow.bottom{
	margin: -2px auto -12px auto;
	background-position: -497px -88px;
}

.module-arrow .arrow.top{
	margin: -12px auto -2px auto;
	background-position: -538px -88px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Puntos
-----------------------------------------------------------------------------------------------*/

.module-points {
	padding: 10px;
	background: #fff6b6;
	border: 1px solid #f0e8ad;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Campos de formularios
-----------------------------------------------------------------------------------------------*/

.module-form{
	margin-top: 10px;
	background: #f3f3f3 url(../img/bg-module-form.png) top repeat-x;
	padding: 10px;
	border: 1px solid #ddd;
	min-height: 100px;
}

.module-form-left-shadow{
	position: absolute;
	width: 6px;
	height: 91px;
	background: url(../img/sprite.png) -882px -57px no-repeat;
	margin: -10px 0 0 -15px;
}

.module-form-right-shadow{
	position: absolute;
	width: 6px;
	height: 91px;
	background: url(../img/sprite.png) -893px -57px no-repeat;
	margin: -10px 0 0 445px;
}

.module-form-right-shadow, x:-moz-any-link { /*------- Firefox FIX ------- */
	margin: -10px 0 0 446px;
}

.module-form h4{
	margin: 0 0 20px 0;
	font-size: 14px;
}

.module-form ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.module-form ul li{
	margin-bottom: 2px;
}

.module-form ul.list-two-columns{
	float: left;
	width: 50%;
}

.module-form ul.list-three-columns{
	float: left;
	width: 33%;
}

.module-form ul.list-four-columns{
	float: left;
	width: 25%;
}

.module-form label{
	height: 40px;
}

.module-form label{
	float: left;
	margin-bottom: 10px;
}

.module-form label.full{
	width: 100%;
}

.module-form label.semi-full{
	width: 75%;
}

.module-form label.half{
	width: 50%;
}

.module-form label.third{
	width: 33%;
}

.module-form label.quarter{
	width: 25%;
}

.module-form select{
	margin-top: 5px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Lista de features
-----------------------------------------------------------------------------------------------*/

.module-features ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-features strong.title{
	font-size: 16px;
	margin: 10px 0;
	display: block;
}

.module-features ul li ul li{
	background: #f5ecfe;
	border: 1px solid #e8daf9;
	padding: 10px;
	margin-bottom: 10px;
}

.module-features .icon{
	margin-bottom: -3px;
	float: left;
}

.module-features span.feature{
	margin-left: 2px;
	float: left;
	width: 90%;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Lista de features extendidas (landing.php)
-----------------------------------------------------------------------------------------------*/

.module-features-ext{
	background: #f5ecfe;
	border: 1px solid #e8daf9;
	padding: 10px;
	margin-bottom: 15px;
	min-height: 120px;
}

.module-features-ext .picture{
	float: left;
	margin-right: 15px;
}

.module-features-ext .feature-text{
	width: 65%;
	
	display: table-cell;
	vertical-align: middle;
}

.module-features-ext h4{
	margin: -5px 0 0 0;
}

.module-features-ext h4 span{
	display: inline;
}

.module-features-ext h4 span.small{
	font-size: 12px;
	font-weight: normal;
}

.module-features-ext h4 span.medium{
	font-size: 18px;
}

.module-features-ext h4 span.large{
	font-size: 28px;
	line-height: 42px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Barra compartir
-----------------------------------------------------------------------------------------------*/

.share-discount {
	background: #f5ecfe;
	padding: 4px 6px;
		width:432px;
	
}

.share-discount .left{
	float: left;
	width: 70%;
	line-height: 16px;
	text-indent: 3px; 
}

.share-discount .right{
	float: right;
	text-align: right;
	width: 30%;
	line-height: 10px;
}

/*-----------------------------------------------------------------------------------------------
  MÓDULO: Opciones compartir grande (comprar-realizada.php)
-----------------------------------------------------------------------------------------------*/

#sharer-large a{
	padding: 8px 10px 15px 5px;
	background: #f4f4f4;
	text-decoration: none;
	margin: 10px 10px 0 0;
	display: inline-block;
}

#sharer-large a .icon-xl{
	margin-bottom: -12px;
}


/*-----------------------------------------------------------------------------------------------
  MÓDULO: Contador (mis-compras.php, balance-de-puntos.php)
-----------------------------------------------------------------------------------------------*/

#counter{
	position: absolute;
	margin-left: 720px;
	width: 200px;
	height: auto;
	background: #f4f4f4;
	text-align: center;
	padding: 10px;
	-moz-box-shadow:inset 0 0 3px #ccc;
	-webkit-box-shadow:inset 0 0 3px #ccc;
	box-shadow:inset 0 0 3px #ccc;
}

#counter p{
	margin: 0;
}

#counter p.number{
	font-size: 32px;
	font-weight: bold;
	color: #649b26;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - OFERTA: Zona primaria (index.php)
-----------------------------------------------------------------------------------------------*/

#discount {
	float: left;
	min-height: 400px;
}

#discount h1{
	margin-bottom: 20px;
}

#discount h1 strong {
	color: #862495;
}

#discount .sidebar {
	width: 33%;
	float: left;
}

/* --- Módulo Comprar --- */

#buy table {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #e8daf9;
	padding-bottom: 5px;
}

#buy table tr.labels{
	font-size: 12px;
}

#buy table tr.numbers td{
	width: 33%;
	font-size: 14px;
}

#buy .gift{
	margin: 10px 0;
	text-align: left;
	font-weight: bold;
}

#buy .gift img {float: left; margin: -5px 4px 0 15px;}

#buy-button {
	float: right;
	padding: 10px 40px 0 0;
}

#buy-button a {
	display: block;
	height: 62px;
	background: url(../img/button.png) no-repeat 0 0;
	font-size: 28px;
	font-weight: bold;
	color: #333;
	line-height: 54px;
	text-align: right;
	text-shadow: 0 1px 1px #fff;
	white-space: nowrap;
	padding-left: 5px;
}

#buy-button a:active {background: url(../img/button.png) no-repeat -352px 0px;}
#buy-button a:hover {text-decoration: none;}

#buy-button a span.buy-button-right {
	float: right;
	width: 30px;
	height: 60px; 
	background: url(../img/button.png) no-repeat -302px 0px;
	margin-right: -30px;
}

#buy-button a:active span.buy-button-right
{background: url(../img/button.png) no-repeat -652px 0px;}

#buy-button a span.price {
	background: url(../img/price.png) no-repeat 0 0px;
	padding: 5px 0 7px 20px;
	margin-right: 30px;
}

#buy-button a:active span.price
 {background-position: -243px 0;}

#buy-button a span.price-right{
	position: absolute;
	width: 25px;
	height: 45px;
	margin-top: 5px;
	background: url(../img/price.png) no-repeat -220px 2px;
}

#buy-button a:active span.price-right
 {background-position: -463px 2px;}

/* --- Buy button: MEDIUM --- */

#buy-button a.medium {
	font-size: 22px;
	line-height: 53px;
}

#buy-button a.medium span.price {
	padding: 8px 0 11px 20px;
}

/* --- Buy button: SMALL --- */

#buy-button a.small {
	font-size: 21px;
	line-height: 53px;
}

#buy-button a.small span.price {
	padding: 9px 0 12px 20px;
}

/* --- Buy button: xSMALL --- */

#buy-button a.xsmall {
	font-size: 18px;
	line-height: 53px;
}

#buy-button a.xsmall span.price {
	font-size: 19px; padding: 10px 0 12px 10px; 
}

#buy-button a.xsmall span.price-right{
	background-position: -629px -717px;
}

#buy-button a.xsmall .buy-button-text {padding-left: 12px;}

/****** NEW BUY BUTTON ******/
#buy-button-block {background: url(../img/button_buy.png) no-repeat 0 0px; float: right; margin: 10px 0 0 0; width: 282px;}
#buy-button-block:active {background: url(../img/button_buy_active.png) no-repeat;}
#buy-button-block a {
	display: block;
	height: 62px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	line-height: 54px;
	text-align: right;
	text-shadow: 0 1px 1px #fff;
	white-space: nowrap;
	padding-left: 0px;
}

#buy-button-block a:hover {text-decoration: none;}
#buy-button-block span.price {display: block; float: left; margin: 0 17px 0 5px; padding: 0; text-align: center; width: 110px;}
#buy-button-block .buy-button-text {display: block; float: left;}

#off-button-block {display: block;
	height: 62px;
	background: url(../img/button_off.png) no-repeat;
	font-size: 28px;
	font-weight: bold;
	color: #333;
	line-height: 54px;
	text-align: right;
	text-shadow: 0 1px 1px #fff;
	white-space: nowrap;
	margin: 10px 0 0 5px; width: 210px;}
	
#off-button-block a {display: block;
	height: 62px;
	font-size: 26px;
	font-weight: bold;
	color: #333;
	line-height: 54px;
	text-shadow: 0 1px 1px #fff;
	white-space: nowrap;
	padding-left: 0px; text-align: center; text-decoration: none;}
	
#off-button-block .buy-button-text {display: block; float: left; padding: 0 0 0 12px;}

#buy-button-block-small {background: url(../img/button-small.png) no-repeat; display: block; float: left; font-size: 18px; font-weight: bold; line-height: 53px; height: 58px; margin: 5px 0 5px -10px; width: 212px;}
#buy-button-block-small  a {color: #333; text-shadow: 0 1px 1px #fff; text-decoration: none; white-space: nowrap;}
#buy-button-block-small  .price {display: block; float: left; font-size: 18px; margin: 0 10px; text-align: center; width: 90px;}
#buy-button-block-small  .buy-button-text {line-height: 43px; }
#buy-button-block-small:active {background: url(../img/button-small-active.png) no-repeat;}
	
/* --- Módulo tiempo restante --- */

#time {
	text-align: center;
	margin-top: 20px;
}

#time p {
	margin: 8px 0 0 0; 
}

#time table {
	width: 92%;
	width: 92%;
	margin-bottom: 5px;
}

#time table tr.numbers td {
	color: #fff;
	background: #6f1e7c url(../img/sprite.png) -642px -84px;
	font-size: 16px;
	font-weight: bold;
	width: 25%;
	line-height: 28px;
}

#time table tr.numbers td.off {
	background-position: -587px -84px;
	background-color: #6e6e6e;
}

#time table tr.labels {
	font-weight: bold;
	line-height: 11px;
}

/* --- Módulo total compradores --- */

#buyers{
	margin-top: 20px;
	text-align: center;
}

#buyers p{
	margin: 10px 0;
}

#total-buyers{
	background: #fff url(../img/sprite.png) -515px -124px;
	width: 90%;
	height: 20px;
	margin: auto;
	border: 1px solid #fff;
}

#total-buyers .progress-bar {
	background: url(../img/progress-bar.gif) repeat-x;
	height: 20px;
}

/* --- Módulo "Cómpralo y suma" --- */

#score-points {
	margin-top: 20px;
}

#score-points p {
	margin:0;
}

#score-points p.large {
	font-size: 24px;
}

/* --- Zona del fotomontaje --- */

#discount .overview {
	float: right;
	width: 65%;
	margin-left: 5px;
}

#discount-photo {
	height: 290px;
	width:444px;
	overflow:hidden;
}

/* --- Zona de las condiciones --- */

#conditions {
	margin-top: 15px;
	float: left;
	border: 1px solid #ddd;
	width: 441px;
}

#conditions ul.left,
#conditions ul.right {
	float: left;
	width: 45%;
	padding: 0 0 0 15px;
}

#conditions ul li.title {
	font-weight: bold;
	font-size: 14px;
	float:left;
	
}

#conditions ul,
#conditions ul ul {
	list-style: none;
}

#conditions ul ul {
	font-size: 12px;
	font-weight: normal;
	padding: 0;
}

#conditions ul ul li {
	list-style: disc;
	margin: 8px 0 0 13px;
}

/* --- Zona "Me gusta" de Facebook --- */

#facebook-like {
	background: #FFF2BA;
width: 450px;
min-width: 445px;
float: right; right: 285px;
padding: 0 0 5px 0;
margin: 5px 0 -5px 0;
}

#facebook-like .arrow {
	margin-left: -10px;
	top: 15px;
	background: url(../img/sprite.png) -714px -88px no-repeat;
	width: 10px;
	height: 20px;
}

#facebook-like .content {
	margin: 0;
	padding-top: 0px;
	padding: 5px;
}

#facebook-like-shadow{
	position: relative;
	margin:0 -5px 0 -10px;
	padding-right: 10px;
	background: url(../img/sprite.png) -496px -162px no-repeat;
	height: 14px;
}

/* --- Zona de últimos comentarios --- */

#latest-comments{
	position: relative;
}

#latest-comments h4{
	margin: 15px 0 10px 0;
	font-size: 14px;
	color: #fff;
}

.comment { /* --- Inicio de estilos globales para un comentario  --- */
	padding: 10px;
	background: #fff url(../img/comment-bg.gif) repeat-x bottom;
	border: 2px solid #fff;
}

.comment .avatar {
	float: left;
	width: 40px;
	height: 40px;
}

.comment .message {
	position: relative;
	margin-left: 45px;
}

.comment .message p{
	margin: 0;
}

.comment-author{
	background: #89c346;
	margin: 0 5px 20px 5px;
	padding: 3px 0 0 0;
	text-indent: 52px;
	font-size: 11px;
	line-height: 11px;
}

.comment-author.team .author { 
	font-weight: bold;
}

.comment-author.isolated { /* - Específico comentario extendido  - */
	background: #e8e8e8;
	border-bottom: 1px solid #ddd;
	border-top: none;
}

.comment-author.isolated.team { /* - Específico comentario extendido  - */
	font-weight: bold;
	background: #f5ecfe;
	border-bottom: 1px solid #e8daf9;
}

.comment-author .author{
	margin-top: 2px;
}

.comment-author .arrow {
	position: relative;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	margin-top: -18px;
	width: 31px;
	height: 23px;
}

.comment-author .arrow.right {
	background-position: -85px -124px;
	left: 185px;
}

.comment-author.isolated .arrow.right { /* - Específico comentario extendido  - */
	left: 365px;
}

.comment-author .arrow.left { /* --- Fin de estilos globales para un comentario  --- */
	background-position: -128px -124px;
	left: 15px;
}

#join-conversation{
	position: relative;
	text-align: right;
	color: #c0e39a;
	margin: 0 10px 20px 0;
}

#join-conversation a{
	color: #ffeb5d;
	font-size: 14px;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - OFERTA: Zona secundaria (index.php)
-----------------------------------------------------------------------------------------------*/

#body-wrapper-secondary{
	margin-top: -11px;
}

#body-wrapper-secondary .upper-shadow{
	position: relative;
	background: url(../img/sprite.png) 0 -465px no-repeat;
	height: 11px;
	top: 11px;
}

#discount-content {
	background: #fff url(../img/bg-business-sidebar.png) repeat-y left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	float: left;
	width: 74%;
	min-height: 300px;
}

/* --- Columna de empresa --- */

#discount-content .business-sidebar{
	float: left;
	width: 28%;
	padding: 20px;
	height: 100%;
}

#discount-content .business-sidebar h4{
	margin: 35px 0 10px 0;
	font-size: 16px;
}

#business-map{
	border: 1px solid #dfdfdf;
	margin-left: -5px;
	height: 200px;
	width: 200px;
}

#business-view{
	margin-left: -5px;
	margin-top: 15px;
	height: 255px;
	width: 205px;
	border: 1px solid #dfdfdf;
}

/* --- Columna de descripción extendida de la oferta --- */

#discount-content .content{
	float: left;
	padding: 15px;
	width: 60%;
}

#menu-content{
	padding-bottom: 5px;
}

#full-description h2{
	font-size: 12px;
	font-weight: normal;
}

/* --- Columna de comentarios --- */

#full-comments{
	margin-top: 10px;
}

#comment-form label{
	font-weight: bold;
	font-size: 14px;
}

#comment-form textarea{
	width: 98%;
}

#comment-form input.button{
	margin: 10px 0 20px 0;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - SIGNUP (signup.php)
-----------------------------------------------------------------------------------------------*/

.module-form.signup ul.check{
	width: 20%;
	margin: 20px 0 0 20px;
}

.module-form.signup select{
	min-width: 50%;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - LANDING (inc/facebook-registration.php)
-----------------------------------------------------------------------------------------------*/

.module-form.facebook-mini{
	margin-top: 20px;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - LOGIN (login.php)
-----------------------------------------------------------------------------------------------*/

.module-form.facebook-large{
	background-image: url(../img/facebook-screenshot.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 207px;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - GANA PUNTOS (gana-puntos.php)
-----------------------------------------------------------------------------------------------*/

/* Modulo primera compra */
#primera-compra {background: url(../img/5_euros_regalo.gif) no-repeat top right;}
#primera-compra h1, #primera-compra h2, #primera-compra p {padding: 0 350px 0 0;}
#primera-compra h2 {margin: 25px 0 !important;}
#primera-compra p{margin: 35px 0 30px 0 !important;}

#primera-compra2 {background: url(../img/fotos_5_euros_regalo.jpg) no-repeat top left; margin: 0 0 30px 0; padding: 50px 0 30px 480px;}
#primera-compra2 p {width: 400px;}

#earn-points p.large{
	font-size: 16px;
}

#earn-points p.medium{
	font-size: 14px;
}

#earn-points h3{
	font-size: 18px;
	margin: 10px 0;
}

/*--- Regalo mensual ---*/

#monthly-contest{
	border: 1px solid #e8e8e8;
}

#monthly-contest img{
	float: left;
}

#monthly-contest .description .arrow{
	position: absolute;
	width: 18px;
	height: 20px;
	background: url(../img/sprite.png) -744px -88px no-repeat;
	margin: 50px 0 0 -31px;
}

#monthly-contest .description{
	width: 59%;
	padding: 12px 15px;
	float: right;
	background: #fff2ba;
	border-left: 1px solid #ffeb5d;
}

#monthly-contest .description p{
	margin: 5px 0;
}

#monthly-contest .description p.medium{
	font-size: 14px;
}

#monthly-contest .description p.large{
	font-size: 26px;
}

/*--- Contador de puntos ---*/

#monthly-points{
	margin-top: 10px;
}

#monthly-points .module-sidebar{
	border: 1px solid #e8daf9;
}

#monthly-points .module-sidebar.left{
	float: left;
	width: 48%;
}

#monthly-points .module-sidebar.right{
	float: right;
	width: 48%;
}

#monthly-points .module-sidebar .title{
	font-size: 12px;
	text-align: center;
}

#monthly-points .module-sidebar .content{
	text-align: center;
	background: #f5ecfe;
	min-height: 45px;
}

#monthly-points .module-sidebar .content p{
	width: 100%;
	float: none;
	margin: 2px 0;
}

#monthly-points .module-sidebar .content p.large{
	font-size: 20px;
}

#monthly-points .module-sidebar .content p.loser{
	font-size: 11px;
	color: #ff0000;
}

#monthly-points .module-sidebar .content p.winner{
	font-size: 11px;
	color: #649b26;
}

#inviter-email-account, #inviter-emails{
	min-height: 215px;
}

/*--- MSN, GMAIL, YAHOO ---*/

#inviter-email-account .left{
	float: left;
	width: 47%;	
}

#inviter-email-account .left p{
	margin-top: 0;
}

#inviter-email-account .right{
	float: right;
	width: 47%;
	margin-right: 10px;
}

#inviter-email-account .submit-form-holder{
	float: left;
	margin-top: 10px;
}

/*--- Inviter e-mails ---*/

#inviter-emails input[type=submit] {
	margin-top: 15px;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - COMPRAR (comprar.php)
-----------------------------------------------------------------------------------------------*/

#purchase h3{
	font-size: 18px;
	margin: 0 0 10px 0;
}

#purchase .module-features li{
	background: none;
	border: none;
	margin: 0;
	padding: 5px 0;
}

#purchase .friend-details{
	margin-top: 15px;
}

#purchase .friend-details label{
	float: left;
	margin-right: 15px;
}

/*-----------------------------------------------------------------------------------------------
  PÁGINA - PRENSA (prensa.php)
-----------------------------------------------------------------------------------------------*/
#offerum-prensa {}
#offerum-prensa p {}
#offerum-prensa div.tipo-prensa {clear: left;}
#offerum-prensa div.tipo-prensa img {margin: 0px 0 0 0;}
#offerum-prensa div.tipo-prensa.nofirst img {margin: 30px 0 0 0;}
#offerum-prensa div.tipo-prensa h2{font-size: 12px; margin: 0 0 10px 0;}
#offerum-prensa div.tipo-prensa ul  {margin: 0; padding: 0; width: 100%;}
#offerum-prensa div.tipo-prensa ul li {border-bottom: 1px solid #e3e3e3; display: block; float: left; height: 80px; margin: 0 20px 0 0; padding: 20px 0 10px 0; width:295px;}
#offerum-prensa div.tipo-prensa ul li.last {margin-right: 0;}
#offerum-prensa div.tipo-prensa ul li img {border: 1px solid #dddada; float: left; margin: 0 10px 10px 0 !important;}
#offerum-prensa div.tipo-prensa ul li p a {font-weight: bold;}

/*-----------------------------------------------------------------------------------------------
  FOOTER - (inc/footer.php)
-----------------------------------------------------------------------------------------------*/

#footer {
	padding-top: 20px;
}
#footer .bar{
	background: url(../img/sprite.png) 0 -560px no-repeat;
	padding: 3px 15px;
}

#footer .bar a{
	margin-left: 15px;
}

#footer .bar strong{
	font-weight: normal;
	color: #e8daf9;
}

#footer .bar .copyright{
	float: left;
}

#payment-methods{
	float: right;
	margin-right: 55px;
}

#payment-methods div{
	background-image: url(../img/sprite.png);
	width: 50px;
	height: 30px;
	float: right;
	margin: 3px 0 0 10px;
}

#payment-methods .visa{
	background-position: -796px -393px ;
}

#payment-methods .mastercard{
	background-position: -856px -393px ;
}

#payment-methods .paypal{
	background-position: -915px -393px ;
}

#payment-methods .confianzaonline{
	background-image: url(../img/confianzaonline.png);
	width: 70px;
	height: 30px;
}

#footer a{
	color: #fff;
}

#footer ul.column {
	margin: 10px 0 0 15px;
	padding: 0;
	float: left;
	width: 23%;
}

#footer ul.column span{
	color: #e8daf9;
}

#footer ul, #footer ul li, #footer ul li ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer ul.column span{
	line-height: 36px;
}

/*-----------------------------------------------------------------------------------------------
  Formularios y campos
-----------------------------------------------------------------------------------------------*/

label {
	font-size: 12px;
}

input[type=text], input[type=password] {
	font-size: 14px;
	padding: 4px;
}

textarea {
	font-family: "Lucida Grande",tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

.submit-form-holder{
	margin: 20px 0 10px 0;
}

.submit-form-holder-inner{
	float: left;
	margin: 5px 0 10px 0;
	width: 100%;
}

.legal-holder-inner{
	float: left;
	margin: 5px 0;
	width: 100%;
}

.legal-holder-inner p{
	margin: 0;
	font-size: 10px;
}


/*-----------------------------------------------------------------------------------------------
  Botones generales
-----------------------------------------------------------------------------------------------*/

/* -- FF Fix -- */
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner{
    border : 0px;
}

.button, .button:visited {
	border: 0 none;
	outline: 0 none;
	background: #222 url(../img/buttons-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover{
	background-color: #111; color: #fff;
}
	
.button:active{
	top: 1px;
}

.small.button, .small.button:visited{
	font-size: 11px;
}

.large.button, .large.button:visited{
	font-size: 18px; padding: 8px 25px 9px;
}

.button, .button:visited,
.medium.button, .medium.button:visited{
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.orange.button, .orange.button:visited, .orange:hover{
	background: #ffcd33 url(../img/sprite.png) 0 -512px repeat-x;
	color: #000;
	text-shadow: 0 1px 1px #fff;
}

.orange.button:active{
	background: #ffcd33 url(../img/sprite.png) -410px -512px repeat-x;
}
	
.purple.button, .purple.button:visited{
	background-color: #862495;
	color: white;
	text-decoration: none; 
}

.purple.button:hover{
	background-color: #611a6c;
	text-decoration: none; 	
}

/*-----------------------------------------------------------------------------------------------
  Botones "Me gusta" y "No me gusta"
-----------------------------------------------------------------------------------------------*/

.like-holder{
	text-align: right;
	margin: 15px 28px 0 0;
}

.like-holder a.like{
	position: relative;
	color: #862495;
	text-decoration: none;
	background: #fff url(../img/sprite.png) -410px -608px no-repeat;
	padding: 5px 10px 5px 27px;
	margin-right: 5px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.like-holder a.dontlike{
	position: relative;
	color: #862495;
	background: #fff url(../img/sprite.png) -542px -608px no-repeat;
	padding: 5px 10px 5px 27px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	text-decoration: none;
}

.like-holder a.like:active, .like-holder a.dontlike:active{
	top: 1px;
}

.like-holder a.like.enabled{
	background-position: -408px -635px;
}

.like-holder a.dontlike.enabled{
	background-position: -540px -635px;
}

.like-holder a.like.disabled{
	background-position: -672px -608px;
	color: #666;
}

.like-holder a.dontlike.disabled{
	background-position: -672px -635px;
	color: #666;
}

/*-----------------------------------------------------------------------------------------------
  Alertas del sistema
-----------------------------------------------------------------------------------------------*/

.alert{
	padding: 10px;
	margin-bottom: 10px;
}

.alert.error{
	background: #fff6b6;
	border: 1px solid #ddd;
}

.alert.info, .alert-inline.info {
	background: #f5ecfe;
	border: 1px solid #e8daf9;
}

.alert.done{
	background: #e1f9c6;
	border: 1px solid #cde7b1;
}

.alert p{
	margin: 0;
}

.alert .message{
	margin-left: 5px;
}

.alert .icon, .alert-inline .icon{
	margin-bottom: -3px;
}

/*--- Alerta inline ---*/

.alert-inline{
	display: inline;
	padding: 10px;
	margin-left: 10px;
}

/*-----------------------------------------------------------------------------------------------
  Icons 16 x 16
-----------------------------------------------------------------------------------------------*/

.icon{
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
	margin: 0 3px;
}

.icon-points {
	background-position: 0 -444px;
}

.icon-facebook {
	background-position: -21px -444px;
}

.icon-twitter {
	background-position: -42px -444px;
}

.icon-digg {
	background-position: -63px -444px;
}

.icon-mail {
	background-position: -84px -444px;
}

.icon-alert {
	background-position: -105px -444px;
}

.icon-info {
	background-position: -126px -444px;
}

.icon-tick {
	background-position: -145px -444px;
}

.icon-lock {
	background-position: -164px -444px;
}

/*-----------------------------------------------------------------------------------------------
  Icons 32 x 32
-----------------------------------------------------------------------------------------------*/

.icon-xl{
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
	margin: 0 3px;
}

.icon-xl-msn {
	background-position: -105px -151px;
}

.icon-xl-gmail {
	background-position: -140px -151px;
}

.icon-xl-yahoo {
	background-position: -175px -151px;
}

.icon-xl-facebook{
	background-position: 0px -151px;
}

.icon-xl-twitter{
	background-position: -35px -151px;
}

/*-----------------------------------------------------------------------------------------------
  Botones de Facebook - Estilos oficiales (pendiente limpiar)
-----------------------------------------------------------------------------------------------*/


/**
 * Copyright Facebook Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * @author blaise
 * @provides fb.css.button
 * @layer xfbml
 */


/**
 * these are the new style pretty buttons with various size options
 */
 
.fb_button,
.fb_button_rtl {
	background: #29447e url(../img/connect-sprite.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	padding: 0px 0px 0px 1px;
	text-decoration: none;
	outline: none;
}

.fb_button .fb_button_text,
.fb_button_rtl .fb_button_text {
	background: #5f78ab url(../img/connect-sprite.png);
	border-top: solid 1px #879ac0;
	border-bottom: solid 1px #1a356e;
	color: white;
	display: block;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight: bold;
	padding: 2px 6px 3px 6px;
	margin: 1px 1px 0px 21px;
	text-shadow: none;
}

a.fb_button,
a.fb_button_rtl,
.fb_button,
.fb_button_rtl {
	text-decoration: none;
}

a.fb_button:active .fb_button_text,
a.fb_button_rtl:active .fb_button_text,
.fb_button:active .fb_button_text,
.fb_button_rtl:active .fb_button_text {
	border-bottom: solid 1px #29447e;
	border-top: solid 1px #45619d;
	background: #4f6aa3;
	text-shadow: none;
}

.fb_button_xlarge,
.fb_button_xlarge_rtl {
	background-position: left -60px;
	font-size: 24px;
	line-height: 30px;
}

.fb_button_xlarge .fb_button_text {
	padding: 3px 8px 3px 12px;
	margin-left: 38px;
}

a.fb_button_xlarge:active {
	background-position: left -99px;
}

.fb_button_xlarge_rtl {
	background-position: right -268px;
}

.fb_button_xlarge_rtl .fb_button_text {
	padding: 3px 8px 3px 12px;
	margin-right: 39px;
}

a.fb_button_xlarge_rtl:active {
	background-position: right -307px;
}

.fb_button_large,
.fb_button_large_rtl {
	background-position: left -138px;
	font-size: 13px;
	line-height: 16px;
}

.fb_button_large .fb_button_text {
	margin-left: 24px;
	padding: 2px 6px 4px 6px;
}

a.fb_button_large:active {
	background-position: left -163px;
}

.fb_button_large_rtl {
	background-position: right -346px;
}

.fb_button_large_rtl .fb_button_text {
	margin-right: 25px;
}

a.fb_button_large_rtl:active {
	background-position: right -371px;
}

.fb_button_medium,
.fb_button_medium_rtl  {
	background-position: left -188px;
	font-size: 11px;
	line-height: 14px;
}

a.fb_button_medium:active  {
	background-position: left -210px;
}

.fb_button_medium_rtl  {
	background-position: right -396px;
}

.fb_button_text_rtl,
.fb_button_medium_rtl .fb_button_text {
	padding: 2px 6px 3px 6px;
	margin-right: 22px;
}

a.fb_button_medium_rtl:active  {
	background-position: right -418px;
}

.fb_button_small,
.fb_button_small_rtl {
	background-position: left -232px;
	font-size: 10px;
	line-height: 10px;
}

.fb_button_small .fb_button_text {
	padding: 2px 6px 3px;
	margin-left: 17px;
}

a.fb_button_small:active,
.fb_button_small:active {
	background-position: left -250px;
}

.fb_button_small_rtl {
	background-position: right -440px;
}

.fb_button_small_rtl .fb_button_text {
	padding: 2px 6px;
	margin-right: 18px;
}

a.fb_button_small_rtl:active {
	background-position: right -458px;
}

.openinviter {
	border: 1px solid #CCC;
	font-size: 13px;
	height: 150px;
	margin-bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px;
	width: 90%;
}

/*
---------------------------------------------
PopupLayer
---------------------------------------------
*/
 
#popup_box{float:left; border:3px solid #99368a; background-color:#fff; width:540px; }
#top-layer-padded{ float:left; padding:20px; }
#popup_box .title{  float:left; font-size:16px; font-weight:bold; color:#000; padding:0px 0px 20px 0px; }
.width480{ float:left; width:480px; }

/*
---------------------------------------------
Paginas interiores usuario (mis-datos.php)
---------------------------------------------
*/
#misdatos {background: #FFF url(../img/mis-datos.gif) no-repeat; display: block; float: left; height:85px; margin: 0 10px 0 0; width:71px;}
#mispuntos {background: #FFF url(../img/mis-puntos.gif) no-repeat; display: block; float: left; height: 85px; margin: 0 10px 10px 0; width:71px;}
#miscompras {background: #FFF url(../img/mis-compras.gif) no-repeat; display: block; float: left; height: 85px; margin: 0 10px 10px 0; width:71px;}
p.datos {margin-bottom:25px;}

/*
---------------------------------------------
Paginas interiores usuario (redimir-cupon-regalo.php)
---------------------------------------------
*/
#example-coupon {float: right; margin: 0 0 0 20px;}

#redimir-puntos {background: #F1F1F1; clear: left; margin: 10px 0 0 0; padding: 15px 15px; width: 490px;}
#redimir-puntos fieldset {border: none; padding: 0;}
#redimir-puntos label {display: block; margin: 0 0 15px 0; float: left; width: 240px;}
#redimir-puntos label input {margin: 5px 0 0 0; padding:7px; width: 200px;}
#redimir-puntos label span {display: block; padding: 8px 0 0 0;}
#redimir-puntos p {margin: 0 30px 0 0; text-align: right;}
#redimir-puntos input#btn {background: url(../img/add-points.gif) no-repeat; border: none; cursor: pointer; height: 34px; width: 149px;}

#resultado-puntos  {background: #eef6e7 url(../img/add.gif) no-repeat 15px 20px; color: #578d1e; font-weight: bold; margin: 10px 0 0 0; padding: 22px 10px 15px 40px; width: 470px;}
#resultado-puntos p {margin: 0; padding: 0 0 5px 0;}

#faq-puntos {margin: 20px 0 0 10px;}
#faq-puntos h2{font-size: 15px;}
#faq-puntos ol {padding: 0; margin: 0 0 0 20px;}
#faq-puntos ol li{padding: 0 0 10px 0;}

/*
-------------------------------------------------------------
Parrilla para ofertas experiencias (oferta_experiencias.php) 
-------------------------------------------------------------
*/

	/* -- Oferta primaria ---
	#discount_main {padding: 0 0 20px 0;}
	#discount_main h1 {font-size: 26px;}
	#discount_main h1 strong {color: #7c338e;}
	#discount_main #discount-photo {float: right; height: 267px; width: 400px; overflow-x: hidden; overflow-y: hidden;}
	#discount_main #discount-photo  img  {height: 267px; width: 400px;}
	#discount_main .sidebar {float: left; height: 170px; width: 39%;}

	#discount_main #buy-button a  {font-size: 23px;}
	#discount_main #buy-button a .price {font-size: 28px; margin-right: 35px;}
	

	 -- Oferta secundaria --- 
	.discount_secondary {border: 1px solid #dcdcdc; float: left; margin: 20px 10px 20px 0; padding: 7px; width: 316px;}
	.discount_secondary h2 {font-size: 19px; margin: 0; padding: 0;}
	.discount_secondary h2 strong {color: #7c338e;}
	.last {margin: 20px 0 20px 0;}
	
	.discount_secondary #discount-photo  {margin: 10px 0 10px 0; height: 206px; width: 310px;}
	.discount_secondary #discount-photo  img {height: 206px; width: 310px;}
	
	.discount_secondary #buy {height: 160px; width: 310px;}
	.discount_secondary #buy table#pricesTable {float: right; margin: 15px 8px 0 0; width: 8%;}
	.discount_secondary #buy table#pricesTable  td {padding: 5px 0;}
	
	.discount_secondary .buy-left {border-right: 1px solid #e5dfec; float: left; margin: 0; padding: 0 15px 0 0;}
	.discount_secondary #buy-button {float: none; padding: 10px 0 0 0; margin:  0 10px 0 -16px;}
	.discount_secondary #buy-button a {height: 62px; width: 90%;}
	.discount_secondary #buy-button a span.price {margin-right: 15px;}
	.discount_secondary #buy table {border-bottom: none;}

	.discount_secondary #time  {font-size: 11px; margin: 0; padding: 0;}	
	.discount_secondary #time p {margin: 0; padding: 0;}
	.discount_secondary #time table {font-size: 11px !important;}

	 -- Ultima oferta horizontal --- 
	#discount_last {border-top: 1px solid #dcdcdc; clear: both; padding: 20px 0 20px 0;}
	#discount_last h1 {font-size: 26px;}
	#discount_last h1 strong {color: #7c338e;}
	#discount_last #discount-photo {float: right; height: 267px; width: 400px; overflow-x: hidden; overflow-y: hidden;}
	#discount_last #discount-photo  img  {height: 267px; width: 400px;}
	#discount_last .sidebar {float: left; height: 170px; width: 39%;}

	#discount_last #buy-button a  {font-size: 23px;}
	#discount_last #buy-button a .price {font-size: 28px; margin-right: 35px;}
	
	#hr {border-bottom: 1px solid #dcdcdc; clear: both; display: block; height: 15px;}*/
	
	/*
-------------------------------------------------------------
Parrilla para ofertas experiencias (oferta_experiencias.php) 
-------------------------------------------------------------*/

	/* -- Oferta primaria ---*/
	#experiencia-main {font-family: Arial, sans-serif; margin: 0 0 20px 0;}
	#experiencia-main h1 {font-family: Arial, sans-serif; font-size: 22px; margin: 10px 0 10px 20px; letter-spacing: normal;}
	#experiencia-main h1 strong {color: #80318b;}
	
	#experiencia-main  .main-left {float: left; width: 245px; padding: 0 0 0 10px;}
	#experiencia-main p {font-weight: bold; margin: 3px 0 7px 0; padding: 0;}
	#experiencia-main p  span {display: block;}
	
	#experiencia-main p.priced {background: url(../img/price-parrilla-big.gif) no-repeat; font-size: 24px; font-weight: bold; margin-bottom: 3px; padding: 17px 0 17px 0; text-align: center; float: left; display: block;  width: 249px;}
	#experiencia-main p.priced span {float: left; width: 130px;}
	#experiencia-main p.priced a.ver-ahora {color: #FFF; display: block; font-size: 19px; float: left; font-weight: bold; margin: 0 6px 0 0; padding: 4px 0; text-align: center; width: 100px;}
	
	#experiencia-main p.dto {background: #e5e5e5; color: #2d2d2d; padding: 7px; text-align: center; float: left; margin-left: 6px; display: block; width: 63px; float: left; }
	#experiencia-main p.ahorro {background: #e5e5e5; color: #2d2d2d; padding: 7px; text-align: center; float: left; margin-left: 6px; display: block; width: 63px; float: left;}
	#experiencia-main p.valor {background: #e5e5e5; color: #2d2d2d; padding: 7px; text-align: center; float: left; display: block; width: 63px; float: left; }
	
	#experiencia-main #time {margin: 55px 0 4px 0;}
	#experiencia-main .gift {background: #f4ecfe  url(../img/gift_experiencia.gif) no-repeat 0px 0px; margin: 4px 0 0 0; padding: 9px 9px 12px 55px;}
	#experiencia-main .gift a {color:	#2d2d2d; font-weight: bold;}
	
	#experiencia-main #discount-photo {float: right; height: 260px; margin:0px 10px 0 0; width: 400px; overflow-x: hidden; overflow-y: hidden;}
	#experiencia-main #discount-photo img {height: 260px; width: 400x; }
	
	#experiencia-main #time {clear: left; font-family: Arial, sans-serif; font-size: 12px; margin-bottom: 5px;}
	.vint {height: 15px;}
	
	/* -- Secundarias ---*/
	.experiencia-parrilla {font-family: Arial, sans-serif; float: left; height: 190px; margin: 5px 8px 15px 9px; width: 323px;}	
	.experiencia-parrilla h2 {font-size: 16px; padding: 0 0 8px 6px; margin: 0;}
	.experiencia-parrilla h2 span {color: #80318b;}
	.experiencia-parrilla img {width: 212px; height: 138px;}
	.experiencia-parrilla .left-experiencia {float: left; margin: 0 10px 0 0; width: 100px;}	
	.experiencia-parrilla p {margin: 0 0 5px 0; padding: 0; font-size: 12px; font-weight: bold;}
	.experiencia-parrilla p.price {background: url(../img/price-parrilla.gif) no-repeat; font-size: 18px; font-weight: bold; padding: 6px 0 7px 0; text-align: center;}
	.experiencia-parrilla p.ahorro {background: #e5e5e5; color: #2d2d2d; margin-left: 6px; padding: 5px; text-align: center;}
	.experiencia-parrilla p.temps {background: #e5e5e5 url(../img/clock.gif) no-repeat 3px 3px; color: #2d2d2d; margin-left: 6px; padding: 5px 5px 5px 17px; text-align: center;}
	.experiencia-parrilla a.ver-ahora {background: url(../img/verahora_parrilla.gif) no-repeat; color: #FFF; display: block; font-size: 15px; font-weight: bold; margin-left: 6px; padding: 10px 0 9px 0; text-align: center;}
		

/*---------------------------------------------
Pagina Vale Regalo (coupon_regalo.php)
---------------------------------------------*/

	.coupon_regalo {background: url(../img/vale_regalo.gif) no-repeat; margin: 0 0 15px 0; padding: 12px 4px 4px 60px;}
	.coupon_regalo h1 {line-height: 20px; font-size: 28px;}	
	.coupon_regalo p{margin: 0; padding: 0 0 10px 0;}	
	
	.coupon-image {background: #ededed; border: 1px solid #dbdbdb; float: left; margin: 0 10px 10px 0; padding: 0 10px 10px 10px; width: 423px;}
	.coupon-image .coupon.design1 {height: 500px; margin: 0px 0 0 0; padding: 0; width: 423px;}
	.coupon-image .coupon.design1   p.text {color: #000; width:320px; font-size: 12px; width:line-height: 22px; padding: 0px 20px 0 60px; font-weight:bold; text-align: justify;}
	.coupon-image .coupon.design1   p.value {color: #AE050C; font-size: 28px; font-weight: bold;margin-top:10px; padding: 165px 0 0 90px;}
	.coupon-image .coupon.design1   p.from {color: #000; font-size: 12px;padding: 0px 0px 0px 60px;}
	
	.coupon-steps {font-size: 14px; margin-left: 465px; height: 620px;}
	.coupon-steps .step {margin: 0 0 15px 0;}
	.coupon-steps .step span {font-size: 12px;}
	.coupon-steps .step p {margin: 0; padding: 8px 0 8px 40px;}
	.coupon-steps .step ul {list-style: none;}
	.coupon-steps .step .disabled {background: #ebebeb;}	
	
	.coupon-steps #step1 p {background: url(../img/01_coupon.gif) no-repeat 0 2px; padding-bottom: 10px;}
	.coupon-steps #step1 ul {height: 120px; margin: 0 0 0 40px; padding: 0;}
	.coupon-steps #step1 ul li {border: 3px solid #FFF; display: block; height: 118px; float: left; margin: 0 1px 0 0; padding: 0 !important;}
	.coupon-steps #step1 ul li img {margin: 0; padding: 0;}
	.coupon-steps #step1 ul li.on, .coupon-steps #step1 ul li:hover {border: 3px solid #545454;}
	
	.coupon-steps #step2 p {background: url(../img/02_coupon.gif) no-repeat 0 2px; padding-bottom: 10px;}
	.coupon-steps #step2 ul  {margin: 0; padding: 0 0 0 40px; height: 25px;}
	.coupon-steps #step2 ul  li{display: block; float: left; margin: 0 20px 0 0;}

	.coupon-steps #step3 p {background: url(../img/03_coupon.gif) no-repeat 0 1px; padding-bottom: 10px;}
	.coupon-steps #step3 label {display: block; margin: 0 0 3px 40px; padding: 3px;}		
	.coupon-steps #step3 label input {float: left; margin: 1px 5px 0 0;}	
	.coupon-steps #step3 input.direct {margin-left: 60px; padding: 4px; width: 300px;}

	.coupon-steps #step4 p {}
	.coupon-steps #step4 p.main {background: url(../img/04_coupon.gif) no-repeat 0px 7px; padding-top: 15px;}
	.coupon-steps #step4 p input {margin-top: 4px;}
	.coupon-steps #step4 textarea{height: 70px; margin: 0 0 6px 40px; padding: 3px; width: 400px;}
	.coupon-steps #step4 .small	{background: none; font-size: 11px; padding-top: 1px;}
	
	.coupon-steps .step input.btn-regalo {background: url(../img/regalo.gif) no-repeat; border: none; cursor: pointer; float: right; height: 34px; margin: 3px 30px 0 0; width: 171px;}
	
	.faq {clear: both; padding-top: 20px;}
	.faq h3 {background: #f1f1f1; color: #4c4c4c; font-size: 15px !important; margin: 0 0 5px 0; padding: 4px;}
	.faq ul {list-style: none; margin: 0; padding: 0;}
	.faq ul li {}
	.faq h4 {color: #6b1d77; font-size: 12px; margin: 0; padding: 0;}
	.faq p {margin: 2px 0 10px 0; padding: 0;}
	
/*---------------------------------------------
Nueva pagina de compra (compra.php)
---------------------------------------------*/	
	table.items-compra {border-collapse: collapse; empty-cells: show;}
	table.items-compra th {background: #efefef; color: #5f5f5f; padding: 10px 6px 6px 15px; text-align: center;}
	table.items-compra th.title , table.items-compra th.amount {text-align: left;}
	table.items-compra th.title {width: 58%;}
	table.items-compra th.amount {width: 7%;}
	table.items-compra  tr.item {border-top: 1px solid #ddd;}
	table.items-compra  tr.item td {background: #f5f5f5; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #FFF; padding: 7px 4px 4px 10px;}
	table.items-compra  tr.item td.total {text-align: center; width: 10%;}
	table.items-compra  td.date {width: 170px;	text-indent: 5px;}
	table.items-compra  td.thumb {width: 10%; text-indent: 5px;}
	table.items-compra  td.title {width: auto; text-indent: 5px;}
	table.items-compra  td.price {text-align: center; width: 11%;}
	table.items-compra  td.amount select {min-width: 60px;}
	table.items-compra  td.total {width: auto; text-align: right;}
	table.items-compra  td.total strong.total {color: #621a6e; font-size: 14px;}
	table.items-compra  tr.labels td {color: #666; font-size: 12px;}
	table.items-compra  tr.totalpagar td {background: #eae3eb; padding: 6px;}
	table.items-compra  tr.totalpagar td.title {text-transform: uppercase; font-weight: bold; text-align: right;}
	table.items-compra  td.empty {width: 80px;}	
	table.items-compra  #row-points td  {background: #f5f5f5; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #FFF; padding: 7px 4px 4px 10px;}
	table.items-compra  #row-points td.puntos {color: #621a6e; font-size: 14px; text-align: center;}
	
	p#regalar-oferta {background: url(../img/icon_regalo.gif) no-repeat 0px 4px; padding: 10px 5px 12px 40px; margin-top:10px;}
	p#regalar-oferta a {color: #FFF; display: block; font-weight: bold; text-align: center; width: 150px;}
	p#regalar-oferta label {padding: 0 20px 0 0;}
	
	span#privatelabellogo {float: right; margin: -10px 570px 10px 0;}
	
	div#promo-descuento {background: url(../img/bk_descuento.gif) no-repeat; height: 96px; width: 941px;}
	div#promo-descuento p {margin: 0 0 0 250px; padding: 15px 0 0 0;}
	div#promo-descuento p.main {float: left; font-size: 17px; font-weight: bold; margin: 0; padding: 15px 15px 0 10px; width: 210px;}
	
	#badge-ahorro {background: url(../img/ahorro.gif) no-repeat; color: #FFF; float: right; font-size: 15px; font-weight: bold; height: 44px; top: 30px; left: 870px; text-align: center; position: absolute; padding: 40px 0 0 0; width: 86px;}
	
	/* -- Usuarios --- */
	.caixa-users {background: #fbfbfb; border: 1px solid #d1d1d1; margin: 15px 0 0 0;}
	
	/* -- Login usuario --- */
	#user-login {clear: both; float: left;  margin: 10px 0 0 0; padding: 15px 20px 0 20px; width: 430px;}
	#user-login h2 {border-bottom: 1px solid #e2dede; margin: 0 0 15px 0; padding: 0 0 6px 0;}
	#user-login h2 span {color: #5f5f5f; font-size: 13px; font-weight: normal; padding-left: 6px;}	

	#user-login .users {background: url(../img/users_bk.gif) no-repeat; height: 20px; padding: 13px 0 13px 13px;}
	#user-login .users label {display: block; float: left; margin: 0 30px 7px 0;}	
	#user-login .users input {margin-right: 5px;}	
	
	/* -- Usuarios registrados --- */
	#user-login .inputs {margin: 0;}
	#user-login .inputs p {float: left; display: block; margin: 0 0 0 3px; width: 210px;}
	#user-login .inputs label {display: block;}
	#user-login .inputs input {margin: 2px 0 0 0; width: 260px;}	
	#user-login .inputs .small {color: #5f5f5f; font-size: 11px;}	
	#user-login .inputs .small a {color: #752083;}	
	#user-login .inputs .log-in {background: url(../img/log_in.gif) no-repeat; border: none; cursor: pointer; height: 34px; margin: 15px 0 0 10px; width: 127px;}
	
	#user-login .fb {font-size: 11px; width: 410px !important; margin: 15px 0 15px 3px !important; height: 20px;}
	#user-login .fb  a {color: #1c1c1c;}
	#user-login .fb  a:hover {color: #9c4ca9; text-decoration: none;}
	#user-login .fb  a img {margin: 0 5px 0 0; vertical-align: middle;}
	
	/* -- Usuarios registrados --- */
	#user-login #registered-user {margin: 0;}
	#user-login #registered-user span {display: block; font-size: 10px; padding:4px 0 10px 0;}
	
	/* -- Usuarios NO registrados --- */
	#user-login #unregistered-user {display: none;}
	#user-login #unregistered-user p {margin-top: 10px;}
	#user-login #unregistered-user p.acepto label {font-size: 11px; margin: 0; width: 400px;}
	#user-login #unregistered-user p.acepto input {float: left; margin: 0 5px 0 0; vertical-align: middle; width: 15px;}
	#user-login #unregistered-user span {display: block; font-size: 10px; padding: 4px 0 2px 0;}
	#user-login #unregistered-user input#phone {padding: 4px;}
	
	#user-login .inputs {}
	#user-login .fb {font-size: 11px;}
	#user-login .fb  a {color: #1c1c1c;}
	#user-login .fb  a:hover {color: #9c4ca9; text-decoration: none;}
	#user-login .fb  a img {margin: 0 5px 0 0; vertical-align: middle;}
	#user-login .inputs label {display: block;}
	#user-login .inputs input {margin: 2px 0 0 0; width: 190px;}	
	#user-login .inputs .small {color: #5f5f5f; font-size: 11px !important;}	
	#user-login .inputs .small a {color: #752083;}	
	#user-login .inputs .log-in {background: url(../img/log_in.gif) no-repeat; border: none; cursor: pointer; height: 34px; width: 127px;}
	
	/* -- Usuarios registrados + logados --- */
	#logged-user {clear: both; float: left;  margin: 0px 0 20px 0; padding: 15px 20px; width: 430px;}
	#logged-user h2 {border-bottom: 1px solid #e2dede; margin: 0 0 15px 0; padding: 0 0 6px 0;}
	#logged-user strong {color: #923aa0;}
	#logged-user p {margin: 15px 0 15px 0;}
	#logged-user label {padding: 0 15px 0 0;}
	#logged-user label input {}
	
	#logged-user label.use-points  {padding: 0 10px 5px 0;}
	
	/* Pedir telefono en experiencias */
	#experience-container-data {margin-bottom: 20px;}
	#experience-container-data h2 {border-bottom: 1px solid #e2dede; margin: 0 0 5px 0; padding: 0 0 6px 0;}
	#experience-container-data h2 span {display: block; font-size: 11px; font-weight: normal; padding: 5px 0 5px 2px;}
	#experience-container-data p {margin: 0 0 5px 0 !important; padding: 0;}
	#experience-container-data label {display: block; float: left; margin: 10px 0; padding: 0 0 5px 0; width: 210px;}
	#experience-container-data input {margin: 3px 0 0 0; padding: 5px; width: 180px;}
	#experience-container-data label.telf {width: 130px;}
	#experience-container-data label.telf input   {width: 110px;}
	
	
	/* -- Zona de pago --- */
	#payment {background: #fbfbfb; border-left: 1px solid #d1d1d1; display: block; float: left; margin: 0; padding: 10px 20px 0 20px; width: 414px;}
	#payment  h2 {border-bottom: 1px solid #e2dede; margin: 0 0 15px 0; padding: 0 0 6px 0;}
	#payment label {display: block; margin: 0 0 7px 0;}
	#payment label.visa-mastercard {background: url(../img/visa-mastercard.png) no-repeat top right; padding: 0 0 5px 0; width: 280px;}
	#payment label.paypal {background: url(../img/paypal.gif) no-repeat top right; padding: 0 0 5px 0; width: 105px;}
	#payment label input {vertical-aling: middle;}	
	#payment p#pago-seguro {background: url(../img/pago-seguro.gif) no-repeat; font-size: 11px; float: left; margin: 15px 0; padding:12px 5px 12px 33px; width: 90px;}
	#payment img.confianza {float: left; margin: 0 10px 0 0;}	
	#payment .pay-now {background: #701e7d url(../img/pago.gif) no-repeat; border: none; color: #161616; font-size: 18px; cursor: pointer; height: 35px; float: left; margin-top: 10px; padding: 8px 0 0 26px; width: 165px;}
	#payment .pay-now:hover {text-decoration: none;}	
	
	/* Ogone */
	#visa-payment {height: 70px; margin: 10px 0 0 0px;}
	#visa-payment label {float: left; margin: 0 10px 0 0;}	
	#visa-payment label span {display: block; padding: 0 0 3px 0;}		
	#visa-payment select {padding: 4px 3px 5px;}
	
	.registered-user-pay {height: 290px;}
	.logged-user-pay {height: 290px;}
	.unregistered-user-pay {height: 379px;}
	
	/* -- Layer personalizacion cupon -- */
	.cupon-personalizado {background: #FFF; border: 3px solid #99368a; font-size: 13px; margin: 10px auto; padding: 15px; width: 915px !important;}
	.cupon-personalizado p {margin: 0 0 10px 0; padding: 0;}

	.cupon-personalizado fieldset {border: none; margin: 0; padding; 0;}	
	.cupon-personalizado .left {float: left; width: 465px;}
	.cupon-personalizado .right {float: right;}
	
	.cupon-personalizado .step1 {padding-bottom: 25px;}
	.cupon-personalizado .step1 p {background: url(../img/01_coupon.gif) no-repeat 0 2px; margin: 0; padding: 10px 0 10px 40px;}
	.cupon-personalizado .step1 label {display: block; margin: 0 0 5px 30px;}
	.cupon-personalizado .step1 label input#gift-mail {margin-left: 20px; width: 300px;}
	.cupon-personalizado .step1 label input[disabled] {background: #ebebeb;}
	
	.cupon-personalizado .step2 {margin: 0 0 30px 0; width: 455px;}
	.cupon-personalizado .step2 p {background: url(../img/02_coupon.gif) no-repeat 0 2px; margin: 0; padding: 10px 0 10px 40px;}
	.cupon-personalizado .step2 ul {list-style: none; margin: 0 0 0 35px; padding: 0;}
	.cupon-personalizado .step2 li {border: 2px solid #FFF; display: block; height: 118px; float: left; margin: 0 0px 0px 0; padding: 0 !important;}
	.cupon-personalizado .step2 li.on, #cupon-personalizado .step2 li:hover {border: 3px solid #545454;}
	.cupon-personalizado .step2 label {display: block; margin: 5px 0 0 35px;}

	.cupon-personalizado .step3 {width: 430px;}	
	.cupon-personalizado .step3 p.main {background: url(../img/03_coupon.gif) no-repeat 0 2px; margin: 0; padding: 10px 0 10px 40px;}
	.cupon-personalizado .step3 p {margin: 0; padding: 10px 0 8px 40px;}
	.cupon-personalizado .step3 p input {margin-top: 4px;}
	.cupon-personalizado .step3 textarea{height: 100px; margin: 0 0 0 40px; width: 350px;}	
	.cupon-personalizado .step3 .btn {background: url(../img/btn_preview.gif) no-repeat; border: none; color: #FFF; cursor: pointer; float: right; height: 33px; margin: 10px 30px 0 0; width: 130px;}
	.cupon-personalizado .step3 .small {background: none; font-size: 11px;}
	
	.cupon-personalizado .step4 {border: 1px solid #CCC; height: 566px; padding: 6px; width: 423px;}
	.cupon-personalizado #preview {height: 566px; width: 423px;}
	.cupon-personalizado .design1 {background: url(../img/preview.gif) no-repeat;}
	.cupon-personalizado .design1 p.text {}
	.cupon-personalizado .design1 p.price {}

	.cupon-personalizado #continuar {clear: left; margin: 50px 0 0 180px; padding: 0;}	
	.cupon-personalizado #continuar a {background: url(../img/continuar.gif); display: block; height:34px; width:221px;}
	
	/* -- Alerta segmentacion BBDD -- */	
	#div_datos {background: #fff2ba; color: #333; padding: 10px 10px 40px 10px;}
	#div_datos label {color: #333; display: block; float: left; padding: 2px 0 0 0; width: 184px;}	
	#div_datos label#masfem {margin: 0 10px 0 0; width: 195px;}
	#div_datos label span {margin: 0 5px 5px 0;}
	#div_datos p {font-weight: bold; float: left; line-height: 19px; margin: 5px 20px 0 0; #margin-top: 9px; width: 450px;}
	#div_datos input, #div_datos select {padding: 3px 3px 2px 3px;}
	#div_datos select {#margin: 5px 0 0 0;}
	#div_datos  button{background:  url(../img/confirmar.gif) no-repeat; border: none; float: left; cursor: pointer; height: 27px; margin: 1px 0 0 3px; width: 85px;}
	
	/*	---------------------------
	NAVIDAD
	---------------------------*/
	/* -- Cabecera Navidad Oferta -- */
	#xmas {background: url(../img/xmas.gif) no-repeat; height: 110px; margin: 0; width: 698px;}
	
	/* -- Cabecera Navidad sidebar -- */
	.module-secondaries-title-xmas {background: url(../img/xmas_small.gif) no-repeat; height: 128px; margin: 0 0 15px 0; width: 256px;}
	.xmas-sec {bordeR: none;}
	.xmas-sec  h2{background: #FFF; color: #ab1936;}
	.xmas-sec  div{}
	
	.xmas-select-city {color: #595959; font-size: 11px; margin: 0 0 10px 0; padding: 0 0 7px 0;  text-align: right;}
	.xmas-select-city label {margin: 0; padding: 0 10px 0 0;}
	.xmas-select-city select {color: #595959; font-size: 12px; padding: 3px; width: 200px;}
	
	/* Parrilla Navidad */
	.nature {background: url(../img/nature.gif) no-repeat; height: 49px; width: 50px; float: right; margin: -20px -10px 0 0;}
	.discount-secondary-xmas {background: #fbfbfb; border: 1px solid #dcdcdc; float: left; margin: 10px 10px 20px 0; padding: 7px; width: 315px;}
	.discount-secondary-xmas.parell {margin: 20px 0; border: 1px solid blue !important;}
	.discount-secondary-xmas  h1 {font-size: 19px; margin: 0; padding: 0 0 5px 0;}
	.discount-secondary-xmas  h1 strong {color: #7c338e;}

	.discount-secondary-xmas #discount-photo  {margin: 10px 0; height: 207px; width: 309px;}
	.discount-secondary-xmas #discount-photo  img {margin-left: 1px; height: 205px; width: 307px; display: block;}

	.discount-secondary-xmas #buy {height: 160px; width: 310px;}
	.discount-secondary-xmas #buy.module-arrow {background: #b61a36; color: #FFF;}
	.discount-secondary-xmas #buy table#pricesTable {float: right; margin: 15px 8px 0 0; width: 8%;}
	.discount-secondary-xmas #buy table#pricesTable  td {padding: 5px 0;}
	
	.discount-secondary-xmas .buy-left {border-right: 1px solid #fff; float: left; margin: 0; padding: 0 15px 12px 0;}
	.discount-secondary-xmas #buy-button {float: none; padding: 10px 0 0 0; margin:  0 10px 0 -16px;}
	.discount-secondary-xmas #buy-button a {height: 62px; width: 90%;}
	.discount-secondary-xmas #buy-button a span.price {margin-right: 15px;}
	.discount-secondary-xmas #buy table {border-bottom: none;}
	.discount-secondary-xmas span {font-size: 18px;}


	.discount-secondary-xmas #time  {font-size: 11px; margin: 0; padding: 0;}	
	.discount-secondary-xmas #time p {margin: 0; padding: 0;}
	.discount-secondary-xmas #time table {font-size: 11px !important;}
	
	.discount-secondary-xmas #time table tr.numbers td {color: #5c5c5c; background: #FFF;}
	.separa {margin-top: 16px !important;}
	
	
	
	/* Nuevas pestanyas menu */
	#new-menu {float: right; font-size: 13px; font-weight: bold; margin: 0 0px 0 5px; padding: 34px 0 0 0; width: 388px;}
	#new-menu ul {margin: 0; padding: 0;}
	#new-menu  li {display: block; float: left; margin: 0 3px 0 0;}
	
	#new-menu li.first a{color: #FFF; background: url(../img/pesta_off.gif) no-repeat; display: block; float: left; padding: 30px 0 9px 0; text-align: center; width: 144px;}
	#new-menu li.first a:hover {background: url(../img/pesta_on.gif) no-repeat; text-decoration: none;}
	
	#new-menu li.regalo a{color: #FFF; background: url(../img/pesta_regalo_off.gif) no-repeat; display: block; float: left; padding: 14px 0 9px 0; text-align: center; width: 90px;}
	#new-menu li.regalo a:hover {background: url(../img/pesta_regalo_on.gif) no-repeat; text-decoration: none;}
	
	
	/*** Hacks Opera ***/
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
		#buy-button {margin-left: -30px !important;}
		#buy-button a {font-size: 26px; width: 210px;}
		span.price  {background-position: -410px -715px !important; margin: 0 30px 0 0!important; padding: 5px 0 7px 20px;}
		#buy-button-block .buy-button-text {margin-left: -6px;}
		.discount_secondary #time  {font-size: 10px; margin: 0; padding: 0; width: 200px;}		
		#buy-button-block-small {line-height: 43px;}
		#buy-button-block-small  .price {display: block; float: left; font-size: 18px; margin: 0 10px; text-align: center; width: 80px;}
		#buy-button-block-small  .buy-button-text {margin: 0 0 0 -16px; line-height: 56px;}		
		#user-login .users {padding: 20px 0 28px 15px;}
		#logged-user {height: 267px;}	
	}
	
	#backgroundPopup{
			background-color:#00FF00;
			width:300px;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		}