/* CSS Document */

body
{ font:80% sans-serif; padding:0 0 20px 0; }
a
{ color:#000; text-decoration:none }
h1,h2,h3,h4,h5
{ margin:0; padding:0; color:#FF6D0D }
img
{ border:0 }

#iframe						{ width:800px; height:400px; margin:0  }
#iframe iframe		{ border:0 }

#web				{ width:980px; margin:0 auto 0 auto; height:auto; }
#peu				{ height:40px; background:#FF6D0D; line-height:40px; clear:both; border-top:1px solid #fff }
#cos				{ clear:both; height:100%; width:980px; }

#butlleti							{ float:left; width:800px; height:100%; margin:25px 0 0 0 }
#butlleti h1					{ margin-bottom:10px; font-size:1.8em; padding-left:10px; background:transparent url(imatges/bg_h1.gif) bottom repeat-x; line-height:40px; border:1px solid #ffdac2 }
#butlleti h2					{ margin-bottom:5px; font-size:1.3em; color:#AA0000 }
#butlleti p						{ font-size:1em; line-height:1.8em; display:block }
#butlleti h1, #butlleti h2	{ margin-right:20px }
#butlleti p									{ padding-right:20px }
#butlleti a 								{ color:#6F0FFF }
#butlleti a:hover { text-decoration:underline }
#butlleti h2 a { color:#AA0000 }
#butlleti h2.noticia { background:transparent url(imatges/ico_h2.gif) left center no-repeat; padding:7px 0 6px 22px; border-bottom:1px solid #ddd }

#butlleti .destacat { background:transparent url(imatges/ico_destacat.gif) left center no-repeat; padding:7px 0 6px 22px; border-bottom:1px solid #ffdac2 }
#butlleti .historic { background:transparent url(imatges/ico_historic.gif) left center no-repeat; padding:7px 0 6px 22px; border-bottom:1px solid #ffdac2; margin-right:20px }

#butlleti p.webreco { background:#f0f1f5 url(imatges/ico_webreco.gif) 6px 7px no-repeat; padding:6px 6px 6px 30px; margin-right:20px; font-size:.95em; line-height:1.4em; border-bottom:1px solid #ddd }
#butlleti .volver 	{ background:#ffece0 url(imatges/ico_volver.gif) 2px center no-repeat; padding:0 0 0 22px; margin:15px 20px 0 0; display:block; line-height:24px; color:#aa0000; border:1px solid #ffdac2 }

.baner	{ padding-left:16px; margin-bottom:20px; margin-right:30px; }
#logo									{ text-align:center; margin:0 auto 12px 16px }
#columna .sinlogo			{ margin-top:25px }

#columna					{ float:right; width:178px; }
#columna h1				{ margin:0; padding:0; height:26px; line-height:26px; padding:0 4px 0 8px; font-weight:normal; font-size:1em; background:#FF6D0D url(imatges/bg_boto.gif) bottom repeat-x; display:block }
 h4				{ margin:0; padding:0; height:45px; line-height:22px; padding:0px 4px 0 8px; font-weight:normal; background:#FF6D0D url(imatges/bg_boto.gif) bottom repeat-x; display:block; color:#FFF; width:768px; font-size:1.2em; margin-bottom:20px}

#columna a:hover	{ color:#fff; font-weight:bold }
#columna .bloc		{ padding:3px 5px 8px 5px; border:1px solid #FF6D0D; margin:0 0 15px 1px; font-size:.9em }
#columna input		{ padding:2px; margin:0 0 5px 0; border:1px solid #999 }
#menu_usuari a:hover { color:#AA0000 }

#menu						{ list-style:none; margin:0 0 15px 0; padding:0; }
#menu li				{ padding:0 1px 1px 0; background:#fff }
#menu a					{ display:block; height:26px; line-height:26px; padding:0 8px 0 8px; border:1px solid #FF6D0D; background:#FF6D0D url(imatges/bg_boto.gif) bottom repeat-x; font-weight:bold }
#menu a:hover		{ color:#fff }

div.dades			{ font-size:11px; padding:5px 7px; background-color:#ffddc7; margin-left:1px; margin-bottom:15px }
div.dades h2	{ font-size:1em; margin:0; padding:0 }
div.dades a					{ text-decoration:underline; color:#0066CC }
#columna div.dades a:hover		{ color:#FF6D0D; font-weight:normal }

div.notifica		{ text-align:left; font-size:11px; line-height:16px; border-width:1px; border-bottom-width:3px; border-style:solid; margin:0 0 15px 0; padding:7px 10px 8px 46px; background-position:4px center; background-repeat:no-repeat; }
div.notifica h2		{ font-size:1.2em; margin-bottom:2px; }
div.notifica p		{ margin:0; padding:0; line-height:1.2em; }
div.error			{ background-color:#ffffa3; border-color:#ffd175; background-image:url(admin/temes/default/imatges/icones/notifica_error.gif); }
div.info			{ background-color:#f0f1f5; border-color:#bfd0e5; background-image:url(admin/temes/default/imatges/icones/notifica_info.gif); color:#333; }

#menu_usuari { background-color:#FFFFA6; padding:3px 5px 8px 5px; border:1px solid #FF6D0D; margin:0 0 15px 1px;}
#menu_usuari ul { padding:0 0 0 0; margin: 0 0 0 0; }
#menu_usuari li { list-style:none;}

/*  +--------------------------------------------------------------------------+    
    | Formularis                                                               |    
    +--------------------------------------------------------------------------+  */ 

#formulari_alta								{ padding-right:20px }
#formulari_alta form					{ margin:0; padding:4px 10px 4px 10px; }
#formulari_alta form *				{ font:1em Tahoma, sans-serif; }

#formulari_alta form span			{ display:block; margin:0; padding:8px 0 10px 0; border-top:1px solid #e1e1e1; clear:both }
#formulari_alta form label			{ font-weight:bold; display:block; padding:0 2px 2px 0; }

#formulari_alta form .text			 				{ padding:3px; font-size:1.2em; border:1px solid #cfcfcf; width:30em; width:534px; background-color:#f5f5f5; margin-bottom:5px; }
#formulari_alta form .textarea 					{ padding:3px; height:100px; border:1px solid #ccc; background-color:#f5f5f5; }
#formulari_alta form .checkbox_dinamic 	{ margin:2px; line-height:18px; }

#formulari_alta .submit input		{ font-weight:bold; padding:2px 6px 2px 6px; cursor:pointer; clear:both }
#formulari_alta .boto						{ font-weight:bold; padding:2px 6px 2px 6px; cursor:pointer; }

#formulari_alta form .submit		{ text-align:center; padding:6px; margin-top:10px; display:block; background:#ffffcc; border-top:1px solid #c3d4be; border-bottom:1px solid #c3d4be; }

#formulari_alta fieldset				{ border:1px solid #ccc; margin-bottom:15px; padding:15px }
#formulari_alta fieldset legend	{ padding:4px 20px 4px 8px; font-size:1.1em; background-color:#ff7c2e; font-weight:bold; color:#FFFFFF; border-bottom:1px solid #ccc }

#alta_taller								{ padding-right:20px }
#alta_taller form					{ margin:0; padding:4px 10px 4px 10px; }
#alta_taller form *				{ font:1em Tahoma, sans-serif; }

#alta_taller form span			{ display:block; margin:0; padding:8px 0 10px 0; border-top:1px solid #e1e1e1; clear:both }
#alta_taller form label			{ font-weight:bold; display:block; padding:0 2px 2px 0; }

#alta_taller form .text			 				{ padding:3px; font-size:1.2em; border:1px solid #cfcfcf; width:30em; width:534px; background-color:#f5f5f5; margin-bottom:5px; }
#alta_taller form .textarea 					{ padding:3px; height:100px; border:1px solid #ccc; background-color:#f5f5f5; }
#alta_taller form .checkbox_dinamic 	{ margin:2px; line-height:18px; }

#alta_taller .submit input		{ font-weight:bold; padding:2px 6px 2px 6px; cursor:pointer; clear:both }
#alta_taller .boto						{ font-weight:bold; padding:2px 6px 2px 6px; cursor:pointer; }

#alta_taller form .submit		{ text-align:center; padding:6px; margin-top:10px; display:block; background:#ffffcc; border-top:1px solid #c3d4be; border-bottom:1px solid #c3d4be; }

#alta_taller fieldset				{ border:1px solid #ccc; margin-bottom:15px; padding:15px }
#alta_taller fieldset legend	{ padding:4px 20px 4px 8px; font-size:1.1em; background-color:#ff7c2e; font-weight:bold; color:#FFFFFF; border-bottom:1px solid #ccc }

div.demo-holder {
	float: left; 
	margin: 1em;
	font-size: 80%;
}
div.demo-holder input {
	width: 90px;
	margin: 1px 5px 5px 0;
}

/* Date picker specific styles follow */
a.date-picker
{
	width: 16px;
	height: 16px;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(imatges/calendar.png) no-repeat; 
}
a.date-picker span
{
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder
{
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}