<br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>11</b><br />

	:root {
	  --bgcolor1: #3975d3;  
	  --bgcolor2: #ebad8e; 
	  --bgcolor3: #ffe4c4; 
	  --bgcolor4: #93827626; 

	  --bgcolor1b: #1963a914;
	  --bgcolor2b: #cdeb8e36;
	  --bgcolor3b: #c8cdea;	  
	  --color_destacat: #4B92DB;	
	  --color_destacatbg: #4B92DB33;
	  
	  --color1: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>26</b><br />
;		    
	  --color2: #<br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>27</b><br />
;		    
	}

	* {
		box-sizing: border-box;
	}	


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

	 a {
	 	color:#333;
	 	font-weight:normal;
	 	text-align:left;
	 	}


	BODY {
		background-color: #fff;
		margin: 0;
	}

   
 	h1 { 		
 		font-size: 50px;
 		display:inline;
 		color: ; 
		line-height: 62px;
 	}

 	h2 {
 		font-size: 32px;
 		display:inline;
		color:var(--bgcolor1);
 	}

	h2 A { text-decoration:none;}
	
 	h3 {
 		font-size: 25px;
 		display:inline;
 		color: var(--verd_mes_fosc);
		background: #ffe4c4;
		padding: 10px 28px 10px 8px;
		line-height: 49px; 		
 	}

 	h4 {
		font-size: 25px;
		display: inline;
		line-height: 34px;
		color: indianred; 	
		}

 	.cos {
 		width: 100%;
 	}
 	.cos TD {
 		 padding: 20px 0px 20px 0px;
 	}


	.bg1  { background-color: var(--bgcolor1b);} 	
	.bg1b { background-color: var(--bgcolor1b);} 	
	.bg2  { background-color: var(--bgcolor2b);} 	
	.bg3  { background-color: var(--bgcolor3b);} 	
	.bg4  { background-color: var(--bgcolor4);} 	
 	
 	
 	.contenidor {
 		width: 90%;
		max-width: 1200px;
        margin: 0px auto 20px;
	    color: #333333; 	 	
	    font-size: 20px;
	    line-height: 130%;
 	}

 	.contenidor TD{
 		padding: 25px 0px;
 	}
 	
	.logo {
		width: 120px;
 		margin-right: 40px;
		
	}		 
	.logo200 {
		width: 120px;
 		margin-right: 40px;
		
	}		 
	
	.capcelera {
		width: 100%;
		background-color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>130</b><br />
; /*var(--bgcolor1);*/
	    color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>131</b><br />
;
		border-bottom: 5px solid var(--bgcolor2);
		padding: 30px 0px;
			background-image: url(https://catalansalmon.com/img/logo_bg4.png);
			background-repeat: no-repeat;
			background-position: 125% 60px;
	}

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

 	.titol_capcelera,.titol_capcelera a {
 		font-size: 50px;
 		color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>147</b><br />
;
		font-weight:bold;
 		text-decoration:none;
 	}

 	.titol_subcapcelera,.titol_subcapcelera a {
 		color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>153</b><br />
; 		
 	}

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

	.subtitol {
 		font-size: 30px;
 		display:inline;
		color:var(--bgcolor1);	
		text-align: left;
	    line-height: 40px;		
	}


	.subcapcelera {
		width: 100%; 
		background: var(--bgcolor3);
		border-spacing: 0px;
		border-collapse: separate;	
	}
	

	.eines {
		text-align: right;
		/*background: #0900002b;*/
	    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #0900002b, rgba(255, 0, 0, 0));
	    padding: 12px;		
	}
	. eines a {
	    
	}
	
	.ubuntu { 
		font-family: "Ubuntu";
	}		
	
	.menu_off, .menu_off a {
	    color: #333;
	    text-decoration: none;
	}
	
	.taula_menu {
		border-spacing: 0px;
		border-collapse: separate;	
		font-family: ubuntu;
	}
	.taula_menu TD {
		padding: 13px 4px;	
	}

	.menu_on {
		color: bisque;
		background: var(--bgcolor1);	
		padding: 0px;
	}
	.menu_on a {
		color: bisque;
		text-decoration: none;
	}
	
	.menu_stats {
		margin: auto;
	}
	.menu_stats TD {
		padding: 5px;
		text-align: center;
	}
		 		

	.loginform {
		font-size:16px;
		float: right;
		color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>234</b><br />
;		
	}
	
	.loginform a:link, .loginform a:visited { 
		color: #EEEEEE;
		font-size: 16px;
		padding:4px;
		text-decoration: none;
		color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>242</b><br />
;		
	}	
	
	.loginform TD {	
	}
	.login_input {
		border: 1px solid #363636;
		border-radius: 3px 3px 3px 3px;
		color: #203649;
		font: 15px/20px Ubuntu,sans-serif;
		padding: 1px 5px;
		background-color: #CCCCCC;
	}		
	
	.searchform {
		margin-top:10px;
		color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR_OVER" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>258</b><br />
;	
	}

	.boto_camon {
		-webkit-border-radius: 4px;
		border-radius: 4px; 
		background-color: var(--bgcolor1);
		border: 1px solid #333333;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		color: #FFFFFF;
		cursor: pointer;
		padding: 1px 18px;
		font-family: 'PT Sans', 'Ropa Sans', Calibri, Arial,Verdana ;
		font-size: 12pt;
		font-weight: normal;
		white-space: nowrap;
		transition: all 600ms cubic-bezier(0.2, 0, 0, 0.8);
	}
	.boto_camon:link, .boto_camon:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	.boto_camon:active {
		position: relative;
		top: 2px;
	}
	.boto_camon:hover {
	    background: #0a2279;
	    box-shadow: 0 0 15px #edd350;
	}	
	
	.desde_camon {
		text-align: center;
		font-style: italic;
	}
	
	.desde_camon_plus {
		font-size: xx-large;
		padding: 30px;
		line-height: normal;
		color: #ff6600;	
		font-weight: bold;	
	}	
	
	.ldd {
		font-weight: bold;
		font-size: 22px;
	}
	
	.justifica {
        text-align: justify;
    }

	.enconstruccio TD {	
		text-align: right;
		font-size: 12px;
		padding: 0px 30px;
	}
	
	.mapid {
		width: 100%; 
		height: 550px; 
		text-align: center; 
		vertical-align: middle; 
		font-size: 16px; 
		background: #ccc; 
		color: #333;
		border-radius: 10px;
	}		

	.mapid_general {
		border: 5px solid var(--bgcolor1);					
	}
	.mapid_ofertes {
		border: 5px solid var(--bgcolor7);					
	}
	.mapid_demandes {
		border: 5px solid var(--bgcolor8);					
	}
	.mapid_links {
		border: 5px solid var(--bgcolor9);					
	}


	.divfix {
		position: sticky;
		top: 700;
		float: right;
		background: #c4d9ff;
		padding: 9px 13px;
		font-size: 12px;
	    border-radius: 13px 0px 0px 13px;		
	}
	
	/* paginador */
	
	.taula_paginador,.taula_paginador a {
		font-size:14px !important;
		color: var(--bgcolor1) !important;
		text-decoration: none;
	}
	.taula_paginador TD {
		padding: 4px 1px 4px 0px;
	}
	
	.paginaencurs {
		border: 1px solid #333;
		padding: 4px !important;	
		background: var(--bgcolor3);					
	}	
	
	.taula_interior {
		background: unset !important; 
	}
	.taula_interior TD {
		padding: 0px 5px !important;
	}
		
		
	.fs18 {
		font-size: 18px	!important;
	}
	.codi_pd {
		font-family: monospace;
		background: #deb88724;
		font-weight: bold;	
	}
	.nowrap {
		white-space: nowrap;	
	}
	
	.taula_utils {
		width: 100%;
		border-spacing: 0px;
	    border-collapse: separate;		
	}
	.taula_utils td {
		vertical-align: text-top;
		transition: transform .2s;
		padding: 15px;
		font-family: Ubuntu;
	}	
	.taula_utils td:hover { 
		background-color: #dbedf7;
		transform: scale(1.1); /* Scale up the button */
		border-radius: 5px;
	}

	.ico_utils {
		width: 100px;
	    margin-top: 25px;		
	}


 	.formulari {
 		margin: auto;    
 		width: 100%;
		border: 1px #666; 		
	    border-spacing: 0px;
    	border-collapse: separate;		
 	}
	.formulari tr:nth-child(odd) {
	  background-color: #f3f3f3;
	}
	.formulari tr:nth-child(even) {
	  background-color: #dbedf7;
	} 	
 	.formulari TH {
 		padding: 20px;
 		font-size: 20px; 
		color:var(--bgcolor1); 		
 	}
 	.formulari TD{
 		padding: 10px 15px; 
 	}
 	

 	.formulari_input {
 		margin: auto;    
 		width: 90%;
		background-color: var(--bgcolor2b); 		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;			
		box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;		
 	}
 	
 	.formulari_input TH{
		color: var(--bgcolor1);
		font-size: xx-large;
		padding: 20px;
		/*border-bottom: 1px solid #c8c8c8;*/
		/*box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;	*/
		box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -20px;	
 	}
 	.formulari_input TD{
		padding: 40px 10px 0px 10px;
 	}
 	
    
	.input1 {
		width: 90%; 
		padding: 8 15px;
		border: 2px solid var(--bgcolor1);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;			
	}
	.input1:disabled {
		border: 2px solid #ccc;
		color: #ccc !important;
	}
.input1:invalid {
  border: 2px dashed red;
}
.input1:invalid:focus {
  /*background-image: linear-gradient(pink, white);*/
  background: #FFF0F1;
}	

	.input1nw {
		padding: 8 15px;
		border: 2px solid var(--bgcolor1);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;				
	}
	
	.input1error {
		width: 90%;
		padding: 8 15px;
		border: 2px solid red;
		background: #ffdfde;		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;			
	}

	.input2 {
		width: 90%;
		padding: 2px 5px;
		border: 1px solid #666;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;			
	}	
	.input2_error {
		width: 90%;
		padding: 2px 5px;
		border: 2px solid red;
	}	

	.input_search	{
		font-size:14px;
		background-color: #FFCDCD;
		border: 1px solid;
		border-color: #0f83bc;
		padding: 2px;
		border-radius: 2px; 
		height: 24px;
		width: 130px;
		}
	
	.input_search2	{
		font-size: 14px;
		background-color: #f8f8f8;
		border: 1px solid #333333;
		height: 25px;
		width: 120px;		
		border-radius: 3px;	
	}	
	
	.inputerror {
		border: 2px solid red;
		background: #ffdfde;	
	} 
 	
 	
	/* ---------- MENU CSS */
	
	.menu_bar {
		display:none;
	}
 
	header {
		width: 100%;
		background: var(--bgcolor3);
	}
 
	header nav {
		z-index:1000;
		max-width: 1000px;
		width:98%;
		margin:10px auto;
	}
 
	header nav ul {
		list-style:none;
		margin-top: -10px;
	}
 
	header nav ul li {
		display:inline-block;
		position: relative;
	}
 
	header nav ul li:hover {
		background: #3875D166;
		color: #fff;
	}
 
	header nav ul li a , header nav ul li a:visited , header nav ul li a:link {
		/*color: #ece5ae; //#4b92db;*/
		display:block;
		text-decoration:none;
		padding: 13px 14px;
		font-size: 17px;
		font-weight: normal;
		text-transform: uppercase;
	}
 

	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: #224b8b;
		color: #333;
		position: absolute;
		width: 150%;
		z-index:10000;
		padding: 0px;
	    margin-top: 0px;		
	}
 
	header nav ul li .children li {
		display:block;
		overflow: hidden;
		border-bottom: 1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li .children li a {
		display: block;
		font-size: 15px;	
		color: #fff;	
	}
 
	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;
	} 	
	
	.submenu {
		font-family: Ubuntu;
		font-size: 10px;
		font-style: normal;
		color: #FF6600;
		/*background-color: var(--bgcolor1);*/
		right: 10px;
		text-indent: 5pt;
		text-transform: lowercase;
		vertical-align: text-bottom;
	}	
	
	 	
	.pestanya_on {
		height: 34px;
		padding: 10px 35px 10px 35px;
		text-decoration: none;
		text-align: center;
		/*background: #FF950F;*/
		background: #ff920d;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffc039), to(#ff920d));
		background: -moz-linear-gradient(top,  #ffc039,  #ff920d);
		background: -o-linear-gradient(top,  #ffc039,  #ff920d);
		background: linear-gradient(top,  #ffc039,  #ff920d);
		text-shadow: 1px 1px 1px #FFFFFF;
		font-weight: bold;
		border:1px solid #666666;
		-moz-box-shadow:  0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow:  0 0 5px #888;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;		
	}
	
	.pestanya_on:hover{
		/*background: #FF6600;*/
		}
	
	.pestanya_on a:link, .pestanya_on a:visited{
		color: #333333;
	 }
	
	.pestanya_off {
		height: 34px;
		padding: 5px 15px 5px 15px;
		text-decoration: none;
		text-align: center;
		background: #e5e5e5;
		text-shadow: 1px 1px 1px #FFFFFF;
		border:1px solid #666666;
		/*box-shadow:  0 0 5px #888;*/
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;	
	}
	
	.pestanya_off:hover{
		}
	
	.pestanya_off a:link, .pestanya_off a:visited{
		color: #333333;
	 }
	
	.pestanya2 {
		background: rgb(136,191,232); /* Old browsers */
		height: 34px;
		padding: 10px 35px 10px 35px;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 1px #FFFFFF;
		font-weight: bold;
		border:2px solid #666666;
	}
	.pestanya2 a:link, .pestanya2 a:visited{
		color: #333333;
	 } 	
 	
	.dont-break-out {

	  /* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;

	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;

	} 	
	

 	.botonera {
		width: 100%;
		border-spacing: 20px;
		border-collapse: separate;		
 	}
 	.botonera td {
        padding:40px;	
		text-align: center;
 	}
 	.botonera td a{
		font-weight:bold;
 		text-decoration:none;
 		font-size: x-large;
 	}
 	
	
	.taula_mapa {
		width: 100%;
		padding: 1;
		font-size: 15px;	
		color: #fff;
	} 
	.taula_mapa TD a {
		font-size: 16px;	
		color: #fff;
	} 
		
	.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: #333333; 	
 	}
 	
	.taula_plana {
		width: 100%;
		font-size: 18px;
		margin-top: 20px;		
	}
	.taula_plana tr:nth-child(odd) {
    	background-color: unset;
	}
	.taula_plana TD {
		padding: 8px 10px;
	}

	.disclaimer {
		font-size: 12px !important; 
		width:95%;
		margin: auto;
		color: #999;
		font-size: smaller;
		padding: 15px 25px;
		text-align: justify;			
		border-top: 1px solid #dcdadd;
	}

 	.uela {
	}	
 	
 	.uela li {
 		padding: 25px 16px;
		border-bottom: 1px solid #a9b390;
 	}
 	
	.uela li:last-child {
	  	border: none;
	} 	
 	.uela li a {
 		text-decoration: none;
 	}
	.uela li:hover {
	  	background: var(--bgcolor2b);
	} 	
	
	.uela2 li {
		padding: 10px;
	}
 	.uela2 li a {
 		text-decoration: none;
 	}
	.uela2 li:nth-child(odd) {
	  background-color: #f0f8ff8a;
	} 	
	
	.elai {
			font-size: 40px;
			font-weight:bold;	
			display: block;
			margin-bottom: 20px;	
			color: 	var(--bgcolor2);
	}
	

 	.taula_info {
 		width: 100%;
 		padding:5px;	
		border-collapse: collapse;
		border-spacing: 0; 	
		font-size: 18px;	
 	}
 	.taula_info TH {
 		font-size: 20px;
 	 	padding:15px;	
		background-color: var(--bgcolor3); 	 	
 	 	border-bottom: 3px solid var(--bgcolor2);
 	}

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

 	.taula_info TD {
 	 	padding:25px;	
 	}

 	.taula_info td:hover {
 	} 	

	.zebra tr:nth-child(odd) {
	  background-color: <br />
<b>Warning</b>:  Undefined array key "CAMON_WEB_COLOR" in <b>/home/catalansalmon/public_html/estils.css.php</b> on line <b>855</b><br />
33;
	}
	.zebra tr:nth-child(even) {
	  background-color: #f2f2f2;
	}

	.zebra1 tr:nth-child(odd) {
	  background-color: #f2f2f2;
	}	
 	
 	
 	.sense_estil {
		padding:1px 2px 1px 2px !important;	
		border: 0px;
 	}
 	

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

	.destacat2 {
	  background-color: #cbdeff;
	  border:5px solid #9fb5de;
	  color:#333;
	  font-size: 25px;
	  padding: 55px 70px !important;
	  text-align: CENTER;
	  line-height: 150%;
	  border-radius: 10px;	
	  margin: 50px 50px 100px 50px;	        	  
	}

	.destacat3 {
		width: 75%;		
		background-color: #e7fadc;
		border:5px solid #ccc;
		color:#333;
		font-size: 18px;
		padding: 55px 70px !important;
		text-align: CENTER;
		line-height: 100%;
		border-radius: 10px;	
		margin: 20px auto 50px;	        	  
	}
	.destacat3 TD {
		padding: 2px;	
	} 
	
	.div_destacat {
	  background-color: var(--bgcolor1);
	  color:#333333;
	  font-size: 25px;
	  padding: 40px!important;
	  text-align: center;
	  line-height: 150%;
	  border-radius: 10px;	      
      margin: auto;	  
	  width: 36%;      
	}
	.div_destacat a {
		color: #fff;
	}


 	.contenidor_peu {
		background: var(--bgcolor3);
		width: 100%;
		border-top: 5px solid #60524621;	  
		text-align: center; 	
		font-size: 14px;
		padding-top: 50px;
	    padding-bottom: 80px;		
 	}
 	
 	.contenidor_peu a {
	 	font-size: 12px;
	 	font-family: 'PT sans';
 	}
	 	
 	.peu {
 		width: 90%;
		max-width: 1000px;
		margin:0px auto 0px;
		color:#353535;
		font-size:14px;
 	}
 	.peu a {
	  font-size:14px;
 	}
 	

	footer {
		color:#bb6413;
		font-size:14px;
	}
 	
 	
	/* 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;
	}


	/* 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;
	}

	.icona_xxss {
		width: 32px;
		border: 0px;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);		
	}
	.icona_xxss:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0);		
	}
	.icona_xxssgran {
		width: 66px;
		border: 0px;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);		
	}
	 

 	 	/* --- taules ---- */
 	 	
 	.llista {
	 	width: 100%;
		margin-top: 3px;
		margin-bottom: 30px;	 
		font-size: 19px;
	    line-height: 28px;		
 	} 	
 	.llista TD {
 		padding: 40px 30px;
 	}

 	.llista TH {
 		background-color: var(--bgcolor1);
 		padding: 14px 6px;
		color: var(--bgcolor3); 	
		font-size: larger;	
 	}
 	.llista TH A{	 	
	 	color: var(--bgcolor6);
	}	 	
	.llista tr:nth-child(odd) {
	  background-color: #f3f3f3;
	}
	.llista tr:nth-child(even) {
	  background-color: #dbedf7;
	}
	.llista tr:last-child {
	  border-bottom: 6px solid #ccc;
	}	
	 

	.foto_noticia {
		width: 250px;
	}
	.foto_logo {
		max-width: 200px;
	}
	.foto_logop {
		max-width: 100px;
	}

	.foto_petita {	
		height: 250px;
		margin-left: 20px;
		margin-bottom: 20px;
		max-width: 100%;
		background: #fff;
		padding: 10px 10px 20px 10px;
		border: 1px solid #333;	
	}
	.foto_qui {
		float: left;
		max-width: 150;
		margin: 0px 30px 10px 0px;	
		border: 1px solid #333;
	}
	
	.div_fotos {
		text-align: center;
	}
	
	.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;
	}
		 	

      .blink { 
      	font-size:16px;
      	color: var(--bgcolor1);
        animation: blink-animation 1s steps(2, start) infinite; 
        -webkit-animation: blink-animation 1s steps(2, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }   

	.arrow_original {
	  border: solid black;
	  border-width: 0 3px 3px 0;
	  display: inline-block;
	  padding: 3px;
	}
	.arrow {	
		border: solid #ffa84c;
		border-width: 0 8px 8px 0;
		display: inline-block;
		padding: 4px;
		margin-left: 10px;	
	}
	.right {
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}

	.left {
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	}

	.up {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}

	.down {
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}

	/* --------- botons ----------- */
	
	.boto1 {
		color: #363636;
		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 */
		white-space: nowrap;
	}
	
	.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));
	}
	
	.boto1:disabled {
	  background: #ccc;
	}	
	
	
	.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 */
		white-space: nowrap;
		line-height: 30px;
	}
	
	.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));
	}	
	
	.boto0, boto0:link	{
		background-color: #FF6600; 
		padding: 3px 16px !important;
		border: 2px solid #333;
		-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;
		transition: all 600ms cubic-bezier(0.2, 0, 0, 0.8)
	}
	.boto0:hover {
	    /*background: #0a2279;*/
	    box-shadow: 0 0 15px #edd350;
	}		
	
	.boto3 { 
		font-family: "Ubuntu";
		background: var(--bgcolor1);
		color: #ffffff !important;
		font-size: 15px;
		padding: 15px 25px;
		border: 1px solid #333;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;		
		line-height: 30px;		
	} 
	
	.boto3:link,.boto3:visited {
		color: #363636;
		text-decoration:none;
	}
	

	.boto4 {
	  background: var(--bgcolor1);
	  border-radius: .5rem;
	  box-sizing: border-box;
	  color: #FFFFFF;
	  display: flex;
	  font-size: 17px;
	  justify-content: center;
	  padding: 1.4rem 1.75rem;
	  text-decoration: none;
	  width: 100%;
	  border: 0;
	  cursor: pointer;
	  user-select: none;
	  -webkit-user-select: none;
	  touch-action: manipulation;
	}
	
	.boto4:hover {
	  background-image: linear-gradient(-180deg, #5e98f2 0%, #3875d3 100%);
	}	
	.boto4:link,.boto4:visited {
		color: #fff;
		text-decoration:none;
	}	
	.boto4:active {
	}


	.boto5 {
		background: #fa807233;
		padding: 1px 15px;
		font-family: 'Ubuntu';
		white-space: pre;
	} 

	@keyframes blink {
		0% {opacity: 1;}
		50% {opacity: 0;}
		100% {opacity: 1;}
	}
	.boto_off {
		background-color: #3875D277;
		border: 0px;
		color: #333;	
		font-family: 'Ubuntu';
		padding: 1px 15px;
		animation: blink 1s infinite;
	}
	
	
	.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;
		margin-left: 10px;		
	}
	.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;
	}	
	
	.bt_copylink {
		text-transform: uppercase;
		font-size: 80%;
		font-weight: 700;
		padding: 3px 12px;
		color: #333;
		background-color: #CCC;	
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		margin-left: 10px;
		border: 1px solid #666;		
	}
	
				
	.petita {
		font-size:14px;
	    line-height: initial;		
	}
	.petitablava, petitablava:link, petitablava a  {
		font-size:14px !important;
		color: var(--bgcolor1) !important;
		line-height: initial;
	}

	.barra {
	  background-color:#FEB36A;
	  border:0px solid #e87306;
	  height: 25px;
	  background: url('img/bg1.png') repeat-x scroll center bottom;
	}
	
	/* buscador ajax */
	
	.suggestionsBox {
		position: relative;
		left: 0px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: var(--bgcolor1);
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
		font-size: 15px;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}	

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

	.error   {
		width:70%;
		margin: auto;
		border: 3px solid #FC0000;
		font-size: 18px;		
		color: #FF0000;
		text-decoration: none;
		padding: 1.2em 1.0em;
		margin-top : 2px;
		margin-bottom : 2px;
		background-color: #fecccc;
		text-align:center;
		border-radius: 5px;
		margin-top: 9px;
		margin-bottom: 10px;		
		}
		
	.noerror   {
		width:70%;
		margin: auto;
		border: 2px solid #009966;
		font-size: 18px;
		color: #009966;
		text-decoration: none;
		padding: 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 solid var(--color1);
		padding: 5px 10px 10px;
		background: #f4f4f4;
		margin: 5px 10px 20px 20px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}
	
	legend {
		  background: var(--color1);
		  border: 2px solid #333;
		  padding: 0.2em 1.2em;
		  color:#FFFFFF;
		  text-align:center;
		  -moz-border-radius: 2px;
		  -webkit-border-radius: 2px;
		  text-transform: uppercase;
	
	  }		
  
  .fieldset_obligatori {
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	background-color: #FFFFFF;
    border: 1px solid #333333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.legend_obligatori {
	border-radius: 4px; 
	background-color: $_SESSION['CAMON_WEB_COLOR'];
	color: #FFFFFF;
    border: 1px solid #333333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    padding: 4px 15px;
    font-family: 'Ropa Sans', Calibri, Arial,Verdana ;    
    font-size: 13pt;
    font-weight: normal;    
}
	.dreta_gran {
		text-align: right;
	}


	.taula_afegir {
		width: 100%;
		background-color: var(--bgcolor3b);
		font-size: smaller;
    	border-bottom: 3px solid #999;
	}
	
	.capdamunt {
		float: right;
		margin-right: 3px;
		margin-bottom: 3px;
		padding: 3px;	
	}
	.capdamunt A {
		font-size: 12px; 
	}
	
	.icona {
		width: 25px;
	}
	
	
	@media screen and (max-width: 900px) {
		BODY  {
			padding: 0px;
		}
		h1 {
			font-size: 30px;
		    line-height: 40px;			
		}
		h2 {
			font-size: 30px;
		}
		h3 { 
			line-height: 40px;  		
	 	}		
		
		.capcelera {
			margin-top: 80px; /* pel menu */
		}
		.capcelera_interior {
			width: 100%;
		    font-size: 11px;			
		}	
		.titol_capcelera,.titol_capcelera a {
			font-size: 21px;
			margin-left: 1px;
		}
		.titol_pagina, .titol_pagina a {
			font-size: 25px;
		}
		.logo {
			width: 80px;
	 		margin-right: 4px;
		}		
		.logo200 {
			/*display:none;*/
			width: 75px;
			margin-right: 19px;
		}
		.login_input {
			width: 80px;
		}
		.menu td {
		  padding: 4px 2px;
		}
		.menu a {
			font-size: 11px;
		}
		.menu_on a {
			font-size: 12px;
		}
		
		.menu_off, .menu_off a {
			font-size: 11px;
			font-weight: bold;		    
		}		
		
	
		p {
		}

		.div_destacat {
			width: 90%;
			padding: 43px 40px !important;
			font-size: 20px;
		}
		
		.destacat2 {
		  font-size: 25px;
		  padding: 30px 35px !important;
		  line-height: 150%;
		  margin: 20px;	        	  
		}		
		.zappa {
			margin: auto;
			width: 90%;
			background-color: #42aa42;
		}

		.taula {
			padding:5px 2px;	
			margin:10px auto 10px;
		}
		
		.contenidor {
			width: 95%;
			padding:5px;	
			margin: auto;
			
		}
		.peu {
			width: 100%;	
			font-size:12px;
		}		
		
		
		.campanyes TD {
			padding:5px;	
		}
		
		.formulari_input {
			width: 100%;
		}		
		.formulari_input TH{
			font-size: x-large;		
		}
				
		.boto1 {
			padding: 4px 15px;
		}		
		.llista {
			width: 100%;	
		    margin-top: 25px;			
		    margin-bottom: 50px;			
		} 			
		.llista TD {
			padding: 12px 8px;
		}
		.llista TH {
			padding: 4px;
		}
		fieldset {
			margin: 5px auto 10px;
		}
		
		 
		.mapid {
			width: 90%; 
			height: 400px; 
		}
		
		.boto0 {
			color: #fff;
			line-height: 33px;
			text-decoration: none;		    
		}

		
		.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;
		}
		
		.dreta_gran {
			text-align: left;
		}
		
		.input1, .input1error {
			width: 100%; 
		}		

		.uela {
			font-size: large;		
		}	
	
		.uela li {
			padding: 25px 6px;
		}

		.dreta {
			margin-top: 5px;
			margin-bottom: 20px;
			padding: 5px 10px;		
		}
		
		.botonera {
			width: 100%;
			border-spacing: 10px;
		}		
		.botonera td {
			padding:20px 18px;	
		}		

		.taula_llegenda {
			width: 100%;
		}	
		.foto_qui {
			width: 100%;
			max-width: none;			
		}			
		.incrusta {
			width: 100%;
		}		
		
			/* menu */
			
			.menu_bar {
				display:block;
				width:100%;
				position: fixed;
				top:0;
				left: 0;
				background:#167ac6;
			}

			.menu_bar .bt-menu {
				display: block;
				padding: 20px;
				color: #fff;
				overflow: hidden;
				font-size: 25px;
				font-weight: bold;
				text-decoration: none;
			}

			.menu_bar span {
				float: right;
				font-size: 40px;
				margin-right: 10px;
			}

			header nav {
				width: 80%;
				height: calc(100% - 80px);
				position: fixed;
				right:100%;
				margin: 0;
				overflow: scroll;
				top:  80px;
			}

			header nav ul li {
				display: block;
				border-bottom:1px solid rgba(255,255,255,.5);
			}

			header nav ul li a {
				display: block;
			}

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

			header nav ul li .children {
				width: 100%;
				position: relative;
			}

			header nav ul li .children li a {
				margin-left:20px;
			}

			header nav ul li .caret {
				float: right;
			}		
			
			.submenu {
				background-color: var(--bgcolor1);			
				/*top: -90px;*/
			}
			
			/* fi del menu */		
		
	}