/* Art del Treball */

/* Estils per a les planes interiors */
	


		/* Estils del text */
		
			#text {			
				width: 58em;
				overflow: hidden;
				margin: 2.5em 0 0 8.5em;
			}
			
				#text h2 {
					color: #333;
					font-size: 2em;
					font-weight: normal;
					margin-bottom: 1em;
				}
				
					#text h2 span {
						font-size: .8em;
						font-weight: normal;
					}
				
				#text h3 {
					color: #333;
					font-size: 1.4em;
					margin-bottom: 1em;
				}
				
					#text h3 span {
						display: block;
						font-size: .9em;
						font-weight: normal;						
					}
					
				#text h4 {
					color: #333;
					font-size: 1.3em;
					margin-bottom: .2em;
				}
			
				#text p {
					color: #666;
					font-size: 1.2em;
					line-height: 1.6em;
					margin-bottom: 1.2em;
				}
				
				/* Correccio de la font dels textos per als paragrafs niuats */

					#text p p { font-size: 1em; }


				#text a {
					color: #666;
					text-decoration: underline;
				}
				
				#text ul {
					color: #666;
					margin-bottom: 2.5em;
				}
				
					#text ul li {						
						font-size: 1.2em;
						padding-left: 1.4em;
						margin-bottom: .5em;
						background: url("../images/li-text.gif") no-repeat .5em .5em;
					}
					
					
			/* Alineacio de les imatges */
			
				#text img.imatge-dreta {
					float: right;
					margin: 0 0 .5em 2em;
				}
				
				#text img.imatge-esquerra {
					float: left;
					margin: 0 2em .5em 0;
				}
				
				
				
			/* Taules per als programes dels cursos */
			
				/* Estils generals */
				
					#text table.programa {
						font-size: 1.2em;
						border-collapse: collapse;
						margin-top: .5em;
						margin-bottom: 2em;
					}
					
						#text table.programa th {
							color: #fff;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
						}
						
						#text table.programa td {
							color: #333;
						}
						
						#text table.programa th,
						#text table.programa td {							
							padding: .5em 1em;			
							vertical-align: top;
							border: 2px solid #fff;
							line-height: 1.4em;
						}
												
						#text table.programa td.curs 			{ width: 12em; }
						#text table.programa td.materies 	{ width: 27em; }
						#text table.programa th.credits,
						#text table.programa td.credits 	{ width: 11em; text-align: right; }
				
					
					
			
				/* Batxillerat Artistic */
				
					#text table.batxillerat-artistic th						{ background-color: #009999; }
					#text table.batxillerat-artistic td 					{ background-color: #CCEBEB; }
					#text table.batxillerat-artistic td.materies	{ background-color: #B2E0E0; }
					
					
					
				/* Cicle de Grau Mitja de Decoracio Ceramica */
				
					#text table.decoracio-ceramica th						{ background-color: #CC0000; }
					#text table.decoracio-ceramica td 					{ background-color: #FCF2F2; }
					#text table.decoracio-ceramica td.materies	{ background-color: #F5CCCC; }
					
					
					
				/* Cicle de Grau Superior de Joieria Artistica */
				
					#text table.joieria-artistica th					{ background-color: #FFCC00; }
					#text table.joieria-artistica td 					{ background-color: #FFF0B2; }
					#text table.joieria-artistica td.materies	{ background-color: #FFE57F; }
					
					
	
	
		/* Galeria d'imatges */
		
			#text ul.galeria {
				margin-top: 2em;
			}
			
				#text ul.galeria li {
					float: left;
					font-size: 1.1em;
					padding: 0 5.6em 2em 0;
					margin: 0 0 0 0;
					background: none;					
				}
				
					#text ul.galeria li.last {
						padding-right: 0;
					}
				
					#text ul.galeria li #imgGallery,
					#text ul.galeria li .imgGallery {
						margin-bottom: .5em;
					}					
				
					#text ul.galeria li img {
						display: block;
					}
					
						#contingut ul.galeria li a {
							font-size: 11px;
							text-decoration: none;
						}

							#contingut ul.galeria li a:hover {
								text-decoration: underline;
							}						
					
.imgGallery{
	width: 98px;
	height: 98px;		
	overflow: hidden;	
	/*margin-bottom:5px;	*/
}
			
.imgContent{
	width: 98px;
	height: 130px;			
	/*margin-bottom:5px;	*/
}



	/* Llistat d'activitats */
	
		#text .llista-activitats {
			padding: 0;
			margin: 0;
		}
		
			#text .llista-activitats li {
				width: 100%;
				overflow: hidden;
				padding: 1.5em 0 1.5em 0;
				margin: 0;
				font-size: 1em;
				background: none;
				border-top: 1px solid #d8d8d8;
			}
			
			#text .llista-activitats li p {
				margin: 0;
			}

				#text .llista-activitats li p.tipus {
					font-size: 1.1em;
					line-height: 1.6em;
					padding-top: 0;
					margin-top: 0;
					margin-bottom: .3em;
					display: inline;
					border-top: none;
				}

					#text .llista-activitats li p.tipus span {
						color: #c00;
						text-transform: uppercase;
					}

				#text .llista-activitats li p.mes-informacio {					
					font-size: 1.1em;
					margin-top: .4em;
				}

					#text .llista-activitats li p.mes-informacio a {
						color: #c00;
						padding-right: .8em;
						background: url("/site/images/icona-mes-info.gif") no-repeat right center;
					}
					
			
					
		/* Link de retorn */
		
			#text .tornar {
				float: right;
				color: #333;
				font-size: 1.1em;
			}
				
				#text .tornar a {
					color: #333;
					text-decoration: none;
					padding-left: 1em;
					background: url("../images/fletxa-tornar.gif") no-repeat left center;
				}
				
					#text .tornar a:hover {
						text-decoration: underline;
					}
				

			
			#text .paginador {
				font-size: 1.1em;
				text-align: right;
				padding-top: .5em;
				border-top: 1px solid #d8d8d8;				
			}
			
			

				#text .llista-activitats li h3 {
					margin-bottom: .4em;
				}

				#text .llista-activitats li img {
					float: right;
					margin: 0 0 .5em 2em;
				}



				#text p.tipus {
					font-size: 1.1em;
					padding-top: 1.4em;
					margin-bottom: 0;
					border-top: 1px solid #d8d8d8;
				}

					#text p.tipus span {
						color: #c00;
						text-transform: uppercase;
					}



	/* Mapa web */

		#text ul.mapa-web {			
		}

			#text ul.mapa-web li {
				margin-bottom: 1.5em;
			}

				#text ul.mapa-web li ul {
					margin-top: .5em;
				}

					#text ul.mapa-web li ul li {
						font-size: 1em;
						margin-bottom: .5em;
						background-image: url("../images/li-mapa-web.gif");
					}