/*==============================
			-- GENERAL -- 
==============================*/
*{border:0;margin:0;padding:0;}
.clear{clear:both;}

body{
color:#333;
background:#fff;
font:11px 'trebuchet ms', Arial, Verdana, sans-serif;
background: url('../imatges/fons.gif') repeat-x;}

ul{
list-style:none;}

hr{
height:0;
margin:15px 0;
border-top:1px solid #1f68b7;}

blockquote{
margin:7px 0;}
blockquote hr{
margin:0;
border-top:1px solid #999;}

a{
color:#5c5c5c;
text-decoration:none;
outline:none;}

																	
.banner_coneixpals {
	width:190px;
	height:159px;
	background: url('../imatges/fons_coneixpals.jpg') no-repeat;
}

.banner_revista {
	width:190px;
	height:159px;
	background: url('../imatges/fons_revista.jpg') no-repeat;
}

.associats_destacats {
	width:480px;
	min-height:172px;
	background: url('../imatges/fons_destacats.jpg') no-repeat;
}

/*==============================
			-- H1-H6 --
==============================*/

h1 a{
float:left;
display:block;
width:440px;
height:80px;
background: url('../imatges/logo.jpg') no-repeat;}
h1 a span{
display:none;}

h2{
font-size:3em;
margin:10px 0;}

h2.icon1{
padding-left:40px;
background:url(../imatges/licasa.png) no-repeat 0 50%;}
h2.icon2{
padding-left:40px;
background:url(../imatges/lifoot.png) no-repeat 0 50%;}
h2.icon3{
padding-left:40px;
background:url(../imatges/lisocial.png) no-repeat 0 50%;}
h2.icon4{
padding-left:40px;
background:url(../imatges/lishop.png) no-repeat 0 50%;}


h3{
margin:3px;
font-size:12px;}
h3 a{
text-decoration:underline;}


/*==============================
			-- FORMULARIO --
==============================*/

input,
select,
textarea{
margin:5px 0 5px 5px;
color:#888;
font-size:10px;
font-weight:bold;
border:1px solid #bbb;}

.bona{
margin:5px 0 5px 5px;
color:#888;
font-size:10px;
font-weight:bold;
border:1px solid #bbb;}

.error{
margin:5px 0 5px 5px;
color:#888;
font-size:10px;
font-weight:bold;
border:1px solid #f00;}

input{
padding:1px 2px;
width:370px;}

label{
display:block;
float:left;
width:65px;
margin-top:6px;
color:#387AA6;
text-transform:uppercase;
font-size:0.9em;}

button{
font-weight:bold;
cursor:pointer;}

textarea{
padding:2px;
width:450px;
margin:0;
height:78px;}




/*==============================
			-- HEADER --
==============================*/
#container{
width:955px;
margin:0 auto;}

#header{
	padding: 46px 0 275px 0;
	margin-bottom:15px;
}

#cor_emporda {
	width: 395px;
	height: 72px;
	position: absolute;
	top: 65px;
	left: 555px;
	background-color:transparent;
}

#header p{
float:right;
background: url('../imatges/temp.png') no-repeat 0 50%;
padding-left:40px;
color:#B0B0B0;}
#header p span{
display:none;}
#header p strong{
color:#7B7B7B;}
#header p img{
border-left:2px solid #B0B0B0;
margin-left:3px;
padding-left:2px;
vertical-align:middle;}

/* language bar */

#lang_bar{
position:absolute;
top:0;
height:31px;
background-color:#F0F0F0;
width:935px;
padding:0 10px;}

#lang_bar ul{
margin-top:6px;
float:right;}

#lang_bar li{
float:left;}

/*lang bar - botones */

ul#button_menu{
margin-top:3px;
float:left;}

#button_menu li a{
display:block;
width:24px;
height:23px;}

#button_menu li a span{
display:none;}

.menu_home a{background: url('../imatges/btn_home.png') no-repeat;}
.menu_contact a{background: url('../imatges/btn_mail.png') no-repeat;}

/*lang bar - menu */

#lang_menu li a{
font-size:10px;
line-height:16px;
color:#B0B0B0;
border-right:1px solid #B0B0B0;
padding-left:5px;
padding-right:5px;}

#lang_menu li.last a{
border:0;}

#lang_menu li.selected a{
color:#666;}


/*==============================
			-- MENU --
==============================*/
#menu{
padding-top:20px;}

#menu li{
float:left;}

#menu li a{
display:block;
float:left;
margin:1px;
width:157px;
line-height:34px;
text-align:center;
font-weight:bold;
color:#fff;
background:#000;}

#menu li a:hover, #menu li a.selec{
background:#ff9600}

/*157*6+2*6 = 954, tiene que medir 955*/
#menu li.last a{width:158px;}


/*==============================
	-- COLUMNA IZQUIERDA --
==============================*/
#left_col{
width:206px;
float:left;}

#left_col h2{
margin:0;
padding:0 0 0 20px;
font-size:11px;
line-height:29px;
background: url('../imatges/orange.rightborder.png') no-repeat left bottom;}
#left_col h2 span{
display:block;
line-height:29px;
background: url('../imatges/orange.leftborder.png') right no-repeat;	}

#left_col ul{
margin-bottom:20px;}
#left_col li{
font-size:10px;
font-weight:bold;
line-height:26px;
padding-left:20px;
border-bottom:1px dashed #B0B0B0;
text-transform: uppercase;}

#left_col li a{
color:#444}
#left_col li a:hover, #left_col li a.selec{
color:#ff9600}

#left_col li.last{
border:0;}


/*==============================
		-- COLUMNA CENTRAL --
==============================*/
#main_col{
float:left;
width:517px;
margin:0 20px;}

.news{
padding-left:70px;}

.news p{
color:#5c5c5c;
font-size:11px;
margin-bottom:15px;}

.news .thumbnail{
float:left;
margin-right:10px;
width:186px;}

p.date{
color:#1f68b7;
padding:0 5px;
text-align:center;
float:left;}

p.date strong{
font-size:30px;
display:block;}

.news p.date strong{
font-size:28px;
text-align:left;}

p.ir_a a{
display:block;
width:24px;
height:24px;
background:url(../imatges/liflecha.png) no-repeat 0 0;}
p.ir_a a span{
display:none;}


/* descargas pdf */
.download{
color:#5c5c5c;
font-size:11px;}

.download img {
vertical-align: middle;
}
		
.download li{
float:left;
margin-right:5px;}

.download a{
font-size:12px;}

.download hr{
clear:none;
margin:5px 0 5px 0;}

/* TABLA CALENDARIO */
#calendar{
float:left;
font-size:10px;
border-spacing:2px;}

#calendar caption{
background:#004f91;
color:#fff;
line-height:14px;
border-left:2px solid #fff;
border-right:2px solid #fff;}

#calendar caption span{
font-size:10px;
width:112px;
float:left;
display:block;
text-align:center;}

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

#calendar th{
background:#94b7dd;
color:#fff;
font-weight:normal;
font-size:11px;
padding:1px;}

#calendar td{
text-align:center;
padding:1px;
width:18px;}

#calendar td a{
font-size:10px;
display:block;}

#calendar td.domingo a{
color:#bd0926;}

#calendar td.highlight{
background-color:#6e6e6e;}

#calendar td.highlight a{
color:#fff;}

.b_texte b{
color:#000;
font-size:12px;
}


/*==============================
	-- COLUMNA DERECHA --
==============================*/ 
#right_col{
float:left;
width:192px;}

#right_col h2,
.box h3 /* cajas de portada */{
float:left;
line-height:27px;
font-size:10px;
padding:0 8px;
margin:0;
background:#c2cc00;}

/* cajas de formularios */
#right_col form{
padding:3px 0 0 4px;
margin-bottom:20px;
position:relative;
height:158px;
background: url('../imatges/bkg_form_right_col.png') no-repeat;}

#right_col form h3{
text-transform:uppercase;
color:#387AA6;
font-size:0.9em;
font-weight:normal;}

#right_col form p{
clear:both;
padding:10px;
font-size:11px;
color:#5c5c5c;}

#right_col form a.ver_todos{
position:absolute;
bottom:5px;
left:10px;
font-size:9px;}

#right_col input{
width:146px;}

#right_col select{
width:152px;}

#right_col input[type=button]{
position:absolute;
bottom:4px;
right:4px;
height:23px;
width:47px;
background:#000;
color:#c2cc00;}



/*==============================
	   	-- HOME --
==============================*/
.principal{
overflow:hidden;
padding:28px 20px 0 28px;
margin:0 0 30px 0;
background:url(../imatges/bgprincipalhome.png) no-repeat bottom left}

.principal h2{
margin:-18px 0 0 0;
float:left;
font-size:5em;
color:#000;}

.principal p{
color:#444;
clear:left;
margin-bottom:18px;}

.box{
float:right;
clear:right;
width:172px;
height:87px;
position:relative;
margin:0 0 23px 46px;}

.box .ctrl {
	width: 172px;
	height: 87px;
	position: absolute;
	top: -87px;
	right: 0px;
	cursor: pointer;
}

.box h3 /* comparten css con h2 col_derecha */{
background:#f6a201}

.foto1{background:url(../imatges/foto1.jpg) no-repeat top left}
.foto2{background:url(../imatges/foto2.jpg) no-repeat top left}
.foto3{background:url(../imatges/foto3.jpg) no-repeat top left}
.foto4{background:url(../imatges/foto4.jpg) no-repeat top left}

/* cajas tituladas */

.titulos{
position:relative;
background:url(../imatges/bgtitulos.png) no-repeat 0 0;
margin:0 0 30px 0;
}
.titulos.nomargin{
margin:0;
}

.titulos h2{
float:left;
color:#fff;
font-size:1.1em;
margin:6px 0 14px 8px;}

.titulos h3{
font-size:1.2em;}

.titulos table{
margin-left:8px;}

.titulos hr{
clear:both;
margin-left:20px;
margin-right:20px;}

.titulos p{
margin-right:15px;}

.titulos_desc{
margin-top:5px;
font-size:1.1em;
line-height:13px;
width:400px;
}

.titulos p.date{
margin:0 20px 10px 20px;}

.titulos .news{
float:right;
width:340px;
padding:0px;}


/*botones de + */
.box a,
p.mas a,
a.link_mes{
	position:absolute;
	display:block;
	text-align:center;
	line-height:20px;
	width:45px;
	background:#000;
	color:#f6a201
}

.box a {
	bottom: 0;
	right: 0;
}
a.link_mes{
	bottom: 3px;
	right: 3px;
}
.titulos p.mas a{
top:3px;
right:5px;
color:#fff;
background:#1F68B7;}


/*==============================
	-- POBLE Y ALOJARSE --
==============================*/ 
.content h3{
font-size:2em;
margin-bottom:8px}
.content p{
color:#444;
margin:4px 0;}

/* columna central -> párrafos flotados */
.left{
float:left;
padding:0 20px 20px 0;}

.right{
float:right;
max-width:215px;
padding:0 0 20px 20px;}

p.left,
p.right,
.content blockquote p{
font-size:1.2em;
font-style:italic;
color:#387AA6;}

p.left br,
p.right br{
margin-bottom:15px;}



/*==============================
 LISTADO de links-revista-hoteles
==============================*/
ul.listado{
padding:20px 0 30px 0px;}

ul.listado li{
padding:0 0 0 40px;
position:relative;
clear:both;
margin-bottom:10px;
}

ul.listado li.shop{background:url(../imatges/lishop.png) no-repeat 0 0;}
ul.listado li.food{background:url(../imatges/lifood.png) no-repeat 0 0;}
ul.listado li.hotel{background:url(../imatges/licasa.png) no-repeat 0 0;}
ul.listado li.social{background:url(../imatges/lisocial.png) no-repeat 0 0;}
ul.listado li.assoc{background:url(../imatges/picto_associats.gif) no-repeat 0 0;}

ul.links li,ul.listado li.pc{background:url(../imatges/lipc.png) no-repeat 0 0;}
ul.revista li,ul.listado li.doc{background:url(../imatges/lidoc.png) no-repeat 0 0;}

ul.listado h3,
ul.listado a,
ul.listado span{
color:#387AA6;}

ul.links a{
color:#333}

ul.listado h3{
font-size:1.5em;
font-weight:normal;
border-bottom:1px solid #808080;}

ul.listado h3.marcat{
	border-bottom: 3px solid #000;
}

ul.listado p.contactar{
border:1px solid #809EFF;
width:91px;
text-align:center;
text-transform:uppercase;
position: absolute;
right: 0px;
top: 47px;
/*margin-top:-24px;*/}

ul.listado p.contactar a{
display:block;
background:#0455A9;
border:1px solid #fff;
color:#fff;
font-size:0.8em;
padding:4px 0;
font-family:verdana, sans-serif;}

ul.listado p.ir_a a{
position:absolute;
top:9px;
right:0;}

ul.listado p.contactar {
	float: right;
	margin-right: 5px;
}

ul.listado p.url,
ul.listado p.underline{
position:absolute;
right:5px;}

ul.listado p.underline{
margin-top:-22px;}

ul.listado p.underline a,
ul.listado p.pdf a{
text-decoration:underline;}

img.marca_associats {
	position: absolute;
	top: 35px;
	left: 0px;
}


/*==============================
	    -- LOCALIZACIÓ  --
==============================*/
p.posicion{
font-size:1.2em;
color:#808080;
margin:-8px 0 12px 0;}

#localizacion{
margin-top:12px;
padding:2px 0 30px 2px;
border:1px solid #808080;}

#localizacion h3{
font-size:1.1em;
width:207px;
padding:4px 10px;
margin:0 0 20px 0;
color:#fff;
background:#1F68B7;
border-bottom:1px solid #8FB3DB;
border-left:1px solid #8FB3DB;
border-right:1px solid #8FB3DB;}

#localizacion label{
font-weight:bold;
font-size:1.1em;
color:#666;
text-align:right;
line-height:22px;
margin:0 0 0 120px;}

#localizacion input{
width:180px;
padding:2px;
margin:0 5px;
height:16px;}

#localizacion button{
color:#fff;
height:22px;
border-top:1px solid #9FBEE3;
border-left:1px solid #95B7DE;
border-right:1px solid #95B7DE;
border-bottom:1px solid #82AAD4;
background:url(../imatges/bgbutton.png) repeat-x 0 0;}

#localizacion label,
#localizacion input,
#localizacion button{
float:left;}

#mapa_localitzacio {
	width: 493px;
	height: 355px;
	padding: 10px;
	border: 2px solid #d9d9d9;
	background-image: url('../imatges/fons_mapa.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}



/*==============================
	    -- CONTRATAR --
==============================*/
#contactar{
padding:20px 30px;}

#contactar input{
float:right}

#contactar p.small{
font-size:0.8em;}

#contactar p.camps{
clear:both;
text-align:right;
margin-top:6px;}

p.check{
overflow:auto;
padding:3px;
background:#ABABAB;
margin:0 0 12px 0;}

p.check label{
font-size:0.8em;
color:#1F1F1F;
margin:0;
height:15px;
width:auto;
text-transform:none;}
p.check label.bona {color:#1F1F1F;}
p.check label.error {color:#f00;}

p.check input{
width:19px;
height:19px;
padding:0;
float:left !important;
margin:0 5px 0 0;}

input[type=button].enviar{
text-transform:uppercase;
font-size:0.9em;
color:#fff;
width:100%;
background:#387AA6;
text-align:center;
padding:12px 0;
margin-top:12px;}


/*==============================
		-- ACTIVITATS --
==============================*/
#activitats .news{
float:right;
width:317px;
padding-left:10px;}

#activitats .news p.date{
float:none;
margin:0;}


/*==============================
		-- ALOJARSE --
==============================*/
ul.categorias li{
padding:10px;
border-top:1px solid #999;
margin-bottom:2px;
position:relative;}

ul.categorias li img{
float:left;
padding-right:15px;
width:172px;
height:82px;}

ul.categorias li p{
margin:0;}

ul.categorias p.en_foto{
padding-top:4px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
left:10px;
top:10px;
position:absolute;
font-size:1.1em;
color:#fff !important;
font-weight:bold;
z-index:3;
background-color:#377aa4;}

ul.categorias a{
float:left;}




/*==============================
	   	-- 13) COMERCE --
==============================*/
p.tornar{
border:1px solid #809EFF;
width:91px;
text-align:center;
text-transform:uppercase;
margin:40px 0;
padding:0;}
p.tornar a{
display:block;
background:#0455A9;
border:1px solid #fff;
color:#fff;
font-size:0.8em;
padding:4px 0;
font-family:verdana, sans-serif;}

p.info{
color:#808080;
border-top:1px solid #808080;
margin:0 20px 12px 0;
padding-top:5px;}
p.info span{
color:#387AA6;}


/*==============================
		-- 09) GALERIA --
==============================*/
ul.galeria {
margin-left:15px;
}
ul.galeria li{
display:inline;
width:33%;
text-align:center;
margin:10px 0;}

ul.galeria li img{
	width:136px;
	padding:3px;
	border:1px solid #696969;
}



/*==============================
			-- FOOTER --
==============================*/
#footer{
margin-top:30px;
padding:20px 0 0 50px;
height:245px;
position:relative;
background: url('../imatges/footer_line.png') repeat-x;}

#footer .big_list{
color:#ff9600;}

#footer .big_list li{
font-weight:bold;
float:left;
width:145px;}

#footer .big_list li li{
margin:5px 5px 0px 0;
text-transform:uppercase;}

#footer .big_list li li a{
font-size:9px;}

#footer .small_link{
float:left;}

#footer .small_link li{
float:left;}
#footer .small_link li a{
line-height:12px;
border-right:2px solid #B0B0B0;
margin-right:5px;
padding-right:5px;
font-size:9px;
font-weight:bold;}
#footer .small_link li .last{
border:0;}

#footer .designed{
float:right;
margin-right:60px;
/*background: url('../imatges/6tems-trans.png') no-repeat right;*/
background: url('../imatges/by_6tems.jpg') no-repeat;
width:52px;
height:16px;
font-size:9px;
text-decoration:none;
line-height:20px;
color:#666;
font-weight:bold;}

#footer a span{
display:none;}	


/************************************
*** CALENDARI
************************************/
.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:  #dcdcdc;
	color: #1f68d7;
	text-decoration: none;
	padding: 3px;
	display:block;
}

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





/*==============================
*** NOVA DISPOSICIÓ
==============================*/

.div_establiment {
	margin-bottom:30px;
	text-align:left;
	overflow:hidden;
}

.pictos {
	margin-right:8px;
	width:33px;
	float:left;
	text-align:center;
}

.nom_establiment {
	margin-bottom:5px;
	height:30px;
	border-bottom:1px solid #bfbfbf;
}
.nom_establiment h3 {
	color:#387AA6;
	font-size:1.5em;
}
.nom_establiment h3 a {
	color:#387AA6;
	text-decoration:none;
}

.dades_establiment {
	float:left;
	width:350px;
}
.dades_establiment span {
	color:#387AA6;
}

.vincles_establiment {
	float:left;
	margin-top:10px;
	margin-left:42px;
	overflow:hidden;
	width:275px;
}

.vincles_establiment p {
	display:block;
	float:left;
	width:110px;
	border:1px solid #809EFF;
	text-align:center;
	text-transform:uppercase;
}

.vincles_establiment a {
	display:block;
	padding:4px 0;
	background:#0455A9;
	border:1px solid #fff;
	color:#fff;
	font-size:0.8em;
	font-family:verdana, sans-serif;
}

.img_establiment {
	float:right;
}

.img_establiment > img {
	width:123px;
}

.margin_establiment {
	margin-left: 42px;
}
h2.titol_oferta{
	color:#1F68B7;
	font-size:24px;
	margin:10px 0 0 0;
}
h2.titol_oferta a{
	color:#1F68B7;
}
h2.titol_oferta.tpreu{
	float:left;
	width:364px;
}
.valid{
	display:block;
	color:#1F68B7;
}
.valid.tpreu{
	float:left;
	width:364px;
}
.txt_oferta {
	margin-top:10px;
}
.txt_oferta.tpreu {
	float:left;
	width:364px;
}
.preu{
	float:right;
	width:79px;
	color:#1F68B7;
	text-align:center;
	margin: 0 auto;
}
.c_assoc{
	float:right;
	width:100px;
	color:#1F68B7;
	text-align:center;
	padding-top:10px;
}
.c_assoc .logo{
	width:100px;
}
.preu , .c_assoc .logo {
	margin-bottom:3px;
}
.c_assoc .preu { float:none; }
div.preu span{
	background: url("../imatges/bola_preu.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: table-cell;
    font-size: 18px;
    height: 74px;
    vertical-align: middle;
    width: 78px;
}
.principal .img{
	/*background: url("../imatges/marc_ofertes.jpg") no-repeat scroll left top transparent;*/
	border:1px solid #C2CBD2;
	background-color:#fff;
	width:140px;
	float:left;
	padding:4px 4px;
}
.principal .img img{
	width:140px;
}
.principal .img img + img{
	margin-top:4px;
}

.principal .txt{
	width: 290px;
	float:right;
}
.txt a {
    background: none repeat scroll 0 0 #0455A9;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-family: verdana,sans-serif;
    font-size: 0.8em;
    padding: 4px 0;
}
.txt p.contacte {
    border: 1px solid #809EFF;
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
	margin-top:10px;
}

.img_associats{margin:10px 0 0 37px;}
.img_associats a{
	background: url("../imatges/marc_associats.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 104px;
    margin-right: 2px;
    padding: 3px;
    width: 152px;
}

.tornar {
	display:block;
	text-align:right;
	color:#8f8f8f;
	margin-bottom:3px;
}

/* SLIDER */
.slider {
	overflow:hidden;
}
.slider .viewport { float: left; width: 517px; height: 300px; overflow: hidden; position: relative; }
.slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 517px; left: 0 top: 0; }
.slider .overview  li { float: left; padding:0 15px; height: 299px; width: 487px;}