@charset "utf-8";
.lof-snleft .lof-main-outer {
    float: right
}
.lof-snleft .lof-main-wapper {
    margin-left: auto;
    margin-right: inherit;
    clear: both;
    height: 660px
}
.lof-snleft .lof-navigator-outer {
    left: 0;
    top: 100px;
    right: inherit
}
ul.lof-main-wapper li {
    position: relative
}
.lof-snleft .lof-navigator .active {
    position: relative
}
.lof-snleft .lof-navigator li div {
    margin-left: inherit;
    width: 216px;
    background: url(../img/diseno-web-tab-default.png) no-repeat
}
ul.lof-navigator li.active span.sombra-1 {
    background: url(../img/diseno-web-tab-active-sombra-1.png);
    position: absolute;
    width: 51px;
    height: 36px;
    top: -36px;
    right: 0px;
    z-index: 100;
    display: none
}
ul.lof-navigator li.active span.sombra-2 {
    background: url(../img/diseno-web-tab-active-sombra-2.png) no-repeat;
    position: absolute;
    width: 51px;
    height: 36px;
    bottom: -36px;
    right: 0px;
    z-index: 100;
    display: none
}
.lof-snleft .lof-navigator li.active div {
    margin-left: inherit;
    margin-right: 18px;
    background: url(../img/diseno-web-tab-active.png)
}
.lof-slidecontent {
    position: relative;
    overflow: hidden;
    width: 976px;
    height: 670px
}
.lof-slidecontent .preload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    color: #FFF;
    text-align: center
}
.lof-slidecontent .preload div {
    height: 100%;
    width: 100%;
    background: transparent url(../img/disenoweb-ajax-loader.gif) no-repeat scroll 50% 50%
}
.lof-main-outer {
    position: relative;
    height: 763px;
    width: 760px;
    z-index: 3px;
    overflow: hidden;
    background: #F9F9F9;
    background: url(../img/diseno-web-main-fondo.png)
}
ul.lof-main-wapper {
    overflow: hidden;
    background: transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%;
    padding: 0px;
    margin: 0px 0px 7px 0px;
    height: 763px;
    width: 760px;
    position: absolute;
    overflow: hidden
}
ul.lof-main-wapper li {
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px 7px 0px;
    height: 763px;
    width: 760px
}
.lof-opacity li {
    position: absolute;
    top: 0;
    left: 0;
    float: inherit
}
ul.lof-navigator {
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%
}
ul.lof-navigator li {
    cursor: hand;
    cursor: pointer;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative
}
.lof-navigator-outer {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 100;
    height: 360px;
    width: 216px;
    overflow: hidden
}
.lof-navigator li.active {}.lof-navigator li:hover {}.lof-navigator li h3 {
    color: #FFF;
    font-size: 100%;
    padding: 15px 0 0!important;
    margin: 0
}
.lof-navigator li div {
    background: url(../img/transparent_bg.png);
    height: 100%;
    position: relative;
    border-top: 2px solid #F2F2F4
}
.lof-navigator li.active div {
    background: url(../img/disenoweb-tab-grad-bg.png);
    color: #9BA7AA!important
}