body {
	padding:10px;
	font-family: Arial, sans-serif;
	font-size: 8pt;
}

#page {
	width:764px;
	/*773*/
	/*761*/
}

#topnav {
	padding: 0px;
}

#topnav  .txt {
	margin-bottom: 6px;
	
}

#topnav .tt {
	float: right; 
	width: 300px; 
	text-align: right; 
	margin-top: 14px;
}

#topnav .tt a img{
	margin-bottom:10px;
}

#main {
	/*width:607px;*/
	width:607px;
	margin-right:0px;
}

#main .boxtxt img {
	margin-right: 3px;
}

#main .catlink {
	background-color: #6a6a6a;
	color: #fff;
	float:left;
	margin-right:10px;
}

#main .catlink img {
	width:192px;
	height:144px;
	border:0px;
}

#main .catlink a {
	color: #fff;
}

#main .catlink div {
	padding: 8px;
}

#main .catprod2{
	margin-left:403px;
	width:193px;
}
#main .catprod2 .boxtt {
	height:30px;
	background-color: #c65d0a;
}
#main .catprod2 .boxttblue {
	height:30px;
	background-color:#0167a7;
}
#main .catprod2 .boxtt  img, #main .catprod2 .boxttblue img{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#main .catprod2 .boxtxt {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main .catprod2 button {
	/*float:right;*/
	width: 36px;
	font-size: 8pt;
	margin: 3px;
	margin-right:6px;
	border: 1px solid #187094;
	top:70px;
	/*position:relative;*/
}

#main .catprod {
	float:left;
	width:190px;
	height: 128px;
	/*background-color: red;*/
	border: 1px solid #ccc;
	margin-left:10px;
	margin-top:10px;
	padding:0px;
}

#main .catprod .boximg {
	float:left;
	border-right: 1px solid #ccc;
	margin-right:0px;
}
#main .catprod .boxtt {
	height:30px;
	background-color:#c65d0a;
}

#main .catprod .boxtt  img{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#main .catprod .boxtxt {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 6px;
}

#main .catprod .boxtxtsmalloffset {
	margin-left:8px;
}

#main .catprod .boxtxtbigoffset {
	margin-left:10px;
}

#main .catprod button {
	float:right;
	width: 36px;
	font-size: 8pt;
	margin: 3px;
	margin-right:6px;
	border: 1px solid #187094;
	/*margin-top: 75px;*/
	/*top:70px;*/
	/*left:150px;*/
	/*position:relative;*/
}
#main .catsal {
	
	float:left;
	width:392px;
	height: 128px;
	/*background-color: red;*/
	border: 1px solid #ccc;
	margin-top:10px;
	padding:0px;
}

#main .catsal  .boximg {
	float:left;
	border-right: 1px solid #ccc;
	margin-right:0px;
}
#main .catsal  .boxtt {
	height:30px;
	background-color:#B1DD28;
}
*html #main .catsal  .boxtt {
	height:40px;
	overflow:hidden;
}

#main .catsal  .boxtt  img{

}
#main .catsal  .boxtxt {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 6px;
}

#main .catsal  .boxtxtsmalloffset {
	margin-left:8px;
}

#main .catsal  .boxtxtbigoffset {
	margin-left:202px;
}

#main .catsal  button {
	float:right;
	width: 36px;
	font-size: 8pt;
	margin: 3px;

	border: 1px solid #187094;
	/*margin-top: 75px;*/
	/*top:70px;*/
	/*left:150px;*/
	/*position:relative;*/
}
#main .novedades {
	float:left;
	width:190px;
	height: 128px;
	border: 1px solid #ccc;
	/*margin-right:10px;*/
	margin-top:10px;
}
#main .novedades .boxtt {
	height:30px;
	background-color:#c65d0a;
	width:100%;
}
#main .novedades .boxtt  img{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#main .novedades .boxtxt {
	margin: 8px;
}

#main .novedades button {
	float:right;
	width: 36px;
	font-size: 8pt;
	margin: 3px;
	margin-right:6px;
	border: 1px solid #187094;
	/*margin-top: 75px;*/
	/*top:70px;*/
	/*left:150px;*/
	/*position:relative;*/
}

#main .catdata {
	background-color: #dcf3fb;
	color: #0066a9;
	float:left;
	margin-right:10px;
	width: 392px;
}

#main .catdata  div {
	padding: 10px;
}

#main .catdata  h2 {
	font-size: 8pt;
	font-weight: bold;
	background-color: #28b5eb;
	color: #fff;
	padding: 2px 6px;
	margin:0px;
}

#main .catdata img {
	width: 183px;
	height: 281px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main .catdata a {
	color: #27607b;
	font-weight: bold;
	text-decoration: none;
}

#main .partnerbar {
	clear:both;
	width: 594px;
	text-align: center;
}

#main .partnerbar img {
	padding: 6px;

}


/**/
#main .destacado {
	margin-left: 403px;
	width:193px;
	margin-bottom:10px;
}
#main .destacopy {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#main .destaimg {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}
#main .destacado h2{
	font-size: 8pt;
	font-weight: bold;
	background-color: #c65d0a;
	color: #fff;
	padding: 2px 6px;
	margin:0px;	
}
#main .destacado button {
	/*float:right;*/
	width: 36px;
	font-size: 8pt;
	margin: 3px;
	margin-right:6px;
	border: 1px solid #187094;
	top:70px;
	/*position:relative;*/
}
/* LISTA DE REWARDS */

.listhead {
	width: 577px;
	border:1px solid #187094;
	font-size: 8pt;
	font-weight: bold;
	color: #187094;
	padding:8px;
}

#main .rewardlist table {
	clear: left;
	border-collapse: collapse; 
	width: 596px;
}

#main .rewardlist table, #main .rewardlist td, #main .rewardlist th {
	font-size: 8pt;
}

#main .rewardlist thead td {
	background-color: #cccccc;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 1px solid #fff;
	padding: 3px 10px;
}

#main .rewardlist tbody td {
	border: 1px solid #e1f6f9;
	padding: 10px;
}

#main .rewardlist tbody td.separator {
	border: 0px solid #fff;
	padding: 1px;
}

#main .rewardlist tbody td.merchant {
	text-align: center;
}
#main .rewardlist tbody td.points {
	color: #666;
	text-align: center;
}
#main .rewardlist tbody td.re {
	text-align: center;
}
#main .rewardlist tbody td.redeem {
	text-align: center;
}
#main .rewardlist a {
	color: #28b5eb;
	text-decoration: none;
	font-weight: bold;
}


form {
	display: inline;
}

div.pages {
	width: 596px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center;
}

div.pages div.anterior {
	float: left;
}

div.pages div.siguiente {
	float: right;
}

div.pages button {
	width: 100px;
	background-color: #DCF3FB;
	border:0px solid #888;
	font-size: 8pt;
	font-weight: bold;
	color: #187094;
}

/* DETALLE DE REWARD */
#main .rewarddata {
	width: 596px;
}

#main .rewarddata .rewardimage {
	float: left;
	width: 260px;
	/*height: 198px;*/
	background-color: #fff;
	margin-right:10px;
	text-align: center;
	vertical-align: middle;
}

#main .rewarddata  .databox {
	padding:0px;
	border:1px solid #dcf3fb
}


#main .rewarddata  .databox  a {
	color: #187094;
}

#main .rewarddata  .databoxmargin{
	margin-left:260px;
}

#main .rewarddata  h1 {
	font-size: 10pt;
	font-weight: bold;
	color: #28b5eb;
	padding: 2px 6px;
	margin:3px 0px;
}
#main .rewarddata  a {
	color: #28b5eb;
	text-decoration:none;
}

#main .rewarddata  h2 {
	font-size: 10pt;
	font-weight: bold;
	background-color: #dcf3fb;
	color: #187094;
	padding: 2px 6px;
	margin:3px 0px;
}

#main .rewarddata  h3 {
	font-size: 8pt;
	font-weight: bold;
	background-color: #dcf3fb;
	color: #187094;
	padding: 2px 6px;
	margin:0px;
}

#main .rewarddata  p {
	padding: 5px;
	margin:0px;
}


#main .rewarddata  .redeem  {
	background-color: #fff;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	color: #28b5eb;
	text-align: right;
	border-top:1px solid #dcf3fb
}

#main .rewarddata  .redeem  button{
	color: #187094;
	border: 1px solid #187094;
	font-size: 12px;
	font-weight: bold;
	font-family:"MS Shell Dlg", sans-serif;
}

#main .rewarddata  .data {
	margin-top: 1px;
	background-color: #eee;
	font-size: 9pt;
	color: #000;
	clear:left;
	padding: 10px;
}

#main .rewarddata  .legal {
	margin-top: 6px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 8pt;
	color: #000;
	clear:left;
	padding: 10px;
}

#main .rewarddata  .legal li {
	list-style: none;

}
/* HEADER DE PAGINA */

#head {
	padding-bottom: 10px;
}

#head img{
	border: 10px solid #c0cdd6;
}

/* COLUMNA DERECHA */

#rcol {
	clear:both;
	width: 154px;
	float:right;
}

#rcol button {
	/*float:right;*/
	width: 33px;
	font-size: 8pt;
	margin: 3px;
	margin-right:6px;
}

#rcol p {
	text-align: right;
	margin: 0px;
	padding: 0px;
}

/* CAJA DE  INGRESO A CUENTA */
#myca {
	background-color: #eaf2f5;
	margin-bottom:10px;
	color: #0000ff;
}

#myca div {
	padding: 6px;
	background-image: url('../images/bk-box1.gif');
	background-repeat: repeat-x;
}


#myca p {
	text-align: left;
	margin-top: 6px;
	margin-bottom: 6px;
}

#myca h2 {
	font-size: 8pt;
	font-weight: bold;
	background-color: #082e55;
	color: #fff;
	padding: 2px 6px;
	margin:0px;
}

/* CAJA DE  BUSQUEDA X  CARACTERISTICA */
#browse, #browse a {
	background-color: #dbe8cb;
	margin-bottom:10px;
	color: #61a830;
	font-weight: bold;
}

#browse div {
	padding: 6px;
	background-image: url('../images/bk-box2.gif');
	background-repeat: repeat-x;
}

#browse h2 {
	font-size: 8pt;
	font-weight: bold;
	background-color: #6eaa46;
	color: #fff;
	padding: 2px 6px;
	margin:0px;
}

#browse select, input {
	color: #444;
	width: 134px;
	font-size: 8pt;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family:"MS Shell Dlg",sans-serif;
}

#browse button {
	/*margin-top: 20px;*/
	border: 1px solid #61a830;
}

#browse .small {
	width: 10px;
}

/* CAJA DE  BUSQUEDA X  TEXTO  */
#search {
	background-color: #dcf3fb;
	margin-bottom:10px;
	color: #187094;
	font-weight: bold;
	height: 115px;
}

#search div {
	padding: 6px;
	background-image: url('../images/bk-box3.gif');
	background-repeat: repeat-x;
}

#search select, input {
	width: 134px;
	font-size: 8pt;
	margin-top: 3px;
	margin-bottom: 3px;
}

#search button {
	border: 1px solid #187094;
}

#search h2 {
	font-size: 8pt;
	font-weight: bold;
	background-color: #28b5eb;
	color: #fff;
	padding: 2px 6px;
	margin:0px;
}

/* LEGAL FOOTER */
#foot {
	text-align: center;
	clear:both;
	margin-top: 10px;
	padding-top: 10px;
}

p.error {
	text-align: center;
	font-size: 1.2em;
	margin-top: 20px;

}

/* POPUP REW EXP*/

#repopup, #prpopup {
	display: none;
	background-color: #fff;
	border: 1px solid #000;
	padding: 10px;
	position: absolute;
	top: 320px;
	left: 410px;
	width: 200px;
}
#repopup .close {
	float:right;
	text-align: right;
	margin: 2px;
}
#repopup .close  a {
	background-color: yellow;
}


#catsaldos-header {
	float: left;
	height: 41px;
	width: 600px;
}
#catsaldos-slider {
	float: left;
	height: 190px;
	width: 598px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}
*html #catsaldos-slider {
	float: left;
	height: 190px;
	width: 598px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
    position:relative;
    overflow:hidden;
}
#catsaldos-slider-arrow-prev {
	background-color: #A8B7BE;
	float: left;
	height: 100px;
	width: 18px;
	text-align: center;
	padding-top: 90px;
	position: absolute;
	left: -18px;
	top: 0px;
	right: 0px;
	bottom: 0px;
    }
*html #catsaldos-slider-arrow-prev {
	background-color: #A8B7BE;
	float: left;
	height: 100px;
	width: 18px;
	text-align: center;
	padding-top: 90px;
	position: absolute;
    left: -20px;

    }

#catsaldos-slider-arrow-next {
	background-color: #A8B7BE;
	float: left;
	height: 100px;
	width: 17px;
	text-align: center;
	padding-top: 90px;
	position: absolute;
	left: 562px;
	top: 0px;
	right: 0px;
	bottom: 0px;
    border-left: 1px solid #8AA4B3;
}
*html #catsaldos-slider-arrow-next {
	background-color: #A8B7BE;
	float: left;
	height: 100px;
	width: 17px;
	text-align: center;
	padding-top: 90px;
	position: absolute;
	left: 560px;
	top: 0px;
	right: 0px;
	bottom: 0px;
    border-left: 1px solid #8AA4B3;
}
#catsaldos-slider-cont {
	float: left;
	height: 190px;
	width: 558px;
	background-color: #E0E8EB;
    margin-left:18px;
}
*html #catsaldos-slider-cont {
	float: left;
	height: 190px;
	width: 568px;
	background-color: #E0E8EB;
    margin-left:10px;

}
#catsaldos-slider-box {
	float: left;
	height: 190px;
	width: 137px;
	margin-right: 5px;
	border-left: 1px solid #8AA4B3;
	border-right: 1px solid #8AA4B3;
	margin-left: 0px;
}
.catsaldos-slid-box-top {
	background-image: url(../images/catsaldos2.jpg);
	background-repeat: no-repeat;
	height: 35px;
	font-family: Arial;
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 2px;
}
.catsaldos-slid-box-bottom {
	background-image: url(../images/catsaldos3.jpg);
	float: left;
	height: 60px;
	width: 126px;
	background-position: 2px 0px;
	padding: 5px;
	text-transform: uppercase;
}
.catsaldos-prod {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #0F79A0;
    width:125px;
    overflow:hidden;
    height:30px;
}

.catsaldos-prod-tachado {
	font-family: Arial;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #0F79A0;
	text-decoration: line-through;
    width:125px;
    overflow:hidden;
    height:14px;
}
.catsaldos-prod-destacado {
	font-family: Arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
    background-color:#A1CD14;
    padding-left:5px;
    padding-right:5px;
    width:105px;
    overflow:hidden
    height:18px;
}
#catsaldos-categorias {
	float: left;
	height: 198px;
	width: 570px;
	margin-top: 10px;
	background-image: url(../images/catsaldos4.jpg);
	background-repeat: no-repeat;
	padding-top: 22px;
	padding-left: 30px;
}
.catsaldos-categorias-list {
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/catsaldos-arrow.jpg);
	float: left;
	padding-left: 15px;
    margin-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.catsaldos-5px {
	height: 5px;
}

.catsaldos-categorias-title {
	font-family: Arial;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
}

.jcarousel-container {
	width: 558px;
	height: 190px;
}

.jcarousel-item {
	width: 144px;
	height: 190px;
}