:root {

  --color1: #db465e;
  --color2: #fcf88e;
  --color3: #365899;  
  --color4: #4267b2;
  
  --bgcolor0: #ECF2E4;
  --bgcolor1: #83D5D0;
  --bgcolor1x: #ff864c;
  --bgcolor2: #83D5D0;
  --bgcolor3: #8795e6;
  --bgcolor4: #e9989f;
  --bgcolor5: #f5d9bf;
  --bgcolor6: #c3e9d6;
  --bgcolor1b: #eeb6b0;
  --bgcolor2b: #e5f0ca;
  --bgcolor3b: #80b3ff;
  

}

		* {
			box-sizing: border-box;
		}	

	 body,input,textarea,select{
	 	font-family:'PT Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	 	color:#333;
	 	font-weight:normal;
	 	text-align:left
	 	}

	 a {
	 	font-family:'PT Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	 	color:#333;
	 	font-weight:normal;
	 	text-align:left
	 	}

	BODY {
		background-color: var(--bgcolor0);
		margin: 0;
	}

   
		 	
 	h1 {
 		font-family: 'Titillium Web', sans-serif;
 		font-size: 50px;
 		display:inline;
		color: var(--color1);
	    line-height: 50px; 		
 	}

 	h2 {
		font-size: 40px;
		display: inline;
		color: var(--color4);
 	}

	h2 a:link { text-decoration:none; color: var(--bgcolor4);}
	
 	h3 {
 		font-size: 25px;
 		display:inline;
 		color: #323232;
		background-color: #ff864d29;
	    padding: 1px 8px; 		
 	}

 	
 	.contenidor {
 		width: 90%;
		max-width: 1200px;
		margin: 0 auto;	 		 		
        padding:15px 20px;	
        margin:0px auto 20px;
	    color: #636363; 	 	
	    font-size: 16px;
	    font-family: 'Ubuntu', 'Lato';
 	}

	.logo {
		width: 120px;
	}		 
	
	.capcelera {
		width: 100%;
		background-color: var(--bgcolor1);
		border-bottom: 15px solid var(--bgcolor2); 
	}

	.capcelera_interior {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;		
	}

 	.titol_capcelera, .titol_capcelera a {
 		margin-left: 20px;
 		font-size: 70px;
 		color: var(--color1);
		font-weight:bold;
 		text-decoration:none;
 	}

 	.titol_subcapcelera,.titol_subcapcelera a {
 		color: var(--bgcolor1);
 		margin-left: 20px; 
 	}

 	.titol_pagina, .titol_pagina a {
		font-family: 'Droid Sans', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 50px;
 		color: var(--color1);
		font-weight:bold;
 		text-decoration:none;
 	}

 	.titol_pregunta, .titol_pregunta a {
		font-family: 'Droid Sans', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 30px;
 		color: #4b92db;
		font-weight:bold;
 		text-decoration:none;
 	}
 	
 	.margintop {
		width: 100%; 
		margin-top: 30px;
		margin-bottom: 20px;
 	}
 	
	.video-responsive {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		padding-top: 30px;
		position: relative;
	}
	.video-responsive iframe, .video-responsive object, .video-responsive embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	} 	

 	.taula_text1  {
		font-size: 30px;
		line-height: 45px;
    }
 	.taula_text1 td {
		padding: 24px;
	    line-height: 40px;
 	}
 	
 	

	.taula_dades{
		border-collapse:collapse;
		padding: 6px;
		width: 100%;
	} 		
	.taula_dades td, .taula_dades th {		
		padding: 40px 30px;
	}
	.taula_dades th, .taula_dades th a {
		font-size:1.3em;
		text-align:left;
		padding: 20px;
		background-color: var(--color_gris);
		color:#ffffff;
	}
	.taula_dades tr.alt td {
		color:#000000;
		background-color: #f9f6cc;
	}
	.taula_dades tr:nth-child(odd) {
		background-color: #ffffffb8;
	}
	.taula_dades tr:nth-child(even) {	
		background-color: #fff8dc;
	}
	.taula_dades_peu {
		background-color: #e88f6db5 !important;
		color: #333 !important;	
	}
	
	
	.sense {
		width: 100%;
		border-spacing: 3px;
		border-collapse: separate;
	}
	.sense tr:nth-child(odd), .sense tr:nth-child(even) {
		background-color: transparent;		
	}
	.sense TD {
		padding: 15px 1px;
	}
	
	
	
	.resum {
		font-size: small;
		color: brown;
		line-height: normal;
	}
	.resum a {
		text-decoration:none;
		color: chocolate;
	}	
	
	.pepet {
		width: 100%; 
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.pepet TD{
	 	padding: 8px;
	}
	
	.div_amunt {
		margin-top: 10px;
		padding: 3px 25px;
		font-size: 16px;
		float: right;
		background-color: #d2691e17;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-radius: 0px 15px 15px 15px;
		border-radius: 0px 15px 15px 15px;	
	}
	
	.div_amunt a {
		text-decoration:none;
		color: chocolate;
	}
	
	.canalla {
		width: 250px;
		border: 2px solid #fff;
		margin: 0px 0px 30px 30px;
		float: right;
		border-radius: 15px;	
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}

	.wapp {
		width: 150px;
		margin: 0px 30px 30px 0px;
		float: left;
	}

	.whatsapp_logo {
		width: 250px;
		border: 10px solid #fff;
		margin: auto;
		margin: 20px;
		border-radius: 150px;	
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
	.floatleft {
		float: left; 
	}

	ol {
		list-style: none;
		counter-reset: my-awesome-counter;
		border: 1px solid #4444;
		background: #fff;
		-webkit-border-radius: 10px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
		padding: 35px 25px;
	}
	ol li {
	  counter-increment: my-awesome-counter;
	  margin-bottom: 25px;
	  text-align: initial;
	}
	ol li::before {
		content: counter(my-awesome-counter) ".- ";
		color: var(--color1);
		font-weight: bold;
		transform: rotate(-10deg);
		size: 33px;	
	}
	
	
 	.botonera {
		
 	}
 	.botonera td {
        padding:40px;	
		text-align: center;
 	}
 	.botonera td a{
		font-weight:bold;
 		text-decoration:none;
 		font-size: x-large;
 	}
 	
	.bg1 {
		background-color: var(--bgcolor1);
	} 	
	.bg2 {
		background-color: var(--bgcolor2);
	} 	
	.bg3 {
		background-color: var(--bgcolor3);
	} 	
	
	.titol, .titol a {
		font-size: 40px;
		font-weight:bold;
		padding: 10px 20px;
		text-align: center;
	}
	
 	.taula {
		width: 100%;
        padding:15px 20px;	
        margin:30px auto 20px;
	    color: #63636; 	
 	}
 	.taula2 {
		background-color: #F4F4F4;
		width: 1024px;
        padding:15px 20px;	
        margin:30px auto 20px;
	    color: #63636; 	
 	}
 	
 	.uela li {
 		padding: 10px 16px;
 	}
 	
	.uela li:last-child {
	  	border: none;
	} 	
 	.uela li a {
 		text-decoration: none;
 	}
	.uela li:hover {
	  	background: #1877f254;
	} 	
	
	
 	.info {
	 	border-left: 1px dashed #CCCCCC; 
 	}
 	
 	.taula_info {
 		width: 100%;
 		padding:5px;	
 	}
 	.taula_info TH {
 		font-size: 20px;
 	 	padding:15px;	
		background-color: #CCCCC0; 	 	
 	 	border-bottom: 2px solid #dddddd; 
 	}

 	.taula_info caption {
 		font-size: 13px;
 	}

 	.taula_info TD {
 	 	padding:15px;	
 	 	border-top: 1px solid #ffffff; 
 	 	border-bottom: 1px solid #dddddd; 
 	}

 	.taula_info td:hover {
	 	background-color:#FFF;
 	} 	


 	.taula_info2 {
 		padding:3px;	
 		background-color: #FFFFFF; 
 	}
 	.taula_info2 TH {
 		font-size: 16px;
 	 	padding:12px;	
		background-color: #CCCC00; 	 	
 	 	border-bottom: 2px solid #dddddd; 
 	}

 	.taula_info2 TD {
 	 	padding:15px;	
 	 	border-top: 1px solid #ffffff; 
 	 	border-bottom: 1px solid #dddddd; 
 	}

 	.taula_info2 td:hover {
	 	background-color:#FFF;
 	} 	
 	
 	.esp {
		color: #555;
		font-size: small;
		font-family: Arial;
		text-indent: 30px;
 	}
 	
	.iframe-container{
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%; 
	  height: 0;
	}
	.iframe-container iframe{
	  position: absolute;
	  top:0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	} 	
 	
	#mapid { width: 100%; height: 450px; text-align: center; vertical-align: middle; } 	
 	
	.foto_brxda{
		max-width: 500px;
	}
	
	.foto_petita { 
		height: 150px;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.foto_news { 
		height: 150px;
	}

 	
 	.sense_estil {
		padding:1px 2px 1px 2px !important;	
		border: 0px;
 	}
 	
 	.treballant {
		border:2px solid #ef3823;
		-webkit-border-radius: 4px;
		border-radius: 4px; 		
		text-align: center;
	  background-color:#f7b1a5;
	  padding:15px 10px;	
 	}

	.alert {
	  background-color:#FEB36A;
	  border:2px solid #e87306;
	  border-bottom-left-radius:4px;
	  border-bottom-right-radius:4px;
	  border-top-left-radius:4px;
	  border-top-right-radius:4px;
	  color:#636363;
	  font-size:18px;
	  /*margin:-10px auto 20px;*/
	  padding:8px 35px 8px 14px;
	  text-align:left;
	  text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	  text-align: center;
	}


	.destacat {
	  background-color: #f9ee9a;
	  border:1px solid #f5f5f5;
	  color:#333;
	  padding:4px;
	  text-align:CENTER;
	  text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	  line-height: 150%;
	  font-weight: bold;
	}

	.destacat2 {
	  background-color: #cbdeff;
	  border:1px solid #f5f5f5;
	  color:#333;
	  font-size:18px;
	  padding:4px;
	  text-align:CENTER;
	  text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	      line-height: 150%;
	}

	.destacat3 {
	  background-color: #c0f98e !important;
	  padding:5px 15px;
	  line-height: 150%;
	}

	.destacat4 {
	  color: #333;
	  -webkit-text-stroke: 2px #fff;	  
	  text-shadow: 6px 6px 8px #333333c2;
	  padding:5px 15px;
	  line-height: 150%;
	  border: 3px solid #333;
	  border-bottom-left-radius:6px;
	  border-bottom-right-radius:6px;
	  border-top-left-radius:6px;
	  border-top-right-radius:6px;	  
	}

	.fs_destacat {
	  background-color:#FFF;
	  border:4px dashed #00FB00;
	  border-bottom-left-radius:4px;
	  border-bottom-right-radius:4px;
	  border-top-left-radius:4px;
	  border-top-right-radius:4px;
	  color:#636363;
	  font-size:18px;
	  padding:18px 35px 18px 35px;
	  text-align:left;
	}


 	.contenidor_peu {
		padding-top: 50px;
		background-color:#4080ff; 	
		width: 100%;
		text-align: center; 	 
		font-size: 15px;		 
		padding-bottom: 60px;
 	}
 	
 	.contenidor_peu, .contenidor_peu a { 
		color: #374a6b; 	
 	}
 	
	 	
 	.peu {
 		width: 90%;
		max-width: 1000px;
		margin:0px auto 0px;
		color:#353535;
		font-size:14px;
 	}
 	.peu a {
	  font-size:14px;
 	}
 	
 	.peu2 {
		width: 900px;
		margin:10px auto 10px;
		color:#454545;
		font-size:16px;
 		border-top: 1px solid #605246;
 		border-bottom: 1px solid #605246; 	
 	}

	footer {
		color:#bb6413;
		font-size:14px;
	}
 	
 	.twitter_incrustat a {
 		font-size:14px;
 	}

 	.compartir {
	 	border-top: 2px solid #A6A6A0;
	 	border-bottom: 2px solid #A6A6A0;
	 	background-color:#fffff0;
 	}
 	
 	.compartir TD {
	 	padding:1px 10px;
 	}
 	

	/* Tooltip container */
	.tooltip {
	  position: relative;
	  display: inline-block;
	}

	/* Tooltip text */
	.tooltip .tooltiptext {
	  visibility: hidden;
	  width: 120px;
	  background-color: #4080ff;
	  color: #fff;
	  text-align: center;
	  padding: 5px 0;
	  border-radius: 6px;

	  /* Position the tooltip text */
	  position: absolute;
	  z-index: 1;
	  bottom: 95%;
	  left: 50%;
	  margin-left: -60px;

	  /* Fade in tooltip */
	  opacity: 0;
	  transition: opacity 0.3s;
	}

	.div_fotos {
		margin:auto;
		background-color:#DDD; 
		max-width: 1000px;
	}
	
	/* Tooltip arrow */
	.tooltip .tooltiptext::after {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: #555 transparent transparent transparent;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
	  visibility: visible;
	  opacity: 1;
	}

 

	

 	
 	
 	 	/* --- taules ---- */
 	.llista {
 	} 	
 	.llista TD {
 		background-color:#e6e6e6;
 		padding: 4px 4px 4px 8px;
 	}

 	.llista TH {
 		background-color:#FFFFFF;
 		padding: 14px 4px 4px 8px;
 	}
 	.llista tr:hover td{ background-color:#FFFFFF; color: #000000;} 

	.llista_destacat {
		background-color: var(--bgcolor2) !important;
		font-weight:bold;
 		font-size:20px;
	
	}
	.hastag {
 		padding: 2px 14px;
 		background-color:#258380;
		border-bottom-left-radius:2px;
		border-bottom-right-radius:2px;
		border-top-left-radius:2px;
		border-top-right-radius:2px; 		
	}
	a.hastag {
		text-decoration:none;
		color: #FFFFFF;
	}
		 	
		 	
	
	.top_30 {
		margin-top: 30px;
	}
	.taula_100 {
		margin: auto;
	}
	
		 	
 	/* --------- formulari ----------- */
 	
 	.taula_formulari {
		width: 100%;
 	}
 	.taula_formulari TD {
 		padding:12px;
 	}
	
	
 	.input1 {
		font-size: 20px;
		background-color: #f4f4f4;
		border: 1px solid #100010;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		color: #333;
		width: 400px;
		padding: 10px 14px; 	
    }

 	.input1nw {
 		font-size:20px;
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#333;
		padding: 4px 10px;
 	}

 	.input1error {
 		font-size:16px;
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#c0000c;
		width: 400px;
		padding: 4px 10px;
 	}


	/* --------- botons ----------- */
	
	.boto1 {
		color: #363636;
		font-family:'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
		font-size:20px;
		padding: 4px 60px;
		border: 1px solid #ff920d;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		cursor: pointer;
	
		background: #ffa84c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffa84c 32%, #ff7b0d 82%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffa84c), color-stop(82%,#ff7b0d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* IE10+ */
		background: linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	
		background-color:#ff9430; /* per a IE */
	}
	
	.boto1:link,.boto1:visited {
		color: #363636;
		text-decoration:none;
	}
	
	.boto1:active {
			position:relative;
			top:2px;
			-moz-box-shadow:0px 0px 0 #819F45;
			-webkit-box-shadow:0px 0px 0 #819F45;
			//background: -moz-linear-gradient(center top , #A5C956 0%, #CDEB8E 100%) repeat scroll 0 0 transparent;
			//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c956), color-stop(100%,#cdeb8e));
		}
	
	
	.boto2 {
		color: #363636;
		font-family:'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
		font-size:15px;
		padding: 4px 10px;
		border: 1px solid #ff920d;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		cursor: pointer;
	
		background: #ffa84c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffa84c 32%, #ff7b0d 82%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffa84c), color-stop(82%,#ff7b0d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* IE10+ */
		background: linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	
		background-color:#ff9430; /* per a IE */
	}
	
	.boto2:link,.boto2:visited {
		color: #363636;
		text-decoration:none;
	}
	
	.boto2:active {
			position:relative;
			top:2px;
			-moz-box-shadow:0px 0px 0 #819F45;
			-webkit-box-shadow:0px 0px 0 #819F45;
			//background: -moz-linear-gradient(center top , #A5C956 0%, #CDEB8E 100%) repeat scroll 0 0 transparent;
			//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c956), color-stop(100%,#cdeb8e));
		}	
	
	
	.boto3 {
		color: #363636;
		font-size:14px;
		padding: 1px 10px;
		border: 1px solid #ff920d;
		background: #ffa84c; /* Old browsers */	
		background-color:#ff9430; /* per a IE */
	}
	
	.boto3:link,.boto3:visited {
		color: #363636;
		text-decoration:none;
	}
	
	.boto3:active {
	}		
	
	.boto_visita {
		background-color: var(--bgcolor1);
		color: #363636;
		font-family:'Droid Sans';
		font-size:18px;
		padding: 14px 60px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		-o-border-radius: 25px;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	}

	.boto_visita2 {
		background-color: var(--bgcolor4);
		color: #363636;
		font-size:18px;
		padding: 14px 60px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-o-border-radius: 15px;
	}

	.boto:link,.boto:visited {
		font-family:'Droid Sans';	
		color: #363636;
		text-decoration:none;
	}	
	

	.bt_whatsapp {
		text-transform: uppercase;
		font-size: 80%;
		font-weight: 700;
		padding: 3px 12px;
		color: #e2ffd9;
		background-color: #42aa42;	
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.bt_whatsapp:link,.bt_whatsapp:visited {
		color: #FFFFFF;
		text-decoration:none;
	}	
	
	.bt_facebook, a.bt_facebook {
		font-family:'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		padding: 6px 12px;
		background-color: #3b5998;
		border: 2px solid transparent;
		color: white;
	}	
				
		.petita {
			font-size:14px;
		}
		
	.capdemunt {
		font-family:'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		padding: 6px 12px;
		background-color: #3b5998;
		border: 2px solid transparent;
		color: white;
	}

	.img600 {
		max-width: 600px;	
	}
	.img200 {
		max-width: 200px;	
	}

	.barra {
	  background-color:#FEB36A;
	  border:0px solid #e87306;
	  height: 25px;
	  background: url('img/bg1.png') repeat-x scroll center bottom;
	}

	/* ------ errors --------*/

	.error   {
		width:50%;
		position:relative;
		left:25%;
		border: 3px solid #FC0000;
		font-size: 18px;
		font-weight:bold;
		color: #FF0000;
		text-decoration: none;
		padding: 0.2em 0.1em;
		margin-top : 2px;
		margin-bottom : 2px;
		background-color: #fecccc;
		text-align:center;
		}
		
	.noerror   {
		width:50%;
		position:relative;
		left:25%;
		border: 2px solid #009966;
		font-size: 18px;
		font-weight:bold;
		color: #009966;
		text-decoration: none;
		padding: 0.2em 0.1em;
		margin-top : 2px;
		margin-bottom : 2px;
		background-color: #dff6c6;
		text-align:center;
	  border-bottom-left-radius:4px;
	  border-bottom-right-radius:4px;
	  border-top-left-radius:4px;
	  border-top-right-radius:4px;
		
		}	

fieldset {
	border:1px dotted var(--bgcolor2);
	padding: 5px 10px 10px;
	background-color: #f4f4f4;
	margin: 5px 10px 20px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

legend {
	  background-color:var(--bgcolor1);
	  border:2px solid var(--bgcolor2);
	  padding: 0.2em 1.2em;
	  color:#FFFFFF;
	  text-align:center;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  text-transform: uppercase;

  }		
  
  	.news {
		font-size: 17px;
		background-color: #ffa84c26;
		padding: 30px;  	
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 17px;
		-moz-border-radius-bottomright: 17px;
		-moz-border-radius-bottomleft: 17px;
		-webkit-border-radius: 0px 17px 17px 17px;
		border-radius: 0px 17px 17px 17px;	
		
  	}

  	.news_div {
  		float: right;
	    width: 33%;
    	margin-left: 15px;
	    line-height: 25px;
		font-size: 17px;
		text-align: justify;
		background-color: #ffa84c26;
		padding: 30px;  	
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 17px;
		-moz-border-radius-bottomright: 17px;
		-moz-border-radius-bottomleft: 17px;
		-webkit-border-radius: 0px 17px 17px 17px;
		border-radius: 0px 17px 17px 17px;	
		
  	}
  

	
	blockquote {
	  background: #F9F6CA;
	  border-left: 10px solid #ccc;
	  margin: 1.5em 10px;
	  padding: 0.5em 30px;
	  quotes: "\201C""\201D""\2018""\2019";
	  font-size: 20px;
	}
	blockquote:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
	}
	blockquote p {
	  display: inline;
	}	
	

		/* --- menus ---- */

		.menu {
			margin: 1px auto 2px;
		}

		.menu_bar {
			display:none;
		}

		header {
			width: 100%;
		}

		header nav {
			background: var(--color1);
			z-index:1000; 
			max-width: 1000px;
			width:95%;
			margin:20px auto;
			border-radius: 20px;
			text-align: center;			
		}

		header nav ul {
			list-style:none;
		}

		header nav ul li {
			display:inline-block;
			position: relative;
			font-size: 24px;
		}

		header nav ul li:hover {
			background: var(--bgcolor3);
		   background-image: linear-gradient(90deg, #DB465E 0%, #83D5D0 49%, #4fc5fc 80%, #DB465E 100%);
		   animation:slidebg 5s linear infinite;
		}

		header nav ul li a {
			color: var(--bgcolor0);
			color: #333;
			display:block;
			text-decoration:none;
			padding: 3px 12px;
			font-size: 24px;
		}

		header nav ul li a span {
			margin-right:10px;
		}

		header nav ul li:hover .children {
			display:block;
		}

		header nav ul li .children {
			display: none;
			background:#011826;
			position: absolute;
			width: 180%;
			z-index:1000;
		}

		header nav ul li .children li {
			display:block;
			overflow: hidden;
			border-bottom: 1px solid rgba(255,255,255,.5);
			font-size: 17px;
		}

		header nav ul li .children li a {
			display: block;
		}

		header nav ul li .children li a span {
			float: right;
			position: relative;
			top:3px;
			margin-right:0;
			margin-left:10px;
		}

		header nav ul li .caret {
			position: relative;
			top:3px;
			margin-left:10px;
			margin-right:0px;
		}
		
		@keyframes slidebg {
		  to {
			background-position:20vw;
		  }
		}		
		

		.menu td {
			padding: 3px 16px 3px 16px;
		}
		.menu a {
			text-decoration:none;
			font-weight:bold;
		}

		.menu td:hover {
			background-color:#ccc;
		}

		.menu_on {
			background-color:#FFAF44;
		}
		.menu_off {
			background-color:#eaecf3; 	
		}

		.menu2 {
			text-align: center;
			background-color:#A5C951;
			padding: 4px 4px 4px 8px; 		
			font-size:14px; 		
		}

		.menu_destacat {
			background-color:#E87306; 	
			font-weight:bold;
		} 

	
		.disclaimer {
			text-align: justify;
			background-color: #cee5e6;
			padding: 40px;
			font-size: 14px;
			margin-top: 30px;
		}
	
	
	
	@media screen and (max-width: 900px) {
		BODY  {
			/*padding-top: 80px;			*/
		}
		
		h1 {
			font-size: 35px;
		}
		h2 {
			font-size: 24px;
		}

		.capcelera_interior {
			width: 100%;
		}	
		.titol_capcelera,.titol_capcelera a {
	 		margin-left: 2px;
			font-size: 35px;
			font-weight:bold;
		}
		.titol_pagina, .titol_pagina a {
			font-size: 25px;
		}
		.logo {
			width: 80px;
		}		
		.menu td {
		  padding: 4px 2px;
		}
		.menu a {
			font-size: 13px;
		}
		
		.contenidor {
			width: 100%;
			padding:5px;	
			margin:0px;
	 		background-color: #F4F4F4;			
			
		}
		.peu {
			width: 100%;	
			font-size:12px;
		}		
		
		#mapid { width: 100%; height: 220px; text-align: center; vertical-align: middle; }		
		
		
		.boto1 {
			padding: 4px 15px;
		}		
		.llista {
			width: 100%;	
		} 			
		.llista TD {
			padding: 2px;
		}
		.llista TH {
			padding: 4px;
		}
		fieldset {
			margin: 5px auto 10px;
		}
	 	.input1 {
	 		width: 100%;
	 		padding: 4px;
	 	}
	 	.input1error {
	 		width: 100%;
	 		padding: 4px;
	 	}
		.remarkable {
			margin-top: 10px;
			margin-bottom: 10px; 		
			padding: 10px;
		}
		.news_div {
			width: 40%;
			margin-left: 6px;
			line-height: 19px;
			font-size: 17px;
			padding: 9px;
			text-align: initial;
    		}				

		.bt_whatsapp {
			text-transform: capitalize;
			padding: 2px 8px;
			color: #e2ffd9;
			background-color: #42aa42;	
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
		}

		.img600, .img200 {
			width: 100%;	
		}
		.taula_dades td, .taula_dades th {		
			padding: 10px;
		}	
		.canalla {
			width: 100%;
			margin: 4px 4px 40px 4px;		
		}	
		.taula_text1 td {
			padding: 10px;
			line-height: 36px;
		    font-size: 20px;
		    text-align: justify;
		}
		
		header nav ul li a {
			font-size: x-large;
			color:#fff;			
		}
			

		
	}