html {
  color: #ffffe3;
  }
body {
  behavior: url('/css/csshover.htc');
  background: #2f200f url("/images/body_bg.jpg") repeat-x center top;
  text-align: left;
  }
h1 {
  font-size: 178.5%;
  margin: 15px 0;
  }
h2 { 
  font-size: 117%;
  }
h3 {
  font-size: 108%;
  }
h1, h2, h3 {
  margin: 1em 0;
  }
h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold;
  }
p {
  margin: 1em 0;
  line-height: 1.5;
  color: #ffffe3;
  }
a {
  text-decoration: none;
  color: #dabf9f;
  }
a:hover {
  text-decoration: underline;
  color: #fffcdb;
  }

.left {
  float: left;
  }  
.right {
  float: right;
  }
.text-right {
  text-align: right;
  }
.text-center {
  text-align: center;
  } 
hr.clearer {
  display: block;
  clear: both;
  visibility: hidden;
  margin: -0.1em
  } 
span.bold { 
  font-weight: bold; 
  }
  
/* alternative clearing method */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end - alternative clearing method */ 

#wrapper {
  background: url("/images/footer_bg.jpg") repeat-x bottom center;
  }
#custom-doc { width:67.92em;*width:66.29em;min-width:883px; margin:auto; text-align:left; }

a.wiecej {
  background: url("/images/wiecej.jpg") no-repeat right;
  padding: 3px 18px 3px 0;
  color: #ffffe3;
  }
a.do-gory {
  float: right;
  }

/* HEADER */
#hd {
  height: 325px;
  background: #5a3d1c;
  }
#hd h1.logo { 
  position: absolute;
  margin: 30px 0 0 11px;
  background: url("/images/logo.gif") no-repeat;
  width: 158px;
  height: 88px;
  }
#hd h1.logo span {
  display: none;
  }
#hd h1.logo a {
  display: block;
  width: 158px;
  height: 88px;  
  }  
#hd .promo_img {
  position: absolute;
  margin: 20px 0 0 205px;
  }
#hd .promo_img ul#top_img li {
  width: 609px;
  height: 294px;
  display: none;
  }



/* MENU ZMIANA JĘZYKÓW */
.langswitch {
  background: url("/images/li_border.gif") repeat-x center top;
  position: absolute;
  margin: 30px 0 0 800px;
  }
.langswitch li {
  background: url("/images/li_border.gif") repeat-x center bottom;
  }  
.langswitch li a {
  padding: 4px 5px;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 92%;
  }
.langswitch li a:hover {
  text-decoration: none;
  }
    
#bd {
  padding: 0 0 20px 0;
  background: #2f200f;
  }
.main { 
  padding: 0 20px 0 10px; 
  background: url("/images/main_bg.jpg") no-repeat 470px 41px;
  }
.main h1 {
  background: url("/images/h1_bg.jpg") no-repeat bottom center;
  padding: 0 0 5px 10px;
  margin: 0 0 30px 0;
  font-size: 227%;
  color: #ffffe3;
  font-weight: normal; 
  }
.main h2 {
  color: #C7AF99;
  font-size: 157%;
  font-weight: normal;
  margin: 1.5em 0;
  }
.main h3 {
  color: #ffffe3;
  font-size: 117%;
  font-weight: bold;
  margin: 1em 0;
  }
.main ul {
  margin: 1em 0;
  }
.main li {
  list-style: disc;
  color: #ffffe3;
  margin: 0 0 5px 30px;
  }

/* FOOTER */
#ft {
  height: 139px;
  }  
#ft p {
  margin: 0;
  font-size: 85%;
  line-height: 1.3;
  }
#ft .daneadresowe {
  /*background: url("/images/logo_planeta_footer.png") no-repeat left;*/
  /*behavior: url('/css/iepngfix.htc');*/
  padding: 0 0 0 10px;
  margin-top: 30px;
  color: #cdbca3;
  }
#ft .daneadresowe .kontakt {
  color: #ffffe3;
  }
#ft .wykonanie {  
  text-align: right;
  margin-top: 30px;
  color: #cdbca3;
  }


/* MENU GŁÓWNE */
div#nav {
  position: absolute;
  margin: 145px 0 0 11px;
  width: 155px;
  }
  
ul#v_menu {
  margin: 0; padding: 0;
  background: url("/images/li_border.gif") repeat-x center top;
  }
ul#v_menu li:hover {
  display: block;
  }
ul#v_menu li {
  background: url("/images/li_border.gif") repeat-x center bottom;
  list-style: none;
  margin: 0;
  text-align: right;
  }
ul#v_menu li:hover {}
ul#v_menu li.current,
ul#v_menu li.current:hover {}

ul#v_menu li.current span.item {
  color: #FFFCDB !important;
  }

ul#v_menu li a,
ul#v_menu li span.item {
  display: block;
  padding: 4px 5px;
  text-decoration: none;
  }
ul#v_menu li a:hover {

  }
ul#v_menu li a,
ul#v_menu li span.item {
  width: 100%; /* for older versions of WinIE */
  voice-family: "\"}\""; voice-family: inherit; /* box model hack */
  width: 145px; /* doubled heights WinIE6 problem */
  }
ul#v_menu li.submenu span.item {
  color: #DABF9F;
  }
ul#v_menu li.submenu span.item:hover {
  color: #FFFCDB;
  }
  
/* level 2 */
ul#v_menu ul {
  position: absolute; display: none;
  background: #2f200f;
  }
ul#v_menu li.submenu:hover ul.level2,
ul#v_menu ul.level2 li.submenu:hover {
    display: block;
}
ul#v_menu ul.level2 {
    top: 25px;
    left: 155px;
    padding: 5px;
}
ul#v_menu ul.level2 li {
    width: 15em;
    text-align: left;
}
ul#v_menu  ul.level2 li a {
    width: 100%; /* for older versions of WinIE */
    voice-family: "\"}\""; voice-family: inherit; /* box model hack */
    width: 13.5em; /* doubled heights WinIE6 problem */
}



/* SIDEBAR MENU */
.sidebar .nav {
  margin: 0 0 20px 14px;
  padding: 10px 10px;
  background: url("/images/left_menu_bg.jpg") no-repeat;
  width: 137px;
  }
.sidebar ul#v_menu {
  background: none;
  }
.sidebar ul#v_menu li {
  padding: 8px 0;
  }
.sidebar ul#v_menu li.current {
  font-weight: bold;
  }
.sidebar ul#v_menu li a {
  padding: 0;
  width: auto;
  }



/* CRUMBS */
div.no-crumbs { height: 30px; }
div#crumbs { 
  padding: 1.5em 1em;
  }
p.crumbs, ul.crumbs {
  float: left;
  margin: 0;
  line-height: 1;
  }
ul.crumbs { 
  margin-left: 10px;
  }
p.crumbs {
  font-size: 85%;
  color: #ffffe3;
  }   
ul.crumbs li {
  float: left;
  list-style: none !important;
  margin: 0 !important;
  font-size: 85%;
  color: #ffffe3;
  }
ul.crumbs li.current { 
  color: #c7af99;
  }
ul.crumbs li a {
  color: #ffffe3;
  text-decoration: underline;
  }
ul.crumbs li a:hover {
  text-decoration: none;
  }  
ul.crumbs li span.pointer {
  background: url("/images/crumbs_pointer_bg.gif") no-repeat 0 .2em;
  margin: 0 8px;
  padding: 0 3px;
  }


/* ZDJĘCIA STRONA STATYCZNA */
.foto-static p {
  clear: both;
  }

img.mapka {
  border: 3px solid #644e3a;
  }

.foto160 {
  float: left;
  background: url("/images/foto_160x240_bg.jpg") no-repeat;
  margin: 15px 15px 0 15px;
  padding: 8px 10px 55px 8px;
  width: 160px;
  height: 240px;
  }
.foto240 {
  float: left;
  background: url("/images/foto_240x160_bg.jpg") no-repeat;
  margin: 15px 15px 0 15px;
  padding: 8px 10px 55px 8px;
  width: 240px;
  height: 160px;
  }
.foto75 {
  float: left;
  background: url("/images/foto_75x75_bg.jpg") no-repeat;
  margin: 6px 5px;
  padding: 6px 15px 23px 15px;
  width: 75px;
  height: 75px;
  }
.foto136 {
  float: left;
  background: url("/images/foto_136x118_bg.jpg") no-repeat;
  padding: 8px 10px 55px 8px;
  width: 136px;
  height: 118px;
  }
.foto160 img,
.foto240 img,
.foto75 img,
.foto136 img {
  border: 1px solid #efddd1;
  }
  
  
/* SIDEBAR BOX */
.box {
  margin-bottom: 40px;
  }
.box h2 span {
  display: none;
  }
.box h2 {
  height: 30px;
  margin: 0 0 10px 0;
  }
.box .kliknij {
  margin: 5px 5px 0 5px;
  font-size: 85%;
  color: #fff;
  text-align: center;
  display: block;
  }
  
.box-lokalizacja h2 {
  background: url("/images/box_head_lokazlizacja.jpg") no-repeat;
  }  
.box-szybki-kontakt h2 {
  background: url("/images/box_head_kontakt.jpg") no-repeat;
  margin: 0;
  }
.box-panorama h2 {
  background: url("/images/box_head_panorama.jpg") no-repeat;
  height: 46px;
  }
  
.box-szybki-kontakt .body {
  background: url("/images/box_body_kontakt.jpg") no-repeat;
  height: 102px;
  }
.box-szybki-kontakt .body span {
  display: none;
  }
.box-panorama .body {
  text-align: center;
  }


/* HOMEPAGE */
.homepage {
  background: url("/images/ccStatic/homepage/homepage_bg.jpg") no-repeat top right;
  }
.homepage span.first-line {
  font-size: 177%;
  color: #c7af99;
  display: block;
  }
.homepage span.second-line {
  font-size: 227%;
  color: #ffffe3;
  display: block;
  margin-bottom: 35px;
  }
.homepage p strong {
  color: #c7af99;
  } 
.homepage h1 {
  margin-top: 40px;
  }
.homepage .oferta {
  margin-bottom: 20px;
  }
.homepage .oferta .item {
  float: left;
  background: url("/images/ccStatic/homepage/oferta_border.jpg") no-repeat top left;
  }
.homepage .oferta .body {
  background: url("/images/ccStatic/homepage/oferta_bg.jpg") no-repeat top center;
  padding: 0 15px 0 14px;
  width: 185px;
  }
.homepage .oferta .item p {
  color: #c7af99;
  }
.homepage .oferta .item h2 {
  text-transform: uppercase;
  color: #ffffe3;
  font-size: 100%;
  }
.homepage .oferta .item a.wiecej { float: right; }
.homepage .oferta .pokoje {
  background: none;
  }



/* CENNIKI */
table.cennik {
  border-spacing: 1px;
  border-collapse: collapse;
  border: 1px solid #644e3a;
  margin: 20px auto;
  }
table.cennik th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background: #463421 url("/images/ccStatic/table_head_bg.jpg") repeat-x -70px 0;
  }
table.cennik td {
  padding: 5px 10px;
  border: 1px solid #644e3a;
  }
table.cennik col.price {
  width: 120px;
  }
table.cennik col.label {
  width: 450px;
  }
table.cennik .info td {
  border-top: 3px solid #644e3a;
  font-size: 85%;
  padding: 10px 20px;
  }


/* POKOJE */
p.zobacz-cennik-noclegow {
  margin: 45px 0;
  }
p.zobacz-cennik-noclegow a {
  display: block;
  background: url("/images/ccStatic/pokoje/cennik_noclegow.jpg") no-repeat;
  width: 618px;
  height: 83px;
  }
p.zobacz-cennik-noclegow span {
  display: none;
  }
table.cennik-pokoje th { padding: 0 20px; }
table.cennik-pokoje th span {
  background: url("/images/ccStatic/pokoje/kalendarz.png") no-repeat 0 2px;
  behavior: url('/css/iepngfix.htc');
  display: block;
  text-align: left;
  padding: 10px 0 10px 40px;
  width: 490px;
  }


/* MAPA DOJAZDU */
div#mapka {
  margin: 0 auto;
  width: 600px;
  border: 3px solid #644e3a;
  }
div#mapka .window h1 {
  font-size: 157%;
  color: #000;
  margin: 0 0 10px 0;
  padding: 0;
  background: none;
  border-bottom: 1px solid #000;
  }
div#mapka .window p {
  color: #000;
  }
  
  
  
/* Galeria */
#galeria {
  margin: 0 auto;
  width: 620px;
  }
#galeria ul {
  margin: 0;
  }
#galeria ul li {
  list-style: none;
  float: left;
  margin: 0;
  }

.gallery_entry {
  float: left;
  width: 250px;
  margin:0 0 20px 30px;
  }
.gallery_entry img {
  border: 3px solid #644e3a;
  margin: 0 0 10px 0;
  }
.gallery_entry p {
  }



/* Formularz kontaktowy */
.contact-form .daneadresowe {
  width: 630px;
  margin: 0 auto 30px auto; 
  }
.contact-form .daneadresowe .left {
  width: 300px;
  }
.contact-form .daneadresowe .right {
  width: 300px;
  }
.contact-form .daneadresowe p {
  margin: 0;
  line-height: 1.4;
  }

.contact-form .daneadresowe .adres {
  background: url("/images/ccStatic/kontakt/hotel_bg.png") no-repeat top left;
  behavior: url('/css/iepngfix.htc');
  padding: 8px 10px 10px 50px;
  margin-bottom: 5px;
  width: 210px;
  }
.contact-form .daneadresowe .tel {
  background: url("/images/ccStatic/kontakt/tel_bg.png") no-repeat top left;
  behavior: url('/css/iepngfix.htc');
  padding: 8px 10px 10px 50px;
  margin-bottom: 5px;
  width: 210px;
  }
.contact-form .daneadresowe .rachunek {
  background: url("/images/ccStatic/kontakt/konto_bg.png") no-repeat top left;
  behavior: url('/css/iepngfix.htc');
  padding: 8px 10px 30px 65px;
  margin-bottom: 5px;
  width: 225px;
  }
  
.contact-form {
  width: 660px;
  }
.contact-form div.form_row label {
  color: #ffffe3;
  }  
.contact-form div.submit_row {
  text-align: right;
  margin-right: 90px;
  }
.contact-form .flash_error ul {
  margin: 1em 0;
  }
.contact-form .flash_error li {
  list-style: disc;
  margin-left: 30px;
  }
.contact-form .error label {
  color: #666666 !important;
  }
.contact-form div.row_note, 
.contact-form div.row_note p {
  width: 390px;
  color: #91795e;
  }
.contact-form div.form_row input.text,
.contact-form div.form_row textarea {
  border: 0;
  color: #fff;
  padding: 3px 8px;
  font-size: 100%;
  width: 369px;
  }
.contact-form div.form_row input.text {
  background: url("/images/form_text_bg.png") no-repeat;
  behavior: url('/css/iepngfix.htc');
  }
.contact-form div.form_row textarea,
.contact-form div.form_row textarea:focus {
  background: url("/images/form_textarea_bg.png") no-repeat;
  behavior: url('/css/iepngfix.htc');
  color: #fff;
  height: 194px;
  }
input.submit {
  padding: 0; margin: 0;
  }

/* PANORAMY */
.bigpanopreview {
  width: 450px;
  background: #644e3a;
  }
.bigpanopreview span {
  border: 5px solid #644e3a;
  }
.bigpanopreview p {
  margin: 0;
  padding: 2px 10px 7px 10px;
  }
  
  
  
/* ZABIEGI */
.zabiegi-foto {
  margin: 0;
  width: 136px;
  }
.opis-zabiegu {
  float: right;
  width: 490px;
  margin: 0;
  }
.wiecej {
  clear: both;
  text-align: right;
  padding: 10px;
  margin: 0;
  }
.wiecej a {
  padding: 1px 17px 2px 0;
  background: url("/images/wiecej_jasne.gif") no-repeat top right;
  }
.cennik-zabiegow { margin: 35px 10px; }
.cennik-zabiegow span { display: none; }
.cennik-zabiegow a {
  display: block;
  width: 619px;
  height: 83px;
  background: url("/images/ccStatic/zabiegi/cennik_zabiegow.jpg") no-repeat;
  }

