html {
background-color:#FFF!important
}
body {
width:100%;
padding:0;
margin:0;
background-color:#FFF!important
}
.margin-top-30 {
margin-top:75px!important
}
.margin-left-50 {
margin-left:50px!important
}
.content-tablas {
width:95%;
margin:auto
}
.solicitudes-pendientes-mis-solicitudes img {
height:15px!important
}
.pagination {
margin:auto;
text-align:center;
width:100%;
position:relative;
top:10px;
display:block!important
}
.hide {
display:block
}
.CajaCosto,.PosicionValor,.TitulosControlesM,.TitulosControlesM2,.ValorCosto,.ValorCosto2,.ValorTransaccion,.posicionM {
font-size:.75rem!important;
line-height:1!important
}
div.tablasTres .CajaCosto, div.tablasTres .ValorCosto {
width: 33.33%;
}
.btn-right2 {
text-align:right!important;
margin-top:10px;
margin-bottom:10px;
width:69%
}
#contenedor-menu {
margin:auto;
text-align:center;
width:100%
}
.subcontenedor-menu {
margin:auto;
text-align:center
}
.iconoMenu {
float:left;
width:25%;
height:auto
}
.textomenu1 {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:26px;
color:#666;
position:relative;
top:-80px;
left:13px;
line-height:24px
}
.link {
cursor:pointer;
text-decoration:none
}
.textomenu2 {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:26px;
color:#666;
position:relative;
top:-80px;
line-height:24px
}
.textomenu3 {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:26px;
color:#666;
position:relative;
left:5px;
top:-80px;
line-height:24px
}
.textomenu4 {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:26px;
color:#666;
position:relative;
left:-20px;
top:-80px;
line-height:24px
}
#DescripcionTarifas {
margin:auto;
width:100%
}
.Descripcion {
margin-left:5%
}
.ImagenTarifas {
float:left
}
.TituloDescripcion {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:1.9em;
color:red;
text-align:left;
float:left;
margin-left:5%
}
.TextoDescripcion {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:1.5em;
color:#999;
float:left;
width:60%;
margin-left:5%;
margin-top:20px
}
#CajaTitular {
clear:both;
text-align:center;
background-color:#f5f6f7;
background-position:top;
margin:auto;
width:100%;
height:80px;
border-bottom:2px solid #CCC;
position:relative;
bottom:44px;
top:70px
}
.TitularBeneficios {
margin:auto;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:30px;
color:red;
padding-top:20px;
width:100%
}
.TituloVigencia {
clear:both;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:1.5em;
color:#666;
margin-left:10%;
margin-top:130px
}
.Titulotablas {
clear:both;
margin-left:50px!important;
margin-top:20px;
font-weight:400;
width:80%
}
.Titulotablas2 {
clear:both;
margin-left:50px!important;
margin-top:20px;
text-align:left!important;
font-weight:400
}
.Titulotablas3 {
clear:both;
margin-top:71px;
text-align:left!important;
margin-bottom:0;
font-weight:400
}
#TablaTarifas {
margin:auto;
text-align:center;
/*! width:100%; */
}
#TablaTarifas2 {
margin:auto;
text-align:center;
width:100%;
position:relative;
top:50px
}
#TablaTarifas3 {
margin:auto;
text-align:center;
width:100%;
position:relative;
top:50px;
display:none
}
.ContenedorTablas {
margin:auto!important;
text-align:center;
width:90%
}
.tabla-seis{
width: 33.3% !important;
}
.ContenedorTablas2 {
text-align:center;
width:100%;
margin-bottom:40px!important
}
.CajaTransaccion {
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem;
width:25%;
height:45px;
float:left;
padding-top:13px;
text-transform:uppercase;
border-bottom:1px solid #DBDBDB
}
.CajaTransaccion-slider {
text-align:center;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem;
width:50%;
height:70px;
float:left;
padding-top:13px;
text-transform:uppercase;
border-bottom:1px solid #DBDBDB;
background-color:#2A3139
}
.text-decoration-underline {
color:#2C3339!important;
text-decoration:underline
}
.CajaCosto {
text-align:center;
color:#2C3339;
font-family:Lato,Helvetica,Arial,sans-serif;
width:25%;
height:45px;
float:left;
padding-top:13px;
position:relative;
text-transform:uppercase;
border-bottom:1px solid #DBDBDB
}
.CajaCosto-slider {
text-align:center;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem;
width:50%;
height:70px;
float:left;
padding-top:13px;
position:relative;
text-transform:uppercase;
border-bottom:1px solid #DBDBDB;
background-color:#2A3139;
color:#FFF
}
.ValorTransaccion {
font-family:Lato,Helvetica,Arial,sans-serif;
font-size:.75rem!important;
width:25%;
height:70px!important;
padding-top:13px;
text-align:left;
float:left;
padding-bottom:5px;
position:relative;
color:#2C3339;
border-bottom:1px solid #DBDBDB;
border-left:1px solid #DBDBDB
}
.ValorTransaccion-slider {
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem!important;
width:50%;
height:190px!important;
padding-top:57px;
text-align:center;
float:left;
padding-bottom:5px;
position:relative;
color:#2C3339;
border-bottom:1px solid #DBDBDB;
border-left:1px solid #DBDBDB
}
.ValorTransaccion2 {
background-color:#FFF;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
color:#6b7179;
width:49.9%;
min-height:40px;
text-align:left;
float:left;
padding-bottom:5px;
border-right:1px solid #CCC
}
.PosicionValor,.PosicionValor2 {
padding-left:20px
}
.ValorCosto {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
width:25%;
height:70px;
text-align:center;
float:left;
border-bottom:1px solid #DBDBDB
}
.ValorCostoB {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:25%;
height:70px;
padding-top:13px;
text-align:center;
float:left;
padding-bottom:5px;
border-bottom:1px solid #DBDBDB;
border-right:1px solid #DBDBDB
}
.ValorCostoC {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:75%;
height:70px;
padding-top:13px;
text-align:center;
float:left;
padding-bottom:5px;
border-bottom:1px solid #DBDBDB;
border-right:1px solid #DBDBDB
}
.ValorCosto-slider {
font-size:.75rem!important;
color:#2C3339;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:50%;
height:190px;
text-align:left;
float:left;
border-bottom:1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
padding: 56px 23px 0px 30px;
}
.ValorCosto2 {
background-color:#FFF;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
color:#6b7179!important;
width:49%;
height:45px;
padding-top:13px;
text-align:center;
float:left;
padding-bottom:5px
}
.textoDerechos {
clear:both;
padding-bottom:30px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
color:#999;
text-align:center;
margin-top:80px
}
.controles {
padding:4px;
cursor:pointer;
position:absolute;
top:15px
}
.col10,.col11,.col2,.col3,.col4,.col6,.col7,.col8,.col8.col9 {
display:none
}
.atras,.atras2 {
left:10px
}
.atras3 {
left:1px
}
.adelante,.adelante2,.adelante3 {
right:10px
}
@media only screen and (max-width:480px) {
.Titulotablas {
clear:both;
margin-left:20px!important;
margin-top:20px;
font-size:1.125rem;
font-weight:400
}
.Titulotabla-rojo {
clear:both;
width:85%;
margin:auto
}
.Titulotabla-rojo2 {
clear:both;
width:85%;
margin:auto;
font-size:15px!important
}
.textomenu1 {
font-size:.8em;
position:relative;
top:-40px;
left:8px;
line-height:13px
}
.textomenu2 {
font-size:.8em;
position:relative;
top:-40px;
line-height:13px
}
.textomenu3 {
font-size:.8em;
position:relative;
left:5px;
top:-40px;
line-height:13px
}
.textomenu4 {
font-size:.8em;
position:relative;
left:-5px;
top:-40px;
line-height:13px
}
.IconoDejate {
width:85px;
height:90px
}
.IconoNovedades,.IconoTarifas {
width:75px;
height:90px
}
.IconoPuntos {
width:86px;
height:90px
}
.FranjaLineaM {
background:0 0;
background-image:url(Imagenes/FranjaMovil.jpg);
width:100%;
background-position:top;
background-repeat:repeat-x
}
#CajaTitular {
height:50px;
position:relative;
top:20px
}
.TitularBeneficios {
font-size:1.1em;
padding-top:15px
}
.SubtitulosBeneficios {
font-size:1.1em;
margin-left:4%
}
.ImagenTarifas {
width:30%
}
.TituloDescripcion {
font-size:1.1em
}
.TextoDescripcion {
font-size:.8em;
margin-top:10px
}
.TituloVigencia {
font-size:1em;
margin-top:60px
}
.Titulotablas3 {
margin-left:20px!important;
font-size:1.125rem;
font-weight:400
}
.CajaTransaccion {
height:30px;
padding-top:10px
}
.CajaCosto {
font-size:1em;
height:30px;
padding-top:10px
}
.ValorTransaccion {
height:40px;
padding-bottom:10px;
position:relative;
left:5px
}
.ValorCosto {
height:30px;
padding-top:13px;
padding-bottom:5px
}
.ValorTransaccion2 {
height:40px;
padding-top:13px;
padding-bottom:10px;
padding-bottom:5px;
word-break:inherit;
line-height:1
}
.PosicionValor {
padding-left:0;
position:relative
}
.ValorCosto2 {
width:49%;
height:40px;
padding-top:13px;
padding-bottom:10px;
padding-bottom:5px
}
.posicionM {
position:relative;
top:10px;
font-size:.75rem!important
}
.PosicionValor2 {
padding-left:0
}
.ContenedorTablas {
margin:auto!important;
height:auto
}
.atras,.atras2,.atras3 {
left:1px
}
.adelante,.adelante2 {
right:1px
}
.adelante3 {
right:10px
}
.controles {
position:absolute;
top:5px
}
.TitulosControlesM {
width:55%;
margin:auto;
top:25%;
position:relative;
color: #fff;
text-align: center;
}
.TitulosControlesM2 {
font-size:.7em;
top:-9px;
width:50%;
margin:auto
}
}
@media only screen and (min-width:699px) {
.btn-right2 {
text-align:right!important;
margin-top:10px;
margin-bottom:10px;
width:95%!important
}
.textomenu1 {
font-size:1.1em;
position:relative;
top:-60px;
left:8px;
line-height:20px
}
.textomenu2 {
font-size:1.1em;
position:relative;
top:-60px;
line-height:20px
}
.textomenu3 {
font-size:1.1em;
position:relative;
left:5px;
top:-60px;
line-height:20px
}
.textomenu4 {
font-size:1.1em;
position:relative;
left:-5px;
top:-60px;
line-height:20px
}
.IconoDejate {
width:142px;
height:150px
}
.IconoNovedades,.IconoTarifas {
width:125px;
height:150px
}
.IconoPuntos {
width:143px;
height:150px
}
.FranjaLineaM {
background:0 0;
background-image:url(Imagenes/FranjaMovil.jpg);
width:100%;
background-position:top;
background-repeat:repeat-x
}
.FranjaLineaM2 {
background:0 0;
background-image:url(Imagenes/FranjaMovil2.jpg);
width:100%;
background-position:top;
background-repeat:repeat-x
}
#CajaTitular {
height:50px;
position:relative;
top:30px
}
.TitularBeneficios {
font-size:1.1em;
padding-top:15px
}
.SubtitulosBeneficios {
font-size:1.1em;
margin-left:4%
}
.ImagenTarifas {
width:30%
}
.TextoDescripcion {
margin-top:10px
}
.TituloVigencia {
margin-top:60px
}
.CajaTransaccion {
height:50px;
padding-top:10px
}
.CajaCosto {
height:50px;
padding-top:19px;
background-color:#2A3139;
color:#FFF
}
.ValorTransaccion {
height:40px;
padding-top:10px;
position:relative
}
.ValorCosto {
font-size:.8em;
padding-top:13px;
padding-bottom:5px
}
.ValorTransaccion2 {
width:49.9%;
height:40px;
padding-top:13px;
padding-bottom:10px;
padding-bottom:5px
}
.PosicionValor {
padding-left:0;
position:relative;
left:5px
}
.ValorCosto2 {
width:49%;
height:40px;
padding-top:13px;
padding-bottom:10px;
padding-bottom:5px
}
.posicionM {
position:relative;
top:10px
}
.PosicionValor2 {
padding-left:0
}
.ContenedorTablas {
margin:30px auto;
margin-bottom:40px!important;
width:100%;
}
.atras,.atras2,.atras3 {
left:1px
}
.adelante,.adelante2 {
right:1px
}
.adelante3 {
right:10px
}
.controles {
position:absolute;
top:5px
}
.TitulosControlesM {
font-size:.8em
}
.TitulosControlesM2 {
font-size:.8em;
position:relative;
top:-9px;
width:55%;
margin:auto
}
}
.clear {
clear:both
}
@media (max-width:699px) {
.Titulotabla-rojo {
clear:both;
width:85%;
margin:auto;
text-align:left;
margin-bottom:20px
}
.btn-right2 {
text-align:right!important;
margin-top:10px;
margin-bottom:10px;
width:85%!important
}
#TablaTarifas,#TablaTarifas2,#TablaTarifasP,.hide {
display:none;
}
#TablaTarifasP,.hide {
display:block;
}
#TablaTarifas3 {
margin:auto;
text-align:center;
width:100%;
position:relative;
top:10px;
display:block
}
.Titulotablas3 {
margin-left:50px
}
.margin-left-50 {
margin-left:0!important
}
}
.CajaTransaccion {
text-align:left;
padding-left:none!important;
background-color:#2A3139
}
@media all and (min-width:301px) and (max-width:480px) {
.CajaTransaccion-slider {
text-align:left;
padding-left:18px!important
}
}
@media all and (min-width:100px) and (max-width:476px) {
.btn-right2 {
text-align:center!important;
margin-top:10px;
margin-bottom:10px;
width:90%!important
}
}
@media all and (min-width:475px) and (max-width:549px) {
.btn-right2 {
text-align:center!important;
margin-top:10px;
margin-bottom:10px;
width:100%!important
}
}
@media (max-width:300px) {
.TitularBeneficiosM {
top:0
}
.textomenu1,.textomenu2 {
font-size:.6em
}
.textomenu3 {
font-size:.6em;
line-height:13px
}
.textomenu4 {
font-size:.6em;
line-height:16px
}
.TituloNovedad {
font-size:.6em
}
.BloqueNovedad1,.BloqueNovedad2,.BloqueNovedad3 {
height:auto!important
}
.TextosNovedad {
line-height:1
}
.ImagenTarifas {
width:93%
}
.TextoDescripcion {
width:100%
}
.TitularBeneficios,.TituloDescripcion {
font-size:1em
}
.TitularBeneficios {
padding-top:6px
}
#TablaTarifas,#TablaTarifas2 {
display:none
}
}
@media (min-width:300px) {
.ValorTransaccion {
height:20px;
padding-top:4px;
line-height:1
}
.PosicionValor {
width:100%;
height:auto;
position:relative;
left:3px;
line-height:1
}
}
@media only screen and (min-width:699px) and (max-width:1019px) {
.ValorTransaccion {
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem!important;
width:25%;
height:110px!important;
padding-top:13px;
text-align:left;
float:left;
padding-bottom:5px;
position:relative;
color:#2C3339;
border-bottom:1px solid #DBDBDB;
border-left:1px solid #DBDBDB
}
.ValorCosto {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:25%;
height:110px;
text-align:center;
float:left;
border-bottom:1px solid #DBDBDB
}
.ValorCostoB {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:25%;
height:110px;
padding-top:13px;
text-align:center;
float:left;
padding-bottom:5px;
border-bottom:1px solid #DBDBDB;
border-right:1px solid #DBDBDB
}
.ValorCostoC {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:75%;
height:110px;
padding-top:13px;
text-align:center;
float:left;
padding-bottom:5px;
border-bottom:1px solid #DBDBDB;
border-right:1px solid #DBDBDB
}
}
.TablasCuatro{
width: 25% !important;
}
.tablas-cinco{
width: 50% !important;
}
.TablasSiete{
width: 14.28% !important;
}
.Tablasdivisas{
width: 50% !important;
}
.CajaCosto-tb-acciones {
text-align:center;
color:#2C3339;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem;
width:14%;
height:45px;
float:left;
padding:13px 0;
position:relative;
text-transform:uppercase;
border-bottom:1px solid #DBDBDB
}
.width-table-seguros-1{
width:12.3% !important;
}
.width-table-seguros-2{
width: 14% !important;
}
.width-table-seguros-3{
width:24.5% !important;
}
.CajaCosto-tb-accionesP {
text-align:center;
color:#2C3339;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
font-size:.75rem;
width:14%;
height:45px;
float:left;
padding:13px 0;
position:relative;
text-transform:uppercase;
border-bottom:1px solid #DBDBDB;
background-color:#2A3139;
color:#FFF;
}
.ValorCosto-tb-acciones {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:14%;
height:70px;
text-align:center;
float:left;
border-bottom:1px solid #DBDBDB
}
.ValorCosto-tb-accionesP {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:14%;
height:70px;
text-align:center;
float:left;
border-bottom:1px solid #DBDBDB
}
@media only screen and (max-width:480px) {
.CajaCosto-tb-acciones {
font-size:1em;
height:30px;
padding-top:10px
}
.CajaCosto-tb-accionesP {
font-size:0.7em;
height:30px;
padding-top:10px;
background-color:#2A3139;
color:#FFF
}
.ValorCosto-tb-acciones {
height:30px;
padding-top:13px;
padding-bottom:5px
}
.ValorCosto-tb-accionesP {
height:30px;
padding-top:13px;
padding-bottom:5px;
}
}
@media only screen and (min-width:699px) {
.CajaCosto-tb-acciones {
height:80px;
padding-top:19px;
background-color:#2A3139;
color:#FFF
}
.CajaCosto-tb-accionesP {
height:80px;
padding-top:19px;
background-color:#2A3139;
color:#FFF
}
.ValorCosto-tb-acciones {
font-size:.8em;
padding-top:13px;
padding-bottom:5px
}
.ValorCosto-tb-accionesP {
font-size:.8em;
padding-top:13px;
padding-bottom:5px
}
}
@media only screen and (min-width:699px) and (max-width:1019px) {
.ValorCosto-tb-acciones {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:14%;
height:110px;
text-align:center;
float:left;
border-bottom:1px solid #DBDBDB
}
.ValorCosto-tb-accionesP {
font-size:.75rem!important;
color:#2C3339!important;
font-family:Lato,Helvetica,Arial,sans-serif;
line-height:normal;
width:14%;
height:110px;
text-align:center;
float:left;
border-bottom:1px solid #DBDBDB
}
}
.WidtTable{
width:33% !important;
height:80px !important;
}
.WidtPuntosP{
width:50% !important;
height:80px !important;
}
.WidtPuntosP2{
width:25% !important;
height:80px !important;
}
.WidtPuntosP3{
width:33% !important;
height:80px !important;
}
.WidtPuntosP3-n{
width:33% !important;
height:40px !important;
}
.WidtPuntosP3-p{
width:33% !important;
height:48px !important;
}
.WidtPuntosP3-pp{
width:33% !important;
height: 120px !important;
padding-left: 15px;
padding-right: 15px;
}
.WidtPuntosP5{
width:20% !important;
height:80px !important;
}
.WidtPuntosP5-p{
width:20% !important;
height:48px !important;
}
.WidtPuntosP5-pp{
width:20% !important;
height:186px !important;
margin-left: 25%;
}
.WidtPuntosP5-pp1{
width:20% !important;
height:186px !important;
}