@charset "utf-8";
/* RESET ---------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p,img { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
.clearfix:after { height:0; line-height:0; display:block; visibility:hidden; clear:both; content:"." } .clearfix { display:inline-block } html[xmlns] .clearfix { display:block } * html .clearfix { height:1% }


img.enllas	{ float:right; height:50px; }


/* ETIQUETES BASE -------------------------------------------------------------------------------------------- */
body		{ font-family:"Segoe UI", Helvetica, sans-serif; font-size:11px; color:#000; background:#dff1fe url(../img/bg_body.png) repeat-x top }
a			{ color:#0066ff; text-decoration:none }
a:hover		{ color:#181f1f; text-decoration:underline }

h1	{ font-size:28px }
h2	{ font-size:18px }
h3	{ font-size:14px }
.bottom{ margin-top:15px; }
p	{ font-size:11px; line-height:16px }

/* CONTENIDORS PRINCIPALS -------------------------------------------------------------------------------------------- */
#wrap	{ background:url(../img/bg_web.jpg) no-repeat top center }
#web	{ width:960px; margin:0 auto }
#cap	{ height:110px; padding:90px 30px 0 30px; position:relative; z-index:10 }
#cos	{ background:url(../img/bg_cos.png) center repeat-y; padding:20px 30px }
#peu	{ height:60px; padding:18px 30px; background:url(../img/bg_peu.png) left top no-repeat; color:#666; font-size:11px; margin-bottom:20px }

#lateral	{ float:right; width:300px }
#contingut	{ width:580px; float:left }

dl			{ float:left; border-bottom:#efefef solid 1px; margin-top:14px; height:50px; }
dd			{ font-size:1.4em; width:480px; float:left; }
dd span 	{ color:#000; margin-bottom:10px; font-size:.80em;  }
dd span a	{ color:#181f1f }
dt			{ float:left; width:100px; }
/* CAP -------------------------------------------------------------------------------------------- */
#cap p.dades { float:right; text-align:right; color:#777; text-transform:uppercase }

#idiomes	{ 
background:url(../img/bgidiomes.png) repeat;
border-top-right-radius: 10px;  
border-top-left-radius: 10px; 
-moz-border-radius-topright: 10px;  
-moz-border-radius-topleft: 10px;
-ms-border-radius-topleft: 10px;  
-ms-border-radius-topright: 10px;  
-webkit-border-top-right-radius: 10px;  
-webkit-border-top-left-radius: 10px;  
position:absolute; top:43px; right:30px; display:block; width:400px; z-index:2000; padding-left:20px;
}

#idiomes a, #idiomes li { display:block; color:#fff; float:left;  }
#idiomes a { padding:7px 10px; }
#idiomes a.actiu { font-weight:bold; text-decoration:underline }
#idiomes .inactius a { background:#d2e9ff; border-bottom:1px solid #a1c6ea; color:#000  }
#idiomes .inactius a:hover { color:#336ea9; font-weight:bold; background-color:#ebf5ff  }
#idiomes img	{ margin-top:8px; }

ul#menu { background:#1e5f9f url(../img/bg_menu.png); margin:0; padding:0; float:left; width:940px; list-style:none; font-size:1.1em; position:absolute; left:10px; bottom:0; }
ul#menu li { float: left;margin:0; padding:0; position: relative; border-right:1px solid #336ea9;  }
ul#menu li a { float: left; display:block; height:50px; line-height:49px; color:#fff; padding:0 20px; outline:none }
ul#menu li:hover a, ul#menu li a:hover { text-decoration:none; color:#FF9; background-color:#134e87 } /*--Hover State--*/

/* MENU SUPERIOR */
ul#menu .sub { position:absolute; top:50px; left:0; background:#2572be url(../img/bg_submenu.png) top repeat-x; padding:5px; float: left; display:none; z-index:100; list-style: none; float:left; width:360px; border-bottom:2px solid #336ea9; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px }
ul#menu .sub li {  border:0; padding:0 }
ul#menu .sub li a { float:left; text-indent:0; display:block; width:150px; text-decoration:none; color:#555; line-height:16px; height:auto; font-size:11px; padding:10px 15px; background:none }
ul#menu .sub li a:hover { color:#fff; background-color:#336ea9 }
ul#menu .sub li a strong { display:block; color:#134e87; font-size:13px; line-height:18px }
ul#menu .sub li a:hover strong { color:#fff }

/* COS -------------------------------------------------------------------------------------------- */
#cos h1 { font-size:28px; margin-bottom:20px; line-height:26px; color:#1e5f9f; position:relative; }
#cos h2 { font-size:26px; font-weight:bold; margin-bottom:5px; position:relative; }
#cos h3 { font-size:18px; font-weight:bold; margin-bottom:5px; line-height:18px }
#cos h4 { font-size:16px; font-weight:bold; margin-bottom:5px }
#cos h5 { font-size:12px; font-weight:bold; margin-bottom:5px }

#contingut p	{ line-height:20px; font-size:13px; color:#333; padding:0 0 20px 0 }
#contingut strong	{  color:#1e66ab }
#contingut img.esquerra { float:left; margin:2px 20px 20px 0; border-bottom:4px solid #1e66ab }
#contingut img.dreta { float:right; margin:2px 0 20px 20px; max-width:300px; border-bottom:4px solid #1e66ab }
#contingut img.ample { float:left; margin:10px 0 30px 0px; max-width:580px; border-bottom:4px solid #1e66ab }
#contingut img.galeria { margin:2px 10px 10px 10px; width:125px; height:125px; border-bottom:4px solid #1e66ab }
/*
#contingut table		{ margin-bottom:40px; margin-top:30px; width:580px; }
#contingut th			{ line-height:30px; padding-left:8px; border:#CCCCCC solid 1px; background:#efefef;  font-weight:bold}
#contingut th.tit		{ line-height:30px; padding-left:8px; border:#CCCCCC solid 1px; background:#DDDDDD; text-align:center;  font-weight:bold}
#contingut td			{ line-height:30px; padding-left:8px; border:#CCCCCC solid 1px; vertical-align:middle}
#contingut td.resultat	{ line-height:30px; padding-left:8px; border:#CCCCCC solid 1px; text-align:center;}
*/
#contingut table		{ margin-bottom:0px; margin-top:10px; width:580px; }
#contingut th			{ line-height:1.5em; padding:8px; border:#CCCCCC solid 1px; background:#efefef;  font-weight:bold}
#contingut th.tit		{ line-height:1.5em; padding:8px; border:#CCCCCC solid 1px; background:#DDDDDD; text-align:center;  font-weight:bold}
#contingut td			{ line-height:1.5em; padding:8px; border:#CCCCCC solid 1px; vertical-align:middle}
#contingut td.resultat	{ line-height:1.5em; padding:8px; border:#CCCCCC solid 1px; text-align:center;}


#contingut #newsletters table		{ margin:0; width:auto; }
#contingut #newsletters th			{ line-height:1.5em; padding:0px; border:0; }
#contingut #newsletters th.tit		{ line-height:1.5em; padding:0px; border:0; }
#contingut #newsletters td			{ line-height:1.5em; padding:0px; border:0; vertical-align:top; }
#contingut #newsletters td.resultat	{ line-height:1.5em; padding:0px; border:0; }
#contingut #newsletters img			{ width:100%; }


.webcam	{ float:left;position:absolute;top:0;left:0; }

.allotjament			{ margin-bottom:40px; }
.allotjament.gris		{ background-color:#F5F5F5; }

.imatge_serveis			{ margin-right:4px; margin-bottom:4px; }

#fitxa_acte				{ margin-bottom:50px; border-bottom:#ccc dotted 2px; }
#fitxa_acte	p			{ padding:0; margin:0; padding-bottom:5px; }



#contingut ul		{  }
#contingut ul li	{ line-height:1.5em; padding-left:18px; background:url(../img/ico_li.png) top left no-repeat;  font-size:1em; color:#36332b }

#contingut .form		{ margin:10px 0 } 
#contingut .form li		{ display:block; clear:both; padding:2px }
#contingut .form label	{ display:block; float:left; width:150px; font-size:12px; color:#111; line-height:24px; font-size:12px; font-weight:bold }
#contingut .form input, .form select, .form textarea { border:0; background-color:#e0f1fe; padding:5px; font-size:12px; font-family:"Segoe UI", Helvetica, sans-serif; }
#contingut .form input.text { width:400px }
#contingut .form textarea { width:400px; height:150px }
#contingut .form li.submit { text-align:right; padding:10px; border:1px solid #ddd; margin-top:10px }
#contingut .form li.submit input { text-align:center; padding:5px 10px; font-size:12px; font-weight:bold; cursor:pointer; background-color:#134e87; color:#fff; border:1px solid #000 }
#contingut .form .check{ line-height:24px; display:block; height:24px; font-size:10px; color:#766e5b }


/* ALTRES ESTILS */
.boto 			{ height:28px }
.boto li		{ float:left; display:inline; padding:0 8px }
.boto a			{ font-size:11px; font-weight:bold;	float:left; cursor:pointer; height:28px; line-height:27px; text-align:center; background-position:top right; outline:none }
.boto a span	{ margin:0 10px 0 -10px; padding: 0 0 0 10px; height:28px; position:relative; float:left; background-position:top left }
.boto a, .boto a span { background-image:url(../img/bg_botons.png); background-repeat:no-repeat }

.boto a:hover			{ background-position:right -28px; color:#111; text-decoration:none }
.boto a:hover span		{ background-position:left -28px }

/* COLUMNA ----------------------------------------*/
#lateral h2 { font-size:18px; color:#181f1f; background:url(../img/base_titols.png) bottom left no-repeat; padding-bottom:5px }
#lateral .bloc { margin-bottom:20px; clear:both }

#cos h1 { background:url(../img/bg_h1submenu.png) left top no-repeat; line-height:30px; height:32px; padding:0 10px; font-size:18px; font-weight:bold  }
.res_ul { margin-bottom:20px }
.res_ul li { padding:2px; background-color:#1e66ab; margin-bottom:1px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
.res_ul li a { display:block; color:#fff; padding:8px 12px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; }
.res_ul li a:hover { color:#333; background-color:#fff }
.res_ul .actiu { color:#FF9; font-weight:bold }
/* SLIDER */
#slider { position:relative; width:580px; height:270px; margin-bottom:15px; z-index:0 }
#slider .window { height:270px;	width:580px; display:block; overflow: hidden; position: relative }
#slider .rotador { position:absolute; top:0; left:0; z-index:50 }
#slider .rotador li { float:left; list-style:none;background:none; padding-left:0; }
#slider .rotador strong { padding:12px 15px 15px 15px; position:absolute; bottom:0; width:550px; background:url(../img/alpha50negro.png); text-shadow:#111 1px 1px 0; color:#fff; font-size:17px }
#slider .rotador a:hover strong { color:#99ccff }
#slider .rotador a { text-decoration:none }
#slider .paging { position:absolute; top:5px; right:15px; z-index:100; text-align:center; line-height:40px; display:none }
#slider .paging a			{ padding:5px 8px; color:#999; background:url(../img/alpha50negro.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; outline:none }
#slider .paging a.active	{ font-weight:bold; background:#000; font-size:12px; color:#fff }
#slider .paging a:hover		{ font-weight: bold; text-decoration:none; color:#fff }

/* Especifics portada */
#contingut h2 { font-size:26px; font-weight:normal; background:url(../img/base_titols.png) bottom left no-repeat; letter-spacing:-.02em; padding-bottom:3px; margin-bottom:20px }
#contingut .baner { padding-right:20px; display:block; float:left }
#contingut h2 a			{ text-decoration:none; color:#181f1f }
#contingut h2 a:hover	{ color:#0066ff }

#contingut .impar, #contingut ul li.impar, #lateral .impar { margin-right:0; padding-right:0 }



#fitxa_restaurant	{ font-size:1.1em}

#avis							{ background:#134e87; margin-bottom:10px; text-align:center; padding:10px; color:#fff;  border-radius:5px;-moz-border-radius: 5px; -webkit-border-radius:5px; }				

/* Bloc portada ruta */
#contingut .ruta_preview		{ padding-bottom:20px }
#contingut .ruta_preview p		{ font-size:11px; line-height:18px; color:#444; padding-bottom:10px }
#contingut .ruta_preview img	{ margin-bottom:10px }
#contingut .ruta_preview h4		{ font-size:16px; color:#222 }
#contingut .ruta_preview a.link_tag		{ background:#f9f9f9 url(../img/ico_tag.png) 5px center no-repeat; padding:10px 10px 10px 28px }


#calendari th { background:#FFF url(../img/bg_submenu.png) bottom repeat-x; text-align:center}
#calendari td { width:30px; text-align:center; font-size:1.1em; font-weight:bold}


/* Bloc lateral Allotjaments */
#lateral .allotjament		{ padding-left:20px; background-color:#e0f1fe; height:155px; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#lateral .allotjament li	{ float:left; width:120px; text-align:center; padding:0; margin:0 10px 5px 10px; display:block }
#lateral .allotjament .boto a	{ width:120px; text-align:center; color:#000; text-transform:uppercase; font-size:10px; margin:0; padding:0 }
#lateral .allotjament .boto span	{ width:110px; display:block }
#lateral .allotjament h4	{ font-size:13px; padding:11px 0 9px 0 }


#lateral .llibreta					{ position:relative; clear:both; margin-bottom:20px; padding-left:20px; padding-bottom:55px; background-color:#e0f1fe; -moz-border-radius-bottomright: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#lateral .llibreta ul				{ width:260px; }
#lateral .llibreta ul li			{ line-height:1.5em; background:#d0e3f1; margin-top:1px; padding:2px 1px 1px 5px; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; }
#lateral .llibreta ul li:hover		{ background:#c4d8e7; }
#lateral .llibreta ul li a			{ color:#333333 }
#lateral .llibreta ul li:hover a	{ text-decoration:underline }

#lateral .llibreta img.logoguia		{ position:absolute; top:-5px; right:15px; }
#lateral .llibreta .boto a			{ width:120px; text-align:center; color:#000; text-transform:uppercase; font-size:10px; margin:0; padding:0 }
#lateral .llibreta .boto span		{ width:110px; display:block }
#lateral .llibreta h4				{ font-size:13px; padding:11px 0 9px 0 }
#lateral .llibreta .veuremes		{ position:absolute; width:260px; padding-top:7px; bottom:20px; left:20px; border-top:#0066ff solid 1px; }

#contingut h2 div.afegir			{ width:150px; height:20px; position:absolute; top:10px; right:0; font-size:.60em; font-weight:bold }
#contingut h2 div.afegir img		{ margin-top:-7px; margin-left:7px; float:right;  }
#contingut h2 div.afegir p			{ float:right; }
#contingut h2 div.afegir a p:hover	{ color:#134e87; text-decoration:underline; }

#contingut h1 div.afegir			{ width:150px; height:20px; position:absolute; top:6px; right:20px; font-size:.60em; font-weight:bold }
#contingut h1 div.afegir img		{ margin-top:-7px; margin-left:7px; float:right;  }
#contingut h1 div.afegir p			{ float:right; }
#contingut h1 div.afegir a p:hover	{ color:#134e87; text-decoration:underline; }

#lateral .bloc .boto a { width:110px; display:block; text-align:center }
#lateral .bloc .boto a span { width:100px }

#lateral .activitats_bloc .titol { font-size:11px; background-color:#eff8fe; padding:8px 10px; text-align:left; border:0; font-weight:bold }
#lateral .activitats_bloc th { background-color:#d3ebfe; text-align:center; padding:7px 8px; border-top:1px solid #a7d7fd }
#lateral .activitats_bloc td { background-color:#eff8fe; padding:7px 10px; border-top:1px solid #dff1fd }

/* Bloc galeria */
.galeria_bloc { background-color:#1e66ab; margin:15px 0; width:300px; height:300px; }
.galeria_bloc .nav { position:absolute; z-index:3000; background:url(../img/fg_minigalera.png) no-repeat; width:280px; height:290px; padding:10px }
.galeria_bloc .nav a { outline:none; height:310px; width:139px; display:block; float:left }
#gnext { text-align:right }
#gprev { text-align:left }

/* Bloc portada Noticies */
#contingut .noticies_portada li			{ float:left; width:280px; margin:0 20px 20px 0; padding:0; list-style:none; background:none; }
#contingut .noticies_portada img  		{ float:left }
#contingut .noticies_portada h3  		{ clear:both; margin-bottom:20px }
#contingut .noticies_portada h3 a		{ font-size:18px; line-height:24px; color:#181f1f; border-top:3px solid #181f1f; display:block; padding-top:10px }
#contingut .noticies_portada h3 a:hover	{ color:#06f; text-decoration:none; border-color:#06f }
#contingut .noticies_portada h5			{ color:#669999; font-size:11px; padding-bottom:10px }
#contingut .noticies_portada p			{ color:#333; padding:0 }
#contingut .noticies_portada .mesnoticies			{ margin-bottom:20px; display:block; background:url(../img/bg_mesnoticies.png) top right no-repeat; height:30px; line-height:29px; text-align:right; padding-right:30px }
#contingut .noticies_portada .mesnoticies:hover { background-position:bottom }
/* Bloc social media */
.social { height:45px; padding:10px 15px; background:url(../img/bg_socialmedia.png) left top no-repeat }
.social p { float:left; width:120px; line-height:14px; font-size:11px; color:#444 }
.social ul { float:right }
.social li { float:left; padding:6px 0 0 5px }

/* Bloc El temps */
.eltemps				{}
.eltemps p				{ width:150px; padding:10px 0; color:#777 }
.eltemps p img			{ margin-bottom:10px; }
.eltemps strong			{ color:#000 }
.eltemps .primerdia		{ float:left }
.eltemps .segondia		{ float:right }
.eltemps img			{ float:left; margin-right:10px }
.eltemps a				{ display:block; clear:both; text-align:right }

.verd					{ color:#94d734; font-size:.85em; }
.vermell				{ color:#be432a; font-size:.85em;}

.eltemps .info			{  }

#contacte								{ margin-top:20px; }
#contacte label 						{ display:block; width:130px; border-top:#ddd solid 1px; padding-left:10px; border-bottom:#ddd solid 1px; padding-bottom:4px; padding-top:5px; font-weight:bold; font-size:1em; color:#555; float:left; }
#contacte textarea, #contacte input.text{ border:1px solid #bbbbbb; background-color:#fff; padding:3px; width:430px; }
#contacte input.text 					{ margin-bottom:8px }
#contacte textarea 						{ margin-bottom:8px;  }
#contacte .submit			 			{ display:block; text-align:right; margin-bottom:15px;  }
#contacte input.boto    				{ font-family:"Trebuchet MS", sans-serif; font-size:1em; }
#ClientValidationSummary 				{ background-color:#fff; padding:5px; font-size:1em; margin:0; font-weight:bold; line-height:1.6em }
#ClientValidationSummary a 				{ font-weight:normal }
#ClientValidationSummary ul li			{ padding:0; margin:0; line-height:1.6em; padding-left:18px; }
.mensaje_envio							{ padding:5px; background:#fff; margin-bottom:8px; color:#6ec6cd; font-weight:bold; }
.mensaje_envio span						{ color:#FF0000; }

#pagination { width:100%; float: left; padding: 3px; margin: 0 auto; text-align:center;	font-size:.85em;}
#pagination a {	border: 1px solid #CCCCCC; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #0061de;}
#pagination a:hover, div.pagination a:active {border: 1px solid #2b55af; background-image:none;	background-color:#92B5C9; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }

/* PEU -------------------------------------------------------------------------------------------- */
#peu p { color:#666; line-height:17px }
#peu strong.nom { color:#333 }

#peu .enllasos { float:right; color:#444 }
#peu .enllasos li { float:left; padding-left:3px }

/* cluetip */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
	border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
  margin:1px;
  padding:1px;
  border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 4px 4px 4px 10px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #1E66AB;
  color: #fff;
  border-top-radius:10px;
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding:4px 4px 10px 10px;
  font-weight:bold;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}


/* ----------------  BANDA NEGRE SUPERIOR WEB  --------------------------- */
#banda-cont {
    height: 28px;
    width: 100%;
    background-image: url(../img/fons-negre.gif);
    background-position: top center;
    background-repeat: repeat-y;
	background-color:#000000
}

#banda-main {
    width: 960px;
    margin: 0 auto;
}

#banda-esq-negre {
    width: 30px;
    height: 28px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../img/logo-negre.gif);
    background-color: #fff;
}

#banda-dreta-negre {
    float: left;
    width: 930px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url(../img/text-negre.gif);
    background-color: #000;
}

#contingut #descarregues table 		{  }
#contingut #descarregues table tr	{  }
#contingut #descarregues table tr td{ border:0; width:80px; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; }
#contingut #descarregues table tr td:first-child{ width:350px; }
#contingut #descarregues table tr td div.ico img	{ margin-bottom:-4px; margin-right:3px; }