body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336699;
	margin: 0px;
	padding: 0px;
	background-image:url(../img/bg_body.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color: #FFFFFF;
}

a{
text-decoration:none;
outline:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#336699;
}

a:hover{text-decoration:underline; outline:none;}
img{border:0px; margin:0px; padding:0px; display:block;}

form{
margin:0px;
padding:0px;
}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}


h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
font-weight:normal;
font-size:10px;
display:inline;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#00488f;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#484848;
}


#web{
width:992px;
background-image:url(../img/bg_web.gif);
background-repeat:no-repeat;
background-position:5px top;
margin:0px auto;
padding:28px 0px 45px 0px;
}

#menu-top{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#336699;
text-align:right;
padding-right:55px;
}

#head{
width:967px;
margin:0px auto;
padding:27px 0px 0px 0px;
overflow:auto;
}

#langs{
padding-top:6px;
padding-left:8px;
width:210px;
float:left;
}

#langs a{
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
}

#langs a:hover{
color:#00488f;
text-decoration:none;
}

#langs a.sel{
font-weight:bold;
color:#00488f;
text-decoration:none;
}

#menu{
width:727px;
float:left;
}

#menu ul li{
display:inline;
}

#menu ul li a{
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    display: block;
    float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color: #00488f;
	width:142px;
    height: 33px;
    margin-right: 0px;
	margin-top:0px;
    padding-right: 0px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
}

#menu ul li a span{
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 33px;
	padding:0px;
} 

#menu ul li a:hover, #menu ul li a.sel{
    background: transparent url('../img/bg_button_a_hover.gif') no-repeat scroll top right;
}

#menu ul li a:hover span, #menu ul li a.sel span{
    background: transparent url('../img/bg_button_span_hover.gif') no-repeat;
} 



#block-home{
width:967px;
height:271px;
margin:0px auto;
background-image:url(../img/bg_search.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:30px;
position:relative;
}

#block-home .content{
width:auto;
margin:0px auto;
padding:13px;
}

#block-home .images{
width:auto;
height:120px;
overflow:auto;
position:relative;
}

#block-home .images img{
float:left;
}

#block-home .images .tag{
width:auto;
position:absolute;
text-align:right;
background-color:#FFFFFF;
right:0px;
bottom:1px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#00488f;
font-size:20px;
padding:3px 0px;
padding-right:5px;
z-index:50;
}

#block-home .images .tag a{
font-family:Georgia, "Times New Roman", Times, serif;
color:#00488f;
font-size:20px;
text-decoration:none;
}

#block-home .images .tag a span{
background-color:#ff9900;
padding:3px 8px;
color:#FFFFFF;
}

#search{
width:auto;
padding-top:20px;
}

#search a{
font-size:12px;
color:#336699;
}

#search a:hover{
text-decoration:underline;
}

#search a.sel{
text-decoration:none;
font-weight:bold;
color:#ff9900;
}

#search #logo-menu{
padding-left:4px;
float:left;
}

#search #logo-menu img{
margin-bottom:22px;
}

#search .search-form{
float:left;
font-weight:bold;
margin-left:10px;
}

a#link_facebook{
display:block;
position:absolute;
right:13px;
top:218px;
}

#search .field{
margin-right:5px;
width:auto;
float:left;
}

#search select{
width:100px;
}

#search .field img{
float:left;
margin-left:5px;
margin-top:9px;
}


#search .result-search{
color:#666666;
font-weight:normal;
float:left;
width:auto;
margin-top:18px;
}

#search .result-search strong{
color:#ff9900
}

#search .button-search{
float:left;
margin-top:14px;
padding-left:130px;
}


#bottom{
width:967px;
margin:0px auto;
overflow:auto;
margin-top:55px;
}



#bottom #content-calendar{
float:left;
width:155px;
text-align:center;
padding-right:15px;
}

#calendar ul{
width:145px;
display:block;
overflow:auto;
margin:0px auto;
}

#calendar strong{
font-size:11px;
}

#calendar ul#days{
border-bottom:1px dotted #336699;
padding-bottom:3px;
}

#calendar ul.week{
display:block;
padding-top:5px;
}


#calendar ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:10px;
display:inline;
}

#calendar ul li a, #calendar ul li span{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:16px;
display:block;
float:left;
margin:0px 2px;
text-align:center;
cursor:default;
}

#calendar ul li.sun a{
background-color:#d6e0eb;
}

#calendar ul li.td a, #calendar ul li.td a:hover{
background-color:#336699;
color:#FFFFFF;
}

#calendar ul li.act a, #calendar ul li.act a:hover{
background-color:#FF9900;
color:#FFFFFF;
cursor:pointer;
}

#calendar ul li a:hover{
cursor:default;
}

#calendar ul li a:hover{
text-decoration:none;
}

#bottom .links{
float:left;
padding-left:25px;
border-left:1px solid #d6e0eb;
}

#bottom a{
font-size:12px;
}

#bottom .links .links-group{
width:auto;
display:block;
float:left;
margin-right:10px;
}

#bottom ul li{
line-height:15px;
}


/*PAGINES*/

#home{
width:880px;
margin:0px auto;
overflow:auto;
}

#home .box{
float:left;
width:150px;
margin:25px 35px 0px 0px;
height:auto;
}

#home .box .image{
width:148px;
height:125px;
overflow:hidden;
margin:0px auto;
margin-bottom:15px;
}

#home .box .image img{
margin-top:-12px;
}

#home .box a{
font-size:12px;
}

/*ACTIVITATS*/
#activities{
width:967px;
margin:0px auto;
overflow:auto;
}

#activities h1, #activities h1 a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#FFFFFF;
text-decoration:none;
}

#activities h1 span, #activities h1 span a{
font-size:30px;
color:#336699;
text-decoration:none;
}

#activities .box{
float:left;
width:159px;
height:254px;
margin:20px 32px 0px 0px;
}

#activities .box .top{
background-image:url(../img/bg_box_act.gif);
background-repeat:no-repeat;
background-position:left top;
height:183px;
padding-top:16px;
}

#activities .box .image{
width:128px;
height:128px;
overflow:hidden;
margin:0px auto;
margin-bottom:10px;
padding:0px;
}

#activities .box .title{
width:128px;
margin:0px auto;
}

#activities .box .info{
padding-left:8px;
}


#activities .box a{
font-size:12px;
}

#activities .box a:hover{
text-decoration:none;
}

#activities .box .info a:hover{
text-decoration:underline;
}

/*ACTIVITAT*/
#activity{
width:967px;
margin:0px auto;
overflow:auto;
}

#activity h1, #activity h1 a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#FFFFFF;
text-decoration:none;
}

#activity h1 span, #activity h1 span a{
font-size:30px;
color:#336699;
text-decoration:none;
}

#activity h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#336699;
}

#activity .images{
width:590px;
float:left;
overflow:auto;
margin-top:20px;
}

#activity .box{
float:left;
width:159px;
height:200px;
margin:0px 28px 5px 0px;
}

#activity .box .top{
background-image:url(../img/bg_box_act.gif);
background-repeat:no-repeat;
background-position:left top;
height:183px;
padding-top:16px;
}

#activity .box .image{
width:128px;
height:128px;
overflow:hidden;
margin:0px auto;
margin-bottom:10px;
padding:0px;
}

#activity .box .title{
width:128px;
margin:0px auto;
}

#activity .box a{
font-size:12px;
text-decoration:underline;
}

#activity .box a:hover{
text-decoration:none;
}

#activity .info{
float:right;
width:374px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
margin-top:20px;
}

#activity .info div{
padding-top:16px;
}

#activity .info ul li{
width:374px;
display:block;
height:auto;
background-image:url(../img/bg_activity_li.gif);
background-repeat:no-repeat;
background-position:left top;
margin-top:16px;
}

#activity .info ul li span{
display:block;
padding:6px 8px 8px 32px;
line-height:19px;
background-image:url(../img/bg_activity_li_span.gif);
background-repeat:no-repeat;
background-position:left bottom;
}


#activity .text{
width:382px;
}

#activity a.button{
    background: transparent url('../img/bg_act_button_a.gif') no-repeat scroll top right;
    display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color: #FFFFFF;
    height: 39px;
    padding-right:0px; /* sliding doors padding */
    text-decoration: none;
	width:208px;
	margin:0px auto;
	margin-top:22px;
	text-align:center;
}

#activity a.button span{
    background: transparent url('../img/bg_act_button_span.gif') no-repeat;
    display: block;
    line-height: 39px;
	padding:0px;
}

/*ALLOTJAMENTS*/

#lodgings{
width:967px;
margin:0px auto;
overflow:auto;
}

#lodgings h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#lodgings .boxes{
width:608px;
margin:0px auto;
overflow:auto;
}
#lodgings .box{
float:left;
width:159px;
height:252px;
margin:20px 16px 0px 16px;
}

#lodgings .box .top{
background-image:url(../img/bg_box_act.gif);
background-repeat:no-repeat;
background-position:left top;
height:183px;
padding-top:16px;
}

#lodgings .box .image{
width:128px;
height:128px;
overflow:hidden;
margin:0px auto;
margin-bottom:10px;
padding:0px;
}

#lodgings .box .title{
width:128px;
margin:0px auto;
}

#lodgings .box a{
font-size:12px;
}

#lodgings .box a:hover{
text-decoration:none;
}

#lodgings .box .info a:hover{
text-decoration:underline;
}

/*ENTORN*/
#surrounds{
width:967px;
margin:0px auto;
overflow:auto;
}

#surrounds .boxes{
width:790px;
margin:0px auto;
overflow:auto;
}


#surrounds h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#surrounds .box{
float:left;
width:159px;
height:252px;
margin:20px 16px 0px 16px;
}

#surrounds .box .top{
background-image:url(../img/bg_box_act.gif);
background-repeat:no-repeat;
background-position:left top;
height:183px;
padding-top:16px;
}

#surrounds .box .image{
width:128px;
height:128px;
overflow:hidden;
margin:0px auto;
margin-bottom:10px;
padding:0px;
}

#surrounds .box .title{
width:138px;
margin:0px auto;
}

#surrounds .box a{
font-size:12px;
}

#surrounds .box a:hover{
text-decoration:none;
}

/*DETALL ENTORN*/
#surround{
width:967px;
margin:0px auto;
overflow:auto;
}

#surround h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#FFFFFF;
}

#surround h1 span{
font-size:30px;
color:#336699;
}

#surround h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#336699;
}

#surround .images{
width:590px;
float:left;
overflow:auto;
margin-top:20px;
}

#surround .box{
float:left;
width:159px;
height:218px;
margin:0px 28px 5px 0px;
}

#surround .box .top{
background-image:url(../img/bg_box_act.gif);
background-repeat:no-repeat;
background-position:left top;
height:183px;
padding-top:16px;
}

#surround .box .image{
width:128px;
height:128px;
overflow:hidden;
margin:0px auto;
margin-bottom:10px;
padding:0px;
}

#surround .box .title{
width:128px;
margin:0px auto;
}

#surround .box a{
font-size:12px;
text-decoration:underline;
}

#surround .box a:hover{
text-decoration:none;
}

#surround .info{
float:right;
width:374px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
margin-top:20px;
}

/*ELS NOSTRES SOCIS*/
#members{
width:967px;
margin:0px auto;
overflow:auto;
}

#members .sections{
width:369px;
height:45px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#6699cc;
margin:10px 0px 15px 0px;
background-image:url(../img/members/bg_sections.gif);
background-repeat:no-repeat;
background-position:left top;
line-height:45px;
}

#members .sections a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#6699cc;
text-decoration:none;
}

#members .sections a:hover, #members .sections a.sel {
color:#FFFFFF;
}

#members .member{
width:225px;
height:155px;
border-bottom:1px solid #c0d2e4;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#00488f;
margin-top:33px;
padding-right:15px;
}

#members .member strong{
font-size:14px;
}

#members .member a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00488f;
text-decoration:underline;
line-height:15px;
}

#members .member a:hover{
text-decoration:none;
}

/*PREUS*/
#prices{
width:967px;
margin:0px auto;
overflow:auto;
}

#prices h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#prices h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#prices h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
}

#prices .head-prices{
clear:both;
margin-top:30px;
margin-bottom:15px;
}

#prices .head{
width:650px;
}

#prices .pdf{
float:right;
width:300px;
overflow:auto;
margin-bottom:-65px;
margin-top:-60px;
}

#prices .pdf a{
font-size:12px;
}

#prices .pdf img{
float:left;
margin-right:16px;
}

#prices .list-prices{
width:967px;
overflow:auto;
clear:both;
}

#prices .bar-top{
width:100%;
background-image:url(../img/bg_bar_top.gif);
background-repeat:no-repeat;
background-position:left top;
height:33px;
line-height:33px;
}

#prices .bar-top a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#FFFFFF;
display:block;
margin-left:20px;

font-weight:bold;
}

#prices .bar-top a:hover{
text-decoration:none;
}

#prices .table-prices{
padding-bottom:25px;
display:none;
}

#prices .display{
display:block;
}

#prices .list-prices table{
width:967px;
border:0px;
background-image:url(../img/bg_thead.gif);
background-repeat:no-repeat;
background-position:left top;
}


#prices .list-prices table thead th{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
height:37px;
line-height:37px;
width:auto;
padding-left:20px;
}

#prices .list-prices table thead th.tl{
text-align:left;
}

#prices .list-prices table tbody td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
text-align:center;
height:55px;
width:22%;
padding:5px 0px;
padding-left:20px;
}

#prices .list-prices table tbody td.tl{
width:34%;
text-align:left;
}

#prices .list-prices table .first{
width:5%;
padding-left:20px;
}


/*SITUACIO*/
#situation{
width:967px;
margin:0px auto;
overflow:auto;
}

#situation h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#FFFFFF;
}

#situation h1 span{
font-size:30px;
color:#336699;
}

#situation h1.google{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#336699;
line-height:32px;
}


#situation .info{
width:auto;
overflow:auto;
margin-top:25px;
}

#situation .image{
background-image:url(../img/situation/bg_map.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
}

#situation .image img{
margin:12px;
}

#situation .text{
float:left;
width:490px;
padding-top:5px;
margin-left:35px;
}

#situation .map{
margin-top:35px;
width:940px;
height:385px;
}

/*RESERVES*/
#booking{
width:840px;
margin:0px auto;
overflow:auto;
}

#booking h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#booking h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#booking h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#booking .tag{
width:100%;
padding:10px 0px;
text-align:center;
color:#FFFFFF;
font-size:14px;
background-color:#6e9fcf;
margin:12px 0px 32px 0px;
}

#booking .fields{
width:auto;
overflow:auto;
margin:25px 0px;
margin-bottom:35px;
}

#booking .field{
width:auto;
float:left;
margin-right:25px;
margin-bottom:12px;
font-size:14px;
}

#booking .checks{
width:450px;
overflow:auto;
margin-bottom:55px;
float:left;
}

#booking .check{
width:212px;
float:left;
margin:12px 0px;
font-size:14px;
}

#booking .check img{
float:left;
margin-left:10px;
margin-top:9px;
}

#booking span{
font-size:11px;
}

#booking .comments{
width:390px;
overflow:auto;
float:left;
font-size:14px;
margin-top:12px;
}

#booking .lods{
width:450px;
overflow:auto;
margin-bottom:55px;
float:left;
}

#booking .lod{
width:212px;
float:left;
margin:12px 0px;
font-size:14px;
}

#booking .lod img{
float:left;
margin-left:10px;
margin-top:9px;
}

#booking .lopd{
width:auto;
padding:25px;
line-height:24px;
color:#336699;
font-size:12px;
background-color:#e2ecf5;
margin-top:25px;
}

#booking .lopd a{
font-size:12px;
text-decoration:underline;
}

/*AGENDA*/
#diary{
width:967px;
margin:0px auto;
overflow:auto;
}

#diary h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#diary .item{
width:430px;
border-bottom: 1px solid #93b1cf;
padding:15px 10px;
margin-left:15px;
}

#diary .sel{
color:#FFFFFF;
background-color:#ff9900;
border-bottom: 1px solid #ff9900;
}

/*CONTACTE*/
#contact{
width:218px;
margin:0px auto;
overflow:auto;
margin-bottom:200px;
}

#contact h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#contact .title{
background-image:url(../img/bg_contact.gif);
background-repeat:no-repeat;
background-position:left top;
height:26px;
margin:25px 0px;
padding:4px 0px;
padding-left:40px;
}

#contact a{
font-size:12px;
text-decoration:underline;
}

#contact .title a{
text-decoration:none;
}

/*MAPA WEB*/

#webmap{
width:880px;
margin:0px auto;
overflow:auto;
}

#webmap h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#webmap a{
font-size:12px;
}

/*STANDARD*/

#standard{
width:967px;
margin:0px auto;
overflow:auto;
}

#standard h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#336699;
}

#standard a{
font-size:12px;
}

/*INPUTS*/

.select-booking{
margin-top:4px;
width:160px;
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
border:1px solid #6699cc;
}

.select-lod{
margin-top:4px;
width:160px;
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
border:1px solid #6699cc;
}

.input-date{
  margin-top:7px;
  font: 13px Arial, Helvetica, sans-serif;
  color:#000000;
  text-align:left; 
  height:16px;
  border-top:1px solid #abadb3;
  border-bottom:1px solid #e3e9ef;
  border-left:1px solid #e2e3ea;
  border-right:1px solid #dbdfe6;
  padding:2px;
  width:68px;
  display:block;
  float:left;
}

.input-lit{
margin-top:4px;
width:160px;
padding:2px;
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
float:left;
border:1px solid #6699cc;
}

.input-mid{
margin-top:4px;
width:172px;
height:29px;
padding:2px;
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
border:1px solid #6699cc;
}

.input-big{
margin-top:4px;
width:384px;
height:25px;
padding:2px;
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
border:1px solid #6699cc;
}

.ob{
border:3px solid #6699cc;
height:25px;
}

.textarea{
margin-top:4px;
width:365px;
height:172px;
padding:2px;
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
border:1px solid #6699cc;
overflow:auto;
}

.button{
font: 13px Arial, Helvetica, sans-serif;
color:#000000;
margin:0px;
padding:0px;
width:110px;
}

#actFocus, #offFocus{
border:1px solid #FFFFFF;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#336699;
width:500px;
padding:8px 0px;
}

#div-ok{
display:none;
text-align:center;
font-size:15px;
margin:20px 0px;
}

.nocor{
padding:5px 0px;
font-size:12px;
color:#999999;
}

.even{
background-color:#dee8f1;
}

.error{
background-color:#FFFFDD;
}

.error2{
color:#990000;
}


.loading{
background-image:url(../img/load.gif);
background-repeat:no-repeat;
background-position:center center;
width:60px;
}

.loading-calendar{
background-image:url(../img/load_cal.gif);
background-repeat:no-repeat;
background-position:center 25px;
width:145px;
height:105px;
margin:0px auto;
}

.clear{
clear:both;
line-height:0px;
overflow:hidden;
font-size:5px;
float:none;
}