/* 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;
					}
					

	/* Area de text */
	
		#text {
			float: right;
			width: 67em;			
			margin: 0;
		}
		
			#text h3 {
				font-size: 2.4em;
				font-weight: normal;
				padding-bottom: .4em;
				margin-top: 0;
				margin-bottom: .8em;
			}
			
			#text h4 {
				font-size: 1.4em;
				margin-top: 0;
				margin-bottom: .5em;
				color: #D7001A;
			}
			
			#text h5 {
				font-size: 1.2em;
				margin-top: 0;
				margin-bottom: .5em;
			}
            
            #text .titol-contingut {
                margin-bottom: 2.2em;
            }
            
                #text .titol-contingut h2,
                #text .titol-contingut h3 {
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
			
			#text p {
				font-size: 1.5em;
				margin-top: 0;
				margin-bottom: 1em;
				line-height: 1.5em;
			}
			
				#text p.tornar {
                    position: absolute;
                    right: 0;
                    top: 0;
					font-size: 1.2em;
				}
			
			#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: 0.5em;
					font-size: 1.5em;
					line-height: 1.2em;
					background: url("../images/text_li_red.gif") no-repeat .4em .4em;
				}

				
				#text ol li {
					padding: 0;
					margin-bottom: .8em;					
					font-size: 1.1em;
					line-height: 1.4em;
					list-style: decimal;
				}
				
                #text ul li { background: url("../images/text_li_red.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-family: Times, "Times New Roman";
                    font-size: 2.1em;
                    font-style:italic;
                    line-height: 1.2em;
                }
				
				
			/* 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 {
        margin-top: 1em;
        display: block;
        overflow: hidden;
    }
    
        #text .galeria-llista li {
            float: left;
            font-size: 1.1em;
            padding: 0 5.6em 2em 0;
            margin: 0; 
            border: 6px solid #fff;
            background: none !important;	
        }
        
            #text .galeria-llista li.last {
                padding-right: 0;
            }
        
            #text .galeria-llista li #imgGallery,
            #text .galeria-llista li .imgGallery {
                margin-bottom: .5em;
            }					
        
            #text .galeria-llista 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: 135px;
        height: 135px;		
        overflow: hidden;	
    }
                
    .imgContent{
        width: 98px;
        height: 130px;
    }
    
    a.moregallery {
        float: right;
        text-transform: uppercase;
        color: #333333 !important;
        padding-right: 2em;
        background: url("../images/galleria.png") no-repeat center 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.2em;
				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;
            font-size: 1.1em;
		}
		
			#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;
				line-height: 1.3em;
			}
			
				#text .noticies li h4 a:hover {
					text-decoration: underline;
				}

			#text .noticies li p {
				font-size: 1.3em;
				margin-top: 0.5em;
				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;
						font-size: 1.3em;
					}
					
						#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;
			background: #F7F7F7;
			font-size: 1.2em;
			padding: 1em 1.5em;
		}
		
			#text dl.caracteristiques-curs dt,
			#text dl.caracteristiques-curs dd {
				font-size: 1.1em;
				margin: 0;
				margin-bottom: .7em;
				line-height: 1.5em;
			}
			
			#text dl.caracteristiques-curs dt {				
				float: left;
				color: #e07000;
				margin-right: .5em;
				margin-bottom: 0;
			}
			
			#text dl.caracteristiques-curs dt {				
				float: left;
				color: #000;				
				margin-right: .5em;
				font-weight: bold;
			}
			
			
	/* 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: 12px;
                    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{
                    font-size: 11px;
                    line-height: 15px;
                }
				#text .llistat-llibres li .sinopsis p {
					font-size: 12px;
					line-height: 16px;
				}
                
	#text h4.newstitle {
		font-size: 1.5em;
		color: #000;
		margin-top: .7em;
	}
                
                
    #gallerytitle {
		display: block;
		font-size: 1.8em;
		margin-top: 1em;
		overflow: hidden;
		padding-bottom: 0.2em;
		font-weight: bold;
	}	
                
    #text .caracteristiques-curs ul {
        margin-bottom: 1em;
    }    
    #text .caracteristiques-curs ul  li {
        padding: 0 1.4em;
        margin-bottom: 0.5em;
        font-size: 1em;
        line-height: 1.2em;
        background: url("../images/text_li_red.gif") no-repeat .4em .4em;

    }