* { margin:0;
	padding:0;
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
	font-family: Verdana;
}

div#extcap {
	width:100%;
	height:30px;
	background-color:#D1282D;
	}
	
div#cap {
	width:1000px;
	height:140px;
	margin:0 auto;
	background-image: url('tgbarres7.gif');
	background-repeat: no-repeat;
	background-position:30px 30px;
	}
	
div#cap img { width:360px; height:140px; display:block; margin:0 auto; }
div#cap div#face { width:40px; height:40px; float:right; margin-top:-70px; margin-right:40px; }
div#cap div#face img { width:40px; height:40px; }
div#cap div#na { width:1000px; height:40px; margin:0 auto; background-color:#EEEEEE; margin-top:30px; border-radius: 6px; }
div#cap div#na ul { list-style:none; width:880px; /* height:40px; */ margin:0 auto; }
div#cap li { float:left; font-size:16px; line-height:30px; margin:5px 1%; }
div#cap li a{ text-decoration:none; padding:5px; color:#2A2928; border:1px solid #EEEEEE; border-radius: 5px; }
div#cap li.actiu a{ color:#D1282D; border:1px solid #B3B3B3; border-radius: 5px; /* font-weight:bold; */ }
div#cap li:hover a{ color:#D1282D; border:1px solid #B3B3B3; border-radius: 5px; }
div#extsli { width:100%; }
div#sli { width:1000px; height:300px; margin:0 auto; }
div#sli img { width:1000px; /* height:283px; */ display:block; margin:30px auto; }
div#extcon, div#extcon2{ width:100%; /* height:30px; */ clear:both; }
div#con{ width:1000px; /* height:30px; */ margin:0 auto; }
div#con div{ float:left; width:300px; height:300px; margin-top:30px; margin-left:10px; border-top:5px solid #D1282D; }
div#con div + div{ margin-left:40px; }
div#con div p{ margin-top:10px; line-height:30px; font-size:14px; background-color:#D1282D; padding:0 10px; }
div#con div h3{ margin-bottom:10px; line-height:30px; font-size:14px; font-weight:normal; background-color:#EEEEEE; padding:0 10px; }
div#con div a{ text-decoration:none; color:white; }
div#con div a:hover{ font-weight:bold; }
div#barra { clear:both; }
div#extpeu { width:100%; /* height:30px; */ background-color:#2A2928; margin-top:50px; }
div#peu { width:1000px; height:100px; margin:0 auto; padding-top:10px; }
div#peu p { margin-left:30px; font-size:14px; color:white; line-height:20px; text-align:center; }
div#peu div { margin-right:50px; margin-top:-50px; float:right; }
div#peu div img { width:30px; height:30px; }
div#conti{ width:1000px; /* height:30px; */ margin:0 auto; }
div#conti div.cc{ margin:40px 10px; border-top:5px solid #D1282D; clear:both; }
div#conti div p{ margin-top:10px; line-height:30px; font-size:14px; padding:0 10px; text-align:justify; }
div#conti div h3{ margin-bottom:10px; line-height:30px; font-size:14px; font-weight:normal; padding:0 10px; }
div#conti div.cc a{ text-decoration:none; color:#D1282D; }
div#conti div.cc img.en{ float:left; margin:15px 10px; }
div#conti div.cc h3.hen{ /* width:330px; */ clear:both; margin-top:10px; margin-bottom:10px; line-height:30px; font-size:14px; font-weight:normal; background-color:#D1282D; padding:0 10px; color:white; }
div#conti div img{ float:left; margin-right:10px; }
div#conti div img.fullsoci{ margin-right:0px; width:912px; height:753px; }
div#conti div ul{ padding:0 10px; list-style-position:inside; }
div#conti div ul li{ line-height:30px; font-size:14px; text-align:justify; }
div#conti div.pap{ float:left; width:300px; height:330px; margin:25px 16px; border-top:5px solid #D1282D; }
div#conti div.pap img{ float:none; margin-top:10px; margin-right:10px; }
div#conti div.pap h3{ margin:10px 0; line-height:30px; font-size:14px; font-weight:normal; padding:0 0; }
	
div.ext{
	clear: left;
	margin-top:220px;
	width:100%;
}
	
div.tau {
	width:1024px;
	margin:0 auto;
	min-height: 800px;
}

div.tau h2 {
	background: #909090;
	height:50px;
	line-height:35pt;
	padding-left:10px;
	color:white;
}
		
div.tau h2 a{
	text-decoration:none;
	color:#B6D989;	
	color:white;	
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
}
	
div.tau h3{
	margin:10px 0px;
	margin-bottom:0px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	padding:0 10px;
	width:257px;
	background-color:#B6D989;
	border:1px solid #909090;
	border-bottom:none;
	border-radius: 3px;
	color: #909090;
}
	
table {
	border-collapse: collapse;
	table-layout:fixed;
	empty-cells: show;
	margin-left:20px;
	margin-top:0%;
	width:1000px;
}
  
col.c1 {width:20px;}
col.c2 {width:80px;}
col.c3 {width:90px;}
col.c4 {width:130px;}	
col.c5 {width:90px;}
col.c6 {width:130px;}
col.c7 {width:90px;}
col.c8 {width:130px;}
col.c9 {width:10px;}
col.c10 {width:90px;}
col.c11 {width:130px;}
col.c12 {width:10px;}
	
td {
	height:25px;
	max-height:25px;
	min-height:25px;
	font-size: 12pt;
	color:indigo;
	text-overflow: clip;
	white-space: nowrap;
}
	
td.cla0 {background: #FFFFFF;
		border: 1.5px solid transparent;
		}
td.cla1, td.cla4 {background: #FFFFFF;
		border-bottom: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla2 {background: #DBE5F1; text-align: center;
		border-left: 1.5px solid red;
		border-top: 1.5px solid red;
		border-right: 1px solid red;
		}
td.cla3 {background: #DBE5F1; padding-left:5px;
		border-left: 1px solid red;
		border-top: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla5 {background: #FFFFFF;
		border-left: 1.5px solid red;
		border-top: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla6 {background: #DBE5F1; text-align: center;
		border-left: 1.5px solid red;
		border-right: 1px solid red;
		}
td.cla7 {background: #DBE5F1; padding-left:5px;
		border-left: 1px solid red;
		border-right: 1.5px solid red;
		}
td.cla8 {background: #FFFFFF;
		border-left: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla9 {background: #DBE5F1; text-align: center; font-size: 10pt;
		border-left: 1.5px solid red;
		border-bottom: 1.5px solid red;
		border-right: 1px solid red;
		}
td.cla10 {background: #DBE5F1; padding-left:5px;
		border-left: 1px solid red;
		border-bottom: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla11, td.cla17, td.cla24 {background: #FFFFFF;
		border-left: 1.5px solid red;
		}
td.cla12, td.cla13 {background: #FFFFFF;
		border-bottom: 1.5px solid red;
		border-top: 1.5px solid red;
		}
td.cla14 {background: #FFFFFF;
		border-top: 1.5px solid red;
		border-left: 1.5px solid red;
		}
td.cla15, td.cla18 {background: #FFFFFF;
		border-top: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla16 {background: #FFFFFF;
		border-left: 1.5px solid red;
		border-bottom: 1.5px solid red;
		border-right: 1.5px solid red;
		}
td.cla19 {background: #FFFFFF;
		border-left: 1.5px solid red;
		border-bottom: 1.5px solid red;
		}
td.cla20, td.cla23 {background: #FFFFFF;
		border-right: 1.5px solid red;}
td.cla21 {background: #FFFFFF;
		border-bottom: 1.5px solid red;
		}
td.cla22 {background:  #FFFFFF;
		border-top: 1.5px solid red;
		}
td.cla23 { background-image: url("tri.png");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-size: 15px 21px;
		}
td.cla24 { background-image: url("tri2.png");
		background-repeat: no-repeat;
		background-position: 0% 50%;
		background-size: 15px 21px;
		}	

td.cla23 a, td.cla24 a {display:block;color:white;}
	
/* --------------------------------------------------------------------------- */

div.tau form.taula{
	width:1024px;
	min-height:600px;
	margin:0 auto;
	padding:8px;
	background-color:#E8E8E8;
	border:1px solid #909090;
	border-radius: 3px;
	position: relative;
}

div.tau form.fix{
	min-height:100px;
	border-top:1px solid white;
}

div.tau div.fix{
	width:1024px;
	min-height:100px;
	margin:0 auto;
	padding:8px;
	background-color:#E8E8E8;
	border:1px solid #909090;
	border-radius: 3px;	
}

div.tau form.taula input{
	height:25px;
	margin-bottom:10px;
	margin-right:5px;
	padding:5px;
	border:1px solid #909090;
	border-radius: 3px;
	font-size:14px;
	color:#245210;
}

div.tau form.taula input.a30{width:30px;}
div.tau form.taula input.a60{width:60px;}
div.tau form.taula input.a150{width:150px;}
div.tau form.taula input.a155{width:155px;}
div.tau form.taula input.a200{width:200px;}
div.tau form.taula input.a224{width:224px;}
div.tau form.taula input.a228{width:228px;}
div.tau form.taula input.a250{width:250px;}
div.tau form.taula input.a255{width:255px;}
div.tau form.taula input.a350{width:450px;font-size:12px;}

div.tau form.taula select.a150, div.tau form.taula select.a60, div.tau form.taula select.a250{
	width:150px;
	height:25px;
	margin-bottom:10px;
	margin-right:10px;
	padding-left:5px;
	border:1px solid #909090;
	border-radius: 3px;
	font-size:14px;
	color:#245210;
}

div.tau form.taula select.a60{width:60px;}
div.tau form.taula select.a250{width:325px;height:160px;}

div.tau form.taula input.bot{
	color:#909090;
}

div.tau form.taula label{
	height:25px;
	width:65px;
	display:inline-table;
	margin-bottom:10px;
	font-size:14px;
	color: #909090;
}

div.tau form.taula label.a80{width:40px;}

div.tau form.taula textarea.obs{
	color:#909090;
	position:absolute;
	top:380px;
	left:720px;
	width:400px;
	height:280px;
}

div.tau form.taula textarea.ab{
	color:#909090;
	position:absolute;
	top:290px;
	left:580px;
	width:400px;
	height:280px;
}

div.tau form.taula textarea.abprot{
	color:#909090;
	position:absolute;
	top:220px;
	left:90px;
	width:880px;
	height:400px;
	font-size:14px;
	padding:5px;
	border:1px solid #909090;
	border-radius: 3px;
	font-size:16px;
	color:#245210;
}

div.tau form.taula textarea.edi{
	color:#909090;
	width:1000px;
	height:400px;
}

div.tau form.taula p.fi1{
	line-height:25px;
	font-size:14px;
	color: #8B0000;
	color: blue;
	padding-left:20px;
}

div.tau form.taula p.fi2{
	line-height:25px;
	font-size:14px;
	color: #FF8C00;
	color: red;
	padding-left:50px;
}

div.tau form.taula p.fi3{
	line-height:25px;
	font-size:14px;
	color: #556B2F;
	color: green;
	padding-left:80px;
}

div.tau form.taula p.fi4{
	line-height:25px;
	font-size:14px;
	color: #0000CD;
	color: 	#FFA500;
	padding-left:110px;
}

div.tau form.taula p.fi5{
	line-height:25px;
	font-size:14px;
	color: #708090;
	padding-left:140px;
}

p.fi2, p.fi3, p.fi4, p.fi5 {
	display: none;
}

div.bot input#bot2:checked ~ p.fi2 {display: block;}

div.bot input#bot3:checked ~ p.fi2 {display: block;}
div.bot input#bot3:checked ~ p.fi3 {display: block;}

div.bot input#bot4:checked ~ p.fi2 {display: block;}
div.bot input#bot4:checked ~ p.fi3 {display: block;}
div.bot input#bot4:checked ~ p.fi4 {display: block;}

div.bot input#bot5:checked ~ p.fi2 {display: block;}
div.bot input#bot5:checked ~ p.fi3 {display: block;}
div.bot input#bot5:checked ~ p.fi4 {display: block;}
div.bot input#bot5:checked ~ p.fi5 {display: block;}

div.bot input#bot1:checked ~ p.fi2 {display: none;}
div.bot input#bot1:checked ~ p.fi3 {display: none;}
div.bot input#bot1:checked ~ p.fi4 {display: none;}
div.bot input#bot1:checked ~ p.fi5 {display: none;}


/* -------------------------------------------- per a adesc2.php -------------------------- */

/* div.tau form.taula p.ge1{ */
	/* line-height:25px; */
	/* font-size:14px; */
	/* color: #8B0000; */
	/* color: blue; */
	/* padding-left:35px; */
/* } */

/* div.tau form.taula p.ge2{ */
	/* line-height:25px; */
	/* font-size:14px; */
	/* color: #FF8C00; */
	/* color: red; */
	/* padding-left:65px; */
/* } */

/* div.tau form.taula p.ge3{ */
	/* line-height:25px; */
	/* font-size:14px; */
	/* color: #556B2F; */
	/* color: green; */
	/* padding-left:95px; */
/* } */

/* div.tau form.taula p.ge4{ */
	/* line-height:25px; */
	/* font-size:14px; */
	/* color: #0000CD; */
	/* color: 	#FFA500; */
	/* padding-left:125px; */
/* } */

/* div.tau form.taula p.ge5{ */
	/* line-height:25px; */
	/* font-size:14px; */
	/* color: #708090; */
	/* padding-left:145px; */
/* } */

p.ge1, p.ge2, p.ge3, p.ge4, p.ge5 { 
	line-height:25px;
	font-size:14px;
}

p.ge1{color: blue; padding-left:35px;}
p.ge2{color: red; padding-left:65px;}
p.ge3{color: green; padding-left:95px;}
p.ge4{color: #FFA500; padding-left:125px;}
p.ge5{color: #708090; padding-left:145px;}

/* p.ge2, p.ge3, p.ge4, p.ge5 {  */
	/* display: none; */
/* } */

div.tau form.taula input.ge1, div.tau form.taula input.ge2, div.tau form.taula input.ge3, div.tau form.taula input.ge4, div.tau form.taula input.ge5 {
	height:8px;
	margin: 0px;
	margin-top:10px;
	float: left;
}

/* [id$="a"] es per a seleccionar els id que acaben en a */
div.tau form.taula input[id$="a"].ge2{margin-left:25px;}
div.tau form.taula input[id$="a"].ge3{margin-left:55px;}
div.tau form.taula input[id$="a"].ge4{margin-left:85px;}
div.tau form.taula input[id$="a"].ge5{margin-left:115px;}

.ocultar{
	display: none;
}

.mostrar{
	display: block;
}

/* div.tau form.taula input.ge2, div.tau form.taula input.ge3, div.tau form.taula input.ge4, div.tau form.taula input.ge5 {  */
/* input.ge2, input.ge3, input.ge4, input.ge5 {  */
	/* display: none; */
/* } */



/* div.bot input#bot2:checked ~ p.ge2 {display: block;} */
/* div.bot input#bot2:checked ~ input.ge2 {display: block;} */

/* div.bot input#bot3:checked ~ p.ge2 {display: block;} */
/* div.bot input#bot3:checked ~ p.ge3 {display: block;} */
/* div.bot input#bot3:checked ~ input.ge2 {display: block;} */
/* div.bot input#bot3:checked ~ input.ge3 {display: block;} */

/* div.bot input#bot4:checked ~ p.ge2 {display: block;} */
/* div.bot input#bot4:checked ~ p.ge3 {display: block;} */
/* div.bot input#bot4:checked ~ p.ge4 {display: block;} */
/* div.bot input#bot4:checked ~ input.ge2 {display: block;} */
/* div.bot input#bot4:checked ~ input.ge3 {display: block;} */
/* div.bot input#bot4:checked ~ input.ge4 {display: block;} */

/* div.bot input#bot5:checked ~ p.ge2 {display: block;} */
/* div.bot input#bot5:checked ~ p.ge3 {display: block;} */
/* div.bot input#bot5:checked ~ p.ge4 {display: block;} */
/* div.bot input#bot5:checked ~ p.ge5 {display: block;} */
/* div.bot input#bot5:checked ~ input.ge2 {display: block;} */
/* div.bot input#bot5:checked ~ input.ge3 {display: block;} */
/* div.bot input#bot5:checked ~ input.ge4 {display: block;} */
/* div.bot input#bot5:checked ~ input.ge5 {display: block;} */

/* div.bot input#bot1:checked ~ p.ge2 {display: none;} */
/* div.bot input#bot1:checked ~ p.ge3 {display: none;} */
/* div.bot input#bot1:checked ~ p.ge4 {display: none;} */
/* div.bot input#bot1:checked ~ p.ge5 {display: none;} */
/* div.bot input#bot1:checked ~ input.ge2 {display: none;} */
/* div.bot input#bot1:checked ~ input.ge3 {display: none;} */
/* div.bot input#bot1:checked ~ input.ge4 {display: none;} */
/* div.bot input#bot1:checked ~ input.ge5 {display: none;} */

/* /* sera molt llarg de implementar tots els botonets (i fins a quans num de fills fem ??), caldrà fer-ho en javascript ?? */ 
/* div.bot input#botix1b:checked ~ p[class="ge2 x1"]{display: block;} */
/* div.bot input#botix1b:checked ~ input[class="ge2 x1"]{display: block;} */
/* div.bot input#botix2b:checked ~ p[class="ge2 x2"]{display: block;} */
/* div.bot input#botix2b:checked ~ input[class="ge2 x2"]{display: block;} */

/* ----------------------------------------------------------------------------------------- */

div.tau form.bus{
	width:1024px;
	height:85px;
	margin:0 auto;
	padding:8px;
	background-color:#E8E8E8;
	border:1px solid #909090;
	border-radius: 3px;
}

div.tau form.bus input{
	height:25px;
	margin-bottom:10px;
	margin-right:10px;
	padding:5px;
	border:1px solid #909090;
	border-radius: 3px;
	font-size:14px;
	color:#245210;
}

div.tau form.bus input.bot:hover{
	color:#D1282D;
	border-color:#D1282D;
	cursor:pointer;
}

div.tau form.bus input.a30{width:30px;}
div.tau form.bus input.a60{width:60px;}
div.tau form.bus input.a150{width:150px;}
div.tau form.bus input.a155{width:155px;}
div.tau form.bus input.a224{width:224px;}
div.tau form.bus input.a228{width:228px;}
div.tau form.bus input.a250{width:250px;}
div.tau form.bus input.a255{width:255px;}
div.tau form.bus input.a350{width:450px;font-size:12px;}

div.tau form.bus label{
	height:25px;
	width:65px;
	display:inline-table;
	margin-bottom:10px;
	font-size:14px;
	color: #909090;
}

div.tau span.tt{
	width:865px;
	display:inline-table;
	font-size:14px;
	color: #909090;
	padding-left:10px;
}

div.tau p{
	background-color:#E8E8E8;
}

div.tau form.bus select{
	width:100px;
	height:25px;
	margin-bottom:10px;
	margin-right:10px;
	padding-left:5px;
	border:1px solid #909090;
	border-radius: 3px;
	font-size:14px;
	color:#245210;
}

div.tau form.bus select.a100{width:100px;}
div.tau form.bus select.a150{width:150px;}

div.tau table {
	width:1024px;
	border-collapse: collapse;
	table-layout:fixed;
	empty-cells: show;
	margin-left:0px;
	margin-top:0%;
}

div.tau table.fix {
	background-color:#E8E8E8;
	border:1px solid #909090;
	border-bottom:none;
}

div.tau table.fix td{
	padding:8px;
}

div.tau table col.c1a {width:80px;}
div.tau table col.c2a {width:140px;}
div.tau table col.c3a {width:140px;}
div.tau table col.c4a {width:140px;}
div.tau table col.c5a {width:60px;}
div.tau table col.c6a {width:140px;}
div.tau table col.c7a {width:80px;}
div.tau table col.c8a {width:80px;}
div.tau table col.c9a {width:80px;}
div.tau table col.c7c {width:250px;}
/* div.tau table col.c10a {width:80px;}  */

div.tau table col.c1b {width:50px;}
div.tau table col.c2b {width:40px;}
div.tau table col.c3b {width:40px;}
div.tau table col.c4b {width:500px;}
div.tau table col.c5b {width:200px;}
div.tau table col.c6b {width:130px;}
div.tau table col.c7b {width:60px;}
/* div.tau table col.c8b {width:140px;} */
/* div.tau table col.c9b {width:40px;} */
/* div.tau table col.c10b {width:180px;}  */
/* div.tau table col.c11b {width:80px;}  */
		
div.tau table td{
	color: gray;
	font-size:14px;
	overflow:hidden;
	padding-left:5px;	
}

div.tau table tr.tit {
	background-color: #E8E8E8;
	color: black;
	height:30px;
}

div.tau table tr.lin {
	border-bottom:1px solid #E8E8E8;
}

div.tau table td a{
	text-decoration:none;
	color:#B6D989;	
	color:green;	
	font-weight:bold;
}

/* ------------------------------------------------ */
div.tau0 table {
		border-collapse: collapse;
		table-layout:fixed;
		empty-cells: show;
		margin-left:0px;
		margin-top:0%;
		width:1024px;
}

div.tau0 table col.c1 {width:40px;}
div.tau0 table col.c2 {width:940px;}
		
div.tau0 table td{
	font-size:16px;
	padding:5px;	
	padding-bottom:20px;	
	color:#909090;
	white-space: normal;
		vertical-align:text-top;
}

div.tau0 table tr.tit td{
	padding-bottom:5px;
}

div.tau0 table tr.tit {
	background-color: #E8E8E8;
	color: black;
	height:30px;
}

div.tau0 table tr {
	border-bottom:3px solid #E8E8E8;
}

div.tau0 table td a{
	text-decoration:none;
	color:#909090;	
	font-weight:bold;
}

.criteris{
	display:block;
	background-color: #E8E8E8;
}

.criteris p{
	color: gray;
	font-size:14px;
	overflow:hidden;
	padding-left:5px;
	padding-top: 5px;
}

.ajuda p{
	color: gray;
	font-size:14px;
	padding:10px;
}

#mostrarfila {
	display: none;
	position: absolute;
	width: 950px;
	padding: 10px;
	background-color: #E8E8E8;
	border-radius: 5px;
	color: gray;
	font-size:14px;
}

.proves{
	color: red;
	font-size:20px;
	font-weight: 600;
}

.peu{
	border-top: 2px solid gray;
	width: 1024px;
	height: 150px;
}