/* Escola Massana */

/* Fulla d'estils per a la pagina principal */



	/* Div general */
	
		#content-index {
			width: 100%;
			overflow: hidden;
			background: url("../images/pixel_ccc.gif") repeat-y 78.7em top;
		}




	/* Modul MassanaImatges */

		#massana-imatges {
			float: left;
			/*border-right: 1px solid #ccc;*/
			width: 50em;
			/*background-color: #F5F5F5;*/
		}
		
			#massana-imatges img.principal {
				width: 500px;
				height: 500px;
				display: block;
			}

			#massana-imatges h2 {
				display: none;
				margin-bottom: .3em;
			}

			#massana-imatges ul {
				margin-top: 1em;				
				overflow: hidden;
			}

				#massana-imatges ul li {
					float: left;
					margin: 0 1.5em 1.5em 0;
				}

				#massana-imatges ul li img {
					border: 1px solid #fff;
				}




	/* Modul de noticies */

		#noticies {
			float: left;
			width: 23em;
			padding: 2.5em 2.5em;			
		}

			#noticies h2 {
				display: none;
			}

			#noticies ul {
				margin-bottom: 2.8em;
			}

				#noticies ul li {
					padding-bottom: 1.2em;
					margin-bottom: 1.2em;
					border-bottom: 1px dotted #bbb;
					/*background: url("../images/separador_noticies.gif") no-repeat left bottom;*/
				}

					#noticies ul li.last {
						padding-bottom: 0;
						margin-bottom: 0;
						border: none;
					}
					
					#destacats ul li a {
						color: #333;
						text-decoration: underline;
					}


					#noticies ul li h3 {
						font-size: 1.3em;
					}					
					
						#noticies ul li h3 a {
							color: #333;
							text-decoration: none;
						}
						
							#noticies ul li h3 a:hover {
								text-decoration: underline;
							}

					#noticies ul li p {
						font-size: 1.1em;
						margin-top: .3em;
					}
					
					#noticies a {						
						color: #D82E39;
						text-decoration: underline;
					}


    /* Div per a pintar el marge de fons de la fotografia lateral */
    
        #marc-web {
            background: url("../images/background-foto.gif") repeat-y left top;
            _background: url("../images/background-foto.gif") repeat-y 1px top;
        }



	/* Modul de destacats */

		#destacats {
			float: right;
			width: 15em;
			padding: 2.5em 1.4em;
		}

			#destacats h2 {
				display: none;
			}

                #destacats ul li {
                	border-bottom: 1px dotted #bbbbbb;
                	margin-bottom: 1.5em;
                	padding-bottom: 0.7em;
                }
                
                    #destacats ul li.last {
                    	border-bottom: none;
                    }
				
					#destacats ul li p {
						color: #333;
						font-size: 1em;
						margin: .7em 0;
					}

						#destacats ul li .tipus {
							color: #D82E39;
							font-size: 1em;
							font-weight: bold;
						}
					
					#destacats ul li img {
						width: 100%;
						margin-bottom: 5px;
					}

					#destacats ul li h3 {
						font-size: 1.1em;
					}
					
						#destacats ul li h3 a {
							color: #333;
							text-decoration: none;
						}
						
							#destacats ul li h3 a:hover {
								text-decoration: underline;
							}