/*Font Face*/
@font-face { /* for non-IE */
    font-family: 'VodafoneRgRegular';
    src: url('../css/tipos/movil-vodafone_rg.ttf') format('truetype'), url('../css/tipos/movil-vodafone_rg_svg.svg#VodafoneRg') format('svg');
    font-weight:normal;
    font-style:normal
}

/*
src: url('http://localhost/mivodafone/app/css/tipos/movil-vodafone_rg.ttf') format('truetype'), url('../tipos/movil-vodafone_rg_svg.svg#VodafoneRg') format('svg');
*/

/*UTILS*/
.nopadding {padding:0 !important}
.hide {display:none}
.no-visible {visibility:hidden}
.ctr { text-align:center}
.flt { float:left}
.frt { float:right}
.clr { clear:both}
.imgFlt { float:left; margin:0 10px 10px 0}
.imgFrt { float:right; margin:0 0 10px 10px}
.mrg, .ui-btn.mrg{margin-left:10px}
.mrg2, .ui-btn.mrg2{margin-right:10px}
.btMargen div { margin-left:8px}

.clearFix:after, .cambioTarifas:after, .tarifList li:after, .speedBucketServices:after, .consumoNuevo .saldoconsulta:after, .speedBucket:after  { clear: both; display: block; height: 0; visibility: hidden; content: "." }

/*ANDROID : Estilso especificos para Android*/
.android .btBack, .android .noStandarBackButton {display:none}
.android .padding-keyboard{padding-bottom:310px}

/*IPHONE : Estilos especificos para Iphone*/
body {-webkit-touch-callout:none}
.iphone .utils {min-height: 50px}

/*BLACKBERRY : Estilso especificos para Android*/
.web_blackberry .btBack, .web_blackberry .noStandarBackButton {display:none}

/*Version APP login*/
#version-app {padding: 5px;background: #fff;color:#BD0000}
    #version-app span {color:#333}
    .android #version-app { position:absolute; bottom:-195px; padding-bottom:200px; right:0; width:100%; text-align:right}
    .web #version-app {position: absolute;bottom: 0;right:0}
    .iphone #version-app {width:100%;text-align: right}
    .web_blackberry #version-app { text-align:right}


#ok-posibles-acciones  #accionVolver {display: none}



/* F
-----------------------------------------------------------------------------------------------------------*/
/*Tamaños de los textos label de los formularios*/
label.ui-input-text,
label.ui-select,
label.ui-slider {font-size: 14px}
div.ui-slider {left:6px}
.ui-disabled {
    opacity: 0.6;
}
.ui-body-f h2 {margin-top:0}
.ui-bar-f {
		border-top: 1px solid #dcddde;border-right: 1px solid #b4b5b6;border-bottom: 1px solid #a2a2a2;
		border-left: 1px solid #b0b1b1;background:#e9eaeb;color:#414141;
		font-weight: bold;text-shadow: 0  1px 1px #fff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff ), to(#ffffff ));
		background-image: -webkit-linear-gradient(top, #ffffff, #dedede );
		background-image: -moz-linear-gradient(top, #ffffff , #dedede );
		background-image: -ms-linear-gradient(top, #ffffff, #dedede ); 
		background-image: -o-linear-gradient(top, #ffffff , #dedede );
		background-image: linear-gradient(top, #ffffff , #dedede );
		-moz-box-shadow:1px 1px 1px rgba(240,240,240,0.5),inset 0px 0px 2px rgba(241,241,241,1);
		-webkit-box-shadow:	1px 1px 1px rgba(240,240,240,0.5),inset 0px 0px 2px rgba(241,241,241,1);
}
.ui-bar-f.headerLogin{
		border:0;background-image:none;background: -moz-linear-gradient(bottom,#fefefe 0%,#ffffff 32%,#dedede);background: -webkit-gradient(	linear, left bottom, left top, from(#fefefe),color-stop(0.32, #ffffff),	to(#dedede));background-image: linear-gradient(top, #ffffff /*{f-bar-background-start}*/, #dedede /*{f-bar-background-end}*/);-moz-box-shadow:0 0 0 rgba(240,240,240,0.5),inset 0px 0px 0 rgba(241,241,241,1);-webkit-box-shadow:0 0 0 rgba(240,240,240,0.5),inset 0px 0px 0 rgba(241,241,241,1);}
div[data-role='header'] h1 img { width:120px}
.ui-bar-f .ui-grid-b .ui-block-a{width:27%}
.ui-bar-f .ui-grid-b .ui-block-b{width:38.33%}
.ui-bar-f .ui-grid-b .ui-block-a .posCabecera{position:absolute;left:0}
.ui-bar-f  h1{font-size:20px;margin-bottom:0}
.ui-bar-f.ui-header .ui-title, .ui-bar-f .ui-footer .ui-title{margin-bottom:0}
/*.ui-bar-f  h1.login{background:url(../images/logoHeader.png) top left no-repeat;text-align:left;padding-left:27px;font-size:20px}*/
.ui-bar-f  h1.login{text-align:left;}
.ui-bar-f.ui-header .ui-title{margin-left:8px}
.ui-bar-f.ui-header .ui-btn-up-f .ui-btn-inner, .ui-bar-f.ui-header .ui-btn-hover-f .ui-btn-inner {padding:.45em 8px .5em 8px}
.ui-bar-f.ui-header .ui-btn-up-f.btHeadLeft .ui-btn-inner, .ui-bar-f.ui-header .ui-btn-hover-f.btHeadLeft .ui-btn-inner {padding: .35em 8px 0 8px;}
	
	#home .btHeadLeft .ui-btn-inner, #home .ui-btn-hover-f.btHeadLeft .ui-btn-inner { padding:.45em 8px .5em 8px}
	.btHeadRight { height:18px; padding:.45em 8px 4px 8px}
		.headerLogin .ui-block-c .btHeadRight .ui-btn-text, .ui-header .ui-block-c .btHeadRight .ui-btn-text  { line-height:17px}
		.ui-bar-f.ui-header .btHeadRight.ui-btn-up-f .ui-btn-inner.ui-btn-corner-all, .ui-bar-f.ui-header .btHeadRight.ui-btn-hover-f .ui-btn-inner.ui-btn-corner-all { padding:0}
		.btHeadRight span { background-position:100% 50%; background-color:transparent; background-size:auto; background-repeat:no-repeat; padding-right:15px }
		
.ui-bar-f.headerLogin .ui-grid-b .ui-block-a{width:27%}
.ui-bar-f.headerLogin .ui-grid-b .ui-block-b{width:38.33%}
.ui-bar-f.headerLogin .ui-grid-b .ui-block-c{width:34.6%}
.ui-bar-f.headerLogin .ui-btn-up-f.btHeadRight.icoHome .ui-btn-inner, .ui-bar-f.headerLogin .ui-btn-hover-f.btHeadRight.icoHome .ui-btn-inner {padding: .45em 8px 0 8px}
.ui-bar-f.headerLogin .ui-btn-up-f.btHeadRight .ui-btn-inner, .ui-bar-f.headerLogin .ui-btn-hover-f.btHeadRight .ui-btn-inner {float:left}

.ui-bar-f .ui-link {color: 	#2489CE /*{global-link-color}*/;font-weight: bold;}


.ui-body-f {	border: 0 /*{f-body-border}*/;	color: #343434 /*{f-body-color}*/;font-size:14px;text-shadow: 0 /*{f-body-shadow-x}*/ 1px /*{f-body-shadow-y}*/ 0 /*{f-body-shadow-radius}*/ #fff /*{f-body-shadow-color}*/;background: #ffffff /*{f-body-background-color}*/;background-image: none}
.ui-body-f,.ui-body-f input,.ui-body-f select,.ui-body-f textarea,.ui-body-f button {font-family: Helvetica, Arial, sans-serif /*{f-body-font}*/;border-radius:5px}
.ui-body-f h2, .modCondiciones h3 { font-size:23px; color:#bd0000; font-weight:normal; margin-top:0; font-family: 'VodafoneRgRegular'}

.ui-body-f .ui-link-inherit {color: #333333 /*{f-body-color}*/;}
.ui-body-f .ui-link {color: #2489CE /*{global-link-color}*/;font-weight: bold;}
.ui-body-f .ui-link.enlaceAcepto {color: black; padding-top:3px}

.ui-btn-up-f {border: 1px solid #ccc /*{f-bup-border}*/;	background: -moz-linear-gradient(top,#fefefe 0%,#ffffff 32%,#dedede);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),	color-stop(0.32, #ffffff),to(#dedede));font-weight: bold;color: #444 /*{f-bup-color}*/;	text-shadow: none;}
.ui-btn-up-f a.ui-link-inherit {	color: #2F3E46 /*{f-bup-color}*/;}

.ui-btn-hover-f {border: 1px solid #bbb /*{f-bhover-border}*/;background: #dadada /*{f-bhover-background-color}*/;font-weight: bold;	color: #101010 /*{f-bhover-color}*/;text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 1px /*{f-bhover-shadow-radius}*/ #fff /*{f-bhover-shadow-color}*/;background: -moz-linear-gradient(bottom,#fefefe 0%,	#ffffff 32%,#dedede);background: -webkit-gradient(linear, left bottom, left top, from(#fefefe),color-stop(0.32, #ffffff),to(#dedede));text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 1px /*{f-bup-shadow-radius}*/ #f6f6f6 /*{f-bup-shadow-color}*/;}
.ui-btn-hover-f a.ui-link-inherit {color: #2F3E46 /*{f-bhover-color}*/;}
.ui-btn-down-f {	border: 1px solid #808080 /*{f-bdown-border}*/;	background: #fdfdfd /*{f-bdown-background-color}*/;	font-weight: bold;	color: #111111 /*{f-bdown-color}*/;	text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 1px /*{f-bdown-shadow-radius}*/ #ffffff /*{f-bdown-shadow-color}*/;background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{f-bdown-background-start}*/), to(#fdfdfd /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */	background-image: -webkit-linear-gradient(top, #eee /*{f-bdown-background-start}*/, #fdfdfd /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */background-image: -moz-linear-gradient(top, #eee /*{f-bdown-background-start}*/, #fdfdfd /*{f-bdown-background-end}*/); /* FF3.6 */	background-image: -ms-linear-gradient(top, #eee /*{f-bdown-background-start}*/, #fdfdfd /*{f-bdown-background-end}*/); /* IE10 */background-image: -o-linear-gradient(top, #eee /*{f-bdown-background-start}*/, #fdfdfd /*{f-bdown-background-end}*/); /* Opera 11.10+ */background-image: linear-gradient(top, #eee /*{f-bdown-background-start}*/, #fdfdfd /*{f-bdown-background-end}*/);}
.ui-btn-down-f a.ui-link-inherit {color: #2F3E46 /*{f-bdown-color}*/;}
.ui-btn-up-f,.ui-btn-hover-f,.ui-btn-down-f {	font-family: Helvetica, Arial, sans-serif /*{f-button-font}*/;text-decoration: none;}
/*.ui-bar-f .ui-btn-corner-all.ui-btn-up-f,
.ui-bar-f .ui-btn-corner-all.ui-btn-hover-f,
.ui-bar-f .ui-btn-corner-all.ui-btn-down-f {

border-top-left-radius:100px;
border-top-right-radius:3px;
border-bottom-left-radius:100px;
border-bottom-right-radius:3px
}*/
.ui-bar-f .ui-block-b{text-align:center;}
.ui-bar-f .ui-block-c{text-align:right;}

.ui-bar-f .ui-block-a .ui-btn, .ui-bar-f .ui-block-a h1{margin:10px 0 0 7px;font-size:12px}
	.ui-bar-f .ui-block-a .ui-btn.home { top:-1px; padding-bottom:1px}
.ui-bar-f .ui-block-c .ui-btn{margin:10px 7px 0 0;font-size:12px}

.ui-bar-f .ui-btn-up-f {border:1px solid #b2b2b2}
.ui-bar-f .ui-block-a .ui-btn.ui-shadow{	-moz-box-shadow:1px 1px 1px rgba(240,240,240,0.5),	inset 0px 0px 2px rgba(241,241,241,1);-webkit-box-shadow:1px 1px 1px rgba(240,240,240,0.5),inset 0px 0px 2px rgba(241,241,241,1);}
.ui-bar-f .ui-block-c .ui-btn.ui-shadow{ -moz-box-shadow:1px 1px 1px rgba(240,240,240,0.5),inset 0px 0px 2px rgba(241,241,241,1);-webkit-box-shadow:	1px 1px 1px rgba(240,240,240,0.5),inset 0px 0px 2px rgba(241,241,241,1);}

.ui-bar-f .ui-btn-corner-all.ui-btn-up-f.btHeadRight{border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}
.ui-bar-f .ui-btn-corner-all.ui-btn-hover-f.btHeadRight{border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}
.ui-bar-f .ui-select .ui-btn-corner-all{border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}
.ui-btn-corner-all{border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}


.ui-body-f .ui-checkbox .ui-icon {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.ui-body-f .ui-checkbox-on .ui-icon,.ui-body-f .ui-radio-on .ui-icon { background-color:transparent; /*background-image:url(../images/radioOn.png);*/ background-position:0 0;background-repeat:no-repeat; background-size:contain}
.ui-body-f .ui-checkbox-off .ui-icon,.ui-body-f .ui-radio-off .ui-icon { background-color:transparent;/*background-image:url(../images/radioOff.png);*/ background-position:0 0;background-repeat:no-repeat; background-size:contain}
.ui-body-f .ui-icon-radio-on {background-position: 0 0}
.ui-body-f .ui-icon-radio-off {background-position: 0 0}
.ui-body-f .ui-btn-up-f.labelRadio {background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 32%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.32, #ffffff),to(#ffffff));}
.ui-body-f .ui-btn-up-f.labelRadio.ui-corner-bottom{-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;border-bottom-right-radius: 0;}
.ui-body-f .ui-btn-up-f.labelRadio.ui-corner-top{-webkit-border-top-left-radius: 0;border-top-left-radius: 0;-webkit-border-top-right-radius: 0;border-top-right-radius: 0;}
.ui-body-f .ui-btn-hover-f.labelRadio {background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 32%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.32, #ffffff),to(#ffffff));}
.ui-body-f .ui-btn-hover-f.labelRadio.ui-corner-bottom{-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;border-bottom-right-radius: 0;}
.ui-body-f .ui-btn-hover-f.labelRadio.ui-corner-top{-webkit-border-top-left-radius: 0;border-top-left-radius: 0;-webkit-border-top-right-radius: 0;border-top-right-radius: 0;}

.ui-body-f .ui-select {width:100%}
	#contestador.ui-body-f div.ui-select { width:auto}
.ui-body-f .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;}
.ui-body-f .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
.ui-body-f .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
.ui-body-f .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
.ui-body-f .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 14px;  }
.ui-body-f .ui-checkbox, .ui-radio { position:relative;  margin: .2em 0 .5em; z-index: 1;  border:0;background-clip:none }
.ui-body-f .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
.ui-body-f .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
.ui-body-f .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 25px; }

.ui-body-f .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
.ui-body-f .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {right: 15px;left:auto; display:none }
.ui-body-f .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
.ui-body-f .ui-checkbox input,.ui-radio input { position:absolute; left:0; top:37%; width: 20px; height:20px;  margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
	.ui-body-f .ui-radio input[type="radio"] {z-index:3; left:auto; right:14px; top:32%}
.ui-body-f .ui-icon.ui-icon-arrow-d{ /*background-image:url(../images/arrowDown.png);*/ background-position:50% 50%;background-color:transparent;border-radius:0;border:0;-webkit-box-shadow: rgba(255, 255, 255, 0.398438) 0px 0 0px 0px; /*-ui-icon-shadow:0px 0 0 rgba(255,255,255,.4);*/ background-size:contain}
.ui-btn{text-align:left;margin:0}
.ui-btn-up-f .ui-btn-inner, .ui-btn-hover-f .ui-btn-inner {/*padding:8px 10px;*/ padding:8px}
    .btGeneric .ui-btn-up-f .ui-btn-inner, .btGeneric .ui-btn-hover-f .ui-btn-inner, .btGeneric2 .ui-btn-up-f .ui-btn-inner, .btGeneric2 .ui-btn-hover-f .ui-btn-inner { padding:0}
	.btGeneric .ui-btn-up-f .ui-btn-inner .ui-btn-text, .btGeneric .ui-btn-hover-f .ui-btn-inner .ui-btn-text, .btGeneric2 .ui-btn-up-f .ui-btn-inner .ui-btn-text, .btGeneric2 .ui-btn-hover-f .ui-btn-inner .ui-btn-text { padding:8px; display:block}
.ui-btn-up-f{color:#343434}
.ui-btn-hover-f{color:#343434}
input.ui-input-text.ui-body-f, textarea.ui-input-text.ui-body-f{/*padding:8px 10px;*/ padding:8px;font-size:14px;width:95.5%;}
input.ui-input-text.ui-body-f{color:#666;border:1px solid #b2b2b2}
    input.ui-input-text.ui-body-f.ui-focus { border:1px solid #b2b2b2 !important; background:none}

.ui-body-f .ui-field-contain{margin:0 0 15px 0;padding:0}
.ui-body-f .ui-br{border-bottom:0}
.ui-body-f .ui-checkbox label.ui-btn-up-f,.ui-body-f .ui-checkbox label.ui-btn-hover-f{background:none;border:0}
.ui-body-f .ui-checkbox .ui-icon{border-radius:0;-webkit-border-radius: 0;width:0;height:0;background-image:none;background:none}
.ui-body-f .btGeneric, .ui-body-f .btGeneric2 {clear:both;width:100%;float:left;margin-top:15px;margin-bottom:15px}

.twoColsTwoButtons a:nth-child(0),twoColsTwoButtons input:nth-child(0){float:right;}
.twoColsTwoButtons a:nth-child(1), twoColsTwoButtons input:nth-child(0){float:left;}

.ui-body-f .btGeneric.login {margin-top:0}
.ui-body-f .btGeneric .ui-btn.ui-btn-up-f{ background:#843771; background:-moz-linear-gradient(top,#a4438b 0%,#843771 32%,#6a2d5b);background: -webkit-gradient(linear, left top, left bottom, from(#a4438b),color-stop(0.32, #843771),to(#6a2d5b));text-align:center;opacity:none;/*min-width:160px;*/min-width:75px;border-radius:5px;float:right;border:1px solid #6a2d5b;font-weight:normal;color:#fff;-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);box-shadow: 0px 1px 4px rgba(0,0,0,.3)}
	.ui-body-f .btGeneric2 .ui-btn.ui-btn-up-f, .ui-body-f .btGeneric2 .ui-btn.ui-btn-hover-f { float:right}
.ui-body-f .btGeneric .ui-btn.ui-btn-hover-f{background:-moz-linear-gradient(top,#6a2d5b 0%,#843771 32%,#a4438b);background: -webkit-gradient(linear, left top, left bottom, from(#6a2d5b),color-stop(0.32, #843771),to(#a4438b));text-align:center;opacity:none;min-width:75px;border-radius:5px;float:right;border:1px solid #6a2d5b;font-weight:normal;color:#fff;-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);box-shadow: 0px 1px 4px rgba(0,0,0,.3)}
	.ui-body-f .btGeneric .ui-btn.ui-btn-up-f.btGray, .bonosContratados .btGeneric .ui-btn.ui-btn-up-f { border:1px solid #ccc; background:#f0f0f0; background:-moz-linear-gradient(top, #fefefe 0%, #ffffff 32%, #dedede); background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(0.32, #ffffff), to(#dedede)); font-weight:bold; text-shadow:0 1px 1px #f6f6f6; float:left}
		.ui-body-f .btGeneric .ui-btn-hover-f.btGray, .bonosContratados .btGeneric .ui-btn.ui-btn-hover-f { border:1px solid #bbb; background:#dadada; font-weight:bold; color:#101010; text-shadow:0 1px 1px #fff; background: -moz-linear-gradient( bottom, #fefefe 0%, #ffffff 32%, #dedede); background:-webkit-gradient( linear, left bottom, left top, from(#fefefe), color-stop(0.32, #ffffff), to(#dedede)); text-shadow:0 1px 1px #f6f6f6; float:left}
.ui-body-f .btGeneric .ui-btn-inner{border:0;}
.ui-body-f .btGeneric .ui-btn-text{color:#fff;}
	.ui-body-f .btGeneric .btGray .ui-btn-text, .bonosContratados .btGeneric .ui-btn-text { color:#343434}
.ui-body-f .btSpecial{clear:both;width:100%;float:left;margin-top:15px;margin-bottom:15px;text-align:right}
.ui-body-f .btSpecial .ui-btn{min-width:75px;text-align:center}
.ui-body-f .btSpecial .ui-btn.ui-btn-up-f.btDark, .ui-body-f .btGeneric .ui-btn.ui-btn-up-f.btDark {background: -moz-linear-gradient(top,#747474 0%,#565656 32%,#2d2d2d);background: -webkit-gradient(linear, left top, left bottom, from(#747474),color-stop(0.32, #565656),to(#2d2d2d));color:#fff;text-shadow:0 0 0 transparent;}
.ui-body-f .btSpecial .ui-btn.ui-btn-hover-f.btDark, .ui-body-f .btGeneric .ui-btn.ui-btn-hover-f.btDark {background: -moz-linear-gradient(top,#2d2d2d 0%,#565656 32%,#747474);background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d),color-stop(0.32, #565656),to(#747474));color:#fff;text-shadow:0 0 0 transparent;}

.ui-body-f .utils{margin-top:10px;float:left;width:100%;}
.ui-body-f .utils a{display:block;text-decoration:none;margin-bottom:8px}
.ui-body-f.ui-content .ui-listview {margin: 0}
.ui-body-f.ui-content .ui-listview{border-bottom:1px solid #ccc}
.ui-body-f.ui-content .ui-listview li.ui-btn-up-f {background: -moz-linear-gradient(top,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef));border-bottom:0}
.ui-body-f.ui-content .ui-listview li.ui-btn-hover-f {background: -moz-linear-gradient(bottom,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left bottom, left top, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef));border-bottom:0}
.ui-body-f.ui-content .ui-listview li.ui-btn .ui-icon-arrow-r{ /*background-image:url(../images/arrowRight.png);*/ background-position:50% 50%;background-color:transparent; background-size:contain}

#mapa-listado ul{border:1px solid #CCCCCC;border-bottom:0}
.ui-body-f.ui-li-static.ui-li.enabled{background: -moz-linear-gradient(top,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef));border-bottom: 1px solid #CCCCCC;-webkit-border-radius:0 0 0 0; -moz-border-radius:0 0 0 0; border-radius:0 0 0 0}
#mapa-listado .ui-li-aside.ui-li-desc{margin-top:35px}
.tienda-maps-cabecera {height:30px}
#mapa-error-carga {margin-bottom:10px}

#gmap .cargando { text-align:center; padding:100px 0}

img#home-promo-banner{width:100%}

.ui-body-f div.ui-slider {width: 30%;}
.ui-body-f .ui-slider .ui-btn-corner-left{-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius:5px;}
.ui-body-f .ui-slider .ui-btn-corner-right{-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius:5px;}
.ui-body-f .ui-slider.ui-btn-down-f{border:0}

.ui-body-f a.ui-btn-up-f.ui-slider-handle{border:1px solid #919191;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius:5px;  -webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius:5px;}
.ui-body-f a.ui-btn-hover-f.ui-slider-handle {border:1px solid #919191;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius:5px;  -webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius:5px;}
.ui-body-f div.ui-slider-switch a.ui-slider-handle{height:30px;margin-top:-17px;margin-left:-100%;width:97%}
.ui-body-f a.ui-slider-handle .ui-slider-label-b{color:#8b8b8b}
.ui-body-f .slid label, .ui-body-f .slid1 label {width:63%;margin-right:5%; display:block;float:left;padding-top:8px;line-height:17px}
/*.ui-body-f .slid1 label{width:58%;display:block;float:left;padding-top:15px}*/
.ui-body-f fieldset.brdAll{border:1px solid #c4c4c4;padding:6px 11px 0 10px}
.ui-body-f fieldset.brd{border:1px solid #c4c4c4;border-top:0;padding:6px 10px 0 9px;}

.ui-body-f div.brdAll fieldset  {border-bottom: 1px solid  #fff}
.ui-body-f 	div.brdAll fieldset:nth-last-child(1) {border-bottom: 1px solid #ccc}

.ui-body-f .ui-listview.tarifList .ui-btn-up-f .ui-btn-inner, .ui-body-f .ui-listview.tarifList .ui-btn-hover-f .ui-btn-inner{padding:5px}
.ui-body-f .ui-listview.tarifList .ui-li .ui-btn-inner a.ui-link-inherit, .ui-body-f .ui-listview.tarifList .ui-li-static.ui-li{padding:0}

.ui-body-f .ui-listview .ui-li-has-thumb .ui-link-inherit{min-height:23px;padding-left:55px}
.ui-body-f .ui-listview.listHome .ui-li .ui-btn-inner a.ui-link-inherit{padding-top:1em}
.ui-body-f .ui-listview .ui-li-desc{margin: 0 0 .6em 0;overflow: visible;white-space: normal;}

/*Listado num?rico*/
ol.ui-listview.listType01 { border:1px solid #ccc}
	ol.ui-listview.listType01 .ui-link-inherit:before, ol.ui-listview.listType01 .ui-li-static:before, .ui-li-dec { font-size:1em}
		.listType01 .ui-li-divider, .listType01 .ui-li-static { font-weight:normal}
		.listType01 .ui-body-c { background:none; border:none}
		
		
.ui-body-f .capaFacturas{text-align:center}
	.ui-body-f .capaFacturas p { text-align:left}
.ui-body-f .capaFacturas table{width:100%;border:1px solid #c4c4c4;padding:14px 9px 11px 9px}
.ui-body-f .capaFacturas table tr.actual td{color:#bd0000}
.ui-body-f .capaFacturas table td{padding-bottom:10px;text-align:left}
.ui-body-f .capaFacturas table td.total, .ui-body-f .capaFacturas table td.atr{text-align:right}
.ui-body-f .capaFacturas .resumMes{background:#016779;background: -moz-linear-gradient(top,#016071 0%,#007a8f 30%,#0095b0);background: -webkit-gradient(linear, left top, left bottom, from(#016071),color-stop(0.30, #007a8f),to(#0095b0));color:#fff;text-shadow:0 0 0 0 0 transparent;padding:15px 0}
.ui-body-f .capaFacturas .resumMes span{font-size:30px;font-weight:bold;display:block}
.ui-body-f .capaFacturas #grafico img{width:100%}

/*pantalla loading*/
.capaLoading{background: -moz-linear-gradient(top,#e50000 0%,#c60101 32%,#a60303);background: -webkit-gradient(linear, left top, left bottom, from(#e50000),color-stop(0.32, #c60101),to(#a60303));width:100%;height:100%}
.capaLoading img{margin:189px 0 30px 40%;}
.capaLoading p{text-align:center;}

.web .capaLoading{background: -moz-linear-gradient(top,#fff 0%,#fff 32%,#fff);background: -webkit-gradient(linear, left top, left bottom, from(#fff),color-stop(0.32, #fff),to(#fff));width:100%;height:100%}
.web #inicioCargando img{display: none;}

#inicioCargandoWeb img{display: none;}
.web #inicioCargandoWeb img{display: block;}

#ko-index-web {}
#ko-index-web .wrap-logo{height:290px;overflow:hidden}
#ko-index-web a {text-shadow:none;font-size:14px;color:#ff0000;display:block;margin-left:35%}

/*pagina de error*/
.web .ui-body-c { background:#fff}

/*Tarifas*/
.tarifList a { height:60px}
	.tarifList a div.tipoTarifa { width:180px ;height:100%; background:#077f95; white-space:normal; display:inline-table; vertical-align:top; margin:0 10px 0 0; padding:5px 8px}
		.tarifList a span, .tarifList .modDetalle .modPrecio span, .modPrecio span { color:#fff; font-weight:normal;font-size:13px}
			.tarifList a span strong, .tarifList .modDetalle .modPrecio span strong, .modPrecio span strong { display:block; font-size:18px}
		.tarifList a span.text { color:#2F3E46; display:inline-block; padding-top:18px}
	.ui-body-f.ui-content .ui-listview.tarifList li.desp .ui-icon { /*background-image:url(../images/arrowDown2.png);*/ top:33px}
	/*.ui-body-f.ui-content .ui-listview.tarifList li.despSi .ui-icon { background-image:url(../images/arrowUp.png);}*/
		.tarifList .modDetalle { margin-top:10px; display:none}
			.tarifList .modDetalle .modPrecio, .modPrecio { background:#077f95; padding:5px 8px; width:100px; height:50px; text-align:center}
				.tarifList .modDetalle .modPrecio.type2, .modPrecio.type2 { background:#dedede}
					.tarifList .modDetalle .modPrecio.type2 span, .modPrecio.type2 span { color:#343434}
				.modPrecio.type3 { background:#a3b608}
				
		.tarifList a.ui-link-inherit { width:95%}
			.tarifList .modDetalle p.text strong span.red { color:#ff0000}
				
	.ui-body-f .ui-listview.tarifaVozList .ui-li .ui-btn-inner a.ui-link-inherit, .ui-body-f .ui-listview.tarifaVozList .ui-li {padding:2px}	
		.tarifaVozList div.tipoTarifa { width:100px ;height:100%; background:#d9d9d9; white-space:normal; display:inline-table; vertical-align:top; margin:0 10px 0 0; padding:5px 8px}
			.tarifaVozList a span strong { display:block; font-size:18px}
		.tarifaVozList a span.text { display:inline-block; padding-top:18px}
		
	.cambioTarifas { padding:2px; -webkit-box-shadow: 0px 1px 2px 2px #bdbdbd; -moz-box-shadow: 0px 1px 2px 3px #bdbdbd; box-shadow: 0px 1px 2px 3px #bdbdbd; position:relative}
	    .web_blackberry .cambioTarifas { border:2px solid #bdbdbd}
		.cambioTarifas .sep { /*background:url(../images/bck_cambioTarifas.png) no-repeat 100% 0;*/background-repeat:no-repeat; background-position:100% 0; width:15px; height:70px; position:absolute; top:2px; left:47%}
		.cambioTarifas div { width:50%; height:70px; display:inline-table; float:left; background:#d3d3d3; background:-moz-linear-gradient(top,#dadada 0%,#cbcbcb 50%,#c2c2c2); background:-webkit-gradient(linear, left top, left bottom, from(#dadada),color-stop(0.50, #cbcbcb),to(#c2c2c2)); color:#000; padding:6px 0; text-align:center; margin:0 auto }
			.cambioTarifas div span { text-shadow:none; font-size:13px}
				.cambioTarifas div span span { text-shadow:0 1px 0 #000; font-weight:bold}
					.cambioTarifas div.actual span span { text-shadow:0 1px 0 #FFF}
			.cambioTarifas div.actual {background:#016779; background:-moz-linear-gradient(top,#00a2bf 0%,#00839a 50%,#016274); background:-webkit-gradient(linear, left top, left bottom, from(#00a2bf),color-stop(0.50, #00839a),to(#016274)); color:#fff}
				.cambioTarifas div span strong { display:block; font-size:18px}
	#tarifas_con_beneficios .ui-body-f .slid label { font-weight:bold; font-size:16px}
	#tarifas-listado-de-tarifas .ui-listview li a { white-space:normal}
	
	.iphone_5 .cambioTarifas div, .web_blackberry .cambioTarifas div, .web_iemobile .cambioTarifas div { width:48%; height:58px; display:inline-block; padding:6px 2px 6px 4px}
	    .web_blackberry .cambioTarifas div { padding:6px 3px 6px 4px}
	    .web_iemobile .cambioTarifas div { padding:6px 2px 6px 3.5px}
	    .iphone_5 .cambioTarifas div.actual { padding:6px 4px 6px 2px}
		.web_blackberry .cambioTarifas div.actual { padding:6px 4px 6px 3px}

/*pestanias*/
.pestanias { padding:2px; position:relative}
    .pestanias li .sep, .pestanias li.sel .sep { /*background-image:url(../images/bck_pestanias_sep.png);*/ background-repeat:no-repeat; background-position:100% 0; background-color:none; margin:0; padding:0; width:14px; height:35px; position:absolute; top:0}
	.web_blackberry .pestanias li .sep, .web_blackberry .pestanias li.sel .sep, .web_blackberry .pestanias li .sep2, .web_blackberry .pestanias li.first .sep2Done, .web_blackberry .pestanias li.done .sepDone, .web_blackberry .pestanias li.last .sepDone { top:2px}
    .pestanias li .sep2, .pestanias li.first .sep2Done { /*background-image:url(../images/bck_pestanias_sep2.png);*/ background-repeat:no-repeat; background-position:100% 0; background-color:none; margin:0; padding:0; width:14px; height:37px; position:absolute; top:-2px}
        /*.pestanias li.first .sep2Done { background-image:url(../images/bck_pestanias_sep2Done.png)}*/
    .pestanias li.done .sepDone, .pestanias li.last .sepDone { /*background-image:url(../images/bck_pestanias_sepDone.png);*/ background-repeat:no-repeat; background-position:100% 0; background-color:none; margin:0; padding:0; width:14px; height:35px; position:absolute; top:0}
        .pestanias.type2 li .sep, .pestanias.type2 li .sepDone { left:37%;}
.pestanias ul { margin:0; padding:0; position:relative; display:table; width:100%;}
        .pestanias li { height:31px; display:table-cell; padding:2px; -webkit-box-shadow: 0px 1px 2px 2px #bdbdbd; -moz-box-shadow: 0px 1px 2px 2px #bdbdbd; box-shadow: 0px 1px 2px 2px #bdbdbd}
	    .web_blackberry .pestanias li { border:2px solid #bdbdbd}
            .pestanias li.first { -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}
                .pestanias .first .sep, .pestanias .first .sepDone, .pestanias .first .sep2Done { left:23%}
                /*.pestanias .first .sep, .pestanias .first .sepDone, .pestanias .first .sep2Done { left:24%}*/
            .pestanias li.last { -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; padding:2px 2px 2px 1px}
                .pestanias .last .sep, .pestanias .last .sep2, .pestanias .last .sepDone { left:54%}
                    .iphone .pestanias .last .sep, .iphone .pestanias .last .sep2, .iphone .pestanias .last .sepDone {left:49%}
		    .web_blackberry .pestanias .last .sep { left:52%}
            .pestanias li span { text-shadow:none; font-weight:bold; color:#8f8c8c; display:block; background:#f0f0f0; background:-moz-linear-gradient(top,#ffffff 0%,#efefef 50%,#e2e2e2); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.50, #efefef),to(#e2e2e2)); padding:9px 2px 6px 8px}
                .iphone .pestanias li span { padding:7px 2px 6px 8px}
		.web_blackberry .pestanias li span { padding:8px 2px 5px 8px}
                .pestanias.type2 .last span { padding-left:20px}
            .pestanias li.sel { background:#a2a2a2; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
                .pestanias li.sel span { background:#a2a2a2; color:#fff}
            .pestanias li.done span { background:#fff}
	
/*recarga*/
.recarga .pestanias { margin-bottom:20px}
	.recarga .pestanias .first .sep, .recarga .pestanias .first .sepDone, .recarga .pestanias .first .sep2Done { left:31%}
	.recarga .pestanias .last .sep, .recarga .pestanias .last .sep2, .recarga .pestanias .last .sepDone { left:62%}
	    .iphone .recarga .pestanias .last .sep, .web_blackberry .recarga .pestanias .last .sep  { left:59%}
	
.recarga.ui-body-f .slid1 label { width:65%}
.ui-body-f .inline .normal input.ui-input-text.ui-body-f {width:95.5%; display:inline-block; text-align:left; float:none; padding:8px; border:1px solid #B2B2B2}
#recarga_importe__importe 	
/*Ok anticipo*/
#saldo_ok .clr { text-align:center}
	#saldo_ok #ok-anticipo { text-align:center; font-size:20px; font-weight:bold}
	
/*modulo saldo*/
.ui-body-f .tabs .resumMes, .ui-body-f .resumMes {background:#016779; background: -moz-linear-gradient(top,#879801 0%,#94a600 30%,#a0b400);background: -webkit-gradient(linear, left top, left bottom, from(#879801),color-stop(0.30, #94a600),to(#a0b400)); color:#fff; text-shadow:0 0 0 0 0 transparent; padding:15px 0; text-align:center; margin-top:10px}
	.ui-body-f .tabs .resumMes span, .ui-body-f .resumMes span {font-size:30px;font-weight:bold;display:block}
#saldo_list_home { clear:both}

/*saldo
**************/
.contentSaldo{
	padding: 20px 0 0 0;
}

.contentSaldo h2 {
	margin: 0 0 0 10px;
}
.consumoNuevo .saldoconsulta {
	/*border:1px solid #FFFFFF;*/
	padding:0 0 15px;
	margin-bottom:18px; 
	background:#ffffff; 	
	-moz-box-shadow:0px 6px 6px rgba(090,082,090,0.8);
	-webkit-box-shadow:0 12px 6px -5px rgba(090,082,090,0.8);	
}

.saldoconsulta .btGeneric {width: 99%; margin-bottom:0;}

/**
 * Promociones (Listado Carrusel)
 */
 
#promociones [data-role="content"] { padding:0; }
#promociones [data-role="content"] > h2 { padding: 15px 15px 0 15px}
    #promociones .noPromos { padding:0 15px}


/**
 * Agenda
 */
 
form div[data-role="agenda"] { height: 50px; position: relative}
form div[data-role="agenda"] a { position:absolute; left:87%; top:-1px; z-index: 10; width:26px; height:29px; padding:5px}
form div[data-role="agenda"] a img{ position:relative;top:3px; width:25px; height:25px;}
    #saldo__solicitar_traspaso form div[data-role="agenda"] a, #saldo__realizar_traspaso form div[data-role="agenda"] a { left:35%}
    #recarga form div[data-role="agenda"] a { top:0}
    
#agenda-x .ui-header { position:fixed; top:0; z-index:11}
    .android #agenda-x .ui-header { padding-right:1px; border-left:0}
#contenido-agenda form { position:fixed; top:61px; width:100%; z-index:11}
    .android #contenido-agenda form { padding-right:1px}
    #listado-agenda { padding-top:90px}




/**
 * Pestañas  (Consumo)
 */
div.tabs ul.tabLabels{ padding:0px 0px 0; display:table; width:100%; margin:0}
    div.tabs ul.tabLabels li {border: 1px solid #c4c4c4;bottom: -3px;color: #878E92;display: table-cell;font-size: 13px;font-weight: bold;margin: 0 0 0 0;padding: 0; position: relative;text-align: center;height:24px;color:#414141;font-weight: bold;background:#e9eaeb;background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#c0c0c0));background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);background-image: linear-gradient(top, #ffffff, #c0c0c0);-moz-background-clip: padding-box;	-webkit-background-clip: padding-box;	background-clip: padding-box;}
	#saldo div.tabs ul.tabLabels li { width:50%}
	#gestion_bonos div.tabs ul.tabLabels li { width:33%}
	div.tabs ul.tabLabels li.sel {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 0 none; bottom: 0px;height:30px;color: #505659;}
	div.tabs ul.tabLabels li h3 { margin:8px 0}


 
div[data-role="tabs"] > div.tabContent {clear:both;overflow:auto; padding:11px;border:1px solid #c4c4c4; border-top:none;font-size:12px; 	background:white; }


.tabContent table {width:100%}
	.tabContent table th{ background:#f4f4f4; text-align:left; padding:5px}
	.tabContent table td { padding:5px 0 0 5px}
		table .total{font-weight:bold}
		table .atr{text-align:right; padding-left:0}

.tabContent{}

.speedBucket{margin-bottom:0.5em}
.speedBucketGraph{width:100%; position:relative; background:#DEDEDE; height:18px; border:2px solid #cccccc;	-moz-border-radius:2px;	-webkit-border-radius:2px;border-radius:2px; -moz-background-clip: padding-box;	-webkit-background-clip: padding-box; background-clip: padding-box;}

.speedBucketGraph span{
	display:block; 
	position: absolute; 
	top:0; 
	left:0; 
	height:18px;
	-moz-border-radius:2px;	
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background:#919B00;
	background-image: linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);
	background-image: -o-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);	
	background-image: -moz-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);	
	background-image: -webkit-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);	
	background-image: -ms-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, rgb(145,155,0)),color-stop(0.5, rgb(168,180,0)),color-stop(0.85, rgb(180,193,0)));
}

.speedBucketGraph span.bajo{
	background:#E60000;
	background-image: linear-gradient(bottom, rgb(190,0,0) 15%, rgb(230,0,0) 50%, rgb(255,0,0) 85%);
	background-image: -o-linear-gradient(bottom, rgb(190,0,0) 15%, rgb(230,0,0) 50%, rgb(255,0,0) 85%);	
	background-image: -moz-linear-gradient(bottom, rgb(190,0,0) 15%, rgb(230,0,0) 50%, rgb(255,0,0) 85%);	
	background-image: -webkit-linear-gradient(bottom, rgb(190,0,0) 15%, rgb(230,0,0) 50%, rgb(255,0,0) 85%);	
	background-image: -ms-linear-gradient(bottom, rgb(190,0,0) 15%, rgb(230,0,0) 50%, rgb(255,0,0)) 85%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, rgb(190,0,0)),color-stop(0.5, rgb(230,0,0)),color-stop(0.85, rgb(255,0,0)));
}
.speedBucketGraph span.medio{
	background:#EB9700;
	background-image: linear-gradient(bottom, rgb(210,135,0) 15%, rgb(235,151,0) 50%, rgb(255,164,0) 85%);
	background-image: -o-linear-gradient(bottom, rgb(210,135,0) 15%, rgb(235,151,0) 50%, rgb(255,164,0) 85%);	
	background-image: -moz-linear-gradient(bottom, rgb(210,135,0) 15%, rgb(235,151,0) 50%, rgb(255,164,0) 85%);	
	background-image: -webkit-linear-gradient(bottom, rgb(210,135,0) 15%, rgb(235,151,0) 50%, rgb(255,164,0) 85%);	
	background-image: -ms-linear-gradient(bottom, rgb(210,135,0) 15%, rgb(235,151,0) 50%, rgb(255,164,0) 85%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, rgb(210,135,0)),color-stop(0.5, rgb(235,151,0)),color-stop(0.85, rgb(255,164,0)));
}
.speedBucketGraph span.alto{	
	background:#919B00;
	background-image: linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);
	background-image: -o-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);	
	background-image: -moz-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);	
	background-image: -webkit-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);	
	background-image: -ms-linear-gradient(bottom, rgb(145,155,0) 15%, rgb(168,180,0) 50%, rgb(180,193,0) 85%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, rgb(145,155,0)),color-stop(0.5, rgb(168,180,0)),color-stop(0.85, rgb(180,193,0)));
}

.speedBucket .msgConsumo { text-align:right; margin-bottom:5px}
	
.speedBucketServices h4 { font-size: 14px}
	
.SBAdvice { padding-top:1em; position:relative}
#login__estatico .SBAdvice, #login .SBAdvice { padding:0 0 1em}
.SBAdvice div{ border:1px solid #F6B040;	padding:8px 8px 8px 40px; /*background:#ffffeb url(../images/bgInfo.png) 10px 50% no-repeat;*/background-color:#ffffeb; background-position:10px 50%; background-repeat:no-repeat}
.SBAdvice span{ position:absolute; top:3px; left:20px; width:8px; height:10px; /*background:url(../images/bgInfoCall.png) 0px 0px no-repeat;*/background-position:0px 0px; background-repeat:no-repeat; z-index:10}


/* gestion de lineas*/
#gestion_de_lineas #gestion_de_lineas_list .ui-icon  {background: none}
#gestion_de_lineas #gestion_de_lineas_list  .active-item .ui-icon  { background-repeat: no-repeat; background-position:50% 50%; background-size:contain}
#gestion_de_lineas #gestion_de_lineas_list   a p	{font-weight: bold;font-size: 14px}
#gestion_de_lineas #gestion_de_lineas_list .active-item  a{color:#458df8;}

/*gestion d lineas fase 3 nuevo*/

    #gestion_de_lineas #gestion_de_lineas_list a { padding-left:10px}

#gestion_de_lineas #gestion_de_lineas_list span.favorito { width:23px; height:23px; /*background-image:url(../images/ico_favorito_no.png);*/ background-position:50% 50%; background-repeat:no-repeat; background-size:auto; padding:5px; float:left}
    /*#gestion_de_lineas #gestion_de_lineas_list span.num_favorito { background-image:url(../images/ico_favorito_si.png)}
/*********/

/* gestion de lineas fase3 REVISAR!	*/
	.ui-body-f.ui-content .gestion_de_lineas_number_list.ui-listview{margin-bottom:20px;border-bottom:0}
.ui-body-f.ui-content .gestion_de_lineas_number_list.ui-listview .noPadre:nth-last-child(1){border-bottom:1px solid #ccc}
.ui-body-f.ui-content .gestion_de_lineas_number_list_sublista.ui-listview{margin:10px 0 20px 50px}
.ui-body-f.ui-content .gestion_de_lineas_number_list_sublista.ui-listview li.ui-btn-up-f .ui-btn-inner.ul-li{border:0}
.ui-body-f.ui-content .gestion_de_lineas_number_list_sublista.ui-listview li.ui-btn-hover-f .ui-btn-inner.ul-li{border:0}
.ui-body-f.ui-content .gestion_de_lineas_number_list_sublista.ui-listview li.ui-btn-hover-f{border:0}
.ui-body-f.ui-content .gestion_de_lineas_number_list_sublista.ui-listview li.ui-btn-hover-f div.ui-btn-inner{border-bottom:0;}
#gestion_de_lineas_list a.titular {text-decoration:none; cursor:auto}

#gestion_de_lineas_fase3_list h2 { margin-top:10px}
    #gestion_de_lineas_fase3_list #gestion_de_lineas_fase3_number_list_0 { border-bottom:none}


.ui-body-f.ui-content .ui-listview li.ui-btn-up-f.padre{background:none;border:0}
.ui-body-f.ui-content .ui-listview li.ui-btn-hover-f.padre{background:none;border:0}


.ui-body-f.ui-content .ui-listview li.ui-btn-up-f.padre div.ui-btn-inner {border:1px solid #CCCCCC;background: -moz-linear-gradient(top,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef))}
.ui-body-f.ui-content .ui-listview li.ui-btn-up-f.padre ul li.ui-btn-up-f {bordeR:0}
.ui-body-f.ui-content .ui-listview li.ui-btn-hover-f.padre div.ui-btn-inner {border:1px solid #CCCCCC;background: -moz-linear-gradient(bottom,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left bottom, left top, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef))}
.ui-body-f.ui-content .ui-listview li.ui-btn-hover-f.padre ul li.ui-btn-up-f div.ui-btn-inner {bordeR:0}
.ui-body-f.ui-content .ui-listview li.ui-btn-up-f.padre ul li.ui-btn-up-f div.ui-btn-inner {bordeR-bottom:0}
.ui-body-f.ui-content .ui-listview li.ui-btn-up-f.padre ul li.ui-btn-hover-f div.ui-btn-inner {bordeR-bottom:0;background: -moz-linear-gradient(bottom,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left bottom, left top, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef))}

.ui-body-f.ui-li-static.ui-li.enabled.noPadre { background: none; border-bottom: 0;padding:0 0}
.ui-body-f.ui-li-static.ui-li.enabled.padre { background: none; border-bottom: 0;padding:0 0}




label.ui-link-inherit {text-decoration: none !important;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2F3E46;  display: block; padding:15px 8px 14px 8px;padding-right: 25px;border:1px solid #CCCCCC;background: -moz-linear-gradient(top,#ffffff 0%,#efefef 40%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.40, #ffffff),to(#efefef))}
label.ui-link-inherit:nth-last-child(1) {border-bottom:0}

/*maria 08_11_2011*/

.ui-body-f .capaLlamadas table{width:100%;border:1px solid #c4c4c4;padding:0 0 11px 0}
    .ui-body-f .capaLlamadas table td{padding:5px 9px}
	.ui-body-f .capaLlamadas table td.total{text-align:right;font-weight:normal}
	.ui-body-f .capaLlamadas table tr.title{background:#f4f4f4;text-align:left;}
    .ui-body-f .capaLlamadas table th{padding:10px 9px}
    
.ui-body-f .inline.degradado{border:2px solid #cfcfcf;padding:12px 12px 55px 12px;background:-moz-linear-gradient(top,#efefef 0%,#f5f5f5 32%,#ffffff);background: -webkit-gradient(linear, left top, left bottom, from(#efefef),color-stop(0.32, #f5f5f5),to(#ffffff));}
.ui-body-f .inline .ui-field-contain label.ui-select{width:50%;display:block;float:left;padding-top:5px}
.ui-body-f .inline .ui-field-contain label.ui-input-text{width:45%;display:block;float:left;padding-top:5px;margin-right:2%;}
    .web_iemobile .ui-body-f .inline .ui-field-contain label.ui-input-text { margin-right:1%}
.ui-body-f .inline .ui-select .ui-btn select{display:block;float:left;padding-top:15px}
.ui-body-f .inline input.ui-input-text.ui-body-f{ width:48%; display:block; text-align:right; float:left; padding:5px; margin-bottom:5px}
    .ui-body-f .inline input.tarjeta.ui-input-text.ui-body-f{ width:50%; padding:5px 2px}
    .ui-body-f .inline input.ui-input-text.ui-body-f.inputTlf{width:35%;}
.ui-body-f .inline a.listado_numeros{float:left;padding:8px 0 0 5px;}
.ui-body-f .inline .ui-radio .ui-btn{background:none;border:0	}
.ui-body-f .inline .ui-radio input[type="radio"]{ left:auto; right:0; /*display:none*/}
.ui-body-f .inline .ui-radio label.ui-radio-off, .ui-body-f .inline .ui-radio label.ui-radio-on{font-weight:normal;}
.ui-body-f .inline .ui-radio .ui-btn-icon-left .ui-btn-inner {padding-left:0}
.ui-body-f .inline .ui-radio .ui-btn-icon-left .ui-icon {right:0}
.ui-body-f fieldset.brdAll.bg, .ui-body-f fieldset.brd.bg{background:#fff}
.ui-body-f .ui-focus{outline-color:transparent}
.ui-body-f fieldset.brd.mrgBottom{margin-bottom:14px}
.ui-body-f fieldset.brd.dTable{display:table}
.ui-body-f .inline .twoCols{display:table-cell;clear:none;width:50%}
    .ui-body-f .inline .twoCols.colDer { padding-left:10px}
.ui-body-f .inline .twoCols.ui-field-contain label.ui-input-text{display:table-cell;clear:none;width:35%}
.ui-body-f .inline .twoCols input.ui-input-text.ui-body-f{display:table-cell;clear:none;width:45%; float:right}
.ui-body-f .ui-controlgroup .ui-btn-up-f .ui-btn-inner, .ui-body-f .ui-controlgroup .ui-btn-hover-f .ui-btn-inner{padding-left:25px;}
.ui-body-f .ui-controlgroup .ui-btn-up-f .ui-btn-inner .ui-link, .ui-body-f .ui-controlgroup .ui-btn-hover-f .ui-btn-inner .ui-link{color:#444}
.ui-body-f .extraInfo { margin-bottom:10px}
.ui-body-f .extraInfo .ui-listview div.dTable{display:table;width:100%}
.ui-body-f .extraInfo .ui-listview div.dTable p.info1{display:table-cell;width:50%}
.ui-body-f .extraInfo .ui-listview div.dTable p.info2{display:table-cell;width:50%;height:100%;text-align:right;font-weight:bold;}
.ui-body-f.ui-dialog{background:transparent}
.ui-body-f.ui-dialog .ui-bar-f{border-color:#ffffff}
.ui-body-f.ui-dialog .ui-header{padding:0 14px;overflow:visible}
.ui-body-f.ui-dialog .ui-header .ui-btn-left{right:10px;left:auto}
.ui-body-f.ui-dialog .ui-icon{/*background:url(../images/icoCloseDialog.png) no-repeat 0 0;*/ background-repeat:no-repeat; background-position:0 0}
.ui-body-f.ui-dialog .ui-header .ui-btn-left {border-radius:0 0 0 0;webkit-border-radius: 0;border:0;-webkit-box-shadow: 0 0 0 rgba(0,0,0,.3);box-shadow: 0 0 0 rgba(0,0,0,.3);}
.ui-body-f.ui-dialog .ui-header .ui-btn-left.ui-btn-up-f {border:0;background: -moz-linear-gradient(center top , transparent 0%, transparent 32%, transparent) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.32, transparent),to(transparent));}
.ui-body-f.ui-dialog .ui-header .ui-btn-left.ui-btn-hover-f {border:0;background: -moz-linear-gradient(bottom,transparent 0%,transparent 32%,transparent);background: -webkit-gradient(linear, left bottom, left top,from(transparent),color-stop(0.32, transparent),	to(transparent));}



/* BUG JQM
 * Ajustes para los listados de botones para cuando se regeneran via javascript y falla le refresh de JQM.
 * Listado generado en modules.js, clase Forms, metodo listadoRadioButtons
 */

.options-refresh { border:1px solid #ccc;padding:9px 20px 8px 25px;}
.options-refresh:nth-last-child(1) {border-top:none;}
.options-refresh:nth-child(1){border-bottom:none;}
.options-refresh label{ font-weight:bold;color:#333}
.options-refresh input{ text-align:right;float:right}
		.options-refresh.listado-numero-elementos-1 { border:1px solid #ccc; }
.options-refresh.listado-numero-elementos-2:nth-child(1){ border-bottom:1px solid #ccc; }

/*error en numeros vips con los bordes*/
/*fieldset#tarifas_vip_listado_numeros{ border-top:1px solid #ccc; border-radius:0}*/
    fieldset#tarifas_vip_listado_numeros .options-refresh { border:1px solid #ccc; border-bottom:none}
    fieldset#tarifas_vip_listado_numeros  .options-refresh:nth-last-child(1) {border-bottom:1px solid #ccc}

.ok-mensaje{ background-color:#fff;background-repeat:no-repeat;padding-left:58px; min-height:50px}
	/*.mensaje-ok {background-image:url(../images/ico_ok.png)}
	.mensaje-aviso {background-image:url(../images/ico_error.png)}*/
	.ok-mensaje.mensaje-previsualizar {background:none; padding:0}
		.mensaje-previsualizar .gigante, .mensaje-ok .gigante { font-size:20px; font-weight:bold}
		.mensaje-previsualizar .textoLt, .mensaje-ok .textoLt { display:inline-block; width:70%; float:left}
		.mensaje-previsualizar .datosRt, .mensaje-ok .datosRt { display:inline-block; float:right; font-weight:bold}

/** BUG transiciones
* 	http://stackoverflow.com/questions/5953753/flickering-when-navigating-between-pages
*/
body.vodafone{-webkit-backface-visibility: hidden; }

.ui-loader { background:#fff;border:none;color:#999;text-shadow:none;border-radius:0;width:100%;left:0;margin:0;padding:0;position:relative !important;top:250px !important}
    .web_blackberry .ui-loader { top:100px !important}

/*radios de opciones de llamada*/
#opciones_radios { padding:6px}
#opciones_radios .ui-btn-text { display:block; width:85%}
    #opciones_radios.ui-controlgroup-vertical .ui-radio { margin:8px 0; border:1px solid #CCCCCC; border-radius:5px}
	#opciones_radios.ui-controlgroup-vertical .ui-radio .ui-btn-up-f, #opciones_radios.ui-controlgroup-vertical .ui-radio .ui-btn-hover-f { border:none}
.ui-controlgroup-vertical .ui-btn:last-child,.ui-controlgroup-vertical .ui-checkbox:last-child,.ui-controlgroup-vertical .ui-radio:last-childivd{border-bottom-width:1px;position: relative;top: -1px;}


.tabContent .ui-radio .ui-btn-text { display: block; width: 90%}

.formTraspaso input.ui-input-text.ui-body-f.telefono{width:40%}
.formTraspaso .ui-select {width:46.5%}


/* HeroBanner */
#page_Menu-HB.swipe { overflow:hidden}
.swipe {margin:0 15px}
.swipe ul, .swipe ul li {padding:0;margin:0}
.swipe li div.promo {overflow:hidden;padding:0;position:relative;margin:0 auto}
.swipe li div.promo h3{margin-bottom:0;}
.swipe li div.promo div.txtpromo{ margin-bottom:10px}
.swipe li div.promo p{	line-height:1em;margin-top:3px;}
.swipe li div.promo div.text {color:#fff;text-align:left;width:102px;height:124px;padding:7px;position:absolute;top:0;right:0}
.swipe li div.promo div.text p {margin:0 0 4px 0;line-height:1.2em}
nav.bullets-carrusel {height:26px;position:relative}
#position-carrusel {	background-position:center top ; background-repeat:no-repeat; background-color:transparent;text-align:center; color:#b3b3b3;display:block; margin:0 auto; width:272px;height:26px;	z-index:10; padding:5px 0 0}
#position-carrusel li {font-style:normal;display:inline-block;padding:0;margin:0 2px 0 0;background-color:#b3b3b3;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);font-size:0;width:8px;height:8px;	border-radius:8px}
#position-carrusel li.on {background-color:#737373}

/*nuevo consumo*/
.contentConsumo{padding:20px 0 0 0}
.contentConsumo .intro{padding-left:7px}
.consumoNuevo{padding:10px 7px 1px 7px; background: -moz-linear-gradient(top,#ffffff 0%,#cec5c5 40%,#dedede);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.60, #dedede),to(#cec5c5));border-radius:0;}
.consumoNuevo h3{border-bottom:1px solid #cecece;font-size:18px;padding-bottom:3px;font-weight:normal}
.consumoNuevo h4{font-size:18px;font-weight:normal; margin-bottom:10px}
/*.consumoNuevo .speedBucketServices {border:1px solid #cecece;padding:0 11px;background: -moz-linear-gradient(top,#efefef 0%,#ffffff 40%,#f7f7ef);background: -webkit-gradient(linear, left top, left bottom, from(#efefef),color-stop(0.40, #f7f7ef),to(#ffffff));-moz-box-shadow:0px 0px 15px rgba(251,6,6,1),inset 0px 0px 0px rgba(251,6,6,0);-webkit-box-shadow:	0px 0px 15px rgba(251,6,6,1),inset 0px 0px 0px rgba(251,6,6,0);}*/
.consumoNuevo .speedBucketServices { border:1px solid #cecece; padding:0 16px 18px; margin-bottom:18px; background:#f0f0f0; background: -moz-linear-gradient(top,#efefef 0%,#ffffff 40%,#f7f7ef);background: -webkit-gradient(linear, left top, left bottom, from(#efefef),color-stop(0.40, #f7f7ef),to(#ffffff)); -moz-box-shadow:0px 6px 6px rgba(090,082,090,0.8);-webkit-box-shadow:0 12px 6px -5px rgba(090,082,090,0.8);	
}

/*estilos nuevo consumo*/

.speedBucketServices .btGeneric { float:none}
.speedBucket .btGeneric a.ui-btn.ui-btn-up-f, .speedBucket .btGeneric a.ui-btn.ui-btn-hover-f { float:left}
.ui-body-f .speedBucket a.ui-link, .ui-body-f .speedBucketServices .SBAdvice a.ui-link { color:#000; text-decoration:none; font-weight:normal}
    .ui-body-f .speedBucket a.ui-link:hover, .ui-body-f .speedBucketServices .SBAdvice a.ui-link:hover { text-decoration:underline}

/*consulta pin puk*/
.ui-body-f .capaFacturas table.type2 { padding:0; border-bottom:none; margin-bottom:20px}
    table.type2 td { font-weight:bold; border-bottom:1px solid #C4C4C4; padding:10px 9px}
	table.type2 td.atr { font-weight:normal; color:#bbbbbb}
	
/*cobro revertido*/
#formCobro fieldset { float:left; width:68%}
#formCobro .btGeneric { float:right; clear:none; width:20%; margin-top:3px}


/*enlace mas informacion*/
#detalle_de_llamadas .enlaceInfo { padding-right:20px; /*background-image:url(../images/arrowDown2.png);*/ background-position:100% 50%; background-repeat:no-repeat; color:#343434}
    /*#detalle_de_llamadas .enlaceInfo.mostrar { background-image:url(../images/arrowUp.png)}*/
    

/*gestion de bonos fase 3*/
#gestion_bonos2 .tabLabels h3 { font-size:18px}
#gestion_bonos2 .tabContent h4 { font-size:16px}
.bonosContratados { margin-bottom:20px}
    .bonosContratados .btGeneric .ui-btn.ui-btn-up-f, .bonosContratados .btGeneric .ui-btn.ui-btn-hover-f, .bonosContratados .btGeneric .ui-btn-text { float:right}
#gestion_bonos2 .noInput { display:block; font-size:14px; padding:9px 0 8px}
#gestion_bonos2 .tabContent p, #gestion_bonos2 .noInput span { font-weight:normal}
    #gestion_bonos2 .tabContent p { font-size:14px}


/*botones prev next carrusel*/
.slider { position:relative}
.swipe {margin:0 25px}
.web .swipe li div.promo { padding:0 15px}
    .iphone .swipe li div.promo, .web_iphone .swipe li div.promo, .android .swipe li div.promo, .web_android .swipe li div.promo { padding:0}
    .web_blackberry .swipe li div.promo { padding:0 20px 0 25px}
	.web_iphone .swipe .prevnext, .iphone .swipe .prevnext, .android .swipe .prevnext, .web_android .swipe .prevnext { display:none}
    .swipe .prevnext a { background-color:#DEDEDE; background-image:-moz-linear-gradient(center top, #FFFFFF, #DEDEDE); background-position:left bottom; background-repeat:repeat-x; border:1px solid #B4B4B4; border-radius:30px 30px 30px 30px; display:inline-block; height:55px; position:absolute; top:38px; width:48px; z-index:10}
	.prevnext span, .prevnext span { background-color:transparent; display:block; height:20px; position:absolute; right:5px; top:18px; width:20px; background-repeat:no-repeat; text-indent:-9999px}
    .slider #page_Menu-HB-PrevButton { left:-25px}
	.slider #page_Menu-HB-PrevButton span { /*background-image:url(../images/arrowLeft.png);*/ right:3px}
    .slider #page_Menu-HB-NextButton { right:-25px; left:inherit}
	.slider #page_Menu-HB-NextButton span { /*background-image:url(../images/arrowRight2.png);*/ left:10px}

/*.ui-listview img.ui-li-thumb { height:100%}*/

/*rsce gestion add on*/
#listDatosAddOn { margin-left:20px}
    #listDatosAddOn dt { float:left; margin-right:10px; width:135px; text-align:right}
    
/*modulo con dos botones*/
.modBotones .btGeneric { clear:none; width:auto}
    
/*estilos nuevos del evolutivo fase3 para la recarga de pagina en registro*/ 
.textoInfo { float:right; margin-right:4%; padding:0 0 10px; font-size:12px; font-style:italic}
.SBAdvice.alerta div { background-color:#fff; border:2px solid #cc0000; color:#cc0000; font-weight:bold}
