/*-----------------------------------------------------------------------------------------------
  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;
}

.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: 30px;
	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-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;
	background: url(../img/sprite.png) 0 0 repeat-x;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

#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,
#header-toolbar a.sign-out {
	margin-top: 2px;
	display: inline-block;
	border: 1px #dadada 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: 30px;
	height: 90px;
}

#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 {
	margin-top: 20px;
}

#header-signup {
	display: block;
	float: left;
	width: 475px;
	margin-top: 10px;
}

#header-signup input[type=text]{
	color: #862495;
	width: 74%;
	margin-right: 3px;
}

#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;
}

/*-----------------------------------------------------------------------------------------------
  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;
}

#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;
}

/*-----------------------------------------------------------------------------------------------
  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: 12px;
	margin-bottom: -7px;
}

#menu-secondary ul {
	margin: 0;
	padding: 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: 15px;
	margin: 7px;
	width: 70%;
	height: auto;
}

.three-columns.column-right {
	position: absolute;
	right: -250px;
	width: 240px;
}

/* --- 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: 100px;
	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%;
}

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

.module-promo {
	position: relative;
	background: #fff;
	padding: 10px;
}
.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-secondary {
	position: relative;
	background: #fff;
	padding: 0px;
}

.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%;
	height: 120px;
	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;
}

.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: center;
	font-weight: bold;
}

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

#buy-button a {
	display: block;
	height: 62px;
	background-image: url(../img/sprite.png);
	background-position: 0 -379px;
	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-position: -351px -379px;
}

#buy-button a:hover{
	text-decoration: none;
}

#buy-button a span.buy-button-right {
	float: right;
	width: 30px;
	height: 60px; 
	background-image: url(../img/sprite.png);
	background-position: -302px -379px;
	margin-right: -30px;
}

#buy-button a:active span.buy-button-right {
	background-position: -653px -379px;
}

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

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

#buy-button a span.price-right{
	position: absolute;
	width: 25px;
	height: 45px;
	margin-top: 5px;
	background-image: url(../img/sprite.png);
	background-position: -624px -717px;
}

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

/* --- 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;
}

/* --- Módulo tiempo restante --- */

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

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

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

#time table tr.numbers td {
	color: #fff;
	background: #862495 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: 10px;
}

#discount-photo {
	height: 290px;
}

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

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

#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;
}

#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 {
	position: relative;
	margin: 0 -9px 0 -20px;
	background: #fff2ba;
}

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

#facebook-like .content {
	margin: -15px 0 0 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: 355px;
	width: 205px;
}

#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)
-----------------------------------------------------------------------------------------------*/

#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;
}


/*-----------------------------------------------------------------------------------------------
  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 ;
}

#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;
<<<<<<< .mine
	color: white;
	text-decoration: none; 	
=======
	color: white;
	text-decoration: none; 
>>>>>>> .r1136
}

.purple.button:hover{
	background-color: #611a6c;
<<<<<<< .mine
	text-decoration: none;
=======
	text-decoration: none; 	
>>>>>>> .r1136
}

/*-----------------------------------------------------------------------------------------------
  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; }