@charset "UTF-8";


 body, html {
			font-family: "Open Sans", sans-serif ;
  			font-weight: 700;
  			font-style: normal;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
	       
        }

.cGrisClar{color:#999999;}
 
.oR {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.oB {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.dR {
  font-family: "Domine", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.dB {
  font-family: "Domine", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.t08{font-size:0.8em;}
.t12{font-size:1.2em;}
.t16{font-size:1.6em;line-height: 1.2em;}
.t20{font-size:2em;line-height: 1.2em;}
.t26{font-size:2.6em;line-height: 1em;}


.no-padding{;
	padding-right: 0px  !important; 
    padding-left: 0px  !important; 
	
}


.cRoigGENE{color:#c00000;}
.cGrisMig{color:#666666;}

.cVerdF{color:#3C8985;}
.cVerdC{color:#62A19D;}


.cBlauF{color:#4C6AA6;}
.cBlauC{color:#6891E2;}

.cGrocF{color:#BA9958;}
.cGrocC{color:#F6CA74;}

.cRoigF{color:#B35129;}
.cRoigC{color:#EA6637;}

.cRosaF{color:#BC80D1;}
.cRosaC{color:#EF88A6;}


.bgGasiBlanc	{background-color: #fbfbfc;}
.bgGrisClar{	background-color: #CDCDCD;}
.bgGrisUltraClar{	background-color: #EFEFEF;}
.bgRosa{	background-color: #D44FDE;}

.centxcent{width:100%;}


.bgS01{
	  position: relative;   
      background-image: url('../img/001a.gif');
	  background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 850px; /* Alçada ajustable */
      color: white;
  }

.bgS02{
	  position: relative;   
      background-image: url('../img/002a.jpg');
	  background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 850px; /* Alçada ajustable */
      color: white;
  }





.icona{
	max-width:100px !important;	
}


.separator10{	margin: 0 0 10px 0;}
.separator20{	margin: 0 0 20px 0;}
.separator40{	margin: 0 0 40px 0;}
.separator50{	margin: 0 0 60px 0;}
.separator60{	margin: 0 0 60px 0;}
.separator120{	margin: 0 0 120px 0;}
.separator150{	margin: 0 0 150px 0;}
.separator200{	margin: 0 0 300px 0;}
.separator300{	margin: 0 0 300px 0;}