/* ========================= */ 
/* RESET */ 
/* Blueprint CSS Framework 1.0 */
/* ========================= */
html {border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
p {margin-bottom:15px}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
a img {border:none;}
:focus {outline:0;}

/* ========================= */ 
/*  PX to EM */ 
/*  http://pxtoem.com/
/* ========================= */
/*
	Base	0.688em --> 11px
	10px	0.909em
	11px 	1em 	
	12px 	1.091em 
	13px 	1.182em 
	14px 	1.273em 
	15px 	1.364em 
	16px 	1.455em 
	17px 	1.545em 
	18px 	1.636em 
	19px 	1.727em 
	20px 	1.818em 
	21px 	1.909em 
	22px 	2em 	
	23px 	2.091em 
	24px 	2.182em 
*/


/* ========================= */ 
/* COMMONS */ 
/* ========================= */
body {font-family:Vodafone Rg, Arial, Helvetica, sans-serif; font-size:0.688em; background:#fff url(../../img/wap/body.png) repeat 0 0}

	/*Screen resolution*/
	/*nokia 6210 - iphone: 320px*/ 
	/*nokia n95: 240px*/
	.container {max-width:100%; min-width:240px; margin:0 auto; padding:0;} 

	/*Header*/
	.header {background:#8f0000 url(../../img/wap/header.png) repeat-x 0 0; border-bottom:solid 1px #000; color:#fff;}
	.header h1 {background:url(../../img/wap/vodafone.png) no-repeat 10px 5px; padding:6px 0 7px 38px;text-shadow:-1px 0 0 #000}
	.header .number {font-size:1.091em; padding:8px 8px 0 0; text-shadow:-1px 0 0 #000;}
	.header .number p {margin-bottom:0}

	/*Layout*/
	.toLeft {float:left}
	.toRight {float:right}
	.toCenter {text-align:center}
	.textRight {text-align:right}
	.clear {clear:both;}
	.not-margin-bottom {margin-bottom:0 !important}
	.not-margin-right {margin-right:0 !important}
	.not-border-bottom {border-bottom:none !important; padding-bottom:0 !important}	
	
	/*Headers*/
	h1 {font-size:1.182em}
	h2 {font-size:1.455em}	
	h3 {font-size:1em}		
	
	/*Text*/
	.first-paragraph {border-bottom:solid 1px #ababab}
	.last-paragraph {border:none !important}
	
	/*Margin-Padding*/
	.html, 
	.button, 
	.footer p,
	.consumo .box .date p, 
	.factura .box .title p, 
	.factura .image p, 
	.confirma p {margin:0;padding:0;}
	
	/*More info*/	
	.more-info h2 {font-size:1.091em; margin-bottom:5px}
	.more-info p {margin-bottom:0}
	.more-info a {color:#525252; display:block; padding:3px 10px 6px 10px; font-size:1.091em;}	
	
	/*Banner*/
	.banner p {margin-bottom:0}	
	.banner img, 
	.factura .image img {max-width:100%; height:auto; width:100%;}
	
	/*Form*/
	form select {background-color:#f0f0f0; border:solid 1px #888}
	form .focusField {color:#525252}		

	/*Nav*/
	.nav a {color:#fff;}	
	.nav p {margin-bottom:0}	
	
	/*Date*/
	.date span {color:#bd0000}	
	
	
/* ========================= */ 
/* 1.- LOGIN */ 
/* ========================= */

	/*Commons*/
	.login {background:#9d0101 url(../../img/wap/login.png) repeat-x 0 0}
	.login .header {margin-top:12px; margin-bottom:12px; background:none;border:none}
	.login .header h1 {padding:0; background:none}
	.login .recordar {color:#fff; margin-top:10px; margin-left:12px}
	.login .footer {color:#fff; background:none; border:none; width:95%; margin-left:5px}
	
	/*login-form*/
	.login-form label {font-size:1.182em; font-weight:bold; float:left; display:block; width:45%; margin-top:6px;}
	.login-form input {border:solid 1px #ABABAB; color:#000000; float:left; width:110px;background-color:#FFFFFF;border:medium none;}
	.login-form .telefono, .login-form .clave{margin-bottom:0; padding:5px 0 7px 10px; clear:both; height:30px}
	
	.login-form2 label {font-size:1.182em; font-weight:bold; padding:10px 10px 0 0;  }		
	.login-form2 .box-corner span {padding:2px 0 3px 10px; display:block; height:18px}
	.login-form2 input {width:90px}	
	
	.login-form2  span a {font-size:0.909em; color:#525252}
	
	.login-form2 .box-corner .c3 {top:2px!important; right:0px!important;}
	.login-form2 .box-corner .c4 {left:-2px!important;}
	
/* ========================= */ 
/* 2.- HOME */ 
/* ========================= */	

	/*Menu*/
	.home .menu li {padding:7px 5px 7px 15px; }
	.home .menu img {position:relative; top:5px; left:0 }
	.home .menu a {padding-left:10px}
	
	/*Menu - Icons
	.home .menu .consumo a {background-image:url()}
	.home .menu .factura a {background-image:url(../../img/wap/factura.png)}	
	.home .menu .puntos a {background-image:url(../../img/wap/puntos.png)}	
	.home .menu .tarifa a {background-image:url(../../img/wap/tarifa.png)}			
	.home .menu .promociones a {background-image:url(../../img/wap/promociones.png)}	
	.home .menu .contestador a {background-image:url(../../img/wap/contestador.png)}	
	.home .menu .recarga a {background-image:url(../../img/wap/recarga.png)}	
	.home .menu .preguntas a {background-image:url(../../img/wap/preguntas.png)}			
	*/
	/*More info*/
	.home .more-info {margin:15px 5px !important}
	.home .more-info ul {list-style-type:none; margin-top:10px}
	
/* ========================= */ 
/* 2.1- INTERMEDIA */ 
/* ========================= */
	.intermedia {background:#9d0101 url(../../img/wap/login.png) repeat-x 0 0}
	.intermedia .header {margin-top:60px; margin-bottom:12px; background:none;border:none}
	.intermedia .header h1 {padding:0 0 30px 0; background:none; font-size:1.273em}
	.intermedia .info {color:#fff; padding-left:15px; padding-right:15px}	
	.intermedia .info .message {color:#fff; font-size:1.091em}
	.intermedia .info strong {font-size:1.273em}	
	.intermedia .footer {position:absolute; bottom:0;width:100%;}
	
/* ========================= */ 
/* 3.- CONSUMO */ 
/* ========================= */	
	.consumo .box .date {padding-top:5px; padding-bottom:8px;}
	.consumo .box .title p {color:#fff; margin-bottom:5px; font-weight:bold; text-shadow:1px 0 0 #000}
	.consumo table th, 	
	.consumo table td {font-weight:bold !important}
	.consumo table th {color:#525252}
	
	/*Inicio*/
	.consumo-inicio .table-common {background:url(../../img/wap/shadow.png) repeat-x 0 0;}		
	
	/*Detalle*/	
	.consumo-detalle table {font-size:0.909em !important}
	.consumo-detalle table caption { text-align:center; border-bottom: 2px solid #ABABAB; font-weight:bold; padding-bottom:5px}
	.consumo-detalle table .disponible {color:#bd0000 !important; border-bottom:none; padding-bottom:0}
	
	/* ========================= */ 
	/* SPEED BUCKET*/ 
	/* ========================= */		
		.speed-bucket .box .date {padding-top:5px; padding-bottom:8px;}
		.speed-bucket .box .date p {margin-bottom:0}
		.speed-bucket .box .title p {color:#fff; margin-bottom:5px; font-weight:bold; text-shadow:1px 0 0 #000}
		.speed-bucket table td,
		.speed-bucket table .disponible	 {font-weight:bold}
		.speed-bucket table th {color:#525252}
		
		/*Info*/
		.speed-bucket .info h3 {background:url(gfx/icon/arrow-black.png) no-repeat 0 5px; padding-left:10px; margin-bottom:10px}
		
		/*List*/
		.speed-bucket-list h3 {font-size:1.091em; padding-bottom:5px}
		.speed-bucket-list .item {padding:5px 12px; border-bottom:solid 1px #c6c4c4}		
		.speed-bucket-list .item p {margin-bottom:0}	
		.speed-bucket-list .checkbox {padding:5px 12px 5px 8px; border-bottom:solid 1px #c6c4c4}
		.speed-bucket-list .checkbox .toLeft {margin:5px 10px 0 0}
		.speed-bucket-list .checkbox label {font-weight:bold; overflow:hidden;}
		.speed-bucket-list .checkbox label span {display:block; font-weight:normal}		
		.speed-bucket-list .submit {padding-top:20px}	
		.speed-bucket-list .last-item {margin-bottom:20px}
		
		/*Detalle*/	
		.speed-bucket-detalle table {font-size:0.909em !important}
		.speed-bucket-detalle table caption { text-align:center; border-bottom: 2px solid #ABABAB; font-weight:bold; padding-bottom:5px}
		.speed-bucket-detalle table .disponible {color:#bd0000 !important;}
	
/* ========================= */ 
/* 4.- FACTURA */ 
/* ========================= */		

	/*Box*/
	.factura .box .title h2 {line-height:1.1}
	.factura .box .title p {color:#a9a9a9}
	.factura .box .title p span {color:#fff}
	/*Table*/
	.factura .table-common {background:url(../../img/wap/shadow.png) repeat-x 0 0;}
	.factura .table-common td {font-weight:bold}

	/*Image*/
	.factura .image p {line-height:0.9}	
	
/* ========================= */ 
/* 5.- PUNTOS */ 
/* ========================= */			
	.puntos .date p {margin-bottom:5px}
	.puntos .title {padding-top:0 !important}
	.puntos .title h2 {line-height:1.0; background:url(../../img/wap/arrow-down.png) no-repeat 50% 0; padding-top:15px}
	.puntos .title .small {color:#fff; margin-bottom:0}	
	.puntos .title .info {background-color:transparent !important; color:#fff; text-align:left; padding-left:20px; padding-right:10px}
	.puntos .title .info p {margin-bottom:0}	
	.puntos .table-common table th {width:70%;}
	.puntos .table-common table td {width:30%;}	
/* ========================= */ 
/* 6.- TARIFA */ 
/* ========================= */	

	/*Menu*/
	.tarifa .menu {background:#fff url(../../img/wap/shadow.png) repeat-x 0 0; margin:0 7px}
	
	/*Headers*/
		
	.tarifa .box h3 {background:url(../../img/wap/point-black.png) no-repeat 0 5px; padding-left:10px; margin-bottom:10px}		
	
	/*Beneficios*/
	.tarifa .beneficios {background-color:#fff; margin:7px; padding:10px}
	.tarifa .beneficios h3 {margin-bottom:10px; font-size:1.091em}
	.tarifa .beneficios button {margin-top:10px}
	
	/*Confirma*/
	.confirma { margin:5px 10px 0 10px}
	.confirma p {font-size:1.091em; text-shadow:0 2px 0 #fff;}
	
	/*More info*/	
	.tarifa .more-info {margin:20px 10px}
	.tarifa .anchor a {font-size:1.091em}
	
	/*Vip*/
	.vip .title {padding:10px 10px 0 10px}	
	.vip .title h2 {font-size: 1.091em;text-shadow: 0 2px 0 #fff; margin-bottom:5px}
	.vip .title p {text-shadow: 0 2px 0 #fff}	
	
	.vip .numeros {margin:4px 4px 20px 4px; font-weight:bold; color:#525252}	
	.vip .numeros li {padding:10px; border-bottom:solid 1px #ababab;}
	.vip .numeros li input {margin-right:10px;}		
	.vip .numeros p {padding:10px 0 0 14px; margin-bottom:0; }	
	.vip .numeros p label {width:45%;}	
	/*.vip .numeros p input {width:45%; border:none; background-color:#fff;font-weight:bold;}		*/

	.vip .number-special label {font-size:1.273em; padding:15px 10px 0 10px}	
	.vip .number-special input {border:none; background-color:#fff;font-weight:bold;}
	
	.vip .numeros li, 	
	.vip .numeros p input, 	
	.vip .numeros p label {font-size:1.273em;}
	
/* ========================= */ 
/* 7.- PROMOCIONES */ 
/* ========================= */		

	/*commons*/
	.promociones .banner {margin:7px 7px 0 7px; line-height:0.8}
	.promociones h2 {color:#fff; font-weight:bold; font-size:1.091em; margin-bottom:10px}
	.promociones .box {padding:10px; color:#fff; margin-top:0 !important}
	.promociones .box p {font-size:1.091em;}

	/*colores*/
	.promociones .verde {background-color:#aab300;}
	.promociones .turquesa {background-color:#008088}
	
	.promociones .blanco {background-color:#ffffff}
	.promociones .morado {background-color:#4c1638}
		
	.promociones .blanco h2, .promociones .blanco p, .promociones .blanco a {
		color:#333;
	}
		
/* ========================= */ 
/* 8.- CONTESTADOR */ 
/* ========================= */		
	.contestador .form {background-color:#fff; margin:7px; padding-top:10px;}
	.contestador .form .zone p {padding-left:10px; padding-right:10px; margin-bottom:10px; clear:both}
	.contestador .form label {font-size:1.091em;}
	.contestador .form select {font-size:0.909em;}
	.contestador .form .zone { border-bottom:solid 1px #cbcbcb; margin-bottom:10px}
	.contestador .submit {padding-top:20px}
	
/* ========================= */ 
/* 9.- RECARGA */ 
/* ========================= */		

	/*Inicio*/
	.recarga_inicio .textRight {padding-right:10px} /*.recarga_inicio .textRight {padding-right:10px; padding-top:16px}*/
	.recarga_inicio .info p {margin-bottom:0}	
	.recarga_inicio .info .title {padding-bottom:5px}
	.recarga_inicio .box-corner p {padding:2px 0 3px 10px}
	.recarga_inicio .box-corner input, 
	.recarga_inicio .box-corner select {border:none; background-color:#fff}
	
	.recarga_inicio .info p, 
	.detalle_llamada .form .info p {margin-bottom:0}		
	
	.recarga_inicio .cuenta-bancaria, 
	.recarga_inicio .numero-tarjeta {padding-top:10px}	
	
	.recarga_inicio .numero-telefono label, 	
	.recarga_inicio .numero-tarjeta, 
	.recarga_inicio .cvv, 
	.recarga_inicio .caducidad,
	.recarga_inicio .prepago	{margin-left:5px}
	
	.recarga_inicio .submit {padding-top:20px}		
		
	/*Box corner*/
	.recarga_inicio .box-corner p, 
	.detalle_llamada .form .box-corner p {padding:2px 0 3px 10px}	
			
	.recarga_inicio .box-corner input, 
	.recarga_inicio .box-corner select, 
	.detalle_llamada .form .box-corner input {border:none; background-color:#fff}	
	
	.recarga_inicio .cuenta-bancaria .box-corner,
	.detalle_llamada .form .box-corner, 
	.detalle_llamada .form .sub-title  {float:left; margin-right:3px}		
	
	.recarga_inicio .numero-tarjeta .box-corner,
	.recarga_inicio .cvv .box-corner, 
	.detalle_llamada .form .buscar-fecha .box-corner {width:40px}	
	
	.recarga_inicio .numero-tarjeta .box-corner p, 
	.recarga_inicio .cvv .box-corner p, 
	.recarga_inicio .caducidad .box-corner p, 	
	.detalle_llamada .form .buscar-fecha .box-corner p {padding-left:7px !important}		

	.recarga_inicio .submit {padding-top:20px}	
	/*Numero telefono*/
	.numero-telefono label {font-size:12px; font-weight:bold; padding:10px 10px 0 0; }		
	.numero-telefono .box-corner span {padding:2px 0 3px 15px; display:block; height:18px}
	.numero-telefono input {width:70px}	
	
	.numero-telefono span a {font-size:0.909em; color:#525252}
	.numero-telefono .prepago {padding:10px 0}
		
	/*Caducidad*/
	.recarga_inicio .caducidad {padding-top:10px}
	.recarga_inicio .caducidad .box-corner span {padding:2px 0 3px 10px; display:block; height:18px}
	.recarga_inicio .caducidad label {font-size:12px; font-weight:bold; padding:10px 10px 0 0}	
	.recarga_inicio .caducidad input {width:25px}	
	.recarga_inicio .caducidad .anno {margin-left:10px}	
		
	/*Form*/		
	.saldo .form, 
	.recarga .form, 
	.detalle_llamada .form, 
	.contestador .form {background-color:#fff; margin:7px; padding-top:15px;}	
	
	.saldo .form .info, 
	.recarga .form .info, 
	.detalle_llamada .form .info {padding-left:15px; padding-right:15px}		
	
	.saldo .form .info p, 
	.recarga .form .info p {font-size:1.091em}
	
	/*Importe*/	
	.recarga_importe .form .info {padding-bottom:117px; padding-left:7px; padding-right:7px}
	.recarga_importe .form select {width:100px; text-align:right;} 	

	/*Informe*/	
	.recarga_informe .info p { margin-bottom:0}
	.recarga_informe .table-recarga {padding-bottom:50px}
	
	.table-recarga th, 
	.table-recarga td {border-bottom:none !important}	
	.table-recarga th {font-weight:bold; padding-left:0 !important}
	.table-recarga td {padding-right:0 !important}	

/* ========================= */ 
/* FORM */ 
/* ========================= */		

	/*Commons*/
	.form select {background-color:#f0f0f0; border:solid 1px #888}
	.form .focusField {color:#525252}
	
/* ========================= */ 
/* 10.- FAQS */ 
/* ========================= */	

	/*Menu*/
	.faqs .menu li {padding:7px 5px 7px 15px; }
	.faqs .menu img {position:relative; top:5px; left:0 }
	.faqs .menu a {padding-left:10px}	
	
	/*Menu - Icons
	.faqs .menu .consumo a, 
	.faqs .confirma .consumo  {background-image:url(../../img/wap/consumo.png)}
	
	.faqs .menu .factura a, 
	.faqs .confirma .factura {background-image:url(../../img/wap/factura.png)}
	
	.faqs .menu .puntos a, 
	.faqs .confirma .puntos {background-image:url(../../img/wap/puntos.png)}	
	
	.faqs .menu .tarifa a, 
	.faqs .confirma .tarifa {background-image:url(../../img/wap/tarifa.png)}			
	
	.faqs .menu .promociones a, 
	.faqs .confirma .promociones {background-image:url(../../img/wap/promociones.png)}	
	
	.faqs .menu .contestador a, 
	.faqs .confirma .contestador {background-image:url(../../img/wap/contestador.png)}	
	
	.faqs .menu .recarga a, 
	.faqs .confirma .recarga {background-image:url(../../img/wap/recarga.png)}	
	
	.faqs .menu .preguntas a, 
	.faqs .confirma .preguntas {background-image:url(../../img/wap/preguntas.png)}	
*/
	
	/*Confirma - Icons*/
	.faqs .confirma.icons p {background-position:0 0; background-repeat:no-repeat; padding-left:25px; margin-bottom:7px}
	
	/* ========================= */ 
/* 12.- DETALLE LLAMADA */ 
/* ========================= */	
	
	/*form*/
	.detalle_llamada .title {margin-bottom:10px !important}	
	.detalle_llamada .title, 
	.detalle_llamada .sub-title {font-size:1.091em}
	.detalle_llamada .sub-title {width:40px; padding-top:5px;}	
	.detalle_llamada input {font-size:1em}
	.detalle_llamada .submit {margin-top:10px}
	
	/*message*/
	.detalle_llamada .message {font-size:1.091em}
	.detalle_llamada .message p {margin-bottom:0; padding-bottom:0; text-shadow:1px 1px 0 #fff}	
	.detalle_llamada .message span {color:#ca0000}
	
	/*table*/
	.detalle_llamada .table-bold a, 
	.detalle_llamada .table-bold td {font-size:1.091em}
	.detalle_llamada .table-common span {color:#969696; display:block; font-weight:normal; }
	.detalle_llamada .table-50x50 table th, 
	.detalle_llamada .table-50x50 table td {border-bottom:solid 1px #dddddd !important}
	.detalle_llamada .more-info {margin:15px 5px !important}	

	/*nav*/
	.detalle_llamada .navegacion {background-color:#fff; margin-bottom:20px; padding:0 15px; color:#bdbdbd}
	.detalle_llamada .navegacion a {color:#333}
	

/* ========================= */ 
/* 14.- SALDO */ 
/* ========================= */		
	.saldo .list {margin-top:10px}
	.saldo .list li a {padding:9px 5px 10px 15px}
	.saldo .list li a span.underline {font-size:1.273em}
	
	.saldo .title {padding-top:10px !important;padding-bottom:10px !important}
	.saldo .title p {margin-bottom:0}
	.saldo .title .message-01, 
	.saldo .title .message-02 {color:#fff}
	.saldo .title .message-01 {font-size:1.273em; text-shadow:-1px 0 0 #4e4e4e}
	.saldo .title .message-02 {font-size:1.091em}	
	
	.saldo .more-info {padding:20px 10px 10px 10px}
	.saldo .more-info .text {font-size:1.091em}
	.saldo .more-info .text p {padding-bottom:10px}	
	.saldo .more-info li { list-style-type:none; padding-bottom:10px}
	.saldo .more-info li a {padding-left:0; padding-bottom:0}	
	
	/*form*/	
	.saldo.traspaso .form .info p {margin-bottom:10px}
	
	.saldo.traspaso .box-corner p {padding:2px 0 3px 10px; margin-bottom: 0 !important}
	.saldo.traspaso .box-corner input, 
	.saldo.traspaso .box-corner select {border:none; background-color:#fff}	
	.saldo.traspaso .textRight {padding-right: 10px;}
	.saldo.traspaso .numero-telefono { padding-top:10px}
	.saldo.traspaso .importe {padding-top:10px;}
	.saldo.traspaso .info {padding-bottom:20px}
	
	
/* ========================= */ 
/* FORM */ 
/* ========================= */		

	/*Commons*/
	.form select {background-color:#f0f0f0; border:solid 1px #888}
	.form .focusField {color:#bdbdbd}
	
	.saldo .form, 
	.recarga .form, 
	.detalle_llamada .form, 
	.contestador .form, .consumo .form  {background-color:#fff; margin:7px; padding-top:15px;}
	
	/*Info*/
	.saldo .form .info, 
	.recarga .form .info, 
	.detalle_llamada .form .info, .consumo .form .info {padding-left:15px; padding-right:15px}	
	
	.recarga_inicio .info p, 
	.detalle_llamada .form .info p {margin-bottom:0}			
	
	.saldo .form .info p, 
	.recarga .form .info p {font-size:1.091em}	
	
	.recarga_inicio .info .title, 
	.detalle_llamada .info .title {padding-bottom:5px}			
	
	/*Items*/
	.recarga_inicio .cuenta-bancaria, 
	.recarga_inicio .numero-tarjeta {padding-top:10px}		
	
	/*Box corners*/
	.recarga_inicio .box-corner p, 
	.detalle_llamada .form .box-corner p {padding:2px 0 3px 10px}
	
	.recarga_inicio .box-corner input, 
	.recarga_inicio .box-corner select, 
	.detalle_llamada .form .box-corner input {border:none; background-color:#fff}
		
	.recarga_inicio .cuenta-bancaria .box-corner,
	.detalle_llamada .form .box-corner, 
	.detalle_llamada .form .sub-title  {float:left; margin-right:5px}	
	
	.recarga_inicio .numero-tarjeta .box-corner,
	.recarga_inicio .cvv .box-corner, 
	.detalle_llamada .form .buscar-fecha .box-corner {width:40px}
	
	.recarga_inicio .numero-tarjeta .box-corner p, 
	.recarga_inicio .cvv .box-corner p, 
	.detalle_llamada .form .buscar-fecha .box-corner p {padding-left:7px !important}		
	
/* ========================= */ 
/* MENU */ 
/* ========================= */		
	.home .menu li.last-paragraph {padding-bottom:10px}
	.menu li, 
	.list li {list-style-type:none; border-bottom:solid 1px #ababab}
	
	.menu li a,
	.list li a {color:#525252; font-size:1.273em; font-weight:bold;}
	
	.list li a, .tarifa .menu li a { display:block; padding:10px}
	.list li a {font-size:11px; text-decoration:none }
	.list li a span.number {color:#bd0000; padding-right:3px}
	.list li a span.underline {text-decoration:underline}	
	.list li a span.text {display:block; font-size:1em; font-weight:normal}

	
/* ========================= */ 
/* BOXES */ 
/* ========================= */	

	/*Commons*/
	.box {margin:10px 7px; background-color:#fff;}
	.box-shadow {background:#fff url(../../img/wap/shadow-02.png) repeat-x 0 100%;}
	.advertencia {color:#bd0000}

	/*Title*/	
	.box .title {padding-top:5px; padding-bottom:5px;}		
	.box h2 span {color:#fff; display:block; text-shadow:0 -3px 0 #4e4e4e;}	
	
	/*Colour*/	
	.box .title.black {background:#525252 url(../../img/wap/box-title-black.png) repeat-x 0 0}
	.box .title.black h2 {color:#c1c1c1; text-shadow:0 -3px 0 #4e4e4e;}	
			
	.box .title.grey {background:#e5e5e5 url(../../img/wap/box-title-grey.png) repeat-x 0 0}
	.box .title.grey h2 {color:#333; text-shadow:0 -2px 0 #c1c1c1; font-size:2em}	
	
	/*Price*/
	.box .price h2 {font-size:3.273em; color:#fff !important}
	
	/*Title Double*/
	.box.title-double .bg-double {background:#e5e5e5 url(../../img/wap/box-title-grey.png) repeat-x 0 0}
	.box.title-double .toLeft {padding:0}
	.box.title-double .toLeft .arrow-double {background:url(../../img/wap/box-title-double.png) no-repeat 100% 0; padding:5px 14px 5px 5px}
	.box.title-double .toLeft {width:52%}		
	.box.title-double .toRight {width:48%}		
	.box.title-double .toLeft h2 {color:#fff;}		
	.box.title-double .toRight h2 span {color:#333;}
	.box.title-double h2 {font-size:1em !important; }
	.box.title-double h2 span {font-size:1.818em;text-shadow:none}		
	.box.title-double .info {background:url(../../img/wap/info-title-double.png) no-repeat 0 0}

	/*Extras*/	
	.box .info {background-color:#fff;padding:10px}
	.box .info a {color:#525252}	
	.box .vip a {font-size:1.091em}
	.box .vip p {margin-bottom:5px}	
	.box .anchor a {color:#525252; display:block; background:#fff url(../../img/wap/shadow.png) repeat-x 0 0; padding:10px}
	.box .anchor p {margin-bottom:0}
	.box-corner.anchor {margin:0}	
	.box.border-bottom {border-bottom:solid 1px #cbcbcb}		
	
	/*Message*/		
	.box-message {padding:10px}	
	.box-message h2 {font-size:12px; padding-bottom:10px}
	.box-message ul {padding-bottom:10px}	
	.box-message li {margin-left:20px; margin-right:10px; }
	
/* ========================= */ 
/* TABLE */ 
/* ========================= */	

	/*Common*/
	.table-common {padding:5px 0 10px 0; font-size:1.091em}
	.table-common a {color:#333}	
	.table-common table th, 
	.table-common table td {border-bottom:solid 1px #ababab; padding-top:5px; padding-bottom:5px;vertical-align:top}
	.table-common table th {padding-left:15px;width:60%;}
	.table-common table td {text-align:right; padding-right:15px; width:40%;}	
	.table-common .active {color:#bd0000}
	.table-common .speed-bucket-link {font-size:13px}	
	.table-common .speed-bucket-link span {font-size:11px; font-weight:normal; display:block}
	
	/*50x50*/
	.table-50x50 table th, 
	.table-50x50 table td {width:50%;}	
	.table-bold	table th,
	.table-bold	table td {font-weight:bold}		
	
	/*Big*/	
	.table-big table {font-size:1.273em}
	.table-big table th, 
	.table-big table td {padding-top:10px; padding-bottom:10px}	

/* ========================= */ 
/* BOX CORNERS */ 
/* ========================= */

	/*commons*/
	.box-corner {background-color:#fff; margin:4px 4px 4px 0} /*margin:0 7px*/
	.box-corner .c1, 
	.box-corner .c2, 
	.box-corner .c3, 
	.box-corner .c4 {position:relative; background-repeat:no-repeat; background-color:transparent}
	
	/*bg-position*/
	.box-corner .c1 {background-position:0 0}	
	.box-corner .c2 {background-position:100% 0}
	.box-corner .c3 {background-position:100% 100%}
	.box-corner .c4 {background-position:0 100%;}
	
	/*position*/
	.box-corner .c1 {left:-1px; top:-1px}
	.box-corner .c2 {left:2px}	
	.box-corner .c3 {top:2px}
	.box-corner .c4 {left:-2px;overflow:hidden}		
	
	/*red*/
	.box-corner.red {border-top:solid 1px #de3535;}		
	.box-corner.red .c1 {background-image:url(../../img/wap/red-tl.png)}
	.box-corner.red .c2 {background-image:url(../../img/wap/red-tr.png)}
	.box-corner.red .c3 {background-image:url(../../img/wap/red-br.png); top:1px; right:1px}
	.box-corner.red .c4 {background-image:url(../../img/wap/red-bl.png); left:0}	

	/*grey*/
	.box-corner.grey {border:solid 1px #b7b7b7}	
	.box-corner.grey .c1 {background-image:url(../../img/wap/grey-tl.png)}
	.box-corner.grey .c2 {background-image:url(../../img/wap/grey-tr.png)}
	.box-corner.grey .c3 {background-image:url(../../img/wap/grey-br.png)}
	.box-corner.grey .c4 {background-image:url(../../img/wap/grey-bl.png)}	
	
	/*outstanding*/
	.box-corner.outstanding {border:solid 2px #aea79f}	
	.box-corner.outstanding .c1 {background-image:url(../../img/wap/outstanding-tl.png); left:-2px; top:-2px}
	.box-corner.outstanding .c2 {background-image:url(../../img/wap/outstanding-tr.png); left:4px}
	.box-corner.outstanding .c3 {background-image:url(../../img/wap/outstanding-br.png); top:4px}
	.box-corner.outstanding .c4 {background-image:url(../../img/wap/outstanding-bl.png); left:-4px}		
	
	/*special*/
	.box-corner.special {border-top:solid 2px #ebebeb;border-right:solid 2px #ebebeb;border-bottom:solid 1px #ebebeb;border-left:solid 2px #ebebeb;margin-bottom:10px;}	
	.box-corner.special .c1 {background-image:url(../../img/wap/special-tl.png); left:-2px; top:-2px}
	.box-corner.special .c2 {background-image:url(../../img/wap/special-tr.png); left:4px}
	.box-corner.special .c3 {background-image:url(../../img/wap/special-br.png); top:4px}
	.box-corner.special .c4 {background-image:url(../../img/wap/special-bl.png); left:-4px}
	
	/*black*/
	.box-corner.black {border-top:solid 1px #888686;border-right:solid 1px #888686;border-bottom:solid 1px #888686;border-left:solid 1px #888686;margin-bottom:10px;}	
	.box-corner.black .c1 {background-image:url(../../img/wap/black-tl.png); }
	.box-corner.black .c2 {background-image:url(../../img/wap/black-tr.png); }
	.box-corner.black .c3 {background-image:url(../../img/wap/black-br.png); }
	.box-corner.black .c4 {background-image:url(../../img/wap/black-bl.png); }	
	/*.box-corner.recarga span {background:url(../../img/wap/recarga-bg.png) repeat-x 0 0}	*/
	
				
/* ========================= */ 
/* BUTTONS */ 
/* ========================= */	

	/*button*/
	button {font-size:1.273em; font-weight:bold; border:none;background-color:transparent; cursor:pointer}	
	button p {background-repeat:no-repeat; background-position:100% 0; padding-right:5px}
	button span {background-repeat:no-repeat; background-position:0 0; display:block; height:30px; color:#525252}	
	
	/*types*/
	.login button span, 
	button.double-width span {padding:7px 40px 0 40px !important;}

	.tarifa button span, 
	.contestador button span, 
	.recarga button span,
	.saldo button span,
	.detalle_llamada button span, 
	.vip button span  {padding:7px 15px 0 20px;}
	.speed-bucket button span  {padding:7px 15px 0 20px;}
	
	/*red*/
	button.red p {background-image:url(../../img/wap/grey-red-right.png)}
	button.red span {background-image:url("../../img/wap/grey-red-left.png");}	

	/*grey*/
	button.grey p {background-image:url(../../img/wap/grey-right.png)}
	button.grey span {background-image:url(../../img/wap/grey-left.png)}	 
	
	/*grey*/
	button.grey-big p {background-image:url(../../img/wap/grey-big-right.png)}
	button.grey-big span {background-image:url(../../img/wap/grey-big-left.png); padding:10px 20px 18px 20px;}	 	
	
	/*delete*/	
	button.delete p {background-image:url(../../img/wap/delete-right.png)}
	button.delete span {background-image:url(../../img/wap/delete-left.png); color:#fff}	
	
/* ========================= */ 
/* OK - ERROR */ 
/* ========================= */		
.icon {text-align:center; padding:10px}	
.error .icon {padding:0}	
.proceso-ok, 
.proceso-error {font-size:1.091em}
	
/* ========================= */ 
/* FOOTER */ 
/* ========================= */		
.footer {background:#960000 url(../../img/wap/footer.png) repeat-x 0 0; border-top:solid 1px #4f3737; padding-bottom:3px; margin-top:20px}
.footer a {color:#fff; text-decoration:none; text-shadow:-1px 0 0 #000; display:block; padding:2px 10px}

/* ========================= */ 
/* TARIFAS CAMBIO PENDIENTE */ 
/* ========================= */		
.redCambioPendiente {
	color:#bd0000;
}

/* Inicio Login */
body#login {
	background: url(../../img/smartphones/login.png) #9d0101 repeat-x 0px 0px;
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.10, #fd0303),
    color-stop(1, #9d0101)
) no-repeat;
background: -moz-linear-gradient(
    center top,
    #fd0303 10%,
    #9d0101 100%
) no-repeat;
}
body#login #wrapper {
	background:none;
}
body#login .content {
	padding:1em;
}
body#login label, body#login h1, body#login .bottomlinks a {
	color:#fff;
}
body#login h1 {
	text-align:center;
	text-shadow:#360000 0 2px 1px;
	font-size:1.5em;
	margin-bottom:1.5em;
}
body#login .form_row {
	margin-bottom:1em;
}
body#login label {
	font-size:1.4em;
	vertical-align:middle;
}
body#login .form_row label {
	display:block;
	margin-bottom:0.5em;
}
body#login strong {
    font-size: 1.4em;
    vertical-align: middle;
}
body#login input, body#login select {
	width:94%;
	border:1px solid #4c4c4c;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	padding:0.5em;
	background:#e5e5e5;
	vertical-align:middle;
	color:#333;
}
body#login input {
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body#login input[type="checkbox"] {
	width:auto;
	border:0;
}
.login .footer a {
	display:inline;
	text-shadow:none;
	padding:0;
	text-decoration:underline;
}
body#login .form .buttons_row {
	margin:0 0 2em 0;
	text-align:center;
}
body#login .form .buttons_row button {
	background-color: transparent;
    border: medium none;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: bold;
}
body#login .form .buttons_row button p {
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-right: 5px;
	background-image: url("../../img/smartphones/grey-red-right.png");
}
body#login .form .buttons_row button p span {
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #525252;
    display: block;
    height: 30px;
	padding: 7px 40px 0 40px !important;
	background-image: url("../../img/smartphones/grey-red-left.png");
}
body#login .form .buttons_row a {
	width:50%;
	margin:0 auto;
	background:#DDDEE1;
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.01, #DDDEE1),
    color-stop(1, #B4B7BE)
);
background: -moz-linear-gradient(
    center top,
    #DDDEE1 1%,
    #B4B7BE 100%
);
}
body#login .bottomlinks {
	overflow:hidden;
	height:1%;
}
body#login .bottomlinks a {
	float:right;
	width:50%;
	text-align:right;
}
body#login .bottomlinks a:first-child {
	float:left;
	text-align:left;
}
/*
body#login .bottomlinks a:last-child {
	float:right;
}
*/
body#login .footer {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	margin-left: 5px;
	width: 95%;
	font-size: 1.4em;
}
/* Fin Login */

body#login .form .block100 {
	clear: both;
	margin: 0 3.33% 1em;
	width: 93.34%;
}
body#login .form .block {
	height: 1%;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 0;
}

.content .block100 {
	clear: both;
	margin: 0 3.33% 1em;
	width: 93.34%;
}
.content .block {
	height: 1%;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 0;
}

/* Registro */
/*Vip*/
	.registro .title {padding:10px 10px 0 10px}	
	.registro .title h2 {font-size: 1.091em;text-shadow: 0 2px 0 #fff; margin-bottom:5px}
	.registro .title p {text-shadow: 0 2px 0 #fff}	
	.registro button span {
		padding: 7px 15px 0 20px;
	}

/* formulario proceso alta */


.redtitle {
	color:#BD0000;
}
.content .block_form {
	padding: 0 1.2em 0.2em;
}
.content .block_form label, .content .block_form input, .block_form select, .content .block_form p {
    font-size: 1.091em;
    margin-bottom: 0.5em;
}
.content .block_form select {
	width:94%;
	border:1px solid #4c4c4c;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	padding:0.5em;
	background:#e5e5e5;
	vertical-align:middle;
	color:#333;
}
.content .block_form label {
	display:block;
	text-align:left;
	font-weight:bold;
}
.content .block_form input {
	display:block;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:94%;
	border:1px solid #c4c4c4;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	padding:0.5em;
}
.content .block_form .form_row {
	padding-bottom:0.5em;
}
.content .block_form .radioLabel {
	display:inline;
	width:auto;
}
.content .block_form .condicionesLabel {
	display:inline;
	width:auto;
	color:#000;
	font-weight:normal;
}
.content .block_form .condicionesLabel a {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
.content .block_form .radioInput {
	display:inline;
	vertical-align:middle;
	margin:0;
	width:auto;
}
.content .block_form .inputFecha {
	display:inline;
	width:20%;
}
.content .block_form .inputFecha {
	display:inline;
	width:33%;
}
.content .block_form .inputDia {
	width:20%;
}
.content .block_form .preguntaseguridad {
	font-style:italic;
	font-weight:bold;	
	padding-bottom:0.5em;
}
.content .block_form .aclaraInput {
	color:#a6a6a6;
}
.content .block_form .buttons_row {
	padding: 3em 0.5em;
}
.content .block_form .buttons_row a {
	padding:0.4em;
	font-size:1.5em;
}
.content .block_form .buttons_row .button_left {
	float:left;
	width:30%;
}
.content .block_form .buttons_row .button_right {
	float:right;
	width:30%;
}

/* Barras para bonos de consumo */
.bar_container {
	border:1px solid #666;
	padding:1px;
	background:#fff;

/* background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.10, #c0c2c4),
    color-stop(1, #fcfcfc)
);
background: -moz-linear-gradient(
    center top,
    #c0c2c4 10%,
    #fcfcfc 100%
);
-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	*/
	margin-bottom:10px;
}
.bar_content {
	height:2em;
	background:#a8b400;

background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.1, #828c10),
    color-stop(0.5, #bec71e),
	color-stop(1, #899211)
);
background: -moz-linear-gradient(
    center top,
    #828c10 1%,
	#bec71e 50%,
    #474c00 100%
);
/*-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;*/
}

.datosconsumo {
	overflow:hidden;
	height:1%;
	margin-bottom:0;
}
.datosconsumo .consumorestante {
	float:left;
	display:inline;
	border:1px solid #d5d5d5;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background-color:#e6e6e6;
	color:#666;
	padding:0.2em 0.8em;
}
.datosconsumo .consumototal {
	float:right;
	display:inline;
	padding-top:12px;
}

/* secciones con formularios y resultados */

.formsandresults .icon {padding:0}

.formsandresults .title {font-size:1.091em; color:#000; font-weight:bold; margin-bottom:10px !important}

.formsandresults .form {background-color:#fff; margin:7px; padding-top:15px;}	

.formsandresults .form .info p {margin-bottom:0}

.formsandresults .form .box-corner input {border:none; background-color:#fff}	
	
.formsandresults .form .box-corner {float:left; margin-right:3px}		
	
.formsandresults .form .box-corner {width:75px}	
	
.formsandresults .form .box-corner p {padding: 2px 0 3px 7px;}

.formsandresults .form .info {padding-left:15px; padding-right:15px}
.formsandresults .form label {font-size:1.091em; color:#000; font-weight:bold; display:block}
.formsandresults .form input {font-size:1em}
.formsandresults .form .submit {margin-top:10px}


/** resultados buscador de tiendas **/	

.formsandresults .tiendaresults {background-color:#fff; margin:7px; padding:10px 15px 0;}
.formsandresults .zone { border-bottom:solid 1px #cbcbcb; margin-bottom:10px}
.formsandresults .tiendaresult {overflow:hidden;height:1%;}
.formsandresults .tiendaresult div {display:inline;float:left;}
.formsandresults .tiendaresult .tiendahito {
	width:17px;
	height:36px;
	padding:4px 0 0 9px;
	background: url(../../img/wap/bg_hitotienda.gif) no-repeat top left;
	color:#fff;
	font-weight:bold;
}
.formsandresults .tiendaresult .tiendadatos {
	padding:0 0 15px 15px;
}
.formsandresults .tiendaresult .tiendadatos p {
	margin-bottom:0;
	color:#000;
	font-size: 1.091em;
}
.formsandresults .tiendaresult .tiendadatos .title {
	font-size: 1.2em;
	margin-bottom:0 !important;
}
	
/* fin seccion con formularios y resultados */

/* distintas tablas de activaciones */

.activaciones .form {background-color:#fff; margin:7px; padding-top:10px;}
.activaciones .form .zone { border-bottom:solid 1px #cbcbcb; margin-bottom:10px}
.activaciones .form .zone p {padding-left:10px; padding-right:10px; margin-bottom:10px; clear:both}
.activaciones .form .zone p input {vertical-align:middle;}
.activaciones .form .zone p label {color:#000;}
.activaciones .form .zone .table_restricciones .coltext {text-align:left; vertical-align:middle; padding:0 1em 10px 1em; font-size: 1.091em; color:#000}
.activaciones .form .zone .table_restricciones .colradio {width:20%; text-align:center}
.activaciones .form .zone .table_headers .colradio {border:2px solid #fff; border-bottom:0 none; background:#f4f4f4; font-weight:bold; vertical-align:middle; font-size: 1.091em;}
.activaciones .form .zone .table_restricciones .colradio label {display:none}
.activaciones .form label {font-size:1.091em;}
.activaciones .form select {font-size:0.909em;}
.activaciones .submit {padding-top:20px}

/* cambios en paginas consumo */

.box h2 span.bigmoney {
	font-size:2.2em;
	line-height:1;
}
.consumo button span {
    padding: 7px 15px 0 20px;
}

.datosconsumo {
	overflow:hidden;
	height:1%;
	margin-bottom:0;
}
.datosconsumo .consumorestante {
	float:left;
	display:inline;
	border:1px solid #d5d5d5;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	background-color:#e6e6e6;
	color:#666;
	padding:0.2em 0.8em;
}
.datosconsumo .consumototal {
	float:right;
	display:inline;
	padding-top:12px;
}

/* contacto formulario */

.info .contacto {overflow:hidden}
.formsandresults .form  .contacto {font-size: 1.091em}
.formsandresults .form  .contacto a {color:#000000}
.formsandresults .form  .contacto  label {display:inline; float:left; width:20%;line-height:30px} 
.formsandresults .form  .contacto textarea {border:none}
.formsandresults .form  .contacto .box-corner	{width:35%}
.noBG {padding:15px;margin:7px}
.noBG a  {display:block;color:#000000}
.formsandresults .form  .contacto .infoContact {}


/*nuevos estilos fase 3*/

.vip .numeros li.last, .vip .gestion li.last { border-radius:0 0 0 7px}

.vip .gestion { margin:10px 4px}
	.vip .list.gestion li a span.underline { font-size:1.273em}