/* Aigues del Ter i del Llobregat */

/* Fulla d'estils general */


	/* Continguts */
	/*

			01 - Elements generals
			02 - Elements de capçalera
			03 - Breadcrumb			
			04 - Menú lateral
			05 - Div del contingut de la pàgina
			06 - Footer
            07 - Cercador home

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





	/* 01 - Elements generals */

		body {
			font-size: 62.5%;
			font-family: "Trebuchet MS", arial, sans-serif;
			color: #333333;
			background-color: #eee;

			margin: 0 0 15px 0;
			padding: 0;
		}


		ul, li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		div, form {
			margin: 0;
			padding: 0;
		}

		a img {
			border: none;
		}

		a {
			color: #0060B7;
			text-decoration: none;
		}

			a:hover { text-decoration: underline; }

		h1{
			color: #0060B7;
			font-size: 2.6em;
		}

		h2{
			color: #0060B7;
			font-size: 2em;
		}

		h3{
			color: #0060B7;
			font-size: 1.6em;
		}

		h4{
			color: #0060B7;
			font-size: 1.4em;
		}

		h5{
			color: #0060B7;
			font-size: 1.2em;
		}

		h6{
			color: #0060B7;
			font-size: 1.1em;
		}

		.hidden {
		  height: 0;
		  width: 0;
		  overflow: hidden;
		  position: absolute;
		}

		#super {
			font-size: 1em;			
			/*width: 972px;*/
			width: 97.2em;
			padding-left: 1.4em;
			padding-right: 1.4em;
			padding-top: 10px;
			margin: 0 auto;
			background-color: #fff;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
		}

		.video {
			clear:right;
			float:right;
			margin:4px 10px 20px 14px;
		}

			.video p {
				margin: 1.2em 0 0 0;
				padding: 0;
				font-weight: bold;
			}


	/* 02 - Elements de capcalera */

		#capcelera {
			width: 100%;
			overflow: hidden;
		}

			#capcelera h1 {
				margin: 2px;
				float: left;
			}


			#capcelera #idiomes {
				color: #666;
				font-family: Arial, sans-serif;
				float: right;
				margin-bottom: 10px;
			}

				#capcelera #idiomes li {
					float: left;
					padding-right: 5px;
					margin-right: 5px;
					border-right: 1px solid #666;
				}

					#capcelera #idiomes li.last {
						padding-right: 0;
						border-right: 0;
					}

				#capcelera #idiomes a,
				#capcelera #idiomes strong {
					font-weight: normal;
					font-size: 1em;
					color: #666;
				}

				#capcelera #idiomes a {
					text-decoration: underline;
				}


			#capcelera #logos {
				clear: right;
				float: right;
			}

				#capcelera #logos li {
					display: inline;
					margin-right: 0;
				}


			#marquesina {
				clear: both;
				padding-bottom: 4px;

				background: url("../images/filet_blau.gif") repeat-x left bottom;

				width: 100%;
				overflow: hidden;
			}
					
				#marquesina div {
					width: 100%;
					overflow: hidden;
				}
				
				#marquesina object {
					width: 100%;
					display: block;					
				}
				
				#marquesina #seccio-2 {
					background: url("../images/header/header_2.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-18 {
					background: url("../images/header/header_18.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-34 {
					background: url("../images/header/header_34.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-35 {
					background: url("../images/header/header_35.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-38 {
					background: url("../images/header/header_38.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-44 {
					background: url("../images/header/header_44.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-45 {
					background: url("../images/header/header_45.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-47 {
					background: url("../images/header/header_47.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-72 {
					background: url("../images/header/header_72.jpg") no-repeat left top !important;
				}
				
				#marquesina #seccio-106 {
					background: url("../images/header/header_106.jpg") no-repeat left top !important;
				}
								
				#marquesina img {
					display: block;
				}


	
	
	/* 03 - Breadcrumb */
	
		.breadcrumb {
			margin-top: 8px;
			color: #666;
			margin-left: 3px;
		}
		
			.breadcrumb a {
				color: #666;
				text-decoration: underline;
			}
	




	/* 04 - Menu lateral */

		#columna-menu {
			/*width: 167px;*/
			width: 16.7em;
			float: left;
		}

		#zona-menu {
			display: block;
			margin-bottom: 30px;
		}

			#zona-menu ul {
				border-bottom: 1px dotted #666;
			}

				#zona-menu ul li {
					font-weight: bold;
					border-top: 1px dotted #666;
				}

					#zona-menu ul li a {
						display: block;
						color: #666;
						font-size: 1.1em;
						padding: 3px;
					}

					#zona-menu ul li strong,
					#zona-menu ul li a.selected {
						font-weight: bold;
						display: block;
						color: #0060B7;
						font-size: 1.1em;
						padding: 3px;
						background: none;
						background-color: #eee;
					}

					#zona-menu ul li ul {
						border-bottom: none;
						padding-bottom: .8em;
					}

						#zona-menu ul li ul li {
							font-weight: normal;
							border-top: none;
							margin-left: 4px;
							padding-left: 3px;
							background: url("../images/li_zona_menu.gif") no-repeat 0 1em !important;
						}

							#zona-menu ul li ul li a.selected,
							#zona-menu ul li ul li strong {
								background-color: #fff;								
							}
							
								#zona-menu ul li ul li ul {
									margin-bottom: 0;
									padding-bottom: 0;
								}
								
									#zona-menu ul li ul li ul li {	
										background: url("../images/li_guio.gif") no-repeat left 1.1em !important;
									}
										
										#zona-menu ul li ul li ul li a.selected,
										#zona-menu ul li ul li ul li strong {	
											font-weight: normal;
										}



        /* Link d'acces a l'area restringida */

        	#columna-menu p.link-acces {
				font-size: 1.1em;
				margin-top: 3.5em;
				padding-top: 0;
				border-top: 1px dotted #ccc; 
				border-bottom: 1px dotted #ccc;
			}
			
				#columna-menu p.link-acces a {
				    color: #333;
				    display: block;
				    padding: .4em 1em;
				    border-top: 1px solid #fff;
				    border-bottom: 1px solid #fff;				    
				    background: #F0F0F0 url("../images/background-boto-area-restringida.gif") repeat-y left top;
				}



	/* 05 - Div del contingut de la pàgina */

		#cos {
			margin-top: 20px;
			width: 100%;
			overflow: hidden;
			padding-bottom: 50px;
		}





	/* 06 - Footer */

		#peu {
		    width: 100%;
		    overflow: hidden;
			margin-top: 0;
			padding: .5em 0;
			clear: both;
			border-top: 1px solid #0060B7;
			text-align: left;
			font-size: 1.1em;			
		}

			#peu strong {
				color: #0060B7;
			}

			#peu address {
				float: left;
				font-style: normal;
			}


			#peu .contacte {
				margin: 0 0 0 1.5em;
				padding: 0;
				float: left;
				text-align: right;
			}

				#peu .contacte a {
					text-align: right;
					padding-left: 20px;
					background: url("../images/ico_mail.gif") no-repeat left center;
				}
				
				
            #peu .certificacions {
				margin: 0;
				padding: 0;
				float: right;
				text-align: right;
			}	
			
			    #peu .certificacions p {
			        float: left;
			        margin: 0 .3em 0 0;
			    }
			
			    #peu .certificacions ul {
			        float: left;
			    }		
    			    
    			    #peu .certificacions ul li {
    			        display: inline;
    			        margin-left: .5em;
    			    }
				

			#peu .seccions {
				clear: left;
				font-family: Arial, Verdana, sans-serif;
				font-size: .9em;
				padding-top: 5px;				
			}

				#peu .seccions li {
					float: left;
					border-right-style: solid;
					border-right-width: 1px;
					padding-right: 8px;
					margin-right: 8px;
					line-height: 1.2em;
				}

					#peu .seccions li.last {
						border-right: 0;
						padding-right: 0;
						margin-right: 0;
					}

					#peu .seccions li,
					#peu .seccions a {
						color: #666;
					}

    /* 06 - Cercador home */

        form.cercador-home {
            padding: 6px 0 9px 0;
            background-color: #eee;
            border-bottom: 3px solid #0060B7;
            width: 100%;
            float: right;
            height: auto;
            margin-bottom: 10px;
        }

            .cercador-home fieldset * {
                vertical-align: middle;
            }

            .cercador-home fieldset {
                border: none;
                margin: 0 0 0 10px;
                padding: 0;
            }

            .cercador-home legend {
                display: none;
            }

            .cercador-home label {
                margin-left: 0;
                font-size: 1.1em;
                font-weight: bold;
                color: #333;
            }

            .cercador-home .cerca-camp {
                margin-top: 3px;
                font-size: 10px;
                width: 12.4em;
                height: 15px;
                border-top: 1px solid #474747;
                border-left: 1px solid #474747;
                border-bottom: 1px solid #ccc;
                border-right: 1px solid #ccc;
                padding: 1px 0 0 0;
                clear: left;
                float: left;
                margin-right: 5px;
            }

            .cercador-home .cerca-boto {
                margin-top: 4px;
                float: left;
            }