/* CSS Document */

/* ========== GLOBAL ========== */
* {
	margin:0; 
	padding:0;
	outline:none;
}

body {
	background:#1e269b url(../img/background.jpg) repeat-x top;
	color:#333;
    font:100% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
img,
fieldset {
	border:0;
}
ul, ol {
	list-style:none;
}
p {
	font-size:.75em;
}
legend {
	display:none;
}

/* ========== ESTRUCTURA ========== */
#imagen-compartir img {
	width:0px;
	height:0px;
	overflow:hidden;
	visibility:hidden;
}
#wrapper {
	background:#fff url(../img/back-cont_right.gif) repeat-y right;
	margin:auto;
	text-align:left;
	width:960px;
}
#content-left {
	float:left;
	padding:0 18px 34px 16px;
	width:613px;
}
#content-right {
	background-color:#f4f3e7;
	float:right;
	width:312px;
}

/* ---------- header ---------- */
#header {
	background:url(../img/back-header.jpg);
	height:188px;
	padding:24px 0 0 34px;
}
#headerSecc {
	background:url(../img/back-header_int.jpg);
	height:115px;
	padding:24px 0 0 34px;
}
#logoMsn {
	margin-right:12px;
}
h1 span {
	display:none;
}

/* ---------- nav ---------- */
#nav {
	background:url(../img/back-nav.gif) repeat-x;
	height:40px;
	margin:0 -18px 0 -16px;
	z-index:100;
}	
#cssdropdown li.headlink,
#cssdropdown li.link {
	float:left;
	height:35px;
	position:relative;
	text-align:center;
}
#cssdropdown li.headlink a,
#cssdropdown li.link a {
	background:url(../img/back-nav_link.gif) no-repeat left top; 
	color:#333;
	display:block;
	font-size:.69em;
	line-height:35px;
	padding:0 40px 0 44px;
	text-decoration:none;
	text-transform:uppercase;
}
/* Child lists and links */
#cssdropdown li.headlink ul { 
	background:url(../img/back-subnav.gif) repeat-x;
	border-color:#bfbfbf;
	border-style:solid;
	border-width:0 1px 1px 1px;
	display:none;
	height:84px;
	margin:0 -3px 0 1px;
	padding-top:10px;
	position:absolute;
	text-align:left;
	width:100%;
	z-index:80;
}
#cssdropdown li.headlink:hover ul {
	display: block;
}
#cssdropdown li.headlink ul li a {
	background:url(../img/back-div_subnav.gif) repeat-x bottom;
	line-height:25px;
	margin:0 12px;
	padding:0 0 1px 6px;
	text-align:left;
}

/* ---------- form ---------- */
#t-form {
	background:url(../img/back-t_form.gif) repeat-x;
	height:40px;
}
#t-form h2 {
	background:url(../img/i-descarga.jpg) no-repeat right 10px;
	color:#fff;
	font-size:.69em;
	font-weight:normal;
	line-height:35px;
	margin-right:10px;
	padding-left:17px;
	text-transform:uppercase;
}

.enviar_form {
	text-align:center;
	cursor: pointer;
}

#form,
#form_gracias {
	background:url(../img/back-form.jpg) repeat-x;
	border-bottom:1px solid #a8a8a8;
	height:518px;
	padding:0 16px;
}
#form-intro {
	background:url(../img/img_form.jpg) no-repeat left 7px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	min-height:131px;
	margin-left:-16px;
	overflow:hidden;
	padding-left:99px;
}
#form-intro h3 {
	color:#1b2c7e;
	font-size:.75em;
	font-weight:normal;
	margin:21px 0 3px;
}

#formulario-mail span {
	display:block;
	font-size:.63em;
}
#formulario-mail input {
	background:#fff url(../img/back-input.gif) repeat-x top;
	border:1px solid #8b8b8b;
	color:#1b2c7e;
	float:left;
	font:.75em Verdana, Arial, Helvetica, sans-serif;
	height:16px;
	margin:1px 2px 1px 0;
	padding:2px 10px 1px;
	width:248px;
}
#formulario-mail select {
	background:#fff url(../img/back-input.gif) repeat-x top;
	border:1px solid #8b8b8b;
	color:#1b2c7e;
	float:left;
	font:.75em Verdana, Arial, Helvetica, sans-serif;
	height:19px;
	margin:1px 2px 1px 0;
	width:268px;
}
#formulario-mail p {
	font-size:.63em;
	margin-bottom:3px;
}
#formulario-mail .div {
	margin:5px 10px 0 0;
	padding-top:6px;
}
#btnSend {
	background:url(../img/back-form_enviar.gif) repeat-x;
	color:#fff;
	display:block;
	font-size:.63em;
	height:33px;
	line-height:33px;
	margin-top:5px;
	text-align:center;
}

/*error*/
.error {
	clear:both;
	color:#ff5a00;
	margin-bottom:5px;
	visibility:hidden;
}
#formulario-mail .input_error,
#formulario-mail .select_error {
	background:#f4b8b8 url(../img/back-input_error.gif) repeat-x top;
	border:1px solid #f47b3a;
}
.asterisco_error {
	color:#ff5a00;
}

/*gracias*/
#form_gracias #form-intro {
	text-transform:uppercase;
}
#form_gracias p.azul {
	margin:20px 5px 20px;
}
#form_gracias #form-intro h3 {
	color:#1b2c7e;
	font-size:1.00em;
	font-weight:bold;
	margin:21px 0 3px;
}
#form_gracias #form-intro p em {
	color:#f48b05;
	font-size:.75em;
	font-style: italic;
	font-weight:bold;	
}
#form_gracias select {
	margin-top:10px;
}
#form_gracias .div {
	margin:15px 10px 0 0;
}
#form_gracias #error_seguridad {
	margin-bottom:10px;
}

/* ---------- col beneficios ---------- */
#boxBeneficios {
	background:url(../img/back-box_benef.jpg) no-repeat left top;
	padding:35px 16px;
}

#compartirBotones {
	height:90px;
	margin:0 0 10px 38px;
	overflow:visible;
	}

#nav-compartir a, 
.social{
	display:block;
	float:left;
	margin-right:18px;
	height:90px;
	padding-top:30px;
	width:90px;
	list-style:none;
}

#boxBeneficios h2{
	color:#1b2c7e;
	font-size:1.25em;
	font-weight:normal;
	margin-bottom:5px;
	text-transform:uppercase;
	}

#boxBeneficios p {
	color:#1b2c7e;
	line-height:22px;
}
#boxBeneficios ul {
	margin-bottom:10px;
}
#boxBeneficios li {
	background: url(../img/back-div.gif) repeat-x bottom;
	font-size:.69em;
	line-height:22px;
}
#boxBeneficios span {
	background:url(../img/bullet.gif) no-repeat left 8px;
	display:block;
	padding-left:18px;
	text-decoration:none;
	color:#333;
}

/* ---------- footer ---------- */
#footer {
	background:#171717 url(../img/back-footer.jpg) repeat-x top;
	clear:both;
	height:105px;
}
#navFooter {
	margin-left:17px;
}
#navFooter li,
#navCopy li {
	display:inline;
}
.msft {
	color:#cdcdcd;
	display:block;
	font-size:.56em;
	float:left;
	height:10px;
	line-height:10px;
	margin-top:8px;
	padding:0 16px;
	text-decoration:none;
}
	
#navFooter a {
	border-right:1px solid #fff;
	color:#fff;
	display:block;
	font-size:.56em;
	float:left;
	height:10px;
	line-height:10px;
	margin:25px 0;
	padding:0 9px;
	text-decoration:none;
	text-transform:uppercase;
}
#navFooter a:hover,
#navCopy a:hover {
	text-decoration:underline;
}
#navFooter #noPhone {
	border-right:none;
	text-decoration:underline;
}
#navFooter #noPhone:hover {
	text-decoration:none;
}

#navCopy img {
	float:left;
	margin:5px 16px 0 26px;
}
#navCopy a {
	border-left:1px solid #cdcdcd;
	color:#cdcdcd;
	display:block;
	font-size:.56em;
	float:left;
	height:10px;
	line-height:10px;
	margin-top:8px;
	padding:0 16px;
	text-decoration:none;
}

#social {
	background:url(../img/back-social.gif) no-repeat;
	float:right;
	height:43px;
	margin:8px 0 9px;
	width:196px;
	padding-top:12px;
	padding-left:20px;
}
.addthis_button_expanded {
   color:#06F;
   font-size:12px;
}

#qm {
	float:right;
	margin:3px 42px 0 0;
}

/* ========== AUXILIAR ========== */
.clear {
	clear:both;
}
.backNone {
	background:none ! important;
}
.marginNone {
	margin:0 ! important;
}
.marginBot {
	margin-bottom:25px;
}
.div {
	background:url(../img/back-div.gif) repeat-x;
	clear:both;
	height:1px;
	margin:15px -18px 10px -16px;
	overflow:hidden;
}
.fLeft {
	float:left;
}
.azul {
	color:#025bc9;
}
.azul2 {
	color:#172b77;
}

/* ========== HEADINGS ========== */
#h1-home {
	background:url(../img/h1-home.png) no-repeat;
	height:53px;
	margin-top:60px;
}
#h2-home {
	color:#1b2c7e;
	font-size:1.13em;
	font-weight:bold;
	line-height:20px;
	margin:46px 0 0;
}
.h2-secc {
	color:#1b2c7e;
	font-size:1.31em;
	font-weight:normal;
	margin:57px 0 15px;
	width:500px;
}

/* ========== SECCIONES ========== */
/* ---------- home ---------- */
#p-intro {
	line-height:16px;
}
#flash_phones {
	height:350px;
	margin-top:30px;
	width:612px;
}
#nav-phones {
	margin-left:22px;
}
#nav-phones li {
	display:inline;
	font-size:.69em;
}
#nav-phones a,
.button {
	background:url(../img/back-btn.png) no-repeat;
	color:#333;
	display:block;
	float:left;
	line-height:35px;
	margin-right:48px;
	height:39px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:157px;
}
.button {
	font-size:.63em;
}

#boxCelulares {
	background: url(../img/back-box_cel.jpg) no-repeat;
	height:141px;
	width:612px;
	padding:0 0 10px;
}

#boxCelulares h2 {
	color:#fff;
	font-size:.95em;
	font-weight:normal;
	padding-top:58px;
	padding-left:25px;
	width:450px;
}
#boxCelulares a {
	color:#fff;
	font-size:.95em;
	font-weight:normal;
}

#boxWallpapers {
	background: url(../img/back-box_wallp.jpg) no-repeat;
	height:183px;
	padding:45px 0 0 25px;
	margin-bottom:10px;
	width:587px;
}
#boxWallpapers h2 {
	color:#fff;
	font-size:1.13em;
	font-weight:normal;
	padding-left:5px;
	width:250px;
}
#boxWallpapers p {
	color:#bdbdbd;
	margin:20px 0 20px 5px;
	width:230px;
}

/* ---------- beneficios ---------- */
#beneficiosBotones {
	height:90px;
	margin:0 0 20px 38px;
	overflow:visible;
	}
#nav-phonesBenef a,
.botones {
	font-size:.63em;
	background:url(../img/back-btn-gr.png) no-repeat;
	color:#333;
	display:block;
	float:left;
	line-height:12px;
	margin-right:38px;
	height:59px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:157px;
}
	
#h1-beneficios {
	background:url(../img/h1-beneficios.png) no-repeat;
	height:27px;
	margin:22px 0 0 420px;
}
#beneficiosMsn {
	background:url(../img/back-benef-msn.jpg) no-repeat right top;
	height:315px;
	margin:0 0 20px 26px;
	overflow:visible;
}
#beneficiosHot {
	background:url(../img/back-benef-hot.jpg) no-repeat right top;
	height:315px;
	margin:0 0 40px 26px;
	overflow:visible;
}
#beneficiosMsn h3,
#beneficiosHot h3 {
	background:url(../img/back-div.gif) repeat-x bottom;
	color:#1b2c7e;
	font:bold 1.13em/30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	width:365px;
}
#beneficiosMsn p,
#beneficiosHot p {
	padding:0 40px 15px 0;
	width:325px;
}
.p-div {
	background:url(../img/back-div.gif) repeat-x bottom;
	margin-bottom:10px;
}

/* ---------- wallpapers ---------- */
#h1-wallpapers {
	background:url(../img/h1-wallpapers.png) no-repeat;
	height:27px;
	margin:22px 0 0 405px;
}
.wallpaper {
	float:left;
	margin:30px 13px 5px 30px;
	width:240px;
}
.wallpaper p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	margin:10px 0 2px;
}
.wallpaper ul li {
	font-size:.99em;
}
.wallpaper ul a {
	color:#05254e;
	font-size:.63em;
}
.wallpaper ul a:hover {
	text-decoration:none;
}


/* ---------- obtenerlo ---------- */
#h1-obtenerlo {
	background:url(../img/h1-como_obtenerlo.png) no-repeat;
	height:27px;
	margin:22px 0 0 347px;
}
/*#smartphone {
	background:url(../img/img_iphone.jpg) no-repeat right top;
	height:315px;
}*/
/*#winphone {
	background:url(../img/img_smart.jpg) no-repeat right top;
}*/
/*#blackberry {
	background:url(../img/img_blackb.jpg) no-repeat right top;
}*/
#obtenerlo_flash {
	width:250px;
	float:right;
}
.como_obtenerlo {
	color:#231f20;
	margin:0 -18px 0 0px;
}
.como_obtenerlo h3 {
	background:url(../img/back-div.gif) repeat-x bottom;
	font:1.13em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:16px;
	padding:20px 0;
	text-transform:uppercase;
	width:360px;
}
.como_obtenerlo ul {
	font-size:.75em;
	width:360px;
}
.como_obtenerlo li {
	background:url(../img/back-div.gif) repeat-x bottom;
	margin-bottom:12px;
	padding-bottom:24px;
}
.como_obtenerlo li a {
	color:#001260;
}
.como_obtenerlo li a:hover {
	text-decoration:none;
}
.como_obtenerlo li span {
	display:block;
	min-height:34px;
	padding-left:50px;
}

.bull_uno {
	background:url(../img/bullet1.jpg) no-repeat left top;
}
.bull_dos {
	background:url(../img/bullet2.jpg) no-repeat left top;
}
.bull_tres {
	background:url(../img/bullet3.jpg) no-repeat left top;
}
.bull_cuatro {
	background:url(../img/bullet4.jpg) no-repeat left top;
}
.videos {
	width:500px;
}
.nota {
	font-size:.63em;
	padding-left:50px;
	width:340px;
}

#boxTut {
	background:url(../img/back-box-videos-msn.jpg) no-repeat;
	height:106px;
	margin-top:20px;
	padding:25px 0 0 25px;
	width:587px;
}
#boxTutHot {
	background:url(../img/back-box-videos-hot.jpg) no-repeat;
	height:106px;
	margin-top:20px;
	padding:25px 0 0 25px;
	width:587px;
}

#boxTutHot p {
	font-size:.88em;
	padding-left:5px;
}
#boxTutHot .button {
	font:.75em/35px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top:15px;
}

#boxTut p {
	font-size:.88em;
	padding-left:5px;
}
#boxTut .button {
	font:.75em/35px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top:15px;
}

/* ========== HACKS IE6 ========== */
* html #boxBeneficios span {
	clear:both;
	float:left;
}
* html #form-intro {
	height:auto !important; 
	height:145px;
}
* html .error {
	width:280px;
}
* html .como_obtenerlo li span {
	height:auto !important; 
	height:34px;
}
* html #h2-home {
	margin:48px 0 0;
}
* html #cssdropdown li.headlink a,
* html #cssdropdown li.link a {
	display:inline-block;
	height:35px;
}
* html #cssdropdown li.headlink ul li a {
	display:block;
	height:26px;
}

	height:26px;
}