/* general */
@import "https://fonts.googleapis.com/css?family=Cantarell";
/* Disseny VERMELL */
/* 
1. Afegir al document.ready de plantilla.html:
            //MENU lateral societat: si no tenim menu lateral, fer contingut de 12 columnes 
           if ($('.menu-acmt').is(':hidden')) {
              $('.content-acmt').removeClass('col-md-9');
              $('.content-acmt').addClass('col-md-12');

              $('.content-acmt').removeClass('col-sm-8');
              $('.content-acmt').addClass('col-sm-12');
           }
2. Posar clase content-acmt al contingut principal i menu-acmt al menu lateral, on les classes de columnes 
*/
/* width */
.w-20 {
  width: 20%;
}

.w-10 {
  width: 10px;
}

.w-30 {
  width: 30px;
}

.w-40 {
  width: 40px;
}

.w-50 {
  width: 50px;
}

.w-60 {
  width: 60px;
}

.w-70 {
  width: 70px;
}

.w-80 {
  width: 80px;
}

.w-90 {
  width: 90px;
}

.w-100 {
  width: 100px;
}

.w-200 {
  width: 200px;
}

.w-all {
  width: 100%;
}

/* height */
.h-10 {
  height: 10px;
}

.h-20 {
  height: 20px;
}

.h-30 {
  height: 30px;
}

.h-40 {
  height: 40px;
}

.h-50 {
  height: 50px;
}

.h-60 {
  height: 60px;
}

.h-70 {
  height: 70px;
}

.h-80 {
  height: 80px;
}

.h-90 {
  height: 90px;
}

.h-100 {
  height: 100px;
}

.h-all {
  height: 100%;
}

/* margin */
.m-t-5 {
  margin-top: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l5 {
  margin-left: 5%;
}

.m-t-20 {
  margin-top: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-l8 {
  margin-left: 8%;
}

/* padding */
.p-4 {
  padding: 4px;
}

.p-10 {
  padding: 10px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

/* text */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* font-style */
.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

/* color */
.c-w {
  color: white;
}

/* background - color */
.b-w {
  background-color: white;
}

/* small caps*/
.small-caps {
  font-variant: small-caps;
}

/* text-decoration */
.nounderline {
  text-decoration: none;
}

.nounderline:hover {
  text-decoration: none;
}