.nopublic,
.nopublic a {
  color: red !important;
}

.separador {
  display: none;
}

.amagat {
  display: none;
}

.visible {
  display: block;
}

.senseVora {
  border-style: none;
}

.esfonsaFlota {
  clear: both;
}

a.llapis {
  display: inline-block;
  width: 15px;
  height: 11px;
  margin: 0px 5px;
  background: url('../grafics/llapis1.gif') no-repeat;
}

.llapis:hover {
  background: url('../grafics/llapis2.gif') no-repeat;
}*/

a img, img, a:active, a:hover, a:visited, a:focus, a:link {
  border: none;
  outline: none;
}

a:hover {
  color: #ff6600;
}

strong, b {
  font-weight: 500;
}









html {
   height: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

*, *:before, *:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  text-align: center;
  font-family: CriterisNova, Arial, sans-serif;
  font-weight: 300;
  font-size: medium;
  height: 100%;
}

iframe, object, embed { 
   max-width: 100%; 
}

#WEB img {
   max-width: 100%; 
   height: auto; 
}

div.pertable { 
   overflow-x: auto; 
}

#go-top {
   position: fixed;
   bottom: 1em;
   right: 1em;
   width: 32px;
   height: 32px;
   background: transparent url(../img/go-top1.png) center center no-repeat;
   display: none; 
}

#go-top:hover {
   background-image: url(../img/go-top2.png);
}


#WEB, #tot {
   position: relative;
   max-width: 1140px;
   margin: 0 auto;
   box-shadow: 0 0 18px rgba(0, 0, 0, .4);
   overflow: hidden;
   min-height: 100%;
   text-align: left;
}

body.l4 #WEB { padding: 10px 40px; }
body.l3 #WEB { padding: 10px 30px; }
body.l2 #WEB { padding: 10px 20px; }
body.l1 #WEB { padding: 10px 10px; }