div.marca_titol{
    float: left;
    width: 530px;
    padding: 5px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    background: url(../img/titol_background.jpg) repeat-x;
    font-style:italic;
    color: #8C0000;
}

div.marca_informacio{
    width: 550px;
    margin: 0px 10px 5px 10px;
    text-align:justify;
}

div.marca_fotos{
    width: 550px;
    margin: 20px 10px 25px 10px;
    float: left;

}
div.marca_fotoBox{
    display: block;
    float: left;
    margin: 5px;
    height: 96px;
    width: 96px;
    border: 1px solid gray;
}

div.marca_blocDades{
    width: 162px;
    margin: 20px 10px 25px 10px;
    float: left;
}

div.marca_blocDades.amplemax{
    width: 730px;
}

div.marca_blocDades .titol{
    font-weight: bolder;
}

div.marca_blocDades ul li{
    padding: 2px 0px 2px 0px;
}

div.info_box{
    float: left;
    width: 530px;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: top right;
    color: #333;
    text-shadow: 1px 1px 4px #FFF, -1px -1px 4px #FFF;
    background-image: url(../img/bagesturisme_marcaaigua.png);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    padding: 13px 10px 5px 10px;
    clear: both;

}
div.info_box .row{
    float: left;
    width: 250px;
    height: 100px;
    margin: 2px 6px 15px 6px;
    cursor: pointer;
    overflow: hidden;

}

div.info_box div.row div.titol{
    float: left;
    width: 240px;
    font-weight: bolder;
    margin: 0px 0px 5px 5px;
    clear: both;
}

div.info_box div.row div.titol a{
    float: left;
    color: #050;
}

div.info_box .row .descripcio{
    float: left;
    margin: 0px 0px 0px 0px;
    color: #999;
    width: 170px;
    overflow: hidden;

}

div.info_box div.row div.foto{
    width: 64px;
    height: 48px;
    float: left;
    margin: 0px 5px 3px 5px;

}

div.info_box div.row div.foto img{
    width: 64px;
    height: 48px;
    float: left;
    border: 1px solid #ccc;
}
div.promocio{
    float: right;
    top: 0px;
}

div.abc{
    float: left;
    margin: 0px 0px 0px 20px;
    clear: both;
}

a.destacat{
    display: block;
    width: 180px;
    height: 120px;
    float: left;
    border: 1px solid gray;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 10px 10px 10px;
}

a.destacat div.titol{
    width: 170px;
    padding: 3px 0px 2px 10px;
    clear: both;
    min-height: 20px;
    background-color: #822;
    color: #EEE;
    font-size: 12px;
}

a.destacat div.text{
    width: 160px;
    padding: 10px 10px 0px 10px;
    clear: both;
    color: #ddd;
    text-shadow: 1px 1px 2px #000, -1px -1px 2px #000,  -1px 1px 2px #000,  1px -1px 2px #000;
    font-size: 12px;
    font-weight: bolder;
    filter: DropShadow(Color=#222222, OffX=3, OffY=-5, Positive=1);
    filter: Shadow(Color=#222222, Direction=135, Strength=3);

}