/* CSS Document */
body{background-color:#3b3b3b; text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif; margin:0; color:#333333}
.clear{clear:both; margin:0; padding:0}
.invisible{display:none}

/*estructura*/
#capsalera{width:596px; height:64px; background-image:url(../imatges/cal-escaler_banner.jpg); margin:0 auto}
#contenidor{width:596px; height:510px; background-image:url(../imatges/cal-escaler_fons_web.jpg); margin:0 auto; text-align:left}
#superior{width:566px; height:248px; text-align:left}
#menu{position:absolute; width:172px; height:248px; border-right:1px solid #44310d}
html>body #menu{margin:0 0 0 15px}
#menu{margin:0 0 0 15px}
#imatges{position:absolute; width:393px; height:248px; background-color:#5d4100; margin:0 0 0 173px}
html>body #imatges{margin:0 0 0 188px}
#imatges{margin:0 0 0 188px}
#pagina{width:566px; height:262px; margin:0 auto; text-align:left}
#peu{width:596px; height:34px; background-image:url(../imatges/cal-escaler_peu.jpg); margin:0 auto; text-align:left}

/*divs*/
#inici_esq{position:absolute; float:left; width:387px; height:262px; text-align:left; border-right:2px solid #212121}
#inici_intro{position:absolute; width:387px; height:78px; background-color:#bb9e64}
#inici_serveis{position:absolute; width:119px; height:173px; background-color:#573c01; border-right:1px solid #212121; margin:78px 0 0 0; padding:11px 0 0 13px}
#inici_casa{position:absolute; width:254px; height:184px; background-color:#836420; margin:78px 0 0 133px}
#inici_dre{position:absolute; float:left; width:177px; height:262px; text-align:left; margin:0 0 0 389px; background-color:#a07203}
#habitacio_esq{position:absolute; float:left; width:271px; height:252px; text-align:left; background-color:#bb9e64; border-right:1px solid #212121; padding:10px 0 0 13px}
#refugi_esq{position:absolute; float:left; width:271px; height:252px; text-align:left; background-color:#bb9e64; border-right:1px solid #212121; padding:10px 0 0 13px}
#benvinguda{position:absolute; float:left; width:546px; height:260px; background-color:#bb9e64; padding:2px 10px 0 10px}
#habitacio_dre{position:absolute; float:left; width:281px; height:262px; margin:0 0 0 285px}
#habitacio_sup{width:281px; height:138px; background-image:url(../imatges/habitacions/cal-escaler_fons.jpg); border-bottom:1px solid #212121}
#habitacio_inf{width:271px; height:113px; background-color:#6f5a31; padding:10px 0 0 10px}
#refugi_dre{position:absolute; float:left; width:281px; height:262px; margin:0 0 0 285px}
#refugi_sup{width:281px; height:64px; border-bottom:1px solid #212121; background-color: #977e4c;}
#refugi_inf{width:271px; height:192px; background-color:#6f5a31; padding:5px 0 0 10px}
#activitat_esq{position:absolute; float:left; width:275px; height:242px; padding:20px 0 0 10px; background-color:#bb9e64; border-right:1px solid #212121}
#activitat_dre{position:absolute; float:left; width:280px; height:252px; margin:0 0 0 286px; padding:10px 0 0 0; background-color:#977E4C}
#entorn_esq{position:absolute; float:left; width:227px; height:247px; padding:5px 20px 10px 20px; background-color:#bb9e64; border-right:1px solid #212121; background-image:url(../imatges/entorn/fons_entorn.jpg); background-repeat:no-repeat; background-position:bottom center}
#entorn_dre{position:absolute; float:left; width:278px; height:242px; padding:10px; margin:0 0 0 268px; background-color:#977e4c}
#preu_esq{position:absolute; float:left; width:142px; height:252px; padding:10px 10px 0 10px; background-color:#816a3d; border-right:1px solid #212121}
#preu_dre{position:absolute; float:left; width:383px; height:242px; padding:10px; margin:0 0 0 163px; background-image:url(../imatges/preu/cal-escaler_fons.jpg); text-align:left}
#localitza_esq{position:absolute; float:left; width:315px; height:252px; padding:10px 0 0 10px; background-color:#bb9e64; border-right:1px solid #212121}
#localitza_dre{position:absolute; float:left; width:240px; height:252px; padding:10px 0 0 0; margin:0 0 0 326px; background-color:#977e4c}
#reserves_esq{position:absolute; float:left; width:195px; height:252px; padding:10px 10px 0 15px; background-color:#816A3D; border-right:1px solid #212121}
#reserves_dre{position:absolute; float:left; width:345px; height:252px; padding:10px 0 0 0; margin:0 0 0 221px; background-color:#BB9E64}
#contacta_esq{position:absolute; float:left; width:265px; height:252px; padding:10px 15px 0 15px; background-image:url(../imatges/contacta/cal-escaler_fons.jpg); border-right:1px solid #212121}
#contacta_dre{position:absolute; float:left; width:240px; height:252px; padding:10px 15px 0 15px; margin:0 0 0 296px; background-color:#977e4c}

/*llistes*/
ul.ul_menu{margin:0; padding:0}
ul.ul_menu li{width:172px; height:27px; list-style:none; line-height:27px}
ul.ul_menu li.primer{border-top:5px solid #593b01;}
ul.ul_nums{margin:10px 0 0 354px; padding:0; width:38px; height:235px}
ul.ul_nums li{float:left; list-style:none; width:13px; margin:0 4px 2px 0}
ul.ul_casa{margin:5px 0 0 5px; padding:0; width:244px}
ul.ul_casa li{float:left; list-style:none; width:112px; margin:0 0 3px 0; background-image:url(../imatges/punters/cal-escaler_punter1.jpg); background-position:left; background-repeat:no-repeat; padding:0 0 0 10px; color:#FFFFFF}
ul.ul_banners{margin:5px 0 0 8px; padding:0}
ul.ul_banners li{list-style:none; width:98px; height:73px; margin:8px 0 0 0;}
ul.ul_habitacions1{margin:2px 0 0 0; padding:0; width:265px; height:30px}
ul.ul_refugi2{margin:0 0 0 20px; padding:5px 0 0 0; _margin:5px 0 0 15px; _padding:0; width:265px; height:64px; _height:59px;}
ul.ul_refugi2 li{ float:left; width:75px; height:18px; font-weight:bold; font-size: 11px; background:url(../imatges/punters/cal-escaler_punter4.jpg) no-repeat left; padding:0 0 0 10px;list-style: none;}
ul.ul_habitacions1 li{float:left; list-style:none; width:27px; height:27px; margin:0 9px 0 0}
ul.ul_refugi1{margin:0; margin-top:10px; padding:0;}
ul.ul_refugi1 li{list-style: none; float:left; margin-left:5px; margin-top:2px;}
ul.ul_habitacions1 li.nomargin{margin:0}
ul.ul_habitacions2{position:absolute; margin:10px 0 0 10px; padding:0; width:265px; height:30px}
ul.ul_habitacions2 li{list-style:none; background-image:url(../imatges/punters/cal-escaler_punter4.jpg); background-repeat:no-repeat; background-position:left; padding:0 0 0 10px; margin:0 0 5px 0; font-weight:bold}
ul.ul_activitats{margin:0; padding:0; width:225px}
ul.ul_activitats li{float:left; width:110px; height:110px; list-style:none; text-align:left; margin:0 2px 0 0}
ul.ul_entorn{margin:2px 0 0 0; padding:0; width:275px; height:30px}
ul.ul_entorn li{float:left; list-style:none; width:27px; height:27px; margin:0 6px 0 0}
ul.ul_entorn li.nomargin{margin:0}
ul.ul_preus1{position:absolute; margin:65px 0 0 2px; padding:0}
ul.ul_preus1 li{list-style:none; width:165px; height:27px; margin:0 0 8px 0}
ul.ul_preus2{position:absolute; margin:55px 0 0 175px; padding:0}
ul.ul_preus2 li{list-style:none; width:100px; height:27px; margin:0 0 8px 0; text-align:center; font-weight:bold; line-height:30px}
ul.ul_preus2 li.li_no_line{line-height:normal; font-weight:normal}
ul.ul_preus3{position:absolute; margin:55px 0 0 280px; padding:0}
ul.ul_preus3 li{list-style:none; width:110px; height:27px; margin:0 0 8px 0; text-align:center; font-weight:bold; line-height:30px}
ul.ul_preus3 li.li_no_line{line-height:normal; font-weight:normal}
ul.ul_localitza{margin:0; padding:0; width:200px}
ul.ul_localitza li{list-style:none; background-image:url(../imatges/punters/cal-escaler_punter5.jpg); background-position:left top; background-repeat:no-repeat; width:180px; padding:0 0 0 15px; margin:0 0 10px 0}

/*paràgrafs*/
p{line-height:13px;}
p.p_intro{position:absolute; width:262px; height:40px; margin:12px 0 0 115px; text-align:justify}
p.p_intro2{position:absolute; width:253px; height:15px; margin:53px 0 0 119px; padding:0 5px 0 0; text-align:right; line-height:15px; background-image:url(../imatges/inici/cal-escaler_degradat.jpg)}
p.p_gris{color:#CCCCCC; margin:10px 0 0 0}
p.p_peu{width:550px; height:15px border:1px solid #FF0000; margin:0 0 0 0; padding:5px 0 0 38px}
p.p_habitacio{width:261px; text-align:justify; color:#CCCCCC; margin:5px 0}
p.p_centre{text-align:center; margin:0}
p.p_justificat{text-align:justify}
p.p_gris_j{text-align:justify; color:#333333; margin:0 0 3px 0}
p.p_blanc_j{text-align:justify; color:#FFFFFF}
p.p_activitats{width:250px; text-align:justify; color:#333333; margin:5px 0 0 12px}
p.p_preus1{text-align:justify; margin:5px 0 0 0; height:100px}
p.p_preus2{text-align:center; margin:3px 0 0 42px; width:57px; height:17px; line-height:15px; padding:0; background-image:url(../imatges/preu/cal-escaler_preu_oferta.jpg); background-repeat:no-repeat; color:#CCCCCC}
p.p_reserves{width:130px; float:left; margin:3px 0 0 33px; padding:0}
p.p_reserves2{width:300px; text-align:justify; margin:0 0 0 15px; padding:0}
p.p_reserves3{position:absolute; width:380px; text-align:left; margin:230px 0 0 0; padding:0}
p.p_contacta{width:115px; float:left; margin:0 0 2px 0}
p.p_mig{margin:-5px 0 0 0}


/*títols*/
h1{display:none}
h2.h2_1{font:17px "Century Gothic", "Lucida Console", Verdana; color:#FFFFFF; margin:0; padding:0; line-height:17px}
h2.h2_2{font:17px "Century Gothic", "Lucida Console", Verdana; color:#FFFFFF; margin:0; padding:0; line-height:23px; width:244px; height:23px; background-image:url(../imatges/inici/cal-escaler_fons.jpg); padding:0 0 0 10px}
h2.h2_habitacions1{width:230px; font-size:14px; font-weight:bold; padding:0 0 0 15px; margin:0; background-image:url(../imatges/punters/cal-escaler_punter3.jpg); background-position:left; background-repeat:no-repeat}
h2.h2_refugi1{width:230px; font-size:14px; font-weight:bold; padding:0 0 0 15px; margin:0; background-image:url(../imatges/punters/cal-escaler_punter3.jpg); background-position:left; background-repeat:no-repeat}
h2.h2_habitacions2{width:250px; font-size:14px; font-weight:bold; margin:0; color:#CCCCCC}
h2.h2_refugi2{width:250px; font-size:14px; font-weight:bold; margin:0; color:#CCCCCC}
h2.h2_activitats1{width:95px; height:40px; text-align:left; color:#262626; margin:3px 0 0 0; font-size:10px}
h2.h2_activitats2{width:250px; text-align:left; color:#262626; margin:5px 0 0 12px; font-size:10px; text-transform:uppercase}
h2.h2_preus1{width:142px; height:25px; text-align:left; color:#262626; margin:3px 0 0 0; font-size:10px; text-transform:uppercase; color:#CCCCCC}
h2.h2_preus2{position:absolute; width:125px; height:38px; font-size:9px; margin:15px 0 0 180px}
h2.h2_preus3{position:absolute; width:125px; height:38px; font-size:9px; margin:11px 0 0 282px}
h2.h2_preus4{position:absolute; width:150px; font-size:9px; margin:15px 0 0 20px;}

/*enllaços*/
a{outline:none;}
a.amenu{display:block; width:147px; height:27px; background-image:url(../imatges/cal-escaler_menu1a.jpg); background-repeat:no-repeat; padding:0 0 0 25px; color:#999999; text-decoration:none; margin:0 0 -3px 0}
a.amenu:hover{background-image:url(../imatges/cal-escaler_menu2a.jpg)}
a.amenu_sel{display:block; width:147px; height:27px; background-image:url(../imatges/cal-escaler_menu2a.jpg); background-repeat:no-repeat; padding:0 0 0 25px; color:#999999; text-decoration:none; margin:0 0 -3px 0}
a.a_blanc{color:#FFFFFF; text-decoration:none}
a.a1{color:#333333; text-decoration:none}
a.a1:hover{color:#FFFFFF}
a.a2{color:#4B3B18; text-decoration:none; margin-top:2px; display:block}
a.a2:hover{color:#262626}
a.a2sel{color:#262626; text-decoration:none;margin-top:2px; display:block}
a.thaira{color:#FF6600; text-decoration:none}
a.thaira:hover{color:#FF9900}

/*imatges*/
img{border:none}
img.img_ppal{position:absolute; display:block; width:340px; height:235px; border:2px solid #323232; margin:4px 0 0 5px}
img.img_intro{position:absolute; display:block; width:98px; height:50px; border:1px solid #FFFFFF; margin:12px 0 0 8px}
img.img_servei{position:absolute; display:block; width:80px; height:60px; border:1px solid #FFFFFF; margin:12px 0 0 12px}
img.img_marro{border:1px solid #312300}
img.img_habitacio{width:257px; height:188px; border:1px solid #675838; margin:5px 0 0 0}
img.img_blanc{border:1px solid #FFFFFF}

/*label*/
label{display:block; width:100px; float:left; margin-bottom:4px; padding:0 0 0 15px; font-size:10px; color:#333333; text-align:left}

/*span*/
span.span_blanc{color:#FFFFFF}

/*input*/
input{display:block; width:210px; float:left; margin-bottom:4px; font-size:10px; color:#727272; border:1px solid #593b01}
input.curt{width:20px}
input.mig{width:110px}

/*textarea*/
textarea{display:block; width:210px; height:50px; float:left; margin-bottom:4px; font-size:12px; color:#727272; border:1px solid #593b01}

/*button*/
input.boto{float:left; width:57px; height:17px; background-image:url(../imatges/reserves/cal-escaler_boto.jpg); text-align:center; margin:0 0 0 58px; border:none}
html>body input.boto{margin:0 0 0 115px}
input.boto2{float:left; width:57px; height:17px; background-image:url(../imatges/contacta/cal-escaler_boto.jpg); text-align:center; margin:0; border:none}

/*scroll*/
.root {position:relative; height:200px;	width:270px; margin:0px 0px 8px 7px}/*width : aix� �s la difer�ncia amb el scrollcontainer perqu� c�piga el scroll = 139px*/
.root2 {position:relative; height:200px; width:220px; margin:0px 0px 8px 7px}
.thumb {position:absolute; height:9px; width:15px; left:10px}
.up, .dn {position:	absolute; left:	10px}
.up a, .up a img, .dn a, .dn a img, .thumb a, .thumb a img{border:0}
.scrollContainer {position:absolute; left:2px; top:19px; width:59px; height:200px; clip:rect(0, 467, 200, 0); overflow:auto}
.scrollContent {position:absolute; left:0px; top:0px; width:100px}