/* APPS Assosiacio Catalana ProPersones amb Discapacitat Intelectual */
                                       
    /* Local Menu */

        .local-menu {            
            position: relative;
            width: 100%;
        }

    div.big {
        height: 27.5em;
    } 
    
    div.easy_reading_item{
        background:url("/dincat_resources/images/easy_reading_icon_home.gif") no-repeat scroll 0.7em 24em #7D7D7D;
    }
    
    div.box_easy_reading_item {
        background:url("/dincat_resources/images/easy_reading_small_icon_home.gif") no-repeat scroll 11em 8em #7D7D7D;
    }
    
        div.big .text {
            padding: 1em 1.5em;
            color: #FFF;
            overflow: hidden;
            height:11em;
        }
            div.big .text p{
                color: #FFF;
                font-size: 1.4em;
            }
            
            div.big .highlightimage {
                height: 10.8em;
                width: 21em;
            } 
            
    .prev_highlight {
        position: relative;
        display: block;
        padding: 1.5em;
        background: #FF5A00;
        text-align: center;
        margin-bottom: 1em;
    }
    
        .prev_highlight a{
            font-family: verdana;
            color: #ffffff;
            font-size:1.7em;
            font-weight: bold;
        }

    .main-content .prev_highlight {
        background: none;
        float: left;
        margin-right: 1.5em;
        width: 18em;
        padding: 1.5em 1em;
    }
    
    
        div.banner {
            margin: 0 0 1.5em;
            overflow: hidden;
            position: relative;
            width: 65.5em;
            background: #333333;
            height: 19.2em;
            display: block;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
        } 

        div.banner .banner-text,
        div.banner .text {
            float: left;
            width: 19em;
            margin:0;
            padding:0;
            padding:1em 1.5em;
            width:19.5em;
        }  
        
            div.banner .banner-text p,
            div.banner .text p {
                font-size: 1.5em;
                color: #FFFFFF;
                font-weight: bold;
                line-height:1.7em;
            }

        div.banner .banner-resource,
        div.banner .image{
            border-left: 1px solid #ffffff;
            position: relative;
            float: left;
            width: 42.6em;
            margin:0 0 0 -1px;
            padding:0;
            font-family: Arial, "Times New Roman",Times,serif;
            z-index: 0;
        }
        
        div.banner .banner-resource .fletxa,
        div.banner .image .fletxa {
            background:transparent url(../images/fletxa.png) no-repeat scroll 0 0.1em;
            height:2.2em;
            left:-0.1em;
            position:absolute;
            top:15em;
            width:2em;
        }
        
        div.banner .banner-text span,
        div.banner .text span  {
            font-size: 1.6em;
            line-height: 1.4em;
            padding: 1em 1.2em;
            display: block;
            color: #333333;
        }        
        
        /*

        div.subscription-form span.si { left: 0px;  top: 0px; }
        div.subscription-form span.sd { right: 0px; top: 0px; _right: -1px; }
        div.subscription-form span.ii { left: 0px;  bottom: 0px; _bottom: -4px; }
        div.subscription-form span.id { right: 0px; bottom: 0px; _right: -1px; _bottom: -4px; }
        
        div.banner span.si { left: 0px;  top: 0px; }
        div.banner span.sd { right: 0px; top: 0px; _right: -1px; }
        div.banner span.ii { left: 0px;  bottom: 0px; _bottom: -4px; }
        div.banner span.id { right: 0px; bottom: 0px; _right: -1px; _bottom: -4px; }        
        */
        
        div.highlight span.si,
        div.news_banner span.si,
        div.subhome_banner span.si,
        div.prev_highlight span.si,
        div.slider_subhome_banner span.si,
        div.home_banner span.si { left: 0px;  top: 0px; }
        
        div.highlight span.sd,
        div.news_banner span.sd,
        div.subhome_banner span.sd,
        div.prev_highlight span.sd,
        div.slider_subhome_banner span.sd,
        div.home_banner span.sd { right: 0px; top: 0px; }
        
        div.highlight span.ii,
        div.news_banner span.ii,
        div.subhome_banner span.ii,
        div.prev_highlight span.ii,
        div.slider_subhome_banner span.ii,
        div.home_banner span.ii { left: 0px;  bottom: 0px; }
        
        div.highlight span.id,
        div.news_banner span.id,
        div.subhome_banner span.id,
        div.prev_highlight span.id,
        div.slider_subhome_banner span.id,
        div.home_banner span.id { right: 0px; bottom: 0px; }



    .summary p {
        color: #666;
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom:1em;
    }
    
    .body p,
    .body_slot p {
        color: #666;
        font-size: 1.4em;
        margin-bottom:1em;
    }
   
    .easy_reading .summary p,
    .easy_reading .summary li,
    .easy_reading .body p,
    .easy_reading .body li,
    .easy_reading .body_slot p,
    .easy_reading .body_slot li {
        font-size:1.8em;
        line-height:1.5em;
    }
   
   div.social {  
		display:block;
        float:left;
        padding-top:0.5em;
        margin-bottom: 0.5em;
    } 
		
		div.social .markers {
            margin: 2px;
            padding: 1em 0 0;
		}
		
		div.social .markers li {
			float: left;
			margin: 0 0.2em 0 0;
        }    
    
    .left-column .events_not_available,
    .left-column .news_not_available,
    .left-column .highlighted_events,
    .left-column .highlighted_news {
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        display: block;
        border: 1px solid #cccccc;
        margin-bottom: 2em;
        position: relative;
    }
    
    .left-column .highlighted_events h2,
    .left-column .events_not_available h2,
    .left-column .news_not_available h2,
    .left-column .highlighted_news h2{
        padding: 0.7em 1em 1.5em;
        background: #FF5A00 url("/dincat_resources/images/fletxa_org_sota.png") no-repeat scroll left bottom;
        border-radius: 0.6em 0.6em 0 0;
        -moz-border-radius: 0.6em 0.6em 0 0;
        -webkit-border-radius: 0.6em 0.6em 0 0;
    }
    
    .left-column .highlighted_events h2 a,
    .left-column .events_not_available h2 a,
    .left-column .news_not_available h2 a,
    .left-column .highlighted_news h2 a {
        font-size: 1.6em;
        color: #FFFFFF;
        font-family: verdana;
    }
    
    .left-column .highlighted_events ul ,
    .left-column .events_not_available div ,
    .left-column .news_not_available div ,
    .left-column .highlighted_news ul {
        margin: 0 1.5em 1em 1.5em;
    }
    
        .left-column .highlighted_events ul li,
        .left-column .highlighted_news ul li {
            border-bottom: 1px solid #cccccc;
            padding: 1em 0;
        }

        .left-column .highlighted_events ul li.more,
        .left-column .highlighted_news ul li.more {
            border-bottom: none;
            padding: 0;            
            margin-top: .3em;
        }
        
        .left-column .highlighted_news ul li.more {
            background:url("/dincat_resources/images/easy_reading_icon_news.gif") no-repeat scroll 16.5em 0.1em transparent;
        }
        
            .left-column .highlighted_events ul li.more a,
            .left-column .highlighted_news ul li.more a{            
                background:url("/dincat_resources/images/more.png") no-repeat scroll left center transparent;
                color:#FF5A00;
                font-family:verdana;
                font-size:1.4em;
                font-weight:bold;
                padding: .5em 0 0.5em 2.1em;
            }
        
            .left-column .highlighted_events ul li span,
            .left-column .highlighted_news ul li span{
                display: block;
                overflow: hidden;
                font-size: 1.3em;
                color: #999999;
            }
            .left-column .highlighted_events ul li a,
            .left-column .events_not_available div p,
            .left-column .news_not_available div p,
            .left-column .highlighted_news ul li a{
                display: block;
                overflow: hidden;
                font-size: 1.3em;
                color: #333333;
            }
            .left-column .events_not_available div p,
            .left-column .news_not_available div p {
                padding: 1em 0;
            }
    
    /* Banners */

    img .enunminut {
        width: 13.1em; 
        height: 3.7em;
    }

    .home_banner .image img {
        width: 43em;
        height: 22em;
    }