html {
    margin: 0;
    padding:0;
  }


body {
    color : rgb(0,0,0);
    background-color : #ffffff;
    text-align:center;    
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.8em;
  }


#contorn {
    float : left;
    background-color : #f3f4f6;
    border-bottom-color : #cccccc;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    border-left-color : #cccccc;
    border-left-style : solid;
    border-left-width : 2px;
    border-right-color : #cccccc;
    border-right-style : solid;
    border-right-width : 2px;
    border-top-color : #cccccc;
    border-top-style : solid;
    border-top-width : 2px;
    padding-left : 15px;
    padding-right : 15px;
  }


#central {
    float : left;
    margin-bottom : 5px;
    margin-top : 5px;
    width : 425px;
    text-align:left;
  }


#img {
    margin-top: 10px;
    margin-left: 30px;
    text-align:left;
    float: left;
  }


#titol {
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    color : #c0230b;
    font-size : 20px;
    font-weight : bold;
    padding-bottom : 8px;
    text-align : left;
  }


#data {
    margin-top: 8px;
  }


#info {
    color : #6D6D6D;
    font-size: 13px;
    font-weight : bold;
    text-align:left;
  }


#tanca {
    float:left;
    margin-top: 15px;
    margin-left: 135px;
    width : 200px;
  }

/* the overlayed element */
div.overlay {

    /* growing background image 
    background-image:url("../imatges/white.png");*/
   background-image:url("../imatges/fons_overlay.png");

    /* dimensions after the growing animation finishes  
    width:600px;
    height:470px;*/

    text-align : center;
    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:20px;

}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url("../imatges/close.png");
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:20px;
    width:20px;
}


/* black */
div.overlay.black {
    color:#fff;
}

/* petrol */
div.overlay.apple {
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;
}


 #amplia{
}