/* Sindic */

/* Fulla d'estils per a les pàgines internes */


	/* Continguts */
	/*

			01 - Cos interior
			02 - Menu de l'esquerre
			03 - Contingut interior
			04 - Estils per l'editor CMS
			05 - Estils per apartat notícies
			06 - Estils per apartat informes i documents
			07 - Estils per apartat Contactar - Enllaços
			08 - Estils per apartat activitats
			09 - Estils per mapa web
			10 - Estils per area equips
			11 - Estils per llistat opinió dels usuaris
			?? - Peu interior
			

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


/* 01 - Cos interior */

	.interior {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 1px solid #ccc;
		margin-bottom: 1em !important;
	}
	
/* 02 - Menu de l'esquerre */

	#cos #columna-menu {
		float: left;
		width: 20em;
		margin: 0;
		padding: 0 0 4em 0;
		height: 100%;
	}	
		
		#cos #columna-menu h2 {
			color: #fff;
			font-size: 1.4em;
			margin: 0;
			background: #FFA443 url("../images/bg_h2_menu_esquerre.gif") repeat-y left top;
		}
				
			#cos #columna-menu h2 a {
				color: #fff;
				font-size: 1em;
				display: block;				
				padding: .3em .7em;
			}
	
		#cos #columna-menu ul {
			width: 20em;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#cos #columna-menu ul li {
				font-size: 1.2em;
				display: block;
				width: auto;
				margin: 0;
				padding: .5em 0 .5em .7em;
				overflow: hidden;
				border-bottom: 1px dotted #ccc;
			}
            
                #cos #columna-menu ul li a:hover {
                    text-decoration: underline;
                }
			
				#cos #columna-menu ul li ul {
					width: auto;
					margin: .2em 0 0 0;
					background: none;
				}
				
					#cos #columna-menu ul li ul li {
						font-size: 1em;
						margin: 0 0 0 .5em;
						padding: .3em 0 .3em .8em;
						overflow: hidden;
						border-bottom: none;
						width: auto;
						background: url('/site/images/li_li_menu_esquerre.gif') no-repeat .1em .7em;
					}
					
						#cos #columna-menu ul li ul li ul {
							width: auto;
							margin: .2em 0 0 0;
							background: none;
						}
		
/* 03 - Contingut interior */

	#cos #contingut {
		float: right;
		width: 71em;
		height: auto;
		margin: 0;
		padding: 0 0 2em 0;
	}
	
		#cos #contingut #avis-catala {
			background: transparent url('/site/images/avis.gif') no-repeat 0 .2em;
			font-size: 1.1em;
			text-align: left;
			margin-left: 0;
			padding-left: 1.7em;
			color: #666;
			font-style: italic;
			font-size: 1em;
		}
	
		#cos #contingut #titol-subseccio {
			width: 100%;
			overflow: hidden;
			margin-bottom: .8em;
		}
	
			#cos #contingut #titol-subseccio h2 {
				font-size: 1.8em;
				font-weight: normal;
				color: #666;
				margin-top: 0;
				padding: 0 0 .3em 0;
				border-bottom: 1px dotted #ccc;
			}

	            #cos #contingut #titol-subseccio h2 span {
					color: #E46201;
				}
			
	#cos #contingut a, #cos #contingut strong a {
		text-decoration: underline !important;
		color: #E46201 !important;
	}
		
	#cos #contingut p.tornar {		
		clear: both;
		text-align: right;		
		margin: 2em 0 0 0;
		padding: 1em 0 .8em 0;
		border-top: 1px dotted #ccc;		
	}
	
	#cos #contingut p.tornar a {
		text-decoration: none !important;
		padding: .4em 0 .8em 1.5em;
		background: url("/site/images/bg_tornar.gif") no-repeat left .4em;
	}
	
	#cos #contingut p.tornar a:hover {
		text-decoration: underline;
	}
	
	#cos #contingut p.tornar-superior {
		float: right;
        font-size: 1.1em;
        text-align: right;
		margin: 0;
		padding: 0;
		border: none;
	}
    
    #cos #contingut p.tornar-superior a {
        padding-left: 1em;
        background: url("/site/images/fletxa_tornar.gif") no-repeat left center;
    }
    
    #cos #contingut #gallery {
        clear: both;
    }
    
        #cos #contingut #gallery ul {
            width: 100%;
            overflow: hidden;
            margin: 0;
            padding: 1em 0 0 0;
        }
        
            #cos #contingut #gallery ul li {
                float: left;
                margin: 0;
                padding: 1.5em 1.5em 0 0;
            }
            
                #cos #contingut #gallery ul li img {
                    display: block;
                }
            
                #cos #contingut #gallery ul li a {
                    display: block;
                    border: 3px solid #fff;
                }
                
                    #cos #contingut #gallery ul li a:hover {
                        border: 3px solid #e46201;                    
                    }
	
	#cos #contingut div.paginador {
		width: 100%;
		overflow: hidden;
		clear: both;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
		#cos #contingut div.paginador ul {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		
			#cos #contingut div.paginador ul li {
				width: 100%;
				overflow: hidden;
				margin: 0 .2em 0 .2em;
				padding: 0;
				display: inline;
			}
			
				#cos #contingut div.paginador ul li a {
					width: 100%;
					overflow: hidden;
					margin: 0 .2em 0 .2em;
					padding: 0;
				}
				
	#cos #contingut address {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		line-height: 1.7em;
		font-style: normal;
		font-size: 1.2em;
	}
	
				
	#cos #contingut img.img-down-right, #cos #contingut .img-down-right {
		float: right;
		clear: right;
		margin: .4em 0 .6em 0;
		padding: 0 0 .2em 1em;
	}
	
	#cos #contingut .sindic-views-InteriorLayout td p {
		font-size: 1em;
		line-height: 1.3em;
	}
	
		#cos #contingut .sindic-views-InteriorLayout td p strong {
			color: #000;
		}

/* 04 - Estils per l'editor CMS */

	#contingut .filet-separacio-gris, p.filet-separacio-gris, span.filet-separacio-gris {
		border-top: 1px solid #ccc;
		display: block;
		height: 1px;
		width: 100%;
		margin: 1em 0;
		padding: 0;
		clear: both;
	}
	
	#contingut .filet-separacio-taronja, p.filet-separacio-taronja, span.filet-separacio-taronja {
		border-top: 2px solid #EB6501;
		display: block;
		height: 1px;
		width: 100%;
		margin: 1em 0;
		padding: 0;
		clear: both;
	}
		
	#cos #contingut p.titol-paragraf,
	#cos #contingut span.titol-paragraf,
	#cos #contingut .titol-paragraf {
		width: 100%;
		color: #E46201;
		display: block;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 1.6em;
		margin: 1em 0 1em 0;
		padding-left: 0;
	}
		
	#cos #contingut p.subtitol-paragraf,
	#cos #contingut span.subtitol-paragraf,
	#cos #contingut .subtitol-paragraf {
		width: 100%;
		color: #E46201;
		display: block;
		font-weight: bold;
		font-size: 1.3em;
		line-height: 1.4em;
		margin: .7em 0 .7em 0;
		padding-left: 0;
	}
	
	#contingut ol {
		margin: 0;
		padding: .3em;
	}
		#contingut ol li {
			list-style-type: decimal;
			margin-left: 1.5em;
			font-size: 1.2em;
			margin-bottom: .4em;
			line-height: 1.4em;
		}
		
	#contingut ul {
		margin: 0;
		padding: .3em;
	}
		#contingut ul li {
			padding-left: 0;
			font-size: 1.2em;
			margin-bottom: .4em;
			line-height: 1.4em;
		}
		
	#contingut ul {
		margin: 0;
		padding: .3em;
	}
		#contingut ul li.punts {
			background: url('/site/images/li.gif') no-repeat 0 .6em !important;
			padding-left: .6em;
			font-size: 1.2em;
		}
		
			#contingut ul li.punts li.punts {
				background: url('/site/images/li.gif') no-repeat 0 .6em !important;
				padding-left: .6em;
				font-size: 1em;
			}
			
		#contingut ul li.guions, #contingut ul li .guions {
			background: url('/site/images/li-guio.gif') no-repeat 0 .6em !important;
			padding-left: .6em;
			font-size: 1.2em;
		}
		
			#contingut ul li.guions li.guions, #contingut ul li .guions li .guions {
				background: url('/site/images/li-guio.gif') no-repeat 0 .6em !important;
				padding-left: .6em;
				font-size: 1em;
			}
		
	#contingut ul.horizontal, .horizontal {
		margin: 0;
		padding: 0;
	}
		#contingut ul.horizontal li, .horizontal li, li.horizontal {
			font-size: 1.1em;
			margin: 0 .6em .4em 0;
			padding: 0 .7em 0 0;
			display: inline;
			line-height: 1.4em;
			border-right: 1px solid #000;
		}
		
			#contingut ul.horizontal li.last, .horizontal li.last, li.last {
				border: none;
			}
	
	#cos #contingut img.img-left, #cos #contingut span.img-left img {
		margin: .4em 0 0 0;
		padding: 0 1em 0 0;
		float:left;
		clear: both;
		border: none;
	}
	
	#cos #contingut img.img-right, #cos #contingut span.img-right img {
		margin: .4em 0 .6em 0;
		padding: 0 0 .2em 1em;
		float:right;
		border: none;
	}
	
	#cos #contingut .fons-taronja-borde-gris, #cos #contingut span.fons-taronja-borde-gris, #cos #contingut p.fons-taronja-borde-gris {
		width: auto;
		overflow: hidden;
		display: block;
		margin: .8em 0;
		padding: .5em .7em;
		clear: both;
		background-color: #FEF4E9;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	#contingut .bloc-nova-adreca {
		width: 57%;
		overflow: hidden;
		background-color: #E46201;
		padding: .9em 1em;
		color: #fff;
	}
	
		#contingut .bloc-nova-adreca strong {
			font-weight: bold;
			font-size: 1.3em;
			color: #fff;
		}
		
		#super #contingut .bloc-nova-adreca a {
			color: #fff !important;
		}
		
			#super #contingut .bloc-nova-adreca a:hover {
				color: #fff !important;
				text-decoration: none !important;
			}
            
        #contingut .gris {
            color: #666;
        }
        
        
	
/* 05 - Estils per apartat notícies */

	#cos #contingut #llistat-mesos {
		width: 100%;
		margin: 0 0  0;
		padding: 0;
		overflow: hidden;
	}
		
		#cos #contingut #llistat-mesos ul {
			width: 100%;
			margin: 0 0 .8em 0;
			padding: 0 0 17px 0;
			overflow: hidden;
			background: url("../images/bg_capcalera.gif") repeat-x left bottom;
		}
		
			#cos #contingut #llistat-mesos ul li {
				border-left: 1px solid #555;
				margin: 0 .3em .5em 0;
				padding: 0 .3em 0 .6em;
				float: left;
				line-height: 1em;
			}
			
				#cos #contingut #llistat-mesos ul li.first {
					border: none;
					margin: 0 .3em .5em 0;
					padding: 0 .3em 0 0;
				}
				
				#cos #contingut #llistat-mesos ul li.selected {
					font-weight: bold;
				}
	
	#cos #contingut #llistat-noticies {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;		
	}
		
		#cos #contingut #llistat-noticies ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;						
		}
		
			#cos #contingut #llistat-noticies ul li {
				width: 100%;
				overflow: hidden;				
				padding: 1.2em 0;
				border-bottom: 1px dotted #ccc;
			}
			
				#cos #contingut #llistat-noticies ul li.last {
					border-bottom: none;
				}
				
				#cos #contingut #llistat-noticies ul li a {
					font-size: 1.1em;
					text-decoration: none !important;
				}
				
					#cos #contingut #llistat-noticies ul li a:hover {
						text-decoration: underline !important;
					}
				
				#cos #contingut #llistat-noticies ul li span {
					font-size: 1em;
					color: #666666;
					width: 100%;
					display: block;
					overflow: hidden;
				}
				
	#cos #contingut #detall-noticia {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		#cos #contingut #detall-noticia h3 {
			font-size: 1.8em;
			font-weight: normal;
			margin-bottom: .2em;
		}
	
		#cos #contingut #detall-noticia p.data {
			font-size: 1.2em;
			color: #666666;
			width: 100%;
			margin: 0 0 1em 0;
			padding: 0;
			overflow: hidden;
		}
		
		#cos #contingut #detall-noticia div.entradeta {
			color: #666;
			font-weight: bold;
			width: 100%;
			margin: 0 0 0 0;
			padding: 0;
			overflow: hidden;
		}
		
		#cos #contingut #detall-noticia img.left {
			margin: 1.3em 0 0 0;
			padding: 0 1em 0 0;
			float:left;
			clear: both;
			border: none;
		}
		
		#cos #contingut #detall-noticia ul li a.adjunt {
			font-size: .9em;
			background: url('/site/images/icons/adjunt.gif') no-repeat 0 0;
			margin: 0;
			padding: .1em 0 .1em 1.7em;
		}
		
		#cos #contingut #detall-noticia p.peu-noticia {
			width: 100%;
			overflow: hidden;
			text-align: right;
			margin: .5em 0 1.4em 0;
			padding: 0 0 0.8em 0;
			border-bottom: 1px solid #ccc;
		}
		
/* 06 - Estils per apartat informes i documents */

	#cos #contingut #informes-documents {
		margin: 0;
		padding: 0;
	}
	
		#cos #contingut #informes-documents ul {
			margin-left: 0;
			padding-left: .1em;
		}
		
			#cos #contingut #informes-documents ul a {
				text-decoration: none !important;
				background: url("/site/images/li_informes.gif") no-repeat 0 .3em;
				padding-left: 1em;
				margin-left: .9em;
				color: #666 !important;
				font-size: .9em;
			}
		
			#cos #contingut #informes-documents ul li {
				font-size: 1em;
				margin-left: 0;
				padding-left: 0;
			}
			
				#cos #contingut #informes-documents ul li p {
					margin-left: 0;
					padding-left: 0;
				}
				
					#cos #contingut #informes-documents ul li ul {
						margin-left: 0;
						padding-left: 0;
					}
					
						#cos #contingut #informes-documents ul li ul li p.subtitol-doc {
							color: #666;
							font-weight: bold;
						}

/* 07 - Estils per apartat Contactar - Enllaços */
	
	#cos #contingut ul.enllacos {
		width: 100%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 0;
	}
		
		#cos #contingut ul.enllacos li {
			width: 100%;
			overflow: hidden;
			font-size: 1.4em;
			margin-left: 0;
			padding-left: 0;
			color: #E46201;
			font-weight: bold;
			border-top: 1px solid #ccc;
			padding-top: .8em;
		}
		
			#cos #contingut	ul.enllacos li.first {
				border-top: none;
			}
		
			#cos #contingut	ul.enllacos ul {
				margin-left: 2em;
			}
				
				#cos #contingut	ul.enllacos ul li {
					font-size: 1em;
					margin-left: 0;
					padding-left: 0;
					padding-top: 0;
					color: #E46201;
					font-weight: bold;
					border-top: none;
				}
					#cos #contingut	ul.enllacos ul ul {
						margin-left: 2em;
					}
					
						#cos #contingut	ul.enllacos ul ul li {
							font-size: .8em;
							margin-left: 0;
							padding-left: 0;
							padding-top: 0;
							font-weight: normal;
							border-top: none;
						}
						
							#cos #contingut	ul.enllacos ul ul ul {
								margin-left: 2em;
							}
							
								#cos #contingut	ul.enllacos ul ul ul li {
									font-size: 1em;
									margin-left: 0;
									padding-left: .8em;
									padding-top: 0;
									font-weight: normal;
									background: url("/site/images/li_li_li_li_enllaços.gif") no-repeat 0 .5em;
									border-top: none;
								}
								
									#cos #contingut	ul.enllacos ul ul ul ul {
										margin-left: 2em;
									}
									
										#cos #contingut	ul.enllacos ul ul ul ul li {
											font-size: 1em;
											margin-left: 0;
											padding-left: 0;
											padding-top: 0;
											font-weight: normal;
											background: none;
											border-top: none;
										}
										
	#cos #contingut ul.enllacos-adm-cat {
		width: 100%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 0;
	}
		
		#cos #contingut	ul.enllacos-adm-cat li {
			width: 100%;
			overflow: hidden;
			font-size: 1.4em;
			margin-left: 0;
			padding-left: 0;
			color: #E46201;
			font-weight: bold;
			border-top: 1px solid #ccc;
			padding-top: .8em;
		}
		
			#cos #contingut	ul.enllacos-adm-cat li.first {
				border-top: none;
			}
		
			#cos #contingut	ul.enllacos-adm-cat ul {
				margin-left: 2em;
			}
				
				#cos #contingut	ul.enllacos-adm-cat ul li {
					font-size: .8em;
					margin-left: 0;
					padding-left: 0;
					padding-top: 0;
					color: #E46201;
					font-weight: normal;
					border-top: none;
				}

				
/* 08 - Estils per apartat activitats */			
	
	#cos #contingut #llistat-activitats {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;		
	}
		
		#cos #contingut #llistat-activitats ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;						
		}
		
			#cos #contingut #llistat-activitats ul li {
				width: 100%;
				overflow: hidden;				
				padding: 1.2em 0;
				border-bottom: 1px dotted #ccc;
			}
			
				#cos #contingut #llistat-activitats ul li.last {
					border-bottom: none;
				}
				
				#cos #contingut #llistat-activitats ul li a {
					font-size: 1.2em;
					text-decoration: none !important;
				}
				
					#cos #contingut #llistat-activitats ul li a:hover {
						text-decoration: underline !important;
					}
				
				#cos #contingut #llistat-activitats ul li span {
					font-size: 1em;
					color: #666666;
					width: 100%;
					display: block;
					overflow: hidden;
				}
				
	#cos #contingut #detall-activitat {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		#cos #contingut #detall-activitat h3 {
			font-size: 1.8em;
			font-weight: normal;
			margin-bottom: .2em;
		}
	
		#cos #contingut #detall-activitat p.data {
			font-size: 1.2em;
			color: #666666;
			width: 100%;
			margin: 0 0 1em 0;
			padding: 0;
			overflow: hidden;
		}
		
		#cos #contingut #detall-activitat div.entradeta {
			color: #666;
			font-weight: bold;
			width: 100%;
			margin: 0 0 0 0;
			padding: 0;
			overflow: hidden;
		}
		
		#cos #contingut #detall-activitat img.left {
			margin: 1.3em 0 0 0;
			padding: 0 1em 0 0;
			float:left;
			clear: both;
			border: none;
		}
		
		#cos #contingut #detall-activitat ul li a.adjunt {
			font-size: .9em;
			background: url('/site/images/icons/adjunt.gif') no-repeat 0 0;
			margin: 0;
			padding: .1em 0 .1em 1.7em;
		}
		
		#cos #contingut #detall-activitat p.peu-activitat {
			width: 100%;
			overflow: hidden;
			text-align: right;
			margin: .5em 0 1.4em 0;
			padding: 0 0 0.8em 0;
			border-bottom: 1px solid #ccc;
			clear: both;
		}
		
/* 09 - Estils per mapa web */
	#cos #site-map {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
		#cos #site-map ul.site-map-ul {
			width: 100%;
			overflow: hidden;
			margin: .1em 0 .1em 0;
			padding: 0;
            font-size: 1.2em;
		}
        
            #cos #site-map ul.site-map-ul li,
            #cos #site-map ul.site-map-ul li ul {
                font-size: 1em;
            }
            
            #cos #site-map ul.site-map-ul li {
                margin-bottom: 1.2em;
            }
            
            #cos #site-map ul.site-map-ul li ul li {
                margin-bottom: .1em;
            }
        
        
        
        
        
		
			#cos #site-map li {
				font-size: 1.1em;
				width: 100%;
				overflow: hidden;
				margin: .2em 0 .3em .3em;
				padding: 0;
			}
			
				#cos #site-map li li {
					font-size: 1em;
					width: 100%;
					overflow: hidden;
					margin: .2em 0 .3em .3em;
					padding: 0 0 0 .7em;
					font-weight: bold;
					background: url("/site/images/li_li_map_web.gif") no-repeat 0 .6em;
				}
				
					#cos #site-map li li a {
						color: #666 !important;
					}
				
					#cos #site-map li li li {
						font-size: 1em;
						width: 100%;
						overflow: hidden;
						margin: .2em 0 .2em .4em;
						padding: 0;
						font-weight: normal;
						background: none;
					}

/* 10 - Estils per area equips */

	#cos #contingut ul.equip-ultims {
		margin-bottom: 4em;
	}

	#cos #contingut div.equip {
		position: relative;
	}

	#cos #contingut div.equip-content {
		margin: 0;
		padding: .1em;
		z-index: 99;
		position: absolute;
		background-color: #fff;
		left: 20em;
		top: -8em;
		border: 1px solid #ccc;
		width: 10.3em;
	
	}
	
	#cos #contingut div.equip-content img.equip-img {
		margin: 0;
		z-index: 100;
		padding: .2em;
		background-color: #fff;
		
	}
	
	#cos #contingut span.equip-nom {
		margin: 0;
		padding-left: .2em;
		background-color: #fff;
		float: left;
		color: #666;
		z-index: 100;
	}
	
	#cos #contingut .ultims {
		padding-top: .5em;
		padding-bottom: .5em;
	}
	

/* 11 - Estils per llistat opinió dels usuaris */			
	
	#cos #contingut #llistat-opinions {
		width: 100%;
		margin: 2em 0 0 0;
		padding: 0;
		overflow: hidden;
	}
	
		#cos #contingut #llistat-opinions h3 {            
            font-size: 1.4em;
            padding-bottom: 0.6em;
            border-bottom: 1px dotted #CCCCCC;
		}
		
		#cos #contingut #llistat-opinions ul {
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#cos #contingut #llistat-opinions ul li {
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding: 0 0 1em 0;
				border-bottom: 1px dotted #ccc;
				font-size: 1em;
			}
			
				#cos #contingut #llistat-opinions ul li.last {
					border-bottom: none;
				}
				
				#cos #contingut #llistat-opinions ul li span {
					display: block;
					font-size: .9em;
					margin: 1em 0;
					padding: 0;
                    font-size: 1.1em;
                    float: right;
					color: #E46201;
				}
			
				#cos #contingut #llistat-opinions ul li p.introduccio {
					font-weight: bold;
					color: #666;
				}
				
				#cos #contingut #llistat-opinions ul li div.text-opinio strong {
					color: #666;
				}
										
				#cos #contingut #llistat-opinions ul li a.adjunt {
					
					background: url('/site/images/icons/adjunt.gif') no-repeat 0 0;
					margin: 0;
					padding: .1em 0 .1em 1.7em;
				}
	
/* ?? - Peu interior */

	.peu-interior {
		border-top: none !important;
		padding-top: 0 !important;
	}
	
/* Formularis suscripció butlletins i premsa */

	#cos #contingut .FormBox ul.formErrors {
		border: 1px solid #EB6501;
		padding: 5px 8px;
		margin: 0 0 20px 0;
		background-color: #eeeeee;
	}
	
/* Resolucions al web */
    
     #cos #contingut .resolucions .imgloader {
        float: right;
        padding-top: .5em;
        display: none;
    }	
    
    #cos #contingut .resolucions .resolucions-box {
        border: 1px solid #E46201;
        background: #f1f1f1;
        padding: 1em 1em 2em 1em;
        margin-bottom: 1.5em;
        overflow: hidden;
    }
    
    #cos #contingut .resolucions .resolucions-box label {
        font-size: 1.1em;
        color: #666666;
        font-weight: bold;
        text-align: right;
        padding-right: 5.3em;                
    }
    
    #cos #contingut .resolucions .resolucions-box .textto label {
        padding-right: 5.2em;                
    }
    
    #cos #contingut .resolucions .boto-buscar {
        float: right;
        margin-left: 1em;
        margin-right: 1em;
        padding: .3em;
        background-color: #E46201; 
	    border:1px solid;
	    color: #fff;
	    font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
	    border-color: #fea35c #a55110 #a55110 #fea35c; 
    }
    
    #cos #contingut .resolucions .resolucions-box .boto-buscar {
        margin-right: 0;                
    }
    
    #cos #contingut .resolucions .selectors {
        margin-bottom: 1.5em;
    }
    
    #cos #contingut .resolucions .selectors label {
        cursor: pointer;
        padding-top: .2em;
        padding-bottom: .2em;
        padding-left: .7em;
        padding-right: .7em;
    }
    
    #cos #contingut .resolucions .selectors label.firstlevel {
        color: #666666;
        font-size: 1.1em;
        font-weight: bold;        
    }
    
    #cos #contingut .resolucions .selectors h3 {
        border-bottom: 1px dotted #BFBFBF;
    }
    
    #cos #contingut .resolucions .selectors input {
        display: none;
    }
    
    #cos #contingut .resolucions .selectors input.boto-buscar {
        display: block;
        cursor: pointer;
    }
    
    #cos #contingut .resolucions .resolucions-box div {
        margin-top: 1.5em;
        padding-left: 3em;
    }
    
    #cos #contingut .resolucions .resolucions-box .textfield {
    	background:#FFFFFF;
    	border: 1px solid #999999;
    	padding: 2px;    	    	
    }
    
    #cos #contingut .resolucions .resolucions-box .textto input {
        width: 17em;       	
    }
    
    #cos #contingut .resolucions .resolucions-box .expedient #year {
        width: 2em;
        margin-right: 2em;
    }
    
    #cos #contingut .resolucions .resolucions-box .expedient #numero {
        width: 4em;       	
    }

    #cos #contingut .resolucions .resolucions-box .expedient,
    #cos #contingut .resolucions .resolucions-box .expedient p {
        color: #666;
        font-size: 1em;
    }

	/* Llistat de resolucions */
	
	   #cos #contingut .resolucionsList .controls {
            border-top: 1px solid #E46201;
			border-bottom: 1px solid #E46201;			
			overflow: hidden;
			margin-top: 2em;
	   }
	
		#cos #contingut .resolucionsList .controls h3 {
			color: #E46201;
			font-size: 1.3em;
			padding: .3em 0;			
		}
		
		#cos #contingut .resolucionsList .controls a {			
			float: right;
			margin-top: .9em;			
			padding-left: 1em;
            color: #E46201;
            font-size: 1.1em;
            background: transparent url(../images/resolucions/fletxa_tornar.gif) no-repeat scroll left center;
		}
	
		#cos #contingut .resolucionsList ul li {
			padding: 0;
			margin: 0 0 1em 0;
			width: 100%;
			overflow: hidden;
			font-size: 1em;
		}	
	
    #cos #contingut .resolucionsList ul li a {
    	color: #000000 !important;
      text-decoration: none !important;
      float: right;      
      width: 51em;
    }
    
    #cos #contingut .resolucionsList ul li a:hover {
    	color: #000000 !important;
    	text-decoration: underline !important;
    }
    
    #cos #contingut .resolucionsList ul li span {
      float: left;
      color: #E46201;      
      width: 6em;
    }

    
    
	/* Redefinicio d'estils del desplegable de resoluions */
	
		#contingut .treeview {
			padding: 0;
			margin: 0 0 2em 0;
		}
		
		#contingut .treeview li {
			margin: .8em 0;
			padding: 0;
			font-size: 1.1em !important;
			line-height: 16px;
			list-style: none;
		}
		
		#contingut .treeview li ul {
			margin-bottom: 1.2em;
		}
		
		#contingut .treeview li ul li {
			margin: .3em 1em;
		}
		
		#contingut .treeview li {
			padding-left: 16px;
			background: url("../images/resolucions/last_element.gif") no-repeat left center;
		}
		
		#contingut .treeview li label {
			padding: .2em !important;
		}
		
		#contingut .treeview li.expandable,
		#contingut .treeview li.collapsable {	
			padding-left: 0 !important;
			background: none !important;
		}

		#contingut .treeview li.collapsable.area3,
        #contingut .treeview li.collapsable.admin3 {	
			padding-left: 16px !important;
			background: url("../images/resolucions/last_element.gif") no-repeat left center !important;
		}
		
		#contingut .treeview li div.hitarea {
			height: 16px;
			width: 16px;
		}
		
		#contingut .treeview li.expandable div.hitarea {		
			background: url("../images/resolucions/expandable_1.gif") no-repeat left center;
		}
		
		#contingut .treeview li.collapsable div.hitarea {	
			background: url("../images/resolucions/collapsable_1.gif") no-repeat left center;
		}
		
		#contingut .treeview li ul li.expandable div.hitarea {	
			background: url("../images/resolucions/expandable_2.gif") no-repeat left center;
		}
		
		#contingut .treeview li ul li.collapsable div.hitarea {	
			background: url("../images/resolucions/collapsable_2.gif") no-repeat left center;
		}
		
		#contingut .treeview .hitarea {
			margin-left: 0;
		}
		
		#contingut .treeview li label.selected {
			font-weight: normal;
		}
		
		
		
	/* Paginador de resolucions */
		
		.views-Pager {			
			width: 100%;
			overflow: hidden;
			margin-top: 1.5em;
			margin-left: 8.8em;
		}
		
		.views-Pager span {
			font-weight: bold;
		}
		
		.views-Pager a,
		.views-Pager span {
			font-size: 1.1em;
			margin-right: 1em;
			float: left;
		}
        
        
    /* Videoteca */
    
        #contingut .informacio-video {
            width: 100%;
            overflow: hidden;
            margin-bottom: 2em;
            padding-bottom: 1.5em;
            border-bottom: 1px dotted #ccc;
        }
        
            #contingut .informacio-video .video {
                float: left;
                margin: 0 2em 1em 0;
            }
            
                #contingut .informacio-video .video object,
                #contingut .informacio-video .video embed {
                    width: 480px;
                    height: 360px;
                    display: block;
                }
            
                #contingut .informacio-video .video p {
                    display: none;
                }
            
        
		#contingut .titol-videos {
			color: #fff;
			font-size: 1.4em;
			margin: 0;
            padding: .3em 1.1em;
			background: #FFA443 url("../images/bg_h2_menu_esquerre.gif") repeat-y left top;
		}
        
        #contingut .llistat-videos {
            margin: 0;
            padding: 0;
        }
        
            #contingut .llistat-videos li {
                float: left;
                width: 15em;
                overflow: hidden;
                margin: .3em;
                padding: 1em;
                font-size: 1em;
                height: 18.8em;
            }
            
            #contingut .llistat-videos li .video {
                margin-bottom: 1em;
                border: 5px solid #fff;
            }
            
                #contingut .llistat-videos li.selected .video {
                    border: 5px solid #ddd;
                }
				
				#contingut .llistat-videos li.selected .video img {
					display: block;
				}
				
				#contingut .llistat-videos li.selected .video a {
					color: #fff;
				}
            
                #contingut .llistat-videos li .video object,
                #contingut .llistat-videos li .video embed,
                #contingut .llistat-videos li .video iframe{
                    width: 140px;
                    height: 105px;
                    display: block;
                }
            
                #contingut .llistat-videos li .video p {                    
                    display: none;                    
                }
                
            #contingut .llistat-videos li .titol {                
                padding: 0;
                margin: 0 0 0.3em 5px;                
                color: #E46201;
                font-size: 1.3em;
                font-weight: bold;                
                line-height: 1.2em;
            }
            
            #contingut .llistat-videos li .descripcio {
                margin: 0 0 0 5px;
                padding: 0;
                font-size: 1.1em;
                line-height: 1.3em;                
            }
        
		#contingut .loading {
			height: 360px;
			margin: 0 2em 1em 0;
			text-align: center;
		}
		
			#contingut .loading img {
				margin-top: 165px;
			}
		
	
	/* Breadcrumb */
	
		#cos .breadcrumb {
			font-size: 1em;
			text-align: right;
		}
		
			#cos .breadcrumb a {
				text-decoration: underline;
			}
			
			#cos .breadcrumb a.inici {
				color: #E46201;
			}			
			
			
	/* Google Site Search */
	
    #super p.results-info {
        border-bottom: 1px solid #CCCCCC;
        font-size: 1.3em;
        margin: 1em 0 0;
        padding: 0;
        width: 100%;
        text-align: right;
    }

    #super .google-pager {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        font-size: 1.3em;
    }

        #super .google-pager span.previous {
            margin-right: .5em;
        }

        #super .google-pager a {
            text-decoration: underline;
        }

        #super .google-pager a,
        #super .google-pager strong {
            margin-right: .5em;
        }

	#super .search-results {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 1.3em;
        overflow: hidden;
    }

        #super .search-results li {
            margin: .6em 0;
            padding: .5em 0;
        }

            #super .search-results li span {
                clear: left;
                display: block;
                margin: .3em 0;
            }

                #super .search-results li span.title a {
                    color: #E46201;
                    font-size: 1.2em;
                    text-decoration: none !important;
                }
                
                    #super .search-results li span.title a:hover {
                        text-decoration: underline !important;
                    }

                #super .search-results li span.text-content {
                    color: #000;
                }

                #super .search-results li span.url {
                    color: #666;
                }

                #super .search-results li span b {
                    color: #E46201;
                }
    #super p.no-results {
        text-align: center;
        margin-top: 2em;
        font-size: 1.3em;
    }