/*Venta Online Mobile*/
html.eol41
{
background: none;
background-color: #FFF;
}
.eol41 #pag-contenido, .eol41 #pag-contenido-brd1, .eol41 #pag-contenido-brd2
{
background:none;
display: block;
}
.eol41 #pag-cont-2
{
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}
#cabecera-contratacion-mobile
{
width: 100%;
margin: 0 auto;
float: left;
}
#logo-cabecera
{
width:60px;
height:60px;
float: left;
margin-left:10px;
}
#precio-carrito-cabecera
{
width: ;
float: right;
margin-right: 10px;
margin-top:5px;
}
#precio-cabecera
{
width:177px;
height:50px;
background-image: url("/webektest/sandwich/bg_precio.gif");
background-repeat: no-repeat;
float: left;
margin-right:10px;
padding-left:5px;
}
.importe-cabecera
{
float: left;
}
.precio-entero
{
color: #ffffff;
font-family: "ITCAvantGardeGothicStdDemi",Verdana,Geneva,sans-serif;
font-size: 42px;
float: left;
}
.precio-decimal
{
color: #ffffff;
font-family: "ITCAvantGardeGothicStdDemi",Verdana,Geneva,sans-serif;
font-size: 24px;
float:left;
}
.euros-mes-cabecera
{
color: #ffffff;
float:left;
font-size: 18px;
line-height:11px;
margin-left:4px;
margin-top: 11px;
}
.euros-mas-mes-cabecera
{
color: #ffffff;
float:left;
font-size: 12px;
line-height:11px;
margin-left:4px;
margin-top: 11px;
}
.catch--inline2
{
float:left;
}
.catch--inline2 h4
{
font-size:12px !important;
}
.catch--inline2 .carrito-completar .precio p
{
font-size: 3.5em !important;
}
.catch--inline2 .carrito-completar .precio p span span
{
float:left;
font-family:"ITCAvantGardeGothicStdBook" !important;
font-size:18px !important;
}
.catch--inline2 .carrito-completar .precio p span
{
font-size:12px !important;
margin-top:5px !important;
}
.catch--inline2 .carrito-completar .precio p img
{
display:none !important;
}
@media (max-width:530px){
#precio-cabecera {
background-image: url("/webektest/sandwich/bg_precio_recorte_flecha.gif");
background-repeat: no-repeat;
float: left;
height: 50px;
margin-right: 10px;
padding-left: 5px;
width: 140px;
}
.precio-entero {
color: #ffffff;
font-family: "ITCAvantGardeGothicStdDemi",Verdana,Geneva,sans-serif;
font-size: 36px;
float: left;
}
.precio-decimal {
color: #ffffff;
font-family: "ITCAvantGardeGothicStdDemi",Verdana,Geneva,sans-serif;
font-size: 18px;
float: left;
}
.euros-mes-cabecera {
color: #ffffff;
float: left;
font-size: 13px;
line-height: 11px;
margin-left: 4px;
margin-top: 11px;
}
}
#boton-carrito-cabecera
{
width:59px;
height:55px;
float: left;
cursor: pointer;
}
#titulo-has-elegido
{
width:98%;
float: left;
margin-top: 10px;
margin-left: 1%;
margin-right: 1%;
background-image: url("/webektest/sandwich/linea.gif");
background-repeat: repeat-x;
background-position:left 11px;
}
.texto-has-elegido
{
width:100px;
float: left;
color:#ff6600;
font-size: 15px;
font-family: "ITCAvantGardeGothicStdBook",Verdana,Geneva,sans-serif;
background-color:#ffffff;
}
.info-has-elegido
{
width:100%;
float: left;
margin-top:7px;
padding-bottom:5px;
background-image: url("/webektest/sandwich/linea.gif");
background-repeat: repeat-x;
background-position:left bottom;
}
.txt-elegido
{
float: left;
color: #6d6e71;
font-size:22px;
font-family: "ITCAvantGardeGothicStdBook";
}
.elegido-iconos
{
float: right;
margin-top: 5px;
display: inline;
}
.elegido-iconos li
{
float:left;
margin-left: 5px;
}
.pasos-contratacion
{
width:98%;
float: left;
margin: 0 auto;
margin-left: 1%;
margin-right: 1%;
margin-top: 10px;
}
.lista-pasos-contratacion
{
width:334px;
margin:0 auto;
}
#navigator a.borrar
{
color: #ed8415;
display: block;
margin: 20px;
text-decoration: underline;
}
ul.mensaje
{
color: #666;
font-size: 12px;
text-align: center;
}
ul.mensaje .mensaje02
{
display: none;
}
.alert
{
font-size: 12px;
}
.carousel-inner .opciones
{
width:98%;
margin-left:1% !important;
margin-right:1% !important;
}
div.iradio_minimal
{
float: left;
}
.carousel-inner .opciones label
{
width:90%;
/*float: left;*/
}
.selec
{
color: #ffffff;
}
#contenido-central
{
width:98%;
float: left;
margin-left: 1%;
margin-right: 1%;
margin-top: 10px;
}
#pag-contenido .cont-izq
{
width:100%;
margin: 0 auto;
float: left;
height: auto !important;
}
.carousel-inner
{
width:100%;
margin: 0 auto;
float: left;
min-height: 195px !important;
}
.carousel-inner h4
{
font-size:13px;
}
.carousel-inner .elemet .mas-opciones
{
position: relative;
right: 0px;
top: 0px;
margin: 0 0 0 15px;
font-size: 13px;
}
.carousel-inner .opciones
{
margin: 0 0 0 15px !important;
font-size:13px !important;
}
.carousel-inner .opciones li span
{
margin-bottom: 3px;
font-size:13px !important;
/*float: left;*/
vertical-align: middle;
}
.carousel-inner .opciones label, .carousel-inner .opciones input
{
font-size: 13px !important;
}
#navigator
{
right:0;
margin-top:60px;
z-index:10000;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
width:100%;
}
#navigator .colum-der
{
background:white;
width:280px;
right: 0;
margin-top:60px;
}
.descuentos span.precio-descuento
{
padding-left: 5px;
}
.navegador-fases
{
background: -moz-linear-gradient(top, #cccccc 0%,#f2f2f2 100%) repeat-x scroll center top #f1f1f1;
background: -ms-linear-gradient(top, #cccccc 0%,#f2f2f2 100%) repeat-x scroll center top #f1f1f1;
background: -webkit-linear-gradient(top, #cccccc 0%,#f2f2f2 100%) repeat-x scroll center top #f1f1f1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f2f2f2',GradientType=0 );
height: 63px;
width: 100%;
float:left;
margin-top:15px;
}
#navegador-fases {
height: 63px;
width: 100%;
background: url("/webektest/sandwich/bg-sigant.png") #f1f1f1 repeat-x top center;
background-image: -webkit-linear-gradient(top, #cccccc, #f2f2f2);
background-image: -moz-linear-gradient(top, #cccccc, #f2f2f2);
background-image: -o-linear-gradient(top, #cccccc, #f2f2f2);
background-image: linear-gradient(top, #cccccc, #f2f2f2);
float:left;
position:relative !important;
}
.ecc-cntrl-btn.ecc-cntrl-btn4 span
{
/*line-height:31px !important;*/
line-height:27px !important;
}
.ecc-cntrl-btn.ecc-cntrl-btn4.anterior span
{
/*line-height:31px !important;*/
line-height:27px !important;
}
.ecc-cntrl-btn.ecc-cntrl-btn4.anterior.volver-al-asistente span
{
line-height:29px !important;
text-align: center;
}
label
{
font-size: 13px;
}
/*-------- INICIO PASO1 ----------------------------------*/
#pasos-contratacion-mobile-paso1
{
width:334px;
height:25px;
float: left;
background-repeat: no-repeat;
background-image: url("/webektest/sandwich/cab1_completa.png");
display: inline;
}
#pasos-contratacion-mobile-paso1 li
{
float: left;
font-family: "ITCAvantGardeGothicStdBook",Verdana,Geneva,sans-serif;
font-size: 14px;
color: #333;
}
.fase1-paso1
{
width: 97px;
height: 21px;
float: left;
margin-right:9px;
padding-top:4px;
padding-left:3px;
}
.fase2-paso1
{
width:60px;
height: 21px;
float: left;
margin-right:11px;
padding-top: 4px;
text-align: center;
}
.fase3-paso1
{
width:60px;
height: 21px;
float: left;
margin-right:20px;
padding-top:4px;
text-align: center;
}
.fase4-paso1
{
width:66px;
height: 21px;
float: left;
padding-top: 4px;
text-align: center;
}
.carousel-inner
{
padding: 0;
}
.ecc-cntrl-btn.ecc-cntrl-btn4.mostrar_siguiente
{
background-image: url("/webektest/sandwich/btn2-2-brd2.png");
float: right;
height: 32px;
margin-right: 15px;
margin-top: 18px;
padding-right: 24px;
text-transform: uppercase;
}
.ecc-cntrl-btn.ecc-cntrl-btn4.anterior-final.des
{
background-image: url("/webektest/sandwich/btn2-2-brd2-left-des.png");
background-position: left top;
height: 32px;
margin-left: 15px;
margin-top: 18px;
padding-left: 22px;
text-transform: uppercase;
}
.ecc-cntrl-btn.ecc-cntrl-btn4.anterior-final span
{
background-image: url("/webektest/sandwich/btn2-2-brd1-left-des.png");
background-position: right top;
height: 32px;
line-height: 27px;
margin-left: 2px;
padding-left: 6px;
padding-right: 18px;
}
/*#lineaFijo
{
width: 100%;
float: left;
background-color: orange;
}*/
#navegador-mobile_0
{
width: 100%;
float: left;
}
#navegador-mobile_1
{
width: 100%;
float: left;
}
#navegador-mobile_2
{
width: 100%;
float: left;
}
#navegador-mobile_3
{
width: 100%;
float: left;
}
.control-group
{
margin-bottom: 10px !important;
}
.opciones #pasar-numero-datos0 p, .opciones #mantener-numero-datos0 p, .opciones #pasar-numero-datos1 p, .opciones #mantener-numero-datos1 p
{
font-size: 12px !important;
}
.aviso-sim
{
width: 50% !important;
font-size: 10px !important;
line-height: normal !important;
}
.mantener-num
{
width: 96.5%;
}
.lbl-prepago
{
color: red;
}
#lineaCombinados
{
min-height: 120px;
}
/*-------- FIN PASO1 ----------------------------------*/
/*-------- INICIO PASO2 ----------------------------------*/
#pasos-contratacion-mobile-paso2
{
width:334px;
height:25px;
float: left;
background-repeat: no-repeat;
background-image: url("/webektest/sandwich/cab2_datospersonales.png");
display: inline;
}
#pasos-contratacion-mobile-paso2 li
{
float: left;
font-family: "ITCAvantGardeGothicStdBook",Verdana,Geneva,sans-serif;
font-size: 14px;
color: #333;
}
.fase1-paso2
{
width:48px;
height: 21px;
float: left;
margin-right:24px;
padding-top:4px;
text-align: center;
}
.fase2-paso2
{
width:138px;
height: 21px;
float: left;
padding-top:4px;
margin-right:23px;
text-align: center;
}
.fase3-paso2
{
width:36px;
height: 21px;
float: left;
margin-right:25px;
padding-top:4px;
text-align: center;
}
.fase4-paso2
{
width:34px;
height:21px;
float: left;
padding-top:4px;
text-align: center;
}
.carousel-inner-paso2
{
border: 1px solid #cccccc;
margin-left: 1px;
/*padding: 0 0 63px;*/
width:100%;
float: left;
}
.carousel-inner-paso2
{
margin-top: 5px;
}
.carousel-inner-paso2 #fase2
{
float: left;
margin: 0;
width: 100%;
}
.carousel-inner-paso2 .opciones
{
font-size: 14px;
line-height: 19px;
margin: 15px;
margin-bottom: 10px;
/*margin: 0 0 10px 15px;*/
}
.carousel-inner-paso2 .opciones li
{
width: 100%;
float: left;
margin-bottom: 5px;
}
#btnPiso
{
vertical-align: top !important;
}
.carousel-inner-paso2 .datos-personales
{
background-image: url("/webektest/sandwich/icono-datospersonales.png");
background-position: 20px 10px;
background-repeat: no-repeat;
padding-left: 65px;
}
#contenido-datos-personales-usuario
{
/*width: 96%;
float: left;
margin-bottom:15px;
margin-left: 30px;*/
float: left;
/*background-color: red;*/
}
.carousel-inner-paso2 .datos-bancarios
{
background-image: url("/webektest/sandwich/icono-datosbancarios.png");
background-position: 20px 10px;
background-repeat: no-repeat;
padding-left: 65px;
}
.carousel-inner-paso2 #cuentasNuevoCliente ul input
{
margin-left:15px;
}
.carousel-inner-paso2 .confirmacion
{
background-image: url("/webektest/sandwich/icono-confirmacion.png");
background-position: 20px 10px;
background-repeat: no-repeat;
padding-left: 65px;
}
.carousel-inner-paso2 h4
{
color: #333333;
font-family: "ITCAvantGardeGothicStdDemi",verdana,sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 30px;
margin: 6px 0 0;
padding-left: 0;
}
.carousel-inner-paso2 h4.subrayado
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #e6e6e6;
font-family: "ITCAvantGardeGothicStdDemi",verdana,sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 30px;
margin: 14px 3px 8px;
padding: 0 0 2px 5px;
}
.carousel-inner-paso2 label, .carousel-inner-paso2 input
{
vertical-align: top;
}
.carousel-inner-paso2 .list-datos input, .carousel-inner-paso2 .list-datos select
{
font-size: 13px;
}
.carousel-inner-paso2 .list-datos
{
width: 96%;
float: left;
margin-left: 2%;
margin-bottom: 15px;
}
#soy-client-datos
{
float: left;
width: 96%;
margin-left:20px;
}
.carousel-inner-paso2 .list-datos .nombre-dato
{
color: #323232;
display: inline-block;
font-family: "OpenSans",sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-right: 10px;
text-align: right;
width:40%;
}
.parrafo-etiqueta
{
color: #323232;
display: inline-block;
font-family: "OpenSans",sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 20px;
text-align: right;
float:left;
width:30%;
}
.parrafo-etiqueta .nombre-dato
{
width: 100% !important;
}
.parrafo-mensaje
{
width:54%;
float: left;
margin-right: 1%;
margin-left: 3%;
text-align: center;
}
.parrafo-mensaje input
{
width:92%;
}
.carousel-inner-paso2 .mensaje
{
text-align: left;
width:95%;
/*margin-left:5%;*/
}
.mensaje-lineas
{
margin-left: 13px;
}
#contenido-datos-personales
{
/*width: 80%;
float: left;
margin-bottom:15px;
margin-left: 30px;*/
float: left;
clear: both;
}
#direccion
{
/*width: 80%;
float: left;
margin-bottom:15px;
margin-left: 30px;*/
float: left;
}
#direccion .mensaje
{
margin-left: 10px;
}
#lineasActivas
{
margin-left: 10px;
}
#soy-client-datos
{
display: none;
}
#datos-personales-usuario
{
display: none;
}
#datos-personales
{
display: none;
}
.ultimo-elemento-medio
{
padding-bottom: 5px;
}
.mensaje-tel-mail
{
margin-left: 50px;
}
.btn-sp
{
margin-top: 15px;
margin-bottom: 15px;
}
.capa-boton
{
width: 100%;
float: left;
}
/*-------- FIN PASO2 ----------------------------------*/
/*-------- INICIO PASO3 ----------------------------------*/
#pasos-contratacion-mobile-paso3
{
width:334px;
height:25px;
float: left;
background-repeat: no-repeat;
background-image: url("/webektest/sandwich/cab3_datosbancarios.png");
display: inline;
}
#pasos-contratacion-mobile-paso3 li
{
float: left;
font-family: "ITCAvantGardeGothicStdBook",Verdana,Geneva,sans-serif;
font-size: 14px;
color: #333;
}
.fase1-paso3
{
width:48px;
height: 21px;
float: left;
margin-right:24px;
padding-top:4px;
text-align: center;
}
.fase2-paso3
{
width:36px;
height: 21px;
float: left;
padding-top:4px;
margin-right:23px;
text-align: center;
}
.fase3-paso3
{
width:138px;
height: 21px;
float: left;
margin-right:25px;
padding-top:4px;
text-align: center;
}
.fase4-paso3
{
width:36px;
height:21px;
float: left;
padding-top:4px;
text-align: center;
}
#cuentasNuevoCliente .list-datos label
{
padding-left: 15px;
}
#lblAutorizacion
{
padding-left: 0px !important;
}
.dos-columnas
{
width:90%;
float: left;
margin-bottom: 10px;
}
#datos-cuentas ul li
{
width:100%;
/*float: left;*/
}
.elegir-cuenta
{
width:150px !important;
margin: 0 auto;
}
.btn-block.elegir
{
margin-top:10px !important;
}
#btn-anadir-cuenta
{
width: 100%;
float: left;
}
.anadir-cuenta
{
/*width: 100%;*/
float: left;
margin-top: 15px;
margin-left: 18px;
margin-bottom: 15px;
}
#nuevaCuenta
{
width: 96%;
margin-left: 18px;
float: left;
}
#cuentasNuevoCliente
{
margin-top: 20px;
}
/*-------- FIN PASO3 ----------------------------------*/
/*-------- INICIO PASO4 ----------------------------------*/
#pasos-contratacion-mobile-paso4
{
width:334px;
height:25px;
float: left;
background-repeat: no-repeat;
background-image: url("/webektest/sandwich/cab4_confirma.png");
display: inline;
}
#pasos-contratacion-mobile-paso4 li
{
float: left;
font-family: "ITCAvantGardeGothicStdBook",Verdana,Geneva,sans-serif;
font-size: 14px;
color: #333;
}
.fase1-paso4
{
width:48px;
height: 21px;
float: left;
margin-right:24px;
padding-top:4px;
text-align: center;
}
.fase2-paso4
{
width:57px;
height: 21px;
float: left;
padding-top:4px;
margin-right:23px;
text-align: center;
}
.fase3-paso4
{
width:58px;
height: 21px;
float: left;
margin-right:25px;
padding-top:4px;
text-align: center;
}
.fase4-paso4
{
width:92px;
height:21px;
float: left;
padding-top:4px;
text-align: center;
}
#contenido-fase4
{
/*margin-left: 15px;*/
}
.acepto
{
margin-top: 10px;
padding-top: 10px;
}
#texto-acepto
{
width:90%;
float: left;
margin-top:3px;
}
.parrafo-enlace-condiciones
{
padding-top:3px;
padding-left: 5px;
}
.carousel-inner-paso2 .list-datos .acepto a
{
color: #ed8415;
text-decoration: underline;
}
/*-------- FIN PASO4 ----------------------------------*/
.parrafo-h3
{
background-color: #e6e6e6;
height: 55px;
width: 100%;
display: table;
}
.parrafo-h3 h3 {
font-size:19px;
line-height: normal;
vertical-align: middle;
display: table-cell;
}
/*-------- AUTÓNOMOS ----------------------------------*/
ul.mensaje .mensaje01
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.opciones li label
{
color: #333333;
font-family: "ITCAvantGardeGothicStdBook";
font-size: 13px;
}
.carousel-inner-paso2 .anadir-cuenta
{
background: url("/webektest/imgs/ventaOnline_empresa/icono-nueva.png") no-repeat scroll left center rgba(0, 0, 0, 0);
color: #ed8415;
display: block;
font-size: 14px;
margin: 20px 10px 10px 20px;
padding-left: 20px;
text-decoration: underline;
}
.cont-izq
{
padding-bottom: 0 !important;
}
.autorizo
{
float: left;
margin-top: 10px;
}
/*################################ Estilos para mostrar imagen terminal en proceso de contratacion paso 1 MOVIL #############################3333333*/
.mobile-img-group{
display: inline-block !important;
width:100%;
position: relative;
vertical-align: top;
padding: 8px;
border-right: 1px solid #ddd;
margin: auto;
}
.mobile-img-group__left{
width: 30%;
display: inline-block;
vertical-align: top;
}
.mobile-img-group__right{
width: 68%;
display: inline-block;
}
.mobile-img-group__right__color{
width: 22px;
height: 22px;
border-radius: 3px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
.mobile-img-group__right__title{
font-size:18px;
width: 100%;
padding-right: 10px;
}
/******* MEDIA QUERIES - TABLET *********/
.carousel-inner .opciones li {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 600px) {
.carousel-inner .opciones label {
width: auto;
float: none;
}
.carousel-inner .opciones li {
border-bottom: none;
}
}