@charset "utf-8";
/*----------------------------------------------------------------------
' HOJA DE ESTILOS
' ARCHIVO: general.css
' DESCRIPCIÓN: Hoja de estilos de estructura y contenido
-----------------------------------------------------------------------*/

/* Neteja i iguala */
* { margin: 0; padding: 0; border: none; }
body, input, select, textarea { font:0.96em/1em Arial, Helvetica, sans-serif; color:#000;}
body.text_gran {
	font-size: larger;
}
body.text_petit {
	font-size: smaller;
}

#tamany_text {
clear: both;
height: 20px;
margin-top: -20px;
margin-right: 90px;
text-align: right;

}
html>body #tamany_text {
margin-top: 0px;
position: relative;
top: -20px;
}
#tamany_text a {
color: #FFFFFF;
text-decoration: underline;
}
#tamany_text {
font-size: medium;
color: #999999;
}
#tamany_text a.text_gran {
  font-size: large;
}
#tamany_text a.text_petit {
  font-size: small;
}

a { text-decoration:none; }
a img, img { border:0px; text-decoration:none; }
li { list-style:none; }
input:focus, select:focus, textarea:focus { background-color:#fdbf50; }
input:hover{ cursor:pointer }
.clear, .clear10, .clear15, .clear17, .clear25, .clear50{clear:both; height:0px; overflow:hidden; display:block; }
.clear10{ height:10px; }
.clear15{ height:15px; }
.clear17{ height:17px; }
.clear50{ height:50px; }
.clear25{ height:25px; }
.col_izquierda, .col_izq{ float:left; }
.col_derecha, .col_dcha{ float:right; }

/* Maqueta */
body{margin:12px 0 0 0; text-align:center; color:#333; background:#fff;}
.contenidor{margin:auto; text-align:left; width:873px; min-height:532px; background:#fff;
	padding:0 53px 0 34px;
	}
	
/* Pag 2 columnes : contingut més columna dreta amb banners, etc... --- per exemple la home _width:632px !important;----------------*/
.contenidor .dos_arees .col_izquierda{width:652px;}
.contenidor .dos_arees .col_derecha{width:221px;}
.contenidor .dos_arees .col_izquierda .contingut_txt{ width:651px;  }

/* Pag 1 columna : contingut general a 1 columna sola ------------------------------------------------------*/
.contenidor .una_area{ width:873px; }
.contenidor .una_area .contingut_txt{ width:873px; }

/* --------------------------------------------------------------------------------------------- 
	CABECERA
------------------------------------------------------------------------------------------------ */
.cabecera{width:100%; height:84px; 
	color:#fff; background:#fdbf50; 
	}	
.cabecera .cont{ width:962px; height:84px; 
	color:#fff; background:#fdbf50; margin:auto; 
	}	
.cabecera .cont h1{display:block; overflow:hidden; float:left;
	width:210px; height:84px; 
	color:#fff; font-size:1.4em; line-height:1em;
	}
.cabecera .cont h1 strong{ display:block; 
	width:210px; height:84px;
	background: url(/images/slogan.gif) left top no-repeat;
	}
.cabecera .cont h2{display:block; overflow:hidden; float:left;
	width:406px; height:84px; 
	color:#fff; font-size:2.5em; line-height:1em;
	text-align: left;
	}
.cabecera .cont h2 strong{ display:block; 
	width:406px; height:84px;
	background: url(/images/mercatroc.gif) left top no-repeat;
	text-align: left;
	}
.cabecera .cont h3{display:block; overflow:hidden; float:left;
	width:316px; height:84px; 
	color:#fff; font-size:1em; line-height:1.2em;
	}
.cabecera .cont h3 strong{ display:block; 
	width:316px; height:84px;
	background: url(/images/logo_ajuntament.gif) left top no-repeat;
	}
.cabecera .cont h1 a,.cabecera .cont h3 a{ cursor:pointer;}	
/* --------------------------------------------------------------------------------------------- 
	MENU PRINCIPAL
------------------------------------------------------------------------------------------------ */
.mod_menu{  height:40px;
/*	background:#fff url(/images/bg_men.gif) right top no-repeat; /* */
	padding:7px 0 0 0px;
	}
	
.mod_menu a, .mod_menu #reduim { 
    display:block; float:left; margin:0 7px 0 0;
	width:84px; height:33px;
	color:#a7a9ac; background:url(/images/bg_link.gif) left top no-repeat;
	font-size:0.75em; line-height:2.8em;
	font-weight:bold;
	text-align:center; 
	}
.mod_menu a.ample {
width:164px;
color:#a7a9ac; background:url(/images/bg_link_ample.gif) left top no-repeat;
}
.mod_menu a {
	cursor:pointer;
	}
.mod_menu #reduim{width:167px; height:33px;
	color:#fff; background:url(/images/bg_reduim.gif) left top no-repeat;
	letter-spacing:0.5px;
	}
.mod_menu a#reduim:hover, .mod_menu a#reduim.actiu{
	background:url(/images/bg_reduim-on.gif) left top no-repeat;
	}
.mod_menu a:hover, .mod_menu a.actiu{
	color:#000; background: url(/images/bg_link-on.gif) left top no-repeat;
	}
.mod_menu a:hover.ample, .mod_menu a.actiu.ample {
	background: url(/images/bg_link_ample-on.jpg) left top no-repeat;
	}
/* --------------------------------------------------------------------------------------------- 
	HOME
------------------------------------------------------------------------------------------------ */
/* inici pase fotos */
.oferta-demanda{width:556px; height:239px;
	background: url(/images/bg_of-dem.gif) left bottom no-repeat;
	}
.oferta-demanda .f_izq{ position:relative; top:47px; left:27px;}
.oferta-demanda .f_dcha{ position:relative; top:47px; left:230px;}


/* final pase fotos */
.col_llistatizq, .col_llistatdcha{ width:191px;float:left;}
.col_llistatizq{ margin:0 149px 0 0;}
.col_llistatizq p, .col_llistatdcha p{ text-align:center;
	font-size:0.75em; line-height:1.5em;
	}
.col_llistatizq p a, .col_llistatdcha p a{font-size:1em; line-height:1.5em; font-weight:bold;}
.col_llistatizq a.posar_anunci,
.col_llistatdcha a.posar_anunci{ display:block; overflow:hidden;
	margin:12px 0;
	width:192px; height:29px;
	color:#000; font-size:1em; line-height:1.2em;
	}
.col_llistatizq a.posar_anunci strong,
.col_llistatdcha a.posar_anunci strong{ display:block;
	width:192px; height:29px;
	background:url(/images/btn_posar_anunci.gif) left top no-repeat;
	cursor:pointer;
	}
.col_llistatizq a.posar_anunci:hover strong,
.col_llistatdcha a.posar_anunci:hover strong{
	background:url(/images/btn-on_posar_anunci.gif) left top no-repeat;
	}		
.col_llistatizq a.posar_anunci:hover,
.col_llistatdcha a.posar_anunci:hover{ 
	}
.col_llistatizq li, .col_llistatdcha li{ 
	border-bottom:1px solid #a7a9ac;
	padding:3px 0;}
.col_llistatizq a, .col_llistatdcha a{ 
	color:#231f20;  font-weight:bold;
	font-size:0.80em; line-height:1em;	
	}
.col_llistatizq a:hover, .col_llistatdcha a:hover{color:#db920f; }
	
.col_llistatizq a strong, .col_llistatdcha a strong{color:#fdbf50;}
/* esquerra */	
.col_llistatizq h5{display:block; overflow:hidden; float:left;
	width:191px; height:26px; 
	color:#94a968; font-size:1em; line-height:1.2em;
	border-bottom:1px solid #a7a9ac;
	}
.col_llistatizq h5 strong{ display:block; 
	width:159px; height:26px;
	background: url(/images/tit_ult_ofertes.gif) left top no-repeat;
	}
/* dreta */
.col_llistatdcha h5{display:block; overflow:hidden; float:left;
	width:191px; height:26px; 
	color:#94a968; font-size:1em; line-height:1.2em;
	border-bottom:1px solid #a7a9ac;
	}
.col_llistatdcha h5 strong{ display:block; 
	width:178px; height:26px;
	background: url(/images/tit_ult_demandes.gif) left top no-repeat;
	}

/* --------------------------------------------------------------------------------------------- 
	columna dreta : banners i novetats
------------------------------------------------------------------------------------------------ */
.mod_banner{
	padding:7px 0 0 0;
	}
.mod_banner img{display:block;
	}
	
.mod_novetats{width:221px; }	
.mod_novetats h4{display:block; overflow:hidden;
	width:221px; height:24px; 
	color:#94a968; font-size:1em; line-height:1.2em;
	border-bottom:1px solid #a7a9ac;
	}	
.mod_novetats h4 strong{display:block; 
	width:104px; height:24px;
	background: url(/images/tit_novetats.gif) left top no-repeat;
	}	
.mod_novetats ul li{
	border-bottom:1px solid #a7a9ac;
	padding:2px 0; 
	}	
.mod_novetats li a{color:#231f20; font-size:0.75em; line-height:1.2em; font-weight:bold;
	}
.mod_novetats li a:hover{color:#db920f; 
	}
.mod_novetats li a strong{color:#fdbf50;}
	
	
/* --------------------------------------------------------------------------------------------- 
	Pag 1 area
------------------------------------------------------------------------------------------------ */

.situacio{padding:7px 0 0 0;}
.breadcumb{ width:650px; float:left;
	color:#a7a9ac; font-size:0.75em; line-height:1em; font-weight:bold;
	}
.breadcumb a{color:#a7a9ac;}
.breadcumb a:hover{text-decoration:underline;}

.paginacio{width:215px; float:right;  text-align:right; 
	color:#231f20; font-size:0.75em; line-height:1em; font-weight:bold;
	}
.paginacio a{color:#231f20;}
.paginacio a:hover{ text-decoration:underline; }

.titular{height:45px;
	border-bottom:1px solid #a7a9ac;
	}

h3.ofereixo{display:block; overflow:hidden; float:left;
	width:114px; height:20px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
h3.ofereixo strong{display:block; 
	width:114px; height:20px;
	background: url(/images/tit_ofereixo.gif) left top no-repeat;
	}
h3.demano{display:block; overflow:hidden; float:left;
	width:114px; height:20px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
h3.demano strong{display:block; 
	width:114px; height:20px;
	background: url(/images/tit_demano.gif) left top no-repeat;
	}
.despl_categ{ width:307px; float:right;}
.despl_categ h5{display:block; overflow:hidden; float:left;
	width:131px; height:17px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
.despl_categ h5 strong{display:block; 
	width:131px; height:17px;
	background: url(/images/tit_categories.gif) left top no-repeat;
	}
.despl_categ select.categories_petit{ width:158px !important;
	border:1px solid #b7b9bb;
	background:#ebeced url(/images/bg_select.jpg) left top repeat-x;
	font-size:0.8em; line-height:1em;
	margin:0 0 0 15px;
	}
.llistat{}

.llistat .producte{padding:4px 0;
	border-bottom:1px solid #a7a9ac;
	}
.llistat .producte .col_izq{ width:130px;}
.llistat .producte .col_izq img{ border:1px solid #a6a5a7;}
.llistat .producte .col_dcha{width:740px;}
.llistat .producte .col_dcha h5{font-size:1em; line-height:1.3em;}
.llistat .producte .col_dcha h5 a{color:#00a6e5;}
.llistat .producte .col_dcha h5 a:hover{color:#000;}
.llistat .producte .col_dcha p{font-size:0.75em; line-height:1em;}
.llistat .producte .col_dcha p a{color:#818285;}	
.llistat .producte .col_dcha p a:hover{color:#000;}	

/* --------------------------------------------------------------------------------------------- 
	
------------------------------------------------------------------------------------------------ */	
h3.tornar{display:block; overflow:hidden; float:left;
	width:101px; height:14px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
h3.tornar strong{display:block; 
	width:101px; height:14px;
	background: url(/images/tit_tornar.gif) left top no-repeat;
	}
h3.tornar a{cursor:pointer;}
.contingut_txt h4{
	color:#00a6e5; font-size:1.2em; line-height:1em;
	padding:0 0 20px 0;
	}		
.tres_subcol .col_izq{width:283px;
	margin:0 18px 0 0;
	}	
.tres_subcol .col_izq img{ border:1px solid #ced2cd; }
.tres_subcol .col_mig{width:282px; float:left;
	margin:0 18px 0 0; padding:10px 0;
	text-align:justify;
	
	}
.tres_subcol p, .tres_subcol label {
color:#818285;
}
.tres_subcol .col_mig_izq {
  width:583px;
  float:left;
  margin:0 18px 0 0;
  text-align:justify;
}
.tres_subcol .col_mig_izq, .tres_subcol .col_mig, .tres_subcol .col_dcha {
  min-height:190px; 
	 padding:10px 0;
	font-size:0.75em; line-height:1.25em;
	border-top:1px solid #a7a9ac; border-bottom:1px solid #a7a9ac;
	
}
.tres_subcol a {
  color: #000;
  
}


#insersio_ok {
	font-size:0.75em;
	line-height:1.25em;
	font-weight: bold;
	text-align: center;

}
.tres_subcol .col_dcha{width:272px;  padding:10px 0;	
	}

.tres_subcol dl{}
.tres_subcol dt{ color:#231f20; float:left;
	font-weight:bold;
	border-bottom:1px solid #a7a9ac;
	padding:2px 0;
	}
.tres_subcol dt strong{ color:#fdc35b; padding:0 4px 0 0;
	}
.tres_subcol dd{ color:#818285; 
	 display:block;
	 border-bottom:1px solid #a7a9ac;padding:2px 0;
	}

/* --------------------------------------------------------------------------------------------- 
	form
------------------------------------------------------------------------------------------------ */

form.posar_anunci{width:512px;
	padding:25px 0 0 0;
	}

.form_error {
margin-left: 160px;
font-size:0.7em; line-height:1.25em;
color: #FF0000;
}
.contenidor .dos_arees .breadcumb{width:640px;}
.formulari{padding:0 0 0 65px; }

h3.posaranunci{display:block; overflow:hidden; 
	width:213px; height:20px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
h3.posaranunci strong{display:block; 
	width:213px; height:20px;
	background: url(/images/tit_posar_anunci.gif) left top no-repeat;
	}
form.posar_anunci{width:512px;
	padding:25px 0 0 0;
	}
label{ float:left;
	width:160px;
	color:#231f20 !important; font-size:0.7em; line-height:1.25em; font-weight:bold !important;
	}
label.rad{width:150px;}
input, select, textarea{border:1px solid #bdbfc1;
	color:#231f20; font-size:0.7em; line-height:1.25em;
	width:337px; height:15px;
	background:#e8e9ea;
	}
input, select {
 	background-image: url(/images/bg_input.gif);
}

select{ width:340px; height:20px; }
input.radio{width:10px;height:10px; float:left;
	border:none;
	margin:0 8px 0 0;
	}
input.foto{width:247px;float:left;
	margin:0 10px 0 0;
	}

textarea {width:337px;height:94px;background-image: url(/images/bg_textarea.jpg);}
input#Examinar{ display:block; width:80px; height:22px; float:left;
	background:url(/images/btn_examinar.gif) left top no-repeat;
	border:none;
	cursor:pointer;
	}
input#Examinar:hover{background:url(/images/btn-on_examinar.gif) left top no-repeat;}
input.submit{display:block; width:172px; height:30px;
	background: url(/images/btn_posarlo.gif) left top no-repeat;
	border:none;
	margin:0 0 0 160px;
	cursor:pointer;
	}
input.submit:hover{
	background: url(/images/btn-on_posarlo.gif) left top no-repeat;
	}	
input.boto {
	height: 20px;
	width: 60px;
	margin-left: 150px;
}
.col_mig_izq input.boto {
margin-left: 163px;
}
.col_mig_izq label, .col_mig_izq input, .col_mig_izq textarea, .col_mig_izq .form_error {
	font-size: 1em;
	line-height: 1.25em;
}
.col_mig_izq label {
	font-weight: normal;
}
.col_mig_izq input, .col_mig_izq textarea {
	margin-bottom: 3px;
}
html>body .col_mig_izq input, html>body .col_mig_izq textarea {
	margin-bottom: 6px;
}
html>body .col_mig_izq input.boto {
margin-left: 160px;
}
/* --------------------------------------------------------------------------------------------- 
	NOVETATS
------------------------------------------------------------------------------------------------ */
.dos_columnes{}
.dos_columnes .col_izq{width:400px;}
.dos_columnes .col_dcha{width:400px;}

.titular{height:40px;
	border-bottom:1px solid #a7a9ac;
	}	
h3.novetats{display:block; overflow:hidden; 
	width:116px; height:20px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
h3.novetats strong{display:block; 
	width:116px; height:20px;
	background: url(/images/tit_novetats2.gif) left top no-repeat;
	}	
.producte_concret{ min-height:338px; 
	padding:4px 0;
	border-bottom:1px solid #a7a9ac;
	color:#818285; font-size:0.75em; line-height:1.2em;
	}	
.producte_concret h5{color:#00a6e5; font-size:1.2em; line-height:1.3em; padding:0 0 10px 0;}
.producte_concret p { text-align:justify; padding:0 0 12px 0;}
	
h3.totesnovetats{display:block; overflow:hidden;  float:right;
	width:185px; height:16px; 
	color:#94a968; font-size:1.3em; line-height:1em;
	}
h3.totesnovetats strong{display:block; 
	width:185px; height:16px;
	background: url(/images/tit_totesnov.gif) left top no-repeat;
	}			
.dos_columnes .col_dcha .llistat{ }
.dos_columnes .col_dcha .llistat .producte{padding:4px 0; 
	border-bottom:1px solid #a7a9ac;
	}
.dos_columnes .col_dcha .llistat .producte .col_izq{ width:117px; }
.dos_columnes .col_dcha .llistat .producte .col_izq img{ border:1px solid #a6a5a7;  }
.dos_columnes .col_dcha .llistat .producte .col_dcha{ width:282px; }
.dos_columnes .col_dcha .llistat .producte .col_dcha .text{ min-height:59px; }
.dos_columnes .col_dcha .llistat .producte .col_dcha .text_sensefoto{ }
.dos_columnes .col_dcha .llistat .producte .col_dcha p{ font-size:0.7em; line-height:1.1em; padding:0 0 5px 0; }
.dos_columnes .col_dcha .llistat .producte .col_dcha p a{ color:#000; font-weight:bold; }	
.dos_columnes .col_dcha .llistat .producte .col_dcha p a:hover{ color:#db920f; }	
.dos_columnes .col_dcha .llistat .producte .col_dcha p.mesinfo{ text-align:right; padding:0; }	
.dos_columnes .col_dcha .llistat .producte .col_dcha p.mesinfo a{ color:#fdbf50; }
.dos_columnes .col_dcha .llistat .producte .col_dcha p.mesinfo a:hover{ color:#db920f; }

/* --------------------------------------------------------------------------------------------- 
	PIE
------------------------------------------------------------------------------------------------ */
.pie{width:100%; height:83px;  margin:5px 0 0;
	color:#fff; background:#fff url(/images/bg_peu.gif) left top repeat-x; 
	}	
.pie .cont{ width:962px; height:83px; 
	color:#fff; margin:0 auto; 
	}	
.pie .cont h4{display:block;   float:left;
	width:720px; height:48px; 
	color:#000; font-size:0.8em; line-height:3.5em;
	padding:0 0 0 55px;
	background:url(/images/bg_peu2.gif) left top no-repeat;
	text-align:left;
	}
.pie .cont h4 a{color:#000;} 
.pie .cont h4 a:hover{ text-decoration:underline; } 

.pie .cont h5{display:block; overflow:hidden; float:right;
	width:133px; height:42px; 
	color:#fff; font-size:1.4em; line-height:1em;
	}
.pie .cont h5 strong{ display:block; 
	width:133px; height:42px;
	background: url(/images/ambiens.gif) right top no-repeat;
	}
.pie .cont .meslogos{ width:908px;
	padding:0 54px 0 0 ; 
	}
	.w3c {
	float: right;
	height:26px;
	margin-top: 5px;
	margin-right: 5px;
}
.pie .cont .meslogos h6.arc{display:block; overflow:hidden; float:right;
	width:101px; height:41px; 
	color:#fff; font-size:1em; line-height:0.7em;
	}
.pie .cont .meslogos h6.arc strong{display:block; 
	width:101px; height:41px;
	background: url(/images/arc.gif) right top no-repeat;
	}
.pie .cont .meslogos h6.gencat{display:block; overflow:hidden; float:right;
	width:97px; height:26px; 
	color:#fff; font-size:1em; line-height:0.7em;
	}
.pie .cont .meslogos h6.gencat strong{display:block; 
	width:97px; height:26px;
	background: url(/images/gencat.gif) right top no-repeat;
	}


/**/
.preload{width:1px; height:1px; overflow:hidden; position:absolute; left:-2000px;}

.paginacio {
	color: #999999;
}
.paginacio a {
color: #000000;
}

p.p_normal {
  padding-bottom: 15px;
  font-size:0.75em;
  color: #000;
}
input.submit_enviar {
width: 94px;
height: 30px;
border: 0px;
margin-left: 160px;
}
hr {
	clear: both;
	border: 1px solid #DDDDDD;
	margin: 15px 20px;
}
