/* CSS Document */

	/* Tags generals */

		body {
			font-size: 62.5%;
			font-family: Verdana, Arial, sans-serif;
			background-color: #7ac4e0;
			color: #333333;
			margin: 0;
			padding: 0;
		}

		img {
			border: 0;
		}

		p {
			margin-top: 1.3em;
			margin-bottom: 0.5em;
		}

		a, a:visited {
			color: black;
		}

		a:hover {
			text-decoration: underline;
		}

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

		.hidden {
			display: none;
		}


	/* Logo principal */
		
		#header {
			padding: 0;
			margin: 0 0 25px 0;
		}

			#header h1 {
			    font-size: 1em;
				margin: 0;
				padding: 0;
			}
			
				#header h1 a,
				#header h1 img {
					display: block;				
				}
			
            
    /* Barra corporativa */
    
        #brand {
            margin: .5em !important;            
        }
        
        #brand div {
            background: #000 url("../images/background_barra.gif") no-repeat right top;
        }


	/* Layout general */
	
		#contenidor {
			padding: 2em 0 0 0;
		}

		#marcweb {
			width: 990px;
			overflow: hidden;
			padding: 0;
			margin:0;
			margin: 0 auto;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			background-color: #fff;
		}
		
		#seccio-index #contenidor { min-height: 600px; _height: 600px; }

		/* Imatges de fons per a les seccions */

			#background {
				min-height: 500px;
                background-color: #fff;
				background-repeat: no-repeat;
				background-position: left top;
			}

			.noticies,
            .index               	{ background-image: url("../images/background_index.jpg"); }
			.presentacio 	{ background-image: url("../images/background_presentacio.jpg"); }
			.estiu			{ background-image: url("../images/background_estiu.jpg"); }
			.inscripcions      { background-image: url("../images/background_inscripcions.jpg"); }
			.ajuts 			{ background-image: url("../images/background_ajuts.jpg"); }
			.lleure,
			.ocio 		        { background-image: url("../images/background_lleure.jpg"); }
			.esportives,
			.deportivas	        { background-image: url("../images/background_esportives.jpg"); }
			.sorteig 		{ background-image: url("../images/background_sorteig.jpg"); }
			.cercador,
			.cercador2,
			.cercador3		{ background-image: url("../images/background_cercador.jpg"); }
            .galeria                { background-image: url("../images/background_galeria.jpg"); }
            .opina		        { background-image: url("../images/background_opina.jpg"); }




	/* Menu principal */

		#menu {
			margin-left: 25px;
			width: 240px;
			float: left;
            padding-bottom: 4em;
		}

			#menu ul {
			}

				#menu ul li {
					font-size: 1.1em;
					padding: 0;
					margin-bottom: .2em;
				}
				
                    #menu ul li.sorteig {
                        margin-bottom: 2.5em;
                    }
					
					#menu ul li a {
						color: #333;
					}




	/* Zona de contingut */

		#contingut {
			margin-right: 50px;
			width: 625px;
			float: right;
			background-color: #fff;
			margin-bottom: 2em;            
            min-height: 420px;
		}
        
            #contingut .foto-alcalde {
                margin-bottom: 1.5em;
            }

			#contingut h2 {
				color: #fff;
				font-size: 18px;
				font-weight: normal;
				padding: 0;
			}
			    
			    #contingut h2 img {
			        display: block;
			    }

			#contingut h3 {
				color: #fff;
				font-size: 1.4em;
				padding: .3em .7em;
                margin-bottom: 1.2em;
                position: relative;
                background-color: #7ac4e0;
			}
            
            #contingut h3 span.si,
            #contingut h3 span.sd,
            #contingut h3 span.ii,
            #contingut h3 span.id {
                position: absolute;
                display: block;
                width: 4px;
                height: 4px;
                background-repeat: no-repeat;
            }
                        
            #contingut h3 span.si { background-image: url("../images/corner-si.gif"); background-position: left top; top: 0; left: 0; }
            #contingut h3 span.sd { background-image: url("../images/corner-sd.gif"); background-position: right top; top: 0; right: 0; }
            #contingut h3 span.ii { background-image: url("../images/corner-ii.gif"); background-position: left bottom; bottom: 0; left: 0; }
            #contingut h3 span.id { background-image: url("../images/corner-id.gif"); background-position: right bottom; bottom: 0; right: 0;}
            




		#text {
			padding: 3em 0 2em 0;
		}

			#text a {
				text-decoration: underline;
			}

			#text p {
				font-size: 1.2em;
				margin: 0 0 1.5em 0;
				line-height: 1.5em;
			}
			
			    #text p.autor {
			        text-align: right;
			    }

			#text .imatge-esquerra {
				float: left;
				margin: 0 15px 5px 0;
			}

			#text .imatge-dreta {
				float: right;
				margin: 0 0 5px 15px;
			}
			
			#text .link-guia {
                width: 173px;		    
                float: right;
                font-size: 11px;
                margin: 0 0 2em 3em;
			}
			
    			#text .link-guia img {
    			    display: block;
    				margin: 0 0 5px 0;				
    			}

			#text ul {
				margin-bottom: 2em;
			}

				#text ul li {
					font-size: 1.2em;
                    line-height: 1.5em;
					padding-left: 1.2em;
					background: url("../images/li_text.gif") no-repeat .5em .6em;
					margin-bottom: .5em;
					margin-left: .5em;
				}
                
                    #text ul li ul {
                        margin-top: .5em;
                    }
                    
                        #text ul li ul li {
                            font-size: 1em;
                        }

			/* Color dels elements del text */

				#text p,
				#text a,
				#text ul li {
					color: #666;
				}

                
    /* Bloc d'avisos a la plana de comentaris */
    
        #text .advice {
            padding-top: 1.5em;
        }
        
            #text .advice p {
                margin-bottom: .5em;
            }


	/* Llistat d'activitats */

		#text .llista-temes {
			margin: 0;
			padding: 0;
		}

			#text .llista-temes li {
				margin: 0 0 2.5em 0;
				padding: 0;
				background: none;
				font-size: 1em;
			}


            
            #noticies h2 span.si,
            #noticies h2 span.sd,
            #noticies h2 span.ii,
            #noticies h2 span.id {
                position: absolute;
                display: block;
                width: 4px;
                height: 4px;
                background-repeat: no-repeat;
            }
            
            #noticies h2 span.si { background-image: url("../images/corner-si.gif"); background-position: left top; top: 0; left: 0; }
            #noticies h2 span.sd { background-image: url("../images/corner-sd.gif"); background-position: right top; top: 0; right: 0; }
            #noticies h2 span.ii { background-image: url("../images/corner-ii.gif"); background-position: left bottom; bottom: 0; left: 0; }
            #noticies h2 span.id { background-image: url("../images/corner-id.gif"); background-position: right bottom; bottom: 0; right: 0;}
            
            

			#text .llista-temes li h4 {
				font-size: 1.3em;
				margin: 1em 0 0 0;
                padding-left: .7em;
                background: url("../images/li_llista_temes.gif") no-repeat left 6px;
			}

			#text .llista-temes li p {
				margin: .5em .8em;
			}
            
                #text .llista-temes li p.veure-activitats {
                    border-top: 1px dotted #ccc;
                    padding-top: .5em;
                    margin-top: 1em;
                }

				#text .llista-temes li p.veure-activitats a {
					padding: .2em 2.2em;
				}
                
                #seccio-esportives #text .llista-temes li p.veure-activitats a,
                #seccio-deportivas #text .llista-temes li p.veure-activitats a {
                    background: url("../images/veure_activitats_esportives.gif") no-repeat left center;
                }
                
                #seccio-lleure #text .llista-temes li p.veure-activitats a,
                #seccio-ocio #text .llista-temes li p.veure-activitats a {
                    background: url("../images/veure_activitats_lleure.gif") no-repeat left center;
                }
				


	/* Resultats de l'agenda */
	
		#text .llista-agenda {
		}
		
			#text .llista-agenda  li {
				padding: 0 0 1em 0;
				margin: 0 0 1em 0;
				background: none;
				font-size: 10px;				
				border-bottom: 1px solid #ddd;				
			}
			
				#text .llista-agenda  li h4 {
					font-size: 12px;
					margin: 0 0 .5em 0;
				}
				
				#text .llista-agenda  li p {
					margin: 0;
				}
				
			#text .llista-agenda p.avis-activitat {
				margin-top: 10px;
				margin-left: 5px;
				/*vertical-align: middle;*/
				/*line-height: 25px;*/
			}
			
				#text .llista-agenda p.avis-activitat img {
					display: block;
					float: left;
					margin-left: 5px;
					vertical-align: middle;					
				}
				
				
	/* Estils de la taula de l'agenda */
	
		#text table {
			border-collapse: collapse;
			margin-bottom: 2em;
		}

		#text table,
		#text table td,
		#text table td strong {
			color: #666 !important;
			font-size: 11px !important;
		}

		#text table td {
			border: 1px solid #ccc;
			padding: .5em;
			vertical-align: top;
		}
		
		#text ul.llista-agenda li table td {
		    padding: 0;
		    border: none;
		}

		
		
	/* Paginador de l'agenda */
	
		#text .paginador {
			font-size: 11px;
			text-align: right;
		}


	/* Footer */

		#peu {
			clear: both;
			margin: 0;
			padding: .7em 1em;
			border-top: 1px solid #fff;
			background-color: #000;
		}

			#peu p {
				margin: 0;
				padding: 0;
			}

			#peu p,
			#peu p a {
				color: #fff;
			}




		/* Estils del calendari del formulari */

			.day{ background-color:#D7E6F8; color:#000000; width:20px; }

			.day:hover{font-weight:bold;}

			.day.name{ background-color:#6392E4; color:#FFFFFF; border:1px solid #D7E6F8}

			.day.name:hover{font-weight:normal;}

			.emptycell{background-color:#D7E6F8;width:2em; cursor:text;}

			.wn{ background-color:#FFCC4E; color:#555555; cursor:text; display:none;}

			.wn:hover{font-weight:normal;}

			.othermonth{background-color:#6392E4;}

			.headrow{ background-color:#FFCC4E;}

			.calendar{ background-color:#FFFFFF;cursor:pointer; }

			thead .button div{ text-align:center; }

			thead .button.nav{  }

			td.title{  }







	/* Estils del formulari de cerca */

		.cerca {
		    font-size: 1.1em;
		    padding: 1em 1.5em;
		    background-color: #f0f0f0;
		    border-top: 1px solid #ddd;
		    border-bottom: 1px solid #ddd;
		}
        
            .cerca label,
            .cerca input,
            .cerca select {
                font-size: 1.2em;
                font-family: Verdana, Arial, sans-serif;
            }
            
            

			.cerca .dades_edat,
			.districtes,
			.data {
				width: 100%;
				overflow: hidden;
				margin-bottom: 1.5em;
			}

				.cerca #districte,
				.cerca #edat,
				.cerca #data {
					line-height: 1.4em;
					font-weight: bold;
					float: left;
					display: block;
					width: 7em;
				}

				.cerca #envia {
					margin-left: 7em;
				}

				.cerca .desde label,
				.cerca .fins label {
					line-height: 1.4em;
					display: block;
					float: left;
					width: 5em;
				}

				.cerca .desde a,
				.cerca .fins a {
					vertical-align: middle;
				}
				
				.cerca .desde,
				.cerca .fins {
					height: 2em;
				}
				
				.cerca .fins {
					margin-top: 1em;
					margin-left: 8.4em;
				}
				
				.cerca .dp-choose-date {
					padding: .2em .3em !important;
				}




	/* Modul de noticies de la home */

		#noticies {
			width: 620px;
			float: right;
			margin-right: 50px;
			margin-bottom: 20px;
			background-color: #fff;
		}

			#noticies h2 {
				color: #fff;
				background-color: #7ac4e0;
				font-size: 1.4em;
				padding: .4em 1.2em;
                position: relative;
			}

			#noticies ul {
				margin: 1em 1.2em;
			}

				#noticies ul li {
					padding-bottom: 1.4em;
					margin-bottom: 1.4em;
					border-bottom: 1px dotted #ddd;
				}

					#noticies ul li.last {
						border-bottom: 0;
					}				

					#noticies ul li h3 {
						color: #7ac4e0;
						font-size: 1.4em;
						margin: 0;
					}

					#noticies ul li p {
						color: #666;
						font-size: 1.2em;
                        line-height: 1.6em;
						margin: .7em 0 .5em 0;
					}
                    
                        #noticies ul li p.mes-informacio {
                            margin-top: 1em;
                        }

                            #noticies ul li p.mes-informacio a {
                                color: #7ac4e0;
                                padding: .2em 0 .2em 2.2em;
                                text-decoration: underline;
                                background: url("../images/mes_informacio.gif") no-repeat left center;
                            }




	/* Modul de destacats */

		#destacats {
			width: 620px;
			float: right;
			margin-right: 5em;
			margin-bottom: 2em;
			margin-top: .5em;
		}

			#destacats h2 {
			}

			#destacats ul {
			}

				#destacats ul li {
					width: 295px;
					float: right;					
					overflow: hidden;
					background-color: #fff;
					margin-bottom: 3em;
                    padding-right: 1.5em;
				}

					#destacats ul li h3 {
						color: #7ac4e0;
						font-size: 1.4em;
						margin-bottom: .4em;
					}
					
					#destacats ul li p {
						color: #666;
						font-size: 1.2em;
						line-height: 1.6em;
						margin: 0;						
					}

					#destacats ul li img {
						float: left;
						display: block;
						margin: 0 1.2em 0 0;
					}
					
					#destacats ul li a {
						color: #7ac4e0;
						text-decoration: underline;
					}




	/* Enllac per a tornar de les noticies */

		#contingut .tornar {
			float: right;			
			font-size: 1.1em;
            margin-top: .8em;
			margin-left: 1.5em;
		}	

			#contingut .tornar a {
				color: #666;
				padding-left: .8em;
                text-decoration: underline;
				background: url("../images/fletxa_tornar.gif") no-repeat left center;
			}



	/* Data de les noticies */

		#text .data-noticia {
			font-weight: bold;
		}
        
        
    /* Text d'avis al contingut */
    
        #text .avis {
            background-color: #eee;
            padding: 1.5em 2em .5em 2em;
        }
        
        
        
    /* Seccio juga */
    
        #text .image-selector {
            width: 100%;
            overflow: hidden;
            margin-bottom: 3.5em;
        }
    
        #text .image-selector .images {
            height: 213px;
            width: 450px;
            float: left;
            border: 1px solid #ccc;
            _display: inline;
        }
            
        #text .image-selector .images img {
            display: block;
            margin: 0;
            padding: 0;
        }
        
        #text .image-selector .head-images,
        #text .image-selector .body-images,
        #text .image-selector .feet-images {
            width: 100%;
            overflow: hidden;
        }
        
        #text .image-selector .head-images .images,
        #text .image-selector .body-images .images {
            border-bottom: none;
        }

        #text .image-selector .links {
            float: right;
            margin: 90px 50px 0 0;
            _display: inline;
        }
        
        #text .formpostal {
            width: 410px;
            padding: 2em;
            margin-bottom: 3.5em;
            border: 1px solid #ccc;
        }
        
        #text .formpostal .title {
            margin-bottom: 1.5em;
        }
        
        #text .formpostal .field {
            width: 304px;
            margin-bottom: 1em;
        }
        
        #text .formpostal .separator {
            margin-top: 2em;
            padding-top: 1em;
            border-top: 1px solid #ccc;
        }
        
        #text .formpostal label {
            display: block;
        }
        
        #text .formpostal label,
        #text .formpostal input,
        #text .formpostal textarea {
            font-size: 12px;
            font-family: Arial, Verdana, sans-serif;
            width: 405px;
        }
        
        #text .formpostal textarea {
            height: 100px;
        }

        #text .formpostal .button {
            margin-top: 2em;
        }
        
        #text .formpostal .button input {
            width: auto;
            color: #fff;
            font-weight: bold;
            border-top: 1px solid #97d8f1;
            border-left: 1px solid #97d8f1;
            border-bottom: 1px solid #529dba;
            border-right: 1px solid #529dba;
            background-color: #7ac4e0;
            cursor: pointer;
        }
        
        #text .message {
            border: 1px solid #ccc;
            padding: 2.5em;
            width: 360px;
            height: 600px;
            float: right;
            display:none;
            overflow: hidden;
        }
        #text .message p {
            font-family: comic Sans MS;
            font-size: 1.8em;
            color: #333333;
        }
        
        #text .border {
            border: 1px solid #ccc;
        }
     
        #latevapostal {
            display:none;
            right: 0pt;
            right: 40px;
            top: 10px;
            position: absolute;
        }

    /* Llistat equipaments */
    
        #text p.equipament {
            font-size: 12px;
            margin-bottom: 1.5em;
            margin-left: .5em;
            padding-left: 1.2em;
            background: url(../images/li_text.gif) no-repeat .5em .5em;
        }

        
        
        
    /* Estils personalitzats del selector de dates del cercador */
    
        #seccio-esportives .dp-popup,
        #seccio-deporives .dp-popup,
        #seccio-lleure .dp-popup,
        #seccio-ocio .dp-popup {
            font-size: 11px;
        }

        #seccio-esportives div.dp-popup h2,
        #seccio-esportives div.dp-popup div.dp-nav-prev input,
        #seccio-esportives div.dp-popup div.dp-nav-next input,
        #seccio-deportivas div.dp-popup h2,
        #seccio-deportivas div.dp-popup div.dp-nav-prev input,
        #seccio-deportivas div.dp-popup div.dp-nav-next input {
            background-color: #7AC4E0;
        }
        
        #seccio-esportives div.dp-popup div.dp-nav-prev input.disabled,
        #seccio-lleure div.dp-popup div.dp-nav-prev input.disabled,
        #seccio-esportives div.dp-popup div.dp-nav-next input.disabled,
        #seccio-lleure div.dp-popup div.dp-nav-next input.disabled,
        #seccio-deportivas div.dp-popup div.dp-nav-prev input.disabled,
        #seccio-ocio div.dp-popup div.dp-nav-prev input.disabled,
        #seccio-deportivas div.dp-popup div.dp-nav-next input.disabled,
        #seccio-ocio div.dp-popup div.dp-nav-next input.disabled {
            visibility: hidden;
        }

        #seccio-lleure div.dp-popup h2,
        #seccio-lleure div.dp-popup div.dp-nav-prev input,
        #seccio-lleure div.dp-popup div.dp-nav-next input,
        #seccio-ocio div.dp-popup h2,
        #seccio-ocio div.dp-popup div.dp-nav-prev input,
        #seccio-ocio div.dp-popup div.dp-nav-next input {
            background-color: #7AC4E0;
        }
        
        #seccio-lleure div.dp-popup input.dp-nav-next-year,
        #seccio-esportives div.dp-popup input.dp-nav-next-year,
        #seccio-ocio div.dp-popup input.dp-nav-next-year,
        #seccio-deportivas div.dp-popup input.dp-nav-next-year {
            margin-left: 8px;
        }
        #seccio-lleure div.dp-popup input.dp-nav-prev-year,
        #seccio-esportives div.dp-popup input.dp-nav-prev-year,
        #seccio-ocio div.dp-popup input.dp-nav-prev-year,
        #seccio-deportivas div.dp-popup input.dp-nav-prev-year {
            margin-right: 8px;
        }

#tancar {
    color: #333333;
    font-family: comic Sans MS;
    font-size: 1.8em;
    margin-bottom: .8em;
    text-align: right;
    width: 100%;
}