/*Escaparate Oceano*/
#escaparate
{
    height: 350px;
    width: 600px;
}
#escaparate div.navi
{
    cursor: pointer;
    height: 12px;
    float: right;
}
#escaparate div.navi a.active
{
    background-position: -8px 0;
}
#escaparate div.navi a
{
    background: url("../img/bullets.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 1px;
    height: 14px;
    margin: 3px 13px 3px 0;
    width: 14px;
    background: url("../img/bulletsmini.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    margin: 3px 0 3px 3px;
    width: 8px;
}
.scrollable
{
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 295px;
}
.scrollable .items
{
    width: 20000em;
    position: absolute;
    clear: both;
}
.item
{
    float: left;
    cursor: pointer;
}

/*Carrusel Blogs*/
#bannerblogs
{
    clear: both;
    height: 140px;
    margin-left: 65px;
    padding: 0 25px;
    position: relative;
    width: 728px;
}
.scrollableblogs
{
    height: 105px;
    overflow: hidden;
    position: relative;
    width: 728px;
}
.scrollableblogs .blogs
{
    width: 20000em;
    position: absolute;
    clear: both;
}
.blog
{
    float: left;
    cursor: pointer;
    height: 90px;
    width: 728px;
}
#bannerblogs a.disabled
{
    cursor: pointer;
    display: none;
}
#bannerblogs a.next
{
    cursor: pointer;
    background: url(../img/btnDerBannerAbajo.png);
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
}
#bannerblogs a.prev
{
    cursor: pointer;
    background: url(../img/btnIzqBannerAbajo.png);
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
}

/*Escaparate Categorias*/
#cat-escaparate
{
    height: 222px;
    width: 880px;
    position: relative;
    background: #343642;
    padding: 10px 5px 0 5px;
    margin: 0 auto 35px auto;
    
    height: 232px;
    width: 900px;
    padding: 10px 5px 0 5px;
    margin: 0 auto 35px auto;
}

#cat-scrollable
{
    position: relative;
    overflow: hidden;
    width: 890px;
    height: 222px;
    
    margin: 0 0 15px 10px;
    width: 880px;
}
#cat-scrollable .cat-items
{
    width: 20000em;
    position: absolute;
    clear: both;
}
#cat-scrollable .cat-items .page
{   
    width: 900px;
    height: 210px;
    display: block;
    float: left;
}
#cat-scrollable .cat-obra
{
    border-bottom: 1px dotted #D9DDCE;
    border-top: 1px dotted #D9DDCE;
    cursor: pointer;
    display: block;
    float: left;
    height: 210px;
    margin-right: 14px;
    position: relative;
    width: 135px;
}
#cat-scrollable .cat-obra a.portada
{
    bottom: auto;
    height: 215px;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 135px;
    text-align: center;
}
#cat-scrollable .cat-obra a.portada img
{
    padding: 5px 0px 5px 0px;
    max-height: 200px;
    max-width: 135px;
    height: 200px;
}
#cat-scrollable .cat-obra a
{
    color: #D9DDCE;
    font-size: 10px;
    text-align: left;
    display: block;
    height: 40px;
    text-transform: uppercase;
    width: 135px;
}
#cat-escaparate div.navi
{
    cursor: pointer;
    height: 20px;
    float: right;
}
#cat-escaparate div.navi a.active
{
    background-position: -8px 0;
}
#cat-escaparate div.navi a
{
    background: url("../img/bulletsmini.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    margin: 0 0 0 3px;
    width: 8px;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */