/* APPS Assosiacio Catalana ProPersones amb Discapacitat Intelectual */
    
    div.highlight a:hover{
        text-decoration: none;
    }
    
    div.highlight a{
        color: #FFFFFF;
    }
    
    div.prev_subscribe,
    div.home_banner,
    div.subhome_banner,
    div.map_banner,
    div.news_banner,
    div.highlight{
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        position:relative;
    }
    
    div.slider_subhome_banner{
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
    }
    
    div.prev_subscribe {
        margin-bottom: 2em;
        padding-top: 0.2em;
        height: 4.8em !important;
    }

    div.highlight span.si,
    div.prev_subscribe span.si { left: 0px;  top: 0px; }
    div.highlight span.sd,
    div.prev_subscribe span.sd { right: 0px; top: 0px; _right: -1px; }
    div.highlight span.ii,
    div.prev_subscribe span.ii { left: 0px;  bottom: 0px; _bottom: -4px; }
    div.highlight span.id,
    div.prev_subscribe span.id { right: 0px; bottom: 0px; _right: -1px; _bottom: -4px; }
    
    
    div.highlight {
        position: relative;
        width: 21em;
        float: left;
        background: #7D7D7D;
        margin: 0 1.1em 1em 0;
    }
    
    div.highlight .more-info {
        position: absolute;
        bottom: 0.5em;
        right: 0.5em;
    }
    
    div.big {
        height: auto;
    } 
    
        div.big .text {
            padding: 1em 1.5em 3em;
            color: #FFF;
            overflow: hidden;
            height:auto;
        }
            div.big .text p{
                color: #FFF;
                font-size: 1.4em;
            }
            
            div.big .highlightimage {
                height: 10.8em;
                width: 21em;
            }  

    div.text {
        /* height: 27.5em; */
    } 
    
        div.text .text {
            padding: 1em 1.5em;
            color: #FFF;
            overflow: hidden;
            height: 22em;
        }
            div.text .text p{
                color: #FFF;
                font-size: 1.4em;
            }
            
            div.text .highlightimage {
                height: 10.8em;
                width: 21em;
            }
    
    div.small {
        height: 10.8em;
        margin-right: 0;
    }
    
    div.image-right div.small {
        margin-right: 1.1em;
    }
    
        div.small .text {
            color: #FFFFFF;
            font-size: 0.8em;
            height: 12em;
            overflow: hidden;
            padding: 0.5em 0 0.5em 0.5em;
            width: 9em;
        }
            div.small .text p{
                color: #FFF;
                font-size: 1.4em;
            }
        
        div.small .highlightimage {
            height: 10.8em;
            width: 11em;
            float: left;
        }
   
    
    div.image {
        height: 5em;
        background: #FF5A00;
    }


        div.image span {
            font-size: 1.2em;
            color: #FFF;
            font-weight: bold;
            text-align: center;
            display: block;
        }

            div.image form {
                margin-top: 0.5em;
                display: block;
                text-align: center;
                color: #fff;
            }
            
                div.image form input {
                    font-size:1em;
                    width:11em;
                }
                
                div.image form input[type="submit"]{
                    width: 1em;
                }


    div.image-right div.image {
        margin-right: 0;
    }
     
    div.lateral div.image {
        margin-bottom: 3em;
    }
    
    div.map_banner #map,
    div.subhome_banner .image img,
    div.slider_subhome_banner .image img,
    div.home_banner .image img{
        border-radius: 7px 0px 0px 7px;
        -moz-border-radius: 7px 0px 0px 7px;
        -webkit-border-radius: 7px 0px 0px 7px;
    }
    
    div.news_banner .image img{
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
    }
    
    div.home_banner,
    div.subhome_banner,
    div.news_banner {
        height:22em;
        margin:0 0 1.5em;
        overflow:hidden;
        position:relative;
        width: 65.5em;
        background:#FF5A00;
    }
    
    div.home_banner{
        background:#7D7D7D;
    } 
    
    div.home_banner {
        margin: 0 0 1.5em;
    }
    
    div.news_banner {
        margin:1em 0 1.5em;
    } 
    
    div.slider_subhome_banner{
        margin:0em;
        height:22em;
        overflow:hidden;
        width: 65.5em;
        background:#FF5A00;
    }
    
        div.slider_subhome_banner .text{
            margin: 0;
            font-size: 1.5em !important;
            width: 41.5em;
            border-right: 1px solid #fff;
            padding: 15.8em 1em 1em 1em;
        }

        div.home_banner .text,
        div.subhome_banner .text,
        div.news_banner .text {
            float: left;            
            width: 16.3em;
            font-size: 1.2em;
            margin: 0;
            padding: .9em;
            border-right: 1px solid #fff;
        }  
        
        
        div.home_banner .text,
        div.slider_subhome_banner .text,
        div.subhome_banner .text{
            border-right: none;
            color: #FFFFFF;
            font-weight: bold;
            font-size: 1.2em;
            line-height: 1.7em;
        }
        
            div.home_banner .text p,
            div.slider_subhome_banner .text p,
            div.subhome_banner .text p,
            div.news_banner .text p {
                font-size: 1.25em;
                color: #FFFFFF;
                line-height:1.7em;
                line-height: 1.4em;
                padding: 0;
                display: block;
            }

            
        div.home_banner .banner-resource,
        div.slider_subhome_banner .banner-resource,
        div.subhome_banner .banner-resource,
        div.news_banner .banner-resource {
            border-left: 1px solid #ffffff;
            position: relative;
            float: left;
            width: 40.9em;
            margin:0 0 0 -1px;
            padding:0;
        }
        

            div.home_banner .banner-resource .fletxa,
            div.slider_subhome_banner .banner-resource .fletxa,
            div.subhome_banner .banner-resource .fletxa,
            div.news_banner .banner-resource .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.home_banner .image,
            div.slider_subhome_banner .image,
            div.subhome_banner .image,
            div.news_banner .image{
                border-left: 1px solid #ffffff;
                position: relative;
                float: left;
                width: 43em;
                margin:0 0 0 -1px;
                padding:0;
                font-family: Arial, "Times New Roman",Times,serif;
                z-index: 0;
                background: none;
                height: auto;
            }

            div.slider_subhome_banner .image {
                position: absolute;
                height: 23em !important;
                width: 65.5em !important;
            }
        
            
            div.home_banner .enunminut {
                bottom: 0.5em;
                left: 43.5em;
                position: absolute;                
            }
            
            div#banner_pager {
                vertical-align: middle;
            }
            
                div#banner_pager * {
                    display: inline-block;
                    vertical-align: middle;
                }
                
                div#banner_pager .separator {
                    margin: 0 .3em;
                }

