* {
    margin: 0 auto;
    padding: 0;
}

html {
    position: relative;
    min-height: 100%;
    background: #ffffff !important;
}

body {
    background: #ffffff !important;
    cursor: default;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

img {
    border: 0;
}

a,
a:hover {
    text-decoration: none;
}

b,
strong {
    font-weight: 700;
}

.ocultar {
    display: none;
}

body>img {
    height: 0;
}

#wrapper {
    width: 100%;
    height: auto;
    padding: 146px 0 0 0;
    z-index: 997;
    position: relative;
    float: left;
/*    margin-top: -20px;*/
}

.wrapper {
    width: 990px;
    height: auto;
    float: left;
    position: relative;
    left: 50%;
    margin: 0 0 0 -495px;
}

.set {
    width: 100%;
    height: auto;
    float: left;
}

.arrow-left,
.arrow-right {
    width: 50%;
    height: auto;
    float: left;
    display: block;
}

.arrow-left-plus {
    width: 55%;
    height: auto;
    float: left;
    display: bloc
}

.arrow-right-plus {
    width: 45%;
    height: auto;
    float: left;
    display: block;
}

#slider {
    width: 990px;
    height: 300px;
    float: left;
    position: relative;
}

#slider .slides {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

#slider .slides img {
    float: left;
    width: 100%;
    height: auto;
    border: 0;
}

#slider .slick-dots {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

#slider .slick-dots li {
    float: left;
    margin: 5px;
}

.login-enlace {
    display: none;
}

#login-widget {
    width: 217px;
    height: 255px;
    position: absolute;
    top: 15px;
    right: 15px;
    box-sizing: border-box;
    z-index: 994;
    overflow: hidden;
    border-radius: 5px;
}

.login-sn .login-body {
    width: 100%;
    height: 121px;
    background: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px 0 10px;
    box-sizing: border-box;
}

.login-sn .login-supernet {
    background: #ffffff;
    padding-top:5px; 
    padding-bottom:10px; 
}

.login-enlace .login-body {
    width: 100%;
    height: 80px;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 4;
    box-shadow: 0 7px 3px -3px rgba(0, 0, 0, .2);
}

.login-enlace .login-body img {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.login-sn .title,
.login-enlace .title {
    color: #9C9C9C;
    margin-bottom: 5px;
    font-size: 17px;
    text-align: center;
}

.login-enlace .access .title {
    margin-top: 10px;
    color: #ffffff;
}

.login-enlace .title,
.login-enlace .field {
    line-height: normal;
}

.login-sn .field input[type="password"] {
    width: 100%;
    height: 29px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none !important;
    border: 1px solid #C2C2C2;
}

.login-sn .field input[type="password"]:focus {
    outline: none !important;
    border: 1px solid #6D6D6D;
}

.login-sn .lw-list {
    text-align: center;
}

.login-enlace .lw-list {
    text-align: center;
    line-height: normal;
    margin-top: 5px;
}

.login-sn .btn-go,
.login-enlace .btn-go {
    width: 100%;
    height: 30px;
    background: #Ec0000;
    color: #ffffff;
    font-size: 15px;
    display: block;
    float: right;
    line-height: 30px;
    text-align: center;
    margin-top: 7px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    outline: none;
    border: none;
}

.login-sn .btn-go:hover,
.login-enlace .btn-go:hover {
    background: #6D6D6D;
}

.login-sn .btn-go-turquesa {
    display:block; 
    width: 90%;
    height: 30px;
    background: #1BB3BC;
    color: #ffffff;
    /*float: left;*/
    margin: 0 5%;
    border-radius: 3px;
    cursor: pointer;    
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    font-weight:bold; 
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;    
}

.login-sn .btn-go-turquesa:hover {
    background: #159ea6;
}

.login-sn .btn-go-gray {
    width: 90%;
    height: 30px;
    background: #6D6D6D;
    color: #ffffff;
    float: left;
    margin: 5px 5% 0 5%;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.login-sn .btn-go-gray:hover {
    background: #ec0000;
}

.login-sn .lw-list {
    font-size: 8px;
    margin: 0 1px;
    color: #C2C2C2;
    margin-top: 5px;
}

.login-enlace .lw-list {
    font-size: 8px;
    margin: 0 1px;
    color: #ffffff;
    margin-top: 5px;
}

#login-widget .lw-list a:hover {
    color: #ec0000;
}

#login-widget .login-footer {
    width: 100%;
    height: 60px;
    background: #F2F2F2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    color: #444444;
    font-size: 10px;
    padding: 4px 0 0 0;
    box-sizing: border-box;
    z-index: 3;
    position: relative;
    box-shadow: 0 7px 3px -3px rgba(0, 0, 0, .2);
}

.login-sn .access {
    width: 100%;
    height: 38px;
    line-height: 42px;
    margin-top: -5px;
    background: #B30000;
    color: #ffffff;
    font-size: 11px;
    padding: 0 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    position: relative;
}

.login-enlace .access {
    width: 100%;
    height: 160px;
    line-height: 44px;
    margin-top: -129px;
    background: #B30000;
    color: #ffffff;
    font-size: 11px;
    padding: 0 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    position: absolute;
    text-align: center;
}

.login-enlace .access input[type="password"] {
    width: 100%;
    height: 29px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none !important;
    border: 1px solid #C2C2C2;
    color: #000000;
}

#reset-widget {
    line-height: 54px;
}

#login-widget .access a {
    color: #ffffff;
}

.login-sn .access span.text {
    width: 95%;
    float: left;
}

.login-enlace .access span.text {
    width: 85%;
    float: left;
    margin-left: 10px;
}

#login-widget .access span.line {
    color: #800000;
    margin-left: 5px;
    font-size: 13pt;
}

.login-sn .access span.arrow {
    width: 9px;
    height: 15px;
    background: url('../images/graphics.png') no-repeat;
    background-position: -9px -866px;
    float: left;
    margin: 13px 0 0 0;
}

.login-enlace #reset-widget span.arrow {
    width: 9px;
    height: 18px;
    background: url('../images/graphics.png') no-repeat;
    background-position: -9px -866px;
    float: right;
    margin: 18px 0 0 0;
}

.sant-columns {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 20px 0;
}

.sant-columns .col-left {
    width: 75%;
    float: left;
}

.sant-columns .col-right {
    width: 25%;
    float: left;
}

.inner {
    padding: 0 10px;
}

.inner .exchange:last-child .exchange-head {
    border-top: none;
}

.inner .exchange:nth-child(2) .exchange-head {
    border-top: none;
}

.exchange-head {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    background: #F0F0F0;
    color: #6D6D6D;
    font-size: 9pt;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    float: left;
}

.exchange-head .title,
.exchange-head .icon {
    float: left;
}

.exchange-head .icon {
    width: 10px;
    height: 6px;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -315px;
    display: block;
    float: right;
    margin: 11.5px 0;
}

.exchange:first-child .exchange-head .icon {
    width: 6px;
    height: 10px;
    background: url('../images/graphics.png') no-repeat;
    background-position: -10px -313px;
    display: block;
    float: right;
    margin: 8.5px 0;
}

.exchange-body {
    width: 100%;
    font-size: 10pt;
    color: #6D6D6D;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    display: none;
}

.exchange-body td {
    padding: 7px;
    box-sizing: border-box;
}

.exchange-body td.dis {
    font-size: 8pt;
    padding: 10px 0;
}

.twin {
    width: 50%;
    height: auto;
    float: left;
}

#shareholders {
    height: 35px;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    font-size: 8pt;
    text-align: center;
/*    margin-bottom: 10px;*/
    margin-bottom: 0;
    float: left;
    margin-top: 34px;
}

#shareholders .lonely {
    height: 34px;
    padding: 0 5px;
    font-size: 9pt;
    position: relative;
    cursor: pointer;
}

#shareholders span {
    float: left;
    line-height: normal;
    margin-top: 5px;
}

#shareholders .arrow {
    width: 6px;
    height: 10px;
    background: url('../images/graphics.png') no-repeat;
    background-position: -10px -313px;
    display: block;
    float: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%);
    right: 0;
    margin-top: 0;
}

#shareholders .espacios {
    padding: 2px 0;
}

#shareholders .lonely {
    border-left: none;
    padding-left: 20px;
}

.side-list {
/*    margin: 10px 0 0 0;*/
    margin:0;
}

.side-list li {
    margin-left: 20px;
    list-style-image: url('../images/bullet-dot.png') !important;
    list-style-position: outside;
}

.side-list li a {
    color: #6D6D6D;
    font-size: 9pt;
}

.side-list li a:hover {
    color: #ec0000;
    text-decoration: none;
}

#tabs {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
}

#tabs ul li {
    float: left;
}

#tabs ul li a {
    width: 142px;
    height: 34px;
    display: block;
    color: #C2C2C2;
    text-align: center;
    line-height: 34px;
    font-size: 8pt;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

#tabs ul li:first-child a {
    border-bottom: none;
}

#tabs ul li:last-child a {
    border-right: 1px solid #DDDDDD;
}

#tabs ul li a span.icon {
    width: 34px;
    height: 32px;
    display: block;
    float: left;
    /*background: #f0f0f0 url('../images/graphics.png') no-repeat;*/
    background: #f0f0f0 url('../images/tab-sprites.png') no-repeat;
}

#tabs ul li a span.tab-cards {
    background-position: 0 -33px;
}

#tabs ul li a span.tab-mortgage {
    background-position: -34px -33px;
}

#tabs ul li a span.tab-credit {
    background-position: -68px -241px;
}

#tabs ul li a span.tab-insurance {
    background-position: -102px -241px;
}

#tabs ul li a span.tab-rewards {
    background-position: -136px -241px;
}

#tabs ul li a span.tab-plus {
    background-position: -293px -208px;
}

#tabs ul li a span.text {
    width: 105px;
    height: 34px;
    display: block;
    float: left;
}

.tab-list {
    position: relative;
    background: #ffffff;
    float: left;
    z-index: 97;
}

.tab-list ul li:nth-child(1) a {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.tab-list ul li:nth-child(2) a {
    border-right: 1px solid #DDDDDD;
}

.tab-list ul li:nth-child(3) a {
    border-right: 1px solid #DDDDDD;
}

.tab-list ul li:nth-child(4) a {
    border-right: 1px solid #DDDDDD;
}

.tabs {
    /*height: 258px;*/
    height: 242px;
    border: 1px solid #DDDDDD;
    margin-top: -2px;
    position: relative;
    float: left;
    z-index: 90;
    padding: 15px 15px 10px 15px;
    overflow: hidden;
}

.bg {
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: -1;
}

#tab-2,
#tab-3 {
    position: relative;
}

.trip {
    width: 33.33%;
    height: 195px;
    float: left;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    background: #ffffff;
}

.trip:last-child {
    border-right: none;
}

.insurance img {
    margin-top: 40px;
}

.rewards .trip div:first-child {
    height: 160px;
}

.insurance .trip div:last-child,
.rewards .trip div:last-child {
    height: 35px;
}

.rewards .hold {
    padding: 10px 35px;
    box-sizing: border-box;
    text-align: left;
    font-size: 10pt;
}

.rewards .hold img {
    margin-bottom: 10px;
}

.red-bar-container {
    background: #ec0000;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 10pt;
}

.ui-widget * {
    outline: none !important;
}

.ui-tabs-active a {
    color: #ec0000 !important;
    font-weight: bold;
    font-size: 10pt !important;
}

.ui-tabs-active a span.tab-cards {
    background-position: 0 0 !important;
}

.ui-tabs-active a span.tab-mortgage {
    background-position: -34px 0 !important;
}

.ui-tabs-active a span.tab-credit {
    background-position: -68px -207px !important;
}

.ui-tabs-active a span.tab-insurance {
    background-position: -102px -207px !important;
}

.ui-tabs-active a span.tab-rewards {
    background-position: -136px -207px !important;
}

.ico-plus {
    background: #F2F2F2 url('../images/isotipo-positivo.png')no-repeat;
    background-position: 8px 6px !important;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    padding: 16px 16px;
}

.card-block,
.rewards {
    width: 100%;
    height: auto;
    float: left;
    color: #6D6D6D;
}

.insurance .get-it,
.rewards .get-it {
    margin-right: 10px;
}

.card-block .twin {
    width: 50% !important;
    /*height: 195px;*/
    height: 225px;
    padding: 0 40px;
}

.card-block .twin .set:first-child {
    height: 160px;
}

.card-block .twin .set:last-child {
    height: 35px;
}

.card-block .twin:first-child {
    border-right: 1px solid #DDDDDD;
}

.card-block h4 {
    color: #7F7F7A;
}

.card-block .card-bull {
    font-size: 9pt;
}

.card-block .card-bull li {
    width: 100%;
    margin-left: 10px;
    list-style-image: url('../images/bullet-dot.png') !important;
    list-style-position: outside;
}

#cards,
#rewards {
    position: relative;
    width: 100%;
    height: 214px !important;
    overflow: hidden;
}

.card-gfx {
    margin: 0 10px 10px 0;
    float: left;
}

#slider .slick-prev,
#slider .slick-next {
    display: none !important;
}

.tabs .slick-prev {
    width: 21px;
    height: 37px;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -780px;
    display: block;
    outline: none !important;
    border: none !important;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99;
}

.tabs .slick-next {
    width: 21px;
    height: 37px;
    background: url('../images/graphics.png') no-repeat;
    background-position: -21px -780px;
    display: block;
    outline: none !important;
    border: none !important;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99;
}

.tabs .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#slider .slick-dots li {
    width: 13px;
    height: 13px;
    outline: none !important;
    border: none !important;
    border-radius: 100%;
    background: #D8D8D8;
    margin: 0 5px;
    cursor: pointer;
}

#slider .slick-dots .slick-active {
    width: 13px;
    height: 13px;
    outline: none !important;
    border: none !important;
    border-radius: 100%;
    background: #444444;
    margin: 0 5px;
}

.tabs .slick-dots li {
    width: 9px;
    height: 9px;
    outline: none !important;
    border: none !important;
    border-radius: 100%;
    background: #D8D8D8;
    margin: 0 5px;
    cursor: pointer;
}

.tabs .slick-dots .slick-active {
    width: 9px;
    height: 9px;
    outline: none !important;
    border: none !important;
    border-radius: 100%;
    background: #444444;
    margin: 0 5px;
}

.tabs .tab-inner .twin:last-child {
    border-left: 1px solid #DDDDDD;
}

.tab-inner {
    width: 100%;
    height: 215px;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: auto;
}

.tab-inner h2 {
    margin-bottom: 10px;
}

.tab-inner .listaPlus {
    margin-bottom: 10px;
    padding: 0 30px;
}

.tab-inner .listaPlus li:before {
    content: "• ";
    color: #ec0000;
    margin-right: 10px;
}

.tab-inner .benefits {
    padding: 0 10px;
    margin-bottom: 10px;
}

.tab-inner .benefits li:before {
    content: "• ";
    color: #ec0000;
}

.tab-inner .benefits li {
    float: none !important;
    color: #6D6D6D;
    font-size: 9pt;
}

.tab-inner .benefits-lvl2 {
    padding-left: 20px;
    margin-top: 10px;
}

.tab-inner .dis {
    margin-top: 5px;
    font-size: 8pt;
}

.tab-inner .dis p {
    margin: 0 !important;
    color: #6D6D6D;
}

.slick-dots button {
    display: none;
}

.get-it {
    width: 110px;
    height: 28px;
    background: #ec0000;
    color: #ffffff;
    border-radius: 20px;
    display: block;
    font-size: 9pt;
    text-align: center;
    line-height: 28px;
    /*margin-top: 7px;*/
    margin-top: 26px;
    float: right;
}

.get-it:hover {
    color: #ffffff;
    background: #b30000;
}

#sp-contacts div.block a {
    padding: 10px 20px;
    color: #6D6D6D;
    text-align: center;
    display: block;
}

#sp-contacts div.block {
    width: 33.33%;
    float: left;
}

#sp-contacts div.block:nth-child(2) {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

#sp-contacts div.block:nth-child(3) span.text {
    float: left;
    margin-left: 10px;
}

.location-icon {
    width: 23px;
    height: 32px;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -275px;
    display: block;
    float: left;
    margin-left: 20px;
}

#sp-contacts a {
    width: 33.33%;
    float: left;
    padding: 10px 20px;
    color: #6D6D6D;
    text-align: center;
}

#sp-contacts a:hover {
    color: #ec0000;
}

#sp-contacts a:nth-child(3):hover .location-icon {
    background-position: -23px -275px;
}

#sp-contacts a:nth-child(3) span.text {
    float: left;
    margin-left: 10px;
}

#compara div {
    width: 33.33%;
    float: left;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D6D6D6;
}

#footer {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: left;
}

.footer {
    width: 990px;
    height: auto;
}

.footer .red-bar {
    width: 31%;
    height: 7px;
    background: #ec0000;
    float: left;
    margin-bottom: 26px;
}

.footer .gray-bar {
    width: 69%;
    height: 7px;
    background: #979797;
    float: left;
    margin-bottom: 26px;
}

#footer-logos div {
    margin-left: 50px;
}

#footer-logos .line {
    width: 1px;
    height: 25px;
    background: #DDDDDD;
    float: left;
    margin-left: 30px;
}

.supernet-icon {
    width: 96px;
    height: 21px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -335px;
    float: left;
    cursor: pointer;
}

.supermovil-icon {
    width: 109px;
    height: 21px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -96px -335px;
    float: left;
    cursor: pointer;
    margin-left: 30px !important;
}

.appstore-icon {
    width: 76px;
    height: 25px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -9px -363px;
    float: left;
    cursor: pointer;
}

.googleplay-icon {
    width: 76px;
    height: 25px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -113px -363px;
    float: left;
    cursor: pointer;
}

.windowsphone-icon {
    width: 79px;
    height: 25px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -222px -363px;
    float: left;
    cursor: pointer;
}

.blackberry-icon {
    width: 79px;
    height: 26px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -329px -364px;
    float: left;
    cursor: pointer;
}

.youtube-icon {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -394px;
    cursor: pointer;
}

.facebook-icon {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background: url('../images/graphics.png') no-repeat;
    background-position: -30px -394px;
    margin-left: 10px;
    cursor: pointer;
}

.twitter-icon {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background: url('../images/graphics.png') no-repeat;
    background-position: -60px -394px;
    margin-left: 10px;
    cursor: pointer;
}

.footer-list-bar {
    width: 100%;
    height: auto;
    float: left;
    background: #DDDDDD;
    padding: 5px 10px;
}

.footer-list-bar .know-us {
    letter-spacing: 11px;
}

.leaf-icon {
    width: 12px;
    height: 15px;
    display: block;
    background: url('../images/leaf-icon.png') no-repeat;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.footer-list {
    margin-left: 87px;
}

.footer-list li {
    float: left;
}

.footer-list a {
    font-size: 8pt;
    color: #6D6D6D;
    font-weight: bold;
    padding: 0 15px;
    border-left: 1px solid #6D6D6D;
    float: left;
    line-height: 20px;
}

.footer-list li:first-child a {
    border-left: none;
}

.footer-list a:hover {
    color: #ec0000;
}

.footer-list-bullets {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #D6D6D6;
}

.footer-list-bullets .col-left {
    float: left;
    width: 70%;
    text-align: center;
}

.footer-list-bullets .col-right {
    width: 30%;
    float: left;
}

.social-media-icons {
    width: 100%;
    float: right;
    height: 30px;
    line-height: 30px;
    color: #6D6D6D;
}

.social-media-icons span {
    margin-right: 10px;
    font-size: 10pt;
    font-weight: bold;
}

.footer-list-bullets a,
.footer-list-bullets span {
    height: 12px;
    line-height: 12px;
    float: left;
}

.footer-list-bullets span.first {
    margin-left: 140px;
}

.footer-list-bullets span.last {
    margin-left: 100px;
}

.footer-list-bullets a {
    color: #6D6D6D;
    font-size: 8pt;
    padding: 0 5px;
}

.footer-list-bullets a:hover {
    color: #ec0000;
}

.trusteer-icon {
    width: 61px;
    height: 35px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -426px;
    cursor: pointer;
}

.tips-icon {
    width: 113px;
    height: 36px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -60px -426px;
    cursor: pointer;
}

.disclaimer {
    padding: 0 40px;
    color: #6D6D6D;
}

.disclaimer a {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.disclaimer a:hover {
    color: #ec0000;
}

.logo-red {
    width: 184px;
    height: 67px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -461px;
}

.esr-logo {
    width: 130px;
    height: 66px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -528px;
    float: left;
    margin-left: -10px;
}

.sf-logo {
    width: 85px;
    height: 66px;
    display: block;
    background: url('../images/graphics.png') no-repeat;
    background-position: -130px -528px;
    float: right;
}

.block {
    display: block;
}

.left {
    float: left;
}

.btn {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: underline;
}

.box {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.transition {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.open-sans {
    font-family: 'Open Sans' !important;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-justify {
    text-align: justify;
}

.c-666666 {
    color: #666666 !important;
}

.c-ffffff {
    color: #ffffff;
}

.c-ec0000 {
    color: #ec0000 !important;
}

.c-C2C2C2 {
    color: #C2C2C2;
}

.c-6D6D6D {
    color: #6D6D6D;
}

.c-575757 {
    color: #575757;
}

.c-800000 {
    color: #800000;
}

.c-000000 {
    color: #000000;
}

.c-787878 {
    color: #787878;
}

.txt-8 {
    font-size: 8pt;
}

.txt-9 {
    font-size: 9pt;
}

.txt-10 {
    font-size: 10pt !important;
}

.txt-10 {
    font-size: 10pt !important;
}

.txt-14 {
    font-size: 14px !important;
}

.txt-18 {
    font-size: 18px !important;
}

.txt-22 {
    font-size: 22px;
}

.txt-24 {
    font-size: 24px;
}

.txt-25 {
    font-size: 25px;
}

.mtb-10 {
    margin: 10px 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.lh-30 {
    line-height: 30px;
}

.lh-26 {
    line-height: 26px;
}

.txt-white {
    color: #FFFFFF;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.ninja-item {
    width: 990px;
    height: auto;
}

#cover-slider {
    width: 990px;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
}

.content-slider,
.triple-slider {
    width: 990px;
    height: 300px;
    overflow: hidden;
    z-index: 90 !important;
    position: relative;
    *margin-top: -18px;
}

.custom-slider {
    width: 990px;
    height: 300px;
    position: relative;
}

.iosslider {
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    overflow: hidden;
    position: relative;
}

.iosslider #slider {
    width: 100%;
    height: 258px;
}

.iosslider .item {
    width: 100%;
    /*height: 195px;*/
    height: 224px;
    padding: 0;
    float: left;
}

.custom-nav {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 9;
}

#iosslider-nav {
    height: 13px;
    right: 10px;
    bottom: 10px;
    position: absolute;
}

.ctrl-prev {
    width: 21px;
    height: 37px;
    background: url('../images/graphics.png') no-repeat;
    background-position: 0 -780px;
    display: block;
    outline: none !important;
    border: none !important;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99;
}

.ctrl-next {
    width: 21px;
    height: 37px;
    background: url('../images/graphics.png') no-repeat;
    background-position: -21px -780px;
    display: block;
    outline: none !important;
    border: none !important;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99;
}

.iosslider-nav {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    *margin-left: -28px;
}

.iosslider-nav .btn {
    background-color: #D8D8D8;
    width: 9px;
    height: 9px;
    margin: 0 5px 0 0;
    border-radius: 100%;
    cursor: pointer;
    float: left;
    display: block;
}

.iosslider-nav .sel {
    background-color: #444444;
}

#iosslider-nav .btn {
    background-color: #D8D8D8;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    border-radius: 100%;
    cursor: pointer;
    float: left;
    display: block;
}

#iosslider-nav .sel {
    background-color: #444444;
}

.imagen-Plus {
    margin-top: 30px;
    margin-bottom: 64px;
}

.btn-Plus {
    background-image: url("../images/btn-verde.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
    width: 151px;
    border: none;
    background-color: #FFFFFF;
    color: #FFFFFF;
}

.contenedor-botton-plus {
    padding-right: 15px;
}

@media screen and (max-width: 990px) {
    #cover-slider,
    .custom-slider,
    .iosslider,
    .iosslider #slider,
    .item,
    .content-slider {
        width: 100%;
        height: auto;
    }
    .content-slider {
        margin-bottom: 20px;
    }
    #slider {
        overflow: hidden;
    }
    .slides {
        position: relative;
    }
    .iosslider-nav {
        left: auto;
        right: 15px;
        bottom: 15px;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    .ctrls {
        position: relative;
    }
    .arrow-ctrl {
        width: 20%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .arrow-left,
    .arrow-right {
        width: 50%;
        height: 38px;
        float: left;
        text-align: center;
        display: block;
        background: #F0F0F0;
    }
    .arrow-left .arrow,
    .arrow-right .arrow {
        width: 10px;
        height: 17px;
        background: url('../images/navigation/mobile-icons.png') no-repeat;
        margin-top: 10.5px;
        z-index: 11;
    }
    .arrow-left {
        border-right: 1px solid #C2C2C2;
    }
    .arrow-left .arrow {
        background-position: -41px -236px;
    }
    .arrow-right .arrow {
        background-position: -52px -236px;
    }
}


/* NUEVOS ESTILOS */

.beneficiosSPLus {
    background-color: #E6E6E6;
    height: auto;
}

.beneficiosContent {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,ffffff+100 */
    background: rgb(230, 230, 230);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    height: 544px/*577px*/
    ;
    padding-top: 14px;
    font-family: 'Open Sans';
}

.beneficiosCaja {
    width: 300px;
    float: left;
    height: 242px;
    border: 1px solid;
    margin: 0px 14px 28px 14px;
    border-radius: 8px;
    background-color: #fff;
}

.beneficiosContent .caja1 {
    border-color: #C4D358;
}

.beneficiosContent .caja2 {
    border-color: #EDBA67;
}

.beneficiosContent .caja3 {
    border-color: #5FCAD0;
}

.beneficiosContent .caja4 {
    border-color: #9E3667;
}

.beneficiosContent .caja5 {
    border-color: #5FCAD0;
}

.beneficiosContent .caja6 {
    border-color: #ABC111;
}

.beneficiosCajaContent {
    padding: 11px;
    text-align: center;
}

.beneficiosSuperLinea {
    float: left;
    clear: both;
}

.beneficiosConoce {
    text-align: center;
    padding: 0px;
}

.beneficiosConoce .linea2 {
    height: 15px;
}

.beneficiosConoce .titulo2 {
    height: 20px;
}

.beneficiosConoce .texto22 {
    font-family: 'Open Sans' !important;
    font-size: 22px;
    color: #000;
}

.beneficiosConoce .textoRed22xb {
    font-family: 'Open Sans';
    font-size: 22px;
    color: #EC0000;
    font-weight: bold;
}

.beneficiosContent .texto20 {
    font-size: 20px;
    color: #444444;
    line-height: 19px;
}

.beneficiosContent .texto20c {
    font-size: 20px;
    color: #444444;
    line-height: 30px;
}

.beneficiosContent .texto20b {
    font-size: 20px;
    color: #444444;
    line-height: 54px;
}

.beneficiosContent .texto22 {
    font-size: 22px;
    color: #000;
    line-height: 19px;
}

.beneficiosContent .textoRed22 {
    font-size: 22px;
    font-weight: bold;
    color: #EC0000;
}

.beneficiosContent .textoRed30xb {
    font-size: 30px;
    font-weight: bold;
    color: #ec0000;
    line-height: 30px;
}

.beneficiosContent .textoRed50xb {
    font-size: 50px;
    font-weight: bold;
    color: #EC0000;
    line-height: 51px;
}

.beneficiosContent .textoRed14xb {
    font-size: 14px;
    font-weight: bold;
    color: #EC0000;
    line-height: 0px;
    padding-top: 40px;
}

.beneficiosContent .textoRed26 {
    font-size: 26px;
    color: #EC0000;
}

.beneficiosContent .texto18 {
    font-size: 18px;
    color: #444444;
}

.beneficiosContent .texto14desde {
    font-size: 17px;
    color: #444444;
    padding-right: 111px;
}

.beneficiosContent .texto18xb {
    font-size: 32px;
    font-weight: bold;
    color: #444444;
    line-height: 19px;
}

.beneficiosContent .texto16 {
    font-size: 16px;
    color: #444444;
}

.beneficiosContent .textoRed14 {
    font-size: 14px;
    color: #EC0000;
}

.beneficiosContent .texto12b {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    line-height: 19px;
}

.beneficiosContent .pesos50rojos,
.porcentaje50rojos {
    font-size: 30px;
    vertical-align: top;
}

.beneficiosContent .pesosgris {
    font-size: 20px;
    vertical-align: top;
}

.beneficiosContent .pesosgris2 {
    font-size: 22px;
    padding-left: 3px;
}

.beneficiosContent .texto12 {
    font-size: 12px;
    color: #444444;
    font-weight: normal;
    line-height: 16px;
}

.beneficiosContent .textoRed20 {
    font-size: 20px;
    color: #EC0000;
}

.beneficiosContent .textoBlue14 {
    font-size: 14px;
    color: #1BB3BC;
}

.beneficiosContent .texto12bgray {
    font-size: 12px;
    color: #444444;
    font-weight: bold;
}

.cajaBeneficios4A {
    width: 41%;
    height: 103px;
    float: left;
    padding-right: 4px;
    line-height: 22px;
    margin-top: 2px;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.imgDineroC {
    padding-top: 10px;
}

.cajaBeneficios4B {
    width: 54%;
    height: 103px;
    float: left;
    padding-left: 4px;
    line-height: 16px;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 2px;
}

.cajaBeneficios4C {
    width: 41%;
    height: 83px;
    float: left;
    padding-right: 4px;
    line-height: 22px;
    border-right: 1px solid #d1d1d1;
    padding-top: 13px;
}

.cajaBeneficios4D {
    width: 54%;
    height: 83px;
    float: left;
    padding-left: 4px;
    line-height: 14px;
    padding-top: 9px;
}

hr.tituloconoce {
    border: none;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    color: #C2C2C2;
    text-align: center;
    margin-top: -12px;
    margin-bottom: 12px;
}

.tituloconocebg {
    background-color: #e6e6e6;
}

.beneficiosContacto {
    border-bottom: 1px solid #DDDDDD;
    float: left;
    clear: both;
    width: 100%;
}

.beneficiosContactoLine {
    border-top: 1px solid #DDDDDD;
}

.beneficiosContactoA1 {
    width: 20%;
    float: left;
    font-family: 'Open Sans' !important;
    font-size: 10px;
    font-weight: bold;
    height: 86px;
}

.beneficiosContactoA1 div {
    padding: 18px 8px;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    line-height: 0;
}

.beneficiosContactoA2 {
    width: 80%;
    float: left;
    border-bottom: 1px solid #DDDDDD;
    height: 73px;
}

.beneficiosContactoA2 .caja1 {
    width: 30%;
    float: left;
    padding: 12px 0px 12px 0px;
}

.beneficiosContactoA2 .caja2 {
    width: 40%;
    float: left;
    padding: 12px 0px 12px 0px;
}

.beneficiosContactoA2 .caja3 {
    width: 30%;
    float: left;
    padding: 12px 0px 12px 0px;
}

.beneficiosContactoA2 p {
    padding: 5px;
    font-family: 'Open Sans' !important;
    font-size: 12px;
    color: #6D6D6D;
}

.beneficiosContactoA2 .puntorojo {
    font-weight: bold;
    color: #EC0000;
    padding: 0px 10px;
}

.beneficiosContacto a:hover {
    text-decoration: none !important;
    color: #EC0000;
}

.beneficiosContacto a:visited,
.beneficiosContacto a:link,
.beneficiosContacto a:active {
    text-decoration: none !important;
    color: #6D6D6D;
    border-bottom: 0px solid #fff;
}

.beneficiosContacto .nextRed {
    color: #EC0000;
    font-weight: 900;
}

.beneficiosContacto .rojo {
    color: #EC0000 !important;
}

.paddingBoni {
    padding-top: 23px;
}

.masdetalle {
    position: relative;
    width: 105px;
    height: 0px;
}

.masdetalleDiv1a {
    position: absolute;
    right: 0px;
    top: 221px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 20px solid #C4D358;
    border-left: 20px solid transparent;
}

.masdetalleDiv1b {
    position: absolute;
    right: 0px;
    top: 221px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 20px solid #EDBA67;
    border-left: 20px solid transparent;
}

.masdetalleDiv1c {
    position: absolute;
    right: 0px;
    top: 221px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 20px solid #5FCAD0;
    border-left: 20px solid transparent;
}

.masdetalleDiv1d {
    position: absolute;
    right: 0px;
    top: 221px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 20px solid #9E3667;
    border-left: 20px solid transparent;
}

.masdetalleDiv1e {
    position: absolute;
    right: 0px;
    top: 221px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 20px solid #5FCAD0;
    border-left: 20px solid transparent;
}

.masdetalleDiv1f {
    position: absolute;
    right: 0px;
    top: 221px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 20px solid #ABC111;
    border-left: 20px solid transparent;
}

.masdetalleDiv2 {
    position: absolute;
    text-align: center;
    right: -97px;
    top: 219px;
    width: 100px;
    height: 22px;
    border-radius: 8px 0px 8px 0px;
}

.masdetalleDiv2 a,
.masdetalleDiv2 a:hover,
.masdetalleDiv2 a:visited,
.masdetalleDiv2 a:link,
.masdetalleDiv2 a:active {
    text-decoration: underline;
    color: #fff;
}

.masdetalle .bgcaja1 {
    background-color: #C4D358;
}

.masdetalle .bgcaja2 {
    background-color: #EDBA67;
}

.masdetalle .bgcaja3 {
    background-color: #5FCAD0;
}

.masdetalle .bgcaja4 {
    background-color: #9E3667;
}

.masdetalle .bgcaja5 {
    background-color: #5FCAD0;
}

.masdetalle .bgcaja6 {
    background-color: #ABC111;
}

.saltoDiv {
    float: left;
    clear: both;
}

.sliderno {
    width: 990px;
    height: 300px;
}

.slider0 {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.bannerEnlace1 {
    background-color: blueviolet;
    position: absolute;
    width: 141px;
    height: 36px;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 250px 0 0px 134px;
    opacity: 0;
    filter: alpha(opacity=1);
}

.bannerEnlace2 {
    background-color: firebrick;
    position: absolute;
    width: 245px;
    height: 40px;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 171px 0 0px 466px;
    opacity: 0;
    filter: alpha(opacity=1);
}

/* .bolita {
    position:
} */

.masdetalleDiv1a,
.masdetalleDiv1b,
.masdetalleDiv1c,
.masdetalleDiv1d,
.masdetalleDiv1e,
.masdetalleDiv1f {
    right: 3px\9 !important;
    top: 220px\9 !important;
}
.modal-dialog {
    width: 100%;
    max-width: 806px;
}
.modal-content {
    padding: 34px !important; 
}
.modal-content h5 {
    display: block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    color:#4b4b4b;
}

.modal-header .close {
    margin-top: -24px;
    margin-right: -290px;
}

.modal-header {
    border-bottom: 1px solid #f00;
}

.modal-content .imgCenter {
    width: 100%;
    max-width: 302px;
    margin: 30px auto;
    display: block;
}
.modal-content .imgCenter2 {
    width: 100%;
    max-width: 492px;
    margin: 15px auto;
    display: block;
}
.modal-content p.txt_descripccion {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color:#6d6d6d;
    font-family:'Open sans', sans-serif;
    margin-top: 25px;
    padding: 0 12%;
}
.modal-content p.txt_descripccion2 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color:#6d6d6d;
    font-family:'Open sans', sans-serif;
    padding: 0 10%;
}
.modal-content p.txt_descripccion2 > span {
    font-weight: bold;
}
.modal-header:after {
    content: '';
    clear: both;
    display: block;
}

.modal-header .left {
    float: left;
    margin-top: 20px;
}

.modal-header .right {
    float: right;
}

.modal-footer {
    border-bottom: 0;
    border-top: 0;
}

.modal-footer button {
    border:0;
    width: 108px;
    height: 34px;
    display: block;
    margin:0 auto;
    background: #f00;
    color:#fff;
    font-size: 21px;
    font-weight: normal;
    font-family:'Open sans', sans-serif;
}

.modal-footer button:hover {
    color:#fff;
}

.modal-body {
    font-size:13px;
    font-weight: normal;
    color:#6d6d6d;
}
.modal-body ol {
    padding: 0 20%;
    border-bottom: 0;
} 

.modal-body ol li {
    font-family:'Open sans', sans-serif;
    font-size:18px;
    font-weight: normal;
    color:#6d6d6d;
    list-style: decimal;
    margin: 0 0 5px;
    line-height: normal;
}
.modal-body ol li span {
    font-weight: bold;
}

.modal-body .navgadorExtra {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color:#6d6d6d;
    font-family:'Open sans', sans-serif;
    padding: 0;
}

/* GIRAR PANTALLA A LANDSCAPE: Inicio */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .landsqueip {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #000;
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=80);
        z-index: 11117777777;
    }
    .cajaportrait {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(90deg);
        }
    }
    #divrotate img {
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 3.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-transition-timing-function: linear;
        -webkit-animation-delay: 1s;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .landsqueip {
        display: none;
    }
}


/* GIRAR PANTALLA A LANDSCAPE: Fin*/

.bono {
    width: 50%;
    float: left;
    text-align: center;
    border-right: 1px solid #cccccc;
}

.hipoteca {
    width: 50%;
    float: right;
    text-align: center;
}

.prod-btn-hldr {
    display: none;
}

.prod-btn {
    width: 340px;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #ec0000;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border-radius: 20px;
    margin: 20px auto;
    cursor: pointer;
}


/*.prod-btn span {
    float: left;
}*/

.prod-btn .icon {
    width: 14px;
    height: 14px;
    display: block;
    background: url('../images/icono-btn.png') no-repeat;
    float: left;
    margin-top: 3px;
}

.mypass {
    width: 100%;
    *width: 185px;
    height: 29px;
    line-height: 29px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none !important;
    border: 1px solid #C2C2C2;
}

.mypass:focus {
    outline: none !important;
    border: 1px solid #6D6D6D;
}