/*
 * Colors
 * DFDFDF Fons
 * 007755 Verd d'enllaços
 * 007855 Verd de fons
 */

/*
----------------------------------------
	REDEFINICIONS de TAGS
----------------------------------------
*/

/* Font per defecte de la web */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Valors per defecte + centrat per a IE */
body {
	margin: 0px;
	padding: 0px;
    color: #000000;
	background-color: #DFDFDF;
	text-align: center;
}


/* Els mateixos valors per defecte que el body */
/*
input, select, th, td {
    color: #000000;
	font-size:11px;
}
*/


/* Enllaços per defecte sense subratllar i verds */
a:link, a:visited, a:active {
	text-decoration: none;
	color: #007755;
}
a:hover {
	text-decoration: underline;
}


/* Imatges sense vores per no preocupar-nos quan estiguin enllaçades */
img {
	border: 0;
}


/* Neutralitzem els encapçalaments per incloure'ls on vulguem */
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}


/* Neutralitzo els formularis */
form {
	margin: 0;
	padding: 0;
}



/*
----------------------------------------
	ESTILS GENERALS
----------------------------------------
*/

/* Text no visible, per afavorir l'accessibilitat al codi */
.no_visible {
	display: none;
}

.flotant, .flota {
	float: left;
}

.text_gris {
	color: #666666;
}

.tipus_adjunt {
	font-weight: bold;
	margin: 5px 0;
	display:block;
}

.fletxa, body ul li.fletxa {
	padding-left: 19px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/fletxa_mes_informacio.gif) no-repeat scroll left center;
}

body ul.amb_fletxa li {
	padding-left: 19px;
}

/*
----------------------------------------
	ESTRUCTURA DE ZONA
----------------------------------------
*/

/* Taula general de la zona */
.zona_centrar {
	margin: 0 auto; /* Centrat per mozilla */
	text-align: left; /* Anulem el centrat aplicat al body */
	width: 776px;
	overflow:hidden;
}

/* Taula interior de la zona. S'adaptarà a l'alçada del conjunt */
.zona {
	float: left;
	background-color: #FFFFFF;
	width: 776px;
	min-height: 500px; /* Alçada mínima per qui ho entengui... */
	height: auto;
}

/* Contenidor de la pàgina */
.pagina {
	float:left;
	margin: 0;
	width: 590px;
	padding-bottom:30px;
	display: inline; /* bIE */
	/* Alçada mínima per navegadors competents */
	min-height: 400px;
	height: auto;
}
/* Alçada mínima per navegadors incompetents, Internet Explorer */
/*\*/
* html .pagina {
	height: 500px;
}
/**/

/*
----------------------------------------
	Varis
----------------------------------------
*/
.etiqueta {
	font-weight: bold;
	font-size: smaller;
}
.majuscula {
	text-transform: uppercase;
}

.img_petita {
	float:left;
	margin: 5px 5px 3px 0px;
}

.separador_tipus {
	padding-top: 10px;
}

.imatge_incrustada {
	float:left;
	margin: 0px 5px 3px 0px;
}
/*
----------------------------------------
	DIV's (barres i línies de color)
----------------------------------------
*/

/* Barra verda que conté el logo */
.barra_logo {
	background: #007755 url('images/logo_text_ajuntament.gif') no-repeat right center;
	color:#FFFFFF;
	height: 50px;
}

/* Barra... grisa! */
.barra_grisa {
	background: #F0F0F0;
	color:#000000;
	height: 26px;
}
/* Marges interiors de la barra grisa */
.barra_grisa div {
	padding: 4px 0px 0px 7px;
}

/* Barra verda de baix de tot */
.barra_peu {
	float: left;
	padding: 7px;
	background-color: #007755;
	color:#FFFFFF;
}
/* Fixem la mida interior */
.barra_peu div{
	float: left;
	width: 762px;
	text-align: right;
	color:#FFFFFF;
}

/* Enllaços al peu de la pàgina */
.barra_peu a:link, .barra_peu a:visited, .barra_peu a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* Títol gros */
.ratlla_verda {
	border-bottom: 1px solid #007855;
	padding-bottom: 5px;
}

/* Pinta una ratlla verda per sobre i per sota */
.ratlles_verdes {
	border-top: 1px solid #007855;
	border-bottom: 1px solid #007855;
	padding-bottom: 5px;
	padding-top:5px;
}

/*
----------------------------------------
	COLUMNES
----------------------------------------
*/

/* Els marges sempre per la dreta, excepte columna_d,
	 que maca el marge de pàgina*/

/* Tot l'ample de la pàgina */
.columna_tot {
	float: left;
	width: 776px;
}

/* Menú lateral */
.columna_m {
	float: left;
	width: 160px;
	margin: 0px 10px 0px 5px;
	display: inline; /* bIE */
	background: #FFFFFF;
	padding-top: 20px;

}
/* Tot l'ample de la pàgina */
.columna_100 {
	float: left;
	width: 590px;
	display: inline; /* bIE */
}

/* Pàgina menys destacats */
.columna_100_d {
	float: left;
	width: 445px;
	display: inline; /* bIE */
}

/* Destacats */
.columna_d {
	float: left;
	width: 130px;
	display: inline; /* bIE */
}
/* 50% de la pàgina amb destacats */
.columna_50_d { 
	float: left;
	width: 215px;
	display: inline; /* bIE */
}
/* 50% de la pàgina sense destacats */
.columna_50 { 
	float: left;
	width: 287px;
	display: inline; /* bIE */
}
/* 60% de la pàgina sense destacats */
.columna_60 {
	float: left;
	width: 400px;
	display: inline; /* bIE */
}
/* 40% de la pàgina sense destacats */
.columna_40 {
	float: left;
	width: 175px;
	display: inline; /* bIE */
}
/* 30% de la pàgina sense destacats */
.columna_30 {
	float: left;
	width: 192px;
	display: inline; /* bIE */
}

/* Marges entre seccions */
/* Marges entre columnes en general 15 (10 entre menú i pagina) */
.marge_dret {
	margin-right: 15px;
}
.marge_superior {
	margin-top: 30px;
}
.marge_inferior {
	margin-bottom: 20px;
}

/* Marges entre continguts dins les seccions */
.padding_inf {
	padding-bottom: 10px;
}

.padding_sup {
	padding-top: 10px;
}


/*
----------------------------------------
	TÍTOLS
----------------------------------------
*/

/* Títol gros */
h2, .titol_pagina {
    color: #000000;
	font-weight: bold;
	float:left;
	width: 590px;
	margin: 15px 0 12px 0;
}



/* Títol gros */
h3, .titol_seccio {
	color: #000000;
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 12px;
	background: url('images/ratlla_sota_h3_simple.gif') no-repeat bottom left;
}

/* Títol gros */
h3.transversal {
	color: #000000;
	font-weight: normal;
	text-transform: none;
	padding-bottom: 7px;
	margin-bottom: 15px;
	background: url('images/ratlla_sota_h3_doble.gif') no-repeat bottom left;
}


/*
----------------------------------------
	ENLLAÇOS
----------------------------------------
*/

/* Enllaç amb imatge de la impressora */
.link_imprimir:link, .link_imprimir:active, .link_imprimir:hover, .link_imprimir:visited {
	display: block;
	float: right;
	margin: 5px 4px 0 10px;
    color: #6D6D6D;
	height: 16px;
    font-size: 10px;
	padding-left: 18px;
	padding-top: 1px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/imprimir.gif) no-repeat 0px 3px;
}


/* Enllaç amb imatge d'un sobre per enviar mail */
.link_enviar_correu:link, .link_enviar_correu:active, .link_enviar_correu:hover, .link_enviar_correu:visited {
	display: block;
	float: right;
	margin: 5px 4px 0 10px;
    color: #6D6D6D;
	height: 16px;
    font-size: 10px;
	padding-left: 18px;
	padding-top: 1px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/sobre.gif) no-repeat 0px 3px;
}

/* Enllaç intern */
.extern {
	padding-left: 13px;
}

/* Enllaç extern */
.extern {
	padding-left: 13px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/link_extern.gif) no-repeat scroll left top;
}

/* Enllaç mailto */
.mailto {
	padding-left: 15px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/link_mailto.gif) no-repeat scroll left center;
}

/* Enllaç finestra_nova */
.finestra_nova {
	padding-left: 15px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/finestra_nova.gif) no-repeat scroll top left;
}

.link_mes_info {
	padding-left: 19px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/fletxa_mes_informacio.gif) no-repeat scroll left center;
}


.link_tornar {
	padding-left: 15px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/tornar.gif) no-repeat scroll left center;
}


/*
----------------------------------------
	FONS DE SECCIONS
----------------------------------------
*/
.fons_gris {
	background-color: #F0F0F0;
}



/*
----------------------------------------
	DESTACATS
----------------------------------------
*/

/* Defineix la columna de la dreta on s'hi troben els destacats */
.columna_destacats li{
	background: #F0F0F0;
	list-style: none;
	margin:0;
	padding:0;
	width:138px;;
	border-top: 2px solid #FFFFFF;
	float: left;
}
.padding_destacat {
	padding: 5px 0 0 5px;
	float: left;
}

/* Força que els items tinguin paddings per mantenir distàncies amb imatges i textos */
.element_destacat_barra { /* imatges, titols, textos */
	display:block;
	padding: 0 5px 5px 0px;
}

.text_destacats {
	font-size:10px;
}

.llistat_actes {
	font-size:10px;
	margin-bottom:5px;
	padding-left: 13px;
	background: url(images/flecha.gif) top left no-repeat;
}
}

/*
----------------------------------------
	MENÚS
----------------------------------------
*/

/* IMATGE DEL MENÚ */
.imatge_menu, .imatge_menu_home{
	float:left;
	width: 590px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.imatge_menu {
	height: 60px;
}
.imatge_menu_home {
	height: 120px;
	margin-top: 20px;
}


/* MENÚ 1 */
.barra_grisa ul {
	margin-top: 3px;
	float: left;
	width: 240px;
}

.barra_grisa li {
	float: left;
	list-style:none;
	margin:0 0 0 4px;
	padding:0px;
	color: #808080;
	background: none;
}

/* A textos .menu_1 li a i menu_1_li*/

.barra_grisa .separador_menu {
	color: #808080;
}

.barra_grisa li a, .barra_grisa li a:link, .barra_grisa li a:hover, .barra_grisa li a:active, .barra_grisa li a:visited {
	font-size: 10px;
	color: #666666;
}

/* Idiomes a la barra grisa */
.barra_grisa ul.idiomes {
	margin: 3px 8px 0 0;
	display:inline; /*bIE*/
	float: right;
	text-align: right;
	width: 300px;
}
.barra_grisa ul.idiomes li {
	float: right;
	display: inline;
	list-style:none;
	margin:0 4px 0 0;
	padding:0px;
	color: #FFFFFF;
	background: none;
}

/* LINKS 'Ciutat, economia, turisme, ajuntament' de la barra grisa */
ul.menu_municipal {
	margin: 3px 8px 0 0;
	display:inline; /*bIE*/
	float: right;
	width: 380px;
}
.menu_municipal li {
	float: right;
	display: inline;
	list-style:none;
	margin:0 4px 0 0;
	padding:0px;
	color: #FFFFFF;
	background: none;
}
.menu_municipal a, .menu_municipal a:link, .menu_municipal a:hover, .menu_municipal a:active, .menu_municipal a:visited {
	font-size: 10px;
	text-transform: uppercase;
	color: #007755;
}

.menu_municipal li a, .menu_municipal li a:link, .menu_municipal li a:hover, .menu_municipal li a:active, .menu_municipal li a:visited {
	font-size: 10px;
	text-transform: uppercase;
	color: #007755;
}
/* Quan estigui marcat es queda en negre i negreta*/
.menu_municipal li.marcat a, .menu_municipal li.marcat a:link, .menu_municipal li.marcat a:hover, .menu_municipal li.marcat a:active, .menu_municipal li.marcat a:visited {
	color: #000000;
	font-weight: bold;
}


/* LINKS DE LA VERDA DEL LOGO */
.barra_logo ul {
	margin: 30px 0 0 7px;
	display:inline; /*bIE*/
	float: left;
}
.barra_logo li {
	float: left;
	display: inline;
	list-style:none;
	margin:0 0 0 4px;
	padding:0px;
	color: #FFFFFF;
	background: none;
}
.barra_logo a, .barra_logo a:link, .barra_logo a:hover, .barra_logo a:active, .barra_logo a:visited {
	font-size: 10px;
	color: #FFFFFF;
}


/* MENÚ TRANSVERSAL */

.menu_transversal {
	margin: 15px 0 5px 0;
	float: left;
	text-align:right;
	width: 590px;
}

.menu_transversal li {
	float: right;
	list-style:none;
	margin:0 0 0 15px;
	padding:0px;
	color: #000000;
	background: none;
}

/* MENÚ NAVEGACIÓ */

.menu_navegacio {
}

.menu_navegacio li {
	padding-left: 5px;
	background: no-repeat scroll left center;
	/* text-transform: uppercase; */
}

.menu_navegacio li a {
	color: #000000;
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}

ul.menu_navegacio li.aaa a {
	padding-left: 5px;
	background: none;
}

/* MENÚ LATERAL */
.menu_lateral {
	padding:0;
	margin:0;
	list-style:none;
}

.menu_lateral ul {
	margin: 0;
	padding: 0;
}

.menu_lateral ul ul {
	margin: 0;
	padding: 0;
	border-left: 1px solid #888888;
}

.menu_lateral li {
	background-image: none;
	margin: 0px;
	padding: 3px 0 3px 10px;
}

.menu_lateral li.menu_no_visible {
	background: url(images/menu_no_visible.gif) no-repeat scroll 0px 8px;
	padding-left: 12px;
}


	/* Primer nivell */
.menu_lateral li a:link, .menu_lateral li a:visited, .menu_lateral li a:active, .menu_lateral li a:hover {
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

.menu_lateral li #nivel1 {
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

	/* Segon nivell */
.menu_lateral li li a:link, .menu_lateral li li a:visited, .menu_lateral li li a:active, .menu_lateral li li a:hover {
	font-size: 10px;
	color: #000000;
	text-transform: none;
	font-weight: normal;
}

	/* Tercer nivell */
.menu_lateral li li li a:link, .menu_lateral li li li a:visited, .menu_lateral li li li a:active, .menu_lateral li li li a:hover {
	font-size: 9px;
	color: #888888;
	text-transform: none;
	font-weight: normal;
}

.menu_lateral li a.marcat, .menu_lateral li a.marcat:link, .menu_lateral li a.marcat:visited, .menu_lateral li a.marcat:active, .menu_lateral li a.marcat:hover {
	color: #007755;
}

.separador_blocs_menu {
	border-top: 1px solid #DFDAD4;
	margin-top: 10px;
	padding-top: 13px;
}

/*
----------------------------------------
	LLISTES
----------------------------------------
*/

ul {
	padding:0;
	margin:0;
	list-style:none;
}

li {
	padding-left: 8px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/guio_li.gif) no-repeat scroll 0px 5px;
	list-style:none;
	margin-bottom: 5px;
}

/* Llista neta sense imatges ni res */
ul.llista li {
	background: none;
	padding: 0;
}

/* distància entre items de la llista */
ul.normal li, ul ul.normal li{
	margin-bottom: 5px;
}
ul.doble li {
	margin-bottom: 10px;
}
ul.triple li {
	margin-bottom: 15px;
}

ul.gt li {
	padding-left: 12px;
	background: url(file://///servidor/privadas/FCV/WEB%20PLAN%20E/images/gt.gif) no-repeat scroll 0 5px;
}


/*
----------------------------------------
	FIL D'ARIADNA
----------------------------------------
*/
div.fil_ariadna { 
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 590px;
}
.fil_ariadna ul {
	list-style:none;
	background: none;
	margin: 0;
	padding: 0;
	display:inline;
}
.fil_ariadna li {
	list-style: none;
	background: none;
	display:inline;
	margin:0px;
	padding:0px;
	color: #666666;
	font-size: 10px;
}
.fil_ariadna li a:link, .fil_ariadna li a:visited, .fil_ariadna li a:active, .fil_ariadna li a:hover {
	color: #666666;
	font-size: 10px;
}

/*
----------------------------------------
	FORMULARIS
----------------------------------------
*/
.cercador_global {
	float:left;
}
.input_cercador_global {
	height: 15px;
	width: 104px;
	border: 1px solid #ADA296;
	margin-right:2px;
	padding: 0;
	float: left;
}
/* Mides per navegadors incompetents, Internet Explorer */
/*\*/
* html .input_cercador_global {
	height: 15px;
	width: 104px;
}
/**/



/*
----------------------------------------
	ZONA D'EDICIÓ
----------------------------------------
*/
.no_traduible {
	color:#FF0000;
}

.titol_detall {
	color:#007755;
	font-weight: bold;
}



/*
----------------------------------------
	REDIMENSIÓ DE TEXTOS
----------------------------------------
*/
li.aaa {
	margin-top: -5px;
}



/*
--------------------------------------
    CREACIÓ FORMULARIS
--------------------------------------
*/

.marge_dt, dt{
  margin-bottom: 5px;
}

dd{      
  margin-bottom: 10px;
  margin-left: 15px;
}

.input_formulari_text{
  width:255px;
}

.input_formulari_textArea{
  width:255px;
  height:130px;
}

.marge_submit{
  margin-left:200px;
}


/*
--------------------------------------
              TURISME
--------------------------------------
*/
.columna_25 {
  display:inline;
  float:left;
  width:136px;
}
.marge_dret {
  margin-right:15px;
}