/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../../img/web/bgr.gif) #e3edf9 repeat-x top;
	color: #6a6a6a;
	font: .7em Verdana,Arial,Geneva,Helvetica,Sans-Serif;
	padding: 0 0 20px;
}
a{
	color: #000949;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #B6B6B6 1px solid;
	font-size: 10px;
	padding: 2px
}
li{
	list-style: none
}
h2 span, h3 span{
	display: none
}
h2 img, h3 img{
	display: block
}
h2, h3{
	font-size: 1em;
	margin: 0 0 .8em;
	text-transform: uppercase
}
p{
	padding: 0 0 .8em
}
.button_enviar {
	border: #313131 1px solid;
	width:150px;
	font-size: 10px;
	padding: 2px
}

#peu_imatges { padding:5px 0 5px 320px; }
.gencat { padding:3px 90px 0 0; width:100px; height:21px; background: url(../../img/web/logo_gencat.gif) no-repeat right; float:left; margin-right:5px;}
.avellana { width:100; height:21px; float:left; padding-top:3px; }

#protegido
{
	clear:both;
	background: url(../../img/web/protegido.gif) no-repeat;
	width:540px;
	height:185px;
	font-weight:bold;
	margin:50px 0 50px 100px;
}
#protegido .txt { padding:40px 15px 0 142px; }
#protegido table { font-weight:normal }
#separacio {
	clear:both;
	background: url(../../img/web/bg_puntos.gif) repeat-x;
	width:100%;
	height:1px;
	margin:15px 0 15px 0;
}

#paginacion { padding-top:10px; text-align:right; }
#paginacion img { border:0; margin:0; padding:0; }

.clear { clear:both; padding-bottom:5px; }
#captcha_box { background-color:#E3EDF9; padding:20px; }

#captcha_box .refrescar { text-decoration: underline; font-weight:normal; font-size:10px; }

#map {
	width:409px;
	height:241px;
}

#sendVotacion { width:43px; height:18px; background:url(../../img/web/btn-votar.gif); border:0; }
#sendResultats { width:63px; height:18px; background:url(../../img/web//btn-resultats.gif); border:0; }


/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 960px
}
/*=== Header ===*/
#header{
	height: 104px;
	margin: 0 0 10px
}
#header .spacer{
	float: right;
	padding: 6px 0 0
}
/*- Logo -*/
#header h1{
	background: url(../../img/web/logo.gif) no-repeat;
	float: left;
	margin: 0 0 0 -42px;
	text-indent: -9999px;
	width: 281px
}
#header h1 a{
	display: block;
	height: 104px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	height: 41px;
	margin: 0 0 5px
}
#nav1 ul{
	float: left;
	text-indent: -9999px;
	width: 502px
}
#nav1 li{
	float: left
}
#nav1 li a{
	background: url(../../img/web/nav1-bgr.gif) no-repeat top;
	display: block;
	height: 41px
}
#nav1 li a:hover{
	text-decoration: none
}
#nav1 li#n01 a{
	background-position: 0 0;
	width: 60px
}
#nav1 li#n01 a:hover, #nav1 li#n01.active a{
	background-position: 0 -41px
}
#nav1 li#n02 a{
	background-position: -60px 0;
	width: 83px
}
#nav1 li#n02 a:hover, #nav1 li#n02.active a{
	background-position: -60px -41px
}
#nav1 li#n03 a{
	background-position: -143px 0;
	width: 83px
}
#nav1 li#n03 a:hover, #nav1 li#n03.active a{
	background-position: -143px -41px
}
#nav1 li#n04 a{
	background-position: -226px 0;
	width: 104px
}
#nav1 li#n04 a:hover, #nav1 li#n04.active a{
	background-position: -226px -41px
}
#nav1 li#n05 a{
	background-position: -330px 0;
	width: 87px
}
#nav1 li#n05 a:hover, #nav1 li#n05.active a{
	background-position: -330px -41px
}
#nav1 li#n06 a{
	background-position: -417px 0;
	width: 85px
}
#nav1 li#n06 a:hover, #nav1 li#n06.active a{
	background-position: -417px -41px
}
/*- Nav2 -*/
.nav2 li { }
.nav2 li a{
	background: url(../../img/web/ico-list.gif) no-repeat left;
	color: #6a6a6a;
	display: block;
	font-weight: bold;
/*	height: 20px; */
	line-height: 20px;
	padding: 0 0 0 8px
}
.nav2 li a:hover,
.nav2 li.active a{
	text-decoration: underline
}
.nav2 li li { margin: 0 0 0 8px;  }
.nav2 li li a{
	background: none;
	color: #569cfd;
	display: inline;
	font-weight: normal;
	/* height: 17px; */
	line-height: 17px;
	margin-left:0;
	padding: 1px
}
.nav2 li li a:hover{
	background: #569cfd;
	color: #ffffff;
	text-decoration: none
}

.nav2 li li li { margin:0 }
.nav2 li li li a{
	background: none;
	color: #6a6a6a;
	display: inline;
	font-weight: normal;
	/* height: 17px; */
	line-height: 17px;
	padding: 1px
}
.nav2 li li li a:hover{
	background: #6a6a6a;
	color: #ffffff;
	text-decoration: none
}
/*=== Title ===*/
.title{
	background: url(../../img/web/title-bgr.gif) top;
	margin: 0 0 15px;
	padding: 8px 0 8px 0;
	text-align: center
}
.title img{
	background: #ffffff;
	border: 1px solid #bdbfc5;
	padding: 1px
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 35px 0 0;
	padding: 0 0 25px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 188px
}
/*=== Center Column ===*/
#centercol{
	float: right;
	width: 752px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 350px
}
.col2{
	float: right;
	padding: 19px 0 0;
	text-align: center;
	width: 305px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: url(../../img/web/box-bgr.gif) no-repeat bottom;
	margin: 0 0 10px
}
.box .top{
	background: url(../../img/web/box-top.gif) no-repeat top;
	clear: both;
	height: 6px;
	overflow: hidden
}
.box .spacer{
	height: 1%;
	padding: 5px 0 10px 7px
}
/*- Box2 -*/
.box2{
	background: #789bff;
	color: #ffffff;
	font-size: .9em;
	margin: 0 0 10px;
	width: 188px
}
.box2 a{
	color: #ffffff;
	text-decoration: underline
}
.box2 .top,.box2 .bot{
	clear: both;
	height: 38px;
	overflow: hidden
}
.box2 .top{
	margin: 0 -5px;
	position: relative
}
.box2 .bot{
	background: url(../../img/web/box2-bot.gif) no-repeat top;
	height: 28px;
	line-height: 28px;
	padding: 0 8px
}
.box2 .bot img{
	float: right;
	margin: 5px 0 0
}
.box2 .spacer{
	height: 1%;
	padding: 0 10px 5px
}
/*- Box3 -*/
.box3{
	background: url(../../img/web/box3-bgr.gif) no-repeat bottom;
	margin: 0 0 10px;
	width: 360px
}
.box3 .top{
	background: url(../../img/web/box3-top.gif) no-repeat top;
	clear: both;
	height: 35px;
	overflow: hidden
}
.box3 .spacer{
	height: 1%;
	padding: 10px 13px
}
/*- Box4 -*/
.box4{
	background: url(../../img/web/box4-bgr.gif) repeat-y;
	color: #000949;
	margin: 0 0 10px;
	width: 376px
}
.box4 a{
	color: #000949
}
.box4 .top,.box4 .bot{
	clear: both;
	height: 41px;
	overflow: hidden
}
.box4 .bot{
	background: url(../../img/web/box4-bot.gif) no-repeat top;
	height: 8px
}
.box4 .spacer{
	height: 1%;
	padding: 0 12px
}
.box4 p{
	padding: 0
}
/*- Box5 -*/
.box5 li { list-style: none; padding-left:10px; background: url(../../img/web/ico-list.gif) no-repeat left 4px; margin-bottom:10px; }
.box5{
	background: url(../../img/web/box5-bgr.gif) repeat-y;
	margin: 0 0 10px;
	width: 752px
}
.box5 a{
	color: #6a6a6a
}
.box5 .top{
	background: url(../../img/web/box5-top.gif) no-repeat bottom;
	clear: both;
	min-height: 25px;
	padding-bottom:10px;
	/*overflow: hidden*/
}
.box5 .bot{
	background: url(../../img/web/box5-bot.gif) no-repeat top;
	height: 6px
}
.box5 .spacer{
	height: 1%;
	padding: 10px 12px
}
.box5 .spacer img{
	border: 1px solid #BDBFC5;
	margin:5px; 
	padding:1px
}
.box5 .spacer a { font-weight:bold; }
#foto{
float:left;
background:url(../../img/web/bgr-foto-p.gif);
text-align:center;
width:134px;
padding:12px 0 11px 0;
margin:10px 10px 0 0px;
}

#fotoDetall{
float:left;
background:url(../../img/web/bgr-foto-p.gif);
text-align:center;
padding:12px;
margin:10px 10px 0 0px;
}

.box5 h2{
	font-size: 18px;
	text-transform:none;
	color:#FFFFFF;
	margin: 3px 0 0 10px
}
.box5 h3{
	font-size: 1.1em;
	margin: 0 0 1.5em
}
/*- Contact Box -*/
.box-contact{
	background: url(../../img/web/box-contact.gif) no-repeat top;
	color: #ffffff;
	font-size: 11px;
	height: 61px;
	margin: -10px 0 15px;
	padding: 27px 10px 0 75px
}
.box-contact a{
	color: #ffffff
}
.box-contact big{
	font-size: 14px
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	border-top: 1px solid #adc2ff;
	clear: both;
	margin: 0 -10px;
	position: relative
}
.list1 li{
	border-bottom: 1px solid #adc2ff;
	padding: 10px
}
.list1 li:hover{
	background: url(../../img/web/box2-li-hover.gif) #5a6da0 repeat-x top
}
.list1 p{
	font-weight: bold;
	padding: 0
}
.list1 li a{
	display: block;
	text-decoration: none
}
/*- List2 -*/
.list2{
	border-top: 1px solid #bccdff;
	clear: both;
}
.list2 li{
	background: #99b4ff;
	margin: 0 0 1px;
	padding: 14px
}
.list2 li.row{
	background: #86a5ff
}

.list3{
	border-top: 1px solid #789BFF;
	clear: both;
	padding: 0 0 5px
}
.list3 li{
	background: #86A5FF;
	margin: 0 0 1px;
	padding: 14px
}
.list3 li.row{
	background: #86A5FF
}

/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Login -*/
#login{
	background: url(../../img/web/login-bgr.gif) no-repeat top;
	float: right;
	height: 34px;
	width: 429px
}
#login fieldset{
	float: left;
	height: 20px;
	padding: 7px 0 0 10px;
	width: 280px
}
#login input{
	float: left;
	margin: 0 5px 0 0;
	width: 95px
}
* html #login input{
	width: 93px;
}
#login .btn{
	width: auto
}
#login .fr{
	font-size: 9px;
	padding: 5px 0 0;
	width: 135px
}
#login a{
	color: #313131;
	text-decoration: underline
}
/*- Form1 Setup -*/
.form1{
	margin: 0 0 .8em
}
.form1 div{
	margin: 0 0 5px
}
.form1 .btn{
	margin: 5px 0 0;
	width: auto
}
/* Form1 Checkboxes, Radio inputs */
.form1 .chk input{
	background: none;
	border: 0;
	float: left;
	height: 15px;
	margin: 0 5px 0 0;
	width: 15px
}
.form1 .chk label{
	display: table;
	float: none;
	height: 1%;
	width: auto
}
/*=== Styling Buttons ===*/
a.more{
	background: url(../../img/web/ico-list3.gif) no-repeat left;
	color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 10px
}
/*=== Footer ===*/
#footer{
	clear: both;
	color: #8a8a8a;
	height: 50px;
	line-height: 1.4em;
	text-align: center
}
#footer a{
	color: #8a8a8a
}
#footer .botmenu{
	font-size: .9em;
	margin: 0 0 .8em;
	text-transform: uppercase
}
#footer .botmenu a{
	color: #6a6a6a;
	font-weight: bold
}
#footer img{
	margin: 0 0 -2px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ar{
	text-align: right
}
.pic img{
	display: block;
	margin: 0 0 10px
}
.pic.fl img{
	float: left;
	margin: 0 10px 5px 0
}

/*=== Paging ===*/
.paging{
	clear: both;
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 10px 0;
	text-align: right;
}
.paging a{
	background: #ffcb32;
	color: #000000;
	padding: 0 4px;
}
.paging a:hover, .paging a.active{
	background: #ef6e0e;
	color: #ffffff;
	text-decoration: none;
}
.paging img{
	margin: 0 0 -2px;
	position: relative;
}
.paging a.ico{
	background: none;
	padding: 0 1px;
}
.paging span.current {
	font-weight:bold;
}

/*=== Category Path ===*/
.path{
	background: url('../../img/web//interior-centercol-top.gif') no-repeat left;
	font-size: 11px;
	height: 30px;
}
.path ul{
	padding: 0 0 0 70px;
}
.path li{
	background: url('../../img/web/ico-arrow.gif') no-repeat left;
	color: #474444;
	float: left;
	line-height: 30px;
	padding: 0 10px 0 7px;
}
.path li a{
	color: #474444;
	text-decoration: underline;
}

/********************************/
/*  MISSATGES FLASH             */
/********************************/
.message { z-index:10; width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }


/* ENQUESTA --------------------------------------------- */
.graph { 
	position: relative; /* IE is dumb */
	width: 140px; 
	border: 1px solid #99B4FF; 
	padding: 2px; 
}
.graph .bar { 
	display: block;
	position: relative;
	background: #99B4FF; 
	text-align: left; 
	color: #FFFFFF; 
	height: 12px; 
}
.graph .bar span { position: absolute; left: 1em; }


/*=== Progress bar ===*/
.progress
{
    display: block;
    position: absolute;
	left:50%;
    padding: 2px 3px;
}
.container
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.header
{
    background: url('../../img/web/sprite.png') repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
	background-color:#5A5A5A;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}
.progress .container .body img{ margin:0; padding:0; border:0; }

.atras { position: absolute; top:8px; right:10px;  }
.atras a { color:#FFFFFF; }

/* FRUM ------------------------------------------------------------------------------------- */
.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/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
{
}



/* ------------------------------------------------------------------------------------------- */