/* Escola Massana */

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



	/* Menu superior */
	
		#menu-superior {
			width: 100%;
			overflow: hidden;	
			position: absolute;
			top: 0;
			right: 0;		
		}
		
			#menu-superior ul {
				float: right;
				margin: 1em 3em;
			}
			
				#menu-superior ul li {
					font-size: 1.1em;
					float: left;
					margin-right: 1em;
					padding-right: 1em;
					border-right: 1px solid #ccc;
				}
				
					#menu-superior ul li.selected a {
						font-weight: bold;
						color: #D82E39;
					}
				
					#menu-superior ul li.last {					
						margin-right: 0;
						padding-right: 0;
						border-right: none;
					}
					
					#menu-superior ul li a {
						color: #666;
					}
		
			
	
	
	

	/* Menu del contingut */
	
		#menu-contingut {
			float: left;
			width: 20em;
			overflow: hidden;
			margin: 7em 3em 2em 3em;
		}
		
			#menu-contingut p {
				font-size: 1.2em;
				font-weight: bold;
				padding: .5em;
			}
			
			#menu-contingut a {
				color: #333;
			}
			
				#menu-contingut a.selected {
					font-weight: bold;
				}
			
			#menu-contingut ul {
				border-top: 1px dotted #999;
			}
			
				#menu-contingut ul li {
					font-size: 1.1em;
					padding: .5em;
					border-bottom: 1px dotted #999;
				}					

					#menu-contingut ul li ul {
						margin-top: .5em;
						border-top: none;
					}
				
						#menu-contingut ul li ul li {
							font-size: 1em;
							border: none;
							padding: .3em 1em;
						}
						
							#seccio-21 #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_21.gif") no-repeat .3em .8em; }
							#seccio-27 #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_27.gif") no-repeat .3em .8em; }
							#seccio-32 #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_32.gif") no-repeat .3em .8em; }
							#seccio-35 #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_35.gif") no-repeat .3em .8em; }
							#seccio-36 #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_36.gif") no-repeat .3em .8em; }
							#seccio-72 #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_72.gif") no-repeat .3em .8em; }
						
							#menu-contingut ul li ul li ul li {
								font-size: .95em;
								background: url("../images/li_menu_contingut_guio.gif") no-repeat .2em .8em !important;
							}								
						
			/* Estil per seccions */
								
				#seccio-21 #text a,
				#seccio-21 #menu-contingut span,
				#seccio-21 #menu-contingut strong,
				#seccio-21 #menu-contingut strong a,
				#seccio-21 #menu-contingut p,
				#seccio-21 #text .llistat-llibres li .descripcio .titol,
				#seccio-21 #menu-contingut a.selected,
				#seccio-21 #menu-superior ul li.selected a { color: #D82E39; }
				
				#seccio-27 #text a,
				#seccio-27 #menu-contingut span,
				#seccio-27 #menu-contingut strong,
				#seccio-27 #menu-contingut strong a,
				#seccio-27 #menu-contingut p,
				#seccio-27 #text .llistat-llibres li .descripcio .titol,
				#seccio-27 #menu-contingut a.selected,
				#seccio-27 #menu-superior ul li.selected a { color: #e07000; }
				
				#seccio-32 #text a,
				#seccio-32 #menu-contingut span,
				#seccio-32 #menu-contingut strong,
				#seccio-32 #menu-contingut strong a,
				#seccio-32 #menu-contingut p,
				#seccio-32 #text .llistat-llibres li .descripcio .titol,
				#seccio-32 #menu-contingut a.selected,
				#seccio-32 #menu-superior ul li.selected a { color: #2F849F; }
				
				#seccio-35 #text a,
				#seccio-35 #menu-contingut span,
				#seccio-35 #menu-contingut strong,
				#seccio-35 #menu-contingut strong a,
				#seccio-35 #menu-contingut p,
				#seccio-35 #text .llistat-llibres li .descripcio .titol,
				#seccio-35 #menu-contingut a.selected,
				#seccio-35 #menu-superior ul li.selected a { color: #527900; }			
				
				#seccio-36 #text a,
				#seccio-36 #menu-contingut span,
				#seccio-36 #menu-contingut strong,
				#seccio-36 #menu-contingut strong a,
				#seccio-36 #menu-contingut p,
				#seccio-36 #text .llistat-llibres li .descripcio .titol,
				#seccio-36 #menu-contingut a.selected,
				#seccio-36 #menu-superior ul li.selected a { color: #1e4b78; }
				
				#seccio-72 #text a,
				#seccio-72 #menu-contingut span,
				#seccio-72 #menu-contingut strong,
				#seccio-72 #menu-contingut strong a,
				#seccio-72 #menu-contingut p,
				#seccio-72 #text .llistat-llibres li .descripcio .titol,
				#seccio-72 #menu-contingut a.selected,
				#seccio-72 #menu-superior ul li.selected a { color: #8cbb00; }
				
				#seccio-default #text a,
				#seccio-default #menu-contingut span,
				#seccio-default #menu-contingut strong,
				#seccio-default #menu-contingut strong a,
				#seccio-default #menu-contingut p,
				#seccio-default #text .llistat-llibres li .descripcio .titol,
				#seccio-default #menu-contingut a.selected,
				#seccio-default #menu-superior ul li.selected a { color: #333; }

	/* Area de text */
	
		#text {
			float: right;
			width: 66em;			
			margin: 3.1em 3em 0 0;
		}
		
			#text h3 {
				font-size: 2.4em;
				font-weight: normal;
				padding-bottom: .4em;
				margin-bottom: .8em;
				border-bottom: 1px solid #ccc;
			}
			
			#text h4 {
				font-size: 1.4em;
				margin-bottom: .5em;
			}
			
			#text h5 {
				font-size: 1.2em;
				margin-bottom: .5em;
			}
			
			#text p {
				font-size: 1.1em;
				margin-bottom: 1em;
				line-height: 1.5em;
			}
			
				#text p.tornar {
					margin-top: -2px;
					float: right;
				}
			
			#text a {
				text-decoration: underline;
			}			
			
			#text ul,
			#text ol {
				margin-top: 1em;
				margin-bottom: 2.5em;
			}
			
			#text ol {
				padding-left: 2.4em;				
				margin-left: 0;
			}
			
				#text ul li {
					padding: 0 1.4em;
					margin-bottom: .8em;
					font-size: 1.1em;
					line-height: 1.2em;
					background: url("../images/text_li.gif") no-repeat .4em .4em;
				}
				
				#text ol li {
					padding: 0;
					margin-bottom: .8em;					
					font-size: 1.1em;
					line-height: 1.4em;
					list-style: decimal;
				}
				
				#seccio-21 #text ul li { background: url("../images/text_li_21.gif") no-repeat .4em .4em; }
				#seccio-27 #text ul li { background: url("../images/text_li_27.gif") no-repeat .4em .4em; }
				#seccio-32 #text ul li { background: url("../images/text_li_32.gif") no-repeat .4em .4em; }
				#seccio-35 #text ul li { background: url("../images/text_li_35.gif") no-repeat .4em .4em; }
				#seccio-36 #text ul li { background: url("../images/text_li_36.gif") no-repeat .4em .4em; }
				#seccio-72 #text ul li { background: url("../images/text_li_72.gif") no-repeat .4em .4em; }
				
				#text ul li li,
				#text ol li li {
					font-size: 1em;
				}




		/* Classes editables */
			
			/* Aliniar imatge a l'esquerra */
			
				#text img.left {
					float: left;
					margin: 0 1.5em .5em 0;
				}
			
			
			/* Aliniar imatge a la dreta */
			
				#text img.right {
					float: right;
					margin: 0 0 .5em 1.5em;
				}
		
			
			/* Text d'introduccio */
			
				#text .introduccio {
					font-weight: bold;
				}
				#seccio-21 #text .introduccio { color: #D82E39; }
				#seccio-27 #text .introduccio {	color: #e07000; }
				#seccio-32 #text .introduccio {	color: #8cbb00; }
				#seccio-35 #text .introduccio {	color: #527900; }
				#seccio-36 #text .introduccio {	color: #666666; }
				
				
			/* Text destacat */
				
				#text .destacat {
					padding: 1em;
					border: 1px solid #ccc;
					background-color: #F7F7F7;
				}
				
				
			/* Text avis */
				
				#text .avis {
					color: #666;
					font-size: .9em;
				}
					
				
	/* Galeria d'imatges */
		
		#text .galeria-llista {
			width: 100%;
			overflow: hidden;
			padding: .8em 0;
			margin-bottom: 2em;
			background-color: #f3f3f3;
		}
		
			#text .galeria-llista li {
				background: none !important;
				padding: 0;
				margin: 0 0 0 9px;
				float: left;
				display: block;
				border: 1px solid #fff;
			}
				
				#text .galeria-llista li img {					
					display: block;
				}
				
					#text .galeria-llista li.fletxa-enrera {						
						border: none;
						display: none;
					}
				
					#text .galeria-llista li.fletxa-endavant {						
						border: none;
					}		
		
		#text .link-galeria {
			float: right;
			width: 13em;
			padding: 1em 1em 1em 3em;
			margin-left: 1em;
			margin-bottom: 1em;
			border: 1px solid #ccc;
			background: #F7F7F7 url("../images/icona_galeria.gif") no-repeat 1em 1em;
		}

		#text .llista-imatges-grans {
		}
		
			#text .llista-imatges-grans li {
				width: 100%;
				overflow: hidden;
				margin: 0 0 3em 0;
				padding: 0;
				background: none !important;
				font-size: 1em;
			}
			
				#text .llista-imatges-grans li .galeria-ampliacio {					
					width: 50em;
					float: left;
					text-align: center;
				}
				
				#text .llista-imatges-grans li .galeria-descripcio {
					width: 14em;
					float: right;
				}



	/* Taules de dades */
	
		table.dades {
			border-collapse: collapse;
			margin: 1em 0 2em 0;
		}		
		
			table.dades tr th,
			table.dades tr td {
				font-size: 1.1em;
				padding: .5em;
				border: 1px solid #ccc;
			}
			
			table.dades tr th {
				text-align: left;				
				background-color: #eee;
			}
			
			table.dades tr td.numero {
				text-align: right;
			}
			
			table.dades tr .batxillerat-materies {
				width: 30em;
			}						
			table.dades tr .cicles-materies {
				width: 30em;
			}
			table.dades tr .cicle-hores-modul {}
			table.dades tr .cicle-hores-setmana {}
			
			
			table.dades tr .plans-credits-comuns { width: 250px; }
			table.dades tr .plans-credits-optatius { width: 250px; }
			table.dades tr .plans-hores-setmanals { width: 60px; }
			table.dades tr .plans-credits { width: 60px; }
			
			#text table.dades td ul li {
				font-size: 1em;
				margin: 0 0 .5em 0;
				padding: 0;
				background: none !important;
			}
		
			


	/* Llistat d'ofertes de treball */
	
		#text .data-ofertes {
			color: #D82E39;
			font-size: 1em;
			text-align: right;
			margin-bottom: 1em;
			float: right;
		}

		#text .ofertes {			
			margin-top: -1.8em;
		}

			#text .ofertes li {				
				margin: 0;
				padding: 1em 0 1em 0;
				background: none !important;
				border-bottom: 1px solid #ccc;
			}

				#text .ofertes li h4 {
					font-size: 1.2em;
					margin-top: 0;
				}

				#text .ofertes li dl dt {
					color: #D82E39;
					float: left;
					width: 12em;
					margin-bottom: .4em;
				}

				#text .ofertes li dl dd {
					margin-left: 12em;
					margin-bottom: .4em;					
				}




	/* Llistat de noticies */

		#text .noticies li {
			width: 100%;
			overflow: hidden;
			padding: 0 0 1.5em 0;
			margin: 0 0 1.5em 0;				
			background: none !important;
			border-bottom: 1px solid #ccc;
		}
		
			#text .noticies li img {				
				float: right;
				margin: 0 0 .5em 1.5em;
				padding: 0;
			}

			#text .noticies li h4 a {
				color: #333 !important;
				text-decoration: none;
			}
			
				#text .noticies li h4 a:hover {
					text-decoration: underline;
				}

			#text .noticies li p {
				font-size: 1em;
				margin-top: 1em;
				margin-bottom: 0;
			}			
			
				/* Data del detall de noticies */
				
					#text .data {
						color: #666;
						margin-top: -0.5em !important;
					}
					
			
			#text div.paginador {
				text-align: center;
				width: 100%;
				overflow: hidden;
				margin: 1em 0 0 0;
				padding: 0;
				/*border-top: 1px dotted #ccc;*/
			}
			
				#text div.paginador ul {
					margin: 0;
					padding: 0;
				}
				
					#text div.paginador ul li {
						background: none !important;
						margin: 0 .2em 0 .2em;
						padding: 0;
						display: inline;
					}
					
						#text div.paginador ul li a {
							margin: 0 .2em 0 .2em;
							padding: 0;
						}




	/* Llista de les caracteristiques dels cursos */
	
		#text dl.caracteristiques-curs {
			margin-bottom: 3em;
		}
		
			#text dl.caracteristiques-curs dt,
			#text dl.caracteristiques-curs dd {
				font-size: 1.1em;
				margin: 0;
				margin-bottom: .4em;
			}
			
			#text dl.caracteristiques-curs dt {				
				float: left;
				color: #e07000;
				margin-right: .5em;
				margin-bottom: 0;
			}
			
			#text dl.caracteristiques-curs dt {				
				float: left;
				color: #e07000;				
				margin-right: .5em;
			}
			
			
	/* Mapa web */
	
		#text #site-map {
		}
		
			#text #site-map li {
				margin-top: 2em;
				margin-bottom: .5em;
				font-size: 1.1em;				
			}
			
				#text #site-map li ul {
					margin-top: .5em;
					margin-bottom: .5em;
				}
			
				#text #site-map li ul li {
					margin-top: 0;
					font-size: 1em;
				}
				
					#text #site-map li ul li ul {
						margin-bottom: 1.6em;
					}
					
						#text #site-map li ul li ul li {
							background: url("../images/li_menu_contingut_guio.gif") no-repeat .6em .7em;
						}

                        
                        
    /* Llistat de llibres */
    
        #text .llistat-llibres {
        }
        
            #text .llistat-llibres li {
                font-size: 1em;
                margin: 0 0 2.4em 0;                
                padding: 0 0 2.4em 0;
                background: none !important;
                width: 100%;
                overflow: hidden;
                border-bottom: 1px solid #ccc;
            }
            
                #text .llistat-llibres li .portada {
                    float: left;
                    margin-right: 1.5em;
                }
                
                #text .llistat-llibres li .descripcio {
                    float: left;
                    width: 22em;
                }
                    
                    #text .llistat-llibres li .descripcio .titol {
                        font-size: 1.4em;
                        font-weight: bold;
                        line-height: 1.2em;
                        margin-bottom: 0;
                    }
                    
                    #text .llistat-llibres li .descripcio .autor {
                        font-size: 1.2em;
                        font-weight: bold;
                    }
                
                #text .llistat-llibres li .fitxa,
                #text .llistat-llibres li .fitxa p {
                    font-size: 11px;
                    line-height: 15px;
                }
                
                #text .llistat-llibres li .sinopsis {
                    float: right;
                    width: 24.5em;
                    padding: 1.2em 1.5em;
                    background-color: #f3f3f3;
                }
                
                    #text .llistat-llibres li .sinopsis .text-sinopsis {
                        margin-bottom: 1.5em;
                    }
                    
                    #text .llistat-llibres li .sinopsis .attachments img {
                        margin: 0 1.2em 1em 0;
                    }
                    
                    
                    
                #text .llistat-llibres li .sinopsis,
                #text .llistat-llibres li .sinopsis p {
                    font-size: 11px;
                    line-height: 15px;
                }