/* Escola Massana */

/* Fulla d'estils general */



	/* Redefinicio de tags generals */

		body {
			margin: 0;
			padding: 0;
			color: #333;			
			font-size: 62.5%;
			font-family: Arial, Verdana, sans-serif;
		}

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

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

		.hidden {
			display: none;
		}

		a img {
			border: none;
		}

        #text p.red-text,
        #text span.red-text {
            color: #D7001A;
        }


	/* Layout general */
	
		#wrapper {
			width: 96.8em;
			padding: 0 1.6em;
			margin: 0 auto;			
		}

		#marc-web {
			width: auto;
			overflow: hidden;
            position: relative;
		}

        
        

	/* Header */
	
		#header {
			position: relative;
			height: 16em;
		}
		
			#header h1 {
				position: absolute;
				top: 48px;
				left: 90px;
			}
			
			#header p.uab {
				position: absolute;
				top: 70px;
				right: 0px;
			}
		
		/* Imatges de fons de cada seccio */
		
			#header {
			}
            
        /* Social links */
            
            #header .social-links {
                float: left;
                padding: 1.2em 0;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1010;
            }
            
                #header .social-links li {
                    float: left;
                    font-size: 1em;
                    margin: 0 .3em 0 .5em;
                }
            
			
		/* */
		
			#seccio-principal {
				padding: 7em 3em 0 3em;
			}
			
				h2,
				p.breadcrumb,
				p.breadcrumb a {
					color: #D7001A;
				}
				
				h2 {
					font-size: 3.2em;
					font-weight: bold;
				}
			
				p.breadcrumb {
					margin-top: .5em;
				}
				
					p.breadcrumb a {
						text-decoration: underline;
					}

	/* Menu idiomes */
	#barra-corporativa ul#idiomes li a {
		font-weight: normal;
	}
	
		#barra-corporativa ul#idiomes li.selected a {
			font-weight: bold;
		}


       /* Menu */
        #menu-contingut {
            text-transform: uppercase;
        }
        
        #menu-contingut a {
            text-decoration: none;
        }
        
		#menu-contingut {
			float: left;
			width: 26.5em;
			overflow: hidden;
			margin: 1em 0em 2em 0em;
		}
		
			#menu-contingut p {
				font-size: 1.2em;
				font-weight: bold;
				padding: .5em;
			}
			
			#menu-contingut a {
				color: #000;
                font-weight: bold;
			}
			
				#menu-contingut a.selected {
					font-weight: bold;
                    color: #D7001A;
				}
			
			#menu-contingut ul {
				border-top: 1px solid #000;
			}
			
				#menu-contingut ul li {
					font-size: 1.1em;
					padding: .5em;
					border-bottom: 1px solid #000;
				}					

					#menu-contingut ul li ul {
						margin-top: .5em;
						border-top: none;
					}
				
						#menu-contingut ul li ul li {
							font-size: 1em;
							border: none;
							padding: .3em .5em .3em 2.2em;
						}
						
							/* #menu-contingut ul li ul li { background: url("../images/li_menu_contingut_21.gif") no-repeat .3em .8em; } */
						
							#menu-contingut ul li ul li ul li {
								font-size: 1em;
                                text-transform: none;
                                padding-left: 1em;
								background: url("../images/li_menu_contingut_guio.gif") no-repeat .2em .8em !important; */
							}		
                            
                            #menu-contingut ul li ul li ul li a{
                                font-weight: normal;
                            }  
                            
                            #menu-contingut ul li ul li ul li strong{
                                font-weight: normal;
                            }
						
			/* Estil per seccions */
								
				#text a,
				#menu-contingut span,
				#menu-contingut strong,
				#menu-contingut strong a,
				#menu-contingut p,
				#text .llistat-llibres li .descripcio .titol,
				#menu-contingut a.selected,
				#menu-superior ul li.selected a { color: #D7001A; }

    h3 {
        color: #D7001A;
        font-size: 2.6em;
        font-weight: normal;
    }


	/* Contingut */
	
		#content {
			clear: both;
			width: 100%;
			overflow: hidden;
			min-height: 20em;
			padding-bottom: 4em;
			position: relative;
		}




	/* Footer */
	
		#footer {
			width: 100%;
			overflow: hidden;
			clear: both;
		}
		
			#footer address {
				color: #333;
				float: left;
				margin: 1em;
				font-style: normal;
				font-size: 1.1em;
			}
			
				#footer address span {
					color: #D82E39;
				}
				
			#footer ul {
				float: right;
				margin: 1em;
			}

				#footer ul li {
					float: left;
					font-size: 1.1em;
					padding-right: 1em;
					margin-right: 1em;
					border-right: 1px solid #ccc;
				}
					
					#footer ul li.last {
						padding-right: 0;
						margin-right: 0;
						border-right: none;
					}
					
					#footer ul li.contactar {						
						padding-left: 25px;
						background: url("../images/icona_correu.gif") no-repeat left center;						
					}
					
						#footer ul li.contactar a {
							color: #D82E39;
						}
				
					#footer ul li a {
						color: #808080;
						text-decoration: none;
					}
                        #footer ul li a:hover {
                            color: #808080;
                            text-decoration: underline;
                        }

#barra-corporativa,
#barra_corporativa{
    position: absolute;
    right: 0;
    top: 0;
    margin:0;
    padding:0;
    color:#333333;
    text-align:right;
    z-index: 1000;
}

#barra-corporativa a,
#barra_corporativa a{
color:#333333
}
#barra-corporativa a img,
#barra_corporativa a img{
border:0
}
#barra-corporativa li,
#barra_corporativa li{
display:inline
}
#barra-corporativa label,
#barra_corporativa label{
display:none
}

#barra-corporativa #idiomes,
#barra_corporativa #idiomes{width:auto;margin:0;padding:0.7em 1.2em 0 0;float:right}
#barra-corporativa #idiomes li,
#barra_corporativa #idiomes li{line-height:1.7em;display:inline}
#barra-corporativa #idiomes li.separador,
#barra_corporativa #idiomes li.separador{margin-left:0.5em;padding:0.3em 0 0.4em 0.6em;}
#barra-corporativa #idiomes a,#barra_corporativa #idiomes a{font-size:1.1em;font-weight:bold}
#barra-corporativa #frm,#barra_corporativa #frm{margin:0;padding:0}
#barra-corporativa #apartats-principals,#barra-corporativa #apartats_principals,#barra_corporativa #apartats-principals,#barra_corporativa #apartats_principals{margin:0 13.5em 0 0;padding:0.5em 0 0 0}
#barra-corporativa #apartats-principals li,#barra-corporativa #apartats_principals li,#barra_corporativa #apartats-principals li,#barra_corporativa #apartats_principals li{padding:0.3em 1em 0.3em 0;vertical-align:middle}
#barra-corporativa #apartats-principals li.serveis-web,#barra-corporativa #apartats-principals li.serveis_web,#barra-corporativa #apartats_principals li.serveis-web,#barra-corporativa #apartats_principals li.serveis_web,#barra_corporativa #apartats-principals li.serveis-web,#barra_corporativa #apartats-principals li.serveis_web,#barra_corporativa #apartats_principals li.serveis-web,#barra_corporativa #apartats_principals li.serveis_web{padding-right:0.8em;padding-left:0.8em;}
#barra-corporativa #apartats-principals li.serveis-web label,#barra-corporativa #apartats-principals li.serveis_web label,#barra-corporativa #apartats_principals li.serveis-web label,#barra-corporativa #apartats_principals li.serveis_web label,#barra_corporativa #apartats-principals li.serveis-web label,#barra_corporativa #apartats-principals li.serveis_web label,#barra_corporativa #apartats_principals li.serveis-web label,#barra_corporativa #apartats_principals li.serveis_web label{display:none}
#barra-corporativa #apartats-principals a,#barra-corporativa #apartats_principals a,#barra_corporativa #apartats-principals a,#barra_corporativa #apartats_principals a{text-decoration:none}
#barra-corporativa #apartats-principals select,#barra-corporativa #apartats_principals select,#barra_corporativa #apartats-principals select,#barra_corporativa #apartats_principals select{font-family:Arial, Geneva, Helvetica, sans-serif;font-size:1.1em;color:#555;border:1px solid #a3a3a3;vertical-align:middle}
#barra-corporativa #apartats-principals input,#barra-corporativa #apartats_principals input,#barra_corporativa #apartats-principals input,#barra_corporativa #apartats_principals input{vertical-align:middle}
#barra-corporativa #site-related,#barra-corporativa #site_related,#barra_corporativa #site-related,#barra_corporativa #site_related{position:absolute;top:0;right:1em;margin:0;padding:0}
#barra-corporativa #site-related li,#barra-corporativa #site_related li,#barra_corporativa #site-related li,#barra_corporativa #site_related li{margin:0;padding:0 0 0 0.5em}
#barra-corporativa #site-related a,#barra-corporativa #site_related a,#barra_corporativa #site-related a,#barra_corporativa #site_related a{text-decoration:none}