/* Gominola Creative Media 2006
________________________________________*/
body, div, swf, a, ul, li, h1, h2, h3, img, p, form, span
{
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana;
	font-size: 9px;
	color: #000;
	line-height: 15px;
}
input, textarea, select, option
{
	font-family: Verdana;
	font-size: 9px;
	color: #000;
	line-height: 15px;
}
body
{
	background: #FFF;
	text-align: center;
}
a
{
	text-decoration: none;
}
#wrap
{
	margin: 18px auto;
	width: 774px;
}


/* Header
________________________________________*/
#header
{
	width: auto;
	height: 148px;
	background: url("../img/fortpienc.gif") no-repeat top center;
}
#header h1
{
	display: none;
}
#header ul
{
	list-style: none;
	padding: 126px 0px 0px 182px;
}
#header li
{
	float: left;
	height: 20px;
}
#header li a
{
	display: block;
	height: 10px;
	width: auto;
	line-height: 10px;
	text-indent: -1000px;
}
#header li#bt1 a
{
	background: url("../img/bt1.gif") no-repeat top left;
	width: 50px;
}
#header li#bt2 a
{
	background: url("../img/bt2.gif") no-repeat top left;
	width: 55px;
}
#header li#bt3 a
{
	background: url("../img/bt3.gif") no-repeat top left;
	width: 60px;
}
#header li#bt4 a
{
	background: url("../img/bt4.gif") no-repeat top left;
	width: 70px;
}
#header li#bt5 a
{
	background: url("../img/bt5.gif") no-repeat top left;
	width: 97px;
}
#header li#bt6 a
{
	background: url("../img/bt6.gif") no-repeat top left;
	width: 92px;
}
#header li#bt1 a:hover, #header li#bt2 a:hover, #header li#bt3 a:hover, #header li#bt4 a:hover, #header li#bt5 a:hover, #header li#bt6 a:hover, #header li#bt1 a.current, #header li#bt2 a.current, #header li#bt3 a.current, #header li#bt4 a.current, #header li#bt5 a.current, #header li#bt6 a.current
{
	background-position: 0 -14px;
}


/* Foot
________________________________________*/
#foot
{
	width: 774px;
	height: auto;
	clear: left;
	border-top: 1px solid #3F3F3F;
	padding: 15px 0px 25px 0px;
}
#foot, #foot a
{
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;
}
#foot a:hover
{
	text-decoration: underline;
}
#foot span
{
	font-weight: normal;
}
#foot div
{
	float: left;
}
#foot div#credits
{
	float: right;
}


/* Mapa
________________________________________*/
#mapa .error
{
	width: 774px;
	height: 493px;
	background: none;
}

/* Iconografia
________________________________________*/
#iconografia_holder
{
	width: 774px;
	height: auto;
	background: none;
}
#iconografia_holder .titulo
{
	background: url("../img/barra_titulo.gif") repeat-x top left;
	height: 28px;
	width: 772px;
	overflow: hidden;
	border-left: 1px solid #7E7E7E;
	border-right: 1px solid #7E7E7E;
}
#iconografia_holder .titulo h2
{
	background: url("../img/iconografia.gif") no-repeat top left;
	height: 28px;
	width: 107px;
	text-indent: -1000px;
}
#iconografia_holder .desc
{
	border-left: 1px solid #7E7E7E;
	border-right: 1px solid #7E7E7E;
	border-top: 1px solid #FFF;
	width: 772px;
}
#iconografia_holder .desc p
{
	padding: 26px 33px;
	background: #333;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
#iconografia_holder .amor
{
	background: url("../img/amor.jpg") no-repeat top left;
}
#iconografia_holder .amistat
{
	background: url("../img/amistat.jpg") no-repeat top left;
}
#iconografia_holder .tristesa
{
	background: url("../img/tristesa.jpg") no-repeat top left;
}
#iconografia_holder .conflicte
{
	background: url("../img/conflicte.jpg") no-repeat top left;
}
#iconografia_holder .quotidia
{
	background: url("../img/quotidia.jpg") no-repeat top left;
}
#iconografia_holder .bogeria
{
	background: url("../img/bogeria.jpg") no-repeat top left;
}
#iconografia_holder .inclasificable
{
	background: url("../img/inclasificable.jpg") no-repeat top left;
}
#iconografia_holder .amor, #iconografia_holder .amistat, #iconografia_holder .tristesa, #iconografia_holder .conflicte, #iconografia_holder .quotidia, #iconografia_holder .bogeria, #iconografia_holder .inclasificable
{
	border-left: 1px solid #7E7E7E;
	border-right: 1px solid #7E7E7E;
	width: 602px;
	font-size: 11px;
	padding: 20px 20px 20px 150px;
	padding-left: 150px;
	background-position: 30px 22px;
	border-bottom: 1px dotted #7E7E7E;
}
#iconografia_holder div.nombre
{
	width: 600px;
	height: auto;
	float: left;
	border-bottom: 1px solid #525252;
}
#iconografia_holder div.nombre .flor
{
	font-size: 11px;
	color: #6F0000;
	font-weight: bold;
	float: left;
}
#iconografia_holder div.nombre .propiedad
{
	font-size: 11px;
	color: #525252;
	font-weight: bold;
	float: right;
}
#iconografia_holder .amor p, #iconografia_holder .amistat p, #iconografia_holder .tristesa p, #iconografia_holder .conflicte p, #iconografia_holder .quotidia p, #iconografia_holder .bogeria p, #iconografia_holder .inclasificable p
{
	font-size: 11px;
	margin: 26px 0px 10px 0px;
}
#iconografia_holder .boton
{
	float: right;
}
#iconografia_holder .boton a
{
	color: #FFF;
	font-weight: bold;
	background: #872D2D;
	padding: 3px 6px;
}
#iconografia_holder .boton a.mapa
{
	background: #666666;
	display: none;
}
/* Error
________________________________________*/
#error
{
	width: auto;
	height: 370px;
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #525252;
	border-bottom: 0;
}


/* Inicio
________________________________________*/
#inici_holder
{
	width: 772px;
	height: auto;
	float: left;
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;
}
#inici_holder #proces
{
	float: left;
	width: 206px;
	height: auto;
	background: url("../img/barra_titulo.gif") repeat-x top left;
}
#inici_holder #proces h2
{
	text-indent: -1000px;
	display: block;
	background: url("../img/proces.gif") no-repeat top left;
	width: 67px;
	height: 38px;
}
#inici_holder #proces ul
{
	list-style: none;
	padding: 0px 0px 0px 12px;
}
#inici_holder #proces li.fecha
{
	color: #525252;
}
#inici_holder #proces li.titulo
{
}
#inici_holder #proces li.titulo a
{
	color: #6F0000;
	font-size: 11px;
	font-weight: bold;
}
#inici_holder #proces li.foto
{
	padding: 5px 0px 30px 0px;
}

#inici_holder #historia_holder
{
	width: 566px;
	height: auto;
	float: left;
	border-top: 1px solid #525252;
	border-left: 1px solid #525252;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 564px;
	padding-top: 10px;
}
#inici_holder #historia_holder #banner_historia a
{
	background: url("../img/banner2.gif") no-repeat top left;
	width: 564px;
	height: 213px;
	display: block;
	text-indent: -1000px;
}
#inici_holder #historia_holder #banner_historia a:hover
{
	background-position: 0 -213px;
}
#inici_holder #historia_holder #desc_historia
{
	padding: 20px 36px 20px 20px;
}
#inici_holder #historia_holder #desc_historia h2
{
	color: #6F0000;
	font-size: 11px;
}
#inici_holder #historia_holder #desc_historia h3
{
	color: #7E7E7E;
	font-weight: normal;
	padding: 10px 0px;
	font-size: 10px;
}
#inici_holder #historia_holder #desc_historia p
{
	padding: 5px 0px;
	font-size: 11px;
}
#inici_holder #historia_holder #destacados_historia div.titulo
{
	background: url("../img/barra_titulo.gif") repeat-x top left;
	height: 28px;
	width: 565px;
}
#inici_holder #historia_holder #destacados_historia div.titulo h3
{
	background: url("../img/historiesdestacades.gif") no-repeat top left;
	height: 28px;
	width: 183px;
	text-indent: -1000px;
}
#inici_holder #historia_holder #destacados_historia ul
{
	list-style: none;
	clear: left;
	width: 473px;
	float: left;
}
#destacados_historia ul.amor, #destacados_historia ul.amistat, #destacados_historia ul.tristesa, #destacados_historia ul.conflicte, #destacados_historia ul.quotidia, #destacados_historia ul.bogeria, #destacados_historia ul.inclasificable
{
	padding: 10px 20px 10px 70px;
	border-bottom: 1px dotted #525252;
	margin-top: 20px;
}
#destacados_historia ul.amor
{
	background: url("../img/amor_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#destacados_historia ul.amistat
{
	background: url("../img/amistat_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#destacados_historia ul.tristesa
{
	background: url("../img/tristesa_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#destacados_historia ul.conflicte
{
	background: url("../img/conflicte_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#destacados_historia ul.quotidia
{
	background: url("../img/quotidia_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#destacados_historia ul.bogeria
{
	background: url("../img/bogeria_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#destacados_historia ul.inclasificable
{
	background: url("../img/inclasificable_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#inici_holder #historia_holder #destacados_historia .titulo
{
	float: left;
}
#inici_holder #historia_holder #destacados_historia .titulo a
{
	color: #6F0000;
	font-size: 11px;
	font-weight: bold;
}
#inici_holder #historia_holder #destacados_historia .tipo
{
	color: #4D4D4D;
	float: right;
	font-weight: bold;
}
#inici_holder #historia_holder #destacados_historia .fecha
{
	float: left;
	width: 473px;
	border-top: 1px solid #525252;
	padding-bottom: 10px;
	color: #4D4D4D;
}
#inici_holder #historia_holder #destacados_historia .fecha span
{
	float: left;
}
#inici_holder #historia_holder #destacados_historia .fecha span.autor
{
	float: right;
}
#inici_holder #historia_holder #destacados_historia .texto
{
	float: left;
}
#inici_holder #historia_holder #destacados_historia .texto p
{
	font-size: 11px;
	padding-bottom: 10px;
	width: 473px;
}
#inici_holder #historia_holder #destacados_historia .texto a.ico
{
	float: left;
}
#inici_holder #historia_holder #destacados_historia .texto a.boton
{
	color: #6F0000;
	font-weight: bold;
	white-space: nowrap;
}
#inici_holder #historia_holder #destacados_historia .mas
{
	text-align: right;
}


/* contacto_holder
________________________________________*/
#contacto_holder
{
	width: 772px;
	height: 430px;
	background: url("../img/casas.jpg") no-repeat bottom right;
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;
	float: left;
}
#contacto_holder div.titulo
{
	background: url("../img/barra_titulo.gif") repeat-x top left;
	height: 28px;
	width: 772px;
}
#contacto_holder div.titulo h2
{
	background: url("../img/contacte.gif") no-repeat top left;
	height: 28px;
	width: 83px;
	text-indent: -1000px;
}
#contacto_holder ul
{
	list-style: none;
	margin: 35px 0px 0px 10px;
	width: 200px;
	float: left;
}
#contacto_holder li
{
	float: left;
	clear: left;
	width: 180px;
	height: auto;
}
#contacto_holder input
{
	width: 176px;
}
#contacto_holder li.titulo
{
	border-bottom: 1px solid #525252;
	margin-bottom: 8px;
}
#contacto_holder li.texto
{
	margin: 0px 0px 10px 0px;
}
#contacto_holder li.titulo span
{
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	float: left;
}
#contacto_holder li.titulo span.opcional
{
	font-size: 9px;
	font-weight: normal;
	float: right;
}
#contacto_holder li.boton
{
	padding-top: 10px;
	text-align: right;
}
#contacto_holder li.boton a
{
	background: #6F0000;
	padding: 2px 7px;
	color: #FFF;
}
#contacto_holder div.comentario
{
	float: right;
	margin-top: 50px;
	width: 450px;
	border-top: 1px solid #525252;
	padding-top: 7px;
	margin-right: 20px;
}
#contacto_holder div.comentario textarea
{
	width: 420px;
	height: 250px;
}


/* proces
________________________________________*/
#proces_holder
{
	width: 772px;
	height: auto;
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;
	float: left;
}
#proces_holder div.titulo
{
	background: url("../img/barra_titulo.gif") repeat-x top left;
	height: 28px;
	width: 772px;
}
#proces_holder div.titulo h2
{
	background: url("../img/proces.gif") no-repeat top left;
	height: 28px;
	width: 67px;
	text-indent: -1000px;
	float: left;
}
#proces_holder div.titulo a
{
	float: right;
	line-height: 28px;
	vertical-align: middle;
	color: #F6D966;
	font-weight: bold;
	font-size: 10px;
	padding: 0px 15px 0px 0px;
}
#proces_holder div.boton
{
	float: right;
	padding: 10px 22px 0px 0px;
}
#proces_holder div.boton a
{
	background: #6F0000;
	padding: 2px 7px;
	color: #FFF;
	font-weight: bold;
}
#proces_holder .proces
{
	margin: 24px 0px 0px 0px;
	padding: 0px 22px 20px 22px;
	border-bottom: 1px dotted #525252;
	float: left;
}
#proces_holder .proces .fotos
{
	float: left;
	width: 194px;
	height: auto;
}
#proces_holder .proces .fotos img
{
	float: left;
	margin-bottom: 14px;
}
#proces_holder .proces .texto
{
	width: 530px;
	height: auto;
	float: right;
}
#proces_holder .proces h3
{
}
#proces_holder .proces h3 a
{
	color: #6F0000;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 5px;
	line-height: 11px;
	/*border-bottom: 1px solid #525252;*/
}
#proces_holder .proces .fecha
{
	margin-bottom: 10px;
	font-size: 9px;
	line-height: 11px;
}
#proces_holder .proces p
{
	font-size: 11px;
	padding: 7px 0px;
}


/* arxiu
________________________________________*/
#arxiu_holder
{
	width: 774px;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
#arxiu_holder div.titulo
{
	background: url("../img/barra_titulo.gif") repeat-x top left;
	height: auto;
	width: 207px;
	float: left;
	border-left: 1px solid #525252;
	border-bottom: 1px solid #525252;
}
#arxiu_holder .text1
{
	margin: 14px;
	background: url("../img/cerca1.gif") no-repeat top left;
	padding-top: 20px;
}
#arxiu_holder .text2
{
	margin: 14px;
	background: url("../img/cerca2.gif") no-repeat top left;
	padding-top: 20px;
}
#arxiu_holder .text3
{
	margin: 14px;
	background: url("../img/cerca3.gif") no-repeat top left;
	padding-top: 20px;
}
#arxiu_holder #mapathumb
{
	padding: 20px 0px 20px 20px;
}
#arxiu_holder #mapathumb img
{
	border-top: 1px solid #525252;
	padding-top: 20px;
}
#arxiu_holder div.titulo h2
{
	background: url("../img/cerca_avancada.gif") no-repeat top left;
	height: 28px;
	width: 141px;
	text-indent: -1000px;
}
#arxiu_holder div.boton
{
	float: right;
	padding: 10px 22px 16px 0px;
}
#arxiu_holder div.boton a
{
	background: #6F0000;
	padding: 2px 7px;
	color: #FFF;
}
#arxiu_holder #cerca
{
	float: left;
	background: url("../img/barra_titulo.gif") repeat-x top left;
	height: auto;
	width: 564px;
	float: left;
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#arxiu_holder #cerca #resultado
{
	width: 550px;
	line-height: 28px;
	vertical-align: middle;
	color: #F6D966;
	font-weight: bold;
	font-size: 10px;
	text-align: right;
}
#arxiu_holder #cerca #resultado span
{
	line-height: 28px;
	vertical-align: middle;
	color: #F6D966;
	font-weight: bold;
	padding-left: 20px;
	font-size: 10px;
	float: left;
}
#arxiu_holder #cerca #resultado a
{
	line-height: 28px;
	vertical-align: middle;
	color: #F6D966;
	font-weight: bold;
	font-size: 10px;
}
#arxiu_holder #cerca ul
{
	list-style: none;
}
#arxiu_holder #cerca ul
{
	list-style: none;
	clear: left;
	width: 473px;
	float: left;
}
#cerca ul.amor, #cerca ul.amistat, #cerca ul.tristesa, #cerca ul.conflicte, #cerca ul.quotidia, #cerca ul.bogeria, #cerca ul.inclasificable
{
	padding: 10px 20px 10px 70px;
	margin-top: 10px;
}
#cerca ul.amor
{
	background: url("../img/amor_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca ul.amistat
{
	background: url("../img/amistat_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca ul.tristesa
{
	background: url("../img/tristesa_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca ul.conflicte
{
	background: url("../img/conflicte_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca ul.quotidia
{
	background: url("../img/quotidia_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca ul.bogeria
{
	background: url("../img/bogeria_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca ul.inclasificable
{
	background: url("../img/inclasificable_s.jpg") no-repeat top left;
	background-position: 10px 10px;
}
#cerca .titulo
{
	float: left;
}
#cerca .titulo a
{
	color: #6F0000;
	font-size: 11px;
	font-weight: bold;
}
#cerca .tipo
{
	color: #4D4D4D;
	float: right;
	font-weight: bold;
}
#cerca .fecha
{
	float: left;
	width: 473px;
	border-top: 1px solid #525252;
	padding-bottom: 10px;
	color: #4D4D4D;
}
#cerca .fecha span
{
	float: left;
}
#cerca .fecha span.autor
{
	float: right;
}
#cerca .texto
{
	padding: 0px 0px 0px 70px;
}
#cerca .texto p
{
	width: 450px;
	padding: 5px 0px;
	font-size: 11px;
}