/* Added By Mike*/
/*
Colores del estilo seleccionado:
1c1c1c negro claro
daddd8 grisaseo
ecebe4 crema clara
eef0f2 gris claro
fafaff blanco grisaseo
313340 cuadro
2c2c28 Footer
Bckgrn Name Text-color
#cebebe Pale Silver black
#ece2d0 Eggshell black
#d5b9b2 Silver Pink black
#a26769 Copper Rose white
#6d2e46 Old Mauve white
#5b2333 Old Mauve + white
#f7f4f3 Cultured (+-white) black
#564d4a Dark Liver white
#f24333 Cinnabar (+-red) white
#ba1b1d Firebrick (++-red) white
#6d0303 white
#77140b white
#ab0f2a Logo Ocpi white
--font-header: "Open Sans";
*/
html {
font-size: 16px !important;
scroll-behavior: smooth;
/*Letras*/
--font-header: "Lato";
--font-body: "Lato";
/*Colores*/
/*--colorTitles: #d49f90;*/
--colorTitles: #223843;
--colorFA1: #223843;
--colorFA2: #d77a61;
--textColorW: #ffffff;
--textColorB: #000000;
--textFooter: #cacaca;
--Shadow05em: black 0.05em 0.05em 0.05em;
--Shadow1em: black 0.1em 0.1em 0.1em;
--Shadow02em: black 0.02em 0.02em 0.02em;
--Shadow015em: #8a656540 0.15em 0.15em 0.2em;
/*Fondos*/
/*
--BgColorA: #e6e6e6;
--BgColorB: #fafaff;
--BgColorC: #a66654;
--BgColorD: #713827;
--BgColorE: #c35858;
*/
/*
--BgColorA: #eae7dc;
--BgColorB: #d8c3a5;
--BgColorC: #8e8d8a;
--BgColorD: #e98074;
--BgColorE: #e85a4f;
*/
--BgColorA: #ffffff;
--BgColorB: #e0eef6;
--BgColorC: #3d5a80;
--BgColorD: #293241;
--BgColorE: #ee6c4d;
--BGColorF: #f1f6ff;
--BGColorG: #f7f4f3;
--BGColorH: #B80C09;
--BGColorI: #0B4F6C;
--BGColorJ: #01BAEF;
--BGColorK: #FBFBFF;
--BGColorL: #040F16;
--BGColorFooter: #2c2c28;
--Bittersweet: #f5f5f5; /* valor verdadero #f07167;*/
--PeachPuff: #fed9b7;
--LightYellow: #fdfcdc;
--MaxBlueGreen: #00afb9;
--CeladonBlue: #0081a7;
/*Sede Electronica*/
--senavFondo: #743b3be0;
--sebeforeFondo: #fff7ebde; /*#ffe6c0e8;*/
--seh2Fondo: #3f4040; /*#588b8b;*//*#746d75;*/
--setextFondo: #2f4b60e0;
/*Valores*/
--Fuente-1: -0.625rem;
--Fuente1: 0.625rem;
--Fuente-2: -0.5625rem;
--Fuente2: 0.5625rem;
--Fuente3: 0.5rem;
--Fuente-3: -0.5rem;
}
/*No front page content has been created yet*/
/*
.cust-cont-main-content div.views-element-container:last-child{
display:none;
}
*/
/*-----------SECCION IMPORTANTE PARA LOS NODOS (/node/)-----------*/
[about^="/node/"]{
/*[about*="/node/"]{*/
/* background-color: red !important;*/
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
padding-bottom: 5rem;
}
[about^="/node/"] > div > div > div:not(:nth-child(1)),
[about^="/node/"] > div > footer
{
display: none;
}
/*-----------FIN SECCION IMPORTANTE PARA LOS NODOS (/node/)-----------*/
/*FIN MIPYME*/
#block-formsmarcas > div > ul > li > a:before,
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row::before,
.boton-premios-txt-pre-1::before,
.boton-premios-txt-pre-2::before,
.boton-premios-txt-pre-3::before,
.fa, .fas {
/*font-family: "Font Awesome 5 Pro";*/
font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Pro";
font-weight: 900;
}
.navbar-toggler.navbar-toggler-right{
font-size: 0.875rem !important;
}
/*Colores de Fondo y algunos paddings de secciones*/
.cust-cont-top{
background-color:#fafaff;
}
.cust-cont-post-info{
background-color:var(--BGColorF);
}
.cust-cont-top-content{
background-color: var(--BGColorG);
}
.cust-cont-line{
background-color: var(--BGColorFooter);
color: var(--textColorW);
}
.cust-cont-top-content-full{
background-color:#ece2d0;
}
.cust-cont-feature{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.cust-cont-contentbottom{
background-color: var(--BGColorG);
}
.feature2,
.feature4{
background-image: linear-gradient(180deg, #b0d3e6,lightblue);
}
.feature1,
.feature3{
background-color: var(--BgColorA);
}
.cust-cont-featured{
background-color: var(--BgColorC);
}
.cust-cont-contenttop{
background-color:var(--BgColorA);
}
.top_content1{
padding-top: 0 !important;
}
.post_info .section_two {
background-color:var(--BgColorC);
}
.cust-cont-contenttop-separador{
background-color: var(--BgColorC);
}
.cust-cont-contenttop-separador-last{
background-color: var(--BgColorA);
}
.cust-cont-contentbottom-separador{
/*background-color:var(--BgColorD);*/
background-image: linear-gradient(180deg, #293241,#202225);
}
.cust-cont-bottom-line{
background-color: var(--BgColorA);
}
#footer {
background: url('../../custpage/img/footer.jpg');
color: var(--textFooter);
}
/********************************************/
/* Display - Flex / Flex - Wrap */
/********************************************/
.post_information #block-ocpi-views-block-bloques-basicos-block-1 .bloques-basicos,
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .row,
.contenttop1 > div,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > div > div,
.pagecss-inner-header-separador,
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom,
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org,
#block-secciones-provinciales > div > div,
#block-puestos-de-trabajo > div > div,
.puestos-row,
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg,
#block-variedadesvegetalesproteccionencuba > div,
#block-revista-rendija-content .rendija-page,
#block-bpdp-block .bpdp-page,
#block-block-reporte-anual-contenido .reporteanual-page,
#block-bopi-py .bopi-boletines-py
{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagecss-formularios > div{
display:flex;
}
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines,
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp,
#block-marcas-derechos-que-otorga .pagecss-top-separador{
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 > div > div{
display: flex;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row{
flex: 1;
padding: 3rem;
}
#block-ocpi-seccionherramientas{
/*Esto es la propiedad de col-12*/
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
/*Fin - Esto es la propiedad de col-12*/
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1,
#block-bopi-py .bopi-boletines-py .bopi-boletines-row
{
/*Esto es la propiedad de col-4*/
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
/*Fin - Esto es la propiedad de col-4*/
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1{
/*Esto es la propiedad de col-8*/
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
/*Fin - Esto es la propiedad de col-8*/
}
/*Boletines years anteriores*/
#block-bopi-py .bopi-boletines-py .bopi-boletines-row > div
{
border: 1px solid gainsboro;
margin: 1rem;
border-radius: .7rem;
padding: .5rem;
text-align: center;
}
#block-bopi-py .bopi-boletines-py .bopi-boletines-row > div a
{
color: darkred;
}
#block-bopianosanterioreslink p{
text-align: center;
}
/***************/
/* Formularios */
/***************/
/*
.pagecss-formularios > div > div > div.forms-title{
dislpay:flex;
align-items: center;
}
*/
/*Texto*/
.pagecss-formularios > div{
margin-bottom:0.2rem;
}
.pagecss-formularios > div > div > div.forms-title::before{
content:' ';
}
#block-formulariossvg{
background-color: #f0f8ff;
margin-left: -15px;
margin-right: -15px;
}
#block-formulariossvg > div{
display: flex;
justify-content: center;
padding-top: 3.5rem;
}
#formssvg{
width:500px
}
@media all and (max-width: 560px) {
#formssvg{
width:90%;
}
}
@media all and (min-width: 561px) and (max-width: 768px) {
#formssvg{
width:500px
}
}
@media all and (min-width: 769px) and (max-width: 1200px) {
#formssvg{
width:500px
}
}
/*Animacion*/
#brazo-izq{
animation: mueve-brazo 8s ease infinite;
transform-origin: right top;
transform-box: fill-box;
}
/*
#cabeza{
animation: mueve-brazo 8s ease infinite;
transform-origin: right top;
transform-box: fill-box;
}
*/
@keyframes mueve-brazo{
0%{
transform: rotateZ(0deg);
}
50%{
transform: rotate(10deg);
}
100%{
transform: rotateZ(0deg);
}
}
.cust-cont-main-content article h2{
display: inline-block;
padding-top: 3rem;
padding-bottom: 1rem;
width:100%;
}
.cust-cont-main-content article img{
width: 100%;
height: auto;
}
/* Padding de secciones*/
.cust-cont-post-info,
.feature1,
.feature2,
.feature3,
.feature4,
.cust-cont-top-content,
.cust-cont-feature,
.cust-cont-contentbottom-separador,
.cust-cont-bottom-line,
.cust-cont-top-content-full
{
padding-top:3.5rem; /*5rem 5-abr-2021*/
padding-bottom:3.5rem; /*5rem 5-abr-2021*/
}
.cust-cont-contenttop{
padding-top:3.5rem; /*5rem 5-abr-2021*/
}
#block-quesonloscati{
padding-bottom: 3.5rem;
}
.cust-cont-line{
padding-top: 3rem;
padding-bottom: 1rem;
}
#footer{
padding-top:3.5rem;
padding-bottom:3.5rem;
}
/* FIN - Padding de secciones*/
/* ----- Hipervinculos del sitio ----- */
#block-registro-de-patentes .css-regpat-body a[href$=".pdf"]::after,
#block-pcit a[href$=".pdf"]::after,
#block-pexp a[href$=".pdf"]::after,
#block-pomp a[href$=".pdf"]::after,
#block-views-block-premios-y-medallas-block-1 a[href$=".pdf"]::after,
#block-snpiobjetivos a[href$=".pdf"]::after,
#block-ocpi-views-block-legislacion-vigente-ind-geog-block-1 a[href$=".pdf"]::after,
#block-ocpi-views-block-legislacion-vigente-variedades-vegetales-block-1 a[href$=".pdf"]::after,
#block-ocpi-views-block-legislacion-vigente-esquema-de-trazado-block-1 a[href$=".pdf"]::after,
#block-ocpi-views-block-legislacion-vigente-otras-res-de-pi-block-1 a[href$=".pdf"]::after,
#block-ocpi-views-block-legislacion-vigente-marcas-block-1 a[href$=".pdf"]::after,
#block-ocpi-views-block-legislacion-vigente-block-1 a[href$=".pdf"]::after{
font-family: "Font Awesome 5 Duotone";
content: " \10f1c1";
font-weight: 900;
font-size: .9em;
}
#block-registro-de-patentes .css-regpat-body a,
#block-registro-de-patentes .css-regpat-body a[href$=".pdf"]::after{
color: #212529;
}
/* ----- FIN - Hipervinculos del sitio ----- */
/* ----- Tipo de letra del sitio ----- */
div,
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
html,
body,
a
{
font-family: var(--font-body) !important;
font-style: normal;
}
div,
p
{
font-size: 1rem !important;
text-align: left;
}
a{
text-decoration: none !important;
}
/* ----- FIN - Tipo de letra del sitio ----- */
.container-of-header{
background-color: #f3f3f3;
}
.container-of-page{
padding-left: 0;
padding-right: 0;
}
#block-ocpi-branding img {
margin-top: 0.25rem !important;
width: 18.75rem !important;
}
/* Menú principal */
#navbarNav ul li a{
text-transform: uppercase;
display:block;
color:rgba(0,0,0,.5);
padding:.5rem 1rem;
font-family: var(--font-header) !important;
}
#navbarNav ul li a:focus,
#navbarNav ul li a:hover{
color:rgba(0,0,0,.7);
text-decoration:none;
}
#navbarNav ul li a:active{
color:rgba(0,0,0,.9);
text-decoration: underline;
}
ul.navbar-nav{
display: contents;
}
/* FIN - Menú principal */
.page{
padding-right:0 !important;
padding-left:0 !important;
}
/*-----------BANNERS-------------*/
#block-ocpi-views-block-noticias-header-block-1{
position: relative;
}
#block-ocpi-views-block-noticias-header-block-1 .vista-noticias-img{
background-image: linear-gradient(to right bottom, #fff,#000);
box-shadow:0 0px 5px 0 rgba(0,0,0,0.16),0 0px 10px 0 rgba(0,0,0,0.12);
/*box-shadow: rgba(50, 50, 50, 50) 0px 1px 2px;*/
z-index: 1;
}
#block-ocpi-views-block-noticias-header-block-1 .vista-noticias-img{
width: 100%;
display: block;
}
#block-ocpi-views-block-noticias-header-block-1 .vista-noticias-img > img{
width: 100%;
display: block;
opacity: 0.6;
z-index: 2;
}
.vista-noticia-title{
position: absolute;
left: 0;
right: 0;
top: 25%;/*29 34*/
bottom: 0;
z-index: 2;
margin-left:7.5rem;
width:700px;
animation: moveInFromLeft .7s ease-in;
-webkit-animation: moveInFromLeft .7s ease-in;
}
.slick-arrow::before{
color:white !important;
text-shadow: var(--Shadow02em);
}
.vista-noticia-title,
.vista-noticia-title > a{
text-shadow: var(--Shadow05em);
/*text-transform: capitalize;*/
font-weight: 600;
font-size: 2.5rem !important;
color:white !important;
line-height: 1.3;
}
.vista-noticias-categoria{
position: absolute;
z-index: 2;
text-shadow: var(--Shadow05em);
color:white;
padding:0.62rem;
text-transform: uppercase;
background-color: #00000090;
line-height: 1.3;
text-align: center;
font-size: 1.2rem !important;
bottom:0;
margin:0 0 0.625rem 0.625rem;
}
.vista-noticias-preview{
display:block;
position: absolute;
z-index: 2;
font-style: normal;
top:41%; /*45 50*/
left:0;
margin-left:7.5rem;
margin-top:30px;
width:700px;
text-shadow: black 0.07em 0.07em 0.07em;
color:white;
line-height: 1.3;
text-align: left;
font-size: 1.25rem !important;
animation: showhimself .7s ease-in;
}
.vista-noticia-boton{
position: absolute;
z-index: 2;
top:56%; /*60*/
left:0;
margin-left:7.5rem;
margin-top:30px;
animation: showhimself .7s ease-in;
-webkit-animation: showhimself .7s ease-in;
}
.vista-noticia-boton > a,
.css-publicidad-enlace a
{
border-radius: 50px;
background: white;
padding: 0.9375em 1.25em;
min-width: 150px;
border: 2px solid white;
color: black;
font-size: 0.875rem;
text-transform: uppercase;
display: inline-block;
text-align: center;
margin-top: 40px;
margin-right: 12px;
transition: all 0.5s ease-in;
font-weight: bold;
}
.vista-noticias-fecha{
position: absolute;
z-index: 2;
}
#slick-views-noticias-header-block-1-1-slider ul.slick-dots{
position:absolute;
z-index: 2;
text-align: center;
bottom:0;
margin-bottom: 0.625rem;
left: 50%;
display: flex;
transform: translate(-50%,0);
}
.slick-dotted.slick-slider{
margin-bottom: 0 !important;
}
.slick-dots {
width:unset !important
}
.top1 .jumbotron{
background-color: #fafaff !important;
margin-bottom: 0 !important;
}
.top1 .jumbotron h2{
font-size: 2.5rem !important;
}
.top1 .jumbotron h2,
.top1 .jumbotron p{
font-family: var(--font-header) !important;
}
/* Cosas de Drupal por defecto que desactivo*/
/*
.view-empty, .feed-icons{
display: none;
}
*/
/* --------------------- CONTENT --------------------- */
/*-----Titulos de secciones-----*/
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 > h2,
#block-ocpi-textodepresentacion > h2,
#block-ocpi-seccionregistro > h2,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > h2,
#block-ocpi-seccionherramientas > h2,
#block-ocpi-views-block-eventos-block-1 > h2,
#block-titulopublicaciones > h2,
.cust-cont-bottom-line .vista-estadistica .title,
h2
{
position: relative;
height: 2.5rem;
margin-bottom: 2rem;
color: var(--BgColorC)
/*color:var(--colorTitles);*/
}
#footer h2{
margin-bottom: 0rem;
}
/*Raya inferior*/
#block-serv-de-marcas > h2::after,
#block-ocpi-seccionherramientas > h2::after,
#block-ocpi-seccionregistro > h2::after,
#block-ocpi-views-block-eventos-block-1 > h2::after,
#block-titulopublicaciones > h2::after,
.cust-cont-bottom-line .vista-estadistica .title::after{
position: absolute;
bottom:0;
left:50%;
/*margin-top:2rem;
margin-bottom: 2rem;*/
transform: translate(-50%, 0);
content: '';
display: block;
width:50px;
border-bottom: 2px solid var(--colorTitles);
box-shadow: #753a27 0.02em 0.02em 0.02em;
}
/*Fin Raya inferior*/
/*
#block-ocpi-textodepresentacion > h2{
color:var(--colorTitles);
}
*/
#block-serv-de-marcas > h2::after{
bottom:-10px;
}
#block-ocpi-seccionregistro > h2{
margin-bottom: 2rem;
/* color:var(--colorTitles);*/
}
/*Titulo publicaciones*/
#block-titulopublicaciones{
margin-bottom: 2rem;
}
#block-titulopublicaciones > h2{
text-align: center;
color: white !important;
text-shadow: #272424 0.05em 0.05em 0.05em !important;
margin-bottom: 1.5rem;
}
/*Raya inferior*/
#block-titulopublicaciones > h2::after,
.cust-cont-bottom-line .vista-estadistica .title::after{
position: absolute;
bottom:0;
left:50%;
transform: translate(-50%, -50%);
content: '';
display: block;
width:50px;
}
#block-titulopublicaciones > h2::after{
border-bottom: 2px solid white !important;
box-shadow: #272424 0.05em 0.05em 0.05em !important;
}
/*Fin Titulo Publicaciones*/
/*Titulo Estadisticas*/
.cust-cont-bottom-line .vista-estadistica .title{
width: 100%;
font-size: 2rem !important;
font-family: var(--font-body) !important;
font-style: normal;
text-align: center;
margin-bottom: 2rem;
}
/*Fin Titulo Estadisticas*/
/*-----Fin - Titulos de secciones-----*/
/*------Post Information-----*/
/*---------BLOQUES BASICOS--(Registro de...)----------*/
.post_information #block-ocpi-views-block-bloques-basicos-block-1 .bloques-basicos{
justify-content: space-around;
}
.post_information #block-ocpi-views-block-bloques-basicos-block-1 .bloques-basicos .clase-bloques-basicos{
/*width: 370px;*/
width:33.3333%;
margin-bottom:0.875rem;
padding:0.625rem 1.5625rem 0.625rem 1.5625rem;
}
.clase-bloques-basicos-fa{
text-align: center;
}
.clase-bloques-basicos-fa > a{
color: var(--colorFA1);
font-size: 2rem !important;
}
/*
.clase-bloques-basicos-fa > a > i{
text-shadow: #4e4a4a 0.02em 0.02em 0.02em;
}
*/
.clase-bloques-basicos-titulo{
text-align:center;
display: block;
}
.clase-bloques-basicos-titulo > a{
color:#222 !important;
font-size:large;
margin:5px 0 0 0;
}
div.clase-bloques-basicos-texto{
text-align:left;
/* width:100%;*/
color:#333333;
padding:8px 0 0 0;
font-size: 0.875rem !important;
}
/*---------FIN - BLOQUES BASICOS--(Registro de...)----------*/
/*------FIN - Post Information-----*/
.post_info .section_two .css-publicidad-row h1.css-publicidad-title{
margin-bottom: 30px;
}
.post_info .section_two .css-publicidad-row .css-publicidad-texto{
font-size:1.3rem !important;
}
.post_info .section_two {
color: #fff;
}
.post_info .section_one {
width: 100%;
min-height: 600px;
background: url("../../publicidad/poster.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-animation: notransform 20s infinite;
animation: notransform 20s infinite;
}
/*------Bloques Basicos-------*/
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .row
{
justify-content: space-around;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .card
{
/*border-radius: 0 !important;*/
/* padding: 0.5rem;*/
width:30%;
margin:0 auto 2.5rem auto; /*margin:0 auto 0.875rem auto;*/
box-shadow: #00000017 0.1em 0.1em 0.1em;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .card-img-top img,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .card-img-top img,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .card-img-top img,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .card-img-top img
{
width: 100% !important;
height: auto;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .clase-bloques-de-text-titulo,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .clase-bloques-de-text-titulo,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .clase-bloques-de-text-titulo,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .clase-bloques-de-text-titulo
{
display: block;
padding: .5rem .5rem;
text-align: center;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .clase-bloques-de-text-titulo a,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .clase-bloques-de-text-titulo a,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .clase-bloques-de-text-titulo a,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .clase-bloques-de-text-titulo a
{
color: var(--colorTitles) !important;
width: 100%;
display: block;
margin-bottom: 5px;
font-size: 0.8125rem !important;
text-transform: uppercase;
font-weight: 900;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .clase-bdt-resumen,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .clase-bdt-resumen,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .clase-bdt-resumen,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .clase-bdt-resumen
{
font-size: 0.8125rem !important;
padding: 0 0.5rem 0.7rem 0.5rem;
}
span.clase-bloques-de-text-titulo{
position:relative;
}
span.clase-bloques-de-text-titulo::before{
position:absolute;
content: '';
top:0;
left:0;
background-color: #00000062;
}
.aoimgref,
.clase-banner-fuente,
.clase-bloques-de-text-fuente{
position: absolute;
right: 2px;
margin-top: calc(2 * var(--Fuente-2));/*1.7 * -0.625rem;*/
background-color: #0000005c;
padding: 1px 5px;
display: flex;
}
.aoimgref{
/* background-color: #00000080 !important;*/
bottom: 2px;
}
.aoimgref:hover{
color: white;
}
.aoimgref,
.clase-banner-fuente{
margin-top: calc(2 * var(--Fuente-3));
}
.aoimgref,
.clase-banner-fuente > a{
z-index: 10;
color: white;
font-size: var(--Fuente3) !important;
}
#block-banner-invenciones .aoimgref,
#block-banner-paginas-interiores-dibymod .aoimgref,
#block-banner-pi-variedades-vegetales .aoimgref,
#block-banner-pi-esquema-de-trazado .aoimgref{
top: 18px !important;
bottom: unset !important;
}
.clase-bloques-de-text-fuente > a{
color: white;
font-size: var(--Fuente2) !important;
}
.aoimgref::before,
.clase-banner-fuente > a::before{
content: 'Fuente imagen: ';
}
.clase-bloques-de-text-fuente > a::before{
content: 'Fuente: ';
}
/*-----Fin-Bloques Basicos-------*/
/*------- Enlaces Separadores --------*/
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-fa,
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-title
{
text-align: center;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-fa i{
display: block;
font-size:1.5rem !important;
color:white !important;
text-shadow: #4e4a4a 0.04em 0.04em 0.04em;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-title a{
display: block;
margin-top: 0.4rem;
font-size:0.8125rem;
text-transform: uppercase;
color:#ecebe4 !important;
}
/*------- Fin Enlaces Separadores --------*/
/*------ Herramientas -------*/
/*Base de datos nacional*/
#block-ocpi-seccionherramientas > h2{
margin-left: 1rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > div > div{
justify-content: start;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 .views-row{
/*height: 125px;*/
width: 110px;
margin-right: 1rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 .views-row img{
width:100%;
height: auto;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .bd-naccss{
border:1px solid #ecebe4;
margin:1rem;
background-color: #fafaff;
padding:2rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .clase-bdnacional-title{
font-size: 1.2rem !important;
text-shadow: #753a27 0.02em 0.02em 0.02em;
color:var(--colorTitles);
display: block;
text-align: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .clase-bdnacional-body p{
margin-top: 1rem;
font-size: 0.8125rem !important;
text-align: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .clase-bdnacional-link,
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .clase-bdnacional-link2
{
text-align: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 #bt_bdnac{
border-radius: 50px;
background: #17a2b8;
padding: 5px 10px;
min-width: 150px;
border: 1px solid #0f7585;
color: white;
font-size: 14px;
display: inline-block;
text-align: center;
transition: all 0.5s ease-in;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 #bt_bdnac_acceder{
margin-top: 1rem;
border-radius: 50px;
background: #28a745;
padding: 5px 10px;
min-width: 150px;
/*border: 1px solid #0f7585;*/
color: white;
font-size: 14px;
display: inline-block;
text-align: center;
transition: all 0.5s ease-in;
}
/*Fin Base de datos nacional*/
/*Bases de datos internacionales*/
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1{
padding-top: 0rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > h2{
/*
font-size: 0.8125rem !important;
text-shadow: #753a27 0.02em 0.02em 0.02em;
height:1rem !important;
*/
font-size: 1.2rem !important;
text-shadow: #753a27 0.02em 0.02em 0.02em;
color: var(--colorTitles);
display: block;
text-align: center;
font-weight: normal;
height: unset !important;
margin-bottom: 1rem !important;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 .clase-enlaceconimg-img{
box-shadow:0 1px 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12);
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 .clase-enlaceconimg-link{
text-align: center;
margin-bottom: 1rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 .clase-enlaceconimg-link a{
font-size: .7rem !important;
color: black;
display: block;
}
/*Fin Bases de datos internacionales*/
/*------ FIN Herramientas -------*/
#block-formularios-marcas{
padding-bottom:3.5rem;
}
/*-------- Registro de Marcas --------*/
/*
.cust-cont-main-content #nodecustom ul.links,
.cust-cont-main-content #nodecustom1 a.feed-icon,
.cust-cont-main-content #nodecustom
{
display:block;
}
*/
#block-registros{
padding-top: 3.5rem;
position: relative;
}
#block-registros > div{
text-align: center;
position: absolute;
z-index: 2;
left:50%;
transform: translate(-50%, -50%);
}
.cust-cont-contenttop-separador-last{
margin-top:3.5rem;
}
.cust-cont-contenttop-separador-last > .container-fluid{
padding: 0 !important;
}
#block-registrodepatentesheader,
#block-registrodemarcasheader{
height: 400px;
background-color: #3d5a80;
background-blend-mode: soft-light;
background-repeat:no-repeat;
background-size:cover;
background-position: center;
background-attachment:fixed;
position: relative;
}
#block-registrodemarcasheader{
background-image: url("../img/regmar.jpg");
}
#block-registrodepatentesheader{
background-image: url("../img/regpat.jpg");
}
#block-registrodepatentesheader > h2,
#block-registrodepatentesheader > div > p:first-child,
#block-registrodemarcasheader > h2,
#block-registrodemarcasheader > div > p{
position: absolute;
text-align: center;
padding:1rem;
color: var(--textColorW);
left:50%;
text-shadow: var(--Shadow1em);
}
#block-registrodepatentesheader > h2,
#block-registrodemarcasheader > h2{
top:35%;
font-family: var(--font-header);
font-weight: bolder;
font-size: 2.2rem !important;
transform: translate(-50%, -50%);
}
#block-registrodepatentesheader > h2{
top:30% !important;
}
#block-registrodepatentesheader > div > p:first-child,
#block-registrodemarcasheader > div > p{
top:55%;
font-size: 1.5rem !important;
font-family: var(--font-header);
font-weight: bolder;
transform: translate(-50%, -50%);
}
#block-registrodepatentesheader > div > p:first-child{
top: 50% !important;
}
/*Boton*/
#block-registrodepatentesheader > div > p:last-child{
position: absolute;
text-align: center;
left:50%;
top:65%;
transform: translate(-50%, -50%);
}
#block-registro-de-patentes > div > .container.cregpat,
#block-registro-de-marcas-block > div > .container.cregmarcas{
display: flex;
}
#block-registro-de-patentes > div > .container.cregpat .regpat{
min-width: 25%;
padding:.6525rem 1rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas{
min-width: 20%;
padding:.6525rem 1rem;
}
/*Titulo*/
#block-registro-de-patentes > div > .container.cregpat .regpat > div:nth-child(1),
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas > div:nth-child(1){
position: relative;
margin-bottom: 1rem;
text-align: center;
}
#block-registro-de-patentes > div > .container.cregpat .regpat > div span,
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas > div span{
position: relative;
z-index: 2;
}
/*Fa*/
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(5) > div:nth-child(1)::before
{
position:absolute;
top:0;
left:50%;
transform: translate(-50%, -50%);
font-family: "Font Awesome 5 Pro";
/*font-family: "FontAwesome";*/
font-weight: 100;
font-size: 2em;
z-index: 1;
top: -10px;
width: 80px;
height: 80px;
background-color: white;
border-radius: 50%;
padding: 0.5rem;
}
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(5) > div:nth-child(1)::before
{
font-family: var(--font-header);
font-weight: 900;
color: var(--BgColorE) !important;
}
/*Fa1*/
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(1) > div:nth-child(1)::before{
content:'1';
}
/*Fa2*/
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(2) > div:nth-child(1)::before{
content:'2';
}
/*Fa3*/
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(3) > div:nth-child(1)::before{
content:'3';
}
/*Fa4*/
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(4) > div:nth-child(1)::before{
content:'4';
}
/*Fa5*/
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(5) > div:nth-child(1)::before{
content:'5';
}
#block-registro-de-patentes > div > .container.cregpat > .regpat > div:nth-child(1) span,
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas > div:nth-child(1) span{
font-weight: bold;
}
/*Body*/
.css-regpat-body p,
.css-regmarcas-body p{
font-size: 0.875rem !important;
text-align: center;
margin-bottom: 0;
}
#block-registrodepatentesheader,
#block-registro-de-patentes{
display: none;
}
/*------- RESPONSIVE DESIGN ESPESIFICO DE ESTA SECCION ---------*/
@media all and (max-width: 560px) {
/*Botones*/
#block-registros > div{
width:100%;
}
#block-registros > div > p{
text-align: center;
}
/*Fin - Botones*/
#block-registrodepatentesheader > h2,
#block-registrodemarcasheader > h2{
width: 100%;
font-size: 2rem !important;
}
#block-registrodepatentesheader > div > p:first-child,
#block-registrodemarcasheader > div > p{
top:65%;
width: 100%;
font-size: 1rem !important;
}
#block-registrodepatentesheader > div > p:first-child{
top: 55% !important;
}
#block-registro-de-marcas-block > div > .container.cregmarcas,
#block-registro-de-patentes > div > .container.cregpat
{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 2rem 0rem;
padding-top: 2rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas,
#block-registro-de-patentes > div > .container.cregpat > .regpat
{
padding:.6525rem 1rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:last-child{
grid-column-start: 1;
grid-column-end: 1;
}
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(5) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(4) > div:nth-child(1)::before
{
position: static;
display: none;
}
}
@media all and (min-width: 561px) and (max-width: 768px) {
/*Botones*/
#block-registros > div{
width:100%;
}
#block-registros > div > p{
text-align: center;
}
/*Fin - Botones*/
#block-registrodepatentesheader > h2,
#block-registrodemarcasheader > h2{
width: 100%;
}
#block-registrodepatentesheader > div > p:first-child,
#block-registrodemarcasheader > div > p{
top:60%;
width: 100%;
font-size: 1.1rem !important;
}
#block-registro-de-marcas-block > div > .container.cregmarcas,
#block-registro-de-patentes > div > .container.cregpat
{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 2rem 0rem;
padding-top: 2rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas,
#block-registro-de-patentes > div > .container.cregpat .regpat
{
padding:.6525rem 1rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:last-child
{
grid-column-start: 1;
grid-column-end: 1;
}
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(5) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(4) > div:nth-child(1)::before
{
position: static;
display: none;
}
}
@media all and (min-width: 769px) and (max-width: 991px) {
/*Contenido de Servicios de Invenciones - Colocar en el lugar que va*/
#block-banner-pi-servicios-de-invenciones .page-servicios-invenciones .page-banner-title{
font-size: 1.5rem !important;
}
/*Fin - Contenido de Servicios de Invenciones - Colocar en el lugar que va*/
/*Botones*/
#block-registros > div{
width:100%;
}
#block-registros > div > p{
text-align: center;
}
/*Fin - Botones*/
#block-registrodepatentesheader > h2,
#block-registrodemarcasheader > h2{
width: 100%;
}
#block-registrodepatentesheader > div > p:first-child,
#block-registrodemarcasheader > div > p{
top:60%;
width: 100%;
font-size: 1.1rem !important;
}
#block-registro-de-marcas-block > div > .container.cregmarcas,
#block-registro-de-patentes > div > .container.cregpat
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 2rem 0rem;
padding-top: 2rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas .regmarcas,
#block-registro-de-patentes > div > .container.cregpat > .regpat
{
padding:.6525rem 1rem;
}
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:last-child
{
grid-column-start: 1;
grid-column-end: 3;
}
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(4) > div:nth-child(1)::before,
#block-registro-de-marcas-block > div > .container.cregmarcas > .regmarcas:nth-child(5) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(1) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(2) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(3) > div:nth-child(1)::before,
#block-registro-de-patentes > div > .container.cregpat > .regpat:nth-child(4) > div:nth-child(1)::before
{
position: static;
display: none;
}
/*experimento*/
#block-ocpi-views-block-eventos-block-1{
padding-top: 0rem !important;
}
}
@media all and (min-width: 992px) and (max-width: 1200px) {
/*Botones*/
#block-registros > div{
width:100%;
}
#block-registros > div > p{
text-align: center;
}
/*Fin - Botones*/
/*----------- Registro de Marcas ----------*/
#block-registrodepatentesheader > h2,
#block-registrodemarcasheader > h2{
width: 100%;
}
#block-registrodepatentesheader > div > p:first-child,
#block-registrodemarcasheader > div > p{
top:60%;
width: 100%;
}
/*Body*/
.css-regmarcas-body p,
.css-regpat-body p{
font-size:0.6875rem !important;
}
/*----------- Fin Registro de Marcas ----------*/
}
/*------- FIN RESPONSIVE DESIGN ESPESIFICO DE ESTA SECCION --------*/
/*-------- Fin Registro de Marcas --------*/
/*-------- Eventos --------*/
#block-ocpi-views-block-eventos-block-1{
padding-top: 5rem;
}
/*
.cust-cont-main-content{
padding-top: 5rem;
padding-bottom: 5rem;
}
*/
#block-ocpi-views-block-eventos-block-1 > div{
margin-top: 1rem;
}
#block-ocpi-views-block-eventos-block-1 h2{
margin-left: 1rem;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row{
padding: 1rem;
}
#block-ocpi-views-block-eventos-block-1 > div > div{
display: flex;
justify-content: space-around;
/* justify-content: center;*/
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row
{
margin-top:0.5rem;
position: relative;
width: 49%; /*32% para 3 items*/
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row:nth-child(1){
order: 3;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row:nth-child(2){
order: 2;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row:nth-child(3){
order: 1;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row > div:nth-child(1),
#block-ocpi-views-block-eventos-block-1 .css-evento-row > div:nth-child(2),
#block-ocpi-views-block-eventos-block-1 .css-evento-row > div:nth-child(3)
{
position: relative;
display: block;
width: 4.375rem;
background-color: #F2F4F3;
}
#block-ocpi-views-block-eventos-block-1 .vista-eventos-fecha-dia,
#block-ocpi-views-block-eventos-block-1 .vista-eventos-fecha-mes,
#block-ocpi-views-block-eventos-block-1 .vista-eventos-fecha-year{
text-align: center;
}
#block-ocpi-views-block-eventos-block-1 .vista-eventos-fecha-dia{
font-size: 1.5625rem !important;
font-weight: bolder;
}
#block-ocpi-views-block-eventos-block-1 .vista-eventos-fecha-mes{
font-size: 0.5625rem !important;
text-transform: uppercase;
}
#block-ocpi-views-block-eventos-block-1 .vista-eventos-fecha-year{
font-size: 0.6875rem !important;
padding-bottom: 0.2rem;
}
#block-ocpi-views-block-eventos-block-1 .vista-eventos-titulo{
padding-right: 1rem;
position: absolute;
top:0.6875rem;/*1rem*/
left: 6rem;
display: block;
font-size: 1rem !important;
color: var(--colorTitles) !important;
text-shadow: var(--Shadow05em);
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row > div:nth-child(5){
position: absolute;
top: 2.5625rem;
left: 6rem;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-sede{
position: relative;
margin-top: 2.5rem;
font-weight: normal;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-sede::before{
content: 'Sede: ';
font-weight: bold;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-enlace1{
position: absolute;
top: 5rem;/*top: 3.6875rem;*/
/*left: 6rem;*/
right: 0rem;
padding-right: 1rem;
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-enlace1 a{
color: var(--info);
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-detalles{
font-size: .8125rem !important;
margin-top: 1rem; /*.4rem*/
}
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-fecha-year{
padding-bottom: 0.875rem;
}
/*font-size top content*/
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-sede,
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-sede::before,
#block-ocpi-views-block-eventos-block-1 .css-evento-row .vista-eventos-enlace1
{
font-size: .6875rem !important;
}
/*Calendario Academico*/
#block-block-calendario-academico .vista-calendario .calendario-title{
text-align: center;
padding-bottom: 5rem;
}
#block-block-calendario-academico{
padding-top: 1rem;
}
/*Remplazar eventualmente los subsiguientes por el primero a.botoncust*/
a.botoncust,
#block-block-calendario-academico a{
border-radius: 50px;
background: #ffffff;
padding: 1em 2em;
border: 1px solid var(--BgColorC);
color: #000000;
font-size: 12px;
text-transform: uppercase;
display: inline-block;
text-align: center;
margin-top: 40px;
margin-right: 12px;
transition: all 0.5s ease-in;
font-weight: 900;
}
#block-busquedaretrospectivautilidaddelainformacion a{
margin-top: 30px;
margin-bottom: 3.5rem;
}
#block-busquedaretrospectivaestructuradelresultado a{
margin-top: 20px;
}
#block-block-calendario-academico a:hover{
background: #007bff40;
font-weight: 900;
}
#block-block-calendario-academico a[href$=".pdf"]::after{
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: " \f1c1";
}
/*Fin Calendario Academico*/
/*-------- Fin Eventos --------*/
/*---------- Publicaciones -----------*/
.cust-cont-contentbottom-separador > div > div.container{
position: relative;
}
/*Contenedor principal*/
.cust-cont-contentbottom-separador #block-ocpi-views-block-publicaciones-block-1{
position: relative;
}
/*Texto Titulo Publicaciones*/
#block-titulopublicaciones > div > p{
color:white;
text-align: center;
padding-left:5rem;
padding-right:5rem;
}
/*Fin Texto Titulo Publicaciones*/
/*.contenedor-principal .contenedor-carousel*/
#block-ocpi-views-block-bopi-boletines-block-1 > div,
#block-ocpi-views-block-publicaciones-block-1 > div{
position: relative;
width: 97%;
margin: auto;
/*padding:20px 0;*/
overflow: hidden;
scroll-behavior: smooth;
}
#block-ocpi-views-block-bopi-boletines-block-1 > div{
width: 90%;
}
/*.contenedor-principal .contenedor-carousel .carousel*/
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines,
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp{
align-items: center;
position: relative;
}
/*.contenedor-principal .contenedor-carousel .carousel .picture*/
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines .bopi-boletines-row,
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row{
min-width: 25%;
transition: .3s ease all;
/*border-radius: 0;*/
padding:1rem;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row div:last-child{
display: flex;
justify-content: center;
background-color: white;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row .publicaciones-title{
width:100%;
padding-left: 1rem;
padding-right: 1rem;
display: block;
height:3rem;
font-size: .8125rem !important;
align-items: center;
text-align: center;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row .publicaciones-title a{
color:black;
}
/*.contenedor-principal .contenedor-carousel .carousel .picture img*/
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines .bopi-boletines-row div.bopi-boletin-img img,
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row img{
width: 100%;
height: auto;
}
.cust-cont-contentbottom-separador > div > div.container .flecha-izquierda,
.cust-cont-contentbottom-separador > div > div.container .flecha-derecha{
position: absolute;
border: none;
background: rgba(0,0,0,0);
font-size: 40px;
/*height:50%;*/
top: calc(100% - 35%);
/*top:50%;*/
line-height: 40px;
/*width: 50px;*/
color: white;
cursor: pointer;
z-index: 2;
transition: .2s ease all;
}
.cust-cont-contentbottom-separador > div > div.container .flecha-izquierda{
left:0;
}
.cust-cont-contentbottom-separador > div > div.container .flecha-derecha{
right:0;
}
/*---------- Fin Publicaciones -----------*/
/*---------- Estadisticas -----------*/
.cust-cont-bottom-line .vista-estadisticas-body{
text-align: center;
}
.cust-cont-bottom-line .vista-estadisticas-body ul{
padding-left: 0;
color: rgb(29, 25, 25);
font-size: 1rem !important;
}
.cust-cont-bottom-line .vista-estadisticas-body > ul li{
display: inline-block;
}
.cust-cont-bottom-line .vista-estadisticas-body > ul > li{
width:30%;
position: relative;
color: #000820;
}
.cust-cont-bottom-line .vista-estadisticas-body > ul > li::before{
display: block;
font-family: "FontAwesome";
content: " \f201";
color:#852607;
font-weight: 900;
font-size: 2em;
}
.cust-cont-bottom-line .vista-estadisticas-body > ul > li > ul li{
text-align: center;
margin:0 .3rem;
font-weight: normal;
}
.cust-cont-bottom-line .vista-estadisticas-body > ul > li > ul > li{
color: rgb(44, 43, 43);
font-size: 2rem !important;
font-weight: bold;
}
/*---------- Fin Estadisticas -----------*/
/********************************************/
/* FOOTER */
/********************************************/
/*--------- Footer ---------*/
#footer h2{
font-family: "Open Sans" !important;
font-weight: 300;
font-style: normal;
font-size: 22px !important;
text-transform: none;
line-height: 38px !important;
color: rgba(255,255,255,0.4) !important;
}
#block-footerlogoocpi div img{
width: 85%;
}
.site-footer .menu li {
display: block;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#footer #block-redessociales-2 > div > p{
margin-bottom: .5rem;
}
/*
*/
#footer #block-redessociales-2 div > i{
margin-left:1rem !important;
}
#footer #block-redessociales-2 div > i.fa-facebook{
margin-left:0 !important;
}
/*
#footer #block-direccion{
padding-top: 1rem;
}
*/
/********************************************/
/* FOOTER - Contactenos */
/********************************************/
.form-footer-cont .input-group-text{
background-color: #5f5f5f7a;
border:none;
}
.form-footer-cont i{
color: var(--textColorW) !important;
}
.form-footer-cont .text-center input,
.form-footer-cont .form-group input{
background-color: #00000015;
border-color: #ffffff2f;
color: var(--textColorW);
}
/*
#footer-msg{
background-color: rgba(0,0,0,0);
resize: none;
color: white;
}
#contact-submit{
background-color:#00000000;
border:1px solid var(--textFooter);
color: var(--textFooter);
font-size:0.8125rem;
padding: .2em .5em;
}
*/
/*--------- Fin Footer ---------*/
/* -----FIN - CONTENT ------ */
/***************** PAGINAS INTERIORES ********************/
/********************************************/
/* Inner Cust BANNERS */
/********************************************/
#slideshow > div > div > div > div > div:not(.banner-home-noticias)
{
position: relative;
height:200px;/*200px*/
background-color: var(--BgColorC);
background-blend-mode: overlay;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}
.pagecss-banner.page-mipyme > div > .page-banner-text{
display: block;
position: absolute;
z-index: 2;
font-style: normal;
top: 41%;
left: 0;
margin-left: 7.5rem;
margin-top: 30px;
width: 700px;
text-shadow: black 0.07em 0.07em 0.07em;
color: white;
line-height: 1.3;
text-align: left;
font-size: 1.25rem !important;
animation: showhimself .7s ease-in;
}
.pagecss-banner.page-mipyme > div > .page-banner-enlace1{
transform: translate(-50%, -50%);
position: absolute;
z-index: 2;
top: 56%;
left: 51%;
margin-left: 7.5rem;
margin-top: 30px;
animation: showhimself .7s ease-in;
-webkit-animation: showhimself .7s ease-in;
}
.pagecss-banner.page-mipyme > div > .page-banner-enlace1 > a{
border-radius: 50px;
background: white;
padding: 0.9375em 1.25em;
min-width: 150px;
border: 2px solid white;
color: black;
font-size: 0.875rem;
text-transform: uppercase;
display: inline-block;
text-align: center;
margin-top: 40px;
margin-right: 12px;
transition: all 0.5s ease-in;
font-weight: bold;
}
.pagecss-banner.page-servicios-descom{
background-image: url(../../banner/descom.jpg);
background-position:0px -400px;
/*background-attachment:local !important;*/
}
.pagecss-banner.page-servicios-informacion,
.pagecss-banner.page-servicios-marcas,
.pagecss-banner.page-servicios-invenciones
{
background-image: url(../../banner/servicios.jpg);
background-position:0px -300px;
/*background-attachment:local !important;*/
}
.pagecss-banner.page-noticias{
background-image: url(../../banner/about.jpg);
background-position: 0px -100px;
}
.pagecss-banner.page-about{
background-image: url(../../banner/about.jpg);
background-position: 0px -100px;
}
.pagecss-banner.page-invenciones{
background-image: url(../../banner/invenciones.jpg);
background-position: 0px -260px;
}
.pagecss-banner.page-forms
{
background-image: url(../../banner/forms.jpg);
background-position: bottom;
}
.pagecss-banner.page-bopipy
{
background-image: url(../../banner/bopi-banner.jpg);
background-position: bottom !important;
background-blend-mode: normal !important;
background-color: transparent !important;
background-position-y: -100px !important;
}
.pagecss-banner.page-dibymod
{
background-image: url(../../banner/dibymod.jpg);
background-position: bottom;
}
.pagecss-banner.page-legislacion{
background-image: url(../../banner/legislacion.jpg);
background-position:bottom;
background-attachment:local !important;
}
.pagecss-banner.page-marcas{
background-image: url(../../banner/marcas.jpg);
background-position:center;
}
.pagecss-banner.page-varveg{
background-image: url(../../banner/varveg.jpg);
background-position: 0px -200px;
background-size:auto;
}
.pagecss-banner.page-esqdetraz{
background-image: url(../../banner/esquemas.jpg);
background-position: 0px -200px;
background-size:auto;
}
.pagecss-banner.page-indgeo{
background-image: url(../../banner/indgeo.jpg);
background-position: 0px -150px;
}
.pagecss-banner.page-publicaciones{
background-image: url(../../banner/publicaciones.jpg);
background-position: 0px -30px;
}
.pagecss-banner.page-tarifas{
background-image: url(../../banner/tarifas.jpg);
background-position: 0px -150px;
}
.pagecss-banner.page-snpi{
background-image: url(../../banner/snpi.jpg);
}
.pagecss-banner.page-cati{
background-image: url(../../banner/cati.jpg);
background-position: 0px -250px;
}
.pagecss-banner.page-premios{
background-image: url(../../banner/premios.jpg);
background-position: 0px -400px;
}
.pagecss-banner::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(180deg, rgba(200, 200, 200, 0.4),rgba(176, 196, 205, 0.4));
}
.pagecss-banner.page-bopipy::before
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(180deg, rgba(200, 200, 200, 0),rgba(176, 196, 205, 0));
}
.pagecss-banner h2{
position: absolute;
text-transform: uppercase;
top:35%;
left:50%;
transform: translate(-50%, -50%);
color: var(--textColorW);
text-shadow: var(--Shadow05em);
font-weight: bold;
}
.pagecss-banner.page-about h2{
top:50% !important;
}
.page-mipyme h2{
transform: none !important;
left: 0 !important;
margin-left: 7.5rem !important;
}
.pagecss-banner .page-banner-enlace1 > a,
.pagecss-banner .page-banner-enlace2 > a
{
position: absolute;
background-color: #3d5a80a6;
top:65%;
font-size: 0.75rem !important; /*0.875rem*/
transform: translate(-50%, -50%);
border:1px solid #ffffff;
color: var(--textColorW);
text-shadow: var(--Shadow05em);
padding:0.5em;
border-radius:4px;
text-align: center;
width:175px;
}
.pagecss-banner .page-banner-enlace1 > a{
left:50%;
}
/*#block-banner-legislacion*/
.pagecss-banner .page-banner-enlace1 > a
{
left:calc(50% - 100px);
}
/*#block-banner-legislacion*/
.pagecss-banner .page-banner-enlace2 > a
{
left:calc(50% + 100px);
}
/* ----- FIN BANNER Pags interiores ----- */
/********************************************/
/* Inner Cust BLOQUES AFINES */
/********************************************/
.bloques-afines{
position: relative;
z-index: 2;
margin-top: -75px;
display: flex;
justify-content: space-between;
}
.bloques-afines .clase-bloques-afines{
/*width: 31%;*/
width: 340px;
padding:20px 25px;
/*margin:0 auto;*/
background-color: white;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12);
}
.bloques-afines .bloques-afines-fa,
.bloques-afines .bloques-afines-titulo > a{
text-align: center;
}
div.bloques-afines div.bloques-afines-fa > a{
color:#223843 !important;
font-size: 2rem !important;
}
.bloques-afines .bloques-afines-titulo{
display: inline-block;
width:100%;
}
.bloques-afines .bloques-afines-titulo > a{
color:#222 !important;
font-size: 1.125rem !important;
margin:5px 0 0 0;
float:left;
width:100%;
}
.bloques-afines .bloques-afines-texto{
font-size: 0.8125rem !important;
text-align: left;
width: 100%;
color:#333333;
margin: .5rem 0 0 0;
}
.bloques-afines .bloques-afines-boton{
text-align: center;
margin-top:1rem;
}
.bloques-afines .bloques-afines-boton > a{
font-size: 0.6875rem !important;
text-align: center;
border-radius: 3px;
text-transform: uppercase;
padding: 5px 10px;
border:1px #b1aeae solid;
color: black !important;
}
/*Medias personalizadas*/
@media all and (min-width: 992px) and (max-width: 1200px) {
/*Bloques Afines*/
.bloques-afines .clase-bloques-afines{
width:280px;
padding:1rem;
}
.bloques-afines .bloques-afines-texto{
font-size: 0.6875rem !important;
}
/*Fin - Bloques Afines*/
/*Invenciones - cust-cont-inner-cust-header-separador_full*/
#block-views-inve-inner-header-separator .pagecss-inner-header-separador .page-inner-header-separador-row{
width:50%;
}
/*Fin - Invenciones - cust-cont-inner-cust-header-separador_full*/
}
@media all and (min-width: 769px) and (max-width: 991px) {
/*Bloques Afines*/
.bloques-afines-texto{
display:none;
}
.bloques-afines .clase-bloques-afines{
width:200px;
padding:1rem;
}
.bloques-afines .bloques-afines-titulo > a{
font-size: 1.2rem !important;
}
/*Fin - Bloques Afines*/
/*Invenciones - cust-cont-inner-cust-header-separador_full*/
#block-views-inve-inner-header-separator .pagecss-inner-header-separador .page-inner-header-separador-row{
width:100%;
}
/*Fin - Invenciones - cust-cont-inner-cust-header-separador_full*/
}
@media all and (min-width: 561px) and (max-width: 768px) {
/*Bloques Afines*/
.bloques-afines-texto{
display:none;
}
.bloques-afines .clase-bloques-afines{
width:150px;
padding:1rem;
}
.bloques-afines .bloques-afines-titulo > a{
font-size: 0.875rem !important;
}
/*Fin - Bloques Afines*/
/*Invenciones - cust-cont-inner-cust-header-separador_full*/
#block-views-inve-inner-header-separator .pagecss-inner-header-separador .page-inner-header-separador-row{
width:100%;
}
/*Fin - Invenciones - cust-cont-inner-cust-header-separador_full*/
}
@media all and (max-width: 560px) {
/*Bloques Afines*/
.bloques-afines{
display: block;
margin-top: 0;
}
.bloques-afines::before{
display: block;
content:'Enlaces afines:';
margin-bottom: 1rem;
width:100%;
text-align: center;
color: var(--BgColorC);
text-align: center;
font-size: 1.5rem !important;
font-weight: bold;
text-shadow: #669398 0.05em 0.05em 0.05em;
}
.bloques-afines .clase-bloques-afines{
width:100%;
margin-bottom: 1rem;
}
/*Fin - Bloques Afines*/
/*Invenciones - cust-cont-inner-cust-header-separador_full*/
#block-views-inve-inner-header-separator .pagecss-inner-header-separador .page-inner-header-separador-row{
width:100%;
}
/*Fin - Invenciones - cust-cont-inner-cust-header-separador_full*/
}
/*Fin - Medias Personalizadas*/
/********************************************/
/* Inner Cust TITULOS y HEADER */
/********************************************/
.cust-cont-inner_cust_header_12
{
padding-top:3.5rem;
}
.cust-cont-inner_cust_header_34,
#block-marcasrequisitosquedebecumplirunamarca{
padding-bottom:3.5rem;
}
#block-puestos-de-trabajo,
#block-secciones-provinciales,
.cust-cont-inner-cust-header-separador_full,
.cust-cont-inner_cust_top,
.cust-cont-inner_cust_top_alt,
.cust-cont-inner-cust-top-separador,
.cust-cont-inner-cust-top-separador_alt,
.cust-cont-inner_cust_contenttop_alt,
.cust-cont-inner_cust_contenttop,
.cust-cont-inner-cust-contenttop-separador,
.cust-cont-inner-cust-contenttop-separador_alt,
.cust-cont-inner_cust_content_alt,
.cust-cont-inner-cust-content-separador,
.cust-cont-inner-cust-content-separador_alt,
.cust-cont-inner-cust-contenttop-separador_alt_full,
.cust-cont-inner_cust_content,
.cust-cont-inner_cust_contentbottom,
.cust-cont-inner_cust_contentbottom_alt,
.cust-cont-inner-cust-contentbottom-separador_alt,
.cust-cont-inner-cust-contentbottom-separador_alt_full
{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
#block-serv-de-marcas{
margin-top: 3.5rem;
}
#block-views-block-premios-y-medallas-galeria-de-imagenes-block-1{
margin-bottom: 3.5rem;
}
/*
.cust-cont-inner_cust_top_alt{
padding-bottom: 3.5rem;
}
*/
/*.cust-cont-inner_cust_top_alt*/
/*
#block-ocpi-views-block-legislacion-vigente-marcas-block-1{
padding-top: 3.5rem;
}
*/
/*TITULOS*/
/*
#block-invenciones1texto h4,
#block-views-inve-inner-header-separator h2,
#block-views-block-invenciones-inner-top-block-1 h2,
#block-views-block-invenciones-inner-top-separator-block-1 h2,
.cust-cont-inner_cust_contenttop h2
*/
#block-ocpi-seccionregistro h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 h2,
#block-ocpi-seccionherramientas h2,
#block-ocpi-views-block-eventos-block-1 h2,
#block-titulopublicaciones h2,
#block-puestos-de-trabajo h2,
#block-secciones-provinciales h2,
#block-invenciones1texto h4,
.cust-cont-inner_cust_header_12 h2,
.cust-cont-inner_cust_header_34 h2,
.cust-cont-inner-cust-header-separador_full h2,
.cust-cont-inner-cust-header-separador_alt_full h2,
.cust-cont-inner_cust_top h2,
.cust-cont-inner_cust_top_alt h2,
.cust-cont-inner-cust-top-separador h2,
.cust-cont-inner-cust-top-separador_alt h2,
.cust-cont-inner_cust_contenttop h2,
.cust-cont-inner_cust_contenttop_alt h2,
.cust-cont-inner-cust-contenttop-separador h2,
.cust-cont-inner-cust-contenttop-separador_alt h2,
.cust-cont-inner_cust_content h2,
.cust-cont-inner_cust_content_alt h2,
#block-ocpi-views-about-2-header-bottom h2,
#block-aboutqueeslaocpi h4,
#block-aboutmisiondelaocpi h4,
#block-ocpi-views-block-agentes-oficiales-nombres-block-1 h2,
#block-about-estructura-organizativa h2,
.cust-cont-inner-cust-contenttop-separador_alt_full h2,
.cust-cont-inner-cust-content-separador_alt h2,
.cust-cont-inner_cust_contentbottom h2,
.cust-cont-inner_cust_contentbottom_alt h2,
.cust-cont-inner-cust-contentbottom-separador h2,
.cust-cont-inner-cust-contentbottom-separador_alt h2,
.cust-cont-inner-cust-contentbottom-separador_full h2,
.cust-cont-inner-cust-contentbottom-separador_alt_full h2,
#block-views-block-publicaciones-guias-block-1 h2
{
text-align: center;
font-size: 1.5rem !important;
font-weight: bold;
text-shadow: #669398 0.05em 0.05em 0.05em;
}
h2{
text-align: center;
font-weight: bold;
text-shadow: #669398 0.05em 0.05em 0.05em;
color: var(--BgColorC);
}
#footer h2{
text-align: left !important;
font-weight: 300 !important;
text-shadow: none;
color:rgba(255,255,255,0.4) !important;
}
#block-aboutqueeslaocpi h4,
#block-aboutmisiondelaocpi h4{
text-align: left;
}
/*Textos Azul oscuro*/
#block-puestos-de-trabajo h2,
#block-secciones-provinciales h2,
#block-invenciones1texto h4,
.cust-cont-inner-cust-header-separador_alt_full h2,
.cust-cont-inner_cust_top h2,
.cust-cont-inner_cust_contenttop h2,
.cust-cont-inner-cust-contenttop-separador h2,
.cust-cont-inner_cust_content_alt h2,
#block-ocpi-views-about-2-header-bottom h2,
#block-aboutqueeslaocpi h4,
#block-aboutmisiondelaocpi h4,
#block-about-estructura-organizativa h2,
.cust-cont-inner_cust_contentbottom h2,
.cust-cont-inner-cust-contentbottom-separador h2,
.cust-cont-inner-cust-contentbottom-separador_full h2
{
color: var(--BgColorC);
}
/*Textos Blancos*/
.cust-cont-inner-cust-header-separador_full h2,
.cust-cont-inner_cust_top_alt h2,
.cust-cont-inner-cust-top-separador h2,
.cust-cont-inner_cust_contenttop_alt h2,
.cust-cont-inner-cust-contenttop-separador_alt h2,
.cust-cont-inner_cust_content h2,
.cust-cont-inner-cust-contenttop-separador_alt_full h2,
.cust-cont-inner-cust-content-separador_alt h2,
.cust-cont-inner_cust_contentbottom_alt h2,
.cust-cont-inner-cust-contentbottom-separador_alt h2,
.cust-cont-inner-cust-contentbottom-separador_alt_full h2
{
color:var(--textColorW);
}
/*BACKGROUND COLOR BLANCO*/
.cust-cont-inner_cust_header_12,
.cust-cont-inner_cust_header_34,
.cust-cont-inner-cust-header-separador_alt_full,
.cust-cont-inner_cust_top,
.cust-cont-inner-cust-top-separador_alt,
.cust-cont-inner_cust_contenttop,
.cust-cont-inner-cust-contenttop-separador,
.cust-cont-inner_cust_content_alt,
.cust-cont-inner_cust_contentbottom,
.cust-cont-inner-cust-contentbottom-separador
{
background-color: var(--BgColorA);
}
/*BACKGROUND COLOR AZUL OSCURO*/
.cust-cont-inner-cust-header-separador_full,
.cust-cont-inner_cust_top_alt,
.cust-cont-inner-cust-top-separador,
.cust-cont-inner_cust_contenttop_alt,
.cust-cont-inner-cust-contenttop-separador_alt,
.cust-cont-inner_cust_content,
.cust-cont-inner-cust-contenttop-separador_alt,
.cust-cont-inner-cust-contenttop-separador_alt_full,
.cust-cont-inner-cust-content-separador_alt,
.cust-cont-inner_cust_contentbottom_alt,
.cust-cont-inner-cust-contentbottom-separador_alt,
.cust-cont-inner-cust-contentbottom-separador_full_alt
{
background-color: var(--BgColorD);
color: white;
}
/*Hipervinculos*/
.cust-cont-inner-cust-header-separador_full a,
.cust-cont-inner_cust_top_alt a,
.cust-cont-inner-cust-top-separador a,
.cust-cont-inner_cust_contenttop_alt a,
.cust-cont-inner-cust-contenttop-separador_alt a,
.cust-cont-inner_cust_content a
{
color: var(--BGColorJ) !important;
}
/*BACKGROUND COLOR-IMAGEN PERSONALIZADO*/
#block-marcas-act-soloreg{
padding-top:3.5rem;
padding-bottom:3.5rem;
background-image: url(../img/act.jpg);
background-color: #ffffffb8;
background-blend-mode: overlay;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 -15px -1rem -15px; /*elimina el padding del padre*/
}
#block-marcas-act-soloreg > div{
padding:1rem;
}
.cust-cont-agentes_oficiales{
position:relative;
padding-bottom: 3.5rem;
padding-top: 3.5rem;
background-image: url(../img/ageofi.jpg);
background-color: #ffffffb8;
background-blend-mode: overlay;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#block-ocpi-views-block-agentes-oficiales-nombres-block-1 h2{
background-color: #3d738c;/*#F1C453*/
color: white;
padding-top: 0.5rem;
}
/*
.cust-cont-inner_cust_top{
background-image: url(../../banner/quienessomos.jpg);
background-color: #ffffffeb;
background-blend-mode: overlay;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
*/
/*
#block-alertas-tecnologicas1,
#block-alertas-tecnologicas2,
#block-alertas-tecnologicas3,
#block-alertas-tecnologicas4{
padding: .5rem;
background-color: #f5f5f5;
box-shadow: var(--Shadow015em);
}
*/
#block-alertas-tecnologicas-covid-19 > h2{
padding-top: 3.5rem;
font-size: 1.5rem !important;
}
#block-alertas-tecnologicas-covid-19 .page-boletines-covid-19,
.page-alertas-tecnologicas
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row{
width: 33%;
margin-bottom: 1rem;
margin-top: 1rem;
}
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row .alertas-tecnologicas-titulo,
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row .boletines-covid-19-categoria,
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row .alertas-tecnologicas-fecha
{
text-align: center;
}
.page-alertas-tecnologicas{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
#block-alertas-tecnologicas-2022 h2,
#block-alertas-tecnologicas-2021 h2,
#block-alertas-tecnologicas-2020 h2,
#block-alertas-tecnologicas-2019 h2,
#block-alertas-tecnologicas-2018 h2,
#block-alertas-tecnologicas-2017 h2,
#block-alertas-tecnologicas-2016 h2{
margin-bottom:0px !important;
}
.page-alertas-tecnologicas h3
{
font-size: 1.2rem !important;
text-shadow: none !important;
text-align: left;
margin-bottom: .5rem !important;
}
.page-alertas-tecnologicas a{
font-size: 0.875rem !important;
}
.page-alertas-tecnologicas li
{
margin-bottom: 0.5rem;
/* display:block;*/
}
.page-alertas-tecnologicas .item-list{
width: 25%;
}
@media all and (max-width: 560px) {
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row{
width: 100%;
}
}
@media all and (min-width: 561px) and (max-width: 768px) {
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row{
width: 45%;
}
}
@media all and (min-width: 769px) and (max-width: 1200px) {
#block-alertas-tecnologicas-covid-19 .page-alertas-tecnologicas-row{
width: 50%;
}
}
/*BOTONES INNER*/
#accordionInve,
#accordionDibyMod,
#accordionVarVeg
{
border-radius: 50px;
background: #3d5a8000;
padding: 0.5em 2em;
/* min-width: 150px; */
border: 1px solid black;
color: #000000;
font-size: 12px;
text-transform: uppercase;
display: inline-block;
text-align: center;
margin-top: 40px;
margin-right: 12px;
transition: all 0.5s ease-in;
}
#accordionInve:hover,
#accordionDibyMod:hover,
#accordionVarVeg:hover,
a.botoncust:hover,
#block-block-calendario-academico a:hover
{
background: #e0eef6;
border: 1px solid #9caac4;
}
/*Imagenes de inner header 12 y 34*/
.cust-cont-inner_cust_header_12 img,
.cust-cont-inner_cust_header_34 img{
width: 100%;
height: auto;
}
/********************************************/
/* Inner Cust Header Separador */
/********************************************/
#block-views-inve-inner-header-separator > div{
padding-left: 30px;
padding-right: 30px;
}
.pagecss-inner-header-separador{
justify-content: space-between;
}
.pagecss-inner-header-separador .page-inner-header-separador-row{
position: relative;
width: 32%;
/*border: 1px solid #e6e6e694;
box-shadow: var(--Shadow02em);*/
/*margin: 0 2rem 2rem 2rem;*/
padding: 1rem;
}
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row::before,
.pagecss-inner-header-separador .page-inner-header-separador-row > i{
position: absolute;
font-size: 2rem;
color:rgba(176, 196, 205, 0.4);
}
.pagecss-inner-header-separador .page-inner-header-separador-row > .page-body > p{
margin-left:60px;
}
/*
#block-invenciones1imagenadjunta img,
#block-invenciones2imagenadjunta img{
width: 100%;
height: auto;
}
*/
.inner_cust_header1,
.inner_cust_header2,
.inner_cust_header3,
.inner_cust_header4{
padding-top: 1rem;
}
/********************************************/
/* Inner TOP */
/********************************************/
/********************************************/
/* Inner TOP ALT */
/********************************************/
#block-registrodelosdibujosymodelosindustriales p{
text-align: right;
}
/********************************************/
/* Inner TOP Separador */
/********************************************/
.cust-cont-inner-cust-top-separador > div > div,
.cust-cont-inner-cust-top-separador_alt > div > div
{
position: relative;
}
.cust-cont-inner-cust-top-separador #block-views-block-invenciones-inner-top-separator-block-1,
.cust-cont-inner-cust-top-separador_alt #block-dibymod-industriales-inner-top-separator
{
position: relative;
}
/* - CAROUSEL - */
/*.contenedor-principal .contenedor-carousel*/
/*Indicadores de paginas*/
#block-ind-tipmar1{
width: 100%;
text-align: right;
padding-bottom: 2rem;
}
#block-ind-tipmar1 button{
background: #ffffff45;
height:1rem;
width:1rem;
border-radius: 50%;
cursor: pointer;
border: none;
margin-right: 2px;
}
#block-ind-tipmar1 button.activo,
#block-ind-tipmar1 button:hover{
background-color: var(--BgColorE);
}
#block-views-block-marcas-tipos-de-marcas-que-existen-block-1 > div,
#block-views-block-invenciones-inner-top-separator-block-1 > div,
#block-dibymod-industriales-inner-top-separator > div
{
position: relative;
width: 92%; /*97%*/
margin: auto;
overflow: hidden;
scroll-behavior: smooth;
}
#block-views-block-marcas-tipos-de-marcas-que-existen-block-1 > div > div.pagecss-header,
#block-views-block-invenciones-inner-top-separator-block-1 > div > div.pagecss-inner-top-separador,
#block-dibymod-industriales-inner-top-separator > div > div.pagecss-inner-top-separador
{
display: flex;
flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
align-items: center;
position: relative;
}
/*.contenedor-principal .contenedor-carousel .carousel .picture*/
#block-views-block-marcas-tipos-de-marcas-que-existen-block-1 > div > div.pagecss-header .page-row,
#block-views-block-invenciones-inner-top-separator-block-1 > div > div.pagecss-inner-top-separador .page-inner-top-separador-row,
#block-dibymod-industriales-inner-top-separator > div > div.pagecss-inner-top-separador .page-inner-top-separador-row
{
min-width: 100%;
transition: .3s ease all;
padding:1rem;
}
/*.contenedor-principal .contenedor-carousel .carousel .picture img*/
#block-views-block-marcas-tipos-de-marcas-que-existen-block-1 > div > div.pagecss-header .page-row, div.page-body,
#block-views-block-invenciones-inner-top-separator-block-1 > div > div.pagecss-inner-top-separador .page-inner-top-separador-row div.page-body,
#block-dibymod-industriales-inner-top-separator > div > div.pagecss-inner-top-separador .page-inner-top-separador-row div.page-body
{
width:97%;
}
#block-botonizquierdobopi,
#block-botonderechobopi{
position: absolute;
top: calc(100% - 35%);
z-index: 2;
}
#block-flechaizqtiposdemarcas,
#block-flechadertiposdemarcas,
#block-botonizquierdo,
#block-botonderecho,
#block-botonizquierdoalt,
#block-botonderechoalt
{
position: absolute;
top: calc(100% - 50%);
z-index: 2;
}
#block-botonizquierdobopi,
#block-flechaizqtiposdemarcas,
#block-botonizquierdo,
#block-botonizquierdoalt
{
left:0;
}
#block-botonderechobopi,
#block-flechadertiposdemarcas,
#block-botonderecho,
#block-botonderechoalt
{
right:0;
}
#block-botonizquierdobopi .flecha-izq-bopi,
#block-botonderechobopi .flecha-der-bopi,
#block-flechaizqtiposdemarcas .flecha-izq-tm,
#block-flechadertiposdemarcas .flecha-der-tm,
#block-botonizquierdo .flecha-izq,
#block-botonderecho .flecha-der,
#block-botonizquierdoalt .flecha-izq-alt,
#block-botonderechoalt .flecha-der-alt
{
border: none;
background: rgba(0,0,0,0);
font-size: 40px;
line-height: 40px;
cursor: pointer;
transition: .2s ease all;
}
#block-flechadertiposdemarcas .flecha-der-tm,
#block-flechaizqtiposdemarcas .flecha-izq-tm,
#block-botonizquierdo .flecha-izq,
#block-botonderecho .flecha-der
{
color: white;
}
#block-botonizquierdobopi .flecha-izq-bopi,
#block-botonderechobopi .flecha-der-bopi,
#block-botonizquierdoalt .flecha-izq-alt,
#block-botonderechoalt .flecha-der-alt
{
color: var(--BgColorD);
}
/*
.cust-cont-inner-cust-top-separador{
background-image: url(../../banner/pasos1.jpg);
background-color: var(--BgColorC);
background-blend-mode: overlay;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
*/
/********************************************/
/* Inner Content TOP */
/********************************************/
#block-proteccionenotrospaises > div > p:last-child{
text-align: center;
}
#block-proteccionenotrospaises2{
display: none;
}
/********************************************/
/* Inner Content */
/********************************************/
#block-dibymod-procedimiento-de-concesion > div > p:last-child{
text-align: center;
}
#block-dibymod-procedimiento-de-concesion2{
display: none;
}
/*------------- FIN INVENCIONES --------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------- LEGISLACION --------------*/
#block-legislacion-no-vigente{
padding-top:1rem;
scroll-behavior: smooth;
}
/*
#block-views-block-legislacion-vigente-block-1 a{
color:#a26769 !important;
}
#block-views-block-legislacion-vigente-block-1 .css-legislacion-title::before{
background-color: #a26769 !important;
color:white !important;
}
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 div,
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 li,
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 p,
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 h2,
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 a
{
color: white !important;
}
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 a{
text-decoration: underline !important;
}
#block-views-block-legislacion-vigente-variedades-vegetales-block-1 .css-legislacion-title::before{
background-color: #ece2d0 !important;
color:black !important;
}
*/
/*------------- FIN LEGISLACION --------------*/
/********************************************/
/* NOTICIAS */
/********************************************/
/*
.cust-cont-main-content article{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.cust-cont-main-content article img{
margin:.5rem;
}
.cust-cont-main-content article h2{
font-size: 1.5rem !important;
}
*/
/********************************************/
/* ABOUT - Que es la OCPI */
/********************************************/
/*TOP 1*/
#block-aboutmisiondelaocpi{
margin-top: 2rem;
}
/********************************************/
/* ABOUT - FUNCIONES */
/********************************************/
/*Containers - Funciones de la OCPI*/
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom{
margin-top: 2.5rem;
justify-content: center;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row{
position: relative;
width:30%;
/*width:350px;*/
padding:0 20px;
margin: 0 auto 2rem auto;
min-height:160px;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.css-about-header-fa,
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.page-body
{
position: absolute;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.css-about-header-fa
{
left:10px;
top:5px;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.page-body
{
left: 60px;
top: 0;
padding-right: 60px;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.page-body > p{
font-size: 0.875rem !important;
padding-right: 1rem;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.page-body > p:first-child{
font-size: .9rem !important;
margin-bottom: 2px;
}
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row > div.css-about-header-fa i{
font-size: 1.9rem !important;
opacity: 0.4;
color:grey; /*or #c7c5c4*/
}
/********************************************/
/* ABOUT - Estructura Organizativa */
/********************************************/
/*fondo azul oscuro: .cust-cont-inner-cust-top-separador, ahora estaen to-content-full*/
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org{
justify-content: center;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row{
position: relative;
width:500px;
padding:0 20px;
margin: 0 auto 2rem auto;
min-height:300px;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div{
position: absolute;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(2),
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(3),
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(4),
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(5){
/*
width:50%;
left:260px;
*/
width: 48%;
left: 50%;
transform: translate(2%, -50%);
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row div[class^="estructura"]{
line-height: 1;
font-size: 1rem !important;
/*font-family: 'Shadows Into Light', cursive !important;*/
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(2){
top: 50%;
margin-top: -6rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(3){
top:50%;
margin-top: -3rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(4){
top: 50%;
margin-top: -1rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(5){
top: 50%;
margin-top: 1rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div > .estructura-foto{
padding:1rem;
width:50%;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div > .estructura-foto img{
width:100%;
height: 100%;
border-radius: 50%;
}
#block-about-estructura-organizativa .estructura-dpto{
position: relative;
font-size: 1,0625rem !important;
font-weight: 900;
}
/*
#block-about-estructura-organizativa .estructura-dpto::before{
content:'Departamento: ';
display: block;
position: relative;
}
*/
/*
#block-about-estructura-organizativa .estructura-dpto::after{
content:' ';
width:50%;
height:1px;
background-color: white;
padding-right: 1rem;
display: block;
position: relative;
}
*/
/********************************************/
/* ABOUT - Secciones y Puestos Provinciales */
/********************************************/
#block-aboutseccionesypuestosprovinciales{
position: relative;
}
#block-registros > div > p > .bt-regm,
#block-registros > div > p > .bt-regp{
position: relative;
margin-left: 1rem;
margin-right: 1rem;
border: 1px solid rgb(224 224 224 / 29%);
}
#block-registros > div > p > .svg_bt-regm,
#block-registros > div > p > .svg_bt-regp{
position: absolute;
bottom: 0;
transform: translate(-1rem, -1rem);
width: 20px;
height: 20px;
}
#block-registros > div > p > .bt-regm{
background-color: #f4f8fb;
}
#block-registros > div > p > .bt-regp{
background-color: #c9c9c9;
}
#block-registros > div > p > .button,
#block-aboutseccionesypuestosprovinciales .boton-prov:active{
background-color: var(--BGColorG);
}
#block-aboutseccionesypuestosprovinciales #bt-sp{
position: absolute;
left: calc(50% - 5.9375em);/*- 95px*/
transform: translate(-50%, 0);
background-color: var(--BGColorG);
}
#block-aboutseccionesypuestosprovinciales #bt-pp{
position: absolute;
left: calc(50% + 5.9375em);/*+ 95px*/
transform: translate(-50%, 0);
background-color: #c9c9c9;
}
#block-registros > div > p > button{
border: 0;
padding: 1em;
font-size: 1rem !important;
font-weight: 900;
color: var(--BgColorD)
}
#block-aboutseccionesypuestosprovinciales .boton-prov{
top: -4.51rem;
border: 0;
padding: 1rem;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
font-size: 1rem !important;
font-weight: 900;
color: var(--BgColorD)
}
#block-puestos-de-trabajo{
display: none;
}
#block-secciones-provinciales .card,
#block-puestos-de-trabajo .card{
padding:1.5rem;
box-shadow: #0000002b 0.1rem 0.1rem 0.2rem;
}
#block-secciones-provinciales > div > div,
#block-puestos-de-trabajo > div > div{
justify-content:space-around;
}
#block-puestos-de-trabajo .puestos-row,
#block-secciones-provinciales .secciones-prov-row{
width: 30%;/*500px*/
margin-bottom: 3rem;
}
#block-secciones-provinciales .secciones-nombre,
#block-puestos-de-trabajo .puestos-nombre{
font-weight: bold;
font-size: 1.15rem !important;
/*margin-bottom: 1rem;*/
}
/*Way one*/
/*
.secciones-prov-row > div:first-child{
width: 100%;
padding:1rem 0;
margin-bottom: .5rem;
background-color: var(--BgColorC);
}
.secciones-prov-row > div:first-child > .secciones-nombre{
text-align: center;
color: var(--textColorW);
}
*/
.secciones-prov-row > div > .secciones-cuerpo,
.puestos-row > div > .puestos-cuerpo
{
font-size: .6875rem !important;
}
.secciones-prov-row > div > .secciones-cuerpo img,
.puestos-row > div > .puestos-cuerpo img
{
width:70% !important;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
}
/*Way two*/
/*
.puestos-row{
align-content: center;
}
.puestos-row > div{
height:100%
}
.puestos-row > div:first-child{
position: relative;
width: 40%;
background-color: var(--BgColorC);
}
.puestos-row > div:last-child{
width: 60%;
padding: 0 1rem;
}
.puestos-row > div > .puestos-nombre{
position: absolute;
color: var(--textColorW);
top:50%;
left:50%;
width:100%;
transform: translate(-50%, -50%);
text-align: center;
}
.puestos-row > div:last-child > .puestos-cuerpo{
font-size: .6875rem !important;
}
*/
/********************************************/
/* ABOUT - Agentes Oficiales */
/********************************************/
#block-ocpi-views-block-agentes-oficiales-nombres-block-1 h2{
margin-bottom: 1rem !important;
}
#block-ocpi-views-block-agentes-oficiales-nombres-block-1 > div{
padding-bottom: 1rem;
padding-top: 1rem;
}
/*Nombres*/
#block-ocpi-views-block-agentes-oficiales-nombres-block-1{
background-color: #70b4cd;
box-shadow: var(--Shadow015em);
padding-bottom: .5rem;
}
#block-ocpi-views-block-agentes-oficiales-nombres-block-1 .ao-names-row{
margin: .675rem auto;
width: 90%;
}
#block-ocpi-views-block-agentes-oficiales-nombres-block-1 .ao-names-row button{
font-size: .875rem;
width:100%;
margin:0 auto;
}
/*Descripciones*/
#block-ocpi-views-block-agentes-oficiales-block-1
{
min-height: 335px;
padding: 1rem;
/*box-shadow: #00000040 0.05em 0.05em 0.2em;*/
box-shadow: #00000040 0.01em 0.01em 0.1em;;
background-color: #d6f3f587; /*#d6f3f5c2*/
}
#block-ocpi-views-block-agentes-oficiales-block-1 > div > .ao-css .ao-row:not(:first-child){
display:none;
}
#block-ocpi-views-block-agentes-oficiales-block-1 .ao-title{
padding-bottom: 1rem;
}
#block-ocpi-views-block-agentes-oficiales-block-1 p
{
font-size: .875rem !important;
margin-bottom: .6875rem;
}
/********************************************/
/* MARCAS - Derechos que otorga */
/********************************************/
#block-marcas-derechos-que-otorga .pagecss-top-separador{
justify-content: center;
}
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row{
width: 48%;/*30% para 3 columnas*/
padding-left: 2rem;
position: relative;
}
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row::before{
position:absolute;
top:0;
left: 2rem;
content: '\f069';
}
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row .page-body{
padding-left: 3rem;
}
/********************************************/
/* MARCAS - Actos para la actualización */
/********************************************/
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg{
justify-content: space-around;
counter-reset: contaact;
}
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg .marcas-act-soloreg-row{
position: relative;
width: 28%;
padding: 3rem 1rem 1rem 1rem;
border:1px dotted;
margin-bottom: 3rem;
background-color: #0b4f6c0f;
}
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg .marcas-act-soloreg-row::before{
counter-increment: contaact;
content: counter(contaact);
position: absolute;
text-align: center;
display: block;
left:50%;
top: -1.5rem;
background: var(--BgColorB);
font-weight: 900;
padding: .5rem;
border:2px solid #90b9d0;
width: 3rem;
height: 3rem;
border-radius: 50%;
}
/********************************************/
/* Variedades Vegetales - Proteccion en Cuba*/
/********************************************/
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(1){
width:100%;
}
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(2),
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(3)
{
width:50%;
}
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(2){
text-align: right;
padding-right: 1rem;
}
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(3){
padding-left: 1rem;
}
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(4){
width: 100%;
padding-top:2rem;
}
/*********************************************/
/* Variedades Vegetales - Derecho de obtentor*/
/*********************************************/
#block-variedadesvegetalesprocedimientodeconcesiondelderechodeobtentor > div > p:last-child{
text-align: center;
}
#block-variedadesvegetalesprocedimientodeconcesiondelderechodeobtentor2{
display:none;
}
/*********************************************/
/* Publicaciones - BOPI */
/*********************************************/
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div a{
color:#333;
}
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div{
background-color: #f1f1f15c;
}
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div > .bopi-boletin-noid{
padding-top: .5rem;
text-align: center;
font-weight: 900;
}
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div > .bopi-boletin-pc,
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div > .bopi-boletin-modalidad,
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div > .bopi-boletin-fp{
font-size: .6875rem !important;
text-align: center;
}
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines > .bopi-boletines-row > div > .bopi-boletin-pc{
min-height: 2.5rem;
}
/*********************************************/
/* Publicaciones - Revista Rendija */
/*********************************************/
#block-revista-rendija-content,
#block-bpdp-block,
#block-block-reporte-anual-contenido{
padding-top: 2rem;
}
#block-revista-rendija-content .rendija-page{
justify-content: space-around;
}
#block-revista-rendija-content .rendija-page > .rendija-row,
#block-bpdp-block .bpdp-page > .bpdp-row,
#block-block-reporte-anual-contenido .reporteanual-page > .reporteanual-row
{
margin-bottom: 2rem;
box-shadow: var(--Shadow015em);
}
#block-revista-rendija-content .rendija-page > .rendija-row{
background: var(--BgColorE);
width:200px;
}
#block-revista-rendija-content img,
#block-bpdp-block img,
#block-block-reporte-anual-contenido img
{
width: 100% !important;
height: auto !important;
margin-bottom: .5rem;
}
#block-revista-rendija-content .rendija-numero,
#block-revista-rendija-content .rendija-fecha,
#block-block-reporte-anual-contenido .reporteanual-year{
font-size: .875rem !important;
font-weight: 900;
text-align: center;
color:black;
}
#block-revista-rendija-content .rendija-fecha,
#block-block-reporte-anual-contenido .reporteanual-year{
margin-bottom: .5rem;
}
/*********************************************/
/* Publicaciones - BPDP */
/*********************************************/
#block-bpdp-block .bpdp-page{
justify-content: space-around;
}
#block-bpdp-block .bpdp-page > .bpdp-row{
width:300px;
background: #e1ebec78;
}
#block-bpdp-block .bpdp-year,
#block-bpdp-block .bpdp-sector{
font-size: .875rem !important;
font-weight: 900;
text-align: center;
}
#block-bpdp-block .bpdp-year{
margin-bottom: .5rem;
}
/*********************************************/
/* Publicaciones - Reporte Anual */
/*********************************************/
#block-block-reporte-anual-contenido .reporteanual-page{
justify-content: space-around;
}
#block-block-reporte-anual-contenido .reporteanual-page > .reporteanual-row{
background: var(--BgColorE);
width:300px;
}
/*********************************************/
/* Publicaciones - Guias */
/*********************************************/
#block-views-block-publicaciones-guias-block-1 .css-publicaciones-guias {
display: grid;
grid-template-columns: 30% auto;
grid-gap: 2rem;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(3) .body-css-publicaciones-guias > p {
display: flex;
flex-wrap: nowrap;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(3) .body-css-publicaciones-guias > p img {
width: 100%;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(1) {
grid-row: 1 / span 3;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(1) .body-css-publicaciones-guias img {
width: 100%;
}
/*********************************************/
/* Servicios - Invenciones-Asesoramiento Inv */
/*********************************************/
#block-banner-pi-servicios-de-invenciones .page-servicios-invenciones .page-banner-enlace1 > a{
top:80% !important;
}
#block-serviciosaladelecturacont,
#block-serinfocs,
#block-descom-header,
#block-busquedaespecializada,
#block-asesoramientosobrelaprotecciondeinvenciones{
padding-bottom: 3.5rem;
}
/*********************************************/
/* Servicios - Informacion - Busq de Inf Tec */
/*********************************************/
/*Bloques superiores*/
#block-serviciosinformaciontecnologica p,
#block-serviciosdesarrolloycomercio p,
#block-serviciosmarcas p,
#block-serviciosinvenciones p
{
position: relative;
text-align: center;
color: var(--textFooter);
}
#block-serviciosinformaciontecnologica p::before,
#block-serviciosdesarrolloycomercio p::before,
#block-serviciosmarcas p::before,
#block-serviciosinvenciones p::before{
position: absolute;
display:inline-block;
top:-15px;
left:50%;
transform: translate(-50%, -50%);
font-family: "Font Awesome 5 Pro";
font-size: 1.5rem;
color: var(--textFooter);
}
#block-serviciosinformaciontecnologica p:hover,
#block-serviciosdesarrolloycomercio p:hover,
#block-serviciosmarcas p:hover,
#block-serviciosinvenciones p:hover,
#block-serviciosinformaciontecnologica p:hover::before,
#block-serviciosdesarrolloycomercio p:hover::before,
#block-serviciosmarcas p:hover::before,
#block-serviciosinvenciones p:hover::before
{
color:var(--textColorW);
}
#block-serviciosinformaciontecnologica p::before{
content: '\f05a';
}
#block-serviciosdesarrolloycomercio p::before{
content: '\f5b0';
}
#block-serviciosmarcas p::before{
content:'\f02b';
}
#block-serviciosinvenciones p::before{
content: '\f013';
}
#block-busquedadeinfracciondederechos,
#block-busquedadeinformaciontecnologicautilidaddelainformacionn,
#block-informetecnologicodepatentes{
margin-bottom: 3.5rem;
}
/*Botones*/
a.botoncust
{
margin-top: 20px !important;
margin-right: 0 !important;
}
#block-busquedadeinformaciontecnologicautilidaddelainformacionn a:first-child{
margin-left: 0rem;
}
a.botoncust:last-child
{
margin-left: .5rem;
}
/*Banner*/
#block-serdescomfrase,
#block-banner-info-tec,
#block-serviciosdeinvencionesfrase
{
min-height: 300px;
margin-left: -15px !important;
margin-right: -15px !important;
position: relative;
background-color: #000000a6;
background-blend-mode: overlay;
background-repeat:no-repeat;
background-size:cover;
background-image: url(../../banner/infotec.jpg), linear-gradient(180deg, #585656, #7088a0, #7088a0,#585656);
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}
#block-serdescomfrase p,
#block-banner-info-tec p,
#block-serviciosdeinvencionesfrase p
{
text-align: right;
color: var(--textColorW);
font-family: var(--font-header);
font-weight: 900;
/*text-transform: uppercase;*/
font-size: 1.5rem !important;
text-shadow: 0px -1px 10px #ffffff;;
padding-left: 3rem;
padding-right: 3rem;
}
#block-informe-tec-de-pat-comosolelserv > div > p:last-child,
#block-infobit-comosolserv > div > p:last-child{
text-align: center;
}
#block-servicioinfobusqinfotec{
padding-top: 2.5rem;
}
/*Busqueda retrospectiva*/
#block-busquedaretrospectivaestructuradelresultado{
padding-top: 2rem;
}
#block-serviciosinformaciontecnologica p,
#block-serviciosdesarrolloycomercio p,
#block-serviciosmarcas p,
#block-serviciosinvenciones p
{
width:200px;
margin: auto;
}
@media all and (min-width: 1201px) and (max-width: 1361px) {
/*Banner paginas interiores*/
.pagecss-banner .page-banner-enlace1 > a,
.pagecss-banner .page-banner-enlace2 > a
{
top:75%
}
/*Fin Banner paginas interiores*/
}
/*********************************************/
/* Tarifas */
/*********************************************/
#block-block-tarifas-marcas,
#block-block-tarifas-indicaciones-geograficas,
#block-block-tarifas-informacion,
#block-block-tarifas-descom,
#block-block-tarifas-patentes-de-invencion,
#block-block-tarifas-modelos-de-utilidad,
#block-block-tarifas-dibujos-y-modelos,
#block-block-tarifas-variedades-vegetales,
#block-block-tarifas-esquemas-de-trazado,
#block-block-tarifas-comunes
{
padding-top:3rem;
padding-bottom:2rem;
}
#block-block-tarifas-marcas header{
width:80%;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.5rem;
}
.tarifas-row{
display:flex;
margin-left: auto;
margin-right: auto;
flex-wrap: nowrap;
width:80%;
background-color: #f0f2f5;
align-items: center;
margin-top: .1rem;
margin-bottom: .1rem;
padding:.5rem;
}
.tarifas-row > div:nth-child(1){
width:55%;
}
.tarifas-row > div:nth-child(2){
width:15%;
}
.tarifas-row > div:nth-child(3){
width:30%;
}
.tarifas-title{
font-weight: 900;
padding: 0 1rem 0 .5rem;
}
.tarifas-tarifa{
text-align: right;
}
/*********************************************/
/* Premios */
/*********************************************/
.premio-img img{
cursor: pointer;
}
#block-enlacespremiosymedallas > div{
position: relative;
}
#block-enlacespremiosymedallas > div > p{
left: 50%;
top:-3.5rem;
transform: translate(-50%, 0);
position: absolute;
width: 100%;
text-align: center;
}
#block-enlacespremiosymedallas > div > p button{
border: 0;
padding: 1em;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
font-size: 1rem !important;
font-weight: 900;
color: var(--BgColorD);
background-color: #c9c9c9;
}
#block-enlacespremiosymedallas > div > p button#bt-pcit{
background-color: #ffffff;
}
/*
.boton-premios-txt-pre-1,
.boton-premios-txt-pre-2,
.boton-premios-txt-pre-3{
position: relative;
}
.boton-premios-txt-pre-1::before{
content: '\f085';
}
.boton-premios-txt-pre-2::before{
content: '\f200';
}
.boton-premios-txt-pre-3::before{
content: '\f5d2';
}
*/
.bt-premios{
display: inline;
width:14rem;
margin-left: 2px;
}
#block-pexp,
#block-pomp
{
display: none;
}
.premio-images{
display: flex;
}
.premio-row{
width:20%;
}
.premio-row > div:nth-child(2){
display: none;
}
.premio-img > img{
width:90%;
margin-left: auto;
margin-right: auto;
height: auto;
box-shadow: black 0.05em 0.05em 0.35em;
}
/* The Modal (background) */
.modalblock,
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Text) */
.modaltextcontent {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Modal Content (Image) */
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation - Zoom in the Modal */
.modaltextcontent {
animation-name: zoom;
animation-duration: 0.6s;
}
.modal-content, #caption {
animation-name: zoom;
animation-duration: 0.6s;
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Modal Text Button */
.closemodal {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.closemodal:hover,
.closemodal:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* The Close Button */
.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
width: 100%;
}
.modaltextcontent {
width: 100%;
}
}
/*Medias personalizadas para los Premios*/
@media all and (min-width: 992px) and (max-width: 1475px) {
.boton-premios-txt-1,
.boton-premios-txt-2,
.boton-premios-txt-3
{
font-size: 0.875rem;
}
.bt-premios{
width:11rem;
/*
padding-left: 1em;
padding-right: 1em;
*/
}
}
@media all and (min-width: 651px) and (max-width: 991px) {
.boton-premios-txt-1,
.boton-premios-txt-2,
.boton-premios-txt-3
{
font-size: 0.875rem;
}
.bt-premios{
width:10rem;
padding-left: .5em;
padding-right: .5em;
}
}
@media all and (min-width: 561px) and (max-width: 650px) {
.boton-premios-txt-1,
.boton-premios-txt-2,
.boton-premios-txt-3
{
font-size: 0.8125rem;
}
.bt-premios{
width:9rem;
padding-left: .5em;
padding-right: .5em;
}
}
@media all and (max-width: 560px) {
.boton-premios-txt-pre-1,
.boton-premios-txt-pre-2,
.boton-premios-txt-pre-3{
position: relative;
}
.boton-premios-txt-1,
.boton-premios-txt-2,
.boton-premios-txt-3{
display: none;
}
.boton-premios-txt-pre-1::before{
content: '\f085';
font-size: 0.8125rem;
}
.boton-premios-txt-pre-2::before{
content: '\f200';
font-size: 0.8125rem;
}
.boton-premios-txt-pre-3::before{
content: '\f5d2';
font-size: 0.8125rem;
}
.bt-premios{
width:5.5rem;
}
/*
#block-enlacespremiosymedallas > div > p{
top:-57px;
}
*/
}
/*Para cuando hay solo un boton en el Banner*/
#block-banner-pi-descom .page-banner-enlace1 > a,
#block-banner-pi-servicios-de-invenciones .page-banner-enlace1 > a,
#block-banner-pi-alertas-tec .page-banner-enlace1 > a,
#block-banner-pi-snpi .page-banner-enlace1 > a,
#block-block-banner-pi-servicios-de-marcas .page-banner-enlace1 > a,
#block-views-block-banner-paginas-interiores-servicios-block-1 .page-banner-enlace1 > a{
left:50% !important;
}
/*Fin Para cuando hay solo un boton en el Banner*/
/***************** FIN PAGINAS INTERIORES ********************/
#block-dibujosymodelosindustrialesimagen1 > div > p,
#block-dibujosymodelosindustrialesimagen2 > div > p{
text-align: center;
}
/*Footer Continuacion*/
.bt-ft-cuentas,
.footer2 a,
#block-servicios a,
#block-enlacesrapidos-2 a,
#block-views-block-footer-eventos-block-1 a{
color: var(--textFooter) !important;
}
.bt-ft-cuentas{
border:0;
background-color:transparent;
}
.terminosycond{
border:2px var(--BGColorI) solid;
color: black;
width: 80%;
margin: auto;
background-color: white;
padding: 3rem;
font-size: 0.875rem !important;
}
.cuentas-ocpi{
border:2px var(--BGColorI) solid;
color: black;
width: max-content;
margin: auto;
background-color: white;
padding: 3rem;
font-size: 0.875rem !important;
}
@media all and (max-width: 560px) {
.cuentas-ocpi{
width: 80%;
}
}
/*
.clase-enlaceconimg-img{
position: relative;
}
.clase-enlaceconimg-img::before{
position: absolute;
content:'';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(#d6d6d657, #b6b6b659);
}
*/
/*Transiciones*/
@-webkit-keyframes showhimself{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes showhimself {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes moveInFromLeft {
0% {
transform: translateX(-20%);
opacity: 0;
}
80%{
opacity: 0;
}
100% {
transform: translateX(0);
opacity:1;
}
}
@keyframes moveInFromLeft {
0% {
transform: translateX(-20%);
opacity: 0;
}
80%{
opacity: 0.5;
}
100% {
transform: translateX(0);
opacity:1;
}
}
@-webkit-keyframes moveInFromTop {
0% {
transform: translateY(-20%);
opacity: 0;
}
80%{
opacity: 0;
}
100% {
transform: translateY(0);
opacity:1;
}
}
@keyframes moveInFromTop {
0% {
transform: translateY(-20%);
opacity: 0;
}
80%{
opacity: 0.5;
}
100% {
transform: translateY(0);
opacity:1;
}
}
/*FIN - Transiciones*/
/*Media - SMALL*/ /*560px*/
/*@media only screen and (max-width: 560px)*/
@media all and (max-width: 560px) {
.vista-noticia-title{
width:300px;
left:50%;
top:45%;
transform: translate(-50%, -50%);
text-align: center;
margin-left:0;
animation: showhimself .7s ease-in;
-webkit-animation: showhimself .7s ease-in;
}
h2.page-banner-title,
.vista-noticia-title,
.vista-noticia-title > a {
font-size: 1.2rem !important; /*1.5*/
}
.vista-noticias-categoria{
background-color: rgb(37, 37, 37);
padding:0.5rem;
font-size: 0.7rem !important;
}
.vista-noticias-preview{
display:none;
}
.vista-noticia-boton{
/*
left:50%;
top: 37%;
margin-left:0;
transform: translate(-50%, 0);
*/
display: none;
}
.vista-noticia-boton > a{
font-size: 0.6875rem !important;
padding: 0.5em 0.6875em;
}
/*Logo*/
#block-ocpi-branding img {
width: 9rem !important;/*15.625*/
}
.top1 .jumbotron h2{
font-size: 2rem !important;
}
.top1 .jumbotron p{
font-size: .8rem !important;
}
/*Banner paginas interiores*/
h2.page-banner-title{
font-size: 1.2rem !important;
width:70%;
}
.pagecss-banner .page-banner-enlace1 > a,
.pagecss-banner .page-banner-enlace2 > a
{
top:68%
}
.pagecss-banner.page-publicaciones{
background-position: 0px -150px;
}
/*Fin Banner paginas interiores*/
/*---------BLOQUES BASICOS--(Registro de...)----------*/
.post_information #block-ocpi-views-block-bloques-basicos-block-1 .bloques-basicos .clase-bloques-basicos{
width: 100%;
padding:0.625rem 0;
}
/*---------Fin BLOQUES BASICOS--(Registro de...)----------*/
/* ----- Seccion Publicidad 1 ----- */
.post_info .section_two{
padding: 15% 5%;
}
.post_info .section_two .css-publicidad-row .css-publicidad-enlace{
text-align: center;
}
.post_info .section_two .css-publicidad-row .css-publicidad-texto{
font-size: 1.25rem !important;
}
/* ----- FIN Seccion Publicidad 1 ----- */
/*----- Bloques Basicos SMALL -----*/
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 > h2{
font-size: 1.4rem !important;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .card
{
width: 100%;
}
/*----- Fin Bloques Basicos SMALL -----*/
/*----- HERRAMIENTAS -----*/
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1
{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .bd-naccss,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1
{
padding: 2rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > div > div{
justify-content: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > h2{
text-align: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .bd-naccss{
margin:1rem;
}
/*----- Fin HERRAMIENTAS -----*/
/*------- Enlaces Separadores --------*/
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 > div > div{
flex-direction: column;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row{
padding: 2.5rem 1rem;
flex: 0;
border-top:1px solid rgba(255, 255, 255, 0.13);
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row:first-child{
border-top:0;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-fa i{
font-size:1.5rem;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-title a{
font-size:0.8125rem;
}
/*------- Fin Enlaces Separadores --------*/
/*Registro de marcas y patentes*/
#block-registros > div{
transform: translate(-50%, -45%) !important;
}
#block-registros > div > p > .bt-regm,
#block-registros > div > p > .bt-regp{
width: 30%;
height: 50px !important;
font-size: 0.625rem !important;
}
/*Fin - Registro de marcas y patentes*/
/*-------- Eventos --------*/
#block-ocpi-views-block-eventos-block-1 .css-evento-row
{
width: 100%;
}
#block-ocpi-views-block-eventos-block-1 > div > div{
flex-direction: column;
}
/*-------- Fin Eventos --------*/
/*----------- Publicaciones ----------*/
#block-titulopublicaciones > div > p{
padding-left:0.5rem;
padding-right:0.5rem;
}
#block-ocpi-views-block-publicaciones-block-1 > div{
overflow: visible;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp{
display: block;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row .publicaciones-title{
font-size: 1rem !important;
}
.cust-cont-contentbottom-separador > div > div.container .flecha-izquierda,
.cust-cont-contentbottom-separador > div > div.container .flecha-derecha{
display:none;
}
/*----------- Fin Publicaciones ----------*/
/*----------- Footer ------------*/
#footer {
background: var(--BGColorFooter);
}
/*----------- Fin Footer ------------*/
/*--------- Pagina Publicaciones - BOPI --------*/
#block-ocpi-views-block-bopi-boletines-block-1 > div > div.bopi-boletines .bopi-boletines-row{
min-width: 50%;
}
/*--------- Fin Pagina Publicaciones - BOPI --------*/
/*--------- Pagina Publicaciones - Boletines de Dominio Publico --------*/
#block-bpdp-block .bpdp-page > .bpdp-row{
width:100%;
}
/*--------- Fin Pagina Publicaciones - Boletines de Dominio Publico --------*/
/*Tarifas*/
.tarifas-row{
width:100%;
}
#block-block-tarifas-comunes .page-tarifas{
padding-top: 3.5rem;
}
/*Fin Tarifas*/
/*banner - Premios y medallas*/
.pagecss-banner.page-premios{
background-position: 0px -200px;
}
/*Fin - banner - Premios y medallas*/
/*Marcas*/
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg,
#block-marcas-derechos-que-otorga .pagecss-top-separador{
display: block;
}
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row,
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg .marcas-act-soloreg-row
{
width: 100%;
}
/*Fin - marcas*/
/*Variedades Vegetales - Protección en Cuba*/
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(2),
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(3)
{
width:100%;
text-align: center;
}
/*Fin - Variedades Vegetales - Protección en Cuba*/
/*Quienes somos*/
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row{
width:100%;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(2){
margin-top: -7rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(3){
margin-top: -4rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(4){
margin-top: -2rem;
}
#block-about-estructura-organizativa > div > .pagecss-about-estructura-org > .estructura-org-row > div:nth-child(5){
margin-top: 0rem;
}
#block-puestos-de-trabajo .puestos-row,
#block-secciones-provinciales .secciones-prov-row{
width: 100%;
}
#block-puestos-de-trabajo .puestos-row p,
#block-secciones-provinciales .secciones-prov-row p{
font-size: 0.875rem !important;
}
#block-aboutseccionesypuestosprovinciales .boton-prov{
font-size: 0.875rem !important;
width:140px;
top: -90px;
}
#block-aboutseccionesypuestosprovinciales #bt-sp{
font-size: 0.875rem !important;
left: calc(50% - 5.2em);
}
#block-aboutseccionesypuestosprovinciales #bt-pp{
font-size: 0.875rem !important;
left: calc(50% + 5.2em);
}
/*Fin - Quienes somos*/
/*Banners de Servicios*/
.pagecss-banner.page-servicios-informacion,
.pagecss-banner.page-servicios-marcas,
.pagecss-banner.page-servicios-invenciones
{
background-position:-200px -270px;
}
/*Fin - Banners de Servicios*/
/*Descom*/
.pagecss-banner.page-servicios-descom{
background-position:-600px -400px;
}
#block-descom-header > h2{
margin-bottom: 4.5rem;
}
/*Fin Descom*/
/*Invenciones - Banner*/
.pagecss-banner.page-invenciones{
background-position: 0px -260px;
}
/*Fin - Invenciones - Banner*/
/* Waves mipyme */
.wavesmipyme{
height: 100px;
margin-top: -127px;
}
/* Fin - Waves mipyme */
}/*End del Media - SMALL*/ /*560px*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media MEDIUM*/ /*561px - 768px*/
@media all and (min-width: 561px) and (max-width: 768px) {
.vista-noticia-title{
width:300px;
left:50%;
top:50%;/*45%*/
transform: translate(-50%, -50%);
text-align: center;
margin-left:0;
animation: showhimself .7s ease-in;
-webkit-animation: showhimself .7s ease-in;
}
h2.page-banner-title{
font-size: 1.5rem !important;
}
.vista-noticia-title,
.vista-noticia-title > a {
font-size: 1.5rem !important;
}
.vista-noticias-categoria{
background-color: rgb(37, 37, 37);
padding:0.5rem;
font-size: 0.7rem !important;
}
.vista-noticias-preview{
display:none;
}
/*
.vista-noticia-boton{
left:50%;
top: 37%;
margin-left:0;
transform: translate(-50%, 0);
}
.vista-noticia-boton > a{
font-size: 0.8125rem !important;
}
*/
.vista-noticia-boton{
display: none;
}
.top1 .jumbotron h2{
font-size: 2rem !important;
}
.top1 .jumbotron p{
font-size: .8rem !important;
}
.post_information #block-ocpi-views-block-bloques-basicos-block-1 .bloques-basicos .clase-bloques-basicos{
width: 100%;
}
/*Banner paginas interiores*/
h2.page-banner-title{
width:70%;
}
.pagecss-banner .page-banner-enlace1 > a,
.pagecss-banner .page-banner-enlace2 > a
{
top:65%
}
/*Fin Banner paginas interiores*/
/* ----- Seccion Publicidad 1 ----- */
.post_info .section_two{
padding: 15% 5%;
}
.post_info .section_two .css-publicidad-row .css-publicidad-enlace{
text-align: center;
}
.post_info .section_two .css-publicidad-row .css-publicidad-texto{
font-size: 1.25rem !important;
}
/* ----- FIN Seccion Publicidad 1 ----- */
/*----- Bloques Basicos MEDIUM -----*/
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 > h2,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 > h2{
font-size: 1.4rem !important;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .card
{
width: 100%;
}
/*----- Fin Bloques Basicos SMALL -----*/
/*----- HERRAMIENTAS -----*/
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1
{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1{
padding-top: 1rem !important;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1
{
padding: 1rem;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > div > div{
justify-content: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > h2{
text-align: center;
}
/*----- Fin HERRAMIENTAS -----*/
/*------- Enlaces Separadores --------*/
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 > div > div{
flex-direction: column;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row{
padding: 2.5rem 1rem;
flex: 0;
border-top:1px solid rgba(255, 255, 255, 0.13);
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row:first-child{
border-top:0;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-fa i{
font-size:1.5rem;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-title a{
font-size:0.8125rem;
}
/*------- Fin Enlaces Separadores --------*/
/*-------- Eventos --------*/
#block-ocpi-views-block-eventos-block-1 .css-evento-row
{
width: 100%;
}
#block-ocpi-views-block-eventos-block-1 > div > div{
flex-direction: column;
}
/*-------- Fin Eventos --------*/
/*----------- Publicaciones ----------*/
#block-ocpi-views-block-publicaciones-block-1 > div{
overflow: visible;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:0px;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row .publicaciones-title{
font-size: .6875rem !important;
}
.cust-cont-contentbottom-separador > div > div.container .flecha-izquierda,
.cust-cont-contentbottom-separador > div > div.container .flecha-derecha{
display:none;
}
/*----------- Fin Publicaciones ----------*/
/*--------- Pagina Publicaciones - Boletines de Dominio Publico --------*/
#block-bpdp-block .bpdp-page > .bpdp-row{
width:100%;
}
/*--------- Fin Pagina Publicaciones - Boletines de Dominio Publico --------*/
/*Tarifas*/
.tarifas-row{
width:100%;
}
#block-block-tarifas-comunes .page-tarifas{
padding-top: 3.5rem;
}
/*Fin Tarifas*/
/*banner - Premios y medallas*/
.pagecss-banner.page-premios{
background-position: 0px -200px;
}
/*Fin - banner - Premios y medallas*/
/*Marcas*/
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg,
#block-marcas-derechos-que-otorga .pagecss-top-separador{
display: block;
}
#block-marcas-derechos-que-otorga .pagecss-top-separador .page-row,
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg .marcas-act-soloreg-row
{
width: 100%;
}
/*Fin - marcas*/
/*Variedades Vegetales - Protección en Cuba*/
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(2),
#block-variedadesvegetalesproteccionencuba > div > p:nth-child(3)
{
width:100%;
text-align: center;
}
/*Fin - Variedades Vegetales - Protección en Cuba*/
/*Quienes somos*/
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row{
width:100%;
}
#block-puestos-de-trabajo .puestos-row,
#block-secciones-provinciales .secciones-prov-row{
width: 100%;
}
#block-puestos-de-trabajo .puestos-row p,
#block-secciones-provinciales .secciones-prov-row p{
font-size: 0.875rem !important;
}
#block-aboutseccionesypuestosprovinciales .boton-prov{
font-size: 0.875rem !important;
top: -69px;
}
#block-aboutseccionesypuestosprovinciales #bt-sp{
font-size: 0.875rem !important;
}
#block-aboutseccionesypuestosprovinciales #bt-pp{
font-size: 0.875rem !important;
}
/*Fin - Quienes somos*/
/*Banners de Servicios*/
.pagecss-banner.page-servicios-informacion,
.pagecss-banner.page-servicios-marcas,
.pagecss-banner.page-servicios-invenciones
{
background-position:-200px -270px;
}
/*Fin - Banners de Servicios*/
/*Descom*/
.pagecss-banner.page-servicios-descom{
background-position:-600px -400px;
}
#block-descom-header > h2{
margin-bottom: 3.5rem;
}
/*Fin Descom*/
/*Invenciones - Banner*/
.pagecss-banner.page-invenciones{
background-position: 0px -260px;
}
/*Fin - Invenciones - Banner*/
}/*End del Media - MEDIUM*/ /*561px - 768px*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PARA EL MENU ------------ Media LARGE*/
@media all and (min-width: 768px) and (max-width: 990px) {
#block-ocpi-branding img{
width: 14rem !important;
}
.collapse.navbar-collapse > ul.navbar-nav > li > a{
font-size: .675rem !important;
text-align: center !important;
}
}
@media all and (min-width: 991px) and (max-width: 1200px) {
#block-ocpi-branding img{
width: 16rem !important;
}
.collapse.navbar-collapse > ul.navbar-nav > li > a{
font-size: .8675rem !important;
text-align: center !important;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media LARGE*/ /*769px - 1200px*/
@media all and (min-width: 769px) and (max-width: 1200px) {
.vista-noticia-title{
width:300px;
left:30%;
top:50%;
transform: translate(-50%, -50%);
text-align: center;
margin-left:0;
animation: showhimself .7s ease-in;
-webkit-animation: showhimself .7s ease-in;
}
.vista-noticia-title,
.vista-noticia-title > a {
font-size: 1.5rem !important;
}
.vista-noticias-categoria{
background-color: rgb(37, 37, 37);
padding:0.5rem;
font-size: 0.7rem !important;
}
.vista-noticias-preview{
font-size: .9rem !important;
text-align: center;
width:300px;
top:15%;
left:50%;
margin-left:0;
}
.vista-noticia-boton{
/*top:56%;*/
left:30%;
top: 40%;
margin-left:0;
transform: translate(-50%, 0);
}
.vista-noticia-boton > a{
font-size: 0.8125rem !important;
}
.top1 .jumbotron h2{
font-size: 2rem !important;
}
.top1 .jumbotron p{
font-size: .8rem !important;
}
.post_information #block-ocpi-views-block-bloques-basicos-block-1 .bloques-basicos .clase-bloques-basicos{
width: 50%;
}
/*Banner paginas interiores*/
h2.page-banner-title{
width:70%;
}
.pagecss-banner .page-banner-enlace1 > a,
.pagecss-banner .page-banner-enlace2 > a
{
top:75%
}
/*Fin Banner paginas interiores*/
/* ----- Seccion Publicidad 1 ----- */
.post_info .section_two{
padding: 8% 5%;
}
.post_info .section_two .css-publicidad-row .css-publicidad-texto{
font-size: 1rem !important;
}
/* ----- FIN Seccion Publicidad 1 ----- */
/*----- Bloques Basicos LARGE -----*/
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .row,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .row
{
justify-content: space-between;
}
#block-ocpi-views-block-bloques-de-texto-servicios-de-informacion-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-descom-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-marcas-block-1 .card,
#block-ocpi-views-block-bloques-de-texto-servicios-de-invenciones-block-1 .card
{
width: 47%;
margin: 0.875rem auto;
/*margin:0 0 0.875rem 0;*/
}
/*----- Fin Bloques Basicos SMALL -----*/
/*----- HERRAMIENTAS -----*/
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1
{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1{
padding-top: 1rem !important;
}
/*
#block-ocpi-views-block-enlaces-bases-de-datos-nacional-block-1 .bd-naccss,
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1
{
margin: 1rem;
}
*/
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > div > div{
justify-content: center;
}
#block-ocpi-views-block-enlaces-bases-de-datos-de-interes-block-1 > h2{
margin-left: 1rem;
}
/*----- Fin HERRAMIENTAS -----*/
/*------- Enlaces Separadores --------*/
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row{
padding: 3rem 2rem;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-fa i{
font-size:large;
}
.cust-cont-contenttop-separador #block-ocpi-views-block-enlaces-separadores-block-1 .views-row .enlaces-separadores-title a{
font-size:0.6rem;
}
/*------- Fin Enlaces Separadores --------*/
/*-------- Eventos --------*/
#block-ocpi-views-block-eventos-block-1 .css-evento-row
{
width: 100%;
}
#block-ocpi-views-block-eventos-block-1 > div > div{
flex-direction: column;
}
/*-------- Fin Eventos --------*/
/*----------- Publicaciones ----------*/
#block-ocpi-views-block-publicaciones-block-1 > div{
overflow: visible;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap:0px;
}
#block-ocpi-views-block-publicaciones-block-1 > div > div.contenedor-pub-pp .publicaciones-row .publicaciones-title{
font-size: .6875rem !important;
}
.cust-cont-contentbottom-separador > div > div.container .flecha-izquierda,
.cust-cont-contentbottom-separador > div > div.container .flecha-derecha{
display:none;
}
/*----------- Fin Publicaciones ----------*/
/*Tarifas*/
.tarifas-row{
width:100%;
}
/*Fin Tarifas*/
/*banner - Premios y medallas*/
.pagecss-banner.page-premios{
background-position: 0px -200px;
}
/*Fin - banner - Premios y medallas*/
/*Marcas*/
#block-marcas-act-soloreg .pagecss-marcas-act-soloreg .marcas-act-soloreg-row
{
width: 45%;
}
/*Fin - marcas*/
/*Quienes somos*/
#block-ocpi-views-about-2-header-bottom > div > .pagecss-header-bottom > .page-row{
width:48%;
}
#block-puestos-de-trabajo .puestos-row,
#block-secciones-provinciales .secciones-prov-row{
width: 45%;
}
#block-puestos-de-trabajo .puestos-row p,
#block-secciones-provinciales .secciones-prov-row p{
font-size: 0.875rem !important;
}
#block-aboutseccionesypuestosprovinciales .boton-prov{
font-size: 0.875rem !important;
top: -69px;
}
#block-aboutseccionesypuestosprovinciales #bt-sp{
font-size: 0.875rem !important;
}
#block-aboutseccionesypuestosprovinciales #bt-pp{
font-size: 0.875rem !important;
}
/*Fin - Quienes somos*/
/*Descom*/
.pagecss-banner.page-servicios-descom{
background-position:-600px -400px;
}
/*Fin Descom*/
/*Invenciones - Banner*/
.pagecss-banner.page-invenciones{
background-position: 0px -260px;
}
/*Fin - Invenciones - Banner*/
}/*End del Media - LARGE*/ /*769px - 1200px*/
/* Sede Electronica */
/*FONTS:*/
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300&display=swap');
/*OSWALD*/
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUtiZTaR.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUJiZTaR.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(..fonts//TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUliZTaR.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts//TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUhiZTaR.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUZiZQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.cust-cont-sedeelectronica{
margin-left:-15px;
margin-right:-15px;
}
.cust-cont-sedeelectronica > div > div .views-element-container{
padding-bottom: 8rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
vertical-align: middle;
}
.cust-cont-sedeelectronica > div > div .views-element-container > h2,
.cust-cont-sedeelectronica > div > div .views-element-container > div
{
width: 100%;
}
.cust-cont-sedeelectronica *{
font-family: 'Oswald' , sans-serif !important;
font-weight: 100;
}
/* Titulos H2 iniciales para todos */
.cust-cont-sedeelectronica > div > div .views-element-container > h2:first-child{
text-shadow: none !important;
text-transform: uppercase;
font-family: var(--font-body) !important;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
font-family: 'Oswald' , sans-serif !important;
font-weight: 100;
display: flex;
align-items: center;
justify-content: center;
height: 90px;
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media all and (min-width: 992px){
.cust-cont-sedeelectronica > div > div .views-element-container > h2:first-child{
max-width: 960px;
}
}
@media all and (min-width: 576px){
.cust-cont-sedeelectronica > div > div .views-element-container > h2:first-child{
max-width: 540px;
}
}
#block-views-se-intro > h2:first-child{
color: #ffad05 !important;
font-size: 2.5rem;
font-weight: 900;
margin-top: 10rem;
text-shadow: black 0.09rem 0.09rem 0.1rem !important;
}
#block-views-se-intro{
position: relative;
color: white !important;
background: url(../img/se/boris-bobrov-B4lknSRZwPM-unsplash.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
background-blend-mode: overlay;
background-size: cover;
padding-bottom: 10rem;
}
#block-views-se-intro::before{
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--sebeforeFondo);/*#484848b5;*/
}
.sede-electronica-intro > .sede-rows > .sede-body > ul{
list-style: none;
margin: 1rem 0 0 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul a{
/*color: var(--Bittersweet) !important;*/
color: #000000;/*#d7d7d7 !important;*/
}
.sede-electronica-intro > .sede-rows > .sede-body > ul a:hover{
color: #000000aa !important;
}
.sede-electronica-intro > header{
color: #000000;
text-shadow: 0.05rem 0.05rem 0.05rem #7474747a;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul > li{
display: inline-block;
text-align: center;
max-width: 24%;
background-color: #f0f8ff30;
padding: 1rem;
text-shadow: 0.05rem 0.05rem 0.05rem #b5b2b2;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul > li > ul{
list-style: none;
margin: .5rem 0 0 0;
padding: 0;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul > li > ul > li{
text-align: left;
color: #373737;
}
#block-views-se-bdnac{
/* min-height: 700px;*/
/* padding-top: 8rem;*/
position: relative;
background-color: var(--Bittersweet) !important;
color: white !important;
}
#block-views-se-bdnac > h2:first-child{
width: 300px;
color: white !important;
margin-top: -2rem;
margin-bottom: 3rem;
background-color: var(--seh2Fondo);/*#35ce8d;*/
box-shadow: #00000085 0.05rem 0.05rem 0.1rem;
}
#block-views-se-bdnac *{
color: #484848 !important;
}
#block-views-se-bdnac .sede-electronica-bdnac,
#block-views-se-ct .sede-electronica-ct,
#block-views-se-wipofile .sede-electronica-wipofile,
#block-views-se-pago .sede-electronica-pago
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows,
#block-views-se-ct .sede-electronica-ct .sede-rows,
#block-views-se-wipofile .sede-electronica-wipofile .sede-rows,
#block-views-se-pago .sede-electronica-pago .sede-rows
{
padding: .5rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(1),
#block-views-se-ct .sede-electronica-ct .sede-rows:nth-child(1),
#block-views-se-wipofile .sede-electronica-wipofile .sede-rows:nth-child(1),
#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(1)
{
grid-row-start: 1;
}
/*#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(2),*/
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(2),
#block-views-se-ct .sede-electronica-ct .sede-rows:nth-child(2),
#block-views-se-wipofile .sede-electronica-wipofile .sede-rows:nth-child(2)
{
grid-row-start: 2;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(3)
{
grid-row-start: 3;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(4)
{
grid-row: 1 / span 3;
}
/*#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(3),*/
#block-views-se-wipofile .sede-electronica-wipofile .sede-rows:nth-child(3)
{
grid-row: 1 / span 2;
}
#block-views-se-ct .sede-electronica-ct .sede-rows:nth-child(3)
{
grid-row: 1 / span 2;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows a[href*=wopublish]:not(#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(4) a[href*=wopublish]){
position: relative;
left: 50%;
border: 1px solid #919191;
display: block;
text-align: center;
width: 100px;
padding: .3rem 0;
transform: translateX(-50%);
background: #ffdbb5;/*#ffad05;*/
color: #000000 !important;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows a[href*=wopublish]:hover{
background: #e9d5c0 !important;
color: #000000 !important;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(4) a[href*=wopublish]{
position: relative;
left: 50%;
display: block;
text-align: center;
width: 165px;
transform: translateX(-50%);
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(4) a[href*=wopublish]::after{
font-family: "Font Awesome 5 Duotone";
content: " \10f1c1";
font-weight: 900;
font-size: .9em;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows:nth-child(4) a[href*=wopublish]:hover{
background: none !important;
color: #000000 !important;
}
#block-estadisticasdepropiedadindustrial{
background: #c7c6c6;
margin-left: -15px;
margin-right: -15px;
margin-bottom: -3.5rem;
padding-top: 1.5rem;
}
#block-estadisticasdepropiedadindustrial > div > h2 {
font-size: 1.5rem !important;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type,
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type {
margin: 0 0 3.5rem 0;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas,
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type > li.seestadisticas {
list-style:none;
text-align: center;
padding: 0.1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas {
background: #f1f1f1;/*#b5deff;*/ /*#b5f9b5;*/
box-shadow: #00000085 0.05rem 0.05rem 0.1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas {
width: 95px;
}
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type > li.seestadisticas {
width: 18%;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestvalue,
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type > li.seestadisticas > label.seestvalue {
font-size: 1.8rem !important;
font-weight: bold;
width: 100%;
margin-bottom: 0;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestname {
font-size: .8rem !important;
width: 100%;
}
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type > li.seestadisticas > label.seestvalue {
font-size: 1.5rem !important;
width: 100%;
color: white;
}
#block-views-se-ct{
/* min-height: 700px;*/
/* background-color: #484848b5 !important;*/
position: relative;
background: url(../img/se/christopher-burns-Kj2SaNHG-hg-unsplash.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
background-blend-mode: overlay;
background-size: cover;
}
#block-views-se-ct::before{
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--sebeforeFondo);/*#484848b5;*/
}
#block-views-se-ct > h2:first-child{
color: var(--Bittersweet) !important;
width: 280px;
margin-top: -2rem;
margin-bottom: 3rem;
background-color: var(--seh2Fondo);/*#35ce8d;*/
box-shadow: #00000085 0.05rem 0.05rem 0.1rem;
}
#block-views-se-ct *{
color: #000000;
text-shadow: 0.05rem 0.05rem 0.05rem #7474747a;
}
#block-views-se-ct .sede-electronica-ct .sede-rows a:not(#block-views-se-ct .sede-electronica-ct .sede-rows:nth-child(1) a:first-of-type){
position: relative;
left: 50%;
/*border: 1px solid #919191;*/
display: block;
text-align: center;
width: 100px;
padding: .3rem 0;
transform: translateX(-50%);
background: #ffdbb5;/*#b5deff;*/
color: #000000 !important;
}
#block-views-se-ct .sede-electronica-ct .sede-rows:nth-child(1) a:first-of-type::after{
font-family: "Font Awesome 5 Duotone";
content: " \10f1c1";
font-weight: 900;
font-size: .9em;
}
#block-views-se-ct .sede-electronica-ct .sede-rows:nth-child(1) a:first-of-type:hover{
background: none !important;
color: #000000aa !important;
}
#block-views-se-ct .sede-electronica-ct .sede-rows a:hover{
background: #e9d5c0 !important;
}
#block-views-se-wipofile{
/* min-height: 700px;*/
background-color: var(--Bittersweet) !important;
}
#block-views-se-wipofile > h2:first-child{
color: var(--Bittersweet) !important;
margin-top: -2rem;
margin-bottom: 3rem;
background-color: var(--seh2Fondo);/*#35ce8d;*/
width: 280px;
box-shadow: #00000085 0.05rem 0.05rem 0.1rem;
}
#block-views-se-wipofile .sede-electronica-wipofile .sede-rows a{
position: relative;
left: 50%;
border: 1px solid #919191;
display: block;
text-align: center;
width: 100px;
padding: .3rem 0;
transform: translateX(-50%);
background: #ffdbb5;/*#ffad05;*/
color: #000000 !important;
}
#block-views-se-wipofile .sede-electronica-wipofile .sede-rows a:hover{
background: #e9d5c0 !important;
color: #000000 !important;
}
.sevideo{
min-width: 400px;
min-height: 225px;
text-align: center;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#block-views-se-pago{
/* min-height: 700px;*/
/* background-color: var(--MaxBlueGreen);*/
position: relative;
background: url(../img/se/pickawood-gf8e6XvG_3E-unsplash.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
background-blend-mode: overlay;
background-size: cover;
}
#block-views-se-pago::before{
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--sebeforeFondo);/*#484848b5;*/
}
#block-views-se-pago *{
color: #000000;
text-shadow: 0.05rem 0.05rem 0.05rem #7474747a;
}
#block-views-se-pago > h2:first-child{
color: var(--Bittersweet) !important;
margin-top: -2rem;
margin-bottom: 3rem;
background-color: var(--seh2Fondo);/*#35ce8d;*/
width: 280px;
box-shadow: #00000085 0.05rem 0.05rem 0.1rem;
}
#block-views-se-pago .sede-electronica-pago .sede-rows h2{
text-shadow: 0.05rem 0.05rem 0.05rem #7c7c7c !important;
}
#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(1) img[src*=qrocpi]{
width: 300px;
position: relative;
left: 50%;
display: block;
text-align: center;
transform: translateX(-50%);
margin-top: 1rem;
}
#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(2)
{
border: 1px solid;
padding: 1rem;
/* background: #bb85355c;*/ /*var(--setextFondo);*/
}
#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(2) .sede-body *{
color: #000000 !important;
}
.sede-electronica{
position: relative;
z-index: 100;
}
.sede-electronica *{
font-size: 1.3rem !important;
}
.sede-electronica h2{
font-size: 2rem !important;
text-shadow: none !important;
}
#block-menusedeelectronica{
width: 100% !important;
background-color: #f0f8ff00;
top: 0;
left: 0;
position: absolute;
}
#block-menusedeelectronica nav{
display: flex;
align-items: center;
position: fixed;
justify-content: space-between;
width: 100%;
z-index: 200;
padding: 0px 20px;
margin: 0;
background-color: #588b8bf2;
}
#block-menusedeelectronica nav li,
#block-menusedeelectronica nav a {
display: inline-block;
margin: 10px;
text-transform: uppercase;
font-size: 1.4rem !important;
font-family: 'Oswald', sans-serif !important;
color: #d3d3d3;
/* transition: .5 ease;*/
}
#block-menusedeelectronica nav a:hover {
color: #ffffff;
}
#block-menusedeelectronica > div > nav.nav > a > img.logose{
width: 15rem !important
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------Sede Electronica - RESPONSIVE DESIGN----------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media - SMALL*/ /*560px*/
/*@media only screen and (max-width: 560px)*/
@media all and (max-width: 560px) {
#block-menusedeelectronica > div > nav > ul:first-of-type{
display: none;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul{
flex-wrap: wrap;
gap: 1rem normal;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul > li {
max-width: 100%;
}
#block-views-se-bdnac .sede-electronica-bdnac,
#block-views-se-ct .sede-electronica-ct,
#block-views-se-wipofile .sede-electronica-wipofile,
#block-views-se-pago .sede-electronica-pago
{
display: block;
grid-template-columns: none;
grid-gap: 0 0;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type,
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type {
flex-wrap: wrap;
justify-content: normal;
gap: 1rem normal;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas,
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type > li.seestadisticas {
width: 100%;
padding: 0.1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestvalue {
font-size: 2rem !important;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestname {
font-size: 1.1rem !important;
}
#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(1) img[src*=qrocpi] {
padding-top: 1rem;
}
/*
#block-views-se-pago .sede-electronica-pago .sede-rows .sede-body img[href*=pago]{
width: 100%;
}
*/
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media MEDIUM*/ /*561px - 768px*/
@media all and (min-width: 561px) and (max-width: 768px) {
#block-menusedeelectronica > div > nav > ul:first-of-type{
display: none;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul{
flex-wrap: wrap;
gap: 2rem 1rem;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul > li {
max-width: 48%;
}
#block-views-se-bdnac .sede-electronica-bdnac,
#block-views-se-ct .sede-electronica-ct,
#block-views-se-wipofile .sede-electronica-wipofile,
#block-views-se-pago .sede-electronica-pago
{
display: block;
grid-template-columns: none;
grid-gap: 0 0;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type {
justify-content: space-between;
gap: normal normal;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas {
width: 80px;
padding: 0.1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestvalue {
font-size: 1.5rem !important;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestname {
font-size: .8rem !important;
}
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type {
flex-wrap: wrap;
justify-content: normal;
gap: 1rem normal;
}
#block-estadisticasdepropiedadindustrial > div > ul:first-of-type > li.seestadisticas {
width: 100%;
padding: 0.1rem;
}
/*
#block-views-se-pago .sede-electronica-pago .sede-rows .sede-body img[href*=pago]{
width: 100%;
}
*/
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media MEDIUM PLUS - ALMOST LARGE*/ /*769px - 991px*/
@media all and (min-width: 769px) and (max-width: 991px) {
#block-menusedeelectronica > div > nav > ul:first-of-type{
display: none;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul{
flex-wrap: wrap;
gap: 2rem 1rem;
}
.sede-electronica-intro > .sede-rows > .sede-body > ul > li {
max-width: 48%;
}
#block-views-se-bdnac .sede-electronica-bdnac,
#block-views-se-ct .sede-electronica-ct,
#block-views-se-wipofile .sede-electronica-wipofile,
#block-views-se-pago .sede-electronica-pago
{
display: block;
grid-template-columns: none;
grid-gap: 0 0;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type {
justify-content: start;
gap: 1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas {
width: 120px;
padding: 0.1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestvalue {
font-size: 1.5rem !important;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas > label.seestname {
font-size: .8rem !important;
}
/*
#block-views-se-pago .sede-electronica-pago .sede-rows:nth-child(3) .sede-body img[href*=pago]{
width: 100%;
}
*/
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media LARGE*/ /*991px - 1200px*/
@media all and (min-width: 992px) and (max-width: 1200px) {
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type {
justify-content: start;
gap: 1rem;
}
#block-views-se-bdnac .sede-electronica-bdnac .sede-rows .sede-body ul:first-of-type > li.seestadisticas {
width: 130px;
padding: 0.7rem;
}
}
/* Fin Sede Electronica */
/* MIPYME */
#block-menumipyme{
width: 100% !important;
background-color: #f0f8ff00;
top: 0;
left: 0;
position: absolute;
}
#block-menumipyme nav{
display: flex;
align-items: center;
position: absolute;
justify-content: space-between;
width: 100%;
z-index: 200;
padding: 0px 20px;
margin: 0;
background-color: #0000000a; /*#29404b8c;*/
}
#block-menumipyme nav li,
#block-menumipyme nav a {
display: inline-block;
margin: 10px;
text-transform: uppercase;
font-size: 1.2rem !important;
font-weight: 400;
font-family: 'Poppins', sans-serif !important;
color: #ffffff;
text-shadow: #5c5656 0.05rem 0.05rem 0.05rem;
/* transition: .5 ease;*/
}
#block-menumipyme nav a:hover {
color: #ebebeb;
}
#block-menumipyme > div > nav.nav > a > img.logomipyme
{
width: 15rem !important
}
#block-views-pi-mipyme video.vidmipyme{
margin-top: -20px;
}
.pagecss-banner.page-mipyme{
height: 90vh !important;
}
.pagecss-banner.page-mipyme > div > .page-banner-text{
display: block;
position: absolute;
z-index: 2;
font-style: normal;
top: 41%;
left: 0;
margin-left: 7.5rem;
margin-top: 30px;
width: 700px;
text-shadow: black 0.07em 0.07em 0.07em;
color: white;
line-height: 1.3;
text-align: left;
font-size: 1.25rem !important;
animation: showhimself .7s ease-in;
}
.pagecss-banner.page-mipyme > div > .page-banner-enlace1{
transform: none !important;
position: absolute;
z-index: 2;
top: 56%;
left: 0 !important;
margin-left: 7.5rem !important;
margin-top: 0 !important;
animation: showhimself .7s ease-in;
-webkit-animation: showhimself .7s ease-in;
}
.pagecss-banner.page-mipyme > div > .page-banner-enlace1 > a{
transform: none !important;
background: #0000004a !important;
padding: 0.625rem 1rem !important;
min-width: 235px;
border: 2px solid white;
color: #ffffff;
border-radius: 4px !important;
font-size: 1rem !important;
text-transform: none;
display: inline-block;
text-align: center;
margin-top: 10px !important;
margin-right: 0 !important;
transition: all 0.5s ease-in;
font-weight: 400 !important;
left: 0 !important;
/* text-shadow: black 0.07em 0.07em 0.07em !important;*/
}
.pagecss-banner.page-mipyme > div > .page-banner-enlace1 > a:hover{
color: #cccccc;
}
#block-views-pi-mipyme > div > .page-mipyme{
overflow: hidden;
}
.wavesmipyme{
/*
position: absolute;
width: 100%;
height: 150px;
bottom: -10px;
*/
position: relative;
width: 100%;
height: 100px;
margin-top: -125px;
min-height: 100px;
max-height: 100px;
}
.wavesmipyme1{
position: absolute;
width: 100%;
left: 0;
bottom: -99px;
z-index: 10;
height: 100px;
min-height: 100px;
max-height: 100px;
transform: scaleY(-1);
}
.wavesmipyme > g > use:not(:last-child),
.wavesmipyme1 > g > use:not(:last-child){
display: none !important;
}
.mipymecont-row > div > .mipymecont-body{
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.mipymecont-css h2{
font-size: 1.5rem !important;
}
#block-views-pi-mipyme > div > .page-mipyme > .vidmipymeover{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: #3a5460;
mix-blend-mode: overlay;
}
.mipymecont-row{
padding: 7rem 0;
margin-left: -15px;
margin-right: -15px;
position: relative;
}
.mipymecont-row:nth-child(1){
padding: 3rem 0 !important;
}
/*
.mipymecont-row:nth-child(1)::after{
content: '';
position: absolute;
z-index: 200;
bottom: 0;
left: 50%;
background: url(../img/draws/undraw_File_manager_re_g5am.png);
}
*/
.mipymecont-row:nth-child(3){
background-color: #f1f1f1;
color: #000000 !important;
font-weight: 300;
}
.mipymecont-row:nth-child(5){
/*
background: url(../img/mipyme/1carl-heyerdahl.jpg) #ffa265 no-repeat center center / cover;
*/
/*
background: url(../img/mipyme/1carl-heyerdahl.jpg);
background-repeat: no-repeat;
background-position: center;
background-blend-mode: color;
background-blend-mode: overlay;
background-size: cover;
*/
/* background-attachment: fixed;*/
background: #f1f1f1;
}
.mipymecont-row:nth-child(5)::before{
/*
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #3f7277f5;
*/
}
.mipymecont-row:nth-child(5) .mipymecont-body{
position: relative;
}
.mipymecont-row:nth-child(6){
/* background-color: var(--BgColorB);*/
color: #000000 !important;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-inline-start: 0 !important;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li {
max-width:48%;
display: block;
text-align: center;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li > img:first-of-type,
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li > a > img:first-of-type {
width: 60%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
/*
height: 180px;
aspect-ratio: auto 458 / 180;
width: 458px;
*/
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li > a:first-of-type {
width: 100%;
font-size: 1.2rem !important;
font-weight: 400;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li > ul {
display: block !important;
padding-inline-start: 0 !important;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li > ul > li {
max-width: 100% !important;
display: block;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li > ul > li > p {
padding: 1rem;
font-size: 1.2rem !important;
font-weight: 300;
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1){
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
margin-left: 0;
margin-right: 0;
width:100%; /*50%*/
padding-left: 0;
padding-right: 0;
/*
min-height: 150px;
*/
}
.mipymecont-row:nth-child(2) .mipymecont-body > div{
border: 1px solid black;
width: 50%;
height: 50%;
background: url(../../imgenral/mipymes/cytonn-photography-GJao3ZTX9gU-unsplash.jpg);
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li{
position: relative;
width: 22%; /*45%*/
margin-bottom: 2.5rem;
z-index: 2;
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li > strong{
position: absolute;
margin-left: 2.5rem;
width: 80%;
padding-left: 1rem;
top: 0;
z-index: 4;
font-weight: 300 !important;
font-size: 1.1rem !important;
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li::before{
font-family: "Font Awesome 5 Pro";
font-size: 1.5rem;
clip-path: circle(50% at 50% 50%);
display: block;
background-color: #ededed;
width: 2.5rem;
height: 2.5rem;
text-align: center;
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li:nth-child(1)::before{
content: "\f0c6";
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li:nth-child(2)::before{
content: "\f0b1";
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li:nth-child(3)::before{
content: "\f0c7";
}
.mipymecont-row:nth-child(2) .mipymecont-body > ul:nth-of-type(1) > li:nth-child(4)::before{
content: "\f4fc";
}
.mipymecont-row:nth-child(3) h2{
color: #ffffff !important;
}
.mipymecont-row:nth-child(4) {
/* background: url(../../imgenral/mipymes/pexels-david-waschbüsch-1887946.jpg);*/
background: url(../../imgenral/mipymes/pexels-wallace-chuck-2973392.jpg);
background-blend-mode: soft-light;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
z-index: 0;
}
.mipymecont-row:nth-child(4)::before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #284e50c4;
}
.mipymecont-row:nth-child(4) h3,
.mipymecont-row:nth-child(4) h4 {
z-index: 2;
color: white !important;
position: relative;
width: 100%;
text-align: center;
}
.mipymecont-row:nth-child(4) h3 {
font-size: 3rem !important;
font-weight: 300;
}
.mipymecont-row:nth-child(4) h4 {
font-size: 1.6rem !important;
color: #ffffff;
position: relative;
z-index: 2;
width: 100%;
text-align: center;
font-weight: 200;
}
/*hasta aqui cambio de nros*/
.mipymecont-row:nth-child(1) .mipymecont-body > h2:nth-of-type(2),
.mipymecont-row:nth-child(1) .mipymecont-body > h2:nth-of-type(3),
.mipymecont-row:nth-child(1) .mipymecont-body > ul:nth-of-type(2),
.mipymecont-row:nth-child(1) .mipymecont-body > p:last-of-type{
width: 100% !important; /*50%*/
}
.mipymecont-row:nth-child(2){
padding-top: 0 !important;
display: none;
}
/* Fonts */
.page-mipyme p,
.page-mipyme div,
.page-mipyme h2,
.page-mipyme a,
.mipymecont-css p,
.mipymecont-css div,
.mipymecont-css h2,
.mipymecont-css a
{
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
}
.mipymecont-css strong,
.mipymecont-css li,
.mipymecont-body h3,
.mipymecont-body h4{
font-family: 'Poppins', sans-serif !important;
}
.mipymecont-css p,
.mipymecont-css li{
line-height: 1.8;
}
.mipymecont-body h2{
/* text-transform: uppercase;*/
color: black !important;
}
.page-mipyme > div > h2,
.page-mipyme .page-banner-text,
.page-mipyme .page-banner-enlace1,
.page-mipyme .page-banner-enlace2
{
text-transform: none !important;
font-size: 2.5rem !important;
}
.page-mipyme > div > h2
{
font-weight: 500 !important;
text-shadow: #4e4e4e 0.05rem 0.005rem 0.005rem !important;
}
.page-mipyme .page-banner-text,
.page-mipyme .page-banner-enlace1,
.page-mipyme .page-banner-enlace2
{
font-weight: 300 !important;
}
.page-mipyme .page-banner-enlace1 a,
.page-mipyme .page-banner-enlace2 a
{
text-shadow: none !important;
}
.mipymecont-row h2{
text-shadow: none !important;
}
.mipymecont-row:nth-child(1) h2,
.mipymecont-row:nth-child(3) h2
{
color: #000000 !important;
}
.mipymecont-row:nth-child(5) h2,
.mipymecont-row:nth-child(5) p,
.mipymecont-row:nth-child(5) li
{
color: #000000 !important;
}
.mipymecont-row:nth-child(5) a
{
color: #9cccff;
}
.mipymecont-row:nth-child(5) a:hover{
color: #57a8ff;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------Mipyme - RESPONSIVE DESIGN----------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media - SMALL*/ /*560px*/
/*@media only screen and (max-width: 560px)*/
@media all and (max-width: 560px) {
/*GUIA MADRID*/
#block-views-block-publicaciones-guias-block-1 .css-publicaciones-guias {
grid-template-columns: none;
grid-gap: 1.5rem;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(1) {
grid-row: auto;
padding-top: 2.5rem;
}
/*FIN - GUIA MADRID*/
#block-views-pi-mipyme > div > .page-mipyme > div:nth-child(1) > h2{
font-size: 2rem !important;
width: 100% !important;
margin-left: 0 !important;
top: 27% !important;
padding: 0 1rem !important;
}
#block-views-pi-mipyme .pagecss-banner .page-banner-text {
display: none;
}
#block-views-pi-mipyme .page-mipyme .page-banner-enlace1 {
left: 50% !important;
transform: translate(-50%, -50%) !important;
top: 65% !important;
margin-left: 0 !important;
}
#block-views-pi-mipyme .page-mipyme .page-banner-enlace1 a{
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body h2{
padding: 0 1rem !important;
font-size: 20px !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body p,
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body li
{
padding: 0 1rem !important;
width: 100% !important;
}
.mipymecont-row:nth-child(4) > div > div > h3 {
font-size: 1.4rem !important;
font-weight: 300 !important;
}
.mipymecont-row:nth-child(4) > div > div > h4 {
font-size: .9rem !important;
font-weight: 200 !important;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li {
max-width: 100% !important;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media MEDIUM*/ /*561px - 768px*/
@media all and (min-width: 561px) and (max-width: 768px) {
/*GUIA MADRID*/
#block-views-block-publicaciones-guias-block-1 .css-publicaciones-guias {
grid-template-columns: none;
grid-gap: 1.5rem;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(1) {
grid-row: auto;
padding-top: 0;
}
/*FIN - GUIA MADRID*/
#block-views-pi-mipyme > div > .page-mipyme > div:nth-child(1) > h2{
font-size: 2rem !important;
top: 27% !important;
padding: 0 1rem !important;
}
#block-views-pi-mipyme .pagecss-banner .page-banner-text {
width: 100% !important;
margin-left: 0 !important;
text-align: center;
}
#block-views-pi-mipyme .page-mipyme .page-banner-enlace1 {
left: 50% !important;
transform: translate(-50%, -50%) !important;
top: 65% !important;
margin-left: 0 !important;
}
#block-views-pi-mipyme .page-mipyme .page-banner-enlace1 a{
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body p,
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body li
{
width: 100% !important;
padding: 0 1rem;
}
.mipymecont-row:nth-child(4) > div > div > h3 {
font-size: 1.6rem !important;
font-weight: 300 !important;
}
.mipymecont-row:nth-child(4) > div > div > h4 {
font-size: 1.2rem !important;
font-weight: 200 !important;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li {
max-width: 100% !important;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media MEDIUM PLUS - ALMOST LARGE*/ /*769px - 991px*/
@media all and (min-width: 769px) and (max-width: 991px) {
/*GUIA MADRID*/
#block-views-block-publicaciones-guias-block-1 .css-publicaciones-guias {
grid-template-columns: 50% 50%;
grid-gap: 1.5rem;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(1) {
grid-row: auto;
padding-top: 2.5rem;
}
#block-views-block-publicaciones-guias-block-1 .row-pub-guias:nth-child(3) {
grid-column: 1 / span 2;
}
/*FIN - GUIA MADRID*/
#block-views-pi-mipyme > div > .page-mipyme > div:nth-child(1) > h2{
font-size: 2rem !important;
top: 27% !important;
padding: 0 1rem !important;
}
#block-views-pi-mipyme .pagecss-banner .page-banner-text {
width: 100% !important;
margin-left: 0 !important;
text-align: center;
}
#block-views-pi-mipyme .page-mipyme .page-banner-enlace1 {
left: 50% !important;
transform: translate(-50%, -50%) !important;
top: 65% !important;
margin-left: 0 !important;
}
#block-views-pi-mipyme .page-mipyme .page-banner-enlace1 a{
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body p,
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body li
{
width: 100% !important;
padding: 0 1rem;
}
.mipymecont-row:nth-child(4) > div > div > h3 {
font-size: 2.2rem !important;
font-weight: 300 !important;
}
.mipymecont-row:nth-child(4) > div > div > h4 {
font-size: 1.3rem !important;
font-weight: 200 !important;
}
.mipymecont-row:nth-child(6) .mipymecont-body ul:first-of-type > li {
max-width: 100% !important;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Media LARGE*/ /*991px - 1200px*/
@media all and (min-width: 992px) and (max-width: 1200px) {
#block-views-pi-mipyme > div > .page-mipyme > div:nth-child(1) > h2{
font-size: 2.3rem !important;
text-align: left !important;
margin-left: 7.5rem !important;
top: 30% !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body ul{
width: 100% !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body p,
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body li
{
width: 100% !important;
padding: 0 1rem !important;
}
.mipymecont-row:nth-child(4) > div > div > h3 {
font-size: 2.5rem !important;
font-weight: 300 !important;
}
.mipymecont-row:nth-child(4) > div > div > h4 {
font-size: 1.3rem !important;
font-weight: 200 !important;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width: 1921px) {
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body {
max-width: 100% !important;
padding: 0 1rem;
}
#block-views-pi-mipyme > div > .page-mipyme > div:nth-child(1) > h2{
font-size: 3.5rem !important;
}
.pagecss-banner.page-mipyme > div > .page-banner-text {
font-size: 2.25rem !important;
width: 1200px !important;
}
.pagecss-banner.page-mipyme > div > .page-banner-enlace1 > a {
font-size: 1.5rem !important;
min-width: 375px !important;
}
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body ul li:before,
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body ul li strong,
.cust-cont-main-content .mipymecont-css .mipymecont-row .mipymecont-body *:not(h3):not(h4) {
font-size: 30px !important;
}
#block-views-pi-mipyme video.vidmipyme{
width: 100%;
}
.mipymecont-row:nth-child(4) > div > div > h3 {
font-size: 3rem !important;
font-weight: 300 !important;
}
.mipymecont-row:nth-child(4) > div > div > h4 {
font-size: 1.9rem !important;
font-weight: 100 !important;
}
}
/* Fin MIPYME */