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;
	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 url(../../img/interface/fondos/capcalera_2010_11.gif) 50% top no-repeat;
}
#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;
	overflow:auto;
}
#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 0 30px 0;
	width:650px;
	left:150px;
	z-index:25;
}
/* CLEANER */
.cleaner{
	position:relative;
	clear:both;
	display:block;
}
/* 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;
	margin-bottom:10px;
}
.destacado{
	color: #F60;
	font-size:14px;
}
/* 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;
}



#navEvento ul{
	position:relative;
	width:650px;
	padding:0;
	margin:0 0 20px 0;
	overflow:hidden;
	background:#fff;
}
#navEvento li,#navPagGaleria li{
	position:relative;
	list-style:none;
	float:left;
	margin:5px 8px;
	padding:;
	width:230px;
	overflow:hidden;
	height:20px;
}
#navEvento li.aSiguiente{
	float:right;
	text-align:right;
}
#navEvento li.aAnterior{
	float:left;
}
#navEvento a.aSiguiente:link,#navEvento a.aSiguiente:visited,#navEvento a.aAnterior:link,#navEvento a.aAnterior:visited,#navPagGaleria a.aSiguiente:link,#navPagGaleria a.aSiguiente:visited,#navPagGaleria a.aAnterior:link,#navPagGaleria a.aAnterior:visited{
	color: #333;
	font-weight:normal;
	font-size:0.9em;
	text-decoration: none;
}
#navEvento a.aSiguiente:link,#navEvento a.aSiguiente:visited{
	background: #CECECE;
	padding:8px;
	text-align:right;
	right:0;
	top:0;
}
#navEvento a.aAnterior:link,#navEvento a.aAnterior:visited{
	background: #CECECE;
	padding:8px;
	text-align:left;
	left:0;
	top:0;
}
#navEvento a:hover,#navEvento a:active{
	background:#03C !important;
	color:#fff !important;
}



/* ///////////////// 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;
}
.agenda .cleaner{
	margin-top:170px;
}
/* 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:305px;
	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:215px;
	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:60%;
	float:right;
}
.contacte #formCont textarea{
	height:120px;
	width:215px;
}
.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;
}
/* Enquestes */
/* ENQUESTA */
#formser,#formqueixes{
	position:relative;
	background: #F0F0F0;
	padding:10px;
	border:1px solid #CCC;
	margin:15px 0 10px 30px;
	width:580px;
	z-index:500;
}
#formser table,#formqueixes table{
	margin-bottom:30px;
}
#formser .dadesGenerals,#formqueixes .dadesGenerals{
	width:570px;
}
#formser .dadesGenerals td,#formqueixes .dadesGenerals td{
	vertical-align:top;
	text-align:left !important;
}
#formser .dadesGenerals input,#formqueixes .dadesGenerals input{
	float:left !important;
	vertical-align:text-top;
	
}
#formser .dadesGenerals .radioEval,#formqueixes .dadesGenerals .radioEval{
	padding-bottom:7px;
}
#formser table td,#formqueixes table th,#formqueixes table td,#formqueixes table th{
	font-size:11px;
}
#formser table td.filaTitRed,#formqueixes table td.filaTitRed{
	text-transform:uppercase;
	font-weight:bold;
}
#formser table td.filaEval,#formqueixes table td.filaEval{
	padding:8px 0 5px 0;
	border-bottom:1px solid #CCC;
	background:#FFF;
}
#formser table td.filaTitRed,#formqueixes table td.filaTitRed{
	padding:15px 0 5px 0;
}
#formser table td.filaTitValGen,#formqueixes table td.filaTitValGen{
	padding:25px 0 5px 0;
	
}
#formser table th,#formqueixes table th{
	text-align:left;
}
#formser table td.cabNumEval,#formqueixes table td.cabNumEval{
	position:relative;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
	width:15px;
}
#formser table th.titIns,#formqueixes table th.titIns{
	color: #900;
	font-size:10px;
}
#formser table th.titSat,#formqueixes table th.titSat{
	color: #060;
	font-size:10px;
	text-align:right;
}
#formser table td.evalIns,#formqueixes table td.evalIns{
	color: #900;
}
#formser table td.evalEmp,#formqueixes table td.evalEmp{
	color: #F90;
}
#formser table td.evalSat,#formqueixes table td.evalSat{
	color:#060;
}
#formser table td.radioEval,#formqueixes table td.radioEval{
	text-align:center;
	padding-left:5px;
	width:25px;
}
#formser table td textarea,#formqueixes table td textarea{
	padding:8px;
	width:600px;
	height:100px;
}
#formser table td table td,#formqueixes table td table td{
	font-size:11px;
}
#botonenq{
	background:url(../../img/interface/fondos/botoform.jpg) #036 repeat-x top left;
	color:#FFF;
	font-weight:bold;
	border:1px solid #666;
	cursor:pointer;
	width:auto !important;
}
#formqueixes .campText{
	position:relative;
	display:block;
	font-size:12px;
	width:300px;
	z-index:500;
}
#formqueixes .campQueixa{
	width:460px;
	height:80px;
	font-size:12px;
	
}
.clausulas
	width:305px;
}
