:root {
	  --color_cru: #F4F7FA; //#FFE5CF;
	  --color_blau: #8160ce;
	  --color_gris_mig: #b31a3861;
	  --color_gris_semi: #673ab78a; //#480a1624;
	  --color_crimson: #ed143dc7;
	  --color_crimson_t: #ed143d6e;
	  --color_verd: #3a9a72;
	  --color_lila: #673ab7;
	  --color_lila_fosc: #462a77;
	  --color_groc: #ffc107;
	  --color_taronja: #ff6600;	  
	  --color_hulk: #1e7532;
	  --color_taiwan: #5d7deb;// #ED1E60;
	  --color_taiwan_fosc: #415fc2;// #d7285f;
	  --color_verd_fosc: #3BAEA3;
	  --color_verd_clar: #E7FFFE;	  
	}
	
	* {
		padding:0;
		margin:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;			
	}	
	
	input::placeholder {
	  font-size: 16px;
	}

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

	 a {
	 	color:#3f51b5;
	 	font-weight:normal;
	 	text-align:left;
	 	text-decoration:none; 
	 	}

	BODY {		
		font-size: 20px;
		color: #333366;
		margin: 0;
		background: #e0e0e0; //#c6b4e8; 		
	}



 	/* ----------- */
 	 	
 	h1 {
		font-family:'Overpass', sans-serif;; 	
 		font-size: 60px;
 		display:inline;
 		color:#D40404;
 	}

 	h2 {
		font-size: 24px;
		display: inline;
		color: #232323;
 	}

	h2 a:link { text-decoration:none;font-weight:bold;}
	
 	h3 {
 		font-size: 18px;
 		display:inline;
 		color: #323232;
 	}

 
 
 	.contenidor {
 		width: 100%;
 		margin: auto;
	} 	
	
	.gris {
		background-color: #fffffa6b;
	}
	.centra {
		text-align: center;
	}
 	.contingut {
 		width: 95%;
 		/*max-width: 1000px;*/
        padding:15px 20px;	
        margin:0px auto 20px;
	    color: #636363; 	 	
 	}

 	.contingut TD {
 	    padding: 10px 5px;
 	}

	
	.capcelera {
		width: 100%;
		background-color: var(--color_taiwan);		
		border-bottom: 7px solid var(--color_taiwan_fosc);		
		font-size: 14px;
	}

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

 	.titol_capcelera, .titol_capcelera a {
		font-family: 'Ubuntu', 'Helvetica', 'Arial', sans-serif;	
 		font-size: 75px;
 		color: var(--color_cru);
		font-weight:bold;
 		text-decoration:none;
		padding: padding: 20px 30px 5px 30px; 		
 	}
 	.subtitol_capcelera, .subtitol_capcelera a {
		font-family: 'PT Sans', 'Helvetica', 'Arial', sans-serif;	
 		font-size: 35px;
 		color: var(--color_lila_fosc);
 		text-decoration:none;
		padding: 10px;
		margin: auto;
		text-align: center;
 	}
 	
 	.logo {
		width: 125px;
	    margin-left: 40px;
	    margin-right: 20px;
		border: 10px solid 	<br />
<b>Warning</b>:  Undefined variable $color_groc in <b>/home/catalansalmon/public_html/rellotge/estils_rellotge.php</b> on line <b>146</b><br />
;
		border-radius: 100px;		
		background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #ec6363, #141479) border-box;
	    border: 14px solid transparent;	    
 	}
	 .rotate {
	  width: 100px;
	  animation: rotation 20s 2 ease-in-out;
	}
	@keyframes rotation {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(359deg);
	  }
	}	
	
 	
	
    
 	.titol_pagina, .titol_pagina a {
		font-family: 'Droid Sans', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 50px;
 		color: var(--color_lila);
		font-weight:bold;
 		text-decoration:none;
 		padding-left: 10px;
 	}
 	.titol_pagina {
 		border-bottom: 4px solid var(--color_lila);
 	}

 	.titol_pagina2, .titol_pagina2 a {
 		font-size: 50px;
 		color: #333;
		font-weight:bold;
 		text-decoration:none;
 		padding-left: 30px;
 	}
 	.titol_pagina2 {
 		border-bottom: 4px solid #3333331f;
 	}


    
 	.taula_principal {
		width: 1024px;
		margin: auto; 		
		margin-top: 40px;
		font-size: 20px;
 	}
	
 	.taula {
		background-color: #d6d4d444;
		width: 100%;
		border-radius: 4px; 		
        margin:30px auto 20px;
	    color: #333; 	
 	}
	.taula tr:nth-child(even) {
			background-color: #f9f8f2;//#f6e1e544; 
	}		 	
 	.taula TH {
        padding:10px;	
        background-color: var(--color_taiwan);
        color: #fff;        
		border-bottom: 3px solid var(--color_taiwan_fosc);        
 	}
 	
 	.taula TD {
        padding: 1px 12px;	
 	}
 	
 	.marcafila {
 		border-top: 4px solid #333;
 		border-bottom: 4px solid #333; 		
 	}
 	
 	
 	
 	.icona {
 		width: 100px;
 	}
 	
 	.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: 25px;
 	}

 	.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; 
 		margin: auto;
 	}
 	.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;
 	} 	
 	
	#taula_dades {
		border-collapse: collapse;
		width: 100%;
	}

	#taula_dades td, #taula_dades th {
		border: 1px solid #ddd;
		padding: 8px;
	}

	#taula_dades tr:nth-child(even){background-color: #f2f2f2;}

	#taula_dades th {
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: left;
		background-color: #a1c3d8;
		color: white;
	} 	
	
	
	.taula_login {
		width: 60%;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 30px;		
		background-color:#ffffff44; 
		color: #363636;
	    -webkit-border-radius: 6px;		
	}
	.taula_login_cap {
		background-color: var(--color_gris_semi); 
		color: #363636;
		text-align: center;
		height: 100px;
		border-bottom: 1px solid #cccccc;
		font-size:22px;
		-webkit-border-radius: 25px 25px 0px 0px;
	}

	.taula_login_cos {
		margin: auto;
		font-size: 20px;
	}

	.taula_login_peu {
		background-color: #cecee2; 
		border-top: 1px solid #FFFFFF;
	}	


	.taula_formulari {
		width: 90%;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 30px;		
		background-color:#ffffff44; 
		color: #363636;
	    -webkit-border-radius: 6px;		
	}

	.taula_formulari_interior {
		width: 100%;
	}
	
	.taula_formulari_interior TD {
		padding:15px;
		font-size: 20px;
	}

	.taula_interior {
		width: 100%;
		font-size: 20px;
	}

	.zebra tr:nth-child(even) {
		background-color: #f2f2f242;
	}
	.antizebra tr:nth-child(even) {
		background: unset;
	}
	

	.input1_login {
		height: 50px;
		padding: 0 20px;	
		border: 1px solid #ccc;
		font-size: 20px;


	}

	.login-form-btn {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 20px;
		width: 100%;
		height: 60px;
		background-color: #4272d7;
		font-size: 14px;
		color: #fff;
		line-height: 1.2;
		text-transform: uppercase;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		-moz-transition: all .4s;
		transition: all .4s;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}	
	
	.login-form-btn:hover {
		background-color: #333;
	}	

	.taula_estrelles {
		border-spacing: 2px;
		border-collapse: separate;	
	}
	.taula_estrelles TD {
		padding: 1px !important;
		text-align: center;
	}

	.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;
	}


	.destacat {
	  background-color:#FFF;
	  border:1px solid #f5f5f5;
	  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:18px 35px 18px 35px;
	  text-align:left;
	  text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	}

	.destacat2 {
  		width: 80%;
  		border: 3px solid #ffeb3b;
  		background: #fffa9ed6;
  		margin: 10px auto 10px;
		-webkit-border-radius: 4px;
		border-radius: 4px; 		
		padding: 30px;
		font-size: 20px;
  	}
	.destacat3 {
  		width: 80%;
  		border: 3px dotted #795548;
  		background: #ff980085;
  		margin: 10px auto 10px;
		-webkit-border-radius: 4px;
		border-radius: 4px; 		
		padding: 30px;
		font-size: 20px;
  	}

	.destacat4 {	
		background: var(--color_verd_clar);
		padding: 1px 4px;	
	}



 	.contenidor_peu {
	  width: 100%;
 	  border-top: 2px solid #605246;	  
 	  padding-bottom: 70px;
 	  background-color: #25ffb9db;
 	  margin-top: 80px; 	  
 	}
	 	
 	.peu {
	  width: 90%;
	  max-width: 1000px;
	  margin:0px auto 0px;
	  color: #254469;
	  font-size:14px;
 	}
 	.peu a {
	  font-size:14px;
 	}
 	.peu TD {
 	    padding: 5px 0px;
 	    text-align: center; 
 	}
 	
 	.peu2 {
		width: 90%;
		padding: 12px;
		margin:10px auto 10px;
		font-size:16px;
 		text-align: center;
 	}


 	
 
 
	
	/* --- menus ---- */
	
	.menu {
		margin: 1px auto 2px;
	}
	 	

 	
 	.menu td {
	  padding: 3px 16px 3px 16px;
 	}
 	.menu a {
	 	text-decoration:none;
	 	font-weight:bold;
		background: #abc2e6;
		padding: 8px;
		font-size: large;
		line-height: 37px;
		border-radius: 10px 10px 0px 0px;	 	
 	}
 	
 	.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;
 	} 	


	/* --- taules ---- */

	.llista {
		width: 95%;
		margin: 10px auto 20px;
		font-size:20px; 		
	}
	
 	.llista TD {
 		background-color:#e6e6e666;
 		padding: 8px 4px 8px 8px;
 	}

 	.llista TH {
		background: #51388c;
		color: white;
 		padding: 14px 4px 4px 8px;
 	}

 	.llista TH A {
		color: var(--color_cru) !important;
 	}

	.llista tr:nth-child(even) {background: #2196f347;}
	.llista tr:nth-child(odd) {background: #ffffff69;} 	
 	.llista tr:hover td { background-color:#ffffff7a; color: #000000;} 


	.llista2 {
		width: 100%;
		margin: 15px auto 5px;
		font-size:18px; 		
	}
	
 	.llista2 TD {
 		background-color:#e6e6e666;
 		padding: 6px 4px 6px 8px;
 	}

 	.llista2 TH {
		background: #ccc;
		color: #333;
 		padding: 6px 4px 4px 8px;
 	}

	.llista2 tr:nth-child(even) {background: #2196f347;}
	.llista2 tr:nth-child(odd) {background: #ffffff69;} 	
 	.llista2 tr:hover td { background-color:#ffffff7a; color: #000000;} 


	.llista3 {
		margin: 15px auto 5px;
		font-size:18px; 		
	}
	
 	.llista3 TD {
 		background-color:#e6e6e666;
 		padding: 6px 4px 6px 8px;
 	}

 	.llista3 TH {
		background: #ccc;
		color: #333;
 		padding: 6px 4px 4px 8px;
 	}

	.llista3 tr:nth-child(even) {background: #2196f347;}
	.llista3 tr:nth-child(odd) {background: #ffffff69;} 	



	
	.imatge100 {
		margin: 15px 0px;
	}
	.imatge50 {
		margin: 15px 0px;
		width: 40%;
	}

	.majuscules {
		color: navy;
		text-transform: uppercase;
	}	
	
	#chart_div {
		width: 900px;
		height: 500px;
	}			 	
	


 	/* --------- formulari ----------- */

 	.formulari {
 		width: 90%;
 		margin: auto;
 		background-color:#f4f4f466;
		border-radius: 5px;
		padding: 25px; 		
 	} 	

 	.formulari TH {
		padding: 10px; 	
		text-align: center;
		text-transform: uppercase;		
		font-size:25px;
 	} 	

 	.formulari_interior {
 		width: 90%;
 		margin: auto;
 		font-size:20px;
 	} 	

 	.formulari_interior TD {
		padding: 8px; 	
 	} 	

 	
 	.input1 {
 		width: 90%;
 		font-size:18px;
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-radius: 4px;
		color:#333;
		padding: 6px 4px;		
 	}

 	.input1error {
 		width: 90%;
 		font-size:18px;
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		border-radius: 4px;
		color:#c0000c;
		padding: 10px 10px;
 	}

 	.w50 { width: 50px !important;} 	
 	.w60 { width: 60px !important;}
 	.w90 { width: 90px !important;}
 	.w120 { width: 120px !important;}
 	.w200 { width: 200px !important;}
 	
 	.input1nw {
 		font-size:18px;
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-radius: 4px;
		color:#333;
		padding: 4px 10px;
		width: 90%;
		height: 40px;		
 	}

 	.input1nwerror {
 		font-size:18px;
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		border-radius: 4px;
		color:#c0000c;
		padding: 10px 10px;
		width: 90%;
		height: 40px;		
 	}
 	
 	.input2 {
 		font-size:16px;
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-radius: 4px;
		color:#333;
		padding: 4px 5px;
		width: 100%;
 	}
 	.input3 {
 		font-size:18px;
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-radius: 4px;
		color:#333;
		padding: 6px 4px;		
 	}
 	
 	

 	
 	
	/*  ---  */
	.mandalorean {
		border: 2px solid #673ab6;
	}
	
 	.input0 {
 		font-size:18px;
		border-radius: 4px;
		padding: 10px 10px;
		width: 90%;
		height: 40px;		
 	}
 	
	.input_ok {
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		color:#333;
	} 	
	.input_nok {
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		color:#c0000c;
	} 	
 	
 	.with200 {
 		width: 200px;
 	}
 	

 	.item_selected {
 		font-size: 18px;
		color: #fff;
 		padding: 4px 6px;
 		border-radius: 5px; 	
	    line-height: 20px;
	    margin-top: 2px; 		
	    margin-bottom: 3px; 
	    width: 90%		
 	}
	
	#pool_sectors , #pool_paisos , #pool_idiomes {
		margin-top: 10px;
		width: 95%;
		float: right;
	}
	
	.bg1 {
		background-color: var(--color_crimson_t); 	 		
	}
	.bg2 {
		background-color: var(--color_blau); 	 		
	}
	.bg3 {
		background-color: var(--color_verd); 	 		
	}
 	
 	.ics, ics a {
		color: #0a0000;
		background-color: #f3eeee7d;
		padding: 1px 6px;
		margin-right: 10px;
		border-radius: 12px;
		font-size: 12px;		
     }

 	.ics2, ics2 a {
		color: #f7ef99;
		background-color: #0a0000;
		padding: 4px 9px;
		border-radius: 6px;
		font-size: 18px;
     }


	.agris {
	  filter: grayscale();
	  opacity: 0.4;
	}
	.agris_back {
	  filter: grayscale(0%);
	  opacity: 1;
	}

	/* --------- botons ----------- */
	
	.boto1 {
		color: #363636;
		font-size:20px;
		padding: 4px 20px;
		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;
	}
	
	
	.boto2 {
		color: #363636;
		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;
		white-space: nowrap;
	
		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 {
		font-size: 18px;
		padding: 6px 36px;	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-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-color: var(--color_gris_semi);
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		-moz-transition: all .4s;
		transition: all .4s;		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;		
		text-align: center;
	}
	
	.boto3:link,.boto3:visited {
		color: #333;
		text-decoration:none;
	}
	
	.boto3:hover {
		background-color: #333;
		color: var(--color_cru);		
	}	
	.boto3:active {
		position:relative;
		top:2px;
		-moz-box-shadow:0px 0px 0 #819F45;
		-webkit-box-shadow:0px 0px 0 #819F45;
	}	
	
	
	/* boto generic */

	.boto_n {
		font-size: 18px;
		padding: 6px 26px;	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-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;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		-moz-transition: all .4s;
		transition: all .4s;		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;		
		line-height: 25px;
	}
	
	.boto_n:link,.boto_n:visited {
		color: #333;
		text-decoration:none;
	}
	
	.boto_n:active {
		position:relative;
		top:2px;
		-moz-box-shadow:0px 0px 0 #819F45;
		-webkit-box-shadow:0px 0px 0 #819F45;
	}	
	
	/* */
	
	.boto_n_negre {
		background-color: #333;
		color: var(--color_cru);				
	}	
	.boto_n_negre:link,.boto_n_negre:visited {
		color: #fff;
		text-decoration:none;
	}
	.boto_n_negre:hover {
		background-color: #6982EC;
		color: #333;				
	}	

	.boto_n_taronja {
		background-color: #F28850;
	}	
	.boto_n_taronja:link,.boto_n_taronja:visited {
		color: #443732;
		text-decoration:none;
	}
	.boto_n_taronja:hover {
		background-color: #6982EC;
		color: #333;				
	}	
	
	.boto0 {
		background: #673bb726;
		padding: 2px 10px;	
		white-space: nowrap;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;		
	}
	.boto0:link {
		color: #333;
	}


	.petita {
		font-size:14px !important;;
	}

	.andor_and {
		background-color: #90edd4;
		padding: 1px 5px;
		margin: 0px 5px;
	}

	.andor_or {
		background-color:#ff7777;
		padding: 1px 5px;
		margin: 0px 5px;
	}

	.bg_transp {
		background-color: transparent !important;
	}

	.taula_pestanyes {		
		width: 95%;
		margin: auto;
		border-spacing: 0px;
	    border-collapse: separate;
	}
	
	.taula_pestanyes TD {		
		padding: 10px 20px;
		
	}

	.dreta{
		float: right;
	}
	
	.taula_faqs {
		background-color: var(--color_verd_clar);
		margin-top: 140px;
		border-spacing: 0px;
		border-collapse: separate;		
	}
	.taula_faqs TH {
		background-color: var(--color_verd_fosc);
		padding:10px;
	}
	.taula_faqs TD {
 	   padding: 8px 40px;
	}

	.pestanya_on {
		background-color:#ffffffa1;
		border-top: 2px solid #333;
		border-right: 1px solid #333;
		border-left: 1px solid #333;
	}	
	.pestanya_off {
		background-color:#ffffff4d;
		border-bottom: 2px solid #333;
	}	
	
	.negreta {
		font-weight:bold;
	}
	.no_negreta {
		font-weight: normal !important;;	
	}
	
	
	/* ------ errors --------*/

	.error   {
		width:80%;
		margin: 10px auto 20px;
		border: 3px solid #FC0000;
		font-size: 18px;
		font-weight:bold;
		color: #FF0000;
		text-decoration: none;
		padding: 1em;
		background-color: #fecccc;
		text-align:center;
		}
		
	.noerror   {
		width:80%;
		margin: 10px auto 20px;
		border: 2px solid #009966;
		font-size: 18px;
		font-weight:bold;
		color: #094632;
		background-color: #72bda8;
		text-decoration: none;
		padding: 2em;
		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 solid #666666;
		padding: 5px 10px 10px;
		background-color: #f4f4f488;
		margin: 5px 10px 20px 20px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	.fieldset1 {
		background-color:#f7dec3;
	}
	.fieldset2 {
		background-color:#cfeff9;
	}
	

	legend {
		background-color: var(--color_lila);
		border:2px solid #454545;
		padding: 0.3em 1.1em;
		color:#FFFFFF;
		text-align:center;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}		
  
	.legend1 {
		background-color:#F88508;
		font-size: 18px;
	}  
	.legend2 {
		background-color:#019DCE;
		font-size: 18px;
	}  
	
	
  
  
	.destaca_tr {
		background-color: #141b38 !important;
		color: #FFF !important;	
	}
	.destaca_tr a {
		color: #FFF !important;
	}
	.destaca_tr_suau {
		background-color: #0281e659 !important;
		color: #333 !important;	
	}

	.undestaca_tr {
		background-color: initial !important
		color: #333 !important;	
	}
	  
	.borderbottom1 {
		border-bottom: 1px solid #333;
	}
  

  	.destacat_portada {
  		width: 80%;
  		border: 2px solid #365899;
  		background: #caedfb;
  		margin: 10px auto 10px;
		-webkit-border-radius: 4px;
		border-radius: 4px; 		
		-webkit-box-shadow:  2px 2px 10px 0px #cccccc;        
        box-shadow:  2px 2px 10px 0px #cccccc; 		
  		
  	}
  	
  	.destacat_portada TD {
  		padding: 20px;
  		font-size: 20px;
  	}
  	
  	.subsubtitol {
		background: var(--color_lila);
		color: white;
		height: 50px;
		width: 100%;  	
  	}
  	
  	
		a.lk {
			background: #ffcca0;
		}	
		.cas1 {
			background: #ffeca0;
		    border-bottom: 1px solid #ccc;
		    padding: 10px;
		}
		.cas2 {
			background: #b6ffa8;
		    border-bottom: 1px solid #ccc;
		    padding: 10px;
		}
		.cas3 {
			background: #9ef0ff;
			border-bottom: 1px solid #ccc;
		    padding: 10px;			
		}
		.cas4 {
			background: #ffd6da;
			border-bottom: 1px solid #ccc;
		    padding: 10px;			
		}
		
		.blau {
			color: #0083ff;
		}
		.separador {
			background: #f4f4f4;
			border-top: 2px solid #ccc;
			border-bottom: 2px solid #ccc;
			text-transform: uppercase;
			text-align: center;
		}
		.taula_text {
			width: 100%;
			font-size: 20px;
		}
		.taula_text TD{		
			padding: 20px 0px;
		}
		.pir {
			padding-left: 40px !important;
		    font-size: smaller;
		}
		.atencio {
			background: #fff2c1;
			font-weight: bold;
		}
		.docdoc {
			width: 250px;
			border: 1px solid #333333;
		}
		.subtitol {
			color: #FFFFFF;
			background: #4b92db;
			padding: 3px 50px;
		}
		.subtitol2 {
			color: #FFFFFF;
			background: #4b92db;
			padding: 3px 5px;
		}
		

	
	/* Tooltip container */
	.tooltip {
	  position: relative;
	  display: inline-block;
	  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
	}

	/* Tooltip text */
	.tooltip .tooltiptext {
	  visibility: hidden;
	  /*width: 250px;*/
	  background-color: #eff993;
	  color: #333;
	  text-align: center;
	  padding: 5px 10px;
	  border-radius: 6px;
	  font-size: 18px;
    top: 15px;
    right: 120%;	  

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

	/* Position the tooltip text */
	.tooltip-top {
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
	}	

	.tooltip-top::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 20%;
		margin-left: -5px;
		border-width: 9px;
		border-style: solid;
		border-color: #eff993 transparent transparent transparent;
	}

	.tooltip-bottom {
		top: 135%;
		left: 50%;
		margin-left: -60px;
    }
	.tooltip-bottom::after {
		content: "";
		position: absolute;
		bottom: 100%;
		left: 20%;
		margin-left: -5px;
		border-width: 9px;
		border-style: solid;
		border-color: transparent transparent #eff993 transparent;
	}    


	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
	  visibility: visible;
	  opacity: 1;
	}	
	
	.tooltiptext-bottomarrow {
		visibility: hidden;
		width: 120px;
		background-color: #111;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 130%;
		left: 50%;
		margin-left: -60px;
	}	

	/* --- */
	
 	.uela {
 		font-size:22px;
 		list-style-position: inside;
		list-style: square; 	
 	}
 	
 	.uela li {
 		margin-left:30px;
 		font-weight: bold;
 		text-align: left;
 	}
 	
 	.uela2 { 
 		font-size:22px;
		list-style-position: inside;
 	}
 	
 	.groc {
 		background:#ffff5b;
 		padding: 3px 5px 3px 30px;
 		border-left: 5px solid #FF6600;
 	}
	  	
	.text_groc {
		color: var(--color_groc);	
	}  	
	.text_taronja {
		color: var(--color_taronja);	
	}  	

	/* buit, nomes te estil per a mobil */	
	.tr_br {
	}
	
	.text_hulk {
		color: var(--color_hulk);
	}

	.boto_whatsapp {
		border: none;
		color: white;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		border-radius: 14px;
		padding: 6px 16px;
		width: fit-content;
		margin: auto;
		cursor: pointer;
		box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
		background-color: #04A784;    
	    line-height: 50px;		
	}	

	@media screen and (max-width: 900px) {
	
			BODY  {
				font-size:16px;
			}  
			h1 {
				font-size: 45px;
			}			
			h2 {
				font-size: 22px;
			}			

			.input1, .input1nw, .input1nwerror, .input1error, .input0 {
				width: 100%;
				padding: 1px 4px;
			}
    		

  			.nav li a {
				padding:5px;
			}

			
			.capcelera_interior {
				width: 100%;
			}
			.logo {
				width: 60px;
			}
			.logo_xxss {
				width: 30px;
			}

			.titol_capcelera,.titol_capcelera a {			
				font-size: 30px;
			}
			.subtitol_capcelera,.subtitol_capcelera a {			
				font-size: 20px;
			}
			.titol_pagina, .titol_pagina a {
				font-size: 25px;
			}
			.titol_pagina2, .titol_pagina2 a {
				padding-left: 3px;
				font-size: 40px;
			}
			
			.peu {
			  width: 100%;
			}			
			.peu2 {
				width: 100%;
				margin:10px auto 3px;
				font-size:14px;
			}
			.contingut {
				width: 100%;
				padding: 5px;
				font-size: 16px;
			}	
			
			.taula_principal {
				width: 100%;
				margin: auto; 		
			}
						
			.tr_br {
				font-style: italic;
				margin: 0 4px;
				display: block;
				text-align: right;
				font-size: 18px;
				padding: 1px 15px 0px 0px;		
				color: #197b1d;	
			}
			

			.formulari {
				width: 100%;
				padding: 5px; 		
			} 	
			.formulari_interior, .taula_formulari {
				width: 100%;
			}			

			
			.taula_info {
				padding:1px;	
			}
			.taula_info caption {
				font-size: 15px;
			}
			.taula_info TH {
				font-size: 16px;
				padding:5px;	
			}			
			.taula_info TD {
				padding:2px;	
			}
			
			.taula_etapes a {
				font-size: 13px;
			}			

	}