:root {
			--color_principal: #938274;
			--color_secundari: #54c8ff
			--color2: #F99368;
			--bgcolor1: #1c2737;  
			--bgcolor2: #5c0303; 
			--bgcolor3: #FF5722; 
			--bgcolor4: #93827626; 
			--marru: #5D3A1C;
			--bgcolor1b: #1963a914;
			--bgcolor2b: #cdeb8e36;
			--bgcolor3b: #c8cdea;	  
		}

		* {
			box-sizing: border-box;
			margin: 0;
		}	

		.resp_contenidor {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}
		.resp_capcelera {
			width: 100%;
			background-color: var(--color_principal); 
			border-bottom: 10px solid var(--color_secundari);	
		}
		
		.resp_general {
			background-color: #FFF ;
			width: 100%;
			padding:20px;
			float: left;
		}
		.resp_lateral {
			background-color: #C4C4C4;
			width: 30%;			
			padding:20px;
			float: right;
		}
		.resp_peu {
			width: 100%;
			margin: 0 auto;			
			padding: 20px;
			float: left;
			text-align: center;
			vertical-align: middle;
			  background-color:#938274; 	
		 	  border-top: 2px solid #605246;			
		}

		.resp_general_100 {
			background-color: #FFF ;
			width: 100%;
			padding:20px;
			float: left;
		}
		.resp_subcapcelera{
			width: 100%;
			float: left;
			text-align: center;
			vertical-align: middle;
			padding: 20px;			
			background-color: #FFCC00;
			font-size: 1.3em;
		}	
	 body,input,a,textarea,select{
	 	font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	 	color:#5d3a1c;
	 	font-weight:normal;
	 	text-align:left;	 	
	 	}

	BODY {
		background-color: #e8e8e8;
		color: #5d3a1c;
		margin: 0;
		background: transparent url(img/pw_maze_white.png) repeat 0% 0%;		
	}

	a,a:hover,a:active{text-decoration:none;}

	p {
	    padding-bottom: 20px;	
	}
 	
 	H1 {
		font-family: 'Ubuntu', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 75px;
 		display:inline;
 		color:#c0000c;
 		text-decoration:none;
 		/*text-shadow:rgba(55, 55, 55, 0.9) 0 2px 0;*/
 	}
 	
 	H1 a {
 		color:#FFF;
 	}
 	
 	.no_underline  {
	 	text-decoration:none;
 	}

 	h2 {
 		font-size: 28px;
 		display:inline;
 		color: #333333;
 	}

 	h3 {
 		font-size: 28px;
 		display:inline;
 	}

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

	form {
 		display:inline;	
	}



.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:#694448;
}
 
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 15px;
}
 
header nav ul li a span {
	margin-right:10px;
}
 
header nav ul li:hover .children {
	display:block;
}
 
header nav ul li .children {
	display: none;
	background:#011826;
	position: absolute;
	width: 150%;
	z-index:1000;
}
 
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;
}
 
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;
}
 	
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

 	.contenidor {
 		width: 1020px;
		font-size: 25px; 		
 		background-color: #F4F4F4;
        padding:10px 10px;	
        margin:0px auto 20px;
	    color: #63636; 	 		
 	}
 	
 	.primera_columna {
 		width: 75%;
 		float: left;
 		padding: 10px;
 	}
 	
 	.segona_columna {
	 	width: 25%;
	 	float: right;
 		padding: 10px 10pz 10px 5px;	 	
 		border-left: 1px solid #cccccc;
 	}

	ul.faq {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		display:inline-table;
	}

	.faq {
		font-size:1.5em;
	}

	.faq LI {
		background-color: #ccccc0;
		border-bottom: 2px solid #565656;
		margin: 15px;
		padding: 1px 1px 1px 25px;
	}
	
	#map_previ {
	 		font-size: 20px;
	}

	.text {
		width: 100%;
		padding: 10px 5px;
		font-size: 18px;
	}
	.text td {
		padding: 10px 5px;
	}
	.text_titol {
		background-color: var(--color_principal);
		padding: 10px;
		font-size:1.1em;
	}
	
	.separador_files {
		border-bottom: 2px solid #565656;
		font-size:1.6em;
	}
	
 	.taula {
		background-color: #F4F4F4;
		width: 100%;
		-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; 	
 	}

	.taula_dades{
			border-collapse:collapse;
			padding: 10px;
	} 		
	.taula_dades td, .taula_dades th {
		font-size:1.1em;
		border:1px solid var(--bgcolor3);
		padding:10px 11px 10px 7px;
	}
	.taula_dades th {
		font-size:1.1em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background-color:var(--bgcolor2);
		color:#ffffff;
	}
	.taula_dades tr.alt td {
		color:#000000;
		background-color: var(--bgcolor1);
	}


	.taula_dades2{
			border-collapse:collapse;
			padding: 10px;
	} 		
	.taula_dades2 td, .taula_dades2 th {
		font-size:1em;
		border:1px solid var(--bgcolor3);
		padding:3px;
	}
	.taula_dades2 th {
		font-size:1.2em;
		background-color:var(--bgcolor2);
		color:#ffffff;
	}
	.taula_dades2 tr.alt td {
		color:#000000;
		background-color: var(--bgcolor1);
	}

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


	.capcelera {
		width: 100%;
		height: 150px;
		background-color:var(--color_principal); 
		border-bottom: 10px solid var(--color_secundari);	
		font-family: 'Ubuntu', sans-serif;	
	}
 	.capcelera_interior	 {
 		width: 1020px;
	}	
	.titol_capcelera, .titol_capcelera a {
		font-family: 'Ubuntu', sans-serif;
		color: #FFFFFF;
		font-size: 75px;
	}
	.logo {
		width: 150px;
	}	
	
	.capcelera_padri {
		width: 100%;
		height: 150px;
		background-color:var(--color_principal); 
		border-bottom: 10px solid #ACCE12;		
	}

	.capcelera_admin {
		width: 100%;
		height: 100px;
		background-color:var(--color_principal); 
		border-bottom: 10px solid #79C7F5;		
	}

	.capcelera_cos {
		width: 1024px;
	}

	.cap_titol {
   		font-family: 'Doppio One', sans-serif;	
 		font-size: 60px;	
 		color: #111111; 		
	}
	.cap_subtitol {
 		font-size: 20px;	
 		color: #333333; 		
 		font-family: 'Doppio One', sans-serif;	
	}
	
	.bocata {
		font-size: 18px;
		border:1px solid #CCCCCC;
        padding:20px auto 60px;
		background-color: #FfFfFF;		
		-webkit-border-radius: 9px;
		border-radius: 9px; 		
	}
	
	.gran {
	}
	
 	.titol_bocata, .titol_bocata a {
		font-family: 'PT Sans','Ubuntu','Doppio One', sans-serif;	 	
 		font-size: 25px;
 		color: #333333;
		font-weight:bold;
		text-align: center;
 		text-decoration:none;
 		background-color: var(--bgcolor2);
 		padding: 10px;
		-moz-border-radius-topleft:9px;
		-webkit-border-top-left-radius:9px;
	    border-top-left-radius:9px;		
		-moz-border-radius-topright:9px;
		-webkit-border-top-right-radius:9px;
	    border-top-right-radius:9px;		
		border:1px solid var(--bgcolor3);
	    
 	}	
 	
 	.titol {
 		font-size: 40px;
 		color: #333333;
		font-weight:bold;
 		background-color: #d4d4d4 ;
 		padding: 2px 2px 2px 33px;
 	}

 	.subtitol {
		font-family: 'Ubuntu', 'Arial', sans-serif; 	
 		font-size: 20px;
 		color:  #5D3A1C;
		font-weight:bold;
		text-align: right;
		background-color: var(--bgcolor2);
		padding: 2px 30px 2px 2px;
 	}

 	.subsub {
		font-family: 'Ubuntu', 'Arial', sans-serif; 	
 		font-size: 15px;
 		color: #5D3A1C;
 		background-color: #ccccc0; 		
 	}

 	.subsub a {
 		font-size: 15px;
		font-weight:bold; 		
 	}
 	
 	.titol_pagina {
		font-family: 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 50px;
 		color: #7b5252;
		font-weight:bold;
 		text-decoration:none;
 		text-shadow:rgba(255, 255, 255, 0.9) 0 2px 0;
 		border-top: 1px solid #454545;
 		border-bottom: 2px solid #454545;
 		padding: 3px 3px 3px 50px; 		
 	}
 	.titol_pagina a{
 		font-size: 30px;
 	}

 	.subtitol_pagina, .subtitol_pagina a {
		font-family: 'Ubuntu', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
 		font-size: 20px;
 		color: #FFFFFF;
		font-weight:bold;
 		text-decoration:none;
 		background-color: #5D3A1C;
 		padding: 1px 10px 1px 10px;
 	}
	
	

	.taula_login {
		width: 600px;
		margin-top: 0px;
		border: 1px solid #636363;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		background-color:#F4F4F4; 
		color: #363636;
		box-shadow:#CCCCCC 2px 2px 10px 0;
		-webkit-box-shadow:#CCCCCC 2px 2px 10px 0;		
	}
	
 	.taula_login a {
	 	color:#5d3a1c;
 	}
	

	.taula_login_cap {
		background-color: #E5E5E8; 
		color: #363636;
		text-align: center;
		height: 100px;
		border-bottom: 1px solid #cccccc;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
	}

	.taula_login_cos {
		background-color: #e9e5e5; 
		color: #363636;
		border-top: 1px solid #FFFFFF;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
	
	
	/* taules de rankings */
	
	.ranking {
		background-color: #FFFFFF;
	}
	.ranking th {
		border-bottom:2px solid #5D3A1C;
		background-color: #CCCCC0; 
	}
	.ranking td {
		border-bottom:1px solid #5D3A1C; 
	}
 	.ranking tr:hover {
	 	background-color:#f7dbc0;
 	} 	

	.ranking td a:hover {
		border-bottom:1px solid #5D3A1C; 
	}

	/* taules de graella */
	
	.graella {
		background-color: #FFFFFF;
	}
	.graella th {
		border-bottom:2px solid #5D3A1C;
		background-color: #CCCCC0; 
	}
	.graella td {
		border-bottom:1px solid #5D3A1C; 
	}
 	.graella tr:hover {
	 	background-color:#f7dbc0;
 	} 	

	.graella td a:hover {
		border-bottom:1px solid #5D3A1C; 
	}


 	.lateral {
 		font-size: 14px;
 	}
	

 	
 	

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

 	.taula_info td:hover {
	 	background-color:#FFF;
 	} 	
 	
 	.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;	
 	}
 	
 	.numerot {
		font-family: 'Ubuntu', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 		
 		padding: 20px 10px 0px 20px;
 		font-size: 70px;
		font-weight:bold; 	
		text-shadow:rgba(255, 255, 255, 0.9) 0 3px 0;
 	}

 	.numeret {
		font-family: 'Ubuntu', 'PT Sans','Noticia Text', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 		
 		padding: 20px 10px 0px 20px;
 		font-size: 30px;
		font-weight:bold; 	
		text-shadow:rgba(255, 255, 255, 0.9) 0 3px 0;
 	}
 	}

	.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:#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:#333;
	  font-size:18px;
	  text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	  margin-bottom: 20px;
	  padding:8px 10px 8px 10px;
	}

	.destacadet {
		background-color: #FFFFFF;
		border:1px solid #FF6600;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#333333;
		font-size:18px;
		margin:-10px auto 20px;
		padding:18px 35px 18px 35px;
		text-align:center;
		text-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0;
	}



	
 	.contenidor_peu {
	  background-color:#938274; 	
	  width: 100%;
 	  border-top: 2px solid #605246;	  
 	}
	 	
 	.peu {
	  width: 1024px;
	  margin:0px auto 0px;
	  color:#353535;
	  font-size:14px;
 	}
 	.peu a {
	  font-size:14px;
 	}
 	
 	.peu2 {
		width: 900px;
		margin:10px auto 10px;
		color:#454545;
		font-size:16px;
 		border-top: 1px solid #605246;
 		border-bottom: 1px solid #605246; 	
 	}
 	
 	.div_peu {
	 	margin:10px auto 10px;
 	}
 	
 	.twitter_incrustat a {
 		font-size:14px;
 	}

 	.forum {
 		width: 100%;
 		background-color:#ddceb6;
 		margin-top: 20px;
 		margin-bottom: 20px; 	
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px; 			
 	}
	
	/* --- postals ---*/
	
	.postal1 {
		background: url('img/postal1.png') no-repeat top left ;
 		width: 462px;
 		height: 301px;
	}
	.postal2 {
		background: url('img/postal2.png') no-repeat top left ;
 		width: 460px;
 		height: 312px;
	}
	
	.boto_entrar {
		background: url('img/bt_entrar.png') no-repeat top left ;
 		width: 156px;
 		height: 80px;
 		border: 0px;
 		padding: 20px 10px 10px 40px;
 		font-size: 20px;
		font-weight:bold; 		
	}

	/* --- afegeixte ---*/
	
	.afegeixte {
		background: url('img/bg_afegeixte.png') no-repeat top left ;
 		width: 850px;
 		height: 232px;
	}

	.boto_entrar2 {
		background: url('img/bt_entrar2.png') no-repeat top left ;
 		width: 189px;
 		height: 58px;
 		border: 0px;
 		padding: 20px 10px 10px 20px;
 		font-size: 20px;
		font-weight:bold; 		
	}

	/* --- foto i nova ---*/

	.nou_foto {
		background: url('img/bg_nou.png') no-repeat top left ;
 		width: 748px;
 		height: 546px;
	}
	
	
	/* ---  ---*/
			
	.comfunciona {
		font-size: 18px;
	}
	 	 	
 	.testimonis {
 		width: 100%;
 		border-top: 0px solid #CCCCCC;
 		border-bottom: 0px solid #CCCCCC; 	
 		/*background-color:#fdfdfd;*/
 		margin-top: 20px;
 		margin-bottom: 20px; 		
 	}
 	
 	.cella_botons {
	  vertical-align:text-top; 	
	  padding:5px;
 	}

 	.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-shadow:rgba(255, 255, 255, 0.498039) 0 1px 0; 	
 	}
	
 	.mesmostres a:link {
 		background-color:#FF6600;
 		color: #111111;
 		padding: 14px 4px 4px 8px;
 		text-decoration:none;
 	}
 	
	
	 	/* --- menus ---- */
 	.menu {
 		width: 100%;
	}
 	.menu td {
	  padding: 3px 13px 3px 13px;
	  background-color:#ccccc0;
	  font-size:20px; 
	  border-bottom: 3px solid #FFFFFF;
	  text-align: center;
 	}
 	.menu a {
	 	text-decoration:none;
 	}
 	
 	.menu td:hover {
	 	background-color: #CCCC00;
	 	border-bottom: 3px solid var(--bgcolor2);
 	}
 	
 	.menu_on {
 		background-color:#FEB36A !important;
 	}
 	.menu_off {
 		background-color:#fff; 	
 	}
 	
 	.loginform a {
	 	color: #333333; 	
 	}
 	
 	.top {
 		float: right;
 	}
 	.top a {
 		font-size: 13px;
 	}
 	
 	 /* --- taules ---- */
 	 	
 	.llista {
 		font-size:18px; 	
 		border-collapse: collapse;
 	}
 	 	
 	
  	.llista TH {
 		font-size:20px;
		color:#ca0000;
 		padding: 8px 8px 8px 10px; 	
 		border-bottom: 1px dashed #1a171b;	
 	}	
  	.llista TD {
 		padding: 4px 4px 4px 8px;
		border-bottom: 1px dashed #1a171b;
 	}	
 	
 	
 	
 	.llista_over TD {
 		background-color:#e6e6e6;
 		padding: 4px 4px 4px 8px;
 	}

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

	.nomesunvot, .nomesunvot a  {
		color:#999999;	
	}
		 	
 	
 	.formulari {
 		width: 90%;
 		margin:auto;
 	}
 	.formulari TD {
		padding: 4px ;
 	}
 	.input1 {
 		font-size:16px;
		background-color:#FFFFFF;
		border:1px solid #cccccc;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#333;
		width: 90%;
		padding: 4px 10px;
 	}

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

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

 	.input1nwerror {
	 	font-size:16px;
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#c0000c;
		padding: 4px 10px;
	}	
		
 	.input2 {
 		font-size:16px;
		background-color:#FFFFFF;
		border:1px solid #cccccc;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#333;
		width: 300px;
		padding: 2px 6px;
 	}
 	.input2nw {
 		font-size:14px;
		background-color:#FFFFFF;
		border:1px solid #cccccc;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#333;
		padding: 1px 5px;
 	}

 	.input2error {
 		font-size:14px;
		background-color:#ffc1c1;
		border:2px solid #c0000c;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#c0000c;
		padding: 1px 5px;
 	}

 	.input3 {
 		font-size:12px;
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		color:#333;
		width: 140px;
		padding: 2px 2px;
 	}


	/* --------- botons ----------- */
	
	.boto1 {
		color: #363636;
		font-family:'PT 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 {
		color: #363636;
		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:'PT Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
		font-size:15px;
		padding: 2px 10px;
		border: 1px solid #ff920d;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
		cursor: pointer;
	
		background: #ffa84c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffa84c 32%, #ff7b0d 82%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffa84c), color-stop(82%,#ff7b0d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* IE10+ */
		background: linear-gradient(top, #ffa84c 32%,#ff7b0d 82%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	
		background-color:#ff9430; /* per a IE */
	}
	
	.boto2:link,.boto1:visited {
		color: #363636;
		text-decoration:none;
	}
	
	.boto2:active {
			position:relative;
			top:2px;
			-moz-box-shadow:0px 0px 0 #819F45;
			-webkit-box-shadow:0px 0px 0 #819F45;
			//background: -moz-linear-gradient(center top , #A5C956 0%, #CDEB8E 100%) repeat scroll 0 0 transparent;
			//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c956), color-stop(100%,#cdeb8e));
	}
	
	.boto3 {
		color: #FFFFFF;
		background: <?php=$color_sec3 ?>;
		padding: 0px 10px 0px 10px;
	}

	.boto4 {
		color: #111111;
		background: #ff7b0d;
		padding: 3px 10px;
	}

	.botonet {
		color: #363636;
		font-family:'PT Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 	
		font-size:15px;
		padding: 2px 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;
	}


	/* --- */
	
	.petita {
		font-size:14px;
	}


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

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

	.error   {
		width:90%;
		border: 2px 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;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		}
		
	.noerror   {
		width:90%;
		border: 2px solid #009966;
		font-size: 18px;
		font-weight:bold;
		color: #009966;
		text-decoration: none;
		padding: 0.2em 0.1em;
		margin-top : 2px;
		margin-bottom : 2px;
		background-color: #dff6c6;
		text-align:center;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		
		}	

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

legend {
	  background-color:var(--color_secundari);
	  border:2px solid #666666;
	  padding: 5px 7px;
	  color:#011320;
	  text-align:center;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;

  }		

	.legend_destacat {
		  background-color: #FF6600;
		  border:2px solid #333333;
		  padding: 0.1em 1.1em;
		  color:#FFFFFF;
		  text-align:center;
		  -moz-border-radius: 2px;
		  -webkit-border-radius: 2px;
  }		
  
  .help {
	padding: 15px 10px 10px 40px;
  }
  
  .separador {
  	border-bottom: 1px solid #666699;	
  }
  
  
	.separador_esquerra  {
	  	border-left: 1px solid var(--bgcolor3);	
	}

  .menu_tabs {
  	padding: 0px;
  	margin: 0px;
	border-bottom: 2px solid #CCCCCC;
  	
  }  

  .tab_selected {
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 3px solid var(--bgcolor3);	
	background-color:#FFFFFF;
	font-size: 18px;  
	padding: 15px;  
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
	background-color:#FFFFFF;
	
  }
  
 	.tab_selected a {
	 	font-weight:bold;
	 	color:#5d3a1c;
 	}
  
  .tab_unselected {
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	background-color:#dddbdb;
	font-size: 18px;  
	padding: 13px;  
	margin: 10px;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
  }  

 	.tab_unselected a {
	 	color:#5d3a1c;
 	}
  
 	.tab_unselected a:hover {
	 	color: #FF6600;
 	}  
 	
 	.tab_unselected_2 {
		border-top: 2px solid #333333;
		border-left: 2px solid #CCCCCC;
		border-right: 2px solid #CCCCCC;
		background-color:#f2eded;
		font-size: 18px;  
		padding: 13px;  
		margin: 10px;
		text-align:center;
		border-top-left-radius:5px;
		border-top-right-radius:5px;	
	}  


  .tab_destacada {
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	background-color:#ACCE12;
	font-size: 18px;  
	text-align:center;
  }

	.imatge {
        border: 2px solid #cccccc;
		padding: 10px;
	}

    .imatge_portada {
		padding: 10px;
	}
	
	.perllegir, .perllegir a {
		background-color:<?php=$color_sec4?>;
	 	color:#FFFFFF;
	 	padding: 1px 5px 1px 5px;
	}
 	
	 /* ============================================================================================================================
	== 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;
	}   	
	
	.text_triangle-isosceles {
		padding: 1px 1px 1px 50px;
		font-weight:bold;	
		font-size: 18px;  		
	}
	
	
	@media screen and (max-width: 900px) {
		BODY  {
			padding: 0px;
		}
		h1 {
			font-size: 40px;
		}			
		h2 {
			font-size: 20px;
		}	
		.resp_contenidor {
			width: 100%;
		}	
		.resp_logo {
			width: 100px;
		}
		.resp_general {
			width: 100%;
			padding: 10px;				
		}
		.resp_general_100 {
			padding: 6px;				
		}
		.resp_lateral {
			width: 100%;
			padding: 10px;				
		}

		.titol_capcelera, .titol_capcelera a {
			font-size: 35px;
		}	
		.logo {
			width: 50px;
		}	
		.imatge100 {
			width: 100%;
		}
		.taula {
			width: 100%;
		}
		.peu {
		  width: 100%;
		  margin:10px auto 0px;
		  font-size:12px;
		}
		.peu a {
		  font-size:12px;
		}
		.peu2 {
			width: 90%;
		}		
		.titol_pagina {
			font-size: 30px;
			padding: 10px; 
		}		
		.input1nw {
			font-size:14px;
			padding: 2px 4px;
			width: 175px;
		}	
		
		.imatge{
			border: 2px solid #cccccc;
			margin: 5px;
			width: 100%;
		}		
		.menu td {
		  padding: 4px 2px;
		  font-size:18px; 
		}
		
		
	}