/* Institut Municipal d'Hisenda de Barcelona */

/* Fulla d'estils per a les planes interiors */





	/* Breadcrumb */
	
		#breadcrumb {
			color: #666;
			font-size: 1.1em;
			padding: 1.7em 2.8em .5em 2.8em;
		}
	
			#breadcrumb a {
				text-decoration: underline;
				color: #666;
			}
	
				#breadcrumb a.inici {
					padding-left: 1em;
					background: url("../images/fletxa_breadcrumb.gif") no-repeat left center;
				}
	







	/* Estils dels elements de la l'area de text */

		#area-text {
			padding: 0 1.8em 5em 1.8em;
		}

		.subhasta { padding-left: 0 !important; padding-right: 0 !important; } /* Classe per a eliminar els marges de la taula per a la secció de subhastes */
	
			#area-text h2 {}
			
			#area-text h3 { margin: 1.5em 0 0 0; }
			
			#area-text h4 {}
			
				#area-text h4.serveis { margin-top: 1.5em; padding: .5em; color: #333; font-size: 1.4em; background-color: #DEE6F9; }
			
			#area-text h5 {}
			
			#area-text h6 {}
			
			#area-text img.left { float: left; margin: 0 1.2em .5em 0; }
			
			#area-text img.right {	float: right; margin: 0 0 .5em 1.2em; }
			
			#area-text p {
				font-size: 1.2em;
				line-height: 1.5em;
				margin: 1em 0 1em 0;
			}
            
                #area-text p.center {
                    text-align: center;
                }


            #area-text .enllac-calendari {
                float: right;
                clear: right;
                font-size: 1.1em;
                font-weight: bold;
                margin: 0;
                padding: 0;
                width: 23em;
                line-height: 1.3em;
            }
            
                #area-text .enllac-calendari a {
                    display: block;
                    padding: 0 .6em 0 2.2em;
                    background: url("../images/icona_calendari.gif") no-repeat left center;
                }


			#area-text a { color: #3F66A7; text-decoration: underline; }
			
			#area-text address {			
				font-size: 1.2em;
				margin: 1.5em;
			}

			#area-text ul,
			#area-text ol {
				margin: 1em 0 2em 0;
				list-style: none;				
			}
			
				#area-text ul li {
					margin: .5em 0;
					background-image: url(../images/liliMenu.gif);
					background-repeat: no-repeat;
					background-position: .2em .7em;
					padding: .2em .8em;
					margin-left: 1em;
					font-size: 1.2em;
				}
                
                #area-text ul li table,
                #area-text ul li table th,
                #area-text ul li table td {
                    font-size: 1em !important;
                }

				#area-text ul li.pdf {
					background: url("../images/icona_pdf.gif") no-repeat left .2em;
					padding-left: 1.5em;
				}

					#area-text li ul,
                    #area-text li ol {
						margin-bottom: 0;
					}

						#area-text ul li ul li {
							font-size: 1em;
							background: url("../images/li_2n_nivell.gif") no-repeat .2em .6em !important;
							margin: 0;
						}


						/* Correccio del tamany de font dels llistats niuats */

							#area-text ul li ol li { font-size: 1em !important; background: none; }
											
							
						/* Correccio de l'estil dels ul's que es troben dintre d'un ol */
						
							#area-text ol li ul li {
								list-style: none !important;
								margin: .5em 0 !important;
								background-image: url("../images/li_2n_nivell.gif") !important;
								background-repeat: no-repeat !important;
								background-position: .2em .8em !important;
								padding: .2em .8em !important;
								margin-left: 1em !important;
								font-size: 1em !important;
							}							



			#area-text ul.premis {
			}

				#area-text ul.premis li {
					overflow: hidden;
					width: 100%;
					margin: 0 0 1.5em 0;
					padding: 0;
					background: none;
				}
				
				#area-text ul.premis li p {
					font-size: 1em;
				}


			#area-text ol {
				margin-left: 2em;
			}
			
				#area-text ol.vinyeta-llati li {
					background: none;
					list-style: lower-alpha;
				}

				#area-text ol li {
					margin: 0 3em .5em 3em;
					padding: 0 0 .2em 0;
					margin-left: 1em;
					font-size: 1.2em;
					list-style: decimal;
				}
				
					#area-text ol li p {
						font-size: 1em;
					}
				
						#area-text ol li ul li {
							list-style: none;
							padding-left: .8em;
							font-size: 1em;
						}
						
							#area-text ol li ol li {
								list-style: lower-alpha;
								font-size: 1em !important;
							}


            #area-text ul.llistat-horitzontal {
                width: 100%;
                overflow: hidden;
                margin: 0 0 1.5em 0;
                padding: 0;
            }

                #area-text ul.llistat-horitzontal li {
                    float: left;
                    width: 15.5em;
                }



		/* Estils de la taula de subhastes */
		
			#area-text #subhasta {
				border-collapse: collapse;
				border-left: 1px solid #DDD;
				border-right: 1px solid #DDD;
				border-bottom: 1px solid #DDD;
				width: 100%;
			}
			
				#area-text #subhasta th,
				#area-text #subhasta td {
					padding: .5em;
				}
		
				#area-text #subhasta th {
					background-color: #C3CFE4;
					border-top: 1px solid #DDD;
					border-bottom: 1px solid #DDD;
					vertical-align: middle;
					font-weight: bold;
					font-size: 1.1em;
					color: black;
				}
				
				#area-text #subhasta td {
					border: 1px solid #ddd;
					border-top: none;
					text-align: center;
					font-size: 1em;
					
				}
				
					#area-text #subhasta td img {
						display: block;
						margin: 0 auto;
					}
				
				#area-text #subhasta .par td {
					background-color: #EBEFF6;
				}
				
				
				#area-text #subhasta .matricula { width: 7em; }
				
				#area-text #subhasta .model {	width: 7.6em;	}
				
				#area-text #subhasta .valoracio {	width: 4.4em;	}
				
				#area-text #subhasta .carregues {	width: 7em;	}
				
				#area-text #subhasta .situacio { width: 6em; }
				
				#area-text #subhasta .referencia { width: 7em; }
				
				#area-text #subhasta .data { width: 6.3em; }
				
				#area-text #subhasta .import { width: 4.5em; }
				
				#area-text #subhasta .diposit {	width: 5.5em;	}
				
				#area-text #subhasta .imatges {	width: 4em;	}
		
		
		
		
		
		
		#area-text .imatge-vehicle {
			margin-top: 1em;
			width: 100%;
		}
		






/* Llistats d'impostos (amb les cantonades arrodonides) */

	#area-text .llista-impostos {
	}
	
		#area-text .llista-impostos li {
			position: relative;
			padding: .5em 1em;
			margin-bottom: 1em;
			margin-left: 0;
			font-size: 1.4em;
			color: #3F66A7;
			border: 2px solid #e8e8e8;
			background: none;
		}
		#area-text div.llista-contribuent {
			background:transparent none repeat scroll 0 0;
			border:2px solid #E8E8E8;
			color:#3F66A7;
			float:right;
			font-size:1.2em;
			height:19.6em;
			margin-left:0;
			position:relative;
			width:26em;
		}
		#area-text div.llista-contribuent h3 {
			background:#EEEEEE;
			border-bottom:2px solid #E8E8E8;
			padding:1.5em 1em 1.2em;
			margin-top: 0;
			
		}
		
		#area-text  div.llista-contribuent ul{
			padding:0;
		}
		
			#area-text .llista-impostos li a {
				color: #3F66A7;
				text-decoration: none;
			}
			
				#area-text .llista-impostos li a:hover {
					text-decoration: underline;
				}
	
	
			#area-text span.si,
			#area-text span.sd,
			#area-text span.ii,
			#area-text span.id {
				position: absolute;
				width: 10px;
				height: 10px;
			}
			
			
			
			/* Carrega de les imatges que es faran servir com a les cantonades arrodonides */
			
				#area-text span.si { background: url("../images/corner_top_left.gif") no-repeat top; }
				#area-text span.sd { background: url("../images/corner_top_right.gif") no-repeat; }
				#area-text span.ii { background: url("../images/corner_bottom_left.gif") no-repeat; }
				#area-text span.id { background: url("../images/corner_bottom_right.gif") no-repeat; }
	
			
			
			/* Posicionament de les cantonades arrodonides */
	
				#area-text .llista-impostos li span.si,#area-text div.cantonades span.si { 	left: -2px;	top: -2px; }
				#area-text .llista-impostos li span.sd,#area-text div.cantonades span.sd {	right: -2px; top: -2px;	}
				#area-text .llista-impostos li span.ii,#area-text div.cantonades span.ii {	left: -2px; bottom: -2px;	}
				#area-text .llista-impostos li span.id,#area-text div.cantonades span.id {	right: -2px; bottom: -2px; }





			/* Estils per a la pagina principal de cada impost o multa (blocs d'informacio i tramits) */
			
				#area-text #informacio,
				#area-text #informacio h3,
				#area-text #informacio ul,
				#area-text #informacio ul li,
				#area-text #tramits,
				#area-text #tramits h3,
				#area-text #tramits ul,
				#area-text #tramits ul li {
					margin: 0;
					padding: 0;
				}
				
				#area-text #informacio {
					width: 30.5em;
					float: right;
					margin-bottom: 2em;
				}
				
				#area-text #tramits {
					width: 30.5em;
					float: left;
					margin-bottom: 2em;
				}
				
				#area-text #informacio,
				#area-text #tramits {
					position: relative;
					border: 2px solid #e8e8e8;
				}
				
					#area-text #informacio h3 {
						background: url("../images/icona_informacio.gif") no-repeat 20em center;		
						background-color: #eee;		
						padding: .4em 1em;
						border-bottom: 2px solid #e8e8e8;
					}
					
					#area-text #tramits h3 {
						padding: .5em 1em;
						background: url("../images/icona_tramits.gif") no-repeat 20em center;
						background-color: #3F66A7;
						color: #fff;
						margin-bottom: 0;					
					}	
				
				
					#area-text #informacio ul,
					#area-text #tramits ul {
						margin-top: 0;
						padding-bottom: 20px;
					}
				
						#area-text #informacio ul li,
						#area-text #tramits ul li {
							margin: 0;
							padding: .5em 1em 0 2em;
							background: url(../images/liliMenu.gif) 1.2em 1em no-repeat;
						}
						
						/* Posicionament de les cantonades arrodonides */
						
							#area-text #informacio span.si,
							#area-text #tramits span.si { left: -2px;	top: -2px; }
							#area-text #informacio span.sd,
							#area-text #tramits span.sd { right: -2px; top: -2px; }
							#area-text #informacio span.ii,
							#area-text #tramits span.ii { left: -2px; bottom: -2px; }
							#area-text #informacio span.id,
							#area-text #tramits span.id { right: -2px; bottom: -2px; }		







			/* Enllac per a tornar enrera */
			
				#area-text p.tornar {
					color: #274069;
					text-align: right;
				}
				
					#area-text p.tornar a {
						color: #274069;
						padding-left: 1em;
						background: url("../images/fletxa_tornar.gif") no-repeat left center;
					}
					
					
				
				#area-text ul.tornar {
					color: #274069;
					text-align: right;
				}
				
					#area-text ul.tornar li {		
						background: none;
						display: inline;
						
						margin: 0;
						padding: 0;
					}

						#area-text ul.tornar li a.fletxa {
							padding-right: 1em;
							border-right: 1px solid #274069;
							background: url("../images/fletxa_tornar.gif") no-repeat left center;
						}		
				
						#area-text ul.tornar li a {
							color: #274069;
							padding-left: .8em;
						}



			/* Modul de informacio d'atencio telefonica */
			
				#area-text .atencio-telefonica li,
				#area-text .atencio-presencial li {
					background: none;
					margin-left: 0;
					margin-bottom: .5em;
					padding-bottom: 0;
					padding-top: 0;	
				}
				
				
					#area-text .atencio-telefonica li h5,
					#area-text .atencio-presencial li h5 {
						color: #333;
						margin-top: 1.5em;
						margin-bottom: .4em;
					}
					
					#area-text .atencio-telefonica li p {
						margin-top: 0;
						font-size: 1em;
					}
					
					
					
					#area-text .atencio-presencial dl {
						font-size: 1em;
						margin-bottom: 1em;
					}
					
						#area-text .atencio-presencial dl dt {
							font-weight: bold;
							float: left;
						}
						
						#area-text .atencio-presencial dl dd {
							padding-left: 1.5em;
							margin-bottom: .2em;
						}



			/* Llistat dels destacats (llistat de la plana interior) */

				#area-text .data-destacat,
				#area-text .data-actualitzacio {
					margin-top: 3em;
					text-align: right;
					font-style: italic;
				}

				#area-text .destacats li {
					padding-left: 0;
					padding-bottom: 1em;
					margin-left: 0;
					background: none;
					border-bottom: 1px dotted #999;
				}

					#area-text .destacats li a {
						text-decoration: none;
					}
					
						#area-text .destacats li a:hover {
							text-decoration: underline;
						}



		/* Modul per a la informacio del cost de la trucada */

			#area-text .trucades {
				background-color: #eee;
				padding: 1.5em 1.5em .5em 1.5em;
			}
		
				#area-text .trucades h3 {
					color: #333;
					font-size: 14px;					
					margin-top: 0;
				}
                
                    #area-text .trucades h4 {
                        margin-top: 0;
                    }

					#area-text .trucades li {
						margin: 0 0 1em 0;
						padding: 0;
						background: none;
					}

						#area-text .trucades li strong {
							color: #3F66A7;
						}



		/* Submenú d'arxius */
		
			#submenu-arxius {
				float: right;
				width: 140px;
				background-color: #EBEFF6;
				margin-left: 1.5em;
				margin-bottom: 2.5em;
				border-bottom: 1px dotted #999;
			}
		
				#submenu-arxius h3 {
					color: #fff;
					background-color: #3F66A7;
					margin: 0;
					padding: .3em .8em;
					font-size: 1.2em;
				}
		
				#submenu-arxius ul {
					margin: 1em;
					padding: 0;
					border: none;
				}
		
					#submenu-arxius ul li {
						background-image: url(../images/liliMenu.gif);
						background-repeat: no-repeat;
						background-position: .2em .7em;
						margin: 0 0 0 .2em;
						font-size: 1.2em;
						padding: .2em .8em;			
					}
		
						#submenu-arxius ul li a,
						#submenu-arxius ul li strong {
							color: #333;
							text-decoration: none;
						}
		
							#submenu-arxius ul li a:hover {
								text-decoration: underline;
							}	
	
	
	
		/* Modul de mes informacio */
	
			#area-text .mes-informacio {
				margin: 2em 0;
				width: 50em;
				border: 1px solid #C3CFE4;
			}
	
				#area-text .mes-informacio h3,
				#area-text .mes-informacio h4 {					
					margin: 0;
					padding: .4em 1em;
					color: #3F66A7;
					font-size: 1.3em;					
					background-color: #eee;
				}
	
				#area-text .mes-informacio ul {
					margin: 0;
					margin-left: .5em;
				}
	
				#area-text .mes-informacio ul li {
					line-height: 1em;					
					background: url("../images/liliMenu.gif") no-repeat left .6em;
					color: #3F66A7;
					font-weight: bold;
				}
	
					#area-text .mes-informacio ul li a {
						text-decoration: none;
						color: #3F66A7;
					}
	
						#area-text .mes-informacio ul li a:hover {
							text-decoration: underline;
						}
                        
                        #area-text .mes-informacio ul li ul {
                            margin-top: .5em;
                            margin-bottom: .8em;
                        }
                        
                            #area-text .mes-informacio ul li ul li {
                                margin-left: 2em;
                            }




table.dades {
	font-size: 1.1em;
	margin: .5em 0 1em 0;
}

	li table.dades {
		font-size: 1em;	
	}

table.dades th,
table.dades td {
	padding: .2em .5em;	
	text-align: left;	
}

	table.dades .center {
		text-align: center;
	}



    
    /* Taula de calendari */
    
        #area-text table.calendari {
            font-size: 1.2em;
            margin: .5em 0 1em 0;
            border-collapse: collapse;
            border: 1px solid #ddd;
        }
        
            #area-text table.calendari tr {
            }
            
                #area-text table.calendari tr th,
                #area-text table.calendari tr td {
                    border: 1px solid #ddd;
                    padding: .7em .8em;
                    text-align: left;
                    vertical-align: top;
                }
                
                #area-text table.calendari tr th {
                    color: #000;
                    background-color: #c3cfe4;
                }
                
                #area-text table.calendari tr td {
                }



/* Estils mapa web */

	#area-text .mapaweb ul {
		margin: 0;
		padding: 0;
	}

		#area-text .mapaweb ul li {
			margin: 10px 0;
			padding: 10px 0 0 10px;
			background: none !important;
			font-weight: bold;
		}

			#area-text .mapaweb ul li strong {
				color: #3F66A7;
				display: block;
				padding-bottom: 3px;
				border-bottom: 2px solid #C3CFE4;
			}

				#area-text .mapaweb ul li ul {
				}

					#area-text .mapaweb ul li ul li {
						background: url("../images/liliMenu.gif") no-repeat .2em .6em !important;
						font-weight: normal;
						padding-top: 0;
						margin: 10px;
					}

					#area-text .mapaweb ul li ul li ul li {
						background: url("../images/li_2n_nivell.gif") no-repeat .2em .6em !important;
					}




	/* Estils del llistat de venda d'immobles */
	
		#area-text ul.llista-immobles {
		}
			
			#area-text ul.llista-immobles li {
				padding-bottom: 2em;
				border-bottom: 1px solid #ddd;
				background: none;
				margin: 0;
			}
					
				#area-text ul.llista-immobles li ul li {
					padding-bottom: 0;
					border-bottom: none;
				}
				
					#area-text ul.opcions-immoble {
						margin-top: 0;
						float: right;
					}
					
						#area-text ul.opcions-immoble li {
							padding-left: 1em;
							background: url("../images/liTramits.gif") no-repeat left center !important;
						}


	/* Estils per a la taula de navegadors de la plana d'accessibilitat */	
	
		table.taula-navegadors {
			width: 100%;
			padding: 0;
			font-size: 1.1em;
			border-collapse: collapse;
			border: 1px solid  #DFD9D9;
			border-right: none;
			background: url(../images/bg_contingut.jpg) no-repeat bottom;
		}
	
			table.taula-navegadors caption {
				display: none;
			}
		
			table.taula-navegadors th {
				padding: 5px;
				border-right: 1px solid #DFD9D9;
				background-color: #D4E0E9;
				color: #2A6691;
				text-align: left;
			}
			
			table.taula-navegadors td {
				padding: 1.5em .5em 1.5em 1.5em;
				border-right: 1px solid #DFD9D9;
			}
		
				table.taula-navegadors td.firefox {
					width: 5em;
					padding-left: 5em;
					background: url(../images/ico_firefox.gif) no-repeat 1em;
					width: 16.6em;
				}
				table.taula-navegadors td.explorer {
					padding-left: 5em;
					background: url(../images/ico_explorer.gif) no-repeat 1em;
				}
				table.taula-navegadors td.opera {
					padding-left: 5em;
					background: url(../images/ico_opera.gif) no-repeat 1em;
				}
				table.taula-navegadors td.safari {
					padding-left: 5em;
					background: url(../images/ico_safari.gif) no-repeat 1em;
				}
				table.taula-navegadors td.konqueror {
					padding-left: 5em;
					background: url(../images/ico_konqueror.gif) no-repeat 1em;
				}


	/* Llista de plugins de la plana d'accessibilitat */
	
		#plugins dl {
			display: block;
			width: 100%;
			margin: 1.5em 0;
			font-size: 1.1em;
			border: 1px solid #DFD9D9;			
		}
		#plugins dt {
			background-color: #D4E0E9;
			color: #2A6691;
			display: block;
			padding: .3em .9em;
		}
		#plugins dd {
			margin: 1.5em 0pt 1.5em 2.2em;
			width: 39em;
		}	
		
			#plugins dl.pdf   {
				background: url(../images/bg_contingut_acrobat.jpg) no-repeat right bottom;
			}
			#plugins dl.flash {
				background: url(../images/bg_contingut_flash.jpg) no-repeat right bottom;
			}