html, body, div { padding: 0; margin: 0 }
html { height: 100%; }
body { height: 100%; }

#container { position: relative; min-height: 100%; width:100%;}
* html #container { height: 100%; }


#footer { position: relative; clear: both; padding: 0px 0; border-top: 1px; margin-top: -131px; color:#ff0000; }
#footer { width: 100%; text-align: center; font-size: 0.9166em; font-weight: bol
d; }

body {
/* background:#fff; */
 font-family:Arial,Helvetica,Sans-serif;
 font-size:12px;
 color:#191919;
 margin:0;padding:0;
 text-align:center;
 line-height:18px;
}

div.imatgeprincipal
{
	padding: 7em 0em 2em 0em;
}

/* BARRA SUPERIOR (FACEBOOK GROUP) */
div.titolsGrans {
        background: #4d4d55;
	background: #6bba70; 
/*    margin: -15px 5px 1em 0px; */
    padding: 0.1em 0.7em 0.1em 1.7em;
        width:100%%;
        height:54px;
        color: #ffffff;
        font-weight:bold;
        font-family: "verdana", courier, monospace;
        font-size: 28px;
        vertical-align:middle;
        text-align:left;
line-height: 37px;
}

div.titolsGrans a{
   text-decoration:none;
   color:#888888;
   color:#ffffff;
}

div.titolsGrans a:hover{
        color:#ffffff;
	color:#888888;
}

div.griset {
	color:#888888;
	font-size:28px;
	padding: 0em 0em 2em 0em;
}

div.superior {
        background: #6bba70;
/*    margin: -15px 5px 1em 0px; */
    padding: 0.1em 0.7em 0.1em 1.7em;
        width:100%%;
        height:24px;
        color: #ffffff;
        font-weight:bold;
        font-family: "verdana", courier, monospace;
        font-size: 12px;
        vertical-align:middle;
        text-align:left;
}

div.superior a{
   text-decoration:none;
   color:#ffffff;
}

div.superior a:hover{
        color:#888888;
}