#cosReal {
  width: 965px;
}

#cosIndex {
  width: 300px;
  float: left;
}

#cosCriteri {
  width: 621px;
  padding-top: 1em;
  padding-left: 20px;
  margin-right: 1em;
  float: left;
}

#xarxes {
  text-align: right;
}

.nopublic a {
 color: red;
}

.sense-fills {
  list-style: none;
 }
.amb-fills {
  list-style-image: url('../grafics/ico_llista.png'); 
 }
/*
.index-obert {
  list-style-image: url('../grafics/ico_llista_obert.png'); 
 }
*/

.index {
  padding-left: 1.5em;
 }
.index0 {
  list-style: none;
  padding-left: 1.5em;
 }

.index1 {
  padding-left: 1.5em;
 }

.nivell img {
  float: left;
  vertical-align: middle;
  position: relative;
  padding-top: 0.1em;
  margin-right: 0.5em;
}

.enllac {
  display: block;
  color: black;
  text-decoration: none;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  border-bottom: 1px dotted #ABABAB !important;
}
.enllactop {
  color: #fff;
  padding: 0.3em;
  padding-top: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left:0.5em;
  display:block;
  margin-bottom: 1px;
  border: none !important;
}
.enllac0 {
  padding: 0.3em;
  padding-top: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left:0.5em;
  display:block;
  margin-bottom: 1px;
  border: none !important;
/*  font-size: 1.1em;*/
}

.enllac1 {
  border-bottom: 1px solid #ABABAB !important;
}

.actiu {
 font-weight: bold;
}


.criteriTitol h3 {
  color: #2E69B1;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0em;
}
.separa-criteris {
 clear: both;
 margin-bottom: 1.5em;
}

.biblio {
  color: #656565;
/*  background: url('../grafics/fons_biblio.png') repeat-x;*/

  font-size: 0.9em;
  clear: both;
  padding-top: 1em;
}
.biblio a:link, .biblio a:active, .biblio a:visited {
  color: #356EB3;
}
.biblio a:hover {
  color: #ff6600;
}

.biblioTitol {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}
#citacio a {
  color: #666;
  text-decoration: none;
}
#citacio a:hover {
  color: #ff6600;
}

#imprimeixDalt {
  border-bottom: 1px solid #A0A0A0;
}

#imprimeixBaix {
  margin-top: 2em;
  border-top: 1px solid #A0A0A0;
  margin-bottom: 1em;

 padding-top: 0.3em;
 color: #666;

 position: relative;
 clear: both;
}
#imprimeixBaix .modidata {
  padding-bottom: 3px;
}
#imprimeixBaix .esquerra {
  float: left;
}
#imprimeixBaix .fa {
  color: #b9cee8;
  padding-left: 6px;
}
#imprimeixBaix .fa-3x {
  font-size: 2.5em;
}
#imprimeixBaix .fa:hover {
  color: rgb(255, 102, 0);
}

.imprimeix {
  font-size: 0.85em;
}

.imprimeix a {
 color: #666;
  text-decoration: none;
}
.imprimeixSeparador {
 padding: 0 0.3em;
}

.alerta {
  margin-top: 0.5em;
  padding: 0.5em;
  border: 1px dashed red;
  margin-bottom: 1em;
  clear: both;
  padding-top: 1em;
}

/* COLORS nous menus */
#ccriteri2176 .enllactop {
    background-color: #fbe5c0;
}
#criteri00 .guiarapida,
#ccriteri00 .enllactop {
    background-color: #fde283;
}
#ccriteri1844 .enllactop {
    background-color: #fbe5c0;
}
#ccriteri534 .enllactop {
    background-color: #C8FF96;
}
#ccriteri2665 .enllactop {
    background-color: #e8f7d9;
}


/* popup_box DIV-Styles*/
#guiaRapida {
    display:none; /* Hide the DIV */
    position:fixed;
    _position:absolute; /* hack for internet explorer 6 */
    height:350px;
    width:600px;
    background:#FFFFFF;
        top: 50%;
        left: 50%;
        margin-top: -175px;
        margin-left: -300px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    overflow: auto;

    /* additional features, can be omitted */
    font-size:12px;
    -moz-box-shadow: 0 0 5px;
    -webkit-box-shadow: 0 0 5px;
    box-shadow: 0 0 5px;
}

#guiaRapida .guiaRapida-inner {
    padding: 20px 15px;
}
#guiaRapida a {
  color: #3366bb;
}
.titol-guiarapida h3 {
  float: left;
  color: rgb(47, 106, 178);
  margin: 0;
}
#tancaGuiaRapida {
  float: right;
  padding: 5px;
}
a#obreGuiaRapida,
#tancaGuiaRapida img {
  cursor: pointer;
}
.sota-titol-guiarapida {
  clear: both;
  border-bottom: 1px dotted rgb(101, 101, 101);
  margin-bottom: 10px;
}
.criteriTitol {
        position: relative;
}
.criteri-titol-primernivell {
  color: #2E69B1;
  font-size: 1em;
  font-weight: bold;
}
.criteri-titol-primernivell h3 {
  margin-top:  0;
  margin-bottom:  0;
}
.botoGuiaRapida {
        position: absolute;
        top: 0;
        right: 0;
}
.botoGuiaRapida a {
        padding: 5px 10px;
background-color: rgb(69, 126, 190);
color: white;
font-family: CriterisNova, Arial,sans-serif;
font-weight: bold;
}
.botoGuiaRapida a:hover {
    color: rgb(255, 102, 0);
    background-color: rgb(198, 215, 236);
}