/* -------- Reset CSS -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family: Arial, sans-serif, Verdana;vertical-align:baseline;text-align: left;}
:focus {outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none;cursor: pointer;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;vertical-align: middle;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* -------------------
	Estils normals
	------------------- */
body { background-color: #EBECEC; margin: 0; padding: 0; font-size:85%; line-height: 1.3em; color: #333; }
fieldset { padding: 3px; border: none; margin-bottom: 10px; }
form { margin: 0; }
img { border: 0; }
br.p { margin-bottom: 2px; clear: both; }
h1, h2, h3, h4, h5, h6 { margin: 0.4em 0; font-weight: normal; }
h1 { font-size: 21px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }
label { font-size: 1.1em; color:#666666; font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-style:italic; }
textarea, input, select {
	color: #000000;
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 99%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
textarea, input { padding: 6px; color: #222; }
textarea { height: 120px; }
input.checkbox { float: left; }
select { padding: 3px; }
textarea:focus, input:focus, select:focus { background-color: #F9F9F9; border: 1px solid #AAAAAA; }
input[type="radio"], input[type="checkbox"] { width: 13px !important; border: none !important; background-color: #FFF !important; }
a.petit { font-size: 11px; }
label.petit { font-size: 1em; }
label.login { font-size: 1.1em; font-style: normal; }
label.normal { color:#333333; font-size:13px;  font-family: Arial; font-style: normal }
fieldset.petit { float: left; width: 100px; margin-right: 20px; }
abbr { cursor: help; }
a { cursor: pointer; color: #687104; outline: none; }
a:hover { cursor: pointer; color: #717454; }

.gris, .gris a { color: #777 !important }
.pendent, .pendent a { color: #F5AD3A !important }
.amagat, .amagat a { color: #669900 !important }
.inactiu, .inactiu a { color: #C04937 !important }
.vermell, .vermell a { color: #E12535 !important; }
.verd, .verd a { color: #749513 !important; }

a.edita, a.elimina, a.administra { text-decoration: none; display: block; text-align: center; padding: 3px; }
a.administra { color: #687104 !important; font-weight: bold; }
a.edita:hover { background-color: #FFCC00; color: #000; }
a.elimina:hover { background-color: red; color: white; }
a.administra:hover { background-color: #669900; color: #000 !important; }

a.edita_titol { text-decoration: none; color: #000; }
.ocult { display: none; }
hr.gris { margin: 5px 0; border-bottom: solid 1px #999; border-top: none }

div.error {
	padding: 10px 10px 10px 40px;
	margin-bottom: 10px;
	background: #FFE1DF url(../imatges/alerta.png) 10px 10px no-repeat;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	font-weight: bold;
}
div.error ul { margin: 2px 0 0 15px; color: red; font-weight: normal; list-style-type: disc; }
span.error_login { color: #B40000; font-style: italic }


#mapa { display: none; width: 370px; height: 250px; border: 1px solid #445566; }
#ipt-titol { width: 100%; font-size: 1.3em; }
#ipt-fitxer { width: 100%; }
#div-data select, #div-data_fi select { padding: 0px; width: 60px !important; }
p.submit { text-align: right; }
input.submit, input.submit2, #div-data select, #div-data_fi select { margin-bottom: 5px; width: 80px; font-size: 0.9em; padding: 3px 5px; }
input.previ { width: 130px; font-size: 0.9em; padding: 3px 5px; }
input.submit, input.submit2, input.previ { 
	cursor: pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	text-align: center;
}
input.submit, input.previ { font-weight: bold; background: transparent url(../imatges/verd.png) repeat-x scroll left top; color: #687104; }
input.submit2 { color: #666666 !important; background: #F2F2F2 url(../imatges/blanc.png) repeat-x scroll left top; padding: 4px 0; }
input.submit2:hover { background: #F2F2F2 url(../imatges/blanc_actiu.png) repeat-x scroll left top; border: 1px solid #AAAAAA; }
input.button { cursor: pointer; }
a.vincula {
	font-weight: bold;
	background: transparent url(../imatges/verd_fosc.png) repeat-x scroll left top;
	color: #FFF;
	padding: 4px 10px;
	margin: 5px;
	display: block;
	width: 170px;
	text-align: center;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	float: left;
	font-size: 12px;
}
p.submit { margin: 10px 0; }

/* -------------------
	Estructura
	------------------- */
#capcalera { background-color: #313131; padding: 5px 0; height: 40px; line-height: 14px; }
#capcalera #logo { margin: 5px; float: left; width: 110px; }
#capcalera #titol { float: left; width: 210px; }
#capcalera #titol h4 { float: left; color: #FFF; border: none; margin: 5px 0 0 0; line-height: 17px; }
#capcalera #titol h4 a { color: #FFF !important; text-decoration: none; }
#capcalera #titol small { float: left; border-radius:3px; -moz-border-radius:3px; background-color: #585858; color: #AAAAAA; margin-left:10px; margin-top:23px; padding:0 6px; }
/*#capcalera #missatges { float: left; width: 300px; margin-top: 5px; color: #FFE595; font-size: 15px; background: transparent url( '../imatges/exclamacio.png' ) no-repeat 0 10px; padding: 10px 0 0 25px; height: 20px; }*/
#capcalera #missatges {
	float: left;
	min-width: 300px;
	padding: 5px 10px 5px 35px;
	margin: 5px 10px 15px 0;
	background-color: #FFF6D8;
	background-image: url( '../imatges/exclamacio.png' );
	background-repeat: no-repeat;
	background-position: 5px 2px;
	font-size: 15px;
	line-height: 18px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	border: 1px solid #FFEAA8;
	box-shadow:1px 3px 4px #888888;
	-moz-box-shadow:1px 3px 4px #888888;
	-webkit-box-shadow:1px 3px 4px #888888;
	-khtml-box-shadow:1px 3px 4px #888888;
}
#capcalera #missatges a { color: #000 !important; }
#capcalera #opcions { float: right; color: #FFF; margin: 0 20px 0 0; text-align: right; width: 300px; font-size: 12px; }
#capcalera a { color: #FFF; text-decoration: none; }
#capcalera #opcions .xat_actiu { font-weight: bold; color: #BFFFAA; }
#capcalera #opcions .xat_away { color: #FFC4BC; font-weight: bold; }

#alerta { background: #FFF; padding:10px; width: 300px; margin:10px; border: 3px groove #ff9600; position: fixed; top: 10px; right: 10px; z-index: 100; }

#continent { clear:both; border-left: 155px solid #FFF; margin: 0 10px 10px 10px; background-color: #FFF; padding: 0 5px 20px 0; height: 100% }
#contingut_web { float:left; width: 100%; margin-top: 10px; }
#peu { clear:both; background-color: #EBECEC; font-size: 11px; margin: 0 10px 10px 10px; }
#peu #peu_dreta { float: right; width: 300px; text-align: right; }
#peu #peu_esquerra { float: left; width: 300px }

#filtres { float: right; margin: 0 5px 10px 0; background-color: #F6F6F6; padding: 5px 15px; }
#filtres #cercador { float: right; text-align: right }
#filtres #cercador img { margin-top: 5px; }
#filtres .filtre { float: left; text-align: right; margin-right: 20px; }
#filtres #cercador form, #filtres #cercador img { float: right }
#filtres input, #filtres select { width: 150px !important; font-size: 11px; float: right; }
#filtres input.imatge { width: auto !important; border: none; margin-top: 2px; }
#filtres_estats { float: right; margin: 0 0 10px 30px; background-color: #F6F6F6; padding: 10px 15px; font-size: 12px; }
#filtres_estats a { text-decoration: none; color: #333; }
#filtres_estats a.estats_actiu { font-weight: bold; }

#llegenda { margin-top: 20px; font-size: 11px; }
#ajuda_cerca { width: 600px; float: right; margin: 10px; text-align: left; clear: both }
#copia_seguretat {
	background-color: #ddd;
	margin-top: -1px;
	padding: 1px 10px 0px 10px;
	width: 47%;
	font-weight: bold;
	border-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}


div.dues-columnes { padding-right: 240px; }
div.dues-columnes div.dreta {
	width: 210px;
	float: left;
	margin-right: -230px;
	position: relative;
	padding: 5px 0px 20px 20px;
	font-size: 0.9em;
}
div.dues-columnes div.esquerra {
	float: left;
	margin-top: 0pt;
	padding-left: 0pt;
	padding-right: 0pt;
	position: relative;
	width: 100%;
}

/* -------------------
	menu d'inserir elements
	------------------- */
ul#menu { list-style: none; float: left; padding: 0; margin: 0 10px 10px 0; font-size: 12px; }
ul#menu li { float: left; margin-right: 10px; text-align: left; }
ul#menu li a img { float: left; margin-right: 5px; }
ul#menu a {
	padding: 5px;
	text-decoration: none;
	float: left;
	min-width: 80px;
	background: transparent url(../imatges/verd.png) repeat-x left top;
	color: #687104;
	font-weight: bold;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
ul#menu a:hover { background-color: #e2fcff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; }


/* -------------------
	Menu
	------------------- */
#seccio {
	float: left;
	clear: left;
	position: relative;	
	width: 145px;
	font-size: 13px;
	padding: 10px 0 0 10px;
	margin: 0 0 0 -155px;
}
#seccio ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 130px;

}
#seccio li { cursor:pointer; margin: 0; padding: 0; display: inline; }
#seccio a { color: #616062; text-decoration: none; display: block }
#seccio a:hover { color: #333; }
#seccio a.menu_top { line-height: 18px; background-color: #EEEEEE; font-weight: bold; border-top: 1px solid #ABABAB; padding: 5px; font-size: 13px; }

#seccio .fletxa { clear: right; cursor:default; float: right; height: 27px; margin: 1px 0 0; padding:1px 2px 0 0;	width:22px; }
#seccio .menu { width: 28px; height: 28px; float: left; margin-left: 3px; }

#seccio .article div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -272px -33px; }
#seccio .article:hover div.menu, #seccio .article.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -272px -1px;
}

#seccio #mediateca div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -125px -33px; }
#seccio #mediateca:hover div.menu, #seccio #mediateca.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -125px -1px;
}

#seccio #valors div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -155px -33px; }
#seccio #valors:hover div.menu, #seccio #valors.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -155px -1px;
}

#seccio #usuari div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -305px -33px; }
#seccio #usuari:hover div.menu, #seccio #usuari.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -305px -1px;
}

#seccio #estats div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -5px -33px; }
#seccio #estats:hover div.menu, #seccio #estats.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -5px -1px;
}

#seccio #menu div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -215px -33px; }
#seccio #menu:hover div.menu, #seccio #menu.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -215px -1px;
}

#seccio #anotacio div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -35px -33px; }
#seccio #anotacio:hover div.menu, #seccio #anotacio.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -35px -1px;
}

#seccio #butlleti div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -335px -33px; }
#seccio #butlleti:hover div.menu, #seccio #butlleti.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -335px -1px;
}

#seccio #textos div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -155px -33px; }
#seccio #textos:hover div.menu, #seccio #textos.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -155px -1px;
}

#seccio #tagetiqueta div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -95px -33px; }
#seccio #tagetiqueta:hover div.menu, #seccio #tagetiqueta.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -95px -1px;
}

#seccio #comentaris div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -35px -33px; }
#seccio #comentaris:hover div.menu, #seccio #comentaris.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -35px -1px;
}

#seccio #enllac div.menu { background:transparent url(../imatges/menu.png) no-repeat scroll -95px -33px; }
#seccio #enllac:hover div.menu, #seccio #enllac.actiu div.menu {
	background: transparent url(../imatges/menu.png) no-repeat scroll -95px -1px;
}

#seccio li.actiu a.actiu { color: #333; }
#seccio .te_subseccio li.subseccioactiu, #seccio .te_subseccio li a.subseccioactiu { color: #333; }

#seccio .subseccio {
	background-color: #F6F6F7;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}
#seccio .subseccio a {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 17px;
	background: transparent url(../imatges/fletxa.png) no-repeat scroll 7px 8px;
}
#seccio .subseccio a:hover { background-color: #F0F0F0 !important; }

#seccio .actiu li.subseccioactiu,
#seccio .actiu li.subseccioactiu a,
#seccio .actiu li.subseccioactiu a:hover {
	font-weight: bold;
}
#seccio li div.comentaris {
	background-color: #D54E21;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:8pt;
	font-weight:bold;
	margin: 7px 3px 0 4px;
	float: left;
}
#seccio li div.comentaris span {
	display:block;
	float:left;
	height:1.6em;
	padding:2px 5px 0 5px;
	color: #FFF;
}
#seccio li span.comentaris_sec {
	background-color: #D54E21;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:7pt;
	font-weight:bold;
	position:absolute;
	margin-left: 5px;
	margin-top: 2px;
}
#seccio li span.comentaris_sec span {
	display:block;
	float:left;
	height:1.6em;
	line-height:1.6em;
	padding:0 6px;
	color: #FFF;
}


/* -------------------
	caixa de consells o informacions de seccions 
	------------------- */
.tip {
	padding: 10px 10px 10px 35px;
	margin: 0 10px 15px 0;
	background-color: #FFF6D8;
	background-image: url( '../imatges/information.png' );
	background-repeat: no-repeat;
	background-position: 5px 8px;
	font-size: 13px;
	line-height: 14px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	border: 1px solid #FFEAA8;
	box-shadow:1px 3px 4px #888888;
	-moz-box-shadow:1px 3px 4px #888888;
	-webkit-box-shadow:1px 3px 4px #888888;
	-khtml-box-shadow:1px 3px 4px #888888;
}
.tip_petit {
	padding: 6px 5px 5px 35px;
	background-color: #FFF6D8;
	background-image: url( '../imatges/information.png' );
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size: 12px;
	color: #000;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border: 1px solid #FFEAA8;
	box-shadow:1px 3px 4px #888888;
	-moz-box-shadow:1px 3px 4px #888888;
	-webkit-box-shadow:1px 3px 4px #888888;
	-khtml-box-shadow:1px 3px 4px #888888;
}
.tip_petit a { color: #000 !important; }
.tip ul, tip_petit ul { list-style-type: disc; margin: 5px 15px; padding-bottom: 5px; }

/* -------------------
	Llistat elements
	------------------- */
div#llistat_fet {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	background-color: #C9D200;
	position: absolute;
	top: 150px;
	right: 15px;
	float: right;
	padding: 10px 100px;
	font-weight: bold;
}
table.llistat { width: 100%; border-collapse: separate; border-spacing: 0 5px; font-size: 13px; margin-top: 5px; }
table.llistat tr.drag { background-color: #C9D200 !important; }
table.llistat th { vertical-align: text-top; }
table.llistat th[scope="col"] { text-align: left; padding: 5px; background: transparent url('../imatges/gris.png') repeat-x scroll left top; min-width: 35px; font-weight: bold; }
table.llistat th[scope="col"] a { color: #000; }
table.llistat th[scope="colgroup"] { text-align: center; padding: 5px; background: transparent url('../imatges/gris.png') repeat-x scroll left top; min-width: 35px; font-weight: bold; }
table.llistat th[scope="colgroup"] a { color: #000; }
table.llistat th[scope="row"] { width: 60px; color: #6E6E6F; font-weight: bold; text-align: center; }
table.llistat tr.funcions { background-color: #DBE5C7; }
table.llistat tr.funcions a { color: #687104; }
table.llistat tr.funcions table tr td { padding: 0 20px; }
table.llistat tr.class_actiu { background-color: #F1F1F1; color: #333 !important; }
table.llistat tr.class_actiu a { color: #333; }
table.llistat tr.class_actiu:hover { background-color: #E0E0E0; color: #333; }
table.llistat tr.class_pendent { background-color: #FEF6E9; color: #F5AD3A !important;}
table.llistat tr.class_pendent:hover { background-color: #F7EBD7; color: #F5AD3A !important;}
table.llistat tr.class_pendent a { color: #F5AD3A; }
table.llistat tr.class_inactiu { background-color: #FEF6F2; color: #C04937 !important; }
table.llistat tr.class_inactiu:hover { background-color: #F5E6DE; color: #C04937 !important; }
table.llistat tr.class_inactiu a { color: #C04937; }
table.llistat tr.class_destacat { background-color: #C7EBFF; color: #0888D1 !important; }
table.llistat tr.class_destacat:hover { background-color: #A5DCFA; color: #0888D1 !important; }
table.llistat tr.class_destacat a { color: #0888D1; }
table.llistat tr.class_conflicte { background-color: #FFEBC9; color: #B7630E !important; }
table.llistat tr.class_conflicte:hover { background-color: #F7D9A8; color: #B7630E !important; }
table.llistat tr.class_conflicte a { color: #B7630E; }
table.llistat tr.class_amagat { background-color: #FDFFD8; color: #687104 !important; }
table.llistat tr.class_amagat:hover { background-color: #DCE557; color: #687104 !important; }
table.llistat tr.class_amagat a { color: #687104; }
table.llistat tr td { padding: 3px 10px; vertical-align: text-top; }
table.llistat tr td.accio { width: 20px; }
table.llistat tr td.dragHandle { cursor: move; }
table.llistat tr td div { display: none; color: #666; font-style: italic; }
table.llistat a { color: #009EE0; text-decoration: none; }
select.accions_massives {width: 150px; margin-top: 7px;font-size: 11px;}
input.accions_massives {
	width: 80px;
	font-size: 11px;
	cursor: pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	text-align: center;
	color: #666666 !important;
	background: #F2F2F2 url(../imatges/blanc.png) repeat-x scroll left top;
	padding: 2px 0;
}
input.accions_massives:hover { background: #F2F2F2 url(../imatges/blanc_actiu.png) repeat-x scroll left top; border: 1px solid #AAAAAA; }


.paginacio { width: 100%; padding: 3px; }
.paginacio a, .paginacio span {
	display: block;
	float: left;
	margin-right: 3px;
	border: 1px solid #D3D3D3;
	background-color: #EEEEEE;
	text-decoration: none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding:2px 4px;
	font-size: 12px;
}
.paginacio a:hover { color: #555555; background-color: #FAFFC6; border: 1px solid #687104; }
.paginacio span.actual { background-color: #DFDFDF; border: 1px solid #D3D3D3; }
.paginacio_llegenda {
	float: left;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:12px;
	font-style:italic;
	margin-right:10px;
	color: #777777;
}

h2.seccio {
	font-size:24px;
	margin:0;
	padding: 10px 20px;
	color: #009EE0;
}

div.titol {
	background-color: #EBF7FD;
	margin: 0 10px 15px 0;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	box-shadow:1px 3px 4px #888888;
	-moz-box-shadow:1px 3px 4px #888888;
	-webkit-box-shadow:1px 3px 4px #888888;
	-khtml-box-shadow:1px 3px 4px #888888;
}
div.icona { float:left; height:32px; margin: 0 5px 0 5px; width: 36px; }
div.icona-article { background:transparent url(../imatges/icones.png) no-repeat scroll -552px -5px; }
div.icona-estats { background:transparent url(../imatges/icones.png) no-repeat scroll -12px -5px; }
div.icona-butlleti { background:transparent url(../imatges/icones.png) no-repeat scroll -552px -5px; }
div.icona-comentari { background:transparent url(../imatges/icones.png) no-repeat scroll -70px -5px; }
div.icona-usuari { background:transparent url(../imatges/icones.png) no-repeat scroll -600px -5px; }
div.icona-menu { background:transparent url(../imatges/icones.png) no-repeat scroll -430px -5px; }
div.icona-mediateca { background:transparent url(../imatges/icones.png) no-repeat scroll -250px -5px; }
div.icona-etiquetes { background:transparent url(../imatges/icones.png) no-repeat scroll -190px -5px; }
div.icona-textos { background:transparent url(../imatges/icones.png) no-repeat scroll -310px -5px; }
div.icona-anotacions { background:transparent url(../imatges/icones.png) no-repeat scroll -70px -5px; }


/* -------------------
	Llistat d'arxius a dins un element
	------------------- */
#llistat-imatges, #llistat-documents, #llistat-audios, #llistat-videos { margin-bottom: 10px; }
#insereix-imatge, #insereix-document, #insereix-audio, #insereix-video, #insereix-opcio { display: none; margin-top: 20px; }
#insereix-imatge div, #insereix-document div, #insereix-audio div, #insereix-video div, #insereix-opcio div {
	margin-top: 20px;
	background-color: #f3f4dd;
	padding: 10px;
	border-radius:6px;
	-moz-border-radius:6px; 
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
#insereix-imatge input, #insereix-document input, #insereix-audio input, #insereix-video input, #insereix-opcio input,
#insereix-imatge textarea, #insereix-document textarea, #insereix-audio textarea, #insereix-video textarea
{ width: 98%; }
.llistat_arxiu_elimina { float: right; margin-top: 7px; }

.llistat_requadre, .llistat_requadre_esquerra, .llistat_requadre_dreta { 
	border: 1px solid #AAA; 
	border-radius:6px;
	-moz-border-radius:6px; 
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: 5px;
}
.llistat_requadre { padding: 10px; margin-bottom: 20px; }
.llistat_requadre_esquerra { float: left; width: 48%; }
.llistat_requadre_dreta { float: right; width: 48%; }

.llistat_requadre h4, .llistat_requadre_esquerra h4, .llistat_requadre_dreta h4 {
	line-height:1;
	background: transparent url('../imatges/gris.png') repeat-x scroll left top;
	padding: 7px 0 7px 20px;
	color: #222;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	font-size: 13px;
	font-weight: bold;
}
.llistat_requadre h4 { margin: -10px -10px 10px -10px; }
.llistat_requadre_esquerra h4, .llistat_requadre_dreta h4 { margin: -5px -5px 10px -5px; }
.llistat_requadre_esquerra input, .llistat_requadre_dreta input,
.llistat_requadre_esquerra textarea, .llistat_requadre_dreta textarea
	{ width: 95% !important; }

.llistat_requadre_esquerra h4 a, .llistat_requadre_dreta h4 a
	{ margin: 0 3px; padding: 6px 5px; font-weight: normal; color: #009EE0; }
.llistat_requadre_esquerra h4 a.seleccionat, .llistat_requadre_dreta h4 a.seleccionat
	{ font-weight: bold; color: #009EE0; background-color: #FFF; }


.llistat_arxiu {
	background-color: #f3f4dd;
	padding: 10px;
	border-radius:6px;
	-moz-border-radius:6px; 
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	margin: 20px 0 10px 0;
	height: 100%;
	font-size: 12px;
	line-height: 15px;
}
.llistat_select { margin-bottom: 10px; }
.llistat_arxiu_numero { float: left; width: 80px; margin-top: 5px; }
.llistat_arxiu_numero h1 { font-size: 40px; color: #000; border: none; margin: 0; }
.llistat_arxiu_contingut { float: left; width: 480px; margin-top: 5px; }
.llistat_arxiu1 { float: left; width: 85px; margin-top: 10px }
.llistat_arxiu2 { float: left; width: 250px; margin-top: 10px }
.llistat_arxiu3 { float: right; width: 130px; margin-top: 5px; text-align: right; }
.llistat_video1 { float: left; width: 230px; margin-top: 10px }
.llistat_video2 { float: left; width: 230px; margin-top: 10px }

.requadre_dreta {
	background-color: #FEFFF7;
	line-height:1;
	margin-bottom:20px;
	border: 1px solid #AAA;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: 0 5px;
}
.requadre_dreta h4 {
	line-height:1;
	margin: 0 -5px 10px -5px;
	background: transparent url('../imatges/gris.png') repeat-x scroll left top;
	padding: 5px 0 5px 20px;
	color: #222;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	font-size: 13px;
	font-weight: bold;
}
.requadre_dreta h5 { border: none; color: #333; font-size: 13px; } 
.requadre_dreta input[type=text] { width: 180px }
.requadre_dreta .requadre_select_multiple { max-height: 200px; overflow-y: scroll }
.requadre_dreta .requadre_select_multiple label { color: #000; font-style: normal; font-family: Arial }
.requadre_dreta .requadre_select_multiple ul li ul { margin-left: 20px; }
.requadre_dreta label { color:#333333; font-size:13px;  font-family: Arial; font-style: normal }
.requadre_dreta a.seleccionat { font-weight: bold; }


.paginacio_petita { width: 100%; padding: 2px; }
.paginacio_petita a, .paginacio_petita span {
	font-size: 11px;
	margin-right: 3px;
	border: 1px solid #D3D3D3;
	background-color: #EEEEEE;
	text-decoration: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	padding:2px 4px;
}
.paginacio_petita a:hover { color: #555555; background-color: #c9e4ff; border: 1px solid #21759B; }
.paginacio_petita span.actual { background-color: #DFDFDF; border: 1px solid #D3D3D3; }


#desa_flotant {
	position: fixed;
	right: 10px;
	top: 0;
	width: 230px;
	display: none;
	line-height:1;
	margin-bottom:20px;
	border: 1px solid #AAA;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: 0 3px;
	z-index: 100;
	background-color: #fbfdc2;
}
#desa_flotant h4 {
	line-height:1;
	margin: 0 -3px 3px -3px;
	background: transparent url('../imatges/verd.png') repeat-x scroll left top;
	padding: 5px 0 5px 20px;
	color: #222;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	font-size: 12px;
	font-weight: bold;
	
}


/* -------------------
	Entrada
	------------------- */
div#login {
	width: 350px;
	margin: 150px auto 0 auto;
	padding: 10px;
}
div#login div {
	text-align: center;
	background-color: #FFFFFF;
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	padding-top: 10px;
}
div#login form {
	width: 80%;
	text-align: center;
	display: block;
	margin: 0 auto;
}
div#login form inpcolumna-pralut {
	margin-bottom: 10px;
	width: 90%;
}
div#login form label {
	float: left;
}
div#login form input.login { width: 230px }
#ipt-login {
	background: transparent url(../imatges/verd.png) repeat-x scroll left top;
	border-color: #687104 !important;
	color: #687104 !important;
	font-weight: bold;
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	border: 1px solid;
	cursor: pointer;
	font-size: 12px;
	margin-top: -3px;
	padding: 3px 10px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	width: 130px;
	float: right;
}
div#login div#credits {clear: both; font-size: 14px; margin: 20px 0 0; padding: 10px 20px; }
div#login div#credits p { float: left; }
div#login div#credits img { float: right; vertical-align: middle; margin-top: 2px; }





/* -------------------
	cercador de noticies/arxius
	------------------- */
.llistat_paginacio { margin-top: 15px; }
.llistat_elements {
	width: 400px;
	max-height: 300px;
	background-color: #F9F9F9;
	border: 1px solid #D1D1D1;
	overflow: auto;
	float: left;
	padding: 7px;
}
.llistat_elements img.miniatura, .llistat_afegits img.miniatura {
	float: left;
	margin-right: 7px;
}
.llistat_elements .titol { text-decoration: none; color: #000; }

.llistat_afegits {
	float: left;
	margin-left: 15px;
	width: 250px;
}

.llistat_elements ul, .llistat_afegits ul {
	list-style: none;
	padding: 0;
	margin: 7px 0 0 0;
}
.llistat_elements ul li, .llistat_afegits ul li {
	padding: 0 0 15px 0;
	margin: 0;
}
.llistat_afegits input.petit { font-size: 11px; width: 150px; padding: 0px }

.etiquetes_populars { 
	display: none;
	margin: 10px 3px 0 3px;
	padding: 5px;
	border: 1px solid #D3D3D3;
	background-color: #F9F9F9;
	text-decoration: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.etiquetes span, .etiquetes_populars span { 
	cursor:default;
	display:block;
	float:left;
	font-size:11px;
	line-height:1.8em;
	margin-right:25px;
	white-space:nowrap;
}





#imatge_grossa {
	width: 900px;
	float: left;
}
#imatge_previ {
	overflow: hidden;
	width: 170px;
	height: 170px;
	margin-left: 10px;
	float: left;
}

/* -------------------
	calendari
	------------------- */
table.calendari { width: 245px; float: left; border-collapse: separate; border-spacing: 0 5px; margin: 20px 30px; }
table.calendari tr th.mes { font-weight: bold; font-size: 14px; text-align: center; }
table.calendari tr.dies td { font-weight: bold; }
table.calendari tr td { width: 35px;  text-align: center; font-size: 12px; }
table.calendari tr td a { color: #000; }
table.calendari tr td.seleccionat { color: #BBB; }
table.calendari tr td.class_actiu { background-color: #CCF2FF; color: #333 !important; }
table.calendari tr td.class_pendent { background-color: #FFF4AD; color: #F5AD3A !important;}
table.calendari tr td.class_inactiu { background-color: #FFBDBA; color: #C04937 !important; }


.desti { border: solid 2px #646464; background-color: #ffffe1; height: 200px; overflow: auto; margin-bottom: 10px }
.desti_petit { border: solid 2px #646464; background-color: #ffffe1; height: 150px; overflow: auto; margin-bottom: 10px }
.desti ul, .desti_petit ul { width: 100%; height: 100%; margin: 0; padding: 0; }
.desti li, .desti_petit li { width: 100%; margin: 0 0 0 20px; padding: 5px 0; }
.desti li.titol, .desti_petit li.titol { margin: 0 0 0 10px; padding: 0; list-style-type: none; font-size: 20px }
.desti li small, .desti_petit li small { display: none; }
.desti li input, .desti_petit li input { width: 70px; display: block; font-size: 11px; }
.desti li a, .desti_petit li a { display: block; }

ul#llistat_noticies { margin: 0; padding: 0; }
ul#llistat_noticies .element {
    border: solid 1px #ABABAB;
    padding: 5px 2px;
    cursor: move;
    background-color: #EEEEEE;
    color: #000;
    list-style-type: none;
    margin-bottom: 5px;
}
ul#llistat_noticies .element input, ul#llistat_noticies .element a { display: none; }



.chatbox {
	position: fixed;
	width: 225px;
	display:none;
}

.chatboxhead {
	background-color: #ACB600;
	padding:7px;
	color: #ffffff;
	border-right:1px solid #ACB600;
	border-left:1px solid #ACB600;
}

.chatboxblink {
	background-color: #009EE0;
	border-right:1px solid #009EE0;
	border-left:1px solid #009EE0;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 206px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #ACB600;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.chatboxtitle {
	float: left;
}



.acInput {
	width: 200px;
}
.acResults {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.acResults ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.acResults li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url('imatges/loading.gif') right center no-repeat;
}

.acSelect {
	background-color: Highlight;
	color: HighlightText;
}


ul#llista1, ul#llista2 {
	list-style: none;
	border: 1px solid #AAAAAA;
	min-height: 50px;
	margin: 10px;
	padding: 10px 30px;
}
ul#llista1 li, ul#llista2 li {
	border:1px solid #DADADA;
	background-color:#EBF7FD;
	padding:1px 7px;
	margin:5px 0;
	height: 18px;
	color:#666666;
	font-weight: bold;
}

ul#llista1 li:hover, ul#llista2 li:hover {
	background-color:#FFF;
	cursor:move;
}

.desassocia {
    float:right;
    padding-right: 5px;
}





ul#llista1, ul#llista2, ul#llistanoticies1, ul#llistanoticies2, ul#llistaactes1, ul#llistaactes2 {
	list-style: none;
	border: 1px solid #AAAAAA;
	min-height: 50px;
	margin: 10px;
	padding: 10px 30px;
}
ul#llista1 li, ul#llista2 li, ul#llistanoticies1 li, ul#llistanoticies2 li, ul#llistaactes1 li, ul#llistaactes2 li {
	border:1px solid #DADADA;
	background-color:#EBF7FD;
	padding:1px 7px;
	margin:5px 0;
	height: 18px;
	color:#666666;
	font-weight: bold;
}

ul#llista1 li:hover, ul#llista2 li:hover, ul#llistanoticies1 li:hover, ul#llistanoticies2 li:hover, ul#llistaactes1 li:hover, ul#llistaactes2 li:hover {
	background-color:#FFF;
	cursor:move;
}

.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}