/*LAYOUT*/
a { outline: none; }
html, body { height:100%; text-align:center; }
#container { margin:0 auto; min-height:100%; height:auto !important; height:100%; text-align:left; }
#content { postion:relative; padding:0 0 190px 0; }

/*idiomes*/
#idiomes a { text-decoration:none; }

/*simplifica*/
#simplifica { height:183px; }

/*menu*/
.menu li { list-style:none; text-align:center; font-size:11px; margin:3px 0 0 0; }
.menu li a { text-decoration:none; }
.menu li a:hover { padding-left:10px; color:#000000; background:url(../images/icones/triangle-vermell2.jpg) no-repeat left; }
.menu li a.active { padding-left:10px; color:#000000; text-decoration:none; background:url(../images/icones/triangle-vermell2.jpg) no-repeat left; }

/*ELEMENTS*/
.ombra-superior { height:20px; background:url(../images/fons/ombra-superior.jpg) no-repeat top; }
.ombra-inferior { height:20px; background:url(../images/fons/ombra-inferior.jpg) no-repeat bottom; }
.ombra-superior2 { height:20px; background:url(../images/fons/ombra-superior2.jpg) no-repeat center top; }
.ombra-inferior2 { height:20px; background:url(../images/fons/ombra-inferior2.jpg) no-repeat center bottom; }

/*PEU*/
#peu { position:relative; height:180px; margin:-182px auto 0 auto; background: url(../images/fons/peu.jpg) repeat-x bottom left;  }
#peu .link-contacta { margin:0 0 10px 0; padding-left:15px; text-decoration:none; background:url(../images/icones/contacta.jpg) no-repeat top left; }

/*FORMULARI*/
input, textarea { width:100%; border:1px solid #d1d1d1; background:url(../images/fons/fons-input.jpg) repeat-x top left; }
label { color:#cb0000; font-weight:bold; }
input {  }
textarea { height:80px; }

/*PLAYLIST*/
.playlist a { float:left; margin-right:5px; padding:2px; *padding-bottom:0; border:1px solid #000000; }