@charset "utf-8";
/* CSS Document */
/* movistar website development 
MEDIA INTERACTIVE GROUP 2009
*/

.mbody {
margin:0 0 0 0; background:#ffffff
}

.mwrapper {
width:775px; overflow:hidden; background:#ffffff; margin:0 auto 0 auto; border:0px solid #CCCCCC
}

#mheader {
width:763px; height:125px; background:transparent url(../assets/headerback.jpg) no-repeat top left; clear:both;
}

#mlogo {
width:150px; float:left; background:transparent; height:125px;
}

#mlogoimage {
margin:3px 0 0 4px;
}

#mlogorightcontainer {
width:610px; float:left; background:transparent; height:125px;
}

#mlogorighttop{
width:605px; height:20px; clear:both; text-align:right; padding:5px 5px 0 0; font:normal 0.6em Verdana, Arial, Helvetica, sans-serif; color:#83C9D6;
}

/* links for mlogorighttop
#mlogorighttop a:link {
color:#324597; text-decoration:none
}

#mlogorighttop a:hover {
color:#324597; text-decoration:underline
}

#mlogorighttop a:visited {
color:#324597; text-decoration:none
}
 */
/* top links class */

a.toplinksclass:link {
 font:normal Verdana, Arial, Helvetica, sans-serif; color:#59B7C8; text-decoration:none;
}

a.toplinksclass:visited {
 font:normal Verdana, Arial, Helvetica, sans-serif; color:#59B7C8; text-decoration:none;
}

a.toplinksclass:hover {
 font:normal Verdana, Arial, Helvetica, sans-serif; color:#28578A; text-decoration:none;
}



#mlogorightbottom {
width:610px; height:73px; clear:both; background:transparent; padding:22px 0 0 0;
}

.mtdfooter {
font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; color:#C5C5C5
}


#mcontentleft {
width:300px; overflow:hidden; float:left; background:#FFFFFF
}

#mcontentleftmenu {
width:195px; overflow:hidden; float:left; background:#FFFFFF;
font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}


#mcontentleftmenu1 {
width:275px; overflow:hidden; float:left; background:yellow;
font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}



/* style links for mcontentleftmenu */

#mcontentleftmenu ul li {
line-height:20px;
list-style-image:url(../assets/orangearrow.jpg)
;list-style-position:outside; margin:0 0 0 -14px;

}


#mcontentleftmenu ul li ul{
margin:8px;
padding:3px;
}

#mcontentleftmenu ul li ul li{
list-style-image:url(../assets/bluearrow.jpg);
list-style-position:outside;
border-bottom:1px solid #EBEBEB;
margin:0px;
padding:0px;

}


#mcontentleftmenu a:link, a:visited {
color:#324597; text-decoration:none; font-weight:normal
}

#mcontentleftmenu a:hover {
color:#253470; text-decoration:none; font-weight:normal; 
}

#mcontentleftmenu a:selected {
color:#324597; text-decoration:none; font-weight:normal;
}



/* ------------------------------ */
/* links for mlogorighttop */

#mcontentleftmenur a:link {
color:#324597; text-decoration:none
}

#mcontentleftmenur a:hover {
color:#324597; text-decoration:underline
}

#mcontentleftmenur a:visited {
color:#324597; text-decoration:none
}


#mcontentrightr {
width:470px; overflow:hidden; float:left; background:#ffffff; margin:0 0 0 0px
}



/* menu and content container for roaming */
#mcontentleftr {
width:300px; overflow:hidden; float:left; background:#FFFFFF
}

#mcontentleftmenur {
width:230px; overflow:hidden; float:left; background:#FFFFFF;
font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}



/* style links for mcontentleftmenu */

#mcontentleftmenur ul li {
line-height:20px;
list-style-image:url(../assets/orangearrow.jpg)
;list-style-position:outside; margin:0 0 0 -14px;
border-bottom:1px solid #EBEBEB;
}


#mcontentleftmenur ul li ul li{
list-style-image:url(../assets/bluearrow.jpg);
list-style-position:outside;
border-bottom:1px solid #EBEBEB

}

/* links for mlogorighttop */
#mcontentleftmenur a:link {
color:#324597; text-decoration:none
}

#mcontentleftmenur a:hover {
color:#324597; text-decoration:underline
}

#mcontentleftmenur a:visited {
color:#324597; text-decoration:none
}


.graycontainerr {
    width:98%;
    overflow:hidden;
    padding:8px;
	background:#ffffff
   /* background:#f6f6f7*/
}



/* ------------------------------ */
/* end roamign styles  */




#mcontentright2 {
width:560px; overflow:hidden; float:left; background:transparent; margin:0 0 0 0px; border-left:0px solid #F3F3F3;
font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#6F6F6F; padding:0 2px 5px 4px; margin:3px 1px 5px 2px
}




#moffers {
width:755px; overflow:hidden; clear:both; background:transparent; margin:0px 0 0 3px; border:4px solid #c1e770
}

#mnewscontainer {
width:768px; clear:both; overflow:hidden;
}

.mnewsfield {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border-bottom:1px solid #CCCCCC; margin:0 0 0px 3px
}

.mnewstitles {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6F6F6F;
}

.mnewstitles td{
padding:1px 0px 8px 0px;
border-bottom:1px solid #EAE7CE;
}

/* mnewstitles links */

.mnewstitles a:link {
color:#666666; text-decoration:none
}

.mnewstitles a:hover {
color:#999999; text-decoration:none
}


.mnewstitles a:visited {
color:#666666; text-decoration:none
}


/* title for cellphone links */
a.celtitle:link {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#999999;
text-decoration:none
}

a.celtitle:hover {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#9F9F9F;
text-decoration:none
}

a.celtitle:visited {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#999999;
text-decoration:none
}


.graycontainer {
    width:98%;
    overflow:hidden;
    padding:8px;
	background:#ffffff; clear:both
    /*background:#f6f6f7*/
}


.contenttitle {
border-bottom:1px dotted;
color:#AAACA3;
float:right;
font:bold 1.8em verdana, sans-serif;
font-size-adjust:none;
/*font-stretch:normal;*/
font-variant:normal;

line-height:150%;
margin-right:5px; clear:both; display:block
}


/* news styles */
a.newscontenttitle:link {
font:bold 0.8em Verdana, Arial, Helvetica, sans-serif; color:#000099; font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none
}

a.newscontenttitle:hover {
font:bold 0.8em Verdana, Arial, Helvetica, sans-serif; color:#FF6600; font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none
}

a.newscontenttitle:visited {
font:bold 0.8em Verdana, Arial, Helvetica, sans-serif; color:#000099; font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none
}

.newsresume {
font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#6F6F6F; 
}




/* title for cellphone links */
a.celtitle:link {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#999999;
text-decoration:none
}

a.celtitle:hover {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#9F9F9F;
text-decoration:none
}

a.celtitle:visited {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#999999;
text-decoration:none
}


#pathcontainer {
clear:both; height:20px; background:transparent; font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; color:#003399; padding:0 0 0 4px
}


a.patro_tit2:link, a.patro_tit2:visited, a.patro_tit2:active  {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
/*	color:#FFFFFF;*/
	text-decoration: none;
}
a.patro_tit2:hover  {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}


/* links for volver */
 a.volver:link {
color:#324597; text-decoration:none
}

 a.volver:hover {
color:#324597; text-decoration:underline
}

 a.volver:visited {
color:#324597; text-decoration:none
}
#correomov{
	background:url(../assets/coreo-movistar.jpg) no-repeat;
	width:290px;
	height:360px;
	margin:auto;
}
.graycontainer h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
}
#celular1 {
	width:70px;
	height:118px;
	float:left;
	margin-right:68px;
}
#celular2 {
	width:70px;
	height:118px;
	float:left;
	padding-bottom:4px;
}
#celulares{
	margin:auto;
	width:234px;
	height:136px;
}
#celulares p{
font-size:0.8em;
	margin-left:0px;
}
#celequipo{
width:459px;
height:236px;
margin:auto;
}
#equicel1{
	width:70px;
	height:118px;
	float:left;	
}
#contecel1, #contecel2, #contecel3{
	width:136px;
	height:118px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-bottom:22px;
}
#blackb{
	width:164px;
	height:255px;
	float:left;
}
#blackb1{
	width:295px;
	height:auto;
	float:left;
}
#equicel2{
	width:70px;
	height:118px;
	float:left;
	margin-left:37px;
}
#equicel3{
	width:70px;
	height:118px;
	float:left;
}
#celequipo a:hover{
	text-decoration:none;
	color:#CC0000;
}
#celequipo a{
	text-decoration:none;
	color:#003366;
}
#linkdown{
margin:auto;
width:308px;
text-align:center;
}
li#nota{
	list-style-type:none;
}
a#ques{
	color:#999999;
	text-decoration:underline;
}
ul.todos li{
	padding-bottom:8px;
}
#juegos{
	width:757px;
	height:auto;
	margin:auto;
}
#header{
	background:url(../assets/images/header.jpg) no-repeat;
	width:757px;
	height:60px;
	float:left;
}
#middle{
	background:url(../assets/images/flash.jpg) no-repeat;
	width:757px;
	height:220px;
	float:left;
}
#middlebutton{
	background:url(../assets/images/juegos.jpg) no-repeat;
	width:757px;
	height:47px;
	float:left;
}
#flashj{
	/*background:#0033CC;*/
	width:757px;
	height:161px;
	float:left;
}
#gamecont{
	width:757px;
	height:315px;
	float:left;
}
#midespa{
	/*background:#000000;*/
	width:757px;
	height:8px;
	float:left;
}
#flashgame{
	width:692px;
	height:204px;
	margin-left:27px;
	float:left;
}
#juegos h2{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000099;
}
#arauz{
	margin:auto;
}
#datas{
	width:348px;
	height:auto;
	margin:auto;
}
#datas h2{
	text-align:center;
}

#data, #data2{
	float:left;
	margin:16px;
	padding:0;
}
#datash{
	margin:auto;
}
#datasheets{
	width:614px;
	/*height:min-500px;*/
	margin:auto;
}
#tablas{
	margin:0;
	width:75%;
	height:auto;
}


/* news images */
.lomasbuscados ul {
margin:0 0 0 0;
}

.lomasbuscados ul li {
line-height:20px;
list-style-image:url(../assets/orangearrow.jpg);
margin:0 0 0 -2px;
border-bottom:1px solid #EBEBEB;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6F6F6F;
}


.lomasbuscados a:link {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6F6F6F; text-decoration:none

}


.lomasbuscados a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF6600; text-decoration:none

}

.lomasbuscados a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6F6F6F; text-decoration:none

}


/*------------------------------- */
/* this for the expand menu */
.principal{
    width:200px;
	background-color:       #FFFFFF;
	font-weight:bold; border-bottom:1px solid #ebebeb;
    margin:                 4px;
    padding:                4px;
    text-align:             left;
    cursor:                 pointer;
    cursor:                 hand;
    font:bold Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}
.secundario{
    width:192px; background-color:       #FFFFFF;
    margin:                 4px 4px 4px 4px;
    padding:                4px 4px 4px 8px;
    text-align:             left;
    cursor:                 pointer;
    cursor:                 hand;
    font:normal Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}

.tercero{
    width:185px; background-color:       #FFFFFF;
    margin:                 4px 4px 4px 4px;
    padding:                4px 4px 4px 14px;
    text-align:             left;
    cursor:                 pointer;
    cursor:                 hand;
    font:normal Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}

.bluetitle {
color:#0B166B; font-weight:bold;
}

/* ------------equipos------------------ */

.equip {
width:256px;
height:156px;
float:left;
margin:20px 5px 20px 5px;
}

.line-equip {
width:1px;
height:156px;
float:left;
background-color:#CCCCCC;
margin:20px 8px 20px 8px;
}

.link-equip a{
float:right;
margin-top:-15px;
position:relative;
z-index:100;
background-image:url(../assets/images/equipos/link.jpg);
background-repeat:no-repeat;
text-indent:7px;
text-decoration:none;
color:#585859;
}

.link-equip a:hover {

text-decoration:none;
color:#324597;
}

/* ------------interna-equipos------------------ */

.inter-equip {
width:528px;
height:52px;
background-color:#000000;
}
.tit-equip {
width:363px;
height:52px;
background-color:#FF0000;
float:left;
}
.txt-equip {
width:363px;
height:245px;
background-color:#330099;
float:left;
}
.img-equip {
width:165px;
height:245px;
background-color:#FFFF00;
float:right;
}



#mcontentleftmenux {
width:330px; overflow:hidden; float:left; background:#FFFFFF url(../assets/home_internetmovil_r7_c2.gif) no-repeat top left;
font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; color:#325a97;
}



/* style links for mcontentleftmenu */

#mcontentleftmenux ul li {
line-height:20px;
list-style-image:url(../assets/orangearrow.jpg)
;list-style-position:outside; margin:0 0 0 -14px;

}


#mcontentleftmenux ul li ul{
margin:8px;
padding:3px;
}

#mcontentleftmenux ul li ul li{
list-style-image:url(../assets/bluearrow.jpg);
list-style-position:outside;
border-bottom:1px solid #EBEBEB;
margin:0px;
padding:0px;

}


#mcontentleftmenux a:link, a:visited {
color:#324597; text-decoration:none; font-weight:normal
}

#mcontentleftmenux a:hover {
color:#253470; text-decoration:none; font-weight:normal; 
}

#mcontentleftmenux a:selected {
color:#324597; text-decoration:none; font-weight:normal;
}
#mcontentright2 .registroBox{
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
width:150px;
}


.bg_header_recarga {
	height: 150px;
	width: 775px;
	background: url(images/bn_header_recarga.jpg) no-repeat;
}

.top-line-hrecarga {
	height: 5px;
	background-color: #d0ebf4;
	margin-top: 2px;
}

.titulo-recargas {
	height: 35px;
	margin-top: 45px;
	font: "Myriad Pro";
	font-style: italic;
	font-size: 24px;
	color: #064486;
}

.titulo-recarga-line {
	float: right;
	height: 10px;
	width: 340px;
	background-color: #e3f3f5;
	border-bottom: 2px solid #c1e2ed;
	margin-top: 12px;
}

.content_recarga {
	margin-top: 35px;
	height: 295px;
	width: 775px;
	font-family: "Myriad Pro";
	background: url(images/bg_login.png) no-repeat;
	font-size: 12px;
	color: #064486;
}

.login-recarga {
	width: 575px;
	height: 240px;
	position: absolute;
}

.tbl-login {
	position: absolute;
	width: 260px;
	color: #064486;
	font-family: "Myriad Pro";
	font-size: 16px;
	padding: 55px 45px;	
}

.tbl-text {
	border: 2px solid #d0ebf4;
    -moz-border-radius: 4px;
}

.tbl-login span {
	font-size: 12px;
}

.sbn-login {
	background-color: #064486;
	border: 2px solid #d0ebf4;
	font: "Myriad Pro";
	font-size: 16px;
	color: #ffffff;
}

.arrow-recarga {
	float: right;
	width: 48px;
	height: 52px;
	background: url(images/arrow.png) no-repeat;
}

.title-logion {
	widows: 225px;
	float: left;
	margin-left: 20px;
}

.recarga-footer {
	float: right;
	width: 500px;
	height: 50px;
	background: url(images/bg_footer.jpg) no-repeat;
	background-position: right;
	margin-top: 60px;
}

.main-content-mol {
	width: 775px;
}

.title_part_one {
	height: 20px;
	background: url(images/title_part_one.jpg) no-repeat;
}

.bg_recarga_linea {
	float:left;
	width: 570px;
	height: 229px;
	background: url(images/bg_recarga_linea.jpg) no-repeat;
}

.bg_login_mol {
	float: right;
	width: 187px;
	height: 229px;
	background: url(images/bg_login_mol.jpg) no-repeat;
}

.title_part_two {
	margin-top: 10px;
	height: 20px;
	background: url(images/title_part_two.jpg) no-repeat;
}

.tbl_login_mol {
	font: regular "Myriad Pro";
	font-size: 11px;
	color: #064486;
	margin-top: 15px;
}

.tbl_login_mol2 {
	font: regular "Myriad Pro";
	font-size: 11px;
	color: #064486;
}

.sbn-login-mol {
	background-color: #064486;
	border: 2px solid #d0ebf4;
	font: "Myriad Pro";
	font-size: 11px;
	color: #ffffff;
}

.click-cel-mol{
	float: right;
	width: 84px;
	height: 55px;
	margin-right: 10px;
	margin-top: 10px;
}

.eres_prepago_mol{
	float: right;
	width: 138px;
	height: 35px;
	margin-right: 3px;
	margin-top: -5px;
}

.bg_stm_ag_web {
	margin-top: 10px;
	width: 780px;
	height: 146px;
	background: url(images/bg_stm_ag_web.jpg) no-repeat;
}

.conoce_tu_factura {
	font: "Myriad Pro";
	margin-top: 15px;
	font-size: 15px;
	color: #0073cd;
	width: 174px;
}

.olvida_pass_mol {
	background: url(images/bn_clave_mol.jpg) no-repeat;
	width: 775px;
	height: 150px;
}

.olvida_clave_mol {
	background: #ffffff url(images/genera_clave_mol.jpg) no-repeat top;
	width: 775px;
	height: 35px;
	font: "Myriad Pro";
	font-size: 22px;
	font-style: italic;
}

.olvida_clave_mol a {
	color: #064486;
	text-decoration: none;
}

.txt_clave_mol {
	padding-top: 65px;
	margin-right: 300px;
}

.txt_clave_mol2 {
	padding-top: 65px;
	margin-right: 300px;
}

.buttons_mol {
	width: 200px;
	margin-right: -50px;
	padding: 15px;
}

.buttons_mol2 {
	width: 200px;
	margin-left: 285px;
	padding: 20px;
}

.button_left {
	float: left;
}

.button_right {
	float: right;
}

.sbn-clave-mol {
	background: url(images/button_clave_mol.jpg) no-repeat;
	width: 70px;
	height: 19px;
	border: 2px solid #a2c6df;
    -moz-border-radius: 3px;
	font: "Myriad Pro";
	font-size: 11px;
	color: #ffffff;
}

.sbn-clave-limpiar-mol {
	background: url(images/button_clave_limpiar_mol.jpg) no-repeat;
	width: 70px;
	height: 19px;
	border: 2px solid #a2c6df;
    -moz-border-radius: 3px;
	font: "Myriad Pro";
	font-size: 11px;
	color: #ffffff;
}