html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-decoration:none; }
/* remember to define focus styles! */ :focus { outline: 0; }
body { line-height: 1; color: black; background: white;}
/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; padding-bottom: 1em;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/*final del reset CSS*/

body { font: normal 1em/1.4em Arial, Helvetica, sans-serif; background-color: #fff;}

p, ol, ol.sep li, ul, h5 { text-align: left; padding-bottom: 1em; }

/*parts body*/
#cap { width: 100%; margin: 0; padding: 0; background-color: #999; background:linear-gradient(#b2b2b2, #b2b2b2, #b2b2b2, #999);}
#cos { width: 92%; padding: 0 4%; margin: 0 auto; background-color:#fff; /*IE5 falla en la visualització */ max-width: 65em}
#peu { width: 100%; margin-top: 3em; padding-top: 1em; clear: both; font-style: italic; color:#999; background-color:#e5e5e5; background:linear-gradient(#e5e5e5, #fff); border-top: 1px solid #ccc;}

/*parts #cos*/
.tot	{ width: 100%; float: left}
.pral	{ width: 73%; float: left; }
.aux	{ float: right; width: 23%; }
.cold2	{ width: 48%; float: left; }
.col1d2	{ width: 48%; float: left;}
.col2d2	{ float: right; width: 48%;}
.col2d2sep { float: right; width: 48%; padding-left:2%; border-left:#ccc 0.05em solid }
.cold3	{ width: 30.66%; float: left; padding-left: 4% }
.cold4	{ width: 22%; float: left; padding-left: 4% }
.cold3:first-child, .cold4:first-child	{ padding-left: 0% }

/*navegació*/
#nav {max-width: 68em; padding: .5em 0 0 4%; margin: 0 auto;}

#menuaux { display:inline; float:right; margin:0 1em 0 0; padding:0; font: bold 0.6em Verdana; }
#menuaux li { list-style: none; display:inline; float:right; padding-left:1em; }
#menuaux li a { width:18px; height:18px; color:#ccc; display:block; text-decoration:none; }
#menuaux .ct { background:url(i.gif) repeat-x +0px +0px; } 
#menuaux .es { background:url(i.gif) repeat-x +19px +0px; } 
#menuaux .ct:hover, #menuaux #idiomactual .ct { background:url(i.gif) repeat-x +0px -18px;}
#menuaux .es:hover, #menuaux #idiomactual .es { background:url(i.gif) repeat-x +19px -18px;}
#menuaux #idiomactual a {cursor:text;}
#menuaux li span{display:none;}

ol#menu { padding: 6px 0; font: bold 0.6em Verdana; padding-top:0em; }
#menu li { list-style: none; display: inline; }
#menu a { color: #366; text-transform: uppercase; padding: 6px 1.5%; margin-right: 1.5%; background-color: #ccc; }
#menu a:link { color: #366; }
#menu a:visited { color: #366; }
#menu a:hover { color: #366; background-color: #e5e5e5; text-decoration: none; }
#menu #actual {background: #fff;}

/*menú i +info rsp desplegable*/
.show-menu { display: none; cursor: pointer; font: bold 1.45em Verdana; background-color:#fff; color:#366; border-radius: 1em; width: 2em; height: 2em; text-align: center; line-height:1.9em;}
.show-moreinfo, .show-morefaq { display: none;}
#moreinfo,#morefaq,#show-menu{ display: none; -webkit-appearance: none;}
input#moreinfo[type=checkbox]:checked ~ .moreinfo,input#morefaq[type=checkbox]:checked ~ .morefaq{ display: block;}
input#show-menu[type=checkbox]:checked ~ #menu{ display: block;}
input#moreinfo[type=checkbox]:checked ~ .show-moreinfo, input#morefaq[type=checkbox]:checked ~ .show-morefaq{ display: none;}
input#show-menu[type=checkbox]:checked ~ .show-menu{ border-radius: 1em 1em 0 0; height: 1em;}

#peu p {max-width:65em; padding: 0em 4% 1em; margin: 0 auto;}
#peu a { color:#999; font-weight:bold;}

.defin dt { clear: both; float: left; width: 30%; display: inline; letter-spacing:0.05em; text-align:right; font-weight: bold; }
.defin dd { float:left; width: 67.9%; /*IE error 68%*/ padding-left: 2%; }

.caixa dt { padding: .1em 1em; letter-spacing:0.05em; text-align:left; font-weight: bold; background-color:#e5e5e5; color:#666; border-radius:4px 4px 0 0;}
.caixa dd { padding: 1em 1em 0 1em; margin-bottom:1em; border: #e5e5e5 1px solid; background-color:#f2f2f2; background:linear-gradient(#fff, #e5e5e5);border-radius:0 0 4px 4px;}

.ep dt {background-color:#366; color:#fff;}
.ep dd {border-color:#366}

/*entitats*/
a:link,.show-moreinfo { color: #c30;	cursor: pointer; }
.show-morefaq { color: #366;	cursor: pointer; }
a:visited { color: #c33; }
a:active, a:hover { text-decoration: underline; }
ul.mut li a, a.mut { color: #333}
ul.mut li a:hover, a.mut:hover { color: #c30}

h1 {max-width: 47em; padding: 1.1em 0 .8em 4%; margin: 0 auto; font: bold 1.45em Verdana; letter-spacing:0.25em; text-align: left;}
h1, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited { color:#444; text-decoration:none; }
h2 {background-color:#fff; padding: 1.2em 0; margin: 0; color: #366; letter-spacing:0.2em; font-size: 1.25em; line-height:1.4em; }
h2 a:link, h2 a:hover, h2 a:active, h2 a:visited { color: #366; text-decoration:none; }
h3 { font: bold italic 1.15em/1.4em Georgia, "Times New Roman", Times, Garamond, serif; letter-spacing:0.2em; color: #366; text-align: left; padding: 0.75em 0 1em 0; }
h3 a:link, h3 a:hover, h3 a:active, h3 a:visited { color: #366; text-decoration:none; }
h4 { padding-bottom: 1.1em; color: #366; font: bold 1em/1.25em Verdana; letter-spacing:0.1em; }
h4 a:link, h4 a:hover, h4 a:active, h4 a:visited { color: #366; text-decoration:none; }
h1,h2,h3,h4,h5 {clear:both}

h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, Garamond, serif; 
	font-weight: bold;
	font-style: italic;}

h5, strong { font-weight: bold; }
em { font-style: italic; }

ul li { text-align: left; margin-left:1em; padding-left:0.5em; list-style: disc outside; }
ul li:hover {list-style: circle outside; }
ol li { list-style-type:decimal; list-style-position:inside; }

a.wa:after {content: " " url(wa.png);}
a.xiux {text-align:right; padding:.2em .3em}
a.xiux:hover{background-color:#e5e5e5; text-decoration:none}
a.crit {text-align:right; border:#c30 1px solid; font-weight: bold; padding:0.2em 0.4em}
a.crit:hover {background-color:#c30; text-decoration:none; color:#fff;}

img.res {max-width:100%;height:auto; border-radius:4px;}

/*aux*/
.aux h3, .aux h3 a, .aux h3 a:hover { font-family:Georgia, "Times New Roman", Times, Garamond, serif; font-style:italic; text-decoration:none; letter-spacing:0.4em; line-height:1.4em; color: #366; text-align: center; margin: 0 0 1.5em 0; padding: 0; }
.aux h3 {border-bottom: #366 1px solid; /*ccc*/ }
.aux ol { margin: 0; padding: 0 0 0.75em 0; /* se li suma el padding-bottom de l'.aux ol li */ }
.aux ol li { padding-bottom: 0.25em; }
.aux ul { margin: 0; padding: 0 0 1em 0; list-style-position:inside; }
.aux ul li { margin: 0; padding: 0 0 0.5em 0; list-style:none; text-indent:0; }
.aux ul li a{ color:#333; }

a.crida { border: solid #c30; border-width: .05em 0 .5em; background-color: #fcfcfc; padding: 1em; font: italic bold 0.9em Georgia,"Times New Roman",Times,Garamond,serif; text-decoration:none; letter-spacing:0.4em; line-height:1.4em; text-align:center; display:block; margin: 0 1em 1em 1em; }
a.crida:hover { background-color: #f5f5f5;}

.junt { word-spacing: -0.25em; }

.defin dd ul{ margin-bottom: 1em; }

/*botons blog*/
ol#mblog { display:inline; padding:0;}
#mblog li { list-style: none; display:inline; float:left; margin-right:6px; }
#mblog li a { height:17px; color:#ccc; display:block; text-decoration:none; }
#mblog .rss { width:16px; background:url(b.gif) repeat-x +0px +0px; margin-right:9px; } 
#mblog .diu { width:14px; background:url(b.gif) repeat-x -16px +0px; } 
#mblog .frs { width:16px; background:url(b.gif) repeat-x -30px +0px; } 
#mblog .yah { width:20px; background:url(b.gif) repeat-x -46px +0px; } 
#mblog .mnm { width:16px; background:url(b.gif) repeat-x -66px +0px; } 
#mblog .tch { width:16px; background:url(b.gif) repeat-x -82px +0px; } 
#mblog .ggl { width:15px; background:url(b.gif) repeat-x -98px +0px; } 
#mblog li span{display:none;}

/*formularis*/
fieldset ol { margin:0; padding: 0;}
fieldset ol li { list-style: none; clear: none; padding:.2em 0; display: block; width:47.5%; float: left; margin: 0 2.5% .25em 0}
legend { padding-top: .5em; color:#333; font-weight: bold; text-indent:0; text-align: left;}
form label { font: normal .8em Arial, Helvetica, sans-serif; text-align:left; float: left;}
input , textarea, select{clear:both; float: none; width: 100%; font-size: 1em;}
textarea {height:10em;}
.esq { font-size:1em; width:100%}
input.pt { clear:both; width: 65%;}
 input.ptu { width: 10%; margin: 0; display:inline}
input.mi { width: 1em; margin: 0 2.5% 0 0;}
 input.miu { width: 5%; margin: 0}
input.bt {margin: .5em 0 .5em 30%; width:40%; padding: .5em 0;}
input.bte {margin: .5em 0 .5em 30%; width:40%; padding: .5em 0;border: 1px solid #366; border-radius:4px;font-weight: bold; color:#fff;font-size:1.06em; background:#366;cursor: pointer;}
input.bte:hover {color:#366; background:none;}

/*sistema pestanyes */
ul.pestanya {width: 23%; float: left;}
ul.pestanya li {list-style: none; text-indent:0; margin:0; padding:0; display:inline; }
ul.pestanya.p1{ width: 17%}
ul.pestanya li a, ul.pestanya li a.pna {color: #366; padding: 5px 10px 5px 5px; display:block; text-align:left; border: 0px; border-right: 1px solid #e5e5e5; border-left: 5px solid #fff;}
ul.pestanya li a.pa, ul.pestanya li a.pa:hover, ul.pestanya li a:active { padding: 4px 10px 4px 5px; border: 1px solid #e5e5e5; border-left: 5px solid #e5e5e5; border-right: 1px solid #fff;}
ul.pestanya li a:hover { padding: 4px 10px 4px 5px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: 5px solid #f2f2f2; text-decoration:none;}
ul.pestanya li a:active { text-decoration:none;}
.cfitxes { padding: 2% 0 1em 4%; width: 72.99%; float: right; border-top: 1px solid #e5e5e5; }
.cfitxes.p1{width: 79%}
.si { display: block; }
.no { display: none; }

/*mapa web*/
ul.mapa li{ margin:1em 0 0 0; padding: 0em; list-style:none; font-weight:bold; }
ul.mapa ul { font-size: 1em; margin-left: 1.5em; padding-bottom:0; }
ul.mapa ul li{ margin-top:0; list-style:circle; font-weight:normal; }

@media (max-width: 1000px) {
.pral, .aux, .cfitxes, .cfitxes.p1 { clear:both; width: 100%; float:left; padding-left: 0%}
.cold4	{ width: 48%; float: left; padding-left: 4% }
.cold4:first-child, .cold4:nth-child(2n+1) { padding-left: 0 }

.cfitxes { padding: 2% 0; border-top: 1px dotted #366; }
ul.pestanya, ul.pestanya.p1{ width: 100%; padding: 0 0 1em 0;}
ul.pestanya li {list-style: none; text-indent:0; margin:0; padding:0 1em; display:inline; border-left: 1px solid #366}
ul.pestanya li:first-child {border:0; padding-left:0}
ul.pestanya li a, ul.pestanya li a.pna {color: #366; padding: 0; display:inline; text-align:left; border: 0px; border: none;}
ul.pestanya li a.pa, ul.pestanya li a.pa:hover, ul.pestanya li a:active {  font-weight:bold; padding: 0; border: none; }
ul.pestanya li a:hover { padding: 0; border: none; text-decoration:none;}
}

	@media (max-width: 880px) {
	.cold3	{ width: 48%; float: left; padding-left: 4% }
	.cold3:nth-child(3)	{ width: 100%; padding-left: 0 }
	}

	@media (max-width: 770px) {
	.cold2 , .col1d2, .col2d2, .col2d2sep { clear:both; width: 100%; float:left; padding-left: 0%; border: 0;}
	}

		@media (max-width: 660px) {
		li#idiomactual {display:none;} /* eliminem la bandera de l'idioma actual quan tenim pantalles petites */
		#menuaux li {padding:0}
		.cold3	{ width: 100%; padding-left: 0 }
		dl.caixa.cold4:nth-child(3){clear:both}/*evitem problema per caixa 1a més gran que 2a i marge, 3a no fluïa*/
		}

			@media (max-width: 550px) {
			.cold4	{ width: 100%; padding-left: 0 }
			#menuaux { display:none;}
			/*menú i +info rsp desplegable*/
			#menu a{	display:block; height: 2em; font-size:2em; text-align: center; line-height: 2em; margin-bottom: 2px; text-transform: capitalize;}
			#menu :first-child  a{border-radius: 0 4px 0 0;}
			#menu :last-child  a{border-radius: 0 0 4px 4px;}
			#menu {	display: none;}
			.show-menu {	display:block;}
			.moreinfo,.morefaq {	display: none;}
			.show-moreinfo,.show-morefaq  {	display:block;	padding-bottom: 1em;}
			h1 {padding-bottom: 0;}
			#nav {padding-bottom: .5em;}
			}

.lopd	{width: 92%; padding: 1em 4% 0 4%; position: fixed; bottom: 0px; background-color:#e5e5e5; background:linear-gradient(#e5e5e5, #fff); border-top: 1px solid #ccc;}
.lopd p	{margin: 0 auto; max-width: 65em;}