body { font-size:11px; color:#454545; margin:0; padding:0; background: #FFF url(../img/fons-web.gif) left top repeat-x; }
	body.no-background { background:none; }
	
	.wrap { width: 994px; margin: 0 auto; padding:0; }
	
	/* TÍTOLS */
	h1 { font-size: 1.6em; font-weight:normal; color: #ff0084; padding: 4px; margin: 4px; }
	h2 { font-size: 1.4em; font-weight:bold; color: #454545; padding: 2px; margin: 2px; }
	h3 { font-size: 1.2em; color: #0073ea; padding: 0; margin: 0; }
	h4 { font-size: 1em; color: #454545; padding: 0; margin: 0; }
	
	/* VINCLES */
	a.default { color: #0073ea; text-decoration:none; }
	a.default:hover { color: #ff0084; }
	a.default-active { color: #ff0084; text-decoration:none; }
	a.default-disabled { color: #9fb7eb; text-decoration:none; cursor:default; }
	
	/* COLORS */
	.color-text { color: #454545 !important; }
	.color-gris { color: #dddddd !important; }
	.color-blau { color: #0073ea !important; }
	.color-rosa { color: #ff0084 !important; }
	
	/* COLORS DE FONS */
	.fons-gris { background: #f6f6f6 url(../css/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; }
	
	/* TABLE */
	table.default { border-collapse:1px; }
	table.default.border { border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	border-radius: 4px; padding:4px; }
	table.default.width100 { width: 100%; }
	table.default thead { background: #f6f6f6 url(../css/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; }
	table.default th { padding: 6px; border: 1px solid #ddd; font-weight:bold; vertical-align:bottom; }
	table.default tr {  }
	table.default td { padding: 4px; vertical-align:top; text-align:left; }
	table.default td.titol { text-align:right; }
	table.default td.input { text-align:left; }
	table.default tfoot {}
	table.default tfoot td {}
	table.default.data td.a { text-align:right; }
	table.default.data td.b { text-align:left; font-weight:bold; }
	
	.separador { border-bottom: 1px solid #ddd; }
	
	/* CAIXES */
	.border { border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	border-radius: 4px; padding:4px; }
	
/* ------------------------------------------------------------------------------------
	HEADER
 ------------------------------------------------------------------------------------ */
	
	#header {  }
	
	#header .logo { float:left; width: 192px; height:60px; padding: 6px 4px 4px 4px; }
	#header .banner { float:left; height: 60px; padding: 6px 4px 4px 4px; }
	#header .main-menu { float:left; height: 32px; padding: 5px 0px 0px 0px; }
	
	#header .user-zone { float:right; width:310px; height:100px; padding: 6px 4px 4px 4px; color: #454545; }
	#header .user-zone form { padding:0; margin:0; }
	#header .user-zone input { padding:2px; margin:0; font-weight:normal; }
	#header .user-zone .vincles { padding-left:10px; }
	#header .user-zone .vincles a { margin-left: 10px; }
	
	#header .user-zone .config-vincles { padding-bottom: 6px; }
	
	a.minibutton { clear:left; margin:0; padding: .2em .6em; text-decoration:none !important; border: 1px solid #ddd;  
	cursor:pointer; position: relative; text-align: center; zoom: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	border-radius: 4px; background: #f6f6f6 url(../css/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
	color: #0073ea; font-weight:bold; }
	a.minibutton:hover { border: 1px solid #0073ea; font-weight: bold; color: #ffffff; 
	background: #0073ea url(../css/flick/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; }
	
/* ------------------------------------------------------------------------------------
	FOOTER
 ------------------------------------------------------------------------------------ */
	
	#footer { padding: 10px; background-color: #f6f6f6; 
	border: 1px solid #ddd; }
	#footer .content { margin: 0 auto; width: 994px; }
	#footer .content p { padding:0 0 6px 0; margin:0; }
	#footer .content p.telf { font-size: 1.6em; }
	#footer .content h4 { padding-bottom: 6px; }
	#footer .content a { text-decoration:none; color: #0073ea; font-weight:bold; }
	#footer .content a:hover { color: #ff0084; }
	#footer .content .nosaltres { float:left; padding: 0 16px 0 6px; }
	#footer .content .serveis { float:left; padding: 0 16px 0 16px; }
	#footer .content .reconeixements { float:left; padding: 0 16px 0 16px; }
	#footer .content .contacte { float:right; padding: 0 6px 0 16px; width: 180px; }
	#footer .content .contacte div { padding-bottom: 4px; }
	#footer .content .contacte .telf { font-size: 1.6em; background: url(../img/icons/mobile-phone.png) left top no-repeat; padding-left:20px; }
	#footer .content .contacte .email a { font-size: 1.4em; background: url(../img/icons/paper-plane.png) left top no-repeat; padding-left: 20px; }
	#footer .content .contacte .web a { font-size: 1.2em; background: url(../img/icons/globe.png) left top no-repeat; padding-left: 20px; }
	
/* ------------------------------------------------------------------------------------
	SUBMENU
 ------------------------------------------------------------------------------------ */
	
	#submenu { float:left; padding: 10px 10px 0px 10px; margin:0; width: 572px; }
	#submenu .titol-apartat { width: 570px; padding:0; margin:0; }
	#submenu .titol-apartat h1 { font-size: 2.4em; padding: 0; margin:0 10px 0 10px; }
	#submenu .titol-apartat h2 { font-size: 2em; padding: 0; margin:0 10px 0 10px; }
	#submenu .titol-apartat .data { color: #0073ea; margin: 0 10px 10px 10px; font-size: 1.2em; }
	
/* ------------------------------------------------------------------------------------
	CONTENT
 ------------------------------------------------------------------------------------ */
	
	#content { float:left; padding: 10px; width: 572px; margin-bottom: 10px; }
	#content.large { float:left; padding: 10px; width: 770px; margin-bottom: 20px; }
	
	/* CAIXA */
	#content .box { padding-bottom:10px; padding-top:10px; }
	#content .box h1 { padding: 4px;  margin: 0px; }
	#content .box h2 { padding: 4px;  margin: 0px; }
	#content .box h3 { font-size: 1.3em; color: #0073ea; padding: 4px; margin: 0; color: #454545; }
	#content .box p { padding: 0 0 6px 0; margin:0; }
	#content .box .content-box { padding: 8px 8px 0 8px; }
	#content .box .peu-box { text-align:right; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 4px; }
	#content .box .peu-box span { padding-left: 10px; }
	#content .box .peu-box a { text-decoration:none; color: #0073ea; }
	#content .box .peu-box a:hover { color: #ff0084; }
	
/* ------------------------------------------------------------------------------------
	RIGHT-SIDEBAR
 ------------------------------------------------------------------------------------ */
	
	#right-sidebar { float:right; width:192px; padding:4px; margin-bottom: 20px; }
	#right-sidebar .sidebar-box { border: 1px solid #dddddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	border-radius: 4px; padding: 6px; margin: 10px 0px 10px 0px; }
	
	/* ÚLTIMES ACTIVITATS */
	#right-sidebar h3 { font-size: 1.3em; font-weight:bold; color:#454545; padding: 8px 0 6px 0; margin:0; }
	#right-sidebar .llistat-activitats { margin-left: 3px; padding:0 0 0 6px; border-left: 1px solid #ddd; }
	#right-sidebar .llistat-activitats p { margin:0; padding:0 0 6px 0; }
	#right-sidebar .llistat-activitats p span { font-weight:normal; color: #454545; }
	#right-sidebar .llistat-activitats p a { text-decoration:none; color: #0073ea; 
	background: url(../img/control-000-small.png) left top no-repeat; padding-left: 10px; font-weight:bold; }
	#right-sidebar .llistat-activitats p a:hover { color: #ff0084; }
	
	#right-sidebar .right-apartats { padding: 6px; }
	#right-sidebar .right-apartats p { padding:0px 0 8px 0; margin:0; }
	#right-sidebar .right-apartats a { text-decoration:none; font-size:12px; }
	
/* ------------------------------------------------------------------------------------
	LEFT-SIDEBAR
 ------------------------------------------------------------------------------------ */	
	
	#left-sidebar { float:left; width: 192px; padding: 4px; margin-bottom: 20px; }
	#left-sidebar .sidebar-box { border: 1px solid #dddddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	border-radius: 4px; padding: 6px; margin: 10px 0px 10px 0px; }
	
	/* ORGANITZADOR */
	#left-sidebar .organitzador { }
	#left-sidebar .organitzador img { margin: 0 auto; }
	#left-sidebar .organitzador h2 { text-align:center; }
	#left-sidebar .organitzador .vincles { text-align:right; padding-top: 4px; }
	#left-sidebar .organitzador .vincles p { padding: 2px; margin:0px; }
	
	/* HISTŇRIC */
	#left-sidebar .historic {}
	#left-sidebar .historic h3 { text-align:center; padding-bottom: 6px; }
	#left-sidebar .historic .vincles { text-align:right;}
	#left-sidebar .historic .vincles p { padding: 4px; margin: 0; }
	
	#left-sidebar .vincles-home { text-align:right; }
	
	/* + INFORMACIÓ */
	#left-sidebar .mes-info { padding-bottom: 10px; }
	#left-sidebar .mes-info .titol { color: #454545; text-align:right; font-size: 1.4em; padding:2px 6px 2px 6px; font-weight:bold; }
	#left-sidebar .mes-info .vincles { padding: 10px 10px 6px 10px; }
	#left-sidebar .mes-info .vincles p { text-align: right; font-size: 1.1em; padding:0 0 8px 0; margin:0; }






























/* ------------------------------------------------------------------------------------
	MENU
 ------------------------------------------------------------------------------------ */
	
	#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { clear:left; margin:0 4px 20px 10px; padding: .4em 1em; text-decoration:none !important; 
	cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-minibutton { clear:left; margin:0 4px 10px 4px; padding: .2em .6em; text-decoration:none !important; 
	cursor:pointer; position: relative; text-align: center; zoom: 1; }
	
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(../img/spinner_bar.gif) no-repeat 0 0; }