*
{
    margin:0px;
    padding:0px;
}

header,section, footer, aside, nav, article, figure, figcaption, hgroup
{
    display:block;
}

body
{
    width:100%;
    /*text-align:center;*/
    position: relative;
    font-family: Calibri;
    /*background-color: #FFFFCC;*/
    overflow-y:scroll;
  
}

#a {
    text-decoration:none;
}

/*#agrupar
{
    margin:0px auto;
    text-align:left;
    background-color:white;
    border:1px solid silver;*/
    /*ombra de la finestra*/
    /*-moz-box-shadow: 0 0 10px #4e707c;
    -webkit-box-shadow: 0 0 10px #4e707c;
    box-shadow: 0 0 10px #4e707c;*/


/*}*/

#capçalera
{
    width:100%;
    /*display:inline;*/
    background-color:white;

}

#logocapçalera
{
    /*position:relative;*/
    border-width: 0px;
    display:inline;
    background-color: inherit;
    width: 250px;
    /*height: 150px;*/
}
      
#facebook
{
    /*position:relative;*/
    display:inline;
    /*top:-35px;*/
    /*left:260px;*/
    width:200px;
    padding: 1px;
}

#dadescapçalera
   
{  
     /*position:relative;*/
     display:inline;
     /*clear:right;*/

    font-family:Calibri;
    font-size:small;
    /*width:300px;*/
    padding: 20px 20px 0px 0px;
    
    float:right;
    /*padding-right:10px;*/
}


#columna
{
    clear:left;
	float: left;
	width: 18%;
    padding:2% 1%;
   
}

#seccio
{   
    
	clear: right;
	float: left;
	width: 78%;
    padding:2% 1%;
    /*border:1px solid silver;*/
}

#peu
{
    clear:left;
    text-align:center;
    height:50px;
    font-size: small;
    border:none;
    /*border-width:1px;
    border-color:silver;
    border-left:none;
    border-right:none;*/
    background-color:#396638;
}

#menunavegacio
{
    font-size: small;
    position: relative;
    top: 0px;
    padding:5px 2px;
    background-color:#396638;
}

/*Dades de capçalera ********************************************* */

td.Capçalera_Cela_Central
{
    border-style: solid;
    border-width: 0px;
    background-color: inherit;
    width: 20%;
    height:auto;
    padding: 2px 2px 2px 10px;
    vertical-align: bottom;
}

td.Capçalera_Cela_Dades
{
    border-style: solid;
    border-width: 0px;
    background-color: inherit;
    width: auto;
    text-align: right;
    vertical-align: bottom;
    padding: 2px 7px 2px 2px;
    height:150px;
}

.PanelDades
{
    color: brown;
    width: auto;
    height: auto;
    position: relative;
    left: 0px;
    vertical-align: bottom;
    text-align: left;
    float: right;
}

.BtnMenu
{
    position:relative;
    top:1px;
    left:2px;
    background-color:#BA581A;
    border-style:Solid;
    border-width:1px;
    font-family:inherit;
    font-size:small;
    color:White;
    Height:25px;
    Width:110px;
    cursor:pointer;
}

.GridLlista
{
    position:relative;
    float:left;
    /*clear:right;*/
    background-color:white;
    width:100%;
    /*border:solid 1px black;*/
    overflow-x:auto;
    /*padding: 10px 0px 0px 0px;*/
}

.GridPresentacio
{
    color:#213B8A;
    background-color:#213B8A;
    border-color:#213B8A;
    border-style:solid;
    border-width:1px;
    Font-Size:Medium;
    Width:auto;
    font-family:'Roboto';
    /*overflow-x:auto;*/
}

.MarcPromocioLlista {

    position:relative;
    float:left;
    box-sizing:border-box;
    left:3%;
    width:40%;
    margin:2%;
    height:200px;
    cursor:pointer;
    /*min-height:500px;*/
    border:solid 2px darkgrey;
    /*margin:auto;*/
    /*overflow:hidden;*/ 
    /*text-align:center;*/
}

.MarcPromocioLlista:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        /*transition: all 3s ;*/
}

.MarcTextPromoLlista {

    position:absolute;
    left:0;
    top:0;
    box-sizing:border-box;
    width:100%;
    height:auto;
    padding:10px;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
    text-align:center;
}

.NomPromoLlista {
    position:relative;
    color:#FFFF99;
    font-size:1.2rem;
    font-family:Calibri;
    font-weight:bold;

}

.TextPromoLlista {
    position:relative;
    color:white;
    font-size:1.2rem;
    font-family:Calibri;
    font-weight:bold;

}

.MarcImatgePromoLlista {

    position:absolute;
    left:0;
    /*top:0;*/
    box-sizing:border-box;
    width:100%;
    height:100%;
    z-index:-1;
    /*vertical-align:middle;*/
    /*margin:0 auto;*/
        /*clear:both;*/
    /*background-color:green;*/ 

}

.ImatgePromoLlista {

    position:absolute;
    width:100%;
    left:0;
    /*bottom:0;*/
    height:100%;
        /*border:solid 3px yellow;*/
    /*background-color:rgba(0,0,0,0.3);*/

}


.MarcFrasePromo {

    position:relative;
    box-sizing:border-box;
    width:100%;
    height:auto;
    font-family:Calibri;
    border:solid green;
    border-width:2px 0;
    margin:0 0 20px 0;
}

.MarcDescripcioPromo {

    position:relative;
    box-sizing:border-box;
    width:100%;
    height:auto;
    font-family:Calibri;
}


.NomPromo {
    position:relative;
    color:Green;
    font-weight:bold;
    font-size:1.5rem;
    text-transform:uppercase;
}

.TextPromoFrase {
    position:relative;
    color:#444444;
    font-weight:bold;
    font-size:1.2rem;

}

.TextPromoDescripcio {
    position:relative;
    float:left;
    margin:20px 0 0 0 ;
    color:#555555;
    font-size:1rem;
}


.ImatgePromo {

    position:relative;
    /*left:0;
    top:0;*/
    width:auto;
    height:100%;
}


.MarcImatge2Promo {

    position:relative;
    float:left;
    box-sizing:content-box;
    width:32%;
    height:150px;
    line-height:150px; /*serveix per alinear la imatge verticalment*/
    margin:10px 1% 0 0;
    overflow:hidden;
    text-align:center;
    align-items:center;
    /*background-color:lightgrey;*/

    border:solid 1px darkgrey;
    /*padding:5px;*/
}

.Imatge2Promo {

    position:relative;
    box-sizing:border-box;
    height:auto;
    width:100%;
    margin:0;
    vertical-align:middle;
}