@import "default";

h4{
    padding-bottom:20px;
}
h4,h4>a{
    .open(14px,@blue,700);
    font-weight:700;
    text-decoration:none;
}

.separator{
    width:100%;
    height:2px;
    display:block;
    position:relative;
    clear:both;
}
.products_categories{
    display:block;
    position:relative;
    ul{
        display:block;
        position:relative;
        margin-bottom:30px;
        li{
            display:block;
            position:relative;
            a{
                text-decoration:none;
                .open(14px,@blue,700);                
                background:url(../img/sombra/grid-4.png) no-repeat center bottom;
                padding-bottom:20px;
                display:block;
                position:relative;
            }
            ul{
                display:block;
                position:relative;
                margin:0;
                li{
                    padding:0;
                    margin:0;
                    background:initial;
                    a{
                        .verdana(11px,#555,normal);
                        padding:5px 0 5px 20px;                        
                        background:url('../img/icon-item.png') no-repeat left center;
                    }
                    ul{
                        padding-left:20px;
                        li{
                            a{
                                background:url('../img/icon-subitem.png') no-repeat left center;
                            }
                        }
                    }
                }
            }
        }
    }
}

.downloads-sidebar{
    .font;
    ul ul{
        z-index:9999;
        margin-left:30px;
        background: @blue;
        position: absolute;
        top:0;
        right:-150px;
        width:150px;
        display:none;
        
        li{
            margin:0;
            padding:0;
            a{
                padding:10px;
            }
            &:hover>a{
                background:@mid-blue;
            }
        }
        
        a{
            color:#FFF;
            display:block;
            text-decoration: none;
        }
    }
    
    li{
        position:relative;
        display:block;
        padding:5px;
        float:left;
        width:150px;
        cursor:pointer;
        clear:both;
    }

    &>ul{
        li{
            padding:10px;
            &:hover{
                background:@mid-blue;
                &>ul{
                    display:block;
                }
                a{
                    color:#FFF;
                }
            }
        }
        a{
            color:#333;
            text-decoration:none;
        }
        &>li>a{
            width:150px;
            display:block;
        }
    }
}

.container.files{
    
    a{
        width:180px;
        float:left;
        padding:20px;
        margin:5px;
        border:1px solid #CCC;
        .border-radius;
        padding-left:75px;
        background-color:#EEE;
        background-image:url(../img/extensions/empty.png);
        background-repeat:no-repeat;
        background-position:10px center;
        color:#777;
        .font;
        text-decoration:none;
        
        &.pdf{ background-image:url(../img/extensions/pdf.png); }
        &.xls{ background-image:url(../img/extensions/xls.png); }
        &.xlsx{ background-image:url(../img/extensions/xls.png); }
        &.doc{ background-image:url(../img/extensions/doc.png); }
        &.docx{ background-image:url(../img/extensions/docx.png); }
        &.rar{ background-image:url(../img/extensions/rar.png); }
        &.jpg{ background-image:url(../img/extensions/jpg.png); }
        &.jpeg{ background-image:url(../img/extensions/jpg.png); }
        &.gif{ background-image:url(../img/extensions/gif.png); }
    }
    
    a span{
        display:block;
        &.size{
            font-size:10px;
        }
    }
    
    a:hover{
        background-color:@blue;
        color:#FFF;
    }
    
}