* { margin:0px; padding:0px; }
html { overflow-x:hidden; }
body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; background:#2b2b2b url('../img/0100_bg.gif') repeat-y top left; font-size:12px; line-height:16px; }
input,textarea { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px;  color:#6a6969; }
img { border:0px; }
ul, ul li { list-style:none; padding:0px; font-size:11px; }
h1, h2, h3, h4, h5, p { font-weight:normal; font-size:11px; }
a { text-decoration:none; color:#6a6969; }
a:hover { text-decoration:underline; }

.clear { clear:both; }

div#wrapper-wp { width:970px; float:left; }

div#bg_left { width:56px; float:left; min-height: 500px; height: auto !important; height: 500px; }
div#wrapper { float:left; width:777px; }
div#l_hdr { width:611px; float:left; height:67px; background:url('../img/00-bg-logo.gif') no-repeat top left; padding:24px 0 0 27px; }
div#r_hdr { width:139px; float:left; height:67px; background:url('../img/00-bg-muji.gif') no-repeat top right; padding-top:24px; }

div#menu { width:769px; float:left; height:22px; background:#000; padding:6px 0 0 13px; }
div#menu ul li { display:inline; padding-left:15px; color:#7863ce; }
div#menu ul li a { color:#808080; padding-right:15px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }
div#menu ul li a:hover,div#menu ul li a.act { color:#d3d2d2; padding-right:15px; text-decoration:none; }


div#content { width:777px; float:left;  min-height: 860px; height: auto !important; height: 860px; }
div#content.con { background:#757575 url('../img/0100-bg-content.jpg') no-repeat bottom left; }
div#content.dud { background: #000 url('../img/0101-bg-content.jpg') no-repeat top left; }
div#content.bgbcn { background: #000 url('../img/0104-bg-content.jpg') no-repeat top left; }

div#peu { float:left; width:777px; height:49px; background:url('../img/00-peu-r.gif') no-repeat top right; }
div#peu-l { float:left; width:580px; height:30px; background:url('../img/00-peu-l.gif') no-repeat top left; padding:19px 0 0 143px;}
div#peu-l ul li { display:inline; padding-left:15px; color:#7863ce; }
div#peu-l ul li a { color:#a3a2a2; padding-right:15px; }

div#titular_full { width:732px; padding:5px 0 7px 45px; border-top:1px solid #000; border-bottom:1px solid #000; float:left; margin-top:27px; }
div#conocenos { width:416px; padding:22px 0 0 45px; float:left; }
div#conocenos p { padding-bottom:20px; }
a#con_bt_res { float:right; padding:21px 104px 0 0; }

div#bar_whotells { width:131px; height:233px; background:url('../img/00_barh_bg.png') no-repeat top left; z-index:-1; position:absolute; top:91px; left:839px; }
div#bar_whotells-int { float:left; width:131px; height:233px;  margin-top:91px;  } 
div#bar_whotells-int div { padding:14px 0 17px 14px; height:43px; float:left; width:95px; }


/*FAQS*/
div#faqs { float:left; width:390px; padding:7px 0 40px 27px; }
div#faqs div#titular { float:left; width:371px; height:56px; background:url('../img/0102-faqs-tll.gif') repeat-x top left; padding:26px 0 0 19px;}
div#faqs div.quest { width:374px; padding:15px 0 15px 16px; float:left; margin-top:10px; background:#fff; }
div#faqs div.quest p { width:355px; float:left; color:#838383; font-size:11px; }
div#faqs div.quest p a { color:#604daa; text-decoration:underline; }
div#faqs div.quest p a:hover { text-decoration:none; }
div#faqs div.quest p strong {color:#604daa; }
div#faqs div.quest h2 { width:355px; float:left; color:#000; font-size:11px; font-weight:bold; padding-bottom:5px; }


/*BARCELONA*/
div#barcelona { float:left; width:452px; padding:7px 0 40px 27px; margin-top:24px; }
div#barcelona div#titular { float:left; width:406px; background:#fff url('../img/0104-bcn-tll.gif') repeat-x top left; padding:26px 0 0 19px;}
div#barcelona div#titular p { padding:22px 0 20px 0; width:366px; color:#646464; }
div#barcelona div.item { margin-top:29px; float:left; width:425px; background:url('../img/0104-bcn-itbg.gif') repeat-y top left; }
div#barcelona div.item img { float:left; padding:6px; }
div#barcelona div.item p { padding:18px 0 0 20px; float:left; line-height:21px; }
div#barcelona div.item p strong { color:#fff; font-size:13px; }
div#barcelona div.item p a { color:#000; text-decoration:underline; }
div#barcelona div.item p a:hover { color:#000; text-decoration:none; }

/*MUJI*/
div#content.muji_bg { background-image:none; background:#fff; }
div#muji { float:left; width:777px;  }
div#muji div#player { width:777px; height:669px;  }  
div#muji div#info { width:426px; float:left;  padding-left:45px; padding-bottom:30px;}
div#muji div#info h3 { font-size:16px; color:#6a54be; padding:36px 0 0 0; }
div#muji div#info h4 {  width:213px; float:left; font-size:12px; color:#838383; padding:25px 0 0 0; line-height:18px; }
div#muji div#info h4 span { background:#6a54be; color:#fff;  font-size:13px; padding:0 2px 0 2px;}
/*END MUJI*/

/*WHOTELLS*/
div#whotells { width:777px; float:left; background:#fff; min-height: 860px; height: auto !important; height: 860px; }	
div#whotells div#left { width:120px; float:left; min-height: 860px; height: auto !important; height: 860px; }

div#whotells div#left div#num { height:63px; width:105px; float:left; padding:34px 0 0 15px;}
div#whotells div#left ul li { float:left; width:102px; height:38px; padding:19px 0 0 17px; font-size:10px; font-weight:bold; }
div#whotells div#left ul li a { color:#fff; }
div#whotells div#left ul li a:hover, div#whotells div#left ul li a.act { color:#000; text-decoration:none; }
div#whotells div#top { width:640px; float:left; padding:25px 0 35px 17px; }
div#whotells div#top h1{ display:none; }
div#whotells div#top a { float:left; padding:10px 0 0 0; }
div#whotells div#top a#open_res { float:right; padding:0 36px 0 0; cursor:pointer; }
div#whotells div#ubicacion { padding-bottom:20px; }
div#whotells div#ubicacion div#img { float:left; border-top:1px solid black; border-bottom:1px solid black; }
div#whotells div#ubicacion div#img img { float:left; } 
div#whotells div#ubicacion div#titular { float:left; padding:8px 0 11px 40px; border-bottom:1px solid #000; width:617px; }
div#whotells div#ubicacion p { color:#6a6969; width:374px; padding:18px 0 0 40px; float:left; font-size:11px; line-height:16px; }
div#whotells div#ubicacion p a { text-decoration:underline; }
div#whotells div#ubicacion p a:hover { text-decoration:none; }
div#whotells div#ubicacion div#player { width:657px; height:502px; float:left;  }
div#whotells div.ttab { padding-bottom:20px; }
div#whotells div.ttab div#img { float:left; border-top:1px solid black; border-bottom:1px solid black; }
div#whotells div.ttab div#img img { float:left; } 
div#whotells div.ttab div#titular { float:left; padding:8px 0 11px 40px; border-bottom:1px solid #000; width:617px; }
div#whotells div.ttab p { color:#6a6969; width:374px; padding:18px 0 0 40px; float:left; font-size:11px; line-height:16px; }
div#whotells div.ttab p a { text-decoration:underline; }
div#whotells div.ttab p a:hover { text-decoration:none; }
div#whotells div.ttab div#player { width:657px; height:502px; float:left;  }

/* 
Pagines de contingut noves 
--------------------------------------------------------------------
*/

div.ctext {  padding: 22px; color:#666; width:410px; float:left; }
div.ctext h1 { padding:8px; margin-top:10px;margin-bottom:10px; font-size:13px; color:#ff5120 }
div.ctext b { color:#eaeaea }
div.ctext h4 { padding:2px; margin:6px; background-color:#000; color:#ff5120; margin-top:20px }
div.ctext p a {  color:#ff5120}
div.ctext p { margin:8px; color:#999 }
div.ctext p.apart { background-color:#333; padding:7px }
div.ctext p.apart b a {}

div.clate { padding:10px; float:left; width:260px; margin-top:22px; }
div.clate p {  padding:12px; background-color:#fff; padding-top:14px; }
div.clate p span.tit {  color: #265a3f; font-weight:bold; font-size:12px; display:block }
div.clate p a { color:#ff5120 }

/*
LLISTA APARTAMENTS
----------------------------------------------------------------------
*/
div.llista_apart { float:left; padding:20px; width:617px; border-bottom:1px solid #666; 
    padding-bottom:30px; background-color:#fff;}
div.llista_apart h2 { font }
div.llista_apart img { float:left; margin-right:20px; }
div.llista_apart div.llista_ct { float:left; width:380px; margin-top:10px; color:#777; font-size:11px; } 
div.llista_apart h2 { font-size:12px; color:#3d3c3c; padding-left:12px; }
div.llista_apart h2 a { background-color:#000; color:#507fce; padding:0 3px 0 3px; }
div.llista_apart h2 a span { color:#fff; }
div.llista_apart h2 strong { font-weight:normal; color:#507fce; }
div.llista_apart a.btinfo { margin-top:10px; float:left; font-size:11px; color:#8f001c; padding:1px; font-weight:Bold; }

div.moreinfo {  float:left;  padding:20px; font-size:11px; width:617px; color:#666; 
        padding-bottom:60px; background-color:#eaeaea; }
div.moreinfo h2 { color:#000; font-size:13px; padding-bottom:10px; }
div.titular { font-size:20px; color:#999; padding-left:20px; 
    float:left; border-top:1px solid #999; width:637px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #999; }

div.mapa-hab { padding-left:20px; padding-top:20px; background-color:#f8f8f8; float:left; width:637px; 
    padding-bottom:30px; border-bottom:1px solid #666; font-weight:Bold; color:#666;}

table.cc {  width:140px; }
table.cc td { font-size:10px; padding:2px 4px 0 4px; color:#666; }
table.cc tr.d td { color:#fff; background-color:#333; padding-top:0px;}
table.cc td.c0 { color:red; }
table.cc td.c1 { color:orange; }
table.cc td.pass { color:#eaeaea; }
table.cc td span.act { background-color:green; padding:2px; color:#fff; }

div.calendar { float:left; width:150px; padding-right:20px; }
div.form_search_apart { float:left; line-height:11px; width:210px; }
div.form_search_apart label { display:block; float:left; padding-right:10px; width:50px;}
div.form_search_apart p { width:210px; float:left; padding:3px; }
div#result_ajax_search { float:left; width:200px; margin-left:20px;}
div#result_ajax_search table { width:200px;}
table.preus td.h { color:#999; }



/*
Barceloneta
--------------------------------------- */

div#whotells.bcn { background:url('../img/0200_bcn_bg.gif') repeat-y top left;  }
div#whotells.bcn div#left div#num { background:url('../img/0200_bcn_mbg.gif') no-repeat top left; }
div#whotells.bcn div#left ul li { background:url('../img/0200_bcn_mbg.gif') no-repeat top left; }
div#whotells.bcn div.llista_apart a.btinfo { color:#507fce; }
div#whotells.bcn div.titular { color:#507fce; }
div#whotells.bcn h1 { color:#507fce; font-size:16px; padding-bottom:10px;}

/*
Eixample
----------------------------------------*/
div#whotells.eix { background:url('../img/0400_eix_bg.gif') repeat-y top left;  }
div#whotells.eix div#left ul li { background:url('../img/0400_eix_mbg.gif') no-repeat top left; }
div#whotells.eix div#left div#num { background:url('../img/0400_eix_mbg.gif') no-repeat top left; }
div#whotells.eix div.llista_apart a.btinfo { color:#ff5720; }
div#whotells.eix div.titular { color:#ff5720; }
div#whotells.eix h1 { color:#ff5720; font-size:16px; padding-bottom:10px;}
/*
Raval
------------------------------------------*/
div#whotells.rvl { background:url('../img/0300_rvl_bg.gif') repeat-y top left; }
div#whotells.rvl div#left ul li { background:url('../img/0300_rvl_mbg.gif') no-repeat top left; }
div#whotells.rvl div#left div#num { background:url('../img/0300_rvl_mbg.gif') no-repeat top left; }
div#whotells.rvl div.llista_apart a.btinfo { color:#2c7750; }
div#whotells.rvl div.titular { color:#2c7750; }
div#whotells.rvl h1 { color:#2c7750; font-size:16px; padding-bottom:10px;}

/* form.reserv { font-size:12px;} */
div.cdefault { background-color:#fff; padding:30px; min-height: 600px; height: auto !important; height: 600px;  }
div.cdefault h1 { font-size:20px; padding-bottom:10px; color:#666  }
div.cdefault b { color:#000; }
div.cdefault table.preus td.h { color:#507fce; }
div.cdefault div.tit { font-size: 16px; line-height:20px; }
div.tit strong { color:#507fce;  }

table.preus tr.offer td { color:red; }


div.errors { padding:10px; color:Red; border:1px solid Red; 
    text-align:center; margin-bottom:20px; background-color:#fce9e9; width:95%;}

form.book { font-size:12px; line-height:16px;}
form.book p { width:370px; padding:5px; }
form.book label { font-size:12px; display:block; float:left; width:70px; }
form.book label span { color:#666; padding-left:5px; }
form.book div.campos { width:380px; float:left;  }
form.book div.campos input { width:270px; border:2px solid #eaeaea; padding:2px;}
form.book h3 { font-size:15px; color:#666; padding-top:15px; padding-bottom:5px; border-bottom:1px solid #eaeaea; }
form.book h3 span { color:#222; }

div.xtra { width:300px; float:left; margin-left:20px;  }
div.xtra h2 { color:#666; font-size:16px; padding-bottom: 10px; }
div.xtra label { width:110px; font-size:10px; }
div.xtra p { width:140px; padding-left:0px; padding:1px; float:left; }

table.formtable { float:left; margin-top:20px; }
table.formtable td { padding: 3px; }
table.formtable td input {  border:2px solid #eaeaea; padding:2px;}
div.petit p { font-size:10px; color:#666; padding:0px; margin:0px; line-height:12px; width:100%; padding:5px;}
table.formtable tr td.cerror { color:red; }

/*form.book input.button { width:80px; color:#000; }*/


div#titular_apar { width:619px; float:left; border-top:1px solid #000; border-bottom:1px solid #000; padding:9px 0 9px 38px;  }
div.texto_apar { width:420px; float:left; background:#f8f8f8; border-bottom:1px solid #000; padding:30px 200px 20px 37px; color:#646464; line-height:18px;  }
div.apart { padding:24px 0 0 22px; float:left; background:#f8f8f8; width:635px; border-bottom:1px solid #000;}
div.apart h2 { font-size:12px; color:#3d3c3c; padding-left:12px; }
div.apart h2 a { background-color:#000; color:#507fce; padding:0 3px 0 3px; }
div.apart h2 a span { color:#fff; }
div.apart h2 strong { font-weight:normal; color:#507fce; }
div.apart img { padding:22px 0 22px 0; }

div#whotells.rvl div#ubicacion div.apart h2 a { color:#65ac87; }
div#whotells.rvl div#ubicacion div.apart h2 strong { color:#2c7750; }
div#whotells.eix div#ubicacion div.apart h2 a { color:#fe7c52; }
div#whotells.eix div#ubicacion div.apart h2 strong { color:#ff5720; }

div#whotells.eix div#ubicacion p strong { color:#ff5720; font-weight:bold; }
div#whotells.bcn div#ubicacion p strong { color:#507fce; font-weight:bold; }
div#whotells.rvl div#ubicacion p strong { color:#2c7750; font-weight:bold; }
/*end whotells*/

/*contacto*/
div#contacto { background:#6a54be url('../img/0106_bg.gif') repeat-x top left; width:441px;  margin:32px 0 0 27px; padding:30px 0 34px 0; }
div#contacto img { padding-bottom:30px; padding-left:35px;}
div#contacto a { color:#fff; }
div#contacto p { width:370px; color:#fff; padding-left:35px; }
div#contacto div.sep { height:20px; border-bottom:1px solid #000; width:441px; }
div#contacto h2 { font-size:12px; color:#000; font-weight:bold; padding-top:19px; padding-left:35px; padding-bottom:4px; }
div#contacto table { padding-left:35px; padding-top:19px; font-size:11px; }
div#contacto table td { color:#fff; padding:4px 0 4px 0;}
div#contacto table td input { width:308px; border:1px solid #fff; }
div#contacto table td input#enviar { width:60px; background:#000; color:#fff; border:0px; padding:3px; cursor:pointer; }
div#contacto table td textarea { width:308px; height:65px; border:1px solid #fff; }
/*end contacto*/


/** Reservas **/

div#reserv { padding:10px; color:#fff; line-height:18px; color:#6b6b6b; padding-left:15px; background-color:#000; margin-top:30;}
div#reserv h3 { padding-top:5px; font-size:14px; color:#ff5720; display:block; padding-bottom:5px; }
div#reserv form input, div#reserv form select { margin-top:5px; }
div#reserv span { width:80px; display:block; float:left; padding-top:5px; }
div#reserv input.bhome { background-color:#666; color:#fff; border:1px solid #000; padding:3px; }
div#reserv h3.gre { color:#999 }
div#reserv h3.bla { color:#fff }



div.clate div.bcn {  margin-top:30px;  }
div.clate div.bcn h3 { font-size:13px; color:#ff5120 }
div.clate div.bcn ul { padding-left:20px; padding-top:10px; color:#666 }
div.clate div.bcn ul li { padding-left: 0px; list-style:disc}


/* ------------------------------ css/nous -------- */ 
div#content_cerca { background-color:#fff; padding:30px 10px 30px 20px; min-height: 600px; height: auto !important; height: 600px;  }
div#content_cerca h1 { font-size:20px; padding-bottom:10px; color:#666; padding-bottom:20px }
div#content_cerca form { padding-top:5px;  }
div#content_cerca form label { padding-right:2px; display:block; float:left;  }
div#content_cerca input, select { float: left; margin-right:5px;}
div#content_cerca input.Button { color:#000; }
div#content_cerca hr { border: 1px solid #eaeaea; margin-bottom:10px; }
div#content_cerca h3 { color:#009CFF; font-weight:Bold; font-size:18px; padding-bottom:5px; }

div#content_cerca h3.Raval { color:#2c7750; }
div#content_cerca h3.Eixample { color:#ff5720; }
div#content_cerca h3.Barceloneta { color:#009CFF; }
div#content_cerca h5 {  font-size:14px; width:320px; color:#666; }


div.lft { float: left }
div.ct { padding-left: 20px; padding-right:40px; }
div#content_cerca p { width:300px; }
div#content_cerca table {  margin-top:10px;  }
div#content_cerca table td.h {  color: #009CFF; }
div#content_cerca table td b {  font-size:14px; color: Green; }
div#content_cerca table tr.offer td { color:Red; text-decoration:line-through }