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

body {
	font-family:verdana;
}

div#extcap, div#extcos, div#extpeu {
	width:100%;
}

div#fracap {
	width:1000px;
	height:25px;
	background-color:#4D4D4D;
	margin:0 auto;
	border-bottom:1px solid black;
}

div#cap {
	width:1000px;
	height:150px;
	background-color:#C0C0C0;
	margin:0 auto;
	background-image: url('fotos/00a1b150.png'), url('fotos/00bb.jpg');
	background-size: contain, 120%;
	background-position: bottom left, top left;
	background-repeat: no-repeat;
}

div#cap h1 {
	text-align:right;
	padding-top:43px;
	padding-right:40px;
	color:#59463d;
	font-family: "Brush Script MT", "Comic Sans MS", cursive;
	font-size:50px;
	font-weight:normal;
}

div#cap ul {
	list-style-type:none;
	background-color:#C0C0C0;
}

div#cap ul li {
	float:left;
	background-color:#EDE9B9;
	margin-left:192px;
	margin-top:20px;
}

div#cap ul li.actiu {
	background: linear-gradient(#e5e4dd, #b2a88b);
}

div#cap ul li a {
	text-decoration: none;
	color: #4D4D4D;
	font-weight:bold;
	font-size:14px;
	line-height:35px;
	display:block;
	padding:0px 25px;
}
		
div#cap ul li:hover{
	background-color:#D1B051;
	background: linear-gradient(#e5e4dd, #b2a88b);
	opacity:0.7;
}

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

div#cos {
	width:1000px;
	/* height:800px; */
	margin:0 auto;
	background-color:white;	
}

div.art1 p, div.art2 p {
	margin-top:10px;
	line-height:27px;
	font-size:16px;
	padding:0 10px;
	text-align:justify;
	color:gray;	
}

div.art1 {
	float:left;
	width:500px;
	/* height:810px; */
	padding:20px;	
}

div.art2 {
	float:right;
	width:500px;
	/* height:810px; */
	padding:20px;
}

div.art1 a, div.art2 a {
	text-decoration: none;
	color: #D1282D;
	font-size:16px;
	padding-left:15px;
	border:1px solid white;
	display:block;
}

div.art1 a.extern, div.art2 a.extern, div.art8 a.extern {
	color: #036533;
}

div.art1 a.extern:hover, div.art2 a.extern:hover, div.art8 a.extern:hover {
	color: #036533;
}

div.art1 a:hover, div.art2 a:hover {
	text-decoration: none;
	color: #D1282D;
	font-size:16px;
	padding-left:15px;
	display:block;
	background-color:#F8F8F8;
	border:1px solid #F3F3F3;
}

div.art1 a.lin{
	text-decoration: none;
	color: #4D4D4D;
	font-weight:bold;
	font-size:14px;
	padding-left:0px;
	border:none;
	display:inline;
	
}

div.art1 a.lin:hover{
	text-decoration: none;
	color: #4D4D4D;
	font-weight:bold;
	font-size:14px;
	padding-left:0px;
	border:none;
	background-color:transparent;
	display:inline;
}

div.barra {
	width:100%;
	height:1px;
	background-color:gray;
	clear:both;
}

/* --------------------------------per al menu lateral ----- */
div.art2 ul.lat {
	width:250px;
	float:right;
    color:#4C6600;
    /* font-family:verdana, arial, helvetica, sans-serif; */
    font-size:0.9em;
	list-style:none;
	border:1px solid #B3B3B3;
	border-radius: 5px;
	margin-left:10px;
	margin-bottom:20px;
	box-shadow: 3px 3px 10px -2px rgba(200,200,200, 1);
}

div.art2 ul.lat li { 
	/* float:left; */
	width:100%;
	font-size:14px;
	line-height:30px;
	margin:2px 0;
	border-bottom:1px solid #EEEEEE;	
}

div.art2 ul.lat li a { 
	text-decoration:none;
	padding-left:5px;
	color:#D1282D;
	display:block;
	border:none;
}

div.art2 ul.lat li.actiu {
	background-color:#F3F3F3;
	color:#D1282D;
}

div.art2 ul.lat li:hover {
	background-color:#F3F3F3;
	color:#D1282D;
}

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


ul.lat {
	width:250px;
	float:right;
    color:#4C6600;
    /* font-family:verdana, arial, helvetica, sans-serif; */
    font-size:0.9em;
	list-style:none;
	border:1px solid #B3B3B3;
	border-radius: 5px;
	margin-left:10px;
	/* margin-bottom:20px; */
	box-shadow: 3px 3px 10px -2px rgba(200,200,200, 1);
} 


div.art8 {
	width:1000px;
	margin:0 auto;
	padding:20px 80px;
}

div.art8 h2 {
	margin-bottom:10px;
	line-height:30px;
	font-size:25px;
	font-weight:bold;
	color:gray;
}

div.art8 h3 {
	margin-bottom:10px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	color:gray;
}

div.art8 p {
	margin-bottom:10px;
	line-height:27px;
	font-size:16px;
	text-align:justify;
	color:gray;
}

div.art8 p.nota {
	margin-bottom:10px;
	line-height:25px;
	font-size:14px;
	text-align:justify;
	color:gray;
}

div.art8 figure {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	margin-top:5px;
	display:table;
}

div.art8 figure.dreta {
	float:right;
	margin-right:0px;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
	display:table;
}

div.art8 figcaption {
	margin-bottom:10px;
	line-height:25px;
	font-size:14px;
	text-align:justify;
	color:gray;
	font-style:italic;
	border-bottom:1px solid gray;
	display:table-caption;
	caption-side:bottom;
}

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

div#peu {
	width:1000px;
	height:100px;
	background-color:#4D4D4D;
	margin:0 auto;
	margin-top:20px;
	clear:both;
}

div#peu div {
	/* width:990px; */
	/* margin:0 auto; */
	/* margin-top:50px; */
	/* padding-top:42px; */
	/* border:1px solid gray; */
}

div#peu div p {
	color:white;
	text-align:right;
	font-size:11px;
	font-family:verdana;
	line-height:18px;
	letter-spacing:2px;
}

/* ----------------------------------------------- */
/* -- codi nou -- */
	
div.art8 table {
	/* width:840px; */
	border-collapse: collapse;
	table-layout:fixed;
	empty-cells: show;
	margin-left:0px;
	margin-top:0%;
	/* background-color:red; */
}

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

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

div.art8 table col.c1 {width:120px;}
div.art8 table col.c2 {width:350px;}
div.art8 table col.c3 {width:120px;}
div.art8 table col.c33 {width:280px;}
div.art8 table col.c4 {width:120px;}
div.art8 table col.c5 {width:120px;}

div.art8 table col.c21 {width:130px;}
div.art8 table col.c22 {width:130px;}
div.art8 table col.c23 {width:150px;}
div.art8 table col.c24 {width:50px;}
div.art8 table col.c25 {width:60px;}
div.art8 table col.c26 {width:200px;}
div.art8 table col.c27 {width:60px;}
div.art8 table col.c28 {width:60px;}
div.art8 table col.c29 {width:50px;}

div.art8 table col.c31 {width:130px;}
div.art8 table col.c32 {width:130px;}
div.art8 table col.c33 {width:235px;}
div.art8 table col.c34 {width:220px;}
div.art8 table col.c35 {width:70px;}
div.art8 table col.c36 {width:50px;}

div.art8 table col.c41 {width:130px;}
div.art8 table col.c42 {width:130px;}
div.art8 table col.c43 {width:160px;}
div.art8 table col.c44 {width:70px;}
div.art8 table col.c45 {width:220px;}
div.art8 table col.c46 {width:60px;}
div.art8 table col.c47 {width:65px;}

/* Centrar el text de columnes */
div.art8 table td:nth-child(6), div.art8 table td:nth-child(7), div.art8 table td:nth-child(8) {
    text-align: center;
}

div.art8 table.padro1934 td:nth-child(5), div.art8 table.padro1934 td:nth-child(6) {
    text-align: center;
}

div.art8 table.padro1940 td:nth-child(4), div.art8 table.padro1940 td:nth-child(6), div.art8 table.padro1940 td:nth-child(7) {
    text-align: center;
}

div.art8 table tr.lin3{
	border-bottom: 1px solid #E8E8E8;
}
		
div.art8 table td, caption{
	color: gray;
	height:30px;
	font-size:16px;
	overflow:hidden;
	padding-left:5px;	
}

div.art8 table tr.tit {
	background-color: #E8E8E8;
	color: gray;
	height:30px;
	font-size:16px;
	text-align:left;
}

div.art8 table tr.tit th{
	padding-left:5px;
}

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

/* --------------------------- */
div.art8 table.carrers {
	/* width:840px; */
	border-collapse: collapse;
	table-layout:fixed;
	empty-cells: show;
	margin-left:0px;
	margin-top:0%;
	/* background-color:red; */
}

div.art8 table col.c11 {width:40px;}
div.art8 table col.c12 {width:150px;}
div.art8 table col.c13 {width:150px;}
div.art8 table col.c14 {width:160px;}
div.art8 table col.c15 {width:150px;}
div.art8 table col.c16 {width:160px;}
		
div.art8 table.carrers td{
	color: gray;
	height:30px;
	font-size:14px;
	overflow:hidden;
	padding-left:5px;
	border:1px solid #E8E8E8;
	text-align:left;
}

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

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

div.art8 p.g1 {
	padding-left: 0px;
}
div.art8 p.g2 {
	padding-left: 30px;
}
div.art8 p.g3 {
	padding-left: 60px;
}
div.art8 p.g4 {
	padding-left: 90px;
}
div.art8 p.g5 {
	padding-left: 120px;
}
div.art8 p.g6 {
	padding-left: 150px;
}
div.art8 p.g7 {
	padding-left: 180px;
}

div.art8 p.cr1, div.art8 p.cr2 {
	text-indent: -95px;
	padding-left: 95px;
	line-height: 20px;
	margin-bottom: 5px;
}
div.art8 p.cr2 {
	text-indent: -65px;
}

div.art8 figure {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	margin-top:5px;
	display:table;
}

div.art8 figure.centre {
	float:none;
	margin:0 auto;
	/* margin-right:0px; */
	/* margin-left:20px; */
	margin-bottom:5px;
	margin-top:5px;
	display:table;
}

.notapeu {
    color: blue;
    /* cursor: pointer; */
    position: relative;
    text-decoration: none;
	font-size:10px;
}

.notapeu:hover::after {
    position: absolute;
    bottom: -1.5em;
    left: 0;
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    z-index: 10;
}

.note-text {
    display: none;
}

.clicamp {
	cursor: pointer;
}

/* Lightbox */
.cldiv {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.cldiv img {
    max-width: 90%;
    max-height: 90%;
}

div#conti div.cc a{ text-decoration:none; color:#D1282D; }


div.art8 p a {
	/* text-decoration: none; */
	/* color: #4D4D4D; */
	/* /* font-weight:bold; */
	/* font-size:14px; */
	/* padding-left:15px; */
	/* border:1px solid white; */
	/* display:block; */
	text-decoration:none;
	color:#D1282D;
}

div.art8 p a:hover {
	text-decoration:none;
	color:#D1282D;
	background-color:#F5F5F5;
	/* font-weight:bold; */
}

div#peu p{
	margin-left:30px;
	font-size:14px;
	color:#BABABA;
	line-height:20px;
	text-align:left;
}

div#peu div.tex {
	margin-left:0px;
	margin-top:5px;
	float:left;
}

div#peu div.bot {
	/* margin-left:180px; */
	/* margin-top:35px; */
	/* float:left; */
	margin:0 auto;
}
	
div#peu div p.boto a{
		width:50px;
		height:50px;
		float:right;
		background-color:#BABABA;
		border:2px solid #999999;
		color:#777777;
		border-radius: 15px;
		text-align:center;
		line-height:40px;
		font-size:30px;
		text-decoration:none;
		display:block;
		margin-top:-50px;
} 

div#peu div p.boto:hover a{
		border:2px solid #EBEBEB;
		color:#EBEBEB;
		font-size:30px;
}

div#peu div.bot p.avl a {
	/* margin-left:-70px; */
	font-size:12px;
	color:#BABABA;
	line-height:60px;
	text-align:center;
	text-decoration:none;
	/* display:block; */
}

div#peu div p.boto {
	width:600px;
	margin:0 auto;
	padding-top:10px;
	text-align: left;
	/* line-height:60px; */
	color:#BABABA;
	font-size:12px;
}

div#peu div p.avl {
	width: 555px;
	margin:0 auto;
	text-align: center;
	font-size:12px;
	color:#BABABA;
	line-height:60px;
	text-align:center;
	text-decoration:none;
}

s{
	background-color: yellow;
}