* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat
}

body {
	color: #808080;
	background-color: #fff;
	font-size: 11px;
	font-family: Verdana;
}

a {
	text-decoration: none;
	color: #808080;
	outline: none;
	cursor: pointer;
}

h2,h3 { text-transform: uppercase; }
h2 {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 20px;
}

h2.s_1 {
	background-image: url('../imatges/picto_bar.png');
	padding-left: 40px;
	color: #c20c0c;
	line-height: 38px;
}
h2.s_2 {
	background-image: url('../imatges/picto_casarural.png');
	padding-left: 40px;
	color: #667380;
	line-height: 38px;
}
h2.s_3 {
	background-image: url('../imatges/picto_camping.png');
	padding-left: 40px;
	color: #e5ad32;
	line-height: 38px;
}
h2.s_4 {
	background-image: url('../imatges/picto_restaurant.png');
	padding-left: 40px;
	color: #bde024;
	line-height: 38px;
}
h2.s_5 {
	background-image: url('../imatges/picto_apartament.png');
	padding-left: 40px;
	color: #2caebc;
	line-height: 38px;
}
h2.s_6 {
	background-image: url('../imatges/picto_hotel.png');
	padding-left: 40px;
	color: #a60cb5;
	line-height: 38px;
}


input { vertical-align: middle; }

input[type=text], input[type=password], input[type=file], textarea {
	background-color:#fff;
	border: 1px solid #cdcee2;
}
input[type=text].error, input[type=password].error {
	border: 1px solid #f00;
}

input[tupe=button] {
	cursor: pointer;
}

input[type=button].enviar {
	border: 1px solid #334784;
	background-color: #334784;
	background-image: url('../imatges/f_ok.jpg');
	background-position: center right;
	padding-right: 18px;
	padding-left: 3px;
	color: #fff;
	font-size: 9px;
	#width: 70px;
}
input[type=button].enviar:hover {
	background-color: transparent;
	color: #334784;
}

input[type=button].ok {
	background-color: #334784;
	background-image: url('../imatges/ok.jpg');
	width: 16px;
	height: 15px;
	color: #fff;
	font-size: 9px;
	cursor: pointer;
}
input[type=button].ok:hover {
	background-position: -16px 0;
}

.netejar { clear:both; }
.amagat { display: none; }

a.normal {
	color: #666;
	text-decoration:underline;
}
.blau_clar, a.normal:hover { color: #3475ab; }
a.blau_clar { text-decoration: underline; }
a.blau_clar:hover { color: #fbc56b; }

.marcat_fosc {
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}
a.marcat_fosc:hover {
	color: #3475ab;
}

.fletxa1, .fletxa2, .fletxa3 {
	display: block;
	width: 9px;
	height: 9px;
}
.fletxa1:hover, .fletxa2:hover, .fletxa3:hover {
	background-position: -9px 0px;
}
.fletxa1 { background-image: url('../imatges/fletxa_tr1.jpg'); }
.fletxa2 { background-image: url('../imatges/fletxa_tr2.jpg'); }
.fletxa3 { background-image: url('../imatges/fletxa_tr3.jpg'); }

.fletxa_blava {
	display: block;
	width: 10px;
	height: 10px;
	background-image: url('../imatges/f_blava.jpg');
}
.fletxa_blava:hover {
	background-position: -10px 0px;
}

ul.llista_blava li, ul.llista_grisa li {
	list-style-type: none;
	padding-left: 18px;
	margin-bottom: 15px;
}
ul.llista_blava li { background-image: url('../imatges/fletxa_blava1.jpg'); }
ul.llista_grisa li { background-image: url('../imatges/fletxa_grisa.jpg'); }

.f1 {
	background-image: url('../imatges/f_1.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #c20c0c;
}
.f2 {
	background-image: url('../imatges/f_2.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #667380;
}
.f3 {
	background-image: url('../imatges/f_3.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #e5ad32;
}
.f4 {
	background-image: url('../imatges/f_4.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #bde024;
}
.f5 {
	background-image: url('../imatges/f_5.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #2caebc;
}
.f6 {
	background-image: url('../imatges/f_6.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #a60cb5;
}
.f7 {
	background-image: url('../imatges/f_blava.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #0257a8;
}
.f8 {
	background-image: url('../imatges/f_blava.jpg');
	background-position: -10px 0px;
	padding-left: 15px;
	color: #0257a8;
}


/*******************************************************
*** ESTRUCTURA
*******************************************************/

.cont {
	width: 900px;
	_width: 915px;
	margin: 0 auto;
}

.fons_cont {
	background-image: url('../imatges/fons_cont.jpg');
	background-repeat: repeat-y;
}
#cap_int {
	width:100%;
	height: 129px;
	background-repeat: no-repeat;
	background-position: top center;
}

#cap {
	width: 100%;
	height: 294px;
	background-repeat: no-repeat;
	background-position: top center;
}

#menu {
	width: 100%;
	height: 66px;
	background-image: url('../imatges/fons_repeatx.jpg');
	background-repeat: repeat-x;
}

#container {
	width: 900px;
}

#lateral {
	width: 220px;
	position: relative;
	padding-top: 30px;
	float: left;
}

#cos {
	float: right;
	width: 680px;
	_width: 695px;
}

#cos2 {
	width: 630px;
	padding: 25px;
}

#centre {
	float: left;
	width: 405px;
	padding: 25px;
}

#dreta {
	float: right;
	width: 225px;
}

#final {
	font-size: 9px;
	color: #666;
	margin-top: 5px;
}
#final a { text-decoration: underline; color: #666; }
#final a:hover { color: #3475ab; }

#logo_6tems {
	display: block;
	width: 53px;
	height: 20px;
	background-image: url('../imatges/6tems.jpg');
	float: right;
}
#logo_6tems:hover {
	background-position: -53px 0px;
}
#logo_6tems > span { display: none; }

/*******************************************************
*** MENUS
*******************************************************/

#menuSup {
	width: 100%;
	height: 290px;
	text-align: right;
	font-size: 37px;
	padding-top: 5px;
}
#menuSup a {
	color: #fff;
}
#menuSup a:hover {
	color: #666;
}



#barraMenu {
	padding-left: 220px;
	width: 680px;
	text-align: right;
	height: 51px;
	font-size: 13px;
	padding-top: 15px;
	background-image: url('../imatges/fons_menu.jpg');
}

#barraMenu ul {
	list-style-type: none;
}

#barraMenu ul li {
	display: inline;
	margin-left: 20px;
}

#barraMenu ul li a {
	color: #666;
	text-transform: uppercase;
}
#barraMenu ul li a:hover, #barraMenu ul li a.selec {
	color: #0852a7;
}

#data_avui {
	margin-top: 10px;
	font-size: 10px;
	color: #666;
}
#data_avui.est1 { margin-right: 250px; }
#data_avui.est2 { margin-right: 20px; }


.mes_info {
	padding-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.mes_info .mimg {
	background-image: url('../imatges/estrella.jpg');
	float: left;
	width: 17px;
	height: 17px;
}
.mes_info:hover .mimg {
	background-position: -17px 0px;
}
.mes_info .m1 {
	font-size: 14px;
	color: #fa9511;
}
.mes_info .m2 {
	color: #f07d22;
	font-size: 12px;
}
.mes_info:hover .m1, .mes_info:hover .m2 {
	color: #3475ab;
}

/*******************************************************
*** LATERAL
*******************************************************/

#img_flotant_menu {
	position: absolute;
	top: -130px;
	left: -10px;
	width: 242px;
	height: 173px;
}
#img_flotant_menu a {
	display: block;
	width: 242px;
	height: 173px;
	background-image: url('../imatges/logo.png');
}
#img_flotant_menu a:hover {
	background-position: -238px 0px;
}

.q_lateral {
	position: relative;
}
.q_lateral .titol {
	font-size: 13px;
	color: #0852a7;
}
.q_lateral .subtitol{
	font-size: 10px;
	color: #333;
}
.q_lateral .opcio {
	color: #808080;
}
.q_lateral .link {
	display: block;
	position: absolute;
	top: 30px;
	left: 180px;
}
.q_lateral .link2 {
	display: block;
	position: absolute;
	top: 12px;
	left: 180px;
}
.q_lateral:hover .subtitol, .q_lateral:hover .titol, .q_lateral.selec .subtitol, .q_lateral.selec .titol {
	color: #fbc56b;
}

.q_lateral:hover .fletxa_blava, .q_lateral.selec .fletxa_blava {
	background-position: -10px 0px;
}
.q_lateral:hover .opcio, .q_lateral.selec .opcio {
	color: #3475ab;
}

.q_lateral .ctrl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
}

#contactar_lateral {
	height: 44px;
	background-image: url('../imatges/fons_contactar.jpg');
	background-position: 1px 0px;
	padding-top: 20px;
	padding-left: 10px;
}

#blog_lateral {
	height: 44px;
	background-image: url('../imatges/fons_bloc.jpg');
	background-position: 1px 0px;
	padding-top: 20px;
	padding-left: 10px;
}

#vip {
	background-image: url('../imatges/fons_candau.jpg');
	height: 44px;
	padding-top: 20px;
	padding-left: 10px;
}

#vip_form {
	margin-top: 15px;
	display:none;
	font-size: 9px;
	/*
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;*/
}

#frm_login input[type=text], #frm_login input[type=password] {
	width: 160px;
	color: #666;
	font-size: 10px;
}
#frm_loginnnnnnn input[type=button] {
	width: 10px;
	height: 10px;
	background-image: url('../imatges/fletxa_blava1.jpg');
}

#colaboradors {
	margin-top: 25px;
}
#colaboradors p {
	text-indent: 15px;
	color: #666;
	text-align:left;
}

.opcions {
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #808080;
	overflow:hidden;
	cursor: pointer;
	
}
.opcions:hover {
	background-color: #eaeeef;
}

#cuina_vent {
	display: block;
	width: 220px;
	height: 109px;
	background-image: url('../imatges/boto_cuinadelvent.jpg');
}
#escola_hos {
	display: block;
	width: 220px;
	height: 109px;
	background-image: url('../imatges/boto_escola.jpg');
}
#cuina_vent:hover, #escola_hos:hover {
	background-position: -220px 0;
}

/*******************************************************
*** DRETA
*******************************************************/

#dreta .quadre {
	width: 181px;
	margin-left: 22px;
	margin-bottom: 15px;
	color: #666;
	font-size: 9px;
}
#dreta .quadre span {
	color: #000; font-size: 10px;
}

#dreta .quadre p {
	padding-top: 2px;
	padding-bottom: 2px;
}

#dreta .quadre input[type=text] {
	width: 135px;
	font-size: 10px;
}

#dreta .quadre .quadred {
	height: 5px;
	background-image: url('../imatges/dret_dalt.jpg');
}
#dreta .quadre .quadrem {
	background-image: url('../imatges/dret_mig.jpg');
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-top:5px;
}
#dreta .quadre .quadreb {
	height: 7px;
	background-image: url('../imatges/dret_baix.jpg');
}
#dreta .quadre .quadre_mapa {
	height: 129px;
	background-image: url('../imatges/dret_mapa.jpg');
}
#dreta .quadre .quadre_butlleti {
	height: 24px;
	background-image: url('../imatges/dret_butlleti.jpg');
	padding-left: 15px;
	padding-right: 75px;
	padding-top: 25px;
}
#dreta .quadre .quadre_borsa {
	height: 38px;
	background-image: url('../imatges/borsa_cap.jpg');
	padding-left: 15px;
	padding-right: 75px;
	padding-top: 20px;
}
#link_butlleti:hover .quadre_butlleti, #link_butlleti .quadre_butlleti.obert, #q_borsa:hover .quadre_borsa {
	background-position:  -181px 0px;
	color: #fbc56b;
}
#dreta .quadre .quadre_cal {
	background-image: url('../imatges/dret_mig.jpg');
	background-repeat: repeat-y;
	padding-left: 8px;
	padding-top:5px;
	overflow: hidden;
}
#q_butlleti {
	overflow: hidden;
}

#buscar_poble {
	font-size: 9px;
	vartical-align: middle;
}

/*******************************************************
*** CENTRE
*******************************************************/

.q_centre, .q_centre2, .q_centre3 {
	position: relative;
	width: 394px;
	margin-bottom: 10px;
}
.q_centre3
{
	position:static;
}
.q_centre {
	padding-left: 19px;
}
.q_centre2 {
	padding-right: 19px;
}
.q_centre .dalt, .q_centre2 .dalt, .q_centre3 .dalt {
	height: 4px;
	background-image: url('../imatges/q_centred.jpg');
}
.q_centre .mig, .q_centre2 .mig, .q_centre3 .mig {
	background-repeat: repeat-y;
	background-image: url('../imatges/q_centrem.jpg');
}
.q_centre .mig {
	padding-left: 25px;
	padding-right: 5px;
	min-height: 27px;
}
.q_centre2 .mig {
	padding-right: 25px;
	padding-left: 5px;
	min-height: 20px;
}
.q_centre3 .mig {
	padding-left: 5px;
	padding-right: 5px;
}
.q_centre:hover .mig * { color: #0852a7; }
.q_centre .baix, .q_centre2 .baix, .q_centre3 .baix {
	height: 4px;
	background-image: url('../imatges/q_centreb.jpg');
}
.q_centre .img_rodona {
	position:absolute;
	top: -2px;
	left: 0px;
}
.q_centre2 .img_rodona {
	position:absolute;
	top: -2px;
	left: 374px;
}
.q_centre2 .img_desplegable, .q_centre2 .img_despl_ot {
	display: block;
	width: 29px;
	height: 29px;
	position: absolute;
	top: 0px;
	left: 378px;
}
.q_centre2:hover .img_desplegable {
	background-position: -29px 0px;
}
.q_centre .num_rodona {
	background-image: url('../imatges/rodona_blava.png');
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	width: 38px;
	height: 32px;
	padding-top: 6px;
}

.q_centre .mig .titol {
	color: #000;
}

a:hover > .q_centre2 { color: #0852a7 !important; }


/*******************************************************
*** INICI
*******************************************************/

div.actualitat {
	overflow: hidden;
	margin-bottom: 20px;
}
div.actualitat .data {
	float: left;
	width: 33px;
	height: 23px;
	background-image: url('../imatges/rodona.jpg');
	color: #fff;
	font-size: 9px;
	padding-top: 10px;
}
div.actualitat .text {
	float: left;
	width: 352px;
	margin-left: 10px;
}

/************************************
*** CALENDARI
************************************/
#cal_act {
	width: 170px;
	float: left;
}

#cal_list {
	float:right;
	width: 440px;
	margin-left: 20px;
}

.calendari a { display: block; }

.caltitol
{
	font: 8pt Tahoma,helvetica,verdana,arial,sans-serif;	
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;	
}
.calupday
{
	text-decoration: none;
	padding: 5px;	
}
.caldiumenge
{
	text-decoration: none;
	padding: 2px;	
	color: #888;

}
.calbaseday
{
	text-decoration: none;
	padding: 2px;	
	
}
.calfons
{	
	
}
a.dlink
{
	background-color:  #6e6e6e;
	text-decoration: none;
	color: #fff;
	padding: 3px;
}
a.dlink:hover {
	background-color: #fbc56b;
}

a.cal_fl {
color:#fff;
display:block;
float:left;
width:20px;
font-size:14px;
}

/************************************
*** AGENDA
************************************/

.dies_ag {
	float: left;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #021f65;
	margin-right: 15px;
}

/************************************
*** FORMULARI
************************************/

.label_form {
	float:left;
	font-size: 9px;
}
.input_form {
	float:right;
}

.contactar input[type=text], .contactar input[type=file], .contactar textarea {
	width: 290px;
}
.contactar textarea {
	height: 100px;
}
.contactar input[type=button] {
	width: 100%;
	text-align: center;
	padding: 3px;
	background-color: #0354a3;
	color: #fff;
	cursor: pointer;
}
.contactar input[type=button]:hover {
	background-color: #fbc56b;
}

/************************************
*** ENQUESTA
************************************/
.enq_titol {
	float: left;
	width: 120px;
}
.enq_barra {
	float:left;
	width: 224px;
}
.enq_barra2 {
	float:left;
	width: 204px;
}
.enq_barra .barra, .enq_barra2 .barra {
	width: 100%;
	height: 8px;
	background-color: #fff;
	margin-top: 3px;
}
.enq_barra .barra .barra_inner, .enq_barra2 .barra .barra_inner {
	height: 8px;
	background-color: #f6af31;
}

.enq_percent {
	float: left;
	width: 40px;
	text-align: right;
}

.resultats {
	display:block;
	font-size: 9px;
	padding: 2px 4px;
	border: 1px solid #334784;
	color: #334784;
	background-color: transparent;
	text-transform: uppercase;
}
.resultats:hover {
	color: #fff;
	background-color: #334784;
	
}


/************************************
*** ENQUESTA
************************************/

a.imgcorp img {
	border: 1px solid #e9f2f1;
}
a.imgcorp:hover img {
	border: 1px solid #f6af31;
}
a.imgcorp:hover div {
	color: #f6af31;
}

/************************************
*** MAPA GOOGLE
************************************/
#mapaG {
	width:630px;
	height: 430px;
}

#mapaGInfo {
	margin-top: 3px;
}

#selec_poble, #selec_sector {
	border: 1px solid #888;
}

/************************************
*** ESCOLA
************************************/

#recepta p {
	margin-bottom:5px;
}
#menudiari p {
	margin-bottom: 8px;
}