/* CSS Document */

/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/

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

body, input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	line-height:100%;
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
}
a {
	text-decoration:none;
}
a:hover {
	color:#fff;
}

/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/

body { 
	text-align:center;
	height:100%;
	background:#000;
	color:#bbb;
}
.contenidor {
	margin:auto;
	text-align:left;
	font-size:0.75em; /* 12/16 */
	line-height:1.4em;
	width:940px;
	height:100%;
	padding-left:5px;
}
.fons {
	position:absolute;
	height:100%;
	background:#000;
	top:0px;
	width:940px;
	z-index:-2;
}
.fons div {
	background:#000;
	width:940px;
	height:200px;
}

.capcalera {
	padding-top:14px;
	height:122px;
	*padding-left:385px;
	padding-left:395px;
}
.capcalera p {
	position:absolute;
	margin-left:-395px;
	_margin-left:-385px;
	padding-top:26px;
}
.capcalera p a {
}

.contingut {
	clear:both;
}
#text_normal {
text-align: justify;
}
.colEsq {
	float:left;
	width:255px;
}
.espaiBanner {
	background:#000;
}
.espaiBanner a {
	display:block;
	padding-bottom:15px;
}

/*----------------------------------------------------------------------------------------------------
	Men�
----------------------------------------------------------------------------------------------------*/

.menu li {
	width:97px;
	float:left;
	margin-left:10px;
	font-size:11px;
}
.menu li li {
	width:95px;
	float:none;
	margin:0;
}
.menu span {
	position:absolute;
	display:block;
	width:96px;
	height:93px;
	background:#e3a800;
	z-index:-1;
	filter: alpha(opacity=0); opacity: .0; 
}
.menu li ul {
	border:#fff 1px solid;
	border-top:0px;
	background:#e3a800;
	position:absolute;
	z-index:20;
	margin-top:-1px;
	margin-left:-2000px;
}
.menu li:hover {
	background:#e3a800;
}
.menu li.ambJS:hover {
	background:none !important;
}
.menu li:hover ul {
	margin-left:0px;
}
.menu a {
	display:block;
	width:70px;
	height:72px;
	padding:20px 10px 0px 15px;
	color:#fff;
	font-weight:bold;
	line-height:14px;
	border:#fff 1px solid;
	background:url(/images/blank.gif);
}
.menu ul a:hover {
	font-weight:bold;
}
.menu ul {
	padding-top:15px;
}
.menu ul li {
	padding-bottom:5px;
}
.menu ul a {
	font-weight:normal;
	display:block;
	padding:0 0 0 8px;
	height:auto;
	width:auto;
	color:#000;
	background:none;
	border:0px;
	line-height:12px;
}
.menu a.on {
	background:#e3a800;
}
.requadre {
	padding:30px 12px 7px 12px;
	border-top:#fff 1px solid;
	font-size:0.9em;
}
.requadre p {
	padding-bottom:12px;
}
.fletxa {
	padding:3px 0px 0px 24px;
	background:url(/images/fletxa_link.gif) no-repeat 0px 3px;
	text-transform:uppercase;
}
.requadre .fletxa a {
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}
.requadre .fletxa a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------------------
	Estils per idioma, breadcrumb, login i cercador
----------------------------------------------------------------------------------------------------*/
.capEsq {
	float:left;
	width:530px;
}
.capDre {
	float:left;
	width:400px;
	text-align:right;
	color:#bbb;
}

p.tria_lang {
	padding-bottom:8px;
}
p.tria_lang a {
	font-size:11px;
	color:#bbb;
	font-weight:normal;
	margin-right:5px;
}
p.tria_lang a.on,
p.tria_lang a:hover {
	color:#fff;
}
p.breadcrumb {
	font-size:12px;
	color:#fff;
}
p.breadcrumb a {
	color:#fff;
	font-weight:normal;
}
p.breadcrumb a:hover {
	text-decoration:underline;
}
.capDre label {
	margin-right:10px;
}
.capDre input {
	width:140px;
	height:15px;
	border:#ccc 1px solid;
	border-right:0px;
	margin-right:20px;
}
.capDre input.boto {
	width:17px;
	height:17px;
	border:0px;
	text-indent:-2000px;
	cursor:pointer;
	position:absolute;
	margin-left:-20px;
	*margin-top:1px;
	background:url(/images/cerca.gif) no-repeat 0px 0px;
}
.capDre .login {
	padding-top:5px;
	padding-right: 5px;
}
.capDre .login a {
	color:#bbb;
}
.capDre .login a:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#fff;
}

/*login a la esquerra*/
form.requadre label {
	display:inline-block; 
	width:60px;
	text-align:right;
	padding-right:5px;
}
form.requadre input {
	width:90px;
	margin-right:10px;
}
form.requadre input.boto {
	width:60px;
	background:#fff;
	margin-right:0px;
	cursor:pointer;
	*padding-top:2px;
}
form.requadre input.boto:hover {
	background:#FFFFAA;
}

form.requadre p {
	text-align:right;
	padding-bottom:5px;
}
form.requadre .txt_regis {
	padding-top:5px;
	text-align:right;
	line-height:1.2em;
	padding-left:50px;
}
form.requadre .txt_regis a {
	color:#e3a800;
}
form.requadre .txt_regis a:hover {
	text-decoration:underline;
	font-weight:normal;
}

/*Cercador central*/
.colCent .texte .primer {
	margin-left:0px;
}
.cercador {
	display:block;
	width:155px;
	float:left;
	margin-left:30px;
}
.cercador label {
	display:block;
	color:#e3a800;
	padding-bottom:5px;
	font-size:0.9em;
}
.cercador select,
.cercador input {
	width:132px;
	height:15px;
	border:#ccc 1px solid;
	border-right:0px;
}
.cercador select {
	width:152px;
	height:20px;
}

.cercador input.boto {
	width:17px;
	height:17px;
	border:0px;
	text-indent:-2000px;
	cursor:pointer;
	position:absolute;
	margin-left:-20px;
	*margin-top:1px;
	background:url(/images/cerca.gif) no-repeat 0px 0px;
}


/*----------------------------------------------------------------------------------------------------
	Submenu
----------------------------------------------------------------------------------------------------*/
.submenu {
	padding:15px 7px 7px 7px;
	border-top:#fff 1px solid;
	text-transform:uppercase;
	line-height:1.6em;
}
.submenu li {
	margin-top:4px;
}
.submenu a {
	color:#fff;
}
.submenu a:hover {
	font-weight:bold;
}
.submenu li a {
	padding:0px 10px;
}
.submenu li.on {
	background:#e3a800;
	font-weight:bold;
}
.submenu li li a {
	padding-left:40px;
	background:url(/images/fletxes_submenu.gif) no-repeat 28px -15px;
}
.submenu li li.on a {
	background:url(/images/fletxes_submenu.gif) no-repeat 28px 3px;
}

/*----------------------------------------------------------------------------------------------------
	Part central
----------------------------------------------------------------------------------------------------*/
.colCent {
	float:left;
	
	/*al�ada m�nima del contenidor compatible amb IE6*/
	min-height: 400px;
	height: auto !important;
	height: 400px; 
}
.espaiTitol {
	padding:24px 0 0 0;
	height:40px;
	background:#000;
}
.espaiTitol h1 {
	font-size:1.6em;
	font-weight:normal;
	background:url(/images/fletxes_titular.gif) no-repeat 0px 2px;
	padding-left:16px;
	text-transform:uppercase;
}
.colCent div {
	float:left;
	padding-left:15px;
	width:120px;
}
.colCent p {
	font-size:1em;
	color:#fff;
	line-height:1.2em;
}
.colCent div span {
	display:block;
	padding-top:6px;
}

.colCent a {
	display:block;
	color:#fff;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.colCent a.animate_back:hover img {
	visibility:hidden;
}

.colCent div.separador {
	float:none;
	padding:0px;
	width:auto;
	clear:both;
	height:15px;
}

/*----------------------------------------------------------------------------------------------------
	Home
----------------------------------------------------------------------------------------------------*/
.ban_home_dos,
.ban_home {
	position:absolute;
	z-index:2;
	margin-left:660px;
	margin-top:143px;
	padding:15px 0px 15px 15px;
	background:#000;
	width:270px;
}
.ban_home_dos {
	margin-top:80px;
}

.ban_home a,
.ban_home_dos a {
	display:block;
}
.ban_home_dos .segon {
	padding-top:10px;
	*padding-top:15px;
}

.home .player {
	float:right;
	padding-right:10px;
}
.home p.login {
	float:right;
	padding-top:0px;
}
.home .flashContent {
	padding:38px 0 0 0;
}
.home .peu {
	padding-top:10px;
	padding-bottom:0px;	
}

/*----------------------------------------------------------------------------------------------------
	Sistema d'skins
----------------------------------------------------------------------------------------------------*/
.dissenyadors .contingut,
.dissenyadors .fons {
	background:#000 url(/images/fons_menu_disenyadors.gif) repeat-y left top;
}
.noticies .contingut,
.noticies .fons {
	background:#000 url(/images/fons_menu_notis.gif) repeat-y left top;
}
.noticies .espaiTitol {
	padding-left:333px;
}

.pag_texte .fons,
.pag_texte .contingut,
.quatre_cols .fons,
.quatre_cols .contingut,
.cinc_cols .fons,
.cinc_cols .contingut {
	background:#000 url(/images/fons_menu.gif) repeat-y left top;
}
.dissenyadors .espaiTitol,
.cinc_cols .pag,
.cinc_cols .espaiTitol {
	padding-left:252px;
}
.pag_texte .colCent,
.quatre_cols .colCent {
	padding-left:135px;
}
.pag_texte .espaiTitol,
.quatre_cols .pag,
.quatre_cols .espaiTitol {
	padding-left:387px;
}
.dissenyadors .colCent div {
	width:98px;
}

.dissenyadors .colCent {
	width:467px;
}

.noticies .colCent {
	width:353px;
	background:url(/images/fons_noti.gif) repeat-y right top;
}


/*paginacio de resultats*/
.paginacio {
	padding:38px 0 0 0;
	height:26px;
	background:#000;
}
.paginacio .pag {
	float:left;
	margin-left:17px;
}
.paginacio .pag a {
	color:#bbb;
}
.paginacio .pag a:hover {
	color:#fff;
}

.paginacio .pag_quants {
	float:right;
	padding-right:10px;
}
.paginacio .pag_quants a {
	margin-left:5px;
	color:#bbb;
}
.paginacio .pag_quants a:hover {
	color:#fff;
}
.paginacio strong {
  color: #e3a800;
  }

/*pags de texte */
.pag_texte .texte {
	height:100px;
	width:525px;

	/*al�ada m�nima del contenidor compatible amb IE6*/
	min-height: 290px;
	height: 290px; 
    height: auto !important;
	text-align: justify;
}
.pag_texte .texte p {
	padding-bottom:20px;
}

.pag_texte p.foto {
	display:block;
	clear:both;
	width:540px;
	text-align:right;
}


/* columna dreta dissenyadors */

.dissenyadors .colDre {
	float:left;
	padding:20px 16px 0px 16px;
	width:176px;
	color:#000;
	font-size:0.9em;
	line-height:1.4em;
	text-align: justify;
}
.dissenyadors .colDre h2 {
	font-size:1.1em;
	color:#e3a800;
	text-align: left;
}

.dissenyadors .colDre p {
	padding-bottom:10px;
}
.dissenyadors .peu {
	padding-right:231px;
}

/* Columna central noticies */
.noticies .colCent form {
	text-align:right;
	padding:10px;
}
.noticies .colCent select {
	border:#000 1px solid;
	width:170px;
}
.noticies .colCent label {
	color:#333;
	margin-right:10px;
}
.noticies .colCent div {
	clear:both;
	float:none;
	width:280px;
	padding-left:55px;
    min-height: 105px;
	height: auto !important;
	height: 105px;
	
}
.noticies .colCent div img {
	float:left;
	border:#fff 1px solid;
}
.noticies .colCent div p {
	float:left;
	width:150px;
	padding-left:17px;
	color:#000;
	
}
.noticies .colCent div p a {
	color:#f5980c;
	margin-bottom: 8px;
}
.noticies .colCent div p a:hover {
	text-decoration:underline;
}


.noticies .colCent div.pagnotis {
	text-align:center;
	width:230px;
	padding-left:110px;
	height:50px;
	
}
.pagnotis a {
	display:inline;
	color:#000;
}
.pagnotis a:hover {
	text-decoration:underline;
}
.pagnotis strong a:hover {
	text-decoration:none;
}

/* columna dreta noticies */
.noticies .colDre {
	padding-left:15px;
	float:left;
	width:308px;
}
.noticies .colDre h2 {
	font-size:1em;
	color:#f5980c;
	padding-bottom:10px;
}
.noticies .colDre p {
	padding-bottom:10px;
}

/*----------------------------------------------------------------------------------------------------
	Peu
----------------------------------------------------------------------------------------------------*/

.peu {
	clear:both;
	padding:30px 10px 20px 0;
	*padding-top:15px;
	text-align:right;
	color:#bbb;
	font-size:0.9em;
	line-height:1.2em;
}
.peu .copy {
	color:#e3a800;
}
.peu .enllacos {
	padding-top:10px;
}
.peu a {
	color:#bbb;
}
.peu a:hover {
	color:#e3a800;
	font-weight:normal;
}
/* Afegit el 3-7-2009 */

/*links del texte normal */
.colCent .texte a {
    display:inline;
    color:#E3A800;
}
.colCent .texte a:hover {
    text-decoration:underline;
}


/*Cercador amb boto */
.cercador input.boto2 {
	margin-top:19px;
	position:absolute;
	height:20px;
	cursor:pointer;
}
.cercador input.boto2:hover {
	background:#FFFFAA;
}

/*Mapa web*/
.mapaweb {
	background-image: url(/images/fons_mapaweb.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
		/*alada mnima del contenidor compatible amb IE6*/
	min-height: 400px;
	height: auto !important;
	height: 400px; 
}
.mapaweb .columna {
	width:156px;
	padding:10px;
	float:left;
	margin-right:13px;
	border-top:#fff 1px solid;

	/*alada mnima del contenidor compatible amb IE6*/
	min-height: 400px;
	height: auto !important;
	height: 400px; 

}
.mapaweb .ultima {
	width:154px;
	margin-right:0px;
}
.mapaweb .columna p {
	text-transform:uppercase;
	color:#fff;
}

.mapaweb .columna li {
	padding-left:10px;
	line-height:18px;
	font-size:11px;
}

.mapaweb .columna li li {
}
.mapaweb .columna li li li a,
.mapaweb .columna li a {
	padding-left:13px;
	background:url(/images/fletxes_submenu.gif) no-repeat 0px -15px;
	color:#BBBBBB;
}
.mapaweb .columna li li a {
	color:#E3A800;
}
.mapaweb .columna li a:hover {
	text-decoration:underline;
}
#sota_mapaweb {
	background:#000 url(/images/fons_mapaweb_peu.gif) no-repeat 0px 0px;
	height: 1px;
}