@CHARSET "UTF-8";

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 70%;
	background-color: #FFFFFF;
}
#wrapper{
	margin: 0 auto;
	padding: 0;
	width: 950px;	
}
h1 {
	font-size: 13px;
	font-weight: bold;
	color: #B5BA05;
	letter-spacing: 0.5px;
}
.link{
	font-size: 13px;
	font-weight: bold;
	color: #B5BA05;
	letter-spacing: 0.5px;
	text-decoration: none;
}
.link:hover{
	text-decoration: underline;
}
a{
	color: #7B7F00;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
.infoMessage {
	margin: 10px auto;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #CF0C26;
	background: #FFE5E9;
	border: 1px solid #CF0C26;
}
.form-text-long{
	width: 500px;
}

/*************  BIG COMPONENTS **********/
#header{
	margin: 0;
	padding: 0;
	height: 84px;
	background: url('/graphics/header.jpg');
	border: 0px solid red;
}
#logo{
	float: left;
	border: 0px solid green;
}
#loginForm{
	margin: 0;
	padding: 0;
	float: right;
	position:relative;
	top: 64px;
	border: 0px solid blue;
}
#menuBar{
	display: block;
	height: 19px;
	padding: 0 0 0 0;
	background: url('/graphics/fons_menu.gif') repeat-x;
}
#filtres{
	display: block;
	height: 35px;
	padding: 0 0 0 5px;
	background: #D4D975;
}
#left{
	margin: 5px 0 0 0;
	float: left;
	width: 680px;
	border: 0px solid green;
	overflow: hidden;
}
#right{
	margin: 5px 0 0 0;
	float: right;
	width: 260px;
	border: 0px solid green;
}
#footer{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	clear: both;
	height: 21px;
	color: #FFFFFF;
	background: url('/graphics/fons_footer.gif') repeat-x; 
	border: 0px solid red;
}
/*************  / BIG COMPONENTS **********/

/*************  LOGIN FORM **********/
#loginForm form{
	margin: 0;
	padding: 0;
	
}
#loginForm label{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #333333;
	vertical-align: bottom;
}
#loginForm .form-element{
	display: inline;
}
#loginForm .form-text, #loginForm .form-password{
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	width: 90px;
	height: 16px;
	vertical-align: middle;
	background: #E1E39B;
	border: 1px solid #330066;
}
#loginForm .form-submit, #loginForm .form-button{
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	background-color: #B5BA05;
	border: 1px solid #7B7F00;
	color: #FFFFFF;
	width: 50px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
}
/*************  / LOGIN FORM **********/

/*************  MENU BAR **********/
#menuBar #menu{
	float: left;
	margin: 0 0 0 10px;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	border: 0px solid red;
}
#menuBar #menu a{
	color: #FFFFFF;
	padding: 2px 0 0 0;
	text-decoration: none;
}
#menuBar #menu a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#menuBar #clock{
	float: right;
	margin: 0 10px 0 0;
	padding: 4px 0 0 0;
	display:inline;
	color: #FFFFFF;
	border: 0px solid yellow;
}
#menuBar #menu .private{
	font-weight: bold;
}

/*************  / MENU BAR **********/

/*************  FILTERS BAR **********/
#filtres .filter{
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
	height: 20px;
	vertical-align: bottom;
}
#filtres .filter .datesText{
	margin: 0;
	padding: 10px 0 0 0;
	vertical-align: -3px;
}
#filtres .form-text{
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	width: 100px;
	height: 19px;
	vertical-align: middle;
	color: #FFF;
	background: #4E4E4E;
	border: 1px solid #000000;
}
#filtres .form-select{
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	width: 140px;
	height: 21px;
	vertical-align: middle;
	color: #FFF;
	background: #4E4E4E;
	border: 1px solid #000000;
}
#filtres .form-data{
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	width: 75px;
	height: 19px;
	vertical-align: middle;
	color: #FFF;
	background: #4E4E4E;
	border: 1px solid #000000;
}
#filtres img{
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	width: 20px;
	vertical-align: middle;
	color: #FFF;
	background: #4E4E4E;
	border: 0px solid #000000;
}
#filtres .form-button{
	padding: 1px 0 0 0;
	margin: 0 10px 0 10px;
	background-color: #B5BA05;
	border: 1px solid #7B7F00;
	color: #FFFFFF;
	width: 50px;
	height: 21px;
	text-align: center;
}                
/*************  / FILTERS BAR **********/

/*************  BOXES  **********/
.box{
	margin: 0 0 20px 0;
	width: 259px;
	border: 0px solid red;
}
.box .header{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	height: 21px;
	background: url('/graphics/boxHead.jpg');
	clear: both;
}
.box .header .title{
	margin: 0;
	padding: 5px 0 0 0 ;
	color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	border: 0px solid red;
}
.box .body{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: url('/graphics/fons_moduls.jpg') repeat-x;
	clear: both;
}

.box .body #google_translate_element{
	padding-top: 10px;
}
/*************  / BOXES  **********/

/*************  BANNER BOX  **********/
.box .banner-body{
	text-align: center;
}
.box .banner-body img{
	margin: 10px 0;
	padding: 0;
	text-align: center;
	border: 0px solid red;
}
/*************  / BANNER BOX  **********/

/*************  NEWS TITLES BOX  **********/
.box .titulars-body{
	margin: 0 0 0 0;
	padding: 0 10px 0 15px;
	color: #333;
}
.box .titulars-body .boxNews{
	margin: 0;
	padding: 5px 0 0 10px;
}
.box .titulars-body .boxNews li{
	padding: 0 0 10px 0;
}
.box .titulars-body a{
	color: #333;
	font-size: 1.2em;
	font-family: verdana;
	text-decoration: none;
}
.box .titulars-body a:hover{
	color: #333;
	text-decoration: underline;
}
.box .titulars-body .boxNewsDate{
	color: #666; 
}
/*************  / NEWS TITLES BOX  **********/

/*************  FOOTER  **********/
#footer .text{
	margin: 0;
	padding: 5px 0 0 0 ;
	float: left;
	color: #FFFFFF;
	border: 0px solid red;
}
#footer .miniLogo{
	float: right;
	height: 21px;
	width: 57px;
	background: url('/graphics/mini_logo.gif');
	border: 0px solid red;
}
/*************  / FOOTER  **********/

/*************  PROMOTED NEWS **********/
#promotedNewsBox{
	clear: both;
	border: 0px solid red;
}
#promotedNewsBox .promotedNews{
	padding: 0 0 10px 0;
	cursor: pointer;
}
.promotedNews .newsHead{
	clear: both;
	height: 15px;
	background: url('/graphics/fons_data_publicacio.gif') no-repeat;
	border-bottom: 1px solid #000000;
}
.promotedNews .newsHead .newsHeadDate{
	margin: 0;
	padding: 2px 0 0 5px;
	color: #ffffff;
	float: left;
	font-size: 0.93em;
	font-weight: bold;
}
.promotedNews .newsHead .newsHeadDate .green{
	color: #CCCC00;
}
.promotedNews .newsHead .newsHeadIcons{
	float: right;
}
.promotedNews .newsBody{
	clear: both;
	padding: 10px 0 0 0;
	border: 0px solid red;
}
.promotedNews .newsBodyImage{
	float: left;
	width: 215px;
	border: 0px solid yellow;
}
.promotedNews .newsBodyText{
	float: right;
	width: 450px;
	border: 0px solid cyan;
}
.promotedNews .newsBodyTextTitle{
	color: #666600;
	font-family: serif;
	font-size: 2em;
	padding: 0 0 5px 0;
}
.promotedNews .newsBodyTextContent{
	font-size: 1.22em;
	line-height: 1.4em;
}
.promotedNews .newsFoot{
	clear: both;
	height: 13px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #000000;
}
.promotedNews .newsFoot .memberAccess{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	background: url('/graphics/boto_abonats.gif') no-repeat;
	width: 92px;
	height: 12px;
	border: 0px solid red;
}
.promotedNews .newsFoot .memberAccess .memberAccessText{
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	color: #ffffff;
	font-size: 0.9em;
}
/*************  / PROMOTED NEWS **********/

/*************  CENTRAL BANNER **********/
#centralBanner{
	display: none;
	margin: 10px 0;
	padding: 0;
	border: 0px solid red;
}
/*************  / CENTRAL BANNER **********/

/*************  BOTTOM SQAURE **********/
#bottomSquare{
	clear: both;
	border: 0px solid red;
}
#bottomSquare #bottomSquareLeft{
	float: left;
	width: 403px;
	border: 0px solid blue;
}
#bottomSquare #bottomSquareRight{
	float: right;
	width: 245px;
	border: 0px solid yellow;
}
/*************  / BOTTOM SQAURE **********/

/*************  BOTTOM SQAURE INFORMACIO ANA **********/
#informacioANA{
	/*display: none;*/
}
#informacioANAHead{
	clear: both;
	height: 15px;
	background: url('/graphics/fons_data_publicacio.gif') no-repeat;
	border-bottom: 1px solid #000000;
}
#informacioANAHead #informacioANAHeadText{
	margin: 0;
	padding: 2px 0 0 5px;
	color: #ffffff;
	font-size: 0.93em;
	font-weight: bold;
}
#informacioANABody{
	margin:5px 0 0 0;
	padding: 0 0 0 0;
}
#informacioANAFoot{
	display: none;
	clear: both;
	height: 13px;
	border-bottom: 1px solid #000000;
}
#informacioANAFoot #informacioANAmoreInfo{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	background: url('/graphics/boto_abonats.gif') no-repeat;
	width: 92px;
	height: 12px;
	border: 0px solid red;
}
#informacioANAFoot #informacioANAmoreInfo #informacioANAmoreInfoText{
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	color: #ffffff;
	font-size: 0.9em;
}
/*************  / BOTTOM SQAURE INFORMACIO ANA **********/

/*************  BOTTOM SQAURE PUBLICAT ANTERIORMENT **********/
#previouslyPublishedHead{
	clear: both;
	margin: 10px 0 0 0;
	height: 15px;
	background: url('/graphics/fons_data_publicacio.gif') no-repeat;
	border-bottom: 1px solid #000000;
}
#previouslyPublishedHead #previouslyPublishedHeadText{
	margin: 0;
	padding: 2px 0 0 5px;
	color: #ffffff;
	font-size: 0.93em;
	font-weight: bold;
}
#previouslyPublishedBody{
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
}
#previouslyPublishedBody .previouslyPublishedNews{
	padding: 0 0 10px 0;
}
#previouslyPublishedBody .previouslyPublishedNewsTitle a{
	color: #666600;
	font-family:serif;
	font-size: 1.4em;
	text-decoration: none;
}
#previouslyPublishedBody .previouslyPublishedNewsTitle a:hover{
	color: #666600;
	text-decoration: underline;
}
#previouslyPublishedBody .previouslyPublishedNewsDate{
	color:#333;
}	
#previouslyPublishedFoot{
	clear: both;
	height: 13px;
	border-bottom: 1px solid #000000;
}
#previouslyPublishedFoot #previouslyPublishedMemberAccess{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	background: url('/graphics/boto_abonats.gif') no-repeat;
	width: 92px;
	height: 12px;
	border: 0px solid red;
}
#previouslyPublishedFoot #previouslyPublishedMemberAccess #previouslyPublishedMemberAccessText{
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	font-size: 0.9em;
}
#previouslyPublishedFoot #previouslyPublishedMemberAccess #previouslyPublishedMemberAccessText a{
	color: #ffffff;
}
/*************  / BOTTOM SQAURE PUBLICAT ANTERIORMENT **********/

/*************  BOTTOM SQAURE VIDEO DE LA SETMANA **********/
#videoSetmana{
	width: 245px;
}
#videoSetmanaHead{
	clear: both;
	margin: 10px 0 0 0;
	height: 15px;
	background: url('/graphics/fons_data_publicacio.gif') no-repeat;
	border-bottom: 1px solid #000000;
}
#videoSetmanaHead #videoSetmanaHeadText{
	margin: 0;
	padding: 2px 0 0 5px;
	color: #ffffff;
	font-size: 0.93em;
	font-weight: bold;
}
#videoSetmanaBody{
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
#videoDeLaSetmana{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#videoSetmanaFoot{
	clear: both;
	height: 13px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #000000;
}
#videoSetmanaFoot #videoSetmanaMemberAccess{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	background: url('/graphics/boto_abonats.gif') no-repeat;
	width: 92px;
	height: 12px;
	border: 0px solid red;
}
#videoSetmanaFoot #videoSetmanaMemberAccess #videoSetmanaMemberAccessText{
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	color: #ffffff;
	font-size: 0.9em;
}
#videoSetmanaFoot #videoSetmanaMemberAccess #videoSetmanaMemberAccessText a{
	color: #ffffff;
}
/*************  / BOTTOM SQAURE VIDEO DE LA SETMANA **********/

/*************  BOTTOM SQAURE FOTO IMPACTE **********/
#fotoImpacte{
	width: 245px;
}
#fotoImpacteHead{
	clear: both;
	margin: 15px 0 0 0;
	height: 15px;
	background: url('/graphics/fons_data_publicacio.gif') no-repeat;
	border-bottom: 1px solid #000000;
}
#fotoImpacteHead #fotoImpacteHeadText{
	margin: 0;
	padding: 2px 0 0 5px;
	color: #ffffff;
	font-size: 0.93em;
	font-weight: bold;
}
#fotoImpacteBody{
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}

#fotoImpacteFoot{
	clear: both;
	height: 13px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #000000;
}
#fotoImpacteFoot #fotoImpacteMemberAccess{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	background: url('/graphics/boto_abonats.gif') no-repeat;
	width: 92px;
	height: 12px;
	border: 0px solid red;
}
#fotoImpacteFoot #fotoImpacteMemberAccess #fotoImpacteMemberAccessText{
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	font-size: 0.9em;
}
#fotoImpacteFoot #fotoImpacteMemberAccess #fotoImpacteMemberAccessText a {
	color: #ffffff;
}
/*************  / BOTTOM SQAURE FOTO IMPACTE **********/

/*************  WALL STREET  **********/
#wallStreet{
	clear:both;
	float:right;
}
/*************  / WALL STREET **********/

/*************  NEWS LIST  **********/
.table_inici tbody tr{
	cursor: pointer;
}
/*************  / NEWS LIST **********/