/* FUENTES */ /*@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');*/ @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900'); @font-face { font-family: "Roboto"; font-style: normal; font-weight: normal; src: url("fonts/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 100; src: url("fonts/Roboto-Light.ttf") format("truetype"); } @font-face { font-family: "Gnoss RegBold"; font-style: normal; font-weight: normal; src: url("fonts/Gnoss-Regular.ttf") format('truetype'), url("fonts/Gnoss-Regular.otf") format('opentype'), url("fonts/Gnoss-Regular.eot"), url("fonts/Gnoss-Regular.woff") format('woff'), url("fonts/Gnoss-Regular.woff2") format('woff2'); } /* COLORES Principal: #006fff rgb(0, 111, 255) Secundario: - Cyan - #00ebeb rgb(0, 235, 235) - Rojo - #f51e2d rgb(245, 30, 45) - Gris - #f2f2f2 rgb(242, 242, 242) - Negro - #4d4d4d rgb(77, 77, 77) - Reflex - #000eff rgb(0, 14, 255) - Amarillo - #ffff00 rgb(255, 255, 0) */ h1, h2, h3, h4, h5, h6 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: "Roboto", sans-serif; font-weight: normal; } p, a, li, span, label, div { color: #006fff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; } a, a:visited { text-decoration: none; cursor: pointer; color: #006fff; } a:hover, a:active { text-decoration: underline; } .btn:focus { box-shadow: none; } a.btn.disabled { background-color: #F2F2F2 !important; color: #333 !important; opacity: 1; } button:focus {outline: none; } img { max-width: 100%; } /* GLOBAL */ body { background: white; } body .container-fluid[role="main"] { overflow: hidden; } body .container-fluid[role="main"] > .row { background: #fff; } body .container-fluid[role="main"] > .row > .col { padding: 0; } .facetasBar .facetasBar { display: none; } .oculto { display: none; } .dropdown-toggle::after { border: 0; content: '\E313'; font-family: 'Material Icons'; margin-bottom: 2px; width: 20px; height: 20px; margin-left: 3px; vertical-align: middle; font-size: 20px; line-height: 20px; } .componente-solo-texto { padding: 0 12%; } .componente-solo-texto .destacado { padding: 40px 0; } .componente-solo-texto .destacado > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 20px; } .componente-solo-texto .destacado > a i { margin-left: 5px; } .btnDownload { background: #00ebeb; color: #000eff !important; padding: 10px 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none !important; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 300; } .btnDownload:hover { background: #000eff; color: #00ebeb !important; } .btnDownload::after { content: '\E313'; font-family: 'Material Icons'; margin-left: 10px; font-size: 25px; width: 25px; height: 25px; line-height: 25px; } .verMas { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00ebeb; width: 50px !important; height: 50px; border-radius: 50%; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 0; font-weight: 100; color: #000eff !important; } .verMas::after { content: ''; background: url('resources/iconos/flechaAbajoAzul.svg') no-repeat; background-size: 25px 25px; height: 22px; width: 25px;} .verMas:hover { background: #000eff; cursor: pointer; } .verMas:hover::after { background: url('resources/iconos/flechaAbajoTurquesa.svg') no-repeat; background-size: 25px 25px; width: 25px; height: 25px; } .verMas.mas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00ebeb; width: 50px; height: 50px; border-radius: 50%; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 0; font-weight: 500; color: #000eff !important; } .verMas.mas::after { content: ''; background: url('resources/iconos/flechaArribaAzul.svg') no-repeat; background-size: 25px 25px; height: 25px; width: 25px; } .verMas.mas:hover { background: #000eff; } .verMas.mas:hover::after { background: url('resources/iconos/flechaArribaTurquesa.svg') no-repeat; background-size: 25px 25px; width: 26px; height: 25px; } .verMasPalco { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00ebeb; width: 50px; height: 50px; border-radius: 50%; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 0; font-weight: 500; color: #000eff !important; } .verMasPalco::after { content: ''; background: url('resources/iconos/sumaAzul.svg') no-repeat; background-size: 21px 21px; height: 21px; width: 21px; } .verMasPalco:hover { background: #000eff; cursor: pointer; } .verMasPalco:hover::after { background: url('resources/iconos/sumaTurquesa.svg') no-repeat; background-size: 21px 21px; } .verLink { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00ebeb; width: 50px !important; height: 50px; border-radius: 50%; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 0; font-weight: 100; color: #000eff !important; } .verLink::after { content: ''; background: url('resources/iconos/flechaDerechaAzul.svg') no-repeat; background-size: 21px 21px; height: 21px; width: 21px; } .verLink:hover { background: #000eff; cursor: pointer; } .verLink:hover::after { background: url('resources/iconos/flechaDerechaTurquesa.svg') no-repeat; background-size: 21px 21px; cursor: pointer; } .descargar { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00ebeb; width: 50px !important; height: 50px; border-radius: 50%; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 0; font-weight: 100; color: #000eff !important; } .descargar::after { content: ''; background: url('resources/iconos/descarga.svg') no-repeat; background-size: 21px 21px; height: 21px; width: 22px; } .descargar:hover { background: #000eff; cursor: pointer; } .descargar:hover::after { background: url('resources/iconos/descargaTurquesa.svg') no-repeat; background-size: 21px 21px; cursor: pointer; } @media (max-width: 768px){ .verLink, .verMas, .verMas.mas, .verMasPalco { width: 40px !important; height: 40px; } .verMas:after, .verMasPalco::after, .descargar::after { font-size: 27px; } .verMas::after, .verMas:hover::after { background-size: 20px 20px; height: 18px; width: 20px; } .verMas.mas::after, .verMas.mas:hover::after { background-size: 20px 20px; height: 18px; width: 20px; } .verMasPalco::after, .verMasPalco:hover::after { background-size: 15px 15px; height: 15px; width: 15px; } } /* DESTACADO */ .destacado-azul { background: #006fff; max-width: 100%; } .destacado-azul p a { color: white !important; } .destacado-azul ul li { color: white !important; } .destacado-azul .destacado .title { border-bottom: 2px solid white !important; } .destacado-azul .destacado .title .tituloBloque { color: white !important; } .destacado-azul .destacado .contenido p { color: white !important; } .destacado-azul .destacado .contenido .resumenHtml { color: white !important; } .destacado-azul .destacado .contenido ul li { color: white !important; } .destacado-azul .destacado .contenido .divUno p { color: white !important; } .destacado-azul .destacado .contenido .divUno ul li { color: white !important; } .destacado-azul .destacado .contenido .divDos p { color: white !important; } .destacado-azul .destacado .contenido .divDos ul li { color: white !important; border-bottom: 1px solid white !important; } .destacado-azul .bloqueHalfBlur .col01 .tituloBloque { color: white !important; } .destacado-azul .bloqueHalfBlur .col01 .resumenHtml { border-top: 2px solid white !important; border-bottom: 2px solid white !important; } .destacado-azul .bloqueHalfBlur .col01 .resumenHtml p { color: white !important; } .destacado-azul p a:hover { color: #00ebeb !important; } .destacado-gris { background: #f2f2f2; max-width: 100%; } .destacado-gris .destacado .title { border-bottom: 2px solid #4d4d4d !important; } .destacado-gris .destacado .title .tituloBloque { color: #4d4d4d !important; } .destacado-gris .destacado .contenido p { color: #4d4d4d !important; } .destacado-gris .destacado .contenido ul li { color: #4d4d4d !important; } .destacado-gris .destacado .contenido .divUno p { color: #4d4d4d !important; } .destacado-gris .destacado .contenido .divUno ul li { color: #4d4d4d !important; } .destacado-gris .destacado .contenido .divDos p { color: #4d4d4d !important; } .destacado-gris .destacado .contenido .divDos ul li { color: #4d4d4d !important; border-bottom: 1px solid #4d4d4d !important; } .destacado-gris .bloqueHalfBlur .col01 .tituloBloque { color: #4d4d4d !important; } .destacado-gris .bloqueHalfBlur .col01 .resumenHtml { border-top: 2px solid #4d4d4d !important; border-bottom: 2px solid #4d4d4d !important; } .destacado-gris .bloqueHalfBlur .col01 .resumenHtml p { color: #4d4d4d !important; } .destacado-gris > div, .destacado-azul > div { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (max-width: 767px){ .destacado-gris > div, .destacado-azul > div {/* padding-left: 0; padding-right: 0; */} } /* ENLACES */ a:hover { color: #f51e2d; text-decoration: none; } .bloqueHalfBlur li a, .bloqueHalfBlur p a { color: #f51e2d; } .bloqueHalfBlur li a:hover, .bloqueHalfBlur p a:hover { color: #006fff; } .destacado-azul p a:hover { color: #00ebeb; text-decoration: none; } .destacado-gris p a { color: #006fff } .destacado-gris p a:hover { color: #f51e2d; text-decoration: none; } .colorGris .contenido a { color: #006fff; -webkit-transition: color 0.5s ease; transition: color 0.5s ease;} .colorRojo .contenido a { color: #006fff; -webkit-transition: color 0.5s ease; transition: color 0.5s ease;} .colorAzul .contenido a { color: #f51e2d; -webkit-transition: color 0.5s ease; transition: color 0.5s ease;} .colorGris .contenido a:hover, .colorRojo .contenido a:hover { color: #f51e2d; text-decoration: none; } .colorAzul .contenido a:hover { color: #006fff; text-decoration: none; } @media (min-width: 576px) { .destacado-gris > div, .destacado-azul > div { max-width: 540px; } } @media (min-width: 768px) { .destacado-gris > div, .destacado-azul > div { max-width: 720px; } } @media (min-width: 992px) { .destacado-gris > div, .destacado-azul > div { max-width: 960px; } } @media (min-width: 1200px) { .destacado-gris > div, .destacado-azul > div { max-width: 1140px; } } /* TABLAS */ /* table { width: 100%; max-width: 100%; border: 0; } table thead { } table thead tr { } table thead tr th { color: #333 !important; font-weight: 700 !important; padding: 10px 20px; border: 0; border-bottom: 3px solid #e9ecef; } table tbody { } table tbody tr { } table tbody tr td { padding: 10px 20px; border: 0; border-bottom: 1px solid #e9ecef; } */ /* tabla */ .tabla-tres-columnas.tabla-especial .destacado .contenido > p:nth-child(1) { max-width: 30%; } .tabla-tres-columnas p a { color: #F51E2D } .tabla-tres-columnas a:hover { color: #006fff; } .tabla-tres-columnas .destacado .subtitulo { font-size: 16px; font-weight: 300; line-height: 20px; color: #006fff; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 40px; column-gap: 40px; margin-top: 40px;} .tabla-tres-columnas table { font-size: 16px; font-weight: 300; line-height: 20px; margin-left: -40px; margin-right: -40px; max-width: unset; width: calc(100% + 80px); border-collapse: separate; border-spacing: 40px; } .tabla-tres-columnas table thead tr th { padding: 10px 20px 20px 0; text-transform: uppercase; color: #006fff !important; font-weight: 300 !important;} .tabla-tres-columnas table thead tr th:nth-child(2) { color: #F51E2D !important;} .tabla-tres-columnas table thead tr th:nth-child(3) { color: #4d4d4d !important;} .tabla-tres-columnas table tr td, .tabla-tres-columnas table tr th { width: 33%; padding: 0 0 30px 0; border-bottom: none; color: #006fff; vertical-align: top; position: relative;} .tabla-tres-columnas table tr td:nth-child(1), .tabla-tres-columnas table tr th:nth-child(1) { border-bottom: 2px solid #006fff;} .tabla-tres-columnas table tr td:nth-child(2), .tabla-tres-columnas table tr th:nth-child(2) { color: #F51E2D; border-bottom: 2px solid #f51e2d;} .tabla-tres-columnas table tr td:nth-child(3), .tabla-tres-columnas table tr th:nth-child(3) {color: #4d4d4d; border-bottom: 2px solid #4d4d4d;} .tabla-tres-columnas table tr td ul { list-style: none; padding-left: 0;} .texto-centrado-min.tabla-tres-columnas .contenido table tr td ul { padding-bottom: 0;} .tabla-tres-columnas table tr td ul li { padding: 10px 0; font-size: 16px; font-weight: 300; line-height: 20px; } .tabla-tres-columnas.tabla-especial table tr td p {color: #006fff !important; } .tabla-tres-columnas.tabla-especial table tr td[colspan="2"] { border-bottom: 2px solid #F51E2D; } .tabla-tres-columnas.tabla-especial table tr td[colspan="2"]:after { content: "" !important; width: 50% !important; height: 2px !important; background-color: #4d4d4d !important; position: absolute; bottom: -2px; right: 0; } .tabla-tres-columnas.tabla-especial table tr td[colspan="2"]:before { content: ""; width: 42px; height: 2px; background: #fff; position: absolute; bottom: -2px; left: calc(50% - 21px); z-index: 1; } .tabla-tres-columnas table tr td:nth-child(2) p {color: #F51E2D;} .tabla-tres-columnas table tr td:nth-child(2) ul li { color: #F51E2D; border-bottom: 1px solid #F51E2D; } .tabla-tres-columnas table tr td:nth-child(2) ul li:last-child { color: #F51E2D; border-bottom: none; } .tabla-tres-columnas table tr td:nth-child(3) p { color: #4d4d4d;} .tabla-tres-columnas table tr td:nth-child(3) ul li { color: #4d4d4d; border-bottom: 1px solid #4d4d4d;} .tabla-tres-columnas table tr td:nth-child(3) ul li:last-child { color: #F51E2D; border-bottom: none; } .tabla-tres-columnas table tr td:nth-child(1), .tabla-tres-columnas table tr th:nth-child(1) { padding-right: 40px} .tabla-tres-columnas table tr td:nth-child(2), .tabla-tres-columnas table tr th:nth-child(2) {padding-right: 40px } @media (max-width: 768px){ .tabla-tres-columnas table { display: none; } .tabla-tres-columnas table.tabla-movil tbody tr td { padding: 20px 0 0 0;} .tabla-tres-columnas table.tabla-movil tbody tr td ul { margin-bottom: 0; list-style-type: initial; padding-left: 40px; } .tabla-tres-columnas table.tabla-movil { display: block; margin-left: 0; margin-right: 0; max-width: unset; width: 100%; border-collapse: collapse; border-spacing: 0; } .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+2) td { color: #4d4d4d;} .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+2) td li, .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+2) td p { color: #4d4d4d;} .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+3) td { color: #4d4d4d; padding-bottom: 40px;} .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+3) td p { color: #4d4d4d;} .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+1) td { padding-bottom: 20px; } .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+2) td:after { display: none;} .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+3) td:after { display: none; } .tabla-tres-columnas .destacado .subtitulo { -webkit-column-count: 1; column-count: 1;} .page-operaciones-diarias .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+1) td:before { content: "Proceso: "; font-weight: 400; } .page-operaciones-diarias .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+2) td:before { content: "Descripción: "; font-weight: 400; } .page-operaciones-diarias .tabla-tres-columnas table.tabla-movil tbody tr:nth-child(3n+3) td:before { content: "Operaciones: "; font-weight: 400; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr, .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr:nth-child(18) td:nth-child(1):after, .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr:nth-child(11) td:nth-child(1):after, .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr:nth-child(1) td:nth-child(1):after { width: 100% !important; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr td, .page-cloud-computing .tabla-tres-columnas .tabla-movil tr th { width: 100% ; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titular { color: #006fff; position: relative; border-bottom: 2px solid #006fff; padding-top: 20px;} .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titular * { color:#006fff !important; font-weight: 500; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titular:after { background: #006fff; width: 100%; height: 2px; content: ""; position: absolute; bottom: 0; left: 0; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titular td { padding-bottom: 0; padding-top: 40px; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario { border-bottom: 1px solid #4d4d4d; position: relative;} .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario td { padding-top: 40px; padding-bottom: 15px; padding-right: 35px; position: relative; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario td p { color:#4d4d4d !important; font-weight: 500; margin-bottom: 0;} .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario a.btn.boton { background-color :transparent !important; font-weight: 500; margin-bottom: 0; color: #4d4d4d !important; position: absolute; right: -7px; bottom: 3px;} .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario a.btn.boton.mas { color: #4d4d4d !important; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario a.btn.boton.mas:active { color: #4d4d4d !important; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tr.titularSecundario .verMas:hover:after { color: #4d4d4d !important; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr:nth-child(3n+1) td:after { display: none; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr.datos { display: none;} .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr.datos td { padding-bottom: 0; } .page-cloud-computing .tabla-tres-columnas .tabla-movil tbody tr.datos td * { color: #4d4d4d !important; } } /* BUSCADOR */ #curtain { position: fixed; top: 0; left: 0; background: #000; opacity: .0; height: 0; width: 100%; z-index: 20000; overflow: hidden; } #curtain.open { height: 100%; opacity: .9; } #curtain #buscador { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 50%; margin-top: -150px; padding: 50px; border: 4px solid rgba(255, 255, 255, 0.5); } #curtain #buscador * { color: #fff } #curtain #buscador .searchGroup { display: table; width: 100%; } #curtain #buscador .searchGroup #selector { display: table-cell; vertical-align: middle; float: none; } #curtain #buscador .searchGroup #txtBusquedaPrincipal { display: table-cell; vertical-align: middle; width: auto !important; background: none; -webkit-box-shadow: none; box-shadow: none; border: 0; font-size: 60px; font-family: 'Roboto', sans-serif; padding: 20px; } #curtain #buscador .searchGroup #btnBuscarPrincipal { display: table-cell; vertical-align: middle; float: none; } /* CABECERA */ .aaCabecera { z-index: 1030; position: relative; } .aaCabecera #header { position: fixed; top: 0; left: 0; width: 100%; border: 0; padding: 25px 0; height: auto; -webkit-transition: background 1s; transition: background 1s; z-index: 200; background-color: #006fff; } .aaCabecera #header .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .aaCabecera #header .container::after, .aaCabecera #header .container::before { display: none !important; } .aaCabecera #header .container .comunityNav { } .aaCabecera #header .container .comunityNav .logoCustomRIAM { position: relative; } .aaCabecera #header .container .comunityNav .logoCustomRIAM a { text-decoration: none; } .aaCabecera #header .container .comunityNav .logoCustomRIAM img { height: 30px; -webkit-transition: opacity 1s; transition: opacity 1s; } .aaCabecera #header .container .comunityNav .logoCustomRIAM img.logoPrincipal { opacity: 1; } .aaCabecera #header .container .comunityNav .logoCustomRIAM img.logoSecundario { opacity: 0; position: absolute; top: 0; left: 0; } .aaCabecera #header .container .comunityNav .logoCustomRIAM .small { display: none; } .aaCabecera #header .container .searchNav { } .aaCabecera #header .container .searchNav #nav { } .aaCabecera #header .container .searchNav #nav ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aaCabecera #header .container .searchNav #nav ul li { margin-left: 20px; line-height: normal; } .aaCabecera #header .container .searchNav #nav ul li a { font-family: 'Roboto', sans-serif; color: #006fff; font-size: 15px; font-weight: normal; text-decoration: none; padding: 0; background: none; } .aaCabecera #header .container .searchNav #nav ul li a.dropdown-toggle {margin-bottom: -4px;} .fichaComunidad .aaCabecera #header .container .searchNav #nav ul li a { color: #fff;} .fichaComunidad.homeComunidadBlanca .aaCabecera #header .container .searchNav #nav ul li a { color: #006fff;} .aaCabecera #header .container .searchNav #nav ul li.nivel1, .aaCabecera #header .container .searchNav #nav ul li.menuIdiomas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } .aaCabecera #header .container .searchNav #nav ul li.activo { } .aaCabecera #header .container .searchNav #nav ul li.activo > div > a { position: relative; font-weight: 700; } .aaCabecera #header .container .searchNav #nav ul li.activo li.activo > a { color: #000; font-weight: 700; } .aaCabecera #header .container .searchNav #nav ul li.activo li.activo > a::before { display: none; } .aaCabecera #header .container .searchNav #nav ul li.open { } .aaCabecera #header .container .searchNav #nav ul li.open a { background: none; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu { margin-top: 15px; border-radius: 0; background: #00ebeb; border: 0; padding-left: 15px; padding-top: 15px; padding-right: 15px; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu li { text-align: left; clear: both; margin: 0; margin-bottom: 5px; padding: 0; display: block; width: 100%; line-height: normal; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu li a { color: #000eff !important; text-align: left; line-height: 18px; white-space: nowrap; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu .btn-group { width: 100%; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu .dropdown-menu { display: block !important; -webkit-transform: none !important; transform: none !important; margin: 0; position: relative !important; top: 0 !important; left: 0 !important; background: none; -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 10px 0; clear: both; width: 100%; padding-left: 25px; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu .dropdown-menu::before { display: none; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu .dropdown-menu li { display: block; } .aaCabecera #header .container .searchNav #nav ul li.menuIdiomas > a { text-transform: uppercase; } .boton.fuera, .aaCabecera #header .container .searchNav #nav .nav.nav-pills.nav-fill .boton { font-family: 'Roboto', sans-serif; font-weight: 300; background: #00ebeb; color: #000eff; font-size: 15px; text-transform: uppercase; border-radius: 0; margin-left: 15px; } .boton.fuera:hover, .aaCabecera #header .container .searchNav #nav .nav.nav-pills.nav-fill .boton:hover { background-color: #000eff; color: #00ebeb; } .boton.fuera { position: absolute; right: 70px; } .menuMobileOpen .boton.fuera { } .page-video .aaCabecera #header, .homeComunidadBlanca .aaCabecera #header { background: white; } .nav-item.show > .btn-group { display: block; width: 100%; position: relative; } .nav-item.show > .dropdown-menu { display: block; } .nav-item .btn-group > .nav-link { display: block !important; padding-right: 0 !important; } .nav-item .btn-group > .dropdown-toggle { display: none !important; position: static !important; } .nav-item.show > .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; } .nav-item.nivel1 > .btn-group > .dropdown-toggle { display: block !important; } .nav-item .btn-group.sinHijos > .nav-link { padding: 0 !important; } .aaCabecera #header .container .idioma { display: none !important; } @media (min-width: 768){ .modal-open .aaCabecera #header { padding-right: 17px; } .modal-open .aaCabecera .headerBreadcrumbs { padding-right: 17px; } } @media (max-width: 1199px){ .aaCabecera #header .container .searchNav #nav ul li { margin-left: 4px; } } @media (max-width: 991px){ .aaCabecera #header .container .comunityNav .logoCustomRIAM { margin-top: 10px; } .aaCabecera #header .container .searchNav .openMenuMobile span::before { cursor: pointer; display: block; content: '\E5D2'; font-family: 'Material Icons'; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 40px; } .page-video .aaCabecera #header .container .searchNav .openMenuMobile span::before, .homeComunidadBlanca .aaCabecera #header .container .searchNav .openMenuMobile span::before { color: #006fff; } .aaCabecera #header .container .searchNav #nav { position: fixed; top: 0; right: -100%; -webkit-transition: right 1s; transition: right 1s; background: #006fff; width: 90%; height: 100%; max-width: 700px;} .menuMobileOpen .aaCabecera #header .container .searchNav #nav { right: 0; background: #006fff; } .aaCabecera #header .container .searchNav #nav ul li.nivel1, .aaCabecera #header .container .searchNav #nav ul li.menuIdiomas { display: block !important; width: 100%; text-align: left; margin: 15px 30px; } .aaCabecera #header .container .searchNav .closeMenuMobile span::before { cursor: pointer; display: block; content: '\E5CD'; font-family: 'Material Icons'; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 40px; } .aaCabecera #header .container .searchNav .closeMenuMobile { cursor: pointer; z-index: 2000; display: block; position: absolute; right: 10px; top: 10px; } .homeComunidadBlanca .aaCabecera #header .container .searchNav .closeMenuMobile span::before { color: #000eff; } .homeComunidadBlanca .aaCabecera #header .container .searchNav #nav { background: #fff; } } @media (max-width: 767px) { .aaCabecera { z-index: 20000; } .aaCabecera #header { padding: 10px 0; border: 0; } .aaCabecera #header .container .searchNav #nav { z-index: 1; position: fixed; top: 0; right: -100%; -webkit-transition: right 1s; transition: right 1s; background: #006fff; width: 90%; height: 100%; max-width: 700px; } .aaCabecera #header .container .searchNav #nav > ul { padding-top: 40px; } .aaCabecera #header .container .searchNav #nav ul li.nivel1, .aaCabecera #header .container .searchNav #nav ul li.menuIdiomas { display: block !important; width: 100%; text-align: left; margin: 15px 30px; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu { margin-left: 7px; line-height: normal; background: none; position: relative; background: #00ebeb; } .aaCabecera #header .container .searchNav #nav ul li { margin-left: 7px; line-height: normal;} .aaCabecera #header .container .searchNav .openMenuMobile { cursor: pointer; z-index: 2000; display: block; } .aaCabecera #header .container .searchNav .openMenuMobile span { cursor: pointer; } .homeComunidad .aaCabecera #header .container .searchNav .openMenuMobile span::before { cursor: pointer; display: block; content: '\E5D2'; font-family: 'Material Icons'; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 40px; } .homeComunidadBlanca .aaCabecera #header .container .searchNav .openMenuMobile span::before { cursor: pointer; display: block; content: '\E5D2'; font-family: 'Material Icons'; width: 40px; height: 40px; line-height: 40px; color: #006fff; font-size: 40px; } .page-video .aaCabecera #header .container .searchNav .openMenuMobile span::before { cursor: pointer; display: block; content: '\E5D2'; font-family: 'Material Icons'; width: 40px; height: 40px; line-height: 40px; color: #006fff; font-size: 40px; } .aaCabecera #header .container .searchNav .closeMenuMobile { cursor: pointer; z-index: 2000; display: block; position: absolute; right: 20px; top: 10px; } .aaCabecera #header .container .searchNav .closeMenuMobile span { cursor: pointer; } .aaCabecera #header .container .searchNav .closeMenuMobile span::before { cursor: pointer; display: block; content: '\E5CD'; font-family: 'Material Icons'; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 40px; } .aaCabecera #header .container .searchNav #nav ul li .dropdown-menu li a { white-space: unset; } .menuMobileOpen .aaCabecera #header .container .searchNav #nav { right: 0; background: #006fff;} .homeComunidadBlanca .aaCabecera #header .container .searchNav #nav { background: #fff; } .nav-item.show > .btn-group { padding-bottom: 5px; } } @media (max-width: 575px) { .descripcion-page .destacado .title h2 { width: 100%; } .descripcion-page .destacado .contenido { width: 100% !important; } } /* CABECERA BLANCA */ .cabeceraBlanca { } .homeComunidad .cabeceraBlanca .aaCabecera #header { border-bottom: 1px solid white; } .homeComunidadBlanca .cabeceraBlanca .aaCabecera #header { border-bottom: 1px solid #006fff; } .login .aaCabecera #header .comunityNav .logoCustomRIAM img.logoPrincipal { opacity: 0; } .cabeceraBlanca .aaCabecera #header .comunityNav .logoCustomRIAM img.logoPrincipal { opacity: 1; } .login .aaCabecera #header .comunityNav .logoCustomRIAM img.logoSecundario, .homeComunidad:not(.home) .aaCabecera #header .comunityNav .logoCustomRIAM img.logoSecundario { opacity: 1; } .cabeceraBlanca.homeComunidad .aaCabecera #header .comunityNav .logoCustomRIAM img.logoSecundario { opacity: 1; } .login .aaCabecera #header .searchNav ul li.nivel1 > div > a, .cabeceraBlanca .aaCabecera #header .searchNav ul li.nivel1 > div > a, .login .aaCabecera #header .searchNav ul li.buscar:before, .cabeceraBlanca .aaCabecera #header .searchNav ul li.buscar:before, .login .aaCabecera #header .searchNav ul li.menuIdiomas .dropdown-toggle, .cabeceraBlanca .aaCabecera #header .searchNav ul li.menuIdiomas .dropdown-toggle { } .login .aaCabecera #header .searchNav ul li.menuIdiomas .dropdown-toggle:after, .cabeceraBlanca .aaCabecera #header .searchNav ul li.menuIdiomas .dropdown-toggle:after { } .cabeceraBlanca .aaCabecera #header .container .searchNav #nav ul li.activo > a::before, .login .aaCabecera #header .container .searchNav #nav ul li.activo > a::before { background: #000; } .home .headerBreadcrumbs { display: none; } /* CABECERA SHERLOCK */ .cabeceraBlanca.page-sherlock { } /* .cabeceraBlanca.page-sherlock .aaCabecera #header { background: #282828; border-bottom: 1px solid #282828; } */ .cabeceraBlanca.page-sherlock .aaCabecera #header .comunityNav .logoCustomRIAM img.logoPrincipal { opacity: 1; } .cabeceraBlanca.page-sherlock .aaCabecera #header .comunityNav .logoCustomRIAM img.logoSecundario { opacity: 0; } /* HEADER BREADCRUMBS */ .aaCabecera .headerBreadcrumbs { background: #006fff; position: fixed; width: 100%; top: -100%; -webkit-transition: top 1s; transition: top 1s; border-top: 1px solid #fff; } .aaCabecera .headerBreadcrumbs .container { padding-top: 12px } .aaCabecera .headerBreadcrumbs .container .row { padding-top: 5px; padding-left: 15px; padding-right: 15px;} .aaCabecera .headerBreadcrumbs .container .row01 { display: none; padding-bottom: 0; padding-top: 10px; } .aaCabecera .headerBreadcrumbs .container .row01 ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .aaCabecera .headerBreadcrumbs .container .row01 ul li { line-height: normal; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aaCabecera .headerBreadcrumbs .container .row01 ul li::before { font-family: 'Material Icons'; content: '\E409'; font-size: 25px; width: 25px; height: 25px; line-height: 25px; color: #fff; } .aaCabecera .headerBreadcrumbs .container .row01 ul li a { color: #fff; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; } .aaCabecera .headerBreadcrumbs .container .row01 ul > li:nth-child(1)::before { display: none; } .aaCabecera .headerBreadcrumbs .container .row01 ul > li:last-child a { font-weight: 600; } .aaCabecera .headerBreadcrumbs .container .row01 ul li.sinEnlace a { pointer-events: none; text-decoration: none; } .aaCabecera .headerBreadcrumbs .container .row02 { padding-top: 0; padding-bottom: 0; } .aaCabecera .headerBreadcrumbs .container .row02 ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .aaCabecera .headerBreadcrumbs .container .row02 ul li { line-height: normal; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .aaCabecera .headerBreadcrumbs .container .row02 ul li a { position: relative; text-decoration: none; color: #fff; font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 300; padding-bottom: 10px; letter-spacing: 0.15px} .aaCabecera .headerBreadcrumbs .container .row02 ul li a::after { display: block; content: ""; height: 3px; background: transparent; width: 100%; position: absolute; bottom: 0; left: 0; } .aaCabecera .headerBreadcrumbs .container .row02 ul li a.activo { font-weight: 700; color: #fff; letter-spacing: initial; } .aaCabecera .headerBreadcrumbs .container .row02 ul li a.activo::after { background: #fff; } .cabeceraBlanca .aaCabecera .headerBreadcrumbs { top: 86px; } .page-video .aaCabecera .headerBreadcrumbs, .homeComunidadBlanca .aaCabecera .headerBreadcrumbs { background: #fff; border-top: 1px solid #006fff;} .page-video .aaCabecera .headerBreadcrumbs .container .row01 ul li::before, .homeComunidadBlanca .aaCabecera .headerBreadcrumbs .container .row01 ul li::before { color: #006fff; } .page-video .aaCabecera .headerBreadcrumbs .container .row01 ul li a, .homeComunidadBlanca .aaCabecera .headerBreadcrumbs .container .row02 ul li a { color: #006fff; } .page-video .aaCabecera .headerBreadcrumbs .container .row02 ul li a.activo, .homeComunidadBlanca .aaCabecera .headerBreadcrumbs .container .row02 ul li a.activo { color: #006fff; } .page-video .aaCabecera .headerBreadcrumbs .container .row02 ul li a.activo::after, .homeComunidadBlanca .aaCabecera .headerBreadcrumbs .container .row02 ul li a.activo::after { background: #006fff; } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .aaCabecera .headerBreadcrumbs { display: none; } } @media (max-width: 575px) { } /* FOOTER */ #footer { z-index: 999; position: relative; float: left; width: 100%; border-top: 1px solid #539cfc; } #footer ul { list-style: none outside none; margin: 0; padding: 0; } #footer .footer-top { background: #006fff; padding-top: 40px; padding-bottom: 10px; } #footer .footer-top .row .col p { font-family: 'Roboto', sans-serif; font-weight: 300; color: #FFF; font-size: 12px; } #footer .footer-top .row .col p.titulo { color: #fff; font-size: 18px; font-weight: normal; font-family: 'Roboto', sans-serif; margin-bottom: 20px; line-height: 1; display: block; } #footer .footer-top .row .col p.titulo .fa { display: none; float: right; color: #fff; font-size: 26px; cursor: pointer; } #footer .footer-top .row .col ul li { margin-bottom: 10px; } #footer .footer-top .row .col ul li a { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 12px; color: #fff; display: block; line-height: 14px; } #footer .footer-top .logosFooter { display: none; } #footer .footer-top .logosFooter a.enlaceCDTI { width: 70%; } #footer .footer-top .logosFooter a.enlaceAfel { padding-left: 20px; } #footer .footer-top .col-logo .logo { color: #fff; font-family: "Gnoss RegBold", sans-serif; font-weight: bold; font-size: 30px; display: none; } #footer .footer-bottom { background: #006fff; padding: 10px 0; margin-top: -1px;} #footer .footer-bottom .logoGnoss { line-height: 60px; height: 60px; max-width: 30%; } #footer .footer-bottom .logoGnoss ul li { float: left; margin-right: 20px; font-size: 30px; } #footer .footer-bottom .logoGnoss ul li a { font-size: inherit; color: #fff; line-height: 1; font-family: "Gnoss RegBold", sans-serif; font-weight: bold; text-transform: lowercase; } #footer .footer-bottom .condiciones { max-width: 70%; text-align: right; } #footer .footer-bottom .condiciones ul li { display: inline-block; margin-left: 25px; vertical-align: middle; } #footer .footer-bottom .condiciones ul li * { color: #fff; } #footer .footer-bottom .condiciones ul li a { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff; font-size: 13px; text-transform: uppercase; } #footer .footer-bottom .condiciones ul li.logo { margin-right: 50px; } #footer .footer-bottom .condiciones ul li.logo img { height: 25px; position: relative; top: -1px; } #footer .footer-bottom .condiciones ul li.gnossIntegrate img { position: relative; top: -4px; right: -5px; } @media (max-width: 768px){ #footer { } #footer ul { } #footer ul li { } #footer .footer-top .col-enlace ul { margin-bottom: 25px; } #footer .container { width: 100%; } #footer .footer-top .logosFooter { margin-bottom: 20px; } #footer .footer-bottom .container { } #footer .footer-bottom .container .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #footer .footer-bottom .container .row .col { height: auto !important; max-width: 100% !important; -ms-flex-preferred-size: inherit; flex-basis: inherit; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; padding-bottom: 20px; } #footer .footer-bottom .container .row .col ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #footer .footer-bottom .container .row .col ul li { margin-left: 0; line-height: 5px; } } @media (max-width: 767px){ #footer .footer-top .col-logo { margin-top: 24px; margin-bottom: 40px; } #footer .footer-top .col-logo .logo { display: block; } #footer .footer-bottom .logoGnoss { display: none; } } /* SLIDER PRINCIPAL */ .count-particles { display: none; } .sliderPrincipal { background: #fff; width: 100%; position: relative; overflow: hidden; } .sliderPrincipal .cargando { position: absolute; left: 50%; right: 50%; margin: 0 auto; top: 50%; } .sliderPrincipal .cargando .spinner-layer { border-color: #999; } .sliderPrincipal.visible .cargando { display: none; } .sliderPrincipal .owl-carousel { } .sliderPrincipal .owl-carousel .owl-stage-outer { } .sliderPrincipal .owl-carousel .item { } .sliderPrincipal .owl-carousel .item.video { } .sliderPrincipal .owl-carousel .item.video .boton-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 200px; } .sliderPrincipal .owl-carousel .item.video .boton-video span { height: 60px; width: 60px; background: #FFF; border-radius: 50%; cursor: pointer; } .sliderPrincipal .owl-carousel .item.video .boton-video span i { color: #006fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 45px; height: 100%; } .sliderPrincipal .owl-carousel .item .itemBackground { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; } .sliderPrincipal .owl-carousel .item .mascaraOpacidad { display: none; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } .homeComunidad .sliderPrincipal .owl-carousel .owl-stage > .owl-item:nth-child(1) .item .mascaraOpacidad, .grafoConocimiento .sliderPrincipal .owl-carousel .item .mascaraOpacidad { display: block; } .sliderPrincipal .owl-carousel .item .itemBackground .container { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 200; position: relative; min-height: 450px; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido { width: 100%; margin-top: 170px; position: relative;} .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo { line-height: 1.2; font-family: "Gnoss Regbold", sans-serif; color: white; font-size: 68px; width: 70%; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo .mayusculas { font-family: "Gnoss Regbold", sans-serif; font-weight: bold; color: white; font-size: inherit; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .resumen { width: 80%; padding-top: 40px; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .resumen p { font-family: "Gnoss Regbold", sans-serif; font-weight: normal; color: white; font-size: 72px; line-height: 1.2;} .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo { width: 100% } .sliderPrincipal .owl-carousel .item.width-90 .itemBackground .container .itemContenido .super-titulo { width: 90% } .sliderPrincipal .owl-carousel .item.width-80 .itemBackground .container .itemContenido .super-titulo { width: 80% } .sliderPrincipal .owl-carousel .item.width-70 .itemBackground .container .itemContenido .super-titulo { width: 70% } .sliderPrincipal .owl-carousel .item.width-60 .itemBackground .container .itemContenido .super-titulo { width: 60% } .sliderPrincipal .owl-carousel .item.width-50 .itemBackground .container .itemContenido .super-titulo { width: 50% } .sliderPrincipal .owl-carousel .item.width-40 .itemBackground .container .itemContenido .super-titulo { width: 40% } .sliderPrincipal .owl-carousel .item.width-30 .itemBackground .container .itemContenido .super-titulo { width: 30% } .sliderPrincipal .owl-carousel .item.width-20 .itemBackground .container .itemContenido .super-titulo { width: 20% } .sliderPrincipal .owl-carousel .item.width-10 .itemBackground .container .itemContenido .super-titulo { width: 10% } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .titulo { margin: 0; position: absolute; bottom: 100px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 22px; line-height: 26px; color: white; text-transform: none; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .contenido { bottom: 0; position: absolute; padding-bottom: 110px; width: 60%; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .contenido * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 22px; line-height: 26px; color: #fff; text-align: left; } .sliderPrincipal .actionButtonsSlider { position: absolute; bottom: 50px; left: 0; z-index: 10; width: 100%; } .sliderPrincipal .actionButtonsSlider .botonera { display: -webkit-box; display: -ms-flexbox; display: flex; } .sliderPrincipal .actionButtonsSlider .botonera .boton { text-decoration: none; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; background: #00ebeb; color: #000eff; border-radius: 0; padding: .375rem 1rem; margin-right: 15px; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sliderPrincipal .actionButtonsSlider .botonera .boton:hover { background-color: #000eff; color: #00ebeb; } .sliderPrincipal .actionButtonsSlider .botonera .boton.verMas::after { display: none !important; } .sliderPrincipal .actionButtonsSlider .botonera .demo { display: none;} .sliderPrincipal .actionButtonsSlider .botonera .work { margin-right: 0; } .sliderSinBotones .sliderPrincipal .actionButtonsSlider { display: none; } .sliderPrincipal .owl-dots-custom-container { position: absolute; bottom: 60px; right: 20%; z-index: 11; } .sliderPrincipal .owl-dots-custom-container .owl-dot { cursor: pointer; border: 1px solid #00ebeb; display: block; height: 15px; width: 15px; background: transparent; float: left; margin-right: 15px; border-radius: 50%; } .sliderPrincipal .owl-dots-custom-container .owl-dot.active, .sliderPrincipal .owl-dots-custom-container .owl-dot:hover { background: #00ebeb;} .sliderPrincipal .owl-nav { } .sliderPrincipal .owl-nav > div { background: white; opacity: 0; height: 60px; width: 60px; position: absolute; top: 50%; margin-top: -30px; text-indent: -9999em; background-position: center !important; font-size: 0; } .sliderPrincipal .owl-nav > div.disabled { opacity: 0 !important; } .sliderPrincipal .owl-nav > div.disabled a { cursor: default; } .sliderPrincipal .owl-nav > div:before { width: 100%; display: inline-block; font-family: 'Material Icons'; content: '\E409'; font-size: 50px; color: #fff; height: 60px; line-height: 60px; text-align: center; } .sliderPrincipal .owl-nav .owl-prev { left: 0; } .sliderPrincipal .owl-nav .owl-prev:before { content: '\E408'; } .sliderPrincipal .owl-nav .owl-next { right: 0; } .sliderPrincipal .owl-nav .owl-next:before { content: '\E409'; } .sliderPrincipal .owl-nav > div:hover { opacity: 1; } .home .sliderPrincipal .owl-carousel {background: #006fff; } .home .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo:before{ position: relative; top: -70px; content: "GNOSS"; font-family: "Gnoss Regbold", sans-serif; font-weight: bold; color: white; font-size: 68px; display: block; } .home .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo:before span { font-family: "Gnoss Regbold", sans-serif; font-weight: normal; } .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo, .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .resumen { font-family: "Gnoss Regbold", sans-serif; font-weight: normal; color: #006fff; font-size: 40px; width: 70%; line-height: 48px; } .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo .mayusculas { font-family: "Gnoss Regbold", sans-serif; font-weight: bold; color: #006fff; font-size: inherit; line-height: 48px;} .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .resumen { padding-top: 40px; } .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .titulo p { color: #006fff; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; line-height: 26px; } @media (min-height: 800px){ .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido { margin-top: 220px;} } @media (max-width: 1400px){ /* .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido { margin-top: 150px; } */ .sliderPrincipal .owl-dots-custom-container { right: 10%; } } @media (max-width: 1199px) { } @media (max-width: 991px) { .sliderPrincipal .owl-dots-custom-container { bottom: 15px; } .sliderPrincipal .owl-dots-custom-container .owl-dot { height: 10px; width: 10px;} .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo { width: 100% !important; font-size: 60px;} .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground div.itemContenido div.titulo .titulo-text { font-size: 22px; } } @media (max-width: 767px) { .sliderPrincipal { height: auto !important; } .sliderPrincipal .owl-carousel .owl-stage-outer { /*height: 100% !important;*/ height: auto !important; } .sliderPrincipal .owl-carousel .item .itemBackground { height: 500px !important; } .sliderPrincipal .owl-carousel .item .itemBackground .container { height: auto !important; padding-top: 80px; height: 80px; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido { margin: 0; display: block; margin-top: 15px; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo, .home .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo:before { top: -25px; font-size: 42px; width: 90%; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .resumen { width: 100%; } .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .resumen p { font-size: 35px; width: 100%; } .sliderPrincipal .actionButtonsSlider { display: none; } .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo { padding-bottom: 0; } .homeComunidad .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo, .homeComunidadBlanca .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo { padding-bottom: 0; margin-bottom: 0; width: 75%; } .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 458px; } .homeComunidadBlanca .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo { width: 100%; font-size: 35px; } .sliderPrincipal .owl-dots-custom-container { bottom: 8px; right: 50%; transform: translateX(55%); } } @media (max-width: 575px) { .home .sliderPrincipal .owl-carousel .item .itemBackground .container .itemContenido .super-titulo { font-size: 35px; } } /* HOME COMUNIDAD */ .homeComunidad { } .homeComunidad .aaCabecera .header .searchNav .nivel1 .btn-group a { color: white !important; } .homeComunidad .aaCabecera .header .searchNav #nav ul li.menuIdiomas a { color: white !important; } /* .homeComunidad.cabeceraBlanca .aaCabecera .header .searchNav .nivel1 .btn-group a { color: #006fff !important; } .homeComunidad.cabeceraBlanca .aaCabecera .header .searchNav #nav ul li.menuIdiomas a { color: #006fff !important; } */ .homeComunidad .semanticFramework .columna_imagen_titulo_descripcion { padding-top: 0; } .serviciosTecnologia .columna_imagen_titulo_descripcion .listado_columnas .item .itemImage .backgroundImage { height: 150px !important; background-size: inherit !important; background-position: bottom left !important; } .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo { bottom: 0; position: absolute; padding-bottom: 100px; } .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo .titulo-text { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 27px; line-height: 26px; color: #F2F2F2; text-transform: none; } /* HOME COMUNIDAD BLANCA */ .homeComunidadBlanca { } .homeComunidadBlanca .aaCabecera .header .searchNav .nivel1 .btn-group a { color: #006fff !important; } /* .homeComunidad.cabeceraBlanca .aaCabecera .header .searchNav .nivel1 .btn-group a { color: white !important; } .homeComunidad.cabeceraBlanca .aaCabecera .header .searchNav #nav ul li.menuIdiomas a { color: white !important; } */ .homeComunidadBlanca .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .super-titulo { color: #006fff; width: 40%;} .homeComunidadBlanca .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo .titulo-text { color: #006fff; } @media (max-width: 575px){ .homeComunidad .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo, .homeComunidadBlanca .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo { width: 90%; } } /* DESTACADO NORMAL */ .destacado { padding: 60px 0; } .destacado h1 { color: #006fff; font-size: 40px; font-weight: 300; line-height: 44px; padding-bottom: 40px; border-bottom: 2px solid #006fff; } .destacado .title { border-bottom: 2px solid #006fff; } .destacado .title h2 { font-weight: normal; font-size: 26px; line-height: 30px; color: #4d4d4d; width: 60%; } .destacado .title h2 a { font-weight: normal; font-size: 26px; line-height: 30px; /* color: #4d4d4d; */ } .destacado .title .tituloBloque, .destacado .title .tituloBloque { margin-bottom: 40px; color: #006fff; } .destacado .contenido { padding-top: 40px; padding-bottom: 24px; } .destacado .verMas { margin-top: 10px; margin-left: 49%; } .destacado .verMas.mas { margin-top: 0; } .destacado .verMas { margin-top: 40px; margin-left: 30%; margin-bottom: 40px; } .destacadoDescripcion .destacado { } .destacadoDescripcion .destacado .title { } .destacadoDescripcion .destacado .title h2 { margin-bottom: 20px; } .destacadoDescripcion .destacado .contenido { } .destacadoDescripcion .destacado .contenido * { font-size: 18px; } .tituloOculto .destacado { } .tituloOculto .destacado .title { height: 3px; margin: 0; padding: 0; overflow: hidden; border: none; } @media (max-width: 1199px) { .destacado .verMas { margin-top: 20px; margin-left: 30%; } } @media (max-width: 991px) { } @media (max-width: 767px) { .destacado .verMas { margin-top: 40px; margin-left: 0%; } .destacado .contenido p {width: 100%; } .destacado .title h2 {width: 100%; } .homeComunidadBlanca .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .super-titulo { width: 100%; } } @media (max-width: 575px) { } /* BLOQUE HALF BLUR */ .bloqueHalfBlur { padding-top: 20px; padding-bottom: 20px; } .bloqueHalfBlur h2 { font-weight: normal; font-size: 26px; line-height: 30px; color: #4d4d4d; } .bloqueHalfBlur h2 a { font-weight: normal; font-size: 26px; line-height: 30px; /* color: #4d4d4d; */ } .destacado-gris .bloqueHalfBlur h2 a { color: #4d4d4d; } .destacado-gris .bloqueHalfBlur h2 a:hover { color: #006fff; } .bloqueHalfBlur { background-size: 70% !important; background-position: center right !important; padding-top: 60px; padding-bottom: 60px; position: relative;} .colorAzul .bloqueHalfBlur.itemPar .resumenHtml, .colorAzul .bloqueHalfBlur.itemImpar .resumenHtml { border-top: 2px solid #006fff !important; border-bottom: 2px solid #006fff !important; } .colorAzul .bloqueHalfBlur.itemPar .resumenHtml p, .colorAzul .bloqueHalfBlur.itemImpar .resumenHtml p { color: #006fff !important; } /* .colorAzul .bloqueHalfBlur.itemImpar .row .col01 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 40px; } */ .colorAzul .bloqueHalfBlur.itemPar .col01 .resumenHtml ul li, .colorAzul .bloqueHalfBlur.itemImpar .col01 .resumenHtml ul li { color: #006fff !important; } .bloqueHalfBlur.itemPar .row .col01 { padding-right: 40px; } .bloqueHalfBlur .row .col01 .tituloBloque { margin-bottom: 40px !important; } .bloqueHalfBlur .row .col01 iframe { display: none; } .bloqueHalfBlur .row .col01 .resumenHtml { border-top: 2px solid #4d4d4d; border-bottom: 2px solid #4d4d4d; padding-top: 40px; padding-bottom: calc(40px - 1rem); } .bloqueHalfBlur .row .col01 .resumenHtml ul { margin-left: 0 !important; } .bloqueHalfBlur .row .col01 .resumenHtml ul li { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; color: #666; line-height: 20px; } .bloqueHalfBlur .row .col01 .resumenHtml p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; color: #666; line-height: 20px; } .bloqueHalfBlur .row .col01 .resumenHtml ul { margin: 0; padding: 0; } .bloqueHalfBlur .row .col01 .resumenHtml ul li { list-style: none; padding: 0; margin: 0; line-height: normal; margin-bottom: 15px; } .bloqueHalfBlur .row .col01 .resumen { } .bloqueHalfBlur .row .col01 .verLink { margin-top: 40px; } .bloqueHalfBlur .row .col01 .verMasPalco { margin-top: 40px; margin-bottom: 40px; } .bloqueHalfBlur .row .col02 { padding-left: 40px; } .bloqueHalfBlur .row .col02 img { } .bloqueHalfBlur .row .col02 .play { width: 80px; height: 80px; border: 2px solid #333; display: block; border-radius: 50%; text-align: center; line-height: 80px; cursor: pointer; } .bloqueHalfBlur .row .col02 .play::before { font-size: 50px; color: #333; content: '\E037'; font-family: 'Material Icons'; } .bloqueHalfBlur.itemImpar { } .bloqueHalfBlur.itemImpar { background-position: center left !important; } .bloqueOrdenado .bloqueHalfBlur.itemImpar .row .col01 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 15px; padding-right: 40px; } .bloqueHalfBlur.itemImpar .row .col01 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 40px; } .bloqueHalfBlur.itemImpar .row .col02 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 15px; padding-right: 40px; } .bloqueOrdenado .bloqueHalfBlur.itemImpar .row .col02 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 40px; padding-right: 15px; } /* .bloqueHalfBlur .container .row .col01 .tituloPalco { cursor: pointer; } */ .modalVideo { padding: 0 !important; } .modalVideo iframe { display: block !important; margin: 0 !important; width: 100%; } .modalVideo .modal-dialog { } .modalVideo .modal-dialog .modal-content { border: 0; } .modalVideo .modal-dialog .modal-content .modal-body { padding: 0; position: relative; } .modalVideo .modal-dialog .modal-content .modal-body .close { position: absolute; right: 0; top: -30px; outline: none; cursor: pointer; } .modalVideo .modal-dialog .modal-content .modal-body .close i { color: #fff; opacity: 1; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .descripcion-page .destacado .contenido { width: 100% !important; } .descripcion-page .destacado .contenido p { width: 100% !important; } .bloqueHalfBlur { padding-top: 60px; padding-bottom: 40px; margin-bottom: 60px; border-bottom: 2px solid #006fff;} .bloqueHalfBlur.itemPar .row .col02, .bloqueHalfBlur.itemPar .row .col01, .bloqueHalfBlur.itemImpar .row .col02, .bloqueHalfBlur.itemImpar .row .col01 { padding-left: 15px; padding-right: 15px; } .bloqueHalfBlur .col01 .resumenHtml { border-bottom: none !important;} .colorAzul .bloqueHalfBlur.itemImpar .resumenHtml { border-bottom: none !important;} .bloqueHalfBlur .row .col01 .verMas { margin-top: 0; margin-bottom: 40px;} .bloqueHalfBlur .row .col01 .verMasPalco { margin-top: 0; margin-bottom: 40px;} .page-sherlock .bloqueHalfBlur .row .col01 .resumen .prueba { top: 0 !important; } .bloqueHalfBlur .container { background: none !important; } .bloqueHalfBlur .container .row { margin-top: 0; } .bloqueHalfBlur .container .row .col { padding: 40px; } .bloqueHalfBlur .container .row .col01 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .bloqueHalfBlur .container .row .col02 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 !important; } .bloqueHalfBlur .container .row .col02 img { display: block; width: 100% !important; height: auto !important; } .bloqueHalfBlur .container .row .col02 .play { display: none; } .bloqueHalfBlur .row .col02 { padding-left: 15px; } .bloqueHalfBlur.itemImpar .row .col02 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .bloqueOrdenado .bloqueHalfBlur.itemImpar .row .col01 { padding-left: 15px; padding-right: 15px; } .destacado-gris .bloqueHalfBlur .col01 .resumenHtml { border-bottom: none !important; } .destacado-gris .bloqueHalfBlur .col02 { padding-bottom: 0; position: relative; } .destacado-gris .bloqueHalfBlur { border-bottom: none; margin-bottom: 0; padding-bottom: 100px;} .destacado-gris .bloqueHalfBlur .col02:after { content: ""; height: 2px; width: 100%; background: #4d4d4d; position: absolute; bottom: -40px; width: calc(100% - 30px); right: 15px; } } @media (max-width: 575px) { .bloqueHalfBlur.itemPar .row .col01 { padding-right: 15px; } .bloqueHalfBlur.itemImpar .row .col01 { padding-top: 0; padding-left: 15px; padding-right: 15px; } .bloqueHalfBlur .row .col02 { padding-left: 15px !important; padding-right: 15px !important; padding: 0; } } /* TITULO SOLITARIO */ .tituloSolitario { } .tituloSolitario .destacado { padding-bottom: 0; } .tituloSolitario .destacado .title { border-bottom: none; } .tituloSolitario .destacado .title h2 { width: 100%; } .page-sherlock .tituloSolitario .destacado .title h2 { color: #006fff; } /* BLOQUE HALF BLUR SHERLOCK */ .page-sherlock .bloqueHalfBlur .container .row .col01 { background: -webkit-gradient(linear, left top, right top, from(rgba(40,40,40,1)),color-stop(80%, rgba(40,40,40,0.9)),to(rgba(40,40,40,0))); background: linear-gradient(to right, rgba(40,40,40,1) 0%,rgba(40,40,40,0.9) 80%,rgba(40,40,40,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=1 ); } .page-sherlock .bloqueHalfBlur.itemImpar .container .row .col01 { background: -webkit-gradient(linear, right top, left top, from(rgba(40,40,40,1)),color-stop(80%, rgba(40,40,40,0.9)),to(rgba(40,40,40,0))); background: linear-gradient(to left, rgba(40,40,40,1) 0%,rgba(40,40,40,0.9) 80%,rgba(40,40,40,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=1 ); } .page-sherlock .bloqueHalfBlur .container .row .col01 .tituloBloque { color: #fff; } .page-sherlock .bloqueHalfBlur .container .row .col01 .resumenHtml * { color: #C9C9C9; } .page-sherlock .bloqueHalfBlur .container .row .col01 .resumenHtml strong { font-weight: 700; } .page-sherlock .bloqueHalfBlur h2 { color: #006fff; } .page-sherlock .bloqueHalfBlur .row .col01 .resumenHtml { border-top: 2px solid #006fff; border-bottom: 2px solid #006fff; } .page-sherlock .bloqueHalfBlur .row .col01 .resumenHtml p { color: #006fff; } .page-sherlock .bloqueHalfBlur .row .col01 .resumen { padding-bottom: 40px; position: relative;} .page-sherlock .bloqueHalfBlur .row .col01 .resumen .prueba { background: #00ebeb; color: #000eff; font-size: 16px; text-transform: uppercase; border-radius: 0; position: absolute; top: 6px; left: 70px;} .page-sherlock .bloqueHalfBlur .row .col01 .resumen .prueba:hover { background: #000eff; color: #00ebeb; } @media (max-width: 767px) { .page-sherlock .destacado-azul .bloqueHalfBlur .row .col01 .resumen { padding-top: 20px; padding-bottom: 20px;} .page-sherlock .bloqueOrdenado .bloqueHalfBlur.itemImpar .row .col02 { padding-left: 15px; } } /* BLOQUE IMAGEN TITULO DESCRIPCION */ .columna_imagen_titulo_descripcion { padding-top: 30px; padding-bottom: 30px; } .columna_imagen_titulo_descripcion .tituloComponente { display: block; width: 100%; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 32px; color: #4d4d4d; margin: 0; margin-bottom: 25px; } .columna_imagen_titulo_descripcion .listado_columnas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .columna_imagen_titulo_descripcion .listado_columnas .item { -ms-flex: 0 0 30%; -webkit-box-flex: 0; flex: 0 0 30%; max-width: 30%; } .column4 .columna_imagen_titulo_descripcion .listado_columnas .item { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .anchoCompleto .columna_imagen_titulo_descripcion .listado_columnas { -ms-flex-wrap: wrap; flex-wrap: wrap; } .anchoCompleto .columna_imagen_titulo_descripcion .listado_columnas .item { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100% } .columna_imagen_titulo_descripcion .listado_columnas .item .itemImage { /*background: #eee6;*/ margin-bottom: 30px; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemImage .backgroundImage { display: block; width: 100%; height: 200px; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; } .imagenesCover .columna_imagen_titulo_descripcion .listado_columnas .item .itemImage .backgroundImage { background-size: cover !important; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 410px; position: relative; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title { margin-bottom: 30px; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title p { min-height: 115px; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title .tituloDestacado { padding: 0; margin: 0; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title .tituloDestacado, .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title .tituloDestacado a { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 20px; line-height: 24px; text-decoration: none; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .verLink { margin-top: 40px; position: absolute; bottom: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:first-child { padding-left: 0; padding-right: 20px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(2) { padding-left: 20px; padding-right: 20px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(3) { padding-left: 20px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:last-child { padding-left: 40px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .itemContenido .title .tituloDestacado { border-top: none !important; border-bottom: 2px solid #4d4d4d !important; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .itemContenido .title p { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 20px; line-height: 24px; color: #4d4d4d !important; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .itemContenido .title p { min-height: 60px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .resumenHtml li { color: #4d4d4d; border-bottom: 1px solid #4d4d4d; margin-bottom: 5px; padding-bottom: 3px; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumen { } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml { } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml ul { padding-bottom: 40px; padding-left: 0;} .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml * { font-size: 16px; font-weight: 300; line-height: 20px; list-style: none; /*-webkit-padding-start: 0; padding-inline-start: 0;*/ } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml .verMas { font-family: "Roboto", sans-serif; font-size: 0; font-weight: 500; text-decoration: none !important; cursor: pointer; margin-top: 10px; padding: 0; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml .verMas::after { content: '+'; font-family: "Roboto", sans-serif; font-weight: 100; font-size: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml .verMas.mas::after { content: '-'; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml .divDos { margin-top: 20px; } @media (max-width: 1199px) { .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:first-child { padding-left: 0; padding-right: 5px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(2) { padding-left: 15px; padding-right: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(3) { padding-left: 20px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:last-child { padding-left: 20px; } } @media (max-width: 991px) { .columna_imagen_titulo_descripcion.destacado-azul .listado_columnas .item .itemContenido .title .tituloDestacado { min-height: 130px !important; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 445px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:first-child { padding-left: 0; padding-right: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(2) { padding-left: 10px; padding-right: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(3) { padding-left: 10px; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:last-child { padding-left: 10px; } } @media (max-width: 767px) { .columna_imagen_titulo_descripcion .listado_columnas { -ms-flex-wrap: wrap; flex-wrap: wrap; } .columna_imagen_titulo_descripcion .listado_columnas .item, .column4 .columna_imagen_titulo_descripcion .listado_columnas .item { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; } .columna_imagen_titulo_descripcion.destacado-azul .listado_columnas .item .itemContenido .title .tituloDestacado { min-height: 0 !important; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 320px !important; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:first-child { padding-left: 0; padding-right: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(2) { padding-left: 0; padding-right: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:nth-child(3) { padding-left: 0; } .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item:last-child { padding-left: 0; } } @media (max-width: 575px) { .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 380px !important; } } /* BLOQUE IMAGEN FILA CONTENIDO */ .columna_imagen_titulo_descripcion { } .column3 .columna_imagen_titulo_descripcion { margin-top: -1px; } .columna_imagen_titulo_descripcion .tituloComponente { font-weight: normal; font-size: 26px; line-height: 30px; } .columna_imagen_titulo_descripcion .tituloComponente span { display: block; font-weight: 500; font-size: 36px; } .columna_imagen_titulo_descripcion .listado_columnas { width: 100%; } .columna_imagen_titulo_descripcion .listado_columnas .item { padding-right: 0; padding-left: 0; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 350px; } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title .tituloDestacado { border-top: 2px solid #006fff; border-bottom: 1px solid #006fff; padding: 20px 0 40px 0; min-height: 135px;} .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .verMas { position: absolute; bottom: 0; } .columna_imagen_titulo_descripcion.destacado-azul .listado_columnas .item .itemContenido .title .tituloDestacado { border-top: 2px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0; } .columna_imagen_titulo_descripcion.destacado-azul .listado_columnas .item .itemContenido .title .tituloDestacado { min-height: 110px; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; padding: 0; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .image { -ms-flex: 0 0 180px; -webkit-box-flex: 0; flex: 0 0 180px; max-width: 180px; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .image .wrapImage { height: 180px; overflow: hidden; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .image .wrapImage img { width: 100%; } .imagenCirculo .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .image { } .imagenCirculo .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .image .wrapImage { border-radius: 50%; } .imagenCirculo .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .image .wrapImage img { } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila { -ms-flex: 0 0 calc(100% - 180px); -webkit-box-flex: 0; flex: 0 0 calc(100% - 180px); max-width: calc(100% - 180px); padding-left: 60px; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila .contenido { } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila .contenido p { color: #999; margin-bottom: 10px; font-size: 16px; line-height: normal; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila .title { } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila .title h2 { font-size: 24px; margin-bottom: 10px; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila .resumen { } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila .fila .resumen p { font-weight: 300; font-family: 'Roboto', sans-serif; font-size: 22px; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila.sin-imagen { margin-bottom: 80px; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila.sin-imagen .fila { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 70%; padding-left: 0; } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila.sin-imagen .fila .contenido { } .columna_imagen_titulo_descripcion .listado_columnas .item .imagen-fila.sin-imagen .fila .contenido p { margin: 0; color: #555; font-size: 28px; font-family: 'Roboto', sans-serif; line-height: 1.2; } @media (max-width: 1199px) { .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .title .tituloDestacado { } .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 400px; } } @media (max-width: 991px) { .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 450px; } } @media (max-width: 767px) { } @media (max-width: 575px) { } /* BLOQUE COLUMNAS HOME */ .columnasHome .listado_columnas { display: block; } .columnasHome .listado_columnas .item { display: block; max-width: none; } .columnasHome .listado_columnas .item .itemContenido .title { margin-bottom: 0; } .columnasHome .listado_columnas .item .itemContenido .title .tituloDestacado { font-weight: normal; font-size: 32px; line-height: 36px; margin-bottom: 40px; border-top: none; border-bottom: 2px solid #006fff; padding: 20px 65px 15px 0; min-height: 145px; } .columnasHome .listado_columnas .item .itemImage { margin-bottom: 20px; } .columnasHome .listado_columnas .item .itemContenido .resumen { min-height: 110px; font-weight: 400; padding-bottom: 60px; border-bottom: 1px solid #006fff; height: 150px; } .columnasHome .listado_columnas .item .itemContenido .resumenHtml p { font-weight: 400; padding-top: 15px;} .columnasHome .listado_columnas .owl-dots { float: right; } .columnasHome .listado_columnas .owl-dots .owl-dot { height: 15px; width: 15px; border: 1px solid #006fff; border-radius: 50%; display: inline-block; margin-left: 10px; } .columnasHome .listado_columnas .owl-dots .owl-dot.active { background: #006fff; } /* BLOQUE GRAFOS HOME */ .grafosHome .superior, .grafosHome .medio, .grafosHome .inferior { padding-left: 15px; padding-right: 15px;} .grafosHome .resumen { padding-bottom: 40px; font-size: 32px; line-height: 36px; font-weight: normal; color: #4d4d4d; width: 75%; } .grafosHome .medio { display: block; width: 100%; } .grafosHome .inferior { display: block; padding-top: 40px;} .grafosHome .inferior .btn { text-decoration: none; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; background: #00ebeb; color: #000eff; font-size: 20px; border-radius: 0; border: 0; line-height: 1; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; padding-left: 15px; padding-right: 15px; } .grafosHome .inferior .btn:hover { color: #00ebeb; background: #000eff; } /* BLOQUE NUBE Y CONSULTORIA HOME */ .nube-consultoria { padding: 60px 0;} .nube-consultoria dl { } .nube-consultoria .titulo h2 { padding-bottom: 0; font-size: 32px; line-height: 36px; font-weight: normal; color: #006fff; width: 100%; } .nube-consultoria dl .item { border-top: 2px solid #006fff; margin-top: 30px; padding-top: 15px; clear: both; } .nube-consultoria dl .item .termino { width: 38%; float: left; } .nube-consultoria dl .item .termino p { font-weight: 500; } .nube-consultoria dl .item .definicion { width: 58%; float: right; } .nube-consultoria .contenido p, .nube-consultoria dl .item .definicion p { font-weight: 400; } .nube-consultoria .container .row div.col:first-child { padding-right: 40px; } .nube-consultoria .container .row div.col:last-child { padding-left: 40px;} .nube-consultoria .destacado { padding-top: 0; padding-bottom: 0; } .nube-consultoria .destacado .title { border: none; } .nube-consultoria .destacado .title h2 { padding-bottom: 0; font-size: 32px; line-height: 36px; font-weight: normal; color: #006fff; width: 100%; padding-bottom: 10px; } .nube-consultoria .destacado .resumen { padding-top: 15px; margin-top: 15px; border-top: 2px solid #006fff; padding-right: 0;} .nube-consultoria .destacado .resumen p { font-weight: 500; } @media (max-width: 1199px) { .columnasHome .listado_columnas .item .itemContenido .title .tituloDestacado { padding: 20px 70px 15px 0; } } @media (max-width: 991px) { .columnasHome .listado_columnas .item .itemContenido .title .tituloDestacado { padding: 20px 110px 15px 0; } .columnasHome .listado_columnas .owl-dots { width: 100%; display: flex; justify-content: center; } } @media (max-width: 768px) { .nube-consultoria dl { display: none; } .nube-consultoria .destacado .resumen { padding-right: 0; } .nube-consultoria dl .item { margin-top: unset !important; } .nube-consultoria dl .item .termino { width: 100%; float: none; } .nube-consultoria dl .item .definicion { width: 100%; float: none; } } @media (max-width: 767px) { .columnasHome .listado_columnas .item .itemContenido .title .tituloDestacado { min-height: 110px; } .columnasHome .listado_columnas .item .itemContenido .resumen { min-height: 100px; height: auto; padding-bottom: 30px;} .grafosHome .resumen { width: 100%; } .grafosHome .medio img { height: 200px; -webkit-transform: translateX(-10%); transform: translateX(-10%); max-width: none; } } @media (max-width: 575px) { .nube-consultoria .container .row div.col:first-child { padding-right: 15px; } .nube-consultoria .container .row div.col:last-child { padding-left: 15px;} .nube-consultoria .destacado .title { padding-top: 20px; } .grafosHome .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* COMPONENTE IMAGEN */ .componente_imagen { } .componente_imagen .destacado { padding: 40px 0; } .componente_imagen .destacado .title { margin-bottom: 15px; border-bottom: none; } /* .componente_imagen .destacado .title h2 { margin: 0; padding: 60px 40px 0; } */ .componente_imagen .destacado .image { text-align: center; padding: 40px 0; } .componente_imagen .destacado .image img { max-width: 100%; } /* DESCRIPCION PAGE */ .descripcion-page { margin-top: 0 !important; padding: 0; } .descripcion-page > .col { } /* .descripcion-page { padding-bottom: 60px; } */ /* .descripcion-page .destacado-gris { padding-bottom: 60px; } */ .descripcion-page .destacado { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .descripcion-page .lineaAbajo { padding-bottom: 60px; } .descripcion-page .lineaAbajo .destacado { padding-top: 60px; padding-bottom: 0; } .descripcion-page .lineaAbajo .destacado:after { height: 2px; background: #4d4d4d; width: 100%; content:""; } .descripcion-page .lineaAbajoAzul .destacado { border-bottom: 2px solid #006fff; padding: 60px 0 0 0; margin-bottom: 60px; } .descripcion-page .descripcion .destacado .contenido { border-bottom: 2px solid #006fff; } .descripcion-page .destacado > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 0; background: #ddd; padding: 0; margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00ebeb; width: 50px; height: 50px; border-radius: 50%; } .descripcion-page .destacado > a i { margin: 0; color: #fff; } .descripcion-page .sinPadding .destacado { padding: 0; } .descripcion-page .destacado .contenido { padding-top: 40px; padding-bottom: 24px; } .descripcion-page .destacado .contenido p { width: 70%; margin-left: auto; color: #006fff; } .descripcion-page .destacado .contenido * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; line-height: 24px; } .descripcion-page .destacado .contenido a { color: #f51e2d; -webkit-transition: color 0.5s ease; transition: color 0.5s ease} .descripcion-page .destacado .contenido a:hover { color: #006fff; } .descripcion-page .destacado .contenido strong { font-weight: 500; } .descripcion-page .destacado .contenido h2 { margin-bottom: 20px; color: #333; } /* .descripcion-page .destacado .contenido a { color: #E62073; text-decoration: none; } .descripcion-page .destacado .contenido a:hover { text-decoration: underline; } */ /* CENTRAR TEXTO Y MIN */ .moduloDosColumnas { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .moduloDosColumnas > .col { -ms-flex-preferred-size: auto; flex-basis: auto; } .texto-centrado-min { } .texto-centrado-min.col1 { padding-right: 40px; padding-left: 0; } .texto-centrado-min.col2 { padding-left: 40px; padding-right: 0;} .texto-centrado-min .contenido { border-bottom: 2px solid #4d4d4d; } .texto-centrado-min .destacado p { font-size: 16px; font-weight: 300; line-height: 20px;} .texto-centrado-min .contenido ul { padding-bottom: 16px; } .texto-centrado-min.colorAzul .contenido { border-bottom: 2px solid #006fff; } .texto-centrado-min.colorAzul .destacado .contenido p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; } .texto-centrado-min.colorAzul .destacado .contenido p { color: #006fff; } .texto-centrado-min.colorAzul .destacado .contenido ul { margin-left: 0 !important; -webkit-padding-start: 0; padding-inline-start: 0; -webkit-margin-after: 0; margin-block-end: 0; } .texto-centrado-min.colorAzul .destacado .contenido ul li { color: #006fff; list-style: none; } .texto-centrado-min.tabla-tres-columnas .destacado .contenido { border-bottom: none; } .moduloDosColumnas .texto-centrado-min .destacado { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-semantic-framework .moduloDosColumnas .texto-centrado-min .destacado .contenido { padding-bottom: 0; } .page-semantic-framework .moduloDosColumnas .texto-centrado-min .destacado:after { height: 2px; background: #4d4d4d; width: 100%; content:""; } .moduloDosColumnas .texto-centrado-min .destacado .title { border-bottom: 2px solid #4d4d4d; } .moduloDosColumnas .texto-centrado-min .destacado .title h2 { color: #4d4d4d; } .moduloDosColumnas .texto-centrado-min .destacado .contenido { margin-left: auto; } .moduloDosColumnas .texto-centrado-min .destacado .contenido .divUno * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; line-height: 24px; } .moduloDosColumnas .texto-centrado-min .destacado .contenido .divDos { padding-top: 10px; } .moduloDosColumnas .texto-centrado-min .destacado .contenido .divDos * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; list-style: none; padding-left: 0; } .moduloDosColumnas .texto-centrado-min .destacado .contenido .divDos ul li { border-bottom: 1px solid #4d4d4d; padding-top: 15px; padding-bottom: 15px; } .moduloDosColumnas .texto-centrado-min .destacado .contenido .verMas { margin-left: 0; } .moduloDosColumnas .texto-centrado-min .destacado .contenido .verMas.mas { margin-left: 0; } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { .texto-centrado-min.col1 { padding-right: 15px; } .texto-centrado-min.col2 { padding-left: 15px; } .moduloDosColumnas .texto-centrado-min .destacado .title h2 { width: 100%; } .page-semantic-framework.sinTitulo .destacado .contenido { width: 100% !important; } } /* Page Seguridad */ .page-seguridad .descripcion-page .destacado .contenido p { width: 70%; padding-left: 40px;} .page-seguridad .texto-centrado-min.colorAzul .destacado p{ color: #006fff; } .page-seguridad .texto-centrado-min.colorAzul .destacado .contenido { border-bottom: 2px solid #006fff; } @media (max-width: 768px){ .page-seguridad .descripcion-page .destacado .contenido p { width: 100%; padding-left: 0;} } @media (max-width: 575px){ .page-seguridad .texto-centrado-min.destacado-gris .destacado { padding: 60px 0; } } /* PAGE SHERLOCK */ .page-sherlock { } .page-sherlock .container[role="main"] > .row { background: #282828; } .page-sherlock .descripcion-page { } .page-sherlock .descripcion-page .destacado .contenido { border: none !important; } .page-sherlock .descripcion-page .destacado h1 { color: #4d4d4d; border: none; -webkit-margin-after: 0; margin-block-end: 0; } .page-sherlock .descripcion-page > .col { } .page-sherlock .descripcion-page .title { } .page-sherlock .descripcion-page .title h2 { color: #fff; } .page-sherlock .descripcion-page .destacado { } .page-sherlock .descripcion-page .destacado .contenido { } .page-sherlock .descripcion-page .destacado .contenido * { /* color: #4d4d4d; */ } .page-transformacion-digital .descripcion-page .destacado-gris .destacado .contenido { border-bottom: none !important; } /* GRAFICO - SEMANTIC FRAMEWORK */ /* ROWS COLORES */ body .container-fluid[role="main"] > .row.fondoAzul { background: #006fff ; } body .container-fluid[role="main"] > .row.fondoBlanco { background: #fff; } body .container-fluid[role="main"] > .row.fondoNaranja { background: #EC782F; } body .container-fluid[role="main"] > .row.fondoGris { background: #e3e8eb; } body .container-fluid[role="main"] > .row.sinFondo { background: none; } /* FONDO AZUL */ body .container-fluid[role="main"] > .row.fondoAzul .destacadoDescripcion *, body .container-fluid[role="main"] > .row.fondoAzul .grupo-videos *, body .container-fluid[role="main"] > .row.fondoAzul .carruselClientes *, body .container-fluid[role="main"] > .row.fondoAzul .tituloComponente, body .container-fluid[role="main"] > .row.fondoAzul .tituloComponente span, body .container-fluid[role="main"] > .row.fondoAzul .itemContenido .tituloDestacado, body .container-fluid[role="main"] > .row.fondoAzul .itemContenido .tituloDestacado a, body .container-fluid[role="main"] > .row.fondoAzul .resumenHtml *, body .container-fluid[role="main"] > .row.fondoAzul .verMas { color: #fff; } body .container-fluid[role="main"] > .row.fondoNaranja .tituloComponente, body .container-fluid[role="main"] > .row.fondoNaranja .itemContenido .tituloDestacado, body .container-fluid[role="main"] > .row.fondoNaranja .itemContenido .tituloDestacado a, body .container-fluid[role="main"] > .row.fondoNaranja .resumenHtml *, body .container-fluid[role="main"] > .row.fondoNaranja .verMas { color: #fff; } /* SEMANTIC FRAMEWORK - ORGANIZACION BLUE */ .page-semantic-framework .destacado-azul .destacado .title { border-bottom: none !important; } .page-semantic-framework .destacado-azul .destacado .title h2 { width: 100%; } .page-semantic-framework .descripcion-page .destacado .contenido p { width: auto; margin-left: 0; } /* SEMANTIC FRAMEWORK - CARACTERISTICAS GRIS */ .page-semantic-framework { } .page-semantic-framework .column4 .destacado-gris .destacado { padding-bottom: 1px; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion { padding-top: 5px; } .page-semantic-framework .column4 .destacado .title { border-bottom: none !important; } .page-semantic-framework .column4 .destacado .title h2 { width: 100%; } .page-semantic-framework .column4 .destacado-gris .destacado .image img { width: 80%; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .verMas { display: none !important; } .page-semantic-framework .destacado-gris .destacado .contenido { border-bottom: none !important; } @media (max-width: 767px){ .page-semantic-framework .destacado-azul .destacado .image img { height: 200px; transform: translateX(-20%); max-width: none; } .page-semantic-framework .column4 .destacado .image { display: none; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-azul .listado_columnas .item .itemContenido .resumenHtml { display: block; } .page-semantic-framework .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido { min-height: 0 !important; } .page-semantic-framework .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .title { margin-bottom: 40px; } .page-semantic-framework .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .resumenHtml ul { padding-bottom: 0; } .page-semantic-framework .columna_imagen_titulo_descripcion .listado_columnas .item .itemContenido .verLink { margin-top: 20px; margin-bottom: 5px; position: relative; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .row { position: relative; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .linea { position: absolute; width: 4px; background: #4d4d4d; height: 100%; margin-top: 5px; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas { padding-left: 30px; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .circulo { position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #4d4d4d; left: -38px; top: 3px; background: #f2f2f2; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item { margin-bottom: 0; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido { border-bottom: 2px solid #4d4d4d; margin-bottom: 40px; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .title { display: block; width: 90%; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .title .tituloDestacado { min-height: 0 !important; padding: 0; border: none !important; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .title .verMas { display: flex !important; position: absolute; right: 0; top: 6px; background: none; width: 45px !important; height: 0; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .title .verMas:after { color: #4d4d4d; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .title .verMas.mas:after { color: #4d4d4d; } .page-semantic-framework .column4 .columna_imagen_titulo_descripcion.destacado-gris .listado_columnas .item .itemContenido .resumenHtml { display: none; padding-bottom: 40px; } } /* PAGE PRODUCTOS ANALYTICS */ .page-item-analytics .destacado-gris .destacado .contenido { padding-bottom: calc(40px - 1rem); } .page-item-analytics .destacado-gris .bloqueHalfBlur .row .col01 .resumenHtml { border-top: 2px solid #4d4d4d; border-bottom: 2px solid #4d4d4d; } .page-item-analytics .destacado-gris .bloqueHalfBlur .row .col01 .resumenHtml p { color: #4d4d4d; } .page-item-analytics .bloqueHalfBlur .row .col01 .resumenHtml { border-top: 2px solid #006fff; border-bottom: 2px solid #006fff; } .page-item-analytics .bloqueHalfBlur .row .col01 .resumenHtml p { color: #006fff; } /* LOGIN */ .login { background: #F3F3F3; } .login .textoBusquedaPrincipalInput { display: none; } .login .container[role="main"], .login .container-fluid[role="main"] { margin-top: 120px; margin-bottom: 20px; } .login .container[role="main"] > .row { background: none; margin-top: 0; } .login .container[role="main"] .col01 { background: #fff; padding: 0; } .login .container[role="main"] .col01 .formularioLogin { } .login .container[role="main"] .col01 .formularioLogin .cabecera { border-bottom: 1px solid #EEEEEE; padding: 25px 50px; } .login .container[role="main"] .col01 .formularioLogin .cabecera p { margin: 0; font-family: 'BenetonSans', sans-serif !important; font-weight: 700; font-size: 16px; color: #000; } .login .container[role="main"] .col01 .formularioLogin .cuerpo { padding: 25px 50px; } .login .container[role="main"] .col01 .formularioLogin .cuerpo .titulo { margin-bottom: 30px; font-family: 'BenetonSans', sans-serif !important; font-weight: 700; font-size: 16px; color: #000; } .login .container[role="main"] .col01 .formularioLogin .cuerpo .form-group { margin-bottom: 20px; } .login .container[role="main"] .col01 .formularioLogin .cuerpo .form-group label { margin: 0; margin-bottom: 20px; font-size: 14px; font-family: 'BenetonSans', sans-serif; font-weight: normal; color: #6D6E71; line-height: 1.4; } .login .container[role="main"] .col01 .formularioLogin .cuerpo .form-group input { color: #9B7B66; background: #f3f3f3; border-color: #f3f3f3; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 15px 25px; } /* PAGINADOR */ .paginadorMaquetar { width: 100%; padding: 10px 0; background: #f2f2f2; position: relative; z-index: 300; border: 1px solid #e4e4e4; } .paginadorMaquetar #NavegadorPaginasCorreo_Pag { margin: 0; padding: 0; } .paginadorMaquetar .selectorPaginador { float: right; height: 30px; line-height: 30px; } .paginadorMaquetar .selectorPaginador span { text-transform: lowercase; font-family: "Montserrat Light", "Montserrat"; font-weight: 300; text-align: left; } .paginadorMaquetar .selectorPaginador select { height: 29px; padding: 0; border: 1px solid #ddd; margin: 0 5px; } .paginadorMaquetar nav { float: right; margin-left: 20px; } .pagination { float: left; margin: 0; position: relative; top: 0; right: 0; } .pagination a, .pagination span.actual { color: #FF8300; } .pagination li { } .pagination li a { padding: 0; } .pagination .ultimaPagina, .pagination .primeraPagina { padding: 0; background: #fff url(resources/spritev2.png) -284px -75px no-repeat; width: 30px; height: 30px; padding: 0 !important; border-radius: 0 !important; } .pagination .ultimaPagina span, .pagination .primeraPagina span { font-size: 0; text-indent: -9999em; display: block; position: relative; } .pagination .primeraPagina { background-position: -280px -74px; } .pagination .ultimaPagina { background-position: -342px -74px; } /* INDICE */ .indicePage { } .indicePage .box { } .indicePage h2 { font-size: 15px; padding-left: 10px; margin: 0; margin-bottom: 30px; } .indicePage #col02 { background: #FAFAFA; padding: 20px; } .indiceCat ul.tools { padding-left: 10px; } .indiceCat ul.tools li { background: #7F7F7F; border-radius: 0; padding: 10px 15px; } .indiceCat ul.tools li a { } .indicePage .indice { } .indicePage .indice .indiceGrid { padding: 0; margin: 0; } .indicePage .indice .indiceGrid .panel { border: 0; padding: 10px; padding-top: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; list-style: none; } .indicePage .indice .indiceGrid .panel.vacio { margin-bottom: 0; } .indicePage .indice .indiceGrid .panel h3 { margin-top: 0; } .indicePage .indice .indiceGrid .panel h3 a { background: none; border-top: 2px solid orangered; color: #000; } .indicePage .indice .indiceGrid .panel ul { margin: 0; } .indicePage .indice .indiceGrid .panel ul li { padding: 0; } .indicePage .indice .indiceGrid .panel ul li a { color: #000; } .indicePage .indice .indiceGrid .panel ul li ul li a { color: #aaa; } /* COOKIES */ #phAvisoCookie { width: 100%; background: #000eff; position: fixed; bottom: 0; left: 0; z-index: 2000; } #phAvisoCookie .info { background: none; padding: 60px 175px; margin: 0; display: flex; } #phAvisoCookie .info .box { margin: 0; padding-right: 50px; } #phAvisoCookie .info .box p { color: #fff; } #phAvisoCookie .info .box i { } #phAvisoCookie .info .box h4 { font-size: 16px; color: #fff; margin-bottom: 15px;} #phAvisoCookie .info .box ul { list-style: none; padding-left: 0; } #phAvisoCookie .info .box ul li { display: inline-block;} #phAvisoCookie .info .box ul li .separator { padding: 0 10px; color: #00ebeb; } #phAvisoCookie a { color: #00ebeb; } #phAvisoCookie #formaceptcookies { display: flex; flex-direction: column; } #phAvisoCookie #formaceptcookies input { cursor: pointer; justify-content: center; width: 300px; text-transform: uppercase; font-weight: 300; background: #00ebeb; color: #000eff; font-size: 18px; border-radius: 0; border: 0; line-height: 1; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; padding-left: 15px; padding-right: 15px; } #phAvisoCookie #formaceptcookies input#modificarcookie { color: #00ebeb; background: #000eff; border: 1px solid #00ebeb; margin-top: 15px;} /* #phAvisoCookie #formaceptcookies input:hover { color: #00ebeb; background: #000eff; } #phAvisoCookie #formaceptcookies input#modificarcookie:hover { background: #00ebeb; color: #000eff; border: 1px solid #000eff;} */ @media (max-width: 1199px){ #phAvisoCookie .info { padding: 60px 50px; margin: 0; } } @media (max-width: 991px){ #phAvisoCookie .info { padding: 30px 15px; margin: 0; display: block; } #phAvisoCookie #formaceptcookies input { width: 100%;} } /* TEXTO INTELIGENTE */ .ac_results { max-width: 250px; width: 250px !important; } .ac_results ul { max-width: 250px; width: 250px; } .ac_results ul li { height: 40px; line-height: 40px; color: #797979; padding: 0 15px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ac_results ul li:hover, .ac_results ul li.ac_over { background: #DDDDDD; color: #474747; } .ac_results ul li:first-child { } /* ETIQUETAS */ div.autocompletar { border: 0 !important; display: inline-block; width: 100%; margin-bottom: 10px; } div.autocompletar input[type="text"] { border: 1px solid #ddd; height: 30px; width: 100% !important; padding-left: 10px; font-size: 0.8rem; } div.autocompletar span.contenedor div.tag { height: 30px; margin-bottom: 10px; } div.autocompletar span.contenedor div.tag div { background: #D6D6D6; padding: 0; color: #000; float: left; height: 30px; line-height: 30px; padding-left: 10px; } div.autocompletar span.contenedor div.tag div a.remove { position: relative; top: 0; right: 0; background: #C0C0C0 url('resources/sprite.png?v=2.3.1220_20180406_1117') no-repeat -245px -5px; width: 30px; height: 30px; display: inline-block; text-indent: -999em; margin-left: 10px; } /* CKEDITOR RESTYLING */ .cke { border-radius: 0 !important; } .cke .cke_inner { background: none; padding: 0; } .cke .cke_top { border-bottom: 1px solid #F0F0F0; } .cke .cke_toolgroup { background: none; margin: 0; } /* DESPLEGABLE VER MAS */ .parrafoSecundario { display: none; } /* MODAL PRUEBA DEMO SHERLOCK */ #modalDemo { } #modalDemo .modal-dialog { top: 100px; } #modalDemo .modal-dialog .modal-content { border-radius: 0; margin: 0 auto; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); } #modalDemo .modal-dialog .modal-content .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 0; padding: 20px; padding-bottom: 0; } #modalDemo .modal-dialog .modal-content .modal-header p { display: block; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 30px; color: #4d4d4d; margin: 0; line-height: 1; } #modalDemo .modal-dialog .modal-content .modal-header button { position: relative; top: 0; right: 0; background: none; padding: 0; margin: 0; } #modalDemo .modal-dialog .modal-content .modal-body { padding: 20px; } #modalDemo .modal-dialog .modal-content .modal-body .fila { } #modalDemo .modal-dialog .modal-content .modal-body .fila label { font-size: 15px; color: #4d4d4d; } #modalDemo .modal-dialog .modal-content .modal-body .fila input.form-control { border-radius: 0; padding: 5px 10px; font-size: 15px; color: #4d4d4d; } #modalDemo .modal-dialog .modal-content .modal-body .button { text-align: center; margin: 0; } #modalDemo .modal-dialog .modal-content .modal-body .button input[type="button"] { text-decoration: none; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; background: #000eff; color: #00ebeb; font-size: 28px; border-radius: 5px; border: 0; padding: 10px 30px; margin: 0; line-height: 1; cursor: pointer; margin-bottom: 20px !important; } #modalDemo .alert { margin: 0; margin-top: 20px; } #modalDemo .alert p { margin: 0; margin-bottom: 5px; line-height: normal; font-size: 13px; } .alert { margin: 0; margin-top: 20px; } .alert p { margin: 0; margin-bottom: 5px; line-height: normal; font-size: 13px; } /* FORMULARIO CONTACTO */ .page-contacto { } .page-contacto .aaCabecera .headerBreadcrumbs { display: none; } .page-contacto .container[role="main"] > .row { } .page-contacto .container[role="main"] > .row > .span23 { max-width: 66.6666%; width: 66.6666%; min-width: 66.6666%; } .page-contacto .container[role="main"] > .row > .span13 { max-width: 33.3333%; width: 33.3333%; min-width: 33.3333%; } .page-contacto .actionButtonsSlider {display: none} .page-contacto #header .container .searchNav #nav .nav.nav-pills.nav-fill .boton { display: none; } .page-contacto.homeComunidadBlanca .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .titulo { padding-bottom: 30px;} .page-contacto .formularioContacto { padding-bottom: 60px; } .page-contacto .formularioContacto .avisoLegal { margin: 10px 0 0 0 } .checkFormulario { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .checkFormulario .label-checkbox { position: relative; cursor: pointer; padding-left: 20px; } .checkFormulario .label-checkbox input { position: absolute; cursor: pointer; height: 0; width: 0; left: 0;} .checkFormulario .label-checkbox input:after { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; content:""; left: 0;} .checkFormulario .label-checkbox:hover input:after { background-color: #ddd; } .checkFormulario .label-checkbox input:checked:after { background-color: #00ebeb; } .formularioContacto { padding-top: 0; } .formularioContacto h2 { color: #4d4d4d; border: none; display: block; font-size: 40px; font-weight: normal; line-height: 44px; padding: 60px 0 40px 0; width: 80%; } .formularioContacto .button { text-align: left; padding: .375rem 0rem;} .formularioContacto .button input[type="button"] { cursor: pointer; border: none; height: 50px; padding-left: 15px; padding-right: 15px; font-family: 'Roboto', sans-serif; font-weight: normal; background: #00ebeb; color: #000eff; font-size: 15px; text-transform: uppercase; border-radius: 0; } .formularioContacto .button input[type="button"]:hover { background-color: #000eff; color: #00ebeb; } .formularioContacto .fila input.form-control { background-color: transparent; border-color: #999; border-radius: 0; padding: 5px 10px 6px 0; font-size: 15px; color: #4d4d4d; border-top: none; border-right: none; border-left: none; } .formularioContacto .fila input.form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .formularioContacto .fila input.form-control::-webkit-input-placeholder { font-size: 17px; color: #4d4d4d; font-weight: 300; } .formularioContacto .fila input.form-control:-ms-input-placeholder { font-size: 17px; color: #4d4d4d; font-weight: 300; } .formularioContacto .fila input.form-control::-ms-input-placeholder { font-size: 17px; color: #4d4d4d; font-weight: 300; } .formularioContacto .fila input.form-control::placeholder { font-size: 17px; color: #4d4d4d; font-weight: 300; } .formularioContacto .avisoLegal { margin-top: 0; margin-left: 15px; font-size: 16px; color: #4d4d4d; } .formularioContacto .avisoLegal a { font-size: 16px; color: #006fff; } .formularioContacto .fieldsetContent { border-bottom: 2px solid #4d4d4d; border-top: 2px solid #4d4d4d; padding: 20px 10%; } .formulario.destacado-gris { padding-bottom: 60px; } @media (max-width: 767px){ .formularioContacto h2 { width: 100%; font-size: 30px; line-height: 36px;} } .page-trabaja-con-nosotros .formularioContacto { padding-bottom: 40px; } .page-trabaja-con-nosotros .formularioContacto .avisoLegal { margin-left: 0; margin-top: 15px; } .datosContacto { padding: 50px 12%; height: 100%; } .datosContacto ul { margin: 0; padding: 0; } .datosContacto ul li { list-style: none; margin-bottom: 20px; position: relative; padding-left: 40px; } .datosContacto ul li span { display: block; } .datosContacto ul li i { position: absolute; top: 50%; left: 0; margin-top: -14px; } .datosContacto ul li.nombre { font-family: "Roboto", sans-serif; display: block; width: 100%; font-weight: 500; font-size: 36px; line-height: normal; color: #4d4d4d; margin: 0; margin-bottom: 30px; padding-left: 0; } /* FORMULARIO DEMO */ .formularioDemo .formularioContacto { padding: 40px 12%; background: #f2f2f2; border: 1px solid #c3c3c3; } .formularioDemo .formularioContacto h2 { font-family: 'Roboto', sans-serif; font-size: 14px; } /* MODAL VIDEO */ .modal.modalVideo { } .modal.modalVideo .modal-dialog { position: absolute; top: 0; left: 0; right: 0; margin: 0; width: 100%; max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal.modalVideo .modal-dialog .modal-content { background: transparent !important; width: 100%; } .modal.modalVideo .modal-dialog .modal-content .close { opacity: 1; cursor: pointer; } .modal.modalVideo .modal-dialog .modal-content .close i { float: right; margin-bottom: 20px; color: #ffff; opacity: 1; text-shadow: none; font-size: 30px; } /* LISTADO CLIENTES */ .listado-clientes { padding: 0; min-height: 500px;} .listado-clientes > .title { display: none; } .listado-clientes > .title .tituloBloque { display: block; width: 100%; font-weight: 500; font-size: 36px; line-height: normal; color: #4d4d4d; margin: 0; margin-bottom: 40px; } .listado-clientes .resource-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .listado-clientes .resource-list .resource { width: calc((100% - 60px ) / 4); height: 300px; background-color: #006fff; border: none;} .listado-clientes .resource-list .resourceCliente { max-width: 100%; border: 1px solid #eee; margin-right: 0; margin-bottom: 20px; } .listado-clientes .resource-list .resourceCliente .itemImagen { display: block; height: 150px; } .listado-clientes .resource-list .resourceCliente .itemImagen .backgroundImage { height: 150px; overflow: hidden; display: block; } .listado-clientes .resource-list .resourceCliente .itemImagen .backgroundImage a { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: relative; } .listado-clientes .resource-list .resourceCliente .itemImagen .backgroundImage a:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; } .listado-clientes .resource-list .resourceCliente .itemImagen .backgroundImage a img { /*padding: 0 50px;*/ width: 50%; margin: 0 auto; } .listado-clientes .resource-list .resourceCliente { position: relative; } .listado-clientes .resource-list .resourceCliente .itemContenido { padding: 0 20px 20px 20px; position: relative; } .listado-clientes .resource-list .resourceCliente .itemContenido .title { border-top: 1px solid #fff; padding-top: 20px;} .listado-clientes .resource-list .resourceCliente .itemContenido .title h3 { margin: 0; } .listado-clientes .resource-list .resourceCliente .itemContenido .title h3, .listado-clientes .resource-list .resourceCliente .itemContenido .title h3 a { font-weight: 300; font-size: 16px; line-height: normal; color: #fff; } .listado-clientes .resource-list .resourceCliente .itemContenido .title h3 a:hover { color: #fff; } .listado-clientes .resource-list .resourceCliente .itemContenido .resumeCKE { margin-top: 20px; display: none; max-height: 90px; overflow: hidden; } .listado-clientes .resource-list .resourceCliente .itemContenido .resumeCKE * { margin: 0; font-size: 15px; color: #888; } .carruselClientes { display: none; position: relative; } .carruselClientes.visible { display: block; } .carruselClientes .mascaritaSlider { display: none; } .carruselClientes.cargando .mascaritaSlider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 200; } .home .destacado-azul .listado-clientes { padding-right: 0; padding-top: 40px; padding-bottom: 40px;} .home .listado-clientes .resource-list .resourceCliente { border: 1px solid #fff; height: auto; width: calc((100% - 75px) / 4)} .home .listado-clientes .resource-list .resourceCliente .itemContenido { display: none; } .page-clientes .aaCabecera #header .container .searchNav #nav ul li a { color: white; } .page-clientes .headerBreadcrumbs { display: none; } /* FILTROS */ .filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .home .filter-button-group { padding-top: 40px; } .filter-button-group .dropdown-toggle { display: none; font-size: 25px; font-family: "Roboto", sans-serif; text-decoration: none; font-weight: 500; } .filter-button-group .dropdown-menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; width: 100%; border: 0; padding: 0; background: transparent; } .filter-button-group .button { width: auto; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 400; background: #00ebeb; color: #000eff; font-size: 17px; border-radius: 0; border: 0; padding: 10px 20px; margin-right: 10px; line-height: 1; text-transform: uppercase; cursor: pointer; } .filter-button-group .button:last-child { margin-right: 0; } .filter-button-group .button.active { outline: 0; font-weight: bold; } .filter-button-group .button.active:focus { outline: 0; } .filter-button-group .button.active:focus-within { outline: 0; } .page-clientes .filter-button-group { padding-top: 40px; padding-bottom: 40px; } .verTodosProductos { position: absolute; top: 50%; right: 0; z-index: 3000; } .verTodosProductos a { text-decoration: none; } .verTodosProductos a span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ddd; font-size: 0; font-family: "Roboto", sans-serif; font-weight: 300; } .verTodosProductos a span::after { content: '\E409'; font-family: 'Material Icons'; margin-left: 0; font-size: 30px; width: 40px; height: 40px; line-height: 40px; border-left: 1px solid #fff; text-align: center; } .verTodosProductos:hover a span { font-size: 25px; padding-left: 20px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); } .verTodosProductos:hover a span::after { margin-left: 20px; } @media (max-width: 1199px) { .filter-button-group .button { padding-left: 14px; padding-right: 13px; width: auto; } } @media (max-width: 991px) { .filter-button-group .dropdown-menu { /*position: absolute; display: none;*/ padding: 20px 40px 20px 0; display: block; position: inherit !important; -webkit-transform: none !important; transform: none !important; } .filter-button-group .dropdown-menu.show { display: block; position: inherit !important; -webkit-transform: none !important; transform: none !important; } .filter-button-group .dropdown-toggle { display: block; color: white; } .filter-button-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter-button-group .button { margin-bottom: 10px; display: none; } .filter-button-group .button.active { display: block; } .filter-button-group.show .button { display: block; } .home .filter-button-group, .filter-button-group { background-color: #00ebeb; padding: 15px 0;} .home .filter-button-group { display: block; } .home .filter-button-group.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter-button-group .button.active { display: none; } .filter-button-group.show .button.active { display: block;} .filter-button-group .dropdown-toggle { position: relative; width: 100%; color: #000eff; padding-left: 15px; } .filter-button-group .dropdown-toggle::after { content: "\e8fe"; font-size: 30px; position: absolute; right: 25px; } .home .filter-button-group, .page-clientes .filter-button-group { padding-top: 15px; padding-bottom: 15px; height: 50px; margin: 40px 0; } .home .filter-button-group:focus, .page-clientes .filter-button-group:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .home .filter-button-group.show, .page-clientes .filter-button-group.show { height: auto; padding-bottom: 0; } .home .filter-button-group { margin-bottom: 0;} .page-clientes .dropdown-menu { padding: 20px 0; } .home .destacado-azul .listado-clientes { padding-right: 15px;} .homeComunidad .listado-clientes .resource-list .resource { width: calc((100% - 40px ) / 3 )} } @media (max-width: 767px) { .filter-button-group .dropdown-menu { /*position: absolute; display: none;*/ padding: 20px 0; display: block; position: inherit !important; -webkit-transform: none !important; transform: none !important; } .home .destacado-azul .listado-clientes { padding: 40px 15px 40px 15px;} .homeComunidad .listado-clientes .resource-list .resource { width: calc((100% - 20px ) / 2 ); /* position: relative !important; left: unset !important; top: unset !important; */} } @media (max-width: 575px) { .homeComunidad .listado-clientes .resource-list .resource { width: 100%; height: 280px !important;; } .listado-clientes .resource-list .resourceCliente .itemImagen .backgroundImage a img {width: auto; max-height: calc(100% - 30px); } .home .listado-clientes .resource-list .resource { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homeComunidad.home .listado-clientes .resource-list .resource { height: 240px !important; width: 80%; margin-left: 10%; } .homeComunidad .listado-clientes .resource-list .resourceCliente .itemImagen { padding: 0 40px; } } /* PAGINA EDITAR */ .editarRecurso { background: #F3F3F3; } .editarRecurso .headerBreadcrumbs, .editarRecurso #breadcrumb, .fichaSuccessfulExample .headerBreadcrumbs { display: none !important; } .editarRecurso .container[role="main"] { margin-top: 100px; } .editarRecurso #col01 { display: none; } .editarRecurso #col02 { background: #fff; margin: 0 auto; margin-top: 20px; padding: 0; } .editarRecurso #htitPag { border-bottom: 1px solid #EEEEEE; padding: 25px 50px; margin: 0; } .editarRecurso #htitPag span { display: block; width: 100%; font-weight: 500; font-size: 36px; line-height: normal; color: #4d4d4d; margin: 0; } .editarRecurso #panParte2 { padding: 25px 50px; } .editarRecurso #panParte2 h1 { display: none; } .editarRecurso #panParte2 .fila { margin-bottom: 20px; } .editarRecurso #panParte2 label { font-family: 'BenetonSans', sans-serif !important; font-weight: 500; font-size: 14px; color: #333; } .editarRecurso #panParte2 input[type="text"] { width: 100% !important; line-height: normal; color: #9B7B66; background: #f3f3f3; border-color: #f3f3f3; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 15px 25px; border: 0; } .editarRecurso .fileFormSem { } .editarRecurso .fileFormSem a { font-family: 'BenetonSans', sans-serif; font-weight: 200; color: #2885C8; font-size: 12px; cursor: pointer; } .editarRecurso .fileFormSem a:hover { text-decoration: underline; color: #2885C8; } .editarRecurso .tabsGroup { clear: both; display: block; width: 100%; display: inline-block; margin: 15px 0; margin-top: 0; } .editarRecurso .tabsGroup .tabspresentation { } .editarRecurso .tabsGroup .tabspresentation ul { margin: 0; padding: 0; float: left; width: 100%; border-bottom: 1px solid #eee; } .editarRecurso .tabsGroup .tabspresentation ul li { cursor: pointer; list-style: none; float: left; padding: 10px; border-bottom: 2px solid transparent; } .editarRecurso .tabsGroup .tabspresentation ul li a { margin: 0; font-size: 14px; font-family: 'BenetonSans', sans-serif; font-weight: 400; color: #6D6E71; line-height: 1.4; } .editarRecurso .tabsGroup .tabspresentation ul li.active, .editarRecurso .tabsGroup .tabspresentation ul li:hover { border-bottom: 2px solid #2885C8; } .editarRecurso .tabsGroup .tabspresentation ul li.active a, .editarRecurso .tabsGroup .tabspresentation ul li:hover a { } .editarRecurso #divContPanelBotonera { padding: 25px 50px; } .editarRecurso #divContPanelBotonera .submit { border: 0; padding: 10px 30px; line-height: normal; color: #fff; border-radius: 0; background: transparent; color: #000; cursor: pointer; } .editarRecurso #divContPanelBotonera .submit.principal { background: #2C84C7; color: #fff; } /* TAB GROUP CLIENTES */ .tabGroupClientes.tabsGroup { clear: both; display: block; width: 100%; display: inline-block; margin: 15px 0; margin-top: 0; padding: 60px 40px; } .tabGroupClientes.tabsGroup .tabspresentation { float: left; width: 100%; margin-bottom: 30px; } .tabGroupClientes.tabsGroup .tabspresentation ul { margin: 0; padding: 0; float: left; width: 100%; border-bottom: 1px solid #eee; } .tabGroupClientes.tabsGroup .tabspresentation ul li { cursor: pointer; list-style: none; float: left; padding: 10px; border-bottom: 2px solid transparent; } .tabGroupClientes.tabsGroup .tabspresentation ul li a { margin: 0; font-size: 14px; font-family: 'BenetonSans', sans-serif; font-weight: 400; color: #6D6E71; line-height: 1.4; } .tabGroupClientes.tabsGroup .tabspresentation ul li.active, .tabGroupClientes.tabsGroup .tabspresentation ul li:hover { border-bottom: 2px solid #2885C8; } .tabGroupClientes.tabsGroup .tabspresentation ul li.active a, .tabGroupClientes.tabsGroup .tabspresentation ul li:hover a { } .tabGroupClientes .block { display: none; float: left; width: 100%; } .tabGroupClientes .block.active { display: block; } .tabGroupClientes .listado-clientes { padding: 0; } .tabGroupClientes .listado-clientes .title { display: none; } .tabGroupClientes .listado-clientes .resource-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tabGroupClientes .listado-clientes .resource-list .resourceCliente { max-width: calc(25% - 20px); margin-right: 20px; } .tabGroupClientes .listado-clientes .resource-list .resourceCliente .itemContenido { display: none; } /* FICHA COMUNIDAD */ .fichaComunidad { } .fichaComunidad #section { background: none; } .fichaComunidad #buscador { display: none; } .fichaComunidad .resourceHeader { padding: 25px 15px; padding-left: 50px; border-bottom: 1px solid #F0F0F0 !important; } .fichaComunidad .resourceHeader .headerRow01 .resourceType { float: left; margin: 0; margin-right: 10px; } .fichaComunidad .resourceHeader .headerRow01 .resourceType a { font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 0.75rem; } .fichaComunidad .resourceHeader .headerRow01 .resourceAuthor .imagenPublicador { display: none; } .fichaComunidad .resourceHeader .headerRow01 .resourceAuthor .datosPublicador span { font-family: "Montserrat", sans-serif; font-weight: 300; color: #999; font-size: 0.75rem; } .fichaComunidad .resourceHeader .headerRow01 .resourceAuthor .datosPublicador a, .fichaComunidad .resourceHeader .headerRow01 .resourceAuthor .datosPublicador a span { color: #FF8300; } .fichaComunidad .resourceHeader .headerRow02 h1 { margin: 0; margin-top: 15px; font-size: 1rem; } .fichaComunidad .resourceHeader .headerRow02 h1 a { font-weight: 400; font-size: 16px; color: #333; } .fichaComunidad .resourceHeader .headerRow03 { display: table; width: 100%; margin-top: 20px; } .fichaComunidad .resourceHeader .headerRow03 > div { display: table-cell; vertical-align: middle; float: none; } .fichaComunidad .resourceHeader .datosRecurso { padding: 0; } .fichaComunidad .resourceHeader .datosRecurso p { margin: 0; } .fichaComunidad .resourceHeader .datosRecurso ul { margin: 0; padding: 0; } .fichaComunidad .resourceHeader .datosRecurso ul li { float: left; margin-right: 10px; } .fichaComunidad .resourceHeader .accionesRecurso ul { float: right; margin: 0; padding: 0; } .fichaComunidad .resourceHeader .accionesRecurso ul li { float: left; margin-right: 10px; position: relative; } .fichaComunidad .resourceBody { padding: 0 50px; float: left; width: 100%; } .fichaComunidad .resourceBody .group.content div * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 0.875rem; color: #999; text-align: left; line-height: 24px; } .fichaComunidad .resourceBody .group.content div a { color: #FF8300 !important; } .fichaComunidad .resourceBody .group.content img { max-width: 300px; float: left; margin-right: 20px; margin-bottom: 20px; } .fichaComunidad #col01 .group { background: #fff; } .fichaComunidad #divGroupAccionesRec { position: relative; } .fichaComunidad .informacionPieDescripcion { margin-bottom: 20px; float: left; width: 100%; } .fichaComunidad .informacionPieDescripcion > .group { float: left; width: 100%; margin-bottom: 20px; } .fichaComunidad .informacionPieDescripcion > .group p { margin: 0; margin-bottom: 5px; font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 0.75rem; } .fichaComunidad .informacionPieDescripcion > .group ul { margin: 0; padding: 0; } .fichaComunidad .informacionPieDescripcion > .group ul li { float: left; margin-right: 5px; } .fichaComunidad .informacionPieDescripcion > .group ul li a { font-family: "Roboto", sans-serif; font-weight: 300; color: #999; font-size: 0.75rem; } .fichaComunidad .informacionPieDescripcion > .group .licencia { margin-top: 10px; } /* FICHA */ .fichaComunidad .fichaReducida .caso { display: none; } .fichaComunidad .sliderPrincipal .owlCarouselItem > .container {position: absolute; bottom: 50px; left: 0; right: 0; z-index: 1; padding-left: 55px; } .fichaComunidad .sliderPrincipal .owlCarouselItem > .container h1{ font-weight: 700; font-size: 48px; color: #FFF; line-height: 48px; padding-right: 20%; } .fichaComunidad .sliderPrincipal .owlCarouselItem > .container .caso{color: #FFF; border-top: 3px solid #FFF; display: inline-block; font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 300; line-height: 48px; margin: 0; } .fichaComunidad .sliderPrincipal .owlCarouselItem .mascaraOpacidad{display: none; } .fichaComunidad #breadcrumb { display: none; } /* PALCO */ .modalPalco { padding: 0 !important; z-index: 20000; } .modalPalco .modal-dialog { max-width: 1140px; height: 100vh; margin: 0 auto; overflow: hidden; overflow-y: auto; /*background: #fff;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modalPalco .modal-dialog .modal-content { border-radius: 0; max-height: 100vh; border: 0; overflow: hidden; } .modalPalco .modal-dialog .modal-content .modal-header { padding: 20px 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; padding-bottom: 40px; } .modalPalco .modal-dialog .modal-content .modal-header .modal-title { display: block; width: 100%; font-weight: normal; font-size: 36px; line-height: normal; margin: 0; font-family: "Roboto", sans-serif; padding-top: 75px; position: relative; } .modalPalco .modal-dialog .modal-content .modal-header .close { outline: none; cursor: pointer; padding: 0; margin: 0; width: auto; height: auto; display: block; opacity: 1; position: absolute; top: 20px; left: 40px; } .modalPalco .modal-dialog .modal-content .modal-header .close span { font-size: 0; display: flex; align-items: center; justify-content: center; background-color: #00ebeb; width: 50px; height: 50px; border-radius: 50%; } .modalPalco .modal-dialog .modal-content .modal-header .close span:after { content: ''; background: url('resources/iconos/flechaIzquierdaAzul.svg') no-repeat; background-size: 21px 21px; height: 21px; width: 26px; } .modalPalco .modal-dialog .modal-content .modal-header .close span:hover { background-color: #000eff; } .modalPalco .modal-dialog .modal-content .modal-header .close span:hover:after { background: url('resources/iconos/flechaIzquierdaTurquesa.svg') no-repeat; background-size: 21px 21px; } .modalPalco .modal-dialog .modal-content .modal-body { padding: 50px 40px; overflow-y: auto; padding-top: 0;} .modalPalco .modal-dialog .modal-content .modal-body .contenido{ padding-top: 40px; border-top: 2px solid #006fff;} @media (max-width: 768px){ .modalPalco .modal-dialog .modal-content .modal-header .close { top: 20px; } .modalPalco .modal-dialog .modal-content .modal-header .close span { width: 40px !important; height: 40px; } .modalPalco .modal-dialog .modal-content .modal-header .modal-title { padding-top: 60px; } } /* COMPAÑIA */ .rowMapa { background: #1077FF; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 768px){ .page-compania .destacado .contenido p { width: 100%; } } /* CARRUSEL ESTANDAR */ .carruselEstandar { padding: 40px; } .carruselEstandar h2.tituloComponente { font-weight: normal; font-size: 26px; line-height: 30px; color: #4d4d4d; } .carruselEstandar .owl-carousel-estandar .item { border: 1px solid #eee; } .carruselEstandar .owl-carousel-estandar .item .itemImage { position: relative; height: 150px; width: 100%; } .carruselEstandar .owl-carousel-estandar .item .itemImage .backgroundImage { height: 150px; width: 100%; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } .carruselEstandar .owl-carousel-estandar .item .itemImage .backgroundImageSin { height: 150px; width: 100%; background: #eee; } .fichaSuccessfulExample .carruselEstandar .owl-carousel-estandar .item .itemImage .backgroundImage { background-size: 60% !important; } .carruselEstandar .owl-carousel-estandar .item .itemContenido { padding: 20px; } .carruselEstandar .owl-carousel-estandar .item .itemContenido .title { margin-bottom: 20px; } .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h2, .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h2 a, .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h3, .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h3 a { margin: 0; color: #333; font-weight: 400; font-size: 24px; line-height: normal; } .carruselEstandar .owl-carousel-estandar .item .itemContenido .resumen .verMasPalco { background: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 20px; color: #E62073; padding: 0; margin: 0; margin-bottom: 20px; } .carruselEstandar .owl-carousel-estandar .item .itemContenido .resumen .verMasPalco::after { display: block; font-family: 'Material Icons'; content: '\E409'; font-size: 35px; font-weight: 100; position: relative; top: 2px; } .carruselEstandar .owl-carousel-estandar .item .itemContenido .resumeCKE * { font-size: 14px; color: #888; font-weight: 300; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav > div { background: white; height: 30px; width: 30px; position: absolute; top: 50%; margin-top: -15px; text-indent: -9999em; background-position: center !important; font-size: 0; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav > div.disabled a { cursor: default; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav > div:before { width: 100%; font-family: 'Material Icons'; content: '\E409'; font-size: 30px; color: #006fff; height: 30px; line-height: 30px; text-align: center; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav .owl-prev { left: -40px; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav .owl-prev:before { content: '\E408'; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav .owl-next { right: -40px; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav .owl-next:before { content: '\E409'; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav > div:hover { background: #00ebeb; } @media (max-width: 767px) { .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav .owl-prev { left: -30px; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav .owl-next { right: -30px; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav > div { background: none; } .carruselEstandar .owl-carousel-estandar.owl-carousel .owl-nav > div:before { color: white; } .carruselEstandar .owl-carousel-estandar.owl-carousel.destacado-gris .owl-nav > div:before { color: #006fff; } } /* CAROUSEL STANDARD RELACIONADOS */ .fichaSuccessfulExample .bloqueHalfBlur .container .row p { padding-bottom: 20px; margin-bottom: 0;} .fichaSuccessfulExample .carruselEstandar .group-title .tituloComponente { color: #fff; padding-bottom: 40px; font-weight: 300; } .fichaSuccessfulExample .carruselEstandar .owl-stage .owl-item .item { padding: 10px; position: relative; } .fichaSuccessfulExample .carruselEstandar .owl-stage .owl-item .item .itemContenido { padding: 0; } .fichaSuccessfulExample .carruselEstandar .owl-stage .owl-item .item .itemContenido .title { margin: 0; } .fichaSuccessfulExample .carruselEstandar .owl-stage .owl-item .item .itemContenido .title h3 a { display: block; color: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* CARRUSEL ESTANDAR VIDEOS */ .carruselEstandar .owl-carousel-estandar.sliderVideos .item .itemImage .backgroundImage { background-size: cover !important; } /* LISTADO NOTICIAS */ .listadoNoticias .tituloComponente { display: block; width: 100%; font-weight: 500; font-size: 36px; line-height: normal; color: #4d4d4d; margin: 0; margin-bottom: 40px; } .listadoNoticias .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .listadoNoticias .item .itemImage { width: 150px; height: 150px; } .listadoNoticias .item .itemImage .backgroundImage { height: 150px; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } .listadoNoticias .item .itemImage .backgroundImageSin { height: 150px; width: 100%; background: #eee; } .listadoNoticias .item .itemContenido { width: calc(100% - 150px); padding-left: 50px; } .listadoNoticias .item .itemContenido .title h3, .listadoNoticias .item .itemContenido .title h3 a { color: #333; font-weight: 400; font-size: 28px; line-height: normal; } .listadoNoticias .item .itemContenido .resumeCKE { max-height: 200px; overflow: hidden; } .listadoNoticias .item .itemContenido .resumeCKE * { font-size: 15px; color: #888; } .bloqueMasNoticias { padding: 40px; padding-top: 0; text-align: center; } .bloqueMasNoticias a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Roboto", sans-serif; text-decoration: none; text-align: center; font-weight: 500; color: #E62073; font-size: 23px; } .bloqueMasNoticias a::after { content: '\E409'; font-family: 'Material Icons'; margin-left: 0; font-size: 30px; width: 30px; height: 30px; line-height: 30px; } /* FICHE SUCCESFUL */ .fichaSuccessfulExample .sliderPrincipal .item { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 575px) { .fichaSuccessfulExample .sliderPrincipal .item { max-width: 540px; } } @media (min-width: 767px) { .fichaSuccessfulExample .sliderPrincipal .item { max-width: 720px; } } @media (min-width: 991px) { .fichaSuccessfulExample .sliderPrincipal .item { max-width: 960px; } } @media (min-width: 1200px) { .fichaSuccessfulExample .sliderPrincipal .item{ max-width: 1140px; } } .fichaSuccessfulExample .sliderPrincipal .item .itemContenido h2 { display: none; } .fichaSuccessfulExample .actionButtonsSlider { display: none; } .fichaSuccessfulExample .descripcion-page .destacado { padding: 60px 15px; } .fichaSuccessfulExample .descripcion-page .destacado .contenido { padding-top: 0; padding-bottom: 0;} .fichaSuccessfulExample .descripcion-page .destacado .contenido h1 { padding-bottom: 20px; border-bottom: 1px solid #006fff; font-size: 36px; margin-bottom: 0; line-height: 40px; } .fichaSuccessfulExample .descripcion-page .destacado .contenido h2 { padding-top: 20px; font-size: 24px; margin-bottom: 0; color:#006fff; padding-bottom: 40px;} .fichaSuccessfulExample .rowCliente { padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fichaSuccessfulExample .rowCliente .contenido { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .fichaSuccessfulExample .rowCliente .contenido .logoCliente { height: 180px; width: 300px; } .fichaSuccessfulExample .rowCliente .contenido .logoCliente .backgroundCliente { height: 100%; width: 80%; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } .fichaSuccessfulExample .rowCliente .contenido .datosCliente { width: 70%; } .fichaSuccessfulExample .rowCliente .contenido .datosCliente .clienteBreadcrumbs { display: none; } .fichaSuccessfulExample .rowCliente .contenido .datosCliente div { padding-left: 0; } .fichaSuccessfulExample .rowCliente .contenido .datosCliente div p { color: #fff; font-size: 20px; font-weight: 24px; } .fichaSuccessfulExample .bloqueHalfBlur .container { background: none !important; } .fichaSuccessfulExample .bloqueHalfBlur .container .row .col01 .resumenHtml { border-top: none; padding-top: 0; padding-bottom: 0; } .fichaSuccessfulExample .bloqueHalfBlur .container .row .col01 .resumenHtml p a { color: #006fff; } .fichaSuccessfulExample .bloqueHalfBlur .container .row .col01 .resumenHtml p a:hover { color: #F51E2D; } .fichaSuccessfulExample .bloqueHalfBlur .container .row .tituloBloque { color: #4d4d4d; padding-bottom: 40px; border-bottom: 2px solid #4d4d4d;} .fichaSuccessfulExample .bloqueHalfBlur .container .row p { color: #4d4d4d; padding-bottom: 40px;} .fichaSuccessfulExample .box.descripcion { display: none; } .fichaSuccessfulExample #col01 { display: block; } @media (max-width: 1199px) { .fichaSuccessfulExample .rowCliente .contenido .datosCliente div p { padding-left: 40px;} } @media (max-width: 767px) { .fichaSuccessfulExample .rowCliente { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 15px; padding-right: 15px; } .fichaSuccessfulExample .rowCliente .logoCliente { padding-bottom: 40px; padding-top: 20px; } .fichaSuccessfulExample .rowCliente .contenido .logoCliente .backgroundCliente { width: 100%; } .fichaSuccessfulExample .rowCliente .datosCliente { padding: 0; width: 100%; } .fichaSuccessfulExample .rowCliente .contenido {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; } .fichaSuccessfulExample .rowCliente .contenido .datosCliente { width: 100%; } .fichaSuccessfulExample .rowCliente .contenido .datosCliente div p { padding-left: 0;} .fichaSuccessfulExample .bloqueHalfBlur { border-bottom: none; margin-bottom: 0;} .fichaSuccessfulExample .bloqueHalfBlur .container .row { padding-right: 15px; padding-left: 15px;} .fichaSuccessfulExample .bloqueHalfBlur .container .row .col01 { padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .fichaSuccessfulExample .bloqueHalfBlur .container .row .col01 .resumenHtml { padding-bottom: 0;} .fichaSuccessfulExample .bloqueHalfBlur .container .row .col02 { padding-bottom: 40px !important; border-bottom: 2px solid #4d4d4d; } } @media (max-width: 575px) { .fichaSuccessfulExample .sliderPrincipal .item { padding-left: 0; padding-right: 0; } } /* FICHA COMUNIDAD ESTANDAR */ .fichaComunidadEstandar .sliderPrincipal, .fichaComunidadEstandar .aaCabecera .headerBreadcrumbs { display: none !important; } .fichaComunidadEstandar .aaCabecera #header .container .comunityNav .logoCustomRIAM img.logoSecundario { opacity: 1; } .fichaComunidadEstandar #col02 > div.container { margin-top: 120px; margin-bottom: 60px; } .fichaComunidadEstandar .container[role="main"] { padding-top: 80px; } .fichaComunidadEstandar .container[role="main"] #col02 { padding: 30px 12%; } .fichaComunidadEstandar .group.title .resourceType { margin: 0; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 300; color: #006fff; margin-bottom: 20px;} .fichaComunidadEstandar .group.title h1 { display: block; width: 100%; margin: 0; margin-bottom: 30px; } .fichaComunidadEstandar .group.title h1, .fichaComunidadEstandar .group.title h1 a { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 36px; line-height: normal; color: #4d4d4d; } .fichaComunidadEstandar .group.content iframe { width: 100%; } .fichaComunidadEstandar .group.content .descripcion img { display: block !important; float: none !important; max-width: 100% !important; margin: 0 auto !important; margin-bottom: 20px !important; } .fichaComunidadEstandar .group.content .descripcion * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 15px; color: #4d4d4d;; } .fichaComunidadEstandar .group.content .descripcion a { color: #F51E2D; text-decoration: none; font-weight: 400; } .fichaComunidadEstandar .group.content .descripcion a:hover { color: #006fff; } .fichaComunidadEstandar .group.content .descripcion h3, .fichaComunidadEstandar .group.content .descripcion h4 { font-family: "Roboto", sans-serif; font-weight: 500; color: #4d4d4d;; line-height: 1; } .fichaComunidadEstandar .group.content .descripcion h3 { font-size: 28px; } .fichaComunidadEstandar .group.content .descripcion h4 { font-size: 24px; } /* FICHA NEW */ .fichaNew .sliderPrincipal, .fichaNew .aaCabecera .headerBreadcrumbs { display: none !important; } .fichaNew .container[role="main"] { padding-top: 80px; } .fichaNew .container[role="main"] #col02 { padding: 70px 12%; padding-bottom: 40px; } .fichaNew .group.title .resourceType { margin: 0; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 500; color: #F51E2D; } .fichaNew .group.title h1 { display: block; width: 100%; margin: 0; margin-bottom: 10px; } .fichaNew .group.title h1, .fichaNew .group.title h1 a { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 36px; line-height: normal; color: #4d4d4d;; } .fichaNew .group.title h2 { display: block; width: 100%; margin: 0; } .fichaNew .group.title h2, .fichaNew .group.title h2 a { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 26px; line-height: normal; color: #4d4d4d;; } .fichaNew .group.title .authorDiv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; margin-top: 30px; margin-bottom: 30px; padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .fichaNew .group.title .authorDiv > div { min-width: 50%; font-size: 12px; } .fichaNew .group.title .authorDiv .date { text-align: right; } .fichaNew .group.content .imagenNoticia, .fichaNew .group.content .VideoNoticia { width: 100%; margin: 0; text-align: center; margin-bottom: 30px; } .fichaNew .group.content iframe { width: 100%; height: 400px; margin: 20px 0; } .fichaNew .group.content .descripcion img { display: block !important; float: none !important; max-width: 100% !important; margin: 0 auto !important; margin-bottom: 20px !important; } .fichaNew .group.content .descripcion * { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 15px; color: #4d4d4d;; } .fichaNew .group.content .descripcion h3, .fichaNew .group.content .descripcion h4 { font-family: "Roboto", sans-serif; font-weight: 500; color: #4d4d4d;; line-height: 1; } .fichaNew .group.content .descripcion h3 { font-size: 28px; } .fichaNew .group.content .descripcion h4 { font-size: 24px; } .casosExitosRelacionados { background: #fff; border-top: 1px solid #fff; padding: 50px 12%; } .casosExitosRelacionados .listadoCasosExitosRelacionados { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .casosExitosRelacionados .listadoCasosExitosRelacionados .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; } .casosExitosRelacionados .listadoCasosExitosRelacionados .item .itemImage { max-width: 80px; width: 80px; min-width: 80px; } .casosExitosRelacionados .listadoCasosExitosRelacionados .item .itemContent { padding-left: 40px; } .casosExitosRelacionados .listadoCasosExitosRelacionados .item .itemContent h4, .casosExitosRelacionados .listadoCasosExitosRelacionados .item .itemContent h4 a { font-size: 24px; color: #4d4d4d; } .casosExitosRelacionados .listadoCasosExitosRelacionados .item .itemContent h4 a:hover { text-decoration: underline; } .casosExitosRelacionados .listadoCasosExitosRelacionados .item .itemContent .content * { margin: 0; } /* DATATABLES */ .dataTables_paginate, .dataTables_info, .dataTables_length { display: none !important; } .dataTables_wrapper.container-fluid { padding: 0; } @media (max-width: 767px) { table.dataTable { width: 100% !important; } } /* PAGE CLOUD COMPUTING */ .page-cloud-computing .destacado-gris .destacado .contenido {border-bottom: 2px solid #4d4d4d;} .page-cloud-computing .tabla-tres-columnas table thead tr th:nth-child(1):after { display: none; } .page-cloud-computing .tabla-tres-columnas table thead tr th:nth-child(2) p { color: #F51E2D !important; } .page-cloud-computing .tabla-tres-columnas table thead tr th:nth-child(3) p { color: #4d4d4d !important; } .page-cloud-computing .tabla-tres-columnas table tbody tr:nth-child(18) td:nth-child(1):after, .page-cloud-computing .tabla-tres-columnas table tbody tr:nth-child(11) td:nth-child(1):after, .page-cloud-computing .tabla-tres-columnas table tbody tr:nth-child(1) td:nth-child(1):after { width: 120%; } .page-cloud-computing .tabla-tres-columnas table tbody tr:nth-child(18) td:nth-child(2):after, .page-cloud-computing .tabla-tres-columnas table tbody tr:nth-child(11) td:nth-child(2):after, .page-cloud-computing .tabla-tres-columnas:not(.tabla-especial) table tbody tr:nth-child(1) td:nth-child(2):after { background: #006fff !important; } /* PAGE COMPAÑIA */ .page-compania .sliderPrincipal .actionButtonsSlider .botonera .boton.tryit { display: none; } .page-compania .descripcion-page .destacado-gris .destacado .title { border-bottom: none !important; } .page-compania .descripcion-page .destacado-gris .destacado .contenido { border-bottom: none !important; } .page-compania .descripcion-page .destacado-gris .destacado .contenido p { width: 70%; } .page-compania .destacado .contenido p { width: 70%; margin-left: auto; } /* LISTADO PREMIOS */ .listadoPremios { } .listadoPremios .carruselEstandar h2.tituloComponente { font-weight: 300; padding-bottom: 40px;} .listadoPremios .carruselEstandar .owl-stage-outer { padding: 0; } .listadoPremios .carruselEstandar .owl-carousel-estandar .item { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; } .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemImage { width: 50%; height: 100%;} .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemImage .backgroundImage { height: 275px; background-size: cover!important;} .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemContenido { width: 50%; } .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemContenido .title { padding-bottom: 20px;} .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h2, .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h2 a { color: #006fff; font-size: 22px;} .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemContenido .resumenHtml p { color: #4d4d4d } /* PAGE DESARROLLADORES */ .page-desarrollador .texto-centrado-min .destacado { padding: 50px 20%; } .page-desarrollador .formularioContacto { padding: 50px 20%; padding-top: 0; } @media (max-width: 767px){ .formularioContacto .fieldsetContent { padding: 20px 0%; } .formularioContacto .button { padding-left: 0; } .listadoPremios .carruselEstandar .owl-carousel-estandar .item { flex-direction: column; } .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemImage { width: 100%; } .listadoPremios .carruselEstandar .owl-carousel-estandar .item .itemContenido { width: 100%; } } /* PRELOADER */ .preloader-wrapper { display: inline-block; position: relative; width: 48px; height: 48px;} .preloader-wrapper.small { width: 36px; height: 36px;} .preloader-wrapper.big { width: 64px; height: 64px;} .preloader-wrapper.active { /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; } @-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } } @keyframes container-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; border-color: orangered; } .spinner-blue, .spinner-blue-only { border-color: var(--color-azul); } .spinner-red, .spinner-red-only { border-color: var(--color-rosa); } .spinner-yellow, .spinner-yellow-only { border-color: var(--color-item-amarillo); } .spinner-green, .spinner-green-only { /*border-color: #0f9d58;*/ border-color: var(--color-item-verde-oscuro); } .active .spinner-layer.spinner-blue { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { /* durations: 4 * ARCTIME */ opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @-webkit-keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-webkit-keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @-webkit-keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } /** * Patch the gap that appear between the two adjacent div.circle-clipper while the * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */ .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch .circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); } .active .circle-clipper.left .circle { /* duration: ARCTIME */ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .circle-clipper.right .circle { /* duration: ARCTIME */ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); } } @keyframes left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); } } @keyframes right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } #spinnerContainer.cooldown { /* duration: SHRINK_TIME */ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } /* VIDEOS CLIENTES HOME */ .row[modulo*="CLIENTES"] .destacadoDescripcion .destacado { padding-bottom: 10px; } .grupo-videos { margin-bottom: 30px; } .grupo-videos .items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: -15px; margin-right: -15px; } .grupo-videos .items .item { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grupo-videos .items .item .block .destacado-video .wrap .header-video { background-size: cover !important; } .grupo-videos .items .item .block .destacado-video .wrap .header-video a { display: block; height: 280px; cursor: pointer; position: relative; background: rgba(0,0,0,.6); } .grupo-videos .items .item .block .destacado-video .wrap .header-video a:before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; content: '\E037'; font-family: 'Material Icons'; font-size: 40px; color: #1077FF; background: #fff; width: 55px; height: 55px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .grupo-videos .items .item .block .destacado-video .wrap .body-video { border: 1px solid #CCC; padding: 20px 30px; background: white; } .grupo-videos .items .item .block .destacado-video .wrap .body-video h3, .grupo-videos .items .item .block .destacado-video .wrap .body-video h3 a { display: block; font-size: 16px; font-weight: normal; margin: 0 0 15px; color: #006fff; } .grupo-videos .items .item .block .destacado-video .wrap .body-video h3 p { margin: 0; } .grupo-videos .items .item .block .destacado-video .wrap .body-video .resumen { display: none; } .grupo-videos .items .item .block .destacado-video .wrap .body-video .resumen p { margin: 0; font-size: 15px; color: #888; font-weight: 300; } @media (max-width: 767px){ .grupo-videos .items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .grupo-videos .items .item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; } } /* RESTYLING VIDEO FICHA CLIENTES */ .capa-video-ficha { display: none; } .capa-video-ficha .cabecera-video { background: #fff; } .capa-video-ficha .cabecera-video .container .row .col { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .capa-video-ficha .cabecera-video .container .row .col img { max-height: 20px; width: auto; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video { font-size: 13px; color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video:after { content: '\E5CD'; font-family: 'Material Icons'; font-size: 30px; color: #FFF; margin-left: 10px; } .capa-video-ficha .contenedor-video iframe { width: 100%; height: calc(100vh - 60px); } .reproduciendo-video .aaCabecera, .reproduciendo-video .sliderPrincipal { display: none; } .reproduciendo-video .capa-video-ficha { display: block; } block .container .row .col { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .capa-video-ficha .cabecera-video .container .row .col img { max-height: 20px; width: auto; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video { font-size: 13px; color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video:after { content: '\E5CD'; font-family: 'Material Icons'; font-size: 30px; color: #FFF; margin-left: 10px; } .capa-video-ficha .contenedor-video iframe { width: 100%; height: calc(100vh - 60px); } .reproduciendo-video .aaCabecera, .reproduciendo-video .sliderPrincipal { display: none; } .reproduciendo-video .capa-video-ficha { display: block; } .reproduciendo-video .aaCabecera, .reproduciendo-video .sliderPrincipal { display: none; } .reproduciendo-video .capa-video-ficha { display: block; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video:after { content: '\E5CD'; font-family: 'Material Icons'; font-size: 30px; color: #FFF; margin-left: 10px; } .capa-video-ficha .contenedor-video iframe { width: 100%; height: calc(100vh - 60px); } .reproduciendo-video .aaCabecera, .reproduciendo-video .sliderPrincipal { display: none; } .reproduciendo-video .capa-video-ficha { display: block; } /* PAGES VIDEO */ .page-video .sliderPrincipal .actionButtonsSlider .botonera .boton { display: none; } /* QUITAR TITULOS */ .sinTitulo .title h2 { color: #006fff; } .page-semantic-framework.sinTitulo .destacado .contenido { width: 66.6%; margin-left: auto; } @media (max-width: 767px) { .page-semantic-framework.sinTitulo .destacado .contenido { width: 100% !important; } } /* PAGE SMART DATA COMPUTING */ .page-smart-data-computing .descripcion-page .destacado .title { border-bottom: 2px solid #006fff !important; } .page-smart-data-computing .descripcion-page .destacado .title .tituloBloque { color: #006fff !important; } .page-smart-data-computing .descripcion-page .destacado .contenido p { color: #006fff !important;} .page-smart-data-computing .descripcion-page .lineaAbajo .destacado:after { background: #006fff; } .page-smart-data-computing .destacado-gris .destacado .contenido { border-bottom: none !important; } .page-smart-data-computing .filas-col { padding-top: 40px; padding-bottom: 40px; } .page-smart-data-computing .filas-col .destacado .title h2 { color: #006fff; width: 100%; } .page-smart-data-computing .filas-col .destacado .contenido { padding-top: 40px; } .page-smart-data-computing .filas-col .destacado .contenido p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; } .page-smart-data-computing .filas-col .colorGris .destacado .title { border-bottom: 2px solid #4d4d4d; } .page-smart-data-computing .filas-col .colorGris .destacado .title h2 { color: #4d4d4d; } .page-smart-data-computing .filas-col .colorGris .destacado .contenido { border-bottom: none; } .page-smart-data-computing .filas-col .colorGris .destacado .contenido p { color: #4d4d4d; } .page-smart-data-computing .filas-col .colorRojo .destacado .title { border-bottom: 2px solid #f51e2d !important; } .page-smart-data-computing .filas-col .colorRojo .destacado .title h2 { color: #f51e2d !important; } .page-smart-data-computing .filas-col .colorRojo .destacado .contenido { border-bottom: none; } .page-smart-data-computing .filas-col .colorRojo .destacado .contenido p { color: #f51e2d !important; } .page-smart-data-computing .filas-col .colorAzul .destacado .title { border-bottom: 2px solid #006fff !important; } .page-smart-data-computing .filas-col .colorAzul .destacado .title h2 { color: #006fff !important; } .page-smart-data-computing .filas-col .colorAzul .destacado .contenido { border-bottom: none; } .page-smart-data-computing .filas-col .colorAzul .destacado .contenido p { color: #006fff !important; } .page-smart-data-computing .aaCabecera .header .searchNav .nav .nav-item.menuIdiomas a { color: #006fff !important; } .page-smart-data-computing .texto-centrado-min .destacado { padding: 15px 15px; } @media( max-width: 991px ){ .page-smart-data-computing .filas-col .container .row .col { padding-left:0; padding-right: 0; } } @media( max-width: 575px ){ .page-smart-data-computing .filas-col .container .row .col { padding-left: 15px; padding-right: 15px; } } /* PGE_BUSSINESS-ANALYTICS */ .page-business-analytics .bloqueHalfBlur .row .col01 h2, .page-business-analytics .bloqueHalfBlur .row .col01 .resumenHtml li, .page-business-analytics .bloqueHalfBlur .row .col01 .resumenHtml p { color: #006fff; } .page-business-analytics .bloqueHalfBlur .row .col01 .resumenHtml { border-top: 2px solid #006fff; border-bottom: 2px solid #006fff; } /* HOME GRAFOS DE CONOCOMIENTO */ .nube-consultoria .columnaIz .titulo .verMas { display: none !important; } .nube-consultoria .titulo-imagen-texto .title .verMas { display: none !important; } @media( max-width: 768px ){ .nube-consultoria > .container > .row { display: block; } .nube-consultoria > .container > .row .col { max-width: 100%; } .nube-consultoria .container .row div.col:first-child { padding-right: 15px; } .nube-consultoria .container .row div.col:last-child { padding-left: 15px; margin-top: 20px; } .nube-consultoria .columnaIz { border-bottom: 2px solid #006fff; } .nube-consultoria .columnaIz .titulo { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .nube-consultoria .columnaIz .titulo h2 { width: 80%; padding-bottom: 10px; } .nube-consultoria .columnaIz .titulo .verMas { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: absolute; right: 0; bottom: 14px;} .nube-consultoria .titulo-imagen-texto { border-bottom: 2px solid #006fff; } .nube-consultoria .titulo-imagen-texto .title { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .nube-consultoria .titulo-imagen-texto .title h2 { width: 80%; } .nube-consultoria .titulo-imagen-texto .title .verMas { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin: 0; position: absolute; right: 0; bottom: 14px; } .nube-consultoria .titulo-imagen-texto .contenido { display: none; } } /* PAGE TECNOLOGIA SEMANTICAS BLANCAS */ .page-tecnologia-semantica .descripcion-page .destacado h1 { color: #4d4d4d; border-bottom: none; } .page-tecnologia-semantica .descripcion-page .destacado .title { border-bottom: 2px solid #4d4d4d; } .page-tecnologia-semantica .descripcion-page .destacado .title .tituloBloque { color: #4d4d4d; } .page-tecnologia-semantica .descripcion-page .destacado .contenido p { color: #4d4d4d; } .page-tecnologia-semantica .descripcion-page .destacado .contenido strong { color: #4d4d4d; } .page-tecnologia-semantica .bloqueHalfBlur .col01 h2 { color: #006fff; } .page-tecnologia-semantica .bloqueHalfBlur .col01 .resumenHtml { border-top: 2px solid #006fff; border-bottom: 2px solid #006fff; } .page-tecnologia-semantica .bloqueHalfBlur .col01 .resumenHtml p { color: #006fff; } .page-tecnologia-semantica .bloqueHalfBlur .col01 .resumenHtml ul li { color: #006fff; } /* PAGE GRAPH BUILDER BLANCAS */ .page-graph-builder .descripcion-page .destacado h1 { color: #4d4d4d; border-bottom: 2px solid #4d4d4d; -webkit-margin-after: 0; margin-block-end: 0; } .page-graph-builder .descripcion-page .destacado .title { border-bottom: 2px solid #4d4d4d; } .page-graph-builder .descripcion-page .destacado .title .tituloBloque { color: #4d4d4d; } .page-graph-builder .descripcion-page .destacado .contenido p { color: #4d4d4d; } .page-graph-builder .descripcion-page .destacado .contenido strong { color: #4d4d4d; } .page-graph-builder .bloqueHalfBlur .col01 h2 { color: #006fff; } .page-graph-builder .bloqueHalfBlur .col01 .resumenHtml { border-top: 2px solid #006fff; border-bottom: 2px solid #006fff; } .page-graph-builder .bloqueHalfBlur .col01 .resumenHtml p { color: #006fff; } .page-graph-builder .bloqueHalfBlur .col01 .resumenHtml ul li { color: #006fff; } .page-graph-builder .ayuda .destacado .contenido p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; } .page-graph-builder.developers .descripcion-page .destacado .contenido { border-top: 2px solid #4d4d4d; } /* Despliegue */ .page-despliegue .descripcion-page .destacado .contenido p { width: 50%; padding-left: 40px;} .page-despliegue .texto-centrado-min.colorAzul .destacado p { color: #006fff; } .page-despliegue .texto-centrado-min.colorAzul .destacado .contenido { border-bottom: 2px solid #006fff; } @media (max-width: 768px){ .page-despliegue .descripcion-page .destacado .contenido p { width: 100%; padding-left: 0;} } @media (max-width: 575px){ .page-despliegue .texto-centrado-min.destacado-gris .destacado { padding: 60px 0; } } @media (max-width: 768px){ .descripcion-page .destacado .verMas, .page-smart-data-computing .descripcion-page .destacado .verMas {margin-left: 0;} } /* Infografía */ .graficov3 .cuadroPrincipal { border: 5px solid #4d4d4d; background: #fff; color: #4d4d4d;} .graficov3 .wrapSecundarios { border: 5px solid #4d4d4d;border-top: none; padding: 15px;} .graficov3 { padding: 60px 0; } .graficov3 h2 { margin-top: 0; margin-bottom: 40px; } .graficov3 .colGris { padding-right: 25px; } .graficov3 .colRojo { padding-right: 25px; padding-left: 25px; } .graficov3 .colAzul { padding-left: 25px; } .graficov3 .col .grupoCuadros { margin-bottom: 15px; } .graficov3 .col .grupoCuadros .grupoCuadros { margin-bottom: 0; } .graficov3 .col .grupoCuadros p { color: #4d4d4d; padding: 10px 15px 10px 50px; margin: 0; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1; } .graficov3 .col .conAngulo { position: relative; padding-right: 15px; } .graficov3 .col .grupoCuadros .fa { color: #4d4d4d; position: absolute; top: 10px; left: 15px; font-size: 35px; font-weight: bold; } .graficov3 .col .grupoCuadros .fa.fa-angle-up, .graficov3 .col .grupoCuadros .fa.fa-angle-down { cursor: pointer; } .graficov3 .col .cuadroColumnas { } .graficov3 .col .cuadroColumnas .izq { margin-right: 7.5px; float: left; width: 45%;} .graficov3 .col .cuadroColumnas .med { margin-right: 7.5px; margin-left: 7.5px; float: left; width: 25%;} .graficov3 .col .cuadroColumnas .dch { margin-left: 7.5px; float: right; width: 24%;} .graficov3 .col .cuadroColumnas .dch .cuadroPrincipal { height: 100%; } .graficov3 .col .cuadroSecundario { padding: 0 15px; font-size: 14px;} .graficov3 .col .cuadroSecundario p { font-size: 14px; padding: 5px 0;} .graficov3 .col .dobleAlto{ height: 65px; display: table; width: 100%; table-layout: fixed; } .graficov3 .col .dobleAlto p { display: table-cell; height: 60px; vertical-align: middle; width: 100%; } .graficov3 .colGris .cuadroPrincipal { background: #fff; } .graficov3 .colGris .cuadroSecundario { background: #fff; } .graficov3 .colGris .cuadroIntermedio { background: #fff; } .graficov3 .colRojo .cuadroPrincipal { border: 5px solid #F51E2D; background: #fff; color: #4d4d4d; margin-bottom: 15px; position: relative;} .graficov3 .colRojo .grupoCuadros p { color: #F51E2D; } .graficov3 .colRojo .cuadroPrincipal i { color: #F51E2D; position: absolute; top: 13px; left: 10px; font-size: 35px; font-weight: 900;} .graficov3 .colRojo .cuadroPrincipal.morado i { color: #F51E2D; position: absolute; top: 17px; left: 15px; font-size: 25px;} .graficov3 .colRojo .cuadroColumnas .med .cuadroPrincipal { padding: 0 15px; } .graficov3 .colRojo .cuadroColumnas .med .cuadroPrincipal .ico { position: relative; top: 15px; left: inherit; right: inherit; margin-top: 0; } .graficov3 .colRojo .cuadroColumnas .dch .cuadroPrincipal { padding: 0 15px; } .graficov3 .colRojo .cuadroColumnas .dch .cuadroPrincipal .ico { position: relative; top: 15px; left: inherit; right: inherit; margin-top: 0; } .graficov3 .colRojo .cuadroColumnas .dch .cuadroPrincipal p { position: relative; } .graficov3 .colAzul .cuadroPrincipal { border: 5px solid #006fff; background: #fff; } .graficov3 .colAzul .grupoCuadros p { color: #006fff; } .graficov3 .colAzul .wrapSecundarios { border: 5px solid #006fff; border-top: none; } .graficov3 .colAzul .grupoCuadros .fa { color: #006fff; } .graficov3 .colRojo .cuadroColumnas .med .cuadroPrincipal , .graficov3 .colRojo .cuadroColumnas .dch .cuadroPrincipal { position: relative; } .graficov3 .colRojo .cuadroColumnas .med .cuadroPrincipal p, .graficov3 .colRojo .cuadroColumnas .dch .cuadroPrincipal p { padding-left: 0; position: absolute; bottom: -11px; } .graficov3 .col .grupoCuadros .divPunto { width: 15px; height: 15px; position: absolute; top: 49.5%; margin-top: -7px; z-index: 1; } .graficov3 .col .grupoCuadros .divPunto.before.conector4 { top: 13%; } .graficov3 .col .grupoCuadros .divPunto i { position: absolute; color: #F51E2D; top: -11px; left: 12px; } .graficov3 .col .grupoCuadros .divPunto i.fa-angle-right { position: absolute; color: #F51E2D; top: -11px; left: -8px;} .graficov3 .puntoDch .divPunto { right: -20px; } .graficov3 .puntoIzq .divPunto { left: -20px; } .graficov3 .puntoArriba .divPunto { top: 25px; } .graficov3 .puntoInternoDch .divPunto.after { right: 25px; left: inherit; } .graficov3 .puntoInternoDch.puntoArriba .divPunto.after { top: 25px; } .graficov3 .puntoInternoIzq .divPunto.after { left: 25px; } .graficov3 .puntoInternoIzq.puntoArriba .divPunto.after { top: 25px; } .graficov3 .puntoInternoDoble .divPunto.after { top: 5px; right: 45px; margin-top: 0; } .graficov3 .puntoInternoDoble .divPunto.before { bottom: 5px; right: 45px; top: inherit; margin-top: 0; } .graficov3 .padleft45 { padding-left: 45px !important; } .graficov3 .tooltipGrafico { display: none; position: fixed; top: 120px; z-index: 11000; left: 0; right: 0; } .graficov3 .tooltipGrafico .wrap { background: #FFF; border: 1px solid #eee; padding: 15px 50px; float: none; margin: 0 auto; } .graficov3 .tooltipGrafico .wrap .cerrar { position: absolute; top: 15px; right: 15px; cursor: pointer; width: 24px; height: 24px; } .graficov3 .tooltipGrafico .wrap .titulo { position: relative; padding-left: 25px; height: 30px; line-height: 30px; margin-bottom: 20px; } .graficov3 .tooltipGrafico .wrap .titulo::after { position: absolute; content: ''; left: 0; top: 50%; margin-top: -7px; width: 15px; height: 15px; border-radius: 50%; display: block; background: #6A1B9A; } .graficov3 .tooltipGrafico .wrap .titulo span { font-family: 'Roboto', sans-serif; vertical-align: middle; font-size: 20px; } .graficov3 .tooltipGrafico .wrap .titulo span.material-icons { font-family: 'Material Icons'; font-size: 24px; } .graficov3 .tooltipGrafico .wrap p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; } .graficov3 .tooltipGrafico .wrap ul li { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; margin-bottom: 5px; } .graficov3 .lineaVertical , .graficov3 .lineaHorizontal { background: #F51E2D; z-index: 1028; } .graficov3 #lineaHoriz1Conector4, .graficov3 #lineaHoriz2Conector4, .graficov3 #lineaVerticalConector5, .graficov3 #lineaHoriz2Conector5, .graficov3 #lineaVerticalConector4 { background: #006fff; z-index: 1029; } .graficov3 .col .grupoCuadros .divPunto.conector4 i, .graficov3 .col .grupoCuadros .divPunto.conector5 i { color: #006fff;} .graficov3 .abrirTooltip { cursor: pointer; } .graficov3.tooltip1 .tooltipGrafico.tooltip1 , .graficov3.tooltip2 .tooltipGrafico.tooltip2 , .graficov3.tooltip3 .tooltipGrafico.tooltip3 , .graficov3.tooltip4 .tooltipGrafico.tooltip4 , .graficov3.tooltip5 .tooltipGrafico.tooltip5 , .graficov3.tooltip6 .tooltipGrafico.tooltip6 { display: block; } .activadaMascaraTooltipGrafico { overflow: hidden !important; } .activadaMascaraTooltipGrafico #mascaraBlanca { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(0,0,0,.8) !important; z-index: 10999 !important; display: block !important; } @media (max-width: 1199px){ .graficov3 .col .cuadroColumnas .med { margin-right: 4.5px; margin-left: 4.5px; } } @media (max-width: 992px){ .graficov3 { padding: 40px 0; } .graficov3 .col{margin-bottom: 15px; } .graficov3 .colGris { padding-right: 15px; } .graficov3 .colRojo { padding-right: 15px; padding-left: 15px; } .graficov3 .colAzul { padding-left: 15px; } .graficov3 .col .grupoCuadros { margin-bottom: 15px; } .graficov3 .col .dobleAlto { display: block; } .graficov3 .col .cuadroColumnas .izq { margin-right: 0; float: none; width: 100%;} .graficov3 .col .cuadroColumnas .med { margin-right: 0; margin-left: 0; float: left; width: 47%;} .graficov3 .col .cuadroColumnas .dch { margin-left: 0; float: right; width: 47%;} .graficov3 .colRojo .cuadroPrincipal.morado { height: 75px;} .graficov3 .colRojo .cuadroPrincipal.morado p { padding-top: 10px; } .graficov3 .lineaVertical , .graficov3 .lineaHorizontal , .graficov3 .divPunto { display: none !important; } } @media (max-width: 768px){ } @media (max-width: 480px){ .graficov3 .colRojo .cuadroPrincipal i { top: 10px;} .graficov3 .col .cuadroColumnas .izq { width: 100%; } .graficov3 .col .cuadroColumnas .izq .cuadroPrincipal , .graficov3 .col .cuadroColumnas .med .cuadroPrincipal , .graficov3 .col .cuadroColumnas .dch .cuadroPrincipal { height: 60px !important; padding: 0; padding-left: 85px; } .graficov3 .colRojo .grupoCuadros p { padding-top: 5px; } .graficov3 .colRojo .grupoCuadros .izq p { padding-left: 0; padding-right: 114px; } .graficov3 .colRojo .grupoCuadros .izq .cuadroPrincipal { padding-left: 50px; } .graficov3 .colRojo .grupoCuadros .med .cuadroPrincipal { padding-left: 50px; } .graficov3 .colRojo .grupoCuadros .dch .cuadroPrincipal { padding-left: 50px; } .graficov3 .col .cuadroColumnas .izq .cuadroPrincipal .ico , .graficov3 .col .cuadroColumnas .med .cuadroPrincipal .ico , .graficov3 .col .cuadroColumnas .dch .cuadroPrincipal .ico { position: absolute; top: 50%; left: 45px; margin-top: -15px; margin-bottom: 0; } .graficov3 .col .cuadroColumnas .med .cuadroPrincipal p , .graficov3 .col .cuadroColumnas .dch .cuadroPrincipal p { position: inherit; top: 0; } .graficov3 .col .cuadroColumnas .med , .graficov3 .col .cuadroColumnas .dch { border-left: 0; width: 100%; } } /* Infografia empresa */ .leyendaColores { z-index: 100; } .leyendaColores li { font-size: 15px; padding-bottom: 8px; cursor: pointer; opacity: 0.5;} .leyendaColores li.activo { opacity: 1;} .leyendaColores li::before { display: none; } .leyendaColores li i { margin-right: 10px; } .leyendaColores li.tecnologia { color: #F51E2D; } .leyendaColores li.producto { color: #006fff; } .leyendaColores li.comercial { color: #4d4d4d; } .cd-container::before { background-color: #4d4d4d; } /* #cd-timeline .cd-timeline-block.oculto { opacity: 0; display: block; } */ #cd-timeline .cd-timeline-block .cd-timeline-img { border: 5px solid; background: #fff; } #cd-timeline .cd-timeline-block .cd-timeline-content { border: 5px solid; padding: 0; } #cd-timeline .cd-timeline-block .cd-timeline-content:after { content: none; } #cd-timeline .cd-timeline-block .cd-timeline-content .fecha { margin-bottom: 0; border-bottom: 5px solid; padding: 20px; text-align: left; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 17px; } #cd-timeline .cd-timeline-block .cd-timeline-content h3 { padding: 20px; text-align: left; } #cd-timeline .cd-timeline-block .cd-timeline-content h3 strong { text-align: left; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 24px; } #cd-timeline .cd-timeline-block .cd-timeline-content p:last-of-type { padding: 0 20px 20px 20px; text-align: left; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; } #cd-timeline .cd-timeline-block .cd-timeline-content img { margin: 0 auto; } #cd-timeline .cd-timeline-block.tecnologia .cd-timeline-img, #cd-timeline .cd-timeline-block.tecnologia .cd-timeline-content:before, #cd-timeline .cd-timeline-block.tecnologia .cd-timeline-content { border-color: #F51E2D;} #cd-timeline .cd-timeline-block.tecnologia .cd-timeline-content .fecha { border-bottom-color: #F51E2D; color: #F51E2D;} #cd-timeline .cd-timeline-block.tecnologia .cd-timeline-content h3 strong { color: #F51E2D;} #cd-timeline .cd-timeline-block.tecnologia .cd-timeline-content p:last-of-type { color: #F51E2D;} #cd-timeline .cd-timeline-block.producto .cd-timeline-img, #cd-timeline .cd-timeline-block.producto .cd-timeline-content:before, #cd-timeline .cd-timeline-block.producto .cd-timeline-content { border-color: #006fff;} #cd-timeline .cd-timeline-block.producto .cd-timeline-content .fecha { border-bottom-color: #006fff; color: #006fff;} #cd-timeline .cd-timeline-block.producto .cd-timeline-content h3 strong { color: #006fff;} #cd-timeline .cd-timeline-block.producto .cd-timeline-content p:last-of-type { color: #006fff;} #cd-timeline .cd-timeline-block.comercial .cd-timeline-img, #cd-timeline .cd-timeline-block.comercial .cd-timeline-content:before, #cd-timeline .cd-timeline-block.comercial .cd-timeline-content { border-color: #4d4d4d;} #cd-timeline .cd-timeline-block.comercial .cd-timeline-content .fecha { border-bottom-color: #4d4d4d; color: #4d4d4d; } #cd-timeline .cd-timeline-block.comercial .cd-timeline-content h3 strong { color: #4d4d4d; } #cd-timeline .cd-timeline-block.comercial .cd-timeline-content p:last-of-type { color: #4d4d4d; } @media only screen and (min-width: 1170px){ #cd-timeline .cd-timeline-block .cd-timeline-img { top: 28px; } } @media (max-width: 1170px){ .cd-timeline-block:nth-child(even) .cd-timeline-content { display: block !important; } } /* PAGE VIVE EN LA NUBE */ .vive-nube .destacado { padding: 0; } .vive-nube .descripcion-page .destacado .contenido p { width: 70%; padding-left: 40px;} @media (max-width: 768px){ .vive-nube .descripcion-page .destacado .contenido p { width: 100%; padding-left: 0;} .vive-nube .bloqueHalfBlur.itemImpar .row .col01, .vive-nube .bloqueHalfBlur.itemImpar .row .col02, .vive-nube .bloqueHalfBlur.itemPar .row .col01, .vive-nube .bloqueHalfBlur.itemPar .row .col02 { padding-left: 15px; padding-right: 15px} } @media (max-width: 1199px){ #cd-timeline { height: auto !important; margin-top: 0; padding-top: 0; } #cd-timeline.cd-container:before { display: none;} #cd-timeline .cd-timeline-block { margin-left: 0; margin-bottom: 20px; } #cd-timeline .cd-timeline-block .cd-timeline-content { margin-left: 0; } } /* PAGE SERVICIOS PROFESIONALES */ .page-servicios-profesionales .texto-centrado-min .destacado .contenido p { color: #006fff; width: 70%; margin-left: auto;} /* Biblioteca */ .page-social-media .descripcion-page .destacado h2 { font-size: 40px; font-weight: 300;} .page-social-media .descripcion-page .destacado .contenido { padding-top: 0; } .page-social-media .descripcion-page .destacado .contenido p { padding-top: 40px; width: 100%; margin: 0; font-size: 25px; } .page-social-media .sliderVideos .carruselEstandar h2.tituloComponente{ padding-top: 40px; padding-bottom: 40px; font-size: 35px; font-weight: 300; color: #fff;} .page-social-media .sliderPrincipal .owl-carousel .owl-stage .owl-item .itemBackground .itemContenido .super-titulo {display: none;} .page-social-media .sliderPrincipal .actionButtonsSlider {display: none;} .page-social-media .carruselEstandar { padding-top: 0; } .page-social-media .carruselEstandar .sliderVideos { padding-left: 0; padding-right: 0; } .page-social-media .carruselEstandar .sliderVideos .owl-stage-outer { padding: 0; } .page-social-media .carruselEstandar .sliderVideos .owl-stage-outer .owl-stage .item{ background: #fff; height: 400px; } .page-social-media .carruselEstandar .owl-carousel-estandar .item .itemContenido .title h3 a { color: #006fff; font-size: 22px; } .page-social-media .carruselEstandar .owl-carousel-estandar .item .itemContenido .resumeCKE p { font-size: 16px; color: #4d4d4d; } .page-social-media .seccion-descargables { padding: 60px 0; } .page-social-media .seccion-descargables .tituloComponente { font-size: 35px; font-weight: 300; color: #4d4d4d; } .page-social-media .seccion-descargables .seccion-descargables { padding-top: 40px; } .page-social-media .seccion-descargables .seccion-descargables .item { padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; margin-bottom: 20px;} .page-social-media .seccion-descargables .seccion-descargables .item .itemImage { width: 50%; } .page-social-media .seccion-descargables .seccion-descargables .item .itemImage .backgroundImage { height: 100%; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } .page-social-media .seccion-descargables .seccion-descargables .item .itemContenido { width: 50%; padding: 15px; } .page-social-media .seccion-descargables .seccion-descargables .item .itemContenido .title { font-size: 22px; font-weight: normal; color: #006fff; } .page-social-media .seccion-descargables .seccion-descargables .item .itemContenido .title a { font-size: 22px; font-weight: normal; color: #006fff; } .page-social-media .seccion-descargables .seccion-descargables .item .itemContenido .group p { font-size: 16px; font-weight: 300; color: #4d4d4d; } .page-social-media .seccion-descargables .seccion-descargables .item .itemContenido .verLink.rotar { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .page-social-media .listadoNoticias { } .page-compania .listadoNoticias .listado-noticias .tituloComponente { font-size: 26px } .page-compania .listadoNoticias .listado-noticias .tituloComponente, .page-social-media .listadoNoticias .listado-noticias .tituloComponente { padding-top: 60px; color: #006fff; font-weight: 300; } .page-compania .listadoNoticias .listado-noticias .listadoNoticias, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item { -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; padding: 0; width: calc(33% - 20px); height: 400px; max-width: 100%; border: 1px solid #eee; margin-right: 0; margin-bottom: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #006fff;} .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item .itemImage, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item .itemImage { width: 100%;} .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido { padding: 15px ; width: 100%;} .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .title, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .title { height: 120px; border-bottom: 1px solid #fff; overflow: hidden; } .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .title h3, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .title h3 { width: 100%; line-height: 1; } .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .title h3 a, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .title h3 a { color: #fff; font-size: 20px; line-height: 22px;} .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .resumeCKE *, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item .itemContenido .resumeCKE * { font-size: 15px; color: #fff; padding-top: 20px; } .page-compania .bloqueMasNoticias, .page-social-media .bloqueMasNoticias { display: none; } @media (max-width: 991px){ .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item { width: calc(50% - 20px); } } @media (max-width: 726px){ .page-compania .listadoNoticias .listado-noticias .listadoNoticias .item, .page-social-media .listadoNoticias .listado-noticias .listadoNoticias .item { width: 100%; } } @media (max-width: 768px){ .page-social-media .seccion-descargables .seccion-descargables .item { flex-direction: column; } .page-social-media .seccion-descargables .seccion-descargables .item .itemImage { width: 100%; height: 300px; } .page-social-media .seccion-descargables .seccion-descargables .item .itemContenido { width: 100%; } } /* PAGE LEARNING ANALYTICS */ .page-learning-analytics .destacado .title .tituloBloque { font-weight: 300; margin-bottom: 15px; font-size: 38px; line-height: 42px;} .page-learning-analytics .bloqueHalfBlur .col01 h2 { color: #006fff; } .page-learning-analytics .sliderPrincipal .actionButtonsSlider { display: none; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video { font-size: 18px; color: #006fff; } .capa-video-ficha .cabecera-video .container .row .col .cerrar-video:after { content: "X"; color: #006fff; font-family: 'Roboto', sans-serif; font-size: 18px;} /* Page no encontrada / Error 404 */ .sliderPrincipal .owl-carousel .item .itemBackground .homeComunidadBlanca.sliderRojo .sliderPrincipal .owl-carousel .item .itemBackground { background-position: center !important; background-size: cover !important; } /* GOOGLE MAPS */ #map { height: 400px;} /* POLITICAS */ #info.destacado .contenido .fila .title { padding-bottom: 4px; } #info .title { border: none; } #info .title h1 { padding-bottom: 20px; border: none; } #info .contenido { padding-top: 0; } #info .contenido .fila { border-top: 2px solid #006fff; padding-top: 20px; } #info .contenido .fila .contenido { display: none; } #info .contenido .fila .bloque-titulo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 44px; } #info .contenido .fila .bloque-titulo h2 a { font-weight: 100; font-size: 26px; line-height: 30px; } #info .contenido .fila .bloque-titulo .verMas { position: absolute; right: 15px; margin: 10px 0; } @media (max-width: 768px){ #info .title h1 { line-height: 40px; } #info .contenido .fila .bloque-titulo { width: 80%; } #info .contenido .fila .bloque-titulo .verMas { width: 40px !important; height: 40px !important; } #info .contenido .fila .bloque-titulo .verMas:after { font-size: 27px; } } /* PAGINAS CON CONTENIDO SIMPLE */ .page-contenido-simple .container-fluid[role="main"] { padding-top: 60px; } .page-contenido-simple .sliderPrincipal { display: none; } .page-contenido-simple .go-back { margin-bottom: 20px; } .page-contenido-simple .go-back .go-back-button { font-size: 0; display: flex; align-items: center; justify-content: center; background-color: #00ebeb; width: 50px; height: 50px; border-radius: 50%; } .page-contenido-simple .go-back .go-back-button:after { content: ''; background: url(resources/iconos/flechaIzquierdaAzul.svg) no-repeat; background-size: 21px 21px; height: 21px; width: 26px; } /* FIN PAGINAS CON CONTENIDO SIMPLE */