@charset "iso-8859-1";
/* CSS Document */
/** {margin:0; padding:0;}*/
.clear {clear:both;}
body {padding:0px; margin:0px;}
p {text-align:justify;}
span {text-align:justify;}

.contenidohm {
	background-image:url(imagenes/fondohome.jpg);
	width:740px;
	height:610px;
	margin:auto;}

.contenidoint {
	background-color:#000;
	width:740px;
	margin:auto;}

.continfo {
	width:740px;
	background:#e3e3e3;}
	
.fondobasico {
	width:740px;
	background:#a5a7aa;}

.fondooro {
	width:740px;
	background:#c39740;}

.fondopremiumgris {
	width:740px;
	background:#231F20;
}

.fondopremium {
	width:740px;
	/*background:#231F20;*/
	  background:#000000;
}

.continfopromo {
	width:740px;
	background:#231f20;
	padding:20px 0 0 0;}	
	
.info {
	width:600px;
	margin:auto;
	padding:20px 0 0 0;}
	
.infotj {
	width:720px;
	padding:20px 0 0 0;}
	
.tarjetagde {
	width:250px;
	background:url(imagenes/tjbasica.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagde2 {
	width:190px;
	background:url(imagenes/tjbasica.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdeoro {
	width:250px;
	background:url(imagenes/tjoro.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdeoro2 {
	width:190px;
	background:url(imagenes/tjoro.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdepremium {
	width:250px;
	background:url(imagenes/tjpremium.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdepremium2 {
	width:190px;
	background:url(imagenes/tjpremium.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdemmc {
	width:250px;
	background:url(imagenes/tjbasicammc.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdemmc2 {
	width:190px;
	background:url(imagenes/tjbasicammc.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdemmcoro {
	width:250px;
	background:url(imagenes/tjbasicammc.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdemmcoro2 {
	width:190px;
	background:url(imagenes/tjbasicammc.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdemmcpremium {
	width:250px;
	background:url(imagenes/tjbasicammc.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.tarjetagdemmcpremium2 {
	width:190px;
	background:url(imagenes/tjbasicammc.png) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.sillabenf {
	width:190px;
	background:url(imagenes/silla.jpg) no-repeat;
	padding:200px 0 0 15px;
	float:left;}
	
.cuadrorojo {
	width:235px;
	padding:3px 0;
	background:#db002f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-style:italic;
	text-align:center;}
	
.cuadrorojoben {
	width:295px;
	padding:3px 0 3px 5px;
	margin:0 0 7px 0;
	background:#db002f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-style:italic;}
	
.contenidotj {
	width:430px;
	background:url(imagenes/divinfotj.png) no-repeat;
	padding:0 0 0 15px;
	float:left;}
	
.contenidotj2 {
	width:515px;
	background:url(imagenes/divinfotj.png) no-repeat;
	padding:0 0 0 10px;
	float:left;}

.contenidointro {
	width:740px;
	height:575px;
	background-image:url(imagenes/fondointro.png);}
	
.tjintro {
	width:735px;
	height:460px;
	margin:auto;
	text-align:center;}

.infopromo {
	width:690px;
	margin:20px auto;}

.topbar {
	width:730px;
	height:47px;
	background-color:#db002f;
	padding:2px 5px;}

.bottomint {
	width:740px;
	height:43px;
	background-image:url(imagenes/bottom.jpg);}
	
.bottombasica {
	width:740px;
	height:43px;
	background-image:url(imagenes/bottombasica.jpg);}
	
.bottomoro {
	width:740px;
	height:43px;
	background-image:url(imagenes/bottomoro.jpg);}

.bottompremium {
	width:740px;
	height:43px;
	background-image:url(imagenes/bottompremium.jpg);}

.bottomnegro{
	width:740:px;
	height:43px;
	background-image:url(imagenes/bottomnegro.jpg);
}

.logocmx {
	width:361px;
	height:140px;
	margin:15px auto;
	text-align:center;}
	
.tjhome {
	width:550px;
	height:150px;
	margin:15px auto 0;}
	
.headint{
	width:740px;
	height:115px;
	background-image:url(imagenes/headint.jpg);}

.promofooter {
	width:740px;
	height:120px;
	text-align:center;}
	
.menupromovert {
	width:156px;
	height:275px;
	float:left;}
	
.divpromo {
	width:2px;
	height:331px;
	float:left;}
	
.promo {
	width:250px;
	height:345px;
	float:left;}
	
.pregretos {
	width:200px;
	float:left;}
	
.divretos {
	width:1px;
	height:200px;
	margin:0 30px;
	background:#F00;
	float:left;}
	
.estadocuenta {
	width:390px;
	background:#e61938;
	padding:10px;}
	
.titinfogen_cuenta {
	width:370px;
	height:11px;
	background-color:#E31836;
	padding:7px 0 7px 20px;}
	
.infogeneral {
	width:390px;
	background-color:#A5A7AA;
	border-bottom:#666 solid 15px;}
	
.infogeneraloro {
	width:390px;
	background-color:#C39740;
	border-bottom:#997500 solid 15px;}
	
.infogeneralpremium {
	width:390px;
	background-color:#000;
	border-bottom:#E31836 solid 15px;}
	
.titestadocuenta {
	width:550px;
	height:12px;
	background-color:#E31836;
	padding:10px 0 10px 20px;}
	
.infoiec {
	width:570px;
	background-color:#FFF;
	border-bottom:#A5A7AA solid 30px;}
	
.infoiecoro {
	width:570px;
	background-color:#FFF;
	color:black;
	
	border-bottom:#C39740 solid 30px;}
	
.infoiecpremium {
	width:570px;
	background-color:#FFF;
	border-bottom:#E31836 solid 30px;}
/***** t e x t o  *******/
.textogris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.textogris2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
}

.textogris3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-align:justify;
}

.txtgris_ch {
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	width:215px;
	text-align:justify;
	margin:5px 0 0 0;}
	
.txtblanco_ch {
	font:9px Arial, Helvetica, sans-serif;
	color:#fff;
	width:215px;
	text-align:justify;
	margin:15px 0 0 0;}
	
.textorojo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DC002E;
}
	
.textoamarillo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0;
}
	
.textoblanco {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}

.textonegro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.textoblanco2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:justify;
}

.numli {margin:0 0 0 40px; font-weight:bold;}
.lirojo {margin:0 0 0 40px; font-weight:bold; color:#db002f; line-height:18px;}

.textogrisch {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#33333;}

.txtitalica {font-style:italic; font-size:12px;}

.listaben {	width:300px; margin:0 0 0 50px;}
.listaben ul { list-style:none;}
.listaben ul li {
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	font-style:italic;
	background:url(imagenes/vinetarojo.png) no-repeat 0 center;
	margin-bottom:7px;
	padding:0 0 0 15px;}
	
.listabenbco {	width:300px; margin:0 0 0 50px;}
.listabenbco ul { list-style:none;}
.listabenbco ul li {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	background:url(imagenes/vinetarojo.png) no-repeat 0 center;
	margin-bottom:7px;
	padding:0 0 0 15px;}
	
.txtestado {
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	margin:10px auto;
	text-align:center;}
	
.txtretos {
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:370px;
	text-align:center;
	margin:10 auto;}

/*************** m e n u *********************************/
.menuhome { width:520px; height:55px; margin:0 auto 25px;}
.menuhome ul {list-style:none;margin:0; padding:0;}
.menuhome ul li {float:left;}
.menuhome ul li a {
	display:block;
	width:100px;
	height:55px;
	text-decoration:none;
	border:none;}
.menuhome img {border:none;}
.menuhome ul li a span {display:none;}
.menuhome ul li a:hover {background-position:bottom;}
.menuhome ul li .hactivo {background-position:bottom;}
#hquees {background-image:url(imagenes/btnhome1.jpg);}
#hquehacer {background-image:url(imagenes/btnhome2.jpg);}
#hpreguntas {background-image:url(imagenes/btnhome3.jpg);}
#hterminos {background-image:url(imagenes/btnhome4.jpg);}
.divmenuhome {
	width:40px;
	height:25px;
	text-align:center;
	padding:15px 0 0 0;}
/************************************************/	
.menu { width:385px; height:50px; margin:auto;}	
.menu ul {list-style:none;margin:0; padding:0;}
.menu ul li {float:left;}
.menu ul li a {
	display:block;
	width:80px;
	height:45px;
	text-decoration:none;
	border:none;}
.menu ul li a span {display:none;}
.menu ul li a:hover {background-position:bottom;}
.menu ul li .mactivo {background-position:bottom;}
#quees {background-image:url(imagenes/btnint1.png);}
#quehacer {background-image:url(imagenes/btnint2.png);}
#preguntas {background-image:url(imagenes/btnint3.png);}
#terminos { background-image:url(imagenes/btnint4.png);}
.divmenu {
	width:20px;
	height:25px;
	text-align:center;
	padding:15px 0 0 0;}
/**********************************************************/
.btnentrar {
	width:59px;
	height:28px;
	margin:20px auto 0;
	border:none;}
/*******************************************************/	
.menutj { width:430px; height:25px;}	
.menutj ul { list-style:none; margin:0; padding:0;}
.menutj ul li { float:left;}
.menutj ul li a {
	display:block;
	width:auto;
	height:15px;
	background:#db002f;
	margin:0 5px 0 0; 
	padding:3px;
	text-decoration:none;
	border:none;
	font-style:italic;
	font-weight:bold;
	color:#FFF;}
	
.menutj ul li a:hover {height:18px;}
.menutj ul li a.activo {height:18px;}
/****************************************************************/
.menunivel { width:55px; height:69px; margin:auto; padding:3px 0 0 0;}	
.menunivel ul {list-style:none;margin:0; padding:0;}
.menunivel ul li {margin:-1px;}
.menunivel ul li a { display:block; width:55px; height:22px;}
.menunivel ul li a img {border:none;}
.menunivel ul li a span {display:none;}
.menunivel ul li a:hover {background-position:bottom;}
.menunivel ul li a.activo {background-position:bottom;}
#basica { background-image:url(imagenes/btnbasico.jpg);}
#oro { background-image:url(imagenes/btnoro.jpg);}
#premium { background-image:url(imagenes/btnpremium.jpg);}

/************************************************************/
.menurojo { width:430px; height:25px;}	
.menurojo ul {list-style:none;margin:0; padding:0;}
.menurojo ul li {float:left;}
.menurojo ul li a {
	display:block;
	width:auto;
	height:25px;
	margin:0 2px 0 0;
	text-decoration:none;}
.menurojo ul li a span {display:none;}
.menurojo ul li a:hover {background-position:bottom;}
.menurojo ul li a.select {background-position:bottom;}
#beneficiosbasico {width:175px; background-image:url(imagenes/btnrojo_benf.png);}
#beneficiosoro { width:198px; background-image:url(imagenes/btnrojo_benforo.png);}
#premier { width:62px; background-image:url(imagenes/btnrojo_prem.png);}
#promociones { width:91px; background-image:url(imagenes/btnrojo_promo.png);}
#retos {width:52px; background-image:url(imagenes/btnrojo_retos.png);}
/************************************************************/	
.menuizq {	width:195px; height:25px; margin:auto;}
.menuizq ul {list-style:none; margin:0; padding:0;}
.menuizq ul li {float:left;}
.menuizq ul li a img {border:none;}
.menuizq ul li a {
	width:85px;
	height:20px;}
	
.divmenuizq {
	width:1px;
	height:20px;
	background:#FFF;
	margin:0 10px;}
/******************************/
/******l o g i n ***************/
.cuadrologin {
	width:300px;
	height:165px;
	background-color:#433c34;
	border:#db002f solid 3px;
	padding:15px;}
	
.inputlogin {
	width:160px;
	border:#db002f solid 1px;}

/*edicion*/
.inputedicion {width:250px;}