﻿@media screen {
	body {	
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .7em;
		color: #404040;
		background-color: #bab997;
	}
	
	/* Pàgina i marges */
	#Pagina { 
		font-size: 1em;
		text-align: left;
		margin-left: auto; 
		margin-right: auto;
		width: 979px;
		background: white;
	}
	
	
	/* ----  Capçalera ---- */
	#Capcalera_Print {
		display: none;
	}
	#Capcalera {
		overflow: visible;
		color: #FFFFFF;
		background-color: #7577c0;
		padding: 0px 6px 3px 6px;
	}
	#Capcalera #Cap_interior {
		background: #181d22 url("/img/fons_cap.gif") left top no-repeat;
		width: 100%;
		position: relative;
	}
	#Capcalera #Cap_interior #CapCont {
		width: 100%;
		border-bottom: 2px solid #7577c0;
		overflow: hidden;
		height: 152px;	
	}
	#Capcalera #Cap_interior #CapCont_Portada {
		width: 100%;
		border-bottom: 2px solid #7577c0;
		overflow: hidden;
	}
	#Capcalera #Cap_interior #BarraSup {
		float: right;
		overflow: hidden;
		width: 77%;
		margin: 0;
		padding: 6px 0 5px 0;
		background-color: #181d22;
	}
	#Capcalera #Cap_interior #BarraSup #LinksCap {
		float: right;
		color: white;
		font-size: 1em;
		text-align: center;
		margin-right: 7px;
		margin-left: 3px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#Capcalera #Cap_interior #BarraSup #LinksCap a {
		color: white;
		font-size: 1em;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	}
	#Capcalera #Cap_interior #BarraSup #LinksCap a:hover {
		text-decoration: underline;
	}
	
	#Capcalera #Cap_interior #BarraSup #Data {
		margin-top: 9px;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#Capcalera #Cap_interior #BarraSup #Cerca {
		float: right;
		margin-right: 7px;
		margin-left: 3px;
	}
	#Capcalera #Cap_interior #BarraSup #Cerca .inputCerca {
		padding: 2px 0 0 4px;
		margin: 0;
		border: 1px solid white;
		font-size: 10px;
		vertical-align: middle;
		height: 1.5em;
		width: 12em;
		color: #a3a3aa;
		background-color: white;
		font-family: Arial, Helvetica, sans-serif;
	}
	#Capcalera #Cap_interior #BarraSup #Cerca #Img_Cerca2 {
		vertical-align: middle;
	}
	/* Rollover sobre la imatge del boto de cerca */
	#Capcalera #Cap_interior #BarraSup #Cerca #Img_Cerca2 {
		width: 21px;
		height: 19px;
		background: url("/img/cerca_off.gif") right top no-repeat; 
	}
	#Capcalera #Cap_interior #BarraSup #Cerca #Img_Cerca2:hover {
		background: url("/img/cerca_on.gif") right top no-repeat; 
	}
	
	#Capcalera #Cap_interior #BarraSup #Temes {
		float: right;
		margin-right: 7px;
		margin-left: 3px;
	}
	#Capcalera #Cap_interior #BarraSup #Temes .inputTemes {
		border: 1px solid white;
		padding: 1px 0 0 0;
		margin: 0;
		font-size: 10px;
		vertical-align: middle;
		height: 1.9em;
		width: 12em;
		color: #a3a3aa;
		background-color: white;
		font-family: Arial, Helvetica, sans-serif;
	}
	/* Rollover sobre la imatge del boto de temes */
	#Capcalera #Cap_interior #BarraSup #Temes #Img_Tema {
		margin-left: 0px;
		vertical-align: middle;
		width: 26px;
		height: 19px;
		background: url("/img/tema_off.gif") left top no-repeat; 
	}
	#Capcalera #Cap_interior #BarraSup #Temes #Img_Tema:hover {
		background: url("/img/tema_on.gif") left top no-repeat; 
	}
	#Capcalera #Cap_interior #LogoCap {
		float: left;
	}
	#Capcalera #Cap_interior #ImatgeCap {
		width: 744px;
		height: 118px;
		float: right;
		overflow: hidden;
		background: url('/img/imatge_cap.jpg') left bottom no-repeat;
	}
	#Capcalera #Cap_interior #ImatgeCap_Portada {
		width: 744px;
		height: 253px;
		float: right;
		overflow: hidden;
		background: url('/img/imatge_cap_portada.jpg') left bottom no-repeat;
	}
	#Capcalera #Cap_interior #Txt_ImatgeCap {
		float: right;
		margin-right: 6px;
		margin-left: 10px;
		background: url("/img/fletxa_carbassa.gif") right bottom no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #bab997;
		vertical-align: bottom;
		width: 205px;
		height: 90px;
		position: relative;
		text-align: right;
	}
	#Capcalera #Cap_interior #Txt_ImatgeCap span {
		position: absolute;
		display: inline-block;
		bottom: -2px;
		right: 0;
		padding-right: 13px;
	}
	#Capcalera #Cap_interior #Txt_ImatgeCap a {
		position: absolute;
		display: inline-block;
		bottom: -2px;
		right: 0;
		padding-right: 13px;
		color: #bab997;
	}
	#Capcalera #Cap_interior #Txt_ImatgeCap a:hover {
		text-decoration: underline;
	}
	#Capcalera #Cap_interior #MenuSup {
		clear: both;
		width: 100%;
		
		height: auto;
		overflow: hidden;
	}
	#Capcalera #Cap_interior #MenuSup #Peu_esq {
		position: absolute;
		bottom: -1px;
		left: -1px;
	}
	#Capcalera #Cap_interior #MenuSup #Peu_dre {
		position: absolute;
		bottom: -1px;
		right: -1px;
	}
	
	#Capcalera #Cap_interior #MenuSup #MenuSup_inf {
		background: white url("/img/fons_inf_menusup.gif") top left repeat-x;	
		height: 9px;
		clear: both;
	}
	
	/* Menú barra superior */
	#Menu0 {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: #fefeff url("/img/fons_menu_sup.gif") bottom left repeat-x;
		width: 99.6%;
		border-bottom: 2px solid #f8f8fb;
		border-left: 2px solid #f8f8fb;
		border-right: 2px solid #f8f8fb;
	}
	#Menu0 li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		background: none;
	}
	#Menu0 li a {
		display: block;
		color: #282b2e;
		font-weight: bold;
		text-decoration: none;
		padding: 10px 18px 10px 18px;
		margin: 0;
		border-right: #d7d7e9 1px solid;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#Menu0 li a:hover {
		background: #fbfbfc url("/img/fons_menu_sup_on.gif") bottom left repeat-x;
	}
	/* Segon nivell desplegable */
	#Menu0 ul {
		display: none;
		position: absolute;
		margin: 0;
		padding: 0 0 5px 0;
		width: 16em;
		z-index: 1005;
		background: url("/img/fons_menu_float.png") left top repeat;
	}
	#Menu0 ul div.BarraMenuSup {
		background: url("/img/fons_capmenusup2.gif") left top no-repeat;
		height: 10px;
	}
	#Menu0 ul li {
		height: auto;
		margin: 0;
		width: 100%;
		clear: both;
		padding: 0;
	}
	#Menu0 ul li a {
		border: 0;
		height: auto;
		display: block;
		margin: 1px 5px 1px 5px;
		padding: 5px 3px 5px 5px;
		color: #6a6f70;
		text-decoration: none;
		text-align: left;
		font-size: 0.9em;
		background: none;
		background-color: #f4f4f7;
	}
	#Menu0 ul li a:hover {
		background: none;
		background-color: #bab997;
		color: white;
	}
	/* Tercer nivell desplegable */
	#Menu0 ul li.tercerNivell a {
		background-color: #e5e5d1;
		color: #181d22;
		padding-left: 23px;
		margin: 0px 5px 0px 5px;
		background: #e5e5d1 url("/img/llista_menu_lat.gif") 12px 0.8em no-repeat;
	}
	#Menu0 ul li.tercerNivell a:hover {
		text-decoration: underline;
		color: #181d22;
	}

	
	
	
	/* ---- Contingut ---- */
	#Contingut {
		font-size: 1em;		
		margin-left: auto; 
		margin-right: auto;
		overflow: hidden;
		background: white;
		line-height: 1.5em;
	}
	
	
	/* Divs de Continguts en funció de si hi ha menu lateral o banners */
	#Col_Cont { /* Si Menú, Si Banner */
		/*padding: 0px 160px 0px 215px;*/
		float: left;
		width: 555px;
	}
	#Col_Cont_NoBanner { /* Si Menú, No Banner */
		/*padding: 0px 0px 0px 215px;*/
		float: left;
		width: 745px;
	}
	#Col_Cont_NoMenu { /* No Menú, Si Banner */
		/*padding: 0px 235px 0px 18px;*/
		float: left;
		width: 770px;
		margin-left: 8px;
	}
	/* Barra de menú lateral */
	#Col_Menus {
		float: left;
		width: 220px;	
		padding: 2px 0 0 6px;
		margin-bottom: 30px;
	}
	
	/* Barra de banners i elements a la dreta*/
	#Col_Banners {
		float: right;
		width: 192px;
		padding: 1.5em 0 1em 0;
		background-color: #f8f8f4;
	}
	#Col_Banners a {
		display: block;
		margin: 0px 0px 5px 0px;
		
	}
	#Col_Banners_Portada {
		float: right;
		width: 197px;
	}
	#Banners {
		margin: 1.3em 0px 0px 6px;
	}
	#Banners a {
		display: block;
		margin: 0px 0px 3px 0px;
	}
	#Banners object {
		margin: 0px 0px 5px 0px;
	}
	
	
	/* Contingut de la pàgina */
	#Cont {
		margin: 0;
		padding: 0 0 2em 20px;
		text-align: left;
		min-height: 300px;
		overflow: hidden;
	}
	#Cont_Portada {
		margin-left: 0px;
		padding: 0;
		text-align: left;
	}	
	
	/* Fil d'Ariadna */
	#Fil {
		text-decoration: none;
		text-align: left;
		font-weight: bold;
		padding: 5px 10px 5px 10px;
		margin: 3px 0 0 0;
		background-color: #f4f4f7;
		overflow: hidden;
	}
	#Fil .cont {
		padding: 0px 0px 0px 0;
		float: left;
	}
	#Fil a {
		color: #404040;
		text-decoration: none;
	}
	#Fil a:hover {
		text-decoration: underline;
	}
	#Fil .sel {
		text-decoration: none;
	}
	#Fil .fletxa {
		color: #e87d36;
		font-weight: bold;
		font-size: 0.9em;
		font-family: Arial, Helvetica, sans-serif;
	}
	#Fil ul.BarraBotons {
		float: right;
		margin: 0;
		padding: 0;
	}
	#Fil ul.BarraBotons li {
		display: inline-block;
		float: right;
		background: none;
		margin: 0 5px 0 5px;
		padding: 0;
	}
	#Fil ul.BarraBotons li a {
		margin: 0;
		padding: 0;
	}
	/* Peu */
	#Peu {
		clear: both;
		width: 93.7%;
		overflow: hidden;
		border-top: 7px solid #7577c0;
		background-color: #231f20;
		padding: 11px 40px 12px 22px;
	}
	#Peu #Logodipu {
		float: right;
	}
	#Peu div.links {
		padding: 0px 0px 1.2em 0;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	#Peu div.links a {
		color: white;
		text-decoration: none;
	}
	#Peu div.links a:hover {
		text-decoration: underline;
	}
	#Peu div.links span {
		color: #7577c0;
		padding-left: 0.4em;
		padding-right: 0.4em;
	}
	#Peu div.textpeu {
		color: white;
	}
	#Peu div.textpeu strong {
		font-size: 1.1em;
	}
	
	#Error_msg {
		z-index: 1010; 
		position: absolute; 
		color: red;
		font-weight: bold;
		font-size: 0.8em;
		display: none;
		background: url("/img/warning_16.gif") top left no-repeat;
		padding-left: 18px;
		min-height: 16px;
	}
}

@media print {
	/* Cambiats per la impresió */
	body {	
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .7em;
		color: #000000;
		text-align: left;
		line-height: 1.5em;
	}
  	
	#Capcalera_Print {
		display: block;
		margin: 0px 0px 10px 0px;
	}
  	#Capcalera {
		display: none;
	}
	#Menu0 {
		display: none;
	}	
	#Col_Cont {		
		padding:0;
	}
	
	#Col_Cont_NoBanner {
		padding:0;
	}
	
	#Col_Menus {
		display: none;
	}
	
	#Col_Banners {
		display: none;
	}
	#Col_Banners_Portada {
		display: none;
	}
	
	#Fil {
		display: none;
	}

	#Peu {
		display: none;
	}

	#peumapa {
		display: none;
	}
	
	.Titol {
		margin-left: 0px !important;
	}
}


/* Finestra de visualtizació de vídeos */
body.Finestra {
	background-color: #FFFFFF;
	text-align: left;
}
body.Finestra .Titol {
	display: block;
	margin: 0;
	padding: 0 10px 0 0;
	border-bottom: #7e7f80 1px solid;
	font-size: 1.6em;
	color: #00457d;
	font-weight: bold;	
	text-align: right; 
}
body.Finestra .Titol span {
	display: block;
}
body.Finestra #Capcalera_Finestra {
	height: auto;
	padding-top: 0;
	overflow: hidden;
	width: 100%;
	background-image: url("/img/cap.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #181d22;
	border-bottom: 4px solid #7577c0;
	vertical-align: bottom;
	text-align: right;
	padding-right: 1em;
}
body.Finestra #Capcalera_Finestra img {
	float: left;
}
body.Finestra #Capcalera_Finestra h1 {
	float: right;
	width: 250px;
	height: 120px;
	color: white;
	position: relative;
	display: block;
}
body.Finestra #Capcalera_Finestra h1 span {
	position: absolute;
	bottom: 0px;
	right: 10px;
	display: block;
}
body.Finestra .ContFinestra {
	margin: 10px; 
	text-align: center;
	clear: both;
}

/* Elements generals */
body.fix select {
    visibility: hidden
}
form {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}
ul {	
	margin: 7px 0 0 0;
	padding: 0px 13px 8px 13px;
	list-style: none;
}
ul li {	
	margin: 0 0 0.5em 0.5em;
	padding:  0 0 0 1.3em;
	background: url("/img/punt_llista.gif") 0px 2px no-repeat;
}
ul li.nomarca {	
	margin: 0 0 0.5em 0.3em !important;
	padding: 0 !important;
	background: none !important;
}
ul li a {
	
}
ol {
	color: #e87d36;
}
ol span {
	color: #404040;
}
ol p {	
	color: #404040;
}
blockquote {
	margin-left: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
}
p {
	margin: 0px;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
hr {
	border: none 0; 
	border-top: 1px dotted #dcdce5;
	width: 99%;
	height: 1px;
}
h1 {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2,h3,h4,h5 {
	font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #e16e22;
}
a {
	color: #e16e22;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* Classes per ocultar capes */
.nosize {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.nodisplay {
   display: none;
}


/* Alineacions */
.Vola_Esq {
	float: left;
}
.Vola_Dre {
	float: right;
}
.neteja {
	clear: both;
}

/* Classes de portada */
.Port_Esquerra {
	height: 100%;
}
.Port_Dreta {
	height: 100%;
}
.Col_Esquerra {
	border: 0px;
	width: 49%; 
	float: left;
}
.Col_Dreta {
	width: 49%; 
	float: right;
}


/* Menú Lateral */
#TitolMenu {
	border-bottom: 1px solid white;
	margin: 0 5px 0 0;
	padding: 13px 10px 11px 10px;
	background: #2b3035 url("/img/fons_titol_menulat.gif") top left no-repeat;
}
#TitolMenu a, #TitolMenu span {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}
#TitolMenu a:hover {
	text-decoration: none;
}


/* Segón Nivell */
.Menu1 {
	margin: 3px 5px 0 0;
	padding: 0;
	list-style: none;
	border: 0px;
}
.Menu1 li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url("/img/buit.gif") 0px 0px no-repeat; /* IE6 bug */
}
.Menu1 li a {
	text-transform: none;
	display: block;
	color: #6a6f70;
	font-size: 1em;
	text-decoration: none;
	margin: 2px 0 2px 0;
	padding: 5px 5px 5px 10px;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	background-color: #f4f4f7;
	font-weight: bold;
}
.Menu1 li a:hover {
	background-color: #bab997;
	text-decoration: none;
	color: white;
}
.Menu1 li a.Selec {
	background-color: #bab997;
	color: white;
	font-weight: bold;
}

/* Tercer Nivell */
.Menu1 ul {
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	list-style: none;
	border-bottom: 1px solid #bab997;
}
.Menu1 ul li {
	display: inherit;
	margin:  0;
	padding: 0;
	background-color: #e5e5d1;
}
.Menu1 ul li a {
	color: #181d22;
	text-transform: none;
   font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
	background: #e5e5d1 url("/img/llista_menu_lat.gif") 12px 0.8em no-repeat;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 23px;
}
.Menu1 ul li a:hover {
	text-decoration: underline;
	background: #e5e5d1 url("/img/llista_menu_lat.gif") 12px 0.8em no-repeat;
	color: #181d22;
	font-weight: normal;
}
.Menu1 ul li a.Selec {
	text-decoration: underline;
	background: #e5e5d1 url("/img/llista_menu_lat.gif") 12px 0.8em no-repeat;
	color: #181d22;
	font-weight: normal;
}


/* Enllaços ràpids laterals dreta */
.LinkDre {
	position: relative;
	padding: 3px 0px 1px 0px;
	margin: 0 0 15px 0;
	overflow: visible;
	width: 140px;
	background: #d7d9db url("/img/fons_peu_linkdre.gif") bottom left no-repeat;
}
.LinkDre .rce {
	position: absolute;
	top: 0;
	left: 0;
	background: url("/img/fons_esq_linkdre.gif") top left no-repeat;
	height: 7px;
	width: 7px;
}
.LinkDre .rcd {
	position: absolute;
	top: 0;
	right: 0;
	background: url("/img/fons_dre_linkdre.gif") top right no-repeat;
	height: 7px;
	width: 7px;
}
.LinkDre .interior {
	margin: 0px 0px -8px 0px;
	vertical-align: bottom; 
	padding: 0;
}
.LinkDre span {
	display: block;
	width: 125px;
	padding: 1px 0px 5px 10px;
	margin: 0;
	color: #293546;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	height: auto;
}
.LinkDre a {
	display: block;
	width: 112px;
	padding: 0px 20px 0px 10px;
	margin: 0;
	color: #293546;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	height: auto;
	
	background-image: url("/img/fons_link_linkdre_off.gif");
	background-position: 120px top;
	background-repeat: no-repeat;
}
* html .LinkDre a {
	width: 122px;
	padding: 0px 0px 0px 10px;
}
.LinkDre a:hover {
	background-image: url("/img/fons_link_linkdre_on.gif");
	text-decoration: none;
}

/* Portada */
#Capcalera_Portada {
	height: 300px;
	background-position: top left;
	background-repeat: no-repeat;
	float: none;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

/* Elements de portada */
a.RSS {
	color: #797974 !important;
	font-size: 1.2em !important;
	display: inline-block;
	float: right;
}

.fons_portlet_portada {
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
	text-align: left;
	overflow: hidden;
}
.fons_portlet_portada_gris {
	width: 100%;
	text-align: left;
	background-color: #f8f8f4;
	padding-top: 0.9em;
}
.fons_portlet_portada_gris .Titol_Portada {
	background-color: #f8f8f4 !important;
	padding: 0.4em 1em 0.5em 1em;
	text-align: right;
}
.fons_portlet_portada_gris .Titol_Portada {
	font-size: 0.9em;
}
.Titol_Portada {
	background-color: #f2f2e8;
	padding: 0.3em 1em 0.3em 1em;
	overflow: hidden;
}
*html .Titol_Portada {
	height: 2em;
}
.Titol_Portada h1 {
	float: left;
}
.Titol_Portada a {

	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #e87d36; 
	font-size: 1.4em;
}
.Titol_Portada a:hover  {
	text-decoration: underline;
}
.Titol_Portada span {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #e87d36; 
	font-size: 1.4em;
}

.Peu_Portada {
	position: relative;
	overflow: hidden;
	margin: 0.2em 0 0 0;
	width: 100%;
	padding: 3px 0 8px 0;
	text-align: right;
}
.Peu_Portada a {
	margin: 0px 10px 0px 10px;
	color: #e87d36;
	font-size: 0.9em;
	text-decoration: none;
}
.Peu_Portada a:hover {
	text-decoration: underline;
}


ul.Llista_Portada_ambimatge {
	margin: 3px 0 0 0;
	padding: 0px 0 8px 1em;
	list-style: none;	
	color: #404040;
	list-style: none;
}
ul.Llista_Portada_ambimatge li {
	padding: 4px 0px 3px 0px;	
	display: list-item;
	text-align: left;
	margin: 0px 0px 5px 0px;
	overflow: auto;
	background-image: none;
	border-bottom: 1px solid #dcdce5;
}
ul.Llista_Portada_ambimatge li a.MesInfo {
	color: #e87d36;
	text-decoration: none;
}
ul.Llista_Portada_ambimatge li a.MesInfo:hover {
	text-decoration: underline;
}
ul.Llista_Portada_ambimatge li img {
	border: 1px solid #8a896d;
	margin-top: 1px;
}

ul.Llista_Portada_noimatge {	
	margin: 7px 0 0 0;
	padding: 0px 13px 3px 13px;
	list-style: none;	
	color: #444e5c;
}
ul.Llista_Portada_noimatge li {
	padding: 0px 0px 0px 13px;	
	display: list-item;
	text-align: left;
	margin: 6px 0px 8px 0px;
	overflow: auto;
	background: url("/img/punt_llista.gif") 0px 2px no-repeat;
}

ul.Llista_Portada_calendari {
	margin: 0px 13px 12px 10px;
	padding: 0;
	list-style: none;	
	color: #444e5c;
}
ul.Llista_Portada_calendari li {
	padding: 0.4em 0px 0 0px;	
	display: list-item;
	text-align: right;
	margin: 0 0 0.8em 0;
	overflow: auto;
	background-image: none;
}
ul.Llista_Portada_calendari li img {
	float: left;
	margin-left: 0px;
	border: 1px solid #8b8c6f;
}
ul.Llista_Portada_calendari li a.MesInfo {
	color: #e87d36;
	text-decoration: none;
}
ul.Llista_Portada_calendari li a.MesInfo:hover {
	text-decoration: underline;
}

ul.Llista_Portada_informacio {	
	margin: 7px 0 0 0;
	padding: 0px 10px 3px 10px;
	list-style: none;	
	color: #444e5c;
}
ul.Llista_Portada_informacio li {
	padding: 0px 0px 0px 18px;	
	display: list-item;
	text-align: left;
	margin: 6px 0px 8px 0px;
	overflow: auto;
	background: url("/img/llista_info.gif") 0px 2px no-repeat;
}



.Barra_Llista {
	border-top: 1px solid #eaeae6;
	margin: 0 10px 0 10px;
	padding: 0px 0px 10px 0px;
}

#DivTxtAdvIdioma {
	clear: both;
	border: 2px #666666 dashed;
	background-color: #E6E6E6;
	margin-bottom: 2em;
	padding: 1em;
}


/* Mapes GMaps */
.Mapa_LLista {
	width: 93%; 
	height: 400px; 
	border-width:1px; 
	border-color:#8c8b6f; 
	border-style:solid;
}
.Mapa_Detall {
	width: 60%; 
	height: 300px; 
	border-width:1px; 
	border-color:#8c8b6f; 
	border-style:solid;
}

/* Mapa Web */
ul.MapaWeb li {
	
	
}


/* ----  Titols ----*/
/* Títol pàgina */
.Titol {
	color: #e87d36;
	font-weight: bold;
	margin-bottom: 1.2em;
	margin-top: 2px;
	font-size: 1.3em;
	background-color: #f2f2e8;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 10px 5px 10px;
}
.Titol span {

}
/* Gris */
.subtitol {
	color: #7c7c7c;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
/* Gris petit */
.subtitol2 {
	color: #7c7c7c;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
/* Lila Petit */
.subtitol3 {
	color: #7577c0;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
/* Carbassa */
.titol_llista {
	margin-bottom: 0;
	font-size: 1.1em;
	color: #e87d36;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a.titol_llista {
	margin-bottom: 0;
	font-size: 1.1em;
	color: #e87d36;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a.titol_llista:hover {
	text-decoration: underline;
}
/* Lila */
.titol_llista2 {
	color: #5355b9;
	font-weight: bold;
	text-align: left;
	font-size: 1.1em;
	font-family: Tahoma, Verdana, Arial;
}
a.titol_llista2 {
	color: #5355b9;
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
}
a.titol_llista2:hover {
	text-decoration: underline;
}
/* Cursiva petit */
.titol_llista3 {
	color: #404040;
	text-align: left;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
a.titol_llista3 {
	color: #404040;
	text-align: left;
	font-size: 0.9em;
	text-decoration: none;
	font-style: italic;
}
a.titol_llista3:hover {
	text-decoration: underline;
}
/* Gris */
.TitolIntern {
	color: #5355b9;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-top: 0.2em;
}
.TitolIntern span {
	
}
.CanviGrupCamps {
	color: #c62b2b;
	font-weight: bold;
	padding-top: 1em;
	width: 60%;
	margin-bottom: 1.2em;
	font-size: 1em;
	border-bottom: #292929 1px solid;
	display: block;
	padding-left: 7px;
}
.CanviGrupCamps span {
	
}
.TitolAgrupacio {
	background-color: #f4f4f7;
	color: #7577c0;
	font-weight: bold;
	font-size: 1em;
	width: 99%;
	padding: 0.6em 0.3em 0.6em 0.6em;
	margin: 0.1em 0 0.1em -3px;
	display: block;
	border: 1px dotted #e5e0c2;
}
.TitolAgrupacio span {
	
}


/* Textes */
.texte {
	color: #404040;
	text-decoration: none;
}
.text_petit {
	color: #404040;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.txtresaltat {
	color: #94393c;
}
.text_lila {
	color: #5355b9; 
}
.data {
	color: #94393c;
	font-size: 0.8em;
	float: right; 
	padding: 0em 15px 0.5em 0em;
	margin-bottom: 1em;
}
.MarcaCerca {
	background-color: #fcc9a4;
	padding: 2px 0.2em 2px 0.2em;
	color: black;
}
.gris {
	font-size: 0.8em;
	color: #444e5c;
	text-decoration: none;
	text-align: justify;
}
.txt_imatge{
	display: block;
	font-size: .9em;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: right;
	padding-right: 5px;
}
.negreta {
	font-weight: bold;
}
.negre {
	color: #000000;
}
.entrega {
	white-space: nowrap; 
	font-size: 0.8em;	
	color: #8D0E29;
}
.PictoTxt {
	font-size: 0.8em;	
	color: #8D0E29;
}
.Remarca {
	color: #404040;
	font-weight: bold;
	font-size: 1em;
}
.Remarca:first-letter {
	color: #94393c;
}


/* Links */
a.link {
	color: #e87d36;
	text-decoration: none;
}
a.link:hover {
	text-decoration: underline;
}
a.linkmini {
	color: #e87d36;
	font-size: 0.9em;
}
a.linkmini:hover {
	text-decoration: underline;
}
.linknegreta {
	font-weight: bold;
	color: #5355b9;
}
a.linknegreta {
	font-weight: bold;
	color: #5355b9;
}
a.linknegreta:hover {
	text-decoration: underline;
}
a.linkgris {
	color: gray;
	font-weight: bold;
}
a.linkgris:hover {
	text-decoration: underline;
}
.linkgrisSel {
	color: gray;
	text-decoration: underline;
	font-weight: bold;
}


/* Imatges */
.BarraLatImgDet { 
	float: right;
	margin:0; 
	width: 180px;
	padding: 0;
	padding-left: 10px;
	text-align: left;
	background-color: #f8f8f4;
}

.TitolImatges {
	padding: 8px 0px 8px 0px;
	margin: 0;
	text-align: left;
	color: #e87d36;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.TitolImatges span {
	
}

.ImgIntDet {
	width: 175px; 
	text-align: center;
	margin: 0 auto 0 auto;
}
.ContInt_ImgRel {
	padding-right: 200px;
}

.imatgeint {
	border-color: #424242;
	border-width: 1px;
	border-style: solid;
	margin-left: 15px;
	float: right;
}
a.imatge_detall {
	margin-bottom: 0.5em;
	margin-top: 10px;
	margin-left: auto; 
	margin-right: auto; 
	border: 0px;
	text-align: center;
}
a.imatge_detall img{
	margin-bottom: 4px;
	margin-top: 10px;
	
}
a.imatge_detall:hover img {
	
}

.imatge_banner {
	border: 0px;
	padding-bottom: 0.6em;
	padding-top: 0em;
	margin: 0;
}

.img_incrustada_esquerra {
	float: left; 
	margin-right: 1em; 
	margin-bottom: 0.3em;
	margin-left: 0;
	margin-top: 0.3em;
}
.img_incrustada_dreta {
	float: right; 
	margin-right: 1em; 
	margin-bottom: 0.3em;
	margin-left: 2em;
	margin-top: 0.3em;
}
.img_sup_incrustada_esquerra {
	float: left; 
	margin-right: 1em; 
	margin-bottom: 0.3em;
	margin-left: 0;
	margin-top: 0.3em;
}
.img_sup_incrustada_esquerra_marc {
	float: left; 
	margin: 0 1em 0 0;
	padding: 8px 19px 8px 19px;
	background-color: #f8f8f4;
}
.img_sup_incrustada_dreta {
	float: right; 
	margin-right: 1em; 
	margin-bottom: 0.3em;
	margin-left: 2em;
	margin-top: 0.3em;
}
.img_incrustada_gmaps {
	float: left; 
	margin-right: 1em; 
	margin-bottom: 0.3em;
	margin-left: 0.5em;
}

/* Taules */
table.taula {
	width: 98%;
	border-top: 7px solid #7577c0;
	margin-top: 5px;
}
table.taula thead {
	background-color: #f4f4f7;
	color: #7577c0;
}
table.taula thead tr th {
	padding: 10px 5px 3px 5px;
}
table.taula tr.Imparell {
	background-color: #f1f1f1;
}
table.taula th.fons {
	background-color: #f1f1f1;
}
table.taula tr.Over {
	background-color: #d9dadb;
	cursor: pointer;
}
table.taula tr.No_Registres {
	vertical-align: middle; 
	height: 5em;
}
table.taula th {
	font-weight: bold;
	text-align: left;
}
table.taula td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid  #dcdce5;
	padding-bottom: 1em;
	padding-top: 1em;
}
table.taula td.noimatge {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid  #dcdce5;
	padding-bottom: 0.2em !important;
	padding-top: 0.2em !important;
}
table.taula td.agrupacio {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid  #dcdce5;
	padding-bottom: 0.4em !important;
	padding-top: 0.4em !important;
}
table.taula td.cos {

}



/* Paginació de les taules */
.Txtpaginacio {
	margin: 5px 15px 5px 0px;
	padding: 3px 10px 3px 10px;
	overflow: hidden;
	font-size: 0.9em;
	color: #292929;
}
*html .Txtpaginacio {
	height: 1.8em;
}
.Txtpaginacio .TxtRegistres {
	float: left;
}
.Txtpaginacio .Txtpagines {
	float: right;
}
a.linkpaginacio {
	color: #7577c0;
	font-size: 1.1em;
	text-decoration: none;
}
a.linkpaginacio:hover {
	text-decoration: underline;
}
.linkpaginacio_Sel {
	color: #7577c0;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}



/* Fitxa directòri */
table.fitxa {
	border: 0;
	font-size: 1em;
	width: 94%;
	background-color: #eeeeed;
}
table.fitxa th {
	font-weight: bold;
	font-size: 1.1em;
	padding: 4px 10px 4px 5px;
	width: 30%;
	vertical-align: top;
	
	
	vertical-align: top;
	background-color: #c3cad2;
	color: #00457d;
	border-bottom: 4px solid white;
	border-right: 4px solid white;
}
table.fitxa td {
	color: #404040;
	empty-cells: show;
	border-bottom: 4px solid white;
}
table.fitxa td ul {
	list-style: none;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
table.fitxa td li {
	margin-left: 0 !important;
	padding-left: 0 !important;
}



/* Elements de Formulari */
table.formulari {
	color: #717171;
	text-align: left;
	font-weight: bold;
	font-size: 0.9em;
	text-align: left;
}
table.formulari td {
	background-color: #f8f8f4;
	empty-cells: show;
	padding: 5px 6px 0px 8px;
}
table.formulari td.noborder {
	border: 0;
	margin: 0;
}
table.formulari td span.txt_captcha {
	color: #717171;
}

table.formulari th.Etiqueta {
	border: 1px dotted #e5e0c2;
	background-color: #f4f4f7;
	color: #7577c0;
	padding: 0.7em 1em 0.7em 0.8em;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 10px;
}
table.formulari td p.txt_camps_req {
	color: #717171;
	font-weight: normal;
	padding-bottom: 0.5em;
	font-size: 1em;
	text-align: left;
}

table.formulari th {
	vertical-align: top;
	text-align:left;
	padding-left: 1.5em;
	background-color: #f4f4f7;
	color: #7577c0;
	border: 1px dotted #e5e0c2;
	padding: 5px 6px 0px 8px;
	font-size: 1em;
	font-weight: normal;
}
.formTxtArea {
   font-size: 1.3em;
	border: #b8b8c5 solid 1px;
	padding: 0px 0px 0px 0.2em;
	width: 95%;
	margin-bottom: 0.5em;
}
.formobj {
	font-size: 1.1em;
	border: #b8b8c5 solid 1px;
	width: 27em;
	margin-bottom: 0.6em;
}
.Tbutton {
	border: 1px solid #cec8ba;
	background-color: #7577c0;
	color: white;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	cursor: pointer;
}


/* Calendari de portlet de portada */
.Calendari_L {
	margin: 10px 20px 0px 0px;
	float: left;
}
.Calendari_R {
	margin: 10px 0px 0px 20px;
	float: right;
}
.Calendari_U {
	margin: 10px 0px 0px 10px;
	width: 100%;
}
.Calendari_O {
	display: none;
}


/* Galeria d'imatges */
ul.Galeria {
	list-style: none;
	margin: 1.2em 0 1em 0 !important;
	padding: 0 !important;
}

ul.Galeria li {
	display: block;
	float: left;
	padding: 0;
	margin: 0px 0px 10px 0px !important;
	width: 49%;
	height: 120px;
	background: none !important;
}
ul.Galeria li p {
	padding: 2px 7px 0px 0px;
	text-align: left;
	color: #404040;
	font-style: italic;
}


/* Galeria de Videos Youtube */
ul.Videos {
	list-style: none;
	margin: 1.2em 0 1em 0 !important;
	padding: 0 !important;
}
ul.Videos li {
	display: block;
	float: left;
	padding: 0 !important;
	margin: 0px 0px 13px 0px !important;
	background: none !important;
}
ul.Videos li p {
	padding: 2px 7px 0px 0px;
	text-align: left;
	color: #404040;
	font-style: italic;
}

/* Llistes de vídeos adjunts */
ul.llista_videos {	
	margin: 0.5em 0 0.8em !important;
	padding: 0px 13px 8px 13px !important;
}
ul.llista_videos  li {	
	margin: 0 0 0.5em 0.5em !important;
	padding: 2px 0 2px 20px !important;
	vertical-align: top;
	background: url("/img/Icones/icone_video.gif") left top no-repeat !important;
}

/* Llistes de documents adjunts */
ul.FitxersAdj { /* Fitxers adjunts simples en un formulari */
	margin: 0;
	padding-bottom: 5px;
}
ul.LlistaDocs { /* Fitxers adjunts múltiples en un formulari */
	list-style: none;
	margin: 0.1em 0 2em 0px !important;
	padding: 0 !important;
}
ul.LlistaDocs li {
	color: #061f57;
	
	list-style: none;
   font-weight: normal;
	text-decoration: none;
	font-size: 1em;

	background-image: url("/img/tipusdocs/doc_default.gif");
	background-position: top left;
	background-repeat: no-repeat;
	margin:0 !important;	
	padding: 5px 10px 6px 25px !important;	
	border:0;	
}
ul.LlistaDocs li a {
	color: #061f57;
	text-decoration: none;
}
ul.LlistaDocs li a:hover {
	text-decoration: underline;
}
ul.LlistaDocs li span {
	color: #061f57;
}


/* Comentaris */
div.BarraComentaris {
	width: 100%;
	border-bottom: 1px solid #dcdce5;
	margin: 1.5em 0 1.5em 0;
	overflow: hidden;
}
div.BarraComentaris h2 {
	font-size: 1.2em;
	color: #e87d36;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 1em;
}
div.BarraComentaris div.LinksComentaris {
	float: right;
}
ol.comentaris {
	list-style-type: decimal;
	list-style-position: outside;
}
ol.comentaris li {
	font-size: 1.2em;
	color:  #5355b9;
	margin-bottom: 1.5em;
	font-weight: bold;
}
ol.comentaris li div.capcom {
	color: #5355b9;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0em 0em 0.3em 0em;
}
ol.comentaris li div.contcom {
	background-color: #f8f8f4;
	font-size: 0.8em;
	padding: 0.9em 1em 0.9em 1em;
	color: black;
	font-weight: normal;
}
ol.comentaris li div.peucom {
	background-color: #7577c0;
	color: white;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0.1em 0.5em 0.1em 0.5em;
}


/* Llista MapaWeb */
ul.MapaWeb li a {
	font-weight: bold;
	color: #5355b9;
}
ul.MapaWeb li a:hover {
	text-decoration: underline;
}
ul.MapaWeb ul li a {
	font-weight: normal;
	color: #e87d36;
	text-decoration: none;
}
ul.MapaWeb ul li a:hover {
	text-decoration: underline;
}
ul.MapaWeb ul ul li a {
	color: #7c7c7c;
	font-weight: bold;
}
ul.MapaWeb ul ul li a:hover {
	text-decoration: underline;
}

/* Missatges d'error */
.error {
	color: #FF0000;
}
ul.ErrMsg {	
	margin-top: 0px;
	margin-left: 15em;
	padding-left: 20px;
	list-style-type: disc;
	text-align: left;
}
ul.ErrMsg li {	
	margin-left: 0em;
	padding-left: 0.3em;
	padding-top: 0.3em;
	color: #000000;
	background: none;
}


/* Enquestes */
.Enquestes {
	margin: 0 20px 15px 10px;
	padding: 0;
	color: #404040;
	width: auto !important;
}
.Enquestes .Titol_Enq {
	padding: 0px 0px 5px 0px;
	margin-bottom: 7px;
}
.Enquestes .Titol_Enq span, .Enquestes .Titol_Enq a {
	font-size: 1.1em;
	color: #5355b9;
	text-decoration: none;
	font-weight: bold;
}
.Enquestes .Titol_Enq a:hover {
	text-decoration: underline;
}
.Enquestes .TBoto {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0px 7px 0px;
	cursor: pointer;
	width: 56px;
	height: 21px;
	border: 1px solid #cec8ba;
	background-color: #7577c0;
	padding: 2px 10px 4px 10px;
}
.BarraEnq {
	float: right; 
	margin-bottom: 3px; 
	background-color: #f9dcc6; 
	border: 1px solid #e87d36; 
	height: 15px;
}

/* Template Banners */
table.banners {
	margin: 0;
	padding: 0;
	border: 0;
}
table.banners tr td {
	vertical-align: middle;
	text-align: center;
}
table.banners tr td.Requade_Punts{
	border: 1px dotted #e5e0c2;
}
div.Requade_Punts {
	border: 1px dotted #e5e0c2;
	margin: 0px 5px 15px 3px;
}
.titol_banners {
	text-align: right;
	color: #4c4c4c;
	font-size: 1em;
	margin: 11px 11px 5px 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Temps */
#Temps {
	text-align: left;
	margin-bottom: 20px;
	margin-top: -5px;
}
#Temps .dades {
	float: left;
	margin-left: 5px;
	width: 90px;
}
#Temps img {
	float: left;
}
#Temps .municipi {
	clear: both; 
	padding-top: 5px;
}

/* registres relacionats */
.elem_relacionat {
	color: #c62b2b;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
}
a.elem_relacionat {
	color: #c62b2b;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
	text-decoration: none;
}
a.elem_relacionat:hover {
	text-decoration: underline;
}




/* Nous elements de pàgina */
.NouElement {
	
}
.Col_Esquerra .NouElement {

}
.Col_Dreta .NouElement {

}

/* Certificats */
table.certificat {
	border: 0;
	color: #404040;
	text-align: left;
	font-size: 1em;
	text-align: left;
	background-color: #f4f4f7;
	width: 99%;
}
table.certificat th {
	font-weight: bold;
	vertical-align: top;
	text-align:left;
	padding-left: 1.5em;
	background-color: #f4f4f7;
	color: #7577c0;
	border-bottom: 4px solid white;
	border-right: 4px solid white;
	padding: 0.5em 6px 0.3em 8px;
}
table.certificat td {
	background-color: #f1f1f1;
	empty-cells: show;
	border-bottom: 4px solid white;
	padding: 0.5em 6px 0.3em 8px;
	font-size: 1.2em;
}
.iframeCert { 
	width: 100%;
	height: 210px; 
	border:  1px solid gray;
	font-size: 0.7em;
}

.DivBotoCert {
	clear: both;
	margin: 2em 0 1em 0;
	background-color: #f4f4f7; 
	border: 1px dotted #e5e0c2;
	height: auto;
	overflow: hidden;
	padding: 1em 1em 1em 1em;
}
.DivBotoCert p {
	line-height: 1.6em;
}
.DivBotoCert a {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #cec8ba;
	background-color: #7577c0;
	margin: 11px 20px 5px 0px;
	cursor: pointer;
	height: 2em;
	padding: 0.2em 1em 0.2em 1em;
}

/* Signatura digital i TSA */
#VerificaSignatura_fitxa {
	max-width: 40%;
	float: left;
}
#VerificaTSA_fitxa {
	max-width: 40%;
	float: left;
}
#VerificaSignatura.signaOk, #VerificaTSA.signaOk {
	background: #B6FCDE url("/img/Ok.gif") right 5px no-repeat;
	border: 1px solid #006666;
}
#VerificaSignatura.signaErr, #VerificaTSA.signaErr {
	background: #FFE1E1 url("/img/No.gif") right 5px no-repeat;
	border: 1px solid #FF0000;
}
.DivVerifica {
	display: none;
	margin-bottom: 1em;
	font-size: 1.1em;
	padding: 0.5em 0.5em 0.5em 1em;
}
.DivVerifica VerificaTxt {
	margin: 0.3em 0 0.5em 1em;
}
.DivVerifica span.VerificaResposta {
	margin-left: 1em;
	margin-top: 0.6em;
}
.DivVerifica blockquote.VerificaResposta {
	margin-top: 0.6em;
	margin-left: 4em;
}
.DivVerifica .VerificaWait {
	vertical-align: middle;
	margin-bottom: 1em;
}
.DivVerifica .VerificaWait img {
	vertical-align: middle;
	margin-left: 0.8em;
}