@charset "utf-8";
/* CSS Document */

*
{
	padding: 0;
	margin: 0;
	border: 0;
}

a
{
	outline: 0;
}

html,
body
{
	width: 100%;
	height: 100%;
}

.wrapper
{
	width: 740px;
	margin: 0 auto;
}
    .top-nav-box
	{
	width:735px;
	height:26px;
	float:left;
	text-align:right;
	margin:0;
	padding:0px 5px 3px 0px;
	}
	
	   .top-nav-box img
	   {
	   margin-left:12px;
	   display:inline;
	   border:0;
	   }
	.promo-packs-box
	{
		float: left;
		display: inline;
		
		width: 553px;
		height: 244px;
		
		background: url(bg-promo-packs.gif) no-repeat 0 27px;
		
		margin-bottom: 25px;
	}
	
		.promo-packs-box .tabs-box
		{
			width: 553px;
			height: 27px;
			
			background: url(tabs-hr.gif) no-repeat 0 26px;
		}
		
		.promo-packs-box .tabs-box .tab01, .promo-packs-box .tabs-box .tab01:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-post-pago.gif) left top no-repeat;
			margin:0;
			padding:0;
			background-position:0px -27px;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab01-on, .promo-packs-box .tabs-box .tab01-on:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-post-pago.gif) left top no-repeat;
			margin:0;
			padding:0;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab02, .promo-packs-box .tabs-box .tab02:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-pre-pago.gif) left top no-repeat;
			margin:0;
			padding:0;
			background-position:0px -27px;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab02-on, .promo-packs-box .tabs-box .tab02-on:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-pre-pago.gif) left top no-repeat;
			margin:0;
			padding:0;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab03, .promo-packs-box .tabs-box .tab03:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-negocios.gif) left top no-repeat;
			margin:0;
			padding:0;
			background-position:0px -27px;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab03-on, .promo-packs-box .tabs-box .tab03-on:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-negocios.gif) left top no-repeat;
			margin:0;
			padding:0;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab04, .promo-packs-box .tabs-box .tab04:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-destacados.gif) left top no-repeat;
			margin:0;
			padding:0;
			background-position:0px -27px;
			float:left;
		}
		
		.promo-packs-box .tabs-box .tab04-on, .promo-packs-box .tabs-box .tab04-on:hover
		{
			width: 119px;
			height: 27px;
			background: url(tab-destacados.gif) left top no-repeat;
			margin:0;
			padding:0;
			float:left;
		}
		
		.promo-packs-box .promo-pack-element
		{
			position: relative;
			margin: 0px 0 0 0px;
			
			width: 537px;
			height: 173px;
		}
		
		.promo-packs-box .promo-pack-element2
		{
			position: relative;
			margin: 0px 0 0 0px;
			
			width: 537px;
			height: 173px;
		}
		
		.promo-packs-box .promo-pack-element3
		{
			position: relative;
			margin: 0px 0 0 0px;
			
			width: 537px;
			height: 173px;
		}
		
		.promo-packs-box .promo-pack-element4
		{
			position: relative;
			margin: 0px 0 0 0px;
			
			width: 537px;
			height: 173px;
		}
			
		.promo-packs-box .promo-pack-pager
		{
			float: right;
			display: inline;
			
			margin: 12px 3px 0 0;
			
			height: 22px;
		}
			.promo-pack-pager a:link,
			.promo-pack-pager a:visited,
			.promo-pack-pager a:active,
			.promo-pack-pager a:hover
			{
				float: left;
				display: inline;
				
				font: bold 10px/1.4em Verdana, Arial, Helvetica, sans-serif;
				color: #696969;
				text-decoration: none;
				
				padding: 1px 6px;
				margin: 0 0 0 3px;
			}
			
			.promo-pack-pager a:hover
			{
				color: #fff;
				background: #00579b;
			}
			
			.promo-pack-pager .promo-selected
			{
				color: #fff !important;
				background: #00579b !important;
			}

			
		
		.promo-packs-box .promo-pack-next:link,
		.promo-packs-box .promo-pack-next:visited,
		.promo-packs-box .promo-pack-next:active,
		.promo-packs-box .promo-pack-next:hover,
		.promo-packs-box .promo-pack-prev:link,
		.promo-packs-box .promo-pack-prev:visited,
		.promo-packs-box .promo-pack-prev:active,
		.promo-packs-box .promo-pack-prev:hover
		{
			float: right;
			display: inline;
			
			margin: 12px 0 0 0;
			width: 17px;
			height: 16px;
			
			font: bold 1px/1.4em Verdana, Arial, Helvetica, sans-serif;
		}
		.promo-packs-box .promo-pack-next:hover,
		.promo-packs-box .promo-pack-prev:hover
		{
			color: #fff;
			background: #00579b;
		}
		
		.promo-packs-box .promo-pack-prev:link,
		.promo-packs-box .promo-pack-prev:visited,
		.promo-packs-box .promo-pack-prev:active,
		.promo-packs-box .promo-pack-prev:hover
		{
			background: url(icon-nav-arrows.gif) no-repeat 0 -16px;
		}
		.promo-packs-box .promo-pack-prev:hover
		{
			background: url(icon-nav-arrows.gif) no-repeat 0 0;
		}

		.promo-packs-box .promo-pack-next:link,
		.promo-packs-box .promo-pack-next:visited,
		.promo-packs-box .promo-pack-next:active,
		.promo-packs-box .promo-pack-next:hover
		{
			background: url(icon-nav-arrows.gif) no-repeat -17px -16px;
			margin-right: 8px;
		}
		.promo-packs-box .promo-pack-next:hover
		{
			background: url(icon-nav-arrows.gif) no-repeat -17px 0;
		}
		
	.ad-box
	{
		float: left;
		display: inline;
		
		width: 179px;
		height: 217px;
		
		margin: 27px 0 25px 7px;
	}
	
	.product-service-box
	{
		float: left;
		display: inline;
		
		width: 375px;
		height: 199px;
		
		background: url(bg-productos-servicios-box.gif) no-repeat 0 0;
		
	}
		.product-service-element
		{
			position: relative;
			width: 359px;
			height: 132px;
			overflow: hidden;
			margin: 40px 0 0 8px;
		}

		.product-service-box .product-service-pager
		{
			float: left;
			display: inline;
			
			margin: 8px 0 0 245px;
			
			height: 22px;
		}
			.product-service-pager a:link,
			.product-service-pager a:visited,
			.product-service-pager a:active,
			.product-service-pager a:hover
			{
				float: left;
				display: inline;
				
				font: bold 10px/1.4em Verdana, Arial, Helvetica, sans-serif;
				color: #696969;
				text-decoration: none;
				
				padding: 1px 6px;
				margin: 0 0 0 3px;
			}
			
			.product-service-pager a:hover
			{
				color: #fff;
				background: #00579b;
			}
			
			.product-service-pager .product-selected
			{
				color: #fff !important;
				background: #00579b !important;
			}

			


	.atencion-cliente-box
	{
		float: left;
		display: inline;
		
		width: 358px;
		height: 199px;
		
		background: url(bg-atencion-cliente-box.jpg) no-repeat 0 0;
		margin-left: 7px;
	}
	
	.view-more-button
			{
				float: left;
				display: inline;
				margin:0;
				width: 200px;
				overflow: hidden;
				padding:15px 0px 0px 20px;
				background:none!important;
			}
	
		.atencion-cliente-box ul
		{
			float: left;
			display: inline;
			
			list-style: none;
			margin: 55px 0 0 20px;
		}
		
			.atencion-cliente-box li
			{
				float: left;
				display: inline;
				
				width: 200px;
				overflow: hidden;
			}
				.atencion-cliente-box li a:link,
				.atencion-cliente-box li a:visited,
				.atencion-cliente-box li a:active,
				.atencion-cliente-box li a:hover
				{
					float: left;
					display: inline;
					
					background: url(bullet-arrow-1.gif) no-repeat 0 3px;
					padding-left: 16px;
					
					font: normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
					color: #383939;
					
					text-decoration: none;
				}
				.atencion-cliente-box li a:hover
				{
					text-decoration: underline;
				}

	.hoy-movistar-box
	{
		float: left;
		display: inline;
		
		width: 740px;
		overflow: hidden;
		
		margin-top: 20px;
	}
	
		.hoy-movistar-box h1
		{
			font: bold 16px/1.4em Verdana, Arial, Helvetica, sans-serif;
			color: #383939;
		}

		.hoy-movistar-box ul
		{
			list-style: none;
			overflow: hidden;
		}
		
			.hoy-movistar-box li.even
			{
				margin-left: 20px !important;
			}

			.hoy-movistar-box li.odd
			{
				margin-left: 0 !important;
			}

			.hoy-movistar-box li
			{
				float: left;
				display: inline;
				
				width: 360px;
				height: 105px;
				
				background: url(hr-new-item.gif) repeat-x left bottom;
				
				margin-top: 20px;
			}
			
				.hoy-movistar-box li img
				{
					float: left;
					display: inline;
					
					width: 135px;
					height: 72px;
					
					padding: 3px;
					border: 1px solid #c6c6c6;
				}
				
				.hoy-movistar-box li h2
				{
					float: left;
					display: inline;
					
					width: 200px;
					overflow: hidden;
					
					font: bold 14px/1.2em Verdana, Arial, Helvetica, sans-serif;
					color: #363734;
					text-transform: uppercase;
					
					margin: 0 0 10px 10px;
				}
					.hoy-movistar-box li h2 a:link,
					.hoy-movistar-box li h2 a:visited,
					.hoy-movistar-box li h2 a:active,
					.hoy-movistar-box li h2 a:hover
					{
						font: bold 14px/1.2em Verdana, Arial, Helvetica, sans-serif;
						color: #363734;
						text-transform: uppercase;
						text-decoration: none;
					}
					.hoy-movistar-box li h2 a:hover
					{
						text-decoration: underline;
					}

				.hoy-movistar-box li p
				{
					float: left;
					display: inline;
					
					width: 200px;
					height: 50px;
					
					font: normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
					color: #363734;
					
					margin: 0 0 10px 10px;
				}


	.movistar-red-box
	{
		float: left;
		display: inline;
		
		width: 740px;
		overflow: hidden;
		
		margin: 20px 0;
	}
	
		.movistar-red-box h1
		{
			font: bold 16px/1.4em Verdana, Arial, Helvetica, sans-serif;
			color: #383939;
		}

		.movistar-red-box ul
		{
			list-style: none;
			overflow: hidden;
		}
		
			.movistar-red-box li.even
			{
				margin-left: 20px !important;
			}

			.movistar-red-box li.odd
			{
				margin-left: 0 !important;
			}

			.movistar-red-box li.yt-box
			{
				float: left;
				display: inline;
				
				width: 379px;
				height: 345px;
				
				background: #000 url(tit-mas-visto-yt.gif) no-repeat 0 0;
				
				margin-top: 20px;
				padding-top: 60px;
			}
			
			.movistar-red-box li.yt-box p
			{
				padding: 5px 15px;
				
				font: normal 12px/1.4em Arial, Helvetica, sans-serif;
				color: #fff;
			}
				

			.movistar-red-box li.blog-box
			{
				float: right;
				display: inline;
				
				width: 339px;
				height: 325px;
				
				background: url(bg-tit-blog-conectados.jpg) no-repeat 0 0;
				
				margin-top: 20px;
				padding-top: 80px;
			}
			
				.movistar-red-box li.blog-box span
				{
					font: normal 12px/1.4em Arial, Helvetica, sans-serif;
					color: #4d70ac;
					
					padding: 15px;
				}

				.movistar-red-box li.blog-box a:link,
				.movistar-red-box li.blog-box a:visited,
				.movistar-red-box li.blog-box a:active,
				.movistar-red-box li.blog-box a:hover
				{
					font: normal 11px/1.4em Arial, Helvetica, sans-serif;
					color: #565759;
					text-decoration: none;
					
					padding: 8px;
				}
				.movistar-red-box li.blog-box a:hover
				{
					text-decoration: underline;
				}

				.movistar-red-box li.blog-box h3,
				.movistar-red-box li.blog-box p,
				.movistar-red-box li.blog-box small
				{
					font: normal 21px/1.3em Verdana, Arial, Helvetica, sans-serif;
					color: #4a4a49;
					padding: 4px 8px;
				}

					.movistar-red-box li.blog-box h3 a:link,
					.movistar-red-box li.blog-box h3 a:visited,
					.movistar-red-box li.blog-box h3 a:active,
					.movistar-red-box li.blog-box h3 a:hover
					{
						font: normal 21px/1.3em Verdana, Arial, Helvetica, sans-serif;
						color: #4a4a49;
						text-decoration: none;
						padding: 0;
					}
					.movistar-red-box li.blog-box h3 a:hover
					{
						text-decoration: underline;
					}

				.movistar-red-box li.blog-box p
				{
					font-size: 11px;
					color: #1a1919;
					
					padding-bottom: 15px;
					border-bottom: 1px dashed #cccccc;
				}

				.movistar-red-box li.blog-box small
				{
					font-size: 12px;
					font-weight: bold;
					color: #565759;
					
					text-transform: uppercase;
				}

	.fanpage-box
	{
		float: left;
		display: inline;
		
		width: 740px;
		height: 280px;
	}

	.footer-social-box
	{
		float: left;
		display: inline;
		
		width: 740px;
		height: 55px;
		
		/*margin-bottom: 30px;
		
		border-bottom: 1px solid #c4c4c4;*/
	}
		.footer-social-box ul
		{
			float: right;
			display: inline;
			
			list-style: none;
		}
			.footer-social-box li
			{
				float: left;
				display: inline;
				
				margin-left: 5px;
				
				font: bold 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
				color: #202020;
			}
				.footer-social-box li.first-icon-social
				{
					margin-left: 15px;
				}


	.footer-box
	{
		float: left;
		display: inline;
		
		width: 740px;
		height: 102px;
		
		background: url(bg-footer-movistar.jpg) no-repeat 0 0;
	}
		.footer-box p
		{
			padding: 3px 0px 0px 30px;
			text-align: center;
			
			font: normal 10px/1.4em Arial, Helvetica, sans-serif;
			color: #666666;
		}

.lista-content
{
width: 537px;
height: 173px;
position: relative;
}