html{
	background: url(../../img/interface/fondos/fondo.jpg) left bottom repeat-x #3059ac fixed;
}
body{
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	
	position:relative;
}
p,li,a,label,legend,fieldset,h1,h2,h3,h4,ul,li,ul,ol{
	position:relative;
}
h1,h2,h3,h4,ul,li{
	margin:0;
	padding:0;
	font-size:1em;
}
a:link,a:visited{
	color: #143790;
}
a:hover,a:active{
	color: #1162dc;
	text-decoration:none;
}
strong{
	font-weight:bold;
	color:#142b62;
}
p,li,a,label,legend{
	font-size:0.7em;
	color:#666;
}
p p, p li,li p,li li,p a,li a{
	font-size: 1em;
}
p{
	margin:5px 0 5px 10px;
}
h2{
	color: #0030a8;
	font-family: "Trebuchet MS", Helvetica, Geneva, Verdana;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0.1em;
	margin:0 0 16px 0;
	background:url(../../img/interface/fondos/lineaTit.gif) left bottom repeat-x;
	border-bottom:1px solid #ccc;
	z-index:1;
}
h3{
	color: #069;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, Geneva, Verdana;
	letter-spacing:0em;
	font-size:0.8em;
	margin:15px 5px 10px;
}
label{
	color:#333;
}
legend{
	color: #384093;
	font-weight:bold;
}
fieldset{
	border:1px solid #999;
	margin:15px 0 10px 0;
	padding:10px 0 10px 10px;
	background:#F4F5F9;
}
input{
	padding:3px 4px 3px 4px;
	font-size:0.75em;
	background: url(../../img/interface/fondos/inputs.gif) top repeat-x #e9e9e9;
}
select{
	font-size:0.75em;
}
textarea{
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../../img/interface/fondos/inputs.gif) top repeat-x #e9e9e9;
}
input[type=radio],input[type=checkbox]{
	background: none;
}


/* DISSENY LAYOUT -------------------------------------------------------------------- */
#cuerpo{
	width:940px;
	margin:0 auto;
	background:#FFF;
	border:1px solid #999;
}
#cabecera{
	position:relative;
	top:0;
	left:0;
	height:90px;
	width:940px;
	background: #fff;
}
#cabecera #extraCabecera img{
	border:0;
	padding:3px;
	float:right;
	margin-right:5px;
}
#logo{
	background:url(../../img/interface/fondos/logoNou.gif) top left no-repeat;
	position:absolute;
	top:5;
	left:5;
	width:140px;
	height:95px;
}
#logo h1{
	display:none;
}

/* div menu */
#menu{
	position:absolute;
	top:0;
	left:0;
	width:940px;
	height:10px !important;
	overflow:visible;
	z-index:20;
}

/* MENU WEB */
#menuGen{
	position:absolute;
	top:0;
	right:0;
	width:800px;
	background:#007dcb;
	padding:4px 0 4px 140px;
	
}
#menuGen li{
	list-style:none;
	float:left;
	margin:0 25px 0 0;
}
#menuGen li a:link,#menuGen li a:visited{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
}
#menuGen li a:hover,#menuGen li a:active{
	color:#F60;
}

/* MENU PORTALS */
#menuSites{
	position:relative;
	float:left;
	top:30px;
	left:18px;
	z-index:20;
}
#menuSites li{
	list-style:none;
	display:block;
	margin:0 0 5px 0;
}
#menuSites li a span{
	display:none;
}
#menuSites li a:link,#menuSites li a:visited,#menuSites li a:hover,#menuSites li a:active{
	display:block;
	width:112px;
	height:71px;
	border:1px solid #999;
}
#menuSites li.mDocu a:link,#menuSites li.mDocu a:visited{
	background: url(../../img/interface/menu/ca_v2_documentacio00.jpg) top left no-repeat #1763C1;
}
#menuSites li.mDocu a:hover,#menuSites li.mDocu a:active{
	background: url(../../img/interface/menu/ca_v2_documentacio01.jpg) top left no-repeat #1763C1;
}

#menuSites li.mInfo a:link,#menuSites li.mInfo a:visited{
	background: url(../../img/interface/menu/ca_v2_informacio00.jpg) top left no-repeat #86B938;
}
#menuSites li.mInfo a:hover,#menuSites li.mInfo a:active{
	background: url(../../img/interface/menu/ca_v2_informacio01.jpg) top left no-repeat #86B938;
}

#menuSites li.mEmpr a:link,#menuSites li.mEmpr a:visited{
	background: url(../../img/interface/menu/ca_v2_empreses00.jpg) top left no-repeat #DE6C16;
}
#menuSites li.mEmpr a:hover,#menuSites li.mEmpr a:active{
	background: url(../../img/interface/menu/ca_v2_empreses01.jpg) top left no-repeat #DE6C16;
}

#menuSites li.mProg a:link,#menuSites li.mProg a:visited{
	background: url(../../img/interface/menu/ca_v2_programes00.jpg) top left no-repeat #0D3769;
}
#menuSites li.mProg a:hover,#menuSites li.mProg a:active{
	background: url(../../img/interface/menu/ca_v2_programes01.jpg) top left no-repeat #0D3769;
}

#menuSites li.mForm a:link,#menuSites li.mForm a:visited{
	background: url(../../img/interface/menu/ca_v2_formacio00.jpg) top left no-repeat #42720E;
}
#menuSites li.mForm a:hover,#menuSites li.mForm a:active{
	background: url(../../img/interface/menu/ca_v2_formacio01.jpg) top left no-repeat #42720E;
}

#menuSites li.mAct a:link,#menuSites li.mAct a:visited{
	background: url(../../img/interface/menu/ca_v2_actes00.jpg) top left no-repeat #F5C300;
}
#menuSites li.mAct a:hover,#menuSites li.mAct a:active{
	background: url(../../img/interface/menu/ca_v2_actes01.jpg) top left no-repeat #F5C300;
}
/* LATERAL */
#lateral{
	position:relative;
	z-index:20;
	float:right;
	width:130px;
	
}
#banners ul li{
	list-style:none;
	text-align:left;
}
#banners ul li img.ico{
	float:left;
	margin:4px 3px 0 0;
}

#banners img{
	border:0;
}
#banners ul li a:link,#banners ul li a:visited{
	position:relative;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	display:block;
}
#banners ul li a:hover,#banners ul li a:active{
	color:#06C;
}
#banners .botonDespleg{
	cursor:pointer;
	margin-right:4px;
}
#banners #bannersDespleg{
	margin:0 0 15px 0;
}
#bannersGen li a:link,#bannersGen li a:visited{
	padding:0 0 4px 0 !important;
}

#bannersGen img{
	border:2px solid #007DCB;
	margin:0 !important;
}
/* CONT. INTERIOR */
#contenido{
	position:relative;
	padding:30px 0 0 0;
}
#contenidoInterior{
	position:relative;
	padding:0 150px 30px 150px;
	
	z-index:15;
}
/* CLEANER */
.cleaner{
	position:relative;
	clear:both;
}
/* PIE */
#pie{
	position:relative;
	display:block;
	background: url(../../img/interface/fondos/pieNou4.gif) repeat-x top right #fff;
	width:896px;
	margin:15px 2px 2px 2px;
	padding:20px;
}
#pie p{
	margin:0;
	padding:0;
}
#pie #nomPeu{
	color: #133169;
	font-weight:bold !important;
	margin-bottom:5px;
}
#pie #direccio{
	color: #666;
}

/* EVENTO GENERICO */

.listaEvento li .titulo, .listaEvento li .titulo a:link, .listaEvento li .titulo a:visited{
	color:#474747;
	font-weight:bold;
	font-size:1.05em;
	text-decoration:none;
	display:block;
	line-height:1.4em;
}
.listaEvento li .titulo a:hover, .listaEvento li .titulo a:active{
	color: #039;
}
.listaEvento li .titulo{
	margin: 0 0 5px 0;
	
}
.listaEvento li .img{
	float:left;
	margin:0 5px 5px 0;
	border: 1px solid #039;
	padding:2px;
}
.listaEvento li{
	list-style: none;
	background:url(../../img/interface/fondos/flechaLI.gif) 0 14px no-repeat;
	padding:8px 5px 8px 15px;
	margin:0 0 12px 0;
	overflow:hidden;
	width:610px;
}
.listaEvento li .fecha{
	color:#ff6600;
}

/* ///////////////// SECCIONS //////////////////// */

/* HOME */
.inici{
	
}

/* QUI SOM */
.quiSom p{
	margin:0 0 15px 10px;
}
.quiSom p#parraf4,.quiSom p#parraf13{
	margin:5px 0 10px 10px;
	padding-left:10px;
}
.quiSom p#parraf10,.quiSom p#parraf11,.quiSom p#parraf6,.quiSom p#parraf7,.quiSom p#parraf8,.quiSom p#parraf9{
	margin:5px 0 15px 10px;
	padding-left:10px;
	background:url(../../img/interface/fondos/flechaLI.gif) left 4px no-repeat;
}
/* AGEnDA */
.agenda .listaEvento .titulo{
	background:#039;
	display:block;
	color:#FFF;
	padding:8px 15px;
	font-weight:bold;
	font-size:0.9em;
}
.agenda .listaEvento #listaArchivos li{
	list-style:none;
	background: none;
}
.agenda .listaEvento #listaArchivos li a{
	background:url(../../img/interface/fondos/descarregaAgenda.jpg) top left no-repeat;
	display:block;
	position:relative;
	padding:20px 5px 20px 105px;
	font-size:16px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:30px;
}
/* ACTUALITAT */
.muestraactualitat .listaEvento .titulo{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#036;
	font-size:1.1em;
	display:block;
	font-weight:bold;
}
.muestraactualitat .listaEvento .subtitulo{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size:0.9em;
	font-weight:bold;
	margin:8px 0 4px 15px;
	display:block;
}
.muestraactualitat .listaEvento .fecha{
	font-family: Verdana, Geneva, sans-serif; 
	color: #F60;
	font-size:0.7em;
	display:block;
	margin:2px 0 2px 15px;
}
.muestraactualitat .listaEvento .descripcion{
	font-family: Verdana, Geneva, sans-serif; 
	font-size:0.8em;
	display:block;
	margin:15px 0 2px 20px;
}
.muestraactualitat .listaEvento .descripcion li{
	font-size:1em;
	margin:4px 0 4px 5px;
	color:#000;
	width:auto;
}
.muestraactualitat .listaEvento .img{
	float:left;
	margin:15px 6px 6px 20px;
}
.muestraactualitat .listaEvento .enlace{
	margin:10px 0 10px 20px;
}
.muestraactualitat #parraf1 a:link,.muestraactualitat #parraf1 a:visited{
	display:block;
	margin: 20px 0 0 0;
	border-top:1px solid #999;
	padding:10px 5px 5px 5px;
	font-size:1.1em;
	text-decoration:none;
	background: #F4F4F4;
	font-weight:bold;
}
.muestraactualitat .listaEvento #imgEvento li{
	background:none;
	margin: 5px 0 5px 40px;
}
.muestraactualitat #listaArchivos{
	background:#f4f4f4 url(../../img/interface/fondos/lista.jpg) top right no-repeat;
	border:#ccc 1px solid;
	display:block;
	padding:10px;
	margin:5px 0 5px 20px;
	width:550px;
	overflow:auto;
}
.muestraactualitat #listaArchivos li{
	width:520px !important;
}
	
/* CONTACTE */
.contacte #error{
	background: url(../../img/interface/fondos/errorContacto.jpg) left top no-repeat #C00;
	border:2px solid #900;
	color:#FCC;
	font-weight:bold;
	font-size:1em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:12px 8px 15px 53px;
}
.contacte  p{
	position:relative;
	z-index:10;
}
.contacte #formCont{
	position:relative;
	border-right:1px solid #CCC;
	width:280px;
	padding:4px 10px 15px 10px;
	margin:0 15px 10px 0;
	float:left;
	z-index:15;
}
.contacte #formCont label{
	display:block;
	margin:0 0 2px 0;
}
.contacte #formCont input,.contacte #formCont textarea{
	display:block;
	margin:0 0 7px 0;
	width:200px;
	background:#7A99B8 url(../../img/interface/fondos/input.jpg) repeat-x top left;
	color:#fff;
	padding:2px;
	border:1px solid groove;
	font-size:0.75em;
}
.contacte #formCont #dadesUsu{
	width:45%;
	float:left;
}
.contacte #formCont #missatgeiSend{
	width:50%;
	float:right;
}
.contacte #formCont textarea{
	height:120px;
	width:200px;
}
.contacte #formCont input.bFormContacto{
	background:url(../../img/interface/fondos/botoform.jpg) left top repeat-x #0f204a;
	cursor:pointer;
	border:1px solid ridge;
	font-weight:bold;
}