@charset "UTF-8";

/*<![CDATA[*/

/*------------------------------------------------------------------
[Index Stylesheet]

Project:        Bodegas Santa Marta
Version:        1.0
Last modified:  07/12/2010
Author:         julian@reinadecorazones.es
-------------------------------------------------------------------*/

#header{
    height:392px;
}

#heading{
    height:375px;
}
    #no_flash_codec{
        height:320px;
    }
    #links_vinos_aceites{
        margin:-53px 0 0 7px;
    }
        #link_vinos, #link_vinos_en{
            width:67px;
            height:23px;
            margin-bottom:4px;
            background:transparent url('/images/sprites.png') 0 -103px no-repeat;
        }
        #link_vinos:hover{
            background:transparent url('/images/sprites.png') 0 -127px no-repeat;
        }
        #link_vinos_en{
            background:transparent url('/images/sprites.png') 0 -312px no-repeat;
        }
        #link_vinos_en:hover{
            background:transparent url('/images/sprites.png') 0 -336px no-repeat;
        }
        #link_aceites, #link_aceites_en{
            width:75px;
            height:23px;
            background:transparent url('/images/sprites.png') 0 -151px no-repeat;
        }
        #link_aceites:hover{
            background:transparent url('/images/sprites.png') 0 -175px no-repeat;
        }
        #link_aceites_en{
            background:transparent url('/images/sprites.png') 0 -360px no-repeat;
        }
        #link_aceites_en:hover{
            background:transparent url('/images/sprites.png') 0 -384px no-repeat;
        }
        #links_vinos_aceites a{
            display:block;
            width:100%;
            height:100%;
        }
            #links_vinos_aceites a span{
                display:none;
            }

#contents{
    margin:0 7px 20px 7px;
    border-top:4px solid #232323;
}
    .destacados_portada{
        position:relative;
        float:left;
        width:327px;
        height:320px;
        cursor:pointer;
        overflow:hidden;
    }
        .destacados_portada .title_bar{
            height:18px;
            margin-top:7px;
            background-color:#232323;
        }
        .destacados_portada:hover .title_bar{
            background-color:#e22121;
        }
        
        .destacados_portada .destacado_arrow{
            position:absolute;
            bottom:10px;
            right:15px;
            width:14px;
            height:18px;
            background:transparent url('/images/sprites.png') -45px -40px no-repeat;
        }
        .destacados_portada a{
            display:none;
        }
        .destacados_portada .destacado_decorator{
            position:absolute;
        }
        #decorator_left{
            top:7px;
            left:16px;
            width:18px;
            height:18px;
            background:transparent url('/images/sprites.png') 0px -80px no-repeat;
        }
        #decorator_right{
            top:5px;
            right:15px;
            width:23px;
            height:23px;
            background:transparent url('/images/sprites.png') -19px -80px no-repeat;
        }
        
    #destacado_left{
        background:transparent url('/images/index/bg_enotienda.jpg') 15px 201px no-repeat;
    }
        #destacado_left .title_bar{
            margin-right:40px;
        }
        #destacado_left .title_text{
            padding-top:6px;
            color:#000;
            font-size:5em;
            font-weight:bold;
            white-space:pre-line;
            letter-spacing:-.075em;
            line-height:.9;
        }

    #destacado_center{
        border-left:2px dashed #666;
        border-right:2px dashed #666;
        background:transparent url('/images/index/bg_destacado.jpg') 0 33px no-repeat;
    }
        #destacado_center .title_bar{
            margin:7px 50px 0 50px;
            padding:0 0 0 4px;
            color:#fff;
            font-size:1.2em;
            font-family:Georgia;
            font-style:italic;
        }
        #destacado_center .title_text{
float: right;
margin: 23px 59px 0 0;
margin-left: 65px;
padding-left: 30px;
        }
            #destacado_center .title_text .name{
                font-size:1.75em;
                color:#000;
                font-weight:bold;
            }
            #destacado_center .title_text .class{
                font-size:1.75em;
                color:#999;
                font-weight:bold;
            }
            #destacado_center .title_text .variety{
                font-size:1.1em;
                font-weight:bold;
                color:#000;
            }
            #destacado_center .title_text .year{
                font-size:1.2em;
                font-weight:bold;
                color:#000;
            }
            #destacado_center .title_text .intro{
                width:150px;
                font-size:.95em;
                color:#999;
            }
    #destacado_right{
        
    }
        #destacado_right .title_bar{
            margin:7px 20px 3px 20px;
        }
        #destacado_right .title_text{
            margin-left:31px;
            font-size:5em;
            font-weight:bold;
            line-height:.9;
            letter-spacing:-.075em;
            color:#232323;
        }        
        .news_wrapper{
            position:relative;
            padding:0 15px 0 35px;
        }
            .news_arrow{
                position:absolute;
                top:2px;
                left:10px;
                width:15px;
                height:15px;
                background:transparent url('/images/sprites.png') -45px 0 no-repeat;
            }
            .news_title{
                margin:15px 0 2px 0;
                font-weight:bold;
            }
            .news_date{
                font-weight:bold;
                font-size:.85em;
                color:#e22121;
            }
            .news_image{
                width:255px;
                height:135px;
                margin:6px 0 8px 0;
                border:4px solid #efefef;
            }
                .news_image img{
                    width:255px;
                    height:135px;
                }
            .news_footer{
                width:255px;
                padding:0 4px;
                color:#999;
            }
/*]]>*/