html, body { height:100%; }

body {	
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	margin:0;
	color:#000;
	background:#fff url(../images/bg-body.gif) repeat-x center top;
}

p { padding:0; margin:0; }


.DetallShow
{
FONT-SIZE: 12px;
line-height: 14px;
COLOR:#000000;
FONT-FAMILY:Tahoma
}

.DetallHide{DISPLAY: none}

.txtinput
{
 FONT-FAMILY:Arial;
 COLOR:#000000;
 FONT-SIZE:12px;
 BORDER-RIGHT:#000000 1px solid;
 BORDER-TOP:#000000 1px solid;
 BORDER-LEFT:#000000 1px solid;
 BORDER-BOTTOM:#000000 1px solid;
 BACKGROUND-COLOR:#ffffff
}

#img_border {border: 2px solid #f88b0f;  }

/*---------A LiNK---------*/
a { color: #6b3015 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:link { color: #6b3015 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:visited { color: #6b3015 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:hover { color: #000 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:active { color: #6b3015 ; font-size: 13px; font-weight: normal; text-decoration: none; }

/*---------GENERIC---------*/
#wrapper { width: 960px; margin: 0 auto; }
h1 { font-size: 20px; line-height: 33px; padding: 0 0 0 15px; display: inline; margin: 0 0 15px 0; float: left; }
	.principal { width: 470px; height: 33px; background:url(../images/bg-h1-principal.gif) no-repeat 0 0; }
	.secundari { width: 223px; _width: 200px; height: 33px; background:url(../images/bg-h1-sidebar.gif) no-repeat 0 0; }
	.total { width: 740px; height: 33px; background:url(../images/bg-h1-all.gif) no-repeat 0 0; }


/*---------HEADER---------*/
#header { width: 960px; height: 315px; background:#708fae url(../images/bg-header.jpg) no-repeat center top; }

	#block { margin: 0 auto; text-align: center; height: 38px; width: 780px; }
	#menu { width: 960px; height: 38px; background:#f4972e url(../images/bg-menu.gif) repeat-x center top; position: absolute; top: 158px; }	
	#menu ul { list-style: none; margin: 0; line-height: 35px; }
		#menu ul li { float: left; height: 38px; padding: 0 10px 0 10px; background: url(../images/barra-menu.gif) no-repeat left; }
		.final { height: 38px; width: 2px; float: left; background: url(../images/barra-menu.gif) no-repeat right; }
		ul li a.current { color: #000; }
		
/*---------HEADER---------*/		
#content { width: 780px; height: 500px; *height:auto; margin: 0 auto; background-color: #fff; }
	#content p { line-height: 18px; }
	#info_noticies { width: 720px; float: left; padding: 20px; }
	#info_altres { width: 480px; float: left; padding: 20px; }
	
	#sidebar { width: 200px; float: left; padding:20px 10px 20px 25px; }
		#sidebar .news a { color: #000; }
		#sidebar .news a:hover { color: #6b3015; }
		
	.news { margin: 0 0 15px 0; }	
	
	#sidebar a.totes { float: right; color: #000; text-decoration: underline; }
	#sidebar a:hover.totes { float: right; color: #000; text-decoration: none; }
	
	#all { width: 720px; float: left; padding: 20px 40px 20px 20px; }
		#all hr { height:1px; color:#dddddd; background:#dddddd; border:0 dotted #dddddd; width: 600px; float: left; margin: 10px 0 15px 55px; }
		
		.news-all { width: 720px; float: left; }
		.news-all img { margin: 7px 20px 0 0; padding: 2px; float: left; border: 1px solid #222; }
		
/*---------FOOTER---------*/
#footer { width:780px; height: 58px; clear: both; margin: 0 auto; padding: 50px 0 20px 0; text-align: center; line-height: 20px; }
	#footer ul { list-style: none; margin: 0; }
		#footer ul li { display: inline; }
			#footer ul li a { color: #000; font-size: 11px; text-decoration: underline; }
			#footer ul li a:hover { color: #000; font-size: 11px; text-decoration: none; }
	#footer p { font-size: 11px; }
		#footer p a { font-size: 11px; text-decoration: underline; }
		#footer p a:hover { font-size: 11px; text-decoration: none; }

hr { height:1px; color:#dddddd; background:#dddddd; border:0 dotted #dddddd; width: 780px; float: left; margin: 0 0 15px 0; *margin: 0 0 0 0; }