/*
 *           FULL D'ESTILS
 *             LAVINIA
 *           Perception.es
 */



/*
 *          Generals
 */
body {
    background-color: #FFF;
    font-size: 70%;
    font-family: arial, verdana, sans-serif;
}

a {
	color:#004584;
}

a:hover {text-decoration:underline}

a img {
    border-width: 0px;
}

div#contenidor {
    border-bottom: 1px solid #ccd5dc;
    margin: 20px auto;
    padding-bottom: 4px;
    width: 990px;
}

/*
 *          Capçalera
 */

div#cap {
    background: transparent url('../img/fns_cap.jpg') no-repeat center;
    border: 1px solid #8598b7;
    height: 123px;
    margin-bottom: 2px; 
    padding: 4px;
	position:relative;
}

div#cap a.nom-web {
position:absolute;
display:block;
height:100px;
width:365px;
overflow:hidden;
text-indent:-10000px;
top:15px;
left:15px;
}

div#cap .idiomes {
    color: #c2cad5;
    float: right;
    font-size: 11px;
    padding: 78px 10px 0px 0px;
	padding-right:30px;
}

div#cap .idiomes a {
    color: #c2cad5;
    text-decoration: none;
}

div#cap .idiomes a:hover {
    text-decoration: underline;
}


div#logotip-nexia {
/*
position:absolute;
right:0px;
bottom:0px;
left:0;
top:0;
z-index:1;
*/
margin-top:15px;
text-align:center;
}

/*
 *          Menu
 */

div#menu_primer_nivell {
    background: #2E6395 url('../img/fons_menu_primer_nivell.jpg') repeat-x;
	height:30px;
	padding:0 8px;
}

div#menu_primer_nivell  a {
	display:block;
	float:left;
	line-height:30px;
	margin-right:8px;
    color: white;
	padding:0 8px;
    text-decoration: none;
    text-transform: uppercase;
}

	div#menu_primer_nivell a:hover {
		text-decoration:underline;
	}
	
	div#menu_primer_nivell a.activa {
	 background:white url('../img/fons_menu_primer_nivell_activa.jpg') 0 0 repeat-x;
	 color:#002649;
	}

	div#menu_primer_nivell div#canviar-mida-text {
	float:right;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
		div#menu_primer_nivell div#canviar-mida-text a {
		text-transform:none;
		margin-right:3px;
		font-weight:bold;
		background:white url('../img/fons_menu_primer_nivell_activa.jpg') 0 0 repeat-x;
	 	color:#002649;
		}
		
		div#menu_primer_nivell div#canviar-mida-text a#reduir-font {
		font-size:9px;
		}
		
		div#menu_primer_nivell div#canviar-mida-text a#augmentar-font {
		font-size:13px;
		}

div#menu_segon_nivell {
    background: white url('../img/fons_menu_segon_nivell.jpg') repeat-x;
    height: 31px;
	line-height:31px;
	clear:left;
	padding-left:8px;
	color:#9A9A9A;
}

	div#menu_segon_nivell * {margin-right:12px;}

	div#menu_segon_nivell  a {text-decoration: none;}
	div#menu_segon_nivell  a:hover {text-decoration: underline;}
	div#menu_segon_nivell  a.activa {font-weight:bold;}

/*
 *          Cos central
 */

div#cos {
    margin: 8px 0px 4px 4px;
}

div#cos div#imatge_portada {
    background: transparent url('../img/img_portada.jpg') no-repeat center;
    height: 178px;
    width: 714px;
}

div#cos div#imatge_portada .flotant {
    background: transparent url(../img/pix.png) 0 0 repeat;
    color: #fff;
    height: 135px;
    top: 25px;
    position: relative;
    width: 100%;
}

	div#cos div#imatge_portada .flotant .padding {
	padding: 8px 50px 0px 25px;
	text-align:justify;
	}
	
		div#imatge_portada h1 {
		font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:181%;
		color:#99CCFF;
		margin:0 0 5px 0;
		padding:0;
		font-weight:normal;
		}

		div#imatge_portada p,div#imatge_portada div.hasMargin {
        margin:0px;
		}

		div#cos div#imatge_portada a {
		color: #9DCFFF;
		font-weight:bold;
		background:transparent url(../img/ico_mes_info.gif) left center no-repeat;
		padding-left:15px;
		}

div#ampliar_informacio {text-align:right;}


div#cos.linia_vertical {
    background: transparent url('../img/fns_cos_pix.jpg') repeat-y 724px;	
}

#cos #falsa_columna {
    background: transparent url('../img/fons_falsa_columna.jpg') left bottom no-repeat;
    height: 1%; /* bug explorer  */
}

body.inici #cos #falsa_columna {
    background: transparent;
}


/*
 *          Cos - Esquerra
 */


div#cos div#esquerra {
    float: left;
    width: 714px;	
}

div#cos div#esquerra .capsa1 {
    background: white url('../img/fns_portada_1.jpg') no-repeat center right;
    border: 1px solid #aeaeae;
    float: left;
    height: 75px;	
    width: 265px;
}

	div#cos div#esquerra .capsa1 .padding {
		padding: 10px 15px 0px 15px;
	}
	
		div#cos div#esquerra .capsa1 .padding h2 {
		margin:0 0 5px 0;
		padding:0;
		color:#3673AF;
		font-family:"trebuchet MS";
		font-size:136%;
		
		}

		div#cos div#esquerra .capsa1 a {
			color:#002649;
			
			text-decoration:none;
		}
		
			div#cos div#esquerra .capsa1 a:hover {text-decoration:underline}

			div#cos div#esquerra .capsa1 .creu {
				float: right;
				position: relative;
				top: 57px;
			}

div#cos div#esquerra .capsa2  {
    background: transparent url('../img/fondo-delegaciones.jpg') no-repeat center center;
    border: 1px solid #aeaeae;
    float: right;
    height: 75px;
    width: 441px;	
}

div#cos div#esquerra .capsa2 .text {
    color: #fff;
    font-size: 12px;
    margin-top: 55px;
}
div#cos div#esquerra .capsa2 .text a {
    color: #fff;
	float:left;
	padding-left:25px;
	width:63px;
	background:transparent url(../img/icon2.png) 8px 3px no-repeat;
}

div#cos div#esquerra .capsa2 .text a img {
    vertical-align: middle;
}

div#cos div#esquerra .inferior {
    background: transparent url('../img/degradat.jpg') repeat-x bottom;
    border-top: 1px solid #D4D4D4;
    clear: both;
    color: #616161;
    margin:8px 0;
	padding:8px 15px;
}

div#cos div#esquerra .inferior .capsa {
float: left;
padding-right:8px;
margin:0 8px 8px 0;
width: 214px;
background:transparent url(../img/linea-vertical.gif) top right repeat-y;
}

	div#cos div#esquerra .inferior #final {
	margin-right:0;
	background-image:none;
	}

	div#cos div#esquerra .inferior .capsa h3 {
	margin:0 0 5px 0;
	padding:0;
	color:#002649;
	font-family:"trebuchet MS";
	font-size:136%;
	}
	
		div#cos div#esquerra .inferior .capsa h3 a {color:#002649;}

	div#cos div#esquerra .inferior .capsa a {
	color:#555555;
	text-decoration:none;
	}
	
		div#cos div#esquerra .inferior .capsa a:hover {
		text-decoration:underline
		}
		
	p#mas-sericios {
	clear:left;
	border-top:1px solid #D4D4D4;
	text-align:right;
	padding:8px 0 0 0;
	margin:0;
	}

div#cos div#esquerra .inferior .creu {
    float: right;
    position: relative;
    top: 107px;
}

div#cos div#esquerra .inferior .separador {
    background: transparent url('../img/linea-vertical.gif') repeat-y;
    float: left;
    height: 120px;
    margin: 15px 0px 0px 15px;
    width: 1px;
}

/*
 *          Cos - Esquerra -interior
 */

div#contingut_seccio { /* 688 d'amplada útil */
padding:15px 13px;
background:transparent url(../img/fons_contingut_seccio.jpg) top left repeat-x;
line-height:150%;
font-size:109%;
color:#616161;
height:1%;
}

div#contingut_seccio h1 {
font-family:"trebuchet MS";
font-size:136%;
color:#002649;
padding:0 0 5px 0;
margin:0 0 15px 0;
background:transparent url(../img/fons_cap_interior.gif) left bottom repeat-x;
}

div#contingut_seccio h2 {
font-size:109%;
padding:0;
margin:1em 0;
color:black;
}
div#contingut_seccio h3 {
color:#999999;
font-weight:bold;
padding:0;
margin:1em 0;
font-size:1em;
}

div#contingut_seccio p {margin:1em 0}

div#contingut_seccio hr {
color:#DBDBDB;
height:1px;
background-color:#DBDBDB;
border:0;
}

#contingut_seccio .foto img,
#contingut_seccio .vora {
    border:3px double #CCCCCC;
}

#contingut_seccio .foto p {
    line-height: 100%;
    font-size: 90%;
    margin: 0.1em 0;
    color: #999;
}

p#paginador {
font-weight:bold;
padding-top:5px;
text-align:right;
border-top:1px solid #666666;
font-size:90%;
color:#333333;
}

	p#paginador span.desactivat {color:#4883BE}
		p#paginador span.anterior, p#paginador a.anterior {
		padding-left:20px;
		padding-right:15px;
		background-position: left center;
		background-repeat:no-repeat;
		}
		
			p#paginador span.anterior {background-image:url(../img/ico_pag_anterior_desactivat.gif);color:#A4C1DF}
			p#paginador a.anterior {background-image:url(../img/ico_pag_anterior_activat.gif)}
		
		p#paginador span.seguent, p#paginador a.seguent {
		padding-right:20px;
		padding-left:15px;
		background-position: right center;
		background-repeat:no-repeat;		
		}
		
			p#paginador span.seguent {background-image:url(../img/ico_pag_seguent_desactivat.gif);color:#A4C1DF}
			p#paginador a.seguent {background-image:url(../img/ico_pag_seguent_activat.gif)}
	


/* formularis */

input.camp, textarea.camp {
background-color:#F4F4F4;
border:1px solid #999999;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

div#enviar {float:right;padding-top:15px;}

div.marc_boto {
background-color:#CCCCCC;
float:left;
position: relative;
clear: both;
}

div.marc_boto input {
margin: -2px 2px 2px -2px;
position: relative;
display: block;
background:transparent url(../img/fons_boto.png) 0 0 repeat-x;
height:26px;
line-height:26px;
font-family:"trebuchet MS";
font-size:11px;
font-weight:bold;
padding:0 10px;
color:white;
border:0;
}

span.obligatori {color:#FF0000;}

/* llistes */
div#contingut_seccio ul {
margin-top:1em;
margin-bottom:1em;
padding:0;
}

div#contingut_seccio ul li {
margin:0;
background:transparent url(../img/punt_llista_2.gif) 0 4px no-repeat;
padding-left:15px;
list-style:none;
}

div#contingut_seccio ul.llista_1 li {
background:transparent url(../img/punt_llista_1.gif) 0 4px no-repeat;
padding-left:15px;
}

div#contingut_seccio ul.llista_2 li{
background:transparent url(../img/punt_llista_2.gif) 0 4px no-repeat;
padding-left:15px;
}

/* vincles */

a.fletxa {
padding-left:18px;
background:transparent url(../img/ico_vincle_fletxa.gif) left center no-repeat;
}

a.tots {
	color:#333333 !important;
	font-weight:bold;
	padding-left:18px;
	background:transparent url(../img/ico_mes_info_2.gif) left center no-repeat;
	}

a.adjunt {
padding:2px 0 2px 22px;
background-position:0 2px;
background-repeat:no-repeat;
background-image:url(../img/page_white.png)
}
	
	a.txt {background-image:url(../img/page_white_text.png)}
	a.word {background-image:url(../img/page_white_word.png)}
	a.excel {background-image:url(../img/page_white_excel.png)}
	a.ppt {background-image:url(../img/page_white_powerpoint.png)}	
	a.pdf {background-image:url(../img/page_white_acrobat.png)}

a.email {
padding:3px 0 3px 40px;
background:transparent url(../img/ico_vincle_email.gif) left center no-repeat;
}

a.context {
padding:3px 0 3px 10px;
color:#728493;
background:transparent url(../img/ico_vincle_context.gif) left center no-repeat;
}

div.clear {
clear:both;
height:1px;
}

/* Pàgines especials: serveis */

div#llistat_serveis div {
float:left;
width:337px;
} 

div#llistat_serveis div.inici_fila{
clear:left;
margin-right:13px;
}

div#contingut_seccio h2#pressupost {
font-size:109%;
padding:0;
margin:1em 0;
background-color:#C4D7EA;
float:left;
position:relative;
}

	div#contingut_seccio h2#pressupost a {
	display:block;
	margin: -2px 2px 2px -2px;
	position: relative;
	padding:3px 10px 3px 22px;
	color:white;
	background:#4883BE url(../img/ico_vincle_fletxa_blanca.gif) 5px 6px no-repeat;
	text-decoration:none;
	}

/* Pàgines especials: sedes */

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

	ul#sedes li {
	display:block;
	padding:15px 0 !important;
	border-top:1px solid #CCCCCC;
	}
	
		ul#sedes li.primer {
		padding-top:0;
		border-top:0;
		}
		
			ul#sedes li div.mapa {
			float:left;
			border:3px double #CCCCCC;
			width:290px;
			height:215px;
			margin-right:50px;
			}
			
			ul#sedes li div.adreca {
			float:left;
			width:275px;
			padding-top:50px;
			}
			
				ul#sedes li div.adreca h2 {margin:0}

/* Pàgines especials: notícies i events */
p.tots_els_items {
border-top:1px solid #666666;
border-bottom:1px solid #666666;
text-align:right;
padding:5px;
}

/* Pàgines especials: notícies */


div#contingut_seccio div.noticia {
padding:20px 0;
border-top:1px solid #CCCCCC;
clear:left;
}
	
	div#contingut_seccio .noticia.primera {padding-top:0;border:0}
	
	div#contingut_seccio div.noticia .foto img {
	margin-right:10px;
	float:left;
	}
	
	div#contingut_seccio div.noticia h2 {margin:0 0 0.25em 0}
	
	div#contingut_seccio div.noticia h3 {
	font-size:90%;
	margin:0 0 0.25em 0;	
	}
	
	div#contingut_seccio div.noticia span.data {
	font-size:90%;
	color:#4883BE;
	}

div#contingut_seccio div.noticia h2 {margin:0.1em 0;}
div#contingut_seccio div.noticia p {margin:0}

div#contingut_seccio div#desenvolupament_noticia {
/*margin:0 0 0 244px;*/
clear:none;
padding:0;
border:0;
}
	div#contingut_seccio div#desenvolupament_noticia p {margin:1em 0;}

/* Pàgines especials: events */

div#llistat_events h3 {
border-top:1px solid #CCCCCC;
margin:0 0 0.25em 0;
padding-top:20px;
}

	div#llistat_events h3.primer {
	border:0;
	padding-top:0;
	}

div#llistat_events h2 {
margin:0;
padding-bottom:20px;
}
		
/* Pàgines especials: quiénes somos */
div#foto_corporativa {
float:right;
margin:0 13px 13px 0;
}

/* Pàgines especials: equip */
div#llistat_equip img {
float:left;
margin-right:22px;
}

div#llistat_equip div.treballador {
padding:20px 0;
border-bottom:1px solid #CCCCCC;
clear:left;
}

/* Pàgines especials: sol·licitar pressupost */

div#solicitar_presupuesto {font-size:90%}

div#solicitar_presupuesto h2 {margin:0.5em 0}
div#solicitar_presupuesto h3 {margin:0.25em 0}

div#solicitar_presupuesto div.grup_camps {
width:324px;
float:left;
margin-right:20px;
margin-bottom:10px;
}
	div#solicitar_presupuesto div.grup_camps label {display:block;}
	div#solicitar_presupuesto div.grup_camps div {
	clear:left;
	padding-top:3px;
	}
	
	div#solicitar_presupuesto div.grup_camps div label, div#solicitar_presupuesto div.grup_camps div input{float:left}
	div#solicitar_presupuesto div.grup_camps div span.check {float:left;margin-right:10px;}
	
	div#solicitar_presupuesto div.grup_camps div label {width:140px;}	
	
	div#solicitar_presupuesto div .camp {width:178px;}
	
	div#solicitar_presupuesto textarea.camp {
	width:682px;
	height:60px;
	}



/* Pàgines especials: contacte */

div#adreces_contacte {
font-size:90%;
}

	div#adreces_contacte div {
	width:164px;
	float:left;
	margin-right:10px;
	}
	
	div#adreces_contacte div.ultim {margin:0}

p#msg_camps_obligatoris {font-size:90%}

div#formulari_contacte {
border-bottom:1px solid #CCCCCC;
padding-bottom:13px;
font-size:90%;
}

	div#formulari_contacte label {
	width:150px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
	}
	
	div#formulari_contacte div.item_formulari {
	padding-top:3px;
	clear:left;
	}

	
	div#formulari_contacte input.camp {
	width:300px;
	float:left;
	}
	
	div#formulari_contacte textarea#missatge {
	width:520px;
	height:120px;
	float:left;
	}
	
		
	p#proteccio_dades {
	font-size:90%;
	color:#666666;
	}

/*
 *          Cos - Dreta
 */

div#cos div#dreta {
    float: right;
    width: 250px;
	margin-bottom:82px;
	color:#555555;
	}

	div#cos div#dreta a {color: #002649;}
	
	div#cos div#dreta h2 {
	font-size:1em;
	margin:0;
	font-weight:bold;
	overflow:hidden;
	}
	
		div#cos div#dreta h2.noticies {
		padding:0 0 0 39px;
		color:#5D5D5D;
		background:transparent url(../img/fons-noticies.gif) 0 0 no-repeat;
		line-height:32px;
		height:32px;	
		}
		
		div#cos div#dreta h2.events {
		padding:0 0 0 39px;
		color:#5D5D5D;
		background:transparent url(../img/fons-events.gif) 0 0 no-repeat;
		line-height:24px;
		height:24px;
		margin-top:1em;
		}
	
	/* accés a la premsa */
	div#cos div#dreta div#acces-premsa-externa {
	margin-bottom:10px;
	background-color:#EEEEEE;
	border-bottom:#C8C8C8;
	}
	
		div#cos div#dreta div#acces-premsa-externa h2{
		background-color:#002649;
		color:white;
		padding:4px 10px;
		}
		
		div#cos div#dreta div#acces-premsa-externa div#llistat-premsa {
		padding:10px;
		}
		
		div#cos div#dreta div#acces-premsa-externa div#llistat-premsa p {
		margin:10px 0 0 0;
		padding:0;}
		
		div#cos div#dreta div#acces-premsa-externa div#llistat-premsa #boto-seleccio-mitja {
		font-size:inherit;
		font-family:inherit;
		background-color:#7498BC;
		color:white;
		border:0;
		font-weight:bold;
		cursor:pointer;
		padding:3px 5px;
		}
	
	div#cos div#dreta h3 {
	margin:0.2em 0 0 0;
	font-size:109%;
	}
	
	div#cos div#dreta ul {
	list-style:none;
	margin:0 0 5px 0 !important;
	padding:0;
	}
	
	div#cos div#dreta li {
	border-bottom:1px solid #A9CDDD;
	padding:10px 0;
	margin:0;
	}	
	
	div#cos div#dreta p.acces_actualitat {
	padding:4px;
	text-align:right;
	border-bottom:2px solid #E0E0E0;
	margin:0;
	color:#333333;
	}
	
	
	div#cos div#dreta p#acces_actualitat span {margin:0 15px}

/*
 *          Peu de pagina
 */

div#peu {
    background: #fff;
    border: 1px solid #ccd5dc;
    padding: 2px;
}

div#peu .dins {
    background-color: #e0e5eb;
    color: #5b768b;
    font-size: 10px;
    height: 18px;
}

div#peu .dins div {
    background-color: #c4ced7;
    float: right;
    height: 18px;
    line-height: 18px;
}

div#peu .dins div a {
    color: #4a616f;
    padding: 0px 7px 0px 7px;
}

div#peu .dins span {
    display: block;
    padding: 0px 0px 0px 11px;
    line-height: 18px;
}