/* 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;
    text-shadow: 0 1px 1px #999999;
}
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.3em;
    font: 2.5em/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;
}
h2#opiniones, h2#isuu-viewer {
    margin-top: 2em;
}
h2#opiniones a, h2#opiniones a:hover, h2#isuu-viewer a, h2#isuu-viewer a:hover {
    color: black;
    text-decoration: none;
}
h3 {
    margin: 2em 0 0.5em;
    font-size: 1.3em;
}
h3#relatedlinks {
    border-top: 1px dotted black;  
    padding-top: 1em;   
}
/* menu */
ul#menugral {
    list-style-type: none;
    margin: 0 auto 1.6em;
    text-align: center;
    overflow: hidden;
    padding: 5px 0;
    width: 50em;
    color: black;
    background: url("../img/menuppal_bg2.png") repeat-x 0 0 #8DAC6B;
    -moz-box-shadow: 2px 2px 5px #888888;
    -webkit-box-shadow: 2px 2px 5px #888888;
    box-shadow: 2px 2px 5px #888888;
}
ul#menugral li {
    float: left;
    margin: 0 0 0 15px;
}
ul#menugral li a {
    display: block;
    padding: 0 7px;
    text-decoration: none;
    -moz-border-radius: 1em 1em 2em 2em;
    -khtml-border-radius: 0.5em;
    -webkit-border-radius: 6px 6px 12px 12px;
}
ul#menugral li a:link {
  color: white;
}
ul#menugral li a:visited {
  color: white;
}
ul#menugral li a:hover {
  color: white;
  background-color: #e1a421;
}
ul#menugral li a:active {
  color: #01521D;
}
ul#menugral li a.activeItem {
  text-decoration: none;
  color: white;
  background-color: #546e38;
}
/* content */
#cos, #peu, #cosradio {
    position: relative;
    margin: 1.5em auto;
    width: 46em;
    padding: 1em 2em;
    overflow: hidden;
    -moz-box-shadow: 2px 2px 5px #888888;
    -webkit-box-shadow: 2px 2px 5px #888888;
    box-shadow: 2px 2px 5px #888888;
    background-color: white;
}
#cosradio {
    width:69.6em;
}
#cos img {
    background-color: white;
    float: left;
    margin: 0 1em 0 0;
    padding: 3px;
    -moz-box-shadow: 2px 2px 5px #888888;
    -webkit-box-shadow: 2px 2px 5px #888888;
    box-shadow: 2px 2px 5px #888888;
}
#cos img#portadaLlibre, #cos img#portadaLlibre2 {
    background-color: white;
    float: left;
    margin: 0 1em 3em 0;
    padding: 3px;
}
#cos a, #cosradio a {
    color: #004B93;
    text-decoration: none;
}
#cos #articlesPDF {
    display: block;
    margin-top: 1.6em;
    border: 1px solid black;
    text-align: center;
}
#cos a:hover, #cosradio a:hover {
    text-decoration: underline;
}
#cos a:after, #cosradio a:after {
    font-size: 0.7em;
}
/*
#cos a:visited:after, #cosradio a:visited:after {
    content: "\00A0\2713";
}
*/
#cos * a[hreflang]:link:after, #cosradio * a[hreflang]:link:after {
    content: " ("attr(hreflang)")";
}
#cos * a[hreflang]:visited:after, #cosradio  * 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;*/
    margin-top: 1em;
}
cite {
    font-style: italic;
}
h2#otrosFormatos {
    border-top: 1px dotted black;
    margin: 1em 0 0;
    padding: 1em 0 0;
    /*font-size: 1em;*/
}
#cos ul#formatos {
    list-style: none;
}
#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;
}
#fbpage {
/*
    width: 120px; 
    margin: 0 auto;
    position: fixed;
    bottom: 12px;
    right: 20px;
*/
    font-size: 0.8em;
    text-align: center;
}
#fbpage img {
    float: none;
    margin: 0 0.3em 0 0;
    padding: 1px;
    position: relative;
    top: 7px;
    -moz-box-shadow: 1px 1px 2px #888888;
    -webkit-box-shadow: 1px 1px 2px #888888;
    box-shadow: 1px 1px 2px #888888;
}
abbr, acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}
dl {   
    background-color: #FFFFEE;
    border-top: 1px solid #eee;
    margin: 1em 0;    
}
dt {
    padding: 0.5em 1em 0 1em;
}
dd {
    border-bottom: 1px solid #eee;
}
dt.even, dd.even {
    background-color: #ffffc9;
}
blockquote {
    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: 17em;
}
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;
    border-left: 1px solid #e1a421;
    border-right: 1px solid #e1a421;
}
input[type=hidden] {
    display: none;
}
form#books label {
    margin-right: 0;
    margin-left: 0.7em;
    width: 80%;
    text-align: left;
}
form#books input {
    width: 4em;
    padding-left: 0;
}
.contacte {
    font-size: 0.9em;
    color: red;
    padding-left: 5px;
    overflow: auto;
    height: 1%;
}
img#preloader {
    position:relative;
    top: 3px;
    border: none;
    float: none;
    left: 10px;
    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: 0.9em;
}
table#radio {
    width: 100%;
    background-color: white;
    border-spacing: 1px;
}
th {
    background-color: #8DAC6B;
    color: white;
    text-align: center;
    padding: 0 5px;
    /*border:1px black solid;*/
}
td {
    background-color:#ddd;
    text-align:center;
    padding: 0 5px;
    /*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;
}
/* font face */
/*
@font-face {
	font-family: 'ProcionoRegular';
	src: url('prociono/Prociono-Regular-webfont.eot');
	src: local('☺'), url('prociono/Prociono-Regular-webfont.woff') format('woff'), url('prociono/Prociono-Regular-webfont.ttf') format('truetype'), url('prociono/Prociono-Regular-webfont.svg#webfontA5NqnTd8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DevroyeRegular';
	src: url('Devroye/DEVROYE_-webfont.eot');
	src: local('☺'), url('Devroye/DEVROYE_-webfont.woff') format('woff'), url('Devroye/DEVROYE_-webfont.ttf') format('truetype'), url('Devroye/DEVROYE_-webfont.svg#webfontVA0Ykph0') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DevroyeExtraRegular';
	src: url('Devroye/DEVROYEX-webfont.eot');
	src: local('☺'), url('Devroye/DEVROYEX-webfont.woff') format('woff'), url('Devroye/DEVROYEX-webfont.ttf') format('truetype'), url(Devroye/'DEVROYEX-webfont.svg#webfontbFf66NgR') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DevroyeRegular';
	src: url('Devroye/DEVROYSC-webfont.eot');
	src: local('☺'), url('Devroye/DEVROYSC-webfont.woff') format('woff'), url('Devroye/DEVROYSC-webfont.ttf') format('truetype'), url('Devroye/DEVROYSC-webfont.svg#webfont4LQM5dzr') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DevroyeRegular';
	src: url('Devroye/DEVROYUN-webfont.eot');
	src: local('☺'), url('Devroye/DEVROYUN-webfont.woff') format('woff'), url('Devroye/DEVROYUN-webfont.ttf') format('truetype'), url('Devroye/DEVROYUN-webfont.svg#webfontOix2RFWx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MaximumSecurityRegular';
	src: url('maxsec/MAXIMUMSECURITY-webfont.eot');
	src: local('☺'), url('maxsec/MAXIMUMSECURITY-webfont.woff') format('woff'), url('maxsec/MAXIMUMSECURITY-webfont.ttf') format('truetype'), url('maxsec/MAXIMUMSECURITY-webfont.svg#webfontHPulAbmt') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('bebas-neue/BebasNeue-webfont.eot');
	src: local('☺'), url('bebas-neue/BebasNeue-webfont.woff') format('woff'), url('bebas-neue/BebasNeue-webfont.ttf') format('truetype'), url('bebas-neue/BebasNeue-webfont.svg#webfontYW4lu6A6') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1 {
    font: 60px/68px 'BebasNeueRegular', Arial, sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'BebasNeueRegular', Arial, sans-serif;
    letter-spacing: 0;
}

div#home_articles, div#home_radio {
    width: 22.5em;
}
div#home_radio {
    clear: left;
    float: left;
}
div#home_articles {
    float: right;
}
div#home_articles ul, div#home_radio ul, ul#linkslist, ul#webmap {
    list-style-type: square;
    margin-left: 16px;
    font-size: 1em;
}
ul#webmap ul {
    list-style-type: disc;
    margin-left: 32px;
    font-size: 1em;
}
span.alert {
    margin-left: 1em;
}
#playercontainer {
    margin: 2em 0;
}
#playercontainer_home {
    margin: 2em auto;
}
.hidden {
    display: none;
}
/* captcha */
#cos #captcha, #cos #captcharefresh {
    float: none;
    margin: 0;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
    margin-bottom: 1em;  
}
#cos #captcha {
    border:1px solid #AAAAAA; 
    margin-left: 7em;
}
#cos img#preloader {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
}
p#alert {
    background-color: #E1A421;
    background-color: #8DAC6B;
    color: white;
    padding-left: 0.7em;
}
#myfblike {
    margin: 3em 0 0;
}
h3.isuu-viewer {
    margin-top: 2em;
}
#cos h3.isuu-viewer a, #cos h3.isuu-viewer a:hover {
    color: black;
    text-decoration: none;
}
.isuu-viewer-flash {
    width: 600px; 
    height: 441px; 
    margin: 2em auto; 
    padding: 0; 
    box-shadow: 2px 2px 5px #888;
}

#cos ul#md-submenu {
    clear: left; 
    /*margin-top: 4em;*/
    margin-left: 16px; 
    list-style: square; 
}

#cos ul#socialmedia {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
}
#cos ul#socialmedia li {
    float: left;
    display: inline;
}
ul#bigbrothers {
    list-style: none;
}
ul#bigbrothers li {
    display: inline;
}
#cos img.noshadow {
    box-shadow: inset 1px 1px 3px #888888;
}