/* YUI Reset: S */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}
/* general styles */
body {
    font: 0.88em/1.6em Arial, Verdana, sans-serif;
    background-color: #EFEFEF;
}
a {
    color:black;
    text-decoration: none;
}
em, cite {
    font-style: italic;
}
strong {
    font-weight: bold;
}
h1 {
    margin-top: 0.8em;
    font: 3em/1em impact, charcoal, "liberation mono", "DejaVu sans mono", sans-serif;
    text-align: center;
}
h2, h3 {
    margin: 0.5em 0;
    font: 1.5em impact, charcoal, "liberation mono", "DejaVu sans mono", sans-serif;
    clear: left;
}
h3 {
    margin: 0.5em 0;
    font-size: 1.3em;
}
/* menu */
ul#menugral {
    list-style-type: none;
    margin: 1.6em auto;
    border: 1px solid black;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    text-align: center;
    padding: 1px;
    width: 50em;
    color: black;
    background-color: white;
}
ul#menugral li {
    margin: 0px 0px 0px 3px;
    display: inline;
}
ul#menugral li a {
  text-decoration: none;
}
ul#menugral li a:link {
  color: black;
}
ul#menugral li a:visited {
  color: black;
}
ul#menugral li a:hover {
  color: white;
  background-color: #e1a421;
}
ul#menugral li a:active {
  color: #16517e;
}
ul#menugral li a.activeItem {
  text-decoration: none;
  color: white;
  background-color: #8dac6b;
}
/* content */
#cos, #peu {
    position: relative;
    margin: 1.5em auto;
    width: 46em;
    padding: 1em 2em;
    border: 1px solid black;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    overflow: hidden;
}
#cos img {
    background-color: white;
    float: left;
    margin: 0 1em 0 0;
    padding: 3px;
    border: 1px solid black;
}
#cos img#portadaLlibre, #cos img#portadaLlibre2 {
    background-color: white;
    float: left;
    margin: 0 1em 1em 0;
    padding: 3px;
    border: 1px solid black;
}
#cos a {
    color:#16517e;
    text-decoration: none;
}
#cos #articlesPDF {
    display: block;
    margin-top: 1.6em;
    border: 1px solid black;
    text-align: center;
}
#cos a:hover {
    text-decoration: underline;
}
#cos a:after {
    font-size: 0.7em;
}
#cos a:visited:after {
    content: "\00A0\2713";
}
#cos * a[hreflang]:link:after {
    content: " ("attr(hreflang)")";
}
#cos * a[hreflang]:visited:after {
    content: " ("attr(hreflang)")\00A0\2713";
}
#cos .cr {
    font-variant:small-caps;
}
#cos ol {
    list-style-type: decimal-leading-zero;
    margin-left: 1.6em;
}
#cos ul {
    list-style-type: disc;
    margin-left: 1.6em;
}
#cos ul#listadoArticulosAFK, #cos ul#listadoArticulosAFK ul, #cos ul#listadoOtrosArticulos, #cos ul#listadoOtrosArticulos ul {
    list-style-type: none;
    margin-left: 0;
}
#cos p + ol, #cos p + ul {
    margin: 0.5em 2em;
}
#cos ul {
    margin: 0.8em 0;
}
#cos ul ul {
    margin: 0;
}
#cos p + p {
    text-indent: 1.6em;
}
cite {
    font-style: italic;
}
#cos ol h3 {
    font: 1.2em "Liberation Sans", "DejaVu Sans", Arial, Verdana, sans-serif;
}
#cos p#autor {
    margin:1em 0 0.5em;
    text-indent: 0;
}
#cos p#licencia {
    text-indent:0;
    border-top: 1px dotted black;
    text-align: center;
    margin: 1.6em 0 1em 0;
    padding-top: 1.6em;
    font-size: 0.85em;
}
#cos p#licencia img {
    float:none;
}
#cos p#licencia a:visited:after {
    content: none;
}
#peu {
    text-align: center;
    background-color: black;
    color: white;
    padding: 1px;
    width: 50em;
}
#cos #notes {
    margin-top: 1.6em;
    text-indent: 0;
    font-size: 0.85em;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 0.5em 0;
    background-color: white;
}
#cos #notes a:visited:after, #cos sup a:visited:after {
    content: none;
}
abbr, acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}
dl {
    margin: 1em 0;
    background-color: #bbb;
    border-top:1px solid #777777;
    border-left:1px solid #777777;
    border-right:1px solid #777777;
}
dt {
    padding: 0.5em 1em 0 1em;
}
dd {
    /*margin-bottom: 0.5em;*/
    /*border-bottom: 1px solid #ccc;*/
    border-bottom: 1px solid #777;
}
/*dt.odd, dd.odd {
    background-color: #ddd;
}*/
dt.even, dd.even {
    background-color: #ddd;
}
blockquote {
    /*margin: 0.5em 2em;*/
    padding:0.5em 2.5em;
    font-style: italic;
}
blockquote cite {
    font-style: normal;
}
q {
    font-style: italic;
}
/* formulari */
form {
    font: 1em "Liberation Sans", "DejaVu Sans", Arial, Verdana, sans-serif;
    margin-top: 1.6em;
}
form p {
    margin: 1em;
}
#cos form p + p {
    text-indent: 0;
}
form br {
    clear: left;
}
label, input, textarea, select {
    float: left;
    margin-bottom: 1em;
}
input, select {
    width: 30em;
    border: 1px #aaa solid;
    padding-left: 0.5em;
}
select {
    width: 6em;
}
option {
    border-bottom: 1px dashed #aaa;
}
textarea {
    margin-top: 0;
    width: 30em;
    padding-left: 0.5em;
    border: 1px solid #aaa;
}
input:hover, input:focus, textarea:hover, textarea:focus {
    border: 1px #e1a421 solid;
    background-color: #fff;
}
label {
    text-align: right;
    width: 6.3em;
    padding-right: 0.7em;
    color: black;
}
.pass {
    margin-top:0;
    margin-left: 7em;
    margin-bottom: 1em;
    border: 1px solid #aaa;
    background-color: #e1a421;
    background-color: #ddd;
}
input, textarea, .pass {
    font: 1em "Liberation Sans", "DejaVu Sans", Arial, Verdana, sans-serif;
    -moz-border-radius: 1em;
    -khtml-border-radius: 0.5em;
    -webkit-border-radius: 4px;
    border-radius: 0.5em;
}
.pass:hover {
    border: 1px #e1a421 solid;
    color: #e1a421;
}
fieldset {
    border: 1px #000 dotted;
    margin-bottom: 1em;
}
legend {
    padding: 0 0.5em;
    margin-left: 1em;
    color: black;
    background-color: #EFEFEF;
    border-left: 1px solid #e1a421;
    border-right: 1px solid #e1a421;
}
input[type=hidden] {
    display: none;
}
.contacte {
    font-size: 0.9em;
    color: red;
    padding-left: 5px;
    overflow: auto;
    height: 1%;
}
img#preloader {
    position:relative;
    top:5px;
    border: none;
    float: none;
    margin: 0;
    background-color: transparent;
}
/* taules */
table {
    margin:1.5em auto;
    width:80%;
    border-collapse:separate;
    border-spacing:3px; /*només mozilla i derivats*/
    font-size:1em;
}
table#radio {
    width: 100%;
    background-color:#777777;
    border-spacing:1px;
}
th {
    background-color: black;
    color: #e1a421;
    text-align:center;
    border:1px black solid;
}
td {
    background-color:#ddd;
    text-align:center;
    border:1px black solid;
}
table#radio td {
    text-align:left;
    border: none;
}
table#radio tr.parell td {
    background-color:#bbb;
}
table#radio td.centrat {
    text-align:center;
}
td.titol {
    text-align:left;
    padding-left:5px;
}
caption {
    font-size:0.85em;
    text-align: center;
}
a#lang {
    position: absolute;
    top: 1.6em;
    right: 1.6em;
}
/* paginat */
    /* pagination*/
ul.paginador {
    position: relative;
    font-size: .8em;
    color: black;
    text-align: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%x;
}
ul.paginador li {
    border:0;
    margin:0;
    padding:0;
    display: inline;
}
ul.paginador a {
    color: rgb(129,210,0);
    text-decoration: none;
    padding: 4px 6px;
}
/*ul.paginador a:after {
    content: "|";
    margin-left: 3px;
}*/
ul.paginador #currentPage {
    color: white;
    padding:4px 6px;
    /*margin-right:2px;*/
    background-color: #8DAC6B;
}
#cos ul.paginador a:hover {
    color: white;
    text-decoration: none;
    background-color: #E1A421;
}
#cos ul.paginador li a:visited:after {
    content: none;
}
ul#altresEdicions {
    color: #E1A421;
    /*background-color: white;*/
list-style-type: none;
}
ul#altresEdicions ul {
    color: black;
list-style-type: none;
/*    margin-left: 1em;
    list-style-type: circle;*/
}
ul#altresEdicions li span {
    display: block;
    border: 1px solid black;
    margin-top: 1px;
    color: white;
    background-color: black;
    padding-left: 0.5em;
}
ul#altresEdicions li span.item {
    display: block;
    border: 1px solid black;
    color: black;
    background-color: #ccc;
    margin-top: 1px;
    text-decoration: none;
    font-size: 0.9em;
}
h3#ressenya {
    clear: left;
}
h3#edicions {
    /*border-bottom: 1px solid black;*/
}
#cos p#articleRelacionat {
    border-color:black;
    border-style:solid;
    border-width:2px 0 1px 0;
    height:1%;
    margin-top:1.6em;
    overflow:hidden;
    text-indent:0;
    background-color: #ddd;
    text-indent: 0.5em;
}
/*#cos p#articleRelacionat span {
    background-color: black;
    height: 100%;
    display: block;
    color: white;
    text-indent: center;
}*/
#videosYT {
    width:425px;
    margin: 1em auto;
}