/* Institut Municipal d'Hisenda de Barcelona */

/* Fulla d'estils per a la plana principal */




	/* Contenidor principal de la home */
	
		#contingut {		
			width: 71em;
			float: right;			
			padding: 0;
		}




	/* Estils per a les seccions destacades de la web */
	
		#columna-banners {
			float: left;			
			width: 450px;
			padding-top: 1.5em;
			margin-bottom: 1em;
		}
		
			#columna-banners ul {
			}
		
				#columna-banners ul li {
					display: block;
					margin-bottom: 10px;
				}
		
					#columna-banners ul li.right {
						float: right;
					}

					#columna-banners ul li.left {
						float: left;
					}
					
					#columna-banners ul li.carpeta-empreses {
						margin-top: -7px;
					}

                    #columna-banners ul li.carpeta-professional {
                        margin-top: -8px;
                    }					
	
					#columna-banners ul li img {
						display: block;
					}
					
					#columna-banners ul li.obres {
						width: 42.5em;
						position: relative;
						padding: 1em;
						border: 2px solid #CB2F18;
						background: url("../images/bg_banner_obres.gif");
					}					
					
						#columna-banners ul li.obres  p {
							color: #333;
							font-size: 1.2em;
							padding-left: 3.4em;
							background: url("../images/icona_obres.gif") no-repeat left center;
						}
						
							#columna-banners ul li.obres  p a {
								color: #333;
								text-decoration: underline;								
							}
							
						#columna-banners ul li.obres span.si,
						#columna-banners ul li.obres span.sd,
						#columna-banners ul li.obres span.ii,
						#columna-banners ul li.obres span.id {
							height: 10px;
							width: 10px;
							position: absolute;
						}

						#columna-banners ul li.obres span.si {							
							top: -2px;
							left: -2px;							
							background: url("../images/obres_si.gif") no-repeat left top;
						}
						#columna-banners ul li.obres span.sd {							
							top: -2px;
							right: -2px;
							background: url("../images/obres_sd.gif") no-repeat left top;
						}
						#columna-banners ul li.obres span.ii {
							bottom: -2px;
							left: -2px;
							background: url("../images/obres_ii.gif") no-repeat left top;
						}
						#columna-banners ul li.obres span.id {
							bottom: -2px;
							right: -2px;
							background: url("../images/obres_id.gif") no-repeat left top;
						}



	/* Estils per al llistat de destacats de la home */

		#columna-destacats {
			float: right;
			width: 19.5em;
			margin: 1.5em 3em 1.5em 1em;
			padding-right: .5em;
		}
		
			#columna-destacats h2 {
				padding: .3em 1em;
		
				color: #265198;
				font-size: 1.3em;
				font-weight: bold;
						
				border: none;
				background-color: #eee;
			}
		
			#columna-destacats ul {
			    padding-left: .7em;
			    margin-bottom: 2em;
			}
		
				#columna-destacats ul li {
					padding-left: .6em;
					font-size: 1.2em;
					background: url("../images/li_destacat.gif") no-repeat left .4em;
					margin-bottom: .7em;
				}
		
				#columna-destacats ul li,
				#columna-destacats ul li a {
					color: #666;
				}



			#columna-destacats .veure-tots {
				text-align: right;
				margin-right: 1.5em;
				color: #3F66A7;
				font-size: 1.1em;
				font-weight: bold;				
			}
		
				#columna-destacats .veure-tots a {
					color: #3F66A7;
					text-decoration: underline;
				}




	/* Contenidor dels elements de contacte de la home */


		#contingut #contacte {
			position: relative;
			margin-top: 1em;
			margin-bottom: 2em;			
			border: 2px solid #e8e8e8;
			width: 448px;
			clear: left;
		}
		
			#contingut #contacte h2 {
				font-size: 1.4em;
				color: #274069;
				background-color: #fff;
				margin: .4em 0 .4em 0;
			}
			
				#contingut #contacte ul li {
					font-size: 1.2em;
					margin-bottom: 1em;
				}
				
					#contingut #contacte ul li.telefon {
						padding-left: 2em;
						margin-left: 1.6em;
                        
						color: #274069;
						background: url("../images/icona_telefon.gif") no-repeat left top;
					}
					
					#contingut #contacte ul li.correu {
						padding-left: 2em;
						padding-bottom: .2em;
						margin-left: 1.6em;

						background: url("../images/icona_correu.gif") no-repeat left .1em;
					}
					
						#contingut #contacte ul li.correu a {
							color: #274069;
							text-decoration: underline;
						}



		/* Contenidor de l'avis dels horaris de Nadal, sota els destacats */
		
			#contingut #horaris-nadal {
				position: relative;
				margin-top: 1.5em;
				margin-bottom: 2em;
				padding: 1em;
				border: 2px solid #e8e8e8;
				width: 17em;
			}
			
				#contingut #horaris-nadal h2 {
					font-size: 1.3em;
					color: #274069;
					background-color: #fff;
					margin: 0 0 .2em 0;
					padding-left: 0;
				}
				
				#contingut #horaris-nadal p {
					font-size: 1.1em;
					margin-bottom: 1em;
				}
		

			
		/* Cantonades arrodonides per al modul de suport als internautes */

			#contacte span.si,
			#horaris-nadal span.si,
			#contacte span.sd,
			#horaris-nadal span.sd,
			#contacte span.ii,
			#horaris-nadal span.ii,
			#contacte span.id,
			#horaris-nadal span.id {
				position: absolute;
				width: 10px;
				height: 10px;
			}
			
			
			
			/* Carrega de les imatges que es faran servir com a les cantonades arrodonides */
			
				#contacte span.si,
				#horaris-nadal span.si { background: url("../images/corner_top_left.gif") no-repeat top; }
				#contacte span.sd,
				#horaris-nadal span.sd { background: url("../images/corner_top_right.gif") no-repeat; }
				#contacte span.ii,
				#horaris-nadal span.ii { background: url("../images/corner_bottom_left.gif") no-repeat; }
				#contacte span.id,
				#horaris-nadal span.id { background: url("../images/corner_bottom_right.gif") no-repeat; }
	
			
			
			/* Posicionament de les cantonades arrodonides */
	
				#contacte span.si,
				#horaris-nadal span.si { left: -2px;	top: -2px; }
				#contacte span.sd,
				#horaris-nadal span.sd { right: -2px; top: -2px;	}
				#contacte span.ii,
				#horaris-nadal span.ii { left: -2px; bottom: -2px; }
				#contacte span.id,
				#horaris-nadal span.id { right: -2px; bottom: -2px; }