/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
    outline:none;
}
body{
	background: url(../../img/web/bg-body.gif) #ED1C24 repeat-x;
	color: #ffffff;
	font: 11px Verdana;
}
a{
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	background: #ffffff;
	border: none;
}
li{
	list-style: none
}
h2{
	font-size: 1.5em;
	margin: 0 0 1em
}
h3{
	font-size: 1em;
	text-transform: uppercase
}
h4, h5{
	font-size: 1em
}
p{
	padding: 0 0 1em
}
/*=== Layout ===*/
#page-container
{
    background:url(../../img/web/bg-pagecontainer.jpg) top no-repeat;
}
#page{
    margin: 0 auto;
	width: 1003px
}
/*=== Header ===*/
#header{
	overflow: hidden
}
#logo{
        height:94px;
        width:105px;
        margin:17px 0px 0px 50px;
}
/*=== Menu petards ===*/
#nav1{margin-left:215px;}
#nav1 ul li{float:left;}
#nav1 ul li a{display:block;height:57px;text-indent:-9999px;}
.nav1_inici a{background:url(../../img/web/nav1-inici.gif) no-repeat;width:98px;}
.nav1_quisom a{background:url(../../img/web/nav1-quisom.gif) no-repeat;width:117px;}
.nav1_guiacolles a{background:url(../../img/web/nav1-guiacolles.gif) no-repeat;width:131px;}
.nav1_noticies a{background:url(../../img/web/nav1-noticies.gif) no-repeat;width:106px;}
.nav1_agenda a{background:url(../../img/web/nav1-agenda.gif) no-repeat;width:100px;}
.nav1_forums a{background:url(../../img/web/nav1-forum.gif) no-repeat;width:109px;}
.nav1_contacta a{background:url(../../img/web/nav1-contacta.gif) no-repeat;width:108px;}

/*=== All Columns ===*/
#columns{
	height: 1%
}

.col1{
	float: left;
	width: 204px;
    margin-left:19px;
}




/*=== Menu esquerra ===*/
#left-menu{
        background:url(../../img/web/bg-leftmenu.gif) repeat-y;
}
/*nomes primer nivell*/
#left-menu ul{
    background:url(../../img/web/bg-leftmenu-top.gif) no-repeat top left;
    padding-top:10px;
}
/*resta de nivells*/
#left-menu ul ul{
    background:none;
    padding-top:0px;
}
#left-menu ul li{
    /*padding:10px;*/
}
/*nomes primer nivell*/
#left-menu ul li a{
    color:#ffffff;
    border-bottom:1px dashed #B91117;
    display:block;
    width:176px;
    margin-left:14px;
    padding:7px 0px 7px 0px;
}
/*Nivell 2*/
#left-menu ul li ul li a{padding:4px 0px 0px 15px;border:none;width:160px;color:#dddddd;}
/*Nivell 3*/
#left-menu ul li ul li ul li a{padding:0px 0px 0px 39px;width:136px;color:#bbbbbb;}
#left-menu ul li.bottom{
    background:url(../../img/web/bg-leftmenu-bottom.gif) no-repeat bottom left;
    height:74px;
}

/*=== Columna de banners ===*/
.left-banners{margin-top:20px;}
.left-banners img{margin-bottom:4px;}


.col2{
	float: left;
	width: 581px;
    margin-left:19px;
}

.col2 .subcol{width:282px;}
.col2 .fondo1{background:url(../../img/web/bg-fondo1.gif) repeat-y;margin-top:14px;margin-bottom:29px;}
.col2 .fondo1 div{padding:0px 10px 0px 10px;}
.col2 .fondo1 div .fecha{font-weight:bold;}
.col2 .fondo1 div p{text-align:justify;}
.col2 .fondo1 div p a{font-weight:bold;color:#ffffff;}
.col2 .fondo1 .bottom{background:url(../../img/web/bg-fondo1-bottom.gif) no-repeat bottom;height:5px;padding:0px;}

.col2 .fondo2{background:url(../../img/web/bg-fondo2-bottom.gif) no-repeat bottom #000000;}
.fondo2 .holder{width:252px;height:141px;border:1px solid #4D4D4D;}
.fondo2 .colla-destacada{padding:13px;}
.fondo2 .colla-destacada h2{margin-top:10px;margin-bottom:0px;}
.fondo2 .colla-destacada h2 a{text-transform:uppercase;font-size:12px;font-weight:bold;color:#ffffff;}

.col2 .fondo3{background:url(../../img/web/bg-fondo3-bottom.gif) no-repeat bottom;}
.fondo3 ul li{background:url(../../img/web/bullet-comentari.gif) no-repeat 7px 10px #DF1921;border-bottom:1px dashed #A90E13;padding:4px 12px 10px 32px;font-size:10px;}
.fondo3 ul li.first{border-top:1px dashed #A90E13;}
.fondo3 ul li.par{background-color:#D2161D;}
.fondo3 a{color:#ffffff;text-decoration:underline;}


.col3{
    float:left;
    width:139px;
    margin-left:19px;
}
/*=== Enquesta home ===*/
#col-enquesta{
    background:url(../../img/web/bg-colenquesta.gif) repeat-y;
    margin-bottom:13px;
}
#col-enquesta h1{
    background:url(../../img/web/bg-colenquesta-top.gif) no-repeat top left;
    padding:5px 10px 5px 10px;
    margin:0px 0px 0px 0px;
}
#col-enquesta p{
    padding:0px 10px 0px 10px;
    font-weight:bold;
}
#col-enquesta form{
    background:url(../../img/web/bg-colenquesta-bottom.gif) no-repeat bottom left;
    padding:10px;
}

/*=== Colles home ===*/
#col-colles{
    background:url(../../img/web/bg-colcolles.gif) repeat-y;
}
#col-colles .fotos-colles{
    background:url(../../img/web/bg-colcolles-top.gif) no-repeat top left;
    padding-left:18px;
    padding-top:10px;
}
#col-colles .fotos-colles .foto-colla-container{width:103px;margin-bottom:10px;}
#col-colles .fotos-colles .holder{width:103px;height:73px;background:url(../../img/web/bg-foto.gif);}
#col-colles a{color:#ffffff;}
#col-colles div.bottom{
    background:url(../../img/web/bg-colcolles-bottom.gif) no-repeat bottom left;
    height:74px;
}

#col-colles .btn-totes-colles{padding-top:3px;text-align:center;width:92px;height:16px;border:none;background:url(../../img/web/bg-btn-totes-colles.gif);color:#72080C;font-family:Arial;font-size:11px;margin-left:5px;text-decoration:underline;cursor:pointer;}
#col-colles .btn-totes-colles a{color:#72080C;}


#footer{
	margin-top:70px;
    border-top:4px solid #BD131A;
    background:url(../../img/web/bg-footer.gif) #000000 bottom center no-repeat;
    color:#8E060B;
    padding-top:14px;
    padding-bottom:80px;
}
#footer a{color:#8E060B;}
#footer a.f-links{text-transform:uppercase;color:#ED1C24;font-weight:bold;font-size:10px;text-decoration:none;}
#footer .ico-avellana{vertical-align:bottom;}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.chk input{
	border: 0;
	float: left;
	height: 15px;
	margin: 0 5px 15px 0;
	padding: 0;
	width: 15px;
    background:none;
}
.chk label{
	float: none;
}
.btn{
    background:none;
    margin:0;
    padding:0;
    border:none;
}
.btn2{margin-top:10px;margin-left:7px;}
.btn3{margin-top:10px;margin-left:7px;margin-bottom:10px;}


/* Centrar imatges */
div.holder{display: table-cell;text-align: center;vertical-align: middle;}
.contenedor_foto{float:left;}
#edge{.display: inline-block;.width: 0;.height: 100%;.vertical-align: middle;}
#container{.display: inline-block;.width: 100%;.text-align: center;.vertical-align: middle;}
/* arreglar css original que ho posava a block */
.pic img{display:inline;}



.fil{
        border-top:1px dashed #400101;
        border-bottom:1px dashed #400101;
        color:#ED1C24;
        padding:4px 4px 4px 12px;
        background:url(../../img/web/bullet-fil.gif) no-repeat 4px center;
 }
.fil a{
        color:#ED1C24;
        font-weight:bold;
}
.fil ul li{
        float:left;
}
h1.titol{
        background:url(../../img/web/bg-titol.gif) no-repeat right 8px;
        padding-top:8px;
}
.paginacio{background:url(../../img/web/bg-paginacio.gif);height:23px;padding-top:10px;}
.paginacio a{color:#ffffff;font-weight:bold;}
.paginacio,.paginacio a:hover{color:#330405;}
.paginacio img{vertical-align:text-bottom;}

/*=== Llistat Noticies ===*/
#list-noticias,
#list-events{margin-top:10px;margin-bottom:10px;}

.list-noticia,
.list-event{border-bottom:1px dashed #6A0102;padding-bottom:7px;padding-top:20px;}

.list-noticia .holder,
.list-event .holder{width:157px;height:109px;background:url(../../img/web/bg-foto.gif);}

.list-noticia .list-noti,
.list-event .list-eve{width:406px;margin-left:15px;}

.list-noticia .list-noti-noimage,
.list-event .list-eve-noimage{width:578px;margin-left:0px;}

.list-noticia .list-noti a,
.list-event .list-eve a{color:#ffffff;font-weight:bold;font-size:14px;text-decoration:underline;}

/*=== Detall noticia ===*/
#noticia-detall {margin-top:10px;margin-bottom:10px;}
#noticia-detall h1{font-size:14px;font-weight:bold;margin-bottom:10px;margin-top:20px;}
#noticia-detall p{text-align:justify;}
#noticia-detall .pic{margin-right:10px;margin-bottom:10px;}
#noticia-detall .holder{width:335px;height:225px;background:url(../../img/web/bg-foto.gif);}

.datos_extra_event{font-size:10px;}
.datos_extra_colla{font-size:11px;}
.datos_extra_event a,
.datos_extra_colla a
{color:#ffffff;text-decoration:underline;}

.mes-imatges .pic{padding-left:12px;margin-bottom:10px;}
.mes-imatges .holder{width:177px;height:109px;background:url(../../img/web/bg-foto.gif);}
.mes-imatges hr{border-top:1px dashed #6A0102;height:1px;margin:0px 0px 10px 0px;}

/*== Colles ==*/
h1.titol-colla{background:url(../../img/web/bg-tit-list-colles.gif) no-repeat top left;font-weight:bold;font-size:14px;padding-left:9px;line-height:25px;padding-top:2px;}
.fixmargin{margin-top:30px;}
/*=== Llistat colles ===*/
#list-colles{margin-top:10px;margin-bottom:10px;}
.list-colla{background:url(../../img/web/bg-bottom-list-colles.gif) #000000 no-repeat bottom left;padding:8px 13px 0px 13px;margin-bottom:16px;}
.list-colla .holder{width:132px;height:86px;background:#000000;border:1px solid #4D4D4D;}
.list-colla .list-coll{width:406px;margin-left:15px;}
.list-colla .list-coll-noimage{width:578px;margin-left:0px;}
.list-colla .list-coll a{color:#ffffff;font-weight:bold;font-size:14px;text-decoration:underline;}
/*=== Detall colles ===*/
#detall-colla{padding-top:30px;background:url(../../img/web/bg-bottom-detall-colla.gif) #000000 no-repeat bottom left;padding:17px 0px 0px 20px;margin-bottom:16px;}
#detall-colla .holder{width:335px;height:217px;background:#000000;border:1px solid #4D4D4D;}
#detall-colla p{text-align:justify;margin-right:20px;}
#detall-colla .pic{margin-right:10px;margin-bottom:10px;}

#detall-colla .mes-imatges .holder{width:173px;height:109px;background:url(../../img/web/bg-foto2.gif);border:none;}
#detall-colla .mes-videos .holder{width:127px;height:109px;background:url(../../img/web/bg-foto2.gif);border:none;}
#detall-colla .mes-imatges .pic{padding-left:0px;margin-right:10px;margin-bottom:10px;}
#detall-colla .mes-imatges .last{margin-right:0px;}

/*=== Formulari de contacte ===*/
#contacta{padding-top:30px;color:#000000;}
#contacta .tabla1 td{padding-bottom:10px;}
#contacta .tabla1 td.t-col1{width:55px;}
#contacta .tabla1 td.t-col2{width:305px;}
#contacta .tabla1 td.t-col3{width:50px;}
#contacta .tabla1 td.t-col4{width:70px;}
#contacta .tabla1 td.t-col5{width:30px;}
#contacta .tabla1 td.t-col6{width:70px;}
.frm_nom{width:525px;}
.frm_adreca{width:345px;}
.frm_localitat{width:100px;}
.frm_email{width:295px;}
.frm_telefon{width:60px;}
.frm_fax{width:70px;}
.frm_consulta{width:525px;height:86px;}
#contacta .tabla2{margin-top:20px;}
#contacta .tabla2 td{color:#ffffff;}
#contacta .tabla2 td a{color:#ffffff;text-decoration:underline;font-size:10px;}
#contacta .tabla2 td.t2-col1{width:140px;}
#contacta .tabla2 td.t2-col2{width:235px;}
#contacta .tabla2 td.t2-col3{width:150px;text-align:right;}
#contacta .tabla2 {margin-left:55px;}
.legal-contacta{margin-top:40px;text-align:justify;color:#FF8F93;}
.error_contacta{color:#ffffff;margin-left:56px;}
#contacta_enviat{color:#ffffff;margin-top:50px;}



/*=== Index continguts ===*/

#detall-contingut .t-desc p{text-align:justify;}
#foto_qui_som{border:10px solid aqua;}
#detall-contingut h1,
#enquesta-detalle h1
{font-size:18px;background:url(../../img/web/bg-titol-h1.gif);height:31px;padding:5px 0px 0px 15px;margin-bottom:20px;margin-top:8px;}
#detall-contingut .pic{margin-right:10px;margin-bottom:10px;}
#detall-contingut .holder{width:300px;height:220px;background:url(../../img/web/bg-foto.gif);}
#detall-contingut .altres .holder{width:177px;height:109px;background:url(../../img/web/bg-foto.gif);}


.document-list li a{color:#ffffff;}



.graph {
	position: relative; /* IE is dumb */
	width: 95px;
	border: 1px solid black;
	padding: 2px;
    height:18px;
}
.graph .bar {
	display: block;
	position: relative;
	background: url(../../img/web/bg_resultat_enquesta.gif) repeat-x ;
	text-align: left;
	color: #ffffff;
	height: 18px;
}
.graph .bar span { position: absolute; left: 1em; }


#enquesta-detalle .graph{width:290px;}



/*=== Llistat de noticies i events d'una colla en el detall ===*/
.noticia-colla,
.event-colla{margin-bottom:15px;padding-top:5px;padding-bottom:15px;border-bottom:1px solid #242424;}

.noticia-colla p,
.event-colla p{padding:0;}

.noticia-colla h3.data,
.event-colla h3.data{font-size:10px;color:#ffffff;font-weight:normal;}

.noticia-colla a.titulo,
.event-colla a.titulo{font-size:14px;color:#ffffff;text-decoration:underline;font-weight:bold;}

.list-noticies-colla a.tots,
.list-events-colla a.tots{font-size:10px;color:#ffffff;text-decoration:underline;}

.list-noticies-colla,
.list-events-colla{margin-right:20px;padding-top:10px;}

 .subtitol-colla{border-bottom:1px dashed white;margin-right:20px;}




 /*===  Enquestes ===*/
#enquestaFormArea2{/*padding:20px 70px 20px 70px;*/}
.fieldset-form{margin-left:110px;width:325px;background:url(../../img/web/bg-enquesta-top.gif) no-repeat top left #AF1118;padding:17px 17px 0px 17px;}
.bottom-enquesta{margin-left:110px;width:359px;background:url(../../img/web/bg-enquesta-bottom.gif) no-repeat bottom left #AF1118;height:5px;}
.enquesta-bottom{margin-left:363px;margin-top:10px;}
.enquesta-bottom a{color:#ffffff;}

.list-enquestes{margin:10px;}
.list-enquestes a{color:#ffffff;}


.list-enquestes .list-enquesta{border-bottom:1px dashed #72080C;}
.list-enquestes .list-enquesta p{float:left;width:460px;padding:6px;border-right:1px dashed #72080C;margin:6px;}
.list-enquestes .list-enquesta .enquesta-mesinfo{float:right;width:65px;margin-top:12px;text-align:right;padding-right:5px;}
.list-enquestes .list-enquesta div.fix{line-height:1px;font-size:1px;height:1px;}


.btn-totes-enquestes{padding-top:3px;text-align:center;width:92px;height:16px;border:none;background:url(../../img/web/bg-btn-totes-enquestes.gif);color:#ffffff;font-family:Arial;font-size:11px;margin:5px 0px 5px 13px;text-decoration:underline;cursor:pointer;}
.btn-totes-enquestes a{color:#ffffff;}


div.titol_i_cerca{
        background:url(../../img/web/bg-titol.gif) no-repeat right 8px;
        padding-top:8px;
        height:50px;
}
div.titol_i_cerca form{margin-top:9px;margin-right:9px;}









/*=== FORUMS ===*/


.listForum
{
	font-family : Verdana;
	font-size:11px;
	border : 1px solid #C2BCAE;
	background-color : #FCFBF7;
}
.listForum th{
	font-weight: bold;
	background-color:#A7A299;
	color:#FFFFFF;
	text-align:left;
	padding:5px;
}
.listForum a { color:#FFFFFF; }
.listForum td{
	text-align:left;
	padding:5px;
	color:#000000;
}

.listForum .usuari { color:#999999; font-size:10px; }
.listForum .respon { background-color:#E9E8E6; font-size:10px; text-align:right; }
.listForum .respon a { background-color:#E9E8E6; color:#999999; font-size:10px; }

#comentarios { background-color:#E9E8E6; border : 1px solid #C2BCAE; padding:8px; }
#comentarios input { width:250px; }
#comentarios textarea { width:95%; }
#comentarios #captcha { margin:0; padding:0; }
#comentarios img { margin:0; padding:0; }
#comentarios input:focus, textarea:focus{ background-color: #F2F2EE; }
#comentarios .button_enviar { border: #313131 1px solid; width:150px; font-size: 10px; padding: 2px; }
#comentarios .text_legal { text-align:justify; font-size:10px; color:#A9A9A8; }


.foromap {
	margin:0;
	padding:0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #444034;
	background: url(../../img/web/forum/flexa1.gif) repeat-y;
	}
/* Primer nivel */
.foromap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.foromap li { margin: 0 0 0 15px;
list-style: none; padding-left:10px; background: url(../../img/web/forum/ico-list.gif) no-repeat left 10px; margin-bottom:10px;
}

.foromap a
{
display: block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-size:11px;
background-color:#A7A299;
}

.foromap a:hover
{
color: #000000;
/*background-color: #5A5A5A;*/
text-decoration: none;
}
.foromap a.active
{
	color: #444034;
	background-color: #EFEFEE;
}


/* Segundo nivel */
.foromap ul li { margin: 0 0 0px 15px; }

.foromap ul a
{
display: block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-size:11px;
background-color:#A7A299;
}

.foromap ul a:hover
{
color: #000000;
/*background-color: #5A5A5A;*/
}
.foromap a.active
{
}
.foromap ul a.active
{
}

/* Tercer nivel */

.foromap ul li ul li { margin: 0 0 0px 15px; }

.foromap ul ul a
{
display: block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-size:11px;
background-color:#A7A299;
}

.foromap ul ul a:hover
{
color: #000000;
/*background-color: #5A5A5A;*/
text-decoration: none;
}
.foromap ul ul a.active
{
}