body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}

div#header {
	padding: 0;
	margin: 0;
	height: 86px; min-height: 86px; max-height: 86px;
	background: url('../images/default/header_bg_blue.png') left top repeat-x;
	width: 100%;
}

div#header img.logofib {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

div#header img.logoupc {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

div#inner {
	background: #333333;
}

div#topbar {
	position: absolute;
	top: 60px;
	left: 10px;
}

div#topbar ul#navbar {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#topbar ul#navbar li {
	background: white;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0598ad;
}

div#content {
 	position: absolute;
	top: 86px;
	left: 10px;
	height: 570px; max-height: 570px; min-height: 570px;
	width: 980px; max-width: 980px; min-width: 980px;
	background: white;
}

div#content div.new {
	position: absolute;
	top: 0;
	left: 10px;
	padding: 10px;
}

div#content div.new h1 {
	margin: 0;
	padding: 0;
	line-height: 1.15em;
	font-size: 32px;
	color: #cc0033;
}

div#content div.new p.date {
	color: #0099cc;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 18px;
}

div#content div.new p.date span {
	color: #333333;
}

div#content div.new div.description {
	font-size: 28px;
	margin-top: 20px;
	width: 500px; max-width: 500px; min-width: 500px;
	float: left;
}

div#content div.new div.description_llarg {
	font-size: 28px;
	margin-top: 20px;
	width: 900px; max-width: 900px; min-width: 900px;
	float: left;
}

div#content div.new div.description_llarg .field-name-body{	
	width: 400px; max-width: 400px; min-width: 400px;
	float: left;
}

div#content div.new div.description_llarg img{
	float: right;
	margin-left: 30px;
	max-height: 400px; 
	max-width: 410px; 
}

div#content div.new div.imagepress {
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	height: 400px; max-height: 400px; min-height: 400px;
	width: 410px; max-width: 410px; min-width: 410px;
}

div#content div.new div.author {
	position: absolute;
	top: 540px;
	left: 10px;
	text-align: left;
	font-size: 14px;
	color: #666666;
}

div#content div.new p {
	line-height: 1.15em;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

div#content div#loading {
	margin: 0;
	padding: 0;
	background: url('../images/default/loader_big.gif') 290px center no-repeat;
	width: 950px;
	height: 500px;
}

div#content div#loading p {
	margin: 0;
	padding: 0;
	font-size: 32px;
	line-height: 500px;
	width: 870px;
	padding-left: 80px;
	text-align: center;
}

/* avisos */

div#content div.paragraf {		
	padding: 10px 10px 10px  20px;
}

div#content div.paragraf h2 {
	margin: 0;
	padding: 0;
	line-height: 1.15em;
	font-size: 32px;
	color: #cc0033;
}

div#content div.paragraf div.text {
	font-size: 28px;
	margin-top: 20px;	
	float: left;
}

div#content div.paragraf .imatge_dreta {
	float: right;
	margin-left: 30px;
	margin-top: 30px;
}


/* sidebar */

div#sidebar {
	position: absolute;
	top: 65px;
	left: 995px;
}

div#sidebar canvas#clock {
 	float: right;
 	background: url('../images/default/clock.png') -4px -4px  no-repeat;
 	margin-right: 5px;
}

div#sidebar div#calendar {
	float: left;
	background: url('../images/default/calendar.png') top left no-repeat;
	min-height: 124px; height: 124px; max-height: 124px;
	min-width: 115px; width: 115px; max-width: 115px;
	margin-top: 15px;
	padding-top: 23px;
}

div#sidebar div#calendar p {
	text-align: center;
	margin: 0; padding: 0;
	color: white;
	line-height: 1em;
}

div#sidebar div#calendar p#day_letters {
	font-size: 14px;
	margin: 0; padding: 0;
	font-weight: bold;
}

div#sidebar div#calendar p#day_numbers {
	font-size: 56px;
	margin: 0; padding: 0;
	font-weight: bold;
}

div#sidebar div#temps
{
	clear: both;
	background: url('../images/default/temps_bg.png') left top no-repeat;
	min-height: 110px;
	padding-top: 32px;
	margin-left: 5px;
	padding-left: 15px;
	width: 248px;
}

div#sidebar div#esdeveniments
{
	clear: both;
	background: white;
	min-height: 284px;
	padding: 5px;
	width: 95%;
}

div#sidebar div#temps p, div#sidebar div#esdeveniments p
{
	padding: 0;
	margin: 0;
	line-height: 1.15em;	
}

div#sidebar div#temps h2, div#sidebar div#esdeveniments h2
{
	color: white;
	font-size: 14px;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-left: 0;
	font-weight: bold;
}

div#sidebar div#temps h2 span, div#sidebar div#esdeveniments h2 span
{
	color: #828788;
}

div#sidebar div#esdeveniments
{
	background: url('../images/default/agenda_bg.png') top left no-repeat;
}

div#sidebar div#esdeveniments ul#events
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#sidebar div#esdeveniments div#marge_events
{
	margin-left: 10px;
	margin-top: 37px;
}

div#sidebar div#esdeveniments ul#events li.day_mark
{
	font-size: 15px;
	color: black;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: 10px;
}

div#sidebar div#esdeveniments ul#events li.event
{
	font-size: 14px;
	line-height: 1.15em;
	margin-bottom: 10px;
}

div#sidebar div#esdeveniments ul#events li.event span.time
{
	color: #333333;
	font-weight: bold;
}

div#sidebar div#esdeveniments ul#events li.event span.location
{
	color: #de0438;
	font-weight: bold;
}

div#sidebar div#esdeveniments ul#events li.event span.description
{
	font-size: 14px;
	font-weight: normal;
	color: #090c0c;
}

div#footer {
	position: absolute;
	top: 676px;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #555d5e;
	height: 33px; min-height: 33px; max-height: 33px;
}

div#footer div#rss_logo {
 	position: absolute;
 	left: 0;
	background: url('../images/default/rss_icons/background.png') bottom left no-repeat;
	height: 32px; max-height: 32px; min-height: 32px;
	width: 143px; max-width: 143px; min-width: 143px;
}

div#footer div#rss_logo p {
	margin: 0; padding: 0;
	padding-left: 10px;
}

div#footer div#rss_logo p img {
	padding-top: 5px;
}

div#footer marquee#actualitat {
	float: left;
	margin: 0; padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

div#footer marquee#actualitat p {
	line-height: 33px;
	font-size: 18px;
	color: white;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div#footer marquee#actualitat ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#footer marquee#actualitat ul li {
	display: inline;
	line-height: 33px;
	font-size: 18px;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #828c8d;
}

div#ajaxloading
{
	position: absolute;
	top: 570px;
	left: 900px;
}

div#ajaxloading p
{
	line-height: 32px;
	font-size: 32px;
	color: #cc0033;
	background: url('../images/ajax-loader.gif') left center no-repeat;
	padding-left: 45px;
}