/* CSS Document */
p.estil_grups{
	padding: 0;
	float: left;
	border: none;
	width: 164px; 
	#width: 162px; 
	font-size: 9px;
	background:#000000;
	color:#589d14;
	text-align: center;
	text-transform:uppercase;
	
}
#container { 
  padding-top: 0px;
  border-top:1px solid #1b2e0b; 
  }
#container #col_esq ul#menu {
	float: left;
	padding-bottom: 5px;
/*	width: 306px;*/
width: 225px;
}
#container #col_esq ul#menu  li {
	padding: 4px 0;
	/*width: 306px;*/
	width: 225px;
  border-bottom:1px solid #1b2e0b; 
}

#container #col_esq ul#menu  li a {
	display: block;
	/*width: 300px;*/
	
	width: 221px;
	padding: 2px 0 2px 6px;
	font-size: 16px;
	font-weight: bold;
	background: url(../imatges/fondos/fletxa.png) 218px 9px no-repeat #132104;
	color: #FFFFFF;
}

#container #col_esq ul#menu  li a:hover, #container #col_esq ul#menu  li a.actual {
	background: url(../imatges/fondos/fletxa_ov.png) 218px 9px no-repeat #589d14;
}
#container #col_dret ul#llista_grups  {
	float: left;
padding-bottom: 15px;
padding-left: 5px;
padding-top:5xp;
}
#container #col_dret ul#llista_grups  li {
	float: left;
	width: 170px;
	margin: 2px 6px 4px 2px;
}
#container #col_dret ul#llista_grups  li  a p {
	display:none;
	
}
#container #col_dret ul#llista_grups  li   p.estil_grups{
display: block;
	padding: 0;
	float: left;
	border: none;
	font-size: 9px;
	background:#000000;
	color:#589d14;
	text-align: center;
	text-transform:uppercase;
	border: solid 1px #132104;
	width: 168px;
	
}
#container #col_dret ul#llista_grups  li a{
	float: left;
	border: none; 
	padding: 2px;
	padding-bottom: 5px;
	background:#132104;
	text-align: center;
	text-transform:uppercase;
	color:#FFFFFF;
	
}
#container #col_dret ul#llista_grups  li a:hover{

	background:#589d14;
	color:#FFFFFF;
}
#container #col_dret ul#llista_grups  li a img{
	margin: 15px 10px 2px 10px;
	border: solid 1px #132104; 
	
}
#container #col_dret ul#llista_grups  li a:hover{

	background:#589d14;
	color:#FFFFFF;
}#container #col_dret ul#llista_grups  li  a:hover p.estil_grups{

	background:#132104;
	color:#FFFFFF;
}
/******************* COL DRET **************************/
#container #col_dret ul#grups  {
	float: left;
	
	/*width: 464px;*/
	width: 540px;;
	margin-bottom: 15px;
	padding-top: 5px;
}
#col_dret ul#grups li  {
	float: left;
	padding-top: 4px;
	
	/*width: 464px;*/
	width: 540px;;
	padding-bottom: 10px;
	margin-bottom:10px;	
  	border-bottom:1px solid #1b2e0b; 
}
#container #col_dret ul#grups li img{
	float: left;
	width: 235px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#container #col_dret ul#grups li  h1{
	clear: both;
	float: left;
	border: none;
	width: 230px;
	color:#FFFFFF;
	/*width: 460px;*/
	width: 535px;
	padding: 2px 0 2px 5px;
	margin: 0;
	margin-bottom: 4px;
	font-size:16px;
	background: #589d14;
	text-transform:capitalize;
}
#container #col_dret ul#grups li  h2{
	border: none;
	color:#FFFFFF;
	padding: 2px 0px 2px 8px;
	margin: 2px 0;
	font-size:14px;
	background: #192c06;
	margin-bottom: 4px;
}
#container #col_dret ul#grups li a.web {
	display: block;
	text-align: center;
	float: left;
	padding: 2px 0px;
	padding-right: 10px;
	font-size:12px;
	margin-top: 5px;
	/*width: 455px;*/
	width: 535px;
	color: #FFFFFF;
	background: #39660d;
	margin: 1px 0px;
}

#container #col_dret ul#grups li a.dossier {
	display: block;
	text-align: center;
	float: left;
	padding: 2px 0px;
	padding-right: 10px;
	font-size:12px;
	margin-top: 5px;
	/*width: 455px;*/
	width: 535px;
	color: #FFFFFF;
	background: #192c06;
	margin: 1px 0px;
}
#container #col_dret ul#grups li a:hover, #container #col_dret ul#grups li a.dossier:hover{
	background: #589D14;
	color:#ffffff;
}
#container #col_dret ul#grups  ul {
	float: left;
	padding-bottom: 5px;
	/*width: 465px;*/
	width: 535px;
	margin-top: 5px;
  	border-top:1px solid #1b2e0b; 
}
#container #col_dret ul#grups li ul li {
	padding: 5px 0px 2px 15px;
	/*width: 450px;*/
	width: 525px;
  	border-bottom:1px solid #1b2e0b; 
	margin: 0;
	color: #FFFFFF;
	background: url(../imatges/fondos/fletxa.png) 2px 6px no-repeat;
}

#container #col_dret ul#grups li ul li ul.accions_disc {
	float: right;
	width: 250px;
	padding:0;
	margin: 1px 0px;
/*	#margin-top:-16px;*/
#margin-top:-16px;
	border: none;
}

#container #col_dret ul#grups li ul li ul.accions_disc li{
	float: right;
	width: 125px;
	padding:0px;
	background: none;
	border: none;
	margin: 0;
}
#container #col_dret ul#grups li ul li ul.accions_disc li a{
	display: block;
	float: right;
	text-align: center;
	padding:2px 0px;
	margin: 0px;
	width: 120px;
	border: none;
	background:#192c06;
	font-size: 9px;
	color: #FFFFFF;
}
#container #col_dret ul#grups li ul li ul.accions_disc li a.descarregar {
	background: url(../imatges/fondos/fletxeta_ov.png)  105px 5px no-repeat #192c06;
}
#container #col_dret ul#grups li ul li ul.accions_disc li a.descarregar:hover {
	background: url(../imatges/fondos/fletxeta_ov.png)  105px 5px no-repeat #589D14;}
#container #col_dret ul#grups li ul li ul.accions_disc li a:hover {
	background:#589D14; 
	}

#container #col_dret ul#grups  ul li .data {
	width: 50px;
	padding: 1px 8px;
	background: #626461;
	text-align: center;
}
/************************ 	ESPECTACLES ******************/

#container #col_dret ul#grups li a.espectacle_dossier {
	display: block;
	text-align: right;
	float: right;
	padding: 2px 0;
	padding-right: 10px;
	font-size:10px;
	/*width: 220px;*/
	width: 255px;
	color:#589d14;
	margin: 1px 0px;
	background: url(../imatges/fondos/fletxeta.png)  right 6px no-repeat #192c06;
	
}

#container #col_dret ul#grups li a.video {
	display: block;
	text-align: left;
	float: left;
	padding: 2px;
	padding-left: 15px;
	font-size:10px;
	/*width: 215px;*/
	width: 255px;
	color:#589d14;
	margin: 1px 0px;
	background: url(../imatges/fondos/video.png) 2px 5px no-repeat #192c06;
	
}
#container #col_dret ul#grups li a.espectacle_dossier:hover {
	background: url(../imatges/fondos/fletxeta_ov.png) right 6px no-repeat #589D14;
	color: #FFFFFF;
	
}#container #col_dret ul#grups li a.video:hover {
	background: url(../imatges/fondos/video_ov.png) 2px 5px no-repeat #589D14;
	color: #FFFFFF;
	
}