/* = MCORO GENERAL
---------------------------------------------------------
*/
h1 {
	background-image: url(../img/logo_new.gif);
}
#cabecera{position:relative;}
#cuerpo{position:relative;}
#col_der2 {
	float: right;
}


.menu ul li a {
	background: url(../img/bk_limenu.gif) repeat-x;
}
#col_der2 .content{
	padding:0 0 0 20px;
	float:left;
}
#col_der2 .content a, #col_der2 .content a:visited{
	color:#000;
}
#col_der2 .content a:hover{
	color:#be8541;
}

.mcoro h3{
	color:#be8541;
	font-size:1.5em;
}
.mcoro ul.gold-list{
	margin:0 0 1em 20px;
	padding:0;
	list-style-type:none;
}
.mcoro ul.gold-list li{
	margin:0;
	padding:0 0 7px 12px;
	background:url(../images/gold-bullet.gif) no-repeat 0 5px;
	display:block;
}
#pie{
	position: relative;
	float:left;
}
#pie div {
	background: url(../img/bk_pie.gif) no-repeat;
}

#pie .logo2_portada {
	position:absolute;
	width:109px;
	height:37px;
	top:-70px;
	left:20px;
	background:lime;
	margin:0;
}

/* = END MCORO GENERAL
---------------------------------------------------------
*/
/* = CARD TYPES
---------------------------------------------------------
*/
.card-types{
	float:right;
	width:574px;
	margin:0;
	padding:0;}
.card-types ul{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
.card-types li{
	display:block;
	float:left;
	margin:0;
	padding:0 0 7px;
}
.card-types li a{
	display:block;
	float:left;
	text-indent:-9000px;
	overflow:hidden;
}
.card-types li.card-a a{
	width:574px;
	height:234px;
	background:url(../images/MastercardOro-maincard.jpg) no-repeat 2px 2px;
}
.card-types li.card-b a{
	width:255px;
	height:266px;
	background: url(../images/BlackCard-maincard.gif) no-repeat;
	margin:0 0 0 10px;
}
.card-types li.card-c a{
	width:226px;
	height:228px;
	background:red url(../images/FreestyleCard-maincard.jpg) no-repeat;
	margin:0 0 0 30px;
}
/* = END CARD TYPES
---------------------------------------------------------
*/
/* = MASTERCARD ORO BOTTOM BUTTONS 
---------------------------------------------------------
*/
.mcoro-home .botones_tar {
	float: right;
	width: 500px;
	position:relative;
}
.mcoro-home .botones_tar input.contactacon {
	width: 152px;
	height: 20px;
	position:absolute;
	top:-30px;
	right:181px;
	background: url(../img/contactacon.gif) center no-repeat;
	font-weight: bold;
	cursor: pointer;
	border: none;
}
.mcoro-home .botones_tar input.areaclientes {
	width: 118px;
	height: 20px;
	position:absolute;
	top:-30px;
	right:53px;	
	background: url(../img/areaclientes.gif) center no-repeat;
	font-weight: bold;
	cursor: pointer;
	border: none;
}

.botones_tar input.btn01 {
	background: url(../images/btn01.gif) center no-repeat;
	font-weight:normal;
	width: 152px;
	height: 20px;
	cursor: pointer;
	border: none;
}
.botones_tar input.btn-main {
	font-weight:bold;
}

/* = MASTERCARD ORO BOTTOM BUTTONS 
---------------------------------------------------------
*/
/* = SUBSECTION TITLE
---------------------------------------------------------
*/
.mcoro .subsection-title{
	float:left;
	width:400px;
	margin:20px 0 0 20px;
}
.mcoro .subsection-title h2{
	color:#be8541;
	margin:0;
	font-weight:normal;
	font-size:2.5em;
}
.mcoro .subsection-title p{
	margin:0;
}
/* = END SUBSECTION TITLE
---------------------------------------------------------
*/
/* = SECTION PICTURE
---------------------------------------------------------
*/
.mcoro .section-pic{
	position:absolute;
	top:-60px;
	right:15px;
	width:112px;
	height:86px;
	background:url(../images/gold-card.png) no-repeat;
}
/* = SECTION PICTURE
---------------------------------------------------------
*/
/* = SECONDARY NAV TABs
---------------------------------------------------------
*/
#tabs {
  float:left;
  width:100%;
  font-size:0.9em;
  line-height:normal;
  border-top:10px solid #5a5a5a;
  padding:0 0 1em;
  }
#tabs ul {
	margin:0;
	padding:0 10px 0 20px;
	list-style:none;
	float:left;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
	
  }
#tabs a {
  float:left;

  background:url(../images/nav/tableft.gif) no-repeat left top;
  padding:0 3px 0 4px;
  text-decoration:none;
  line-height:18px;
  height:20px;
  cursor:pointer;
  }
#tabs a span {
  float:left;
  display:block;
  width:auto !important;display:inline-block;
  background: url(../images/nav/tabright.gif) no-repeat right top;
  padding:0 15px 0 6px;
  color:#666;
  height:20px;

  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span, #tabs a.current span {
  color:#FFF !important;
  }
#tabs a:hover, #tabs a.current {
  background-position:0% -20px !important;
  }
#tabs a:hover span, #tabs a.current span {
  background-position:100% -20px !important;
  }
/* = END SECONDARY NAV TABs
---------------------------------------------------------
*/

/* = PSEUDO MENU
---------------------------------------------------------
*/
.pseudo-menu{
	float:right;
	width:120px;
	padding:10px;
	margin:0 0 15px 15px;
	font-size:0.9em;
	background:#CCC;
}
.pseudo-menu h4 {
	color:#5a5a5a;
	margin:0 0 1em;
	text-transform:uppercase;
	font-size:1em;	
}
.pseudo-menu ul{
	float:left;
	width:100%;
	margin:0 0 0.5em;
	padding:0;
	list-style-type:none;
}
.pseudo-menu li{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 0.5em;
}
.pseudo-menu a, .pseudo-menu a:visited{
	float:left;
	width:100%;
	color:#000 !important;
	text-decoration:none;
}
.pseudo-menu a:hover{
	text-decoration:underline;
}

/* = END PSEUDO MENU
---------------------------------------------------------
*/
/* = CONTENT DEFINITION LIST
---------------------------------------------------------
*/

.content-dl{
	float:left;
	width:100%;
	margin:0 0 1em;
}
.content-dl p{
	margin:0 0 0.3em !important;
}

dl.dt01{
	width:100%;
	float:left;
	clear:both;
	margin:0;
}
.dt01 dt{
	float:left;
	width:212px;
	background:#5a5a5a;
	padding:3px;
	text-align:right;
	color:#FFF;
	border:1px solid #FFF;
}
.dt01 dd{
	float:left;
	width:272px;
	position:relative;
	background:#CCC;
	padding:3px;
	text-align:left;
	margin:0;
	border:1px solid #FFF;	
}


a.red-button{
	position:absolute;
	top:0;
	right:0;
	width:18px;
	height:18px;
	background:url(../images/reb-button.gif) no-repeat 50% 50%;
	color:#000  !important;
	text-decoration:none !important;
}
a.red-button:hover {
	position:absolute;
	top:0;
	right:0;
	width:200px;
	min-height:50px;
	background:#FFF;
	border:1px solid #CCC;
	padding:3px 5px 5px 5px;
}
a.red-button span{
	display:none;
}
a.red-button:hover span{
	display: block;
}



p.note-dl{
	font-size:0.9em;
	float:left;
	width:100%;
	margin:0;
	color:#5a5a5a;
}
p.note01{
	color:#be8541;
	line-height:1.5em;	
	float:left;
	width:100%;
	padding:5px 0 0 0;
}
p.note01 strong{
	float:left;
	width:218px;
	text-align:right;
	line-height:1.5em;
	margin:0 5px 0 0;
}
/* = CONTENT DEFINITION LIST
---------------------------------------------------------
*/
/* = WELCOMING PROMO
---------------------------------------------------------
*/
.welcoming-promo {
	width:100%;
	float:left;
	margin:0;
}
.welcoming-promo blockquote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	color:#5a5a5a;
	margin:0 0 0 20px;
}

.welcoming-promo ul {list-style:none;}
.welcoming-promo ul, .welcoming-promo ol{margin:0.5em 0 1em 0;padding:0 0 0 20px;}
.welcoming-promo ul ul{list-style:none;}
.welcoming-promo li em{margin:0 10px 1em 0;color: #be8541; font-style:normal;}
.welcoming-promo li {margin:0 10px 1em 0; background:url(../images/gold-bullet.gif) no-repeat 0 4px;padding:0 0 0 12px;}
.welcoming-promo ol li {margin:0 10px 0 0; padding:0;background:none;}

/* = END WELCOMING PROMO
---------------------------------------------------------
*/

/* = PSEUDO ELEMENTS
---------------------------------------------------------
*/
.bottom-buttons02 {
	width:100%;
	float:left;
	margin:0 0 0.5em;
	text-align:right;
}
.bottom-buttons02 a, .bottom-buttons02 a:visited{
	color:#be8541 !important;
	cursor:pointer;
	white-space:nowrap;
	float:right;
		
}
.bottom-buttons02 a.btn-prev, .bottom-buttons02 a:visited.btn-prev{
	padding:0 0 0 10px;
	background:url(../images/arrow-left.gif) no-repeat 0 5px;
}
.bottom-buttons02 a.btn-next, .bottom-buttons02 a:visited.btn-next{
	padding:0 10px 0 0;
	background:url(../images/arrow-right.gif) no-repeat 100% 5px;
}

/* = PSEUDO ELEMENTS
---------------------------------------------------------
*/

