@charset "utf-8";
/* CSS Document */


/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	background:#151517;
}

a {color:#3d3737; text-decoration:none;}

a:hover {text-decoration:underline;}

h1 {display:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main {position:relative; width:100%; padding:0; margin:0; background-image:url(../img/top.gif); background-repeat:repeat-x; height:153px;}

#header {position:relative; text-align:center; margin:0 auto; color:#fff; background-color:#151517; background-image:url(../img/fons-logo.gif); background-repeat:repeat-x;}
#header img {position:relative; margin-top:0px;}
.publi {background-image:url(../../cat/publicidad-top.gif); background-repeat:no-repeat; position:relative; background-position:top center; margin-top:15px; padding:6px 2px 4px 2px;}
.publi img {margin-top:10px!important; width:192px;}

#content {position:relative; width:100%; margin:0 auto; background-color:#24231f; background-image:url(../img/mig-top.gif); background-repeat:repeat-x; background-position:top; margin-top:15px;}

#agenda, #detalle {position:relative; width:200px; margin:0 auto;}

#agenda div {position:relative; border-bottom:1px solid #292921; padding:10px; font-size:0.80em; background:#6d6855;}
#agenda a div  {background:#6d6855!important;}
#agenda a:hover div {background:#414137!important;}
#agenda div h3 {color:#f2d204; font-weight:bold;}
#agenda div h4 {color:#fff; font-weight:bold;} #agenda div h4 a {color:#fff;}
#agenda div h5 {color:#fff3cb; font-weight:bold;}
#agenda div p {color:#fff3cb; text-align:justify; line-height:1em; }
#agenda div img { text-align:center; border:3px solid #414137; margin:10px 3px 3px 3px; width:163px;}

#agenda .mas {background-color:#3d3e3a; height:1.7em;}
#agenda .mas img {width:18px!important; margin:5px; border:none!important; float:left;}
#agenda .mas span {font-weight:bold; font-size:0.85em; float:right; margin-top:7px;}
#agenda .mas span a {color:#fff;} #agenda .mas span a:hover {color:#f2d204;}
#agenda .mas span.esquerre {float:left;}
#agenda .mas span.esquerre a, #agenda .mas span.dreta a {padding:5px; background:#252623; text-decoration:none;}

#agenda p.versioWeb { background:#000; width:190px; text-align:center; padding:5px;}
#agenda p.versioWeb a { color:#fff!important;}

#peu {position:relative; text-align:center; margin:0 auto!important; color:#fff;  padding-top:2px;}
#peu p {color:#a9a790; font-size:0.75em; padding:10px 0 20px 0;}
#peu p a {color:#a9a790;}

#peu .publi {background-image:url(../../cat/publicidad-top-negre.gif); top:-10px;}
.negre {position:relative; background-color:#000; width:100%;}

#buscador {position:relative; padding:10px 0;}

/*DETALLE*/
.clearfix {clear:both;}

.tornar {position:relative; width:100%; background-color:#3d3e3a; background-image:url(../img/borde-tornar.gif); background-repeat:repeat-x; background-position:bottom; height:2em; }
.tornar div {width:200px!important; margin:0 auto;}
.tornar div img {margin:7px 0 0 5px; float:left;}
.tornar div a {float:left; color:#8e8d7b;  margin:8px 0 0 5px; font-size:0.8em; text-decoration:underline;}
.tornar div a:hover { text-decoration:none; color:#fff;}

#introAct { background:#24231f; padding:8px;}
#introAct img {float:left; margin-top:3px;}
#introAct div {float:left; font-size:0.75em; width:145px; margin-left:10px;}
#introAct div p {color:#f2d204;}
#introAct div h3 {color:#fff; font-weight:bold;}

#article {position:relative; background:#000; color:#fff; padding:15px 0;}
#article img.principal {text-align:center!important; margin:5px 15px 10px 15px; border:3px solid #252726;}
#article .texte, #article h4 {font-size:0.75em; }
#article h4 {padding:0 15px; font-weight:bold;}
#article .texte {padding:5px 15px; text-align:justify;}
#article .texte p {padding:5px 0;}

#article #concreta {padding:10px 5px;}
#article #concreta div {background:url(../img/fons-dades.gif); background-repeat:repeat-y; margin-top:1px; min-height:19px; overflow:hidden;}
#article #concreta img {border-right:1px solid #000; float:left;}
#article #concreta span {font-size:0.70em; padding:3px 0 0 5px; float:left; width:150px;  min-height:16px; overflow:hidden; color:#a9a790;background:#171818;}
#article #concreta span.data {color:#ffcc00;}
#article #concreta span a {color:#a9a790;}