/***** General ****/
body, html {
height:100%;
}
body {
background-color: #fff;
color:#000;
text-align:center;
font-family: Arial, sans-serif;
font-size:10px;
}
#distance { 
	width:1px;
	height:50%;
	margin-bottom:-260px; /* half of container's height */
	float:left;
}
#wrapper {
clear:left;
width:750px;
height:520px;
margin:0 auto;
text-align:left;
}
span {
visibility:hidden;
}
a {
color:#000;
text-decoration:none;
}
/**** Fi general ****/

/**** Cap ****/
div#cap {
float:left;
width:100%;
}

/**** Logo *****/
div#cap div#logo {
float:left;
width:335px;
height:85px;
background-image: url('/imatges/logo.png') !important;
background-image: none; 
background-repeat: no-repeat; 
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imatges/logo.png'); 
}
div#cap div#logo h1 a{
width:335px;
height:85px;
float:left;
display:block;
}
/**** Fi logo *****/

/**** Menu *****/
div#cap div#menu {
float:left;
clear:both;
width:100%;
}

div#cap div#menu ul.menu {
background-color:#B8B6A1;
position:absolute;
z-index:100;
}
div#cap div#menu ul li {
display:inline;
}
div#cap div#menu ul li a{
float:left;
height:38px;
}
div#cap div#menu li#inici a{
width:85px;
background: transparent url('/imatges/menu/menu_01.gif') top left no-repeat;
}
div#cap div#menu li#casa a{
width:104px;
background: transparent url('/imatges/menu/menu_02_doble.gif') top left no-repeat;
}
div#cap div#menu li#casa a:hover {
background-position:bottom left;
}
div#cap div#menu li#entorn a{
width:121px;
background: transparent url('/imatges/menu/menu_03_doble.gif') top left no-repeat;
}
div#cap div#menu li#entorn a:hover{
background-position:bottom left;
}
div#cap div#menu li#activitats a{
width:123px;
background: transparent url('/imatges/menu/menu_04_doble.gif') top left no-repeat;
}
div#cap div#menu li#activitats a:hover {
background-position:bottom left;
}

div#cap div#menu li#areareservada a{
width:317px;
position:relative;
z-index:50;
background: transparent  url('/imatges/menu/menu_05_doble.gif') top left no-repeat;
}


div#cap div#menu li#areareservada ul li {
width:130px;
}

div#cap div#menu li#areareservada a:hover{
background-position:bottom left;
z-index:70;
}

div#menu {
    clear:both;
    width:540px;
    margin:0 auto;
}
div#menu li { /* all list items */
    float: left;
    position: relative;
    text-align:center;
    line-height:15px;
}
div#menu a{
    display:block;
}
div#menu li a:hover {
    background-color:rgb(255,0,255);
    color:white;
}
div#menu li:hover ul, div#menu li.hover ul { /* lists nested under hovered list items */
    display: block;
	margin-top:21px;
    clear:left;
    padding:3px;
}

div#menu li ul { /* second-level lists */
    display: none;
    position: absolute;
    clear:left;
    top: 1.65em;
    left: 0;
}

div#menu ul li ul li {
    text-align:left;
    clear:left;
}
div#cap div#menu a.link_menu{
	display:block !important;
	float:none !important;
	background:none !important;
	height: 19px !important;
	margin-left:5px;
}

div#cap div#menu a.link_menu:hover{
	font-weight:bold;
}

/**** Fi Menu *****/

/**** Fi cap ****/

/**** Cos *****/
div#cos {
float:left;
clear:both;
width:100%;
height:377px;
}
/**** Pal *****/
div#cos div#pal {
float:right;
height:431px;
width:150px;
background-image: url('/imatges/pal.png') !important;
position:relative;
right:20px;
top:-54px;
z-index:0;
text-align:center;
}

div#cos div#pal p {
margin:0 auto;
font-weight:bold;
}

div#cos div#pal p#pal_primer_text{
margin-top:73px;
height:63px;
width:150px;
font-size:13px; color:#66FF33;

}

div#cos div#pal p#pal_segon_text{
margin-top:5px;
width:112px;
height:175px;
}
div#cos div#pal p#pal_temps{
margin-top:12px;
width:137px;
height:47px;
cursor:pointer;
}

* html #pal_temps{
margin-top:1px;
width:137px;
height:47px;
cursor:pointer;
}
div#cos div#pal p#pal_temps.sol{
background: transparent url('/imatges/temps/sol.jpg') top left no-repeat;
}
div#cos div#pal p#pal_temps.boira{
background: transparent url('/imatges/temps/boira.jpg') top left no-repeat;
}
div#cos div#pal p#pal_temps.variable{
background: transparent url('/imatges/temps/variable.jpg') top left no-repeat;
}
div#cos div#pal p#pal_temps.pluja{
background: transparent url('/imatges/temps/pluja.jpg') top left no-repeat;
}

* html .vent{
background: transparent url('/imatges/temps/vent.jpg') top left no-repeat;
cursor:pointer;
}
div#cos div#pal p#pal_temps.vent{
background: transparent url('/imatges/temps/vent.jpg') top left no-repeat;
}

div#cos div#pal p#pal_activitats{
margin-top:10px;
width:100px;
}
div#cos div#pal p#pal_solicitar{
padding-top:13px;
}

* html div#cos div#pal p#pal_solicitar {
margin-top:-15px;
line-height:20px;
width:120px;
}

div#cos div#pal h2 {
color:white;
font-weight:bold;
}
div#cos div#pal h2.ocupacio {
font-size:4em;
}
div#cos div#pal h2.activitats{
margin-top:8px;
font-size:1.7em;
}

/**** Slideshow ****/

div#cos div#pal div#slideshow {
width:94px;
height:65px;
padding-bottom:3px;
}
div#cos div#pal div#slideshow.innerfade {
padding-bottom:3px;
}

* html #slideshow {
margin-left:-50px;
width:95px;
height:65px;
}

div#cos div#pal div#slideshow img{
width:95px;
height:65px;
margin-left:27px;
padding-top:15px;
cursor:pointer;
}

/**** Fi Slideshow ****/

/**** pal afegit pos absolutes *****/

div#meteo {position:absolute; top:195px; left:0px; width:150px}
div#actdestacada {position:absolute; top:255px; left:10px; width:130px}
div#solicitarplaces {position:absolute; top:330px; left:0px; width:150px}

/**** fi pal afegit pos absolutes *****/



/**** Fi pal *****/

/**** Contingut*****/
div#cos div#contingut {
float:left;
width:570px;
height:100%;
}
/********Habitacions***********/
div#cos div#contingut div#info_habitacio{
float:center;

background:url('/imatges/fondohab.png');
font-size:11px;
padding:12px 20px 10px 30px;
width:360px;
height:53px;
margin-left:330px;
margin-top:-115px;
margin-bottom:400px;

color:#000;
border: 0px solid #894c37;

}





/**** Activitats *****/
div#cos div#contingut div#llista_activitats{
float:left;
margin-top:30px;
width:590px;
height:347px;
}

* html div#cos div#contingut div#llista_activitats{
float:left;
margin-top:25px;
width:590px;
height:347px;
}
div#cos div#contingut div#explicacio{
float:left;
width:142px;
height:377px;
}

div#cos div#contingut div#activitats_poble div#explicacio {
background: transparent url('/imatges/activitats_poble.png') bottom left no-repeat;
}

div#cos div#contingut div#llista_activitats div.activitat{
border: 1px solid #B8B6A1;
width:490px;
height:56px;
background-color:white;
margin:0 auto;
margin-bottom:7px;
color:#000;
}


div#cos div#contingut div#llista_activitats div.activitat_extesa{
border: 1px solid #B8B6A1;
padding:5px;
width:480px;
height:320px;
background-color:white;
margin:0 auto;
margin-bottom:7px;
color:#000;
}

div#cos div#contingut div#llista_activitats div.activitat h3{
font-weight:bold;
font-size:1.1em;
background-color:#B8B6A1;
padding:2px 10px;
float:left;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa h3{
font-weight:bold;
font-size:1.1em;
background-color:#B8B6A1;
padding:2px 10px;
float:left;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa h3.titol {
font-size:16px; 
font-weight:bold; 
background:url('/imatges/fons_titol.png') no-repeat; 
padding-right:10px;
color:#464d3b; 
width:auto; 
padding-left:10px;
margin-left:5px;
margin-top:0px;
}

div#cos div#contingut div#llista_activitats div.activitat div.esquerra_activitat{
width:390px;
float:left;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.esquerra_activitat{
width:490px;
float:left;
}

div#cos div#contingut div#llista_activitats div.activitat div.esquerra_activitat p{
float:left;
margin-left:10px;
padding-top:4px;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.esquerra_activitat p{
float:left;
margin-left:10px;
padding-top:4px;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.esquerra_activitat p.nou{
float:left;
margin-left:10px;
padding-top:4px;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.esquerra_activitat img {
float:right;
margin-right:2px;
padding-top:2px;
}

div#cos div#contingut div#llista_activitats div.activitat div.dreta_activitat {
float:right;
width:85px;
height:54px;
padding-top:1px;
margin-right:1px;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.dreta_activitat {
float:right;
width:85px;
height:54px;
padding-top:1px;
margin-right:1px;
}

div#cos div#contingut div#llista_activitats div.activitat div.dreta_activitat a{
float:left;
margin-top:43px;
width:11px;
margin-right:3px;
background: transparent url('/imatges/mes.jpg') top left no-repeat;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.dreta_activitat a{
float:left;
margin-top:43px;
width:11px;
margin-right:3px;
background: transparent url('/imatges/mes.jpg') top left no-repeat;
}

div#cos div#contingut div#llista_activitats div.activitat div.dreta_activitat a.mr{
float:left;
margin-top:41px;
width:11px;
margin-right:3px;
background: transparent url('/imatges/mes.jpg') top left no-repeat;
}

div#cos div#contingut div#llista_activitats div.activitat_extesa div.dreta_activitat a.mr{
float:left;
margin-top:41px;
width:11px;
margin-right:3px;
background: transparent url('/imatges/mes.jpg') top left no-repeat;
}

div#cos div#contingut div#llista_activitats div.activitat div.dreta_activitat img{
float:right; 
}


div#cos div#contingut div#llista_activitats div.activitat_extesa div.dreta_activitat img{
float:right;
}

/**** Paginacio ****/
div#cos div#contingut div#llista_activitats div.paginacio{
border: 1px solid #B8B6A1;
width:490px;
height:13px;
background-color:white;
margin:0 auto;
margin-bottom:7px;
color:#000;
text-align:center;
}

div#cos div#contingut div#llista_activitats div.tornar_enrere{
border: 1px solid #B8B6A1;
width:490px;
height:13px;
background-color:white;
margin:0 auto;
margin-bottom:7px;
color:#000;
text-align:center;
}
div#cos div#contingut div#llista_activitats div.paginacio a{
    font-size:1.1em;
}

div#cos div#contingut div#llista_activitats div.paginacio a.link_pagina_actual {
    font-weight:bold;
}
/**** Fi paginacio ****/
/**** Fi Activitats *****/

/**** AreaReservada ****/
div#entrar_areareservada {
    height:300px;
}
div#cos div#contingut div#entrar_areareservada {
float:left;
margin-top:30px;
width:590px;
padding-left: 30px;

background-image: url('/imatges/fons_formulari.png') !important;
background-image: none; 
background-repeat: no-repeat; 
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imatges/fons_formulari.png'); 
}
div#cos div#contingut div#entrar_areareservada h3 { /* titol */
    font-size:2em;
    margin-top:60px;
    margin-left:180px;
    width:170px;
    font-weight:bold;
    color:rgb(76,148,51);
}

div#cos div#contingut div#entrar_areareservada p {
width:170px;
margin-left:180px;
padding:0px;
padding-top:3px;
padding-bottom:3px;
}

div#cos div#contingut div#entrar_areareservada form {
width:170px;
margin-left:180px;
}

div#cos div#contingut div#entrar_areareservada li.item_formulari {
text-align:left;
}
div#cos div#contingut div#entrar_areareservada li.item_formulari input {
border:none;
width:155px;
}

div#cos div#contingut div#entrar_areareservada li.boto_formulari input {
    background-color:rgb(76,148,51);
    border-style:none;
    float:right;
    color:rgb(255,255,255);
    margin-top:3px;
    margin-bottom:3px;
    margin-right:15px;
    font-size:1em;
}
/**** Fi AreaReservada ****/

/**** Solicitar places ****/

div#cos div#contingut div#solicitar_places {
background-image: url('/imatges/fons_solicitud.png') !important;
background-image: none; 
background-repeat: no-repeat; 
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imatges/fons_solicitud.png'); 

float:left;
height:340px;
width:560px;
padding-left: 10px;
}

div#cos div#contingut div#solicitar_places p {
margin-left:70px;
padding:0px;
padding-top:3px;
padding-bottom:3px;
}

div#cos div#contingut div#solicitar_places form {
    margin-left:50px;
    margin-top:30px;
}
div#cos div#contingut div#solicitar_places form#formulari_solicitud li.item_formulari_contenidor {
display:inline;
font-size:10px;
margin:0px;
}
div#cos div#contingut div#solicitar_places form#formulari_solicitud div.item_formulari_titol {
float:left;
font-weight: bold;
width:120px;
display:inline;
padding-top:2px;
}
div#cos div#contingut div#solicitar_places form#formulari_solicitud div.item_formulari {
display:inline;
padding:2px;
margin:0px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud div.item_formulari input{
display:inline;
border-style:none;
width:300px;
margin:1px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud div.item_formulari_curt input{
display:inline;
border-style:none;
width:138px;
margin:1px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud div.item_formulari_moltcurt input{
display:inline;
border-style:none;
width:40px;
margin:1px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud div.item_formulari textarea{
display:inline;
border-style:none;
width:300px;
margin:1px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud ul.subllista_formulari li {
display:inline;
padding:0px;
margin:0px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud ul.subllista_formulari li.camp_formulari_calendari input {
display:inline;
width:115px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud ul.subllista_formulari input {
display:inline;
vertical-align:middle;
width:15px;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud li.boto_formulari_calendari {
display:inline;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud li.boto_formulari_calendari input {
    display:inline; 
    width:70px;
    background-color:rgb(76,148,51);
    border-style:none;
    color:rgb(255,255,255);
    font-size:1em;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud div.boto_formulari input:disabled {
    display:inline; 
    width:70px;
    margin-right:0px;
    background-color:rgb(128,199,102);
    border-style:none;
    float:right;
    color:rgb(240,240,240) ;
    font-size:1em;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud div.boto_formulari input{
    display:inline; 
    width:70px;
    margin-right:0px;
    background-color:rgb(76,148,51);
    border-style:none;
    float:right;
    color:rgb(255,255,255);
    font-size:1em;
}

div#cos div#contingut div#solicitar_places table td.boto_formulari input:disabled {
    display:inline; 
    width:70px;
    margin-right:0px;
    background-color:rgb(128,199,102);
    border-style:none;
    float:right;
    color:rgb(240,240,240) ;
    font-size:1em;
}

div#cos div#contingut div#solicitar_places table td.boto_formulari input{
    display:inline; 
    width:70px;
    margin-right:0px;
    background-color:rgb(76,148,51);
    border-style:none;
    float:right;
    color:rgb(255,255,255);
    font-size:1em;
}

div#cos div#contingut div#solicitar_places form#formulari_solicitud table td.camp input, textarea{
display:inline;
border:0px solid white;
width:300px;
margin:1px;
}
div#cos div#contingut div#solicitar_places form#formulari_solicitud table td.camp2 input{
display:inline;
border:0px solid white;
width:100px;
margin:1px;
}
div#cos div#contingut div#solicitar_places form#formulari_solicitud table td.etiq{
font-weight:bold;
}
/**** Fi Solicitar places ****/

/**** Fi Contingut *****/
/**** Fi cos ****/

/**** Peu *****/
div#peu {
clear:both;
width:100%;
text-align:center;
background-color:#B8B6A1;
}
* html div#peu {  
margin-top:-54px;
}
div#peu p{
padding:2px;
}
/**** Fi peu ****/


/*** estils nous ***/

.error {color:#930000}

/**** Area reservada dins *****/
div#cos div#contingut div#areareservada_dins{
float:left;
margin-top:20px;
width:590px;
height:347px;
}

div#cos div#contingut div#areareservada_dins div.content{
border: 1px solid #B8B6A1;
width:520px;
height:290px;
background-color:white;
margin:0 auto;
margin-bottom:7px;
color:#000;
padding:10px;
overflow:auto;
}



div#cos div#contingut div#areareservada_dins div.content h3 {font-size:16px; font-weight:bold; background:url('/imatges/fons_titol.png') no-repeat; ;padding-right:30px ; color:#464d3b; width:auto; padding-left:10px; border-collapse:separate; border-spacing:1;}
div#cos div#contingut div#areareservada_dins div.content table.ar_resultats {background:#999999; font-size:10px; spacing:4px}
div#cos div#contingut div#areareservada_dins div.content table.ar_resultats td {background:#ffffff; padding:5px;}
div#cos div#contingut div#areareservada_dins div.content table.ar_resultats td.etiq {text-align:right; background:#dddbc4; font-weight:bold}
div#cos div#contingut div#areareservada_dins div.content table.ar_resultats td.tit {background:#dddbc4; font-weight:bold}

div#cos div#contingut div#areareservada_dins ul {margin-left:24px;}
div#cos div#contingut div#areareservada_dins ul li {float:left; background:#dddbc4; margin:2px; padding:4px 7px; font-size:11px}
div#cos div#contingut div#areareservada_dins ul li.act { background:#adab94; }

input {font-size:11px}

div#info_habitacio span {
visibility:visible;
}