* {
		padding:0;
		margin:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		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 {		
		color: #333366;
		margin: 0;
	}
 	
 	h1 {
		font-family:'Overpass', sans-serif;; 	
 		font-size: 60px;
 		display:inline;
 		color:#D40404;
 		line-height: 55px;
 	}

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

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

 	h4 {
 		font-size: 18px;
 		display:inline;
 		color: #333333;
 		background-color: #ffffff;
 		padding: 1px 10px 1px 15px;
 	}

 	.contenidor {
 		width: 100%;
 		font-size:18px;
	} 	
 	.contingut {
 		width: 90%;
 		max-width: 1000px;
        padding:15px 20px;	
        margin:0px auto 20px;
	    background-color: #FFF;	
 		font-size:20px;
 	}

	
	.capcelera {
		width: 100%;
		border-bottom: 5px solid #F99368; 
		background-color: #4b92db;
	}

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

 	.titol_capcelera,.titol_capcelera a {
		font-family: 'Droid Sans', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 70px;
 		color: #FFFFFF;
		font-weight:bold;
 		text-decoration:none;
 	}
 	
 	.logo {
 		width: 150px;
 	}

 	.titol_pagina, .titol_pagina a {
		font-family: 'Droid Sans', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 50px;
 		color: #4b92db;
		font-weight:bold;
 		text-decoration:none;
 	}
 	.titol_pagina {
 		/*border-bottom: 4px solid #4b92db;*/
 		padding: 60px;
 	}

 	.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;
 	}
	
 	.taula {
		background-color: #F4F4F4;
		width: 1024px;
		-webkit-border-radius: 4px;
		border-radius: 4px; 		
		-webkit-box-shadow:  2px 2px 10px 0px #cccccc;        
        box-shadow:  2px 2px 10px 0px #cccccc; 		
        padding:15px 20px;	
        margin:30px auto 20px;
	    color: #63636; 	
 	}
 	
 	.numerot {
		font-family:'Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 60px;
 		display:inline;
 		color:#D40404;
 	} 	
 	
 	.roig {
 		color: #fff;
		background: #ff00008f;
		border-radius: 0px 20px 20px 0px;
		padding-right: 20px; 		
 	}
 	
	blockquote {
	  background: #f9f9f9;
	  border-left: 10px solid #ccc;
	  margin: 1.5em 10px;
	  padding: 0.5em 10px;
	  quotes: "\201C""\201D""\2018""\2019";
	  font-style: italic;
	  font-size: larger;
	}
	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;
	} 	
	
	.elai {
		margin-left: 20px;
		margin-top: 25px;
	}
 	
 	.info {
	 	border-left: 1px dashed #CCCCCC; 
 	}
 	
 	.mesinfo {
		background: #f7d8bc; 	
		border-left: 1px dashed #CCCCCC; 
 	}
 	
	#subcap {
		text-align:center;
		font-size:25px;
		color: #464646;
		font-family: 'PT Sans','Helvetica Neue', sans-serif;
		padding: 20px;
		background-color: #f1d85a; 	
	} 	

	#demo {
		text-align:center;
		font-size:25px;
		color: #464646;
		font-family: 'PT Sans','Helvetica Neue', sans-serif;
		padding: 20px;
		background-color: #beea50; 	
	} 	
	
	.ico_enquesta {
		width: 45px;
		margin: 0px 15px;
	}
 	
 	.taula_info {
 		width: 100%;
 		padding:5px;	
 		font-size:22px;
 	}

	.taula_info tr:nth-child(even) {
	  background-color: #ecfbf6; /* A light gray color for even rows */
	}
 	
 	.taula_info TH {
 		font-size: 20px;
 	 	padding:15px;	
		background-color: #CCCCC0; 	 	
 	 	border-bottom: 2px solid #dddddd; 
	  position: sticky;
	  top: 0; /* Don't forget this, required for the stickiness */
	  box-shadow: 0px 8px 14px 0px rgb(0 0 0 / 40%); 	 	
 	}

 	.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;
 		font-size:22px;
 	}
 	.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_info3 {
 		padding:30px;	
 		background-color: #FFFFFF; 
 		margin: auto;
 	}	 	
 	.taula_info3 TH {
		text-align: center;
		background-color: #ccccc0; 
 	 	position: sticky;
 	 	top: 0;
 	}

 	.taula_info3 TD {
 	 	padding:5px;	
 	}


 	.taula_info4 {
 		width: 100%;
 		padding:3px;	
 		font-size:20px;
 	}
 	.taula_info4 TH {
 		font-size: 26px;
 	 	padding:12px;	
		background-color: #dddddd; 	 	
 	 	border-bottom: 2px solid #695555; 
 	}
 	.taula_info4 TD {
 	 	padding:6px;	
 	 }	



 	
	#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;
	  position: sticky;
	  top: 0; /* Don't forget this, required for the stickiness */
		
	} 	

	.onvotar {
	  background: white;
	  border-radius:3px;
	  border-collapse: collapse;
	  height: 320px;
	  margin: auto;
	  max-width: 600px;
	  padding:5px;
	  width: 100%;
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	  animation: float 5s infinite;
	}
  	
 	
 	.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;
	}


	.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 {
	  background-color:fffa9e;
	  color:#333333;
	  padding:5px;
	  
	}

	.destacat3 {
		background-color: fffa9e;
		color: #333333;
		padding: 25px;	
		font-size: larger;
		width: 90%;
		margin: auto;
		border-top: 3px #4b92db solid;
		border-bottom: 3px #4b92db solid;	
	}	

	.destacat4 {
		background-color:#fcb5b5	;
		color:#333333;
		padding:15px;
		line-height: 70px;
		border: 3px solid #b40202;
	}

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

	.total_testimonis {
	  background-color:#00FF00;
	  border:2px solid #087508;
	  border-bottom-left-radius:4px;
	  border-bottom-right-radius:4px;
	  border-top-left-radius:4px;
	  border-top-right-radius:4px;
	  color:#333;
	  font-size:18px;
	  text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	  margin-bottom: 20px;
	  padding:8px 10px 8px 10px;
	}

 	.contenidor_peu {
	  background-color:#938274; 	
	  width: 100%;
 	  border-top: 2px solid #605246;	  
 	  padding-bottom: 70px;
 	}
	 	
 	.peu {
	  width: 90%;
	  max-width: 1000px;
	  margin:0px auto 0px;
	  color:#353535;
	  font-size:14px;
 	}
 	.peu a {
	  font-size:14px;
 	}
 	
 	.peu2 {
		width: 90%;
		padding: 12px;
		margin:10px auto 10px;
		color:#454545;
		font-size:16px;
 		border-bottom: 1px solid #8e7662; 	
 		text-align: center;
 	}

 	
 	.twitter_incrustat a {
 		font-size:14px;
 	}
 	
 	.testimonis {
 		width: 100%;
 		border-top: 0px solid #CCCCCC;
 		border-bottom: 0px solid #CCCCCC; 	
 		/*background-color:#fdfdfd;*/
 		margin-top: 20px;
 		margin-bottom: 20px; 		
 	}
 	
 
 	.cella_testimoni {
	  vertical-align:text-top; 	
	  background-color:#e6e6e6;
	  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; 	
 	}

 	.cella_testimoni td:hover {
	 	background-color:#FFF;
 	} 	 	
 	
 	.mesmostres a:link {
 		background-color:#FF6600;
 		color: #111111;
 		padding: 14px 4px 4px 8px;
 		text-decoration:none;
 	}
 	
	.remarkable {
 		border-top: 2px solid #CCCCCC;
 		border-bottom: 2px solid #CCCCCC; 	
 		background-color:#fdfdfd;
 		margin-top: 40px;
 		margin-bottom: 30px; 		
	}
	
	.no_hi_cap {
		word-break: break-all;
		font-weight: bold;
		
	}
	
	 	/* --- menus ---- */
	 	
	 	.menu {
	 		margin: 1px auto 2px;
	 	}
	 	
.menu_bar {
	display:none;
}
 
header {
	width: 100%;
}
 
header nav {
	background:#365899;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:20px auto;
}
 
header nav ul {
	list-style:none;
}
 
header nav ul li {
	display:inline-block;
	position: relative;
}
 
header nav ul li:hover {
	background:#E6344A;
}
 
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 3px 12px;
}
 
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:#2d60c2;
	position: absolute;
	width: 250px;
	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;
	padding: 8px 1px;
}
 
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;
}
 	
 	.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;
 	} 	
 	 	/* --- taules ---- */
 	
 	.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;} 

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

	.majuscules {
		color: navy;
		text-transform: uppercase;
	}	
	
	.extra_info {
		padding: 20px;
		background-color:#A4CA47;
	}
	
	#chart_div {
		width: 900px;
		height: 500px;
	}			 	

	/* 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: 200px;
	  top: +25px;
	  left: 111%;
	  background-color: #4b92db;
	  color: #fff;
	  text-align: center;
	  padding: 5px 4px;
	  border-radius: 6px;
	  font-size: 16px;

	  /* Position the tooltip text - see examples below! */
	  position: absolute;
	  z-index: 1;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}	
	
	
	.article {
		font-style: italic;
		background-color:#f4f4f4;
		width: 90%;
		padding: 30px 15px;
		border-bottom: #999999 2px solid;
	}
	.font_article {
		font-size:14px;
		text-align: right;
		margin-top: 10px;
		font-style: normal;		
		text-transform: lowercase;
	}
	.quefaig {
		background-color: #f3961c;
		padding: 2px 3px;
		margin: 10px 0px;
		color: #fff;	
	}
	
		.divfix {
			position: sticky;
			top: 700;
			float: right;
			background: #c4d9ff;
			padding: 9px 13px;
			font-size: 12px;
			border-radius: 13px 0px 0px 13px;
		}	

 	/* --------- formulari ----------- */
 	
 	.taula_form {
 		width: 100%;
 	}
	.taula_form tr:nth-child(odd){
		background-color: #e8eef7;
	} 	
 	.taula_form TD {
 		padding: 5px;
 	}
 	
 	.taula_form_interior {
 		width: 100%;
 	    border-spacing: 0px;
	    border-collapse: separate;	
	}
	.taula_form_interior tr:nth-child(odd){
		background-color: initial;
	} 	
 	.taula_form_interior TH {
 		padding: 8px; 		
 		font-size: 20px;
	}
 	.taula_form_interior TD {
 		padding: 6px; 		
	}
	
	.bg1 {
		background-color: #ff9191;
	}
	.bg2 {
		background-color: #9cbff5;
	}
	
	.rb {
		margin-right: 10px;
	}
	
	.taula_rbuttons_no {
		width: 100%;
		background:#fcbaba;
		pointer-events: initial;
		color: #363636;			
	}
	.taula_rbuttons_no TH {
		background-color: #ff9191;
 		padding: 8px; 		
 		font-size: 20px;
	}

	.taula_rbuttons_no TD {
		padding: 6px 4px 6px 40px;
	}


	.taula_rbuttons_si {
		width: 100%;
		background:#bad3fc;
		color: #363636;			
		pointer-events: initial;
	}		
	.taula_rbuttons_si TH {
		background-color: #9cbff5;
 		padding: 8px; 		
 		font-size: 20px;
	}

	.taula_rbuttons_si TD{
		padding: 6px 4px 6px 40px;
	}

	.taula_rbuttons_desactivat{
		width: 100%;
		background:#edeaea;
		pointer-events: none;
		color: #8e8a8a;
	}
	.taula_rbuttons_desactivat TD{
		padding: 6px 4px 6px 40px;
	}	

	.taula_100 {  
		width: 100%;
	}
	
	
	.taula_interior {  
		width: 100%;
	}

	.taula_interior tr:nth-child(odd){
		background-color: #e8eef7;
	} 	
	
	.taula_interior TH {
		background-color: #9cbff5;
 		padding: 8px; 		
 		font-size: 16px;
	}
	
	.taula_interior TD{
		padding: 4px;
	}
	
	.amplia_font_size {
		font-size: x-large	
	}
	
	.csi {
		background-color:#319262;
		padding: 2px 6px;
	}
	.cno {
		background-color:#DD4477;
		padding: 2px 6px;
	}
	
	.mes_petit {
		font-size: x-small;
	}
	
	.font_large_xx {
		font-size: xx-large;
	}
	.font_large_x {
		font-size: x-large;
	}
	.pregunta {
		padding: 40px 10px;	
	}
	
	/* ------ */
	
 	.input0nw {
 		font-size:20px;
		background-color:#f4e8ae;
		border:3px solid #4b92db;
		border-radius: 4px;		
		color:#333;
		padding: 6px 10px;
 	}
	
	
	
 	.input1 {
 		font-size:16px;
		background-color:#f4f4f4;
		border: 2px solid #4b92db;
		border-radius: 4px;		
		color:#333;
		width: 400px;
		padding: 4px 10px;
 	}

 	.input1nw {
 		font-size:16px;
		background-color:#f4f4f4;
		border: 2px solid #4b92db;
		border-radius: 4px;
		color:#333;
		padding: 4px 10px;
 	}

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

 	.input1nwerror {
 		font-size:16px;
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		border-radius: 4px;
		color:#c0000c;
		padding: 4px 10px;
 	}
 	
 	.with200 {
 		width: 200px;
 	}
 	

 	
 	

	/* --------- botons ----------- */
	
	.boto1 {
		color: #363636;
		font-family:'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
		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;
			//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 */
		white-space: nowrap;
	}
	
	.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));
		}	
	
	
	
	@keyframes blink {
		0% {opacity: 1;}
		50% {opacity: 0;}
		100% {opacity: 1;}
	}
	.boto_off {
		font-size: 20px;
	    padding: 4px 20px;
    	border: 1px solid #ff920d;
	    -webkit-border-radius: 5px;	
		background-color: #3875D277;
		border: 0px;
		color: #333;	
		font-family: 'Ubuntu';
		padding: 1px 15px;
		animation: blink 1s infinite;
	}
		
	
	.petita {
		font-size:14px;
	}


	.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 #666666;
	padding: 5px 10px 10px;
	background-color: #f4f4f4;
	margin: 5px 10px 20px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	
	.fieldset1 {
		background-color:#f7dec3;
	}
	.fieldset2 {
		background-color:#cfeff9;
	}
	

legend {
	  background-color:#4B92DB;
	  border:2px solid #454545;
	  padding: 0.1em 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;
	}  
	
	
  
  
	 /* ============================================================================================================================
	== BUBBLE WITH AN ISOCELES TRIANGLE
	** ============================================================================================================================ */

	/* THE SPEECH BUBBLE
	------------------------------------------------------------------------------------------------------------------------------- */

	.triangle-isosceles {
		position:relative;
		padding:15px;
		margin:1em 0 1.7em;
		color:#000;
		background:#f3961c; /* default background for browsers without gradient support */
		/* css3 */
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
		background:-moz-linear-gradient(#f9d835, #f3961c);
		background:-o-linear-gradient(#f9d835, #f3961c);
		background:linear-gradient(#f9d835, #f3961c);
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}

	/* Variant : for top positioned triangle
	------------------------------------------ */

	.triangle-isosceles.top {
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
		background:-moz-linear-gradient(#f3961c, #f9d835);
		background:-o-linear-gradient(#f3961c, #f9d835);
		background:linear-gradient(#f3961c, #f9d835);
	}

	/* Variant : for left/right positioned triangle
	------------------------------------------ */

	.triangle-isosceles.left {
		margin-left:50px;
		background:#f3961c;
	}

	/* Variant : for right positioned triangle
	------------------------------------------ */

	.triangle-isosceles.right {
		margin-right:50px;
		background:#f3961c;
	}

	/* THE TRIANGLE
	------------------------------------------------------------------------------------------------------------------------------- */

	/* creates triangle */
	.triangle-isosceles:after {
		content:"";
		position:absolute;
		bottom:-15px; /* value = - border-top-width - border-bottom-width */
		left:50px; /* controls horizontal position */
		border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
		border-style:solid;
		border-color:#f3961c transparent;
		/* reduce the damage in FF3.0 */
		display:block;
		width:0;
	}

	/* Variant : top
	------------------------------------------ */

	.triangle-isosceles.top:after {
		top:-15px; /* value = - border-top-width - border-bottom-width */
		right:50px; /* controls horizontal position */
		bottom:auto;
		left:auto;
		border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
		border-color:#f3961c transparent;
	}

	/* Variant : left
	------------------------------------------ */

	.triangle-isosceles.left:after {
		top:16px; /* controls vertical position */
		left:-50px; /* value = - border-left-width - border-right-width */
		bottom:auto;
		border-width:10px 50px 10px 0;
		border-color:transparent #f3961c;
	}

	/* Variant : right
	------------------------------------------ */

	.triangle-isosceles.right:after {
		top:16px; /* controls vertical position */
		right:-50px; /* value = - border-left-width - border-right-width */
		bottom:auto;
		left:auto;
		border-width:10px 0 10px 50px;
		border-color:transparent #f3961c;
	}

	/* variacio nomes el bubble */
	.isosceles {
		padding:15px;
		margin:1em 0 1.7em;
		color:#000;
		background:#f3961c; /* default background for browsers without gradient support */
		/* css3 */
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
		background:-moz-linear-gradient(#f9d835, #f3961c);
		background:-o-linear-gradient(#f9d835, #f3961c);
		background:linear-gradient(#f9d835, #f3961c);
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}  
	.cas1 {
		background: #ffeca0;
		border-bottom: 1px solid #ccc;
		padding: 10px;
		font-size:18px;
	}
	.cas_triat {
		background: #b6ffa8;
		border: 1px solid #666;
		padding: 10px;
		font-size:28px;
		border-radius: 4px;
	}
	.cas3 {
		background: #9ef0ff;
		border-bottom: 1px solid #ccc;
		padding: 10px;			
		font-size:18px;
	}
	.cas4 {
		background: #ffd6da;
		border-bottom: 1px solid #ccc;
		padding: 10px;			
	}
  	
  	.cap_km {
  		margin: 5px auto 5px;
  	}
  	.cap_km TD {
  		padding: 15px;
  	}
  	
  	.destacat_km {
  		width: 70%;
  		border: 2px solid #ff6600;
  		background: #ffd6da;
  		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_km TD {
  		padding: 20px;
  		font-size: 20px;
  	}

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

  	.destacat_portada_mes {
  		width: 80%;
  		border: 4px solid #BE0712;
  		background: #fdc2be;
  		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_mes TD, .destacat_portada_mes2 TD {
  		padding: 20px;
  		font-size: 20px;
  	}

  	.destacat_portada_mes2 {
  		width: 80%;
  		border: 4px solid #0e6203;
  		background: #b8faaf;
  		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; 		  		
  	}
  	
  	.foto_petita {
  		width: 30%;
  	}
  	.foto100 {
  		width: 100%;
  	}
  	
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px; height: 0; overflow: hidden;
		}

		.video-container iframe,
		.video-container object,
		.video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 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: 15px 50px;
			font-size: 20px;
		}
		.subtitol2 {
			color: #FFFFFF;
			background: #4b92db;
			padding: 3px 5px;
		}

		.subtitol3 {
			color: #363636;
			background: #CCCCC0;
			padding: 10px 20px;
			text-align: center;
		}
		
		a.Ntooltip {
		position: relative; 
		text-decoration: none !important; 
		font-weight:bold !important; 
		}

		a.Ntooltip:hover {
		z-index:999; 
		background-color:#666666; 
		color: #FFFFFF;
		}

		a.Ntooltip span {
		display: none; 
		}

		a.Ntooltip:hover span {
		display: block; 
		position: absolute; 
		top:2em; left:2em; 
		width:300px; 
		padding:5px; 
		background-color: #0080C0; 
		color: #FFFFFF; 
		}		  	

		.uela ul {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		}

		.uela li {
		  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
		  border-bottom: 1px solid #ccc;
		}

		.uela li:last-child {
		  border: none;
		}

		.uela li a {
		  text-decoration: none;
		  color: #000;
		  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
		  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
		  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
		  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
		  transition: font-size 0.3s ease, background-color 0.3s ease;
		  display: block;
		}

		.uela li a:hover {
		  font-size: 30px;
		  background: #aeecec;
		} 
		
 	.uelax {
 		font-size:18px;
 	}
 	
 	.uelax li {
 		margin-left:30px;
 		font-weight: bold;
 	}
 	
 	.groc {
 		background:#ffff5b;
 		padding: 3px 5px 3px 30px;
 		border-left: 5px solid #FF6600;
 	}
	  	

	.faq_uela {
	}
 	.faq_uela li {
 		margin:5px 30px;
 		font-weight: bold;
 		text-transform: uppercase;
 	}

	.faq_titol {
 		background:#b4c6ea;
 		font-size:18px;
 		padding: 13px 5px 13px 20px; 		
	}

	.faq_text {
 		font-size:19px;
	}

	.faq_peu {
 		padding: 3px 5px 13px 30px;
 		height: 100px;
	}

	@media screen and (max-width: 900px) {
			BODY  {
				padding-top: 80px;
				font-size:18px;
			}  
			h1 {
				font-size: 45px;
			}			
			h2 {
				font-size: 19px;
			}			
    
  			.nav li a {
				padding:5px;
			}


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

			.titol_capcelera,.titol_capcelera a {			
				font-size: 30px;
			}
			.titol_pagina, .titol_pagina a {
				font-size: 25px;
			}
			.peu {
			  width: 100%;
			}			
			.peu2 {
				width: 100%;
				margin:10px auto 3px;
				font-size:14px;
			}
			.contingut {
				width: 100%;
				padding: 0px;
			}	
			.imatge100 {
				width: 100%;
				margin: 10px 0px;
			}
			
			.cas1 , .cas2 , .cas3 {
				font-size:16px;
			}
			.input0nw {
				font-size:12px;
			}
			 					
			#chart_div {
				width: 100%;
				height: 300px;
			}

			.cap_km TD {
				padding: 5px;
				text-align: center;
			}
			.taula_info {
				padding:1px;	
				font-size:16px;
			}
			.taula_info caption {
				font-size: 15px;
			}
			.taula_info TH {
				font-size: 18px;
				padding:5px;	
				position: sticky;
				top: 0;				
			}			
			.taula_info TD {
				padding:2px;	
			}


		 	.input1nw {
		 		width: 100%;
		 	}			
			
			
			.destacat_km TD {
				padding: 6px;
				font-size: 14px;
		  	}
						
				.menu_bar {
					display:block;
					width:100%;
					position: fixed;
					top:0;
					left: 0;
					background:#E6344A;
				}
 
				.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;
				}
 
				header nav {
					width: 80%;
					height: calc(100% - 80px);
					position: fixed;
					right:100%;
					margin: 0;
					overflow: scroll;
				}
 
				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;
				}						
				.subtitol {
					padding: 2px;
				}
				

	}