/* 
amplada layout: 760px;
amplada capa variable: 565px
*/
body {
margin:0;
padding:0;
background-color:#808080;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454240;
text-align:center;
}

body.popup {margin:0;padding:15px;background-color:white;text-align:left}

/* ------------------ layout ------------------*/
#contenidor {
width:790px;
margin:0 auto;
text-align:left;
background:transparent url(../img/fons_01.gif) 0 0 repeat-y;
}

#contingut {
margin:0 15px;
background-color:white;
}

#capcalera {
background-color:black;

padding:0 10px;
color:white;
}

#capcalera td {font-size:11px;}

#logotip {
width:760px;
height:183px;
position:relative;
}

#quepodemos {
margin:5px 10px 10px 10px;
}

#referencias{
padding:15px;
background:transparent url(../img/fons_02.gif) 0 0 no-repeat;
}

#noticies {
padding-left:15px;
padding-bottom:90px;
background:transparent url(../img/peu_blau.gif) left bottom no-repeat;
}

#variable {
background-color:transparent; 
background-position:top right; 
background-repeat:no-repeat;
padding:10px;
}
	.var_construccio {background-image:url(../img/fons_06.gif);}
	.var_immobiliaria {background-image:url(../img/fons_17.gif);}
	.var_sanitat {background-image:url(../img/fons_16.gif);}
	.var_neutre {background-image:url(../img/fons_15.gif); }

#menuvertical {padding:10px 6px;}

#peu {
width:790px;
margin:0 auto;
padding:15px 0;
color:white;
text-align:center;
font-size:11px;
line-height:20px;
}

/* ------------------ etiquetes generals ----------*/
td {font-size:12px}
a:link {color:#004C92;}
a:visited {color:#454240;}
a:hover {color:black;}
p,li {line-height:20px}
code {color:green; font-size:14px}
legend {font-size:13px;font-weight:bold;color:#006BAF;}


/* ------------------ classes ------------------ */

/* encapçalaments */
h2.home {
color:#454240;
font-family:Impact;
font-weight:normal;
margin:7px 10px 7px 5px;
padding:0;
font-size:18px;
letter-spacing:1px;
}

h2.interiors {
margin:0 0 15px 0;
padding:0;
font-weight:normal;
font-size:22px;
}

h3.interiors {
margin:0;
padding:0;
font-size:15px;
}

h3.home {
color:#454240;
font-weight:bold;
margin:10px 0;
padding:0;
font-size:15px;
}

h4.interiors {
margin:0;
padding:0;
font-size:13px;
color:black;
font-weight:bold;
}


/* div's  i span's*/
p.sensemarge {margin:0;padding:0}
p.noticia {margin:12px 0 12px 25px;/*text-align:justify*/}
div.llistau,p.llistau {padding-left:23px;background:white url(../img/fons_03.gif) 14px 5px no-repeat;/*line-height:20px*/}
div.img_noticies {float:left; margin:18px 5px 5px 0}
	div.img_noticies img {display:block;border:3px double #C6C6C6}
ul.llistau li {list-style-type:none;list-style-image:url(../img/fons_03.gif);}
div.llistados {padding-left:14px;background:white url(../img/fons_03.gif) 0px 5px no-repeat;margin-bottom:4px;}
ul.llistatres li {list-style-type:none;list-style-image:url(../img/fons_19.gif);}
div.llistatres {padding-left:14px;background:transparent url(../img/fons_19.gif) 0px 5px no-repeat;margin-bottom:4px;}
div.llistaquatre {padding-left:14px;background:transparent url(../img/fons_26.gif) 0px 5px no-repeat;margin-bottom:5px;}

div.separadoru {height:2px;margin:10px 0;background:white url(../img/fons_04.gif) 0 0 repeat-x}
div.separadordos {height:2px;margin:10px 0;background:white url(../img/fons_07.gif) 0 0 repeat-x}
td.separadortres {width:20px;background:transparent url(../img/fons_08.gif) top center repeat-y}
td.separadorquatre {width:20px;background:transparent url(../img/fons_20.gif) top center repeat-y}
span.data {font-size:11px;font-style:italic; color:#888;font-weight:normal}
div.fletxa {padding-left:14px;background:transparent url(../img/icona_03.gif) 0 3px no-repeat;}
div.absolut {position:absolute;left:-100px;margin-top:-25px;}
div.info_complementaria {
background:#DDDFDC;
padding:10px;
margin:10px 0;
}
div.info_complementaria p {margin:0;padding:0}
div.caixa_pressupost {
width:220px;
float:right;
clear:right;
background-color:#E3E3E3;
margin:10px 0 10px 10px;
}

div.delegacio{
background-color:#FFEB92;
padding:20px 50px;
}

	div.caixa_pressupost h3 {
	font-size:13px;
	padding:3px 3px 3px 22px;
	margin:0;
	color:white;
	background:#698692 url(../img/fons_18.gif) 10px 6px no-repeat;
	}
	
	div.caixa_pressupost div.cos_pressupost {
	margin:0;
	padding:10px;
	line-height:20px;
	}

div.feedback {
background:#AECBD8 url(../img/fons_feedback.gif) bottom right no-repeat;
padding:100px 200px;
font-size:14px;
}

div.feedbackDos { /* advertiments */
margin:15px 0;
background:#FFEFA7 url(../img/ico_alerta.gif) 15px center no-repeat;
padding:20px 50px;
font-size:17px;
text-align:center;
border:1px solid #FDF9E3;
}

div.celaBlava {padding:10px;}

/* taules */
#pastilla_cerca_activa_b {
border-bottom:1px solid #C4DEEE;
background:transparent url(../img/fons_pastilla_blava_b_left.gif) left bottom no-repeat;
vertical-align:bottom;
}	

#pastilla_cerca_activa_b div {
height:19px;
color:black;
font-weight:bold;
padding:5px 10px 0 10px;
font-size:12px;
text-align:center;
background:transparent url(../img/fons_pastilla_blava_b_right.gif) right bottom no-repeat;			
}

td.cela_cerca_buida {border-bottom:1px solid #0789B5;width:15px;}

td.pastilla_cerca_b {
border-bottom:1px solid #0789B5;
background:transparent url(../img/fons_pastilla_blanca_b_left.gif) left bottom no-repeat;
vertical-align:bottom;
}

td.pastilla_cerca_b div {
height:19px;
padding:5px 10px 0 10px;
font-size:12px;
text-align:center;
background:transparent url(../img/fons_pastilla_blanca_b_right.gif) right bottom no-repeat;			
}

table.llistat_referencies th {padding:4px;text-align:left;color:white;background-color:#454240}
table.llistat_referencies td {padding:10px 3px;text-align:left;border-bottom:1px solid #454240;}
table.llistat_referencies img {border-width:1px}

td.blavaU {
background-color:#F0F7FF;
border-right:7px solid white;
vertical-align:top;
}

td.blavaDos {
background-color:#DEF1F8;
border-right:7px solid white;
vertical-align:top;
}

td.blavaTres {
background-color:#CAE8F3;
border-right:7px solid white;
vertical-align:top;
}

td.blavaQuatre {
background-color:#B7DEEF;
border-right:7px solid white;
vertical-align:top;
}

td.senseBorde {border-right-width:0}

td.separadora div {height:7px;background-color:white}

/* colors */
.blanc {color:white}
.taronja {color:#FF6600}
.lila {color:#BB95A3}
.groc {color:#E5BB00}
.vermell {color:#FF0F00}
.negre {color:black}

/* mides text */
.moltgran {font-size:16px;}
.gran {font-size:14px;}
.mitja {font-size:13px}
.petit {font-size:11px}

/* espais */
.persota {padding-bottom:10px !important;}

/* vincles */
a.blanc:link,a.blanc:visited,a.blanc:hover {color:white}
a.lila:link,a.lila:visited,a.lila:hover {color:#BB95A3}
a.groc:link,a.groc:visited,a.groc:hover {color:#E5BB00}
a.gris:link,a.gris:visited {color:#454240}
a.gris:hover {color:black}
a.vermell:link,a.vermell:visited,a.vermell:hover {color:#FF0F00 !important}
a.enlinia:link,a.enlinia:visited,a.enlinia:hover {display:inline !important}
a.triat:link,a.triat:visited,a.triat:hover {color:#454240 !important;text-decoration:none !important;cursor:default !important}

a.fletxa:link,a.fletxa:visited,a.fletxa:hover {
padding-left:14px;
background:transparent url(../img/icona_03.gif) 0 3px no-repeat;
display:block;
}

a.mes:link,a.mes:visited,a.mes:hover {
padding-left:14px;
background:transparent url(../img/icona_05.gif) 0 3px no-repeat;
display:block;
}

a.pujar:link,a.pujar:visited,a.pujar:hover {
padding-left:12px;
background:transparent url(../img/ico_pujar.gif) 0 5px no-repeat;
}

a.word:link,a.word:visited,a.word:hover {
padding-left:23px;
padding-bottom:5px;
background:transparent url(../img/word_ico_petit.gif) 0 0 no-repeat;
}

a.pdf:link,a.pdf:visited,a.pdf:hover {
padding-left:23px;
padding-bottom:5px;
background:transparent url(../img/icona_08.gif) 0 0 no-repeat;
}

a.fletxa_vermella:link,a.fletxa_vermella:visited,a.fletxa_vermella:hover, .fletxa_vermella {
padding-left:17px;
padding-bottom:5px;
background:transparent url(../img/fletxes_vermelles.gif) 0 4px no-repeat;
}

#menuhoritzontal a.items:link,#menuhoritzontal a.items:visited {
color:#53656D;
text-decoration:none;
font-family:Impact;
display:block;
margin:7px 10px 6px 10px;
font-size:16px;
letter-spacing:1px;
}

#menuhoritzontal a.items:hover {color:#FF0F00;}

/* formularis */
.camps {
border:1px solid #aaa;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


/* ------------------ altres id's ------------------*/
#cercar {
background-color:#FF860C;
border:2px solid #FFCFA0;
border-right-color:#9F5408;
border-bottom-color:#9F5408;
color:white;
font-size:11px;
}

.botoU {
background-color:#ddd;
border:2px solid #aaa;
border-top-color:#dfdfdf;
border-left-color:#dfdfdf;
color:#000;
font-size:11px;
}

#data {
font-style:italic;
padding-left:5px;
font-size:11px;
border-left:2px solid #FF0F00;
}

#mapa {
background:white url(../img/fons_05.gif) 0 0 repeat-x;
padding:15px;
}

