@charset "UTF-8";
/*  blitz — CSS framework for reflowable eBooks      
    Version 1.1.2 by Jiminy Panoz                      
    Codename: Idle in Kangaroo Court W1                              
    License: MIT (https://opensource.org/licenses/MIT)   */
/* NAMESPACES */
@namespace h "http://www.w3.org/1999/xhtml/";
@namespace epub "http://www.idpf.org/2007/ops";
/* if you need to style epub:type */
@namespace m "http://www.w3.org/1998/Math/MathML/";
/* if you need to style MathML */
@namespace svg "http://www.w3.org/2000/svg";
/* if you need to style SVG */
html {
  /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */
}
/* Begin CSS */
/* RESET */
/* So here's the trick, we must reset to manage a number of problems once and for all: 
- HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); 
- user settings (e.g. line-height on Kobo and Kindle); 
- CSS bloat (DRY); 
- KFX for which a reset using `border: 0` seems to disable support; 
- etc.
It all started as a normalize and became a reset given the magnitude of the task.                                                          
*/
article, /* The <article> tag specifies independent, self-contained content.
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site. */
address, /* The <address> tag defines the contact information for the author/owner of a document or an article.
If the <address> element is inside the <body> element, it represents contact information for the document.
If the <address> element is inside an <article> element, it represents contact information for that article.
The text in the <address> element usually renders in italic. Most browsers will add a line break before and after the address element. */
aside, /* The <aside> tag defines some content aside from the content it is placed in.
The aside content should be related to the surrounding content. */
blockquote, /* The <blockquote> tag specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements. */
canvas, /* The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript).
The <canvas> tag is only a container for graphics, you must use a script to actually draw the graphics. */
dd, /* The <dd> tag is used to describe a term/name in a description list.
The <dd> tag is used in conjunction with <dl> (defines a description list) and <dt> (defines terms/names).
Inside a <dd> tag you can put paragraphs, line breaks, images, links, lists, etc. */
details, /* The <details> tag specifies additional details that the user can view or hide on demand.
The <details> tag can be used to create an interactive widget that the user can open and close. Any sort of content can be put
inside the <details> tag. The content of a <details> element should not be visible unless the open attribute is set. */
div,
dl, /* The <dl> tag defines a description list.
The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name). */
dt, /*  The <dt> tag defines a term/name in a description list.
The <dt> tag is used in conjunction with <dl> (defines a description list) and <dd> (describes each term/name). */
figure, /* The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed
it should not affect the flow of the document. */
figcaption, /* The <figcaption> tag defines a caption for a <figure> element.
The <figcaption> element can be placed as the first or last child of the <figure> element. */
footer, /* The <footer> tag defines a footer for a document or section.
A <footer> element should contain information about its containing element.
A <footer> element typically contains:
    authorship information
    copyright information
    contact information
    sitemap
    back to top links
    related documents
You can have several <footer> elements in one document. */
h1,
h2,
h3,
h4,
h5,
h6,
header, /* The <header> element represents a container for introductory content or a set of navigational links.
A <header> element typically contains:
    one or more heading elements (<h1> - <h6>)
    logo or icon
    authorship information
You can have several <header> elements in one document.
Note: A <header> tag cannot be placed within a <footer>, <address> or another <header> element.
 */
hr,
li,
main, /* The <main> tag specifies the main content of a document.
The content inside the <main> element should be unique to the document. It should not contain any content that is repeated 
across documents such as sidebars, navigation links, copyright information, site logos, and search forms.
Note: There must not be more than one <main> element in a document. The <main> element must NOT be a descendant of an <article>,
<aside>, <footer>, <header>, or <nav> element. */
nav,/* The <nav> tag defines a set of navigation links.
Notice that NOT all links of a document should be inside a <nav> element. The <nav> element is intended only for major block of
navigation links.
Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering 
of this content. */
ol,
p,
pre, /* The <pre> tag defines preformatted text.
Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks. */
section, /* The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document. */
summary, /* The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details. */

ul {
   margin:0;
   padding: 0;
  /* RS may apply vertical padding to el such as p */
  font-size:1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  line-height: inherit;
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: none;
 
}


ol {margin: 0;
  padding: 0;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  line-height: inherit;
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: none;
  margin:0;
     
} 
 

 
/* This is absolutely necessary for backwards compatibility */
article,
aside,
figure,
figcaption,
footer,
header,
main,
nav,
section {
  display: block;
}
[hidden] {
  display: none;
}
/* [Opinionated] Default to prevent RS from justifying all of these! */
h1,
h2,
h3,
h4,
h5,
h6,
dt,
pre {
  text-align: justify;
}
/* Following EPUB 3 spec by the letter (applies to RS but let’s make sure it is respected because we never know) */
nav[epub|type~="toc"] ol {
  list-style: none !important;
}
/* [Opinionated] Default to prevent bloat in case linear="no" is rendered as linear="yes" */
nav[epub|type~="landmarks"],
nav[epub|type~="page-list"] {
  display: none;
}
a,
abbr,/* The <abbr> tag defines an abbreviation or an acronym, like "Mr.", "Dec.", "ASAP", "ATM".
Tip: An abbreviation and an acronym are both shortened versions of something else. Both are often represented as a series of letters.
Marking up abbreviations can give useful information to browsers, translation systems and search-engines. */
b, 
bdi, /* BDI stands for Bi-Directional Isolation.
The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.
This element is useful when embedding user-generated content with an unknown directionality. */
bdo, /* bdo stands for Bi-Directional Override.
The <bdo> tag is used to override the current text direction. */
cite, /* The <cite> tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.).
Note: A person's name is not the title of a work. */
code, /* The <code> tag is a phrase tag. It defines a piece of computer code.
Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. */
data, /* The <data> tag links the given content with a machine-readable translation.
This element provides both a machine-readable value for data processors, and a human-readable value for rendering in a browser.
Tip: If the content is time- or date-related, the <time> element must be used instead. */
del, /* The <del> tag defines text that has been deleted from a document. */
dfn, /* The <dfn> tag represents the defining instance of a term in HTML.
The defining instance is often the first use of a term in a document.
The nearest parent of the <dfn> tag must also contain the definition/explanation for the term inside <dfn>.
The term inside the <dfn> tag can be any of the following:
1. The content of the <dfn> element (without a title attribute):
2. The title attribute of the <dfn> tag:
3. The title attribute of an <abbr> tag inside the <dfn> element:
You can also add an id attribute to the <dfn> element. Then, whenever a term is used, it can refer back to the definition using 
an <a> tag: */
em,
i,
ins, /*The <ins> tag defines a text that has been inserted into a document.
Tip: Also look at the <del> tag to markup deleted text.
Browsers will normally strike a line through deleted text and underline inserted text.  */
kbd, /* The <kbd> tag is a phrase tag. It defines keyboard input.
Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. */
mark, /* The <mark> tag defines marked text.
Use the <mark> tag if you want to highlight parts of your text. */
q, /* The <mark> tag defines marked text.
Use the <mark> tag if you want to highlight parts of your text. */
rp, /* The <rp> tag can be used to provide parentheses around a ruby text, to be shown by browsers that do not support ruby annotations.
Use the <rp> tag together with the <ruby> and the <rt> tags: The <ruby> element consists of one or more characters that needs an 
explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show 
for browsers that not support ruby annotations. */
rt, /* The <rt> tag defines an explanation or pronunciation of characters (for East Asian typography) in a ruby annotation.
Use the <rt> tag together with the <ruby> and the <rp> tags: The <ruby> element consists of one or more characters that needs an
explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show 
for browsers that not support ruby annotations. */
rtc, /*  */
ruby, /* The <ruby> tag specifies a ruby annotation.
A ruby annotation is a small extra text, attached to the main text to indicate the pronunciation or meaning of the corresponding
characters. This kind of annotation is often used in Japanese publications.
Use the <ruby> tag together with the <rt> and/or the <rp> tags: The <ruby> element consists of one or more characters that needs an 
explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show 
for browsers that do not support ruby annotations. */
s, /* The <s> tag specifies text that is no longer correct, accurate or relevant.
The <s> tag should not be used to define replaced or deleted text, use the <del> tag to define replaced or deleted text. */
samp, /* The <samp> tag is a phrase tag. It defines sample output from a computer program.
Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. */
small,
span,
strong,
sub,
sup,
time, /* The <time> tag defines a human-readable date/time.

This element can also be used to encode dates and times in a machine-readable way so that user agents can offer to add birthday 
reminders or scheduled events to the user's calendar, and search engines can produce smarter search results. */
var {
  font-size: inherit;
  vertical-align: baseline;
  font-style: inherit;
  /* Taking nesting of inline elements into account (e.g. sup nested in em) */
  font-weight: inherit;
  /* Taking nestiog of inline elements into account (e.g. em nested in strong) */
  color: inherit;
  text-decoration: none;
}
/* The <var> tag is a phrase tag. It defines a variable.
Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. */
q {
  quotes: none;
}
/* Trying to prevent blank page if element with margin-bottom at the end of xhtml */
body > :last-child,
body > section > :last-child {
  margin-bottom: 0;
}
/* PAGE LAYOUT */
@page {
  margin: 10px 10px 10px 10px;
  /* Recommended by Barnes & Noble in this old spec: https://simg1.imagesbn.com/pimages/pubit/support/pubit_epub_formatting_guide.pdf */
  padding: 0;
   
}
body {
  
  width: auto;
  /* float: left; */
  font-size: 100%;
  line-height: 1.3;
  margin: 2em;
  /* RS will override margins anyways */
  padding: 0;
  widows: 2;
  /* iBooks and Kobo support widows and orphans */
  orphans: 2;
   background: linear-gradient(90deg,  #ebeee3 10%, #ffc 90%);
}

/* Intentant un encapçalament de pàgina permanent */
#header {
    top: 2em;
    left:50%;
    margin-left: -320px;
    position: absolute;
    background-color: transparent;
    width: 800px;
    z-index: 1;
    text-align: center;
    color: #A9A9A9;
    display: block;    
}

.encap {
    background: linear-gradient(90deg,  #ebeee3 12%, #ffc 88%); 
}

/* Mirar si un gradient per als encapçalaments és una bona proposta */
/* Mirar de combinar el gradient de l'encapçalament amb el del cosde l'article */
#footer{
    margin-top:2.5em;
    bottom:1.5em; 
    line-height: 1.5em;
    position: relative;
    background-color: transparent;
    width: auto;
    z-index: 1; 
    text-align: center;
    color: #A9A9A9;
    display: block;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote p cite,
dt,
pre,
address,
table,
caption,
th,
td,
.align-left,
.align-center,
.align-right,
.caption,
.no-hyphens {
  adobe-hyphenate: none;
  /* proprietary for Legacy RMSDK */
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -epub-hyphens: none;
  hyphens: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dt,
hr {
  page-break-inside: avoid;
  break-inside: avoid;
  page-break-after: avoid;
  break-after: avoid;
}
h1 {
  font-size: 1.4375em;
  line-height: 1.04347826;
  margin-top: 1em;
  margin-bottom: 1.0em;
  text-align: center;
}





.amb_subtitol{
font-size: 1.1875em;
  line-height: 1.04347826;
  margin-top: 0.1em;
  margin-bottom: 1em;
  text-align: right;    
    
}
h2 {
  font-size: 1.3125em;
  line-height: 1.14285714;
  margin-top: 2.28571429em;
  margin-bottom: 1.14285714em;
}
h3 {
  font-size: 1.225em;
  line-height: 1.10;
  margin-top: 1.10em;
  margin-bottom: 1.10em;
  margin-left: 1.10em;
}

h3.centrat {
  font-size: 1.225em;
  line-height: 1.03333333;
  margin-top: 1.03333333em;
  margin-bottom: 1.03333333em;
  text-align:center;
}

h4 {
  font-size: 1.175em;
  line-height: 1.5;
  margin-top: 1.5em;
  margin-bottom: 0em;
  font-weight: 800;
}
h5 {
  font-size: 1em;
  line-height: 0.5em;
  margin-top: 0em;
  
  text-align: center;
  font-style: italic;
  margin-bottom: 2.08695652em;
  /* Fer servir h5 com a estil per als subtítols */
}
h6 {
 font-size: 1.3375em;
  line-height: 1.04347826;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
/* Fer servir com encapçalament de les relacions de publicacions o semblants */
}
p {
  font-size:1.1em;
  text-indent: 1em;
}

.portada p{
    font-size:1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    text-align: left;
    text-indent: 0em;
    line-height: 1.2em;
}

p.bell{
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 1em;
    margin-top: 1em;
}

p.ham{
    margin-left:0.25em;
    margin-top: 0em;
}

.destacada{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    margin-right: 1.3em;
    font-size: 1.3em;
    font: verdana;
    font: 600;
    line-height: 1.1em;
}

.normal{
 font-style: normal;   
}


.autor {
    font-size: 1.1em;
    font-style: italic;
    text-align: right;
    margin-bottom: 0.3em;
}

.revisions{
    text-align: right;
    font-size: 0.7775em;
  line-height: 1.1em;
  text-indent: 0;
  font-weight: bold;
  margin: 1.2em;
}

.bibliografia p{
 font-size: 1.1em;
 text-indent: 0;
 line-height: 1.2em;
 margin-top: 1em;
 }

.rel_pub {
 width:800px;
 padding: 0 10px 0 200px;
    
}
.rel_pub p{
text-indent: 0;
line-height: 1.5em;    
}

.footnote {
  font-size: 0.9375em;
  line-height: 1.6;
  text-indent: 0;
}

blockquote {
  margin: 1.5em 5%;
}
blockquote p {
  text-indent: 0;
  font-style: italic;
}

blockquote p i,
blockquote p em,
blockquote p cite {
  font-style: normal;
}

address {
  /* Styles */
}
/* MICRO TYPOGRAPHY */
a {
  text-decoration: underline;
  /* Note: KF8 will force this value unless you use "el.class a" */
  font-weight: bold;
    color: inherit;
  -webkit-text-fill-color: inherit;
  
  /* iBooks override (iOS 9 + El Capitan in night mode) */
  /* inherit = text color */
}

a:visited {color:teal; 
}

abbr {
  /* Note: Kindle doesn't support that */
}
i,
cite,
dfn,
em {
  font-style: italic;
 
}
/* Get back to normal when italic nested in italic */
i i,
i cite,
i dfn,
i em,
cite i,
cite cite,
cite dfn,
cite em,
dfn i,
dfn cite,
dfn dfn,
dfn em,
em i,
em cite,
em dfn,
em em {
  font-style: normal;
}
b,
strong {
  font-weight: bold;
}
del,
s {
  text-decoration: line-through;
}
mark {
  background-color: yellow;
  color: inherit;
}

ins {
color: #3f3f3f;  
  /* Styles */
}

small {
  font-size: 0.8125em;
}
/* Styling is improved to prevent sub from affecting line-height */
sub {
  font-size: 75%;
  line-height: 1.2;
  vertical-align: sub;
  /* Fallback */
  vertical-align: -20%;
}
/* Styling is improved to prevent sup from affecting line-height */
sup {
  font-size: 75%;
  line-height: 1.2;
  vertical-align: super;
  /* Fallback */
  vertical-align: 33%;
}
/* FIGURES + IMAGES  */
figure {
  display:block;
  page-break-inside: avoid;
  break-inside: avoid;
  page-break-after:avoid;
  page-break-before:avoid;
  margin:auto;
  object-fit: contain;
  padding: 0.4em;
}





figcaption,
.caption {
  font-size: 0.8em;
  line-height: 1.6;
  text-indent: 0;
  font-weight: 400;
  text-align: center;
   margin-right:2em;
}

.caption2{
  font-size: 0.7775em;
  line-height: 1.1em;
  text-indent: 0;
  text-align: center;
  font-weight: bold;
  margin: 1.2em;
}

.font {
 font-size: 0.8375em;
  line-height: 1.1em;
  text-indent: 2em;
  text-align: center;
  font-weight: bold;
  margin: 1.2em;
}

.imatge{
    display:block;
    margin: auto;
    margin-top:0.8em;
   	width: 400px;
    height: 300px;
    max-width: 100%;
   /*Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
 }
 
img.retrat{
    display:block;
    margin: auto; 
    margin-top:0.8em;  
    width: 336px;
    height: 448px;
    max-width:100%;
}

img.mapa{
    display:block;
    /*  page-break-after:always;
    page-break-before:always;*/
    margin:auto;  
    height: auto;
    max-width: 100%;
	object-fit: contain;
    border: 1px solid #334d4d;
    border-radius: 4px;
    padding: 5px;
}

img.petita {
    display:block;
    margin: auto;
    margin-top:0.8em;
   	width: 200px;
    height: 150px;
    max-width: 100%;
}


img.mapa:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}


img.portada{
    display:block;
    margin:auto;  
    width: 640px;
    height: 480px;
   /*   object-fit: contain;*/
    max-width: 100%;
    border: 1px solid #334d4d;
    border-radius: 4px;
    padding: 2px;
    
    
}


img.portada:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/*  img.portada:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}*/


/* Note: portrait image styling + figcaption is a nightmare */
/* See https://github.com/jstallent/ImagesSingleFile for the css hack */
img.portrait {
  width: auto;
  max-width: 100%;
  /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
  height: 100%;
  /* We try to prevent blank page after */
  max-height: 95%;
  /* Max value iBooks enforces */
}
.float-left img,
.float-right img {
  width: 100%;
  /* If it’s auto, image in floating container will overflow on Kobo iOS + Kindle */
}
@supports (height: 99vh) {
  img.portrait {
    height: 99vh;
  }
}
/* LISTS */

ul.cercle li{
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
 
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0;
  margin-left: 0.5cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: circle;
  line-height:1.4em;
 }
 
ul.quadrat li{
 
  padding: 0;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
 
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: square;
  margin-left: 0.5cm;
  line-height:1.4em;
 }
 

 

 
 ul.disc li{
  
  padding: 0;
  /* RS may apply vertical padding to el such as p */
  /*  font-size: 1em;*/
  /* Font size in pixel disable the user setting in legacy RMSDK */
 
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: disc;
  margin-left: 0.5cm;
  line-height:1.4em;
  
 }
 
 ol.minuscula li{
  
  padding: 0;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: lower-latin;
  margin-left: 0.5cm;
  line-height:1.4em;
 } 

 ol.romans_min li{
 
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: lower-roman;
  margin-left: 0.5cm;
  line-height:1.4em;
 } 
 
ol.romans_maj li{
 
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: upper-roman;
  margin-left: 0.5cm;
  line-height:1.4em;
 }  

ol.nombres li{
 
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: decimal;
  margin-left: 0.5cm;
  line-height:1.4em;
 }  

ol.majuscula li{
 
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */

  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0.2em;
  font-style: normal;
  font-weight: normal;
  list-style-type: upper-latin;
  margin-left: 0em;
  line-height:1.4em;
 }  

ol.majuscula {
    display: inline-block;
       margin-left: auto;
       margin-right: auto;
}

li.majuscula{
  margin: 0.1cm 0;
  padding-left: 1%;  
}

ul,
ol {
  margin: 0.1cm 0;
  padding-left: 1%;
}
ul {
  list-style-type: disc;
  list-style-position: outside;
}
ul ul {
  list-style-type: none;
}
ol {
  list-style-type: decimal;
  list-style-position: outside;
}
ol ol {
  list-style-type: lower-roman;
}




/* DEFINITION LISTS */
dl {
  margin: 1.5em 0 1.5em 5%;
}
dt {
  margin: 1.5em 0 0 0;
  font-weight: bold;
}
dd {
  /* Styles */
}
dt > dfn {
  font-style: normal;
  font-weight: bold;
}





/* HORIZONTAL RULES — CONTEXT BREAKS */
hr {
  width: 25%;
  margin-left: 37.5%;
  margin-top: 1.4375em;
  margin-bottom: 1.4375em;
  height: 0;
  border: none;
  border-top: 0.125em solid currentColor;
  /* currentColor = color of text (getting around night mode) */
  opacity: 0.5;
  /* Opacity -> grayscale. If opacity is declared for too many elements in a XHTML file, performance of legacy RMSDK takes a hit */
}
/* Blank-line context change */
hr.transition {
  width: 100%;
  margin: 0;
  height: 1.5em;
  border: none;
  background: none;
  /* Note: overridden in night mode excepted when using linear-gradient */
}
/* Over-engineered asterism with an SVG background 
which is legacy RMSDK-compliant, reflows with text and 
is night-mode compatible (black asterisk + white border) */
hr.asterism {
  width: auto;
  border: none;
  margin: 1.5em 0;
  height: 1.5em;
  text-indent: 0;
  text-align: center;
  background: transparent url("asterism.svg") no-repeat center;
  /* Change url if you put asterism in a folder */
  background-size: 2.5em 1.25em;
  /* RMSDK doesn't support -> won't scale but SVG viewport is OK for a wide range of font-sizes */
  overflow: hidden;
  /* Fixes legacy RMSDK bug when contents before hr are invisible */
  opacity: 0.7;
  /* Better border color match in night mode (less disruptive) */
}
/* TABLES */
table {
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  margin: 1.5em auto;
  /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
}

table.justificada td {
 display: table;
  table-layout: auto;
  text-align:justify;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  margin: 1.5em auto;
  /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;   
}

 caption {
  caption-side: top;
 /*  Note: only value legacy RMSDK supports */
  text-align: center;
  font-weight: bold;
  
}

tbody {
text-align: center;

  /* Styles */
}
thead {
  /* Styles */
}
tfoot {
  font-size: 0.50em;
}
tr td p {
text-align: left;
margin: 0.7em;
  /* Styles */
}

tr td p.primera{
    text-align:left;
}

td.centrat{ text-align: center;
}

th.centrat{
    
}

th {
  empty-cells: show;
  border-bottom: 0.125em solid currentColor;
  /* Current color = color of text (inverted in night mode) */
  padding: 0.6875em 2% 0.6875em 0;
  text-align: left;
  font-weight: bold;
}
td {
  empty-cells: show;
  border-bottom: 0.0625em solid currentColor;
  /* Current color = color of text (inverted in night mode) */
  padding: 0.75em 2% 0.6875em 0;
  text-align: left;
}
.table-fixed {
  table-layout: fixed;
}


/* CODE */
pre {
  margin: 1.5em 0 1.5em 5%;
  word-wrap: break-word;
  white-space: pre-wrap;
  -ms-tab-size: 3;
  -moz-tab-size: 3;
  -webkit-tab-size: 3;
  tab-size: 3;
  text-align: justify;
}
code,
kbd,
samp,
var {
  font-family: monospace;
  /* Embed a font cos Kobo doesn't provide a monospace */
}
/* MEDIAS */
audio {
  /* Styles */
}
video {
  /* Styles */
}
canvas,
iframe, /* The <iframe> tag specifies an inline frame.
An inline frame is used to embed another document within the current HTML document. */
svg,
video {
  width: auto;
  max-width: 100%;
  height: auto;
}
/* CONTAINERS — WRAPPERS */
.wrap-100 {
  width: auto;
  /* defaults to 100% but takes borders into account = big win since we can’t rely on box-sizing */
  margin: 1.5em 0;
}
.wrap-90 {
  width: 90%;
  margin: 1.5em 5%;
  /* Since we can’t use auto (0 in legacy RMSDK), we must center using % */
}
.wrap-80 {
  width: 80%;
  /* width: 80% -> KF8 bug, see amzn-kf8 query for fix */
  margin: 1.5em 10%;
}
.wrap-70 {
  width: 70%;
  margin: 1.5em 15%;
}
.wrap-60 {
  width: 60%;
  margin: 1.5em 20%;
}
.wrap-50 {
  width: 50%;
  margin: 1.5em 25%;
}
.wrap-40 {
  width: 40%;
  margin: 1.5em 30%;
}
.wrap-30 {
  width: 30%;
  margin: 1.5em 35%;
}
.wrap-20 {
  width: 20%;
  margin: 1.5em 40%;
}
.wrap-10 {
  width: 10%;
  margin: 1.5em 45%;
}
/* Widths */
.w-100 {
  width: 100%;
}
.w-90 {
  width: 90%;
}
.w-80 {
  width: 80%;
}
.w-70 {
  width: 70%;
}
.w-60 {
  width: 60%;
}
.w-50 {
  width: 50%;
}
.w-40 {
  width: 40%;
}
.w-30 {
  width: 30%;
}
.w-20 {
  width: 20%;
}
.w-10 {
  width: 10%;
}
/* Heights */
.h-100 {
  height: 99%;
  /* 99.8% cos’ legacy RMSDK applies blank page after if 100% */
}
.h-90 {
  height: 90%;
}
.h-80 {
  height: 80%;
}
.h-70 {
  height: 70%;
}
.h-60 {
  height: 60%;
}
.h-50 {
  height: 50%;
}
.h-40 {
  height: 40%;
}
.h-30 {
  height: 30%;
}
.h-20 {
  height: 20%;
}
.h-10 {
  height: 10%;
}
@supports (height: 100vh) {
  /* Can be used for containers and images 
     but Should be used in combination with .portrait if used for img */
  .h-100 {
    height: 99vh;
    /* Trying to avoid blank page after */
  }
  .h-90 {
    height: 90vh;
  }
  .h-80 {
    height: 80vh;
  }
  .h-70 {
    height: 70vh;
  }
  .h-60 {
    height: 60vh;
  }
  .h-50 {
    height: 50vh;
  }
  .h-40 {
    height: 40vh;
  }
  .h-30 {
    height: 30vh;
  }
  .h-20 {
    height: 20vh;
  }
  .h-10 {
    height: 10vh;
  }
}
/* Floats */
/* If there are too many floating elements in a XHTML file, 
performance of legacy RMSDK takes a huge hit (± 4 seconds to 
render page on eInk devices)                                    */
.float-left {
  float: left;
  margin: 0 1.5% 0 0;
}
.float-right {
  float: right;
  margin: 0 0 0 1.5%;
}
/* UTILITIES */
/* Display */
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  /* Typical usage: EPUB 3 landmarks inline TOC */
  display: none;
}
/* May be useful for EPUB 3.1, warning .absolute in ePubCheck in EPUB 3.0.1
.relative {
  position: relative;   
}
.absolute {
  position: absolute;   
}   
*/
/* Clearings */
.clear {
  /* may be useful if an element is floating in a container */
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
/* Bordered content */
.boxed {
  border: 0.0625em solid currentColor;
  /* Current color = color of text (inverted in night mode) */
  padding: 0.6875em;
}
/* Margins */
.no-margin {
  margin: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.no-margin-left {
  margin-left: 0;
}
.no-margin-right {
  margin-right: 0;
}
.margin-top-s {
  margin-top: 0.75em;
}
.margin-top-m {
  margin-top: 1.5em;
}
.margin-top-l {
  margin-top: 3em;
}
.margin-top-xl {
  margin-top: 4.5em;
}
.margin-top-xxl {
  margin-top: 6em;
}
.margin-bottom-s {
  margin-bottom: 0.75em;
}
.margin-bottom-m {
  margin-bottom: 1.5em;
}
.margin-bottom-l {
  margin-bottom: 3em;
}
.margin-bottom-xl {
  margin-bottom: 4.5em;
}
.margin-bottom-xxl {
  margin-bottom: 6em;
}

.margin-left-s {
  margin-left: 2.5%;
  /* % won't reflow with font-size user setting */
}
.margin-left-m {
  margin-left: 5%;
}
.margin-left-l {
  margin-left: 7.5%;
}
.margin-left-xl {
  margin-left: 10%;
}
.margin-left-xxl {
  margin-left: 15%;
}
.margin-left-vxxl{
  margin-left: 30.5%;  
}

.margin-right-s {
  margin-right: 2.5%;
  /* % won't reflow with font-size user setting */
}
.margin-right-m {
  margin-right: 5%;
}
.margin-right-l {
  margin-right: 7.5%;
}
.margin-right-xl {
  margin-right: 10%;
}
.margin-right-xxl {
  margin-right: 15%;
}
/* Font-stacks */
.sans {
  /* Typical usage: headings */
  font-family: sans-serif;
}
.serif {
  font-family: serif;
}
.monospace {
  font-family: monospace;
}
/* We try to rely on RS’ typefaces, hence the huge font-stack */
.humanist {
  font-family: "Myriad Pro", Seravek, "Trebuchet MS", "BN Trebuchet MS", "PT Sans", "Frutiger Neue", Roboto, sans-serif;
}
/* We try to rely on RS’ typefaces, hence the huge font-stack */
.oldstyle {
  font-family: "Minion Pro", "Iowan Old Style", Palatino, "Palatino Linotype", "Palatino Nova", "BN Amasis", Cambria, FreeSerif, "Times New Roman", serif;
}

.cambria{
    font-family: cambria, sans-serif;
    font-size: 1em;
}
/* Text align */
.justified {
  /* Designed as a class for body — We don't enforce as user setting > author */
  text-align: justify;
  adobe-hyphenate: auto;
  /* proprietary for Legacy RMSDK */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  hyphens: auto;
  /* before and after not in spec but iBooks support all three (-webkit-) */
  -ms-hyphenate-limit-lines: 3;
  -moz-hyphenate-limit-lines: 3;
  -webkit-hyphenate-limit-lines: 3;
  hyphenate-limit-lines: 3;
  /* No support except Trident (Windows) and Webkit (old deprecated syntax) */
  -ms-hyphenate-limit-chars: 6 3 2;
  -moz-hyphenate-limit-chars: 6 3 2;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 2;
  hyphenate-limit-chars: 6 3 2;
  /* No support except Trident (Windows) */
  -ms-hyphenate-limit-zone: 10%;
  -moz-hyphenate-limit-zone: 10%;
  -webkit-hyphenate-limit-zone: 10%;
  hyphenate-limit-zone: 10%;
  /* No support */
  -ms-hyphenate-limit-last: always;
  -moz-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-last: always;
  hyphenate-limit-last: always;
}
.align-left {
  text-align: left;
}
.align-center {
  text-indent: 0;
  /* Necessary as RS may define text-indent for p */
  text-align: center;
}
.align-right {
  text-indent: 0;
  /* Necessary as RS may define text-indent for p */
  text-align: right;
}
/* Indents */
.indent {
  text-indent: 1em;
}
.no-indent {
  text-indent: 0;
}
.hanging-indent {
  text-indent: -5%;
  margin-left: 5%;
  /* Since em will reflow with font-size user setting, we’re using % */
}
/* Font sizes */
.fs-xxs {
  font-size: 0.8125em;
  line-height: 1.84615385;
}
.fs-xs {
  font-size: 0.875em;
  line-height: 1.71428571;
}
.fs-s {
  font-size: 0.9375em;
  line-height: 1.6;
}
.fs-m {
  font-size: 1em;
  line-height: inherit;
}
.fs-l {
  font-size: 1.125em;
  line-height: 1.33333333;
}
.fs-xl {
  font-size: 1.3125em;
  line-height: 1.14285714;
}
.fs-xxl {
  font-size: 1.4375em;
  line-height: 1.04347826;
}
.fs-jumbo {
  font-size: 1.625em;
  line-height: 0.92307692;
}
/* Font styles */
.bold {
  /* Don't use that with span if b or strong can be used */
  font-weight: bold;
}
.italic {
  /* Don't use that with span if i, cite, dfn or em can be used */
  font-style: italic;
}
.bold-italic {
  font-weight: bold;
  font-style: italic;
}
.small-caps {
  text-transform: lowercase;
  /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */
  font-variant: small-caps;
  letter-spacing: 0.0625em;
  /* The two previous props are not supported in legacy RMSDK */
}
.underline {
  text-decoration: underline;
}
/* Misc */
.no-list-type {
  /* Typical usage: hiding numbers in toc */
  list-style-type: none;
}
/* PAGE BREAKS */
.break-before {
  page-break-before: always;
  break-before: always;
  /* Future according to https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before */
}
/* For some reason, after has better support than before (Google, Kobo, etc.) */
.break-after {
  page-break-after: always;
  break-after: always;
}
.break-inside {
  page-break-inside: auto;
  break-inside: auto;
}
/* Let’s pretend it is supported (legacy RMSDK does, others not so much) */
.no-break-before {
  page-break-before: avoid;
  break-before: avoid;
}
/* Let’s pretend it is supported (legacy RMSDK does, others not so much) */
.no-break-after {
  page-break-after: avoid;
  break-after: avoid;
}
/* This one works in iBooks, useful for figure or to keep 2 elements together */
.no-break-inside {
  page-break-inside: avoid;
  break-inside: avoid;
}

* {
  box-sizing: border-box;
}

.row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; 
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -webkit-flex: 25%;
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  padding: 8px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}





/* CSS per al menú */
* {
  margin: 0;
  padding: 0;
  
}

#wrapper {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  overflow-x: hidden; /* afegit per a l'encapçalament */
  margin-top: -0.75em;
}

label {
  cursor: pointer;
}
label:focus {
  outline: none;
}

.menu {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 435px;
  height: auto;
  transform: translate3d(-435px, 0, 0);
  transition: transform 0.35s;
  /*  background-color: #ebeee3; */ 
  background: linear-gradient(90deg, #ffc 10%, #ebeee3 90%);
 
}
 
 
.menu label.menu-toggle {
 
  position: absolute;
  right: -60px;
  width: 60px;
  height: 60px;
  line-height: 2.5em;
  display: block;
  padding: 0;
  text-indent: -9999px;
  background: url(https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png) 50% 50%/25px 25px no-repeat;
 
}

.menu ul li > label {
  background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/20px 20px no-repeat;
 
}
 
  
.menu ul li a, .menu ul li label {
  display: block;
  text-align: left;
  font-size: 0.80em;
  padding: 0px 1px;
  line-height: 3em;
  text-decoration: none;
  color: #000;
 
}
/*  .menu ul li:nth-child(even){
    background-color: #ebeee3;
}
.menu ul li:nth-child(odd){
    background-color: #ffc;
    }*/
    
.menu ul li{
    background: linear-gradient(90deg, #ffc 10%, #ebeee3 90%);
}    



.menu ul li a:hover, .menu ul li label:hover {
  color:  #0426bf;       /* #666; #5876fc; #010f4e;*/
 }

/* hide inputs */
.menu-checkbox {
  display: none;
}

/* hide navigation icon for sublabels */
.menu .menu label.menu-toggle {
  background: none;
}

/* fade in checked menu */
.menu-checkbox:checked + .menu {
  transform: translate3d(0, 0, 0);
}

/* for show 
html, body {
  height: 100%;
}

body {
  background: url(http://37.media.tumblr.com/f6c67ec2821a91051e4175f8a102e1e2/tumblr_n6rzpcsMk41st5lhmo1_1280.jpg) 50% 50%/cover;
}

p {
  margin-bottom: 15px;
}
*/

/* Mirar com afecta a la impressió */
#info {
  display: table;
  height: auto;
  width: auto;
  background: linear-gradient(90deg,  #ebeee3 10%, #ffc 90%);
}
#info #info-content {
  display: table-cell;
  vertical-align: middle;
  text-align: justify;
  overflow-x: hidden; /* Aquestes dues darreres per a intentar un encapçalament fix a la pàgina */
  clear: both;
  background: linear-gradient(90deg,  #ebeee3 10%, #ffc 90%);
  
 /*   color: #fff;
  font-size: 12px;*/
}
 /* #info #info-content h1 {
 color: #fff;
  border: 3px solid #fff; 
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  font-size: 22px;
  font-weight: normal;
  padding: 20px;
  margin: 10px;
  display: inline-block;
}
#info #info-content h1 strong {
  display: block;
  font-size: 26px;
}*/

/* Menú Horitzontal */

#navbar {
  text-align:center;
  background-color: #f0f0f0;
  margin-left:26em;
  position: fixed;
  top: 0;
  width: 40%;
  display: block;
  transition: top 0.3s;
}

#navbar a {
  
  float: left;
  display: block;
  color: #b4b4b4;
  text-align: center;
  padding: 13px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}









/*  INSTRUCCIONS D'IMPRESSIÓ */

@media print {
 
 
article {
/* 270 */
  -webkit-columns: 2 270px;
     -moz-columns: 2 270px;
          columns: 2 270px;
  -webkit-column-gap: 3em;
     -moz-column-gap: 3em;
          column-gap: 3em;
  -webkit-column-rule: 3px solid #ddd;
     -moz-column-rule: 3px solid #ddd;
          column-rule: 3px solid #ddd;
 page-break-after: always;          
 page-break-before: always;         
} 
/* Inhaltsbreite setzen, Floats und Margins aufheben */
/* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
#content, #page {
width: auto; 
float: none;
}
    
/** Seitenränder einstellen */       
@page { 
size: A4;
margin: 12mm 12mm 12mm 12mm;
}

/* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
/* Das spart Tinte */
body {

top: 0px;
width: auto;
margin:0px;
font: 11pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3em;
background: #fff !important;
overflow: visible;
color: #000;

}

h2 {
  font-size: 1.3125em;
  line-height: 1.14285714;
  margin-top: 2.1571429em;
  margin-bottom: 1.14285714em;
}
h3 {
  font-size: 1.125em;
  line-height: 1.03333333;
  margin-top: 1.03333333em;
  margin-bottom: 1.03333333em;
  margin-left: 30px;
}

.centrat {
  font-size: 1.125em;
  line-height: 1.03333333;
  margin-top: 1.03333333em;
  margin-bottom: 1.03333333em;
  text-align:center;
}




h4 {
  font-size: 1.075em;
  line-height: 1.0333;
  margin-left: 45px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-style: italic;
}

h5 {
  font-size: 1em;
  line-height: 0.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: center;
  font-style: italic;
  margin-bottom: 2.08695652em;
  /* Fer servir h5 com a estil per als subtítols */
}
h6 {
 font-size: 1.3375em;
  line-height: 1.04347826;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

.menu{display: none;
}

#navbar {display: none;
}


/* Alle Seitenumbrüche definieren */
a {
    page-break-inside:avoid
}
blockquote {
    page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
     page-break-inside:avoid }
     
 /*  Aquest div és per tal que les imatges no es trenquin amb un salt de columna  
.imatge{
     -webkit-column-break-inside: avoid;
	break-inside: avoid;
	margin:auto;
	margin-top: 1em;
	margin-bottom: 1em;
}        
*/ 
/*  Aquest selector és per tal que les imatges no es trenquin amb un salt de pàgina*/

figure {
  display:block;
  page-break-inside: avoid;
  break-inside: avoid;
  page-break-after:avoid;
  page-break-before:avoid;
  margin:auto;
  object-fit: contain;
 
}

img { 
    display:block;
    page-break-inside:avoid; 
    page-break-after:avoid;
    page-break-before:avoid;
    -webkit-column-break-inside: avoid;
	break-inside: avoid;
    margin: auto;
    object-fit: contain;
    max-width: 100%;
   /*  margin-top: 0.5em;
	margin-bottom: 0.5em;
	
	width: 448px;
    Note: KF8 doesn't support max-width hence "width: auto;" as fallback 
    height: 336px;
    padding:0.2em;*/
    
    }
 

 img.imatge{
    
    display:block;
    page-break-inside:avoid; 
    page-break-after:avoid;
    page-break-before:avoid;
    -webkit-column-break-inside: avoid;
	break-inside: avoid;
    margin:auto;  
    max-width: 100%;
	width: 224px;
    height: 168px;
    object-fit: contain;
   /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback 
    margin-top: 0.5em;
	margin-bottom: 0.5em;
    padding:0.2em;
     
    */
 } 

 img.retrat{
    display:block;
    page-break-inside:avoid; 
    page-break-after:avoid;
    page-break-before:avoid;
    -webkit-column-break-inside: avoid;
	break-inside: avoid;
    margin:auto;  
    max-width: 100%;
    width: 168px;
    height: 224px;
    object-fit: contain;
}

img.mapa{
    display:block;
     /*  page-break-after:always;
   page-break-before:always; */
    margin:auto;  
    max-width: 100%;
	object-fit: contain;
    
}

img.portada{
    display:block;
    margin:auto;  
    max-width: 100%; 
	width: 640px;
    height: 480px;
   /*   object-fit: contain;*/
   
    border: 0px solid #334d4d;
    border-radius: 4px;
    padding: 5px;
    
   
   
}

.portada p{
    font-size:1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    text-align: left;
    text-indent: 0em;
    line-height: 1.2em;
}

.notes {
  page-break-before:always;  
  page-break-after:always;  
}
     
     /* canvis imatge */
table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
    
    
    
/* Linkfarbe und Linkverhalten darstellen */
a:link, a:visited, a {
background: transparent;
color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;

}

table {
  display: table;
  table-layout: auto;
  font-size:0.8em;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  margin: 0.8em auto;
  /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
  page-break-inside:auto;
  page-break-before:avoid;
}


table.estad {
  display: table;
  table-layout: auto;
  font-size:0.65em;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  margin: 0.8em auto;
  /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
  
     
}


table.estad2 {
  display: table;
  table-layout: auto;
  font-size:0.4em;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  margin: 0.8em auto;
  /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
  
     
}

.bibliografia{
-webkit-columns: 1 550px;
     -moz-columns: 1 550px;
          columns: 1 550px;
/* margin-left:5%; */
 page-break-before:always;  
 page-break-after:always;     
}

.actualitzacio {
    display: none;
}

.bibliografia p{

width: auto;
font: 10pt Georgia, "Times New Roman", Times, serif;
line-height: 1em;
margin-bottom: 1.5em;
break-inside: avoid;
page-break-inside: avoid;   
}

a {
    page-break-inside:avoid;
    break-inside: avoid;
}

/* a[href^=http]:after {
      content:" <" attr(href) "> ";
}

$a:after > img {
   content: "";
}

article a[href^="#"]:after {
   content: "";
}*/

a:not(:local-link):after {
   content:" <" attr(href) "> ";
} 
    
/**
 * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
 */
.entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
}
.embed-youtube, .embed-responsive {
  position: absolute;
  height: 0;
  overflow: hidden;
}
    
/* Unnötige Elemente ausblenden für den Druck */

#header-widgets, nav, aside.mashsb-container, 
.sidebar, .mashshare-top, .mashshare-bottom, 
.content-ads, .make-comment, .author-bio, 
.heading, .related-posts, #decomments-form-add-comment, 
#breadcrumbs, #footer, .post-byline, .meta-single, 
.site-title img, .post-tags, .readability, 
{
display: none;
}
    
/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */

#header:after {
content: " ";
color: #777 !important;
font-size: 1em;
padding-top: 0px;
text-align: center !important;  
z-index:-1;
}


#footer{
    margin-top:1.5em;
    bottom:1.5em; 
    line-height: 1.5em;
    position: relative;
    background-color: transparent;
    width: auto;
    z-index: 1; 
    text-align: center;
    color: #A9A9A9;
    display: block;
}

/* Wichtige Elemente definieren */    
p, address, li, dt, dd, blockquote {
font-size: 100%
}

/* Zeichensatz fuer Code Beispiele */
code, pre { font-family: "Courier New", Courier, mono; text-align: justify;}

ul, ol {
/* list-style-type: none; */
margin-top:1em;
margin-bottom: 1em;  
font-size:1em;
}

ul.disc li{
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
 
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  text-indent: 0;
  margin-left: 0.5cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: disc;
  line-height:1.4em;
 }
 
 ol.minuscula li{
  
  padding: 0;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  list-style-type: lower-latin;
  margin-left: 0.5cm;
  line-height:1.4em;
 } 
 
 ol.nombres li{
 
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */
  font-size: 1em;
  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1em;
  text-indent: 0cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: decimal;
  margin-left: 0.5cm;
  line-height:1.4em;
 }  
 
 ol.majuscula li{
 
  padding: 0cm;
  /* RS may apply vertical padding to el such as p */

  /* Font size in pixel disable the user setting in legacy RMSDK */
  
  /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
  font-size: 1.1em;
  text-indent: 0cm;
  font-style: normal;
  font-weight: normal;
  list-style-type: upper-latin;
  margin-left: 0.5cm;
  line-height:1.4em;
 } 

ol.majuscula {
    display: inline-block;
       margin-left: auto;
       margin-right: auto;
}
 
 /* 
 .entry1:after {
margin-left:10%;
line-height: 2em;
content: "\00a9  dels continguts de l'article: els autors. \00a9  de l'edició: Turística. Papers de Turisme.";

 El peu de pàgina "entry: after" no s'imprimeix com toca  
color: #999 !important;
font-size: 1em;
text-align: center !important;
z-index:-1;
}

.entry2:after {
   margin-left:10%;
line-height: 2em;

content: "ISSN 2695-5334";
El peu de pàgina "entry: after" no s'imprimeix com toca  
color: #999 !important;
font-size: 1em;
text-align: center !important;
z-index:-1; 
}

 */




}
/* End CSS */

   

