/***********************
ESTILOS GENERALES
************************/
@font-face {
font-family: 'OpenSans';
src: url('fonts/OpenSans.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Bold';
src: url('fonts/OpenSans-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-ExtraboldItalic';
src: url('fonts/OpenSans-ExtraboldItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello';
src: url('fonts/fontello.woff?9126108') format('woff');
font-weight: normal;
font-style: normal;
}
html,
body,
p,
div,
h1,
h2,
h3,
h4,
a,
img,
ul,
li,
ol,
span,
header,
nav,
footer,
section,
article,
object,
video {
padding: 0;
margin: 0;
border: 0;
outline: 0;
border: none;
background: transparent;
vertical-align: baseline;
font-family: 'OpenSans', Arial, serif;
color: #1a1a1a;
}
html,
body{
width:100%;
overflow-x:hidden;
}
@media (max-width: 991px) {
html.no-scroll {
overflow: hidden;
}
}
h1,
.h1 {
font-size: 5.5rem;
line-height: 5.9rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
font-weight: normal;
}
h2,
.h2 {
font-size: 2.6rem;
line-height: 3rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004f70;
font-weight: normal;
}
h3,
.h3 {
font-size: 1.8rem;
line-height: 2.2rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004f70;
font-weight: normal;
}
h4,
.h4 {
font-size: 1.6rem;
line-height: 2rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004f70;
font-weight: normal;
}
p {
font-size: 1.6rem;
line-height: 2.2rem;
color: #555;
}
.center-block,
.row > .center-block {
float:none;
}
strong {
font-family: 'OpenSans-Bold', Arial, sans-serif;
font-weight: bold;
}
a {
color: #007eae;
text-decoration: underline;
transition: all 0.3s ease-in;
}
a:hover,
a:focus,
a:active {
color: #004f70;
}
a:focus{
outline: 1px dotted black;
transition: all 0s;
}
a:disabled {
color: #1a1a1a;
}
.page-wrapper ul li {
font-size: 1.6rem;
line-height: 2.2rem;
background: transparent url("images/bullet-ul.png") no-repeat;
background-position: 0.6rem 1rem;
padding: 0 0 1rem 3.2rem;
display: list-item;
list-style: none;
}
.page-wrapper ul li .texto_grande {
font-size: 1.8rem;
}
.page-wrapper ul li p {
font-size: 1.6rem;
line-height: 2.2rem;
display: inline-block;
}
.page-wrapper ol {
display: block;
counter-reset: item;
clear: both;
}
.page-wrapper ol li:before {
background: transparent url("images/bullet-ol.png") no-repeat scroll top left;
content: counters(item, ".", decimal) " ";
counter-increment: item;
display: inline-block;
height: 2.6rem;
text-align: center;
width: 2.7rem;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
line-height: 2.6rem;
}
@media screen\0 {
.page-wrapper ol li:before {
padding: 2px 5px 3px 3px;
line-height:normal;
}
}
.page-wrapper ol li {
font-size: 1.6rem;
line-height: 2.2rem;
padding: 0 0 2rem 3.2rem;
list-style-type: decimal;
position: relative;
}
.page-wrapper ol li .texto_grande {
font-size: 1.8rem;
}
.page-wrapper ol li p {
font-size: 1.6rem;
line-height: 2.2rem;
display: inline-block;
}
.texto_aclarativo {
font-size: 1.2rem;
line-height: 1.6rem;
}
.table-responsive.n-table,
.table-responsive.n-table[data-pattern="priority-columns"] {
border: none;
border-radius: 0;
margin-bottom: 0;
}
.table-responsive.n-table[data-pattern="priority-columns"] > .table > thead > tr > th,
.table-responsive.n-table[data-pattern="priority-columns"] > .table > tbody > tr > th,
.table-responsive.n-table[data-pattern="priority-columns"] > .table > tfoot > tr > th,
.table-responsive.n-table[data-pattern="priority-columns"] > .table > thead > tr > td,
.table-responsive.n-table[data-pattern="priority-columns"] > .table > tbody > tr > td,
.table-responsive.n-table[data-pattern="priority-columns"] > .table > tfoot > tr > td {
white-space: normal;
}
table {
border-spacing: 0.5rem 0;
border-collapse: inherit;
clear: both;
width: 100%;
max-width: 100%;
margin-top: 2rem;
}
table caption {
font-size: 2.6rem;
line-height: 3rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, serif;
color: #004f70;
border-bottom: 0.1rem solid #efefef;
margin: 0 0.5rem;
font-weight: bold;
font-style: italic;
}
table.table > thead > tr > th,
table.table > tbody > tr > td,
table.table > tbody > tr > th,
table > thead > tr > th,
table > tbody > tr > td,
table > tbody > tr > th {
font-size: 1.4rem;
border-bottom: 0.1rem solid #efefef;
padding: 1.5rem 0.8rem;
border-top: none;
color: #555;
line-height: normal;
vertical-align: middle;
}
table.tabla_alternativa {
border-spacing: 0;
border: 0.1rem solid #efefef;
}
table tbody td.blackback {
background-color:#e4f4fb;
}
.sticky-table-header > .table {
margin-top: 0;
}
.table-wrapper .btn-toolbar {
margin-bottom: 0;
}
.table-wrapper {
margin-top: 2rem;
}
.table-wrapper table {
margin-top: 0;
}
.table-wrapper .btn-group {
margin-right: 0;
}
.table-wrapper .dropdown-menu {
margin-top: 0;
z-index: 40;
}
.table-wrapper .dropdown-menu li {
background: none;
}
.table-wrapper .btn-toolbar .btn {
width: auto;
margin-left: 1rem;
}
.table-wrapper .btn-toolbar .btn.dropdown-toggle {
padding: 1.2rem 2.2rem;
}
.section-prom {
position: relative;
}
/*******************
Backgrounds
*********************/
/*.bg-grey {
background-color: #545454;
}*/
.bg-grey {
background-color: #d6dbdf;
position:relative;
}
.main .bg-grey {
background-color: #545454;
position:relative;
}
.main .bg-grey h2,
.main .bg-grey .h2,
.main .bg-grey h3,
.main .bg-grey .h3,
.main .bg-grey h4,
.main .bg-grey .h4,
.main .bg-grey p {
color: #fff;
}
#footer .bg-grey {
background-color: transparent;
}
@media(min-width:768px) {
#footer .bg-grey {
background: url('images/bg-map.jpg') no-repeat top left #d6dbdf;
}
}
.bg-white {
background-color: #fff;
position:relative;
}
.bg-blue {
background-color: #e5f5fc;
position:relative;
}
.bg-dark-blue {
background-color: #007eae;
position: relative;
}
.bg-yellow{
background-color: #fdf5e1;
position:relative;
}
.bg-site {
background-color: #007eae;
position:relative;
}
.bg-navyblue {
background-color: #1D2546;
position:relative;
}
.bg-greenishblue {
background-color: #19818B;
position:relative;
}
.bg-dark-cyan {
background-color: #007EAE;
position:relative;
}
.bg-dark-cyan .p-highlight-title h3, .bg-greenishblue .p-highlight-title h3, .bg-navyblue .p-highlight-title h3, .bg-medium-blue .p-highlight-title h3,
.bg-dark-cyan h2, .bg-greenishblue h2, .bg-navyblue h2, .bg-medium-blue h2,
.bg-dark-cyan p, .bg-greenishblue p, .bg-navyblue p, .bg-medium-blue p,
.bg-dark-cyan li, .bg-greenishblue li, .bg-navyblue li, .bg-medium-blue li {
color: #FFF !important;
}
/* Ticket #69309 - Family // Aplicar nuevos colores fondo */
.bg-light-grey {
background-color: #F0F0F0;
position:relative;
}
.bg-light-grey-blue {
background-color: #d2dce1;
position:relative;
}
.bg-medium-blue {
background-color: #064f70;
position: relative;
}
.bg-medium-blue li.carousel-item img,
.bg-dark-cyan li.carousel-item img{
filter: none !important;
}
.bg-medium-blue li.carousel-item img:hover,
.bg-dark-cyan li.carousel-item img:hover{
filter: opacity(50%) !important;
transition: filter 0.5s ease 0s;
}
/* FIN Ticket #69309 - Family // Aplicar nuevos colores fondo */
.article-main > .container-fluid,
.aside-main > .container-fluid {
margin-top: -1px;
}
.article-main > .container-fluid.bg-white,
.aside-main > .container-fluid.bg-white {
border-bottom: 1px solid #efefef;
}
/***********************
MARGINS in MAIN
************************/
.main .container .row > div {
min-height: 0;
}
.article-block {
margin: 4rem 0;
}
.main h2,
.main h3,
.main h4 {
margin-top: 3rem;
}
.main .article-title h2,
.main .article-title h3,
.main .article-title h4 {
margin-top: 3rem;
}
.main li > p,
.main li > ul,
.main li > ol,
.main li > img {
margin-top: 0;
}
.main p,
.main ul,
.main ol,
.main img,
.main object,
.main iframe {
/* margin-top: 2rem; */
margin-top: 1rem; /* Ticket #65277 - Cuentas: Hola Bank Livning solutions: Problema con lista */
}
.main .lista_alternativa {
margin-top: 4rem;
}
.main-component {
margin: 3rem -15px;
}
@media (min-width: 768px) {
.main-component {
margin: 3rem 0;
}
}
.article-main .container-fluid {
position: relative;
}
.aside-main .container-fluid {
position: relative;
}
/******************************
Texto rico
******************************/
.contenedor_exterior_columnas_alternativo:after,
.contenedor_exterior_columnas:after,
.contenedor_exterior_columnas_alternativo_bis:after,
.contenedor_tres_columnas:after,
.contenedor_cuatro_columnas:after,
.templateTCI_contenedor:after,
.templateTCI_contenedor_alternativa:after,
.contenedor_botones:after,
.contenedor_doscolumnas:after,
.contenedor_trescolumnas:after,
.contenedor_cuatrocolumnas:after{
content: '';
display: block;
clear: both;
}
@media (min-width: 992px) {
.contenedor_exterior_columnas_alternativo,
.contenedor_exterior_columnas,
.contenedor_exterior_columnas_alternativo_bis,
.contenedor_tres_columnas,
.contenedor_cuatro_columnas,
.templateTCI_contenedor_alternativa,
.contenedor_botones,
.contenedor_doscolumnas,
.contenedor_trescolumnas,
.contenedor_cuatrocolumnas {
margin: 0 -15px;
}
.contenedor_exterior_columnas_alternativo .estilo_col_derecha_alternativo,
.contenedor_exterior_columnas .estilo_col_derecha,
.contenedor_exterior_columnas_alternativo_bis .estilo_col_derecha_alternativo_bis {
float: right;
width: 50%;
padding: 0 15px;
}
.contenedor_exterior_columnas_alternativo_bis .estilo_col_derecha_alternativo_bis {
float: left;
}
.contenedor_exterior_columnas_alternativo .estilo_col_izquierda_alternativo,
.contenedor_exterior_columnas .estilo_col_izquierda,
.contenedor_exterior_columnas_alternativo_bis .estilo_col_izquierda_alternativo_bis {
float: left;
width: 50%;
padding: 0 15px;
}
.contenedor_tres_columnas .encabezado_columnas {
float: left;
width: 100%;
padding: 0 15px;
}
.contenedor_tres_columnas .estilo_col_izquierda,
.contenedor_tres_columnas .estilo_col_medio,
.contenedor_tres_columnas .estilo_col_derecha {
float: left;
width: 33%;
padding: 0 15px;
}
.contenedor_cuatro_columnas .encabezado_columnas {
float: left;
width: 100%;
padding: 0 15px;
}
.contenedor_cuatro_columnas .template4columnas_columna {
float: left;
width: 25%;
padding: 0 15px;
}
.templateTCI_contenedor_alternativa .templateTCI_imagen {
float: left;
width: 40%;
padding: 0 15px;
}
.templateTCI_contenedor_alternativa .templateTCI_texto {
float: left;
width: 60%;
padding: 0 15px;
}
.contenedor_botones .boton_izquierdo,
.contenedor_botones .boton_derecho {
float: left;
width: 50%;
padding: 0 15px;
}
.contenedor_doscolumnas .ancho25,
.contenedor_trescolumnas .ancho25,
.contenedor_cuatrocolumnas .ancho25 {
float: left;
width: 25%;
padding: 0 15px;
}
.contenedor_doscolumnas .ancho33,
.contenedor_trescolumnas .ancho33 {
float: left;
width: 33%;
padding: 0 15px;
}
.contenedor_doscolumnas .ancho50,
.contenedor_trescolumnas .ancho50 {
float: left;
width: 50%;
padding: 0 15px;
}
.contenedor_doscolumnas .ancho75 {
float: left;
width: 75%;
padding: 0 15px;
}
}
.templateTCI_contenedor {
display: table;
width: 100%;
margin: 1rem -15px 0;
overflow: hidden;
}
.templateTCI_contenedor .templateTCI_imagen {
display: table-cell;
width: 30%;
vertical-align: middle;
padding: 0 15px;
}
.templateTCI_contenedor .templateTCI_texto {
display: table-cell;
width: 70%;
vertical-align: middle;
padding: 0 15px;
}
.texto_derecha {
text-align: right;
}
.caja_texto {
}
.texto_centrado {
text-align: center;
}
.caja_texto_2 {
}
.colorbox {
}
.center{
text-align: center;
}
.article-content .texto_entradilla {
}
.article-content .texto_izquierda {
text-align: left;
}
.article-content .texto_inferior {
}
.article-content .texto_color_site {
color: #007eae;
}
.article-content .texto_subrayado {
text-decoration: underline;
}
.article-content .texto_grande {
font-size: 1.2em;
}
.article-content .texto_pequenno {
font-size: 0.8em;
}
.article-content .bullet_azul {
}
.article-content .bullet_amarillo {
}
.article-content .bullet_rojo {
}
.article-content .enlace_especial {
}
.article-content .titulo_entradilla {
font-size: 2.6rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
line-height: 3rem;
color: #000;
margin-bottom: 2rem;
}
.article-content .rojo_granate {
}
.article-content .azul_turquesa {
color: #0099cc;
}
.article-content .azul_oscuro {
color: #004f70
}
.article-content .verde {
}
.article-content .naranja {
color: #f4c53d;
}
.article-content .gris {
}
/******************************
AVISO DE COOKIES
*******************************/
#acookie {
background-color: #ededed;
z-index: 100!important;
position: relative;
}
#acookie:after {
content: '';
display: block;
clear: both;
height: 2px;
width: 100%;
background-color: #fff;
}
#acookie #div_texto {
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
@media (min-width: 768px) {
#acookie #div_texto {
width: 750px;
}
}
@media (min-width: 992px) {
#acookie #div_texto {
width: 970px;
}
}
@media (min-width: 1200px) {
#acookie #div_texto {
width: 1170px;
}
}
#acookie .texto_cookie {
font-size: 1.2rem;
line-height: normal;
padding: 1.2rem 0;
}
#acookie > a {
display: none;
}
/******************************
HEADER BLOCKS
*******************************/
@media (min-width: 992px) {
.page-wrapper.overlay-panel #header {
position: relative;
z-index:110;
background-color: #fff;
}
}
.overlay-tooltip {
height: 100%;
position: fixed;
width: 100%;
}
.overlay-tooltip #header {
position: static;
}
#header {
z-index: 100;
background-color: #fff;
position: relative;
}
#header .bg-grey {
background-color: transparent!important;
}
.header-topbar {
display: block;
width: 100%;
border-bottom: 1px solid #ededed;
}
.header-top {
display: block;
width: 100%;
padding: 0;
vertical-align: middle;
}
@media (min-width: 992px) {
.header-top {
padding: 1rem 0;
}
}
.header-top .container {
display: table;
width: 100%;
padding: 0;
}
.header-top .row {
display: table-row;
}
.header-top .header-m-left,
.header-top .header-m-right {
display: table-cell;
vertical-align: middle;
float: none;
}
.header-top .header-m-left {
padding: 0;
width: auto;
}
.header-top .header-m-right {
width: 21.3rem;
padding: 0;
white-space: nowrap;
}
@media (min-width: 992px) {
.header-top .container {
display: block;
padding: 0 15px;
}
.header-top .row {
display: block;
}
.header-top .header-m-left,
.header-top .header-m-right {
display: inline-block;
padding: 0 15px;
}
.header-top .header-m-right {
white-space: initial;
width: auto;
}
}
.header-middle{
text-align: right;
display: none;
vertical-align: middle;
padding-left: 0;
padding-right: 0;
}
.header-middle .container {
padding-left: 0;
padding-right: 0;
}
.header-middle .col-xs-6 {
width: 100%;
white-space: nowrap;
min-height: 0;
}
@media (min-width: 992px) {
#header .bg-grey {
background-color: #f8f8f8!important;
}
.header-topbar {
display: block;
border-bottom: none;
}
.header-topbar .container {
width: 970px;
}
.header-top {
display: block;
}
.header-middle {
display: block;
padding: 1.5rem 15px 0;
}
.header-middle .container {
padding-left: 15px;
padding-right: 15px;
}
.header-middle .col-xs-6 {
width: 50%;
}
}
@media (min-width: 1200px) {
.header-topbar .container {
width: 1170px;
}
}
.header-bottom {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 992px) {
.header-bottom {
padding-right: 15px;
padding-left: 15px;
}
}
.header-bottom .container {
width: 100%;
margin-bottom: 1rem;
}
.menu-open .header-bottom .container {
margin-bottom: 0;
position: relative;
}
.menu-open .header-bottom .column:first-child {
position: static;
}
@media (min-width: 992px) {
.header-bottom .container {
width: 970px;
margin-bottom: 2rem;
}
.menu-open .header-bottom .container {
margin-bottom: 2rem;
}
.header-bottom .row {
display: table;
width: 100%;
margin: 0;
}
.header-bottom .column {
display: table-cell;
float: none;
vertical-align: middle;
padding: 0;
width: auto;
}
.header-bottom .column:first-child {
/*min-width: 37%*/
min-width:370px
}
.menu-open.header-bottom .column:first-child {
position: relative;
}
}
@media (min-width: 1200px) {
.header-bottom .container {
width: 1170px;
}
}
@media (min-width: 992px) {
footer#footer {
margin: 0;
padding-top: 4rem;
}
}
@media (min-width: 992px) {
.header-top .column.header-m-left {
text-align: left;
padding-right: 0;
}
.header-top .column.header-m-right {
text-align: right;
float: right;
padding-left: 0;
}
.header-m-right .link-group,
.header-m-right .links-group-panel {
display: inline-block;
float: none;
position: relative;
}
}
/*******************************
5-6 Top links
*******************************/
.header-top .links-group-panel {
float: none;
position: relative;
}
@media (min-width: 992px) {
.header-top .header-m-left .links-group-panel {
float: left;
}
}
@media (min-width: 992px) {
.header-top .links-group-panel .mobile-link-open {
display: none;
}
}
.header-top .links-group-panel .mobile-link-open a {
color: #555;
font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 1.5rem;
display: inline;
padding-right: 0;
}
.header-top .header-m-left .links-group-panel .mobile-link-open a {
margin-left: 1.5rem;
}
@media (min-width: 992px) {
.header-top .links-group-panel .mobile-link-open a {
display: inline;
padding-right: 1rem;
}
.header-top .header-m-left .links-group-panel .mobile-link-open a {
margin-left: 0;
}
}
.header-top .links-group-panel .mobile-link-open:after {
content: '';
display: inline-block;
width: 0.7rem;
height: 0.4rem;
background: url('images/arrow-dropdown-down.png') no-repeat center center transparent;
vertical-align: middle;
padding-left: 1rem;
position: absolute;
right: 0;
top: 50%;
margin-top: -2px;
}
@media (min-width: 992px) {
.header-top .links-group-panel .mobile-link-open:after {
position: static;
}
}
.links-group-panel .mobile-layer {
display: none;
position: fixed;
z-index: 999;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
padding: 0;
overflow-y:auto;
text-align: left;
}
@media (min-width: 992px) {
.header-top .header-m-left .links-group-panel .mobile-layer {
display: block!important;
position: static;
z-index: auto;
background-color: transparent;
}
}
.links-group-panel .mobile-layer .mobile-layer-header a {
background: url("icons/cross.png") no-repeat 96% center;
background-size: contain;
height: 1.3rem;
width: 1.3rem;
content: "Close";
position: relative;
top: -3.2rem;
right: 2rem;
}
@media (min-width: 992px) {
.header-top .links-group-panel .mobile-layer-header {
display: none;
}
}
.links-group-panel .mobile-layer-header p {
padding: 1.5rem 0 1.5rem 1.5rem;
font-weight: bold;
font-size: 1.3rem;
}
.links-group-panel .links-group-panel-links {
width: 100%;
}
@media (min-width: 992px) {
.header-top .links-group-panel .mobile-layer .links-group-panel-links ul {
display: inline-block;
line-height: normal;
vertical-align: middle;
margin-left: 0.3rem;
padding-left: 0.6rem;
border-left: 1px solid #ccc;
}
.header-top .links-group-panel .mobile-layer .links-group-panel-links ul:first-child {
display: inline-block;
margin-left: 0;
padding-left: 0;
border-left: none;
}
}
@media (min-width: 1200px) {
.header-top .links-group-panel .mobile-layer .links-group-panel-links ul {
margin-left: 0.6rem;
padding-left: 1rem;
}
}
.links-group-panel .links-group-panel-links li {
background: none;
padding: 0;
border-bottom: 1px solid #ececec;
}
@media (min-width: 992px) {
.header-top .links-group-panel .links-group-panel-links li {
float: left;
background: none;
font-size: 1rem;
padding: 0 0 0 0.6rem;
border: none;
line-height: normal;
}
}
@media (min-width: 1200px) {
.header-top .links-group-panel .links-group-panel-links li {
padding: 0 0 0 1rem;
}
}
.links-group-panel .links-group-panel-links ul li:first-child {
border-top: 1px solid #ececec;
}
@media (min-width: 992px) {
.header-top .links-group-panel .links-group-panel-links ul li:first-child {
border-top: none;
padding-left: 0;
}
}
.links-group-panel .links-group-panel-links ul li:last-child {
border-bottom: none;
}
.links-group-panel .links-group-panel-links li a {
font-weight: bold;
font-size: 1.3rem;
text-decoration: none;
padding: 1rem 1.5rem;
display: block;
font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) {
.header-top .links-group-panel .links-group-panel-links li a {
text-decoration: none;
font-size: 1.1rem;
color: #555;
font-weight: normal;
padding: 0;
font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}
.header-top .links-group-panel .links-group-panel-links li a.current {
font-weight: bold;
}
}
@media (min-width: 1200px) {
.header-top .links-group-panel .links-group-panel-links li a {
font-size: 1.2rem;
}
}
.links-group-panel .links-group-panel-links li a:hover {
background-color: #efefef;
}
@media (min-width: 992px) {
.header-top .links-group-panel .links-group-panel-links li a:hover {
background-color: transparent;
}
.header-top .links-group-panel .links-group-panel-links li a.active {
color: #000;
font-weight: bold;
}
}
/*******************************
Link HC Header
*******************************/
.header-top #hc-header-link {
display: none;
}
@media (min-width: 992px) {
.header-top #hc-header-link {
display: inline-block;
}
.header-top #hc-header-link .link-group-head {
border-left: 1px solid #007eae;
border-right: 1px solid #007eae;
margin-left: 0.5rem;
}
.header-top #hc-header-link .link-group-head a {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.1rem;
color: #007BAD;
margin-left: 0.6rem;
padding-right: 0.7rem;
display: inline-block;
position: relative;
}
.header-top #hc-header-link .link-group-head a img {
padding: 0 0.7rem 0 0;
vertical-align: middle;
}
.header-top #hc-header-link .link-group-head a:after {
display: none;
}
}
@media (min-width: 1200px) {
.header-top #hc-header-link .link-group-head {
margin-left: 1.5rem;
}
.header-top #hc-header-link .link-group-head a {
font-size: 1.2rem;
margin-left: 1.5rem;
padding-right: 1rem;
}
}
/*******************************
Dropdown links
*******************************/
.header-top .link-group {
display: none;
}
.header-top .header-m-left .link-group {
display: none;
}
@media (min-width: 992px) {
.header-top .header-m-left .link-group {
display: block;
float: left;
position: relative;
}
.header-top .header-m-right .link-group {
display: inline-block;
}
}
.header-top .link-group:after {
content: '';
display: block;
clear: both;
}
.header-top .link-group-dropdown {
display: none;
position: absolute;
width: 120%;
margin-top: 1rem;
text-align: center;
z-index: 1000;
background-color: transparent;
top: 100%;
left: -10%;
}
.header-top .link-group-dropdown ul {
width: auto;
display: inline-block;
margin: 0 auto;
max-width: 100%;
border-radius: 0.6rem;
background-color: #fff;
border: 1px solid #efefef;
}
.header-top .link-group-dropdown ul:before {
content: '';
display: block;
border-bottom: 1rem solid #fff;
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
width: 2rem;
height: 2rem;
position: absolute;
top: -1.9rem;
left: 50%;
margin-left: -1rem;
}
.header-top .link-group-dropdown li {
background-image: none;
padding: 0;
border-top: 1px solid #efefef;
}
.header-top .link-group-dropdown li:first-child {
border-top: none;
}
.header-top .link-group-dropdown li a {
color: #555;
text-decoration: none;
font-weight: bold;
font-size: 1.3rem;
display: block;
padding: 1rem 2rem;
white-space: normal;
}
.header-top .link-group-dropdown li a:hover {
background: #efefef;
}
.header-top .link-group li {
background: transparent none repeat scroll 0 0;
padding: 0;
}
.header-top .link-group-head {
text-align: right;
display: inline-block;
vertical-align: middle;
}
.header-top .link-group-head a {
color: #555;
font-family: "OpenSans", Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 1.2rem;
}
@media (min-width: 992px) {
.header-top .link-group-head a {
font-size: 1.1rem;
}
}
@media (min-width: 1200px) {
.header-top .link-group-head a {
font-size: 1.2rem;
}
}
.header-top .link-group-head a img {
padding-left: 0.2rem;
vertical-align: middle;
}
/*******************************
7-Cotizacion
********************************/
.cotizacion{
display: none;
float: left;
text-align: left;
}
@media (min-width: 992px) {
.cotizacion {
display: inline-block;
}
}
.cotizacion a {
text-decoration: none;
font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
display: inline;
}
.cotizacion span {
font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}
.cotizacion .html-snippet {
font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}
.cotizacion .html-snippet img {
vertical-align: middle;
}
/*******************************
8- Idiomas
********************************/
#desplegable-idiomas li {
background: transparent;
display: inline;
padding: 0;
}
#desplegable-idiomas.links-group-panel,
#desplegable-idiomas .link-group {
border-left: 1px solid #ededed;
vertical-align: middle;
padding: 1.3rem 1rem;
width: 7.8rem;
display: block;
float: left;
margin-left: 1.4rem;
}
#desplegable-idiomas .link-group {
padding-right: 2rem;
}
#desplegable-idiomas.links-group-panel li {
background: transparent;
display: inline;
padding: 0;
}
@media (min-width: 992px) {
#desplegable-idiomas.links-group-panel,
#desplegable-idiomas .link-group {
border-left: none;
padding: 0;
height: auto;
width: auto;
display: inline-block;
float: none;
}
#desplegable-idiomas.links-group-panel {
position: relative;
}
}
#desplegable-idiomas.links-group-panel .mobile-link-open img {
margin:0 1px 1px 0;
vertical-align: middle;
}
#desplegable-idiomas.links-group-panel .mobile-link-open {
display: block;
}
#desplegable-idiomas.links-group-panel .mobile-link-open a{
color: #555;
font-family: "OpenSans", Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 1.6rem;
}
@media (min-width: 992px) {
#desplegable-idiomas.links-group-panel .mobile-link-open a{
font-size: 1.15rem;
}
}
@media (min-width: 1200px) {
#desplegable-idiomas.links-group-panel .mobile-link-open a{
font-size: 1.2rem;
}
}
#desplegable-idiomas.links-group-panel .mobile-link-open a img {
margin: 0;
padding: 0 0.7rem;
}
.header-top #desplegable-idiomas.links-group-panel .mobile-link-open:after {
display: none;
}
#desplegable-idiomas.links-group-panel .mobile-layer {
display: none;
}
#desplegable-idiomas.links-group-panel .mobile-layer .links-group-panel-links ul li {
text-align: left;
float: none;
}
@media (min-width: 992px) {
#desplegable-idiomas.links-group-panel .mobile-layer {
position: absolute;
z-index: 1000;
overflow: visible;
}
#desplegable-idiomas .mobile-layer {
padding: 0;
width: 300%;
text-align: center;
border-radius: 2px;
background-color: transparent;
left: -100%;
top: 100%;
height: auto;
z-index: 2;
margin-top: 1rem;
position: absolute;
}
#desplegable-idiomas .mobile-layer .mobile-layer-header {
display: none;
}
#desplegable-idiomas .mobile-layer:before {
content: '';
display: block;
border-bottom: 10px solid #ececec;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
height: 20px;
position: absolute;
top: -19px;
left: 50%;
margin-left: -10px;
}
#desplegable-idiomas .mobile-layer .links-group-panel-links:before {
content: '';
display: block;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
height: 20px;
position: absolute;
top: -17px;
left: 50%;
margin-left: -10px;
}
#desplegable-idiomas .links-group-panel-links ul {
background-color: #fff;
border-radius: 6px;
border: 1px solid #ececec;
display: block;
}
#desplegable-idiomas .links-group-panel-links ul li {
background-image: none;
padding: 0;
border-top: 1px solid #ececec;
line-height: 2.2rem;
}
#desplegable-idiomas .links-group-panel-links ul li:first-child {
border-top: none;
}
#desplegable-idiomas .links-group-panel-links ul li a {
font-size: 1.3rem;
text-decoration: none;
padding: 0.6rem 1.5rem;
display: block;
color: #555;
font-weight: normal;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
#desplegable-idiomas .links-group-panel-links ul li a.active {
color: #09F;
}
#desplegable-idiomas .links-group-panel-links ul li a.active:after {
content: "";
display: inline-block;
width: 1.6rem;
height: 1.1rem;
float: right;
vertical-align: middle;
margin-top: 0.6rem;
background: url('icons/check_blue.svg') center center / contain no-repeat transparent;
}
#desplegable-idiomas .links-group-panel-links ul li a:hover {
background: #efefef;
}
}
/*******************************
9- Oficinas
********************************/
.header-top #buscador-oficinas {
border-left: 1px solid #ededed;
padding: 1.3rem 1.5rem 1.3rem 1rem;
width: 12rem;
display: block;
float: left;
}
@media (min-width: 992px) {
.header-top #buscador-oficinas {
display: none;
}
}
#buscador-oficinas .link-group-head a {
color: #555;
font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 1.6rem;
position: relative;
}
#buscador-oficinas .link-group-head a span {
display: none;
}
#buscador-oficinas .link-group-head a:before {
content: '';
display: block;
width: 13px;
height: 16px;
background: url('../css/icons/gps.png') no-repeat;
margin-top: 3px;
margin-right: 3px;
margin-left: 5px;
float: left;
}
#buscador-oficinas .link-group-head a:after {
display: none;
}
/*******************************
10- Menu
********************************/
.menuToggle{
display: inline-block;
float: none;
cursor: pointer;
padding-top: 2rem;
vertical-align: middle;
}
@media (min-width: 992px) {
.menuToggle{
padding-top: 0;
min-width: 8rem;
}
}
.menuOpen {
display: inline;
}
.menuOpen span {
font-family: 'OpenSans', Arial, Helvetica, sans-serif;
font-size: 1.6rem;
}
@media (min-width: 992px) {
.menuOpen span {
font-size: 1.4rem;
}
}
.menuOpen a {
text-decoration: none;
}
.menuClose{
display: none;
}
.menuClose span {
font-family: 'OpenSans', Arial, Helvetica, sans-serif;
font-size: 1.6rem;
display:none;
}
@media (min-width: 992px) {
.menuClose span {
font-size: 1.4rem;
display:inline-block;
}
}
.menuClose a {
text-decoration: none;
opacity: 1;
font-weight: normal;
float: none;
font-size: 1.4rem;
line-height: 2rem;
text-shadow: none;
}
.menuClose a img {
vertical-align: middle;
}
.menuClose a:hover,
.menuClose a:focus {
opacity: 1;
}
/*******************************
12-Logo
********************************/
.search-open #header-bottom-middle-center-col {
position: fixed;
width: 100%;
}
#header-bottom-middle-center-col {
padding: 1rem 0;
}
@media (min-width: 992px) {
#header-bottom-middle-center-col {
padding: 0;
}
}
.header-bottom .main-title{
background:url('../css/images/logo-m.png') center center no-repeat transparent;
width: auto;
height: 3.9rem;
margin: 0 -15px;
padding: 0;
min-width: 15rem;
}
@media (min-width: 992px) {
.header-bottom .main-title{
background:url('../css/images/logo.png') center center no-repeat transparent;
width: 233px;
height: 65px;
margin: 0 auto;
padding: 0;
}
}
.header-bottom .main-title a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.header-bottom .main-title h1,
.header-bottom .main-title p {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
/*******************************
13-Enlace Hazte Cliente
********************************/
.header-bottom .column:last-child {
text-align: center;
padding-bottom: 0;
}
.menu-open .header-bottom .column:last-child {
display: none;
}
@media (min-width: 768px) {
.header-bottom .column:last-child {
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.header-bottom .column:last-child {
padding-top: 0;
}
.menu-open .header-bottom .column:last-child {
display: block;
}
}
.header-bottom .buttons_group {
margin: 0;
text-align: center;
display: inline-block;
}
.header-bottom .button_wrap {
margin: 0;
}
#hc-button .button_wrap a {
padding: 0 1.2rem;
line-height: 3.6rem;
}
#hc-button .button_wrap a:before {
background: url('../css/icons/user.png')no-repeat center center transparent;
content: '';
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: middle;
margin-right: 1rem;
}
/*******************************
14- Boton linea Abierta
********************************/
#la-button .button_wrap span a:before {
background: url("icons/lock-white.png")no-repeat center center transparent;
}
#la-button .button_wrap a:hover:before{
background: url("icons/lock-blue.png")no-repeat center center transparent;
}
#la-button .button_wrap a span {
display: none;
}
@media (min-width: 1200px) {
#la-button .button_wrap a span {
color: #fff;
display: inline;
}
}
/*******************************
15 titulo Seccion
********************************/
.section-title.section-sh-title {
display: block;
}
@media (min-width:992px){
.section-title{
display: block;
}
}
.section-title .column {
min-height: 0;
padding: 0;
}
@media (min-width: 768px) {
.section-title .column {
padding: 0 15px;
}}
.section-title .main-title {
display: none;
padding: 1rem 0;
}
@media (min-width: 768px) {
.section-title .main-title {
padding: 0;
}
}
.section-title .main-title.visible-mb {
display: block;
}
.section-title.section-sh-title .main-title {
display: block;
}
@media (min-width: 992px) {
.section-title .main-title {
display: block;
padding: 0;
}
}
.section-title .main-title span {
color:#fff;
font-style: normal;
display: block;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
position: relative;
line-height: 2rem;
}
@media (min-width: 768px) {
.section-title .main-title span {
font-size:3.6rem;
line-height: 6rem;
padding: 0;
}
}
.section-title .main-title a {
text-decoration:none;
display: inline-block;
}
.section-title .main-title a h1,
.section-title .main-title a p {
display: inline;
}
/*******************************
#56735 Breadcrumb
********************************/
@media (min-width:992px) {
#inner-section .section-breadcrumb{
background-color: #f2f2f2;
}
}
/* Breadcrumbs */
.breadcrumb {
display: none;
padding: 7px 0;
list-style: none;
background: transparent;
border-radius: 0;
margin-bottom: 0;
}
@media (min-width: 992px) {
.breadcrumb {
display: block;
}
}
.breadcrumb .current {
font-family: 'OpenSans-Bold', Arial, sans-serif;
}
.breadcrumb .crumb{
display: inline;
background-image:none;
color:#555;
font-size:0.9em;
padding:0;
}
.crumb:after{
content: "";
display: inline-block;
background: url('icons/arrow-right.png') no-repeat center center transparent;
width: 1rem;
height: 0.6rem;
}
.crumb:last-child:after{
content: "";
background-image: none;
}
.breadcrumb .crumb a{
text-decoration: none;
color:#555;
font-size:0.9em;
}
.breadcrumb ul li.current{
text-decoration: none;
color:#555;
font-size:0.8em;
}
/*******************************
18 FooterGrupos de enlaces
********************************/
.footer-middle-top .container {
padding: 0;
}
@media (min-width: 992px) {
.footer-middle-top .container {
width: 970px;
}
}
@media (min-width: 1200px) {
.footer-middle-top .container {
width: 1170px;
}
}
.footer-middle-top .container ul li {
background: transparent;
padding: 0;
font-size: 0.5rem;
}
@media (min-width: 992px) {
.col-links {
margin-bottom: 3rem;
}
}
.col-links:after {
content: '';
display: block;
clear: both;
}
.col-links .multicols {
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
}
.col-links .multicols3 {
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
}
.footer-middle-top .container .col-links > li{
padding: 0 15px;
}
.link-group-title a p{
color:#007eae;
font-family: 'OpenSans-Bold', Arial, sans-serif;
text-decoration:none;
font-size: 1.4rem;
}
.link-group-title a{
text-decoration:none;
}
.link-group-links ul li a{
color:#555;
text-decoration:none;
font-size: 1.4rem;
background:none;
}
.link-group-links ul li{
background:none;
padding: 0;
}
.multicols .link-group-links ul{
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
}
.footer-middle-top .link-group-links ul {
padding-bottom: 2rem;
}
.ie9 .footer-middle-top .multicols3 .link-group-links ul li {
display: inline-block;
width: 48%
}
@media (min-width: 768px) {
.footer-middle-top .link-group-links ul {
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
}
.footer-middle-top .multicols3 .link-group-links ul{
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
}
.ie9 .footer-middle-top .multicols3 .link-group-links ul li {
width: 32%
}
.link-group-title a{
cursor: auto;
}
}
/*#69314 Particulares // Home // Nuevo icono Premios en el footer */
@media (min-width: 992px) {
.footer-middle-top .link-group-links ul {
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
padding-bottom: 0;
}
.footer-middle-top .multicols .link-group-links ul{
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
}
.footer-middle-top .multicols {
padding-right: 0;
width: 30.3333%;
}
.footer-middle-top .col-links .col-md-1 {
width: 16%;
}
.footer-middle-top .col-links .col-md-2 {
padding: 0 10px;
width: 29%;
}
.footer-middle-top .col-links .col-md-4{
padding: 0;
width: 39%;
float: right;
}
.footer-middle-top .multicols3 {
padding: 0;
width: 38%;
}
.footer-middle-top .col-links .multicols3 + .multicols3{
margin-top: 2rem;
}
/*START Multiidioma en, fr, de*/
.homeContainer100 .footer-middle-top .col-links .col-md-4,
html[lang="en"] .footer-middle-top .col-links .col-md-4{
width: 51%;
}
/*END Multiidioma en, fr, de*/
.footer-middle-top .multicols3 .link-group-links ul li a img {
margin: 0.5rem 0;
}
}
/* FIN #69314 Particulares // Home // Nuevo icono Premios en el footer */
@media (min-width: 768px) {
.no-csscolumns .multicols .link-group-links ul li{
width: 49%;
display: inline-block;
}
}
@media (min-width:992px){
.footer-middle-top .link-group-links{
display:block !important;
}
}
.link-group-links ul li a img{
vertical-align: middle;
margin: 0.5rem 0.5rem 0.5rem 0;
background: #757575;
border-radius: 26px;
}
.link-group-links ul li a[title*="Linkedin"]:hover img{ background: #006699;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Instagram"]:hover img{ background: #d0277b;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Facebook"]:hover img{ background: #3b5998;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Twitter"]:hover img{ background: #1a96f0;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Youtube"]:hover img{ background: #ee1c1b;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Blog"]:hover img{ background: #4f4047;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Comunicaci"]:hover img{ background: #19818B;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Comunicaci"]:hover img{ background: #19818B;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Komunikazioa"]:hover img{ background: #19818B;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Kommunikation"]:hover img{ background: #19818B;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Communication"]:hover img{ background: #19818B;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Ver m"]:hover img{ background: #007eae;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Veure m"]:hover img{ background: #007eae; transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="See more"]:hover img{ background: #007eae;transition: all 0.3s ease-in;}
/* INICIO - Ticket #69314 - Particulares // Home // Nuevo icono Premios en el footer */
.link-group-links ul li a[title*="Pr"]:hover img{ background: #FFCD00;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Awards"]:hover img{ background: #FFCD00;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Sariak"]:hover img{ background: #FFCD00;transition: all 0.3s ease-in;}
/* FIN - Ticket #69314 - Particulares / footer / Maquetar espacio footer portal para nuevo icono y acceso */
/* INICIO - Ticket #84673 - Particulares // Home // Nuevo icono Premios en el footer */
.link-group-links ul li a[title*="Cultura"]:hover img{ background: #FFCD00;transition: all 0.3s ease-in;}
.link-group-links ul li a[title*="Cultura"]{display: inline-block; width: 120%;}
/* FIN - Ticket #84673 - Particulares / footer / Maquetar espacio footer portal para nuevo icono y acceso */
.footer-middle-top .link-group-links {
display: none;
}
#footer .container-fluid.footer-middle-top {
padding-right:0;
padding-left:0;
}
.col-links .link-group-title{
margin: 1.5rem 0;
}
#footer .footer-middle-top .link-group-title a{
cursor: default;
}
@media (min-width: 992px) {
.col-links .link-group-title{
margin: 0;
}
}
.col-links .link-group-title a p{
background:url("icons/down-arrow-blue.png") no-repeat center right;
padding-right: 2.2rem;
}
.col-links .link-group-title a.expanded p{
background-image:url("icons/up-arrow-blue.png");
}
@media (min-width:992px){
.col-links .link-group-title a p{
background: none;
}
}
/*******************************
19 FooterBuscadorOficinas
********************************/
#footer .bg-grey .col-sm-7 {
background: url('images/bg-map.jpg') no-repeat top left #d6dbdf;
}
@media (min-width: 768px) {
#footer .bg-grey .col-sm-7 {
background: none;
}
}
.container-fluid.footer-middle-bottom {
padding: 0;
}
@media (min-width: 768px) {
.container-fluid.footer-middle-bottom {
padding: 0 15px;
}
}
.footer-middle-bottom .search-trigger,
.footer-middle-bottom .search-result {
display: none;
}
.footer .search-group{
background: url("icons/maps.png") no-repeat center left;
max-width: 50rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.footer .search-group{
max-width: none;
margin: 0;
}
}
.footer .search {
padding: 1.5rem 0 1.5rem 4rem;
}
@media (min-width: 768px) {
.footer .search {
padding: 2.6rem 0 2.5rem 4rem;
}
}
.footer .search-group form{
position: relative;
width: 100%;
display: block;
padding-right: 6.5rem;
}
@media (min-width: 992px) {
.footer .search-group form{
padding-right: 6.5rem;
}
}
.footer .search-group form:after {
content: '';
display: block;
clear: both;
}
.footer .search-group #office-footer {
border:none;
color:#555;
font-size:1.4rem;
font-family: 'OpenSans-Bold', Arial, sans-serif;
padding:1.4rem;
height: 4.8rem;
float: left;
width: 100%;
}
.footer .search-group #office-footer::-webkit-input-placeholder {
font-size: 1.4rem;
color: #555;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
opacity: 1;
}
.footer .search-group #office-footer::-moz-placeholder {
font-size: 1.4rem;
color: #555;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
opacity: 1;
}
.footer .search-group #office-footer:-ms-input-placeholder {
font-size: 1.4rem;
color: #555;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
opacity: 1;
}
.footer .search-group #office-footer:-moz-placeholder {
font-size: 1.4rem;
color: #555;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
opacity: 1;
}
.footer .search-group input[type=submit]{
color:#555;
font-size:1.4rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
background:#fff;
border:1px solid #fff;
height: 4.8rem;
width: 6.5rem;
padding: 0;
position: absolute;
top: 0;
right: 0;
}
.footer .search-group input[type=submit]:hover {
color: #007EAE;
}
@media (min-width: 992px) {
.footer .search-group input[type=submit]{
width: 6.5rem;
}
}
.footer .search-group #office-footer, .footer .search-group input[type="submit"] {
border-bottom: 1px solid #555555;
}
.footer .banner-link {
max-width: 50rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.footer .banner-link {
max-width: none;
margin: 0;
text-align: right;
}
}
.footer .banner-link a {
display: block;
position: relative;
text-decoration: none;
padding: 1.5rem 9rem 2.5rem 0;
}
@media (min-width: 768px) {
.footer .banner-link a {
padding: 2.2rem 0 2.1rem 11rem;
display: inline-block;
}
}
@media (min-width: 1200px) {
.footer .banner-link a {
padding: 3rem 0 3rem 11rem;
}
}
.footer .office-link-image {
position: absolute;
right: 0;
top: -1.5rem;
height: 100%;
}
@media (min-width: 768px) {
.footer .office-link-image {
position: absolute;
right: auto;
left: 0;
top: -15px;
bottom: 0;
height: auto;
max-width: 11rem;
width: 100%;
}
}
.footer .office-link-image img {
width: auto;
height: 100%;
position: absolute;
right: 1.5rem;
top: 0;
}
@media (min-width: 768px) {
.footer .office-link-image img {
width: auto;
height: 100%;
position: absolute;
top: 0;
right: auto;
left: 0;
}
}
@media (min-width: 768px) {
.office-text {
display: inline-block;
text-align: left;
}
}
.banner-link .office-text p{
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.8rem;
color:#004f70;
line-height: 1.8rem;
font-weight: 700;
}
.banner-link .office-text .texto_aclarativo {
margin-top: 1rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.2rem;
color:#555;
line-height: 1.4rem;
}
@media (min-width: 768px) {
.banner-link .office-text .texto_aclarativo {
margin-top: 0.5rem;
}
}
/*******************************
20 FooterEnlacesLegales
********************************/
.container-fluid.footer-bottom {
padding: 0;
}
@media (min-width: 768px) {
.container-fluid.footer-bottom {
padding: 0 15px;
}
}
.linkgroup-text-footer{
margin:2rem 0 0;
}
@media (min-width: 768px) {
.link-text-footer ul{
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
}
}
@media (min-width: 992px) {
.linkgroup-text-footer{
margin-bottom:2rem;
}
.link-text-footer ul{
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
display: inline-block;
vertical-align: bottom;
}
}
.link-text-footer ul li{
display: block;
padding: 1.5rem 0;
background: none;
}
@media (min-width: 768px) {
.link-text-footer ul li{
display:block;
}
}
@media (min-width: 992px) {
.link-text-footer ul li{
background:none;
display:inline-block;
padding: 0 0.2rem;
}
}
@media (min-width: 1200px) {
.link-text-footer ul li{
padding: 0 0.4rem;
}
}
.link-text-footer ul li a{
font-size: 1.6rem;
color:#555;
text-decoration:none;
display: block;
}
@media (min-width: 992px) {
.link-text-footer ul li a{
font-size: 1.2rem;
letter-spacing: -0.11rem;
display: inline;
}
}
.head-linkgroup-text-footer {
padding-bottom: 1.5rem;
display: block;
}
@media (min-width: 768px) {
.head-linkgroup-text-footer {
border-bottom: 0.1rem solid #efefef;
}
}
@media (min-width: 992px) {
.head-linkgroup-text-footer {
padding-bottom: 0;
border-bottom: none;
display: inline-block;
vertical-align: bottom;
}
}
.head-linkgroup-text-footer p{
font-size: 1.6rem;
color: #1a1a1a;
}
@media (min-width: 992px) {
.head-linkgroup-text-footer p{
font-size: 1.2rem;
letter-spacing: -0.08rem;
color: #555;
}
}
.link-text-footer {
display:block;
}
@media (min-width: 768px) {
.link-text-footer {
border-bottom: 0.1rem solid #efefef;
}
}
@media (min-width: 992px) {
.link-text-footer {
padding-bottom: 0;
border-bottom: none;
display: inline-block;
vertical-align: bottom;
}
}
/*******************************
21 FooterLogos
********************************/
.linkgroup-images-footer{
margin-top:1rem;
margin-bottom: 1rem;
}
.linkgroup-images-footer ul{
text-align: center;
}
@media (min-width: 992px) {
.linkgroup-images-footer ul{
text-align: right;
}
}
.linkgroup-images-footer ul li{
background:none;
display:inline-block;
padding: 0;
vertical-align: middle;
max-width: 4rem;
}
@media (min-width: 410px) {
.linkgroup-images-footer ul li{
max-width: none;
}
}
/*
@media (min-width: 992px) {
.linkgroup-images-footer ul li{
max-width: 4rem;
}
}
@media (min-width: 1200px) {
.linkgroup-images-footer ul li{
max-width: 6rem;
}
}
*/
@media (min-width: 992px) and (max-width: 1200px) {
.linkgroup-images-footer {max-width: 20rem;}
}
.linkgroup-images-footer ul li img{
max-width: 100%;
display: block;
max-height: 4rem;
height: auto;
width: auto;
}
/*****************
OVERLAY
********************/
@media (min-width: 992px) {
#panels-overlay{
position: fixed;
background-color: gray;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
#panels-overlay {
z-index: 99;
}
.overlay-tooltip #panels-overlay {
z-index: 999;
}
.overlay-panel #panels-overlay {
z-index: 99;
}
}
/******************************
INTERNAL BLOCKS
*******************************/
/***********************
A0.BUTTONS
************************/
.buttons_group {
margin: 0 0 2rem 0;
text-align: center;
}
.article-main .buttons_group,
.aside-main .buttons_group {
margin-top: 3rem;
}
.button_wrap {
display: block;
margin: 0 0 2rem;
}
@media (min-width: 768px) {
.button_wrap {
display: inline-block;
margin: 0 1rem 2rem 1rem;
}
}
.button_wrap .btn {
padding: 0;
width: 100%;
}
@media (min-width: 768px) {
.button_wrap .btn {
width: auto;
}
}
.button_wrap .btn > a,
.button_wrap button.btn,
.button_wrap a > .btn,
.article-content .boton > a,
.article-content a > .boton,
.article-content .boton_azul > a,
.article-content a > .boton_azul,
.article-content .boton_gris > a,
.article-content a > .boton_gris {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
background-color: #fff;
border: 0.2rem solid #007eae;
color: #007eae;
padding: 1.1rem 1rem;
border-radius: 0.2rem;
line-height: 1.4rem;
font-size: 1.4rem;
/*height: 4rem;*/
position: relative;
background: none;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
width: 100%;
max-width: 320px;
transition: all 0.3s ease-in;
}
@media (min-width: 768px) {
.button_wrap .btn > a,
.button_wrap button.btn,
.button_wrap a > .btn,
.article-content .boton > a,
.article-content a > .boton,
.article-content .boton_azul > a,
.article-content a > .boton_azul,
.article-content .boton_gris > a,
.article-content a > .boton_gris {
width: auto;
max-width: none;
}
}
.button_wrap .btn_info {
display: block;
color: #555;
font-size: 1.4rem;
padding-bottom: 1rem;
}
.button_wrap .btn > a:hover,
.button_wrap button.btn:hover,
.button_wrap a:hover > .btn,
.article-content .boton > a:hover,
.article-content a:hover > .boton,
.article-content .boton_azul > a:hover,
.article-content a:hover > .boton_azul,
.article-content .boton_gris > a:hover,
.article-content a:hover > .boton_gris {
background:none;
color: #007eae;
border-color: #007eae;
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
}
.button_wrap .btn > a:focus,
.button_wrap button.btn:focus,
.button_wrap a:focus > .btn,
.article-content a:focus > .boton,
.article-content a:focus > .boton,
.article-content .boton_azul > a:focus,
.article-content a:focus > .boton_azul,
.article-content .boton_gris > a:focus,
.article-content a:focus > .boton_gris{
background:none;
color: #007eae;
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
}
.button_wrap .btn > a:active,
.button_wrap .btn.active > a,
.button_wrap button.btn:active,
.button_wrap button.btn.active,
.button_wrap a:active > .btn,
.button_wrap a > .btn.active,
.article-content .boton > a:active,
.article-content a:active > .boton,
.article-content .boton_azul > a:active,
.article-content a:active > .boton_azul,
.article-content .boton_gris > a:active,
.article-content a:active > .boton_gris {
background:none;
color: #007eae;
border-color: #007eae;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button_wrap .btn.disabled > a,
.button_wrap a > .btn.disabled {
color: #666;
border: 0.2rem solid #ccc;
opacity:0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
/* Button colors */
.button_wrap .btn.btn-yellow > a,
.button_wrap a > .btn.btn-yellow,
.button_wrap button.btn.btn-yellow,
.article-content .boton.naranja > a,
.article-content a > .boton.naranja {
color: #000;
background-color: #f4c53d;
border: solid 2px #f4c53d;
}
.button_wrap .btn.btn-yellow > a:hover,
.button_wrap a:hover > .btn.btn-yellow,
.button_wrap button.btn.btn-yellow:hover,
.article-content .boton.naranja > a:hover,
.article-content a:hover > .boton.naranja {
color: #000;
background-color: #f4c53d;
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
border:solid 2px #f4c53d;
outline:none;
}
.button_wrap .btn.btn-yellow > a:focus,
.button_wrap a:focus > .btn.btn-yellow,
.button_wrap button.btn.btn-yellow:focus,
.article-content .boton.naranja > a:focus,
.article-content a:focus > .boton.naranja{
color: #000;
background-color: #f4c53d;
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
border:solid 2px #f4c53d;
outline:none;
}
.button_wrap .btn.btn-yellow > a:active,
.button_wrap .btn.btn-yellow.active > a,
.button_wrap a:active > .btn.btn-yellow,
.button_wrap a > .btn.btn-yellow.active,
.button_wrap button.btn.btn-yellow:active,
.button_wrap button.btn.btn-yellow.active,
.article-content .boton.naranja > a:active,
.article-content a:active > .boton.naranja {
color: #000;
background-color: #e2b33d;
border:solid 2px #e2b33d;
outline:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button_wrap .btn.btn-yellow.disabled > a,
.button_wrap a > .btn.btn-yellow.disabled {
color: #666;
border: 0.2rem solid #ccc;
opacity:0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.button_wrap .btn.btn-blue > a,
.button_wrap a > .btn.btn-blue,
.button_wrap button.btn.btn-blue,
.article-content .boton_azul > a,
.article-content .boton.azul_turquesa > a,
.article-content .boton_azul_oscuro > a,
.article-content a > .boton_azul,
.article-content a > .boton.azul_turquesa,
.article-content a > .boton.azul_oscuro {
background-color:#007eae;
border: 0.2rem solid #007eae;
color: #fff;
}
.button_wrap .btn.btn-blue > a:hover,
.button_wrap button.btn.btn-blue:hover,
.button_wrap a:hover > .btn.btn-blue,
.article-content .boton_azul > a:hover,
.article-content .boton.azul_turquesa > a:hover,
.article-content .boton.azul_oscuro > a:hover,
.article-content a:hover > .boton_azul,
.article-content a:hover > .boton.azul_turquesa,
.article-content a:hover > .boton.azul_oscuro {
background-color:#007eae;
border-color: #007eae;
color: #fff;
-webkit-box-shadow: 0 0 10px 0px #404040;
-moz-box-shadow: 0 0 10px 0px #404040;
box-shadow: 0 0 10px 0px #404040;
}
.button_wrap .btn.btn-blue > a:focus,
.button_wrap button.btn.btn-blue:focus,
.button_wrap a:focus > .btn.btn-blue,
.article-content .boton_azul > a:focus,
.article-content .boton.azul_turquesa > a:focus,
.article-content .boton.azul_oscuro > a:focus,
.article-content a:focus > .boton_azul,
.article-content a:focus > .boton.azul_turquesa,
.article-content a:focus > .boton.azul_oscuro{
background-color:#007eae;
color: #fff;
-webkit-box-shadow: 0 0 10px 0px #404040;
-moz-box-shadow: 0 0 10px 0px #404040;
box-shadow: 0 0 10px 0px #404040;
}
.button_wrap .btn.btn-blue > a:active,
.button_wrap .btn.btn-blue.active > a,
.button_wrap button.btn.btn-blue:active,
.button_wrap button.btn.btn-blue.active,
.button_wrap a:active > .btn.btn-blue,
.button_wrap a > .btn.btn-blue.active,
.article-content .boton_azul > a:active,
.article-content .boton.azul_turquesa > a:active,
.article-content .boton.azul_oscuro > a:active,
.article-content a:active > .boton_azul,
.article-content a:active > .boton.azul_turquesa,
.article-content a:active > .boton.azul_oscuro {
background-color:#006f99;
border-color: #006f99;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button_wrap .btn.btn-blue.disabled > a,
.button_wrap a > .btn.btn-blue.disabled {
color: #666;
background-color: #e1e1e1;
border: 0.2rem solid #ccc ;
opacity:0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/* Button icons */
.button_wrap a > .icon_lock,
.button_wrap .icon_lock > a,
.button_wrap a > .button_wrap,
.button_wrap .button_wrap > a,
.button_wrap a > .icon_people,
.button_wrap .icon_people > a,
.button_wrap a > .icon_chat,
.button_wrap .icon_chat > a,
.button_wrap a > .icon_phone,
.button_wrap .icon_phone > a,
.button_wrap a > .icon_download,
.button_wrap .icon_download > a,
.article-content .boton.naranja > a,
.article-content a > .boton.naranja {
padding-left: 3.7rem;
}
.button_wrap a > .icon_lock:before,
.button_wrap .icon_lock > a:before,
.button_wrap a > .button_wrap:before,
.button_wrap .button_wrap > a:before,
.button_wrap a > .icon_people:before,
.button_wrap .icon_people > a:before,
.button_wrap a > .icon_chat:before,
.button_wrap .icon_chat > a:before,
.button_wrap a > .icon_phone:before,
.button_wrap .icon_phone > a:before,
.button_wrap a > .icon_download:before,
.button_wrap .icon_download > a:before,
.article-content .boton.naranja > a:before,
.article-content a > .boton.naranja:before {
content: '';
display: inline;
position: absolute;
left: 0;
top: 0;
height: 100%;
padding: 0;
width: 3.7rem;
line-height: 3.5rem;
}
@media screen and (min-width:0\0) {
.button_wrap a > .icon_lock:before,
.button_wrap .icon_lock > a:before,
.button_wrap a > .button_wrap:before,
.button_wrap .button_wrap > a:before,
.button_wrap a > .icon_people:before,
.button_wrap .icon_people > a:before,
.button_wrap a > .icon_chat:before,
.button_wrap .icon_chat > a:before,
.button_wrap a > .icon_phone:before,
.button_wrap .icon_phone > a:before,
.button_wrap a > .icon_download:before,
.button_wrap .icon_download > a:before,
.article-content .boton.naranja > a:before,
.article-content a > .boton.naranja:before {
padding-top: 1.7rem;
}
}
.button_wrap a > .icon_lock:before,
.button_wrap .icon_lock > a:before,
.button_wrap a > .button_wrap:before,
.button_wrap .button_wrap > a:before {
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
}
.button_wrap a > .btn-blue.icon_lock:before,
.button_wrap .btn-blue.icon_lock > a:before,
.button_wrap a > .btn-blue.button_wrap:before,
.button_wrap .btn-blue.button_wrap > a:before {
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
}
.button_wrap a > .icon_people:before,
.button_wrap .icon_people > a:before {
font-family: "fontello";
font-style: normal;
content: '\e903';
color:#437eae;
font-size: 2.3rem;
}
.button_wrap a > .btn-blue.icon_people:before,
.button_wrap .btn-blue.icon_people > a:before {
font-family: "fontello";
font-style: normal;
content: '\e903';
color:#fff;
font-size: 2.3rem;
}
.button_wrap a > .btn-yellow.icon_people:before,
.button_wrap .btn-yellow.icon_people > a:before {
font-family: "fontello";
font-style: normal;
content: '\e903';
color:#000;
font-size: 2.3rem;
}
.button_wrap a > .icon_chat:before,
.button_wrap .icon_chat > a:before {
background: url("icons/icon_chat_blue.png") no-repeat center center transparent;
}
.button_wrap a > .btn-blue.icon_chat:before,
.button_wrap .btn-blue.icon_chat > a:before {
background-image: url("icons/icon_chat_white.png");
}
.button_wrap a > .btn-yellow.icon_chat:before,
.button_wrap .btn-yellow.icon_chat > a:before {
background-image: url("icons/icon_chat.png");
}
.button_wrap a > .icon_phone:before,
.button_wrap .icon_phone > a:before {
background: url("icons/icon_phone_blue.png") no-repeat center center transparent;
}
.button_wrap a > .btn-blue.icon_phone:before,
.button_wrap .btn-blue.icon_phone > a:before {
background-image: url("icons/icon_phone_white.png");
}
.button_wrap a > .btn-yellow.icon_phone:before,
.button_wrap .btn-yellow.icon_phone > a:before {
background-image: url("icons/icon_phone.png");
}
.button_wrap a > .icon_download:before,
.button_wrap .icon_download > a:before {
background: url("icons/icon_download_blue.png") no-repeat center center transparent;
}
.button_wrap a > .btn-blue.icon_download:before,
.button_wrap .btn-blue.icon_download > a:before {
background-image: url("icons/icon_download_white.png");
}
.button_wrap a > .btn-yellow.icon_download:before,
.button_wrap .btn-yellow.icon_download > a:before {
background-image: url("icons/icon_download.png");
}
/***************************
A1 - Banner de titulo
***************************/
.banner {
padding-left: 0;
padding-right: 0;
position: relative;
background-color: #ececec;
/*z-index: 30;*/
}
.article-main .container-fluid,
.aside-main .container-fluid {
position: relative;
}
.banner-image-group img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: 100%;
}
@media (min-width: 1200px) {
.banner-media{
position: absolute;
max-height: 300px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-image-group {
width: 200%;
position: absolute;
left: -50%;
top: 0;
height: 100%;
overflow: hidden;
}
.banner-image-group:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #333;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.banner-image-group > img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: auto;
max-width: none;
top: 0;
transform: translateY(0);
}
.no-csstransforms .banner-image-group > img {
height: auto;
width: auto;
max-width: none;
top: auto;
}
.banner-image-group > picture {
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.no-csstransforms .banner-image-group > picture {
top: 0;
}
.banner-image-group > picture img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: auto;
max-width: none;
}
.no-csstransforms .banner-image-group > picture img {
height: auto;
width: auto;
max-width: none;
top: auto;
}
}
@media (min-width: 1200px){
.banner-media{
max-height: 360px;
}
.banner-image-group > img {
height: 100%;
}
.no-csstransforms .banner-image-group > img {
height: 100%;
}
.banner-image-group > picture img {
height: 100%;
}
.no-csstransforms .banner-image-group > picture img {
height: 100%;
}
}
@media (min-width: 1440px) {
.banner-image-group > img {
height: auto;
width: 100%;
max-width: 50%;
}
.banner-image-group > picture {
}
.banner-image-group > picture img {
height: auto;
width: 100%;
max-width: 50%;
top: 50%;
transform: translateY(-50%);
}
.no-csstransforms .banner-image-group > picture img {
height: auto;
width: 100%;
max-width: 50%;
top: 0;
}
}
.banner-text {
width: 100%;
}
@media (min-width: 1200px) {
.banner-text {
width: 970px;
border-bottom: none;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.banner-text {
width: 1170px;
}
}
.page-banner{
padding: 3rem 0;
display: table;
width: 100%;
}
.page-banner.channel-title {
margin-bottom: -3rem;
}
@media (min-width: 1200px) {
.page-banner {
height: 300px;
}
.page-banner.channel-title {
height: auto;
padding: 4rem 0;
margin-bottom: 0;
}
.page-banner.channel-title .page-title h1{
height: auto;
line-height: 6rem;
}
}
@media (min-width: 1200px) {
.page-banner {
height: 360px;
}
}
.page-banner-wrap{
display: table-row;
}
.page-banner-box{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.banner-text .page-title h1 {
font-size: 2.6rem;
line-height: 3rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
color: #007eae;
}
.banner-text .page-title h1 sup {
top: -.8em;
font-size: 50%;
}
@media (min-width: 1200px) {
.banner-text .page-title h1 {
color: #fff;
font-size: 5rem;
line-height: 5.7rem;
}
}
.banner-text .page-description p {
margin-top: 1rem;
}
@media (min-width: 1200px) {
.banner-text .page-description p {
color: #fff;
font-size: 2rem;
margin-top: 2rem;
}
.banner-text .no-image .page-description p {
color: inherit;
}
}
.banner-text .column {
position: static;
}
.banner-text .page-video {
position: absolute;
/*top: 20%;*/
top: 0;
left: 0;
width: 100%;
height: 0;
padding: 12.25%;
}
.banner-text .page-video .product-media {
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
.banner-text .page-video a {
margin: -2.4rem auto 0;
width: 4.8rem;
height: 4.8rem;
background: url('icons/icon-play.png') no-repeat center center transparent;
display: block;
}
.banner-text .page-video a [role="button"] span {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (min-width: 1200px) {
.banner-text .column {
position: relative;
}
.banner-text .page-video {
position: static;
width: auto;
height: auto;
padding: 0;
}
.banner-text .page-video .product-media {
position: static;
width: auto;
height: auto;
}
.banner-text .page-video a {
margin: 2rem auto 0;
}
}
/********************
A1.1 COLORBOX LAYER
*********************/
#colorbox.video-layer {
overflow: visible;
max-width: 100%;
max-height: 100%;
padding: 1.5rem;
box-sizing: border-box;
position: fixed !important;
top: 0!important;
left: 0!important;
width: 100%!important;
height: 100%!important;
}
.video-layer #cboxTitle {
display: none!important;
}
.video-layer #cboxWrapper {
width: 100%!important;
height: 100%!important;
position: relative;
cursor: pointer;
}
.video-layer #cboxWrapper > div {
display: block;
height: 100%;
}
.video-layer #cboxWrapper > div:first-child,
.video-layer #cboxWrapper > div:last-child {
display: none;
}
.video-layer #cboxContent {
max-width: 100%;
margin: 0 auto;
height: 100%!important;
float: none!important;
width: 100%!important;
}
@media (min-width: 768px) {
.video-layer #cboxContent {
max-width: 770px;
margin: 0 auto;
}
}
.video-layer #cboxLoadedContent {
max-width: 100%;
max-height: 100%;
position: absolute;
width: 100%!important;
height: auto!important;
float: none!important;
padding-bottom: 0;
cursor: default;
overflow: hidden!important;
}
.csstransforms .video-layer #cboxLoadedContent {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.video-layer #cboxLoadedContent .container,
.video-layer #cboxLoadedContent iframe,
.video-layer #cboxLoadedContent object,
.video-layer #cboxLoadedContent .container iframe,
.video-layer #cboxLoadedContent .container object {
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
.video-layer #cboxClose {
position: fixed;
top: 0;
right: 0;
z-index: 9999;
}
/********************
A1.2 Producto en promocion
*********************/
.banner-promotion{
position: absolute;
left: 50%;
margin-left: -105px;
margin-top: 0px;
z-index: 30;
cursor: pointer;
}
.banner-promotion a{
text-decoration: none;
padding: 1rem;
height: 40px;
background: #f4c53d;
border-radius: 5px;
display: block;
margin-top: -10px;
}
.banner-promotion a::before {
position: absolute;
width: 25px;
height: 26px;
left: 6px;
top: -2px;
content: '';
z-index: 2;
border: 5px solid #f4c53d;
}
.banner-promotion a p {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
padding-left: 2.5rem;
color: #000;
margin: 0;
}
.banner-promotion a img {
height: 29px;
background-size: cover !important;
overflow: hidden;
position: absolute;
top: -4px;
width: 27px;
margin: 0;
left: 5px;
}
.promotion-group .promo-badge {
position: absolute;
z-index: 1;
width: 52px;
height:54px;
top: -0.6rem;
left: 2px;
background: url('icons/estrela.png') no-repeat center center transparent;
}
.promotion-group .promo-badge img, .promotion-group .promo-badge p {
margin:0;
}
.promotion_content h2 {
font-size: 2.2rem;
margin: 0;
}
.promotion-item-link a {
font-size: 1.2rem;
color: #1a1a1a;
}
.promotion-item-nri p {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.1rem;
color: #1a1a1a;
}
.promotion_content .button_wrap {
display: block;
}
.promotion_content .button_wrap .btn {
width: 100%;
}
.promotion_image img, .promotion_video img, .promotion-item-content.article-content {
margin-top: 0rem;
}
.promotion-item-content.article-content p{
margin-top: 1.5rem;
}
.promotion-item-info {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.2rem;
margin-top: 1rem;
}
.promotion_content .button_wrap {
margin: 2rem auto;
}
.promotion_image img, .promotion_video img {
width: 100%;
height: auto;
}
.promotion_video a::after {
background: transparent url("icons/icon-play.png") no-repeat scroll center center;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.promotion_video a {
display: block;
position: relative;
}
@media (max-width:768px){
.promotion_image img, .promotion_video img {
max-width: 80%;
height: auto;
display: block;
margin: 0 auto;
padding: 2rem;
}
}
@media (min-width:768px){
.promotion_image img, .promotion_video img {
width: auto;
}
.promotion_image, .promotion_video {
padding-right: 1.5rem;
float: left;
position: relative;
width: 41.6%;
height: 210px;
}
.promotion_content {
float: left;
position: relative;
width: 58.4%;
}
.promotion_content_left {
float: left;
padding: 1.5rem 1.5rem 1.5rem 0;
position: relative;
width: 70%;
height: 100%;
min-height: 210px;
}
.promotion_content_right {
float: left;
padding-right: 0;
position: relative;
width: 30%;
height: 100%;
min-height: 210px;
}
}
@media (min-width:768px){
.promotion-group .promo-badge {
left: -1.3rem;
}
#promotion_wrapper img {
width: initial;
height: initial;
}
}
@media (max-width:767px){
.promotion-item-nri {
padding-bottom: 4rem;
}
.promotion-item-link .texto_centrado {
padding-top: 1rem;
}
}
@media (min-width:768px){
.promotion-item-info{
margin-top: 1rem;
position: absolute;
bottom: 1rem;
}
.promotion_content {
padding-left: 0rem;
height: auto;
min-height: 210px;
}
.promotion-item-nri {
position: absolute;
bottom: 1rem;
left: 2px;
}
}
/*******************
B1 - Article
********************/
.lista_alternativa:after {
content: '';
clear: both;
display: block;
}
.article-content .lista_alternativa li {
float: left;
padding: 0 2rem 0 0;
background: none;
}
.article-content ol li{
list-style-type: none;
}
.article-content img{
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.article-content .texto_izquierda img {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
float: left;
}
.article-content{
margin-top:2rem;
}
.page-wrapper .article-content li,
.page-wrapper .article-content li p {
font-size: 1.6rem;
color: #555;
}
.article-content p span {
color: #555;
}
.article-content .lista_alternativa li a{
font-family: 'OpenSans-Bold', Arial, sans-serif;
font-size: 1.4rem;
text-decoration:underline;
padding-bottom:1.1rem;
}
.article-content .lista_alternativa {
margin-bottom: 2rem;
}
.article-content.article-video{
margin:auto;
text-align:center;
}
.article-content.article-video > * {
display: block;
max-width: 100%;
margin: 1rem auto;
}
/*START - #83637 - Empresas: Componente video en landing de marruecos*/
.article-content.article-video > script {
display: none;
}
.article-block._normal_appearance .video-inline iframe {
position: relative;
}
.article-block._normal_appearance .video-inline .aviso_cookies {
width: 100% !important;
}
/*END - #83637 - Empresas: Componente video en landing de marruecos*/
@media (min-width: 992px) {
.article-wrap.article-image-left .article-content.article-image {
float: left;
width:50%;
}
.article-wrap.article-image-left .article-content.article-intro {
float:left;
width:50%;
padding-left: 1rem;
}
.article-wrap.article-image-right .article-content.article-image{
float:right;
width:50%;
}
.article-wrap.article-image-right .article-content.article-intro {
float:left;
width: 50%;
padding-right: 1rem;
}
}
@media (min-width: 768px){
.multicols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.article-content .multicols {
margin-top: 2rem;
}
.article-content .multicols :first-child {
margin-top: 0;
}
}
/*********************************
B5 - Destacados de productos
**********************************/
.p-highlights {
margin: 3rem -20px;
}
@media (min-width: 768px) {
.p-highlights {
margin: 3rem -2px;
}
}
.p-highlights .heading-group {
padding: 0 5px;
}
.p-highlight-title {
min-height: 4rem;
}
@media (min-width: 540px) {
.p-highlight-simple .p-highlight-title {
min-height: 0;
}
}
.p-highlight-title h2,
.p-highlight-title h3,
.p-highlight-title h4 {
font-family: 'OpenSans-ExtraboldItalic', Arial, serif;
color:#004f70;
margin-top: 0;
font-size: 1.8rem;
line-height: 2rem;
}
.p-highlight-image {
margin-top: 2rem;
}
.p-highlight-image img{
display:block;
position:relative;
margin: 0 auto;
max-width:100%;
height: auto;
}
.p-highlights .p-highlight-list{
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:center;
justify-content:center;
width: 100%;
margin-top: 0;
}
.p-highlights .p-highlight{
background:none;
padding: 2rem 2px 0;
margin: 0;
width: 100%;
}
@media (min-width: 540px) {
.p-highlights .p-highlight{
width:50%;
}
.p-highlights .p-highlight.p-highlight-simple{
width:100%;
}
}
@media (min-width: 540px) {
.p-highlights .p-highlight.p-highlight-simple .p-highlight-wrap{
padding-left: 18.5rem;
position: relative;
min-height: 18.5rem;
text-align: left;
}
.p-highlights .p-highlight.p-highlight-simple .p-highlight-wrap.p-highlight-wrap-no-image{
min-height: 0;
}
.p-highlights .p-highlight.p-highlight-simple .p-highlight-image {
position: absolute;
top: 0;
left: 0;
margin-left: 2rem;
}
}
@media (min-width: 1200px) {
.p-highlights .p-highlight{
width:33.333333%;
}
.p-highlights .p-highlight-list-2-items .p-highlight{
width:50%;
}
.p-highlights .p-highlight.p-highlight-simple{
width:100%;
}
}
.ie8 .p-highlights .p-highlight-list {
height: auto !important;
}
.ie8 .p-highlights .p-highlight {
width: 31.33333% !important;
position: relative !important;
margin: 0 !important;
height: auto !important;
left: auto !important;
top: auto !important;
display: inline-block !important;
}
.ie8 .p-highlights .p-highlight.p-highlight-simple {
width: 100% !important;
}
.p-highlight-wrap{
text-align:center;
border: 1px solid #eeeeee;
padding: 2rem;
height: 100%;
}
.p-highlight-link{
margin-top:2rem;
}
.p-highlight-link .button_wrap{
margin: 0;
}
.p-highlight-content.article-content {
margin-top:2rem;
}
.p-highlight-content.article-content p{
font-size:1.3rem;
font-family: 'OpenSans', Helvetica, Arial, serif;
line-height: 1.6rem;
margin-top: 0;
}
.p-highlight-content.article-content ul {
margin-top: 0;
}
.p-highlight-content.article-content ul li{
font-size:1.3rem;
font-family: 'OpenSans', Helvetica, Arial, serif;
line-height: normal;
padding: 0;
background: none;
}
@media (min-width: 768px) {
.p-highlights-promo.p-highlights {
margin: 3rem -3px;
}
}
.p-highlights-promo.p-highlights .p-highlight {
padding: 2rem 3px 0;
}
.p-highlights-promo .p-highlight-wrap {
padding: 0;
border: none;
text-align: left;
}
.p-highlights-promo .p-highlight-title {
min-height: 0;
margin-bottom: 1rem;
margin-top: 1rem;
text-align: center;
}
@media (min-width: 540px) {
.p-highlights-promo .p-highlight-title {
min-height: 4.4rem;
margin-top: 0;
margin-bottom: 0.5rem;
text-align: left;
}
}
.p-highlights-promo .p-highlight-title h2,
.p-highlights-promo .p-highlight-title h3,
.p-highlights-promo .p-highlight-title h4,
.p-highlights-promo .p-highlight-title p {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
color: #004f70;
font-size: 2rem;
line-height: 2.2rem;
}
.p-highlights-promo .p-highlight-image {
margin-top: 0;
}
.p-highlights-promo .p-highlight-image img {
width: 100%;
height: auto;
}
.p-highlights-promo .p-highlight-content.article-content {
margin-top: 0;
}
.p-highlights-promo .p-highlight-text-t {
padding: 1.5rem;
background-color: #ededed;
/* min-height: 12.8rem; #66196 - Boton no encuadrado*/
min-height: 14.4rem;
position: relative;
}
.p-highlights-promo .p-highlight-text-r-b {
bottom: 1.5rem;
position: absolute;
}
.p-highlights-promo .p-highlight-content p {
font-size: 1.6rem;
line-height: 1.8rem;
color: #555;
}
.p-highlights-promo .p-highlight-legal {
font-size: 1.2rem;
line-height: 1.4rem;
color: #555;
margin-top: 1rem;
}
.p-highlights-promo .p-highlight-link {
margin-top: 1rem;
}
.p-highlights-promo .p-highlight-link .button_wrap,
.p-highlights-promo .p-highlight-link .btn {
display: block;
width: 100%;
border: none;
}
.p-highlights-promo .p-highlight-link .button_wrap a {
padding: 0.5rem 2rem;
line-height: 3.2rem;
width: 100%;
display: block;
max-width: 25.5rem;
margin: 0 auto;
}
@media (min-width: 540px) {
.p-highlights-promo .p-highlight-link .button_wrap a {
max-width: none;
}
}
.p-highlights-promo .p-highlight-link .button_wrap .btn-yellow.icon_people > a:before {
margin-left: 1.2rem;
}
.p-highlights-promo .p-highlight-info p {
font-size: 1.4rem;
line-height: 1.6rem;
display: block;
margin-top: 1rem;
}
.p-highlights-promo .p-highlight-info .texto_centrado {
text-align: center;
}
.p-highlights-promo .p-highlight-info p a {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
/*******************************
16 MenuInterior
********************************/
.full-width {
position: relative;
margin: 0 -30px;
padding: 0 30px;
background: #007eae;
}
.full-width:before,
.full-width:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 960rem;
right: 100%;
background: #007eae;
}
.full-width:after{
left: 100%;
}
@media (min-width:992px){
.section-nav .main-title {
display: none;
}
}
.section-nav .column {
background-color: #fff;
}
.section-nav .main-title {
position: relative;
margin: 0 -30px;
padding: 0;
background-color: #007eae;
}
.section-nav .main-title a {
text-decoration: none;
}
.section-nav .main-title span {
display: block;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #fff;
font-size: 1.6rem;
padding: 1.6rem 4rem 1.6rem 1.5rem;
position: relative;
}
.section-nav .main-title span:after {
content: '';
display: block;
width: 4rem;
height: 100%;
background: url('icons/down-arrow-white.png') no-repeat center center transparent;
position: absolute;
right: 0;
top:0;
}
/******************************
D2. Tabs
******************************/
.tabs-items-list {
position: relative;
width: 100%;
}
.tabs-items-scroll {
overflow: hidden;
margin: 0;
height: 8.3rem;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items-scroll {
height: 6.3rem;
}
.tabs-items-wrap {
overflow: auto;
padding-bottom: 3rem;
}
.tabs-group .tabs-items {
position: relative;
text-align: left;
margin: 0;
white-space: nowrap;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items {
position: initial;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items:after{
content:"";
height: 2px;
background: #dfdfdf;
position: absolute;
left: -100%;
right: -100%;
bottom: 0;
z-index: 99;
}
.tabs-group .tabs-item {
background-image: none;
padding: 0;
vertical-align: middle;
max-width: 40rem;
display: inline-block;
white-space: normal;
}
.tabs-item > a {
display: table;
text-decoration: none;
height: 8.3rem;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item > a {
height: 6.3rem;
}
.tabs-item .tabs-item-title {
display: table-cell;
vertical-align: middle;
padding: 0 2rem;
border-bottom: 3px solid transparent;
transition: all 0.3s ease-in;
}
.tabs-item .tabs-item-title.tabs-item-title-active,
.tabs-item .tabs-item-title.tabs-item-title-active:hover {
border-bottom: 3px solid #037eae;
}
.tabs-item .tabs-item-title:hover {
border-bottom: 3px solid #eee;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title:hover > p{
color: #007eae;
font-weight: bold;
text-decoration: none;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active,
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:hover {
position: relative;
border: 2px solid #dfdfdf;
border-radius: 5px 5px 0 0;
transition: none;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:after{
content:"";
position: absolute;
bottom: -5px;
height: 13px;
background: url(icons/arrow-down-blue.png) no-repeat center center #fff;
width: 100%;
z-index: 999;
left: 0;
}
.tabs-item .tabs-item-title > p {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 2rem;
color: #555555;
margin: 0;
text-align: center;
transition: all 0.3s ease-in;
line-height: 100%;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title > p {
font-size: 1.8rem;
}
.tabs-item .tabs-item-title-active > p {
color: #007eae;
font-weight: bold;
text-decoration:none;
}
.tabs-arrow {
position: absolute;
display: none;
top: 0;
height: 100%;
width: 3rem;
padding: 2rem 0;
background: #fff;
}
.tabs-no-navigation .tabs-arrow {
display: none!important;
}
.tabs-navigation .tabs-arrow {
display: block;
z-index: 20;
}
.tabs-group .tabs-arrow-right {
right: 0;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-right {
border-left: 2px solid #dfdfdf;
border-bottom: 2px solid #dfdfdf;
z-index: 999;
}
.tabs-group .tabs-arrow-left {
left: 0;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-left {
border-right: 2px solid #dfdfdf;
border-bottom: 2px solid #dfdfdf;
z-index: 999;
}
.tabs-arrow a {
width: 100%;
height: 100%;
display: block;
z-index: 0;
}
.tabs-arrow span {
position: absolute;
left: -99999px;
}
.tabs-group .tabs-arrow-right a {
background: url('icons/arrow-right.png') no-repeat center center transparent;
border-left: 1px solid #eee;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-right a {
border: none;
}
.tabs-group .tabs-arrow-left a {
background: url('icons/arrow-left.png') no-repeat center center transparent;
border-right: 1px solid #eee;
}
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-arrow-left a {
border: none;
}
.tabs-content.article-content{
display:none;
margin-top: 20px;
}
/****************************
Menu interior
****************************/
@media (max-width: 991px) {
.submenu-linkgroup.tabs-group {
display:none;
margin: 0 -30px;
}
.submenu-linkgroup .tabs-arrow {
display: none!important;
}
.submenu-linkgroup .tabs-items-scroll {
height: auto;
}
.submenu-linkgroup .tabs-items-wrap {
padding-bottom: 0;
}
.submenu-linkgroup.tabs-group .tabs-item {
height: auto!important;
display: block;
max-width: none;
border-bottom: 1px solid #ececec;
vertical-align: middle;
white-space: normal;
padding: 0;
background: none;
}
.submenu-linkgroup.tabs-group .tabs-item > a {
color: #898989;
text-decoration: none;
text-align: left;
display: block;
padding: 1.5rem 3rem 1.5rem 1.5rem;
font-size: 1.6rem;
position: relative;
height: 100%;
}
.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown > a:after {
content: '';
display: block;
width: 4rem;
height: 100%;
background: url('icons/arrow_down.png') no-repeat center center transparent;
position: absolute;
top: 0;
right: 0;
}
.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown.expanded > a:after {
background: url('icons/arrow_up.png') no-repeat center center transparent;
}
.submenu-linkgroup.tabs-group .tabs-item.expanded > a:hover p,
.submenu-linkgroup.tabs-group .tabs-item.expanded > a:focus p,
.submenu-linkgroup.tabs-group .tabs-item.expanded > a:active p{
color: #007eae;
outline: 0;
}
.submenu-linkgroup.tabs-group .tabs-item > a .tabs-item-title,
.submenu-linkgroup.tabs-group .tabs-item > a:hover .tabs-item-title{
border-bottom: none;
padding: 0;
}
.submenu-linkgroup.tabs-group .tabs-item > a .tabs-item-title p {
color: #898989;
font-size: 1.6rem;
line-height: 1.8rem;
}
.submenu-linkgroup.tabs-group .tabs-item.active > a .tabs-item-title p {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.submenu-linkgroup.tabs-group .tab-dropdown {
display: none;
}
.submenu-linkgroup.tabs-group .tab-dropdown .tab-dropdown-link {
padding: 0;
background: none;
}
.submenu-linkgroup.tabs-group .tab-dropdown .tab-dropdown-link a {
color: #898989;
text-decoration: none;
text-align: left;
padding: 1.5rem;
font-size: 1.4rem;
background-color: #ececec;
display: block;
height: 100%;
}
.submenu-linkgroup.tabs-group .tab-dropdown .tab-dropdown-link.active a {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.tabs-group .tabs-dropdown .tab-dropdown a.close{
display: none;
}
}
@media (min-width: 992px) {
.submenu-linkgroup.tabs-group {
display: block!important;
height: 5.5rem;
margin: 0 -1rem;
}
.submenu-linkgroup .tabs-item > a {
height: 3.5rem;
}
.submenu-linkgroup .tabs-items-scroll {
height: auto;
}
.submenu-linkgroup .tabs-items-wrap {
height: 65rem;
margin-bottom: -3rem;
padding-bottom: 3rem;
}
.submenu-linkgroup.tabs-group .tabs-items-list {
height: 5.5rem;
}
.submenu-linkgroup.tabs-group .tabs-items-list:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 99%;
width: 10px;
background-color: #fff;
z-index: 1;
}
.submenu-linkgroup.tabs-group .tabs-items-list:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
height: 99%;
width: 10px;
background-color: #fff;
z-index: 1;
}
.submenu-linkgroup .tabs-items-scroll {
margin: 0;
}
.submenu-linkgroup .tabs-arrow {
padding: 1rem 0;
}
.submenu-linkgroup .tabs-arrow-left {
left: 0;
display: none;
height: 54px;
}
.submenu-linkgroup .tabs-arrow-right {
right: 0;
height: 54px;
}
.submenu-linkgroup.tabs-group .tabs-item {
height: 5.5rem!important;
padding: 1rem;
position: relative;
display: inline-block;
max-width: 40rem;
}
.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown > a {
position: relative;
background: url('icons/arrow_down.png') no-repeat center right transparent;
padding-right: 2rem;
margin-right: 1rem;
transition: none;
}
.submenu-linkgroup.tabs-group .tabs-item .tabs-item-title {
padding: 0;
}
.submenu-linkgroup.tabs-group .tabs-item .tabs-item-title p {
color: #555555;
position: relative;
font-size: 1.8rem;
}
.submenu-linkgroup.tabs-group .tabs-item.active .tabs-item-title p {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.submenu-linkgroup.tabs-group .tabs-item.expanded > a,
.submenu-linkgroup.tabs-group .tabs-item.expanding > a {
z-index: 60;
background: none;
}
.submenu-linkgroup.tabs-group .tabs-item .tabs-item-title {
border-bottom: none;
}
.submenu-linkgroup.tabs-group .tabs-item a:hover p {
color: #007BAD;
}
.tabs-group .tabs-dropdown .tab-dropdown {
position: absolute;
z-index: 40;
width: auto;
min-width: 100%;
padding-top: 4.9rem;
left: 0;
top: 0;
border: 1px solid #eee;
background-color: #fff;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: opacity 0.3s linear;
display: none;
padding-right: 2rem;
margin-top: 0.5rem;
}
.tabs-group .tabs-dropdown:last-child .tab-dropdown,
.tabs-group .tabs-dropdown:nth-last-child(2) .tab-dropdown{
right: 0;
left: auto;
text-align: right;
}
.tabs-group .tabs-dropdown:first-child .tab-dropdown,
.tabs-group .tabs-dropdown:nth-child(2) .tab-dropdown,
.tabs-group .tabs-dropdown:nth-child(3) .tab-dropdown{
right: auto;
left:0;
text-align: left;
}
/*.tabs-group .tabs-dropdown .tab-dropdown:after {
content: '';
display: block;
position: absolute;
top: 1.8rem;
right: 2rem;
background: url('icons/arrow_up.png') no-repeat center center transparent;
width: 7px;
height: 4px;
}*/
.tabs-group .tabs-dropdown .tab-dropdown a.close{
content: '';
display: block;
position: absolute;
top: 0.5rem;
right: 0.5rem;
background: url(icons/arrow_up.png) no-repeat center right 6px transparent;
height: 4px;
padding: 1.5rem;
cursor: pointer;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
outline: 0;
display: block;
width: 97%;
}
.tabs-group.main-component .tabs-dropdown .tab-dropdown a.close{
background: url(icons/arrow_up.png) no-repeat bottom right 6px transparent;
}
.tabs-group .tabs-dropdown .tab-dropdown a.close span {
height: 0px;
position: absolute;
}
.tabs-item.tabs-dropdown.expanded .tabs-item-title:hover {
border-bottom: none;
}
.tabs-group .tabs-dropdown.expanded .tab-dropdown {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.tabs-group .tabs-dropdown.expanding .tab-dropdown {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.tabs-group .tab-dropdown-link {
background: none;
padding: 0;
list-style: none;
}
.tabs-group .tab-dropdown-link a {
padding: 0 1rem 1.5rem 1rem;
font-size: 1.6rem;
line-height: 1.8rem;
white-space: nowrap;
text-decoration: none;
display: block;
color: #555;
outline: 0;
}
.tabs-group .tab-dropdown-link a:hover,
.tabs-group .tab-dropdown-link a:focus {
color: #007eae;
font-weight: bold;
}
.tabs-group .tab-dropdown-link.active a {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
}
/*************************
SUBHOME TABS
*************************/
.sh-tabs.tabs-group {
margin: 1rem 0;
position: relative;
display: block;
}
.sh-tabs.tabs-group .tabs-items-list {
margin: 0 -15px;
border-bottom: 1px solid #007eae;
position: relative;
}
@media (min-width: 992px) {
.sh-tabs.tabs-group .tabs-items-list {
margin: 0 -2rem;
width: 103.5%;
}
.sh-tabs.tabs-group .tabs-items-list:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 2rem;
background-color: transparent;
z-index: 1;
}
.sh-tabs.tabs-group .tabs-items-list:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2rem;
background-color: transparent;
z-index: 1;
}
.sh-tabs.tabs-group .tabs-arrow-left {
/* Ticket #77450 - Particulares/prestamos/shflechas_URGENTE left: 1rem; */
left: 0;
}
.sh-tabs.tabs-group .tabs-arrow-right {
/* Ticket #77450 - Particulares/prestamos/shflechas_URGENTE right: 1rem; */
right: 0;
}
}
.sh-tabs.tabs-group .tabs-items-scroll {
height: auto;
}
.sh-tabs.tabs-group .tabs-items-wrap {
height: 80rem;
margin-bottom: -3rem;
padding-bottom: 3rem;
}
.sh-tabs.tabs-group .tabs-items-list {
height: 7.5rem;
}
@media (max-width: 991px) {
.sh-tabs.tabs-group .tabs-items-list {
width: auto;
margin: 0 -30px;
overflow: hidden;
}
}
.sh-tabs.tabs-group .tabs-item {
position: relative;
}
.sh-tabs.tabs-group .tabs-item > a {
height: 7.5rem;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown > a {
position: relative;
background: url('icons/arrow_down.png') no-repeat center right transparent;
padding-right: 0;
margin-right: 1rem;
transition: none;
}
/* #77565 - Empresas: arreglar los estilos del menu de banca digital
.sh-tabs.tabs-group:before {
content: '';
display: block;
position: absolute;
top: 7.4rem;
right: 100%;
width: 900rem;
border-bottom: 1px solid #007eae;
}
.sh-tabs.tabs-group:after {
content: '';
display: block;
position: absolute;
top: 7.4rem;
left: 100%;
width: 900rem;
border-bottom: 1px solid #007eae;
}
*/
.sh-tabs.tabs-group .tabs-dropdown .tab-dropdown {
/*padding-top: 4rem;*/
padding-top: 5.5rem; /* Ticket #65569 - desplegables subhomes particulares y empresas */
}
.sh-tabs.tabs-group .tabs-item.expanded > a,
.sh-tabs.tabs-group .tabs-item.expanding > a {
z-index: 60;
background: none;
}
.sh-tabs.tabs-group .tabs-item .tabs-item-title {
border-bottom: none;
}
.sh-tabs.tabs-group .tabs-item a:hover p {
color: #007eae;
}
.sh-tabs.tabs-group .tabs-dropdown .tab-dropdown:after {
top: 2.8rem;
right: 1.5rem;
}
.sh-tabs.tabs-group .tabs-contents:after {
content: '';
display: block;
clear: both;
}
.sh-tabs.tabs-group .tabs-content h2 {
color: #004f70;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 3rem;
margin: 0 0 1rem;
}
@media (min-width: 768px) {
.sh-tabs.tabs-group .tabs-content h2 {
font-size: 3.4rem;
}
}
.sh-tabs.tabs-group .tabs-content.article-content {
margin-top: 2rem;
}
@media (max-width: 991px) {
.sh-tabs.tabs-group .tabs-item.tabs-dropdown.expanded {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%!important;
z-index: 100;
max-width: none;
background-color: #fff;
display: block;
overflow: auto;
}
.sh-tabs.tabs-group .tabs-item.expanded.tabs-dropdown > a {
height: auto;
padding: 0;
display: block;
width: 100%;
margin: 0;
}
.sh-tabs.tabs-group .tabs-item.expanded.tabs-dropdown > a .tabs-item-title {
padding: 0;
display: block;
}
.sh-tabs.tabs-group .tabs-item.expanded.tabs-dropdown > a p {
line-height: 2.2rem;
color: #555;
padding: 1.5rem 3rem 1.5rem 1.5rem;
font-weight: bold;
font-size: 1.3rem;
display: block;
text-align: left;
position: relative;
}
.sh-tabs.tabs-group .tabs-item.expanded.tabs-dropdown > a p:after {
background: url(icons/cross.png) no-repeat 96% center;
background-size: contain;
height: 1.3rem;
width: 1.3rem;
content: '';
position: absolute;
top: 2rem;
right: 2rem;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown.expanded .tab-dropdown {
display: block!important;
padding-top: 0!important;
height: auto!important;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown.expanded .tab-dropdown-link:first-child {
border-top: 1px solid #ececec;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown.expanded .tab-dropdown-link {
padding: 0;
background: none;
border-bottom: 1px solid #ececec;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown.expanded .tab-dropdown-link a {
font-weight: bold;
font-size: 1.3rem;
text-decoration: none;
padding: 1rem 1.5rem;
display: block;
font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
}
}
/*******************************
E1. Desplegables / FAQs
********************************/
.dropdown-items .heading-group {
margin-top: 3rem;
}
.dropdown-items {
margin-top: 2rem;
}
.dropdown-item {
margin-top: 2rem;
}
.dropdown-item:first-child {
margin-top: 0;
}
.dropdown-item .dropdown-content {
display:none;
border: 1px solid #eee;
border-top: none;
margin: 0;
padding: 1.5rem;
background-color: #fff;
border-radius: 0 0 2px 2px;
}
.dropdown-item .dropdown-content :first-child {
margin-top: 0;
}
/* Ticket#85699 - CMN Central :: Vista desde navegador movil */
.dropdown-item .dropdown-content iframe {
width: 100%;
}
@media (max-width: 1200px) {
.dropdown-item .dropdown-content iframe {
height: 535px !important;
}
}
@media (max-width: 992px) {
.dropdown-item .dropdown-content iframe {
height: 320px !important;
}
}
@media (max-width: 739px) {
.dropdown-item .dropdown-content iframe {
height: 370px !important;
}
}
@media (max-width: 700px) {
.dropdown-item .dropdown-content iframe {
height: 535px !important;
}
}
@media (min-width: 1200px) {
.dropdown-item .dropdown-content iframe {
height: 320px !important;
}
}
/* FIN Ticket#85699 - CMN Central :: Vista desde navegador movil */
.dropdown-item .dropdown-title a {
text-decoration: none;
display: block;
position: relative;
}
.dropdown-item .dropdown-title a:after {
content: '';
display: block;
width: 4rem;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url('icons/arrow_down.png') no-repeat center center transparent;
}
.dropdown-item .dropdown-title a.active:after {
background: url('icons/up-arrow-white.png') no-repeat center center transparent;
}
.dropdown-item .dropdown-title a h2,
.dropdown-item .dropdown-title a h3,
.dropdown-item .dropdown-title a h4 {
display: block;
padding: 1.5rem 4rem 1.5rem 1.5rem;
text-decoration: none;
font-weight: normal;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
background: #eee;
color: #333;
margin: 0;
border-radius: 2px 2px 0 0;
transition: all 0.3s ease-in;
}
.dropdown-item .dropdown-title a.active h2,
.dropdown-item .dropdown-title a.active h3,
.dropdown-item .dropdown-title a.active h4 {
background: #007eae;
color: #fff;
}
.dropdown-item .dropdown-title a:hover h2,
.dropdown-item .dropdown-title a:hover h3,
.dropdown-item .dropdown-title a:hover h4 {
background: #007eae;
transition:all .3s ease-in;
color: #fff;
}
/*******************************
E1-AC. Desplegables / FAQs
*******************************/
.icon-dropdowns .dropdown-content.article-content {
padding: 0;
}
.icon-dropdowns .dropdown-item {
margin-top: 0;
padding: 1rem 1rem 2rem 5rem;
border-bottom: 1px solid #e1e1e1;
position: relative;
}
@media (min-width: 768px) {
.icon-dropdowns .dropdown-item {
padding: 2rem 1rem 3rem 8rem;
}
}
.icon-dropdowns .dropdown-item .dropdown-title a {
position: static;
}
.icon-dropdowns .dropdown-item .dropdown-title a:after {
background: url('icons/arrow_down.png') no-repeat center center #fff;
content: "";
width: 14px;
height: 8px;
display: block;
position: absolute;
right: 0;
top: 100%;
margin-top: -4px;
}
.icon-dropdowns .dropdown-item .dropdown-title a.active:after {
background-image: url('icons/arrow_up.png');
}
.icon-dropdowns .dropdown-title a img {
position: absolute;
top: 2.5rem;
left: 0;
margin: 0;
width: 3.2rem;
height: auto;
}
@media (min-width: 768px) {
.icon-dropdowns .dropdown-title a img {
width: auto;
}
}
.icon-dropdowns .dropdown-title p {
margin-top: 0;
margin-bottom: 0;
}
.icon-dropdowns .dropdown-content {
border: 0;
}
.icon-dropdowns .dropdown-content ul {
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
padding-top: 2rem;
width: 100%;
}
.icon-dropdowns .dropdown-content li {
width: 100%;
padding-left: 0;
background: none;
}
@media (min-width: 768px) {
.icon-dropdowns .dropdown-content li {
width: 33.333%;
}
}
.icon-dropdowns .dropdown-content li h3 {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.7rem;
}
.icon-dropdowns .dropdown-content ul li p {
color: #555;
font-size: 1.4rem;
display: block;
}
.icon-dropdowns .dropdown-content a {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.icon-dropdowns .dropdown-item .dropdown-title a.active h2,
.icon-dropdowns .dropdown-item .dropdown-title a h2 {
background-color: transparent;
color: #007eae;
padding-left: 0;
font-size: 2rem;
}
/*****************
G1. Carrusel
*******************/
.carousel-group .carousel-arrow {
position: absolute;
top: 0;
height: 100%;
}
.carousel-group .carousel-arrow-left {
left: 0;
}
.carousel-group .carousel-arrow-right {
right: 0;
}
.carousel-group .carousel-no-navigation .carousel-arrow-left,
.carousel-group .carousel-no-navigation .carousel-arrow-right{
display: none!important;
}
.carousel-group .carousel-arrow a {
width: 4.8rem;
height: 4.9rem;
z-index: 20;
display: block;
position: absolute;
top: 3.6rem;
}
.carousel-group .carousel-arrow-left a {
background: url('icons/hm-slider-arrow-left.png') no-repeat center center transparent;
left: -15.5rem;
}
.carousel-group .carousel-arrow-right a {
background: url('icons/hm-slider-arrow-right.png') no-repeat center center transparent;
right: -15.5rem;
}
@media (min-width: 1200px) {
.carousel-group .carousel-arrow-left a {
left: -19.5rem;
}
.carousel-group .carousel-arrow-right a {
right: -19.5rem;
}
}
.carousel-arrow a span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
/* Ticket #65893 - Flechas carrousel movil */
.carousel-group .carousel-arrow a {
box-shadow: 0px 0px 11px 0px black;
}
@media (max-width: 992px) {
.carousel-items-list .carousel-items-wrap-scroll .carousel-items-wrap {
overflow: hidden;
}
.carousel-group .carousel-arrow-right a{
right: 0;
}
.carousel-group .carousel-arrow-left a{
left: 0;
}
}
@media (max-width: 768px) {
.carousel-group .carousel-arrow-right a{
margin-right: -16px;
}
.carousel-group .carousel-arrow-left a{
margin-left: -16px;
}
}
/*******************************************/
.carousel-items-list {
position: relative;
width: 100%;
margin-top: 2rem;
}
.carousel-items-list .carousel-items {
text-align: center;
margin: 0;
white-space: nowrap;
}
.carousel-items-list .carousel-items-wrap-scroll {
min-height: 16.5rem;
overflow: hidden;
margin: 0 -15px;
}
@media (min-width: 768px) {
.carousel-items-list .carousel-items-wrap-scroll {
margin: 0;
}
}
.carousel-items-list .carousel-items-wrap {
overflow: auto;
padding-bottom: 3rem;
}
/* Fix carouseles scroll #66870 : hidden*/
@media(min-width: 1200px){
.carousel-items-list .carousel-items-wrap{
overflow: hidden!important;
}
}
/* End Fix carouseles*/
.carousel-items-list .carousel-item {
background: none;
padding: 0 2px;
font-size: 1.6rem;
width: 12.2rem;
display: inline-block;
text-align: center;
vertical-align: top;
}
.carousel-items-list .carousel-item:first-child {
margin-left: 15px;
}
.carousel-items-list .carousel-item:last-child {
margin-right: 15px;
}
@media (min-width: 768px) {
.carousel-items-list .carousel-item:first-child {
margin-left: 0;
}
.carousel-items-list .carousel-item:last-child {
margin-right: 0;
}
}
.carousel-thumb img {
margin: 0 auto;
display: block;
width: 100%;
height: auto;
}
.carousel-item .carousel-item-title p {
font-family: 'OpenSans-Bold', Arial, serif;
color:#555;
font-size: 1.2rem;
margin-top: 1rem;
line-height: 1.4rem;
white-space: normal;
}
.carousel-item a:hover .carousel-item-title p, .carousel-item a:focus .carousel-item-title p {
color:#004f70;
}
.carousel-contents .carousel-content {
display:none;
}
.carousel-items .carousel-item.carousel-item-external.active > a .carousel-item-title{
display:block;
}
/***************************************
B4 - Carrusel de videos e imagenes
****************************************/
.gallery-group .heading-group {
margin-bottom: 2rem;
}
.gallery-group .gallery-items-wrap-scroll {
margin: 0 -15px;
position: relative;
}
@media (min-width: 768px) {
.gallery-group .gallery-items-wrap-scroll {
margin: 0 -5px;
}
}
.gallery-group.gallery-group-playing .gallery-items {
z-index: 1000;
}
.gallery-group .gallery-items-wrap-scroll:before {
content: '';
display: block;
position: absolute;
right: 100%;
margin-right: 0.5rem;
top: 0;
height: 100%;
background-color: #000;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
width: 999rem;
z-index: 2;
transition: opacity 0.3s linear;
}
.gallery-group.gallery-group-playing .gallery-items-wrap-scroll:before {
z-index: 1100;
opacity: 0.5;
}
/* Disabled: See #62841
.gallery-group .gallery-first .gallery-items-wrap-scroll:before {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
*/
.gallery-group .gallery-items-wrap-scroll:after {
content: '';
display: block;
position: absolute;
left: 100%;
margin-left: 0.5rem;
top: 0;
height: 100%;
background-color: #000;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
width: 999rem;
z-index: 20;
transition: opacity 0.3s linear;
}
.gallery-group.gallery-group-playing .gallery-items-wrap-scroll:after {
z-index: 1100;
opacity: 0.5;
}
/* Disabled: See #62841
.gallery-group .gallery-last .gallery-items-wrap-scroll:after {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
*/
.gallery-group .gallery-item {
background: none;
position: relative;
padding: 0;
}
@media (min-width: 768px) {
.gallery-group .gallery-item {
padding: 0 5px;
}
}
.gallery-group .slick-list {
overflow: inherit;
}
.gallery-group .gallery-item img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}
.gallery-group .gallery-item-wrap {
position: relative;
}
.gallery-group .gallery-item-legend {
position: absolute;
bottom: 0;
left: 0;
right: 0;
min-height: 4.2rem;
}
.gallery-group .gallery-item-legend:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.35;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
z-index: 0;
}
.gallery-group .gallery-item-text {
position: relative;
z-index: 1;
padding: 1rem 5rem 1rem 1rem;
}
.gallery-group .gallery-item-video .gallery-item-text {
padding: 1rem 2rem;
}
@media (min-width: 992px) {
}
.gallery-group .gallery-item-legend p {
color: #fff;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.6rem;
margin: 0;
}
/** .gallery-group .gallery-item-video .gallery-item-legend p {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.8rem;
}
@media (min-width: 992px) {
.gallery-group .gallery-item-video .gallery-item-legend p {
font-size: 1.8rem;
line-height: 2rem;
}
}**/
.gallery-item.gallery-item-video .gallery-item-image {
position: relative;
}
.gallery-item.gallery-item-video .gallery-item-image:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80%;
background: url('icons/icon-play.png') no-repeat center center transparent;
}
@media (min-width: 992px) {
.gallery-item.gallery-item-video .gallery-item-image:before {
background: url('icons/icon-play-big.png') no-repeat center center transparent;
height: 100%;
}
}
.gallery-item-zoom {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
z-index: 2;
}
.gallery-item-zoom a {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 5rem;
height: 100%;
/*padding-right: 1rem;*/
/*padding-bottom: 1rem;*/
/*background: url('icons/icon-zoom.png') no-repeat center center transparent;*/
}
.gallery-group .gallery-item .gallery-item-zoom a > img{
width: auto;
height: auto;
padding: 1.1rem 0;
margin-top: 0.5rem;
}
.gallery-item > a {
display: block;
position: relative;
z-index: 1;
}
.gallery-item .gallery-item-video-box {
position: relative;
width: 100%;
}
.gallery-item > a + .gallery-item-video-box {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
padding: 0 5px;
}
.gallery-item.gallery-item-playing > a {
z-index: 0;
}
.gallery-item.gallery-item-playing .gallery-item-video-box {
z-index: 10;
}
.gallery-item.gallery-item-playing > a + .gallery-item-video-box {
}
.gallery-group .gallery-items-wrap:before {
opacity: 0;
transition: opacity 0.5s linear;
z-index: 999;
content: '';
display: block;
background-color: #000;
}
.gallery-group.gallery-group-playing .gallery-items-wrap:before {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
}
.gallery-item .gallery-item-video-close a {
position: absolute;
top: 0;
right: 0;
width: 1.6rem;
height: 1.6rem;
background: url('icons/cross_white.png') no-repeat center center transparent;
margin-top: 2rem;
margin-right: 2rem;
z-index: 1;
}
.gallery-item-video-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.gallery-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gallery-group .gallery-arrow {
position: absolute;
top: 0;
height: 100%;
z-index: 40;
background: none;
}
.gallery-group.gallery-group-playing .gallery-arrow {
z-index: 1050;
}
.gallery-group .gallery-arrow-left {
left: 0;
}
.gallery-group .gallery-arrow-right {
right: 0;
}
.gallery-group .gallery-arrow a {
width: 4.8rem;
height: 4.9rem;
z-index: 40;
display: block;
position: absolute;
top: 50%;
margin-top: -2.4rem;
}
.gallery-group.gallery-group-playing .gallery-arrow a {
z-index: 1050;
}
.gallery-group .gallery-arrow-left a {
/*background: url('icons/hm-slider-arrow-left.png') no-repeat center center transparent;*/
left: 0;
}
.gallery-group .gallery-arrow-right a {
/*background: url('icons/hm-slider-arrow-right.png') no-repeat center center transparent;*/
right: 0;
}
.gallery-item-zoom a:focus{
outline: 3px dotted #fff;
}
.gallery-group .gallery-arrow a img{
margin: 0;
}
@media (min-width: 992px) {
.gallery-group .gallery-arrow-left a {
left: -15.5rem;
}
.gallery-group .gallery-arrow-right a {
right: -15.5rem;
}
}
@media (min-width: 1200px) {
.gallery-group .gallery-arrow-left a {
left: -19.5rem;
}
.gallery-group .gallery-arrow-right a {
right: -19.5rem;
}
}
.gallery-arrow a span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
/********************
A1.1 COLORBOX LAYER
*********************/
#cboxOverlay, #cboxWrapper, #colorbox{
z-index: 9999999!important;
}
#colorbox.imageZoom {
overflow: visible;
max-width: 100%;
max-height: 100%;
padding: 1.5rem;
box-sizing: border-box;
position: fixed !important;
top: 0!important;
left: 0!important;
width: 100%!important;
height: 100%!important;
}
.imageZoom #cboxTitle {
display: none!important;
}
.imageZoom #cboxWrapper {
width: 100%!important;
height: 100%!important;
position: relative;
cursor: pointer;
}
.imageZoom #cboxWrapper > div {
display: block;
height: 100%;
}
.imageZoom #cboxWrapper > div:first-child,
.imageZoom #cboxWrapper > div:last-child {
display: none;
}
.imageZoom #cboxContent {
max-width: 100%;
margin: 0 auto;
height: 100%!important;
float: none!important;
}
@media (min-width: 768px) {
.imageZoom #cboxContent {
max-width: 770px;
margin: 0 auto;
}
}
.imageZoom #cboxLoadedContent {
width: 100%!important;
height: auto!important;
position: relative;
max-width: 100%;
max-height: 100%;
}
.csstransforms .imageZoom #cboxLoadedContent {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.imageZoom #cboxClose {
position: fixed;
top: 0;
right: 0;
background: none;
text-indent: 0;
width: 60px;
height: 60px;
}
.imageZoom .cboxPhoto {
width: auto!important;
max-width: 100%;
height: auto!important;
max-height: 100%;
}
/***********************************************
H1. Destacados con imagen, texto y boton
***********************************************/
.v-highlight {
padding: 2rem;
border:1px solid #edeff0;
margin-top: 2rem;
}
@media (min-width: 992px) {
.v-highlight {
display:table;
width: 100%;
}
}
.v-highlight-right {
padding-top: 2rem;
text-align: center;
}
.v-highlight-left a {
text-decoration: none;
}
@media (min-width: 992px) {
.v-highlight-left {
display:table-cell;
width: 80%; /* #78040 - landing DPO // alinear botones */
}
.v-highlight-right {
display:table-cell;
vertical-align: middle;
padding: 0;
}
}
.v-highlight-img{
float: left;
margin-right: 1rem;
margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
.v-highlight-img{
margin-right: 2rem;
margin-bottom: 0;
}
}
.v-highlight-img img {
margin-top: 0;
float: left;
}
.v-highlight-content{
margin: 0;
}
@media (min-width: 992px) {
.v-highlight-content{
overflow: hidden;
}
}
.v-highlight-content p,
.v-highlight-content h2,
.v-highlight-content h3,
.v-highlight-content h4 {
margin-top: 0;
}
.v-highlight-content h2,
.v-highlight-content h3,
.v-highlight-content h4 {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: normal;
color: #555;
}
.v-highlight-right .button_wrap{
margin: 0;
}
@media (min-width: 992px) {
.v-highlight-right .button_wrap{
margin: 0 0 0 2rem;
}
}
.v-highlight-right .btn_info {
display: none;
}
/**********************************
k2. Destacados relacionados
**********************************/
.c-highlights {
height: 100%;
}
.c-highlights-list {
margin: 0 -15px;
}
.c-highlights-list > ul {
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: center;
-webkit-justify-content:center;
justify-content:center;
width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.c-highlights-list > ul {
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
}
.c-highlights-list > ul:after {
content: '';
display: block;
clear: both;
}
.c-highlights .c-highlight {
width: 100%;
max-width: 340px;
margin: 0 auto;
padding: 2rem 15px 0;
background:none;
height: auto !important;
}
@media (min-width: 600px) {
.c-highlights .c-highlight {
width: 50%;
margin: 0;
}
}
@media (min-width: 768px) {
.c-highlights .c-highlight {
width: 33.33333%;
max-width: none;
}
}
.c-highlight-image{
padding-bottom: 1rem;
}
.c-highlight-image img{
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.c-highlight-video a {
position: relative;
display: block;
}
.c-highlight-video a:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url('icons/icon-play.png') no-repeat center center transparent;
}
.c-highlight .c-highlight-content {
margin-top: 0;
}
.c-highlight-text p {
margin-top: 0;
}
/*Por accesibilidad los titulos de los destacados no deben ser encabezados*/
.c-highlight-text p span.titulo_entradilla{
margin-top: 3rem;
font-size: 1.8rem;
line-height: 2.2rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004f70;
font-weight: normal;
display: block;
}
.c-highlight-link a {
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
padding: 3px;
}
.c-highlight-link a:hover,
.c-highlight-link a:focus,
.c-highlight-link a:active {
color: #004f70;
}
/*******************************
M10. Destacados relacionados
********************************/
.h-highlights-list {
margin: 0 -15px;
}
.page-wrapper .h-highlight {
background: none;
padding: 2rem 15px 0;
margin: 0;
max-width: 210px;
}
@media (min-width: 768px) {
.page-wrapper .h-highlight {
display: block;
max-width: none;
}
}
.h-highlight > a,
.h-highlight .h-highlight-nolink {
display: block;
height: auto;
background-color: #efefef;
}
@media (min-width: 768px) {
.h-highlight > a,
.h-highlight .h-highlight-nolink {
display: table;
width: 100%;
}
}
.h-highlights-list > ul {
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: center;
-webkit-justify-content:center;
justify-content:center;
width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.h-highlights-list > ul {
justify-content: flex-start;
-webkit-justify-content: flex-start;
width: 100%;
margin: 0;
}
}
.h-highlights-list > ul:after {
content: '';
display: block;
clear: both;
}
@media (min-width: 768px) {
.h-highlight-image {
display: table-cell;
vertical-align: top;
width: 50%;
}
}
.h-highlight-image img {
display: block;
width:100%;
height: auto;
margin: 0;
}
.h-highlight-content {
padding: 1rem;
margin: 0;
background-color: #efefef;
}
.h-highlight-content.article-content{
margin-top: 0;
}
@media (min-width: 768px) {
.h-highlight-content {
display: table-cell;
vertical-align: top;
width: 50%;
}
}
.h-highlight-content p {
margin: 0;
font-size: 1.6rem;
color: #007eae;
line-height: 1.8rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
@media (min-width: 992px) {
.h-highlight-content p {
font-size: 1.8rem;
}
}
.h-highlights-promo .h-highlights-list {
margin: 0 -10px;
}
.page-wrapper .h-highlights-promo .h-highlight {
padding: 2rem 10px 0;
max-width: 38.5rem;
}
.h-highlights-promo .h-highlight > a {
border-spacing: 2px;
margin: -2px;
background-color: #fff;
width: auto;
display: table;
}
.h-highlights-promo .h-highlight-image {
display: table-cell;
vertical-align: top;
width: 50%;
}
.h-highlights-promo .h-highlight-content {
border: 1px solid #f0f0f0;
background-color: #fff;
position: relative;
padding: 1rem;
display: table-cell;
vertical-align: bottom;
width: 50%;
}
@media (min-width: 768px) {
.h-highlights-promo .h-highlight-content {
padding: 1.2rem;
}
}
.h-highlights-promo .article-content {
margin-top: 0;
position: absolute;
top: 10px;
height: 85%;
}
.h-highlights-promo .h-highlight-text p {
color: #017cac;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 2rem;
}
.h-highlights-promo .h-highlight-text p a{
font-weight: bold;
}
.h-highlights-promo .h-highlight-text h4 {
margin: 0;
height: 50%;
display: block;
}
.h-highlights-promo .h-highlight-info {
color: #477dab;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.6rem;
text-decoration: underline;
}
.h-highlights-promo .h-highlight{
width: 100%;
}
@media (min-width: 768px) {
.h-highlights-promo .h-highlight{
width: 50%;
}
}
/***************************
M12 - Compartir RRSS
***************************/
.rrss .heading-group-title{
text-align:center;
}
.rrss ul.social-network{
text-align:center;
}
.rrss .social-network li a span{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.rrss .social-network li {
background: none;
display:inline-block;
padding: 0;
margin: 0 1rem;
}
.rrss .social-network li a {
height: 4rem;
width: 4rem;
display: block;
}
.rrss .bt-twitter a{
background: url('icons/twitter-logo-button.png') no-repeat center center transparent;
}
.rrss .bt-facebook a{
background: url('icons/facebook-logo-button.png') no-repeat center center transparent;
}
.rrss .bt-google-plus a{
background: url('icons/google-plus.png')no-repeat center center transparent;
}
.rrss .bt-linkedin a{
background: url('icons/linkedin-button.png') no-repeat center center transparent;
}
/*****************
O1 - Banner intermedio / #56748
*******************/
.article-main .banner-media,
.aside-main .banner-media {
position: relative;
height: auto;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.article-main .banner-image-group,
.aside-main .banner-image-group {
position: relative;
top: auto;
height: auto;
width: auto;
left: auto;
}
.article-main .banner-image-group:after,
.aside-main .banner-image-group:after {
display: none;
}
/* removed double */
.article-main .banner-media:last-child {
display: none;
}
.article-main .banner-image-group img,
.aside-main .banner-image-group img{
max-width: none;
top: auto;
transform: none;
}
/*****************
Q1-APP / B8 - Awards
*******************/
.app-group {
position: relative;
}
.app-group:after {
content: '';
display: block;
clear: both;
}
.app-group .app-badge {
position: absolute;
top:-3rem;
left:0;
z-index: 20;
}
.app-group .app-badge p,
.app-group .app-badge img {
margin: 0;
}
.app-group .float {
padding: 0;
}
@media (min-width: 768px) {
.app-group .float {
float: right;
}
}
.app-group .float img {
margin: 0 auto;
width: 100%;
height: auto;
display: block;
max-width: 360px;
}
.app-group .app_content {
padding: 0;
}
@media (min-width: 768px) {
.app-group .app_content {
padding-right: 2rem;
width: 66.666666%;
}
}
.app-item .button-badges{
margin-top: 0;
}
.app_content .article-content .boton > a,
.app_content .article-content a > .boton,
.app_content .article-content .boton_azul > a,
.app_content .article-content a > .boton_azul,
.app_content .article-content .boton_gris > a,
.app_content .article-content a > .boton_gris {
width: 100%;
max-width: none;
vertical-align: middle;
display: inline-block;
}
@media (min-width: 1200px) {
.app_content .article-content .boton > a,
.app_content .article-content a > .boton,
.app_content .article-content .boton_azul > a,
.app_content .article-content a > .boton_azul,
.app_content .article-content .boton_gris > a,
.app_content .article-content a > .boton_gris {
width: auto;
}
}
.app_content .heading-group {
margin-top: 2rem;
}
@media (min-width: 768px) {
.app_content .heading-group {
margin-top: 4rem;
}
.app-no-badge .app_content .heading-group {
margin-top: 2rem;
}
}
.app_content .app-item {
margin-top: 1rem;
}
.app_content ul,
.app_content ol,
.app_content p {
margin-top: 1rem;
}
.app_content li {
padding-bottom: 1rem;
}
.app_content p span {
display: block;
padding-bottom: 2rem;
}
.app_content p a {
display: inline-block;
vertical-align: middle;
}
@media (min-width: 1200px) {
.app_content p span,
.app_content p a {
display: inline-block;
vertical-align: middle;
padding-bottom:0;
}
}
/*********************
HEADING GROUPS
**********************/
.heading-group {
margin-top: 0;
}
.heading-group .heading-group-title {
margin-top: 0;
}
/*.heading-group .heading-group-subtitle {
margin-top: 1rem;
}*/
/*******************************
PANELES
********************************/
.freeContent.panels{
display:none;
}
/* MENU PANEL */
.panels {
position: absolute;
z-index: 100;
width: 100%;
}
.panels.mb-open #panel-menu {
z-index: 1;
}
.freeContent.panels.mb-open {
z-index: 900;
}
.panels > div {
display:none;
}
.panels .l-wrapper>a#close {
display: none;
}
#panel-menu {
background-color: #fff;
left: -100%;
width: 100%;
position: relative;
height: 100%;
overflow: auto;
}
@media (min-width: 992px) {
#panel-menu {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
max-width: 1040px;
margin: 0 auto;
left: 0!important;
position: relative;
overflow: visible;
height: auto;
}
}
@media (min-width: 1200px) {
#panel-menu {
max-width: 1240px;
}
}
#panel-menu .tabs-contents {
padding: 1.5rem;
}
@media (min-width: 992px) {
#panel-menu .tabs-contents {
padding: 4rem 5rem 5rem;
}
}
#panel-menu .tabs-content:after {
content: '';
display: block;
clear: both;
}
#panel-menu .tabs-content {
margin: 0 -15px;
box-shadow: none; /*#72694*/
}
#panel-menu .tabs-content:after {
content: '';
display: block;
clear: both;
}
#panel-menu .menu-panel-container {
padding: 0;
}
#panel-menu .tabs-items-scroll {
height: 6rem;
}
@media (min-width: 992px) {
#panel-menu .tabs-items-scroll {
height: 8.3rem;
}
}
#panel-menu .tabs-items-list {
border-bottom: 1px solid #007eae;
padding: 0 1rem;
}
@media (min-width: 992px) {
#panel-menu .tabs-items-list {
padding: 0 4rem;
}
}
#panel-menu .menu-linkgroup .tabs-item {
height: auto!important;
}
#panel-menu .menu-linkgroup .tabs-item > a.link-icon {
background-position: center center;
background-repeat: no-repeat;
width: 5rem;
}
#panel-menu .menu-linkgroup .tabs-item > a.link-icon.active {
border-bottom: 3px solid #037eae;
}
#panel-menu .menu-linkgroup .tabs-item > a:focus {
outline: none
}
#panel-menu .menu-linkgroup .tabs-item > a {
padding: 0 1rem;
height: 6rem;
}
@media (min-width: 992px) {
#panel-menu .menu-linkgroup .tabs-item > a {
height: 8.3rem;
}
}
#panel-menu .menu-linkgroup .tabs-item .tabs-item-title {
padding: 0;
}
#panel-menu .menu-linkgroup .tabs-item .tabs-item-title p {
font-size: 1.6rem!important;
}
@media (min-width: 992px) {
#panel-menu .menu-linkgroup .tabs-item .tabs-item-title p {
font-size: 2rem!important;
}
}
#panel-menu .menu-linkgroup .menu-linkgroup-heading,
#panel-menu .menu-linkgroup .menu-linkgroup-heading a {
font-size: 1.8rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #004f70;
padding-bottom: 1.5rem;
cursor: default;
text-decoration: none;
font-weight: 700;
}
@media (min-width: 992px) {
#panel-menu .menu-linkgroup .menu-linkgroup-heading,
#panel-menu .menu-linkgroup .menu-linkgroup-heading a {
font-size: 2rem;
padding-bottom: 3rem;
}
}
#panel-menu .menu-linkgroup .menu-linkgroup-heading a {
padding-bottom: 0;
}
#panel-menu .menu-linkgroup-links {
display: none;
}
@media (min-width: 992px) {
#panel-menu .menu-linkgroup-links {
display: block;
}
}
#panel-menu .menu-linkgroup .menu-link {
padding: 0 2.5rem 1.5rem 0;
background: none;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
#panel-menu .menu-linkgroup .menu-link a {
text-decoration: none;
}
#panel-menu .menu-linkgroup .menu-link-title {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
/*color: #007eae;*/
color: #004f70;
font-weight: 700;
}
@media (min-width: 992px) {
#panel-menu .menu-linkgroup .menu-link-title {
font-size: 1.8rem;
}
}
#panel-menu .menu-linkgroup .menu-link-description {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
color: #555;
}
@media (min-width: 992px) {
#panel-menu .menu-linkgroup .menu-link-description {
font-size: 1.4rem;
}
}
#panel-menu .menu-linkgroup .menu-sublink {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.3rem;
color: #555;
border: 0;
padding: 0.5rem 0.3rem 0.5rem 3.5rem;
margin-top: 0.5rem;
position: relative;
line-height: 1.5rem;
}
@media (min-width: 992px) {
}
#panel-menu .menu-linkgroup .menu-sublink:before {
content: '';
display: block;
position: absolute;
top:0;
left: 0;
height: 100%;
width: 3.5rem;
/*background: url('icons/link-star.png') no-repeat center center transparent;*/
}
#panel-menu .menu-linkgroup .menu-sublink strong {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.3rem;
color: #555;
}
@media (min-width: 992px) {
}
@media (min-width: 768px) {
#panel-menu .col-md-6 .menu-linkgroup-links-list {
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
column-gap: 0;
}
}
#panel-menu .menu-linkgroup ul li {
background:transparent;
padding:0;
}
#panel-menu .menu-campaign {
background: none;
margin: 0 0 0.6rem 0;
padding: 0;
}
#panel-menu .menu-campaign:after {
content: '';
display: block;
clear: both;
}
#panel-menu .menu-campaign > a {
text-decoration: none;
}
#panel-menu .menu-campaign .menu-campaign-image {
float: left;
padding-right: 0.8rem;
}
#panel-menu .menu-campaign.menu-campaign-h .menu-campaign-image {
float: none;
padding-right: 0;
}
#panel-menu .menu-campaign .menu-campaign-text {
padding: 0.8rem;
}
#panel-menu .menu-campaign.menu-campaign-h .menu-campaign-text {
padding: 1rem;
}
#panel-menu .menu-campaign.menu-campaign-bg-site {
background-color: #007eae;
}
#panel-menu .menu-campaign.menu-campaign-bg-green {
background-color: #008485;
}
#panel-menu .menu-campaign .menu-campaign-section,
#panel-menu .menu-campaign .menu-campaign-title,
#panel-menu .menu-campaign .menu-campaign-description {
color: #fff;
}
#panel-menu .menu-campaign .menu-campaign-section {
font-size: 1.4rem;
font-style: italic;
letter-spacing: -0.1rem;
}
#panel-menu .menu-campaign .menu-campaign-title {
font-size: 1.8rem;
line-height: 2.2rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}
#panel-menu .menu-campaign.menu-campaign-h .menu-campaign-title {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 1.8rem;
line-height: 2rem;
}
#panel-menu .menu-campaign .menu-campaign-description {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.6rem;
margin-top: 0.3rem;
}
/*DIVIDERS*/
@media (max-width: 767px){
#panel-menu .menu-linkgroup li { border-bottom: 1px solid #ddd;}
#panel-menu .menu-linkgroup-heading { border-bottom: 1px solid #ddd;}
#panel-menu .menu-linkgroup .menu-linkgroup-heading{padding:1rem 1rem 1rem;}
#panel-menu .menu-linkgroup .menu-link{padding:1rem !important;}
.menu-linkgroup-heading > a:after {content: '';display: block;width: 4rem;height: 45px;background: url(icons/arrow_down.png) no-repeat center center transparent;position: absolute;top: 0;right: 0;margin-right:10px;}
.menu-linkgroup-heading.active > a:after {background: url(icons/arrow_up.png) no-repeat center center transparent;}
}
/*menu images*/
#panel-menu li.b-link-item {
margin-bottom: 8px !important;
border-bottom: none;
}
/* Panel cotizacion */
#panel-cotizacion {
display: none;
}
@media (min-width: 992px) {
#panel-cotizacion {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
max-width: 1040px;
margin: 0 auto;
left: 0;
position: relative;
overflow: visible;
height: auto;
background-color: #fff;
display: block;
padding: 2rem 3rem;
border-top: 1px solid #eee;
}
}
@media (min-width: 1200px) {
#panel-cotizacion {
max-width: 1240px;
}
}
#panel-cotizacion #tabs1 {
margin: 0 auto;
width: 100%;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#panel-cotizacion .graph {
position: relative;
width:25%;
}
#panel-cotizacion .datetime {
font-family: sans-serif;
width: 6.5rem;
position: absolute;
font-size: 0.8rem;
text-align: right;
top: 0;
left: 45%;
}
#panel-cotizacion .values {
font-family: sans-serif;
width: 6.5rem;
position: absolute;
font-size: 0.8rem;
text-align: right;
top: 0.9rem;
left: 45%;
color: #DC1400!important;
}
#panel-cotizacion .timestampImg {
width: auto;
height: auto;
margin-left: 0;
float: none;
}
#panel-cotizacion .l-content {
position: relative;
}
#panel-cotizacion .agrupacion_enlaces_ssi {
}
@media (min-width: 1200px) {
#panel-cotizacion .agrupacion_enlaces_ssi {
width:90%;
}
}
#panel-cotizacion #layer-caixabank-link {
position: relative;
text-align: right;
}
@media (min-width: 1200px) {
#panel-cotizacion #layer-caixabank-link {
position: absolute;
right: 0;
bottom: 0;
max-width: 20rem;
}
}
#panel-cotizacion #layer-caixabank-link a {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
background-color: #fff;
border: 0.15rem solid #007eae;
color: #007eae;
padding: 1.2rem 1.5rem;
border-radius: 0.2rem;
line-height: 1.4rem;
font-size: 1.4rem;
height: 4rem;
position: relative;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
transition: all 0.3s ease-in;
}
#panel-cotizacion #layer-caixabank-link a:hover,
#panel-cotizacion #layer-caixabank-link a:focus {
background: none;
color: #007eae;
border-color: #007eae;
-webkit-box-shadow: 0 0 10px -3px #404040;
-moz-box-shadow: 0 0 10px -3px #404040;
box-shadow: 0 0 10px -3px #404040;
}
/*****************************************************
Lazy load de imagenes
*****************************************************/
img[data-src] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: opacity .3s ease-in;
}
img.lazy-loaded[data-src] {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*******************************
11-Buscador
********************************/
.header .search-group .search {
display: none;
}
.header.menu-open .search-group .search {
display: block;
}
@media (min-width: 992px) {
.header .search-group {
display: inline-block;
width: 25rem;
vertical-align: middle;
margin-left: 0.5rem;
}
}
@media (min-width: 1200px) {
.header .search-group {
width: 28rem;
margin-left: 1.2rem;
}
}
@media (min-width: 992px) {
.header .search-group .search {
cursor: pointer;
position: relative;
height: 3.8rem;
background-color: #f8f8f8;
display: block;
}
}
.header .search-trigger {
float: left;
width: 5.5rem;
height: 3.8rem;
background: url('../css/icons/search.png') no-repeat center center transparent;
display: none;
}
.header.menu-open .search-trigger {
display: block;
position: absolute;
right: 0.5rem;
top: 1rem;
text-decoration: none;
}
@media (min-width: 992px) {
.header.menu-open .search-trigger {
display: none;
}
}
.header .search form:before {
content: '';
width: 5.5rem;
position: absolute;
height: 100%;
left: 0;
top: 0;
padding-left: 0;
background: url('../css/icons/search.png') no-repeat center center transparent;
display: block!important;
}
@media (max-width: 991px) {
.header .search form {
padding-right: 6.5rem;
}
}
@media (max-width: 991px) {
.header.menu-open .search form {
display: none!important;
}
}
@media (min-width: 1200px) {
.header .search form {
width: 28rem;
padding-left: 0;
padding-right: 6.5rem;
background-position: 1.8rem center;
border-bottom: 1px solid #555;
}
.header.menu-open .search form {
display: block!important;
}
.header .search form.active {
border-bottom: 1px solid #007EAE;
}
}
.header .search-field {
height: 3.8rem;
background: none;
border: none;
padding-left: 5.5rem;
width: 100%;
}
/*.header .search-field:focus {*/
/*color:#007EAE;*/
/*}*/
.header .search input[type='submit'] {
border: none;
background-color: transparent;
font-family: 'OpenSans-Bold', Arial, sans-serif;
font-size: 1.4rem;
color: #555;
width: 6.5rem;
height: 3.8rem;
float: right;
position: absolute;
right: 0;
top: 0;
}
.header .search input[type='submit']:hover {
color: #007EAE;
}
.search input[type='submit']{
background-color: #d6dbdf;
border: 1px solid white;
color: #000;
font-family: 'OpenSans-Bold', Arial, sans-serif;
}
.search-result {
background-color: #fff;
border: 1px #ececec solid;
margin-top: 0;
padding-bottom: 0;
z-index: 100;
width: 36rem;
position: absolute;
display: none;
overflow: auto;
max-height: 50rem;
}
@media (max-width: 991px) {
.search-open .header-top {
display: none;
}
.search-open .header-bottom .menuToggle,
.search-open .header-bottom .column:last-child {
display: none;
}
.search-open.header .search-trigger {
display: block;
position: fixed;
top: 0;
right: 0;
text-decoration: none;
height: 5.9rem;
background-image: url('icons/cross.png');
}
.search-open .header-topbar {
position: fixed;
background-color: #fff;
z-index: 1010;
top: 0;
}
.search-open .search form {
float: none;
width: 100%;
background-color: #f8f8f8;
}
.search-open .search-group .search {
background-color: #fff;
z-index: 2;
position: relative;
display: block;
}
.search-open .search-group {
position: fixed;
height: 100%;
background-color: transparent;
width: 100%;
top: 5.9rem;
left: 0;
padding-top: 0;
padding-bottom: 0;
z-index: 1000;
}
.search-open .search-result {
display: block !important;
width: 100%!important;
background-color: #fff;
z-index: 1;
height: auto!important;
margin: 0!important;
top: 3.8rem!important;
padding-top: 0!important;
bottom: 0!important;
overflow: hidden;
max-height: none;
}
.search-open .presearch-results {
height: 100%;
overflow: auto;
}
.mg-bt .search-open .search-group {
padding-bottom: 4.8rem;
}
.mg-bt .search-open .search-result {
bottom: 4.8rem!important;
}
}
.presearch-suggestions li a {
text-decoration: none;
color:#007eae;
}
.presearch-suggestions li {
background: white;
font-size: 90%;
width: 100%;
padding: 10px;
border-top: 1px solid #efefef;
}
.presearch-suggestions li:last-child {
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
#suggestions.ps-block .ps-content li{
min-height: 6rem;
}
/***************************
PRESEARCH RESULTS
****************************/
.ps-header {
background-color: #007eae;
height: 3rem;
padding: 0 0.5rem;
margin-bottom: 1px;
}
.ps-header strong {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #fff;
font-size: 1.4rem;
line-height: 3rem;
}
.ps-block .ps-content li {
background: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #eee;
}
.ps-block .ps-content li a{
padding: 1rem;
display: block;
text-decoration: none;
}
.ps-block .ps-content li a:after {
content: '';
display: block;
clear: both;
}
.ps-block .ps-more {
text-align: right;
}
.ps-block .ps-more a {
text-decoration: none;
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
display: block;
padding: 1rem;
}
.ps-block .ps-item-title {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
color: #007eae;
line-height: 1.8rem;
}
.ps-block .ps-item-title:hover {
color: #007eae;
}
.ps-block .ps-item-right .ps-item-title {
margin-top: -0.2rem;
display: block;
}
.ps-block .ps-item-text {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
color: #555;
line-height: 1.8rem;
}
.ps-block .ps-item-left {
float: left;
width: 90px;
margin-right: 1rem;
}
.ps-block .ps-item-right {
overflow: hidden;
}
.ps-offices-banner .ps-content {
padding: 1rem;
background: url('images/bg-search-office.png') no-repeat center center transparent;
background-size: cover;
position: relative;
}
.ps-offices-banner p {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 2rem;
color: #007eae;
max-width: 70%;
margin-bottom: 1.5rem;
}
.ps-offices-banner .icon-flag {
background: url('icons/icon-office-flag.png') no-repeat center center transparent;
position: absolute;
right:2rem;
top:2rem;
width: 44px;
height: 56px;
}
.ps-offices-results .ps-item-title {
display: block;
}
.ps-map img {
width: 100%;
height: auto;
}
.ps-block.ps-faqs .ps-item-text {
color: #1a1a1a;
}
.ps-maybe li:last-child {
border-bottom: none;
}
.ps-maybe li:first-child a {
padding-top: 0;
}
.ps-maybe .ps-content > p {
font-size: 1.3rem;
color: #555;
padding: 1rem 1rem 0;
}
.ps-proposal {
min-height: 25rem;
}
.ps-proposal li {
width: 50%;
float: left;
}
.ps-proposal li:nth-child(even) {
border-left: 1px solid #eee;
}
.ps-block.ps-proposal .ps-content li a {
padding: 1rem 0.8rem;
}
.ps-proposal .ps-content:after {
content: '';
display: block;
clear: both;
}
.ps-proposal a {
display: table;
width: 100%;
}
.ps-block.ps-proposal .ps-item-left {
width: 3.1rem;
height: 3.1rem;
display: table-cell;
vertical-align: middle;
float: none;
margin: 0;
}
.ps-block.ps-proposal .ps-item-right {
height: 3.1rem;
display: table-cell;
vertical-align: middle;
overflow: initial;
padding-left: 1rem;
}
.ps-block.ps-proposal .ps-item-right .ps-item-title {
font-size: 1.3rem;
color: #555;
letter-spacing: -0.05rem;
line-height: 1.5rem;
}
.ps-item-video {
padding: 1rem;
}
/* Prebuscador VIDEOS */
.ps-block.ps-video > .ps-item-video{
padding: 0;
}
.ps-block.ps-video .ps-item-video ul li{
background: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #eee;
}
.ps-block.ps-video .ps-item-video ul li a {
padding: 1rem;
display: block;
text-decoration: none;
}
/* Accesibilidad Prebuscador */
.search-group ul, .search-group li{
padding: 0!important;
list-style: none!important;
}
.search-group li.ps-suggested-results{
background: none!important;
}
.ps-content p{
display: block!important;
}
/* END PREBUSCADOR */
.ps-highlight .ps-item-video {
padding-top: 0;
}
.ps-item-video img {
width: 100%;
height: auto;
}
.ps-block.ps-blue-bg {
background: url('images/bg-presearch.jpg') repeat-x center bottom #007dad;
}
.ps-block.ps-blue-bg .ps-content {
padding: 1rem;
}
.ps-block.ps-blue-bg p {
color: #fff;
text-align: center;
}
.ps-block.ps-blue-bg .ps-item-title {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 2.2rem;
line-height: 2.4rem;
padding-bottom: 1rem;
}
.ps-block.ps-blue-bg .ps-item-text {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.8rem;
}
.ps-block.ps-blue-bg p a {
color: #fff;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes spin-half {
from { transform: rotate(180deg); }
to { transform: rotate(540deg); }
}
@keyframes spin-quarter {
from { transform: rotate(72deg); }
to { transform: rotate(432deg); }
}
.ps-load {
position: relative;
width: 8.8rem;
height: 8.8rem;
background: url('icons/ps-loading-icon.png') no-repeat center center transparent;
margin: 1rem auto;
}
.no-cssanimations .ps-loading {
display: none;
}
.ps-loading {
position: absolute;
top: 0;
left: 0;
width: 8.8rem;
height: 8.8rem;
}
.ps-loading .ps-spin {
position: absolute;
left: 0.1rem;
top: 0.1rem;
width: 8.6rem;
height: 8.6rem;
animation: spin 1.5s infinite cubic-bezier(0.5,0.25,0.5,0.75);
}
.ps-loading.half .ps-spin {
animation: spin-half 1.5s infinite cubic-bezier(0.5,0.25,0.5,0.75);
}
.ps-loading.quarter .ps-spin {
animation: spin-quarter 1.5s infinite cubic-bezier(0.5,0.25,0.5,0.75);
}
.ps-loading .ps-clip {
position: absolute;
top: 1.6rem;
left: 0;
width: 4.4rem;
height: 5.6rem;
overflow: hidden;
}
.ps-loading.half .ps-clip {
width: 4.4rem;
height: 2.8rem;
top: 3rem;
}
.ps-loading.quarter .ps-clip {
height: 1.4rem;
top: 3.7rem;
}
.ps-loading .ps-round {
position: absolute;
top: -1.6rem;
left: 0;
width: 8.8rem;
height: 8.8rem;
border-radius: 4.4rem;
border: 3px solid #fff;
}
.ps-loading.half .ps-round {
top: -3rem;
}
.ps-loading.quarter .ps-round {
top: -3.7rem;
}
.ps-block.ps-blue-bg.ps-searching {
min-height: 40rem;
position: relative;
}
@media (max-width: 991px) {
.ps-block.ps-blue-bg.ps-searching {
height: 100%;
}
.ps-block.ps-blue-bg.ps-more-results {
height: 100%;
position: relative;
}
.ps-block.ps-blue-bg.ps-more-results .ps-content {
top: 50%;
position: absolute;
width: 100%;
margin-top: -8rem;
}
}
.ps-block.ps-blue-bg.ps-searching .ps-content {
top: 50%;
width: 100%;
position: absolute;
margin-top: -9rem;
}
@media (max-width: 991px) {
.ps-block.ps-blue-bg.ps-searching .ps-content {
margin-top: -12rem;
}
}
.ps-block.ps-blue-bg.ps-more-results .ps-content {
padding: 3rem 1rem;
}
/***********************
Lolopo
************************/
.lolopo {
display: none;
}
@media (min-width: 992px) {
.lolopo {
display: block;
float: right;
}
}
.lolopo-fields input {
background-color: #f8f8f8;
border: 2px solid #fff;
border-bottom: 1px solid #555;
width: 12rem;
height: 3.8rem;
padding: 0 1rem;
color: #555;
border-radius: 0.3rem;
outline: none;
font-size: 1.4rem;
}
/* Ticket #67333 - Error foco acceso LA en Explorer */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){ /*solo para ie10*/
.lolopo-fields input{
padding: 0;
}
}
/* Fix Ticket #67333 - Error foco acceso LA en Explorer */
.lolopo iframe {
display: block;
}
.lolopo-fields input:focus {
border-bottom: 1px solid #007CA4;
}
#lolopo span.cboxClose:focus {
outline: 1px solid #007CA4;
}
.lolopo-fields input::-webkit-input-placeholder {
color: #555;
padding-left: 0.3rem;
opacity: 1;
}
.lolopo-fields input::-moz-placeholder {
color: #555;
padding-left: 0.3rem;
opacity: 1;
}
.lolopo-fields input:-ms-input-placeholder {
color: #555;
padding-left: 0.3rem;
opacity: 1;
}
.lolopo-fields input:-moz-placeholder {
color: #555;
padding-left: 0.3rem;
opacity: 1;
}
.lolopo-fields form {
float: left;
}
.lolopo-f-id,
.lolopo-f-pin {
float: left;
padding-right: 1rem;
}
.lolopo-f-submit {
float: left;
width: 7.2rem;
}
.lolopo-f-submit .bt-submit {
width: 7.2rem;
color: #fff;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
background-color: #007eae;
border-color: #007eae;
}
.lolopo-fields:after,
.lolopo-links:after {
content: '';
display: block;
clear: both;
}
.lolopo-link-left {
float: left;
width: 13rem;
margin-left: 2.3rem;
text-align: left;
}
.lolopo-link-right {
float: left;
width: 20rem;
text-align: left;
}
.lolopo-f-secure {
width: 2.2rem;
float: left;
height: 3.8rem;
text-align: left;
}
.lolopo-f-secure a {
display: inline-block;
margin-top: 1rem;
}
.lolopo-title p {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.2rem;
text-align: left;
padding-left: 2.3rem;
}
.lolopo-links a {
color: #007eae;
font-size: 1.2rem;
text-decoration: none;
}
.lolopo-links,
.lolopo-title,
.lolopo-fields {
width: 35.4rem;
}
#la-header-mobile-button .button_wrap:last-child {
display: none;
}
@media (max-width: 991px) {
.sticky-nav .header-bottom .column:last-child {
float: right;
width: auto;
padding-top: 1rem;
padding-left: 0;
}
}
.sticky-nav #la-header-mobile-button .button_wrap:last-child {
display: inline-block;
}
.sticky-nav #la-header-mobile-button .button_wrap:last-child .btn > a {
padding-left: 2.2rem;
}
.sticky-nav #la-header-mobile-button .button_wrap:last-child .btn > a:before {
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
line-height: normal;
width:2rem;
top: 0px;
margin-top: 7px;
}
@media screen and (min-width:0\0) {
.sticky-nav #la-header-mobile-button .button_wrap:last-child .btn > a:before {
padding: 0;
}
}
.sticky-nav #hc-header-mobile-link,
.sticky-nav #la-header-mobile-button .button_wrap:first-child {
display: none;
}
@media (min-width: 992px) {
#hc-header-mobile-link,
#la-header-mobile-button {
display: none;
}
}
@media (max-width: 350px) {
.header-bottom .button_wrap .icon_people > a,
.header-bottom .button_wrap .icon_lock > a {
padding-left: 3.5rem;
}
.header-bottom .button_wrap .btn > a {
padding-right: 0.6rem;
}
.header-bottom .main-title {
min-width: 0;
width: 100%;
background-size: 100% auto;
margin: 0;
}
}
/***********************
Lolopo Colorbox
************************/
#colorbox.lo-layer iframe {
background-color: transparent;
}
#colorbox.lo-layer #cboxTitle {
display: none!important;
}
#colorbox.lo-layer #cboxClose {
background-image: url('icons/cross_black.png');
z-index: 999;
}
#cboxOverlay.lo-layer {
}
/*Layer Internas*/
#colorbox.layer #cboxClose {
background-image: url('icons/cross_black.png');
z-index: 999;
}
/***********************
Orden ministerial
************************/
.om {
background-color: #fff;
padding-right: 7px;
padding-left: 7px;
}
@media (min-width: 768px) {
.om {
padding-right: 15px;
padding-left: 15px;
}
}
.om:after {
content: '';
display: block;
clear: both;
}
.om-group {
width: auto;
margin: 0 -8px;
}
.article-main .om-group,
.aside-main .om-group {
background-color: #fff;
margin: 3rem -15px;
padding: 1rem;
}
@media (min-width: 768px) {
.article-main .om-group,
.aside-main .om-group {
margin: 3rem 0;
}
}
.om-content {
padding: 1rem 0;
}
@media (min-width: 640px) {
.om-content {
display: block;
width: 100%;
padding: 2rem 8px;
}
.article-main .om-content,
.aside-main .om-content {
padding: 1rem 8px;
}
}
.om-content:after {
content: '';
display: block;
clear: both;
}
@media (min-width: 992px) {
.om-content.om-half {
width: 50%;
float: left;
}
.article-main .om-content.om-half,
.aside-main .om-content.om-half {
width: 100%;
float: none;
}
}
.om-right {
margin-top: 0.8rem;
}
@media (min-width: 640px) {
.om-left {
padding-right: 15px;
display: table-cell;
border-right: 1px solid #c1c1c1;
vertical-align: top;
}
.om-box .om-left {
border-right: none;
padding-right: 7px;
}
.om-right {
padding-left: 15px;
display: table-cell;
vertical-align: top;
width: 21rem;
margin-top: 0;
}
.om-half .om-right {
width: 21rem;
}
.om-box .om-right {
width: 17.5rem;
}
.om-half.om-box .om-right {
width: 17.5rem;
}
}
@media (min-width: 992px) {
.om-box .om-right {
width: 28rem;
}
.om-group.dropdown {
position: absolute;
padding: 0;
width: 90%;
/* margin: 0 5%; */
padding: 0;
}
}
.om-title,
.main .om-group p,
.main .om-group ul,
.main .om-group ol,
.main .om-group li,
.om-group p strong {
margin-top: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.3rem;
color: #000;
padding: 0;
background: none;
text-align: justify;
}
.main .om-content img {
margin-top: 0;
}
.main .om-description > p {
margin-top: 0.5rem;
color: #555;
}
.main .om-description a {
color: #0073a4;
}
@media (min-width: 640px) {
.main .om-description > p {
margin-top: 0.4rem;
}
}
/*** nuevas layout de OM **/
.main .om-group .om-right p,
.main .om-group .om-right li {
font-size: 0.9rem;
}
/* Ticket #75105 ajustar Orden Ministerial */
.freeContent.banner-image .om-group .om-value ul {
margin:1.2rem 0 .7rem 0;
}
/* fin Ticket #75105 */
.main .om-group.complex_om .om-right p,
.main .om-group.complex_om .om-right li {
line-height: 1.4rem;
margin-bottom: 2.4rem;
}
.om-title, .om-group p strong {
font-weight: bold;
}
.om-box .om-value {
/*border: 1px solid #c1c1c1;*/
border: 1px solid #000; /* Ticket #67625 */
padding: 1rem;
margin-top: 0.5rem;
min-height: 6rem;
}
.article-main .om-box .om-value,
.aside-main .om-box .om-value {
margin-top: 0;
}
.om-right .om-value .texto_grande {
font-size: 4.2rem;
font-weight: bold;
color: #000;
line-height: 4.4rem;
display: block;
margin-bottom: 0.4rem;
font-family: Arial, Helvetica, sans-serif;
padding-right: 1rem;
width: 100%;
text-align: center;
}
@media (min-width: 640px) {
.om-right .om-value .texto_grande {
float: none;
padding-right: 0;
}
}
@media (min-width: 992px) {
.om-right .om-value .texto_grande {
padding-right: 1rem;
}
.article-main .om-right .om-value .texto_grande,
.aside-main .om-right .om-value .texto_grande {
float: none;
padding-right: 0;
}
.om-half .om-right .om-value .texto_grande {
float: none;
padding-right: 0;
}
}
.om-right .om-value .texto_grande .gris {
/*color: #8a8a8a;*/
color: #9e9e9e;
font-family: Arial, Helvetica, sans-serif;
}
/*****************
* Ticket #66322 *
*****************/
.om-right .om-value .texto_grande .azul_oscuro {
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
/*****************/
.om-content .contenedor_doscolumnas .ancho50 {
margin-top: 0.8rem;
}
@media (min-width: 640px) {
.om-content .contenedor_doscolumnas {
margin: 0.4rem -7px 0;
}
.om-content .contenedor_doscolumnas .ancho50 {
padding: 0 7px;
float: left;
width: 50%;
}
}
.om-right .om-value ul {
display: table;
width: 100%;
border-spacing: 4px;
padding-top: 3.5rem;
padding-bottom: 2.5rem;
margin: 0 -4px;
}
@media (min-width: 640px) {
.om-right .om-value ul {
border-spacing: 2px;
margin: 0 -2px;
}
}
.om-right .om-value li {
display: table-cell;
vertical-align: middle;
position: relative;
border-radius: 3px;
text-align: center;
background-color: #000;
color: #fff;
padding: 0.4rem 0;
font-weight: bold;
background-image: none;
}
.om-right .om-value li:first-child {
background-color: #d4d4d4;
color: #9f9f9f;
}
.om-right .om-value li:last-child {
background-color: #d4d4d4;
color: #9f9f9f;
}
.om-right .om-value li span.titulo_entradilla,
.om-right .om-value li span.texto_inferior {
position: absolute;
bottom: 100%;
text-align: right;
right: 0;
min-width: 9rem;
font-weight: bold;
color: #000;
margin-bottom: 0.5rem;
line-height: 1rem;
}
.om-right .om-value li span.texto_inferior {
bottom: auto;
top: 100%;
margin-top: 0.5rem;
min-width: 0;
white-space: nowrap;
}
.om-right .om-value li:first-child span.titulo_entradilla,
.om-right .om-value li:first-child span.texto_inferior {
text-align: left;
left: 0;
right: auto;
}
.main .om-content img {
display: inline-block;
}
.om-right .om-value li span.titulo_entradilla, .om-right .om-value li span.texto_inferior {
font-size: 0.9rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
line-height: 1.3rem;
}
.container-fluid.om {
position: relative;
z-index: 30;
}
.sh-tabs.tabs-group .tabs-content.article-content {
position: relative;
z-index: 1;
}
/*OM Colapsable*/
.om-group.dropdown:after{
background-color: #fff;
position: absolute;
content: '';
display: block;
width: 100%;
top: 0;
left: -100%;
height: 100%;
}
.om-group.dropdown:before{
background-color: #fff;
position: absolute;
content: '';
display: block;
width: 100%;
top: 0;
right: -100%;
height: 100%;
}
.om-group {
width: 100%;
}
.om-group.dropdown {
position: relative;
background-color: #fff;
z-index: 2;
margin: 0;
padding: 0 15px;
}
.sh-tabs.tabs-group .tabs-content.article-content .om-group.dropdown {
top:-6rem;
}
@media (min-width: 992px) {
.om-group.dropdown {
position: absolute;
padding: 0;
width: 90%;
/* margin: 0 5%; */
padding: 0;
}
.subhome .om-group.dropdown{
top: -60px;
}
.sh-tabs.tabs-group .tabs-content.article-content .om-group.dropdown {
top:-20px;
}
}
@media (min-width: 1200px) {
.om-group.dropdown {
width: 100%;
opacity: 0.95;
/* margin: 0 12%; */
}
}
.om-home-boton {
position:absolute;
height:33px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #ddd;
bottom: -33px;
right: 30%;
line-height: 2.6rem;
cursor:pointer;
padding:0rem 1rem 0.4rem 1rem;
margin-right: 0;
font-weight: 700;
color: #535353;
text-decoration:none;
}
.om-home-boton:hover, .om-home-boton:focus {
text-decoration:none;
}
@media (max-width: 382px) {
.om-home-boton {right: auto}
}
@media (min-width: 992px) {
.om-home-boton {
right: 0;
}
}
.om-home-boton span.om-cerrar{
display:none;
}
.om-home-boton.active span.om-cerrar{
display:inline-block;
font-weight: 700;
color: #535353;
}
.om-home-boton span.om-abrir{
display:inline-block;
font-weight: 700;
color: #535353;
}
.om-home-boton.active span.om-abrir{
display:none;
}
.btn-literal{
color:#535353;
}
.arrow-2{
display:none !important;
}
/***********************
Subhome Highlights
************************/
.section-prom .container {
padding-top: 2rem;
}
@media (min-width: 992px) {
.section-prom .container {
padding-top: 0;
padding-bottom: 4rem;
}
}
.section-prom .bg-site.bg-half {
display: none;
}
@media (min-width: 992px) {
.section-prom .bg-site.bg-half {
display: block;
background-color: #007eae;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
max-height: 16rem;
}
}
.section-prom .mg-top {
margin-top: 2rem;
}
.sh-highlights {
margin: 0 auto;
max-width: 560px;
display: block;
}
@media (min-width: 992px) {
.sh-highlights {
margin: 0;
max-width: none;
}
}
.sh-highlights .sh-highlights-list {
margin-top: -5px;
margin-left: -20px;
margin-right: -20px;
/*width: auto;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
height: auto;
background: red;
*/
}
.no-flexbox.no-flexboxtweener .sh-highlights .sh-highlights-list {
width: 100%;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlights-list {
margin-top: -3px;
margin-left: -3px;
margin-right: -3px;
}
}
.sh-highlights .sh-highlight {
padding: 5px;
width: 49.3%;
display: inline-block;
background: none;
vertical-align: top;
}
@media (min-width: 550px) {
.sh-highlights .sh-highlight {
display: block;
float: left;
width: 50%;
}
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight {
padding: 3px;
}
}
@media (min-width: 992px) {
.sh-highlights .sh-highlight {
width: 25%;
}
}
.sh-highlights .sh-highlight > a {
display: block;
background-color: #efefef;
overflow: hidden;
text-decoration: none;
height: 100%;
position: relative;
min-height: 16rem;
}
.sh-highlights .sh-highlight .sh-highlight-wrap {
min-height: 16rem;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight > a {
min-height: 32rem;
}
.sh-highlights .sh-highlight .sh-highlight-wrap {
min-height: 32rem;
}
}
.sh-highlights .sh-highlight .sh-h-image {
width: 100%;
overflow: hidden;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-image {
height: 16rem;
}
.sh-highlights .sh-highlight.sh-h-double .sh-h-image,
.sh-highlights .sh-highlight.sh-h-product .sh-h-image {
height: 32rem;
}
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-image-wrap {
/*width: 110%;*/
/*left: -5%;*/
position: relative;
height: 100%;
}
}
.sh-highlights .sh-highlight .sh-h-image img {
margin: 0 auto;
display: block;
height: auto;
width: 100%;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-image img {
height: 100%;
width: auto;
min-width: 50%;
}
}
.sh-highlights .sh-highlight .sh-h-text {
padding: 1rem 0.6rem;
/*min-height: 11.5rem;*/
min-height: 14.5rem; /* Ticket #77507 - Particulares/prestamos/responsive_URGENTE */
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-text {
padding: 1.5rem 1.2rem;
min-height: 0;
}
}
.sh-highlights .sh-highlight.sh-h-double .sh-h-text {
padding: 0.8rem 0.6rem;
position: absolute;
display: inline-table;
bottom: 0;
left: 0;
width: calc(50% - 5px);
height: 35%;
background-color: #efefef;
}
.no-csscalc .sh-highlights .sh-highlight.sh-h-double .sh-h-text {
width: 50%;
}
.sh-highlights .sh-highlight.sh-h-double .sh-h-text {
display: block;
text-overflow:ellipsis;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-double .sh-h-text {
padding: 1rem 1.2rem;
width: calc(50% - 3px);
height: 53%; /* Ticket #65270 */
}
.no-csscalc .sh-highlights .sh-highlight.sh-h-double .sh-h-text {
width: 50%;
}
}
.sh-highlights .sh-highlight.sh-h-double.sh-h-noimage .sh-h-text {
padding: 1rem 0.6rem;
position: static;
bottom: auto;
left: auto;
width: auto;
height: auto;
background-color: transparent;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-double.sh-h-noimage .sh-h-text {
padding: 1.5rem 1.2rem;
min-height: 0;
}
}
.sh-highlights .sh-highlight .sh-h-title h2,
.sh-highlights .sh-highlight .sh-h-title h3,
.sh-highlights .sh-highlight .sh-h-title p {
color: #007eae;
font-size: 1.6rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
margin-top: 0;
text-decoration: none;
line-height: 1.8rem;
word-break: break-word;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-title h2,
.sh-highlights .sh-highlight .sh-h-title h3,
.sh-highlights .sh-highlight .sh-h-title p {
font-size: 1.8rem;
line-height: 2.2rem;
}
}
.sh-highlights .sh-highlight .sh-h-description {
display: none;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-description {
display: block;
}
}
.sh-highlights .sh-highlight .sh-h-description p {
font-size: 1.6rem;
line-height: 2rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #555;
margin-top: 1rem;
display: block;
word-break: break-word;
}
.sh-highlights .sh-highlight .sh-h-description p.texto_aclarativo {
font-size: 1.2rem;
line-height: 1.6rem;
}
.sh-highlights .sh-highlight .sh-h-description p .boton_azul {
display: block;
text-align: center;
font-size: 1.4rem;
color: #fff;
width: 95%;
margin: 0 auto;
background-color: #007eae;
transition: all 0.3s ease-in;
height: 4rem;
line-height: 1.4rem;
padding: 1.2rem 1rem;
border-radius: 0.2rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
border: 0.2rem solid #007eae;
max-width: 25rem;
min-width: 15rem;
}
.sh-highlights .sh-highlight a:hover .sh-h-description p .boton_azul,
.sh-highlights .sh-highlight a:focus .sh-h-description p .boton_azul {
background-color:#007eae;
border-color: #007eae;
color: #fff;
-webkit-box-shadow: 0 0 10px -3px #404040;
-moz-box-shadow: 0 0 10px -3px #404040;
box-shadow: 0 0 10px -3px #404040;
}
.sh-highlights .sh-highlight .sh-h-description p .enlace_especial {
font-size: 1.4rem;
color: #007eae;
display: inline-block;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
text-decoration: underline;
}
.sh-highlights .sh-highlight.sh-h-product {
margin: 0;
width: 100%;
}
.sh-highlights .sh-highlight.sh-h-product > a {
margin: 0rem -15px 0;
padding-bottom: 0;
background-color: #fff;
}
.sh-highlights .sh-h-product a:hover,
.sh-highlights .sh-h-product a:focus,
.sh-highlights .sh-h-double a:hover,
.sh-highlights .sh-h-double a:focus{
overflow: auto;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product > a {
margin: 0;
}
}
@media (min-width: 992px) {
.sh-highlights .sh-highlight.sh-h-product {
width: 50%;
}
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-text {
position: relative;
left: 0;
right: 0;
bottom: 0;
text-align: center;
background-color: transparent;
width: auto;
height: auto;
padding: 1rem 1.5rem 1.5rem;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product .sh-h-text {
position: absolute;
padding: 1.5rem 1.2rem;
}
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-title h2,
.sh-highlights .sh-highlight.sh-h-product .sh-h-title h3,
.sh-highlights .sh-highlight.sh-h-product .sh-h-title p {
font-size: 3.4rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
color: #1a1a1a;
line-height: 3.6rem;
margin: 0.8rem 0;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product .sh-h-title h2,
.sh-highlights .sh-highlight.sh-h-product .sh-h-title h3,
.sh-highlights .sh-highlight.sh-h-product .sh-h-title p {
font-size: 3rem;
color: #fff;
line-height: 3.2rem;
}
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-subtitle {
font-size: 1.3rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #fff;
line-height: 1.4rem;
text-transform: uppercase;
display: none;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product .sh-h-subtitle {
display: block;
}
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-description {
margin: 0 auto 1rem;
max-width: 36rem;
display: block;
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-description p {
font-size: 1.6rem;
color: #1a1a1a;
line-height: 1.8rem;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product .sh-h-description p {
font-size: 1.4rem;
color: #fff;
line-height: 1.8rem;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo {
margin: 0;
width: 100%;
}
@media (min-width: 992px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo {
width: 50%;
}
}
.sh-highlights .sh-highlight.sh-h-double,
.sh-highlights .sh-highlight.sh-h-product {
width: 100%;
}
@media (min-width: 992px) {
.sh-highlights .sh-highlight.sh-h-double,
.sh-highlights .sh-highlight.sh-h-product {
width: 50%;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo > a {
margin: 0rem -15px 0;
padding-bottom: 0;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo > a {
margin: 0;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-image {
position: relative;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-image {
/*height: 32rem;*/
}
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-image-wrap {
width: 200%;
left: -50%;
position: relative;
height: 100%;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-image-wrap img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-image-wrap img {
width: auto;
min-width: 50%;
height: 100%;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-text {
text-align: center;
padding: 1rem 1.5rem 1.5rem;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-text {
padding: 2.5rem 1rem 1rem 2.8rem;
text-align: left;
right: auto;
max-width: 36rem;
bottom: auto;
top: 0;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-subtitle {
color: #007eae;
text-transform: none;
font-size: 1.4rem;
display: block;
margin-top: 1rem;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-subtitle {
color: #fff;
font-size: 1.3rem;
margin-top: 0;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description p {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
color: #1a1a1a;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description p {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
color: #fff;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description .texto_pequenno {
font-size: 1.6rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #1a1a1a;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description .texto_pequenno {
font-size: 1.2rem;
text-transform: uppercase;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #fff;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description .boton_azul {
margin: 0;
width: 100%;
max-width: 30rem;
display: inline-block;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description .boton_azul {
width: auto;
max-width: none;
}
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-description p img {
margin: 0;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-nri {
text-transform: uppercase;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #fff;
font-size: 1.2rem;
position: absolute;
bottom: 1.5rem;
right: 0;
transform: rotate(-90deg) translateX(100%);
transform-origin: bottom right;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo .sh-h-nri {
right: -1rem;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-nri {
right: 1rem;
}
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-text:before {
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(90deg, #fff 40rem, #ddd); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg, #fff 40rem, #ddd); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(90deg, #fff 40rem, #ddd); /* For Firefox 3.6 to 15 */
background: linear-gradient(90deg, #fff 40rem, #ddd); /* Standard syntax */
border-top-right-radius:1rem;
border-bottom-right-radius:1rem;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0.75;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-text {
background-color: transparent;
bottom: 1rem;
top: 1rem;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-subtitle {
color: #007eae;
position: relative;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-title h2, .sh-highlights .sh-h-product.sh-h-promo.sh-h-white .sh-h-title h3, .sh-h-product.sh-h-promo.sh-h-white .sh-h-title p, .sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-description p, .sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-description .texto_pequenno {
color: #1a1a1a;
position: relative;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-description p img {
margin: 0 0 0 -2.8rem;
}
.sh-highlights .sh-highlight.sh-h-product.sh-h-promo.sh-h-white .sh-h-description p img {
margin: 0 0 0 -2.8rem;
}
}
/***********************
HOME
************************/
.main-home {
background-color: #eee;
}
/**********************
HOME Carousel
************************/
.hm-slider {
width: auto;
margin: 0 -15px;
position: relative;
padding-bottom: 2.5rem;
}
@media (min-width: 992px) {
.hm-slider {
padding-bottom: 0;
}
}
.hm-slider-list {
width: 100%;
}
/* START - #73291 - Particulares // Ahorro // Mi hucha // efecto slider */
.hm-slider-list .hm-slide:not(:first-child){
opacity: 0;
position: absolute;
left: -100%;
}
/* END - #73291 - Particulares // Ahorro // Mi hucha // efecto slider */
.hm-slider .hm-slide{
background: none;
padding: 0;
}
.hm-slide > a {
display: block;
text-decoration: none;
}
@media (min-width: 992px) {
.hm-slide > a {
height: 30rem;
}
}
@media (min-width: 1200px) {
.hm-slide > a{height:36rem}
}
.hm-slide-wrapper {
position: relative;
height: 100%;
}
.hm-slide-image {
position: relative;
overflow: hidden;
height: 100%;
}
@media (min-width: 992px) {
.hm-slide-image-wrap {
width: 200%;
height: 100%;
left: -50%;
position: absolute;
}
}
@media (min-width: 1400px) {
.hm-slide-image-wrap {
width: 200%;
height: 200%;
left: -50%;
top: -50%;
position: absolute;
}
}
.hm-slide-image-wrap img {
display: block;
height: auto;
width: 100%;
margin-top: 0;
}
@media (min-width: 992px) {
.hm-slide-image-wrap img {
height: 100%;
width: auto;
margin: 0 auto;
min-width: 50%;
}
}
@media (min-width: 1400px) {
.hm-slide-image-wrap img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
width: auto;
height: auto;
}
}
.hm-slide-image-nri {
display: none;
}
@media (min-width: 992px) {
.hm-slide-image-nri {
display: block;
position: absolute;
left: 0.5rem;
bottom: 1rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.2rem;
color: #fff;
transform: rotate(-90deg) translateY(100%);
transform-origin: bottom left;
}
/*
.hm-text-right .hm-slide-image-nri {
left: auto;
right: 0.5rem;
transform: rotate(-90deg) translateX(100%);
transform-origin: bottom right;
}
*/
}
.hm-slide-text {
padding: 1.5rem;
}
@media (min-width: 992px) {
.hm-slide-text {
position: absolute;
top: 0;
height: 100%;
width: 100%;
left: 0;
padding: 0;
}
}
@media (min-width: 992px) {
.hm-slide-text-r {
display: table;
max-width: 970px;
margin: 0 auto;
padding: 0 15px;
height: 100%;
}
}
@media (min-width: 1200px) {
.hm-slide-text-r {
max-width: 1170px;
}
}
@media (min-width: 992px) {
.hm-slide-text-c {
display: table-cell;
vertical-align: middle;
text-align: center;
}
}
.hm-text-contrast .hm-slide-text-wrap {
padding: 1.5rem;
padding-bottom: 3rem;
}
.hm-text-contrast-hight .hm-slide-text-wrap {padding: 1.5rem;padding-bottom: 3rem;}
.hm-text-center .hm-slide-image-nri {width: 94%; text-align: center;}
@media (min-width: 992px) {
.hm-slide-text-wrap {
/*width: 50%;*/
width: 52%; /* Ticket #65031 */
margin: 0 auto;
position: relative;
display: inline-table;
}
.hm-text-right .hm-slide-text-wrap {
margin: 0 0 0 auto;
}
.hm-text-left .hm-slide-text-wrap {
margin: 0 auto 0 0;
}
.hm-text-contrast .hm-slide-text-wrap {
padding: 0.5rem 1.5rem 2rem;
}
.hm-text-contrast-hight .hm-slide-text-wrap {padding: 0.5rem 1.5rem 2rem}
.hm-text-contrast .hm-slide-text-wrap:before {
content: '';
display: block;
position: absolute;
background-color: #fff;
opacity: 0.75;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 1rem;
}
.hm-text-right.hm-text-contrast .hm-slide-text-wrap:before {
left: 0;
right: auto;
width: 101%;
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(90deg, #fff 40rem, #ddd); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg, #fff 40rem, #ddd); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(90deg, #fff 40rem, #ddd); /* For Firefox 3.6 to 15 */
background: linear-gradient(90deg, #fff 40rem, #ddd); /* Standard syntax */
}
.hm-text-left.hm-text-contrast .hm-slide-text-wrap:before {
left: auto;
right: 0;
width: 101%;
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(-90deg, #fff 40rem, #ddd); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(-90deg, #fff 40rem, #ddd); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(-90deg, #fff 40rem, #ddd); /* For Firefox 3.6 to 15 */
background: linear-gradient(-90deg, #fff 40rem, #ddd); /* Standard syntax */
}
.hm-text-contrast-hight .hm-slide-text-wrap:before{content:'';display:block;position:absolute;background-color:#fff;opacity:1;top:0;left:0;right:0;height:100%;width:100%;border-radius:1rem}
.hm-text-right.hm-text-contrast-hight .hm-slide-text-wrap:before{left:0;right:auto;width:101%;background:#fff;/*background:-webkit-linear-gradient(90deg,#fff 40rem,#ddd);background:-o-linear-gradient(90deg,#fff 40rem,#ddd);background:-moz-linear-gradient(90deg,#fff 40rem,#ddd);background:linear-gradient(90deg,#fff 40rem,#ddd)*/}
.hm-text-left.hm-text-contrast-hight .hm-slide-text-wrap:before{left:auto;right:0;width:101%;background:#fff;/*background:-webkit-linear-gradient(-90deg,#fff 40rem,#ddd);background:-o-linear-gradient(-90deg,#fff 40rem,#ddd);background:-moz-linear-gradient(-90deg,#fff 40rem,#ddd);background:linear-gradient(-90deg,#fff 40rem,#ddd)*/}
}
@media (min-width: 1200px) {
.hm-text-contrast .hm-slide-text-wrap {
padding: 1.5rem;
padding-bottom: 3rem;
}
.hm-text-contrast-hight .hm-slide-text-wrap {padding: 1.5rem;padding-bottom: 3rem;}
}
.hm-slide-sbt {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
color: #007eae;
width: 100%;
display: block;
text-align: center;
padding: 0;
position: relative;
}
@media (min-width: 992px) {
.hm-slide-sbt {
font-size: 2rem;
color: #fff;
display: inline-block;
text-align: center;
padding: 0 6rem;
}
.hm-text-contrast .hm-slide-sbt {
padding: 0 4rem;
color: #007eae;
}
.hm-text-contrast-hight .hm-slide-sbt{padding:0 4rem;color:#007eae}
}
.hm-slide-title {
text-align: center;
padding: 0;
position: relative;
}
@media (min-width: 992px) {
.hm-slide-title {
display: inline-block;
padding: 0 6rem;
}
.hm-text-contrast .hm-slide-title {
padding: 0 4rem;
}
.hm-text-contrast-hight .hm-slide-title{padding:0 4rem}
}
.hm-slide-title h2 {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 3.4rem;
line-height: 3.6rem;
color: #191919;
margin-top: 0;
}
@media (min-width: 992px) {
.hm-slide-title h2 {
font-size: 3.6rem;
line-height: 4rem;
color: #fff;
}
.hm-text-contrast .hm-slide-title h2 {
color: #1a1a1a;
}
.hm-text-contrast-hight .hm-slide-title h2{color:#1a1a1a}
}
.hm-slide-description {
text-align: center;
padding: 0;
position: relative;
}
@media (min-width: 992px) {
.hm-slide-description {
display: inline-block;
padding: 0 6rem;
}
.hm-text-contrast .hm-slide-description {
padding: 0 4rem;
}
.hm-text-contrast-hight .hm-slide-description{padding:0 4rem}
}
.hm-slide-description p {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
color: #545454;
margin-top: 1rem;
}
@media (min-width: 992px) {
.hm-slide-description p {
font-size: 1.8rem;
color: #fff;
}
.hm-text-contrast .hm-slide-description p {
color: #555;
}
.hm-text-contrast-hight .hm-slide-description p{color:#555}
}
.hm-slide-description .texto_aclarativo {
display: none;
}
@media (min-width: 992px) {
.hm-slide-description p.texto_aclarativo {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.1rem;
line-height: 1.4rem;
color: #909090;
display: block;
font-weight: bold;
}
}
@media (min-width: 992px) {
.hm-text-left .hm-slide-text-c {
text-align: left;
}
.hm-text-left .hm-slide-sbt,
.hm-text-left .hm-slide-title,
.hm-text-left .hm-slide-description {
text-align: left;
padding-left: 6rem;
padding-right: 0;
}
.hm-text-left.hm-text-contrast .hm-slide-sbt,
.hm-text-left.hm-text-contrast .hm-slide-title,
.hm-text-left.hm-text-contrast .hm-slide-description {
padding-left: 4rem;
width: 100%; /* Ticket #67732 - Particulares // Ahorro // Terrat subhome*/
}
.hm-text-left.hm-text-contrast-hight .hm-slide-sbt,.hm-text-left.hm-text-contrast-hight .hm-slide-title,.hm-text-left.hm-text-contrast-hight .hm-slide-description{
padding-left:4rem;
width: 100%; /* Ticket #67732 - Particulares // Ahorro // Terrat subhome*/
}
}
@media (min-width: 1200px) {
.hm-text-left .hm-slide-sbt,
.hm-text-left .hm-slide-title,
.hm-text-left .hm-slide-description {
padding-left: 12rem;
}
.hm-text-left.hm-text-contrast .hm-slide-sbt,
.hm-text-left.hm-text-contrast .hm-slide-title,
.hm-text-left.hm-text-contrast .hm-slide-description {
padding-left: 4rem;
}
.hm-text-left.hm-text-contrast-hight .hm-slide-sbt,.hm-text-left.hm-text-contrast-hight .hm-slide-title,.hm-text-left.hm-text-contrast-hight .hm-slide-description{padding-left:4rem}
}
@media (min-width: 992px) {
.hm-text-right .hm-slide-text-c {
text-align: right;
}
.hm-text-right .hm-slide-sbt,
.hm-text-right .hm-slide-title,
.hm-text-right .hm-slide-description {
text-align: left;
padding-right: 6rem;
padding-left: 0;
}
.hm-text-right.hm-text-contrast .hm-slide-sbt,
.hm-text-right.hm-text-contrast .hm-slide-title,
.hm-text-right.hm-text-contrast .hm-slide-description {
padding-right: 4rem;
width: 100%; /* Ticket #67732 - Particulares // Ahorro // Terrat subhome */
}
.hm-text-right.hm-text-contrast-hight .hm-slide-sbt,.hm-text-right.hm-text-contrast-hight .hm-slide-title,.hm-text-right.hm-text-contrast-hight .hm-slide-description{
padding-right:4rem;
width: 100%;
}
}
@media (min-width: 1200px) {
.hm-text-right .hm-slide-sbt,
.hm-text-right .hm-slide-title,
.hm-text-right .hm-slide-description {
padding-right: 12rem;
}
.hm-text-right.hm-text-contrast .hm-slide-sbt,
.hm-text-right.hm-text-contrast .hm-slide-title,
.hm-text-right.hm-text-contrast .hm-slide-description {
padding-right: 10rem;
/*padding-right: 0;*/
width: 100%;
}
.hm-text-right.hm-text-contrast-hight .hm-slide-sbt,.hm-text-right.hm-text-contrast-hight .hm-slide-title,.hm-text-right.hm-text-contrast-hight .hm-slide-description{
padding-right:10rem;
/*padding-right: 0;*/
width: 100%;
}
}
.hm-slide .hm-slide-description .boton_azul {
display: block;
text-align: center;
font-size: 1.4rem;
color: #fff;
width: auto;
margin: 1rem auto;
background-color: #007eae;
transition: all 0.3s ease-in;
height: 4rem;
line-height: 1.4rem;
padding: 1.2rem 1rem;
border-radius: 0.2rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
border: 0.2rem solid #007eae;
max-width: 40rem;
}
@media (min-width: 992px) {
.hm-slide .hm-slide-description .boton_azul {
max-width: 25rem;
}
.hm-slide.hm-text-right .hm-slide-description .boton_azul,
.hm-slide.hm-text-left .hm-slide-description .boton_azul {
margin: 1rem 0;
}
.hm-slide a:hover .hm-slide-description .boton_azul,
.hm-slide a:focus .hm-slide-description .boton_azul {
background-color:#007eae;
border-color: #007eae;
color: #fff;
-webkit-box-shadow: 0 0 10px -3px #404040;
-moz-box-shadow: 0 0 10px -3px #404040;
box-shadow: 0 0 10px -3px #404040;
}
.hm-slide a:focus .hm-slide-description .boton_azul {
font-weight: bold;
text-decoration: underline!important;
}
}
.hm-slider-controls {
display: none;
}
@media (min-width: 992px) {
.hm-slider-controls {
max-width: 100%;
/*max-width: 970px;*/
margin: 0 auto;
padding: 0 15px;
height: 0;
position: relative;
z-index:20;
display: block;
}
}
@media (min-width: 1200px) {
.hm-slider-controls {
/*max-width: 1170px;*/
}
}
.hm-slider-controls .slick-arrow {
position: absolute;
top: 16rem;
width: 4.8rem;
height: 4.9rem;
}
.hm-slider-controls .slick-arrow.slick-prev{
background-color: transparent;
left: 0;
}
.hm-slider-controls .slick-arrow.slick-next{
right:0;
background-color: transparent;
}
.hm-slider-bullets {
text-align: center;
position: absolute;
bottom: 1.5rem;
width: auto;
left: 50%;
transform: translateX(-50%);
z-index: 20;
}
.hm-slider-b-items {
display: inline-block;
}
.hm-slider-bullets .slick-dots {
display: inline-block!important;
}
.hm-slider-bullets .slick-dots li {
display: inline-block;
background: none;
padding: 0;
height: 2rem;
}
.hm-slider-bullets .slick-dots button:hover, .hm-slider-b-play a:hover {
background-size: 1.2rem 1.2rem;
}
.hm-slider-bullets .slick-dots button:focus{background-image:url(icons/hm-slider-dot.png)}
.hm-slider-bullets .slick-dots button {
width:14px;
height:14px;
margin:0.5rem 0.5rem 0 0;
background-image:url(icons/hm-slider-dot-inactive.png);
background-repeat: no-repeat;
background-position: center center;
background-color: #626262;
border:none;
text-indent:-9999px;
vertical-align:bottom;
padding: 0;
border-radius: 26px;
}
.hm-slider-bullets .slick-dots .slick-active button {
background-image: url('icons/hm-slider-dot.png');
}
.hm-slider-b-play {
display: inline-block;
/*vertical-align: bottom;*/
}
.hm-slider-b-play a {
background: transparent;
display: block;
height: 1rem;
padding: 0.7rem 0 1rem;
position: relative;
width: 1.5rem;
}
.hm-slider-b-play a img {
left: 0;
position: absolute;
top: 3px;
margin: 0.3rem 0 0 0;
}
.hm-slider-b-play a.paused img {
/*top: 0;*/
}
/*******************************************
Slider interno con promocion
*******************************************/
/*.hm-slide > .banner-promotion > a{
padding-left: 3.5rem;
}*/
.hm-slide > .banner-promotion > a > span{
font-family: 'OpenSans-Bold', Arial, sans-serif;
}
.slick-list{
overflow: visible!important;
}
/***********************
HOME Highlights title (Article content)
************************/
.main-home .heading-group h2 {
color: #191919;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 2.4rem;
text-align: center;
}
@media (min-width: 992px) {
.main-home .heading-group h2 {
font-size: 3.4rem;
}
}
.main-home .article-content {
margin-top: 0;
}
.main-home .article-content p {
color: #545454;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
text-align: center;
margin: 0.5rem auto 0;
max-width: 50rem;
}
@media (min-width: 992px) {
.main-home .article-content p {
margin: 1.5rem auto 0;
}
}
/***********************
HOME Campaign Highlights
************************/
.hm-cmp {
max-width: 600px;
margin: 0 auto;
}
@media (min-width: 992px) {
.hm-cmp {
max-width: none;
margin: 0;
}
}
.hm-cmp .hm-cmp-list {
margin:-5px -20px 3rem;
width:auto;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
}
@media (min-width: 992px) {
.hm-cmp .hm-cmp-list {
margin: -3px -3px 3rem;
}
}
.no-flexbox.no-flexboxtweener .hm-cmp .hm-cmp-list {
width: 100%;
}
.hm-cmp .hm-cmp-item {
padding: 5px;
background: none;
width: 50%;
}
.hm-cmp .hm-cmp-item.hm-cmp-item-double {
width: 100%;
}
@media (min-width: 992px) {
.hm-cmp .hm-cmp-item {
padding: 3px;
width: 25%;
}
.hm-cmp .hm-cmp-item.hm-cmp-item-double {
width: 50%;
}
}
@media (min-width: 992px) {
.hm-cmp-item-order-1 { order: 1; }
.hm-cmp-item-order-2 { order: 2; }
.hm-cmp-item-order-3 { order: 3; }
.hm-cmp-item-order-4 { order: 4; }
.hm-cmp-item-order-5 { order: 5; }
.hm-cmp-item-order-6 { order: 6; }
.hm-cmp-item-order-7 { order: 7; }
.hm-cmp-item-order-8 { order: 8; }
.hm-cmp-item-order-9 { order: 9; }
.hm-cmp-item-order-10 { order: 10; }
}
.hm-cmp-item > a,
.hm-cmp-item .hm-cmp-item-nolink {
display: block;
background-color: #fff;
height: 100%;
text-decoration: none;
}
.hm-cmp-item-wrap {
height: 100%;
}
.hm-cmp-image {
width: 100%;
overflow: hidden;
position: relative;
}
@media (min-width: 992px) {
.hm-cmp-image {
height: 17.5rem;
}
}
@media (min-width: 1200px) {
.hm-cmp-image {
height: 21rem;
}
}
@media (min-width: 992px) {
.hm-cmp-image-wrap {
width: 200%;
left: -50%;
position: relative;
height: 100%;
}
}
.hm-cmp-image-wrap img {
margin: 0 auto;
display: block;
height: auto;
width: 100%;
}
@media (min-width: 992px) {
.hm-cmp-image-wrap img {
height: 100%;
width: auto;
min-width: 50%;
}
}
.hm-cmp-nri {
display: none;
}
@media (min-width: 992px) {
.hm-cmp-nri {
display: block;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.2rem;
color: #fff;
position: absolute;
bottom: 1rem;
left: 1.5rem;
}
}
.hm-cmp-text {
display: table;
width: 100%;
max-width: 23rem;
margin: 0 auto;
min-height: 12.5rem;
padding: 1rem;
}
@media (min-width: 992px) {
.hm-cmp-text {
height: calc(100% - 17.5rem);
height: -webkit-calc(100% - 17.5rem);
height: -moz-calc(100% - 17.5rem);
min-height: 20.5rem;
padding: 0;
}
}
@media (min-width: 1200px) {
.hm-cmp-text {
height: calc(100% - 21rem);
min-height: 21rem;
}
}
.no-csscalc .hm-cmp-text {
height: auto;
}
.hm-cmp-item-promo .hm-cmp-text {
padding: 1rem;
max-width: none;
margin: 0;
}
@media (min-width: 1200px) {
.hm-cmp-item-promo .hm-cmp-text {
padding: 1rem 1.5rem;
}
}
.hm-cmp-text-r {
display: table-row;
height: 100%;
}
.hm-cmp-text-c {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0;
}
.hm-cmp-item-promo .hm-cmp-text-c {
vertical-align: top;
text-align: left;
padding: 0;
}
.hm-cmp-sbt {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
color: #007eae;
}
.hm-cmp .hm-cmp-title h2,
.hm-cmp .hm-cmp-title h3 {
margin: 0.5rem 0;
font-size: 1.6rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #007eae;
}
@media (min-width: 992px) {
.hm-cmp .hm-cmp-title h2,
.hm-cmp .hm-cmp-title h3 {
font-size: 1.8rem;
}
}
.hm-cmp .hm-cmp-item-promo .hm-cmp-title h2,
.hm-cmp .hm-cmp-item-promo .hm-cmp-title h3 {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
color: #1a1a1a;
line-height: 1.8rem;
margin: 0 0 0.5rem;
}
@media (min-width: 992px) {
.hm-cmp .hm-cmp-item-promo .hm-cmp-title h2,
.hm-cmp .hm-cmp-item-promo .hm-cmp-title h3 {
font-size: 2.4rem;
line-height: 2.7rem;
margin: 0 0 1.5rem;
}
}
.hm-cmp .hm-cmp-item-promo.hm-cmp-item-double .hm-cmp-title h2,
.hm-cmp .hm-cmp-item-promo.hm-cmp-item-double .hm-cmp-title h3 {
font-size: 2rem;
line-height: 2rem;
}
@media (min-width: 992px) {
.hm-cmp .hm-cmp-item-promo.hm-cmp-item-double .hm-cmp-title h2,
.hm-cmp .hm-cmp-item-promo.hm-cmp-item-double .hm-cmp-title h3 {
font-size: 3.4rem;
line-height: 3.4rem;
}
}
.hm-cmp-description {
display: none;
}
@media (min-width: 992px) {
.hm-cmp-description {
display: block;
}
}
.hm-cmp .hm-cmp-description p {
font-size: 1.5rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #555;
margin: 0;
line-height: 1.8rem;
}
.hm-cmp-text-bottom-r {
display: table-row;
}
.hm-cmp-text-bottom-c {
display: table-cell;
vertical-align: bottom;
text-align: left;
}
.hm-cmp .hm-cmp-addinfo p {
margin-top: 0;
font-size: 1.2rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #007eae;
}
.hm-cmp .hm-cmp-addinfo p img {
margin-top: 0;
}
.hm-cmp-item-promo.hm-cmp-item-bg-site.hm-cmp-item > a,
.hm-cmp-item-promo.hm-cmp-item-bg-site.hm-cmp-item .hm-cmp-item-nolink {
background-color: #007eae;
}
.hm-cmp-item-promo.hm-cmp-item-bg-site .hm-cmp-sbt,
.hm-cmp .hm-cmp-item-promo.hm-cmp-item-bg-site .hm-cmp-title h2,
.hm-cmp .hm-cmp-item-promo.hm-cmp-item-bg-site .hm-cmp-title h3,
.hm-cmp-item-promo.hm-cmp-item-bg-site .hm-cmp-description p,
.hm-cmp-item-promo.hm-cmp-item-bg-site .hm-cmp-addinfo p {
color: #fff;
}
/**********************
HOME Lower Highlights (not campaigns)
***********************/
.hm-lw {
max-width: 29rem;
margin: 0 auto;
}
@media (min-width: 410px) {
.hm-lw {
max-width: 35rem;
}
}
@media (min-width: 768px) {
.hm-lw {
max-width: 60rem;
}
}
@media (min-width: 992px) {
.hm-lw {
max-width: none;
margin: 0;
}
}
.hm-lw .hm-lw-list {
margin:-5px -20px 2rem;
width:auto;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
}
@media (min-width: 992px) {
.hm-lw .hm-lw-list {
margin: -3px -3px 3rem;
}
}
.no-flexbox.no-flexboxtweener .hm-lw .hm-lw-list {
width: 100%;
}
.hm-lw .hm-lw-item {
padding: 5px;
background: none;
width: 100%;
}
@media (min-width: 768px) {
.hm-lw .hm-lw-item {
width: 50%;
}
}
@media (min-width: 992px) {
.hm-lw .hm-lw-item {
padding: 3px;
width: 33.333333%;
}
}
.hm-lw-item .product_media {
height: 100%;
width: 100%;
}
.hm-lw-item > a,
.hm-lw-item .product_media > a,
.hm-lw-item-nolink {
display: block;
background-color: #fff;
height: 100%;
min-height: 17.5rem;
text-decoration: none;
position: relative;
}
@media (min-width: 410px) {
.hm-lw-item > a,
.hm-lw-item .product_media > a{
min-height: 21rem;
}
}
@media (min-width: 768px) {
.hm-lw-item > a,
.hm-lw-item .product_media > a {
min-height: 17.5rem;
}
}
@media (min-width: 1200px) {
.hm-lw-item > a,
.hm-lw-item .product_media > a {
min-height: 21rem;
}
}
.hm-lw-item-bg-site.hm-lw-item > a,
.hm-lw-item-bg-site.hm-lw-item .product_media > a{
background-color: #007eae;
}
.hm-lw-item-wrap {
height: 100%;
position: absolute;
width: 100%;
}
.hm-lw-image {
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0;
}
.hm-lw-image-wrap {
width: 200%;
left: -50%;
position: relative;
height: 100%;
}
.hm-lw-image-wrap img {
margin: 0 auto;
display: block;
height: 100%;
width: auto;
}
.hm-lw-text {
display: table;
width: 100%;
margin: 0 auto;
height: 100%;
padding: 1rem;
position: relative;
z-index: 1;
}
@media (min-width: 410px) {
.hm-lw-text {
padding: 1rem 1.5rem;
}
}
@media (min-width: 768px) {
.hm-lw-text {
padding: 1rem;
}
}
@media (min-width: 1200px) {
.hm-lw-text {
padding: 1rem 1.5rem;
}
}
.hm-lw-item-video .hm-lw-text {
background: url('images/bg-play.png') no-repeat bottom right transparent;
}
.hm-lw-text-r {
display: table-row;
height: 100%;
}
.hm-lw-text-c {
display: table-cell;
vertical-align: top;
padding: 0;
}
.hm-lw .hm-lw-title h2,
.hm-lw .hm-lw-title h3 {
margin: 0;
font-size: 2rem;
line-height: 2.2rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
color: #1a1a1a;
}
@media (min-width: 410px) {
.hm-lw .hm-lw-title h2,
.hm-lw .hm-lw-title h3 {
font-size: 2.2rem;
line-height: 2.4rem;
}
}
@media (min-width: 768px) {
.hm-lw .hm-lw-title h2,
.hm-lw .hm-lw-title h3 {
font-size: 2rem;
line-height: 2.2rem;
}
}
@media (min-width: 1200px) {
.hm-lw .hm-lw-title h2,
.hm-lw .hm-lw-title h3 {
font-size: 2.2rem;
line-height: 2.4rem;
}
}
.hm-lw-sbt {
font-family: 'OpenSans-Regular', Helvetica, Arial, sans-serif;
font-size: 2rem;
line-height: 2.2rem;
margin-top: 0.5rem;
color: #555;
}
@media (min-width: 410px) {
.hm-lw-sbt {
font-size: 2.2rem;
line-height: 2.4rem;
margin-top: 1rem;
}
}
@media (min-width: 768px) {
.hm-lw-sbt {
font-size: 2rem;
line-height: 2.2rem;
margin-top: 0.5rem;
}
}
@media (min-width: 1200px) {
.hm-lw-sbt {
font-size: 2.2rem;
line-height: 2.4rem;
margin-top: 1rem;
}
}
.hm-lw .hm-lw-description p {
display: block;
font-size: 1.35rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #555;
margin: 0;
line-height: 1.55rem;
}
@media (min-width: 410px) {
.hm-lw .hm-lw-description p {
font-size: 1.5rem;
line-height: 1.7rem;
}
}
@media (min-width: 768px) {
.hm-lw .hm-lw-description p {
font-size: 1.35rem;
line-height: 1.55rem;
}
}
@media (min-width: 1200px) {
.hm-lw .hm-lw-description p {
font-size: 1.5rem;
line-height: 1.7rem;
}
}
.hm-lw .hm-lw-description p .texto_grande {
font-size: 2rem;
display: block;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #007eae;
line-height: 2.2rem;
margin: 0.3rem 0 0.5rem;
}
@media (min-width: 410px) {
.hm-lw .hm-lw-description p .texto_grande {
font-size: 2.2rem;
line-height: 2.4rem;
margin: 0.5rem 0 1rem;
}
}
@media (min-width: 768px) {
.hm-lw .hm-lw-description p .texto_grande {
font-size: 2rem;
line-height: 2.2rem;
margin: 0.3rem 0 0.5rem;
}
}
@media (min-width: 1200px) {
.hm-lw .hm-lw-description p .texto_grande {
font-size: 2.2rem;
line-height: 2.4rem;
margin: 0.5rem 0 1rem;
}
}
.hm-lw-text-bottom-r {
display: table-row;
}
.hm-lw-text-bottom-c {
display: table-cell;
vertical-align: bottom;
text-align: left;
}
.hm-lw .hm-lw-addinfo p {
margin-top: 0;
font-size: 1.2rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
color: #007eae;
}
.hm-lw .hm-lw-addinfo p img {
margin-top: 0;
display: block;
}
.hm-lw-play {
width: 4.8rem;
height: 4.8rem;
background: url('icons/icon-play.png') no-repeat center center transparent;
position: absolute;
z-index: 2;
bottom: 2rem;
right: 2rem;
}
.hm-lw .hm-lw-item-bg-site .hm-lw-title h2,
.hm-lw .hm-lw-item-bg-site .hm-lw-title h3,
.hm-lw .hm-lw-item-bg-site .hm-lw-description p,
.hm-lw .hm-lw-item-bg-site .hm-lw-sbt {
color: #fff;
}
/***********************
PANELS
************************/
/***********************
Header menu links
************************/
.b-link {
padding: 0 15px;
}
.b-link .b-link-list {
margin: -2px -2px 0;
width: auto;
clear: both;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
}
.no-flexbox.no-flexboxtweener .b-link-list {
width: 100%;
}
.b-link .b-link-item {
padding: 2px!important;
background: none;
width: 100%;
max-width: 33rem;
/* margin: 0 auto;*/
}
@media (min-width: 768px) {
.b-link .b-link-item {
width: 50%;
}
}
@media (min-width: 992px) {
.b-link .b-link-item {
width: 25%;
}
}
.b-link-item > a {
display: block;
background-color: #fff;
height: 100%;
text-decoration: none;
}
.b-link-wrapper {
height: 100%;
position: relative;
}
.b-link-image {
width: 100%;
overflow: hidden;
position: relative;
}
.b-link-image-wrap {
width: 200%;
left: -50%;
position: relative;
/*height: 100%;*/
}
.b-link-image-wrap img {
margin: 0 auto;
height: 100%;
width: auto;
min-width: 50%;
display: block;
}
.b-link-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem 1.5rem 1rem;
}
.b-link-item > a[target=_blank] .b-link-text {
padding-right: 4.5rem;
}
.b-link-item > a[target=_blank] .b-link-text:after {
content: '';
display: block;
position: absolute;
bottom: 1.4rem;
right: 1.4rem;
width: 1.7rem;
height: 1.5rem;
background: url('icons/nw.png') no-repeat center center transparent;
}
.b-link-text strong {
color: #fff;
font-size: 2.1rem;
line-height: 2.3rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.b-link-description {
color: #fff;
font-size: 1.4rem;
line-height: 1.6rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-style: italic;
}
/******************************
VIDEOS
*******************************/
.video-inline {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video-inline iframe,
.video-inline object {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0 auto;
}
.gallery-video .video-inline {
padding: 0 0 56.25% 0!important;
}
/******************************
Bottom Sticky
********************************/
.mg-bt #footer {
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.mg-bt #footer {
margin-bottom: 8rem;
}
}
.bottom_sticky {
position: fixed;
bottom: -9rem;
display: table;
width: 100%;
transition: bottom 0.4s ease-out 1.6s;
-webkit-box-shadow: 0 0 10px -3px #404040;
-moz-box-shadow: 0 0 10px -3px #404040;
box-shadow: 0 0 10px -3px #404040;
z-index: 99;
}
.page-ready .bottom_sticky {
bottom: 0;
z-index: 9999;
}
@media (min-width: 768px) {
.bottom_sticky {
display: inline-block;
width: auto;
right: 3rem;
margin-bottom: 3rem;
text-align: right;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
.bottom_sticky > .buttons_group,
.bottom_sticky .cmn-sticky {
display: table-cell;
width: 50%;
vertical-align: bottom;
}
.bottom_sticky .buttons_group {
z-index: 11;
position: relative;
}
@media (min-width: 768px) {
.bottom_sticky > .buttons_group,
.bottom_sticky .cmn-sticky {
display: inline-block;
width: auto;
}
.bottom_sticky .cmn-sticky {
margin-left: 2rem;
position: relative;
}
.bottom_sticky .buttons_group {
z-index: auto;
position: static;
}
}
.bottom_sticky .buttons_group,
.bottom_sticky .button_wrap {
margin: 0;
}
.bottom_sticky .button_wrap .btn {
border-radius: 0;
border: 0;
}
.bottom_sticky .button_wrap .btn a {
max-width: none;
border-radius: 0;
padding: 0;
height: 4.8rem;
vertical-align: middle;
}
.bottom_sticky .button_wrap a > .icon_lock:before,
.bottom_sticky .button_wrap .icon_lock > a:before,
.bottom_sticky .button_wrap a > .button_wrap:before,
.bottom_sticky .button_wrap .button_wrap > a:before,
.bottom_sticky .button_wrap a > .icon_people:before,
.bottom_sticky .button_wrap .icon_people > a:before,
.bottom_sticky .button_wrap a > .icon_chat:before,
.bottom_sticky .button_wrap .icon_chat > a:before,
.bottom_sticky .button_wrap a > .icon_phone:before,
.bottom_sticky .button_wrap .icon_phone > a:before,
.bottom_sticky .button_wrap a > .icon_download:before,
.bottom_sticky .button_wrap .icon_download > a:before,
.bottom_sticky .article-content .boton.naranja > a:before,
.bottom_sticky .article-content a > .boton.naranja:before {
display: inline-block;
position: static;
height: 4.6rem;
vertical-align: middle;
width: 2.4rem;
margin-right: 0.5rem;
line-height: 4.5rem;
}
@media screen and (min-width:0\0){
.bottom_sticky .button_wrap a > .icon_lock:before,
.bottom_sticky .button_wrap .icon_lock > a:before,
.bottom_sticky .button_wrap a > .button_wrap:before,
.bottom_sticky .button_wrap .button_wrap > a:before,
.bottom_sticky .button_wrap a > .icon_people:before,
.bottom_sticky .button_wrap .icon_people > a:before,
.bottom_sticky .button_wrap a > .icon_chat:before,
.bottom_sticky .button_wrap .icon_chat > a:before,
.bottom_sticky .button_wrap a > .icon_phone:before,
.bottom_sticky .button_wrap .icon_phone > a:before,
.bottom_sticky .button_wrap a > .icon_download:before,
.bottom_sticky .button_wrap .icon_download > a:before,
.bottom_sticky .article-content .boton.naranja > a:before,
.bottom_sticky .article-content a > .boton.naranja:before {
padding-top: 2rem;
}
}
.bottom_sticky .cmn-sticky .cmn-cta {
display: none;
}
@media (min-width: 768px) {
.bottom_sticky .cmn-sticky .cmn-cta {
display: inline-block;
position: relative;
z-index: 11;
}
.bottom_sticky .cmn-sticky .buttons_group {
display: none;
}
}
@media (min-width: 768px) {
.bottom_sticky .buttons_group .button_wrap span a {
border-radius: 3rem;
padding: 1.6rem 3rem 0 5rem;
}
.bottom_sticky .buttons_group .button_wrap span,
.bottom_sticky .buttons_group .button_wrap span a:hover,
.bottom_sticky .buttons_group .button_wrap span a:focus,
.bottom_sticky .buttons_group .button_wrap span a:active {
border-radius: 3rem;
}
.bottom_sticky .button_wrap .btn a {
height: 5rem;
}
.bottom_sticky .button_wrap a > .icon_lock:before,
.bottom_sticky .button_wrap .icon_lock > a:before,
.bottom_sticky .button_wrap a > .button_wrap:before,
.bottom_sticky .button_wrap .button_wrap > a:before {
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
line-height: 3.5rem;
top: 0;
}
.bottom_sticky .button_wrap a > .icon_people:before,
.bottom_sticky .button_wrap .icon_people > a:before,
.bottom_sticky .button_wrap a > .icon_chat:before,
.bottom_sticky .button_wrap .icon_chat > a:before,
.bottom_sticky .button_wrap a > .icon_phone:before,
.bottom_sticky .button_wrap .icon_phone > a:before,
.bottom_sticky .button_wrap a > .icon_download:before,
.bottom_sticky .button_wrap .icon_download > a:before,
.bottom_sticky .button_wrap a > .icon_lock:before,
.bottom_sticky .button_wrap .icon_lock > a:before,
.bottom_sticky .button_wrap a > .button_wrap:before,
.bottom_sticky .button_wrap .button_wrap > a:before {
position: absolute;
margin: 0;
left: 1.2rem;
display: inline;
height: 100%;
line-height: 4.5rem;
}
.bottom_sticky .cmn-cta a {
text-decoration: none;
display: block;
}
.bottom_sticky .cmn-icon {
display: none; /*#85587 - CMN Flotante :: Cambios UX*/
/*display: inline-block;*/
height: 5rem;
width: 5rem;
border-radius: 3rem;
background: url('icons/icon_phone_white.png') #007eae center center no-repeat;
vertical-align: bottom;
border: 1px solid white;
}
.bottom_sticky .cmn-text {
display: inline-block;
position: relative;
border-radius: 3rem;
height: 5rem;
vertical-align: bottom;
border: 1px solid white;
/*background: #007eae;
padding: 1.6rem 3rem;*/
background: url('icons/icon_phone_white.png') #007eae 1.8rem center no-repeat; /*#85587 - CMN Flotante :: Cambios UX*/
padding: 1.6rem 3rem 1.6rem 5rem; /*#85587 - CMN Flotante :: Cambios UX*/
}
.bottom_sticky .cmn-text p {
color: #fff;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
text-align: center;
font-size: 1.3rem;
line-height: 1.5rem;
}
}
@media (max-width: 768px) {
.bottom_sticky .button_wrap .btn > a{
padding: 0;
line-height: 4.3rem;
}
}
.cmn-sticky .cmn-layer {
position: fixed;
width: 100%;
right: 0;
transition: all 0.4s ease-out;
/*height: 100%;
bottom: -100%;*/
height: 0; /* Ticket #65714 */
bottom: 50px; /* Ticket #65714 */
/*padding-bottom: 4.8rem;*/
z-index: 0;
}
.cmn-sticky .cmn-layer.open {
bottom: 0;
height: 100%; /* Ticket #65714 */
z-index: 10;
}
.cmn-sticky .cmn-layer iframe {
width: 100%;
height: 100%;
margin-bottom: 0;
border: none;
}
@media (min-width: 768px) {
.cmn-sticky .cmn-layer {
width: 23.5rem;
right: 3rem;
/*padding-bottom: 9rem;*/
}
.cmn-sticky .cmn-layer.open {
bottom: 90px;
}
}
/* Widget Hazte Cliente */
.boton-hazte-client {
background: url(../css/icons/more-info-button.png) #f4c43c;
background-repeat: no-repeat;
background-size: 4rem;
background-position: 1.5rem;
height: 7.5rem;
width: 7.5rem;
border-radius: 50%;
right: 0;
position:relative;
bottom: -14rem;
transition: all 0.2s;
box-shadow: 0.1rem 0.1rem 0.6rem #7b7b7b;
cursor:pointer;
}
.boton-hazte-client p {
height: 100%;
}
.boton-hazte-client p a {
color: transparent;
width: 100%;
height: 100%;
display: block;
}
.boton-hazte-client.active{
bottom: 0;
transition: all 0.6s;
z-index: 999;
}
.container-hazte-cliente{
width: 100%;
z-index: 100;
background: #f4c43c;
height: 10rem;
position: fixed;
bottom: -13rem;
transition: bottom 0.6s;
left:0;
}
.container-hazte-cliente .promo-img{
position:absolute;
bottom: -0.5rem;
left: 5rem;
}
.container-hazte-cliente.active{
bottom: 0;
transition: all 0.6s;
}
.bloque-hazte-cliente{
margin: 2.2rem 0 0 27rem;
width:49%;
display: inline-block;
}
.bloque-hazte-cliente h2{
font-size: 2.2rem;
color: #000;
margin: 0 0 1.5rem;
}
.bloque-hazte-cliente p{
font-size: 1.7rem;
color: #000;
}
.cerrar-hazte-cliente{
background: #fff;
color: #636161;
height: 2.5rem;
width: 2.5rem;
position: absolute;
right: 1rem;
top: 1rem!important;
text-align: center;
border-radius: 50%;
font-size: 2.3rem;
line-height: 2.7rem;
cursor:pointer;
}
.col-enlace-hazte-cliente{
margin: 3rem 10% 0 0;
text-align: center;
position: absolute;
right: 0;
top: 0;
}
.container-hazte-cliente span.boton.boton_mediano{
background: url(../css/icons/icon_lock_cta.png) #fff;
background-repeat: no-repeat;
background-size: 1.5rem;
background-position: 2rem 1rem;
padding: 1.3rem 3rem 1.3rem 6rem;
font-weight: bold;
color: #000;
text-decoration: none;
margin: 1rem 0 2rem 0;
font-size: 1.7rem;
border-radius: 0;
display: inline;
}
.nri-hazte-cliente{
font-size:1rem;
margin-top:2rem;
font-weight: bold;
}
.hazte-cliente-inner{
height:100%;
}
@media (max-width: 991px){
.container-hazte-cliente span.boton.boton_mediano{
display:none;
}
.container-hazte-cliente{
height:12rem;
}
.container-hazte-cliente .promo-img{
left:1rem;
}
.container-hazte-cliente .promo-img img{
width:80%;
height: auto;
}
.bloque-hazte-cliente {
margin: 1.2rem 0 0 18.4rem;
display: inline-block;
width: 50%;
}
.bloque-hazte-cliente h2{
font-size: 1.4rem;
margin: 0;
line-height: 1.5rem;
font-weight: 700;
}
.bloque-hazte-cliente p{
font-size: 100%;
line-height: 1.5rem;
}
.col-enlace-hazte-cliente {
margin: 0;
text-align: left;
position: relative;
}
.container-hazte-cliente.round .promo-img img {
width: 100%;
}
.container-hazte-cliente.round .col-enlace-hazte-cliente .enlace-hazte-cliente {
display: inline;
}
}
/*ROUND STYLES*/
.container-hazte-cliente.round {
width: 28rem;
z-index: 100;
background: #f4c43c;
height: 28rem;
position: fixed;
bottom: -30rem;
right: -30rem;
transition: all 0.6s;
border-top-left-radius: 121%;
left: auto;
}
.container-hazte-cliente.round.active {
bottom: 0;
right: 0;
transition: all 0.6s;
}
.container-hazte-cliente.round .promo-img {
right: 0;
bottom: inherit;
left: inherit;
}
.container-hazte-cliente.round .cerrar-hazte-cliente{
top: initial;
bottom: 1rem;
z-index: 1;
}
.container-hazte-cliente.round .bloque-hazte-cliente {
margin: 0;
width: 88%;
display: inline-block;
position: absolute;
bottom: 0;
height: 41%;
right: 0;
text-align: left;
}
.container-hazte-cliente.round span.boton.boton_mediano{
background:none;
position:relative;
padding: 0;
margin:0;
}
.container-hazte-cliente.round .col-enlace-hazte-cliente{
position:relative;
margin:0;
text-align:left;
}
.container-hazte-cliente.round .nri-hazte-cliente{
margin-top:0;
padding: 1rem 0 0 1rem;
}
.container-hazte-cliente.round .bloque-hazte-cliente p {
font-size: 1.7rem;
color: #000;
line-height: 1.9rem;
padding: 0 0 0.2rem 1rem;
}
.boton-hazte-client.round {
right:-10rem;
}
.boton-hazte-client.round.active {
right:0;
}
/*HC ROUND MOVIL*/
@media (max-width: 768px){
.boton-hazte-client{
float: right;
margin: 0 2rem 2rem 0;
}
#bottom_sticky{
box-shadow: none;
}
}
/* Widget HC Ampliacion Permisos Editores*/
.container-hazte-cliente.bg-site {background: #007EAE;position: fixed;}
.boton-hazte-client.bg-site {background: url(../css/icons/more-info-button.png) #007EAE; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-light-Blue {background: #E1F2FB;position: fixed;}
.boton-hazte-client.bg-light-Blue {background: url(../css/icons/more-info-button.png) #E1F2FB; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-dark-Blue {background: #007EAE;position: fixed;}
.boton-hazte-client.bg-dark-Blue {background: url(../css/icons/more-info-button.png) #007EAE; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-navy-Blue {background: #1D2546;position: fixed;}
.boton-hazte-client.bg-navy-Blue {background: url(../css/icons/more-info-button.png) #1D2546; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-green {background: #19818B;position: fixed;}
.boton-hazte-client.bg-green {background: url(../css/icons/more-info-button.png) #19818B; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-light-grey {background: #F0F0F0;position: fixed;}
.boton-hazte-client.bg-light-grey {background: url(../css/icons/more-info-button.png) #F0F0F0; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-grey {background: #D6DBDF;position: fixed;}
.boton-hazte-client.bg-grey {background: url(../css/icons/more-info-button.png) #D6DBDF; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-garnet {background: #6A150E;position: fixed;}
.boton-hazte-client.bg-garnet {background: url(../css/icons/more-info-button.png) #6A150E; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-orange {background: #C4471A;position: fixed;}
.boton-hazte-client.bg-orange {background: url(../css/icons/more-info-button.png) #C4471A; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-dark-orange {background: #C4471A;position: fixed;}
.boton-hazte-client.bg-dark-orange {background: url(../css/icons/more-info-button.png) #C4471A; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-light-Yellow {background: #FFF8C5;position: fixed;}
.boton-hazte-client.bg-light-Yellow {background: url(../css/icons/more-info-button.png) #FFF8C5; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-Yellow {background: #F4C43C;position: fixed;}
.boton-hazte-client.bg-Yellow {background: url(../css/icons/more-info-button.png) #F4C43C; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-light-pink {background: #FDEAEE;position: fixed;}
.boton-hazte-client.bg-light-pink {background: url(../css/icons/more-info-button.png) #FDEAEE; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-rose {background: #BC1350;position: fixed;}
.boton-hazte-client.bg-rose {background: url(../css/icons/more-info-button.png) #BC1350; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-dark-rose {background: #5D1B3A;position: fixed;}
.boton-hazte-client.bg-dark-rose {background: url(../css/icons/more-info-button.png) #5D1B3A; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
.container-hazte-cliente.bg-red {background: #DE3532;position: fixed;}
.boton-hazte-client.bg-red {background: url(../css/icons/more-info-button.png) #DE3532; background-repeat: no-repeat; background-size: 4rem; background-position: 1.5rem;}
/***************************
RESULTADOS BUSQUEDA
***************************/
/*@media (min-width: 992px) {
.no-search.header-bottom .column {
width: 33.33333%;
}
}*/
.search-mobile-open-trigger {
display: none;
}
@media (max-width: 767px) {
.no-search.header-bottom {
margin-bottom: 0;
}
.no-search.header-bottom .container {
position: relative;
margin-bottom: 0;
}
.no-search.header-bottom .column:last-child {
position: absolute;
width: 5rem;
right: 0;
top: 0;
height: 100%;
padding: 0;
}
.no-search .column #hc-header-mobile-link,
.no-search .column #la-header-mobile-button{
display: none;
}
.search-mobile-open-trigger {
display: block;
width: 5rem;
height: 100%;
}
.search-mobile-open-trigger a {
display: block;
width: 100%;
height: 100%;
background: url('icons/icon-filter-mobile.png') no-repeat center center transparent;
}
}
.columns1-2 {
border-top: 1px solid #eee;
}
@media (min-width: 992px) {
.main-left:before {
content: '';
display: block;
position: absolute;
right: -15px;
top: 0;
height: 100%;
border-right: 1px solid #eee;
}
.main-right:before {
content: '';
display: block;
position: absolute;
left: 14px;
top: 0;
height: 100%;
border-left: 1px solid #eee;
}
}
.main .search-group {
width: auto;
margin: 0 -30px;
position: relative;
}
@media (min-width: 768px) {
.main .search-group {
width: 100%;
margin: 3.5rem 0;
}
}
.main .search-group .search {
cursor: pointer;
position: relative;
background-color: #f8f8f8;
display: block;
}
.main .search form {
width: 100%;
position: relative;
padding-right: 10rem;
padding-left: 5.5rem;
height: 4.8rem;
background: url(../css/icons/search.png) no-repeat 1.8rem center transparent;
border-bottom: 1px solid #555;
}
.main .search .search-field {
width: 100%;
position: relative;
height: 100%;
background-color: transparent;
border: none;
padding: 0 1rem;
}
.main .search input[type="submit"]{
position: absolute;
top: 0;
right: 0;
width: 10rem;
height: 100%;
border: none;
}
.main .search-group p,
.main .search-group ul,
.main .search-group img {
margin-top: 0;
}
.main .search-group p {
display: block;
}
.main .search-group .button_wrap {
margin: 0;
}
.main .search-result {
width: 100%;
margin-top: 0;
z-index: 50;
}
.d-content {
margin: 0 -15px;
}
@media (min-width: 768px) {
.d-content {
margin: 0;
}
}
.main-right .d-content {
margin: 0 -30px;
}
@media (min-width: 768px) {
.main-right .d-content {
margin: 0;
}
}
.s-results {
margin-top: 1rem;
}
@media (min-width: 768px) {
.s-results {
margin-top: 4.5rem;
}
}
.s-results h2 {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 1.8rem;
line-height: 2rem;
color: #004f70;
margin-top: 0;
}
.s-results ul {
margin: 1rem -15px 0;
}
.s-results .s-result {
display: block;
background: none;
padding: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.s-results .s-result {
margin-bottom: 0.5rem;
}
}
.s-result > a {
display: block;
text-decoration: none;
width: auto;
margin: 0;
padding: 15px;
}
@media (min-width: 768px) {
.s-result > a:hover,
.s-result > a:focus {
background-color: #e6f2f7;
}
.s-result > a:focus .s-result-title, .s-result > a:hover .s-result-title,
.s-result > a:focus .s-result-title strong, .s-result > a:hover .s-result-title strong,
.s-result > a:focus .s-result-url, .s-result > a:hover .s-result-url,
.s-result > a:focus .s-result-url span, .s-result > a:hover .s-result-url span{
color: #004f70;
}
}
.s-result-title,
.s-result-title strong,
.s-result-url,
.s-result-url span {
font-size: 1.4rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
line-height: 1.8rem;
font-weight: normal;
color: #007eae;
}
.s-result-url span {
word-break: break-word;
}
@media (min-width: 768px) {
.s-result-title,
.s-result-title strong,
.s-result-url,
.s-result-url span {
font-size: 1.6rem;
line-height: 1.8rem;
}
}
.s-result .s-result-description p {
font-size: 1.4rem;
line-height: 1.8rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
color: #555;
margin: 0;
}
@media (min-width: 768px) {
.s-result .s-result-description p {
font-size: 1.6rem;
line-height: 2rem;
margin: 0.5rem 0 0;
}
}
.s-result-url {
display: none;
text-decoration:underline;
}
@media (min-width: 768px) {
.s-result-url {
margin-top: 1rem;
display: block;
}
}
.s-results .s-recommend-product.s-result {
margin-bottom: 0.75rem;
background: #e6f2f7;
}
.s-recommend-product > a {
display: table;
width: 100%;
}
.s-r-product-r {
display: table-row;
}
.s-r-product-c {
display: table-cell;
vertical-align: top;
}
.s-r-left {
padding-right: 1rem;
width: 33%;
}
@media (min-width: 768px) {
.s-r-left {
padding-right: 0;
width: auto;
}
}
.s-r-left img {
margin: 0;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.s-r-left img {
margin: 0 2rem 0 0;
display: block;
width: auto;
}
}
.s-r-right {
width: 100%;
position: relative;
}
.s-recommend-product .s-result-text {
margin-bottom: 0;
}
@media (min-width: 768px) {
.s-recommend-product .s-result-text {
margin-bottom: 2.8rem;
}
}
.s-recommend-product .s-result-url {
position: absolute;
left: 0;
bottom: 0;
white-space: nowrap;
max-width: 100%;
margin: 0 0 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
}
.s-results .c-highlights-list {
margin: 0;
}
.s-results .c-highlights-list .s-result {
margin-bottom: 1rem;
width: 50%;
max-width: 26rem;
}
@media (min-width: 768px) {
.s-results .c-highlights-list .s-result {
margin-bottom: 1rem;
width: 33.333333%;
max-width: none;
}
}
.s-results .c-highlights-list ul {
width: auto;
margin: 0 -5px;
}
.s-results .c-highlights-list .s-result > a {
margin: 0;
padding: 5px;
height: 100%;
}
.s-results .c-highlights-list .s-result p {
margin: 0;
}
.s-results .c-highlights-list .s-result .c-highlight-title p {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.8rem;
color: #007eae;
}
@media (min-width: 768px) {
.s-results .c-highlights-list .s-result .c-highlight-title p {
font-size: 1.6rem;
line-height: 2rem;
}
}
.s-results .c-highlights-list .s-result .c-highlight-content {
margin-bottom: 1rem;
}
.s-results .c-highlights-list .s-result .c-highlight-text {
margin: 0;
}
.s-results .c-highlights-list .s-result .c-highlight-text p {
font-size: 1.4rem;
line-height: 1.8rem;
color: #555;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
.s-results .c-highlights-list .s-result .c-highlight-text p {
font-size: 1.6rem;
line-height: 2rem;
}
}
.s-results .c-highlights-list .s-result .c-highlight-image {
padding: 0;
margin-bottom: 1rem;
}
.s-results .c-highlights-list .s-result .c-highlight-video {
position: relative;
}
.s-results .c-highlights-list .s-result .c-highlight-video:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('icons/icon-play.png') no-repeat center center transparent;
}
/* Pagination */
.pager {
padding-left: 0;
margin: 2rem 0;
text-align: center;
list-style: none;
}
@media (min-width: 768px) {
.pager {
margin: 7rem 0;
}
}
.pager-arrow {
display: inline-block;
width: 3.2rem;
height: 3.4rem;
vertical-align: middle;
}
.pager-arrow-left a {
background: url('icons/arrow-left-blue.png') no-repeat center center transparent;
}
.pager-arrow-right a {
background: url('icons/arrow-right-blue.png') no-repeat center center transparent;
}
.pager-arrow a {
display: block;
width: 100%;
height: 100%;
}
.pager-arrow a:hover {
transform: scale(1);
}
.pager-more {
display: inline-block;
vertical-align: middle;
}
.pager-more span {
color: #ccc;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
margin-top: -0.8rem;
display: block;
}
.pager .pager-list {
display: inline-block;
margin: 0;
vertical-align: middle;
}
.pager .pager-list li {
display: inline-block;
background: none;
padding: 0;
}
.pager .pager-list li > a,
.pager .pager-list li > span {
display: inline-block;
padding: 1rem 1.2rem;
background-color: transparent;
border: none;
border-radius: 0;
text-decoration: none;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.4rem;
color: #ccc;
}
.pager .pager-list li > a {
color: #ccc;
border-bottom: 3px solid #fff;
}
.pager .pager-list li > a:hover,
.pager .pager-list li > a:focus {
color: #007eae;
}
.pager .pager-list li.active > span {
color: #007eae;
border-bottom: 3px solid #007eae;
}
.s-header {
background-color: #e6f2f7;
padding: 0;
margin-bottom: 0;
}
.s-header h2 {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
color: #004f70;
font-size: 1.8rem;
line-height: 2rem;
margin: 0;
padding: 3.5rem 1.5rem 1.5rem;
}
@media (min-width: 992px) {
.s-header h2 {
padding: 3.5rem 2.5rem 1.5rem;
}
}
.s-block .s-content li {
background: none;
margin: 0;
padding: 0;
}
@media (min-width: 992px) {
.s-block .s-content li {
padding: 0 0 0 2.5rem;
}
}
.s-block p,
.s-block ul,
.s-block img {
margin: 0;
}
.s-block .s-content li a{
padding: 1.5rem;
display: block;
text-decoration: none;
border-bottom: 1px solid #eee;
}
@media (min-width: 992px) {
.s-block .s-content li a{
padding: 1rem 2.5rem 1rem 0;
}
}
.s-block .s-content li a:after {
content: '';
display: block;
clear: both;
}
.s-block .s-more {
text-align: right;
}
.s-block .s-more a {
text-decoration: none;
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
display: block;
padding: 1rem 1.5rem 2rem;
}
@media (min-width: 992px) {
.s-block .s-more a {
padding: 1rem 0 2rem;
}
}
.s-block .s-item-title {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
color: #007eae;
line-height: 1.8rem;
}
.s-block .s-item-text {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
color: #555;
line-height: 1.8rem;
display: block;
margin: 0.4rem 0 0;
}
.s-offices-banner .s-content {
padding: 1rem 2.5rem 2.5rem;
background: url('images/bg-search-office.png') no-repeat center center transparent;
background-size: cover;
position: relative;
}
.s-offices-banner p {
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
font-size: 2rem;
color: #007eae;
max-width: 70%;
margin-bottom: 1.5rem;
}
.s-offices-banner .icon-flag {
background: url('icons/icon-office-flag.png') no-repeat center center transparent;
position: absolute;
right:2rem;
top:2rem;
width: 44px;
height: 56px;
}
.s-offices-results .s-item-title {
display: block;
}
.s-map img {
width: 100%;
height: auto;
margin: 0;
}
.s-block.s-faqs .s-item-text {
color: #1a1a1a;
font-size: 1.6rem;
line-height: 2rem;
}
.s-block.s-faqs .s-content {
padding-left: 0;
}
@media (min-width: 992px) {
.s-block.s-faqs .s-content {
padding-left: 2.5rem;
}
}
.s-block.s-faqs .s-content li {
border-bottom: 1px solid #eee;
padding-left: 0;
}
.s-block.s-faqs .s-content li a{
border-bottom: none;
}
.s-block.s-faqs .s-content .s-item-answer-box {
display: none;
padding: 0 1.5rem;
}
@media (min-width: 992px) {
.s-block.s-faqs .s-content .s-item-answer-box {
padding: 0;
}
}
.s-block.s-faqs .s-content .s-item-answer {
color: #555;
font-size: 1.4rem;
line-height: 1.8rem;
}
.s-block.s-faqs .s-item-more-link {
text-align: right;
display: block;
}
.s-block.s-faqs .s-item-more-link a {
text-decoration: none;
color: #007eae;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
display: block;
padding: 1rem 0;
}
.search-tabs-container {
width: auto;
position: relative;
border-bottom: 1px solid #eee;
margin: 0 -15px;
padding: 0 15px;
}
@media (min-width: 768px) {
.search-tabs-container {
width: 100%;
margin: 0;
padding: 0 21rem 0 0;
}
}
.search-tabs-container .tabs-items-scroll {
height: 6.5rem;
}
.search-tabs-container .tabs-group .tabs-item {
height: 6.5rem!important;
padding-right: 1rem;
}
@media (min-width: 768px) {
.search-tabs-container .tabs-group .tabs-item {
padding-right: 0.8rem;
}
}
@media (min-width: 992px) {
.search-tabs-container .tabs-group .tabs-item {
padding-right: 1.5rem;
}
}
.search-tabs-container .tabs-item > a {
height: 6.5rem;
}
.search-tabs-container .tabs-item .tabs-item-title {
padding: 2rem 0;
}
.search-tabs-container .tabs-item .tabs-item-title > p,
.search-tabs-container .tabs-item .tabs-item-title > p span {
color: #767676;
font-size: 1.6rem;
line-height: 1.8rem;
}
@media (min-width: 768px) {
.search-tabs-container .tabs-item .tabs-item-title > p {
font-size: 1.8rem;
line-height: 2rem;
}
}
.search-tabs-container .tabs-item .tabs-item-title > p span.quantity {
display: none;
}
@media (min-width: 768px) {
.search-tabs-container .tabs-item .tabs-item-title > p span.quantity {
display: inline;
}
}
.search-tabs-container .tabs-item .tabs-item-title-active > p,
.search-tabs-container .tabs-item .tabs-item-title-active > p span {
color: #007eae;
}
.search-result-block {
display: none;
}
.search-trigger {
display: none;
}
.search-filters {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 999;
overflow-y: auto;
display: none;
}
.search-filter-button {
position: relative;
}
@media (min-width: 768px) {
.search-filters {
display: block!important;
position: absolute;
right: 0;
left: auto;
width: 21rem;
border-left: 1px solid #eee;
z-index: 1;
overflow-y: visible;
}
.search-filter-button {
height: 100%;
position: static;
}
}
.search-filters .search-filter-button > a {
text-decoration: none;
display: block;
padding: 0;
margin-right: 0;
}
@media (min-width: 768px) {
.search-filters .search-filter-button > a {
text-align: right;
height: 100%;
padding: 2rem 15px 2rem 0;
margin-right: -15px;
}
.search-filters .search-filter-button > a:before {
content: '';
background: url('icons/icon-filter.png') no-repeat center center transparent;
width: 1.8rem;
height: 1.8rem;
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
}
.search-filters .search-filter-button > a.active {
background-color: #e6f2f7;
}
.search-filters .search-filter-button span {
color: #555;
font-size: 1.4rem;
line-height: 2.2rem;
display: block;
padding: 1.5rem 0 1.5rem 1rem;
text-transform: uppercase;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
.search-filters .search-filter-button span {
font-size: 1.8rem;
line-height: 2rem;
display: inline-block;
vertical-align: middle;
padding: 0;
text-transform: none;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}
}
.search-filters-list {
position: absolute;
top: 100%;
background-color: #fff;
z-index: 10;
border: 1px solid #eee;
left: -1px;
right: -15px;
display: none;
}
@media (max-width: 767px) {
.search-filters-list {
display: block!important;
position: relative;
top: 0;
left: 0;
right: 0;
border: none;
}
}
.search-filters-list ul {
margin: 0;
}
.search-filters-list .search-filter {
background: none;
padding: 0;
border-top: 1px solid #eee;
}
@media (min-width: 768px) {
.search-filters-list .search-filter:first-child {
border-top: none;
}
}
.search-filters-list .search-filter a {
text-decoration: none;
color: #555;
padding: 1.2rem 1rem;
font-size: 1.6rem;
line-height: 1.8rem;
display: block;
}
.search-filters-list .search-filter.filter-active a {
color: #007eae;
padding-right: 3.2rem;
position: relative;
background-color: #e6f2f7;
}
@media (min-width: 768px) {
.search-filters-list .search-filter.filter-active a {
background-color: transparent;
}
}
.search-filters-list .search-filter.filter-active a:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 3.2rem;
background: url('icons/tick-blue.png') no-repeat center center transparent;
}
.search-filters-list .search-filter a:hover,
.search-filters-list .search-filter a:focus {
background-color: #e6f2f7;
}
.search-mobile-close {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 5.2rem;
}
@media (min-width: 768px) {
.search-mobile-close {
display: none;
}
}
.search-mobile-close a {
width: 100%;
height: 100%;
display: block;
background: url('icons/cross_black.png') no-repeat center center transparent;
}
/* Imagenes escala de grises */
/*! Gray v1.5.0 (https://github.com/karlhorky/gray) | MIT */
.carousel-thumb img {
/* filter: url("data:image/svg+xml;utf8,#grayscale"); */
-webkit-filter: grayscale(1);
filter: grayscale(1);
filter: gray;
transition: filter .5s;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.carousel-thumb img {
-webkit-transition: -webkit-filter .5s;
transition: -webkit-filter .5s;
}
}
.carousel-item.active .carousel-thumb img,
.carousel-item a:hover .carousel-thumb img,
.carousel-item a:focus .carousel-thumb img{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.carousel-thumb img.grayscale-replaced {
-webkit-filter: none;
filter: none;
}
.carousel-thumb img.grayscale-replaced > svg {
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
opacity: 1;
}
.carousel-item.active .carousel-thumb img.grayscale-replaced > svg,
.carousel-item a:hover .carousel-thumb img.grayscale-replaced > svg {
opacity: 0;
}
.carousel-item.active .carousel-thumb img,
.carousel-item a:hover .carousel-thumb img{
filter: none;
}
/*************
Sticky nav
*************/
.page-wrapper.sticky-nav #header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
}
.page-wrapper.sticky-nav.sticky-disable #header {
position: relative;
top: auto;
left: auto;
}
.lolopo-links,
.lolopo-title {
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.sticky-nav .lolopo-links,
.sticky-nav .lolopo-title {
visibility: hidden;
opacity: 0;
}
.sticky-nav.sticky-disable .lolopo-links,
.sticky-nav.sticky-disable .lolopo-title {
visibility: visible;
opacity: 1;
}
.sticky-nav .panels {
position: fixed;
top: 0;
height: 100%;
padding-top: 5.9rem;
z-index: 0;
}
@media (max-width: 991px) {
.sticky-nav .panels {
height: 100%!important;
}
}
.sticky-nav.sticky-disable .panels {
position: absolute;
width: 100%;
height: auto;
top: auto;
padding-top: 0;
}
@media (min-width: 992px) {
.sticky-nav .panels {
top: 8rem;
padding-top: 0;
height: auto;
z-index: 900;
}
.sticky-nav.sticky-disable .panels {
top: auto;
padding-top: 0;
height: auto;
}
}
.sticky-nav .header {
box-shadow: 0 0 2rem 0 #666;
}
.sticky-nav.sticky-disable .header {
box-shadow: none;
}
.sticky-nav .header-bottom .container {
margin-bottom: 0;
}
.sticky-nav.sticky-disable .header-bottom .container {
margin-bottom: inherit;
}
.sticky-nav .header-topbar,
.sticky-nav > .articulo_ligero {
display: none;
}
.sticky-nav.sticky-disable .header-topbar,
.sticky-nav.sticky-disable > .articulo_ligero,
.sticky-nav .search-open .header-topbar {
display: inherit;
}
.sticky-nav.sticky-disable #page {
margin-top: 0!important;
}
/*********************************
Operativa no disponible
*********************************/
.operativa-close a {
background: transparent url("icons/icon_close.png") no-repeat scroll center center;
text-decoration: none;
text-indent: -9999px;
color: transparent;
position: absolute;
right: 1rem;
top: 1rem;
z-index: 2;
width: 14px;
height: 13px;
}
.operativa-mid-center {
display: table;
width: 100%;
position: absolute;
top: 0;
height: 100%;
}
.operativa-mid-r {
display: table-row;
}
.operativa-mid-c {
display: table-cell;
vertical-align: middle;
}
.operativa-mid-text {
text-align: center;
padding: 0 1rem;
margin: 2rem 0;
}
.operativa-mid-text:before {
content: '';
display: block;
background: url('../css/icons/ic_alert.png') no-repeat center center transparent;
width: 6rem;
height: 6rem;
margin: 1.5rem auto;
}
.operativa-mid-text p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4rem;
line-height: 1.6rem;
color: #555;
font-weight: normal;
margin-bottom: 1.5rem;
}
.operativa-mid-text p strong {
font-family: Arial, Helvetica, sans-serif;
font-size: 2.4rem;
line-height: 2.6rem;
color: #555;
font-weight: normal;
}
.operativa .button_wrap a .btn.btn-blue{
max-width: none;
width: auto;
}
/*********************************
Tarjetas Buscador
**********************************/
@media (max-width: 991px) {
.bg-dark-blue {
margin-top: 2rem;
}
}
.card-search {
margin: 0 -15px;
}
@media (min-width: 992px) {
.card-search {
margin: 0;
}
}
.card-search-banner-r {
position: relative;
}
@media (min-width: 992px) {
.card-search-banner {
display: table;
width: 100%;
}
.card-search-banner-r {
display: table-row;
}
}
.card-search-image {
position: relative;
top: 0;
left: 0;
width: 12.5rem;
}
@media (min-width: 480px) {
.card-search-image {
width: 14.5rem;
}
}
@media (min-width: 992px) {
.card-search-image {
display: table-cell;
vertical-align: middle;
width: 18rem;
}
}
.card-search-image img {
margin-top: -1rem;
max-width: 100%;
height: auto;
}
@media (min-width: 992px) {
.card-search-image img {
margin: -1rem 0;
}
}
.card-search-text {
position: absolute;
bottom: 5rem;
right: 0;
padding-left: 13.5rem;
width: 100%;
}
@media (min-width: 480px) {
.card-search-text {
padding-left: 15.5rem;
}
}
@media (min-width: 992px) {
.card-search-text {
display: table-cell;
vertical-align: middle;
width: auto;
padding: 0 1rem;
position: relative;
bottom: auto;
right: auto;
}
}
.card-search-text h2 {
margin-top: 0;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.8rem;
color: #fff;
}
@media (min-width: 480px) {
.card-search-text h2 {
font-size: 1.8rem;
line-height: 2rem;
}
}
.card-search-text p {
font-size: 1.2rem;
line-height: 1.4rem;
margin-top: 0.5rem;
color: #fff;
}
@media (min-width: 480px) {
.card-search-text p {
font-size: 1.4rem;
line-height: 1.6rem;
}
}
.card-search-form {
margin: 1rem 0 2rem;
}
@media (min-width: 992px) {
.card-search-form {
width: 54rem;
display: table-cell;
vertical-align: middle;
margin: 0;
}
}
.card-search-form p {
margin: 0;
}
.card-search-form form {
padding-left: 4rem;
padding-right: 8.5rem;
position: relative;
background-color: #3298be;
}
@media (max-width: 991px) {
.card-search-form form {
top: -1rem;
}
}
.card-search-form form:before {
content: '';
display: block;
position: absolute;
height: 100%;
width: 4rem;
background: url('icons/search-white.png') no-repeat center center transparent;
top: 0;
left: 0;
}
.card-search-form input[type="search"] {
color: #fff;
font-size: 1.4rem;
background-color: #3298be;
border: none;
width: 100%;
display: block;
padding: 0;
height: 3.5rem;
}
.card-search-form input[type="submit"] {
position: absolute;
display: block;
width: 7.5rem;
background-color: #3298be;
border: none;
color: #fff;
top: 0;
right: 0;
height: 3.5rem;
font-family: 'OpenSans-Bold', Arial, sans-serif;
}
/***********************
landing buscador
***********************/
.card-search.card-search-landing {
margin: 0 -15px;
}
@media (min-width: 768px) {
.card-search.card-search-landing {
margin: 0;
}
}
@media (min-width: 992px) {
.card-search.card-search-landing {
margin: 0 -15px;
}
}
@media (min-width: 992px) {
.card-search-landing .card-search-banner {
display: block;
padding: 0 15px;
}
}
.card-search-landing .card-search-banner-r {
margin-bottom: 7rem;
}
@media (min-width: 768px) {
.card-search-landing .card-search-banner-r {
margin-bottom: 0;
display: block;
}
}
.card-search-landing .heading-group {
margin-top: 3rem;
margin-bottom: 2rem;
}
.card-search-landing .card-search-image {
width: 15rem;
margin-left: -1rem;
position: absolute;
left: 0;
bottom: 0;
top: auto;
}
@media (min-width: 768px) {
.card-search-landing .card-search-image {
width: 23rem;
margin-left: -2rem;
}
}
.card-search-landing .card-search-image img {
display: block;
margin: 0;
}
.card-search-landing .card-search-text,
.card-search-landing .card-search-form {
display: block;
position: relative;
}
.card-search-landing .card-search-text {
padding: 2rem 0 0 15rem;
min-height: 7.3rem;
position: static;
bottom: auto;
}
@media (min-width: 768px) {
.card-search-landing .card-search-text {
padding: 2rem 0 0 23rem;
min-height: 0;
}
}
.card-search-landing .card-search-text p {
color: #8a8a8a;
padding-bottom: 0.5rem;
font-size: 1.4rem;
line-height: 1.6rem;
}
.card-search-landing .card-search-form input[type="search"] {
color: black;
background-color: #f1f1f1;
width: 100%;
}
.card-search-landing .card-search-form {
position: absolute;
top: 100%;
width: 100%;
margin: 0 0 1rem;
border-top: 1px solid #eee;
padding: 1rem 0;
}
.card-search-landing .card-search-form form {
background-color: transparent;
}
@media (min-width: 768px) {
.card-search-landing .card-search-form {
position: relative;
top: auto;
padding: 0 0 2rem 23rem;
margin: 1rem 0 0;
border-top: none;
}
}
@media (max-width: 768px) {
.card-search-landing .card-search-form form {
top: 0.8rem;
}
.card-search-banner .card-search-form form {
top: 0.4rem;
}
}
.card-search-landing .card-search-form form:before {
background: url('icons/search.png') no-repeat center center #f1f1f1;
}
/***********************
error 404
***********************/
.banner-large {
padding: 3rem 0;
margin: 0 -15px;
}
@media (min-width: 992px) {
.banner-large {
margin: 0;
}
}
.banner-large:after {
content: '';
display: block;
clear: both;
}
.banner-large .banner-large-title {
display: block;
text-align: center;
}
@media (min-width: 992px) {
.banner-large .banner-large-title {
text-align: left;
overflow: hidden;
}
}
.banner-large h1 {
font-size: 2.6rem;
line-height: 2.8rem;
color: #000;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
@media (min-width: 992px) {
.banner-large h1 {
font-size: 4rem;
line-height: 4.6rem;
color: #1a1a1a;
padding: 1rem 0;
}
}
.banner-large .banner-large-image {
max-width: 18rem;
margin: 0 auto 2rem;
}
@media (min-width: 992px) {
.banner-large .banner-large-image {
max-width: 26.8rem;
margin: 0 auto;
float: left;
margin-right: 2rem;
}
}
.banner-large .banner-large-image img {
width: 100%;
display: block;
margin: 0;
height: auto;
}
/* BLUE BLOCKS */
.options-nav {
margin: 2rem -15px;
}
@media (min-width: 768px) {
.options-nav {
margin: 2rem 0;
}
}
.options-nav .options-nav-title p,
.options-nav-title h2 {
color: #fff;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.options-nav .options-nav-title p {
font-size: 1.8rem;
}
.options-nav-title h2 {
margin-top: 1rem;
font-size: 2rem;
}
.options-nav .options-nav-list {
width: 100%;
margin-top: 0;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.options-nav .options-nav-list {
column-count: 2;
column-gap: 1rem;
}
}
@media (min-width: 1200px) {
.options-nav .options-nav-list {
column-count: 3;
column-gap: 3rem;
}
}
.options-nav .options-nav-list .option-nav-item {
background: none;
padding: 1rem 0 0;
}
@media (min-width: 992px) {
.options-nav .options-nav-list .option-nav-item {
min-height: 7rem;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
}
.options-nav .option-nav-item a {
display: block;
text-decoration: none;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.8rem;
color: #fff;
padding-bottom: 0.5rem;
}
.options-nav .option-nav-item .option-nav-item-text {
font-size: 1.4rem;
color: #fff;
opacity: 0.7;
line-height: 1.6rem;
}
/* WHITE BLOCKS */
.options-nav-badges.options-nav {
margin-left: -15px;
margin-right: -15px;
margin-top: 4rem;
}
.options-nav-badges.options-nav .options-nav-list {
column-count: 1;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
width: 100%;
}
.options-nav-badges.options-nav .option-nav-item {
width: 100%;
min-height: 0;
display: block;
padding: 0 0 2rem;
}
@media (min-width: 768px) {
.options-nav-badges.options-nav .option-nav-item {
padding: 0 15px 2rem;
}
}
@media (min-width: 992px) {
.options-nav-badges.options-nav .option-nav-item {
width: 50%;
}
}
@media (min-width: 1200px) {
.options-nav-badges.options-nav .option-nav-item {
width: 33.333%;
}
}
.options-nav-badges .option-nav-title {
height: 8rem;
padding: 0;
position: relative;
display: table;
width: 100%;
}
.options-nav-badges .option-nav-title p {
color: #007eae;
margin: 0;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 2rem;
line-height: 2.4rem;
display: table-cell;
vertical-align: middle;
padding-left: 1.5rem;
width: 100%;
}
.options-nav-badges .options-nav-title-badge {
display: table-cell;
vertical-align: middle;
padding: 0 2rem;
}
.options-nav-badges .options-nav-title-badge img {
margin-top: 0;
}
.options-nav-badges .options-nav-sublist ul {
margin-top: 0;
padding: 1.5rem;
}
.options-nav-badges .options-nav-sublist ul li {
background: none;
padding: 0 0 0.5rem;
}
.options-nav-badges .options-nav-sublist ul li a {
color: #1a1a1a;
font-size: 1.4rem;
line-height: 1.6rem;
text-decoration: none;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
padding: 0;
}
#error .c-highlights .c-highlight {
padding: 0 15px 2rem;
}
#error .c-highlight-image {
display: none;
padding-bottom: 0;
}
#error .c-highlight .c-highlight-content h3 {
margin: 0;
}
#error .c-highlight .c-highlight-content h3 a {
display: block;
text-decoration: none;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.8rem;
padding-bottom: 0.5rem;
}
/****************************************
landing subhome puntos estrella
*****************************************/
.bg-dark-blue .col-xs-12 {
position: static;
}
.form-ptos {
margin: 0 -15px;
}
.form-ptos .form-ptos-image {
background: #007ba8 url("images/bg_form_ptos_estrella_mv.jpg") no-repeat right top / 100% 100%;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.form-ptos .form-ptos-top, .form-ptos .form-ptos-bottom {
display: table;
position: relative;
width: 100%;
z-index: 1;
}
.form-ptos .form-ptos-top .form-ptos-top-left {
display: table-cell;
width: 59%;
padding-right: 1%;
}
.form-ptos .form-ptos-top .form-ptos-top-right::before {
background: url("images/ico_cesta.png") no-repeat;
content: "";
display: block;
float: left;
height: 32px;
margin:0.5rem 1.5rem 1rem 0;
width: 40px;
}
.form-ptos .form-ptos-top .form-ptos-top-right {
display: table-cell;
width: 45%;
}
.form-ptos .form-ptos-top .form-ptos-top-left h2 {
color: #fff;
font-family: "OpenSans-Bold",Helvetica,Arial,sans-serif;
margin-top: 1.5rem;
font-size: 1.8rem;
line-height: 2rem;
}
.form-ptos .form-ptos-top .form-ptos-top-left p {
color: #fff;
margin-top: 0.5rem;
font-size: 1.4rem;
line-height: 1.6rem;
}
.form-ptos .form-ptos-top .form-ptos-top-right p,
.form-ptos .form-ptos-top .form-ptos-top-right span,
.form-ptos .form-ptos-top .form-ptos-top-right a {
color: #fff;
margin-top: 0.5rem;
font-size: 1.4rem;
line-height: 1.6rem;
}
.form-ptos .form-ptos-top .form-ptos-top-right a {
text-decoration: none;
color: #fff;
}
.form-ptos .form-ptos-bottom form {
margin: 1.5rem 0;
}
.form-ptos .form-ptos-bottom .form-ptos-p,
.form-ptos .form-ptos-bottom .form-ptos-n,
.form-ptos .form-ptos-bottom .form-ptos-s {
display: block;
width: 100%;
margin-bottom: 2rem;
float: left;
}
.form-ptos-bottom form label {
display: block;
font-size: 1.4rem;
line-height: 1.6rem;
font-weight: normal;
color: #fff;
opacity: 0.6;
}
.form-ptos-bottom form input[type="text"] {
background-color: #3298be;
border: medium none;
color: #fff;
font-size: 1.4rem;
height: 3.5rem;
padding: 0 0 0 2%;
width: 45%;
}
.form-ptos-bottom form .form-ptos-n input[type="text"] {
padding-left: 2%;
width: 100%;
}
.form-ptos-bottom form .form-ptos-select {
position: relative;
width: 16rem;
display: inline-block;
}
.form-ptos-bottom form select {
background: transparent;
border: 0 none;
padding: 0;
font-size: 1.4rem;
color: #fff;
font-weight: 700;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
margin-top: 0.6rem;
}
.form-ptos-bottom form select option {
width: 100%;
text-shadow:none;
background:#fff;
color: #555555;
text-shadow:none;
}
.ie9 .form-ptos-bottom form select option {
background:transparent;
}
.form-ptos-bottom form select::-ms-expand{
display:none;
}
.form-ptos-bottom form .form-ptos-form-select::after {
background: transparent url("images/arrow-select-down.png") no-repeat scroll right center;
content: "";
display: block;
height: 4rem;
padding-left: 1rem;
vertical-align: middle;
width: 2.1rem;
position: absolute;
right: 0;
top: -3px;
}
.form-ptos-bottom form .form-ptos-form-select {
display: block;
padding: 0 1rem 0 0;
position: absolute;
width: 100%;
}
.form-ptos-select{
display:inline-block;
position: relative;
overflow:hidden;
background:transparent;
}
.form-ptos-select select{
position:relative;
width:130%;
margin:0;
color:#fff;
background:rgba(0,0,0,0) !important;
-webkit-appearance:none;
}
.form-ptos-select select:focus{
outline:none;
}
.form-ptos-bottom form span {
color:#fff;
font-size: 1.2rem;
padding: 0 0.3rem;
}
.form-ptos-bottom form .bt-submit {
-moz-user-select: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0.2rem solid #fff;
border-radius: 0.2rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
font-size: 1.4rem;
height: 4rem;
line-height: 1.4rem;
max-width: none;
padding: 1.2rem 2rem;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.3s ease-in 0s;
vertical-align: middle;
white-space: nowrap;
width: auto;
float: right;
}
.title-dest-ptos h2 {
font-family: "OpenSans",Arial,sans-serif;
font-size: 3rem;
padding-bottom: 1.5rem;
}
.title-dest-ptos {
display: inline-block;
vertical-align: middle;
}
.dest-ptos form {
float: right;
position: relative;
vertical-align: middle;
width: 12rem;
margin-top: 4rem;
display:none;
}
.dest-ptos .form-dest-ptos-form-select::after {
background: #fff url("icons/arrow_down.png") no-repeat scroll right center;
content: "";
display: block;
height: 4rem;
padding-left: 1rem;
vertical-align: middle;
width: 2.1rem;
position: absolute;
right: 0;
top: -8px;
}
.dest-ptos .form-dest-ptos-form-select {
display: block;
padding: 0 1rem 0 0;
position: absolute;
width: 100%;
border: 0 none;
}
.dest-ptos select {
border:0 none;
width: 100%;
}
.ico-ptos::before {
border-bottom: 1px solid #eee;
content: "";
display: block;
position: absolute;
right: 100%;
top: 21.9rem;
width: 900rem;
}
.ico-ptos::after {
border-bottom: 1px solid #eee;
content: "";
display: block;
left: 100%;
position: absolute;
top: 21.9rem;
width: 900rem;
}
.ico-ptos {
border-bottom: 1px solid #eee;
display: block;
margin-top: 3rem;
position: relative;
text-align: center;
width: 100%;
}
.ico-ptos-top::before {
border-top: 1px solid #eee;
content: "";
display: block;
position: absolute;
right: 100%;
top: 0;
width: 900rem;
}
.ico-ptos-top::after {
border-top: 1px solid #eee;
content: "";
display: block;
left: 100%;
position: absolute;
top: 0;
width: 900rem;
}
.ico-ptos-top {
border-top: 1px solid #eee;
display: block;
padding: 3rem 0;
}
.ico-ptos .icons {
display: inline-block;
margin-bottom: 1rem;
width: 100%;
}
.ico-ptos .icons img {
clear: both;
display: block;
margin: 0 auto 1rem;
}
.ico-ptos .icons p{
font-size: 1.4rem;
line-height: 1.6rem;
}
.ico-ptos .icons p {
margin: 0;
}
.ico-ptos .ico1 {
display: inline-block;
width: 48%;
}
@media (min-width: 480px) {
.form-ptos .form-ptos-top .form-ptos-top-left {
width: 60%;
}
.form-ptos .form-ptos-top .form-ptos-top-right {
width: 25%;
}
}
@media (min-width: 410px){
.form-ptos .form-ptos-image {
background: #007ba8 url("images/bg_form_ptos_estrella_mv.jpg") no-repeat right top / 100% auto;
}
}
@media (min-width: 631px){
.ico-ptos::before {
border-bottom: 1px solid #eee;
content: "";
display: block;
position: absolute;
right: 100%;
top: 20.3rem;
width: 900rem;
}
.ico-ptos::after {
border-bottom: 1px solid #eee;
content: "";
display: block;
left: 100%;
position: absolute;
top: 20.3rem;
width: 900rem;
}
}
@media (min-width: 768px) {
.form-ptos {
margin: 0;
min-height: 16rem;
}
.form-ptos .form-ptos-image {
background: #007ba8 url("images/bg_form_ptos_estrella.jpg") no-repeat right top / auto auto;
}
.form-ptos .form-ptos-top .form-ptos-top-left {
width: 80%;
padding-right: 0;
}
.form-ptos .form-ptos-top .form-ptos-top-left h2 {
font-size: 1.6rem;
line-height: 1.8rem;
}
.form-ptos .form-ptos-top .form-ptos-top-left p {
font-size: 1.2rem;
line-height: 1.4rem;
}
.form-ptos .form-ptos-top .form-ptos-top-right {
width: 20%;
}
.form-ptos .form-ptos-top .form-ptos-top-right p, .form-ptos .form-ptos-top .form-ptos-top-right span, .form-ptos .form-ptos-top .form-ptos-top-right a {
font-size: 1.2rem;
line-height: 1.4rem;
}
.form-ptos .form-ptos-bottom .form-ptos-p, .form-ptos .form-ptos-bottom .form-ptos-n, .form-ptos .form-ptos-bottom .form-ptos-s {
display: table-cell;
padding-right: 1rem;
width: 30%;
}
.form-ptos .form-ptos-bottom .form-ptos-s {
padding-right: 0;
width: 40%;
}
.form-ptos-bottom form label {
font-size: 1.2rem;
line-height: 1.4rem;
}
.form-ptos-bottom form input[type="text"] {
font-size: 1.2rem;
width: 45%;
padding-left: 5%;
}
.form-ptos-bottom form select {
font-size: 1.2rem;
}
.form-ptos-bottom form .form-ptos-n input[type="text"] {
padding-left: 5%;
}
.form-ptos-bottom form .form-ptos-select {
width: 14rem;
}
.dest-ptos form {
display:block;
}
.ico-ptos::before {
border-bottom: 1px solid #eee;
content: "";
display: block;
position: absolute;
right: 100%;
top: 10.5rem;
width: 900rem;
}
.ico-ptos::after {
border-bottom: 1px solid #eee;
content: "";
display: block;
left: 100%;
position: absolute;
top: 10.5rem;
width: 900rem;
}
.ico-ptos .icons {
display: inline-block;
text-align: left;
width: 70%;
}
.ico-ptos .icons + .icons {
width: 29%;
}
.ico-ptos .icons img {
vertical-align: middle;
margin: 0 1rem 0 0;
float: left;
}
.ico-ptos .icons p{
font-size: 1.2rem;
line-height: 1.4rem;
margin: 0;
}
.ico-ptos .ico1 + .ico1 {
float: right;
}
.ico-ptos .ico1 + .ico1 img {
float: none;
display: inline-block;
}
.ico-ptos .ico1 + .ico1 p {
display: inline-block;
}
}
@media (min-width: 992px) {
.form-ptos .form-ptos-top .form-ptos-top-left {
width: 85%;
}
.form-ptos .form-ptos-bottom .form-ptos-p, .form-ptos .form-ptos-bottom .form-ptos-n, .form-ptos .form-ptos-bottom .form-ptos-s {
display: table-cell;
padding-right: 1rem;
width: 35%;
}
.form-ptos .form-ptos-bottom .form-ptos-p {
width: 25%;
}
.form-ptos .form-ptos-bottom .form-ptos-n {
width: 40%;
}
.ico-ptos .icons + .icons {
width: 25%;
}
}
@media (min-width: 1200px) {
.form-ptos-bottom form .bt-submit {
padding: 1.2rem 6rem;
}
.ico-ptos .icons + .icons {
width: 18%;
}
.ico-ptos .icons {
width: 50%;
}
}
/***************************
PREHOME
****************************/
.main-prehome-block {
background-color: #efefef;
padding-top: 4rem;
padding-bottom: 4rem;
}
.pr-highlights-large .pr-highlights-list,
.pr-highlights-large .pr-highlight-description ul {
margin-top: 0;
}
.pr-highlights-large {
margin: 0 -21px;
}
@media (min-width: 768px) {
.pr-highlights-large {
margin: 0 -6px;
}
}
.pr-highlights-large .pr-highlights-list {
width: 100%;
}
.pr-highlights-large .pr-highlights-list .pr-highlight {
background: none;
padding: 6px;
max-width: 46rem;
}
@media (max-width: 767px) {
.pr-highlights-large .pr-highlights-list .pr-highlight {
margin: 0 auto;
float: none;
}
}
@media (min-width: 768px) {
.pr-highlights-large .pr-highlights-list .pr-highlight {
max-width: none;
}
}
.pr-highlights-large .pr-highlight a {
display: block;
position: relative;
}
.pr-highlights-large .pr-highlight-image {
width: 100%;
overflow: hidden;
position: relative;
}
@media (min-width: 768px) {
.pr-highlights-large .pr-highlight-image {
height: 22rem;
}
.pr-highlights-large .pr-highlight-image-wrap {
width: 200%;
left: -50%;
position: relative;
height: 100%;
}
}
.pr-highlights-large .pr-highlight-image-wrap img {
height: auto;
width: 100%;
margin: 0 auto;
display: block;
}
@media (min-width: 768px) {
.pr-highlights-large .pr-highlight-image-wrap img {
height: 100%;
width: auto;
min-width: 50%;
}
}
.pr-highlights-large .pr-highlight-text {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
padding: 1rem;
}
.pr-highlights-large .pr-highlight-title h2 {
color: #fff;
font-size: 1.8rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
line-height: 2rem;
margin-top: 0;
}
@media (min-width: 992px) {
.pr-highlights-large .pr-highlight-title h2 {
font-size: 2rem;
line-height: 2.2rem;
}
}
.pr-highlights-large .pr-highlight-description ul {
margin: 1rem 0 0;
padding-left: 2rem;
}
.pr-highlights-large .pr-highlight-description li {
color: #fff;
font-size: 1.4rem;
line-height: 1.6rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
margin-bottom: 0.5rem;
background: none;
padding: 0;
}
.pr-highlights-small .pr-highlights-list,
.pr-highlights-small .pr-highlight-description ul {
margin-top: 0;
}
.pr-highlights-small {
margin: 0 -21px;
}
@media (min-width: 768px) {
.pr-highlights-small {
margin: 0 -6px;
}
}
.pr-highlights-small .pr-highlights-list {
width: 100%;
-js-display:flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
}
@media (min-width: 768px) {
.pr-highlights-small .pr-highlights-list {
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
}
.pr-highlights-small .pr-highlights-list .pr-highlight {
background: none;
padding: 6px;
max-width: 35rem;
}
@media (min-width: 768px) {
.pr-highlights-small .pr-highlights-list .pr-highlight {
max-width: none;
}
}
.pr-highlights-small .pr-highlight a {
display: block;
position: relative;
background-color: #fff;
height: 100%;
}
.pr-highlights-small .pr-highlight-image {
width: 100%;
overflow: hidden;
position: relative;
}
@media (min-width: 768px) {
.pr-highlights-small .pr-highlight-image {
height: 13rem;
}
.pr-highlights-small .pr-highlight-image-wrap {
width: 200%;
left: -50%;
position: relative;
height: 100%;
}
}
.pr-highlights-small .pr-highlight-image-wrap img {
height: auto;
width: 100%;
margin: 0 auto;
display: block;
}
@media (min-width: 768px) {
.pr-highlights-small .pr-highlight-image-wrap img {
height: 100%;
width: auto;
min-width: 50%;
}
}
.pr-highlights-small .pr-highlight-title {
position: absolute;
bottom: 1rem;
left: 1rem;
}
.pr-highlights-small .pr-highlight-title h2 {
color: #fff;
font-size: 1.8rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
line-height: 2rem;
margin-top: 0;
}
@media (min-width: 992px) {
.pr-highlights-small .pr-highlight-title h2 {
font-size: 2rem;
line-height: 2.2rem;
}
}
.pr-highlights-small .pr-highlight-text {
padding: 1rem;
min-height: 8rem;
}
@media (min-width: 768px) {
.pr-highlights-small .pr-highlight-text {
min-height: 0;
}
}
.pr-highlights-small .pr-highlight-description p {
color: #555555;
font-size: 1.4rem;
line-height: 1.6rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
margin-top: 0;
padding: 0;
}
/* Promo */
.pr-promo {
padding-top: 6px;
margin: 0 -15px;
}
@media (min-width: 768px) {
.pr-promo {
margin: 0;
}
}
.pr-promo a {
text-decoration: none;
display: block;
max-width: 33.8rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.pr-promo a {
max-width: none;
}
}
.pr-promo-wrap {
background-color: #fff;
width: 100%;
}
@media (min-width: 768px) {
.pr-promo-wrap {
display: table;
}
.pr-promo-wrap .pr-promo-image {
display: table-cell;
vertical-align: middle;
}
}
.pr-promo-wrap .pr-promo-text {
padding: 1.5rem 2rem;
position: relative;
}
@media (min-width: 768px) {
.pr-promo-wrap .pr-promo-text {
display: table-cell;
vertical-align: top;
width: 100%;
}
}
.pr-promo-image-wrap img {
margin-top: 0;
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.pr-promo-image-wrap img {
width: 30.7rem;
}
}
.pr-promo-wrap .pr-promo-sbt{
color: #004f70;
font-size: 1.6rem;
line-height: 1.8rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
margin-bottom: 1rem;
max-width: 50rem;
}
@media (min-width: 768px) {
.pr-promo-wrap .pr-promo-sbt{
font-size: 1.8rem;
line-height: 2rem;
margin-bottom: 1.5rem;
}
}
.pr-promo-wrap .pr-promo-title h2 {
color: #1a1a1a;
margin: 0;
font-size: 1.8rem;
line-height: 2rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
max-width: 50rem;
}
@media (min-width: 768px) {
.pr-promo-wrap .pr-promo-title h2 {
font-size: 2.2rem;
line-height: 2.4rem;
}
}
.pr-promo-wrap .pr-promo-title {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.pr-promo-wrap .pr-promo-title {
margin-bottom: 5rem;
}
}
.pr-promo-link {
}
@media (min-width: 768px) {
.pr-promo-link {
bottom: 1.5rem;
left: 2rem;
position: absolute;
}
}
.pr-promo-link .button_wrap {
margin: 0;
}
.pr-promo-link .button_wrap .btn.btn-yellow {
background-color: #f4c53d;
border: 0.2rem solid #f4c53d;
color: #000;
}
.pr-promo-link .button_wrap > .icon_people {
padding-left: 3.7rem;
}
.pr-promo-link .button_wrap .btn {
max-width: none;
width: auto;
}
.pr-promo-link .button_wrap .btn {
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
background-color: #fff;
border: 0.2rem solid #007eae;
color: #007eae;
padding: 1.2rem 1rem;
border-radius: 0.2rem;
line-height: 1.4rem;
font-size: 1.4rem;
min-height: 4rem;
position: relative;
background: none;
display: inline-block;
text-align: center;
white-space: normal;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
width: 100%;
max-width: 320px;
transition: all 0.3s ease-in;
}
.pr-promo-link .btn-yellow.icon_people:before {
position: relative;
display: inline-block;
height: 2.3rem;
vertical-align: middle;
margin-bottom: 0.2rem;
}
.pr-promo-link .button_wrap > .icon_people:before {
background: url('icons/icon_people_blue.png') no-repeat center center transparent;
}
.pr-promo-link .button_wrap > .btn-yellow.icon_people:before {
background-image: url('icons/icon_people.png');
}
.pr-promo-link .btn.btn-yellow.icon_people {
padding-left: 50px;
}
.pr-promo-link .btn.btn-yellow.icon_people:before {
background-image:url("../css/icons/icon_people.png");
content: '';
width: 37px;
height:23px;
position: absolute;
left: 10px;
top: 20%;
bottom: 24%;
}
@media (min-width: 992px) {
.prehome #desplegable-idiomas {
position: absolute;
right: 0;
margin-left: 0;
width: 6rem;
top: 50%;
margin-top: -1rem;
}
.prehome footer#footer {
padding: 1rem 0;
}
}
@media (max-width: 991px) {
.prehome .header-bottom .row {
display: table;
width: 100%;
margin: 0;
}
.prehome .header-bottom .column {
display: table-cell;
float: none;
vertical-align: middle;
padding: 0;
width: auto;
}
.prehome #desplegable-idiomas {
position: absolute;
right: 0;
margin-left: 0;
border: none;
padding: 0;
width: 6rem;
top: 50%;
margin-top: -1rem;
}
.prehome #desplegable-idiomas.links-group-panel .mobile-link-open a {
font-size: 1.2rem;
}
}
/****************************/
/** Fix in Grey background **/
/****************************/
.bg-grey .carousel-item .carousel-item-title p,
.page-wrapper .bg-grey .article-content li,
.page-wrapper .bg-grey .article-content li a,
.page-wrapper .bg-grey .article-content li p,
.bg-grey table.table > thead > tr > th,
.bg-grey table.table > tbody > tr > td,
.bg-grey table.table > tbody > tr > th,
.bg-grey table > thead > tr > th,
.bg-grey table > tbody > tr > td,
.bg-grey .p-highlights-promo .p-highlight-info p a,
.bg-grey .p-highlights-promo .p-highlight-title h2,
.bg-grey .p-highlights-promo .p-highlight-title h3,
.bg-grey .p-highlights-promo .p-highlight-title h4,
.bg-grey .p-highlights-promo .p-highlight-title p,
.bg-grey table > tbody > tr > th,
.bg-grey .c-highlight-link a,
.bg-grey .tabs-item .tabs-item-title > p,
.bg-grey .button_wrap .btn_info {
color: #fff;
}
.bg-grey table tbody td.blackback {
color: #555 !important;
}
.bg-grey button.btn.btn-default,
.bg-grey .buttons_group .button_wrap .btn a {
background-color: white;
color: #007eae;
}
.bg-grey .dropdown-menu li.checkbox-row label,
.bg-grey .dropdown-content.article-content p {
color: #555;
}
.bg-grey li.h-highlight .h-highlight-content.article-content p,
.bg-grey .tabs-item .tabs-item-title-active > p {
color: #017cac;
}
.bg-grey .tabs-item .tabs-item-title.tabs-item-title-active,
.bg-grey .tabs-item .tabs-item-title.tabs-item-title-active:hover {
border-bottom: 3px solid #037eae;
}
.bg-grey .tabs-group .tabs-arrow-left a{
background: url(icons/arrow-left-white.png) no-repeat center center transparent;
border-right: 1px solid #fff;
}
.bg-grey .tabs-group .tabs-arrow-right a{
background: url(icons/arrow-right-white.png) no-repeat center center transparent;
border-left: 1px solid #fff;
}
.bg-grey .tabs-group .tabs-arrow-right a{
border-left: 1px solid #fff;
}
.bg-grey .tabs-arrow {
background:#545454;
}
/****************************/
/** Fix in Blue background **/
/****************************/
.bg-blue table tbody td.blackback {
background-color: #fff;
}
.bg-blue table.table > thead > tr > th,
.bg-blue table.table > tbody > tr > td,
.bg-blue table.table > tbody > tr > th,
.bg-blue table > thead > tr > th,
.bg-blue table > tbody > tr > td,
.bg-blue table > tbody > tr > th {
border-bottom: 0.1rem solid #cccccc;
}
.bg-blue .v-highlight,
.bg-blue .p-highlights.main-component .p-highlight-wrap {
border:1px solid #cccccc;
}
.bg-blue .p-highlights-promo .p-highlight-wrap {
border: 0 !important;
}
.bg-blue .h-highlights-promo .h-highlight > a,
.bg-blue .h-highlight > a,
.bg-blue .h-highlight .h-highlight-nolink{
background-color: transparent;
}
.bg-blue .tabs-group .tabs-arrow-left a{
border-right: 1px solid #d6dbdf;
}
.bg-blue .tabs-group .tabs-arrow-right a{
border-left: 1px solid #d6dbdf;
}
.bg-blue .tabs-arrow {
background:#e5f5fc;
}
/***************************
Estilos focus
***************************/
.link-group-links ul li a:hover,
.link-group-links ul li a:focus,
.header-top .link-group-head a:hover,
.header-top .link-group-head a:focus,
#desplegable-idiomas.links-group-panel .mobile-link-open a:hover,
#desplegable-idiomas.links-group-panel .mobile-link-open a:focus,
.cotizacion .html-snippet span:hover,
.cotizacion .html-snippet span:focus,
.link-text-footer ul li a:hover,
.link-text-footer ul li a:focus {
color:#004f70
}
.header-top .links-group-panel .links-group-panel-links li a:hover,
.header-top .links-group-panel .links-group-panel-links li a:focus,
.footer-middle-top .link-group-links ul li a:hover,
.footer-middle-top .link-group-links ul li a:focus{
color:#007BAD
}
.dropdown-group .dropdown-item .dropdown-title a:focus,
.dropdown-group .dropdown-item .dropdown-title a:focus,
.dropdown-group .dropdown-item .dropdown-title a:focus {
outline: none;
border: none;
}
.dropdown-group .dropdown-item .dropdown-title a:focus h2,
.dropdown-group .dropdown-item .dropdown-title a:focus h3,
.dropdown-group .dropdown-item .dropdown-title a:focus h4 {
background: #007eae;
color: #fff;
outline: none;
border: none;
}
.tabs-item a:focus .tabs-item-title {
border-bottom: 3px solid #eee;
}
.tabs-item a:focus .tabs-item-title.tabs-item-title-active {
border-bottom: 3px solid #037eae;
}
.sh-tabs.tabs-group .tabs-item a:focus p {
color: #007eae;
}
.submenu-linkgroup.tabs-group .tabs-item a:focus .tabs-item-title p {
color: #007eae;
}
.bottom_sticky .cmn-cta a:focus{
outline: none;
}
.footer .search-group input[type="submit"]:focus,
.card-search-form input[type="submit"]:focus {
-webkit-box-shadow: 0 0 10px -3px #404040;
-moz-box-shadow: 0 0 10px -3px #404040;
box-shadow: 0 0 10px -3px #404040;
transition: all 0.3s ease-in;
}
.bottom_sticky .cmn-cta a:focus .cmn-text,
.bottom_sticky .cmn-cta a:focus .cmn-icon{
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
transition: all 0.3s ease-in;
border: 1px solid #007eae;
text-decoration: underline!important;
color: #fff;
}
.header .search input[type="submit"]:focus, .lolopo-f-submit .bt-submit:focus {
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
transition: all 0.3s ease-in;
outline: none;
border:0;
}
.lolopo-f-submit .bt-submit:focus {
font-weight: bold;
}
.sh-highlights .sh-highlight > a:hover, .sh-highlights .sh-highlight > a:focus, .hm-cmp .hm-cmp-item a:hover, .hm-cmp .hm-cmp-item a:focus, .hm-lw-item a:hover, .hm-lw-item a:focus {
outline: none;
-webkit-box-shadow: 0 0 20px 0px #404040;
-moz-box-shadow: 0 0 20px 0px #404040;
box-shadow: 0 0 20px 0px #404040;
transition: all 0.3s ease-in;
}
#panel-menu .menu-linkgroup .menu-link a:focus, #panel-menu .menu-campaign a:focus {
display: block;
}
#panel-menu .menu-linkgroup .menu-linkgroup-heading a:focus {
color: #004f70;
outline: none;
}
/* Destacados legales cookies */
.tb-text {
width: 100%;
border: 0.1rem solid #efefef;
}
@media (min-width: 768px) {
.tb-text {
display: table;
}
}
@media (min-width: 768px) {
.tb-text .tb-text-r {
display: table-row;
}
}
.tb-text .tb-text-c {
border-top: 0.1rem solid #efefef;
padding: 1.5rem;
}
@media (min-width: 768px) {
.tb-text .tb-text-c {
display: table-cell;
vertical-align: top;
}
}
.tb-text .tb-text-r:first-child .tb-text-c {
border-top: none;
}
@media (max-width: 767px) {
.tb-text .tb-text-r .tb-text-c.tb-text-right {
border-top: none;
}
}
.tb-text .tb-text-c.tb-text-right {
padding-top: 0;
}
@media (min-width: 768px) {
.tb-text .tb-text-c.tb-text-right {
padding-left: 0;
padding-top: 1.5rem;
}
}
.tb-text .tb-text-c h4 {
display: inline;
color: #555;
font-size: 1.6rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.tb-text .tb-text-c p {
display: inline;
}
.tb-text .tb-text-c ul {
display: table;
margin: 0;
width: 100%;
}
@media (min-width: 768px) {
.tb-text .tb-text-c ul {
width: auto;
}
}
.tb-text .tb-text-c li {
display: table-row;
padding: 0;
background: none;
}
.tb-text .tb-text-c li strong,
.tb-text .tb-text-c li a {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
padding-top: 1rem;
}
@media (min-width: 768px) {
.tb-text .tb-text-c li strong,
.tb-text .tb-text-c li a {
padding-top: 1.5rem;
}
}
.tb-text .tb-text-c li:first-child strong,
.tb-text .tb-text-c li:first-child a {
padding-top: 0;
}
.tb-text .tb-text-c li strong {
color: #555;
padding-right: 1.5rem;
}
.tb-text .tb-text-c li a {
text-align: right;
}
/******************************************
Estilos jquery-ui-1.9.2.custom.css
*******************************************/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; max-height: 250px;overflow-y: auto;overflow-x: hidden; }
* html .ui-autocomplete { width:1px; height: 100px;} /* without this, the menu expands to 100% in IE6 */
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.2; zoom: 1; font-weight: normal; text-align: left;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 0.95em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #00A0DD; background: #00A0DF 50% 50% repeat-x; font-weight: bold; color: #FFFFFF; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-autocomplete-loading { background: url("images/loading_tarjetas.gif") no-repeat scroll right center white; }
/*************************
scroll animation
**************************/
/*.scroll-icon {
position: fixed;
top: 90%;
left: 50%;
z-index: 1000;
background: #4d4d4d url(icons/scrolldown.png) no-repeat center center;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
border-radius: 26px;
}
*/
.scroll-icon {
position: absolute;
top: 95%;
left: 50%;
background: #4d4d4d;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
border-radius: 26px;
overflow:hidden;
cursor: pointer;
z-index: 1000;
}
.scroll-icon span {
position: absolute;
bottom: 20px;
z-index: 2;
top: -0.7rem;
left: 50%;
width: 12px;
height: 12px;
margin-left: -6px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
transition: opacity .3s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: effect 2s infinite;
animation: effect 2s infinite;
box-sizing: border-box;
}
@-webkit-keyframes effect {
0% {
-webkit-transform: rotate(-45deg) translate(-10px, 10px);
opacity: 0;
}
50% {
opacity: 0.7;
}
70% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
opacity: 1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
}
}
@keyframes effect {
0% {
transform: rotate(-45deg) translate(-10px, 10px);
opacity: 0;
}
50% {
opacity: 0.7;
}
70% {
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 1;
}
100% {
transform: rotate(-45deg) translate(-20px, 20px);
}
}
.promo .bg-dark-blue .col-xs-12 {
display: block;
float: none;
margin-left: auto;
margin-right: auto;
width: 66.6667%;
}
@media (max-width: 991px) {
.promo .bg-dark-blue .col-xs-12 {
width: 100%;
}
.promo .bg-dark-blue {
margin-top: 0;
}
}
.promo .bg-dark-blue h2, .promo .bg-dark-blue h3, .promo .bg-dark-blue p, .promo .bg-dark-blue p span, .promo .bg-dark-blue ul li {
color:#fff;
}
/* Fix bugs prebuscador */
::-ms-clear {
display: none;
}
.header .search-field{
margin-left: 55px;
padding-left: 6px;
}
@media (max-width: 1200px) {
.header .search-field{
max-width: 52%;
}
}
@media (min-width: 1200px) {
.header .search-field{
max-width: 70%;
}
}
.header .search-field{
padding-left: 0\0 !important;
margin-left: 55px\0 !important;
}
.ps-block.ps-proposal .ps-content li {
max-height: 50px;
}
.bg-blue a {
color: #00739E;
}
/* Fix banner */
.csstransforms .video-layer #cboxLoadedContent {
top: 20% \0 !important;
}
.video-wrapper.neo-brightcove_v2-video.neo-video-responsive div:first-child {
margin:0 auto;
}
/* Playlist */
.neo-vjs-playlist .vjs-playlist-duration {
left: 32px !important;
color: #fff !important;
}
.responsive-playlist-player-wrapper .vjs-fluid, .responsive-playlist-player-wrapper .vjs-16-9, .responsive-playlist-player-wrapper .vjs-4-3 {
min-height: 380px !important;
}
.vjs-mouse.neo-vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before {
color: #fff !important;
left: 32px;
}
.vjs-mouse.neo-vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail::before, .vjs-mouse.neo-vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail::before {
left: 70.5px !important;
}
.video-inline {
height: 100% !important;
padding-bottom: 0 !important;
min-width: 0 !important;
}
@media (min-width: 1199px) {
.vjs-playlist-name {
color: white;
display: none !important;
}
}
@media (min-width: 749px) and (max-width: 991px) {
.vjs-playlist-name {
color: white;
display: none !important;
}
}
.vjs-playlist-name {
color: white;
}
.vjs-playlist-ad-overlay {
display:none;
}
/****************************************************************
START - NUEVOS COMPONENTES
****************************************************************/
/********************************
START - Productos Visuales
********************************/
#productos-visuales{
position: relative;
}
#productos-visuales .media-desktop{
display: none;
}
/*Destacados*/
#productos-visuales .producto{
position: relative;
overflow: hidden;
background: transparent;
}
/* ACTIVE HIGHLIGHT */
#productos-visuales .producto.active .media{
max-height: 375px;
/*max-height: none;*/
/*min-height: 500px;*/
}
#productos-visuales .producto.active .media:after{
content:"";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.9);
}
#productos-visuales .producto.active .content .content-box{
background: transparent;
}
#productos-visuales .producto.active .content .content-box .dropdown-content{
display: block;
height: 77%;
}
#productos-visuales .producto.active .content .dropdown-link > .title p,
#productos-visuales .producto.active .content .dropdown-link > .subtitle h3{
color: #004F70;
}
#productos-visuales .producto.active .content .content-box .dropdown-link {
background: url(icons/up-arrow-blue.png) no-repeat 93% center;
}
#productos-visuales .producto .media{
padding: 0;
/*margin: 0 -15px;*/
max-height: 100px;
min-height: 130px;
}
#productos-visuales .producto .media img{
display: block;
/* width: 170%; */
height: auto;
margin: 0;
position: relative;
left: -70%;
}
#productos-visuales .producto .content{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
max-width: 991px;
}
#productos-visuales .producto .content .content-box{
height: 100%;
margin: 0;
background: #fff;
}
#productos-visuales .producto .content .content-box .dropdown-link,
#productos-visuales .producto .content .content-box .dropdown-content{
display: table;
width: 100%;
}
#productos-visuales .producto .content .content-box .dropdown-link{
height: auto;
height: 23%;
padding: 1rem;
padding-left: 2.5rem;
padding-right: 5rem;
background: url("icons/down-arrow-blue.png") no-repeat 93% center;
}
#productos-visuales .producto .content .content-box .dropdown-link.active{
background: url("icons/up-arrow.png") no-repeat 93% center;
}
#productos-visuales .producto .content .content-box .dropdown-content{
height: 0;
display: none;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
#productos-visuales .producto .content .content-box .description{
display: table;
width: 100%;
/*height: 68%;*/
padding: 0 2.5rem;
}
#productos-visuales .producto .content .content-box .description *{
color: #000!important;
font-weight: bold;
}
#productos-visuales .producto .content .content-box .button_wrap{
display: table;
height: 25%;
width: 100%;
margin: 0;
}
#productos-visuales .producto .content .content-box .button_wrap .btn{
width: 100%;
display: table-cell;
}
#productos-visuales .producto .content .content-box .button_wrap .btn a{
width: auto;
padding-left: 3rem;
padding-right: 3rem;
}
/*Desplegables*/
#productos-visuales .producto .content .dropdown-link > .icon,
#productos-visuales .producto .content .dropdown-link > .title{
/*float: left;*/
width: 15%;
min-height: 75px;
display: table-cell;
vertical-align: middle;
}
#productos-visuales .producto .content .dropdown-link > .subtitle{
/*float: left;*/
width: 85%;
min-height: 75px;
display: table-cell;
vertical-align: middle;
padding-left: 1rem;
}
#productos-visuales .producto .content .dropdown-link > .icon p,
#productos-visuales .producto .content .dropdown-link > .icon p img,
#productos-visuales .producto .content .dropdown-link > .title p,
#productos-visuales .producto .content .dropdown-link > .subtitle h3{
margin: 0;
}
#productos-visuales .producto .content .dropdown-link > .icon p img{
/*max-width: 35px;*/
height: auto;
display: block;
/*margin: 0 auto;*/
margin-top: 0.5rem;
}
#productos-visuales .producto .content .dropdown-link > .title p{
font-size: 8rem;
line-height: 7rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004F70;
/* text-align: center; */
}
#productos-visuales .producto .content .dropdown-link > .subtitle h3{
font-size: 2.4rem;
line-height: 3.3rem;
margin-top: 0.5rem;
color: #004F70;
}
/*Hover icon*/
#productos-visuales .producto .content .dropdown-link > .icon p img.hover-image{
display: none;
}
@media (min-width: 320px){
#productos-visuales .producto.active .content .content-box .dropdown-link{height: 17%;}
#productos-visuales .producto.active .content .content-box .dropdown-content{height: 83%;}
}
@media (min-width: 374px){
#productos-visuales .producto .media img{
/* max-width: 100%; */
/* left: -20%; */
}
#productos-visuales .producto.active .content .content-box .dropdown-link{height: 23%;}
#productos-visuales .producto.active .content .content-box .dropdown-content{height: 77%;}
#productos-visuales .producto .content .content-box .description {
/*height: 75%;*/
}
#productos-visuales .producto .content .content-box .button_wrap {
height: 25%;
}
}
@media (min-width: 460px){
#productos-visuales .producto .media img{
/* max-width: 100%; */
left: -10%;
}
#productos-visuales .producto.active .content .content-box .dropdown-link{height: 23%;}
#productos-visuales .producto.active .content .content-box .dropdown-content{height: 77%;}
}
@media (min-width: 640px){
#productos-visuales .producto .media img{
/* max-width: 137%; */
left: 0;
/* Cortamos asi la caja ya que la maquetacion
esta hecha para adaptarse al alto de la imagen
de cada destacado y han pedido ahora que no lleve imagen */
}
#productos-visuales .producto.active .content .content-box .dropdown-link{height: 18%;}
#productos-visuales .producto.active .content .content-box .dropdown-content{height: 82%;}
}
@media (min-width: 768px){
#productos-visuales .producto.active .content .content-box .dropdown-link{height: 14%;}
#productos-visuales .producto.active .content .content-box .dropdown-content{height: 86%;}
}
@media (min-width: 991px){
#productos-visuales .producto.active .content .content-box .dropdown-link{height: 11%;}
#productos-visuales .producto.active .content .content-box .dropdown-content{height: 89%;}
#productos-visuales{
height: 600px;
overflow: hidden;
display: table;
width: 102%;
left: -1%;
}
#productos-visuales .media-desktop{
display: block;
position: absolute;
height: 600px;
top: 0;
left: 0;
width: 100%;
}
#productos-visuales .media-desktop .media-desktop-wrap{
left: -100%;
width: 300%;
height: 600px;
position: absolute;
top: 0;
overflow: hidden;
}
#productos-visuales .media-desktop .media-desktop-wrap picture{
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#productos-visuales .media-desktop .media-desktop-wrap picture img{
width: auto;
height: auto;
display: block;
position: relative;
margin: 0 auto;
filter: grayscale(100%);
}
#productos-visuales .media-desktop + .row{
height: 100%;
display: table-row;
}
#productos-visuales .producto{
/*Filtro blanco para regular la opacidad de la imagen*/
background: rgba(255, 255, 255, 0.3);
margin: 0;
display: table-cell;
float: none;
/*padding-top: 7%;*/
vertical-align: middle;
}
/*
#productos-visuales .producto:hover{
background: rgba(255, 255, 255, 0)
}
*/
#productos-visuales .producto:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.8)
}
#productos-visuales .producto:hover:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 123, 173, 0.8);
}
#productos-visuales .producto .media{
margin: 0;
position: absolute;
display: none;
}
#productos-visuales .producto .content{
min-height: 320px;
position: relative;
}
#productos-visuales .producto .content .content-box{
min-height: 350px;
height: 350px;
margin: 0;
}
#productos-visuales .producto .content .content-box .dropdown-link,
#productos-visuales .producto.active .content .content-box .dropdown-link{
background: none;
}
#productos-visuales .producto .content .content-box .dropdown-link > .title,
#productos-visuales .producto .content .content-box .dropdown-link > .subtitle{
float: left;
width: 100%;
}
#productos-visuales .producto .content .dropdown-link > .icon{
float: left;
}
#productos-visuales .producto .content .content-box .dropdown-link > .subtitle{
padding-left: 0;
min-height: auto;
}
#productos-visuales .producto .content .content-box .description *{
color: #555555!important;
}
#productos-visuales .producto .content .dropdown-link > .title p,
#productos-visuales .producto .content .dropdown-link > .subtitle h3{
color: #004F70!important;
}
#productos-visuales:not(.no-desktop-image) .producto:hover .content .dropdown-link > .title p,
#productos-visuales:not(.no-desktop-image) .producto:hover .content .dropdown-link > .subtitle h3,
#productos-visuales:not(.no-desktop-image) .producto:hover .content .content-box .description *{
color: #fff!important
}
#productos-visuales .producto .content .content-box .button_wrap{
padding: 0 2.5rem;
text-align: center;
}
#productos-visuales .producto .content .content-box .button_wrap .btn{
text-align: left;
}
/* ACTIVE HIGHLIGHT */
#productos-visuales .producto .media{
max-height: none;
}
#productos-visuales .producto .content .content-box{
background: transparent;
}
#productos-visuales .producto .content .content-box .dropdown-content{
display: block;
height: 70%;
}
#productos-visuales .producto .content .dropdown-link > .title p,
#productos-visuales .producto .content .dropdown-link > .subtitle h3{
color: #fff;
}
#productos-visuales .producto .content .content-box .dropdown-link {
background: none;
}
#productos-visuales .producto.active .content .content-box .dropdown-link {
height: 30%;
}
#productos-visuales .producto.active .content .content-box .dropdown-content{
height: 70%;
}
#productos-visuales .producto .content .content-box .button_wrap .btn a{
width: auto;
}
/*Hover icon*/
#productos-visuales .producto .content .dropdown-link > .icon p img.hover-image{
display: none;
}
#productos-visuales .producto:hover .content .dropdown-link > .icon p img.hover-image{
display: block;
}
#productos-visuales .producto:hover .content .dropdown-link > .icon p img:not(.hover-image){
display: none;
}
}
/* Adaptar imagen destacado como media-desktop */
@media(max-width: 992px){
#productos-visuales .producto .media img{
width: auto;
height: auto;
display: block;
position: relative;
margin: 0 auto;
}
#productos-visuales .producto .media{
display: block;
/* position: absolute; */
height: 600px;
top: 0;
left: 0;
width: 100%;
}
#productos-visuales .producto:not(:last-child) .content .content-box {
border-bottom: 2px solid #F0F0F0;
}
#productos-visuales .producto .media .media-wrap{
left: -100%;
width: 300%;
height: 375px;
position: absolute;
top: 0;
overflow: hidden;
}
#productos-visuales .producto .media .media-wrap picture{
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#productos-visuales .producto .media .media-wrap picture img{
width: auto;
height: 100%;
display: block;
position: relative;
margin: 0 auto;
left: 0;
}
#productos-visuales.no-opacity .producto.active .media:after {
background: rgba(255,255,255,0) !important;
}
#productos-visuales.no-opacity .producto .content .dropdown-link > .subtitle h3,
#productos-visuales.no-opacity .producto .content .content-box .description * {
color: #004f70 !important;
}
#productos-visuales.no-opacity .producto.active .content .dropdown-link > .subtitle h3,
#productos-visuales.no-opacity .producto.active .content .content-box .description * {
color: #fff !important;
}
#productos-visuales.no-opacity .producto.active .content .content-box .dropdown-link {
background: url(icons/up-arrow.png) no-repeat 93% center;
}
}
@media (max-width: 375px){
#productos-visuales .producto .media .media-wrap.parent-img{
left: -115%;
}
}
@media (max-width: 340px){
#productos-visuales .producto .media {
display: block;
/* position: absolute; */
height: 600px !important;
top: 0;
left: 0;
width: 100%;
}
#productos-visuales .producto .media .media-wrap.parent-img{
left: -140%;
}
}
/********************************
END - Productos Visuales
********************************/
/************************************
START - Ventajas Dispositivos
************************************/
/* Dispositivos moviles hasta 768px */
/*
#ventajas-dispositivos .media-desktop {
display: none;
}
*/
.container-fluid.bg-2cols > .row > .bg-dark-blue {
float: none;
}
#ventajas-dispositivos .producto:not(.active) :not(.media){
filter: grayscale(100%);
opacity: 1;
transition: opacity .9s ease-out;
}
#ventajas-dispositivos .producto.active :not(.media){
filter: grayscale(0%);
transition: opacity .9s ease-out;
opacity: 1;
}
#ventajas-dispositivos .producto .description {
margin-top: 4rem;
}
#ventajas-dispositivos .producto .media {
position: relative;
height: 214px;
background: #007eae;
overflow: visible;
}
#ventajas-dispositivos .producto .media img {
position: absolute;
top: 20px;
left: 0;
right: 0;
margin: 0 auto;
width: 12em;
/*height: 25em;*/
max-width: 100%;
height: auto;
/*opacity: 0;*/
}
#ventajas-dispositivos .producto .media img:first-child {
opacity: 0;
}
#ventajas-dispositivos .producto.active .media img:first-child {
opacity: 1;
transition: opacity 0.2s ease-out;
}
#ventajas-dispositivos .producto .content {
text-align: left;
}
#ventajas-dispositivos .producto.imgsFree .media img {
max-width: 550px;
width: 100%;
}
#ventajas-dispositivos .producto.mobile .content,
#ventajas-dispositivos .producto.imgsFree .content {
margin-top: 160px;
}
#ventajas-dispositivos .producto.monitor .content {
margin-top: 65px;
}
#ventajas-dispositivos .producto .content .description{
padding: 0 1.5rem;
text-align: center;
margin-bottom: 15px;
}
#ventajas-dispositivos .producto .content h3 {
font-size: 2.2rem;
line-height: 3rem;
text-align: center;
padding: 0 1.5rem;
}
#ventajas-dispositivos .producto .content .button_wrap{
margin: 3rem 0 6rem 0;
display: block;
}
#ventajas-dispositivos .producto .content .button_wrap .btn{
width: 100%;
}
#ventajas-dispositivos .producto .content .button_wrap a{
/*width: 100%;*/
width: 180px;
height: 46px;
display: inline-block;
line-height: 2rem;
}
/*
#ventajas-dispositivos .producto .media {
filter: drop-shadow(0px 0px 36px rgba(0,0,0,0.18));
}
*/
#ventajas-dispositivos .producto.monitor .media {
filter: none;
}
#ventajas-dispositivos .producto.monitor .media img {
width: auto;
}
.opacidad {
opacity: 1;
transition: opacity 1s ease-out;
}
@media (min-width: 400px){
#ventajas-dispositivos .producto.monitor .content {
margin-top: 135px;
}
}
/* Desktop */
@media (min-width: 992px){
/* Region Layout - Azul 25% - Blanco 75% */
.container-fluid.bg-2cols{
padding: 0;
margin: 0;
}
.container-fluid.bg-2cols > .row{
display: table;
height: 100%;
width: 100%;
}
.container-fluid.bg-2cols > .row > .bg-dark-blue,
.container-fluid.bg-2cols > .row > .bg-white{
display: table-cell;
height: 100%;
padding: 0.1%
}
.container-fluid.bg-2cols > .row > .bg-white{
width: 100%;
}
#ventajas-dispositivos .producto.mobile .dispFijo,
#ventajas-dispositivos .producto.imgsFree .dispFijo {
top: 26% !important;
left: -51.4% !important;
position: fixed !important;
}
#ventajas-dispositivos .producto.mobile .dispMovil,
#ventajas-dispositivos .producto.imgsFree .dispMovil {
top: auto !important;
left: -100% !important;
bottom: 160px;
}
#ventajas-dispositivos .producto.monitor .dispFijo {
top: 31% !important;
left: -0.5% !important;
position: fixed !important;
}
#ventajas-dispositivos .producto.monitor .dispMovil {
top: auto!important;
bottom: 280px;
}
/*
#ventajas-dispositivos {
height: 670px;
overflow: hidden;
}
*/
#ventajas-dispositivos > .row {
overflow: auto;
max-height: 100%;
margin-right: -100px;
padding-right: 100px;
}
#ventajas-dispositivos .producto {
margin: 200px 0;
}
#ventajas-dispositivos .producto:first-child {
/* margin-top: 0; */
}
#ventajas-dispositivos .producto:last-child {
/* margin-bottom: 0; */
}
#ventajas-dispositivos .producto.monitor .media img {
width: 650px;
height: 418px;
top: 170px;
left: -32.6%;
margin: 0;
z-index: 1;
}
#ventajas-dispositivos .producto.mobile .media img {
width: 260px;
height: 500px;
top: 160px;
left: -100%;
z-index: 1;
border-radius: 40px;
}
#ventajas-dispositivos .producto.imgsFree .media img {
width: auto;
height: auto;
top: 160px;
left: -100%;
z-index: 1;
/*border-radius: 40px;*/
}
#ventajas-dispositivos .producto.mobile .media img:nth-child(2) {
box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
}
#ventajas-dispositivos .producto .media {
background: #fff;
height: auto;
/*display: none;*/
position: inherit;
}
#ventajas-dispositivos .producto.mobile .content,
#ventajas-dispositivos .producto.imgsFree .content {
margin-top: 0;
}
#ventajas-dispositivos .producto .content {
width: 100%;
margin: 0 auto;
}
#ventajas-dispositivos .producto .content h3 {
font-size: 4.4rem;
line-height: 5rem;
text-align: left;
padding: 0;
}
#ventajas-dispositivos .producto .content .description {
padding: 0;
text-align: left;
}
#ventajas-dispositivos .producto .content .button_wrap{
display: inline-block;
}
#ventajas-dispositivos .producto .content .button_wrap a{
padding: 1.5rem 5rem;
width: 100%;
}
#ventajas-dispositivos .producto.mobile .content,
#ventajas-dispositivos .producto.imgsFree .content{
padding-left: 17rem;
}
#ventajas-dispositivos .producto.imgsFree .content {
padding-left: 250px;
}
#ventajas-dispositivos .producto.monitor .content {
padding-left: 403px;
}
#ventajas-dispositivos .producto .content {
max-width: 670px;
}
}
#ventajas-dispositivos .producto .content p {
font-size: 1.6rem;
margin-top: 2rem;
}
@media (min-width: 1200px){
#ventajas-dispositivos .producto.monitor .content {
padding-left: 300px;
max-width: 800px;
}
}
@media (min-width: 1400px){
#ventajas-dispositivos .producto.monitor .content {
padding-left: 250px;
}
}
@media (min-width: 1600px){
#ventajas-dispositivos .producto.monitor .content {
padding-left: 100px;
}
#ventajas-dispositivos .producto.imgsFree .content {
padding-left: 0;
}
}
/************************************
END - Ventajas Dispositivos
************************************/
/************************************
START - Carrusel Ventajas
************************************/
.bg-blue-v-gradient{
background: rgba(0,125,174,1);
background: -moz-linear-gradient(top, rgba(0,125,174,1) 0%, rgba(0,78,112,1) 79%, rgba(0,78,112,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,125,174,1)), color-stop(79%, rgba(0,78,112,1)), color-stop(100%, rgba(0,78,112,1)));
background: -webkit-linear-gradient(top, rgba(0,125,174,1) 0%, rgba(0,78,112,1) 79%, rgba(0,78,112,1) 100%);
background: -o-linear-gradient(top, rgba(0,125,174,1) 0%, rgba(0,78,112,1) 79%, rgba(0,78,112,1) 100%);
background: -ms-linear-gradient(top, rgba(0,125,174,1) 0%, rgba(0,78,112,1) 79%, rgba(0,78,112,1) 100%);
background: linear-gradient(to bottom, rgba(0,125,174,1) 0%, rgba(0,78,112,1) 79%, rgba(0,78,112,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dae', endColorstr='#004e70', GradientType=0 );
}
.bg-blue-v-gradient .col-md-10{
padding: 0;
}
.carrusel-ventajas .slide:not(.current-slide) .slide-header{
/*display: none;*/
}
.carousel-container > .carousel-ventajas-header{
margin: 0 3rem;
}
.carousel-container > .carousel-ventajas-header h2{
margin-top: 0;
}
.carousel-container > .carousel-ventajas-header h2,
.carousel-container > .carousel-ventajas-header p{
color: #fff;
}
.bg-light-Blue .carousel-ventajas-header h2, .bg-light-Blue .carousel-ventajas-header p,
.bg-yellow .carousel-ventajas-header h2, .bg-yellow .carousel-ventajas-header p,
.bg-light-Yellow .carousel-ventajas-header h2, .bg-light-Yellow .carousel-ventajas-header p,
.bg-white .carousel-ventajas-header h2, .bg-white .carousel-ventajas-header p,
.bg-light-grey .carousel-ventajas-header h2, .bg-light-grey .carousel-ventajas-header p{
color: #004f70;
}
.carrusel-ventajas .slide .slide-media{
/*margin: 0 3rem;
width: 100%!important;
height: 100%!important;*/
}
.carrusel-ventajas .slide .slide-media img{
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap{
margin: 0;
}
/*START - Fix descuadre mobile IOS #84607*/
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap:before,
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap:after{
display: none;
}
/*END - Fix descuadre mobile IOS #84607*/
/* START - #81866 - Colores fondo destacados + textos */
.carrusel-ventajas .slide .slide-content.bg-site {background: #007EAE!important;}
.carrusel-ventajas .slide .slide-content.bg-site .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-site .item-text p,
.carrusel-ventajas .slide .slide-content.bg-site .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-Blue {background: #E1F2FB!important;}
.carrusel-ventajas .slide .slide-content.bg-light-Blue .slide-highlight:after{
background: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-Blue .item-title h3{
color: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-Blue .item-text p,
.carrusel-ventajas .slide .slide-content.bg-light-Blue .nri p{
color: #555!important;
}
.carrusel-ventajas .slide .slide-content.bg-dark-Blue {background: #007EAE!important;}
.carrusel-ventajas .slide .slide-content.bg-dark-Blue .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-dark-Blue .item-text p,
.carrusel-ventajas .slide .slide-content.bg-dark-Blue .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-navy-Blue {background: #1D2546!important;}
.carrusel-ventajas .slide .slide-content.bg-navy-Blue .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-navy-Blue .item-text p,
.carrusel-ventajas .slide .slide-content.bg-navy-Blue .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-green {background: #19818B!important;}
.carrusel-ventajas .slide .slide-content.bg-green .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-green .item-text p,
.carrusel-ventajas .slide .slide-content.bg-green .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-grey {background: #F0F0F0!important;}
.carrusel-ventajas .slide .slide-content.bg-light-grey .slide-highlight:after{
background: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-grey .item-title h3{
color: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-grey .item-text p,
.carrusel-ventajas .slide .slide-content.bg-light-grey .nri p{
color: #555!important;
}
.carrusel-ventajas .slide .slide-content.bg-grey {background: #D6DBDF!important;}
.carrusel-ventajas .slide .slide-content.bg-grey .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-grey .slide-highlight:after{
color: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-grey .item-text p,
.carrusel-ventajas .slide.botones-flotantes .slide-content.bg-grey .nri p{
color: #555!important;
}
.carrusel-ventajas .slide .slide-content.bg-garnet {background: #6A150E!important;}
.carrusel-ventajas .slide .slide-content.bg-garnet .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-garnet .item-text p,
.carrusel-ventajas .slide .slide-content.bg-garnet .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-orange {background: #C4471A!important;}
.carrusel-ventajas .slide .slide-content.bg-orange .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-orange .item-text p,
.carrusel-ventajas .slide .slide-content.bg-orange .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-dark-orange {background: #C4471A!important;}
.carrusel-ventajas .slide .slide-content.bg-dark-orange .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-dark-orange .item-text p,
.carrusel-ventajas .slide .slide-content.bg-dark-orange .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-Yellow {background: #FFF8C5!important;}
.carrusel-ventajas .slide .slide-content.bg-light-Yellow .slide-highlight:after{
background: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-Yellow .item-title h3{
color: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-Yellow .item-text p,
.carrusel-ventajas .slide.botones-flotantes .slide-content.bg-light-Yellow .nri p{
color: #555!important;
}
.carrusel-ventajas .slide .slide-content.bg-Yellow {background: #F4C43C!important;}
.carrusel-ventajas .slide .slide-content.bg-Yellow .slide-highlight:after{
background: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-Yellow .item-title h3{
color: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-Yellow .item-text p,
.carrusel-ventajas .slide.botones-flotantes .slide-content.bg-Yellow .nri p{
color: #555!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-pink {background: #FDEAEE!important;}
.carrusel-ventajas .slide .slide-content.bg-light-pink .slide-highlight:after{
background: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-pink .item-title h3{
color: #004f70!important;
}
.carrusel-ventajas .slide .slide-content.bg-light-pink .item-text p,
.carrusel-ventajas .slide.botones-flotantes .slide-content.bg-light-pink .nri p{
color: #555!important;
}
.carrusel-ventajas .slide .slide-content.bg-rose {background: #BC1350!important;}
.carrusel-ventajas .slide .slide-content.bg-rose .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-rose .item-text p,
.carrusel-ventajas .slide .slide-content.bg-rose .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-dark-rose {background: #5D1B3A!important;}
.carrusel-ventajas .slide .slide-content.bg-dark-rose .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-dark-rose .item-text p,
.carrusel-ventajas .slide .slide-content.bg-dark-rose .nri p{
color: #fff!important;
}
.carrusel-ventajas .slide .slide-content.bg-red {background: #DE3532!important;}
.carrusel-ventajas .slide .slide-content.bg-red .item-title h3,
.carrusel-ventajas .slide .slide-content.bg-red .item-text p,
.carrusel-ventajas .slide .slide-content.bg-red .nri p{
color: #fff!important;
}
/* FIN - #81866 - Colores fondo destacados + textos */
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight{
padding: 1rem 2rem;
text-align: left;
text-shadow: none;
/*background: #fff;*/
min-height: 90px;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .slide-highlight:not(.with-button) .item-content{
margin-bottom: 1rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text p{
font-size: 1.4rem;
}
.carrusel-ventajas .slide:not(.caja-flotante) .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text:nth-child(2) p{
margin-top: 3rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-title{
min-height: 78px!important;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-title h3{
font-size: 2rem;
line-height: 2.6rem;
margin-top: 2rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button {
/*position: absolute;*/
/*bottom: 0;*/
margin-top: 1rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap{
/*margin: 0 1rem 0rem 1rem;*/
display: block;
margin: 0;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn{
width: 100%;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn-white a{
background: #fff;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn a{
font-size: 1.4rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-buttons{
float: none;
text-align: right;
overflow: hidden;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-buttons .button_wrap{
margin: 1rem 1rem 1rem 1rem;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .slide-highlight.with-button{
padding-bottom: 3rem;
}
/* Float button */
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .slide-buttons {
position: absolute;
bottom: -30px;
}
/*Float buttons*/
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .nri{
position: relative;
top: 70px;
left: 0px;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .nri p{
color: #fff;
padding-top: 0;
}
.carrusel-ventajas .slide.botones-flotantes.caja-flotante .slide-content .slide-highlights-wrap .nri p{
color: #fff;
}
/*Arrows*/
.carrusel-ventajas ~ #carousel-left,
.carrusel-ventajas > .inner-arrow-left{
width: 47px;
height: 48px;
background: url('https://www.caixabank.es//deployedfiles/common/R2016/Estaticos/images/icons/hm-slider-arrow-left.png') no-repeat center center transparent;
position: absolute;
top: 50%;
left: 0%;
z-index: 999;
background-size: 3rem;
}
.carrusel-ventajas ~ #carousel-right,
.carrusel-ventajas > .inner-arrow-right{
width: 47px;
height: 48px;
background: url('https://www.caixabank.es//deployedfiles/common/R2016/Estaticos/images/icons/hm-slider-arrow-right.png') no-repeat center center transparent;
position: absolute;
top: 50%;
right: 0%;
z-index: 999;
background-size: 3rem;
}
/*Inner arrows*/
.carrusel-ventajas .video-placeholder .inner-arrow-left{
width: 50px;
height: 50px;
background: url('images/flecha-derecha.png') no-repeat center center transparent;
background-size: 1.5rem;
-webkit-transform: rotate(180deg); /* safari - Chrome*/
-moz-transform: rotate(180deg); /* Firefox */
-o-transform: rotate(180deg); /* Opera */
transform: rotate(180deg);
position: absolute;
top: 35%;
left: 0%;
z-index: 999;
}
.carrusel-ventajas .video-placeholder .inner-arrow-right{
width: 50px;
height: 50px;
background: url(images/flecha-derecha.png) no-repeat center center transparent;
background-size: 1.5rem;
position: absolute;
top: 35%;
right: 0%;
z-index: 999;
}
/**/
.carrusel-ventajas .slide .slide-content{
overflow: visible;
bottom: 0;
background: #fff;
position: relative;
left: 0;
top: 0;
opacity: 1!important;
}
.carrusel-ventajas .slide.back-slide .slide-content{
display: none!important;
}
.carrusel-ventajas .slide.caja-flotante .slide-content{
background: #007eae;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo{
position: absolute;
top: -2rem;
left: 2rem;
z-index: 1;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight:after {
content: '';
position: absolute;
top: 0rem;
left: 2rem;
right: 2rem;
display: block;
height: 2px;
background: #F1F1F1;
}
.carrusel-ventajas .slide:not(.caja-flotante) .slide-content .slide-highlights-wrap .slide-highlight:after {
/*top: 1.7rem;*/
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight:last-child:after{
/*display: none;*/
}
/* Video */
.carrusel-ventajas .slide-media .video-placeholder{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.carrusel-ventajas .slide.back-slide .slide-media .video-placeholder{
overflow: hidden;
}
.carrusel-ventajas .slide-media .video-placeholder > div{
max-width: none!important;
}
.carrusel-ventajas .slide-media .video-placeholder > div > div{
padding-top: 56%!important;
}
.carrusel-ventajas .slide-media .video-placeholder.popup{
position: fixed;
top: 170px;
left: 0;
margin: 0 auto;
z-index: 999;
width: 80%;
bottom: auto;
border-radius: 7px;
}
.sticky-nav .carrusel-ventajas .slide-media .video-placeholder.popup{
top: 100px;
}
.carrusel-ventajas .slide-media .vjs-big-play-button{
top: 50%;
}
.carrusel-ventajas .slide.back-slide .bc-player-HkoikgMhf_default .vjs-big-play-button{
display: none;
}
/* Apariencia Azul Flotante */
.carrusel-ventajas .slide.caja-flotante .slide-content{
width: 100%;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap,
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight{
/*background: #007eae;*/
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight h3,
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight p{
color: #fff;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .tracker-summation-container{
position: absolute;
left: -60px;
bottom: 60px;
}
/* Boton blanco */
.carrusel-ventajas .slide .slide-buttons .btn:not(.btn-yellow):not(.btn-blue) a{
text-decoration: underline!important;
border: none;
}
.carrusel-ventajas .slide .slide-buttons .btn:not(.btn-yellow):not(.btn-blue) a:hover{
box-shadow: none;
}
/*Full Width Video*/
.carrusel-ventajas .carousel-feature.center-slide.full-width{
width: 100%!important;
left: 0!important;
}
.carrusel-ventajas .carousel-feature.center-slide.full-width .slide-content{
width: 62.5%!important;
margin: 0 auto;
}
.carrusel-ventajas .center-slide.full-width .slide-media .video-placeholder.video-wrapper.neo-brightcove_v2-video.neo-video-responsive > div:first-child{
width: 100%;
height: auto;
top: -64%;
}
/*Feature Carsousel CSS*/
.carousel-container {
position:relative;
width: auto;
margin: 5rem 0 9rem 0;
}
.carrusel-ventajas {
/*width: 1585px;*/
/*height:675px;*/
/*background-color:#CCC;*/
position:relative;
/*margin-bottom: 10rem;*/
font-size:12px;
font-family: Arial;
}
.carrusel-ventajas .carousel-image {
border:0;
display:block;
}
.carrusel-ventajas .carousel-feature.back-slide {
position:absolute;
top:-1000px;
left:-1000px;
border:2px solid #5d5d5d;
cursor:pointer;
max-width: 100%;
width: auto!important;
height: auto!important;
opacity: 0.4!important;
pointer-events: none;
transition: width 1s;
}
.carrusel-ventajas .carousel-feature.center-slide {
position:relative;
z-index: 4!important;
height: auto!important;
opacity: 1!important;
overflow: visible!important;
}
.carrusel-ventajas .carousel-feature .gallery-item.carousel-caption p {
margin:0;
}
.carrusel-ventajas > .tracker-summation-container {
display: none;
}
.carrusel-ventajas .slide-content .tracker-summation-container {
padding: 3px;
margin: 3px 0 10px 15px;
z-index: 10;
text-align: left;
position: absolute;
left: 35px;
top: -45px;
}
.carrusel-ventajas .tracker-summation-container span{
color: #fff;
font-weight: bold;
font-size: 1.2rem;
}
.carrusel-ventajas .tracker-individual-container {
position:absolute;
left: 120px;
z-index: 10;
border: 3px solid grey;
width: 40px;
height: 40px;
border-radius: 50%;
top: 180px;
display: none!important;
}
.carrusel-ventajas .tracker-individual-container li {
list-style:none;
}
.carrusel-ventajas .tracker-individual-container .tracker-individual-blip {
margin:0 3px;
padding:0 3px;
color:white;
text-align:center;
background-color:#DDD;
}
.carrusel-ventajas .tracker-individual-container .tracker-individual-blip-selected {
color:white;
font-weight:bold;
background-color:#000;
}
.carrusel-ventajas ~ #carousel-left {
position:absolute;
bottom:33px;
left:220px;
cursor:pointer;
}
.carrusel-ventajas ~ #carousel-right {
position:absolute;
bottom:33px;
right:220px;
cursor:pointer;
}
/* Cerrar Video Boton*/
.carrusel-ventajas .slide .closeButton{
height: 50px;
width: 50px;
display: block;
color: #000;
z-index: 999;
position: absolute;
font-size: 4rem;
text-decoration: none;
line-height: 4rem;
text-align: center;
right: 0;
background: url(images/icon-close-cb.png) no-repeat center center;
}
/* MEDIAS */
@media(max-width: 992px){
.carrusel-ventajas .slide.carousel-feature {
opacity: 1!important;
left: auto!important;
width: 100%!important;
/*transition: opacity 0.5s;*/
top: 0!important;
}
.carrusel-ventajas .slide .slide-media img{
width: 100%!important;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight{
width: 100%;
padding-top: 2rem;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo {
top: 0.6rem;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text {
margin-left: 13px;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-logo + .item-text{
padding-left: 90px;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text p{
margin: 0;
}
.carrusel-ventajas .slide .slide-content{
background: #fff;
display: block!important;
}
.carrusel-ventajas .slide.back-slide{
opacity: 0!important;
}
.carrusel-ventajas .carousel-feature.center-slide {
position:relative;
z-index: 4!important;
height: auto!important;
left: 0px!important;
transition: opacity 1s;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight {
padding-bottom: 2rem;
padding-top: 3rem;
padding-left: 1rem;
padding-right: 1rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap{
display: flex;
flex-wrap: wrap;
}
.carrusel-ventajas .slide:not(.caja-flotante) .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo{
left: 1rem;
}
.carrusel-ventajas .slide:not(.caja-flotante) .slide-content .slide-highlights-wrap .slide-highlight:after {
top: 1.7rem;
}
/*Arrows*/
.carrusel-ventajas ~ #carousel-left{
top: 25%;
left: 0%;
}
.carrusel-ventajas ~ #carousel-right{
top: 25%;
right: 0%;
}
.carrusel-ventajas.popup-video ~ #carousel-left,
.carrusel-ventajas.popup-video ~ #carousel-right{
display: none;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight:first-child:after {
display: none;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .nri{
width: 100%;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .slide-buttons {
position: absolute;
bottom: -9%;
}
/*Float buttons*/
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .nri{
position: absolute;
bottom: -12%;
top: auto;
}
.carousel-container {
margin-bottom: 10rem;
}
}
@media(max-width: 340px){
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-button .button_wrap .btn a {
font-size: 1rem;
}
}
@media (min-width: 768px){
/*Float buttons*/
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .nri{
position: absolute;
bottom: 20px;
left: 20px;
top: auto;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .nri p{
color: #000;
padding-top: 0;
}
}
@media (min-width: 991px){
.carrusel-ventajas{
/*min-height: 565px;*/
margin-bottom: 0rem;
}
.carrusel-ventajas .slide .slide-media img{
transition: width 1s;
}
.bg-blue-v-gradient .col-md-10{
padding: 0 15px;
}
.carrusel-ventajas ~ #carousel-left{
left: -5%;
}
.carrusel-ventajas ~ #carousel-right{
right: -5%;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight:after {
content: '';
position: absolute;
top: 25%;
left: 0;
display: block;
width: 2px;
background: #F1F1F1;
height: 50%;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight:after{
/*height: 95px;*/
height: 50%;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight:first-child:after{
display: none;
}
/* NRI */
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .nri{
float: left;
bottom: -30px;
position: absolute;
left: -15px;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .nri p{
text-shadow: none;
font-size: 1rem;
margin: 0;
padding: 2rem 1rem 1rem 1.5rem;
color: #fff;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .nri {
bottom: 20px;
position: absolute;
left: 10px;
bottom: 0;
}
/* Slides content */
.carrusel-ventajas .slide .slide-content{
position: absolute;
left: 0;
top: auto;
right: 0;
/*bottom:-5px;*/
width:100%;
padding: 0;
/*background: #fff;*/
opacity: 1!important;
overflow: visible!important;
}
.carrusel-ventajas .slide.caja-flotante .slide-content{
width: 80%;
margin: 0 auto;
bottom: -40px;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text p{
font-size: 1.6rem;
line-height: 2.2rem;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight.with-button .item-content .item-text p{
min-height: 110px;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text p{
/*min-height: 0;*/
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-logo{
top: -35px;
right: 25px;
left: auto;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .slide-highlights-wrap .slide-highlight .item-content .item-text{
margin-top: 2.5rem;
}
.carrusel-ventajas .slide.botones-flotantes .slide-content .slide-highlights-wrap .slide-highlight{
margin-bottom:2rem;
}
.carrusel-ventajas .slide-content .tracker-summation-container {
position: absolute;
top: -40px;
}
.carrusel-ventajas .slide.caja-flotante .slide-content .tracker-summation-container {
top: 40px;
}
/* Video */
.carrusel-ventajas .slide-media .video-placeholder.video-wrapper.neo-brightcove_v2-video.neo-video-responsive > div:first-child{
max-width: none!important;
position: absolute!important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.carrusel-ventajas .slide-media .vjs-big-play-button{
top: 15%;
}
.carrusel-ventajas .caja-flotante .slide-media .vjs-big-play-button{
top: 20%;
}
.carrusel-ventajas .slide .slide-content .slide-highlights-wrap .slide-highlight.with-button .item-content .item-text{
min-height: 130px;
}
}
@media (min-width: 1200px){
.carrusel-ventajas{
/*min-height: 675px;*/
margin-bottom: 0rem;
}
.carrusel-ventajas ~ #carousel-left{left: -3%}
.carrusel-ventajas ~ #carousel-right{right: -3%;}
.carousel-container > .carousel-ventajas-header{
padding: 0 10%;
}
.carrusel-ventajas .slide-media .vjs-big-play-button{
top: 25%;
}
.carrusel-ventajas .caja-flotante .slide-media .vjs-big-play-button{
top: 35%;
}
}
@media (min-width: 1441px){
.carousel-container > .carousel-ventajas-header{
padding: 0 20%;
}
.carrusel-ventajas ~ #carousel-left{left: 5%}
.carrusel-ventajas ~ #carousel-right{right: 5%;}
/* .carrusel-ventajas > .inner-arrow-left{left: 21%} */
/* .carrusel-ventajas > .inner-arrow-right{right: 21%;} */
}
@media (min-width: 1500px){
.carrusel-ventajas ~ #carousel-left{left: 7%;}
.carrusel-ventajas ~ #carousel-right{right: 7%;}
/* .carrusel-ventajas > .inner-arrow-left{left: 23%;} */
/* .carrusel-ventajas > .inner-arrow-right{right: 23%;} */
}
@media (min-width: 1600px){
.carrusel-ventajas ~ #carousel-left{left: 9%}
.carrusel-ventajas ~ #carousel-right{right: 9%;}
/* .carrusel-ventajas > .inner-arrow-left{left: 25%;} */
/* .carrusel-ventajas > .inner-arrow-right{right: 25%;} */
}
@media (min-width: 1700px){
.carrusel-ventajas ~ #carousel-left{left: 12%;}
.carrusel-ventajas ~ #carousel-right{right: 12%;}
/* .carrusel-ventajas > .inner-arrow-left{left: 28%;} */
/* .carrusel-ventajas > .inner-arrow-right{right: 28%;} */
}
@media (min-width: 1800px){
.carrusel-ventajas ~ #carousel-left{left: 14%;}
.carrusel-ventajas ~ #carousel-right{right: 14%}
/* .carrusel-ventajas > .inner-arrow-left{left: 30%;} */
/* .carrusel-ventajas > .inner-arrow-right{right: 30%;} */
}
@media (min-width: 1900px){
.carrusel-ventajas ~ #carousel-left{left: 16%;}
.carrusel-ventajas ~ #carousel-right{right: 16%;}
.carrusel-ventajas > .inner-arrow-left{left: 16%;}
.carrusel-ventajas > .inner-arrow-right{right: 16%;}
/* .carrusel-ventajas > .inner-arrow-left{left: 32%;} */
/* .carrusel-ventajas > .inner-arrow-right{right: 32%;} */
}
/************************************
END - Carrusel Ventajas
************************************/
/*******************************************
START - Mejoras Banner A1/Slider Promo
*******************************************/
/* BLOQUE Banner Promo */
/*Fixed container*/
.banner-highlights.slider-highlights-fixed{
position: fixed;
top: 59px;
left: 0;
z-index: 100;
box-shadow: 0 7px 2rem -7px #666;
}
@media(min-width: 991px){
.banner-highlights.slider-highlights-fixed{
top: 85px;
}
}
/*Image*/
.slider-promotion .promotion-heading .promotion-image{
text-align: center;
}
/*Title*/
.slider-promotion .promotion-heading .promotion-title{
padding: 0;
}
.slider-promotion .promotion-heading .promotion-title h2{
margin-top: 2.5rem;
text-align: center;
font-size: 2.2rem;
line-height: 2.6rem;
}
/*Text*/
.slider-promotion .promotion-content .promotion-text .promotion-description{
padding: 0;
}
.slider-promotion .promotion-content .promotion-text .promotion-description p{
text-align: center;
color: #000;
}
.slider-promotion .promotion-content .promotion-text .promotion-date img{
position: relative;
top: 3px;
}
.slider-promotion .promotion-content .promotion-text .promotion-date p{
text-align: center;
font-size: 1.2rem;
}
.slider-promotion .promotion-content .promotion-nri{
position: absolute;
right: 68px;
top: 75px;
}
.slider-promotion .promotion-title .promotion-nri{
margin-top: 1rem;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-title .promotion-nri{
display: none!important;
}
.slider-promotion .promotion-nri p{
font-size: 0.8rem;
line-height: 1.2rem;
margin: 0;
}
.banner.banner-promo .banner-text .page-description p{
color: #fff;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
}
@media(max-width: 992px){
.slider-promotion .promotion-heading{
overflow: hidden;
/*width: 80%;*/
margin: 0 auto;
display: table;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-heading{
overflow: visible;
}
/*Image*/
.slider-promotion .promotion-heading .promotion-image{
position: relative;
width: 20%;
display: table-cell;
vertical-align: top;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-heading .promotion-image{
width: 100%;
position: absolute;
top: -25px;
left: 0;
}
.slider-promotion .promotion-heading .promotion-image img{
max-width: 100%;
height: auto;
margin: 2.5rem 0 0 0;
min-width: 125px;
box-shadow: 5px 5px 20px 5px #ECECEC;
webkit-box-shadow: 5px 5px 20px 5px #ECECEC;
moz-box-shadow: 5px 5px 20px 5px #ECECEC;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-heading .promotion-image img{
max-width: 128px;
margin: 0;
}
/*Title*/
.slider-promotion .promotion-heading .promotion-title{
display: table-cell;
vertical-align: top;
padding-left: 2rem;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-heading .promotion-title{
padding: 0;
}
.slider-promotion .promotion-heading .promotion-title h2{
font-size: 1.8rem;
line-height: 2rem;
text-align: left;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-heading .promotion-title h2{
margin-top: 7rem;
text-align: center;
}
.slider-promotion .promotion-content .promotion-text .promotion-description{
display: none;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-content .promotion-text .promotion-description{
display: block;
}
/*Text*/
.slider-promotion .promotion-content .promotion-text .promotion-description p{
font-size: 1.6rem;
line-height: 2rem;
}
/*Button*/
.slider-promotion .promotion-content .promotion-button{
text-align: center;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-content .promotion-button{
position: relative;
}
.slider-promotion .promotion-content .promotion-button .button_wrap{
margin: 0;
display: block;
width: 100%;
}
.slider-promotion .promotion-content .promotion-button .button_wrap .btn{
border: none;
width: 100%;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-content .promotion-button .button_wrap .btn{
display: inline-block;
width: auto;
}
.slider-promotion .promotion-content .promotion-button .button_wrap .btn > a{
display: block;
width: 100%;
max-width: none;
margin: 0;
padding: 1rem;
}
.banner-highlights:not(.slider-highlights-fixed) .slider-promotion .promotion-content .promotion-button .button_wrap .btn > a{
padding: 0 1rem 0 2rem;
margin-bottom: 2rem;
}
.slider-promotion .promotion-content .promotion-button .button_wrap .btn.icon_lock > a:before{
position: relative;
left: -7px;
font-size: 1.6rem;
}
.slider-promotion .promotion-content .promotion-text .promotion-date .contenedor_exterior_columnas .estilo_col_derecha,
.slider-promotion .promotion-content .promotion-text .promotion-date .contenedor_exterior_columnas .estilo_col_izquierda{
width: 50%;
float: left;
}
.slider-promotion .slider-promotion-wrapper{
padding: 0;
}
.slider-promotion .promotion-content .promotion-text .promotion-date{
margin-bottom: 1.5rem;
}
}
@media(min-width: 991px) {
/* Containers */
/*
.slider-promotion .promotion-heading .promotion-image,
.slider-promotion .promotion-heading .promotion-title,
.slider-promotion .promotion-content .promotion-text,
.slider-promotion .promotion-content .promotion-button{
float: left;
}
.slider-promotion .promotion-heading .promotion-image,
.slider-promotion .promotion-content .promotion-button{
width: 25%;
}
.slider-promotion .promotion-heading .promotion-title,
.slider-promotion .promotion-content .promotion-text{
width: 75%;
}
*/
.slider-promotion .slider-promotion-wrapper {
display: table;
}
.slider-promotion .promotion-heading,
.slider-promotion .promotion-heading .promotion-image,
.slider-promotion .promotion-heading .promotion-title,
.slider-promotion .promotion-content,
.slider-promotion .promotion-content .promotion-text,
.slider-promotion .promotion-content .promotion-button {
display: table-cell;
float: none;
vertical-align: top;
}
.slider-promotion .promotion-heading .promotion-image {
vertical-align: top;
width: 20rem;
position: relative;
top: 3rem;
z-index: 1;
}
/*Content*/
.slider-promotion .promotion-content:before {
content: "";
width: 2px;
background: #ECECEC;
position: absolute;
top: 20%;
left: 0;
height: 60%;
}
/*Title*/
.slider-promotion .promotion-heading .promotion-title {
padding: 0 1.5rem 0 1.5rem;
}
.slider-promotion .promotion-heading .promotion-title h2 {
text-align: left;
padding-bottom: 2.5rem;
}
/*Text*/
.slider-promotion .promotion-content .promotion-text .promotion-date p {
}
.slider-promotion .promotion-content .promotion-text .promotion-date .contenedor_exterior_columnas {
margin: 0;
width: 200%;
margin-bottom: 2.5rem;
}
.slider-promotion .promotion-content .promotion-text .promotion-date .contenedor_exterior_columnas .estilo_col_derecha,
.slider-promotion .promotion-content .promotion-text .promotion-date .contenedor_exterior_columnas .estilo_col_izquierda {
width: auto;
float: left;
}
.slider-promotion .promotion-content .promotion-text .promotion-description {
padding: 0 1.5rem;
}
.slider-promotion .promotion-content .promotion-text .promotion-description p {
text-align: left;
}
.slider-promotion .promotion-content .promotion-text .promotion-description p:first-child {
margin-top: 2.5rem;
font-size: 1.6rem;
line-height: 2rem;
}
.slider-promotion .promotion-content .promotion-text .promotion-date p {
margin-top: 0;
text-align: left;
}
/*Image*/
.slider-promotion .promotion-heading .promotion-image {
text-align: left;
}
.slider-promotion .promotion-heading .promotion-image img {
margin-top: 0rem;
box-shadow: 5px 5px 20px 5px #ECECEC;
webkit-box-shadow: 5px 5px 20px 5px #ECECEC;
moz-box-shadow: 5px 5px 20px 5px #ECECEC;
max-width: 100%;
border-radius: 3px;
}
/*Button*/
.slider-promotion .promotion-content .promotion-button {
text-align: left;
}
.slider-promotion .promotion-content .promotion-button .button_wrap {
margin: 2.5rem 1rem 2rem 1rem;
}
.slider-promotion .promotion-content .promotion-button .button_wrap .btn > a {
padding: 0.9rem 1rem;
padding-left: 3.7rem;
}
.banner.banner-promo{
padding-bottom: 4rem;
background: transparent;
}
}
/*Banner Opacidad + Texto blanco Movil*/
@media(max-width: 1200px){
.banner.banner-promo .banner-media{
height: 217px;
position: relative;
}
.banner.banner-promo .banner-image-group {
width: 300%;
position: absolute;
left: -100%;
top: 0;
height: 100%;
overflow: hidden;
}
.banner.banner-promo .banner-image-group > picture {
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.banner.banner-promo .banner-image-group > picture img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: auto;
max-width: none;
}
.banner.banner-promo .page-banner{
position: absolute;
z-index: 9;
top: 0;
left: 0;
}
.banner.banner-promo .page-banner h1{
color: #fff;
}
.banner.banner-promo .banner-image-group:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #333;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
}
/* FIN BLOQUE Banner Promo */
/********************
ID ALIGN TEXTS
********************/
.page-banner#textBannerRight {
position: block;
left:auto;
right: auto;
}
@media (min-width: 1200px) {
.page-banner#textBannerRight {
position: relative;
left:260px;
}
}
@media (min-width: 1400px) {
.page-banner#textBannerRight {
position: relative;
left:370px;
}
}
@media (min-width: 1800px) {
.page-banner#textBannerRight {
position: relative;
left:450px;
}
}
.page-banner#textBannerLeft {
position: block;
left:auto;
right: auto;
}
@media (min-width: 1200px) {
.page-banner#textBannerLeft {
position: relative;
right:260px;
}
}
@media (min-width: 1400px) {
.page-banner#textBannerLeft {
position: relative;
right:370px;
}
}
@media (min-width: 1800px) {
.page-banner#textBannerLeft {
position: relative;
right:450px;
}
}
/* BLOQUE Banner A1 */
.banner .slider-highlights {
background: #007eae;
position: relative;
}
@media(min-width: 992px){
.banner .slider-highlights .slider-highlights-wrapper{
display: table;
}
}
.banner .slider-highlights .slider-highlights-wrapper .slider-highlight{
display: table-cell;
float: none;
vertical-align: middle;
}
.banner .slider-highlights .button-close {
position: absolute;
top: 1rem;
right: 3rem;
background-image: url(images/button_close.png);
width: 24px;
height: 24px;
cursor: pointer;
z-index: 2;
}
.slider-highlights .button-close {
display: none;
}
.slider-highlights-fixed .button-close {
display: block;
}
/*
.banner .slider-highlight:after {
content: '';
position: absolute;
top: 25%;
left: 0;
display: block;
width: 2px;
background: #F1F1F1;
height: 85px;
}
*/
.banner-highlights .slider-highlight-link {
display: table;
height: auto;
margin: 0 auto;
}
.banner-highlights .slider-highlight-link .btn.btn-yellow {
display: table-cell;
vertical-align: middle;
}
.banner-highlights .slider-highlight-link .btn.btn-yellow a {
background: #f4c53d;
text-decoration: none;
font-weight: bold;
/*padding: 10px;*/
color: #000;
border-radius: 0.2rem;
}
.banner .slider-highlights .slider-highlight .slider-highlight-link .button_wrap{
margin-bottom: 0;
}
.banner .slider-highlight:first-child:after {
display: none;
}
.banner .slider-highlights .slider-highlight-image {
text-align: center;
margin-top: -40px;
transition: all 0.5s;
}
@media(min-width: 991px){
.banner .banner-highlights:not(.slider-highlights-fixed) .slider-highlight-image {
top: 0px;
position: absolute;
left: 0;
right: 0;
}
.banner .banner-highlights:not(.slider-highlights-fixed) .slider-highlight-text{
padding-top: 4rem;
}
}
.banner .slider-highlights .slider-highlight-image img {
width: 78px;
margin-top: 0;
}
.banner .slider-highlights .slider-highlight-image.icon-left {
/*float: left;*/
margin: 0;
padding: 1rem;
display: table-cell;
vertical-align: middle;
}
.banner .slider-highlights .slider-highlight-text {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.banner .slider-highlights .slider-highlight-text p {
color: #fff;
/*display: table-cell;*/
vertical-align: top;
/*height: 110px;*/
padding: 2rem 0;
}
.slider-highlights-fixed {
position: fixed;
top: 11%;
left: 1%;
width: 100%;
z-index: 1000;
margin: 0;
}
@media(min-width: 992px){
.banner .slider-highlights .slider-highlight-image img {
margin-top: 1rem;
}
.banner .slider-highlights .slider-highlight-text {
display: block;
}
.banner .slider-highlights-fixed .slider-highlights .slider-highlight-text {
display: table-cell;
}
}
/* FIN BLOQUE Banner A1 */
/*******************************************
END - Mejoras Banner A1/Slider Promo
*****************************************/
/****************************************************************
END - NUEVOS COMPONENTES
****************************************************************/
/*****************
* Ticket #61598 *
*****************/
@media (max-width: 992px) {
.sh-highlights .sh-highlight.sh-h-double .sh-h-text {
height: auto;
}
}
/*****************
* Ticket #65009 *
*****************/
/* Fix subhome tarjetas (textos / buscador) */
@media (max-width: 335px) {
.card-search-banner .card-search-banner-r {
min-height: 14rem;
}
.card-search-banner .card-search-form form{
top: 3rem;
}
}
@media (max-width: 375px) {
.sh-highlights .sh-highlight .sh-h-description p{
font-size: 1.5rem;
line-height: 1.55rem;
}
.sh-highlights .sh-highlight.sh-h-double .sh-h-text{
height: 100%;
}
}
/*****************
* Ticket #62578 *
*****************/
.pr-highlight {
position: relative !important;
}
/*****************
* Ticket #62644 *
*****************/
@media (max-width: 519px) {
.neo-vjs-playlist cite {
display: block;
font-style: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
min-height: 100%;
}
}
.page-wrapper ol li {
list-style: none;
}
@media (max-width: 600px) {
.vjs-mouse.neo-vjs-playlist .vjs-selected .vjs-playlist-thumbnail:before {
left: 34px !important;
content:'' !important;
}
}
@media (max-width: 768px) {
.responsive-playlist-player-wrapper .video-js {
flex: 1 100% !important;
}
}
/*****************
* Ticket #61570 *
*****************/
.lineaabierta-placeholder-ie {
clip: auto;
width: auto;
height: auto;
margin: 0;
padding-left: 0.5rem;
padding-top: 0.9rem;
font-weight: normal;
}
/* Submenu Windows Phone*/
@-ms-viewport {
width: auto;
margin-left: -50%;
}
/*****************
* Ticket #62618 *
*****************/
body {
overflow: hidden;
}
/* Titulo ventanas modales accesibilidad */
#modalTitle {
position: absolute;
left: -999px;
width: 1px;
height: 1px;
top: auto;
}
@media (min-width: 992px) {
#modalTitle {
display: none;
}
}
@media (min-width: 992px){
#panel-menu .menu-linkgroup .tabs-item > a {
height: 6rem;
}
#panel-menu .tabs-items-scroll {
height: 6rem;
}
}
/*****************
* Ticket #63117 *
*****************/
#planes_pensiones_promos .v-highlight-right .button_wrap {
min-width: 120px;
text-align: left;
}
.component_wrapper[data-name="inicio_menu"]{display:none;}
.component_wrapper[data-name="inicio_menu"] a:after{background:none;}
@media (max-width: 767px){
.component_wrapper[data-name="inicio_menu"]{display:block;}
}
/** placeholder buscador oficinas footer **/
*#office-footer::-webkit-input-placeholder {
color: #777777!important;
}
*#office-footer:-moz-placeholder {
color: #777777!important;
}
*#office-footer::-moz-placeholder {
color: #777777!important;
}
*#office-footer:-ms-input-placeholder {
color: #777777!important;
}
/*error busqueda*/
.s-results #error .s-r-product-c.s-r-left{
background-color:#e6f2f7;
padding: 20px;
}
.s-results #error .s-r-product-c.s-r-right{
background-color:#e6f2f7;
padding-right:90px;
}
.s-results #error .s-r-product-c.s-r-right p.s-result-text-error{
font-size:2rem;
}
.s-results #error .s-r-product-c.s-r-right p.s-result-text-error span{
color:#007eae;
}
.s-results #error h2{
margin-top:20px;
}
.s-results #error ul{
margin-left:2px;
margin-bottom:10px;
}
.s-results #error .s-r-left img{
margin:0;
padding-right:2rem;
border-right: 1px solid #007eae;
}
@media (max-width: 767px){
.s-results #error .s-r-product-c.s-r-left{
width: 100%;
display: inline-block;
padding:2rem 2rem 0 2rem;
}
.s-results #error .s-r-left img{
margin:0;
border-right: 0;
width:11rem;
}
.s-results #error .s-r-product-c.s-r-right {
padding: 0 2rem 2rem 2rem;
}
.s-results #error .s-r-product-c.s-r-right p.s-result-text-error{
margin-top:1rem;
}
}
/*Nuevo bloque descarga app - ticket #63230*/
.app-download-wrapper h2 {
margin: 0;
}
.detalle_producto_descarga {
margin-top: 1rem;
}
.detalle_producto_descarga_img{
width:15%;
display:inline-block;
vertical-align:top;
margin-top:1rem;
}
.detalle_producto_descarga_desc{
width:84%;
display:inline-block;
vertical-align:top;
margin-top:1rem;
padding-right: 6rem;
}
.adquirir_producto_descarga_links{
width:48%;
vertical-align:top;
display:inline-block;
}
.adquirir_producto_descarga_links p{
padding-top: 0.35rem;
line-height:1.5rem;
font-size:1.1rem;
text-align: center;
}
.adquirir_producto_descarga_links .button_wrap{
margin: 2.5rem auto;
display: block;
}
.adquirir_producto_descarga_links .btn{
width: auto;
}
.adquirir_producto_descarga_links .btn a{
width: 100%;
}
.adquirir_producto_descarga_form{
width:48%;
vertical-align:top;
display:inline-block;
padding-left: 2%;
}
.adquirir_producto_descarga_form p{
padding-bottom: 1rem;
line-height:1.5rem;
font-size:1.1rem;
margin: 0;
}
.adquirir_producto_descarga h4{
margin: 0;
}
.adquirir_producto_descarga_form input[type="text"] {
background: #f1f1f1;
border:none;
height:4rem;
width:68%;
margin-right:0.5rem;
padding: 1rem;
}
.adquirir_producto_descarga_form input[type="submit"] {
background: #0289b7;
color:#fff;
border:none;
height:4rem;
width:28%;
}
.botones_descarga_store a img{
width: 13rem;
margin: 0 1rem 0 0rem;
height: auto;
}
@media (max-width: 768px){
.adquirir_producto_descarga_links{
width:100%;
/*margin-top: 2rem;*/
}
.adquirir_producto_descarga_form{
width:100%;
/*padding:2rem 0 2rem 0;*/
}
.botones_descarga_store{
text-align:center;
}
}
@media (max-width: 640px){
.detalle_producto_descarga_img{
width:100%;
text-align:center;
}
.detalle_producto_descarga_desc{
width:100%;
text-align:center;
padding-right:0;
}
.detalle_producto_descarga_desc ul li{
text-align:left;
}
.botones_descarga_store a img{
margin:10px;
}
.adquirir_producto_descarga_form{
display: none;
}
}
@media (max-width: 420px){
.botones_descarga_store a img{
width:45%;
margin:5px;
}
}
#panel-menu .menu-linkgroup-heading.active + .menu-linkgroup-links{
display:block !important;
}
@media (max-width: 767px){
#links-top .links-group-panel-links a.current {
background: #e5f2fe;
}
#desplegable-idiomas .links-group-panel-links a.current.active {
background: #e5f2fe;
}
#panel-menu .menu-campaigns .menu-linkgroup-heading.active {
background: #fff;
}
}
@media (max-width: 767px){
.b-link-image-wrap img {
width: 100%;
height: auto;
}
.b-link .b-link-item {
max-width: 100%;
height: auto;
}
.b-link-image-wrap {
width: 100%;
left: 0;
}
}
@media (max-width: 767px){
#panel-menu .menu-linkgroup .menu-link.active {
background:#e5f2fe;
}
.component_wrapper[data-name="inicio_menu"] .menu-linkgroup-heading.active {
background: #fff !important;
}
}
/*****************
* Ticket #64560 *
*****************/
@media (min-width: 540px){
#caixabankpay_destacados.p-highlights-promo .p-highlight-title {
min-height: 8.8rem;
}
}
#caixabankpay_destacados.p-highlights-promo .p-highlight-text-t{
min-height: 15.8rem;
}
/*****NUEVAS ANIMACIONES Y ROLLOVER: BOTONES****/
.button_wrap a > .btn-yellow.icon_lock:before, .button_wrap .btn-yellow.icon_lock > a:before, .button_wrap a > .btn-yellow.button_wrap:before, .button_wrap .btn-yellow.button_wrap > a:before, .article-content .boton.naranja > a:before, .article-content a > .boton.naranja:before {
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
}
.button_wrap .btn.btn-yellow > a:hover,
.button_wrap a > .btn.btn-yellow:hover,
.button_wrap button.btn.btn-yellow:hover,
.article-content .boton.naranja > a:hover,
.article-content a > .boton.naranja:hover{
-webkit-box-shadow: inset 500px -1px 5px 0px rgba(219,177,55,1);
-moz-box-shadow: inset 500px -1px 5px 0px rgba(219,177,55,1);
box-shadow: inset 500px -1px 5px 0px rgba(219,177,55,1);
transition: 1s all ease-out;
}
.button_wrap .btn.btn-blue > a:hover,
.button_wrap a > .btn.btn-blue:hover,
.button_wrap button.btn.btn-blue:hover,
.article-content .boton_azul > a:hover,
.article-content .boton.azul_turquesa > a:hover,
.article-content .boton_azul_oscuro > a:hover,
.article-content a > .boton_azul:hover,
.article-content a > .boton.azul_turquesa:hover,
.article-content a > .boton.azul_oscuro:hover{
-webkit-box-shadow: inset 770px -1px 5px 0px #006f99;
-moz-box-shadow: inset 770px -1px 5px 0px #006f99;
box-shadow: inset 770px -1px 5px 0px #006f99;
transition: 0.3s all ease-out;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover{
-webkit-box-shadow: inset 300px -1px 5px 0px #006f99;
-moz-box-shadow: inset 300px -1px 5px 0px #006f99;
box-shadow: inset 300px -1px 5px 0px #006f99;
transition: 0.3s all ease-out;
color:#fff;
}
.card-search-form input[type="submit"]:hover{
-webkit-box-shadow: inset 200px -1px 5px 0px #006f99;
-moz-box-shadow: inset 200px -1px 5px 0px #006f99;
box-shadow: inset 200px -1px 5px 0px #006f99;
transition: 1s all ease-out;
}
.lt span.boton_azul a:hover{
-webkit-box-shadow: inset 300px -1px 5px 0px #006f99;
-moz-box-shadow: inset 300px -1px 5px 0px #006f99;
box-shadow: inset 300px -1px 5px 0px #006f99;
transition: 1s all ease-out;
}
.lt span.boton_mediano:before {
font-family: "fontello";
font-style: normal;
content: '\e903';
top:0;
font-size: 2rem;
line-height: 3.5rem;
padding-right: 1rem;
}
.lt span.boton_mediano:hover{
-webkit-box-shadow: inset 300px -1px 5px 0px rgba(219,177,55,1);
-moz-box-shadow: inset 300px -1px 5px 0px rgba(219,177,55,1);
box-shadow: inset 300px -1px 5px 0px rgba(219,177,55,1);
transition: 0.5s all ease-out;
}
/*.lt .product_link span.button a:before,*/
.lt span.boton_pequeno a:before,
.lt a span.boton_pequeno:before{
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
line-height: 2.5rem;
padding-right:2rem;
top:0;
}
.lt span.boton_pequeno a:hover,
.lt .product_link span.button a:hover,
.lt a span.boton_pequeno:hover{
-webkit-box-shadow: inset 250px -1px 5px 0px rgba(219,177,55,1);
-moz-box-shadow: inset 250px -1px 5px 0px rgba(219,177,55,1);
box-shadow: inset 250px -1px 5px 0px rgba(219,177,55,1);
transition: 0.5s all ease-out;
}
.lt #form_iphone5.detalle_formulario .contenido_formulario form#envianum p input#enviar.botonAzul:hover{
-webkit-box-shadow: inset 100px -1px 5px 0px #006f99;
-moz-box-shadow: inset 100px -1px 5px 0px #006f99;
box-shadow: inset 100px -1px 5px 0px #006f99;
transition: 0.3s all ease-out;
}
/**************************
* Ticket #65117 y #70927 *
**************************/
#ventajas_tarjetas .carousel-items-list .carousel-items-wrap-scroll {
min-height: 12.5rem;
width: 101%;
}
#ventajas_tarjetas ~ .h-highlights .h-highlight > a{
text-decoration: none;
}
#tarjetas_destacadas .p-highlight-item-0 .p-highlight-text-t {
background-color: #c6d9f1;
}
#tarjetas_destacadas.p-highlights-promo .p-highlight-link .button_wrap a {
padding: 0.5rem 2rem 0.5rem 4rem;
}
#tarjetas_destacadas ul.p-highlight-list .p-highlight .p-highlight-link .button_wrap span a:before{
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2.3rem;
/*line-height: 2.1rem;*/
background: none;
margin-left: 0;
}
/*
#tarjetas_destacadas{
margin: 4.5rem 0;
}
#tarjetas_destacadas ul.p-highlight-list .p-highlight .p-highlight-link .button_wrap span a{
line-height: 4.3rem;
}
*/
.sh-highlight.sh-h-product a{
overflow:hidden !important;
}
.sh-h-nri {
display: block;
font-family: 'Arial Regular',Helvetica,sans-serif;
font-size: 1.2rem;
color: #555;
position: absolute;
font-weight: bold;
bottom: 0.4rem;
left: 1.3rem;
}
.sh-highlight.sh-h-product .sh-h-nri{
position: absolute;
bottom: 0.6rem;
left: 40%;
font-size: 1.3rem;
color:#fff;
}
#dest_seg_fondo_amarillo .sh-highlight.sh-h-product .sh-h-nri{
color:#000;
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-description {
margin: 0 auto 3rem;
}
@media (max-width: 992px){
.sh-highlights .sh-highlight.sh-h-double .sh-h-text {
height: auto;
padding-bottom: 4rem;
}
}
@media (min-width: 768px){
.sh-highlights .sh-highlight > a {
min-height: 34rem;
}
.sh-highlights .sh-highlight .sh-highlight-wrap {
min-height: 34rem;
}
.sh-highlights .sh-highlight.sh-h-double .sh-h-image, .sh-highlights .sh-highlight.sh-h-product .sh-h-image {
height: 34rem;
}
.sh-highlights .sh-highlight.sh-h-double .sh-h-text {
left:-1px;
bottom:-1px;
}
.sh-highlights .sh-highlight.sh-h-product .sh-h-text {
padding: 4.5rem 1.2rem;
}
}
@media (min-width: 992px){
.hm-slide-image-nri {
transform: initial;
}
}
.blue_bg .sh-h-nri{
color:#fff;
}
.sh-highlight.sh-h-double a{
overflow:hidden !important;
}
/********************************
* Ticket #64953 - OM_RIESGO_3 *
********************************/
.om-right .om-value ul.om_riesgo_3 li{
background-color: #d4d4d4;
color: #9f9f9f;
}
.om-right .om-value ul.om_riesgo_3 li:nth-child(3){
background-color: #000;
color: #fff;
}
/*********************************************
* Ticket #65196 - Banner Producto Estrella *
*********************************************/
#img_sombra_estrella.sh-highlights .sh-highlight .sh-highlight-wrap .sh-h-text .sh-h-description{
display: none;
}
#img_sombra_estrella.sh-highlights .sh-highlight.sh-h-product .sh-highlight-wrap .sh-h-text{
padding: 2rem 1.2rem;
}
/*Video B8*/
.app-group .product_media a::after {
background: transparent url("icons/icon-play.png") no-repeat scroll center center;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.app-group .product_media a {
display: block;
position: relative;
}
/***********************************************************************************
* Ticket #65380 - Menu presentacion (Aparece en blanco y lo necesitamos en azul) *
***********************************************************************************/
.texto-azul .page-banner.channel-title .page-title h1 {
color: #007eae;
}
/***********************************************
* Ticket #65384 - HolaBank - Resaltar texto *
***********************************************/
#my_home_carousel .article-content .multicols ~ h4{
background: #ededed;
padding: 2rem 0 0 2rem;
border-radius: 6px 6px 0 0;
}
#my_home_carousel .article-content .multicols ~ ul{
background: #ededed;
padding: 1.5rem;
margin: 0;
}
#my_home_carousel .article-content .multicols ~ p{
background: #ededed;
padding: 0 1.5rem 2rem 1.5rem;
margin-top: 0;
}
#my_home_carousel .article-content .multicols ~ p:nth-last-child(2){
border-radius: 0 0 6px 6px;
}
#my_home_carousel .article-content .multicols ~ p:last-child{
background: none;
}
/****************************************************
* Ticket #65383 - Page-Layout para landing Family *
****************************************************/
.family .banner-image-group::after {
/*opacity: 0;*/
}
/****************************************************
* Logo "Family Seguros" del banner de cabecera *
****************************************************/
#img_mobile {
display: none;
}
@media (max-width : 992px){
#img_mobile {
display: block;
/* margin-top: -35px; */
}
#img_desktop {
display: none;
}
}
/***************************************************************************
* Ticket #67053 - Particulares/Family: Propuesta para la nueva estructura *
****************************************************************************/
.family .video-inline.container{
padding: 0;
}
.family h2.heading-group-title{
/*font-size: 3rem;*/
}
/********************************************************************************
* FIN Ticket #67053 - Particulares/Family: Propuesta para la nueva estructura *
*********************************************************************************/
/**********************************************************************************************************
* Ticket #65124 - CMB flotante Nuevo Portal Particulares: Conexion con servicios de Call Center externos *
**********************************************************************************************************/
#form .family .error {
color: red;
font-weight: bold;
display: none;
width: 60%;
margin: 5px auto;
}
/******************
* Franja Blanca *
******************/
.hm-slide-description .normal.contenedor_doscolumnas::before {
background: #fff;
content: "";
display: block;
height: 63px;
left: 0;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
}
.hm-slide-description .normal.contenedor_doscolumnas {
width: 122.5%;
padding: 0;
margin-left: 0;
position: relative;
}
@media (max-width: 1200px){
.hm-slide-description .normal.contenedor_doscolumnas::before{
width: 103.5%
}
.hm-slide-description .normal.contenedor_doscolumnas {
width: 106.5%;
}
}
.hm-slide-description .normal.contenedor_doscolumnas .ancho25 {
float: left;
padding-right: 15px;
width: auto;
position: relative;
}
@media (min-width: 992px) {
.hm-slide-description .normal.contenedor_doscolumnas .ancho25 {
padding-left: 0;
}
}
.hm-slide-description .normal.contenedor_doscolumnas .ancho75 {
padding: 6px 15px 0 15px;
width: 75%;
text-align: left;
position: relative;
float: left;
}
@media (min-width: 1200px) {
.hm-slide-description .normal.contenedor_doscolumnas .ancho75 {
width: 83%;
}
}
@media (max-width: 460px) {
.hm-slide-description .normal.contenedor_doscolumnas .ancho25{
width: 25%;
padding:0;
}
.hm-slide-description .normal.contenedor_doscolumnas .ancho75 {
width: 75%;
padding:0 15px 0 0;
}
}
.hm-slide-description .normal.contenedor_doscolumnas p {
font-weight: 700;
margin: 0;
}
.hm-slide-description .normal.contenedor_doscolumnas p img{
margin: 0;
}
.hm-slide-description .normal.contenedor_doscolumnas .ancho75 p {
font-size: 1.2rem;
line-height: 1.4rem;
margin: 0 0 0.5rem;
}
.hm-slide-description .normal.contenedor_doscolumnas .azul_turquesa{
color: #007eae;
}
.hm-slide-description .normal.contenedor_doscolumnas .rojo_granate {
color: #cc0000;
}
.hm-text-left .hm-slide-description .normal.contenedor_doscolumnas::before {
left: -160rem;
right: 0;
width: 200rem;
}
@media (min-width: 1200px) {
.hm-text-left .hm-slide-description .normal.contenedor_doscolumnas::before {
left: -156rem;
}
}
.hm-text-left .hm-slide-description .normal.contenedor_doscolumnas .ancho75 {
padding: 6px 0 0 0;
width: auto;
float: left;
}
.hm-text-left .hm-slide-description .normal.contenedor_doscolumnas .ancho25 {
padding-right: 0;
padding-left: 15px;
float: left;
}
@media (min-width: 992px) {
.hm-slide-description .normal.contenedor_doscolumnas .ancho75 {
width: 100%;
float: none;
}
.hm-text-left .hm-slide-description .normal.contenedor_doscolumnas .ancho25 {
padding-left: 0;
float: right;
}
}
/*** A1 Interior *****/
.bg-white-banner-image {
padding:0;
}
.article-main .bg-white-banner-image .banner-media:last-child {
display: block;
}
.article-main .bg-white-banner-image .banner-image-group::after {
display: block;
}
.container-fluid.bg-white-banner {
background: #ececec;
position: inherit;
}
@media (min-width: 992px){
.article-main .bg-white-banner-image .banner-media {
position: absolute;
max-height: 360px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
.container-fluid.bg-white-banner {
background: transparent;
}
*/
}
.container-fluid.bg-white-banner .page-banner .page-title h1 {
font-size: 2.6rem;
line-height: 3rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
color: #007eae;
}
@media (min-width: 992px) {
.container-fluid.bg-white-banner .page-banner .page-title h1 {
color: #007eae;
font-size: 5.5rem;
line-height: 5.7rem;
}
.container-fluid.bg-white-banner .page-banner .no-image .page-title h1 {
color: #007eae;
}
}
.container-fluid.bg-white-banner .page-banner .page-description p {
margin-top: 1rem;
}
@media (min-width: 992px) {
.container-fluid.bg-white-banner .page-banner .page-description p {
/*color: #fff;*/
font-size: 2rem;
margin-top: 2rem;
}
.container-fluid.bg-white-banner .page-banner .no-image .page-description p {
color: inherit;
}
}
.container-fluid.bg-white-banner .page-banner .column {
position: static;
}
.container-fluid.bg-white-banner .page-banner .page-video {
}
.container-fluid.bg-white-banner .page-banner .page-video {
position: absolute;
top: -9rem;
left: 0;
width: 100%;
height: 0;
padding: 12.25%;
}
@media (min-width: 460px){
.container-fluid.bg-white-banner .page-banner .page-video {
top: -15rem;
}
}
@media (min-width: 640px){
.container-fluid.bg-white-banner .page-banner .page-video {
top: -20rem;
}
}
@media (min-width: 768px){
.container-fluid.bg-white-banner .page-banner .page-video {
top: -21rem;
}
}
.page-banner .page-video .product-media {
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
.page-banner .page-video a {
margin: -2.4rem auto 0;
width: 4.8rem;
height: 4.8rem;
background: url('icons/icon-play.png') no-repeat center center transparent;
display: block;
}
.page-banner .page-video a span {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (min-width: 1200px) {
.page-banner .column {
position: relative;
}
.page-banner .page-video {
position: static;
width: auto;
height: auto;
padding: 0;
top:0;
}
.page-banner .page-video .product-media {
position: static;
width: auto;
height: auto;
}
.page-banner .page-video a {
margin: 2rem auto 0;
}
}
/*** Franja Blanca ***/
.sh-h-description .normal.contenedor_doscolumnas::before {
background: #fff;
content: "";
display: block;
height: 54px;
left: -2.8rem;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
}
.sh-h-description .normal.contenedor_doscolumnas {
margin-left: 0;
margin-top: 15px;
padding: 0;
position: relative;
width: 100%;
}
.sh-h-description .normal.contenedor_doscolumnas .ancho25 {
float: left;
padding-right: 0;
width: auto;
position: relative;
}
.sh-h-description .normal.contenedor_doscolumnas .ancho25 img {
margin: 0!important;
}
@media (min-width: 992px) {
.sh-h-description .normal.contenedor_doscolumnas .ancho25 {
padding-left: 0;
}
}
.sh-h-description .normal.contenedor_doscolumnas .ancho75 {
padding: 10px 0 0 0;
width: 65%;
text-align: left;
position: relative;
float: left;
}
.sh-h-description .normal.contenedor_doscolumnas p {
margin: 0;
}
.sh-h-description .normal.contenedor_doscolumnas .ancho75 p {
font-size: 1.2rem!important;
line-height: 1.4rem;
margin: 0 0 0.5rem;
}
.sh-h-description .normal.contenedor_doscolumnas .rojo_granate {
color: #cc0000;
}
/* Ticket #65714 - CMN :: Abre en capa en vez de expandir */
@media (max-width: 767px){
.cmn-sticky .cmn-layer.open {
height: 410px;
}
}
/* Ticket #65930 - Landings Salud en Portal Particulares: Cuadro Medico */
#cuadro-medico .v-highlight-content {
display: table-cell;
height: 92px;
vertical-align: middle;
}
/*CSS SLIDER SUBHOME*/
.container-fluid.section-prom .hm-slider .hm-slide-title h2{
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 3.4rem;
line-height: 4rem;
margin-top: 0;
}
.hm-slider-controls{width:100%}
.hm-slider-controls .slick-arrow.slick-prev{left:10px}
.hm-slider-controls .slick-arrow.slick-next{right:10px}
/* Ticket #65951 - Nueva OM Planes */
.om_especifica_planes {
padding-bottom: 2.5rem;
}
#om_especifica_planes .om-group .om-left {
border-right: none;
}
#om_especifica_planes .om-right {
width: 30rem;
}
#om_especifica_planes .om-right .om-value{
width: 100%;
float: right;
}
#om_especifica_planes .om-right .om-value > p {
float: left;
clear: both;
width: 8.5rem;
padding-top: 0.3rem;
}
#om_especifica_planes .om-right .om-value ul {
padding: 0.5rem 0 0;
width: 18rem;
}
#om_especifica_planes .om-right .om-value p:first-child,
#om_especifica_planes .om-right .om-value p + p + p + p + ul {
padding-top: 3.5rem;
}
#om_especifica_planes .om-right .om-value ul.om_riesgo_3 li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 > li + li + li + li + li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 + ul.om_riesgo_3 > li + li + li + li + li + li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 + ul.om_riesgo_3 + ul.om_riesgo_3 > li + li + li + li + li + li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 + ul.om_riesgo_3 + ul.om_riesgo_3 +ul.om_riesgo_3 > li + li + li + li + li + li {
background-color: #d4d4d4;
color: #9f9f9f;
}
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 > li + li + li + li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 + ul.om_riesgo_3 > li + li + li + li + li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 + ul.om_riesgo_3 + ul.om_riesgo_3 > li + li + li + li + li,
#om_especifica_planes .om-right .om-value p + p + p + p + ul.om_riesgo_3 + ul.om_riesgo_3 + ul.om_riesgo_3 +ul.om_riesgo_3 > li + li + li + li + li {
background: #000;
color: #fff;
}
@media (max-width: 640px) {
#om_especifica_planes .om-right {
float: none;
margin: 0 auto;
}
}
/* Boton flotante con imagen */
.bottom_sticky {
bottom: -30rem;
}
.button-float {
display: table-cell;
vertical-align: bottom;
}
@media (min-width: 768px) {
.button-float {
width: 30rem;
display: none;
bottom: -3rem;
position: relative;
padding-bottom: 3rem;
overflow:hidden;
}
.button-close {
position: absolute;
top: 1rem;
right: 1rem;
background-image: url("images/button_close.png");
width: 24px;
height: 24px;
cursor: pointer;
z-index: 2;
}
.button-close:focus{
outline: -webkit-focus-ring-color auto 5px;
background-image: url("images/button_close_black.png");
}
}
.button-float a {
text-decoration: none;
}
.button-float img {
display: none;
}
@media (min-width: 768px) {
.button-float img {
display: inherit;
}
.button-float .button-image img {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.button-float a:hover .button-image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.button-text {
background: #000;
text-align: center;
padding: 1rem;
position: relative;
margin-bottom: 0.2rem;
}
@media (min-width: 768px) {
.button-text {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
}
.button-text p {
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
font-size: 2.2rem;
color: #fff;
line-height: 2.4rem;
}
.button-text:before {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 7px solid black;
position: absolute;
content: '';
bottom: -6px;
left: 48%;
}
.button-link {
padding: 0.5rem 0 0;
text-align: center;
background: transparent;
}
.button-link .button_wrap {
width: 100%;
}
.button-link .button_wrap .btn {
width: 100%;
}
.button-link .button_wrap .btn a {
width: 100%;
height: auto;
}
.bottom_sticky .button-link .button_wrap .btn a {
box-shadow: inherit !important;
-webkit-box-shadow: inherit !important;
}
.button-link .button_wrap .btn a:hover {
width: 100%;
}
@media (min-width: 768px) {
.button-link .button_wrap .btn a {
border-radius: 30px;
/*padding: 2rem 0!important;*/
padding: 0;
line-height: 5.5rem;
}
}
.button-link .button_wrap .icon_people > a::before,
.button-link .button_wrap .icon_chat > a::before,
.button-link .button_wrap .icon_phone > a::before,
.button-link .button_wrap .icon_download > a::before,
.button-link .button_wrap .icon_lock > a::before{
left: 12%;
margin: 0;
line-height: 4.5rem;
}
@media (min-width: 768px) {
.button-link .button_wrap .icon_people > a::before,
.button-link .button_wrap .icon_chat > a::before,
.button-link .button_wrap .icon_phone > a::before,
.button-link .button_wrap .icon_download > a::before,
.button-link .button_wrap .icon_lock > a::before {
left: 0%;
line-height: 5.5rem;
position: relative;
}
}
.button-link .button_wrap .btn.btn-blue > a:hover {
-webkit-box-shadow: inset 1000px -1px 5px 0px #006f99 !important;
-moz-box-shadow: inset 1000px -1px 5px 0px #006f99 !important;
box-shadow: inset 1000px -1px 5px 0px #006f99 !important;
transition: 0.3s all ease-out;
}
.button-link .button_wrap .btn.btn-yellow > a:hover {
-webkit-box-shadow: inset 1000px -1px 5px 0px rgba(219,177,55,1) !important;
-moz-box-shadow: inset 1000px -1px 5px 0px rgba(219,177,55,1) !important;
box-shadow: inset 1000px -1px 5px 0px rgba(219,177,55,1) !important;
transition: 1s all ease-out;
}
/* Ticket #66167 - anadir bullets a Cuenta Family */
@media (min-width: 992px) {
.banner.no-opacity .banner-image-group:after {
opacity: 0;
}
.banner.no-opacity.black-text .banner-text .page-title h1,
.banner.no-opacity.black-text .banner-text .page-description p{
color: #000;
}
}
/* Ticket #66238 - Cuenta Family: Eliminar region gris del A1 */
.banner.no-opacity .banner-text .page-banner{
padding: 0;
}
.article-main.ventajas .bg-white .p-highlights.main-component .p-highlight-list .p-highlight-content > p + p {
background: transparent url("images/bullet-ul.png") no-repeat scroll left 5px;
padding-left: 1.5rem;
text-align: left;
display: block;
}
.article-main.ventajas .bg-white .p-highlights.main-component .p-highlight-list .p-highlight-content > p:first-child {
margin-bottom: 10px;
}
/* Ticket #66415 - error en tablet landing segmento family */
/* Regla especifica para iPad2 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.banner-image-group > picture {
top: 0;
transform: translateY(0%);
}
}
/* Nuevo Destacado Subhome */
.sh-highlights .sh-highlight.sh-h-double-family {
width: 100%;
}
@media (min-width: 992px) {
.sh-highlights .sh-highlight.sh-h-double-family {
width: 50%;
}
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-text {
padding: 0.8rem 0.6rem;
position: absolute;
display: inline-table;
bottom: 0;
left: 0;
width: calc(100% + 1px);
height: auto;
min-height: 0;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-text {
height: 31%;
}
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-text:before {
content: '';
display: block;
position: absolute;
background-color: #fff;
opacity: 0.85;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.no-csscalc .sh-highlights .sh-highlight.sh-h-double-family .sh-h-text {
width: 100%;
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-text {
display: block;
text-overflow:ellipsis;
}
@media (min-width: 768px) {
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-text {
padding: 1rem 1.2rem;
}
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description {
position: relative;
}
@media (min-width: 768px){
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-image {
height: 34rem;
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-text {
left:-1px;
bottom:-1px;
}
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-logo {
position: absolute;
z-index: 1;
top: 1rem;
left: 1rem;
width: 33%;
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-logo img {
width:100%;
height: auto;
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-logo p {
margin: 0;
}
@media (min-width: 768px){
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-logo {
top: 2rem;
left: 2rem;
width: 33%;
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-logo img {
width:auto;
margin: 0;
max-width: inherit;
}
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description {
display: block;
padding-bottom: 2rem;/*Ticket#67709*/
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description p {
vertical-align: top;
display: table-cell;
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description p + p {
width: 25%;
/* padding: 1% 2% 0 2%; Ticket#67709*/
padding: 1% 0; /* Ticket#74669*/
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description p .boton_azul {
/*margin-top: -1rem;*/ /*Ticket#67709*/
}
@media (min-width: 768px){
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description p .boton_azul {
padding: 1.2rem 1rem;
margin:0;
}
}
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title h2,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title h3,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title p,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description p {
font-size: 1.4rem;
}
@media (min-width: 768px){
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title h2,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title h3,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-title p,
.sh-highlights .sh-highlight.sh-h-double-family .sh-h-description p {
font-size: 1.6rem;
}
}
/* Nuevo Banner A1 con video */
.bg-video .banner-image-group::after {
background-color: transparent;
}
.bg-video .banner-image-group {
width: 200%;
position: absolute;
left: -50%;
top: 0;
overflow: hidden;
}
.bg-video .banner-image-group img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: auto;
}
@media (min-width: 992px) {
.banner-media.bg-video .banner-image-group {
height: 300px;
}
.bg-video .banner-image-group > img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: auto;
max-width: none;
top: 0;
transform: translateY(0);
}
.no-csstransforms .bg-video .banner-image-group > img {
height: auto;
width: auto;
max-width: none;
top: auto;
}
.bg-video .banner-image-group > picture {
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.no-csstransforms .bg-video .banner-image-group > picture {
top: 0;
}
.bg-video .banner-image-group > picture img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: auto;
max-width: none;
}
.no-csstransforms .bg-video .banner-image-group > picture img {
height: auto;
width: auto;
max-width: none;
top: auto;
}
}
@media (min-width: 1200px) {
.banner-media.bg-video .banner-image-group {
height: 360px;
}
.bg-video .banner-image-group > img {
height: 100%;
}
.no-csstransforms .bg-video .banner-image-group > img {
height: 100%;
}
.bg-video .banner-image-group > picture img {
height: 100%;
}
.no-csstransforms .bg-video .banner-image-group > picture img {
height: 100%;
}
#capa-blanca10.page-banner.media.white::before { height: 10%; }
#capa-blanca20.page-banner.media.white::before { height: 20%; }
#capa-blanca30.page-banner.media.white::before { height: 30%; }
#capa-blanca40.page-banner.media.white::before { height: 40%; }
#capa-blanca50.page-banner.media.white::before { height: 50%; }
#capa-blanca60.page-banner.media.white::before { height: 60%; }
#capa-blanca70.page-banner.media.white::before { height: 70%; }
#capa-blanca80.page-banner.media.white::before { height: 80%; }
}
@media (min-width: 1440px) {
.bg-video .banner-image-group > img {
height: auto;
width: 100%;
max-width: 50%;
}
.bg-video .banner-image-group > picture img {
height: auto;
width: 100%;
max-width: 50%;
top: 50%;
transform: translateY(-50%);
}
.no-csstransforms .bg-video .banner-image-group > picture img {
height: auto;
width: 100%;
max-width: 50%;
top: 0;
}
}
.page-banner.media {
padding: 3rem 0;
display: inline-block;
}
.page-banner.media .page-banner-wrap {
display: inline;
}
.page-banner-text {
text-align: center;
position: relative;
vertical-align: middle;
}
.page-banner.media.white .page-banner-text {
text-align: center;
}
@media (min-width: 991px) {
.page-banner.media.white .page-banner-text {
text-align: left;
padding: 1rem;
}
}
.page-banner.media.white::before {
content: '';
display: block;
position: absolute;
background-color: #fff;
opacity: 0.75;
left: 0;
height: 100%;
width: 100%;
top: 0;
}
@media (min-width: 991px) {
.page-banner.media.white::before {
left: 0;
height: 90%;
top: auto;
border-radius: 1rem;
width: 50%;
}
}
.page-banner.media.white {
padding: 2rem 0;
}
.page-banner-media {
padding-top: 1rem;
position: relative;
vertical-align: middle;
}
.page-banner-media .video-inline{
height: auto!important;
}
@media (min-width: 991px) {
.page-banner.media{
display: table;
width: 150%;
left: -25%;
position: relative;
}
.page-banner.media .page-banner-wrap {
display: table-row;
}
.page-banner-text {
display: table-cell;
width: 50%;
}
.page-banner-media {
display: table-cell;
/*vertical-align: top;*/
padding: 0;
width: 50%;
}
.page-banner.media.white .page-banner-media {
vertical-align: middle;
}
}
.page-banner-text .page-entradilla, .page-banner-text .page-title, .page-banner-text .page-description, .page-banner-text .page-nri {
position: relative;
}
.page-banner-text .page-title h1 {
color: #000;
font-size: 3.8rem;
line-height: 3.8rem;
}
.page-banner-text .page-description p {
color: #000;
font-size: 1.8rem;
margin-top: 1rem;
}
.page-banner-text .page-description .boton_mediano.boton_azul a {
max-width: none;
vertical-align: middle;
display: inline-block;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
background-color: #007eae;
border: 0.2rem solid #007eae;
color: #fff;
padding: 1.3rem 1rem;
border-radius: 0.2rem;
line-height: 1.4rem;
font-size: 1.4rem;
height: 4rem;
position: relative;
text-align: center;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}
.page-banner-text .page-description img {
margin: 0;
vertical-align: middle;
padding-right: 1rem;
}
.page-banner-text .page-description p strong {
font-size: 14px;
}
.page-banner-text .page-nri p {
font-size: 10px;
margin-top: 1rem;
color: #000;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
}
.page-banner-text .page-entradilla p {
color: #007eae;
font-weight: 700;
}
/* Ticket #66834 - Particulares: nuevo diseno nuevos clientes */
.container-fluid.bg-white .app-group.main-component .app_content .app-item. p span.boton.naranja {
padding-left: 2rem;
}
#panel-cotizacion h1 {
color: #1a1a1a;
font-size: 14px;
line-height: 1.42857;
padding-bottom: 1rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}
.tabs-item a:focus .tabs-item-title{
/*.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown > a:focus,*/
/*.search #search-field:focus, .search #office-footer:focus */
outline:none;
color: #007eae;
}
.lolopo-link-right .sr-only:focus {
clear: left;
clip: inherit;
float: left;
height: auto;
margin: 0;
position: relative;
width: auto;
transition: all 0.3s ease-in;
}
/* Ticket #66897 - Tarjetas - Carnet Joven */
#mapa-tarjetas #mapa.contenido_articulo img {
display: inline;
margin: 0;
}
#mapa-tarjetas #mapa .mapa-provincias {
width: auto;
}
#mapa-tarjetas #mapa .mapa-provincias {
float: left;
height: 355px;
margin-top: -355px;
}
@media(max-width: 500px){
#mapa-tarjetas #mapa .mapa-provincias img{
max-width: 100%;
height: auto;
}
}
#mapa-tarjetas #mapa .mapa-click {
float: left;
height: 355px;
width: 470px;
}
#mapa-tarjetas #mapa.contenido_articulo #mapa-original.mapa-original {
display: block !important;
float: left;
height: 360px;
margin: 10px auto;
width: 470px;
background: url("/deployedfiles/particulares/CSS/Estaticos/images/3.jpg") no-repeat scroll 0 0 transparent;
}
html[lang="ca"] #mapa_tarjetas #mapa.contenido_articulo #mapa-original.mapa-original {
background: url("/deployedfiles/particulares/CSS/Estaticos/images/3_ca.jpg") no-repeat scroll 0 0 transparent;
}
@media(max-width: 500px) {
#mapa-tarjetas #mapa.contenido_articulo #mapa-original.mapa-original {
height: 360px;
background-size: 100%;
width: 100%;
}
}
@media(max-width: 450px) {
#mapa-tarjetas #mapa.contenido_articulo #mapa-original.mapa-original {
height: 290px;
}
}
@media(max-width: 400px) {
#mapa-tarjetas #mapa.contenido_articulo #mapa-original.mapa-original {
height: 250px;
}
}
@media(max-width: 375px) {
#mapa-tarjetas #mapa.contenido_articulo #mapa-original.mapa-original {
height: 225px;
}
}
#mapa-tarjetas #mapa.contenido_articulo {
margin: 0 auto;
width: 470px;
}
@media(max-width: 500px) {
#mapa-tarjetas #mapa.contenido_articulo {
margin: 0 auto;
width: 100%;
}
}
#mapa-tarjetas .title h1 {
clear: both;
display: block;
float: left;
font-size: 1.4rem;
font-style: italic;
line-height: normal;
margin-left: 15px;
width: 100%;
color: #007eae;
}
@media(max-width: 900px){
#tipos_tarjetas{
width: 100%;
max-width: 500px;
margin:0 auto;
}
}
#tipos_tarjetas li {
background: none;
}
#tipos_tarjetas li.highlight .title h1 {
background: none repeat scroll 0 0 #f0f4f7;
color: #0099dd;
float: left;
font-size: 1.4rem;
font-weight: bold;
height: auto;
padding: 10px 0;
text-align: center;
width: 100%;
line-height: normal;
}
#tipos_tarjetas li.highlight .text .contenedor_trescolumnas .ancho33{
text-align: center;
float: left;
width: 33%;
padding: 0 15px;
}
@media(max-width: 900px){
#tipos_tarjetas li.highlight .text .contenedor_trescolumnas .ancho33{
width: 100%;
}
}
#tipos_tarjetas li.highlight .text .contenedor_trescolumnas .ancho33 h4{
background: #019ee1;
text-align: center;
padding: 5px 0 5px 0;
color: #fff;
width: 100%;
margin-top: 10px;
font-weight: bold;
font-size: 1.1rem;
}
#tipos_tarjetas li.highlight .text .contenedor_trescolumnas .ancho33 p{
background: none;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
#tipos_tarjetas li.highlight .text .contenedor_trescolumnas .ancho33 a{
text-decoration: none;
}
#tipos_tarjetas li.highlight .text .contenedor_trescolumnas .ancho33 .boton.boton_flecha_mediano{
background: #f4c53d url(images/icn_candadocerradonegro.png) no-repeat 15px center!important;
clear: both;
color: #000!important;
display: block;
width: 160px;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
border: 0;
border-radius: 4px;
height: 100%;
overflow: hidden;
padding: 8px 15px 8px 44px;
word-break: normal;
margin: 0 auto;
}
#tipos_tarjetas li.highlight {
display: none;
}
#tipos_tarjetas li.highlight.highlight3 {
display: block;
}
/*ticket: 66935 */
#design_textWhite h1,#design_textWhite .page-banner-text .page-description p{
color:#ffffff;
}
#design_textWhite span.gris {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
width: auto;
}
#design_textWhite span.gris a{
color:#007eae;
background-color: #ffffff;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
/*border: 0.2rem solid #19818B;*/
padding: 1.3rem 1rem;
border-radius: 0.2rem;
line-height: 1.4rem;
font-size: 1.4rem;
height: 4rem;
position: relative;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
width: 100%;
transition: all 0.3s ease-in;
}
#design_textWhite span.gris a:hover, #design_textWhite span.gris a:active,
#design_textWhite span.gris a:focus{
box-shadow: 0 0 10px -3px #404040;
}
/*#67340 - PageLayout emalings - Cabecera solo logo - footer simple*/
.only-logo .header-bottom .column:first-child{
min-width: 0;
}
@media(min-width: 992px){
.only-logo .header-bottom .main-title {
margin:0 auto;
}
}
.only-logo .hm-slide-title h2 {
font-size: 3.4rem;
}
/* Nuevo Terrat Subhome */
.page-terrat {
position: relative;
margin: 0 -15px;
}
/* en interiores */
.banner-image .page-terrat {
margin: auto;
}
/**/
.page-terrat-wrap {
margin-right:auto;
margin-left:auto;
display: table;
}
.page-terrat a {
text-decoration: none;
}
.terrat-image-group img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: 100%;
/* transform: translateX(-45%); */
}
.page-terrat .page-terrat-text {
padding: 15px;
}
.page-terrat.white .page-terrat-text {
text-align: center;
}
.page-terrat-text .page-entradilla p {
color: #007eae;
font-size: 1.6rem;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
margin: 0;
font-weight: 700;
}
.page-terrat .page-terrat-text .page-title h1 {
color: #000;
font-size: 3.8rem;
line-height: 3.8rem;
padding: 0;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
font-weight: 700;
}
.page-terrat.sub .page-terrat-text .page-title h1 {
color: #fff;
line-height: 4.8rem;
background: #000;
display: inline;
font-weight: 700;
}
.page-terrat-text .page-entradilla, .page-terrat-text .page-title, .page-terrat-text .page-description, .page-terrat-text .page-nri {
position: relative;
}
.page-terrat-text .page-description p {
color: #000;
font-size: 1.8rem;
line-height: 1.4rem;
margin-top: 1rem;
}
@media (min-width: 1199px){
.page-terrat .page-terrat-text .page-description p{
line-height: 1.8rem;
}
}
.page-terrat-text .page-description .boton_mediano.boton_azul {
max-width: none;
vertical-align: middle;
display: inline-block;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
background-color: #007eae;
border: 0.2rem solid #007eae;
color: #fff;
padding: 1.3rem 1rem;
border-radius: 0.2rem;
line-height: 1.4rem;
font-size: 1.4rem;
height: 4rem;
position: relative;
text-align: center;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
width: 100%;
}
.page-terrat-text .page-description img {
margin: 0;
vertical-align: middle;
padding-right: 1rem;
}
.page-terrat-text .page-description p strong {
font-size: 14px;
}
.page-terrat-text .page-nri {
font-size: 10px;
margin-top: 1rem;
color: #000;
font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
text-align: center;
font-weight: 700;
}
@media (min-width: 992px) {
.page-terrat {
height: auto;
}
.page-terrat-text .page-nri {
text-align: left;
}
.page-terrat-wrap {
width:970px
}
.page-terrat-media{
position: absolute;
max-height: 360px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.terrat-image-group {
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}
.terrat-image-group > img {
display: block;
position: relative;
margin: 0 auto;
height: 100%;
width: auto;
max-width: none;
top: 0;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.no-csstransforms .terrat-image-group > img {
height: 100%;
width: auto;
max-width: none;
top: auto;
}
.terrat-image-group > picture {
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.no-csstransforms .terrat-image-group > picture {
top: 0;
}
.terrat-image-group > picture img {
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: 100%;
max-width: none;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.no-csstransforms .terrat-image-group > picture img {
height: auto;
width: 100%;
max-width: none;
top: auto;
}
.page-terrat .page-terrat-text {
text-align: left;
width: 45%;
padding: 15px;
height: auto;
position: relative;
min-height: 250px;
}
.page-terrat-text .page-description .boton_mediano.boton_azul {
width: auto;
}
.page-terrat-text .page-nri p {
text-align: left;
}
.page-terrat.white .page-terrat-text::before {
content: '';
display: block;
position: absolute;
background-color: #fff;
opacity: 0.75;
left: 0;
height: 90%;
width: 100%;
top: 5%;
border-radius: 1rem;
}
.page-terrat.white .page-terrat-text {
text-align: left;
}
}
@media (min-width:1200px){
.page-terrat-wrap {
width:1170px;
}
.page-terrat .page-terrat-text {
padding: 80px 15px;
}
.terrat-image-group > picture img {
width: auto;
max-width: none;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.terrat-image-group {
width: 200%;
position: absolute;
left: -50%;
top: 0;
height: 100%;
overflow: hidden;
}
}
@media (min-width: 1440px) {
.terrat-image-group,
.page-terrat .page-terrat-media,
.page-terrat .page-terrat-text,
.page-terrat{
height: 480px;
max-height: 480px;
}
.terrat-image-group{
width: 300%;
left: -100%;
}
.terrat-image-group > picture img {
height: 480px;
width: auto;
max-width: 50%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.no-csstransforms .terrat-image-group > picture img {
height: auto;
width: 100%;
max-width: 50%;
top: 0;
}
.page-terrat .page-terrat-text {
padding: 90px 15px;
}
}
/** START TICKET #73584 - Particulares // Tarjetas // Samsung Pay // Banner A1 con capa **/
@media (min-width: 1200px){
#terrat-only-title.page-terrat.white .page-terrat-text::before{
height: 70%;
top: 15%;
}
}
@media (min-width: 1440px){
#terrat-only-title.page-terrat .page-terrat-text{
padding: 120px 15px;
}
#terrat-only-title.page-terrat.white .page-terrat-text::before{
height: 50%;
top: 20%;
}
}
@media (max-width: 1200px){
#terrat-only-title.page-terrat .page-terrat-text {
padding: 36px;
}
}
/** END TICKET #73584 - Particulares // Tarjetas // Samsung Pay // Banner A1 con capa **/
/* Nuevo Video Interior */
.video-int-content{
width:100%;
position: relative;
margin:0 0 3rem 0;
padding:0;
}
.video-int-title.page-title::after {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.94) 85%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.94) 85%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.94) 85%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.video-int-title.page-title:hover + .container-video-int .video-inline .video-wrapper .bc-player-SkEHxhdZx_default .vjs-big-play-button {
background-color: #d52484;
}
.video-int-title.page-title:hover {
cursor:pointer;
}
.video-int-content .page-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
text-align: center;
z-index: 10;
}
.video-int-content .page-title h2, .video-int-content .page-title h3{
color:#fff;
margin: auto;
font-size: 5rem;
line-height: 5rem;
position: relative;
top: 66%;
z-index: 2;
width:75%;
}
.video-int-content .video-inline {
height: 100% !important;
padding: 0;
}
.video-int-content .video-inline .video-wrapper div {
max-width: 100%!important;
}
@media (max-width: 768px) {
.video-int-content .page-title h2, .video-int-content .page-title h3{
width: 100%;
font-size:3.5rem;
line-height: 3.5rem;
}
/* Ticket #67790 - Incluir CMN en landings de Portal Particulares */
#seguros.cmn-sticky .buttons_group {
display: none;
}
#seguros.cmn-sticky .cmn-cta {
display: block;
padding: 13px;
text-align: center;
background: #007eae;
/*#77790 - Seguros: Te llamamos, boton no aparece en movil*/
position: relative;
z-index: 11
}
#seguros.cmn-sticky .cmn-cta a:focus .cmn-text,
#seguros.cmn-sticky .cmn-cta a:focus .cmn-icon {
text-decoration: none!important;
box-shadow: none;
border: none;
}
#seguros.cmn-sticky .cmn-cta a:focus,
#seguros.cmn-sticky .cmn-cta a:focus {
text-decoration: none!important;
}
#seguros.cmn-sticky .cmn-cta .cmn-text p {
color: #fff;
font-size: 1.5rem;
font-family: "OpenSans-Bold",Helvetica,Arial,sans-serif;
}
#seguros.cmn-sticky .cmn-cta .cmn-text p:before {
font-family: fontello;
content: "\e902";
margin-right: 0.5rem;
}
}
@media (max-width: 475px) {
.video-int-content .page-title h2, .video-int-content .page-title h3{
position: absolute;
bottom: 2rem;
top: auto;
}
}
/* Fix linea negra debajo de destacados cuentas */
.container-fluid.bg-white::after{
opacity: 0;
}
/* End Fix linea negra debajo de destacados cuentas */
/************************************************************/
/** Ticket #66113 - Consulta home espejo para app **/
/************************************************************/
.ocultar_espejo {margin-top:0!important;}
#footer.ocultar_espejo {padding:0}
/*#67411 : pageLayout : Home 1 col - containerFluid-100*/
.homeContainer100 .main-home{
overflow:hidden;
}
/* Ticket #67516 - COMPRA ESTRELLA / logica origen landing samsung */
#alto-reducido-h1.page-banner {
height: auto;
padding: 4rem 0;
}
/* Ticket #67411 - Particulares // HolaBank // video subhome */
.page-banner.media#design_textWhite .page-banner-text {
vertical-align: middle;
}
/* Escalado el texto a 200% */
@media (min-width: 1200px) {
.hm-slide-text-r {
min-width: 73rem;
}
.om-home-boton {
min-height: 2.5rem;
}
.container {
min-width: 73rem;
}
.header .search-group {
min-width: 22rem;
width: 280px;
}
.header .search form {
min-width: 22rem;
width: 280px;
}
}
.linkgroup-images-footer ul li a:focus img {
outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;
}
/* Ticket #67411 - Particulares // HolaBank // video subhome */
@media (min-width: 1440px){
.page-banner.media.white#banner_video_holabank{
padding: 9rem 0;
}
}
#banner_video_holabank .page-banner-text{
vertical-align: middle;
text-align: center;
}
#banner_video_holabank .page-banner-text .page-title h1{
color: #1a1a1a;
}
#banner_video_holabank .page-banner-text .page-description p{
color: #555;
font-size: 1.8rem;
font-family: 'OpenSans', Helvetica, Arial, sans-serif;
line-height: 2.2rem;
}
#banner_video_holabank.page-banner.media.white::before {
height: 50%;
top: 25%;
}
@media (max-width: 1200px){
#banner_video_holabank.page-banner.media.white::before {
height: 70%;
top: 17%;
}
}
@media (max-width: 992px){
#banner_video_holabank.page-banner.media.white::before {
height: 101%;
top: -1px;
}
}
/* Anadir whatsapp a redes sociales*/
.rrss .social-network li {
margin: 0 0.7rem;
}
.rrss .bt-whatsapp a {
background: transparent url("icons/whatsapp-button.png") no-repeat scroll center center;
}
@media (min-width: 768px){
.rrss .social-network li {
margin: 0 1rem;
}
.rrss .social-network li:last-child {
display: none;
}
}
/*** Nuevo div prebuscador ***/
.search-group-module {
display: inline;
}
/*** Nuevo div prebuscador ***/
/*** NUEVA OM ***/
.banner-image .om-group {
display:none;
}
.container-fluid.om + .container-fluid.banner .om-group {
display:block
}
@media (min-width: 1200px) {
.banner-image .om-group {
margin: 0;
position: absolute;
z-index: 2;
width: 100%;
display: block;
}
}
.banner-image .om-content {
background: #fff none repeat scroll 0 0;
border-top: 1px solid #ededed;
display: block!important;
padding: 1rem 8px!important;
height: auto!important;
}
@media (min-width: 1200px) {
.banner-image .om-content {
width: 768px;
float: right;
}
.banner-image .om-content.om-box {
width: 400px;
}
}
.banner-image .om-box .om-left{
display:table-cell;
vertical-align:top;
border-right:none;
padding-right:7px
}
.banner-image .om-box .om-right{
padding-left:15px;
display:table-cell;
vertical-align:top;
margin-top:0;
width: 50%;
}
.banner-image .om-box .om-value {
border: 1px solid #000;
}
.banner-image .om-right .om-value .texto_grande .gris {
color: #9e9e9e;
}
.banner-image .om-left{
display:inherit;
border-right: 0;
padding: 0;
}
.banner-image .om-right{
display:inherit;
width: auto;
padding: 0;
margin-top: 0.8rem;
}
.banner-image .om-content .contenedor_doscolumnas .ancho50 {
float: none;
width: 100%;
}
.banner-image .om-description > p strong {
display: block;
padding-bottom: 5px;
}
.banner-image .om-right .om-value ul {
padding: 2rem 0;
}
@media (min-width: 991px) {
.banner-image .om-left{
padding-right:15px;
display:table-cell;
border-right:1px solid #c1c1c1;
vertical-align:top
}
.banner-image .om-right{
padding-left:15px;
display:table-cell;
vertical-align:top;
margin-top:0;
width:25%;
}
.banner-image .om-description > p {
color: #000;
display: table-cell;
vertical-align: top;
padding-right: 7px;
font-size: 0.9rem;
width: 33%;
}
.banner-image .om-box .om-description > p {
display: inherit;
padding: 0;
width: 100%;
}
.banner-image .om-content .contenedor_doscolumnas {
display: table-cell;
}
.banner-image .om-title {
font-size: 0.9rem;
margin-bottom: 0.5rem;
}
.banner-image .om-box .om-title,.banner-image .complex_om .om-title{
width: auto;
}
.banner-image .om-content .contenedor_doscolumnas .ancho50 {
float: left;
padding: 0 7px;
width: 50%;
margin-top: -54px;
}
.banner-image .om-right .om-value ul {
padding: 2rem 0 1rem;
}
}
@media (min-width: 1250px) {
.banner-image .om-content .contenedor_doscolumnas .ancho50 {
margin-top: -38px;
}
}
@media (min-width: 1700px) {
.banner-image .om-content .contenedor_doscolumnas .ancho50 {
margin-top: -26px;
}
}
.hm-slide .om-group {
margin: 0;
}
@media (min-width: 991px) {
.hm-slide .om-group {
position: absolute;
z-index: 2;
width: 100%;
}
}
.hm-slide .om-content {
background: #fff none repeat scroll 0 0;
border-top: 1px solid #ededed;
display: block!important;
padding: 1rem 8px!important;
height: auto!important;
}
@media (min-width: 991px) {
.hm-slide .om-content {
width: 768px;
float: right;
}
.hm-slide .om-content.om-box {
width: 400px;
}
}
.hm-slide .om-box .om-left{
display:table-cell;
vertical-align:top;
border-right:none;
padding-right:7px
}
.hm-slide .om-box .om-right{
padding-left:15px;
display:table-cell;
vertical-align:top;
margin-top:0;
width: 50%;
}
.hm-slide .om-box .om-value {
border: 1px solid #000;
}
.hm-slide .om-right .om-value .texto_grande .gris {
color: #9e9e9e;
}
.hm-slide .om-left{
display:inherit;
border-right: 0;
padding: 0;
}
.hm-slide .om-right{
display:inherit;
width: auto;
padding: 0;
margin-top: 0.8rem;
}
.hm-slide .om-content .contenedor_doscolumnas .ancho50 {
float: none;
width: 100%;
}
.hm-slide .om-box .om-description > p strong{
display: block;
padding-bottom: 5px;
}
.hm-slide .om-right .om-value ul {
padding: 2rem 0;
}
@media (min-width: 991px) {
.hm-slide .om-left{
padding-right:15px;
display:table-cell;
border-right:1px solid #c1c1c1;
vertical-align:top
}
.hm-slide .om-right{
padding-left:15px;
display:table-cell;
vertical-align:top;
margin-top:0;
width:25%;
}
.hm-slide .om-description > p {
color: #000;
display: table-cell;
vertical-align: top;
padding-right: 10px;
font-size: 0.9rem;
width: 33%;
}
.hm-slide .om-box .om-description > p {
display: inherit;
padding: 0;
width: 100%;
}
.hm-slide .om-content .contenedor_doscolumnas {
display: table-cell;
}
.hm-slide .om-title {
width: 26%;
font-size: 0.9rem;
}
.hm-slide .om-box .om-title {
width: auto;
}
.hm-slide .om-content .contenedor_doscolumnas .ancho50 {
float: left;
padding: 0 7px;
width: 50%;
margin-top: -54px;
}
.hm-slide .om-right .om-value ul {
padding: 2rem 0 1rem;
}
}
@media (min-width: 1250px) {
.hm-slide .om-content .contenedor_doscolumnas .ancho50 {
margin-top: -38px;
}
}
@media (min-width: 1700px) {
.hm-slide .om-content .contenedor_doscolumnas .ancho50 {
margin-top: -26px;
}
}
/*** NUEVA OM ***/
/*** Productos alternos ***/
.content_alternative {
display: block;
margin: 0 -15px;
}
.content_alternative .media {
display: inline;
}
.content_alternative .media img {
margin: 0;
width: 100%;
display: block;
height: auto;
}
.content_alternative .media .video-inline {
padding: 0;
}
.hm-slide-wrapper .video-wrapper.neo-brightcove_v2-video.neo-video-responsive div:first-child,
.banner-media .video-wrapper.neo-brightcove_v2-video.neo-video-responsive div:first-child {
max-width: 120%!important;
width: 120%;
height: 100%;
left: -10%;
}
.content_alternative .content {
padding: 0 15px;
text-align: center;
display: inline-block;
width: 100%;
}
/*
.content_alternative .content .icon {
margin-top: -2rem;
}
*/
.content_alternative .content .title h2,
.content_alternative .content .title h3 {
color: #0289b7;
margin-top:1rem;
font-size: 2.6rem;
line-height: 3rem;
}
.content_alternative .content .button_wrap {
display: block;
margin: 2rem 0 4rem;
}
.content_alternative .media .aviso_cookies{
width: 100%!important;
}
@media (min-width: 991px) {
.content_alternative {
display: flex;
align-items: center;
width:103%;
max-height: 450px; /* Ticket #77211 - Particulares // Ahorro // Descubre nuestras formas de ahorro // revisar responsive */
overflow: hidden;
}
.content_alternative .media, .content_alternative .content {
width: 50%;
text-align: left;
height: 100%;
}
.content_alternative .content {
padding: 0 4%;
}
.content_alternative.right {
flex-direction: row-reverse;
}
.content_alternative .media .video-inline {
background: #000;
}
.content_alternative .media .video-inline .video-wrapper.neo-brightcove_v2-video.neo-video-responsive div:first-child {
max-width: initial!important;
/*position: inherit!important;*/
/*height: 400px;*/
}
}
@media (min-width: 1200px) {
.content-box {
margin: 8% 0;
}
.content_alternative .content {
padding: 0 5% 0 10%;
}
.content_alternative.right .content {
padding: 0 10% 0 5%;
}
}
@media (min-width: 1700px) {
.content_alternative {
max-height: none;
}
.content_alternative .media img {
/* transform: translateY(-30%); */
height: auto;
}
}
/* Max 1200px ID */
.container_alternative#max_1200{
max-width: 1200px;
margin: 0 auto;
}
/*** Productos alternos ***/
/* Ticket #68433 - Att.Cliente//campo anadir documento adjunto */
#contingut form .fila .gris {
color: #a9aaaa;
float: right;
}
#contingut form .fila #fichero {
width: 50%;
}
/***************************************************************/
/* Ticket #68880 - Particulares//Ahorro: Nuevo diseno Mi Hucha */
/***************************************************************/
#slider-to-banner .hm-slide-title h2 {
font-size: 5rem;
line-height: 5rem;
}
#slider-to-banner .hm-slide-text-wrap {
width: 65%;
margin: 0 auto;
}
/* Estilos boton naranja */
/*#slider-to-banner .hm-slide-description p,*/
#mi-hucha-3-pasos .page-description p {
/*margin-top: 3rem;*/
color: #007eae;
text-decoration: underline;
transition: all 0.3s ease-in 0s;
}
#mi-hucha-3-pasos .page-description p {
text-decoration: none;
}
#slider-to-banner .hm-slide-text-wrap .hm-slide-description .boton.boton_mediano.naranja,
#mi-hucha-3-pasos .page-description p a .boton.boton_mediano.naranja {
font-weight: bold;
padding: 13px;
padding-left: 3.7rem;
background-color: #f4c53d;
max-width: none;
width: auto;
-moz-user-select: none;
border-radius: 0.2rem;
display: inline-block;
font-family: "OpenSans-Bold",Helvetica,Arial,sans-serif;
font-size: 1.4rem;
line-height: 1.4rem;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.3s ease-in 0s;
vertical-align: middle;
white-space: nowrap;
margin-top: 12px;
}
#slider-to-banner .hm-slide-text-wrap .hm-slide-description .boton.boton_mediano.naranja::before,
#mi-hucha-3-pasos .page-description p a .boton.boton_mediano.naranja::before {
content: "\e900";
font-family: "fontello";
font-size: 2rem;
margin-top: 12px;
left: 0;
position: absolute;
top: 0;
width: 3.7rem;
}
/* Texto izquierdo componente central */
#mi-hucha-3-pasos .page-banner-wrap .page-description p {
height: 190px;
text-align: left;
}
#mi-hucha-3-pasos .page-banner-wrap .page-description p + p {
height: auto;
}
#mi-hucha-3-pasos .page-banner-wrap .page-description p,
#mi-hucha-3-pasos .page-banner-wrap .page-description p strong {
font-family: 'OpenSans', Arial, sans-serif;
color: #004f70;
line-height: 3.5rem;
font-size: 3rem;
}
#mi-hucha-3-pasos .page-banner-wrap .page-description p strong {
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
}
/* GIF animado */
#mi-hucha-3-pasos .page-banner-wrap .page-banner-media img {
height: auto;
/*width: 100%;*/
}
@media (max-width: 1200px){
#mi-hucha-3-pasos .page-banner-wrap .page-description p {
height: 165px;
}
}
@media (min-width: 992px){
#mi-hucha-3-pasos .page-banner-wrap .page-description{
float: right;
margin-right: 10rem;
}
}
@media (max-width: 992px){
#mi-hucha-3-pasos .page-banner-wrap .page-description p {
height: auto;
text-align: center;
}
#mi-hucha-3-pasos .page-banner-media{
text-align: center;
}
}
#mi-hucha-3-pasos .page-banner-text,
#mi-hucha-3-pasos .page-banner-media{
vertical-align: middle;
}
/* Fin Ticket #68880 - Particulares//Ahorro: Nuevo diseno Mi Hucha */
/* Ticket #69251 - Desarrollo hipotecas//Estilos imagen principal A1 */
#compra_estrella .page-description p .boton.boton_mediano.naranja,
#compra_estrella_fondo_negro .page-description p .boton.boton_mediano.naranja {
font-weight: bold;
padding: 13px;
padding-left: 3.7rem;
background-color: #f4c53d;
max-width: none;
width: auto;
-moz-user-select: none;
border-radius: 0.2rem;
display: inline-block;
font-family: "OpenSans-Bold",Helvetica,Arial,sans-serif;
font-size: 1.4rem;
line-height: 1.4rem;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.3s ease-in 0s;
vertical-align: middle;
white-space: nowrap;
margin-top: 12px;
}
#compra_estrella .page-description p .boton.boton_mediano.naranja a,
#compra_estrella_fondo_negro .page-description p .boton.boton_mediano.naranja a {
color: #000;
}
#compra_estrella .page-description p .boton.boton_mediano.naranja::before,
#compra_estrella_fondo_negro .page-description p .boton.boton_mediano.naranja::before {
content: "\e900";
font-family: "fontello";
font-size: 2rem;
margin-top: 12px;
left: 0;
position: absolute;
top: 0;
width: 3.7rem;
}
#compra_estrella .page-description p span.azul_turquesa {
font-size: 1.9rem;
font-weight: bold;
color: #0099cc;
}
/* Fin - Ticket #69251 - Desarrollo hipotecas//Estilos imagen principal A1 */
/* Start - Ticket #72761 - Particulares // Compra Estrella // Play 4 // imagenes A1 */
@media (min-width: 991px){
#sh-terrat-small-title .page-terrat-text .page-title h1{
font-size: 2.7rem;
line-height: 2.7rem;
}
#sh-terrat-small-title .page-terrat-text .page-description p{
line-height: 1.3rem;
}
}
@media (min-width: 1199px){
#sh-terrat-small-title .page-terrat-text .page-title h1{
font-size: 2.4rem;
line-height: 2.7rem;
}
#sh-terrat-small-title .page-terrat-text .page-description p{
line-height: 1.7rem;
}
}
@media (min-width: 1439px){
#sh-terrat-small-title .page-terrat-text .page-title h1{
font-size: 3.8rem;
line-height: 3.8rem;
}
#sh-terrat-small-title .page-terrat-text .page-description p{
line-height: 2.2rem;
}
}
#sh-terrat-small-title .page-description p .boton.boton_mediano.naranja {
font-weight: bold;
padding: 13px;
padding-left: 3.7rem;
background-color: #f4c53d;
max-width: none;
width: auto;
-moz-user-select: none;
border-radius: 0.2rem;
display: inline-block;
font-family: "OpenSans-Bold",Helvetica,Arial,sans-serif;
font-size: 1.4rem;
line-height: 1.4rem;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.3s ease-in 0s;
vertical-align: middle;
white-space: nowrap;
margin-top: 0;
}
#sh-terrat-small-title .page-description p .boton.boton_mediano.naranja a{
color: #000;
}
#sh-terrat-small-title .page-description p .boton.boton_mediano.naranja::before {
content: "\e900";
font-family: "fontello";
font-size: 2rem;
margin-top: 12px;
left: 0;
position: absolute;
top: 0;
width: 3.7rem;
}
/* Fin - Ticket #72761 - Particulares // Compra Estrella // Play 4 // imagenes A1 */
/* Ticket #69287 - Microdonativos :: Landings leche Windows Phone */
@media screen and (-ms-high-contrast: active) and (max-width: 30em), (-ms-high-contrast: none) and (max-width: 30em) {
.table-responsive tr td img{
width: 145%;
max-width: none;
margin: auto -0.8rem;
}
}
/* Fin - Microdonativos :: Landings leche Windows Phone */
/* Ticket #66818 - estudiar slider homes y subhomes para imagenes */
@media (min-width: 1440px) {
.banner-media {
max-height: 480px;
position: absolute;
}
.page-banner.media {
padding: 4rem 0;
}
.page-banner,
.banner-image-group, .banner-media.bg-video .banner-image-group,
.banner-image-group > picture img, .bg-video .banner-image-group > picture img{
height: 480px;
}
.banner-image-group, .bg-video .banner-image-group {
left: -100%;
width: 300%;
}
.banner-image-group > picture img, .bg-video .banner-image-group > picture img {
width: auto;
}
}
/* Fin Ticket #66818 - estudiar slider homes y subhomes para imagenes */
/* Videos background */
.hm-slide-image-wrap .video-inline, .banner-image-group .video-inline {
display: none;
}
@media (min-width: 1200px) {
.hm-slide-image-wrap .video-inline, .banner-image-group .video-inline {
display: block;
background: #000;
}
.hm-slide-image-wrap .video-placeholder, .banner-image-group .video-placeholder {
position: absolute;
max-height: inherit;
max-width: 50%;
width: auto;
height: auto;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.banner-image-group .video-placeholder{
top:-50%;
bottom:-50%;
}
}
@media (min-width: 1440px) {
.hm-slide-image-wrap .video-placeholder, .hm-slide-image-wrap .video-placeholder {
top: -25%;
bottom: -25%;
}
.banner-image-group .video-placeholder{
top: -100%;
bottom: -100%;
}
}
/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
.hm-slide-image-wrap .video-placeholder,
.banner-image .video-placeholder{
left: 25%;
}
}
/* Ticket #69520 - Particulares // Cajeros // hacer que un listado pueda empezar por un numero que no sea un 1 */
ol {
counter-reset: list-order;
}
ol li {
counter-increment: list-order;
}
.page-wrapper .bg-blue .content_alternative .description ol li:before {
content: counter(list-order) !important;
}
ol.two { counter-reset: list-order 1; }
ol.three { counter-reset: list-order 2; }
ol.four { counter-reset: list-order 3; }
ol.five { counter-reset: list-order 4; }
ol.six { counter-reset: list-order 5; }
ol.seven { counter-reset: list-order 6; }
ol.eight { counter-reset: list-order 7; }
ol.nine { counter-reset: list-order 8; }
ol.ten { counter-reset: list-order 9; }
/* FIN Ticket #69520 - Particulares // Cajeros // hacer que un listado pueda empezar por un numero que no sea un 1 */
/* Ticket #70094 - Particulares // Family Futbol y #70553 - FAMILY: modificar estilo boton */
#highlights-family-futbol .p-highlight-list .p-highlight:nth-child(2) .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a,
#highlights-family-futbol .p-highlight-list .p-highlight:nth-child(3) .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a,
#highlights-family-futbol-distribuidora .p-highlight-list .p-highlight .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a {
background-color: #007eae;
border-color: #007eae;
color: #eee;
}
#highlights-family-futbol .p-highlight-list .p-highlight:nth-child(2) .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a:before,
#highlights-family-futbol .p-highlight-list .p-highlight:nth-child(3) .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a:before,
#highlights-family-futbol-distribuidora .p-highlight-list .p-highlight.p-highlight .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a:before {
content:'';
}
#highlights-family-futbol .p-highlight-list .p-highlight:nth-child(2) .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a:hover,
#highlights-family-futbol .p-highlight-list .p-highlight:nth-child(3) .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a:hover,
#highlights-family-futbol-distribuidora .p-highlight-list .p-highlight .p-highlight-wrap .p-highlight-link .button_wrap .btn.btn-yellow > a:hover {
-webkit-box-shadow: inset 500px -1px 5px 0px #006f99;
-moz-box-shadow: inset 500px -1px 5px 0px #006f99;
box-shadow: inset 500px -1px 5px 0px #006f99;
transition: 1s all ease-out;
}
/*
#highlights-family-futbol-distribuidora .p-highlight:nth-child(2) .button_wrap .btn-yellow.icon_people a::before {
font-family: "fontello";
font-style: normal;
content: '\e900';
font-size: 2rem;
line-height: 3.5rem;
top: 0;
}
*/
#highlights-family-futbol-distribuidora .p-highlight-list .p-highlight .p-highlight-wrap .p-highlight-text-t {
height: 202px;
}
.ventajas .linkgroup-images-footer ul {
text-align: center;
}
/* FIN Ticket #70094 - Particulares // Family Futbol y #70553 - FAMILY: modificar estilo boton */
/* Titulo subrayado */
.titulo_negativo {
background: #000;
color: #fff;
padding: 0 4px;
}
.page-banner-text .page-title h1 .titulo_negativo {
background: #000;
color: #fff;
line-height: 6rem;
font-family: 'OpenSans-ExtraboldItalic', Helvetica, Arial, sans-serif;
padding: 0 4px;
}
/* Fin Titulo subrayado */
/* Texto izquierda */
#left .page-banner-text {
text-align: left;
}
.button_wrap.texto_centrado {
display: block;
}
/* Fin Texto izquierda */
/****************************************************
* Ticket #70367 - FAMILY / cambio color subtitular *
****************************************************/
.white {
color: #fff;
}
/***************************************************/
/* Ticket #70611 - BusinessBank // Eliminar opacidad imagen A1 */
.section-main-blocks.banner-no-opacity .banner-image-group:after{
opacity:0;
}
.section-main-blocks.banner-no-opacity .page-banner-text .page-entradilla p{
color: #000;
font-family: 'OpenSans-ExtraBoldItalic', Helvetica, Arial, sans-serif;
}
/* FIN Ticket #70611 - BusinessBank // Eliminar opacidad imagen A1 */
/* Ticket #70802 - Seguros// arreglar modulo alternado landing tripleproteccion (desktop/movil) */
@media (min-width: 992px) {
.content_alternative .icon,
.content_alternative.right .icon{
float: left;
}
.content_alternative .title,
.content_alternative.right .title{
float: left;
margin: 10px;
}
.content_alternative .description,
.content_alternative.right .description{
float: left;
clear: left;
}
.content_alternative .content .button_wrap{
clear: left;
margin: 0;
}
.content_alternative .content .icon {
margin-top: -2rem;
}
}
/* FIN Ticket #70802 - Seguros// arreglar modulo alternado landing tripleproteccion (desktop/movil) */
@media (min-width: 992px){
/* Ticket #70982 - Revision transversal estilos iPad */
.banner-text .no-image .page-title h1 {
color: #007eae;
}
}
/* Ticket #71179 - Tarjetas // anadir pie legal en subhome tarjetas //
Ticket #73464 - Particulares // Planes Pensiones // texto aclarativo en seccion "simuladores" */
#subhome-tarjetas .sh-highlight.sh-h-noimage,
#subhome-prestamos .sh-highlight.sh-h-noimage {
width: 100%;
}
#subhome-tarjetas.sh-highlights .sh-highlights-list .sh-h-noimage .sh-highlight-wrap,
#subhome-prestamos.sh-highlights .sh-highlights-list .sh-h-noimage .sh-highlight-wrap {
min-height: auto;
}
/* FIN Ticket #71179 - Tarjetas // anadir pie legal en subhome tarjetas //
FIN Ticket #73464 - Particulares // Planes Pensiones // texto aclarativo en seccion "simuladores" */
/* Ticket #71198 - Particulares: Oficinas A, quitar degradado */
.ventajas .video-int-title.page-title::after {
background: none;
}
.ventajas .video-int-content .page-title h2, .video-int-content .page-title h3 {
font-size: 4rem;
}
.ventajas .video-int-content .page-title h3 {
position: static;
}
.ventajas .video-int-content .page-title {
padding-top: 35%;
}
.ventajas .video-int-content .page-title p {
color: #fff;
}
@media (max-width: 640px) {
.ventajas .video-int-content .page-title p {
font-size: 1.6rem;
line-height: 1.5rem;
}
.ventajas .video-int-content .page-title h2, .video-int-content .page-title h3 {
font-size: 3rem;
}
}
/* FIN Ticket #71198 - Particulares: Oficinas A, quitar degradado */
/* Nuevo CMN Seguros */
@media (max-width: 768px) {
#seguros .cmn-sticky .cmn-layer.open {
bottom: 50px;
}
}
/* FIN Nuevo CMN Seguros */
/* Ticket #71790 - Particulares: Pulseras contactless */
#pulsera-contactless .carousel-thumb img {
filter: none;
}
/* FIN Ticket #71790 - Particulares: Pulseras contactless */
/* Ticket #71801 - Empresas: Nueva seccion Dayone */
#dayone_icons .contenedor_doscolumnas .columna1_izq img{
width: 90px;
height: 90px;
display: block;
margin: 0 auto;
}
#dayone_icons header{
margin-bottom: 3rem;
}
/* FIN Ticket #71801 - Empresas: Nueva seccion Dayone */
/* Ticket #71766 - Particulares: Atencion al cliente, modificar TELFs */
@media (min-width: 768px){
#att-cliente li:last-child{
margin-top: -12rem;
padding-right: 2rem!important;
}
#att-cliente li:nth-last-child(2) {
margin-top: -12rem;
}
}
/* FIN Ticket #71766 - Particulares: Atencion al cliente, modificar TELFs */
/*Ticket #71933 - Particulares: Nueva promo Apple Pay*/
@media (min-width: 1200px) {
#apple-pay-texto-banner.page-banner {
width: 95%;
position: relative;
left: 250px;
}
#apple-pay-texto-banner.page-banner .page-banner-wrap .page-banner-box .page-description {
width: 80%;
margin: 0 auto;
}
}
@media (min-width: 1440px) {
#apple-pay-texto-banner.page-banner {
width: 110%;
position: relative;
left: 200px;
}
}
@media (min-width: 992px) {
#tarjetas-subhome .hm-slide:last-child .hm-slide-text-r {
width: 100%;
min-width: 100%;
}
#tarjetas-subhome .hm-slide:last-child .hm-slide-text-wrap {
float: right;
margin-right: 10%;
width: 350px;
}
#tarjetas-subhome .hm-slide:last-child .hm-slide-title {
padding-right: 0;
text-align: center;
}
#tarjetas-subhome .hm-slide:last-child .hm-slide-description {
padding-right: 0;
}
#tarjetas-subhome .hm-slide:last-child .hm-slide-description .boton_azul {
margin: 0 auto;
}
}
@media (min-width: 640px) {
.ventajas a[title="Abrir Wallet"],
.ventajas .bg-white:nth-child(3) .estilo_col_derecha,
.ventajas .bg-white:nth-child(3) a[title='Abrir Wallet'],
.ventajas .bg-white:nth-child(3) a[title='Obrir Wallet'] {
display: none;
}
.ventajas .bg-white:nth-child(3) .estilo_col_izquierda {
width: 100%
}
}
/*FIN Ticket #71933 - Particulares: Nueva promo Apple Pay*/
/*START Ticket #71933 - Particulares: El bloque de envio de sms en responsive*/
#sorteo-app-sms {
display: none;
}
@media (min-width: 640px){
#sorteo-app-sms{
display: block;
}
}
/*FIN Ticket #71933 - Particulares: El bloque de envio de sms en responsive*/
/* Ticket #72345 - Particulares // Prestamos // Prestamo Erasmus // anadir bullets */
.main-component .p-highlight-list-3-items .p-highlight .p-highlight-wrap .p-highlight-content.article-content li {
background: transparent url("images/bullet-ul.png") no-repeat left 7px;
text-align: left;
padding-left: 15px;
}
/* FIN Ticket #72345 - Particulares // Prestamos // Prestamo Erasmus // anadir bullets */
/* Titulo subrayado slider */
#titulo_negativo1 .hm-slide:nth-child(1) .hm-slide-title h2 {
background: #000;
color: #fff;
padding: 0 4px;
}
#titulo_negativo2 .hm-slide:nth-child(2) .hm-slide-title h2 {
background: #000;
color: #fff;
padding: 0 4px;
}
#titulo_negativo3 .hm-slide:nth-child(3) .hm-slide-title h2 {
background: #000;
color: #fff;
padding: 0 4px;
}
/* fin Titulo subrayado slider */
/* Ticket #71157 - Lolopo :: Cambios usabilidad */
.lolopo-title p {
font-weight: bold;
float: left;
width: auto;
margin-left: 2.3rem;
padding-left: 0;
}
.lolopo-title a {
float: left;
margin-left: 0.4rem;
}
.lolopo-f-secure {
float: left;
text-align: center;
width: 2.2rem;
height: auto;
visibility: hidden;
}
.lolopo-f-secure a {
display: inline-block;
margin-top: 0;
}
.lolopo-links {
margin-top: 0.5rem;
}
.lolopo-links a img{
margin-right: 0.3rem;
}
.lolopo-link-left {
margin-left: 2.3rem;
width: auto;
}
.lolopo-link-right {
margin-left: 1rem;
width: auto;
position: absolute;
right: 0;
}
html[lang='gl'] .lolopo-link-right {
position: relative;
margin-left: 2rem;
}
.lolopo-fields .lolopo-f-secure {
clear: left;
}
.lolopo-fields .lolopo-f-secure a {
margin-top: 1rem;
}
.lolopo-f-submit .bt-submit {
width: 8.2rem;
}
.sticky-nav .lolopo-f-secure {
visibility: visible;
}
.sticky-nav .lolopo-title,
.sticky-nav .lolopo-link-left {
margin-left: 0;
}
@media (max-width: 1200px) {
.lolopo {
margin-left: -15px;
}
}
.lolopo-links, .lolopo-title,
.lolopo-f-secure a{
transition: none !important;
}
html[lang='de'] .lolopo-links {
width: 38.4rem;
}
html[lang='de'] .header-bottom .container {
padding-right: 0;
padding-left: 0;
}
.lolopo-link-right a {
display: block;
}
.lolopo-link-right .cbox-la {
text-align: right;
}
html[lang='gl'] .lolopo-link-right .cbox-la {
text-align: left;
}
html[lang='ca'] .lolopo-link-right .cbox-la {
margin-right: 2rem;
}
@media (min-width: 992px) {
html[lang='de'] .header-bottom {
padding-left: 0;
}
html[lang='de'] .lolopo,
html[lang='en'] .lolopo {
margin-right: 2px;
}
}
html[lang='de'] .lolopo-link-right,
html[lang='en'] .lolopo-link-right {
right: -1px;
}
.lolopo-links a img {
margin-right: 0.1rem;
}
/* FIN Ticket #71157 - Lolopo :: Cambios usabilidad */
/* Ticket #72739 - Particulares // Hazte Cliente // Producto Nomina */
#design_textWhite h2 {
color: #fff;
font-size: 3.8rem;
line-height: 3.8rem;
}
/* FIN Ticket #72739 - Particulares // Hazte Cliente // Producto Nomina */
/* Ticket #72810 - Particulares // Nomina // Ajustar OM */
@media (max-width: 1300px){
#banner-h-om.banner-media {
position: relative ;
max-height: none ;
width: auto;
height: auto;
}
#banner-h-om .banner-image-group {
width: 100% ;
position: relative ;
left: 0 ;
top: 0;
height: 100% ;
overflow: hidden ;
}
#banner-h-om .banner-image-group > picture {
display: block ;
position: relative ;
height: 100% ;
width: 100% ;
left: 0 ;
top: 0 ;
transform: none ;
}
#banner-h-om .banner-image-group > picture img {
display: block ;
position: relative ;
margin: 0 auto ;
height: 100% ;
width: 100% ;
max-width: none ;
}
.om-group.banner-h-om{
position: relative;
}
.om-group.banner-h-om .om-box{
width: 100%;
}
#banner-h-om-text.page-banner {
height: auto ;
}
}
/* FIN Ticket #72810 - Particulares // Nomina // Ajustar OM */
/* Ticket #73024 - Particulares // Prestamos // Preconcedido // estilos para el */
.main h2 span, .main h1 span {
color: inherit;
font-family: inherit;
}
@media(min-width: 991px){
#a1-simple-small-title h1{
font-size: 5rem;
line-height: 5rem; /* Ticket #77445 - Particulares/prestamos/visualizacionresponsive_URGENTE */
}
}
/* FIN Ticket #73024 - Particulares // Prestamos // Preconcedido // estilos para el */
/* Ticket #73085 - Particulares: Texto blanco en A1 de la TV de samsung */
#compra_estrella_fondo_negro.page-terrat .page-terrat-text .page-title h1,
#compra_estrella_fondo_negro .page-terrat-text .page-description p,
#compra_estrella_fondo_negro .page-terrat-text .page-description p .azul_turquesa {
color: #000;
}
@media (min-width: 991px){
#compra_estrella_fondo_negro .page-terrat-text .page-title h1{
font-size: 2.7rem;
line-height: 2.7rem;
}
#compra_estrella_fondo_negro .page-terrat-text .page-description p{
line-height: 1.3rem;
}
#compra_estrella_fondo_negro.page-terrat .page-terrat-text .page-title h1,
#compra_estrella_fondo_negro .page-terrat-text .page-description p,
#compra_estrella_fondo_negro .page-terrat-text .page-description p .azul_turquesa {
color: #fff;
}
#compra_estrella_fondo_negro .page-terrat-text .page-description .button_wrap {
margin: 1.2rem 0 1rem 0;
}
}
@media (min-width: 1199px){
#compra_estrella_fondo_negro .page-terrat-text .page-title h1{
font-size: 2.4rem;
line-height: 2.7rem;
}
#compra_estrella_fondo_negro .page-terrat-text .page-description p{
line-height: 1.7rem;
}
#compra_estrella_fondo_negro .page-terrat-text .page-description .button_wrap{
margin: 0;
margin-top: 1.2rem;
}
}
@media (min-width: 1439px){
#compra_estrella_fondo_negro .page-terrat-text .page-title h1{
font-size: 3.8rem;
line-height: 3.8rem;
}
#compra_estrella_fondo_negro .page-terrat-text .page-description p{
line-height: 2.2rem;
}
}
/* FIN Ticket #73085 - Particulares: Texto blanco en A1 de la TV de samsung */
/* Ticket #73114 - Tarjetas - modificaciones landing visa&Go para medios */
.only-logo .header-top, .only-logo .header-middle {
display: none;
}
@media (min-width: 1200px) {
.height-cut .page-banner {
height: 300px;
}
.height-cut .banner-image-group > picture img {
height: 360px;
}
}
@media (min-width: 1440px){
.height-cut .banner-image-group {
height: 300px;
}
.height-cut .banner-image-group > picture img {
height: 480px;
}
}
/* FIN Ticket #73114 - Tarjetas - modificaciones landing visa&Go para medios */
/* Ticket #72701 - Particulares // Hazte Cliente // ajustar OM */
@media (min-width: 992px) {
#om-hc {
float: right;
width: 380px;
}
#om-hc .om-right {
width: 19rem;
}
}
@media (min-width: 640px) {
#om-hc .om-content {
width: 400px;
padding: 1rem 8px;
}
}
/* FIN Ticket #72701 - Particulares // Hazte Cliente // ajustar OM */
/* Ticket #73403 - Empresas // Subhomes // problema con 3 destacados */
@media (min-width: 768px) {
.sh-highlights .sh-highlight .sh-h-image-wrap {
height: 100%;
}
}
@media (min-width: 1200px) {
.sh-highlights .sh-highlight .sh-h-image img {
width: 100%;
}
}
/* FIN Ticket #73403 - Empresas // Subhomes // problema con 3 destacados */
/* Ticket #73413 - Particulares // Pretamos // Encuesta renting auto */
#form_imaginauto .contenido_formulario {
text-align: center;
}
#form_imaginauto form {
display: inline-block;
width: 475px;
}
#form_imaginauto form p {
float: left;
width: 100%;
}
#form_imaginauto input {
border: none;
border-radius: 5px;
padding: 10px;
margin: 4px 8px;
}
#form_imaginauto input[type='text'] {
background: #ececed;
}
#form_imaginauto input[type='submit'] {
background: #f9b300;
}
#form_imaginauto input[type='submit'] {
width: 190px;
font-weight: bold;
}
@media (max-width: 640px) {
#form_imaginauto form,
#form_imaginauto input {
width: 100% !important;
}
#form_imaginauto form p {
margin-top: 0 !important;
}
}
/* FIN Ticket #73413 - Particulares // Pretamos // Encuesta renting auto */
/* Ticket #73737 - Planes//seguros ahorro/mejora OM subhome */
#subhome_camp_tarjetas.om-group {
overflow: hidden;
}
@media (min-width: 640px) {
#subhome_camp_tarjetas .om-content {
width: 400px;
float: right;
padding: 0 8px 2rem;
}
}
@media (min-width: 992px) {
#subhome_camp_tarjetas .om-box .om-right {
width: 19rem;
}
}
/* FIN Ticket #73737 - Planes//seguros ahorro/mejora OM subhome */
/* Ticket #73751 - Particulares // Oficinas Store // Boton blanco */
.ventajas .btn-white a,
#ventajas .btn-white a {
background: #fff;
}
/* FIN Ticket #73751 - Particulares // Oficinas Store // Boton blanco */
/* Ticket #73886 - HolaBank: Reducir el tamano de fuente */
.footer-holabank .banner-link .office-text p {
font-size: 1.5rem;
}
/* FIN Ticket #73886 - HolaBank: Reducir el tamano de fuente */
/* Ticket #73552 - URGENTE / visualizacion CMN en movil */
/*
@media screen and (max-device-width: 480px) {
.cmn-sticky .cmn-layer.open {
top: 0 !important;
height: calc(100% - 48px);
position: fixed!important;
}
}
*/
.no-scroll{
overflow: hidden !important;
height: 100% !important;
}
/* FIN Ticket #73552 - URGENTE / visualizacion CMN en movil */
/* Ticket #74171 - PORTAL / Modulo descarga App */
.adquirir_producto_descarga_form > div > a {
background: #0289b7;
color: #fff !important;
border: none;
height: 4rem;
width: 28%;
padding: 8px;
text-decoration: none;
}
.close-alert {
float: right;
}
.adquirir_producto_descarga #js-alert-error,
.adquirir_producto_descarga #js-alert-success {
padding-left: 90px;
position: relative;
display: none;
border: 1px solid #d6e9c6 !important;
}
.adquirir_producto_descarga #js-alert-error {
background: #fff url(images/sms-alert-error-icon.png) no-repeat scroll left center;
}
.adquirir_producto_descarga #js-alert-success {
background: #fff url(images/sms-alert-sucess-icon.png) no-repeat scroll left center;
}
.adquirir_producto_descarga #js-alert-error > p {
color: red;
}
.adquirir_producto_descarga #js-alert-error .close-alert,
.adquirir_producto_descarga #js-alert-success .close-alert {
vertical-align: top;
display: table-cell;
position: absolute;
top: 5px;
right: 5px;
}
.adquirir_producto_descarga #js-alert-error .close-alert a,
.adquirir_producto_descarga #js-alert-success .close-alert a {
width: 20px;
height: 20px;
display: block;
background: transparent url(images/alert-close-icon.png) no-repeat scroll center center;
}
.adquirir_producto_descarga .texto_grande {
font-size: 1.6rem;
line-height: 2rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004f70;
font-weight: normal;
}
.botones_descarga_store > p:first-child {
margin: 0;
}
/* FIN Ticket #74171 - PORTAL / Modulo descarga App */
/* Ticket #74248 - Particulares: Rediseno Mis Finanzas */
#mis-finanzas-tabs .contenedor_exterior_columnas > div p {
text-align: center;
}
@media (min-width: 991px) {
#mis-finanzas-tabs .contenedor_exterior_columnas > div p img {
float: left;
margin-right: 5px;
}
#mis-finanzas-tabs .contenedor_exterior_columnas > div p {
text-align: left;
}
}
/* FIN Ticket #74248 - Particulares: Rediseno Mis Finanzas */
/* Ticket #74368 - Particulares // Hazte cliente // Planes Pensiones */
.button_wrap .btn a {
text-decoration: none !important;
}
/* FIN Ticket #74368 - Particulares // Hazte cliente // Planes Pensiones */
/* Ticket #74473 - Particulares // Nueva App */
@media (min-width: 1440px) {
#nueva-app-banner.page-banner.media,
#banner-bajocontraste.page-banner.media{
height: 360px !important;
}
}
@media (min-width: 1200px) {
#nueva-app-banner-image .banner-media.bg-video .banner-image-group,
#banner-bajocontraste-image .banner-media.bg-video .banner-image-group{
height: 360px !important;
}
}
@media (min-width: 991px) {
#nueva-app-banner.page-banner.media.white:before,
#banner-bajocontraste.page-banner.media.white:before{
background: linear-gradient(90deg, #fff 40rem, #ddd);
opacity: 0.75;
}
/*
.bg-white-banner-image .banner-media.bg-video .banner-image-group {
height: 480px !important;
}
.bg-white-banner-image .bg-video .banner-image-group > picture img {
height: 100%;
}
*/
}
#nueva-app-banner .page-banner-text .page-description p strong {
font-size: inherit;
}
@media (min-width: 992px) {
#nueva-app-banner.page-banner.media.white:before,
#banner-bajocontraste.page-banner.media.white:before{
background: none;
}
#nueva-app-banner.page-banner.media .page-banner-wrap,
#banner-bajocontraste.page-banner.media .page-banner-wrap{
position: relative;
}
#nueva-app-banner.page-banner.media .page-banner-text,
#banner-bajocontraste.page-banner.media .page-banner-text {
background: linear-gradient(90deg, #fff 40rem, #ddd);
opacity: 1;
display: inline-block;
position: absolute;
top: 50%;
transform: translate (0, -50%);
-webkit-transform: translate(0, -50%);
border-radius: 1rem;
padding: 1rem;
text-align: left;
}
#banner-bajocontraste.page-banner.media .page-banner-text {
background: linear-gradient(-90deg,#fff 40rem,#ddd);
background-color: #fff;
opacity: .75;
}
#nueva-app-banner .page-banner-text,
#banner-bajocontraste .page-banner-text{
width: 40%;
}
}
/* FIN Ticket #74473 - Particulares // Nueva App */
/* Ticket #74724 - A1 landings y subhomes :: revisar estilos capa */
.hm-text-right .hm-slide-title,.hm-text-right .hm-slide-description,.hm-text-left .hm-slide-title,.hm-text-left .hm-slide-description {
padding: 0 !important;
}
@media (min-width: 1200px) {
.hm-text-contrast .hm-slide-text-wrap {
padding: 1.5rem;
/* padding-bottom: 3rem; */
}
}
.hm-slide-description p.texto_aclarativo {
color:#555555;
}
/* FIN Ticket #74724 - A1 landings y subhomes :: revisar estilos capa */
/* Email - Re: Video productos alternos - imagen ancho pantalla */
.media .video-inline .video-placeholder .vjs-player-info .vjs-poster {
background-size: 100%;
}
/* FIN Email - Re: Video productos alternos - imagen ancho pantalla */
/* Ticket #74819 - componente A1 + Video */
@media (min-width: 992px){
#banner_video_holabank.page-banner.media.white::before {
display:none;
}
#banner_video_holabank .page-banner-text{
vertical-align: middle;
text-align: center;
background: rgba(255, 255, 255, 0.75);
border-radius: 1rem;
}
#banner_video_holabank .video-inline.container{
display:inline;
}
#banner_video_holabank .page-banner-media{
padding-left: 2rem;
}
}
@media (min-width: 1440px){
.page-banner.media.white#banner_video_holabank{
padding: 10% ;
}
}
/* Fin Ticket #74819 - componente A1 + Video */
/* Ticket #74846 - Particulares: Quitar espacio al terrat de la SH de hipotecas */
#cabecera-hipoteca-piso.page-banner {
height: 360px;
}
#cabecera-hipoteca-piso.page-banner .page-description .texto_aclarativo {
font-size: 1.1rem;
margin: 0;
}
/* FIN Ticket #74846 - Particulares: Quitar espacio al terrat de la SH de hipotecas */
/* Ticket #74498 */
@media (min-width:992px){
.container-hazte-cliente.active:not(.round){
display:none
}
}
/* FIN #74498 */
/* Ticket #74869 - Parametrizaciones portal < nueva parametrizacion para volver atras */
#button_back a{
top:3rem;
color: #007eae;
font-family: 'Opensans', Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.4rem;
text-decoration: none;
}
#button_back a:hover{
margin-left:-1rem
}
#button_back a:before{
content:'<';
display:inline-block;
color: #007eae;
margin-right:.7rem;
margin-top:.7rem;
font-size:1.4rem;
}
#button_back{
display:none
}
/* Regla para el texto alto contraste en IE */
@media screen and (min-width:0\0) {
#nueva-app-banner.page-banner.media .page-banner-text,
#banner-bajocontraste.page-banner.media .page-banner-text {
top: 5%;
}
}
/* Fin Ticket #74869 - Parametrizaciones portal < nueva parametrizacion para volver atras */
/* Ticket #74913 - Particulares: Modificacion en nueva landing de welcome */
#tabs-holabank .tabs-contents .tabs-content .estilo_col_izquierda p,
#tabs-holabank .tabs-contents .tabs-content .estilo_col_derecha p {
height: 107px;
display: table;
}
#tabs-holabank .tabs-contents .tabs-content .estilo_col_izquierda .texto_izquierda, #tabs-holabank .tabs-contents .tabs-content .estilo_col_derecha .texto_izquierda {
text-align: left;
display: table-cell;
margin-right: 1rem;
vertical-align: middle;
}
#tabs-holabank .tabs-contents .tabs-content .estilo_col_izquierda .texto_izquierda img, #tabs-holabank .tabs-contents .tabs-content .estilo_col_derecha .texto_izquierda img {
margin-right: 1rem;
max-width: 72px;
}
#tabs-holabank .tabs-contents .tabs-content .estilo_col_izquierda .texto_inferior, #tabs-holabank .tabs-contents .tabs-content .estilo_col_derecha .texto_inferior {
display: table-cell;
vertical-align: middle;
}
/* #74913 Particulares: Modificacion en nueva landing de welcome -- Logo Tlfn */
#tabs-holabank .tabs-content.article-content .texto_aclarativo{
display:table;
font-size: 1.6rem;
line-height: 2.2rem;
}
#tabs-holabank .tabs-content.article-content .texto_aclarativo strong{
display:table-row;
}
#tabs-holabank .tabs-content.article-content .texto_aclarativo strong .azul_turquesa.texto_inferior{
display: table-cell;
vertical-align: middle;
}
/* FIN Ticket #74913 - Particulares: Modificacion en nueva landing de welcome */
/* Ticket #74955 - Particulares: Consulta de plantilla a usar */
/* #84485 - Particulares: Modificar espacio cabecera */
.only-logo-button #header .header-bottom > .container {
margin: 0 auto;
}
.only-logo-button .om-inline {
top: 0!important;
}
/* #84485 - Particulares: Modificar espacio cabecera */
@media (max-width:768px){
.only-logo-button #header {
position: relative !important;
}
.only-logo-button .page{
margin: 0px!important;
}
}
.only-logo-button .header-bottom .column{
width:33.3333333%;
}
.only-logo-button .header-bottom .column:last-child{
width:100%;
}
@media (min-width:768px){
.only-logo-button .header-bottom .column:last-child{
width:33.3333333%;
}
.only-logo-button.hc3 .bg-white-banner + .bg-white{
width: 100%;
}
}
@media(min-width:992px){
.only-logo-button #header {
position: relative !important;
box-shadow: none;
}
.only-logo-button #page {
margin-top: 0 !important;
}
.only-logo-button .om-inline {
position:absolute;
right: 0;
top: 65px!important;
display:block!important;
}
.only-logo-button .om-inline .om-group {
float: right;
width: 420px;
margin: 0 -15px;
}
.only-logo-button .om-inline .om-box .om-right,
.only-logo-button.hc2 .om .om-box .om-right {
width: 18rem;
}
.only-logo-button .container.bg-white {
position:static;
}
.only-logo-button .header-bottom .column:last-child{
text-align:right;
}
}
@media (min-width: 1200px) {
.only-logo-button #small-h1 h1 {
color: #fff;
font-size: 4.5rem;
line-height: 5.2rem;
}
}
@media (min-width: 992px) and (max-width: 1500px){
.only-logo-button .om-inline .om-group {
width: 100%;
padding: 2rem;
margin: 0rem;
}
.only-logo-button .om-inline {
padding: 0;
top: 65px!important;
}
.only-logo-button.hc1 .c-highlights.main-component {
margin-top: 20rem;
}
.only-logo-button.hc3 .c-highlights.main-component {
margin-top: 3rem;
}
.only-logo-button .om-inline .om-group{
width: 100%;
padding:2rem;
padding-top: 0;
}
.only-logo-button .om-content {
width: 420px;
float: right;
}
.only-logo-button.hc3 .bg-white-banner-image {
margin-top: 9rem;
}
}
@media (min-width: 1500px) {
.only-logo-button.hc3 .page-banner-media {
padding-top: 12rem;
}
}
/* FIN Ticket #74955 - Particulares: Consulta de plantilla a usar */
/* Re: Terrat con video incrustado */
@media (min-width: 1200px) {
#banner-slider.banner-media.bg-video .banner-image-group,
#banner-slider-text.page-banner.media {
height: 380px;
}
}
/* FIN Re: Terrat con video incrustado */
/* Ticket #75290 - PRESTAMOS / RENTING / anadir CMN central en landing medios */
/* Ticket #77064 - PrestamoFamily :: Configuracion CMN en funcion de hora */
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe {
width: 100%;
}
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe.noche {
height: 355px;
}
@media (max-width: 690px) {
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe {
height: 530px;
}
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe.noche {
height: 635px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe {
height: 530px;
}
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe.noche {
height: 635px;
}
}
@media (max-width: 470px) {
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe {
height: 605px;
}
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe.noche {
height: 660px;
}
}
@media (max-width: 470px) {
.only-logo .bg-white .article-block.main-component .article-content.article-text p iframe.noche {
height: 710px;
}
}
/* FIN Ticket #77064 - PrestamoFamily :: Configuracion CMN en funcion de hora */
/* FIN Ticket #75290 - PRESTAMOS / RENTING / anadir CMN central en landing medios */
/* Ticket #75458 - Particulares: Nuevo formulario RGPD */
.lt #form-caixabank .contenido_formulario p > label {
font-size: 1.4rem;
color: #555;
font-weight: normal;
font-style: normal;
/*width: 175px;*/
}
#form-caixabank .contenido_formulario .texto_aclarativo {
text-align: justify;
}
#derechos-solicitar label {
width: 100%;
}
@media (max-width: 370px){
.lt #form-caixabank .contenido_formulario p > label {
width: 90px;
}
}
.lt.only-logo.sticky-disable.sticky-nav .rojo_granate {
color: #cc0000;
}
#form-caixabank textarea {
margin: 5px;
}
@media (min-width: 768px) {
#form-caixabank form > p > label {
display: block;
}
}
#form-caixabank span.error {
color: red !important;
font-weight: bold;
display: none;
}
#form-caixabank input, #form-caixabank select {
margin: 3px 3px 3px 5px;
height: 27px;
}
#form-caixabank input[type='radio'] {
margin: 0;
height: auto;
}
#form-caixabank input[type='text'] {
margin-left: 1px;
}
#form-caixabank input[type='checkbox'] {
height: 12px;
margin-left: 10px;
}
#bloque-portabilidad, #bloque-portabilidad-2, #bloque-limitacion, #bloque-oposicion, #bloque-rectificacion, #bloque-revocacion, #bloque-revocacion-2, #bloque-revocacion-bio {
display: none;
}
#bloque-revocacion-2 {
margin-left: 30px;
}
#bloque-revocacion label input, #bloque-revocacion label span {
float: left;
}
#bloque-revocacion label span {
width: 88%;
}
select#tipo-limitacion {
width: 300px;
}
#form-caixabank .encabezado, #form-caixabank .encabezado-ppal {
font-weight: bold;
}
#form-caixabank .encabezado-ppal {
margin-top: 15px !important;
}
#form-caixabank .observaciones label {
float: left;
}
#ej-derechos {
margin: 10px 0;
}
#ej-derechos > p , #ej-derechos > div {
width: 250px;
}
#ej-derechos > p:first-child {
text-align: right;
font-weight: bold;
}
#ej-derechos p img {
vertical-align: middle;
cursor: pointer;
margin-left: 5px;
float: right;
}
#ej-derechos label {
font-weight: normal;
}
#derechos-solicitar textarea {
width: 400px;
height: 120px;
}
.switch {
position: relative;
display: inline-block;
width: 35px;
height: 18px;
/* margin: 0 15px; */
float: right;
}
@media (max-width: 28rem) {
.switch {
position: relative;
display: block;
float: right;
}
}
/*
.switch input {
display: none;
}
*/
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 4px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #B9C800;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
transform: translateX(14px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
@media (max-width: 640px){
#form-caixabank select,
.lt #form-caixabank .contenido_formulario p > label,
#ej-derechos textarea {
width: 100%;
}
}
#datos-personales-replegal a, #datos-personales a, #datos-personales-direccion a {
display: block;
}
#datos-personales p label, #datos-personales-replegal p label, #datos-personales-direccion p label, #texto-revocacion label {
width: 185px;
}
#error-derechos {
color: red;
display:none;
}
@media (min-width: 640px) {
.lt.no-logo .article-block .heading-group,
.lt.no-logo .article-block .article-content.article-text {
float: left;
}
.lt.no-logo .article-block .article-content.article-intro {
float: right;
margin-top: 0;
}
#form-caixabank html[lang='en'] #dni, #form-caixabank html[lang='en'] #dni-rep, #form-caixabank html[lang='en'] #nombre-via, #form-caixabank html[lang='en'] #nombre-via-rep {
margin-left: 190px;
}
}
/* FIN Ticket #75458 - Particulares: Nuevo formulario RGPD */
/* Ticket #77332 - RGPD//nuevo formulario para contacto DPO */
form#contactoDPO .bloqueContactoDPO{
min-height: 50px;
margin: 2rem 0;
}
form#contactoDPO .bloqueContactoDPO.entradilla{
padding-top: 6rem;
}
form#contactoDPO .bloqueContactoDPO label{
display: block;
width: 100%;
margin-bottom: 0.5rem
}
form#contactoDPO .bloqueContactoDPO input{
height: 35px;
width: 100%;
margin-left: 0;
}
form#contactoDPO .bloqueContactoDPO textarea{
width: 100%;
height: 10rem;
margin: 0;
}
form#contactoDPO .bloqueContactoDPO input[type="submit"]{
display: block;
height: 50px;
background: #007eae;
box-shadow: none;
border: 0px;
color: #fff;
font-family: 'OpenSans-Bold', Arial, sans-serif;
line-height: 51px;
font-size: 14px;
font-size: 1.4rem;
padding: 0 0.25%;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
cursor: pointer;
width: 260px;
margin: 1rem auto;
}
form#contactoDPO fieldset legend{
display: block;
width: 100%;
margin-bottom: 0.5rem;
border: 0;
font-size: 14px;
font-weight: bold;
}
form#contactoDPO .bloqueContactoDPO.radios label{
display: block;
margin: 2rem 0px;
font-weight: 100;
}
form#contactoDPO .bloqueContactoDPO.radios input[type="radio"]{
display: inline-block;
width: 50px;
height: auto;
}
/* FIN Ticket #77332 - RGPD//nuevo formulario para contacto DPO */
/* Ticket #75405 - ocualtamos de modo provisional los recomendaos paar HolaBank */
html[lang="en"] .container-fluid.menu-panel-container .component_wrapper:nth-child(5),
html[lang="fr"] .container-fluid.menu-panel-container .component_wrapper:nth-child(5),
html[lang="de"] .container-fluid.menu-panel-container .component_wrapper:nth-child(5),
html[lang="en"] .container-fluid.menu-panel-container .component_wrapper:last-child,
html[lang="fr"] .container-fluid.menu-panel-container .component_wrapper:last-child,
html[lang="de"] .container-fluid.menu-panel-container .component_wrapper:last-child
{
display:none;
}
/* fin ticket #75405 */
/* Ticket #76706 - Hazte Cliente :: Ajustes diseno modulo ventajas */
@media(max-width: 640px){
#destacados_hc.c-highlights .c-highlights-list{
display: table;
}
#destacados_hc.c-highlights .c-highlight{
max-width: none;
display: table-row;
}
#destacados_hc.c-highlights .c-highlight .c-highlight-image{
width: 20%;
display: table-cell;
vertical-align: middle;
}
#destacados_hc.c-highlights .c-highlight .c-highlight-content{
width: 80%;
display: table-cell;
vertical-align: middle;
}
#destacados_hc.c-highlights .c-highlight .c-highlight-content .c-highlight-text h3{
margin-top: 0;
}
}
/* FIN Ticket #76706 - Hazte Cliente :: Ajustes diseno modulo ventajas */
/* Ticket #76984 - Empresas // Reestructuracion Tarjetas / */
#no-carousel.carousel-group .carousel-items li{
pointer-events: none;
}
#no-carousel.carousel-group .carousel-contents{
display: none;
}
#no-carousel.carousel-group .carousel-thumb img{
filter: none;
}
/* FIN Ticket #76984 - Empresas // Reestructuracion Tarjetas // */
/* Avisos Lolopo */
.lolopo-notices {
position: absolute;
right: -10px;
top: -25px;
}
.lolopo-notices button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
}
.lolopo-notices .close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.lolopo-notices .alert {
position: relative;
padding: .75rem 4rem .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.lolopo-notices .alert .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit;
opacity: 1;
}
.lolopo-notices .alert .close span {
color: #555;
font-size: 2rem;
}
.lolopo-notices .alert-warning {
color: #555;
background-color: #fff3cd;
border-color: #ffeeba;
}
.lolopo-notices .alert-success {
color: #555;
background-color: #F8FFF8;
border-color: #F8FFF8;
}
.lolopo-notices .alert-danger {
color: #555;
background-color: #FFF7F4;
border-color: #FFF7F4;
}
.lolopo-notices .alert-info {
color: #555;
background-color: #F4FAFD;
border-color: #F4FAFD;
}
/* FIN Avisos Lolopo */
/* Ticket #76739 - DiversityTalks: nuevo diseno */
#capitulos-previstos.p-highlights-promo .p-highlight-text-t {
min-height: 25.4rem;
}
#capitulos-previstos.p-highlights .p-highlight {
width: 50%;
}
.article-main.ventajas .bg-white .p-highlights.main-component#capitulos-previstos .p-highlight-list .p-highlight-content > p {
background: none;
}
/* FIN Ticket #76739 - DiversityTalks: nuevo diseno */
/* Ticket #77211 - Particulares // Ahorro // Descubre nuestras formas de ahorro // revisar responsive */
@media (min-width: 991px){
.mi-hucha .content_alternative .media img {
width: 960px;
margin-left: -230px;
}
.mi-hucha .content_alternative .content .button_wrap {
margin-top: 0 !important;
}
.mi-hucha .content_alternative .content .content-box div:not(:last-child) {
margin: 0;
}
.main .mi-hucha h3 {
margin-top: 1rem;
}
}
@media (min-width: 1200px){
.mi-hucha .content_alternative .content {
padding-left: 5%;
}
}
@media (min-width: 1440px){
.mi-hucha .content_alternative .media img {
margin-left: 0px;
}
}
@media (min-width: 1700px){
.mi-hucha .content_alternative {
max-height: 430px;
}
}
/* FIN Ticket #77211 - Particulares // Ahorro // Descubre nuestras formas de ahorro // revisar responsive */
/* Ticket #76590 - Cambios en plantillas donativos */
/* Ticket #77863 - Donativos campana de la leche */
@media (min-width: 1100px){
.apl.donativos.background .article-main .campaign .column {
position: static!important;
}
.apl.donativos .background-image {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
margin: 0;
background-size: 100%!important;
}
.apl.donativos .background-image[data-code="255"]{
background: transparent url("images/fondo_donativo.jpg") no-repeat center bottom;
}
/* Pasos formulario*/
.apl.donativos.background.donativos_Step1 .campaign{ height: 900px; }
.apl.donativos.background.donativos_Step2 .campaign{ height: 1350px;}
.apl.donativos.background.donativos_Step3 .campaign{ height: 1315px;}
.apl.donativos.background.donativos_Step4 .campaign{ height: 1400px;}
.apl.donativos.background.donativos_CodVerificacion .campaign { height: 550px;}/*Step Codigo SMS*/
/* Resultados */
.apl.donativos.background.donativos_ResultadoPropias .campaign{
height: 1300px;
}
.apl.donativos.background.donativos_ResultadoAjenas .campaign{
height: 1300px;
}
}
/* FIN #77863 - Donativos campana de la leche */
/* Ticket #77133 - Portal // Componente texto anadir opcion descargar PDF o Imprimir */
#campania {
margin: 3rem 0;
}
#campania .article.normal .media {
text-align: center;
display: none;
}
#campania .article_footer .contenedor_botones {
margin-top: 2rem;
}
#campania .article_footer .contenedor_botones a[title='Imprimir'] > div,
#campania .article_footer .contenedor_botones a[title='Descargar PDF'] > div {
padding: 0 15px !important;
}
#campania .article_footer .contenedor_botones a {
display: inline-block;
}
#campania .article_footer .contenedor_botones a div p {
color: #007eae;
font-weight: bold;
margin-top: 0;
}
#campania .article_footer .contenedor_botones a[title='Imprimir'] {
border-right: 1px solid #edeff0;
}
#campania .article_footer .contenedor_botones a > div {
width: auto;
float: left;
}
#campania .article_footer .contenedor_botones a > div img {
float: left;
margin-right: 10px;
margin-top: 0 !important;
}
/* FIN Ticket #77133 - Portal // Componente texto anadir opcion descargar PDF o Imprimir */
/* Ticket #78546 - Particulares: Imagen movil en la subhome de hipotecas */
#no-mobile-image .hm-slide .hm-slide-wrapper{
display: none;
}
@media(min-width: 991px){
#no-mobile-image .hm-slide .hm-slide-wrapper{
display: block;
}
}
/* FIN Ticket #78546 - Particulares: Imagen movil en la subhome de hipotecas */
/* Ticket #78836 - Particulares // CaixaBank Sign */
#banner-bajocontraste h1 {
text-align: center;
}
/* FIN Ticket #78836 - Particulares // CaixaBank Sign */
/* Ticket #78819 - Particulares // landing para movil */
@media(max-width: 1439px){
#image-text-over-image-mobile .banner-image-group img{
height: auto;
}
}
@media(max-width: 1199px){
#text-over-image-mobile{
position: absolute;
top: 0;
left: 0;
}
#image-text-over-image-mobile .banner-image-group{
position: relative;
max-height: 300px;
}
#text-over-image-mobile .page-title h1,
#text-over-image-mobile .page-description p{
color: #fff;
}
#text-over-image-mobile .page-title h1{
font-size: 5.5rem;
line-height: 5.7rem;
}
#text-over-image-mobile .page-description p {
font-size: 2rem;
margin-top: 2rem;
}
}
@media(max-width: 767px){
#text-over-image-mobile{
padding: 1rem 0;
}
#text-over-image-mobile .page-title h1,
#text-over-image-mobile .page-description p{
margin: 0;
}
#text-over-image-mobile .page-title h1{
font-size: 2rem;
}
#text-over-image-mobile .page-description p{
font-size: 1.5rem;
}
}
@media(max-width: 425px){
#image-text-over-image-mobile .banner-image-group img{
left: -10%;
max-width: 120%;
}
}
/* FIN Ticket #78819 - Particulares // landing para movil */
/* Ticket #80800 - URGE//pantalla buscador y ficha trimestral para iop de planes */
#buscador-planes {
width: 100%;
margin: 10px 0;
}
#buscador-planes > div {
text-align: center;
}
#buscador-planes > div:first-child {
text-align: left;
}
#buscador-planes .contenedor_exterior_columnas div {
padding: 0;
margin: 15px 0 5px;
}
#buscador-planes div input[type='text'] {
width: 100%;
margin-bottom: 20px;
}
#buscador-planes div input[type='submit'] {
background: #007eae;
color: #fff;
border: #007eae;
border-radius: 4px;
padding: 5px 10px;
}
#tabla-buscador-planes {
margin-top: 15px !important;
}
#tabla-buscador-planes td {
vertical-align: middle !important;
}
#tabla-buscador-planes span.boton_mediano:before {
font-family: "fontello";
font-style: normal;
content: '\e900';
top: 0;
font-size: 2rem;
line-height: 3.5rem;
padding-right: 1rem;
}
@media (min-width: 470px) {
#buscador-planes {
width: 420px;
}
}
/* FIN Ticket #80800 - URGE//pantalla buscador y ficha trimestral para iop de planes */
/* Ticket #81543 - Planes//cambios en catalogo */
.enlaces_grp_pestanas .button_wrap a {
display: block !important;
white-space: normal !important;
line-height: normal !important;
max-width: none !important;
}
/* FIN Ticket #81543 - Planes//cambios en catalogo */
/* Ticket #80728 - Particulares: Modificar estilos tabla CaixaBankFuturo */
#estrellas td {
text-align: center;
}
#estrellas td > p {
margin-top: 0;
}
#estrellas td img {
display: inline;
}
/* FIN Ticket #80728 - Particulares: Modificar estilos tabla CaixaBankFuturo */
/* Ticket #83217 - Hipotecas / rediseno / consulta subhome */
#pestanas-fijas .tabs-contents{
max-width: 750px;
margin: 0 auto;
}
#pestanas-fijas .tabs-contents h3 {
font-size: 2.6rem;
}
#pestanas-fijas .tabs-items{
text-align: center;
}
/* FIN Ticket #83217 - Hipotecas / rediseno / consulta subhome */
/************************* ESTILOS PORTAL-5802T1 & RQIDEA03221 - Ampliacion Permisos Editores ***********************************/
/**************** FASE I *******************/
/*Background*/
.bg-site {background: #007EAE; position:relative;}
.bg-light-Blue {background: #E1F2FB; position:relative;}
.bg-dark-Blue {background: #007EAE; position:relative;}
.bg-navy-Blue {background: #1D2546; position:relative;}
.bg-green {background: #19818B; position:relative;}
.bg-light-grey {background: #F0F0F0; position:relative;}
.bg-grey {background: #D6DBDF; position:relative;}
.bg-garnet {background: #6A150E; position:relative;}
.bg-orange {background: #C4471A; position:relative;}
.bg-dark-orange {background: #C4471A; position:relative;}
.bg-light-Yellow {background: #FFF8C5; position:relative;}
.bg-Yellow {background: #F4C43C; position:relative;}
.bg-light-rose {background: #FDEAEE; position:relative;}
.bg-rose {background: #BC1350; position:relative;}
.bg-dark-rose {background: #5D1B3A; position:relative;}
.bg-red {background: #DE3532; position:relative;}
/* Destacados Tabbed Subhome */
.sh-highlights .sh-highlight.bg-site > a,
.sh-highlights .sh-highlight.bg-site:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-site .sh-h-text:before{background-color: #007EAE; opacity:1;} .sh-highlights .sh-highlight.bg-site{background: none;}
.sh-highlights .sh-highlight.bg-light-Blue > a,
.sh-highlights .sh-highlight.bg-light-Blue:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-light-Blue .sh-h-text:before{background-color: #E1F2FB; opacity:1;} .sh-highlights .sh-highlight.bg-light-Blue{background:none;}
.sh-highlights .sh-highlight.bg-dark-Blue > a,
.sh-highlights .sh-highlight.bg-dark-Blue:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-dark-Blue .sh-h-text:before{background-color: #007EAE; opacity:1;} .sh-highlights .sh-highlight.bg-dark-Blue{background:none;}
.sh-highlights .sh-highlight.bg-navy-Blue > a,
.sh-highlights .sh-highlight.bg-navy-Blue:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-navy-Blue .sh-h-text:before{background-color: #1D2546; opacity:1;} .sh-highlights .sh-highlight.bg-navy-Blue{background:none;}
.sh-highlights .sh-highlight.bg-green > a,
.sh-highlights .sh-highlight.bg-green:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-green .sh-h-text:before{background-color: #19818B; opacity:1;} .sh-highlights .sh-highlight.bg-green{background: none;}
.sh-highlights .sh-highlight.bg-light-grey > a,
.sh-highlights .sh-highlight.bg-light-grey:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-light-grey .sh-h-text:before{background-color: #F0F0F0; opacity:1;} .sh-highlights .sh-highlight.bg-light-grey{background: none;}
.sh-highlights .sh-highlight.bg-grey > a,
.sh-highlights .sh-highlight.bg-grey:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-grey .sh-h-text:before{background-color: #D6DBDF; opacity:1;} .sh-highlights .sh-highlight.bg-grey{background: none;}
.sh-highlights .sh-highlight.bg-garnet > a,
.sh-highlights .sh-highlight.bg-garnet:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-garnet .sh-h-text:before{background-color: #6A150E; opacity:1;} .sh-highlights .sh-highlight.bg-garnet{background: none;}
.sh-highlights .sh-highlight.bg-orange > a,
.sh-highlights .sh-highlight.bg-orange:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-orange .sh-h-text:before{background-color: #C4471A; opacity:1;} .sh-highlights .sh-highlight.bg-orange{background: none;}
.sh-highlights .sh-highlight.bg-dark-orange > a,
.sh-highlights .sh-highlight.bg-dark-orange:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-dark-orange .sh-h-text:before{background-color: #C4471A; opacity:1;} .sh-highlights .sh-highlight.bg-dark-orange{background: none;}
.sh-highlights .sh-highlight.bg-light-Yellow > a,
.sh-highlights .sh-highlight.bg-light-Yellow:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-light-Yellow .sh-h-text:before{background-color: #FFF8C5; opacity:1;} .sh-highlights .sh-highlight.bg-light-Yellow{background: none;}
.sh-highlights .sh-highlight.bg-Yellow > a,
.sh-highlights .sh-highlight.bg-Yellow:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-Yellow .sh-h-text:before{background-color: #F4C43C; opacity:1;} .sh-highlights .sh-highlight.bg-Yellow{background: none;}
.sh-highlights .sh-highlight.bg-light-pink > a,
.sh-highlights .sh-highlight.bg-light-pink:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-light-pink .sh-h-text:before{background-color: #FDEAEE; opacity:1;} .sh-highlights .sh-highlight.bg-light-pink{background: none;}
.sh-highlights .sh-highlight.bg-rose > a,
.sh-highlights .sh-highlight.bg-rose:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-rose .sh-h-text:before{background-color: #BC1350; opacity:1;} .sh-highlights .sh-highlight.bg-rose{background: none;}
.sh-highlights .sh-highlight.bg-dark-rose > a,
.sh-highlights .sh-highlight.bg-dark-rose:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-dark-rose .sh-h-text:before{background-color: #5D1B3A; opacity:1;} .sh-highlights .sh-highlight.bg-dark-rose{background: none;}
.sh-highlights .sh-highlight.bg-red > a,
.sh-highlights .sh-highlight.bg-red:not(.sh-h-double-family) .sh-h-text,
.sh-highlights .sh-highlight.bg-red .sh-h-text:before{background-color: #DE3532; opacity:1;} .sh-highlights .sh-highlight.bg-red{background: none;}
/* Full Slider */
.hm-slider .hm-slide.bg-site {background: #007EAE;}
.hm-slider .hm-slide.bg-light-Blue {background: #E1F2FB;}
.hm-slider .hm-slide.bg-dark-Blue {background: #007EAE;}
.hm-slider .hm-slide.bg-navy-Blue {background: #1D2546;}
.hm-slider .hm-slide.bg-green {background: #19818B;}
.hm-slider .hm-slide.bg-light-grey {background: #F0F0F0;}
.hm-slider .hm-slide.bg-grey {background: #D6DBDF;}
.hm-slider .hm-slide.bg-garnet {background: #6A150E;}
.hm-slider .hm-slide.bg-orange {background: #C4471A;}
.hm-slider .hm-slide.bg-dark-orange {background: #C4471A;}
.hm-slider .hm-slide.bg-light-Yellow {background: #FFF8C5;}
.hm-slider .hm-slide.bg-Yellow {background: #F4C43C;}
.hm-slider .hm-slide.bg-light-pink {background: #FDEAEE;}
.hm-slider .hm-slide.bg-rose {background: #BC1350;}
.hm-slider .hm-slide.bg-dark-rose {background: #5D1B3A;}
.hm-slider .hm-slide.bg-red {background: #DE3532;}
/* Nuevo Terrat Subhome */
.page-terrat.bg-site {background: #007EAE;}
.page-terrat.bg-light-Blue {background: #E1F2FB;}
.page-terrat.bg-dark-Blue {background: #007EAE;}
.page-terrat.bg-navy-Blue {background: #1D2546;}
.page-terrat.bg-green {background: #19818B;}
.page-terrat.bg-light-grey {background: #F0F0F0;}
.page-terrat.bg-grey {background: #D6DBDF;}
.page-terrat.bg-garnet {background: #6A150E;}
.page-terrat.bg-orange {background: #C4471A;}
.page-terrat.bg-dark-orange {background: #C4471A;}
.page-terrat.bg-light-Yellow {background: #FFF8C5;}
.page-terrat.bg-Yellow {background: #F4C43C;}
.page-terrat.bg-light-pink {background: #FDEAEE;}
.page-terrat.bg-rose {background: #BC1350;}
.page-terrat.bg-dark-rose {background: #5D1B3A;}
.page-terrat.bg-red {background: #DE3532;}
/* Productos alternados */
.content_alternative.bg-site {background: #007EAE;}
.content_alternative.bg-light-Blue {background: #E1F2FB;}
.content_alternative.bg-dark-Blue {background: #007EAE;}
.content_alternative.bg-navy-Blue {background: #1D2546;}
.content_alternative.bg-green {background: #19818B;}
.content_alternative.bg-light-grey {background: #F0F0F0;}
.content_alternative.bg-grey {background: #D6DBDF;}
.content_alternative.bg-garnet {background: #6A150E;}
.content_alternative.bg-orange {background: #C4471A;}
.content_alternative.bg-dark-orange {background: #C4471A;}
.content_alternative.bg-light-Yellow {background: #FFF8C5;}
.content_alternative.bg-Yellow {background: #F4C43C;}
.content_alternative.bg-light-pink {background: #FDEAEE;}
.content_alternative.bg-rose {background: #BC1350;}
.content_alternative.bg-dark-rose {background: #5D1B3A;}
.content_alternative.bg-red {background: #DE3532;}
/* Campana - Look Macromenu */
#panel-menu .menu-campaign.bg-site {background: #007EAE;}
#panel-menu .menu-campaign.bg-light-Blue {background: #E1F2FB;}
#panel-menu .menu-campaign.bg-dark-Blue {background: #007EAE;}
#panel-menu .menu-campaign.bg-navy-Blue {background: #1D2546;}
#panel-menu .menu-campaign.bg-green {background: #19818B;}
#panel-menu .menu-campaign.bg-light-grey {background: #F0F0F0;}
#panel-menu .menu-campaign.bg-grey {background: #D6DBDF;}
#panel-menu .menu-campaign.bg-garnet {background: #6A150E;}
#panel-menu .menu-campaign.bg-orange {background: #C4471A;}
#panel-menu .menu-campaign.bg-dark-orange {background: #C4471A;}
#panel-menu .menu-campaign.bg-light-Yellow {background: #FFF8C5;}
#panel-menu .menu-campaign.bg-Yellow {background: #F4C43C;}
#panel-menu .menu-campaign.bg-light-pink {background: #FDEAEE;}
#panel-menu .menu-campaign.bg-rose {background: #BC1350;}
#panel-menu .menu-campaign.bg-dark-rose {background: #5D1B3A;}
#panel-menu .menu-campaign.bg-red {background: #DE3532;}
/*Text*/
.titulo_negativo,
.titulo_negativo .hm-slide-text .hm-slide-title h2,
.titulo_negativo.page-terrat .page-title h1{
background: #000;
color: #fff;
padding: 0 0.4rem;
display: block;
}
/*Bullets*/
.page-wrapper ul li.bullet_blue {
background: transparent url("images/bullet-ul.png") no-repeat;
background-position: 0.6rem 1rem;
}
.page-wrapper ul li.bullet_arrow {
background:transparent url("icons/arrow-right-blue.png") no-repeat;
background-position: 0.5rem 0.5rem;
}
.page-wrapper ul li.no_bullet {
padding: 0 0 1rem 0 !important;
background: none;
}
/*Title Size*/
.title_small {font-size: 1.4rem !important; line-height: 120% !important; color: inherit;}
.title_medium {font-size: 1.8rem !important; line-height: 120% !important; color: inherit;}
.title_big {font-size: 2.4rem !important; line-height: 120% !important; color: inherit;}
/*Font color*/
.font-site {color: #007EAE!important;}
.font-light-Blue, .font-light-blue {color: #E1F2FB!important;}
.font-dark-Blue, .font-dark-blue {color: #007EAE!important;}
.font-navy-Blue, .font-navy-blue {color: #1D2546!important;}
.font-green {color: #19818B!important;}
.font-light-grey {color: #F0F0F0!important;}
.font-grey {color: #D6DBDF!important;}
.font-garnet {color: #6A150E!important;}
.font-orange {color: #C4471A!important;}
.font-dark-orange {color: #C4471A!important;}
.font-light-Yellow, .font-light-yellow {color: #FFF8C5!important;}
.font-Yellow, .font-yellow {color: #F4C43C!important;}
.font-light-rose {color: #FDEAEE!important;}
.font-rose {color: #BC1350!important;}
.font-dark-rose {color: #5D1B3A!important;}
.font-red {color: #DE3532!important;}
.font-black {color: #000!important;}
.font-white {color: #fff!important;}
/*Slider to A1 - Image Size & Text*/
@media (min-width: 1440px){
#slider-to-banner .hm-slide > a {
height: 48rem;
}
}
#slider-to-banner .hm-slide-text-wrap {
width: 65%;
margin: 0 auto;
}
#slider-to-banner .hm-slide-description p{
font-size: 1.6rem;
line-height: 2.2rem;
}
#slider-to-banner .hm-slide-text{
padding-top: 0;
padding-bottom: 0;
}
#slider-to-banner .hm-slide-title h2 {
font-size: 2.6rem;
line-height: 3rem;
margin: 0;
/*color: #007eae;*/
}
@media (min-width: 992px){
#slider-to-banner .hm-slide-title h2{
font-size: 5rem;
line-height: 5rem;
}
}
@media (max-width: 991px){
#slider-to-banner.hm-slider{
padding-bottom: 0;
}
#slider-to-banner .hm-slide-text{
display: table;
width: 100%;
}
#slider-to-banner .hm-slide-text .hm-slide-text-r {
display: table-row;
}
#slider-to-banner .hm-slide-text .hm-slide-text-r .hm-slide-text-c {
display: table-cell;
height: 180px;
vertical-align: middle;
}
#slider-to-banner .hm-slide-text .hm-slide-text-r .hm-slide-text-c .hm-slide-text-wrap {
width: 100%
}
#slider-to-banner .hm-slide-description{
padding-bottom: 5.5px;
}
#slider-to-banner .hm-slide-description .boton {
margin: 0!important;
}
#slider-to-banner .hm-slider-bullets{
top: 0;
}
}
/*** correccion del banner inermedio a 480px *****/
@media (min-width:992px){
.banner-media.bg-video .banner-image-group {
height: 480px;
}
.banner-media.bg-video .banner-image-group > picture img {
display: block;
position: relative;
margin: 0 auto;
height: 100%;
width: auto;
max-width: none;
}
}
@media (min-width: 1200px) {
.banner-media.bg-video{
max-height: 480px;
}
.banner-media.bg-video .banner-image-group {
height: 480px;
}
}
/**************** FASE II *******************/
/* Imagen Izq/Dcha */
/* B8 */
/* Imagen Izquierda */
.app-group.left .float{float:left;}
.app-group.left .app-badge{left: auto; right: 0;}
@media(min-width: 768px){.app-group.left .app_content{padding: 0 0 0 2rem;}}
/* H1 */
/* Imagen Derecha */
.v-highlight.right .v-highlight-left .v-highlight-img{margin: 0 0 0 2rem; float: right;}
@media(min-width: 992px){
.v-highlight.right,
.v-highlight.right .v-highlight-left{display: flex; flex-direction: row-reverse;}
.v-highlight.right .v-highlight-right{display: flex; align-items: center;}
.v-highlight.right .v-highlight-right .button_wrap{margin: 0 2rem 0 0;}
}
/* M10 */
/* Imagen Derecha */
.h-highlight.right a{display:flex;flex-direction: row-reverse;}
/* Bloque Promocion */
/* Imagen Derecha */
@media (min-width: 768px){
.promotion-group.right .promo-badge {left:auto;}
.promotion-group.right{display: flex;flex-direction:row-reverse;}
}
/* A1 con Video */
/* Imagen Izquierda */
@media (min-width: 991px) {
.page-banner.media.left .page-banner-wrap {display: flex; flex-direction: row-reverse;}
}
/* A1 con video - Capa Blanca */
/* Imagen Izquierda */
@media (min-width: 991px) {
.page-banner.media.white.left{display: flex; align-items: center;}
.page-banner.media.white.left::before{right: 0; left: auto;}
.page-banner.media.white.left .page-banner-wrap {display: flex; flex-direction: row-reverse; width: 100%}
}
/*Intercambiar elementos*/
/* A1 */
.banner-text .page-title:not(:first-child){
margin-top: 2rem;
}
/* A1 Capa blanca */
.page-banner.media.white .page-banner-text .page-description:first-child p:first-child,
.page-banner.media.white .page-banner-text .page-entradilla:first-child p:first-child{
margin-top: 0;
}
/* B4 */
/*.gallery-items-list + .heading-group {*/
/*margin: 2rem 0 0 0;*/
/*}*/
/* B5 - Productos Horizontales */
.p-highlight-wrap > .p-highlight-title:not(:first-child) {
margin-top: 2rem;
}
.p-highlight-wrap > *:first-child {
margin-top: 0;
}
/*1 Solo destacado*/
@media (min-width: 540px){
.p-highlight.p-highlight-simple .p-highlight-wrap > *:nth-child(2) {
/*margin-top: 0; */
}
.p-highlight.p-highlight-simple .p-highlight-image {
margin-top: 2rem;
}
.p-highlight.p-highlight-simple .p-highlight-wrap > .p-highlight-image:first-child + *{
margin-top: 0;
}
}
/* B5 - Productos Promocionales */
.p-highlights-promo .p-highlight-wrap > .p-highlight-link:not(:nth-last-child(2)) {
margin-top: 0;
}
.p-highlights-promo .p-highlight-wrap > .p-highlight-title:not(:first-child){
margin: 0 0 0.5rem 0;
}
.p-highlights-promo .p-highlight-wrap > .p-highlight-info:not(:last-child){
margin-bottom: 1rem;
}
/* B8 - Q1 */
.app_content > *:not(:first-child) {
margin-top: 1rem;
}
.app_content > *:first-child {
margin-top: 4rem;
}
.app-no-badge .app_content > *:not(:first-child) {
margin-top: 1rem;
}
.app-no-badge .app_content > *:first-child {
margin-top: 2rem;
}
/* K2 */
.c-highlights .c-highlight .c-highlight-image:last-child{
padding-top: 1rem;
}
/* E1 */
.dropdown-group .dropdown-item .dropdown-content:first-child{
border-top: 1px solid #eee;
}
/* G1 */
.carousel-item .carousel-item-title:first-child p{
margin: 0 0 1rem 0;
}
/* Bloque Promocion */
.promotion-group .heading-group .heading-group-title:nth-last-child(2){
margin-top: 2rem;
}
.promotion-group .promotion-item-content.article-content:first-child p:first-child{
margin-top: 0;
}
/* Boton Flotante con Imagen */
@media (min-width:768px){
#bottom_sticky .button-float a .button-text:first-child {
margin-bottom: 0;
border-radius: 10px 10px 0 0;
padding: 1rem 3.5rem;
}
}
/* Nuevo Terrat Subhome - Nuevo Terrat Subhome Capa Blanca - Nuevo Terrat Subhome con Titulo Subrayado */
.page-terrat .page-terrat-text .page-title {
margin-top: 1rem;
}
/* Componentes Alternos */
.content_alternative .content .content-box div:last-child {
margin: 2rem 0 4rem;
float: none;
}
.content_alternative .content .content-box div:not(:last-child) {
float: none;
margin: 1rem auto;
}
.content_alternative .content .content-box div:first-child {
margin-top: 2rem;
}
/************************* ESTILOS PORTAL-5802T1 & RQIDEA03221 - Ampliacion Permisos Editores ***********************************/
/* Estilos foco boton accesibilidad */
.button_wrap .btn > a:focus,
.button_wrap button.btn:focus,
.button_wrap a:focus > .btn,
.article-content a:focus > .boton,
.article-content a:focus > .boton,
.article-content .boton_azul > a:focus,
.article-content a:focus > .boton_azul,
.article-content .boton_gris > a:focus,
.article-content a:focus > .boton_gris{
background:none;
color: #007eae;
-webkit-box-shadow: 0 0 20px -1px #404040;
-moz-box-shadow: 0 0 20px -1px #404040;
box-shadow: 0 0 20px -1px #404040;
outline: none;
font-weight: bold;
text-decoration:underline!important;
}
.button_wrap .btn.btn-yellow > a:focus,
.button_wrap a:focus > .btn.btn-yellow,
.button_wrap button.btn.btn-yellow:focus,
.article-content .boton.naranja > a:focus,
.article-content a:focus > .boton.naranja{
color: #000;
background-color: #f4c53d;
-webkit-box-shadow: 0 0 10px -1px #404040;
-moz-box-shadow: 0 0 10px -1px #404040;
box-shadow: 0 0 10px -1px #404040;
outline: none;
font-weight: bold;
text-decoration:underline!important;
}
/* FIN Estilos foco boton accesibilodad */
/************************* ESTILOS PTOOLS-2018 - RQIDEA01273_PORTAL-5514T1_Gestion-Campanas ***********************************/
/* Macromenu */
#panel-menu .menu-campaign .menu-campaign-section p{font-size:1.4rem;font-style:italic;letter-spacing:-.1rem;color:#fff;display:block}
#panel-menu .menu-campaign .menu-campaign-title p{font-size:2rem;line-height:2.2rem;font-family:"Arial Bold",Helvetica,sans-serif;color:#fff;display:block}
/* FIN ESTILOS PTOOLS-2018 - RQIDEA01273_PORTAL-5514T1_Gestion-Campanas*/
/**************** Slider video al lado del texto *******************/
@media (min-width: 991px) {
.hm-slide.hm-text-media {
height: 30rem;
}
.hm-text-media .hm-slide-text-c {
text-align: left;
display: flex;
align-items: center;
height: 30rem;
}
.hm-text-left.hm-text-media .hm-slide-text-c {
flex-flow: row;
}
.hm-text-right.hm-text-media .hm-slide-text-c {
flex-flow: row-reverse;
}
.hm-text-media .hm-slide-text-media {
width: 50%;
height: 75%;
}
.hm-text-media .hm-slide-text-media .video-inline {
display: block;
}
.hm-text-media .hm-slide-text-media .video-inline .video-wrapper {
width: 91%;
min-width: 50%;
min-height: 50%;
height: 100%;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 0;
}
.hm-text-media .hm-slide-text-media .video-inline .video-wrapper {
width: 91%;
min-width: 50%;
min-height: 50%;
height: 100%;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 0;
}
.hm-text-media .hm-slide-text-media .video-inline .video-wrapper div:first-child {
max-width: 100%!important;
height: 100%;
}
}
@media (min-width: 991px) {
.hm-slide.hm-text-media {
height: 36rem;
}
.hm-text-media .hm-slide-text-c {
height: 36rem;
}
}
@media (min-width: 1440px) {
.hm-text-media .hm-slide-text-media .video-inline .video-wrapper {
top: 0;
bottom: 0;
}
}
/**************** Fin Slider video al lado del texto *******************/
/* Avisos Lolopo */
.lolopo-notices {
position: absolute;
left: -70%;
top: -80%;
text-align: left;
width: 300px;
}
.sticky-nav .lolopo-notices {
top: 10%;
}
.lolopo-notices button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
}
.lolopo-notices .close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.lolopo-notices .alert {
position: relative;
padding: .75rem 4rem .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: .25rem;
color: #555;
background-color: #f8f8f8;
}
.lolopo-notices .alert .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit;
opacity: 1;
}
.lolopo-notices .alert .close span {
color: #555;
font-size: 2rem;
}
.lolopo-notices .alert .button_wrap {
display: block;
text-align: right;
margin-top: 1rem;
}
/* FIN Avisos Lolopo */
/**************************/
/* Retoques Accesibilidad */
/**************************/
/* Subrayado del boton Entrar de LA */
.lolopo-f-submit > .bt-submit:focus {
text-decoration: underline;
}
/* Visualizacion en alto contraste de desplegable menu */
@media (min-width: 992px) {
.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown > a,
.tabs-group .tabs-dropdown .tab-dropdown a.close,
.tabs-group.main-component .tabs-dropdown .tab-dropdown a.close,
.sh-tabs.tabs-group .tabs-item.tabs-dropdown > a {
background: none;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown > a:after {
font-family: "fontello";
font-style: normal;
content: '\e806';
font-size: 1.5rem;
position: absolute;
margin: 0;
right: 0rem;
height: 100%;
top: 2.5rem;
color: #555;
}
.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown > a:after {
font-family: "fontello";
font-style: normal;
content: '\e806';
font-size: 1.5rem;
position: absolute;
margin: 0;
right: 0rem;
height: 100%;
top: 0.7rem;
color: #555;
}
.sh-tabs.tabs-group .tabs-item.tabs-dropdown.expanded > a:after,
.submenu-linkgroup.tabs-group .tabs-item.tabs-dropdown.expanded > a:after {
content: none;
}
.sh-tabs.tabs-group .tabs-dropdown .tab-dropdown a.close:after {
font-family: fontello;
font-style: normal;
content: '\e807';
font-size: 1.5rem;
right: 1rem;
top: 1.7rem;
position: absolute;
}
.submenu-linkgroup.tabs-group .tabs-dropdown .tab-dropdown a.close:after {
font-family: fontello;
font-style: normal;
content: '\e807';
font-size: 1.5rem;
right: 1rem;
top: 1rem;
position: absolute;
}
}
@media screen and (-ms-high-contrast: active) {
/* All high contrast styling rules */
.tabs-group .tab-dropdown-link a:hover,
.tabs-group .tab-dropdown-link a:focus{
text-decoration: underline;
}
}
/* Chrome and Firefox High Contrast */
.high-contrast .tabs-group .tab-dropdown-link a:hover,
.high-contrast .tabs-group .tab-dropdown-link a:focus{
text-decoration: underline;
}
/* Visualizacion foco en cierre colorbox de LA */
#colorbox #cboxClose:focus {
outline: 1px solid #4D90FE !important;
text-indent: 0;
color: transparent;
}
/* FIN Avisos Lolopo */
/* Subrayado en destacados subhomes */
#main .section-main-blocks .sh-tabs .sh-highlights-list a:focus .sh-highlight-wrap .sh-h-text .sh-h-title h2,
#main .section-main-blocks .sh-tabs .sh-highlights-list a:focus .sh-highlight-wrap .sh-h-text .sh-h-title h3 {
text-decoration: underline;
}
/* FIN Subrayado en destacados subhomes */
/* Resaltado de controles de video en Cultura Financiera */
.vjs-control-bar > button:focus,
.vjs-control-bar .vjs-volume-menu-button:focus {
background: #000;
}
/* FIN Resaltado de controles de video en Cultura Financiera */
/* Aviso cookies*/
.video-inline {
position: relative;
}
.video-inline .aviso_cookies:before {
position:absolute;
top: 0;
left:0;
right: 0;
background: #555;
content:'';
opacity: 0.8;
width: 100%;
height: 100%;
margin: auto;
z-index:1;
}
.video-inline .aviso_cookies {
position: relative;
min-height: 340px;
width: 100%;
height: 21rem;
}
.video-inline .aviso_cookies .img_cookies {
position: relative;
top: 0;
background-size: 100%;
height: 100%;
width: 100%;
left: 0;
right: 0;
margin: auto;
bottom: 0;
background-repeat: no-repeat;
background-position: top center;
}
.video-inline .aviso_cookies .cont_cookies {
position: absolute;
background: #fff;
width: 60%;
margin: auto!important;
top: 0;
height: auto;
text-align: center;
padding: 2rem;
box-shadow: 0 0 2rem 0 #666;
z-index: 999;
left: 0;
right: 0;
}
.video-inline .aviso_cookies .cont_cookies p {
font-size: 1.2rem;
line-height:1.2rem;
margin:0;
}
.video-inline .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue > a {
font-size: 1.2rem;
line-height:1.2rem;
white-space: normal;
margin-top: 1rem;
}
@media (min-width: 390px) {
.video-inline .aviso_cookies .cont_cookies p {
font-size: 1.4rem;
line-height:1.4rem;
}
.video-inline .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue > a {
font-size: 1.2rem;
line-height:1.2rem;
}
}
@media (min-width: 500px) {
.video-inline .aviso_cookies .cont_cookies {
top: 5%;
}
.video-inline .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue > a {
font-size: 1.4rem;
line-height:1.4rem;
}
}
@media (min-width: 600px) {
.video-inline .aviso_cookies .cont_cookies {
top: 10%;
}
.video-inline .aviso_cookies .cont_cookies {
width: 60%;
}
}
@media (min-width: 769px) {
.video-inline .aviso_cookies .cont_cookies {
top: 13%;
}
}
/* componente alterno */
.content_alternative .video-inline .aviso_cookies {
width: 100%!important;
}
.content_alternative .video-inline .aviso_cookies .cont_cookies {
top: 25%!important;
}
/* videos de fondo*/
.banner-image-group .video-inline .aviso_cookies {
width: 100%!important;
height: 100%!important;
}
.banner-image-group .video-inline .aviso_cookies .cont_cookies {
top: 35%!important;
width: 25%!important;
}
.banner-image-group .video-inline .aviso_cookies .img_cookies {
background-size: auto!important;
}
.hm-slide-image-wrap .video-inline {
width: 100%!important;
}
.hm-slide-image-wrap .video-inline .aviso_cookies {
width: 100%!important;
height:100%!important;
}
.hm-slide-image-wrap .video-inline .aviso_cookies .cont_cookies {
top: 40%!important;
width: 25%!important;
}
.hm-slide-image-wrap .video-inline .aviso_cookies .img_cookies {
background-size: auto!important;
}
.video-int-content .video-inline .aviso_cookies {
width: 100%!important;
}
.gallery-video .video-inline .aviso_cookies {
width: 100%!important;
height: 100%;
position: absolute;
}
/* Enlace a transcripcion de videos */
.video-int-content a[rel='transcription'] {
position: absolute;
top: -22px;
left: 0;
}
/* Foco del cierre del colorbox para transcripcion de videos */
.transcriptionLayer#colorbox #cboxClose:focus {
outline: 2px dotted #000 !important;
}
/* Video Colorbox*/
#cboxLoadedContent .aviso_cookies{
position: relative;
min-height: 340px;
width: 100%;
height: 21rem;
margin: 0 auto;
}
#cboxLoadedContent .aviso_cookies:before {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #555;
content: '';
opacity: 0.8;
width: 100%;
height: 100%;
margin: auto;
z-index: 1;
}
#cboxLoadedContent .aviso_cookies .cont_cookies {
position: absolute;
background: #fff;
width: 60%;
margin: auto!important;
top: 0;
height: auto;
text-align: center;
padding: 2rem;
box-shadow: 0 0 2rem 0 #666;
z-index: 999;
left: 0;
right: 0;
}
#cboxLoadedContent .aviso_cookies .cont_cookies p {
font-size: 1.2rem;
line-height: 1.2rem;
margin: 0;
}
@media (min-width: 390px){
#cboxLoadedContent .aviso_cookies .cont_cookies p {
font-size: 1.4rem;
line-height: 1.4rem;
}
}
@media (min-width: 500px){
#cboxLoadedContent .aviso_cookies .cont_cookies {
top: 5%;
}
}
@media (min-width: 600px){
#cboxLoadedContent .aviso_cookies .cont_cookies {
width: 60%;
top: 10%;
}
}
@media (min-width: 769px){
#cboxLoadedContent .aviso_cookies .cont_cookies {
top: 30%;
}
}
@media (min-width: 768px){
#cboxLoadedContent .aviso_cookies .cont_cookies .button_wrap .btn > a {
width: auto;
max-width: none;
}
#cboxLoadedContent .aviso_cookies .cont_cookies .button_wrap .btn {
width: auto;
padding: 0;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
}
#cboxLoadedContent .aviso_cookies .img_cookies {
position: relative;
top: 0;
background-size: 100%;
height: 100%;
width: 100%;
left: 0;
right: 0;
margin: auto;
bottom: 0;
background-repeat: no-repeat;
background-position: top center;
}
/* END Video Colorbox*/
/* Fin Aviso cookies */
/* Aviso cookies prebuscador */
.ps-offices-results {
position: relative;
}
.ps-offices-results .aviso_cookies:before {
position:absolute;
top: 0;
left:0;
right: 0;
background: #555;
content:'';
opacity: 0.8;
height: 100%;
margin: auto;
}
.ps-offices-results .aviso_cookies {
position: absolute;
top: 0;
height: 100%;
}
.ps-offices-results .aviso_cookies .cont_cookies {
position: relative;
background: #fff;
width: 80%;
margin: auto;
top: 25%;
height: max-content;
text-align: center;
padding: 2rem;
box-shadow: 0 0 2rem 0 #666;
}
.ps-offices-results .aviso_cookies .cont_cookies .button_wrap {
margin-bottom:0;
}
.ps-offices-results .aviso_cookies .cont_cookies .button_wrap .btn.btn-blue > a {
white-space: normal;
}
/* Fin Aviso cookies prebuscador */
.banner.banner-promo.banner-badge .slider-promotion > .badge {
position: absolute;
top: -217px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 50px;
background: url(/deployedfiles/particulares/Pruebas/Nuevos_Componentes/Estaticos/Imagenes/promo-label.png) no-repeat center 0;
-webkit-filter: drop-shadow(0px 7px 5px rgba(0,0,0,0.5));
filter: drop-shadow(0px 7px 5px rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 1.4rem;
font-family: Arial;
text-indent: 25px;
padding-top: 1.7rem;
color: #000;
line-height: 2rem;
border: none;
border-radius: 0;
}
.banner-promo .page-banner{
height: 217px;
}
@media (max-width: 360px){
/* .banner.banner-promo .banner-image-group {
width: 400%;
position: absolute;
left: -175%;
top: 0;
height: 100%;
overflow: hidden;
} */
.banner.banner-promo.banner-badge .slider-promotion > .badge {
font-size: 0.9rem;
text-indent: 14px;
padding-top: 1.3rem;
background-size: 90%;
}
}
@media (min-width: 768px) {
.banner-promo .slider-highlight-link .button_wrap {
display: table-cell;
vertical-align: middle;
}
}
@media (min-width: 991px){
.banner-promo .page-banner {
height: 181px;
}
.banner-promo .banner-media{
max-height: 181px;
}
.banner.banner-promo.banner-badge .slider-promotion > .badge {
top: -181px;
}
}
@media (min-width: 1200px){
.banner-promo .page-banner {
height: 217px;
}
.banner-promo .banner-media{
max-height: 217px;
}
.banner-promo .banner-text .page-title h1{
font-size: 3.5rem;
line-height: 4.6rem;
}
.banner.banner-promo.banner-badge .slider-promotion > .badge {
top: -217px;
}
}
@media (min-width: 1440px) {
.banner.banner-promo.banner-badge .slider-promotion > .badge {
top: -290px;
}
.banner-promo .banner-media {
max-height: 290px;
position: absolute;
}
.banner-promo .page-banner.media {
padding: 4rem 0;
}
.banner-promo .page-banner,
.banner-promo .banner-image-group,
.banner-promo .banner-media.bg-video .banner-image-group,
.banner-promo .banner-image-group > picture img,
.banner-promo .bg-video .banner-image-group > picture img{
height: 290px;
}
}
/*** MODULO RSC ****/
.infographics-slider-title {
width: 90%;
margin: 0 auto;
}
@media (min-width: 992px) {
.infographics-slider-title {
width: 765px;
}
}
.infographics-slider{
margin: 4rem -1.5rem 9rem -1.5rem;
position: relative;
}
.infographics-slider .slide .slide-container{
background: #fff;
margin: 0 2rem;
}
.infographics-slider .slide.blue-slide .slide-container{
background: #0C83B1;
}
.infographics-slider .slide .slide-container .slide-info{
background: #0C83B1;
padding: 3rem 1rem 1rem 1rem;
display: none;
position: relative;
}
.infographics-slider .slide .slide-container .slide-info h2,
.infographics-slider .slide .slide-container .slide-info h3{
margin: 0;
font-size: 1.6rem;
line-height: 2.3rem;
font-family: 'OpenSans-Bold', Arial, sans-serif;
}
.infographics-slider .slide.blue-slide .slide-container .slide-info{
background: #fff;
}
.infographics-slider .slide .slide-container .slide-info p{
font-size: 1.6rem;
line-height: 2.3rem;
color: #eee;
margin: 0;
}
.infographics-slider .slide .slide-container .slide-info *{
color: #eee;
}
.infographics-slider .slide.blue-slide .slide-container .slide-info *{
color: #1a1a1a;
}
.infographics-slider .slide .slide-container .slide-media{
position: relative;
/*padding-top: 4rem;*/
}
.infographics-slider .slide .slide-container .slide-media .slide-img img{
margin: 0 auto;
width: 100%;
max-width: 100%;
height: auto;
}
.infographics-slider .slide .slide-container .slide-media .slide-content{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 0 3rem;
/*gradient*/
/*background: rgba(255,255,255,0.02);*/
/*background: -moz-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(255,255,255,1) 100%);*/
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.02)), color-stop(4%, rgba(255,255,255,0.06)), color-stop(100%, rgba(255,255,255,1)));*/
/*background: -webkit-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(255,255,255,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(255,255,255,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(255,255,255,1) 100%);*/
/*background: linear-gradient(to bottom, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(255,255,255,1) 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );*/
}
.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content{
/*background: rgba(255,255,255,0.02);*/
/*background: -moz-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(0,125,174,1) 100%);*/
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.02)), color-stop(4%, rgba(255,255,255,0.06)), color-stop(100%, rgba(0,125,174,1)));*/
/*background: -webkit-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(0,125,174,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(0,125,174,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(0,125,174,1) 100%);*/
/*background: linear-gradient(to bottom, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.06) 4%, rgba(0,125,174,1) 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007dae', GradientType=0 );*/
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight{
padding-top: 2rem;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight:nth-child(even){
align-self: flex-end;
top: -20px;
position: relative;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight:nth-child(odd){
align-self: flex-start;
display: inline-flex;
height: 0;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img{
float: left;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img img{
/*width: 80%;*/
margin: 0 auto;
max-width: 35px;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text{
float: right;
padding-left: 1rem;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text span{
position: relative;
font-family: 'OpenSans-Extrabold', Arial, sans-serif;
font-size: 1.8rem;
color: #007DAE;
}
.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text span{
color: #FFF;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-title{
display: inline;
font-family: 'OpenSans-Extrabold', Arial, sans-serif;
font-size: 3rem;
line-height: 3.2rem;
line-height: normal;
color: #007DAE;
position: relative;
}
.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-title{
color: #FFF;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-subtitle{
margin: 0;
font-family: 'OpenSans-Bold', Arial, sans-serif;
color: #007DAE;
position: relative;
left: 2px;
font-size: 1.2rem;
}
.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-subtitle{
color: #FFF;
}
.infographics-slider .slide .slide-container .slide-media .slide-footer{
overflow: hidden;
position: relative;
display: none; /*#83626*/
}
.infographics-slider .slide .slide-container .slide-media .slide-footer p{
font-size: 1.2rem;
line-height: 1.7rem;
text-align: center;
margin: 3rem 0px;
padding: 0 1rem;
color: #007DAE;
}
.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-footer p{
color: #fff;
}
/* Badge */
.infographics-slider .slide .slide-close-badge{
position: relative;
}
.infographics-slider .slide .slide-close-badge .badge{
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 16rem;
top: -14px;
padding: 0.7rem;
padding-left: 3rem;
font-weight: normal;
border-radius: 15px;
cursor: pointer;
z-index: 999;
background: #007DAE url(../css/images/eye-white.png) no-repeat 1.2rem center;
font-size:1.4rem;
text-decoration: none;
}
.infographics-slider .slide.blue-slide .slide-close-badge .badge{
background: #fff url(../css/images/eye-blue.png) no-repeat 1rem center;
color: #1a1a1a;
font-weight: bold;
box-shadow: 0px 0px 10px 0px #000;
}
.infographics-slider .slide .slide-close-badge .badge:focus{
outline: 2px dotted #000;
text-decoration: underline;
}
.infographics-slider .slide .slide-info .closeInfo{
background: url(https://www.caixabank.es/deployedfiles/common/R2016/Estaticos/css/icons/cross_white.png) no-repeat center center;
position: absolute;
top: 1.4rem;
right: 1.4rem;
width: 1rem;
height: 1rem;
display: block;
background-size: 1rem;
padding: 1.5rem;
}
.infographics-slider .slide .slide-info .closeInfo:focus{
outline: 2px dotted #fff;
}
.infographics-slider .slide.blue-slide .slide-info .closeInfo:focus{
outline: 2px dotted #000;
}
.infographics-slider .slide.blue-slide .slide-info .closeInfo{
background: url(https://www.caixabank.es/deployedfiles/common/R2016/Estaticos/css/icons/cross_black.png) no-repeat center center;
background-size: 1rem;
}
@media (min-width: 768px) {
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-title{
font-size: 4.7rem;
top: -6px;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text .slide-highlight-subtitle{
top: -10px;
font-size: 1.6rem;
}
}
@media (min-width: 992px) {
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img{
min-width: 85px;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-img img{
max-width: 60px;
}
.infographics-slider .slide .slide-container .slide-media .slide-content .slide-highlight .slide-highlight-text span{
font-size: 2rem;
top: -18px;
left: 2px;
}
.infographics-slider .slide .slide-container .slide-media .slide-content{
width: 75%;
margin: 0 auto;
padding: 0;
/*no gradient*/
background: none;
}
.infographics-slider .slide.blue-slide .slide-container .slide-media .slide-content{
/*no gradient*/
background: none;
}
}
/* Controls */
.infographics-slider-controls {position:absolute;/*bottom:-2.2rem;*/left:0;right:0;top:45%;display: flex; justify-content: space-between;/*#86150*/}
.infographics-slider-controls .slick-prev{background-color: transparent; position: relative; left: 0; z-index: 9; max-width: 35px;}
.infographics-slider-controls .slick-prev img{margin: 0;outline: 1px solid #555; width: 100%;}
.infographics-slider-controls .slick-prev:focus{
outline: 2px dotted #555;
outline-offset: -1px;
height: 35px;
}
.infographics-slider-controls .slick-next{position: relative; right:0; background-color: transparent; z-index: 9; max-width: 35px;}
.infographics-slider-controls .slick-next img{margin: 0;outline: 1px solid #555; width: 100%;}
.infographics-slider-controls .slick-next:focus{
outline: 2px dotted #555;
outline-offset: -1px;
height: 35px;
}
@media (min-width: 992px) {
.infographics-slider-controls{max-width:100%;margin:0;padding:0;/*height:0;*/position:absolute;z-index:20;}
.infographics-slider-controls .slick-prev,
.infographics-slider-controls .slick-next{
max-width: none;
}
.infographics-slider-controls .slick-prev:focus,
.infographics-slider-controls .slick-next:focus{
height: 48px;
}
.infographics-slider-controls .slick-prev img,
.infographics-slider-controls .slick-next img{
width: auto;
}
.infographics-slider .slide .slide-container .slide-info{padding: 3rem 13rem;background: #0C83B1;}
}
/* Bullets */
.infographics-slider-dots{text-align:center;position:absolute;bottom:-6rem;width:auto;left:50%;transform:translateX(-50%);z-index:20}
.infographics-slider-dots .slick-dots{display:inline-block!important; margin:0;}
.infographics-slider-dots .slick-dots li{display:inline-block;background:none;padding:0;height:2rem}
/* Hovers para accesibilidad*/
.infographics-slider-dots .slick-dots button:hover, .hm-slider-b-play a:hover {background-size: 1.2rem 1.2rem;}
.infographics-slider-dots .slick-dots button:focus{background-image:url(https://www.caixabank.es/deployedfiles/common/R2016/Estaticos/css/icons/hm-slider-dot.png)}
.infographics-slider-dots .slick-dots button{width:14px;height:14px;margin:0 0.5rem 0.4rem 0;background-image:url(https://www.caixabank.es/deployedfiles/common/R2016/Estaticos/css/icons/hm-slider-dot-inactive.png);background-repeat: no-repeat; background-position: center center; background-color: transparent;border:none;text-indent:-9999px;vertical-align:bottom;padding: 0; border-radius: 26px;}
.infographics-slider-dots .slick-dots .slick-active button{background-image:url(https://www.caixabank.es/deployedfiles/common/R2016/Estaticos/css/icons/hm-slider-dot.png)}
/* play/pause */
.infographics-slider-dots a { background: transparent ; border: medium none; display: block; height: 1.8rem; padding: 0.7rem 0 1rem; position: relative; width: 2rem;float: right;}
.infographics-slider-dots a:focus{
outline: 2px dotted #fff;
height: 22px;
width: 19px;
outline-offset: 0px;
}
.infographics-slider-dots .slick-dots button:focus{
outline: 2px dotted #fff;
outline-offset: 0px;
overflow: hidden;
}
.bg-light-grey .infographics-slider-dots a:focus,
.bg-light-grey .infographics-slider-dots .slick-dots button:focus{
outline: 2px dotted #000;
}
.infographics-slider-dots a img {left: 0; position: absolute; top: 2px; margin: 0;}
.infographics-slider-dots a.paused img {/*top: 1px;*/}
div.infographics-slider.one {
min-width: 124%;
left: -4%;
position: relative;
}
@media (min-width: 380px) {
div.infographics-slider.one {
min-width: 119%;
left: -3%;
}
}
@media (min-width: 465px) {
div.infographics-slider.one {
min-width: 115%;
left: -3%;
}
}
@media (min-width: 690px) {
div.infographics-slider.one {
min-width: 111%;
left: -2%;
}
}
@media (min-width: 991px) {
div.infographics-slider.one {
min-width: 152%;
left: -23%;
}
}
.infographics-slider.one .slick-list.draggable {
padding: 0!important;
}
.infographics-slider.one .slick-track {
transform: translate3d(0px, 0px, 0px)!important;
width:100%!important;
}
.infographics-slider.one .slick-current {
width: 100%!important;
margin:0;
}
.infographics-slider.one .slide-container {
margin: 0;
}
.infographics-slider.one .slide .slide-container .slide-media {
padding-top: 0;
}
.infographics-slider.one .slide .slide-container .slide-media .slide-img img {
width: 100%;
}
.infographics-slider.one .slide .slide-container .slide-media .slide-content {
background: transparent;
}
/*** END MODULO RSC****/
/**** ticket #82077 Particulares//Planes/ Medios/Traspasos ****/
#titulo_traspasos .page-title span {
font-size: 2.2rem;
line-height: 3rem;
}
#titulo_traspasos .page-title span span {
font-size: 3.5rem;
}
@media (min-width: 1200px) {
#titulo_traspasos .page-title span span {
font-size: 5rem;
}
#titulo_traspasos .page-title span {
font-size: 3.5rem;
line-height: 4rem;
}
}
/**** ticket #82077 Particulares//Planes/ Medios/Traspasos ****/
/*** START - MODULO RSC ***/
.page-banner.media .page-banner-media .video-placeholder > div a[rel='transcription']{
position: absolute;
top: -30px;
z-index: 999;
color: #fff;
font-size: 1.8rem;
text-decoration: none;
font-weight: bold;
}
.page-banner.media .page-banner-media .video-placeholder > div a[rel='transcription']:hover,
.page-banner.media .page-banner-media .video-placeholder > div a[rel='transcription']:focus{
text-decoration: underline;
}
.page-banner.media .page-banner-media .video-placeholder > div a[rel='transcription'] ~ div{
margin-top: 5rem;
}
@media(min-width: 992px){
.page-banner.media .page-banner-media .video-placeholder > div a[rel='transcription'] ~ div{
margin-top: 0;
}
}
/*Colorbox transcription*/
.transcriptionLayer #cboxClose{
text-indent: 0;
color: transparent;
right: 0
}
/*** END - MODULO RSC ***/
.bg-blue-render .content_alternative {
background-color: #e5f5fc;
display:block;
}
.bg-blue-render .sh-tabs.tabs-group .tabs-content h2 {
margin: 0 auto 1rem;
}
@media (min-width: 768px) {
.bg-blue-render .sh-tabs.tabs-group .tabs-content h2 {
width: 715px;
}
}
@media (min-width: 992px){
.bg-blue-render .sh-tabs.tabs-group .tabs-content h2 {
width: 935px;
}
}
@media (min-width: 1200px){
.bg-blue-render .sh-tabs.tabs-group .tabs-content h2 {
width: 1145px;
}
}
.tabs-content .content_alternative img {
margin: 0;
}
.tabs-content .content_alternative h3, .tabs-content .content_alternative h2 {
margin: 1rem auto;
color: #0289b7;
margin: 1rem 0;
font-size: 2.6rem;
line-height: 3rem;
}
@media(min-width: 991px){
.tabs-content .content_alternative a {
display: flex;
text-decoration: none;
align-items: center;
}
.tabs-content .content_alternative.right a {
flex-direction: row-reverse;
}
}
/* Pagina politica de cookies */
/* Estilos encabezados de secciones en Pagina Cookies 2018 */
.article-main .main-component .article-text div[aria-level="2"],
.article-main .main-component .article-text div[aria-level="3"]{
font-size: 1.8rem;
line-height: 2.2rem;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
color: #004f70;
font-weight: normal;
margin-top: 3rem;
}
/* Estilos subrayado boton flotante */
.boton_aceptar_fixed input:focus,
.boton_guardar input:focus,
.boton_cancelar input:focus,
.boton_aceptar input:focus {
text-decoration: underline;
}
/* Foco en checkbox */
.focoCheckCookies {
outline: 2px dotted black;
}
/* FIN Pagina politica de cookies */
/* START - Accesibilidad Buscador de Cajeros */
#botonBuscador:hover, #botonBuscador:focus{
text-decoration: underline;
}
/* END - Accesibilidad Buscador de Cajeros */
/* START - RSC Informacion Adicional */
.additional-information{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 3rem 0;
}
.additional-information .ai-image{
margin: 0 -30px;
}
.additional-information .ai-image img{
margin: 0;
max-width: 100%;
}
.additional-information .ai-text{
margin-top: 2rem;
text-align: center;
}
.additional-information .ai-text h2{
margin: 0;
}
.additional-information .ai-text p{
font-size: 1.4rem;
font-weight: bold;
}
.additional-information .ai-text .button_wrap{
margin: 0;
margin-top: 1rem;
}
.additional-information .ai-icon{
position: absolute;
top: -30px;
}
.additional-information .ai-icon p,
.additional-information .ai-icon img{
margin: 0;
}
.additional-information .ai-icon img{
max-width: 60px;
height: auto;
box-shadow: 0px 0px 25px -5px;
border-radius: 50%;
}
@media(min-width: 991px){
.additional-information{
flex-direction: row;
}
.additional-information .ai-image{
width: 50%;
padding: 2rem 0;
margin: 0;
}
.additional-information .ai-text{
width: 50%;
padding: 0 0 0 4rem;
margin: 0;
text-align: left;
}
.additional-information .ai-text p{
font-size: 1.6rem;
}
.additional-information .ai-icon{
top: auto;
}
}
/* END - RSC Informacion Adicional */
/* Family senior */
#readthis .table-wrapper .btn-toolbar {
display:none;
}
#readthis .table>tbody>tr>td:first-child {
width: 10rem;
}
@media(min-width: 991px){
#readthis .table>tbody>tr>td:first-child {
width: 15rem;
}
}
#readthis .page-banner-box .logo img {
margin-top: -2rem;
}
#readthis .page-banner-box .page-title {
}
#readthis .page-banner-box .page-description {
padding: 0 0.4rem;
display: block;
}
#readthis .page-banner-box .page-description h2 {
font-size: 1.6rem;
line-height: 2.2rem;
color: #555;
margin-top: 1rem;
font-family: 'OpenSans', Arial, serif;
}
#readthis .banner-media img {
filter: grayscale(0%) brightness(43%);
-webkit-filter: grayscale(0%) brightness(43%);
display: block;
position: relative;
margin: 0 auto;
height: auto;
width: 100%;
}
#readthis .banner-text {
background: #ececec;
}
#readthis .main-component {
margin: 3rem 0;
}
#readthis .tabs-content .content_alternative img {
margin: auto;
}
#readthis .section-prom {
position: relative;
padding: 0;
}
#readthis .content_alternative .content {
padding: 3rem 15px;
}
@media (min-width: 991px){
#readthis .content_alternative .content {
padding: 0 4%;
}
}
@media (min-width: 1200px){
#readthis .banner-text {
background: transparent;
}
#readthis .page-banner-box .page-description h2 {
color: #fff;
padding: 1rem 1rem;
font-size: 3.5rem;
line-height: 3.8rem;
display: block;
font-family: 'OpenSans-ExtraboldItalic', Arial, sans-serif;
}
#readthis .tabs-content .content_alternative img {
margin: 0;
}
#readthis .content_alternative .content {
padding: 0 5% 0 10%;
}
}
@media (min-width: 1200px){
#readthis .page-terrat.white .page-terrat-text {
height: auto;
margin: 5% 0;
padding: 30px 15px 45px;
min-height: 0;
}
}
@media (min-width: 1440px){
#readthis .page-terrat.white .page-terrat-text {
margin: 10% 0;
}
}
@media (max-width: 991px){
#readthis .sh-tabs.tabs-group .tabs-items-list {
width: auto;
float: none;
margin: 0 -15px;
}
}
/*Family senior contenidos renderizables grid maxwidth 1200*/
#readthis .content_alternative {
max-width: 1210px;
margin: 0 auto;
}
/*Fin Family senior contenidos renderizables grid maxwidth 1200*/
/* Fin Family senior */
/* Contador cuenta atras */
#contadorCapa{
width: 355px;
z-index: 99;
/* position: absolute; */
left: 17%;
bottom: 6rem;
}
#contadorCapa ul{
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: baseline;
}
#contadorCapa ul.literales_contador{
/* position: absolute; */
left: 0;
}
#contadorCapa li#counter_day{
width: 110px;
font-size: 8rem;
height: 66px;
padding-left: 0.5rem;
line-height: 5rem;
padding-bottom: 0;
}
#contadorCapa ul li#counter_min{
}
#contadorCapa ul li#counter_hour{
}
#contadorCapa ul li#counter_second{
}
#contadorCapa ul li{
list-style: none outside none;
letter-spacing: 0;
color: #E7E7E7;
font-size: 5rem;
line-height: 3rem;
padding: 0;
background: none;
font-family: "OpenSans-ExtraboldItalic";
border-right: 1px solid #eee;
width: 70px;
height: 44px;
text-align: left;
padding-bottom: 1rem;
}
#contadorCapa ul.literales_contador li{
font-size: 11px;
color: #333333;
letter-spacing: 0px;
width: 24%;
text-align: right;
background: #eee;
padding-right: 1rem;
line-height: 2rem;
font-family: "OpenSans-ExtraBoldItalic";
height: auto;
padding: 0;
width: 71px;
padding-right: 1rem;
}
#contadorCapa ul.literales_contador li.dias{
width: 110px;
}
/*html[lang="ca"] #contadorCapa ul.literales_contador li.minutos{
margin-right: 24px;
}*/
#contadorCapa ul.literales_contador li.horas{
/* margin-left: 15px!important; */
}
#contadorCapa ul.literales_contador li.segundos{
/* margin-left: 15px!important; */
}
#contadorCapa.ocultar{
display: none;
}
/*@media (max-width: 992px){*/
.hm-slide-text.contador-m{
/* margin-top: 8rem; */
}
#contadorCapa{
position: relative;
display: block;
width: 300px;
top: 4px;
left: 0;
bottom: auto;
}
.hm-slide.hm-text-center #contadorCapa{
margin: 5px auto 10px;
}
.hm-slide.hm-text-left #contadorCapa{
/* margin-left: auto; */
}
#contadorCapa ul li{
color: #007DAD;
border-color: transparent;
position: relative;
}
#contadorCapa ul.literales_contador{
margin-top:0;
}
#contadorCapa li#counter_day,
#contadorCapa ul.literales_contador li.dias{
width: 75px;
}
#contadorCapa li#counter_day{
font-size: 5rem;
line-height: 3rem;
height: 44px;
border-right: 2px solid #f4c53d;
}
#contadorCapa ul.literales_contador li.dias{
background: #f4c53d;
}
#contadorCapa li#counter_min:before,
#contadorCapa li#counter_second:before{
content:":";
position: absolute;
left: -1.5rem;
top: -0.2rem;
font-size: 4.5rem;
}
/*}*/
#contadorCapa + .hm-slide-title h2{
line-height: 3rem;
}
@media (max-width:992px){
#contadorCapa {
margin: 0 auto 2rem;
}
}
.hm-cmp-title #contadorCapa {
width: 100%;
margin-bottom: 2rem;
}
/* Destacado doble */
.hm-cmp-item-double .hm-cmp-title #contadorCapa {
width: 260px !important;
}
.hm-cmp-title #contadorCapa li#counter_day, .hm-cmp-title #contadorCapa ul.literales_contador li.dias{
width: 65px;
}
.hm-cmp-title #contadorCapa ul.literales_contador li,
.hm-cmp-title #contadorCapa ul li{
width: 50px;
}
.hm-cmp-title #contadorCapa li#counter_day,
.hm-cmp-title #contadorCapa li#counter_hour,
.hm-cmp-title #contadorCapa li#counter_min,
.hm-cmp-title #contadorCapa li#counter_second {
font-size: 4rem;
}
.hm-cmp-title #contadorCapa li#counter_min:before,
.hm-cmp-title #contadorCapa li#counter_second:before{
font-size: 4rem;
}
@media (max-width: 1200px){
.hm-cmp-title #contadorCapa li#counter_day, .hm-cmp-title #contadorCapa ul.literales_contador li.dias{
width: 50px;
}
.hm-cmp-title #contadorCapa ul.literales_contador li,
.hm-cmp-title #contadorCapa ul li{
width: 50px;
}
.hm-cmp-title #contadorCapa li#counter_day,
.hm-cmp-title #contadorCapa li#counter_hour,
.hm-cmp-title #contadorCapa li#counter_min,
.hm-cmp-title #contadorCapa li#counter_second {
font-size: 3.5rem;
}
.hm-cmp-title #contadorCapa li#counter_min:before,
.hm-cmp-title #contadorCapa li#counter_second:before{
font-size: 3.5rem;
}
.hm-cmp-title #contadorCapa li#counter_min:before,
.hm-cmp-title #contadorCapa li#counter_second:before{
left: -1.2rem;
}
}
@media (max-width: 992px){
.hm-cmp-title #contadorCapa li#counter_day,
.hm-cmp-title #contadorCapa ul.literales_contador li.dias{
width: 70px;
}
.hm-cmp-title #contadorCapa ul.literales_contador li,
.hm-cmp-title #contadorCapa ul li{
width: 60px;
text-align: center;
}
.hm-cmp-title #contadorCapa li#counter_day,
.hm-cmp-title #contadorCapa li#counter_hour,
.hm-cmp-title #contadorCapa li#counter_min,
.hm-cmp-title #contadorCapa li#counter_second {
font-size: 4rem;
}
.hm-cmp-title #contadorCapa li#counter_min:before,
.hm-cmp-title #contadorCapa li#counter_second:before{
font-size: 4rem;
}
}
@media (max-width: 600px){
.hm-cmp-title #contadorCapa li#counter_day,
.hm-cmp-title #contadorCapa ul.literales_contador li.dias{
width: 25%;
height: auto;
}
.hm-cmp-title #contadorCapa ul.literales_contador li,
.hm-cmp-title #contadorCapa ul li{
width: 25%;
height: auto;
text-align: center;
padding: 0;
font-size: 0.8rem;
}
.hm-cmp-title #contadorCapa li#counter_day,
.hm-cmp-title #contadorCapa li#counter_hour,
.hm-cmp-title #contadorCapa li#counter_min,
.hm-cmp-title #contadorCapa li#counter_second {
font-size: 2rem;
}
.hm-cmp-title #contadorCapa li#counter_min:before,
.hm-cmp-title #contadorCapa li#counter_second:before{
font-size: 2rem;
left: -10%;
}
}
@media (max-width: 374px){
.hm-cmp-title #contadorCapa {
margin-left: -5%;
}
}
/* FIN Contador cuenta atras */
/* START - #85192 - Particulares // Compra Estrella // Lanzamiento Samsung S10+ */
@media (max-width: 992px){
.banner-image .page-terrat .page-terrat-text .font-white{
color: #1a1a1a !important;
}
}
/* END - #85192 - Particulares // Compra Estrella // Lanzamiento Samsung S10+ */
/* Ticket #84575 - Empresas // Planes // Pymes // nueva orden ministerial */
#om_especifica_negocios .om-right li {
background-color: #d4d4d4;
color: #9f9f9f;
}
#om_especifica_negocios .om-right li:nth-child(2),
#om_especifica_negocios .om-right li:nth-child(3),
#om_especifica_negocios .om-right li:nth-child(4) {
background-color: #000;
color: #fff;
}
/* FIN Ticket #84575 - Empresas // Planes // Pymes // nueva orden ministerial */
/* Ticket #85826 - Particulares: Modificar OMs de la campaña traspasos */
#om_especifica_pensiones .om-right li:first-child {
background-color: #000;
color: #FFF;
}
/* FIN Ticket #85826 - Particulares: Modificar OMs de la campaña traspasos */
/* Ticket #83026 - Planes// cambios catalogo y buscador para cumplimiento normativo */
#om_especifica_catalogo_planes .om-right li:first-child {
background-color: #000;
color: #FFF;
}
/* FIN Ticket #83026 - Planes// cambios catalogo y buscador para cumplimiento normativo */
/* START - Notificaciones Desktop */
.carousel-ventajas-notifications{
width: 100%;
max-width: 730px;
margin: 0px auto;
background: #00a1df; /* Old browsers */
background: -moz-linear-gradient(top, #00a1df 0%, #2989d8 36%, #207cca 58%, #0678a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00a1df 0%,#2989d8 36%,#207cca 58%,#0678a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00a1df 0%,#2989d8 36%,#207cca 58%,#0678a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1df', endColorstr='#0678a8',GradientType=0 ); /* IE6-9 */
overflow: hidden;
padding: 5rem 0;
}
.carousel-ventajas-notifications h2{
font-family: sans-serif;
color: #fff;
}
.carousel-ventajas-notifications .slick-dotted.slick-slider {
margin-bottom: 0;
}
.carousel-ventajas-notifications .slick-slide .slider-logo .logo{
max-width: 500px;
width: 100%;
margin: 0 auto;
height: auto;
margin-top: 1.2rem;
}
.carousel-ventajas-notifications .slick-slide .slider-text {
text-align: center;
}
.carousel-ventajas-notifications .slick-slide .slider-text h1 {
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
color: #fff;
}
.carousel-ventajas-notifications .slick-slide .slider-text p {
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 1.8rem;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 0 17rem;
line-height: 2.8rem;
}
.carousel-ventajas-notifications .slick-slide .slider-text .button {
background: #fff;
color: #007eae;
font-family: "Arial", Helvetica, sans-serif;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: -0.18px;
text-align: center;
padding: 1.2rem 2rem;
display: inline-block;
margin-top: 4rem;
text-decoration: none;
border-radius: 2px;
}
.carousel-ventajas-notifications .slick-arrow {
width: 3rem;
height: 3rem;
z-index: 5;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
background: transparent;
color: transparent;
border: none;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
position: absolute;
top: 50%;
outline: none;
}
.carousel-ventajas-notifications .slick-prev {
left: 3.5rem;
transform: rotate(225deg);
}
.carousel-ventajas-notifications .slick-next {
right: 3.5rem;
transform: rotate(45deg);
}
.carousel-ventajas-notifications .slick-dots {
display: flex;
justify-content: center;
margin-top: 3.5rem;
}
.carousel-ventajas-notifications .slick-dots li{
padding: 0 0.3rem;
background: none;
}
.carousel-ventajas-notifications .slick-dots li button{
background: none;
border: none;
color: transparent;
padding: 0;
font-size: 0;
line-height: 0;
}
.carousel-ventajas-notifications .slick-dots li button::before {
content: "";
display: block;
width: 8px;
height: 8px;
border: 2px solid #ffffff;
color: transparent;
line-height: 1;
border-radius: 14px;
opacity: 1;
}
.carousel-ventajas-notifications .slick-dots li.slick-active button::before {
color: #fff;
opacity: 1;
background: #fff;
}
@media (max-width: 1024px) {
.carousel-ventajas-notifications .slick-slide .slider-text p {
padding-left: 20%;
padding-right: 20%;
}
}
@media (max-width: 768px) {
.carousel-ventajas-notifications .slick-slide .slider-text p {
padding-left: 14%;
padding-right: 14%;
}
}
@media (max-width: 538px) {
.carousel-ventajas-notifications .slick-slide .slider-text p {
padding-left: 10%;
padding-right: 10%;
}
}
/* END - Notificaciones Desktop */
/*Css página de reactivación01*/
.carousel-browser-wrapper{
width:100%;
text-align: center;
background-image: linear-gradient(to bottom, #00a1df, #0678a8);
overflow: auto;
height: 100%;
}
.carousel-browser-wrapper .carousel-browser{
width: auto;
margin:0px 19px;
}
.carousel-browser-wrapper .carousel-browser .slick-slide{
display: block;
float: none;
margin:0px 19px;
}
.carousel-browser-wrapper .carousel-browser .slick-slide img{
display: inline-block;
}
.slick-slide img
.carousel-browser-wrapper .slick-slide .slider-logo .logo-reduced{
width: 59px;
margin: 0 auto;
height: 28px;
margin-top: 9.3rem;
margin-bottom: 10px;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .title-text-react{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-top: 10px;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .subtitleText-react{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.15;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-top: 28px;
margin-bottom: 4px;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .text-react{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.39;
letter-spacing: normal;
text-align: center;
color: #ffffff;
max-width: 493px;
margin: 0 auto;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .text-react:last-child{
margin-top: 32px;
margin-bottom: 109px;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .text-react img{
display: inline-block;
vertical-align: middle;
margin: 0.5rem 0 0.5rem 0.5rem;
text-align: center;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .text-react a{
color: #ffffff;
font-family: "OpenSans", Arial, Helvetica, sans-serif;
text-decoration: underline;
font-size: 2rem;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .text-react span{
font-weight: bold;
color: #ffffff;
}
@media (min-width: 768px) {
.carousel-browser-wrapper .slick-slide .slider-logo .logo-reduced{
margin-top: 7rem;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .text-react:last-child{
margin-bottom: 70px;
}
.carousel-browser-wrapper .slick-slide .slider-text-react .subtitleText-react{
margin-top: 21px;
}
}
/*fin página de reactivación01*/
/*Css página de reactivación02*/
.carousel-pickBrowser-wrapper{
width: 100%;
text-align: center;
overflow: auto;
height: 100%;
margin: 0 auto;
background-image: linear-gradient(to bottom, #00a1df, #0678a8);
}
.carousel-pickBrowser-wrapper .carousel-pickBrowser{
width:auto;
margin:0px 19px;
}
.carousel-pickBrowser-wrapper .carousel-pickBrowser .slick-slide {
display: block;
float: none;
width:auto;
margin:0px 19px;
}
.carousel-browser-wrapper .slick-slide .slider-alert {
margin: 0 auto;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-alert {
margin: 0 auto;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers{
margin: 0 auto;
overflow: hidden;
position: relative;
display: inline-block;
text-align: center;
margin-top: 15px;
margin-bottom: 158px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-chrome{
float: left;
padding-right: 30px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-chrome .logo-reduced{
height: 85px;
width:85px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-chrome p a, .carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-firefox p a{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-top: 23px;
display: inline-block;
text-decoration: none;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-line{
float: left;
border-right: 2px solid rgba(255, 255, 255, 0.15);
width: 2px;
height: 70px;
margin-top: 8px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-firefox{
margin-left: 30px;
float: left;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-firefox .logo-reduced{
height: 85px;
width:85px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-alert .alert-title{
margin: 0 auto;
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-top: 164px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-alert .alert-subtitle{
margin: 0 auto;
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-top: 10px;
}
@media (min-width: 768px) {
.carousel-pickBrowser-wrapper{
min-width: 730px;
width: 100%;
}
.carousel-pickBrowser-wrapper .carousel-browser{
margin:0px 66px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-alert .alert-title{
margin-top: 67px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-alert .alert-subtitle{
margin-top: 14px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers{
margin-bottom: 128px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-chrome{
padding-right: 70px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-firefox{
margin-left: 70px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-chrome .logo-reduced{
height: 121px;
width: 121px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-firefox .logo-reduced{
height: 121px;
width: 121px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers{
margin-top: 91px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-line{
margin-top: 24px;
}
.carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-chrome p a, .carousel-pickBrowser-wrapper .slick-slide .slider-boxBrowsers .boxBrowsers-firefox p a{
margin-top: 29px;
}
}
/*fin css de configuración de reactivación02*/
/*Css página de configuración notificaciones*/
.carousel-config-notifications{
min-width: 360px;
text-align: center;
background: white;
overflow: auto;
height: 100%;
margin: 0 auto;
}
.carousel-config-notifications .carousel-config{
width:auto;
margin:0px 19px;
}
.carousel-config-notifications .carousel-config .slick-slide {
display: block;
float: none;
}
.carousel-config-notifications .carousel-config .slick-slide .slider-logoConfig .logo-config{
margin: 0 auto;
width: 59px;
height: 59px;
margin-top: 7.8rem;
margin-bottom: 2.4rem;
}
.carousel-config-notifications .slick-slide .slider-text-config .title-text-config{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.25;
text-align: center;
color: #007eae;
margin-bottom: 4.3rem;
}
.carousel-config-notifications .slick-slide .slider-text-config .title-form-config{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.43;
color: #555555;
text-align: left;
margin-top: 0;
margin-bottom: 0.9rem;
}
.carousel-config-notifications .slick-slide .slider-text-config .form_config {
width: 100%;
position: relative;
}
.carousel-config-notifications .slick-slide .slider-text-config .form_config .languages-config {
background-color: #eeeeee;
font-family: "TitilliumWeb-Light", "Helvetica Neue", "Open Sans", Arial, sans-serif;
color: #666666;
font-size: 1.4rem;
width: 100%;
border: 0;
border-bottom: 0.2rem solid #666666;
padding: 0 1.5rem;
height: 4.9rem;
outline: 0;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
position: relative;
}
.carousel-config-notifications .slick-slide .slider-text-config .form_config .arrow-down {
position: absolute;
right: 25px;
bottom: 111px;
width: 12px;
height: 12px;
display: block;
border-left: 2px solid #8e8e8e;
border-bottom: 2px solid #8e8e8e;
transform: rotate(-46deg);
transition: all 0.25s ease;
pointer-events: none;
z-index: 200;
top: 17px;
}
.carousel-config-notifications .slick-slide .slider-text-config .config-buttonForm{
margin-top: 53px;
}
.carousel-config-notifications .slick-slide .slider-text-config .config-buttonForm .buttonSave{
background: #007eae;
color: white;
font-family: "Arial", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: -0.2px;
text-align: center;
padding: 1.5rem 3.4rem;
display: inline-block;
height: 48px;
text-decoration: none;
}
.carousel-config-notifications .slick-slide .slider-text-config .config-buttonForm .link-config{
font-family: "OpenSans", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.43;
text-align: center;
color: #007eae;
text-decoration: underline;
display: block;
margin-top: 26px;
margin-bottom: 149px;
}
@media (min-width: 768px) {
.carousel-config-notifications{
max-width: 730px;
}
.carousel-config-notifications .carousel-config{
margin:0px 66px;
}
.carousel-config-notifications .slick-slide .slider-logoConfig .logo-config{
margin-top: 7rem;
margin-bottom: 10px;
}
.carousel-config-notifications .slick-slide .slider-text-config .title-text-config{
line-height: 1.08;
margin-bottom: 4rem;
}
.carousel-config-notifications .slick-slide .slider-text-config .title-form-config{
margin-bottom: 1.8rem;
}
.carousel-config-notifications .slick-slide .slider-text-config .form_config .languages-config {
height: 5.3rem;
}
.carousel-config-notifications .slick-slide .slider-text-config .config-buttonForm{
margin-top: 103px;
}
.carousel-config-notifications .slick-slide .slider-text-config .config-buttonForm .link-config{
margin-top: 34px;
margin-bottom: 46px;
}
}
/*fin css de configuración de notificación*/
/* Ticket #85675 - Particulares / Macromenú - Destacados */
#panel-menu .menu-linkgroup .menu-link-title:hover {
color: #007eae;
text-decoration: underline;
}
#panel-menu .menu-linkgroup .menu-sublink strong:hover {
color: #007eae;
}
#panel-menu .menu-linkgroup .menu-sublink:before {
background: url(icons/star_grey.png) no-repeat center center transparent;
}
#panel-menu .menu-linkgroup .menu-sublink:hover:before {
background: url(icons/star_yellow.png) no-repeat center center transparent;
}
/* FIN Ticket #85675 - Particulares / Macromenú - Destacados */
/* START Ticket #86070 - COLECTIVOS / Incluir formulario en landing portal. */
#form-mortgage-colectivos .row > .col{
min-height: 140px!important;
}
#form-mortgage-colectivos > fieldset > legend{
padding: 2rem 0;
font-size: 20px;
font-family: "OpenSans-Bold", Arial, serif;
}
@media(min-width: 991px){
#form-mortgage-colectivos > fieldset > legend{
margin-left: 8.33333333%;
}
}
#form-mortgage-colectivos label,
#form-mortgage-colectivos legend {
width: 100%;
padding-bottom: 2rem;
margin: 0;
font-size: 14px;
color: #434343;
font-family: "OpenSans-Bold", Arial, serif;
width: 100%;
border: none;
}
#form-mortgage-colectivos input[type='text'],
#form-mortgage-colectivos input[type='number']{
width: 100%;
height: 40px;
color: #434343;
font-family: "OpenSans", Arial, serif;
background: #d8d8d8;
box-shadow: none;
border: none;
padding: 0 10px;
font-size: 14px;
}
#form-mortgage-colectivos input[type='text']:hover,
#form-mortgage-colectivos input[type='number']:hover,
#form-mortgage-colectivos input[type='text']:focus,
#form-mortgage-colectivos input[type='number']:focus{
border: solid 1px #007eae;
box-shadow: 1px 2px 5px 0 #767676;
}
#form-mortgage-colectivos .group-fields{
/* display: flex; */
}
#form-mortgage-colectivos .group-fields .pull-left{
width: 49%;
float: none!important;
display: inline-block;
}
#form-mortgage-colectivos .group-fields .pull-left.pr5 select{
width: 100%;
height: 40px;
color: #434343;
font-family: "OpenSans", Arial, serif;
background: #d8d8d8;
box-shadow: none;
border: none;
padding: 0 10px;
font-size: 14px;
}
#form-mortgage-colectivos .group-fields .pull-left.i-radio + .i-radio{
margin-left: -5px;
}
#form-mortgage-colectivos .custom-form-radio + input + label {
border: 1px solid #9b9b9b;
float: left;
height: 40px;
width: 100%;
color: #767676;
font-size: 14px;
font-weight: normal;
line-height: 38px;
margin: 0;
padding: 0;
text-align: center;
font-family: "OpenSans", Arial, serif;;
}
#form-mortgage-colectivos .custom-form-radio + input + label:hover{
box-shadow:1px 2px 5px 0 #767676;
}
#form-mortgage-colectivos .custom-form-radio.custom-form-checked.custom-form-focused + input + label,
#form-mortgage-colectivos .custom-form-radio.custom-form-checked + input + label {
background: url(../../../../particulares/CSS/Estaticos/images/ok-radio-v.png) no-repeat scroll 90% center transparent;
border: 1px solid #007eae;
color: #007eae;
position: relative;
z-index: 1;
}
#form-mortgage-colectivos .error-message{
padding-top: 1.2rem;
color: #ff0000;
}
#form-mortgage-colectivos .error-message#telefono-error{
position: absolute;
left: 15px;
}
#form-mortgage-colectivos .contain-submit input[type="submit"]{
height: 40px;
width: auto;
font-size: 16px;
box-shadow: none;
border: none;
font-family: 'OpenSans-Bold', Arial, serif;
color: #1a1a1a;
font-weight: 400;
background: #f4c53d;
line-height: 2px;
padding: 0 5rem;
border-radius: 3px;
margin: 0 auto 3rem auto;
display: block;
}
#form-mortgage-colectivos .contain-submit input[type="submit"]:hover{
-webkit-box-shadow: inset 500px -1px 5px 0px rgba(219,177,55,0.1);
-moz-box-shadow: inset 500px -1px 5px 0px rgba(219,177,55,0.1);
box-shadow: inset 500px -1px 5px 0px rgba(219,177,55,0.1);
background: url("../images/candado_boton.png") no-repeat 40px 15px #e5b630;
transition: 1s all ease-out;
}
/* END Ticket #86070 - COLECTIVOS / Incluir formulario en landing portal. */
/* Ticket #85723 - Particulares: Modificar flotante en landings Hazte Cliente */
@media (max-width: 640px) {
#faldon-hc a .button-text {
display: none;
}
}
/* FIN Ticket #85723 - Particulares: Modificar flotante en landings Hazte Cliente */
/* START - Nueva version video player Brightcove */
.vjs-big-play-button span.vjs-icon-placeholder, .vjs-play-control span.vjs-icon-placeholder{
display: none;
}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: "\f101";
font-family: VideoJS;
font-weight: 400;
font-style: normal;
font-size: 1.8em;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
content: "\f103";
font-size: 1.8em;
line-height: 1.67;
}
/* END - Nueva version video player Brightcove */
/* Ticket #86346 - [HIPOTECAS] Maquetacion margenes pop-up menu */
.page-wrapper.empty #page{
padding: 2rem 4rem 0 4rem;
}
.page-wrapper.empty #page .templateTCI_contenedor .templateTCI_imagen{
width: 55%;
}
.page-wrapper.empty #page .templateTCI_contenedor .templateTCI_texto{
vertical-align: top;
}
/* FIN Ticket #86346 - [HIPOTECAS] Maquetacion margenes pop-up menu*/
/* Formulario Cookies videos youtube */
.video-inline .aviso_cookies {
position: relative;
min-height: 340px;
width: 100%;
height: 100%;
}
.video-inline .aviso_cookies .cont_cookies {
position: relative;
width: 90%;
margin: 5% auto 10%!important;
top: 10px;
height: auto;
text-align: center;
}
.video-inline {
position: relative;
margin:0 auto;
padding-right: 0px;
padding-left: 0px;
}
.video-inline.container .aviso_cookies .cont_cookies .boton_cancelar{
display: none;
}
.video-inline.container .aviso_cookies .cont_cookies .row.center{
display:none
}
.video-inline.container .aviso_cookies .cont_cookies .capaCookies.Opcion2 > .row > .col-xs-6{
width:100%
}
.video-inline.container .aviso_cookies .cont_cookies .capaCookies.Opcion2 .main-component {
margin: 0px;
}
.video-inline.container .aviso_cookies .cont_cookies .capaCookies.Opcion2 .tb-text .tb-text-c li {
text-align: left;
}
.video-inline.container .aviso_cookies .cont_cookies .capaCookies.Opcion2 .tb-text .tb-text-c li a {
text-align: center;
font-size: 1.4rem;
white-space: normal;
}
.video-inline.container .aviso_cookies .cont_cookies .capaCookies.Opcion2 .tb-text-c.tb-text-left.component-group{
text-align: left;
}
@media(min-width:400px){
.video-inline.container .aviso_cookies .cont_cookies .capaCookies.Opcion2 .tb-text-c.tb-text-left.component-group{
text-align: center;
}
}
.video-inline .aviso_cookies .cont_cookies > p {
padding-bottom: 20px;
}
.video-inline .aviso_cookies .cont_cookies > p:first-child {
font-weight: bold;
}
/* FIN Formulario Cookies videos youtube */