/* Yahoo CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

p,ul,ol {
	margin-top: 0;
	line-height: 180%;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

/* png-ie6-hack from: http://www.twinhelix.com/css/iepngfix.
   Add .png class to png-images or tags with background pngs.
   This only works in sub-directories, like zona_privada and zona_publica (because of the relative path)
 */

.png {
	behavior: url(../css/iepngfix.htc)
}


/* Clearfix CSS Hack */

.clearfix:after {    
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}  /* for IE/Mac */


/* Portal */

body {
	margin: 20px;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 13px;
	color: #787878;
	background: url(../images/bckg_squares.gif) repeat;
}
    
.wrapperBorder {
	width: 970px;
	margin:0 auto;
}
	
#wBL {
    background:url(../images/shadow_left.png) repeat-y left;
}
    
#wBR {
    background:url(../images/shadow_right.png) repeat-y right;
}

#wrapper {
    width: 950px;
	padding: 0px;
	background: #FFFFFF;
	border-top:1px solid #AFDEF4;
	border-bottom:1px solid #AFDEF4;	
	margin: 0 auto;
}

h1 {
    font-size: 18px;
    margin: 10px 10px 10px 0;
    padding: 0 0 4px 0;
    border-bottom:1px solid #00819B;
    color:#2C8294;
}
    
h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

a {
	text-decoration: none;
	color: #009ADC;
}

a:hover {
	color:#F9B540;

}
	

/* Page */

#page {
	margin: 0;	
	width: 950px;	
	padding-bottom:1px; /* hack para IE, no se ve el backgorund si no hay padding */
	background:url(../images/bckg_stripped_menu240.gif) repeat-Y left;
}


/* Header */

#header {
	width: 950px;
	height: 100px;
	margin: 0;
	background-color:#FFFFFF;
	background: url(../images/bckg_header.gif) bottom repeat-x;
}

#logoPublic {
	position: absolute;
	width: 224px;
	margin-top:20px;
	margin-left:0px;
	text-align:center;	
}

#logoPrivate {
	position: absolute;
	width: 224px;
	margin-top:20px;
	margin-left:0px;
	text-align:center;	
	margin-top:0px
}

#logoPrivate a, img {
	border: none;
	background: none;
	text-decoration: none;
	color: #000000;
}

.logoStatic {
	height:90px; 
	margin-top: 15px;
}

#contacto {
	background:url(../images/icons/contactar.gif) no-repeat left;
	padding-left:18px;
}

#salir {
	background:url(../images/icons/logout.gif) no-repeat left;
	padding-left:14px;

}

.headerMenu {
	float:right; 
	text-align:right;
}

#points{
	position: absolute; 
	margin-top: 62px; 
	margin-left: 450px; 
	width: 500px;
	text-align: right;
}

#points div {
	float:right;
}

#points .pointsTextBox{
	background-color: #B6E2F4; 
	height:38px;
}

#points .pointsTextBoxRight{
	margin-right:10px;
}

#points .pointsTextBoxLeft{
	margin-left:10px;
}

#points .pointsTextBoxBckg{
	background:url(../images/pCTB.gif) bottom repeat-x; 
	height:38px;
}

#points .pointsText {
	padding: 11px 4px 0px 0px; 
	float: none; 
	color:#000000;
}

#points .pointsTextBoxIcon{
	padding: 8px 0px 0px 0px; 
	float:none;
}

#pointsNum {
	font-size:16px;
	color:#019FE0;
}

#mainTitle {
	position:absolute;
	font-size:19px;
	padding: 10px;
	margin-left: 240px;
	margin-top: 35px;
}

#mainTitle .upperLine {
	color:#58585A;
}

#mainTitle .bottomLine {
	color:#6A8D99;
}


/* Footer */

#footer {
	color: #8AB7CE;
	text-align:center;
	margin: 8px auto;
}

#footer p {
	line-height:120%;
}

#bottomMenu {
	color: #8AB7CE;
	border-top:1px solid #C5E5F4;
	border-bottom: 1px solid #C5E5F4;
	margin: 0px auto;
	text-align:center;
	font-size:11px;
}

#bottomMenu ul {
	margin:auto;
	padding:5px 0px;
}

#bottomMenu  li {
	display:inline;
	padding:2px 2px;
}

#bottomMenu .separator {
	color:#F3AA28;
	padding:0px;
}


/* Menu */

#menu {
	float: left;
	width: 240px;
	padding: 0px;
	border-right: 1px solid #C5E5F4;
	color:#000000;
	font-size:13px;
	margin-bottom: 12px;
}

#menu ul {
	background-color:#FFFFFF;
	list-style: none;
	padding:0px;
	text-align:right;
	/* Truco para colocar bien el menu en IE6 */
	margin:0px;
}

#menu ul li{
	border-bottom:1px solid #C5E5F4;
	clear:both;
}

#menu ul li div{
	float:left;
}

#menu ul a{
	display:block;
	padding:2px 10px 2px 2px;
	border:0px;
}

#menu ul a:hover {
	background-color: #F7AD28;
	color:#FFFFFF; 
}

#menu ul a:active {
	background-color: #278093;
	color:#FFFFFF; 
}

#menu .menuOptionSelected a, #menu .menuOptionSelected a:hover {
	color: #FFFFFF;
	background-color: #0095D1;
	background-position: 10px;
}

#menu .menuOptionSelected span {
	color: #FFFFFF;
	background-color: #0095D1;
	background-position: 10px;
	display:block;
	padding:2px 10px 2px 2px;
	border:0px;	
}

#menu .menuOptionSelected a:hover {
	background-color: #F7AD28;
	color:#FFFFFF; 
}

#menu .menuSubOption {
	font-weight: normal;
	border-bottom: 1px dotted #CCE9EF;
}

#menu .menuSubOption a{
	color:#33B2C7;
	background-repeat:no-repeat;
	background-position: right 0px;
	padding-right:36px;
}

#menu .menuSubOption a:hover{
	background-position: right -30px;
}

#menu .menuSubOption a:active{
	background-position: right -60px;
}

#menu .menuSubOptionSelected a, #menu .menuSubOptionSelected a:hover {
	color: #FFFFFF;
	background-color: #6FCAEA;
	background-repeat:no-repeat;	
	background-position: right -90px;
	padding-right:36px;	
}

#menu .menuSubOptionSelected span{
	color: #FFFFFF;
	background-color: #6FCAEA;
	background-repeat:no-repeat;	
	background-position: right -90px;
	display:block;
	padding:2px 36px 2px 2px;
	border:0px;	
}


/* Links a otras páginas */

#breadcrumbs {
	text-align:left;
	padding: 5px 20px 0px 0px;
	color:#5A5A5C;
	font-size:12px;
}

#breadcrumbs .separator {
	color:#F3AA28;
}

#hiloAriadna {
	text-align:right;
	padding: 20px 20px 0px 0px;
	color:#70C8EC;
	font-size:12px;
}

#hiloAriadna .separator {
	color:#F3AA28;
}


/* Login page */

#loginPage {
	background: url(../images/login.gif) no-repeat center;
	height:220px;
}

#loginPage a {
	color: #FFFFFF;
}

#loginPage a:hover{
	color:#F9B540;
}

#loginPage label{
	color:#FFFFFF;
	font-size:12px;
}

#loginBottom {
	padding:0px 15px;
}

#loginBottom div {
	float:left;
	width:30%;
	padding: 5px 5px 15px 5px;
	margin:10px 10px 0 10px;
	text-align: justify;
	line-height: 135%;
}

.loginForm {
	width: 230px; 
	margin-top: 55px; 
	margin-left: 505px; 
	position: absolute;
}

.loginFormGroupFields {
	padding:2px;
}

.loginFormButtonField {
	text-align:right; 
	padding: 2px
}

.loginButton {
	background:#005B8A none repeat scroll 0 0;
	border-color:#0098EA #002E46 #002E46 #0098EA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 5px;
	text-align:center;
}

.loginFormField {
	float:right; 
	padding-left:2px;
}

.loginFormLine {
	border-bottom: 1px #FFFFFF dotted; 
	padding:2px 0px;
}

.loginFormRemember {
	text-align:center; 
	font-size:12px;
}

.loginErrorMessage {
	padding:55px 15px 10px 30px;
}

.loginFormInput {
	width:150px; 
	font-size:12px;
}

.loginSectionPointer {
	padding-left: 20px;
	background: url(../images/icons/yellowFinger.gif) no-repeat left;
}

.loginViewMore {
	padding-left: 20px;
	background: url(../images/icons/more.gif) no-repeat left;
}

.loginErrorBckg {
	background:url(../images/bckg_login_error.png) no-repeat center; 
	width:196px; 
	height:122px; 
	margin-left: 358px; 
	margin-top: 101px; 
	color:#FFFFFF; 
	position:absolute; 
	font-size:12px; 
	text-align:center; 
	font-weight:bold;	
}


/* Forgot Password */

.popUpPasswordLeft {
	text-align:left; 
	float:left; 
	width:250px; 
	height:220px; 
	padding:0px;
}

.popUpPasswordRight {
	float:left; 
	width:320px; 
	height:220px; 
	background: url(../images/bckg_squares.gif) repeat; 
	padding:0px;
}

.popUpPasswordTitle {
	float:none; 
	text-align:center; 
	margin-top:20px; 
	height:50px
}

.popUpPasswordTitleIconBlock {	
	float:left; 
	width:40%; 
	text-align:right; 
	padding:0;
}

.popUpPasswordTitleIcon {	
	padding:10px 10px 0px 0px;
}

.popUpPasswordTitleTextBlock { 
	float:left; 
	width:60%; 
	text-align:left; 
	padding:0;
}

.popUpPasswordTitleText {	
	padding:10px 0px 0px 10px;
}

.popUpPasswordClose {
	position:absolute; 
	top:-8px; 
	left:561px; 
	z-index:9999;
}

.popUpPasswordSubText {	
	padding:10px 20px; 
	text-align:right;
}

.popUpPasswordMiniSubText {	
	padding:10px; 
	text-align:center; 
	font-size:11px
}

.popUpPasswordEmailForm {
	float:none; 
	margin-top: 80px; 
	text-align:center;
}

.popUpPasswordSuccessMessage {
	text-align:center; 
	margin-top:50px; 
	padding:0px 50px; 
}

.popUpPasswordButton {
	position:relative; 
	top:-1px;
}

.smallErrorMessageBckg {
	position:absolute; 
	background: url(../images/bckg_popup_error_small.gif) no-repeat; 
	width:241px; 
	height:57px; 
	margin-top:120px; 
	margin-left:40px; 
	color:#FFFFFF; 
	text-align:center; 
	font-size:12px; 
	line-height:100%; 
}

.smallErrorMessageText {
	padding:12px 80px 20px 20px;
}


/* Generic Information Content */

#content {
	float: left;
	padding: 0px;
	color: #000000;
	background-color:#FFFFFF;
	text-align:justify;
	line-height:135%;
	width: 705px;
}

#contentFullPage {
	float: left;
	padding: 0px;
	color: #000000;
	background-color:#FFFFFF;
	text-align:justify;
	line-height:135%;
	width:950px;
}

#contentHeader {
	border-bottom:1px dotted #00819B;
	margin:0px 20px;
	color:#2C8294;	
}

#contentFooter {
	border-top:1px dotted #00819B;
	margin:15px 20px;
	color: #A8DAF2;
	padding-top:4px;	
}

#contentSectionTitle {
	font-size: 16px;
	margin:10px 20px 0px 0px;
	padding: 5px 0px 5px 0px; 
	float:left; 
	background: left no-repeat;
}

#contentSectionTitle .sectionTitle { 
	padding-left: 22px; 
	padding-right:10px; 
	background-repeat:no-repeat; 
	background-position: 0px; 
	color: #00819A;	
}

#contentSectionTitle .inactive { 
	color: #A8DAF2;
}

#contentSectionTitle a.inactive:hover {	
	color:#F9B540;
}

#contentSectionTitle .subSectionTitle { 	
	padding-left: 22px; 
	padding-right:10px; 
	background-repeat:no-repeat; 
	background-position: 0px; 
	color: #00819A;
}

#contentSectionTitle .numberRegalos{ 	
	padding-left: 0px; 
	padding-right:10px; 
	color:#7E7F80; 
}

#contentSectionTitle .queEsIcon { 	
	background-image: url(../images/icons/queEsIcon.gif);
}

#contentSectionTitle .queGanoIcon { 	
	background-image: url(../images/icons/queGanoIcon.gif);
}

#contentSectionTitle .compromisoIcon { 	
	background-image: url(../images/icons/compromisoIcon.gif);
}

#contentSectionTitle .faqIcon { 	
	background-image: url(../images/icons/faqsIcon.gif);
}

#contentSectionTitle .donaSortIcon { 	
	background-image: url(../images/icons/sorteosIcon.gif);
}

#contentSectionTitle .bajaIcon { 	
	background-image: url(../images/icons/bajaIcon.gif);
}

#contentSectionTitle .condicionesIcon { 	
	background-image: url(../images/icons/condicionesIcon.gif);
}

#contentSectionTitle .contactoIcon { 	
	background-image: url(../images/icons/contactoIcon.gif);
}

#contentSectionTitle .errorIcon {
    background-image:url(../images/alertSmall.gif);
}

#contentSectionTitle .paraQueIcon {
    background-image:url(../images/icons/encuestasParaQueIcon.gif);
}

#contentSectionTitle .historialIcon {
    background-image:url(../images/icons/historialIcon.gif);
}

#contentSectionTitle .datosPersonalesIcon {
    background-image:url(../images/icons/datosPersonalesIcon.gif);
}

#contentSectionTitle .tiendaIcon {
	background-image: url(../images/icons/tiendaIcon.gif);
}

#contentSectionTitle .tiendaIconInactivo {
	background-image: url(../images/icons/tiendaIconInactivo.gif);
}

#contentSectionTitle .regalosNiceIcon {
	background-image:url(../images/icons/titleIcon_regalos_nice.gif)
}

#contentSectionTitle .regalosDescubiertosIcon {
	background-image: url(../images/icons/titleIcon_regalos_descubiertos.gif);
}

#contentSectionTitle .finEnqIcon {
	background-image: url(../images/icons/yellowFinger.gif);
}

#contentSection {
	float:left;
	font-size:12px;
	padding-bottom: 15px;
	width:680px;
}

#contentSection p {
	margin: 10px 25px 0px 25px;
	text-align:justify;
	line-height: 135%;
}

#contentSectionTab {
	float:left;
	font-size:12px;
	padding-bottom: 15px;
	width:680px;
}

#contentSectionTab p {
	margin: 10px 25px 0px 25px;
	text-align:justify;
	line-height: 135%;
}

#contentSectionTab ul {
	padding-left:40px;
}

.contentSectionBlock {
	margin: 10px 25px 0px 25px;
}

.contentSectionImageLeft {
	float:left; 
	padding:10px 0px;
}

.contentSectionImageRight {
	float:right; 
	padding:10px 0px;
}

.contentSectionImageLittleRight {
	float:right; 
	padding:0px 20px;
}

.contentSectionImageLittleLeft {
	float:left; 
	padding:10px 20px;
}

.contentSectionImageCenter {
	text-align:center; 
	padding:10px;
}

.contentSectionTextRight {
	float:right; 
	width:240px;
}

.contentSectionTextRightBig {
	float:right; 
	width:45%;
}

.contentSectionTextLeft {
	float:left; 
	width:30%;
}

.contentSectionBigSubtitle {
	font-size:14px;
	color:#E73E65;
	font-weight:bold;
}

.contentSectionSubtitle {
	font-size:14px;
	color:#019FE0;
	font-weight:bold;
}

.contentTitleLittle {
	font-weight: normal;
}

.contentTitleCenter {
	padding:20px;	
}

.contentSectionPointer {	
	padding-left: 10px;
	background: url(../images/icons/yellow_arrow.gif) no-repeat left;
}

.contentSectionSubImage {
	text-align:left; 
	font-size:14px; 
	color:#666666;
}

.contentSectionSubImageColor {
	color:#019FE0;
}


/* Compromiso */

.comBlock {
	list-style:none;
	font-size:12px;
	margin:0px 20px 10px 0px;
	padding-left:0px;
	padding-bottom: 10px;
}

.comQuestion {
	background-color: #E7F3F8;
	background-position: 10px;
	padding: 5px;
	font-size: 16px;
	margin-top: 2px;
}

.comNumber {
	color:#F9B540;
	font-size: 30px;
}

.comQuestion a {
	color:#0072B6;
	background:url(../images/icons/yellow_arrow.gif) no-repeat left;
	padding-left:15px;	
}

.comQuestion a:hover {
	color:#F78001;
}

.comAnswer {
	background-color: #FFFBF5;
	padding:15px 15px 15px 40px;
	color:#000000;
	margin-top: 2px;
}	


/* Faq */

.faqBlock {
	list-style:none;
	font-size:12px;
	margin:0px 20px 10px 0px;
	border-bottom:1px dotted #E73E65;
	padding-left:0px;
	padding-bottom: 10px;
}

.faqEnd {
	border: none;
}

.faqBlock .faqQuestion{
	background:url(../images/icons/yellow_arrow.gif) no-repeat left;
	background-position: 10px;
	padding-left:20px;
}

.faqBlock .faqQuestion a{
	color:#0072B6;
}

.faqBlock .faqQuestion a:hover{
	color:#F78001;
}

.faqBlock .faqAnswer{
	background-color: #DFFFFF;
	margin-left:10px;
	padding:15px 15px 15px 40px;
	color:#000000;
}


/* Encuestas para qué */

.epqBlock {
	list-style:none;
	font-size:12px;
	margin:0px 20px 10px 0px;
	padding-left:0px;
	padding-bottom: 10px;
}

.epqBlock .epqTitle{
	color:#E73E65;
	font-size:13px;
	font-weight:bold;
}

.epqBlock .epqSource{
	background-position: 10px;
	padding-left:20px;
	font-style: italic;
}

.epqBlock .epqContent{
	background:url(../images/icons/news.gif) no-repeat left;
	margin-left:20px;
	padding-left:20px;
	color:#000000;
	line-height:140%;
}


/* Sorteo */

.sorteoList {
	list-style-image:url(../images/icons/yellowFinger.gif);
}

.sorteoTitle {
	color:#E73E65;
	font-weight:bold;
}

.sorteoImageLeft {
	float:left; 
	padding: 20px; 
	width:45%;
}

.sorteoBasesFooter {
	border-top: 1px solid #C5E5F4;
}


/* Contacto */

.contactSectionPointer {
	padding-left: 20px;
	background: url(../images/icons/redFinger.gif) no-repeat left;
}

.contactSectionBlock {
	float:left; 
	width:60%; 
	margin-top: 15px;
}

.contactErrorBlock {
	text-align:left;
}

.contactPhoneBlock {
	float:left; 
	margin-left:2%; 
	margin-top: 15px;
}

.contactSubmitBlock {
	margin-top: 10px;
	text-align:center;
}

.contactText {
	border-bottom:1px dotted #E73E65; 
	padding-bottom: 10px;
}

.contactInputText {
	background:#C3DDEA;
	border:0px;
	width:100%;
}

.contactInputTextArea {
	background:#C3DDEA;
	border:0px;
	width:100%;
	height:150px;
}

.contactSubText {
	color:#999999
}

.contactSendOk {
	font-size:14px; 
	padding-top:30px; 
	text-align:center;
}

.contactErrorMessageBckg {
	background: url(../images/bckg_contacto_error.gif) center no-repeat; 
	width:330px; 
	height:163px; 
	position:absolute; 
	margin:77px 0 0 361px; 
	color:#FFFFFF; 
	font-size:12px; 
	text-align:center;
}

.contactErrorMessageText {
	padding:110px 196px 10px 44px; 
	line-height:110%
}

.invisible{
	display:none
}


/* Historial */

#eventTable {
	width: 85%;	
	margin: 15px auto;
	color:#000000;
}

#eventTable th {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding: 2px 0px;
	background-color:#0095D1;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
}

#eventTable td {	
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding: 3px;
	background-color:#E9F6FE;
}

#eventTable tr:hover td{
	background-color:#C9E9F8;
}

#eventTable .eventDate{
	white-space:nowrap; 
	padding:0px 5px
}

#eventTable .eventDescription{
	text-align:left;
}

#eventTable .eventPoints{
	text-align:center;
}

#eventTable .eventNot {
	padding:20px;
}

#eventTable .eventButtonsBlock{
	height:5px;
}

#eventTable .eventPrevBlock{
	text-align:left; 
	border-right:0;
}

#eventTable .eventNextBlock{
	text-align:right;
}

.nextButton {
	background:#0072B6;
	border-color:#82D0FF #003453 #003453 #82D0FF;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 15px 3px;
	text-align:center;
}

.buttonPaging {
	background-color: #B6E2F4;
	border-color: #ECE9D8 #52B9E4 #52B9E4 #ECE9D8;
	border-style:solid;
	border-width:1px;
	color: #333333;
	font-size: 11px;
	padding: 1px 10px 3px;
	text-align:center;
	margin:2px 5px;

}

.popUpSolicitudClose {
	position:absolute; 
	top:-8px; 
	left:590px; 
	z-index:9999;
}

.popUpSolicitudBody {
	background: url(../images/stripped_background.gif) repeat; 
	height:500px;
}

.popUpSolicitudTop {
	background-color:#FFFFFF; 
	padding:1px 0px
}

.popUpSolicitudBottom {
	text-align:center; 
	background:#E9F6FE; 
	padding:10px 0px 20px 0px;
}

.popUpSolicitudIncBlock {
	width:50%; 
	float:left; 
	text-align: center; 
	background-color:#FFFFFF
}

.popUpSolicitudInc {
	padding:20px;
}

.popUpSolicitudDataBlock {
	width:50%; 
	float:left; 
	text-align:left; 
	background-color:#FFFFFF;
}

.popUpSolicitudAddress {
	margin:0px auto;
}

.popUpSolicitudAddressBlock {
	border-bottom: 1px solid rgb(204, 204, 204); 
	text-align: center; 
	font-weight:bold;
	color: #555555;
	padding:3px;
}

.popUpSolicitudAddressTitle {
	text-align:right;
	font-weight:bold;
	padding:3px;
}

.popUpSolicitudAddressData {
	padding-left:5px; 
	text-align:left;	
}

.popUpSolicitudButtonBlock {
	padding-top: 15px; 
	text-align:center;
}

.popUpSolicitudData {
	 padding: 50px 5px 0px 5px;
}


/* Datos personales */

.contentPersonalDataSection {	
	width:700px;	 
}

.contentPersonalDataSectionBlock {
	float:left; 
	width:55%; 
	margin-left:20px; 
	margin-top:15px;
}

.contentPersonalDataSectionOtherBlock {
	float:left; 
	margin-left:2%; 
	width:35%; 
	margin-top:15px;
}

.personalDataChange {
	float:right; 
	color: #009966; 
	font-size:11px; 
	font-weight:bold;
}

.personalDataNoChange {
	float:right; 
	color: #009966; 
	font-size:11px; 
	font-weight:bold; 
	display:none;
}

.modifyPersonalData {
	margin:0px 0px 20px 0px ;
	background-color:#E9F6FE;
	padding:10px;
	font-size:12px;
}

.modifyPersonalData input{
	margin:10px auto auto auto;
}

.otherModifications {
	background-color:#E9F6FE;
	list-style:none;
	margin:0px 0px;
	padding:0px;
}

.otherModifications li{
	border-bottom: 1px #FFFFFF solid;
	background:url(../images/icons/yellow_arrow.gif) no-repeat left;
	background-position: 10px;
	padding-left:20px;
}

.popUpDatosPersonalesForm {
	margin:0 auto;
}

.compactBajaTable {
	font-size:12px; 
	padding: 10px auto; 
	background-color:#FFFFFF;
	width:90%;
}

.compactBajaTable .compactBajaTableCellText {
	text-align:right;
	width:50%;
	padding: 1px
}

.compactBajaTable .compactBajaTableCellInput {
	text-align:left;	
	padding: 1px;
}

.compactBajaTable .compactBajaTableInput {
	border:1px solid #5BC3E6;
	padding: 1px;	
	width:90%;
}

.compactBajaTableCheckBox {
	border:0; 
	width:10%;
}

.compactTable {
	font-size:12px; 
	padding: 10px auto; 
	background-color:#FFFFFF;
	width:90%;
}

.compactTable .compactTableCellText {
	text-align:right;
	width:50%;
	padding: 1px
}

.compactTable .compactTableCellInput {
	text-align:left;	
	padding: 1px
}

.compactTableTextArea {
	border:1px solid #5BC3E6;
	padding:1px;
	width:90%;
}

.compactTableLittleText {
	font-style:italic; 
	font-size:9px
}

.compactTable input, .compactTable select {
	border:1px solid #5BC3E6;
	padding: 1px;	
	width:90%;
}


.popUpOtherModificationsClose {
	position: absolute; 
	top: -8px; 
	left: 511px; 
	z-index: 9999;
}

.popUpDatosPersonalesErrorBlock {	
	background-color:#E9F6FE;
}

.popUpDatosPersonalesErrorText {	
	padding: 10px 10px 10px 30px;
}

.popUpDatosPersonalesTitleBlock {
	padding: 20px 0px 10px 30px; 
	background:#FFFFFF;
}

.popUpDatosPersonalesTitle { 
	color:#E73E65;
	font-weight:bold;
	font-size:18px;
	padding:10px 5px;
}

.popUpDatosPersonalesTextBlock {
	background-color:#E9F6FE
}

.popUpDatosPersonalesText {
	padding: 10px 10px 10px 30px;
}

.popUpDatosPersonalesDataBlock {
	background-color:#FFFFFF; 
	padding:10px 0px;
}

.popUpDatosPersonalesButtonBlock {
	text-align:center; 
	padding:15px 5px 0px 5px; 
	margin-bottom:20px; 
	font-size:11px;
}

/* Incentivos */

#tiendaCategoriasSection { 
	padding-left: 15px;
}

#tiendaCategoriasSection p {
	margin: 10px 10px 0px 0px;
	text-align:justify;	
}

.categoriaBlock {
	float:left;
	margin: 5px 10px;
	width:178px;
}

.categoriaName {
	text-align:right;
	padding-right: 12px;
}

.categoriaName a { 
	color:#000000; 
	padding-left: 10px;
	background: url(../images/icons/yellow_arrow.gif) no-repeat left; 
}

.categoriaName a:hover { 
	color:#F9B540;
}

.sugerenciasIcon {
	width:15;
	height:13;
}

.orderSelector {
	color: #A8DAF2;
	float:right; 
	margin:10px 0px 0px 0px;
	padding: 5px 0px;	
	font-size: 12px;
}

.orderSelector span {
	color: #A8DAF2;
}

#filtersSection {
	margin:0px 20px;
	color:#2C8294;
	padding: 5px 0px;
	font-size:13px;
	width:660px;
}

.filter {
	border-left: 1px #33FF00 dotted; 
	padding-left: 15px;
	background: url(../images/icons/yellow_arrow.gif) no-repeat 5px;
}

.filterSelected {
	text-decoration: underline;

}

#escaparate {
	float:left;
	font-size:12px;
	padding-bottom: 15px;
	width:680px;
}

#escaparate p {
	margin: 10px 25px 0px 25px;
	text-align:justify;
	line-height: 135%;
}

.escaparateBlock {
	margin: 10px 25px 0px 25px;
}

.carritoIcon {
	width:22; 
	height:21;
}

.incentivo {
	float:left;
	margin: 10px 0px 0px 25px;
	width:140px;
	line-height:normal;
}

.incentivoName a{
	font-size: 11px;
	color:#5A5A5C;
	background: url(../images/icons/yellow_arrow.gif) no-repeat left top;
	padding-left: 12px;
}

.incentivoName a:hover{
	color:#F9B540
}

.incentivoPoints {
	text-align:right;
	font-size:14px;
	background:url(../images/icons/caracola.gif) no-repeat right;
	padding-right: 20px;
}

.incentivoNew {
	position: absolute;
}

#footerLeft { 
	float:left; 
	width:180px; 
	text-align:left;
}

#footerCenter {
	float:left; 
	width:300px; 
	text-align:center;
}

#footerRight {
	float:left; 
	width:180px; 
	text-align:right;
}

.numPag {
	color:#7E7F80;
}

.numPagActual {
	color:#A8DAF2; 
	font-weight:bold;
}

.popUpIncentivoClose{	
	position:absolute; 
	top:-8px; 
	left:692px; 
	z-index:9999;
}

/* Incentivo*/

.popUpIncentivoClose{	
	position:absolute; 
	top:-8px; 
	left:692px; 
	z-index:9999;
}

#popupIncentive {
	background: url(../images/bckg_vertical_lines.gif) repeat;
}

#upperPopupIncentive {
	border-bottom:1px #F7FBFE solid; 
	background-color:#F5FAFE;
}

#leftPopupIncentive {
	float:left; 
	width:500px; 
	padding: 15px 0px; 
	border-right: 1px solid #0EACE0; 
	height: 300px; 
	text-align:justify; 
	background-color:#FFFFFF;
	overflow:hidden;
}

#leftPopupIncentive p{
	line-height:150%;
}

.leftPopupIncentiveImageBlock{
	margin:0 auto;
}

.leftPopupIncentiveImage{
	#position: relative; 
	#top: -50%;
}

#leftPopupIncentive .leftPopupIncentiveContent {
	padding:0px 25px; 
	height:270px; 
	width:450px; 
	display: table; 
	#position: relative; 
	overflow: hidden; 
	margin-left:0px;
}

#leftPopupIncentive .leftPopupIncentiveBlock {
	#position: absolute; 
	#top: 50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:450px; 
	text-align:center;
}

#rightPopupIncentive {
	float:left;
	width:199px;
	padding: 15px 0px;
	font-size:11px;
	text-align:justify;
	height: 300px;	
	overflow:hidden;
}

#rightPopupIncentive .rightPopupIncentiveBlock{
	padding:0px 15px
}

.popupLeftTitle {
	color:#0EACE0;
	font-size:14px;
	text-transform:uppercase;
}

.popupRightTitle {
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 20px 0px;
	margin:0;
	line-height:110%;
}

.popupRightDescription {
	line-height:150%
}

.popupLeftDescription {
	padding: 15px 0px;
}

.popupPoints {
	font-size:18px;
	text-align:center;
	color:#E73E65;
	line-height:100%;
}

#lowerPopupIncentive {
	height:129px;
}

#tabs {
	display: block;
	list-style: none;
	margin:0;
	padding:0;
	font-weight: bold;
}

#tabs li {
	float:left;
	text-align:center;
	margin-left:-4px;
	margin-top:-1px;
	position:relative;
}

#tabs li a{
	color:#FFFFFF;
}

#tabs li div {	
	height:25px;
	float: left;
}

#tabs li .tabLeft {	
	background: url(../images/tabLeft.gif) no-repeat left; 
	width:2px;
}

#tabs li .tabCenter { 
	background: url(../images/tabCenter.gif) repeat-x; 
	padding: 0px 2px 0px 6px;
}

#tabs li .tabRight { 
	background: url(../images/tabRight.gif) no-repeat right; 
	width:13px;
}

#tabs .selected .tabLeft { 
	background: url(../images/selectedTabLeft.gif) no-repeat left; 
	width:2px;
}

#tabs .selected .tabCenter { 
	background: url(../images/selectedTabCenter.gif) repeat-x; 
	padding: 0px 2px 0px 6px;
}

#tabs .selected .tabRight { 
	background: url(../images/selectedTabRight.gif) no-repeat left; 
	width:13px;
}

#tabs li.selected a{
	color: #0EACE0;
}

#tabs #tab0, #tabs #tab1 {
	margin-left:0
}

#tabs #main_tab {
	height:20px;
	width:42px;
	background: url(../images/icons/mainPhoto.gif) no-repeat center;
}

#tabs #main_tab.selected {
	background: url(../images/icons/mainPhotoSelected.gif) no-repeat center;
}

.tabCenter .tabIcon{
	width:20px;
	height:25px; 
	background-repeat:no-repeat;
	background-position:center 0px;
}
.selected .tabCenter .tabIcon{
	background-position:center -26px;
}

.selectedTab {
	margin-left:0px;
}

.selectedTabLink {
	width:100%;
}

.incentivoEconomico {
	float:right; 
	margin-right:20px;
}

.incentivoEconomicoBlock {
	background: url(../images/icons/canjeIcon.gif) left no-repeat; 
	padding:2px 10px 2px 31px; 
	font-size:14px; 
	background-color:#FFFFFF; 
	color:#000000;
}

.incentivoTabImage{
	padding:0px 25px; 
	height:270px; 
	width:450px; 
	display: table; 
	#position: relative; 
	overflow: hidden; 
}

.incentivoTabOther{
	padding:0px 25px 0px 25px
}

.incentivoTabImageContent{
	#position: absolute; 
	#top: 50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:450px; 
	text-align:center;
}

.incentivoTabImageBlock {
	margin:0 auto;
}

.incentivoTabImageIcon {
	#position: relative; 
	#top: -50%;
}

.canjearEnabledButton {
	overflow:visible; 
	padding:1px 10px; 
	font-size:12px; 
	font-weight:normal; 
	margin-left:0;
}

.canjearDisabledButton {
	overflow:visible; 
	background-color:#CCCCCC; 
	color:#999999; 
	padding:1px 2px; 
	font-size:12px; 
	font-weight:normal; 
	margin-left:0;
}

/* Canjear */

#popupCanje {
	background: url(../images/bckg_vertical_lines.gif) repeat;
}

#upperPopupCanje {
	border-bottom:1px #F7FBFE solid;
	background-color: #FFFFFF;
}

.upperPopupCanjeBody {	
	border:0px; 
	padding-bottom: 1px; 
	background: #FFFFFF;
}

#leftPopupCanje {
	float:left; 
	width:421px; 
	border-right: 1px solid #0EACE0; 
	text-align:justify; 
	background-color:#FFFFFF;
	padding:0;
}

.leftPopupCanjeBckg {
	background: url(../images/background_lineas.gif) repeat; 
	height:460px;
}

#rightPopupCanje {
	float:left;
	width:158px;
	padding: 15px 0px;
	font-size:9px;
	text-align:justify;
	text-transform: uppercase;
}

#popupCanjeHeader {
	background-color:#5BC3E6;
	color: #FFFFFF;
	font-size:14px; 
	height: 22px;	
}

.popupCanjeTitle {
	text-align:left; 
	float:left; 
	padding:2px 5px 2px 20px; 
	background: url(../images/icons/iconCarritoBlue.gif) 5px no-repeat;
}

.popupCanjeSteps {
	padding:2px 10px; 
	text-align:right; 
	float:right;
}

.popupCanjeBody {
	padding:10px 15px 0px 15px;
}

.popupCanjeBodyPersonalData {
	font-size:12px; 
	background-color:#E9F6FE ; 
	padding:5px 10px;
}

.popupCanjeAlertText {
	padding:5px 5px; 
	line-height:120%; 
	margin:4px auto 0 auto; 
	color: red; 
	border:1px dotted red;
}

.popupCanjeAlertTitle {
	color:red; 
	font-weight:bold; 
	font-size:13px;
}

.popupCanjeBodyTitle {
	font-size:14px;
	color:#E73E65;	
	font-weight: normal;
	margin:5px auto 0 auto;
}

.popupCanjeBodyText {
	padding:0px 5px; 
	line-height:120%; 
	margin:4px auto 0 auto;
}

.popupCanjeEconomicContent {
	padding:10px 15px;
}

.popupCanjeEconomicData {
	font-size:12px; 
	background-color:#E9F6FE; 
	padding:5px 15px;
}

.popupCanjeEconomicDataBlock {
	float:left; width:100%;
}

.popupCanjeEconomicDataTable {
	width:90%; 
	margin:0 auto;
}

.popupCanjeEconomicPointsBlock {
	text-align:center;
}

.popupCanjeEconomicPointsTable {
	width:100%; 
	margin:0 auto;
}

.popupCanjeEconomicPointsTableTitle {
	padding-left:10px;
}

.popupCanjeEconomicPointsText {
	color:#5A5A5C;
	font-size: 11px;
}

.popupCanjeEconomicNameText {
	margin:0; 
	text-align:center;
}

.popupCanjeConfirmContent {
	padding:10px 20px;
}

.popupCanjeConfirmButtonBlock {
	background: url(../images/background_lineas.gif) repeat; 
	padding: 10px;
}

.popupCanjeConfirmBody {
	float:left; 
	width:300px;
}

.popupCanjeConfirmImage {
	float:right; 
	padding:15px;
}

.popupCanjeConfirmDataBlock {
	float:left; 
	width:50%; 
	padding: 20px 0px;
}

.popupCanjeConfirmBodyText {
	line-height:120%; 
	text-align:justify; 
	margin:5px auto 0 auto;
}

.popupCanjeConfirmPoints {
	border-top: 1px solid #0EACE0;
}

.popupCanjeConfirmPointsContent {
	float:left; 
	width:50%; 
	text-align:center; 
	padding: 10px 0px;
}

.popupCanjeConfirmTab {
	padding:0px 5px;
}

.popupCanjeSubTitle {
	font-size:14px;
	color:#019FE0;
	font-weight:bold;
	font-weight: normal;
	margin:5px auto 0 auto;
}

.popupCanjeRightTitle {
	font-weight:bold;
	font-size:11px;
	padding:5px;
	margin:0;
}

.popupCanjeRightContent {
	padding:0; 
	background-color:#FFFFFF;
}

.popupCanjeRightBlock {
	padding:5px 5px;
}

.popupCanjeRightImage {
	text-align:center;
	margin:0;
}

.popupCanjeBodyContent {
	font-size:12px; 
	background-color:#E9F6FE; 
	padding:5px 15px;
}

.popupCanjeBodyContentBlock {
	float:left; 
	width:50%;
}

.popupCanjePersonalDataForm {
	text-align:center;
	padding: 5px 0px;
}

.popupCanjeButtonBlock {
	float:right; 
	width:40%; 
	text-align:right;
}

.popupCanjeButtonUse {
	font-size:11px; 
	width:135px; 
	margin-bottom: 4px; 
	font-weight:normal;
}

.popupCanjeButtonModify {
	font-size:11px; 
	width:135px; 
	font-weight:normal;
}

.popupCanjeClose{	
	position:absolute; 
	top:-8px; 
	left:590px; 
	z-index:9999;
}

.popupCanjeConfirmClose{	
	position:absolute; 
	top:-8px; 
	left:493px; 
	z-index:9999;
}


/* Incentivo oculto */

.incentivoOcultoText {
	line-height:120%; 
	margin:2px 0px;	
}

.incentivoOcultoLinks {	
	margin:2px 0px;	
	padding-bottom: 5px;
}

.incentivoOcultoPointsNumbers {
	color:red; 
	font-weight:bold;
}

.popUpIncentivoOcultoClose{	
	position:absolute; 
	top:-8px; 
	left:450px; 
	z-index:9999;
}

.popUpIncentivoOcultoBody{
	width:460px;
	background-color:#FFFFFF;
}

.popUpIncentivoOcultoImage {
	width:150px; 
	text-align:center; 
	float:left;
}

.popUpIncentivoOcultoTitle { 
	font-size:14px;
	color:#019FE0;
	font-weight:bold;
	padding:10px;
}

.popUpIncentivoOcultoContent {
	width:310px; 
	float:left;
}

.popUpIncentivoOcultoContentBlock {
	padding:10px; 
	text-align:justify;
}


/* Final Encuestas */

#finalEncuestasEscaparate {
	float:left;
	font-size:12px;
	padding-bottom: 15px;
	padding:20px 0px; 
	margin-left:30px;
	width:860px;
}

#finalEncuestasEscaparate p {
	margin: 10px 25px 0px 25px;
	text-align:justify;
	line-height: 135%;
}

.finalEncuestasEscaparateContent {
	float:left; 
	width:520px; 
	padding:0px;
}

.finalEncuestasEscaparateBlock {
	padding:0px 10px 0px 0px;
}

.finalEncuestasLinks {
	font-size:14px;
}

.finalEncuestasLinksBlock {
	padding:20px 10px 0px 0px;
}

.finalEncuestasPoints {
	float:left; 
	width: 320px; 
	text-align:center; 
	padding:0px;
}

.finalEncuestasPointsBlock {
	padding: 20px 0px 0px 0px;
}

.finalEncuestasPointsImage {
	width:320px; 
	height:213px; 
}

.finalEncuestasImage1 {	
	background: url(../images/ilustrafin.gif) no-repeat;
}

.finalEncuestasImage2 {	
	background: url(../images/ilustrafin2.gif) no-repeat;
}

.finalEncuestasImage3 {	
	background: url(../images/ilustrafin3.gif) no-repeat;
}

.finalEncuestasPointsNum {
	float:left;
	font-size:20px; 
	color:#FFFFFF; 
	margin-left:20px; 
	margin-top:155px; 
	width:110px; 
	line-height:80%; 
	text-align:center;
}

.finalEncuestasPointsText {
	font-size:12px;
}

.finalEncuestasTitle{
	color:#009ADC; 
	font-size:18px; 
	border-bottom: 1px dotted blue; 
	padding-bottom:10px
}

.finalEncuestasText{
	color: #E73E65; 
	font-size:14px;
}

.finalEncuestasIncentivos {
	padding-left:10px;
}

.finalEncuestasIncentivo {
	margin-left:10px;
}

.finalEncuestaIncentivoNew {
	position:absolute;
}

.nombreIncentivo a{
	font-size: 11px;
	color:#5A5A5C;
	background: url(../images/icons/yellow_arrow.gif) no-repeat left top;
	padding-left: 12px;
}

.nombreIncentivo a:hover{
	color:#F9B540
}

.puntosIncentivo {
	text-align:right;
	font-size:14px;
	background:url(../images/icons/caracola.gif) no-repeat right;
	padding-right: 20px;
}


/* Error */

#errorContentSection {
	float:left;
	font-size:12px;
	padding-bottom: 15px;	
}

#errorContent {
	width:700px; 
	margin:0 auto;
}

#errorContactInfo {
	color: #000000; 
	font-size:12px;
}

#errorContactInfo ul {
	padding-left:30px;
	margin-bottom: 12px;
}

.errorContentSectionTitle {
	float:left; 	
}

.errorTitle {
	width:340px; 
	margin-top:40px;
}

.errorMessageBckg {	
	margin:0px auto; 
	background: url(../images/bckg_popup_error.gif) no-repeat; 	
	color:#FFFFFF; 
	text-align:center; 
	font-size:12px; 
	line-height:100%;
}

.errorMessageText{
	width: 130px; 
	height:55px; 
	margin-top:25px; 
	margin-left:27px; 
	float:left;
	display:inline;
}

.topErrorMessageImage{
	vertical-align: middle;
	border-width:0px;
}


/* Pop-up Generic*/

.sendButton {
	background: #D62C37;
	border-color: #EC9FA5 #8B1B23 #8B1B23 #EC9FA5;
	color:#FFFFFF;
	padding:2px 5px;
	font-weight: bold;
}


/* ------ dialogs ------- */
.modalDialog_transparentDivs {	
	background:#222;
	filter:alpha(opacity=40);
	opacity:0.4;
	z-index:1;
	position:absolute;
}

.modalDialog_contentDiv {
	background: #FFF;
	border-color: #85d2ec;	
	padding:0px;
	z-index:100;
	position:absolute;
	border: 2px solid;	
}

.modalDialog_contentDiv_shadow {
	background:#222;
	z-index:90;
	position:absolute;
	filter:alpha(opacity=30);
	opacity:0.3;	
}