/* Enllaços */

.miniatures {
   clear: both;
   margin-left: -15px;
   margin-bottom: -19px;
   overflow: hidden;
}

.miniatures .miniatura,
.miniatures .enllacos {
   display: inline-block;
   vertical-align: top;
   margin-left: 15px;
   margin-bottom: 15px;
   max-width: calc(100% - 80px);
   overflow: hidden;
}

.miniatures .enllacos a {
   display: block;
   margin-bottom: 10px;
}

.miniatures + br + br {
   display: none;
}

.meuclear {
    clear: both;
    padding: 1px;
}

.AJUDA_ETIQUETES code {
   font-family: CriterisCode, monospace;
   font-weight: 400;
   color: #066;
   font-size: 15px;
}

.observacio {
   display: table;
   width: 100%;
   clear: both;
}

.observacio .titolObservacio {
   display: table-cell;
   padding-right: 10px;
   vertical-align: top;
   font-variant: small-caps;
   text-align: left;
   width: 10%;
}

.observacio .cosObservacio {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 90%;
}

.sagnat-frances {
  text-indent: -20px;
  margin-left: 20px;
  text-align: justify;
}

.criteriCos a,
#cosAbrevia a,
.alerta a {
  text-decoration: none;
  color: #3366BB;
}
.criteriCos a:hover,
.alerta a:hover {
 color: #ff6600;
}
#cosAbrevia a:hover {
  color: #000;
}

a.link-extern {
 padding-right: 1em;
 background: transparent url(../grafics/ico-he.png) no-repeat 100% 50%;
}
a.link-extern:hover {
 background: transparent url(../grafics/ico-he_f2.png) no-repeat 100% 50%;
}
.biblio a.link-extern {
 padding-right: 1.2em;
}

.nowrap {
	white-space:nowrap; 
}


/* Notes */
.popup {
  border: 1px solid #666;
  background-color: #fff;

  font-family: CriterisNova, Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
  font-weight: 300;
}
.popup-inner {
 padding: 0.4em 1em 0.5em 1em;
}

.nota {
  text-decoration: none;
  padding-right: 1em;
  background: transparent url(../grafics/ico-nota2.gif) no-repeat 100% 50%;
}
.nota:hover {
  background: transparent url(../grafics/ico-nota2_f2.gif) no-repeat 100% 50%;
}

.pag-imprimir #capcalera img {
   margin-bottom: 20px;
}

.pag-imprimir .nota {
 padding-right: 1.2em;
}

.nota:link    { color: #2f6ab2 }
.nota:visited { color: #2f6ab2 }
.nota:hover   { color: #f1883b }
.nota:active  { color: #2f6ab2 }
.notano { text-decoration: none }
.notano:link    { color: red }
.notano:visited { color: red }
.notano:hover   { color: red }
.notano:active  { color: red }

.popupTaula {
  width: 200px; 
  text-align: left;
  color: #000;
  padding: 0;
  border-collapse: collapse;
}
.popupTaula td {
 font-size: 0.9em;
 padding-top: 0.5em;
}

.popupTitol {
  text-align: left;
  background-color: #fff;
  color: #2E69B1;
  border-bottom: 1px dotted #A4A4A4;
  white-space: nowrap;
  font-weight: bold;
}

.popupTancar {
  text-align: right;
  width: 1%;
}

.popupText {
  text-align: left;
  background-color: #fff;
  color: #000000;
}

/* Taules */

.tipsTaula td {
  border: 1px solid black;
}
.tipsTaula td .td-inner {
  padding: 0.4em;
}
.tipsTaula td .td-inner-buit {
  height: 2px;
}

.tipsTaula {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  table-layout: fixed;
}
.mida26px {
  width: 26px;
}

/* Exemples */

.tipsExemple,
.tipsExempleTaula {
   width: 80%;
}

.l1 .tipsExemple,
.l1 .tipsExempleTaula {
   width: 95%;
}

.l1 .tipsExempleTaula,
.l1 .tipsExempleTaula > tbody,
.l1 .tipsExempleTaula > tbody > tr,
.l1 .tipsExempleTaula > tbody > tr > td {
   display: block;
}

.l1 .tipsExempleTaula > tbody > tr {
   width: 100%;
   margin-bottom: 20px;
}
.l1 .tipsExempleTaula > tbody > tr > td {
   margin-bottom: 2px;
   width: 100% !important;
}

.l1 blockquote {
   margin-right: 10px;
}


.tipsExemple td {
  padding: 0.2em;
/*   font-size: 0.9em; */
}

.tipsExemple {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.tipsExempleTaula td {
/*   border: 1px solid black; */
  padding: 0 !important;
}

.tipsExempleTaula {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.tipsExemple td,
.tipsExempleTaulaExemple td {
/*   border-style: none !important; */
 padding: .5em .3em .3em .3em !important;
 vertical-align: top;
/*   font-size: 0.9em; */
}

.tipsExemple td.text,
.tipsExempleTaulaExemple td.text {
 vertical-align: middle;
}

.tipsCorrecte {
  border: 2px solid #329800;
}

.tipsIncorrecte {
  border: 2px solid #D42F2F;
}

.tipsInadequat {
  border: 2px solid #FE9800;
}

.tipsCorrecte .exemple {
 color: #329800;
 font-weight: bold;
}

.tipsIncorrecte .exemple {
 color: #D42F2F;
 font-weight: bold;
}

.tipsInadequat .exemple {
 color: #FE9800;
 font-weight: bold;
}

.cursiva-taula {
 font-style: italic;
}



.tipsEsquerra {
  text-align: left;
  margin: 2px;
}


.tipsEsquerra.tipsCorrecte {
  text-align: left;
  border:2px solid green;
}

.tipsEsquerra.tipsIncorrecte {
  border: 2px solid #D42F2F;
}

.tipsEsquerra.tipsInadequat {
  border: 2px solid #FE9800;
}


img.tipsEsquerra {
   max-width: initial !important; 
}




.tipsCentrat.perTipsInfo + br + br {
   display: none;
}

table.tipsInfo {
   border: 0;
   width: 100%;
   border-collapse: collapse;
}

#PRINT table.tipsInfo {
   width: 94%;
   margin: 0 3%;
}

.tipsInfo_i       { background-color: #E9F5E9; }
.tipsInfo_igr     { background-color: #FFF0E0; }
.tipsInfo_irt     { background-color: #DFE7F2; }
.tipsInfo_iautor  { background-color: #E6E6E6; }
.tipsInfo_iomnia  { background-color: #F1E4E4; }


.tipsInfo .tdInfo {
   border-collapse: collapse;
   padding: 12px;
}

.tipsInfo .tdInfo1 img {
   max-width: initial !important;
}

.tipsInfo .tdInfo1 {
   width: 1%;
   padding-right: 0px;
   vertical-align: top;
}

.tipsInfo .tdInfo2 {
   width: 99%;
   vertical-align: middle;
   text-align: left;
}

/*
.tipsInfo.tipsInfo_i      .tdInfo { border-color: #CCFFCC; }
.tipsInfo.tipsInfo_igr    .tdInfo { border-color: #FFCC33; }
.tipsInfo.tipsInfo_irt    .tdInfo { border-color: #DEEAF6; }
.tipsInfo.tipsInfo_iautor .tdInfo { border-color: #CCCCCC; }
.tipsInfo.tipsInfo_iomnia .tdInfo { border-color: #CC9999; }

.tipsInfo.tipsInfo_i      .tdInfo1 img { background-color: #CCFFCC; }
.tipsInfo.tipsInfo_igr    .tdInfo1 img { background-color: #FFCC33; }
.tipsInfo.tipsInfo_irt    .tdInfo1 img { background-color: #DEEAF6; }
.tipsInfo.tipsInfo_iautor .tdInfo1 img { background-color: #CCCCCC; }
.tipsInfo.tipsInfo_iomnia .tdInfo1 img { background-color: #CC9999; }


.tipsInfo.tipsInfo_i      .tdInfo1 img { width: 44px; height: 44px; border: 6px solid #CCFFCC; }
.tipsInfo.tipsInfo_igr    .tdInfo1 img { width: 44px; height: 44px; border: 6px solid #FFCC33; }
.tipsInfo.tipsInfo_irt    .tdInfo1 img { width: 44px; height: 44px; border: 6px solid #DEEAF6; }
.tipsInfo.tipsInfo_iautor .tdInfo1 img { width: 44px; height: 44px; border: 6px solid #CCCCCC; }
.tipsInfo.tipsInfo_iomnia .tdInfo1 img { width: 44px; height: 44px; border: 6px solid #CC9999; }
*/



/* Text */

.tipsVersaleta {
  font-variant: small-caps;
}

.tipsSubratllat {
  text-decoration: underline;
}

.tipsCentrat {
  text-align: center;
}

.tipsJustificat {
  text-align: justify;
}

.tipsDreta {
  text-align: right;
}


.tipsCourier {
  font-family: Courier, monospace;
}

.tipsMidaFixa {
  font-family: Courier, monospace;
}

.tipsSerif {
  font-family: serif;
}

.tipsMida0 {
  font-size: xx-small;
}

.tipsMidaPetito {
  font-size: smaller;
}

.tipsMida1 {
  font-size: xx-small;
}

.tipsMida2 {
  font-size: x-small;
}

.tipsMida3 {
  font-size: small;
}

.tipsMida4 {
  font-size: medium;
}

.tipsMida5 {
  font-size: large;
}

.tipsMida6 {
  font-size: x-large;
}

.tipsMida7 {
  font-size: xx-large;
}

.tipsMidaGros {
  font-size: larger;
}

.tipsMida8 {
  font-size: xx-large;
}

.tipsMida9 {
  font-size: xx-large; 
}

.tipsVermell {
  color: red;
}

/* Imatge */

.tipsSenseVora {
  border-style: none;
}

.tipsCapdamunt{
  vertical-align: top;
}

.tipsMig{
  vertical-align: middle;
}

.tipsBaix{
  vertical-align: bottom;
}

.tipsFlotaEsquerra{
  float: left;
  margin-right: 0.6em;
  margin-bottom: 0.2em;
}

.tipsFlotaDreta{
  float: right;
  margin-left: 0.6em;
  margin-bottom: 0.2em;
}


/* Llistes */

.tipsSquare {
/*  list-style-type: square;*/
 list-style-image: url(../grafics/llistes/quadrat-ple.png);
}
.tipsSquareBuit {
/*  list-style-type: square;*/
 list-style-image: url(../grafics/llistes/quadrat-buit.png);
}

.tipsDisc {
/*  list-style-type: disc;*/
 list-style-image: url(../grafics/llistes/disc-ple.png);
}

.tipsCircle {
/*  list-style-type: circle; */
 list-style-image: url(../grafics/llistes/disc-buit.png);
}

ul.tipsDiamant {
  list-style: none;
  padding: 0;
  padding-left: 27px;
}  
ul.tipsDiamant li {
    margin: 0;
    margin-bottom: 0.5em;
    padding-left: 1em;
    position: relative;
} 
ul.tipsDiamant li:after {
      content: '\2666';
      color: #2E69B1;
      height: .4em;
      width: .4em;
      display: block;
      position: absolute;
  
      top: 0;
      left: 0;
}

.tipsLlista_i {
  list-style-type: lower-roman;
}

.tipsLlista_I {
  list-style-type: upper-roman;
}
.tipsLlista_A {
  list-style-type: upper-alpha;
}

.tipsLlista_a {
  list-style-type: none !important;
  list-style-image: none !important;
  padding-left: 2.5em;
}
.tipsLlista_a .separa-tipsLlista {
  font-style: italic;
}
/*
.tipsLlista_A {
  list-style-type: none;
  padding-left: 2.5em;
}
.tipsLlista_1 {
  list-style-type: none;
  padding-left: 2.5em;
}
.tipsLlista_a .separa-tipsLlista,
.tipsLlista_A .separa-tipsLlista {
  font-style: italic;
}
*/
.separa-tipsLlista {
 padding-right: 0.6em;
}
.no-cursiva {
 font-style: normal;
}

ul.tipsSquare li,
ul.tipsSquareBuit li,
ul.tipsDisc li,
ul.tipsCircle li,
ol.tipsLlista_i li,
ol.tipsLlista_I li,
ul.tipsLlista_a li,
ul.tipsLlista_A li,
ol.tipsLlista_1 li,
ol.tipsLlista_a li,
ol.tipsLlista_A li {
 margin-top: 0.5em;
}

/* Fons */

.tipsFonsBlanc {
  background: white !important;
}

.tipsFonsf0fff0 {
  background: #f0fff0;
}

.tipsFonsfff0f0 {
  background: #fff0f0;
}


.tipsFonsf4f4d2 {
  background: #f4f4d2;
}

.tipsFonsNegre {
  background: #000;
}

.tipsFonsececec {
  background: #ececec;
}

.tipsFonsf3f3f3 {
  background: #f3f3f3;
  background: #ffffff;
}

/* Pàgina d'exemple dels tags */

.tipsExplTaula {
  font-size: medium;
  width: 99%;
  border: 1px solid black;
  border-collapse: collapse;
  background-color: #fff;
}

.tipsExplTaula > tbody > tr > td, .tipsExplTaula > tbody > tr > th {
  padding: 0.5em;
  border: 1px solid black;
}

/*

.tipsExplFilaFosc td {
  background: #f9f9f9;
}
.tipsExplFilaFosc .taula-estandard .header td {
  background: #2f6ab2 !important;
}
.tipsExplFilaFosc .taula-estandard .tipsImparell td {
  background: #fff !important;
}
.tipsExplFilaFosc .taula-estandard .tipsParell td {
  background: #e9eff8 !important;
}

.tipsExplFilaClar td {
  background: white;
}
.tipsExplFilaClar .taula-estandard .header td {
  background: #2f6ab2 !important;
}
.tipsExplFilaClar .taula-estandard .tipsImparell td {
  background: #fff !important;
}
.tipsExplFilaClar .taula-estandard .tipsParell td {
  background: #e9eff8 !important;
}

.tipsExplTitol {
  text-align: center;
  font-size: medium;
}
*/

.tipsAnotacio {
  font-size: 1em;
}

/* Altres taules */
.taula-estandard .header {
  background-color: #2f6ab2 !important;
  color: #fff !important;
}
.taula-estandard .tipsImparell {
  background: #fff !important;
}
.taula-estandard .tipsParell {
  background: #e9eff8 !important;
}
.noBorder td {
 border: 0;
}
.taula-exemple-2col .header td {
 border-bottom: 1px solid !important;
 height: 30px;
}
.taula-exemple-2col .header .cela-0 {
 padding-left: 2.5em;
 background: #fff url(../grafics/exemple-incorrecte.png) no-repeat 0 50%;
}
.taula-exemple-2col .header .cela-1 {
 padding-left: 2.5em;
 background: #fff url(../grafics/exemple-correcte.png) no-repeat 0 50%;
}
.taula-exemple-2col .tipsImparell td,
.taula-exemple-2col .tipsParell td {
 border-bottom: 1px solid #d4d4d4;
}

blockquote {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

.etqCastella {
  margin-bottom: 1em;
}
.etiquetes-inner {
  margin-top: 0.5em;
}
.tancaEtqCastella,
.tancaEtqAngles,
.obreEtqCastella,
.obreEtqAngles {
  display: block;
/*  margin-bottom: 0.5em;*/
}
.obreEtq {
 background: url('../grafics/ico-blau-mes.png') no-repeat 0 50%;
 padding-left: 12px;
 margin-left: 75%;
 cursor: pointer;
}
.obreEtq:hover {
 background: url('../grafics/ico-taronja-mes.png') no-repeat 0 50%;
 cursor: pointer;
}
.tancaEtq {
 background: url('../grafics/ico-blau-menys.png') no-repeat 0 50%;
 padding-left: 12px;
 margin-left: 75%;
 cursor: pointer;
}
.tancaEtq:hover {
 background: url('../grafics/ico-taronja-menys.png') no-repeat 0 50%;
 cursor: pointer;
}
.esquerraEtq {
 margin-left: 0% !important;
}