@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Average+Sans|Lora&display=swap');
:root {
 --color_diderot: #2c4870;
 --color_diderot_translucid: rgba(44, 72, 112, 0.95);
 --color_hover:orange;
 --color_box:#c9cfd5;
 --color_fons_caixa:#e6e6e6;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {

 background-color:var(--color_diderot);
 border-color:var(--color_diderot);
}

.pagination>li>a,
.pagination>li>span {

 color:var(--color_diderot);

}
.calendar{
	position: relative;
	width: 30px;
	top:-5px
}
.inline{
	display:  inline-block;
	/*! width: 50px; */
	
}

.back_white{
	
	background-color: white
}
#posicio_ranking{
	
	font-size:2em
}
#nav_principal .dropdown-menu {
  padding:0;
 margin:0;
 font-size: inherit;
 background-color:#fff;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:none;
 border:none;
 border-radius:0;
 -webkit-box-shadow:none;
 box-shadow: none
}
.margin_bottom_big{
	margin-block-start: 50px;
	margin-block-end: 50px
}
.coleccions{
	position: relative;
	height: 300px;
	
  margin :15px;
	text-align: center
	
}

.coleccions img{
	
	height: 300px !important;
}
.coleccions figcaption{
	text-align: center;
	/*! max-width: 320px */
}
.overimage{
	
	position: absolute;
	top:0;
	width: 100%;
}
.gratuit{
	
	color:green
	
}

.white{
	color: white;
	
}
.center{
	
	/*! text-align: center; */
}
.underline{
	
	border-bottom: thin dashed var(--color_diderot);
}
.cxc{
	
	width:100%
}
.medium{
	position: relative;
	width: 300px;
	height:380px;
	margin:15px;
	overflow: hidden;
	background-color: grey
		
	
}

.tooltip{

	display: block;
	position: absolute;
	top:0px;
	margin: 0;
	box-sizing:  border-box;
	font-size: 1.5em;
	color:white;
	padding: 20px 15px;
background-color: #001F3F;  
	width: 1px;
	height: 1px;
	clip: rect(1px 1px 1px 1px) ;
	clip: rect(1px, 1px, 1px, 1px) ;
	
	cursor:  pointer;


}

.medium:hover .tooltip,.coleccions:hover .tooltip{

	width: 100%;
	height:100%;
	
	clip: initial;
	


}


@keyframes .tooltip {
  0% {
    background-color: #001F3F;
  }
  100% {
    background-color: #FF4136;
  }
}
.thumb{
	
	width: 250px;
	height:250px;
	position: relative;
  margin: 15px
}
.thumb img{
	

}
.thumb h3{
  
	font-size: 1.2em;
	position: absolute;
	bottom:5px;
	background-color: white;
  padding: 5px 0;
	width: 200px;
	text-align: center;
	opacity: 0.8;
	
	
}
.thumb h3:hover{


	opacity: 1;
	
	
}
.portada article{
	
	background-color: var(--color_fons_caixa);
	padding: 15px;

	overflow: hidden
}
.h2_mes_gran,#titol_llibre_ampli{
	
	font-size: 3em;
	font-weight:bold
	
}
.portada article img{
	

	
		border-radius :5px;
	
}
section.portada .llibre img{
	
	/*! width:500px; */
}
#localitat_dades li{
	
	margin:15px 5px
}
#only_phone{
	
	position: relative;	
	top:70px;
	left:0px;
	padding:10px;
	;background-color: var(--color_diderot);
	color :white;
	
}
main{
	
background-color:white;
background-size: 30px 30px, 90px 90px;
background-position: 0 0;
}
main #seccio{
	font-size: 3em;
	margin-block-end:
		30px
}
main h1,main h2, main h3, h4, #seccio{
	
	font-size: 2em;
	margin-block-end: 50px;
}

main .deu_coses h3{
	
	font-size: 1.2em;
}
#projector {
  position: absolute; 
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
} 

.center-div {
	width:580px;
    height:374px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: -290px;
    margin-top:  -187px;
}

#preloaderDiv
{
	position:absolute;
	left:50%;
    top:50%;
    margin-left: -27px;
    margin-top:  -27px;
}

#logo{
	opacity:0;
  
}



html{scroll-behavior: smooth;
}


#cookies_form input
{
    border: none;
}

.cookies_advise
{
	box-sizing:  border-box;
	
	position: fixed;
	width: 100%;
	bottom: 10%;

	
	padding:0 35px;
	border-radius: 10px;

	
	display: grid;
	grid-template-areas: "text"  "cookiess";
	grid-template-rows: [text]auto [cookiess]150px;

	justify-items: center;
	align-items: center;
	justify-content:  center;

	/*! opacity: 0.9; */
	

	color: white;
	background-color: var(--color_diderot_translucid);

	z-index:10
}
.cookies_advise p{
	grid-area: text;
	
}
.cookies_advise a{
	display: inline;
	width: auto;
}

input[type="image"]{

	
}
.cookies_advise .svg{
	
	grid-area: cookiess;
	
	filter: invert(1);
	-webkit-filter: invert(1);
	display: block;
	width:100px;
	
}

.cookies_advise .svg :hover
{
    filter: invert(100%);
}
#deu-coses h2{
	
	margin-bottom: 60px
}
.topPlus{
	
	margin-top: 60px
}
.hide_visual, .yes_accept,#dades_diderot_contacte {
	position: absolute !important;
	left:0;
	right:auto;
	top:0;
	bottom: auto;
	width: 1px;
	height: 1px;
	clip: rect(1px 1px 1px 1px) !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
}

#beta {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px 1px 1px 1px) ;
	clip: rect(1px, 1px, 1px, 1px) ;
}
.nowrap{
	
	white-space:nowrap;
}
.negreta {
	font-weight: bold
}
.subratllat {
	text-decoration: underline
}
.mes_petit {
	font-size: 0.6em
}

.right{
	
	text-align: right
}
.resultats_cerca .mes_petit {
	font-size: 0.8em
}
.servButton {
/*! cursor : pointer; */ 
    
}
section,div,figure,img {
	box-sizing: border-box;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-family: 'Average Sans', sans-serif;
	/*font-size: calc(16px + 6 * ((100vw - 320px) / 680));*/
	color: var(--color_diderot);
	background-color: white;
	/*font-display: swap; /* Define how the browser behaves during download */

}
h3{
	
	width: 100%;
}
img {
	width: 100%;
}
figure {
	margin: 0
}
.artistaimg {
	width: 200px;
	height: auto;

}
.artistaimg img {
	
  clip-path: polygon(0% 0%, 100% 0, 100% 90%, 90% 100%, 0% 100%);
	filter: grayscale(1);
}
.artistaimghall {
	position:relative;
	width: 200px;
	height: 280px;
	margin: 15px;
	overflow: hidden;
			
}
.artistaimghall img {
	position: absolute;
	filter: grayscale(1);
	top: 0;

	text-align: center;

}
.artistaimghall figcaption {
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
	text-align: center;
	background-color: white;
	padding-top: 8px
}




.figure_hall img {
	height: 60%;
	object-fit: contain
}
.figure_hall {
	width: 200px;
	height: 200px;
	text-align: center;
	margin: 0 8px;
	overflow: hidden
}
#comparteix {
	grid-area:  comparteix;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0 0 0;
	margin: 50px 0 0 auto;
	border-block-start: thin solid var(--color_diderot)
}
#comparteix img {
	width: auto
}
#comparteix section {
	width: auto
}
.dashed {
	border-bottom: thin dashed var(--color_diderot)
}
#nav_principal .dropdown-menu a::before {
	content: "- ";
}
#mc-embedded-subscribe {
	margin: 2px !important;
	background-color: var(--color_diderot) !important;
	border: thin solid white !important;
}
#neixament_mort {
	font-size: 0.6em
}
#mc_embed_signup form {
	padding: 0  !important;
	margin-left:0 !important;
}
#etiquetes h3 {
	margin-top: 0
}
.llibre {
	max-width: 300px;
}
#jetos img {
	filter: grayscale(50);
}
.stripe-button-el {
	background-image: -webkit-linear-gradient(orange, #015e94);
	background-image: -moz-linear-gradient(orange, #015e94);
	background-image: -ms-linear-gradient(orange, #015e94);
	background-image: -o-linear-gradient(orange, #015e94);
	background-image: -webkit-linear-gradient(orange, #015e94);
	background-image: -moz-linear-gradient(orange, #015e94);
	background-image: -ms-linear-gradient(orange, #015e94);
	background-image: -o-linear-gradient(orange, #015e94);
	background-image: linear-gradient(orange, #015e94);
}
.stripe-button-el span {
	background-image: -webkit-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -moz-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -ms-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -o-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -webkit-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -moz-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -ms-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: -o-linear-gradient( orange 5%, #FFC13D, #C68700 90%);
	background-image: linear-gradient( orange 5%, #FFC13D, #C68700 90%);
}
.boto_comprar {
	display: inline-block;
	background-color: orange;
	padding: 5px 12px 9px 10px;
	border-radius: 8px;
	margin-left: 20px;
	font-weight: bold;
	min-width:  90px;
}
.boto_comprar a {
	border: none !important;
	text-decoration: none !important;
}
#com_adquir .boto_comprar {
	display: inline-block;
	width: 65px;
	margin-top: 10px
}
#com-adquireixo h1{
	
	margin-bottom: 60px
}
#com-adquireixo figcaption{
	
	margin-top:20px
	
}
#fitxa_obra .preu, #fitxa_obra .boto_comprar {
	display: inline-block;
	margin-top: 20px;
	font-size: 1.2em;
	font-weight: bold
}
#form_compra {
	padding: 30px;
	background-color: var(--color_box)
}
#compra_form {
	padding-right: 30px;
	background-color: var(--color_box)
}
#compra_form p:first-child {
	margin-top: 0
}
#compra_form > select:nth-child(20),#compra_form [type=""], #compra_form [type="select"], #compra_form [type="tel"], #compra_form [type="radio"], #compra_form [type="option"], #compra_form [type="email"], #compra_form [type="text"], #compra_form > textarea, #compra_form [type="submit"] {
	display: block;
	margin-top: 10px;
	margin-bottom: 25px
}
#compra_form [type="submit"] {
	padding: 15px;
	border-radius: 20px;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	background-color: var(--color_diderot);
	color: white
}
#compra_form [type="submit"]:hover {
	background-color: white;
	color: var(--color_diderot);
}
.corregir_dades {
	display: inline-block;
	font-weight: bold;
	font-size: 1.2em;
	margin: 30px
}
.return {
	display: inline-block;
	padding-top: 20px
}
#multimedia_video figure {
	position: relative;
	background-color: blue;
	width: 100%;
	padding-top: 56.25%;
	margin-block-end: 100px
}
#multimedia_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#multimedia_video figcaption {
	position: absolute;
	bottom: -40px;
	left: 0;
}

#multimedia_podcast  {
margin-top:180px
}
#multimedia_podcast figcaption  {
margin:30px 0 130px 0
}
#capsalera_principal {
	position: fixed;
	background-color: white;
	height: 70px;
	width: 100%;
	max-width: 100%;
	/*! height:100px */
    
	z-index: 10
}
#social_aside {
	position: fixed;
	display: flex;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 5px;
	flex-flow: row;
	justify-content: space-around;
	background-color: white;
}
#social_aside img {
	width: 30px;
}
#figure_logo {
	position: fixed;
	width: 150px;
	padding: 5px
}
svg {
	width: 100%;
	fill: var(--color_diderot)
}
#idioma_ico, #lupa_ico, #menu_ico {
	position: fixed;
	top: 10px;
	padding: 5px;
	
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 10
}
#menu_ico{
	
	margin-right: 12px;
}
#lupa_ico{
	
	margin-right: 12px
}
#idioma form{
	
	margin-top:20px
}
#idioma_ico {
	right: 5px;
	width: 50px;
	height: 42px;
}
#menu_ico {
	right: 55px;
}
#lupa_ico {
	right: 105px;
}
#menu_ico_svg, #idioma_ico svg {
	width: 100%;
	height: 100%;
}
#menu_ico:hover ~ #nav_principal, #menu_ico svg:hover ~ #nav_principal, #idioma:hover,  #idioma_ico:hover ~ #idioma, #idioma_ico svg:hover ~ #idioma, #nav_principal:hover,  #lupa_ico:hover ~ #cercador_principal, #lupa_ico svg:hover ~ #cercador_principal, #cercador_principal:hover {
	right: 0;
	transition-duration: 1s
}
#nav_principal, #idioma, #cercador_principal {
	position: fixed;
	box-sizing: border-box;
	top: 60px;
	right: 100%;
	/*! background-color: white; */
	width: 100%;
	height: 100%;
	padding: 8px;
	overflow: scroll;
}
#nav_principal section {
	position: relative
}
#nav_principal #nosaltres {
	/*! padding-bottom: 300px; */
}
#nav_principal a {
	font-size: 1.1em;
	display: block;
padding: 10px 18px 
}
#nav_principal a:hover{
	
	color:white;
	background-color: var(--color_diderot)
}
input {
	border: none;
}
input[name='palabra'] {
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius: 78px;
	background-color: var(--color_diderot);
}
input[name='buscador'], .lupa {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	cursor: pointer;
	background: url(../images/construct/lupa_ico.svg);
	background-size: cover;
	margin: 10px;
}
header dl, footer {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip: rect(1px 1px 1px 1px);
}
header dt, header dd {
	display: inline;
}
main {
	padding: 80px 5%;
}
/* --------------------------------ESTILS-------------------------------------- */

 .portada a:link,.deu_coses a:link{
	
	border-color :  burlywood
}
a:link {
	-webkit-transition-duration: .2s; /* chrome, safari */
	/**/
	-moz-transition-duration: .2s; /* firefox */
	-ms-transition-duration: .2s; /* ie 9 */
	-o-transition-duration: .2s; /* opera */
	text-decoration: none;
	color: var(--color_diderot);
	scroll-behavior: smooth;
}
b, dt {
	font-weight: bold;
}
#dades_diderot_contacte dt{
	
	font-weight:  lighter
}
a:visited {
	text-decoration: none;
	color: var(--color_diderot);
}

a:hover, a:focus, a:active {
	color: #e48700;
	/*! text-shadow: 0 -2px 11px rgba(255, 255, 255, .8); */
	cursor: pointer;
}
.sub_menu a{

	
	 margin :  20px 0 !important;
}
.cookies_advise a:link{
	
	color:white
}
.cookies_advise a:hover,.cookies_advise  a:focus,.cookies_advise  a:active {
	color: orange;
	text-shadow: 0 -2px 11px rgba(255, 255, 255, .8);
	cursor: pointer;
}
.boto_comprar:hover {
	background-color: var(--color_diderot);
	cursor: pointer;
	color: white;
}
.boto_comprar:hover >a {
	color: white
}
.boto_comprar a:hover {
	color: white
}
section a:link, p a:link, figcaption a:link {
	border-bottom: thin solid #cee2ff;
}
section a:visited, p a:visited {
	border-bottom: thin solid #cee2ff;
}
footer a:link, footer a:visited,.cookies_advise a:visited {
	color: white
}
#capsalera_faedor .none_decoration_link {
	
	border-bottom: none;
	text-decoration:  none
}
main section {
	
	width: 100%;
	margin: 50px 0 ;
}
#multimedia_video
{
	
margin-bottom: 150px}
#com_adquirir section {
/*! margin:50px; */
}
.portada {
	margin-bottom: 100px;
}
#multimedia{
	
	position: relative;
}
#multimedia figure {
	margin-bottom: 150px;
}
.portada figure {
	max-height: 500px;
	overflow: hidden
}
.portada .deu_coses:first-child {
	margin-top: 130px
}
.portada .deu_coses {
	font-size: 0.9em;
	margin: 0px ;
	padding: 10px 40px;
	border-bottom: thin dashed var(--color_diderot_translucid);

}
article.deu_coses:last-child{
	font-size: 0.9em;
	margin: 0px ;
	padding: 10px 40px;
	border-bottom: none;

}
.portada figure {
	max-height: 500px;
	overflow: hidden
}
.sub_menu {
	margin: 0;
	border-bottom: 1px dashed var(--color_diderot);
	justify-content:  space-around;
	padding: 0;
}
.sub_menu a:link, .llegir_mes a:link, #register_nav a:link {
	text-decoration: none;
	border: none;
	display: block;
	margin: 5px 0;
}
figure a:link, .preu a:link, nav a:link, .social a:link, aside {
	border: none;
}
 figcaption a:link ,li a:link {
	border-bottom: thin solid #cee2ff;
}
nav h5 {
	font-size: 1.4em;
	/*! border-bottom: medium solid var(--color_diderot); */
	margin-bottom: 15px;
  cursor: pointer;
	
	

}

nav h3{
	font-size: 1.3em;
	margin:10px 0;
	padding-bottom:5px 
}
strong {
	font-weight: bold
}
p, ul {
	/*! margin: 1em 0 1em 0; */
	font-size: 1.2em;
	text-align: left;
}
p::first-letter {
	font-size: 1.2em;
	margin-left: .5em;
}
br {
	

	margin: 0 0 .2em 0;	

}

.dotted{
	border-bottom: 3px dotted var(--color_diderot);
		margin: 0 0 .2em 0;	
}

.solid{
	border-bottom: 2px solid var(--color_diderot);
		margin: 0 0 .2em 0;	
}
.dashed{
	border-bottom: 1px dashed var(--color_diderot);
		margin: 0 0 .2em 0;	
}
#mc_embed_signup input.email {
	color: var(--color_diderot);
}
nav h2 {
	/*! text-align: center; */
	width: 100%;/*! margin:0; */
  
    
  
}
.desaperagut{
    filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */
}

#image_espai{
	
	position: relative
}
    .text_desaperagut{
        
			box-sizing:  border-box;
			width:max-content;
  		color :red;
			position: absolute;
      font-size: 2em;
			padding: 8px;
        left:-25px;
        top:10px;
        z-index:2;
        transform: rotate(-12deg);
        background-color: white;
        border:medium dashed red
    }

.desaperagut a:link{
	
	color:  grey;
}
.desaperagut a:hover, a:focus, a:active{
	
	color:  black;
}

#nav_principal {
	font-size: 1.2em;
	z-index: 20;
	background-color: white;
}
#nav_principal section  {
	width: 100%;
	/*! background-color: white */
}
nav a {
	text-decoration: none;
}
.nav_boxes {
	display: flex;
	
	flex-flow:  wrap-reverse;
	flex-direction:  row-reverse
	

}

.nav_boxes h2 {
	margin: 1em 0.5em;
}
.nav_boxes article {
	margin: 20px 0;

		
}

.nav_boxes article section{
	
		padding:  30px;
		margin: 0

}
.depunta_apunta{
	
	width:100%;
}
#idioma input   {
	background-color: white;
	color:var(--color_diderot);
	/*! font-weight:bold */
		
}
#idioma input:hover {
	color: var(--color_hover)
}
.social {
	box-sizing: border-box;
	display: grid;
	grid-template-areas: "facebook twitter";
 grid-template-columns:[facebook]100px [twitter]auto;
	margin: 0;
	padding: 10px 0;
	border-top: thin solid var(--color_diderot);
}
.noti_facebook {
	grid-area: facebook;
	margin: 0;
	padding: 0;
}
#twitter_button {
	grid-area: twitter;
	margin: 0;
	padding: 0;
}
.obra_galeria {
	display: grid;
	grid-template-areas: "imatge"  "dades"  "preu";
  grid-template-rows: [imatge]auto [dades]auto [preu]auto;
	
	justify-items: center;
	align-items: center;
	justify-content:  center;
	
	text-align: center;
	
	width: 100%;
	margin: 40px 2px;
	padding:15px 15px 35px 15px;
	height: auto;
	max-height: 500px;
	background-color:var(--color_fons_caixa);
	/*! background-color: grey; */
  
}
.obra_galeria.obra_estret {
  grid-template-rows: [imatge]auto [dades]auto [preu]auto;
		padding:15px ;
		
}
.obra_galeria figure {
	grid-area: imatge;


}
.miniatura_obra.paisatge {
	height: auto;
	width: 100%
}
.miniatura_obra.figura{
	
	height: 200px;
	width: auto
	
}
.obra_galeria figcaption {
	grid-area: dades;
	height: auto;
	padding: 15px;
	/*! justify-self: center; */
	/*! align-self: center; */
}
article.obra_galeria .preu_obra {
	grid-area: preu;
	text-align: center;
	height: auto;
}
.obra_galeria .boto_comprar, .obra_galeria .preu, article.obra_galeria .preu_obra {
	font-size: 1.2em;
	font-weight: bold
}
.preu{
	margin-bottom: 15px
}
.fitxa_artista_low{
	
		margin-bottom:40px;
}
.fitxa_artista_low img {
	position: relative;
	width: 150px;

}
.fitxa_artista_low figcaption{
	position: relative;

	
	
}
.flex h1, .flex h2 {
	width: 100%;
	margin: 0 0 20px 0
}
#com_adquirir, #como_adquiero {
	justify-content: space-between;
}
#com_adquirir section, #como_adquiero  section {
	display: grid;
	grid-template-areas: "titol"  "imatge";
	box-sizing: border-box;
 grid-template-rows:  [titol]100px [imatge] 1fr;
	width: 100%;
	margin: 0;
	padding: 30px;
	text-align: center;
	border: thin dashed var(--color_diderot);
	background-color: white;
}
#com_adquirir h2, #como_adquiero  h2 {
	grid-area: titol;
}
#com_adquirir figure, #como_adquiero  figure {
	grid-area: imatge
}
#com_adquirir img, #como_adquiero  img {
	width: 130px
}
#com_adquirir figcaption, #como_adquiero  figcaption {
	margin-top: 30px
}
#comprem {
	box-sizing: border-box;
	padding: 2em;
	background-color: var(--color_box);
}
.llegir_mes {
	box-sizing: border-box;
	display: block;
	width: 100%;
	text-align: right;
	padding: 60px 0 10px 0;
	font-size: 1.2em;
	border-bottom: thin solid var(--color_diderot);
}
#cercador_seccio {
	padding: 15px;
	/*font-size: 0.8em;*/
       /*border-bottom:thin solid var(--color_diderot); */
	background-color: var(--color_box);
}
#cercador_seccio h1 {
	cursor: pointer
}
#cercador_seccio h2 {
	margin: 0
}
#cercador_seccio section {
	margin: 0;
}
#cercador_wrapper section {
	padding: 0 0 10px 0;
}

#cercador_per_criteris {
	/*! height:110px; */
	margin-top: 20px;
	padding-bottom: 20px;
}
#cercador_per_criteris _presencia_internacional {
	margin-top: 20px;
	height: auto;
	border-top: thin dashed var(--color_diderot);
}
#cercador_wrapper section h2 {
	width: 100%;
}
#cercador_wrapper h1 {
	grid-area: titol
}
#altres_riteris {
	border-top: thin dashed var(--color_diderot);
}


#mostrar_ocultar_resultats_paraula, #mostrar_ocultar_resultats_criteris {
	/*! border-bottom: thin dashed var(--color_diderot); */
	grid-area: mostrar_ocultar_resultats;
	/*! align-self: center */
}
#resultats_cerca_paraula, #resultats_cerca_criteris {
	font-size: initial;
	grid-area: resultats;
}
.resultats_cerca {
	display: block;
	width: 100%
}
#titol_resultat {
	width: 100%
}
.tria {
	margin: 0 0 20px 0;
}
.fitxa_artista_ranking, .fitxa_artista_low, .ranking {
	display: block;
	/*! clear: both; */
	margin:10px 5px;
	width: 100%
}
.ranking img {
	/*! width: 50px */
}
#resultats_cerca_criteris h3 {
}
.column {
	column-count: 3;
	column-width: 180px;
	column-gap: 20px;
	column-rule: thin dashed var(--color_diderot)
}
.fitxa_artista_extralow {
	width: 300px;
	margin: 4px 0;
	display: inline;
	font-size: 1em
}
#resultats_cerca_criteris .fitxa_artista_extralow {
	width: 300px;
	margin: 4px 0;
	display: block;
	font-size: 1em
}
#cercador_wrapper {
	
	
	display: grid;
	grid-template-areas: "c_paraula "  "c_criteris"  "c_rpi"  "mostrar_ocultar"  "resultats";
	grid-template-columns: 100%;
	grid-template-rows: auto;
}
#radio_buttons label {
	display: block;
	margin: 10px
}
#cercador_per_criteris > form:nth-child(3) > input:nth-child(2) {
	margin: 30px;
}
#logos figure {
	width: 30%;
}
.flex, .sub_menu div {
	display: flex;
	flex-flow: row wrap;
  justify-content:  space-around
	
}



.flex h1, .flex h1, .flex h2, .flex h3 {
	width: 100%;/*! border-bottom: thin dashed var(--color_diderot); */  
        
}
.justify-center{
	
	justify-content: center
	
}
.justify-left{
	
	justify-content:    left
}
.justify-start{
	
	justify-content:   flex-start
	
}
#content{
	
	min-height: 1000px;
}
#content {

}

.sub_menu div {
	justify-content: space-around;
	padding-bottom: 5px;/* border-bottom:1px dashed var(--color_diderot);    */
}
.flex section {
	width: 20%;
	margin: 0 1%;
}
#cercador_per_criteris label {
	display: block;
	margin: 15px 0
}
#submit_buttons {
	margin: 15px 0;
	scroll-behavior: smooth;
}
#register_nav {
	display: flex;
	justify-content: space-around
}
#register_nav svg {
	width: 50px
}
/* --------------------------- LLIBRERIA -----------------------*/

#com-adquireixo{
	
	flex-flow: column wrap;
	
}
#com-adquireixo h2{
	
	margin-bottom: 50px
}
#com-adquireixo section{
	
	width: 50%;
	text-align: center;
	margin: 20px
}
article.fitxa_llibreria {
	display: grid;
	grid-template-areas: "imatge"  "titol"  "dades"  "preu";
  grid-template-rows: [imatge]150px [titol] max-content [dades] 200px [preu]auto;
	
	justify-content: center;

	width: 230px;
	height: 520px;
	margin: 3em 0.8em;
	padding-top:15px;
	text-align: center;
	flex-grow: 2;
	background-color:  var(--color_fons_caixa);
}
article.fitxa_llibreria figure {
	grid-area: imatge
}
article.fitxa_llibreria img {
	width: auto;
	height: 9em;
	box-shadow: 3px 5px 2px 0 rgba(50, 50, 50, .75);
}
article.fitxa_llibreria h2,article.fitxa_llibreria h3 {
	grid-area: titol;
	font-size: 1.1em;
	min-height: 3em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0 20px;
}
article.fitxa_llibreria dl {
	box-sizing:  border-box;
	grid-area: dades;
	font-size: .8em;
	color: #5e7393;
	padding: 0 8%;


}
article.fitxa_llibreria .preu {
	grid-area: preu;
	font-size: 1.2em;
	font-weight: bold
}
dt, dd {
	display: inline;
	margin: 0;

}
dt::after {
	content: ": ";
	white-space: pre;
}
dd::after {
	content: '\A';
	white-space: pre;
}
#artistes_vinculats{
	
	display: inline-block
}
#foto {
	grid-area: foto;
	width: 150px;
	object-fit: cover;
	border-radius: 50%
}
#fitxa_llibre_ampli .preu {
	margin-top: 20px;
	height: 50px
}



#cercador_paraula{
	
	grid-area: c_paraula; 
}
#cercador_per_criteris {
	
	grid-area: c_criteris ;
		border-top: thin dashed var(--color_diderot);

}

#resultats_cerca_paraula, #resultats_cerca_criteris, #hall{
	
	grid-area: resultats 
}
#cercador_per_criteris {
	/*! display: grid; */
	/*! grid-template-areas: "titol"  "form"; */
}
#cercador_per_criteris h2 {
	grid-area: titol;
}
#criteris_form {
	grid-area: form;
}
#criteris_form {
	display: grid;
	grid-template-areas: " criteris  radios  mides"  "submit submit  submit";
	grid-template-columns: 1fr 1fr 1.5fr;
	min-width: 150px;
}
#criteris_form_espais {
	display: grid;
	grid-template-areas: " criteris  " "radios" " mides"  "submit ""submit ""submit";
	grid-template-columns: 1fr 1fr 1.5fr;
	min-width: 150px;
}
#cercador_per_criteris #radio_buttons {
	grid-area: radios
}
#cercador_per_criteris #mides {
	grid-area: mides
}
#cercador_per_criteris #criteris_combo {
	grid-area: criteris;/*! padding-left: 15px; */
}
#cercador_per_criteris #submit_buttons {
	grid-area: submit
}
.funnel {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	cursor: pointer;
	background: url(../images/construct/funnel.svg);
	background-size: cover;
	color: var(--color_diderot);
	border:none;
	align-self: center;
	place-self: center;
		margin-top: 8px
}
.funnel-fill{
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	cursor: pointer;
	background: url(../images/construct/funnel-fill.svg);
	background-size: cover;
	color: var(--color_diderot);
	border:none;
	align-self: center;
	place-self: center;
		margin-top: 8px


}
.eye {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	cursor: pointer;
	background: url(../images/construct/eye.svg);
	background-size: cover;
	color: var(--color_diderot);
	border:none;
	align-self: center;
	place-self: center;
		margin-top: 8px
}
.eye-slash {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	cursor: pointer;
	background: url(../images/construct/eye-slash.svg);
	background-size: cover;
	color: var(--color_diderot);
	border:none;
	align-self: center;
	place-self: center;
		margin-top: 8px
}

#cercador_wrapper {
	display: grid;
	grid-template-areas: "c_paraula mostrar_ocultar mostrar_ocultar_resultats " 
	                   
		                 " c_criteris c_criteris c_criteris"

						 "resultats       resultats       resultats";
 grid-template-columns: auto auto auto;
	justify-items:  flex-start;
	align-items:  center;
	margin-top:20px;
}

#palabra{width:180px ;}


#mesures{

	
	margin-top:30px;
	
	
}

.messier_diderot{
	
	width:100%;
	text-align: center
}
.messier_diderot img{
	
	width:50%
}

.positionRanking{
	
	display:block;
	top:40px;
	background-color: white;
	width: 40px;
	height: 40px;
	position:  relative;
	border-radius: 20px;
	text-align: center;
	font-size: 1.7em;
	z-index: 5;
	
}


@media (min-width: 768px) {
.inline_chk{
	
	display: inline !important;
	
}
	
#nav_principal h3 {
		
		margin-top: 30px
		; /*! background-color: var(--color_fons_caixa) */
	}

#nav_principal h3:nth-child(1) {
		
		margin-top:0px
	}	
	
	
	#palabra{width:225px ;}	
	.sub_menu a{

	
	 margin :  5px 0 !important;
}
	.inline{
		
		display: inline-flex;
		
	}
	
#only_phone{
	
	position: absolute;	
	top:-700px;
	left:-660px;
	padding:10px;
	;background-color: var(--color_diderot);
	color :white;
	
}
		
#criteris_form {
	 min-width: 500px;
	 max-width:200px;
}	
	
#criteris_form_espais {

	min-width: 800px;
}
#com-adquireixo{
	
	flex-flow: row wrap;
	
}

#com-adquireixo section{
	
	width: 150px;
	text-align: center;
	margin: 0px
}	
	
	#img_svg{
		
		width:50%
	}	
.fitxa_artista_low img {
	position: absolute;
	width: 150px;
	clip:rect(10px,150px,180px,0px);
	filter: grayscale(100);
}	
#dades_diderot_contacte {
	position: initial !important;
	width: auto;
	height: auto;
	
	
}	
	.fitxa_artista_low figcaption{
	position: absolute;
		height:90px;
	bottom:0px
	
	
}
	p, ul {
	/*! margin: 1em 0 1em 0; */
	font-size: 1.1em;
	text-align: justify;
}
	.fecha_ultima_entrada{
		margin-block-start: 50px
		
	}
	li{
		
		margin-top:10px
	}
	#multimedia figcaption {

	bottom: -55px;

}

.miniatura_obra.figura,	.miniatura_obra.paisatge {
	
	height: 200px;
	width: auto
	
}
	
	
	
	#assessoria_img{
		
		margin: 120px 0;
	}
 #beta {
	
	 position: absolute;
	 top:0px;
	 left:80px;
	 
	color:red;
	font-size:1.2em;
	 
	 
	width: auto;
	height: auto;
	
	 clip:initial ;

	
	z-index:30
}
	#foto {

	width: 180px;

}
#cercador_per_criteris _presencia_internacional {

	border-top: none;
		border-left: thin dashed var(--color_diderot);
}	
	
.fitxa_artista_ranking, .fitxa_artista_low {
	display: inline-block;
	position: relative;
	/*! clear: both; */
	margin: 5px 5px;
	width: 150px;
	height: 280px;
	
}
	
.ranking {
	display: block;
	position: relative;
	/*! clear: both; */
	margin: 5px 5px;
	width: 150px;
	height: 300px;
	
}
.ranking img {
	/*! width: 100px; */
	/*! border-radius:70%; */
  /*! border: 2px solid var(--color_diderot); */
	filter:  grayscale(1);




	
}
	article.fitxa_artista_low figcaption{
		width:150px;
		text-align: center
		
	}	
	
#com_adquirir section, #como_adquiero  section {

	width: 30%;

}
.obra_galeria {

	width: initial;

  
}
.obra_galeria.obra_estret {

	height: auto;
}	
	.obra_estret{
		
		width :280px;
		margin: 15px
	}	
.obra_galeria figcaption {
max-width: 270px;
	margin: auto;
	padding-bottom: 30px;
}
	
	
	#altres_riteris {
	border-top: none;
		border-left: thin dashed var(--color_diderot);
}
	#cercador_paraula {

	border-top: none;	
	/*! border-right: thin dashed var(--color_diderot); */
}
	

	
	header dl, footer {
	position: relative;
	left:0;
	bottom: 0;
		
	height: auto;
	width: 100%;
	overflow: hidden;
	clip: initial;

}

#cercador_wrapper {
	display: grid;
	grid-template-areas: "c_paraula    mostrar_ocultar  mostrar_ocultar_resultats  mostrar_ocultar_resultats  mostrar_ocultar_resultats" 
	                   
		                   " c_criteris  c_criteris      c_criteris                 resultats  resultats"

			          			 "c_criteris   c_criteris      c_criteris                 resultats  resultats";
	grid-template-rows: 60px 50px auto auto;
 grid-template-columns: 300px 40px 40px auto auto;
	justify-items:  flex-start;
	align-items:   flex-start;
	margin-top:20px;
}
	
	#cercador_wrapper h2,#cercador_wrapper h3,#cercador_wrapper h4{
		padding: 0;
		margin : 0  0 20px 0;
	}
	
	#idioma, #cercador_principal {
	position:  relative;
	top: 60px;
	left: 5px;
	overflow: initial;
}
	
	#menu_ico {
	grid-area: menu_principal;

	display: flex;
	position: relative;
	width: 300px;	
	height: auto;	
	/*! padding:0 0 0 30px; */
	margin:0;
	font-size: 0.8em;
	top: 0;	
	left: 0;
	right: auto;
	flex-flow: row;
	justify-content: center;
		cursor: auto;
	
	border-top:2px solid  var(--color_diderot);
}
		
	

	
#nav_principal {
	position: absolute;
	top:0;
	left:0;
	height: 50px;
	/*! padding: 0 2%; */
		overflow:hidden;
		background-color: transparent;
/*! position: relative */
            
}
#figure_logo {
	position: absolute
}
#social_aside {
	position: relative;
	justify-content: flex-start;;
	margin-left: 25px
}
body {
display: grid;
grid-template-areas:
	
"capsalera contingut" 
"menu_principal contingut " 
"peu contingut";
	
grid-template-rows: 
	
[capsalera contingut]240px [menu_principal contingut]1200px [peu contingut]auto;
	
 grid-template-columns:
	
[capsalera menu_principal peu]300px [contigut]auto  
}
#capsalera_principal {
	position: relative;
	grid-area: capsalera;
	display: grid;
	grid-template-areas: "titol" "idiomes" "dades" "cercador" ;
 /*!grid-template-columns:[titol]minmax(200px, 280px) [dades]3fr [social]1fr [cercador]minmax(150px, 250px);
*/
	grid-template-rows:[titol]80px [idiomes]30px  [dades]60px [cercador]80px ;
	padding:10px 0px;
	/*! text-align: center; */
 
	background-color: transparent;
}
#figure_logo {
	width:200px;
	grid-area: titol;
	box-sizing: border-box;
	margin-left: 20px
}
#dades_diderot_contacte {
	
	position: relative;
	grid-area: dades;
	align-self: end;
  padding-left: 30px
		;
	
	margin: 0 0 0 0px;
	/*! width:200px; */
	/*! height: 50px; */
	clip: initial;
}
#social_aside {
	grid-area: social;
	display: flex;
	 padding: 15px 5px; 
	/*! top:-45px; */
	background-color: transparent;
	/*! align-self: end; */
	/*! justify-self: center */
}
#social_aside img {
	width: 35px;
	margin: 0 02px
}
#lupa_ico {
	position: relative;
	grid-area: cercador;
	
	
	top:0;
	right: 0;
	left:15px;
	bottom: auto;
	
	width:250px;
	height: 50px;

	margin:  0;
	padding: 0;
}
	
	#cercador_principal,#cercador_principal form {
	
	position: absolute;
	grid-area: cercador;
	
	
	top:0;
	right: 0;
	right:auto;
	bottom: auto;
	
	width:250px;
	height: 55px;
  overflow:  hidden;
	margin:  0
}

/* ----------------- IDIOMA ------------------*/	
	
	#idioma_ico {
	position: relative;
	top:0;
	left:0;

	right:auto;
	
	width:100%;
	height: 100%;

	grid-area: idiomes;

	margin: 0;
	padding: 0;


	}
	
	


#idioma,  #idioma:hover {
	position: relative;
  top:0;
	left:0;
	
	margin: 0;
	padding: 0;
	border: none;
	
}
	
	#idioma form{
		
		position:  relative;
    display: inline-block;
		bottom: 0px;
	
		width:100px;
		text-align: center;
		margin: 0;
		
	}	
		#lang_ca{
		
		
		margin-left:30px
	}
	#lang_es{
		
		
		margin-left:90px
	}
	
	#idioma form input{
		
				cursor: pointer;
	}
	
#idioma_ico svg, #menu_ico svg, #lupa_ico_svg {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
}
	
	
	
	
	
nav div a {
	display: block;
	/*! width: 100%; *//*! text-align: center */
  
  
}


main {
	grid-area: contingut;
	flex: 1;
	box-sizing: border-box;
	padding: 10px 14vw 50px 14vw; 
  margin-top: -20px;
	background-color: white;
}
#breadcrumbs {
	box-sizing: border-box;
	padding: 0 10px 4px 10px;
	margin-block-end: 50px;
	filter: invert(100%);
	background-color: #d3b78f;
	margin-top: 20px
}
nav {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 200px;/*! font-size:0.8em */
}
aside img {
	width: 100%
}
footer {
	grid-area: peu;
	display: grid;
	grid-template-areas: "butlleti " 
		                   "t"
                       "avis_legal";	
	
	grid-template-rows:[butlleti] 70%[t]2px ;
	padding: 0px;
	text-align: center;
	background-color: var(--color_diderot);
	;
	color: white;
	background-image: url(../../images/construct/deco-left.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom
}

	#avis_legal_link{
	 text-align: left;
		padding: 5px 20px;
		grid-area: avis_legal
		
	}	
	#avis_legal_link a{
		
		width: 75%
	}
#obra {
	display: flex;
	flex-flow: row wrap
}
#obra h4 {
	display: block;
	width: 100%;
}
/*!-------------------------------------NAV BOXES ----------------------------------------*/
.nav_boxes img {
	height: 250px;
	/*! filter: blur(0px) grayscale(60%); */
	object-fit: cover;
	object-position: 50% 50%;
}
.nav_boxes img:hover {
	filter: blur(1px) grayscale(0%);
}
.serveis, .serveis_large {
	position: relative;
	width: 300px;
	height: auto;
	margin: 20px -1px;
	border-right: thin dashed;
	border-left: thin dashed;
	background-color: white;
	flex-grow: 1;
}
	article.serveis_large:nth-child(6) {
	position: relative;
	width: 300px;
	height: auto;
	margin: 20px -1px;
	border-right: thin dashed;
	border-left: thin dashed;
	background-color: white;
	flex-grow: 2;
}

.serveis {
	display: grid;
	grid-template-areas: "imatge"  "titol" "text1";
 grid-template-rows: [imatge]auto [titol]min-content [text1]400px;
	background-color: var(--color_fons_caixa);
}
.serveis_large {
	display: grid;
	grid-template-areas: "imatge"  "titol"  "text1"  "text2";
 grid-template-rows: [imatge]auto [titol]min-content [text1]400px [text2]60px;
	background-color:  var(--color_fons_caixa);
	}

.serveis section, .serveis_large {
		
	background-color: white	
	}	
	.personatge_v img{
		
		height :500px
		
	}
	.serveis figcaption{
		
		padding-left:15px
		
	}	

.serveis figure,.serveis_large figure {
	grid-area: imatge;
	background-color: var(--color_fons_caixa);
}
.serveis h2,.serveis h3,.serveis_large h2,.serveis_large h3 {
	grid-area: titol;
	height: 100%;
	width: auto;
	text-align:  left;
	padding:10px 30px 20px 30px;
	margin:0;
	background-color:  var(--color_fons_caixa);
}
.serveis section,.serveis_large section {
	grid-area: text1;
	padding:30px;
	margin-block-start: 20px;
	background-color:  white
}
	
	.serveis_large p {
	padding: 0 18px;
	margin-block-start: 20px;
}

	.serveis_large ul {
	box-sizing: border-box;
	text-align: left;
	padding: 0 0 0 18px;
	margin: 0px 0
}
 .serveis_large li ,.serveis li {
	box-sizing: border-box;
	text-align: left;
	padding: 0 0 8px 0px;
	margin: 0px 0
}
.serveis_large li {
	box-sizing: border-box;
	text-align: left;
	padding-left: 2px;
	margin: 1px 0
}
.serveis_large a {
	grid-area: text2
; /*! background-color: white */
	}
svg {
	fill: var(--color_diderot)
}
footer a {
	display: block
}
input {
	border: none;
}
input[name='palabra'] {
	cursor: text;
	text-align: center;
	color: #fff;
	border-radius: 78px;
	background-color: var(--color_diderot);
}
input[name='buscador'], .lupa {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	cursor: pointer;
	background: url(../images/construct/lupa_ico.svg);
	background-size: cover;
}

/*------------------------------------------------sobre NOSALTRES D!---------------------------*/
#logos {
	text-align: center;
}
#logos figure {
	display: inline-block;
	overflow: hidden;
	width: 6em;
	height: 6em;
	margin: .5em;
	border: thin solid var(--color_diderot);
}
#logos img {
	width: 6em;
}
/* ----------------------------GALERIA---------------------------- */
    

    

#figure_recommande_lee {
	float: left;
	width: 10em;
	margin: 1.8em 1em .5em 0;
}
#hall_of_fame {
	text-align: left;
}
#hall_of_fame img, #artistaimg {
	filter: grayscale(100%)
}
#register_nav {
	display: flex;
	width: 100%;
	;
	clear: both;
	justify-content: center;
	margin: 1em 0;
	text-align: center;
}
#register_nav svg {
	width: 30px;
	margin: 0 20px
}
/* ----------------- noticies -----------------*/



#deu-coses article {
	margin: 30px 0;
	padding-left: 10px;
	/*! border-left: thin  solid var(--color_diderot); */;
}
#deu-coses figure {
	padding: 20px 0;
	width: 150px;
}
#deu-coses figcaption {
	font-size: 0.7em
}

/*!------------------Llibreria--------------*/

	.seccio_llibreria{
		
		margin-bottom:10px
		
	}
#fitxa_llibre {
	display: grid;
	grid-template-areas: "titol titol"  "imatge dades"  "comentari comentari" "comparteix comparteix";
	grid-template-rows: 250px auto;
	grid-template-columns: 1fr 2fr
}
#titol_llibre_ampli {
	grid-area: titol
}
#fitxa_llibre figure {
	grid-area: imatge
}
#comentari_llibre_ampli {
	grid-area: comentari;
	margin: 0
}
#fitxa_llibre_ampli {
	box-sizing: border-box;
	grid-area: dades;
	margin: 0;
	padding-left: 40px
}
#fitxa_llibre h3 {
	margin: 0
}
#fitxa_llibre .preu {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px
}
/*!---------------------------  CERCADORS -------------------------- */    
form {
	/*! margin-bottom: 10px; */
	scroll-behavior: smooth;
}
#cercador_per_criteris {
	display: grid;
	grid-template-areas: "titol"  "form";
	padding-top: 15px !important;;
}
#cercador_per_criteris h2 {
	grid-area: titol;
}
#criteris_form {
	grid-area: form;
}
#criteris_form {
	display: grid;
	grid-template-areas: " criteris  radios  mides"  "submit submit  submit";
	grid-template-columns: 1fr 1fr 1.5fr;
	min-width: 500px;
}
#criteris_form_espais {
	display: grid;
	grid-template-areas: " criteris  " "radios" " mides"  "submit ""submit ""submit";
	grid-template-columns: 1fr 1fr 1.5fr;
	min-width: 800px;
	scroll-behavior: smooth;
}
#cercador_per_criteris #radio_buttons {
	grid-area: radios
}
#cercador_per_criteris #mides {
	grid-area: mides
}
#cercador_per_criteris #criteris_combo {
	grid-area: criteris;/*! padding-left: 15px; */
}
#cercador_per_criteris #submit_buttons {
	grid-area: submit
}
#cercador_per_criteris label, #cercador_per_criteris select {
	display: block;
	margin-block-end: 5px;
	scroll-behavior: smooth;
}
#cercador_per_criteris input {
	display: inline-block
}
#cercador_per_criteris input[type="text"] {
	border : thin solid #e3e9ef;
	border-top: thin solid #abadb3;
}
#mides input[type="text"] {
	width: 30px
}
#coleccio_espai .fitxa_artista_extralow {
	width: 300px;
	margin: 4px 0;
	display: inline;
	font-size: 1em
}
#coleccio_espai {
	margin-bottom: 50px
}
.miniatura_espais {
/*! width:200px */
}
.miniatura_espais .figure_hall {
}
/*! ------------------------- FAEDOR BLOC --------------------------------*/
    
    
    
#capsalera_faedor {
	display: grid;
	grid-template-areas: "foto titol"  "subtitol subtitol"  "text1 text1"  "aside aside";
 grid-template-columns: [foto]1fr [titol]4fr;
 grid-template-rows:    [foto]1fr [subtitol]auto [text1]50px [aside]auto;
	grid-gap: 0 25px
}
#faedor_img {
	grid-area: titol
}
#foto {
	grid-area: foto;
	object-fit: cover;
	border-radius: 50%
}
#subtitol {
	grid-area: subtitol;
	justify-self: right;
	align-self: start;
	margin: 0
}
#text {
	grid-area: text1;
	height: auto;
	border-top: thin dashed var(--color_diderot);
}
#capsalera_faedor aside {
	grid-area: aside;
}
#etiquetes {
	grid-area: etiquetes;
}
.article_principal {
	border-bottom: thin solid var(--color_diderot);
	margin-bottom: 150px;
}
.noticia {
	display: grid;
	grid-template-areas: "foto titol "  "foto text"  "llegirmes llegirmes";
 grid-template-rows:[titol]auto [text]2fr;
 grid-template-columns:[foto]1fr [text]2fr;
	padding: 15px;
	margin: 30px 0 20px 0;
	background-color: var(--color_box);
}
.noticia figure {
	grid-area: foto;
	margin: 0 30px 0 0;
}
.noticia .llegir_mes {
	grid-area: llegirmes
}
.noticia h2, .noticia p {
	margin: 0px 0 20px 0
}
	
.noticia p {
	grid-area: text
}	
	
	
	
.premsa {
	display: grid;
	grid-template-areas: "titol titol "  "text text"  "llegirmes llegirmes";
 grid-template-rows:[titol]auto [text]2fr;
 grid-template-columns:[foto]1fr [text]2fr;
	padding: 15px;
	margin: 30px 0 20px 0;
	background-color: var(--color_box);
}
.premsa h3 {
	grid-area: titol;
}	
	
.premsa figure {
	grid-area: foto;
	margin: 0 30px 0 0;
}
.premsa .llegir_mes {
	grid-area: llegirmes;
	padding: 0
}
.premsa h2, .premsa p {
	margin: 0px 0 20px 0
}
	
	.premsa p {
	grid-area: text;
		padding-top:20px;
}	
	
	
	
#form_compra {
	display: grid;
	grid-template-areas: "form product"
}
#form_compra form {
	grid-area: form;
	margin: 0;
	padding-bottom: 0;
}
#form_compra figure {
	grid-area: product;
	height: auto;
	width: 200px;
	justify-self: end
}
#form_compra figure img {
	grid-area: product;
}
#coleccio_espai h3 {
	width: 100%;
	font-size: 1.6em;
	display: block;
}
#coleccio_espai article {
	display: inline;
}
}
 @media (min-width: 1200px) {
	#nav_principal a {
	font-size: 1.1em;
	display: block;
padding: 5px 18px 
} 
	 #form_cerca_criteris{
		 

		 display:  grid;
	 	 grid-template-areas: "c1 "
			 "c2 "
			 "c3"
			                     "nova_cerca";
    /*! grid-template-rows: 500px 100px; */
    grid-template-columns: 1fr 1fr 1fr
		;
		 padding-bottom: 50px


		 
	 }


	 	 #tipus{
		 
		 grid-area: c2;
			  padding: 0 20px;
			 margin-top:20px;
					width:250px
	 } 
#div_epoca{
		 
		 grid-area: c1;
    	/*! border-left: thin dashed var(--color_diderot); */
			 /*! border-right: thin dashed var(--color_diderot); */
			 padding: 0 20px;
			 width: 250px
			 
	 } 
	 
	 
	 	 	 #tipus_de_fons{
		 
		 grid-area: c2;
    	/*! border-left: thin dashed var(--color_diderot); */
			 /*! border-right: thin dashed var(--color_diderot); */
			 padding: 0 20px;
			 width: 250px
			 
	 } 
	 #div_selects_espai{
		 
		 /*! border-left: thin dashed var(--color_diderot); */
			 /*! border-right: thin dashed var(--color_diderot); */
			 padding: 0 20px;
			 width: 250px
			 ;grid-area: c1
	 } 
	 #mesures{
		 
		 grid-area:c3;
		  padding: 0 20px
	 } 
	 #reset {
		 width:200px;
		 height:50px;
		 grid-area: nova_cerca;
		 /*! align-self: center; */
		 /*! place-self: center; */
		 margin-left: 20px;
		 margin-top: 50px
		 
	 }
	 
	 #contentCerca{ 
	width: 100%;
	padding-left:20px
		;
	margin-top: 15px;	 
		 
		 border-left:thin dashed var(--color_diderot)
	 }
	 
nav h5 {

	/*! text-align: center; */
	margin-bottom: 5px

	 }	#nav_principal div{
		 margin-top:-5px;
		 padding: 20px;
		 border-top: solid  var(--color_box);
		 
		 
	 }
	 
	 #nav_principal {

	position: relative;
  top:0px;
	/*! height: auto; */
	/*! padding: 0 14%; */
		overflow: visible;
		 
		flex-flow:  column; 
	margin-top:30px;
/*! position: relative */
            
}
	 #fitxa_llibre {

	grid-template-rows: 200px auto;

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

	bottom: 50%;

}	
	 main{
		 margin-top: -5px;
	
		 padding-top: 0
			 
		 /*! margin-top: 80px */
	 }	 
	 body{
		 
		 font-size:  initial;
		 
	 }	 
	 #figure_diderot_contacte {
	width: 40%;
	margin: 90px 30px 30px 30px
}
	 
	 	#multimedia figcaption {
  

}
	 
}
 @media (min-width: 1920px) {
.obra_galeria {

	margin: 40px 20px;}	 

#com-adquireixo section{
	
	width: 200px;

}	
	 
	 
#nav_principal, main {
	/*! padding: 0 20vw 2vw 20vw; */
}
}

 @media (min-width:2000px) {

	 main{
		 
		 /*! margin-top: 120px */
	 }	 
	 
#nav_principal, main {
	/*! padding: 50px 27vw 2vw 27vw; */
}
}


@media (min-width:3000px) {

	 
#nav_principal, main {
	padding: 50px 35vw 2vw 35vw;
}
}