/**
 *	Definim alguns estils generals
 */

BODY
{
	FONT-FAMILY : verdana,helvetica, sans-serif;
	FONT-SIZE : 10px;
	background-color : white;
	MARGIN-TOP  : 0px;
	MARGIN-botTOm  : 10px;
	MARGIN-LEFT  : 0px;
	MARGIN-RIGHT  : 0px;
}


/**
 *	de moment no fem rés d'això
 *

A
{
	color : black;
	TEXT-DECORATION : none;
	font-weight : bold;
}

A:link, A:visited
{
	color : black;
}


A:hover
{
	color : red;
}

 *
 */

/**
 *	Definim la part de dalt de tot 
 */

.topCollage 
{
	width  : 750px;
	height  : 40px;
	align : top;
	/**align  : center;*/
	
}

.topImatge 
{
	height  : 40px;
	padding-left  : 5px;
	padding-right  : 7px;
	border-right  : 1.2px solid #000;
	
	/**align  : left;*/
	
}	

.topImatgeLocals
{
	padding-left  : 5px;
	padding-right  : 7px;

border-left : 1px solid #F5a300;
/** border-bottom : 1px solid #F5a300; */
/** border-right : 1px dashed #F5a300; */
}

.topTabloid
{
	width  : 750px;
	
}


.topContinguts
{
	width  : 750px;
	border-bottom : 128px solid #efefef;
}

.topMarge
{
	width  : 33%;
	height : 768px;
	background-color : #efefef;
	border-bottom : 128px solid #efefef;
	
}


/**
 *	Definim la part del menu
 */
 
.menuTabloid
{
	width  : 140px;
	padding  : 0px;

}


.menuPunt
{
	width  : 140px;
	border-top  : 1px dashed #F5a300;
	padding  : 2px;
}


.menuPuntActiu
{
	width  : 140px;
	border-top : 1px dashed #F5a300;
	border-bottom : 1px solid #676767;
	background-color : #efefef;
	padding : 5px;
}


.menu
{
	color : #9a9a9a;
	FONT-FAMILY : verdana,helvetica, sans-serif;
	FONT-SIZE : 10px;
	font-weight : bold;
	TEXT-DECORATION : none;

}

.menu:link
{
	color : #9a9a9a;
	TEXT-DECORATION : none;

}

.menu:visited
{
	color : #7b7b7b;
}


.menu:hover
{
	color : #000000;
}


/**
 *	Ara definim tot el follon del central
 */
 
 
 /**
  *	Cub central per a la notícia destacada
  */
.centralDocDestacat
{
	background-color : #f5a300;

}


/**
 *	Ara pel tema de la columna de la dreta
 */
.campanya
{
	padding : 0px;
	width : 120px;
	TEXT-DECORATION : none;
	border : 0px;
	/** target-new: tab ! important; */
	font-size: 0.8em;
}

.campanya a
{
	TEXT-DECORATION : none;
	font-family: 'Trebuchet MS', helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: black;

	}

/**
 *	Definim tot el tema del render_row per el document en questió
 */
.docBloc
{
	padding-left  : 5px;
	padding-right  : 7px;
	border-top : 1px dashed #F5a300;
	border-right  : 1px solid #f5a300;
	margin-bottom : 15px;
	margin-top : 5px;
	width: 95%;
}

.docTitol
{

/**
 	color : #7a7a7a;
 	FONT-SIZE : 16px;
 	font-weight : bold;
 
	FONT-SIZE: 16px;
	FONT-FAMILY: arial,helvetica, sans-serif;
	font-weight : bold;
	color: #773322;
	
 */
  FONT-FAMILY: 'Trebuchet MS',helvetica, arial,sans-serif;
 	FONT-SIZE : 16px;
 	font-weight : bold;
 
 
 
}


.docBreu
{
	color : #9a9a9a;
	FONT-SIZE : 12px;
	font-weight : bold;
	FONT-FAMILY: verdana, helvetica, arial, sans-serif;
	text-align : justify;
	margin-top : 3px;
}

.docText
{
	FONT-SIZE : 11px;
	text-align : justify;
	margin-top : 3px;
}


.docNews
{
	FONT-SIZE : 10px;
	color : #7a7a7a;
	font-weight : bold;
	margin-top : 3px;
}

.docIndex
{
	
	color : #7a7a7a;
	FONT-SIZE : 9px;
	text-align : left;
	TEXT-DECORATION : none;
	padding-left : 15px;
	padding-right : 2px;
	margin-top : 10px;
	
}

.LIdocIndex
{
	
	color : #7a7a7a;
	FONT-SIZE : 9px;
	text-align : left;
	TEXT-DECORATION : none;
	padding-left : 15px;
	padding-right : 2px;
	margin-top : 10px;
	
}


.docIndexAct
{
	
	color : #9a9a9a;
	FONT-SIZE : 9px;
	text-align : left;
	TEXT-DECORATION : none;
	padding-left : 15px;
	padding-right : 2px;
	margin-top : 10px;
	
}



/**
 *	Definim tot el tema del render_row per a les news de l'inici
 */
.InicidocBloc
{
	/* background-color : #F5a300; */
	padding-left  : 5px;
	padding-right  : 7px;
	margin-bottom : 15px;
	margin-top : 5px;
	width: 95%;
	/* border-top : 1px dashed #ababab; */
	border-top : 1px dashed #F5a300;
	
}

.InicidocTitol
{
  FONT-FAMILY: 'Trebuchet MS',helvetica, arial,sans-serif;
 	FONT-SIZE : 16px;
 	font-weight : bold;
}

.InicidocBreu
{
	FONT-SIZE : 12px;
	font-weight : bold;
	FONT-FAMILY: verdana, helvetica, arial, sans-serif;
	text-align : justify;
	margin-top : 3px;
}

.InicidocText
{
	FONT-SIZE : 11px;
	text-align : justify;
	margin-top : 3px;
}

.InicidocNews
{
	FONT-SIZE : 10px;
	font-weight : bold;
	margin-top : 3px;
}


.InicidocIndex
{
	
	color : #333366;
	FONT-SIZE : 9px;
	text-align : left;
	TEXT-DECORATION : none;
	padding-left : 15px;
	padding-right : 2px;
	margin-top : 10px;
	
}

.InicidocIndexAdalt
{
	
	text-color : red;
	FONT-SIZE : 9px;
	text-align : left;
	TEXT-DECORATION : none;
	padding-left : 15px;
	padding-right : 2px;
	margin-top : 10px;
	
}



/**
 *	Definim tot el tema de les caixes de la dreta
 */
.drtCaixa
{
	
	border : 1px solid #ababab;
	/** border-top : 1px dashed #F5a300; */
	border-top : 1px dashed #ababab;
	margin-bottom : 15px;
	margin-top : 5px;
	

	
	width: 95%;
}


.drtTitol
{
	padding: 2px;
	padding-left:8px;
	text-align: left;
	FONT-WEIGHT: bold;
	padding-bottom: 0px;
	FONT-SIZE: 14px;
	FONT-FAMILY: arial,helvetica, sans-serif;
	/** color: #773322; */

}


.drtText
{
	padding: 2px;
	padding-left:4px;
	padding-right:4px;
	text-align: left;
	padding-bottom: 4px;
	FONT-SIZE: 10px;
}



.drtApunt
{
	padding-top: 8px;
	FONT-SIZE: 11px;
}


.drtApuntMig
{
	padding-top: 0px;
	FONT-SIZE: 11px;
}

.drtPeu
{
	padding-left:4px;
	padding-right:4px;
	
	/** background-color : #efefef;  */
	background-color : #f5d344;
	text-align: left;
	FONT-SIZE: 9px;
	
	/** FONT-WEIGHT: bold; */
}




.drtMes
{
	padding: 2px;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	

}

.drtMes:link, .drtMes:visited
{
	padding: 2px;
	TEXT-DECORATION: none;
	border: 1px solid #fff;


}

.drtMes:hover
{
	padding: 2px;
	TEXT-DECORATION: none;
	border: 1px dashed #F9CC79;
	color : #660000;
}



.docIndexAdalt 
{
	
	color : red;
	FONT-SIZE : 9px;
	text-align : left;
	TEXT-DECORATION : none;
	padding-left : 15px;
	padding-right : 2px;
	margin-top : 10px;
	
}

.docIndexAdalt:link, .docIndexAdalt:visited
{
	color : red;
}

.docIndexAdalt:hover
{
	color : black;
}




/**  
 *	Altres
 */
 
.ApartatAgenda
{
  FONT-FAMILY: 'Trebuchet MS',helvetica, arial,sans-serif;
 	FONT-SIZE : 16px;
 	font-weight : bold;
 	border-top: 3px dashed red;
 	/** border-bottom: 2px solid red; */
 	padding-left : 16px;
 	padding-top: 4px;
 	text-align: center;
 	width: 95%;
}

.legendHeader
{
 	font-weight : bold;
 	color: #000;
 	padding-left: 10px;
 	padding-right: 15px;
}



/* this page declarations */	
#wrapp {
width: 760px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 740px; 
margin: 20px 0 3px 0; 
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code {
width:93%;	
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
background-color: #eee;
border: 1px solid #d3d3d6;
border-left-width: 5px;
white-space: pre;
overflow-x: auto;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border-top: 1px dashed #F5A300;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: darkred;
font-weight: bold;
font-size: 10pt;
font-family: Arial, Helvetica;
margin: 0 50px 0 0;
TEXT-DECORATION : none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

ul#tkPortabella {
display: none;
}

.botonsSocial
{
text-align: right;
margin-top: -1em;
  }
.botonsSocial a {
text-decoration: none;
}
.botonsSocial img
{
border: 0px;
margin-left: 4px;
}

.botoSocial
{
display:block;
float:right;
height:16px;
padding-right:8px;
width:16px;
}

.botoFacebook
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 0px;
}

.botoTwitter
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 -48px;
}

.botoBuzz
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 -224px;
}

.botoTafanera
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 -112px;
}

.botoDelicious
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 -32px;
}

.botoDigg
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 -96px;
}

.botoMeneame
{
background:transparent url(/imatges/BotonsSocialWeb.png) no-repeat scroll 0 -192px;
}