/* Sindic de Greuges de Catalunya - Web dels Infants */

/* Estils generals */




	/* Tags generals */

		body {
		  font-family: Verdana, sans-serif;
		  font-size: 62.5%;
		  color: #333;
			background-color: #fff;
			margin: 0;
			padding: .5em 0 0 0;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		p {
			margin: 0;
			padding: 0;
		}

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

		img {
			border: 0;
		}

		.hidden {
			display: none;
		}




	/* Contenedor general */

		#super {
			width: 760px;
			margin: 0 auto;
		}




	/* Menu principal */

		#menu-principal {
			width: 100%;
			overflow: hidden;
		}

			#menu-principal ul {
				float: left;
				height: 31px;
				/*background: url("/site/images/sindicinfants/backgrounds/menu_principal.gif") repeat-x left top;*/
			}

				#menu-principal ul li {
					float: left;
					font-size: 1.2em;
					line-height: 31px;
					/*border-right: 1px solid #4D483D;*/
				}
				
				.lang-es #menu-principal ul li {
					/*padding-left: 13px;
					padding-right: 14px;*/
				}
				
				.lang-ca #menu-principal ul li {
					/*padding-left: 17px;
					padding-right: 16px;*/
				}

					#menu-principal ul li a {
						color: #000;
						font-weight: bold;
						text-decoration: none;
					}

						#menu-principal ul li a:hover {
							text-decoration: underline;
						}
				/*
				#menu-principal ul li#menu-inici { background: url("/site/images/sindicinfants/backgrounds/menu_principal_inici.gif") no-repeat left top; }
				#menu-principal ul li#menu-saps {}
				#menu-principal ul li#menu-drets {}
				#menu-principal ul li#menu-queixat {}
				#menu-principal ul li#menu-activitats {}
				#menu-principal ul li#menu-material {}
				#menu-principal ul li#menu-enllacos { background: url("/site/images/sindicinfants/backgrounds/menu_principal_enllacos.gif") no-repeat right top; border-right: none; }
				*/




	/* Capcalera */

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

			#capcalera h1 {
				float: left;
				font-size: 1em;
				margin-bottom: .5em;
			}

			#capcalera ul {
				float: right;
				margin-bottom: .5em;
			}

				#capcalera ul li {
					font-size: 1em;
					float: left;
					border-right: 1px solid #333;
					padding-right: .5em;
					margin-right: .5em;
				}

					#capcalera ul li.last {
						border-right: none;
						padding-right: 0;
						margin-right: 0;
					}

					#capcalera ul li a {
					}

						#capcalera ul#idiomes {
							margin-left: 3em;
						}

							#capcalera ul#opcions li a,
							#capcalera ul#idiomes li strong { color: #E46201; }

							#capcalera ul#idiomes li a { color: #333; }

			#capcalera #banners {
				margin: 0 0 .5em 0;
				clear: both;
                text-align: right;
			}
            
            #capcalera #banners a img {
                float: left;
            }
            



	/* Content */

		#content {
			width: 100%;
			overflow: hidden;
		}
		
	/* Video dels projectes */
		#video-project{
			margin-bottom: 2em;
			padding: 0;
		}	

        #content #video-project object, #content #video-project embed {
            display:block;
            height:250px;
            width:350px;
        }


	/* Menu local */

		#menu-local-home {
			width: 270px;
			float: left;
			margin-top: 3em;
			padding-bottom: 24em;
			background: url("/site/images/sindicinfants/backgrounds/menu_local_seccio_0.gif") no-repeat left bottom;
		}
		
			#menu-local-home a {
                outline: none;
			}
        
                #menu-local-home img,
                #menu-local-home a img {
                    margin-left: 30px;
                    margin-bottom: 13px;
                }

		#menu-local {
			width: 279px;
			float: left;
			margin-top: 1em;
			/*padding-bottom: 32em;*/
            padding-bottom: 32em;
		}
		

			#menu-local h2 {
				width: 180px;
				font-size: 1.4em;
				/*padding: .4em .5em;
				background: url("/site/images/sindicinfants/backgrounds/menu_local_top.gif") no-repeat left top;*/
			}
			
			.seccio-155 #menu-local h2 {
				display: none;
			}

			#menu-local ul {
				width: 190px;				
				background: #A5A5FF url("/site/images/sindicinfants/backgrounds/menu_local_bottom_2.gif") no-repeat left bottom;
				padding-bottom: 3em;
				margin-top: .3em;
			}

				#menu-local ul li {
					color: #000;
					font-size: 1.3em;
					padding: .5em;					
				}
				
					#menu-local ul li.primer {
						background: url("/site/images/sindicinfants/backgrounds/menu_local_bottom_1.gif") no-repeat left top;
					}

					#menu-local ul li a {
						color: #000;
						text-decoration: none;
					}

						#menu-local ul li a:hover {
							text-decoration: underline;
						}
						
					#menu-local ul li ul {
						width: auto;						
						padding-top: 0;
						padding-bottom: 0;
						background: none;
					}
					
						#menu-local ul li ul li {
							font-size: .85em;
							padding: .3em .5em;
						}

                        
            #menu-local #banner {
                margin-top: 13px;
            }

                #menu-local a.banner {
                    outline: none;
                }

	/* Text */

		#text {
			float: right;
			background-color: #fff;
		}

		.text-amb-marges {
			width: 368px;
			position: relative;
			padding: 0 40px;
			margin: 7em 2em 5em 0;
		}

		.text-sense-marges {
			width: 368px;
			padding: 20px 40px;
			margin: 5em 20px 5em 0;
		}

			#text .text-marge-superior {
				width: 460px;
				height: 30px;
				position: absolute;
				top: -30px;
				left: -6px;
			}

			#text .text-marge-inferior {
				width: 460px;
				height: 30px;
				position: absolute;
				bottom: -30px;
				left: -6px;
			}

			#text h3 {
				color: #55C26B;
				font-size: 2em;
				margin-bottom: .7em;
			}
			
			#text h4 {
				color: #333;
				font-size: 1.6em;
				margin-bottom: 1em;
			}

			#text p {
				color: #333;
				font-size: 1.2em;
				line-height: 1.5em;
				margin-bottom: 1.2em;
			}
			
			#text a {
				color: #00F;
			}
			
			#text ul{
				margin: 0;
				padding: 0 0 .5em 1.1em;
				font-size: 1.3em;
			}
			
				#text ul li{
					list-style: disc;
					padding-bottom: .5em;
				}
			

			
			/* Llista de noticies */
			
				#text ul.llista-noticies {
					padding: 0;
					margin: 0;
				}
				
					#text ul.llista-noticies li {
						padding: .8em 0 1em 0;
						margin: 0;
						list-style: none;
						border-bottom: 1px solid #ddd;
					}
					
						#text ul.llista-noticies li.last {
							border-bottom: none;
						}

			
			#miniquest h2 {
				color: #009F95;
				float: left;
				font-size: 2em;
				font-weight: strong;
				padding-right: 10px;
			}		

			
			#miniquest h3 {
				color: #009F95;
				font-size: 1.5em;
				margin-top: 1.5em;
				margin-bottom: .7em;
				border-bottom: 2px solid #009F95;
			}
			
			#miniquest h4 {
				color: #009F95;
				font-size: 1.3em;
				font-weight: strong;
				font-style: italic;
				padding-top: 6px;
			}	
			
			#miniquest h1 {
				color: #009F95;
				font-size: 1.5em;
				margin-top: 1.5em;
				margin-bottom: .7em;
				padding-left: 2.3em;

			}
			
			#miniquest ul{
				margin: 0;
				padding: 0 0 .5em 4em;
				font-size: 1.3em;
			}
			
				#miniquest ul li{
					list-style: disc;
					padding-bottom: 0em;
				}
				
				#miniquest #labels{
					/*border: 1px solid red;*/
					background: url("/site/images/sindicinfants/backgrounds/label_miniquest.gif") no-repeat left top;
					width: 115px;
					float: left;
					margin-top: 10px;
					margin-right: 10px;
					text-align: center;
					height: 20px;
					padding-top: 5px;
				}
				
					#miniquest #labels a{
						font-size: 1.2em;
						font-weight: bold;
						color: #000;
						text-decoration: none;
					}
					
					#miniquest #labels a:hover{
						text-decoration: underline;
					}
				
									
			
		/* Colors i imatges especifics per a cada seccio */

			/* Tot es basa partint de les classes seccio-n i pagina-n que s'associen al body */




				/* Imatges de fons per a cada seccio */
					
					/* Seccio: Inici */
					.seccio-113 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_1.jpg") repeat-y center top; }
					
					/* Seccio: Saps qui som? */
					.seccio-115 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_2.jpg") repeat-y center top; }
					
					/* Seccio: Els teus drets */
					.seccio-116 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_3.jpg") repeat-y center top; }
					
					/* Seccio: Queixa't i pregunta */
					.seccio-117 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_4.jpg") repeat-y center top; }
					
					/* Seccio: Activitats */
					.seccio-118 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_5.jpg") repeat-y center top; }
					
					/* Seccio: Material per escoles */
					.seccio-119 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_6.jpg") repeat-y center top; }
					
					/* Seccio: Enllaços */
					.seccio-120 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_7.jpg") repeat-y center top; }
					
					/* Seccio: Crèdits */
					.seccio-155 #content { background: url("/site/images/sindicinfants/backgrounds/background_seccio_1.jpg") repeat-y center top; }
																	
					

				/* Imatges de fons del menu local */

					 /* .pagina-113 #menu-local { background: url("/site/images/sindicinfants/backgrounds/menu_local_seccio_0.gif") no-repeat left bottom; } */	
					.pagina-119 #menu-local { background: url("/site/images/sindicinfants/backgrounds/materialescolesfullet.gif") no-repeat left bottom; }					 
					.pagina-121 #menu-local { background: url("/site/images/sindicinfants/backgrounds/saps_sindic_minut_1.jpg") no-repeat left bottom; }			
					.pagina-122 #menu-local { background: url("/site/images/sindicinfants/backgrounds/saps_historia.gif") no-repeat left bottom; }			
					.pagina-123 #menu-local { background: url("/site/images/sindicinfants/backgrounds/saps_com_ajudar.gif") no-repeat left bottom;}			
					.pagina-124 #menu-local { background: url("/site/images/sindicinfants/backgrounds/saps_contacta.gif") no-repeat left bottom; }					
					.pagina-125 #menu-local { background: url("/site/images/sindicinfants/backgrounds/drets_que_son.jpg") no-repeat left bottom; }
					.pagina-127 #menu-local { background: url("/site/images/sindicinfants/backgrounds/queixat_vull_presentar.gif") no-repeat left bottom;}			
					.pagina-129 #menu-local { background: url("/site/images/sindicinfants/backgrounds/queixat_que_passara.jpg") no-repeat left bottom;}			
					.pagina-130 #menu-local { background: url("/site/images/sindicinfants/backgrounds/queixat_quines_vull_fer.gif") no-repeat left bottom; }			
					.pagina-131 #menu-local { background: url("/site/images/sindicinfants/backgrounds/activitats_que_fa_sindic.gif") no-repeat left bottom; }			
					.pagina-132 #menu-local { background: url("/site/images/sindicinfants/backgrounds/activitats_consell_assessor_jove_1.gif") no-repeat left bottom; }			
					.pagina-133 #menu-local { background: url("/site/images/sindicinfants/backgrounds/activitats_informes.gif") no-repeat left bottom; }			
					.pagina-134 #menu-local { background: url("/site/images/sindicinfants/backgrounds/actitivats_que_es_ENOC.jpg") no-repeat left bottom; }		
					.pagina-135 #menu-local { background: url("/site/images/sindicinfants/backgrounds/activitats_noticies.gif") no-repeat left bottom; }								
					.pagina-136 #menu-local { background: url("/site/images/sindicinfants/backgrounds/material_primaria.jpg") no-repeat left bottom; }			
					.pagina-137 #menu-local { background: url("/site/images/sindicinfants/backgrounds/material_secundaria.jpg") no-repeat left bottom; }			
					.pagina-138 #menu-local { background: url("/site/images/sindicinfants/backgrounds/material_informes.jpg") no-repeat left bottom; }
					.pagina-120 #menu-local { background: url("/site/images/sindicinfants/backgrounds/enllacos_nois.gif") no-repeat left bottom; }	
					.pagina-156 #menu-local { background: url("/site/images/sindicinfants/backgrounds/altres_documents.jpg") no-repeat left bottom; }						
					.pagina-157 #menu-local { background: url("/site/images/sindicinfants/backgrounds/navega_de_manera_segura.jpg") no-repeat left bottom; }									
					.pagina-154 #menu-local { background: url("/site/images/sindicinfants/backgrounds/nen.gif") no-repeat left bottom; padding-bottom: 45em;}
					.pagina-151 #menu-local { background: url("/site/images/sindicinfants/backgrounds/nen.gif") no-repeat left bottom; padding-bottom: 45em; }
					.pagina-152 #menu-local { background: url("/site/images/sindicinfants/backgrounds/nen2.gif") no-repeat left bottom; }
					.pagina-153 #menu-local { background: url("/site/images/sindicinfants/backgrounds/nen2.gif") no-repeat left bottom; }
					.pagina-159 #menu-local { background: url("/site/images/sindicinfants/backgrounds/drets_que_son.jpg") no-repeat left bottom; padding-bottom: 21em;}

					.pagina-160 #menu-local { background: url("/site/images/sindicinfants/backgrounds/primaria_escenari.gif") no-repeat left bottom; padding-bottom: 21em;}
					.pagina-161 #menu-local { background: url("/site/images/sindicinfants/backgrounds/primaria_tasques.gif") no-repeat left bottom; padding-bottom: 25em;}
					.pagina-162 #menu-local { background: url("/site/images/sindicinfants/backgrounds/primaria_producte.gif") no-repeat left bottom; padding-bottom: 22em;}
					.pagina-163 #menu-local { background: url("/site/images/sindicinfants/backgrounds/eso_escenari.gif") no-repeat left bottom; padding-bottom: 21em;}
					.pagina-164 #menu-local { background: url("/site/images/sindicinfants/backgrounds/eso_tasques.gif") no-repeat left bottom; padding-bottom: 30em;}
					.pagina-165 #menu-local { background: url("/site/images/sindicinfants/backgrounds/eso_producte.gif") no-repeat left bottom; padding-bottom: 30em;}
					
					.pagina-138 #text { background: url("/site/images/sindicinfants/backgrounds/producte_background.gif") repeat-y center top;}
					.pagina-160 #text { background: url("/site/images/sindicinfants/backgrounds/escenari_background.gif") repeat-y center top;}
					.pagina-161 #text { background: url("/site/images/sindicinfants/backgrounds/tasques_background.gif") repeat-y center top;}
					.pagina-162 #text { background: url("/site/images/sindicinfants/backgrounds/producte_background.gif") repeat-y center top;}
					
					.pagina-159 #text { background: url("/site/images/sindicinfants/backgrounds/producte_background_eso.gif") repeat-y center top;}
					.pagina-163 #text { background: url("/site/images/sindicinfants/backgrounds/escenari_background_eso.gif") repeat-y center top;}
					.pagina-164 #text { background: url("/site/images/sindicinfants/backgrounds/tasques_background_eso.gif") repeat-y center top;}
					.pagina-165 #text { background: url("/site/images/sindicinfants/backgrounds/producte_background_eso.gif") repeat-y center top;}
					
					
					
					
				/* Marges arrodonits (imatges) per al contenidor de text */
				
					/* A determinar */
					.seccio-113 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_1_top.gif") no-repeat center top; }
					.seccio-113 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_1_bottom.gif") no-repeat center top; }
					
					/* Seccio: Saps qui som? */
					.seccio-115 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_2_top.gif") no-repeat center top; }
					.seccio-115 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_2_bottom.gif") no-repeat center top; }
					
					/* Seccio: Els teus drets */
					.seccio-116 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_3_top.gif") no-repeat center top; }
					.seccio-116 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_3_bottom.gif") no-repeat center top; }					
					
					/* Seccio: Queixa't i pregunta */
					.seccio-117 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_4_top.gif") no-repeat center top; }
					.seccio-117 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_4_bottom.gif") no-repeat center top; }
					
					/* Seccio: Activitats */
					.seccio-118 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_5_top.gif") no-repeat center top; }
					.seccio-118 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_5_bottom.gif") no-repeat center top; }
					
					/* Seccio: Material per escoles */
					.seccio-119 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_6_top.gif") no-repeat center top; }
					.seccio-119 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_6_bottom.gif") no-repeat center top; }
					
					/* Seccio: Enllaços */
					.seccio-120 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_7_top.gif") no-repeat center top; }
					.seccio-120 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_7_bottom.gif") no-repeat center top; }

					/* Seccio: Crèdits */
					.seccio-155 #text .text-marge-superior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_1_top.gif") no-repeat center top; }
					.seccio-155 #text .text-marge-inferior { background: url("/site/images/sindicinfants/backgrounds/text_seccio_1_bottom.gif") no-repeat center top; }


				/* Color dels marges centrals del contenidor de text */

					/* A determinar */ 
					.seccio-113 .text-amb-marges { border-left: 6px solid #56C9EB; border-right: 6px solid #56C9EB; }
					.seccio-113 .text-sense-marges { border: 6px solid #56C9EB; }
					
					/* Seccio: Saps qui som? */
					.seccio-115 .text-amb-marges { border-left: 6px solid #3EC4E9; border-right: 6px solid #3EC4E9; }
					.seccio-115 .text-sense-marges { border: 6px solid #3EC4E9; }
					
					/* Seccio: Els teus drets */
					.seccio-116 .text-amb-marges { border-left: 6px solid #3EC4E9; border-right: 6px solid #3EC4E9; }
					.seccio-116 .text-sense-marges { border: 6px solid #3EC4E9; }
					
					/* Seccio: Queixa't i pregunta */
					.seccio-117 .text-amb-marges { border-left: 6px solid #39B54A; border-right: 6px solid #39B54A; }
					.seccio-117 .text-sense-marges { border: 6px solid #39B54A; }
					
					/* Seccio: Activitats */
					.seccio-118 .text-amb-marges { border-left: 6px solid #3EC4E9; border-right: 6px solid #3EC4E9; }
					.seccio-118 .text-sense-marges { border: 6px solid #3EC4E9; }					
					
					/* Seccio: Material per escoles */
					.seccio-119 .text-amb-marges { border-left: 6px solid #39B54A; border-right: 6px solid #39B54A; }
					.seccio-119 .text-sense-marges { border: 6px solid #39B54A; }
					
					/* Seccio: Enllaços */
					.seccio-120 .text-amb-marges { border-left: 6px solid #3EC4E9; border-right: 6px solid #3EC4E9; }
					.seccio-120 .text-sense-marges { border: 6px solid #3EC4E9; }
										
					/* Seccio: Crèdits */
					.seccio-155 .text-amb-marges { border-left: 6px solid #3EC4E9; border-right: 6px solid #3EC4E9; }
					.seccio-155 .text-sense-marges { border: 6px solid #3EC4E9; }
				
				
				/* Color dels textos */
				
					
				




	/* Footer */

		#footer {
			padding: .8em;
			border-top: 1px solid #eee;            
		}

			#footer a {
				color: #E46201;
			}

			#footer address {
				font-size: 1em;
				font-style: normal;
				margin-right: 8em;
			}

			#footer ul {
                width: 100%;
                overflow: hidden;
				font-size: 1em;
                margin-top: .8em;
			}

				#footer ul li {
					float: left;
					border-right: 1px solid #333;
					padding-right: .5em;
					margin-right: .5em;
				}
				
					#footer ul li.last {
						border-right: none;
						padding-right: 0;
						margin-right: 0;
					}
					
					
	
	table {
		font-size: 12px;
	}
    
    #text img.left{
        margin-bottom: 1em;
    }
    
    /* Galeries d'imatges */
    
    #text #gallery{
        float: left;
        margin-bottom: 1em;
    }
    
        #text #gallery ul{
            margin: 0;
            padding: 0;
        }

            #text #gallery ul li{
                list-style-type: none;
                float: left;
                margin: 0;
                padding: 0;
            }
            
                #text #gallery ul li .container{
                    height:117px;
                    overflow:hidden;
                    width:122px;
                }
                
                    #text #gallery ul li .container a{
                        border:3px solid #FFFFFF;
                        display:block;
                        height:110px;
                        overflow:hidden;
                    }
                    
                        #text #gallery ul li .container a:hover{
                            border: 3px solid #3EC4E9;
                        }
                    
                        #text #gallery ul li .container a img{
                        }