/* -------- 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; }
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.2em; }
textarea, input, select {
	color: #000000;
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	width: 100%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
textarea, input { padding: 3px; }
textarea { height: 120px; }
input.checkbox { float: left; }
select { padding: 3px; }
textarea:focus, input:focus, select:focus { background-color: #F9F9F9; border: 1px solid #AAAAAA; }
input.radio, input.checkbox { width: 13px !important; border: none !important; background-color: #FFF !important; }
label.petit { font-size: 1em; }
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; }

div.error ul { margin-top: 5px; color: red; }
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; }
input.submit, input.submit2, input.previ { 
	cursor: pointer;
	-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;
	-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; -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 #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: bolder; color: #BFFFAA; }
#capcalera #opcions .xat_away { color: #FFC4BC; font-weight: bolder; }

#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; }

#filtres { float: right; margin-right: 5px;  background-color: #F6F6F6; padding: 5px 15px; }
#filtres #cercador { float: right; width: 230px; text-align: right }
#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; }
#filtres_estats { float: right; margin: 0 0 0 30px; background-color: #F6F6F6; padding: 10px; font-size: 12px; }
#filtres_estats a { text-decoration: none; color: #333; }
#filtres_estats a.estats_actiu { font-weight: bolder; }

#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;
	padding: 1px 10px 0px 10px;
	margin: -30px auto 0 auto;
	width: 96%;
	font-weight: bolder;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-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 0 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: 8px 5px;
	text-decoration: none;
	float: left;
	min-width: 80px;
	background: transparent url(../imatges/verd.png) repeat-x left top;
	color: #687104;
	font-weight: bolder;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
ul#menu a:hover { background-color: #e2fcff; -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: bolder; 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 #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 #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;
	-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;
	-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: 15px 10px;
	background-color: #FFF6D8;
	background-image: url( '../imatges/exclamacio.png' );
	background-repeat: no-repeat;
	background-position: 5px 10px;
	border: 1px solid #C2BBA4;
	font-size: 12px;
	line-height: 14px;
}
.tip_petit {
	padding: 6px 5px 5px 35px;
	background-color: #FFF6D8;
	background-image: url( '../imatges/exclamacio.png' );
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #C2BBA4;
	font-size: 12px;
	color: #000;
}
.tip_petit a { color: #000 !important; }
.tip ul, tip_petit ul { list-style-type: disc; margin: 5px 15px; padding-bottom: 5px; }

/* -------------------
	Llistat elements
	------------------- */
table.llistat { width: 100%; border-collapse: separate; border-spacing: 0 5px; font-size: 13px; }
table.llistat th { vertical-align: middle; }
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="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: #000 !important; }
table.llistat tr.class_actiu a { color: #000; }
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_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: middle; }
table.llistat tr td.accio { width: 20px; }
table.llistat a { color: #009EE0; text-decoration: none; }

.paginacio { width: 100%; padding: 3px; margin-top: 2px; border-top: 1px solid #687104; }
.paginacio a, .paginacio span {
	display: block;
	float: left;
	margin-right: 3px;
	border: 1px solid #D3D3D3;
	background-color: #EEEEEE;
	text-decoration: none;
	-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; }

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

div.titol {
	background-color: #EBF7FD;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-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:36px; margin: 5px 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-valors { background:transparent url(../imatges/icones.png) no-repeat scroll -310px -5px; }
div.icona-textos { background:transparent url(../imatges/icones.png) no-repeat scroll -310px -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;
	-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 { 
	border: 1px solid #AAA; 
	padding: 10px; 
	margin-bottom: 20px;
	-moz-border-radius:6px; 
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
.llistat_requadre h4 {
	line-height:1;
	margin: -10px -10px 10px -10px;
	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: bolder;
}
.llistat_arxiu {
	background-color: #f3f4dd;
	padding: 10px;
	-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 {
	line-height:1;
	margin-bottom:20px;
	border: 1px solid #AAA;
	-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: bolder;
}
.requadre_dreta h5 { border: none; color: #333; font-size: 13px; } 
.requadre_dreta input[type=text] { width: 190px }

.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;
	-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;
	-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: bolder;
	
}


/* -------------------
	Entrada
	------------------- */
div#login {
	background-color: #FFFFFF;
	width: 370px;
	margin: 150px auto 0 auto;
	padding: 10px;
	text-align: center;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
}
div#login div {
	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;
}
#ipt-login {
	background: transparent url(../imatges/verd.png) repeat-x scroll left top;
	border-color: #687104 !important;
	color: #687104 !important;
	font-weight: bold;
	-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;float: right; font-size: 11px; margin: 20px 10px 0 0; }





/* -------------------
	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;
	-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;
}






.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;
}



.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
}

.ac_results li { padding: 2px 5px; white-space: nowrap; color: #101010; text-align: left; }
.ac_over { cursor: pointer; background-color: #F0F0B8; }
.ac_match { text-decoration: underline; color: black; }


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: bolder;
}

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