/*
  77%  10px
  85%  11px
  92%  12px
  107% 14px default size
  114% 15px
  122% 16px
  136% 18px
  144% 19px default line-height
  152% 20px
  182% 24px
*/

* { font-family: Verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; }
body { color: #642500; background: #9c6732 url("../img/body_bg.png"); }
strong { font-weight: bold; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

a.different { text-decoration: underline; }
a.different:hover { text-decoration: none; }

/* 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 */

.left { float: left; }
.right { float: right; }

.bold { font-weight: bold; }

h1 span {
  display: none;
  }

h2 { font-size: 85%; font-weight: bold; margin-bottom: 15px; }

.clear { clear: both; }

/* -------- LAYOUT -------- */

#container { 
  margin: 0 auto;
  width: 671px;
  }
#header {
  background: url("../img/header_bg.png") no-repeat;
  height: 102px;
  }
#header .logo {  
  position: absolute;
  behavior: url("../css/iepngfix.htc"); 
  cursor: hand;
  height: 42px;
  margin: 50px 0 0 40px;
  }
#header .logo a {  
  position: absolute;
  height: 42px;
  }  
#header .logo a span { display: none; }  

ul.langswitch { 
  float: right; 
  margin: 84px 23px 0 0;
  }
ul.langswitch li { float: left; margin-left: 7px; }

ul.langswitch li a span { display: none; }
a.lang-ger, a.lang-gb, a.lang-pl, a.lang-rus { display: block; width: 21px; height: 13px; }
a.lang-ger { background: url("../img/flag_ger.gif"); }
a.lang-gb { background: url("../img/flag_gb.gif"); width: 26px; }
a.lang-pl { background: url("../img/flag_pl.gif"); }
a.lang-rus { background: url("../img/flag_rus.gif"); }


#main {
  background: url("../img/main_bg.png") repeat-y;
  padding: 0 24px;
  }
#footer {
  background: url("../img/footer_bg2.png") no-repeat;
  height: 64px;
  font-size: 77%;
  color: #d4c394;
  padding: 10px 0 0 30px;
  }  
#footer a {
  color: #d4c394;
  font-weight: bold;
  }
  
.content { width: 427px; }
.sidebar { width: 196px; }

.sidebar .contactinfo {
  padding: 15px;    
  background: #ffeab2;
  color: #854500;
  }
.sidebar .contactinfo p { 
  margin-bottom: 10px;
  font-size: 77%;
  }
.sidebar .arr {
  padding: 15px;
  background: #e2c066;
  color: #642500;
  }
.sidebar .arr img { border: 3px solid #fff; }
.sidebar .arr a { color: #642500; }
.sidebar .arr p { font-size: 77%; margin-bottom: 10px; }
.sidebar .arr p.last { margin-bottom: 0; } 
 
.content .text { 
  background: #fff;
  padding: 15px;
  min-height: 250px;
  }  
.content .text h2 { 
  font-size: 92%;
  color: #f7941d;
  padding-bottom: 4px;
  border-bottom: 1px solid #f7941d;
  } 
.content .text h3 { margin: 10px 0 10px 0; font-weight: bold; font-size: 92%; }
  
#nav { 
  background: #fff;
  padding: 0 22px;
  }
#nav ul li { 
  float: left;
  padding-right: 17px;
  }
#nav ul li a { 
  background: url("../img/nav_li_bg.gif") no-repeat 0 17px;
  display: block;
  color: #820700;
  font-size: 77%;
  font-weight: bold;
  padding: 10px 10px 10px 7px;
  text-decoration: none;  
  }
#nav ul li a:hover { 
  text-decoration: underline;
  }
.text p.back a { color: #642500; font-size: 85%; }
.text a { color: #642500; }
ul.wciete { margin: 10px 0 10px 30px; list-style: disc; }

/* -------- HOME PAGE -------- */

.home p { margin-bottom: 15px; }
.home .foto-left img { border: 3px solid #e2c066; float: left; margin: 0 10px 10px 0; }

/* -------- LOCATION -------- */

#mapka {
  border: 1px solid black;
  width: 390px;
  height: 277px;
  background: gray;
  margin-top: 15px;
}  
.chmurka { font-size: 85%; }
.chmurka strong { font-weight: bold; }

/* -------- GALLERY -------- */

ul.kat li { float: left; text-align: center; width: 132px; margin-bottom: 15px; }
ul.kat li img { border: 3px solid #e2c066; }

ul.gal li { float: left; width: 186px; margin-bottom: 15px; padding-right: 12px; }
ul.gal li img { border: 3px solid #e2c066; width: 180px; }
.content .text ul.gal h3 { margin-top: 0; }
ul.gal h3 a { color: #642500; }
ul.gal p.desc { font-size: 85%; }

/* -------- CENNIK -------- */

table.cennik { margin: 10px; }
table.cennik thead th { padding-bottom: 10px; font-weight: bold; }
table.cennik thead th.rodzaj { width: 180px; }
table.cennik thead th.cena { width: 140px; }

/* -------- ROOMS -------- */

.foto-rooms li { float: left; text-align: center; width: 132px; margin-bottom: 15px; }
.foto-rooms li img { border: 3px solid #e2c066; }

/* -------- CONTACT -------- */

.contact p { margin-bottom: 15px; }