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

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

html,
body
{
	width: 100%;
}

body
{
	background: #D6D6D6;
}

	.wrapper {
		background: #D6D6D6 url(../img/bg-movi-porta.jpg) repeat-x center top;
		width: 100%;
		min-width: 786px;
		
		overflow: hidden;
		
		margin: 0 auto;
		}

		.header-box {
			width: 100%;
			min-width: 786px;
			height: 115px;
			
			padding: 0;
			background: url(../img/bg-unete.jpg) no-repeat top right;
			}

			.header-logo-movistar:link,
			.header-logo-movistar:visited,
			.header-logo-movistar:hover,
			.header-logo-movistar:active {
				float: left;
				display: inline;
				
				margin: 0 0 0 30px;
				
				width: 93px;
				height: 88px;
				
				background: url(../img/logo-movistar.png) no-repeat 0 0;
				}
	
			.header-unete-movistar:link,
			.header-unete-movistar:visited,
			.header-unete-movistar:hover,
			.header-unete-movistar:active {
				float: right;
				display: inline;
				
				width: 181px;
				height: 58px;
				
				margin: 5px 75px 0 0;
				background: url(../img/button-unete.jpg) no-repeat 0 0;
				}
		
		.header-title {
			width: 100%;
			min-width: 786px;
			height: 91px;
			
			margin: 0 auto;
			text-align: center;
			}
		
		.content-box {
			width: 625px;
			height: 361px;
			
			margin: 0 auto;
			}	
			.content-box h2 {
				font: bold 27px/1.3em Arial, Helvetica, sans-serif;
				color: #00539f;
				}
			.content-box p {
				font: bold 15px/1.3em Arial, Helvetica, sans-serif;
				color: #009ad9;
				}

			.content-box .detail-content {
				padding: 0 0 0 10px;
				}
				
			.content-box .detail-content,
			.content-box .content-faq {
				width: 520px;
				height: 270px;
				}

			.content-faq h3
			{
				font: bold 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
				color: #00539f;
				
				padding: 0 0 0 0;
			}
			
			.content-faq p
			{
				font: normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
				color: #009ad9;
				
				padding: 0 0 18px 0;
			}
			
			.content-faq ul
			{
				overflow: hidden;
				padding-bottom: 8px;
			}
				.content-faq li
				{
					/*float: left;
					display:inline;*/
					
					padding: 3px 0 3px 12px;
					overflow: hidden;
					list-style-type: lower-roman;

					font: normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
					color: #009ad9;
					
					background: url(../img/bullet-square.gif) no-repeat 0 9px;
				}
			

			
		.vid-box {
			width: 502px;
			height: 270px;
			
			margin: 0 auto;
			}
			.video-object {
				width: 502px;
				height: 270px;
				
				background: #000;
				}
			
		.menu-box {
			width: 676px;
			height: 160px;
			
			margin: 3px auto 0 auto;
			}
		
				.menu-box ul
				{
					float: left;
					list-style: none;
					
					padding: 0;
				}
				
					.menu-box li
					{
						float: left;
						display:inline;
						
						height: 160px;
						
						margin: 0;
					}
							.menu-que-es-porta:link,
							.menu-que-es-porta:visited,
							.menu-que-es-porta:hover,
							.menu-que-es-porta:active
							{
								float: left;
								display: inline;
								
								width: 158px;
								height: 25px;

								background: url(../img/m-que-es-portabilidad.gif) no-repeat 0 0;
							}
							.menu-que-es-porta:hover
							{
								background: url(../img/m-que-es-portabilidad.gif) no-repeat 0 -25px;
							}

							.menu-como-proceso:link,
							.menu-como-proceso:visited,
							.menu-como-proceso:hover,
							.menu-como-proceso:active
							{
								float: left;
								display: inline;
								
								width: 151px;
								height: 25px;

								background: url(../img/m-como-es-el-proceso.gif) no-repeat 0 0;
							}
							.menu-como-proceso:hover
							{
								background: url(../img/m-como-es-el-proceso.gif) no-repeat 0 -25px;
							}

							.menu-que-hacer:link,
							.menu-que-hacer:visited,
							.menu-que-hacer:hover,
							.menu-que-hacer:active
							{
								float: left;
								display: inline;
								
								width: 184px;
								height: 25px;

								background: url(../img/m-q-hacer.gif) no-repeat 0 0;
							}
							.menu-que-hacer:hover
							{
								background: url(../img/m-q-hacer.gif) no-repeat 0 -25px;
							}

							.menu-preguntas:link,
							.menu-preguntas:visited,
							.menu-preguntas:hover,
							.menu-preguntas:active
							{
								float: left;
								display: inline;
								
								width: 182px;
								height: 25px;

								background: url(../img/m-preguntas.gif) no-repeat 0 0;
							}
							.menu-preguntas:hover
							{
								background: url(../img/m-preguntas.gif) no-repeat 0 -25px;
							}
							
							.menu-selected, .menu-forced {
								background-position: 0 -25px !important;
								}
								
								.smenu-que-hacer {
									float: left;
									display: inline;

									width: 122px;
									height: 81px;
									
									margin: 0 31px;
									}
									.smenu-que-hacer .smenu-requisitos:link,
									.smenu-que-hacer .smenu-requisitos:visited,
									.smenu-que-hacer .smenu-requisitos:hover,
									.smenu-que-hacer .smenu-requisitos:active {
										float: left;
										display: inline;
										
										width: 122px;
										height: 25px;
										
										margin: 2px 0 0 0;
										background: url(../img/smn-requisitos.gif) no-repeat 0 0;
										}
									.smenu-que-hacer .smenu-requisitos:hover {
										background: url(../img/smn-requisitos.gif) no-repeat 0 -25px;
										}

									.smenu-que-hacer .smenu-postpago:link,
									.smenu-que-hacer .smenu-postpago:visited,
									.smenu-que-hacer .smenu-postpago:hover,
									.smenu-que-hacer .smenu-postpago:active {
										float: left;
										display: inline;
										
										width: 122px;
										height: 25px;
										
										margin: 2px 0 0 0;
										background: url(../img/smn-postpago.gif) no-repeat 0 0;
										}
									.smenu-que-hacer .smenu-postpago:hover {
										background: url(../img/smn-postpago.gif) no-repeat 0 -25px;
										}

									.smenu-que-hacer .smenu-prepago:link,
									.smenu-que-hacer .smenu-prepago:visited,
									.smenu-que-hacer .smenu-prepago:hover,
									.smenu-que-hacer .smenu-prepago:active {
										float: left;
										display: inline;
										
										width: 122px;
										height: 25px;
										
										margin: 2px 0 0 0;
										background: url(../img/smn-prepago.gif) no-repeat 0 0;
										}
									.smenu-que-hacer .smenu-prepago:hover {
										background: url(../img/smn-prepago.gif) no-repeat 0 -25px;
										}


									.smenu-faq a:link,
									.smenu-faq a:visited,
									.smenu-faq a:hover,
									.smenu-faq a:active {
										float: left;
										display: inline;
										
										width: 146px;
										height: 25px;
										
										margin: 2px 0 0 18px;
										}

									.smenu-faq .smenu-sobre-portabilidad:link,
									.smenu-faq .smenu-sobre-portabilidad:visited,
									.smenu-faq .smenu-sobre-portabilidad:active {
										background: url(../img/smn-sobre-porta.gif) no-repeat 0 0;
										}
									.smenu-faq .smenu-sobre-portabilidad:hover {
										background: url(../img/smn-sobre-porta.gif) no-repeat 0 -25px;
										}

									.smenu-faq .smenu-pasos-seguir:link,
									.smenu-faq .smenu-pasos-seguir:visited,
									.smenu-faq .smenu-pasos-seguir:active {
										background: url(../img/smn-pasos-seguir.gif) no-repeat 0 0;
										}
									.smenu-faq .smenu-pasos-seguir:hover {
										background: url(../img/smn-pasos-seguir.gif) no-repeat 0 -25px;
										}

									.smenu-faq .smenu-condiciones:link,
									.smenu-faq .smenu-condiciones:visited,
									.smenu-faq .smenu-condiciones:active {
										background: url(../img/smn-condiciones.gif) no-repeat 0 0;
										}
									.smenu-faq .smenu-condiciones:hover {
										background: url(../img/smn-condiciones.gif) no-repeat 0 -25px;
										}

									.smenu-faq .smenu-tomar-cuenta:link,
									.smenu-faq .smenu-tomar-cuenta:visited,
									.smenu-faq .smenu-tomar-cuenta:active {
										background: url(../img/smn-tomar-cuenta.gif) no-repeat 0 0;
										}
									.smenu-faq .smenu-tomar-cuenta:hover {
										background: url(../img/smn-tomar-cuenta.gif) no-repeat 0 -25px;
										}

									.smenu-faq .smenu-que-hago:link,
									.smenu-faq .smenu-que-hago:visited,
									.smenu-faq .smenu-que-hago:active {
										background: url(../img/smn-que-hago.gif) no-repeat 0 0;
										}
									.smenu-faq .smenu-que-hago:hover {
										background: url(../img/smn-que-hago.gif) no-repeat 0 -25px;
										}




									
								.smenu-off {
									display: none;
									}

		.footer-box {
			width: 100%;
			min-width: 786px;
			height: 25px;
			
			margin: 10px 0 0 0;
			}
			
			.footer-box p {
				text-align: center;
				font: normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
				color: #6f6f6f;
				}