/* Fundacio Sant Joan de Deu */

/* General styles */

	
	
	/* Common elements */
	
		body {
			font-family: Arial, Verdana, sans-serif;
			margin: 0;
			padding: 0;
			color: #333;
			font-size: 10px;
			background-color: #fff;
		}

		div {
			margin: 0;
			padding: 0;
		}

		dl, dt, dd {
			margin: 0;
			padding: 0;
		}

		ul, li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		p,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			padding: 0;
			margin: 0;
			font-size: 1em;
		}
		
		img {
			border: 0;
		}

		.hidden {
            display: none;
		}
				
		p {
			color: #333;
		}
        
        a {
            color: #BB0F0F;
        }
		
		abbr,
		acronym {
			border-bottom: none;
		}
        
        
        
    /* General layout */
        
        .page-wrapper {
            background-color: #EBE9E1;
            padding-bottom: 4em;
        }
    
        .page-content {
            background-color: #fff;
            width: 98em;
            padding: 0 1px 1px 1px;
            border-left: 1px solid #DEDBD1;
            border-right: 1px solid #DEDBD1;
            border-bottom: 1px solid #DEDBD1;
            margin: 0 auto;
        }
        
        .main {
            width: 100%;
            overflow: hidden;
            background: url("/fsjd_resources/images/background-main.gif") no-repeat top center;
            position: relative;
        }
        

    /* Header */
    
        .header {       
            width: 100%;
            height: 123px;
            overflow: hidden;
            background: url("/fsjd_resources/images/background-header.jpg") no-repeat right top;
        }
    
        /* Logo */
        
            .logo {
                float: left;
                font-size: 1em;
                padding: 1.7em 3em 0 3em;
            }
            
        /* Subtitle */
        
            .header-subtitle {
                color: #BB0F0F;
                font-size: 1.8em;
                float: left;
                margin: 1em 0 0 0;
            }
            
        /* Identity */
        
            .identity {
                padding: .5em 1em;
                float: left;
                font-size: 1.1em;
            }

                .identity form {
                    display: inline;
                }
        
        /* Language selector */
        
            .LanguageSelector {
                font-size: 1.1em;
                text-align: right;
                padding: .5em 1em;
            }
            
                .LanguageSelector li {
                    display: inline;
                    border-right: 1px solid #666;
                    margin-right: .8em;
                    padding-right: .8em;
                }
                
                    .LanguageSelector li.last {
                        display: inline;
                        border-right: none;
                        margin-right: 0;
                        padding-right: 0;
                    }
                
                    .LanguageSelector li a {
                        color: #666;
                        text-decoration: none;
                    }
                    
                        .LanguageSelector li a:hover {
                            text-decoration: underline;
                        }



    /* Tool bar */
    
        .toolbar {
            float: right;
            position: absolute;
            top: .8em;
            right: 2.5em;
        }   
        
            .toolbar .edit_link {
                font-size: 1.1em;
            }
            
        .breadcrumb {            
            font-size: 1.1em;
            padding: .7em 2.5em 3em 2.5em;
        }
            
            .breadcrumb ul {
                width: 100%;
                overflow: hidden;
            }
            
                .breadcrumb ul li {
                    float: left;
                    padding-right: 1em;
                    margin-right: .5em;
                    background: url("/fsjd_resources/images/breadcrumb-li.gif") no-repeat right center;
                }
                
                    .breadcrumb ul li.last {
                        background: none;
                        margin-left: 0;
                        margin-right: 0;
                    }
                    
                    .breadcrumb ul li a {
                        color: #333;
                        text-decoration: none;
                    }
                        
                        .breadcrumb ul li a:hover {
                            text-decoration: underline;
                        }
        
        
        
    /* Main menu */
    
        .Menu {
            width: 100%;
            overflow: hidden;
            background: #333 url("/fsjd_resources/images/background-menu-li.gif") repeat-x bottom left;                
        }
        
            .Menu li {
                font-size: 1.4em;
                float: left;
            }            
                
                .Menu li.first {
                    padding-left: .8em;
                }
            
                .Menu li.selected {
                    background: url("/fsjd_resources/images/background-menu-li-selected.gif") repeat-x bottom left;
                }                    
            
                .Menu li a {
                    color: #fff;
                    display: block;
                    padding: .5em 1.2em 1.2em 1.2em;
                    text-decoration: none;
                    background: url("/fsjd_resources/images/menu-li-separator.gif") no-repeat right .7em;
                }
                
                    .Menu li.last a {
                        background: none;
                    }
                
                    .Menu li a:hover {
                        text-decoration: underline;
                    }
                    
                    
                    
    /* Search menu */
    
        .menu-area {
            position: relative;            
        }
        
            .menu-area #search-form {
                position: absolute;
                top: .8em;
                *top: .6em;
                right: 2em;
            }
            
            .menu-area #search-form * {
                vertical-align: middle;
            }

            .menu-area #search-form #search-field {
                font-size: 1.2em;
                font-family: Arial, Verdana, sans-serif;
                width: 9.55em;
                border: 1px solid #DEDCD4;
                height: 1em;
            }

            .menu-area #search-form #search-button {
                cursor: pointer;
                font-size: 1em;
                font-family: Arial, Verdana, sans-serif;
                text-transform: uppercase;
                height: 1.6em;
                margin: 0;
                padding: 0 .5em;
                background-color: #dedcd4;
                border: none;
                padding-bottom: 1px;
                width: 60px;
                *padding-bottom: 0;
            }
            
            .menu-area .Menu li.selected a {
                font-weight: bold;
            }                



    /* Footer */
    
        .footer {            
            clear: both;
            background: url("/fsjd_resources/images/background-footer.gif") no-repeat center top;
            border-top: 1px solid #fff;
            padding-bottom: 1em;
        }
        
            .footer .wrapper {
                width: 98em;
                overflow: hidden;
                margin: 0 auto;
            }
        
            .footer address {
                font-size: 1.1em;
                font-style: normal;
                margin: 1em 0 0 2.3em;
                float: left;
            }
            
                .footer address strong.company {
                    color: #BB0F0F;
                }
                
            .footer ul {
                font-size: 1.1em;
                margin: 1em 2.7em 0 0;
                float: right;
            }
            
                .footer ul li {
                    display: inline;
                    border-right: 1px solid #333;
                    margin-right: .5em;
                    padding-right: .5em;
                }
                
                    .footer ul li.last {
                        border-right: none;
                        margin-right: 0;
                        padding-right: 0;
                    }
                
                    .footer ul li a {
                        color: #333;
                        text-decoration: none;
                    }
                    
                        .footer ul li a:hover {
                            text-decoration: underline;
                        }
        
    /* Login form */

        .login_form {
            margin-top: 1.4em;
            width: 20em;
            background-color: rgb(240,240,240);
            border: 1px solid rgb(220,220,220);
            padding: 1em; 
        }

        .login_form, .login_form * {
            font-size: 9pt; 
        }

        .login_form label {
            clear: left;
            color: rgb(30,40,55);
            display: block;
            margin-bottom: 0.2em;
            font-weight: bold;
            color: rgb(50,50,50);
        }

        .login_form input {
            margin-bottom: 0.6em;
            width: 19.5em;
        }

        .login_form .buttons {
            margin-top: 0.4em;
            text-align: right;
        }

        .login_form .buttons input {
            width: auto;
        }




    /* News area */

        .right-column .highlighted-events-container,
        .right-column .highlighted-news-container {
            border: 1px solid #DEDBD1;
            padding: 1px;
            margin-bottom: 1.5em;
        }
        
            .right-column .highlighted-events-container .title,
            .right-column .highlighted-news-container .title {
                color: #BB0F0F;
                font-size: 1.2em;
                font-weight: bold;
                border-top: 2px solid #BB0F0F;
                padding: .5em .8em;
            }
            
            .right-column .highlighted-events-container .title a,
            .right-column .highlighted-news-container .title a {
                text-decoration: none;
            }
            
                .right-column .highlighted-events-container .title a:hover,
                .right-column .highlighted-news-container .title a:hover {
                    text-decoration: underline;
                }
            
            .right-column .highlighted-events,
            .right-column .highlighted-news {
                padding: 0 1em;
            }

                .right-column .highlighted-events li,
                .right-column .highlighted-news li {
                        margin-bottom: 1em;
                        padding-bottom: 1em;
                        border-bottom: 1px solid #eee;
                }
                
                    .right-column .highlighted-events li p,
                    .right-column .highlighted-news li p {
                        font-size: 1.2em;
                        line-height: 1.5em;
                    }
                
                    .right-column .highlighted-events li p.date,
                    .right-column .highlighted-news li p.date {
                        color: #666;
                        font-size: 1.1em;
                    }
                
                    .right-column .highlighted-events li img,
                    .right-column .highlighted-news li img {
                        padding: 1px;
                        border: 1px solid #DEDBD1;
                    }                        
                
                    .right-column .highlighted-events li p.item-title,
                    .right-column .highlighted-news li p.item-title {
                        font-size: 1.2em;
                        font-weight: bold;
                    }
                    
                        .right-column .highlighted-events li p.item-title a,
                        .right-column .highlighted-news li p.item-title a {
                            color: #333;
                            text-decoration: none;
                        }
                        
                            .right-column .highlighted-events li p.item-title a:hover,
                            .right-column .highlighted-news li p.item-title a:hover {
                                text-decoration: underline;
                            }
                    
                    .right-column .highlighted-events li p.read-more,
                    .right-column .highlighted-news li p.read-more {
                        font-size: 1.1em;
                    }
                        
                .right-column .more-events,
                .right-column .more-news {
                    font-size: 1.1em;
                    font-weight: bold;
                    margin-bottom: 1em;
                    margin-top: 0;
                    margin-right: 1em;
                    text-align: right;
                }




    /* Banners area */
                
        .right-column .banners,
        .left-column .banners {
        }
                    
            .right-column .banners li,
            .left-column .banners li {
                border: 1px solid #DEDBD1;
                margin-bottom: 1.5em;
            }
            
                .right-column .banners li .title,
                .left-column .banners li .title {
                    color: #FFFFFF;
                    font-size: 1.2em;
                    font-weight: bold;
                    margin: 1px 1px 0 1px;
                    padding: 0.3em .7em;
                    background: transparent url(/fsjd_resources/images/background-title-red.gif) repeat scroll left top;
                }
                
                .right-column .banners li img,
                .left-column .banners li img {
                    padding: 1px;
                    display: block;
                }
                
                .right-column .banners li .text,
                .left-column .banners li .text {
                    color: #fff;
                    font-size: 1.2em;
                    padding: .5em .7em 1em .7em;
                    background-color: #333333;
                    border: 1px solid #fff;
                    border-top: none;
                }
                
                .right-column .banners li a,
                .left-column .banners li a {
                    color: #fff;
                    text-decoration: none;
                }
                
                    .right-column .banners li a:hover,
                    .left-column .banners li a:hover {
                        text-decoration: underline;
                    }