div, a, img, a img, h1, h2, h3 {
  margin: 0;
  padding: 0;
  border: 0;
}

hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
  }

body { 
  font-family: 'Trebuchet MS', 'Arial', 'Tahoma', sans-serif;
  font-size: 90%;
  color: #444;
  margin: 0; 
  padding: 0;
  background: #fedc0f url(../images/background.jpg) repeat fixed left top;
  }

.background-top-border { 
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fedc0f url(../images/background-top-border.jpg) repeat-x fixed left top;
  height: 6px;
  width: 100%; 
  }
  
.background-top { 
  position: fixed;
  background: #fedc0f url(../images/background-top.jpg) repeat-x fixed left 6px;
  height: 182px;
  width: 100%;
  }   
  
@font-face { 
  font-family: Fedra; 
  src: url('../fonts/FedraSansStd.otf'); 
  }   
   
.page { 
  position: absolute;
  top: 0;
  /* margin: 0 auto 0 auto; */ 
  width: 960px;
  _position: relative;
  left: 50%;
  margin-left: -480px; 
  padding: 0;
  }
  
.hlavni-foto {
  width: 362px;
  height: 229px;
  /* border: 1px solid #fff; */
  position: absolute;
  top: 0px;
  background: transparent url(../images/hlavni-okraj.png) no-repeat left 6px;
  /* float: left; */
  z-index: 100;
  }
  
.hlavni-foto-stin {
  background: transparent url(../images/hlavni-stin.png) no-repeat right 5px;
  width: 23px;
  height: 229px;
  float:right;
  display: block;
  &position: absolute;
  &top: 0px;
  &margin-left: -4px;
  &z-index: 5;
  }  

.hlavni-obrazek {
  margin-left: 4px;
  z-index: 20;
  position: relative;
  }
  
.hlavni-foto-bottom {
  background: transparent url(../images/hlavni-bottom.png) no-repeat left bottom;
  width: 335px;
  height: 18px;
  float: left;
  display: block;
  margin: -4px 0 0 4px;
  z-index: 20;
  position: relative;
  &z-index: 5;
  }

#header .header-right {
  float: right;
  height: 250px;
  &z-index: 5;
  }
  
#header .header-right h1 {
  clear: both;
  float: right;
  }  

ul.menu {
  float: right;
  margin: 35px 0 7px 0;
  &margin: 25px 0 0 0;
  padding: 0 10px 35px 30px;
  &padding: 0 0px 25px 20px;
  background: transparent url(../images/stin.png) no-repeat right bottom;
  }
  
ul.menu li {
  list-style-type: none;
  display: inline;
  }
  
ul.menu li a {
  color: #265396;
  font-size: 130%;
  text-decoration: none;
  margin: 2px;
  text-shadow: 1px 1px 1px #fffaca;
  letter-spacing: -1px;
  &float: left;
  &margin-right: 10px;
  }
  
ul.menu li a span.middle {
  padding: 10px 7px 10px 7px;
  &display: block;
  &float: left;
  }  
 
ul.menu li a span.left {
  padding: 10px 0 10px 9px;
  &display: block;
  &float: left;
  }

ul.menu li a span.right {
  padding: 10px 9px 10px 0;
  &display: block;
  &float: left;
  }   

ul.menu li a:hover {
  color: #2a3964;
  }
  
ul.menu li a:hover span.middle {
  background: transparent url(../images/a-hover-middle.png) repeat-x left bottom;
  }

ul.menu li a:hover span.left {
  background: transparent url(../images/a-hover-left.png) no-repeat left bottom;
  }
  
ul.menu li a:hover span.right {
  background: transparent url(../images/a-hover-right.png) no-repeat right bottom;
  }

ul.menu li a.aktivni {
  color: #fff;
  text-shadow: 1px 1px 1px #1f2b4e;
  }
  
ul.menu li a.aktivni span.middle {
  background: transparent url(../images/a-middle.png) repeat-x left bottom;
  }

ul.menu li a.aktivni span.left {
  background: transparent url(../images/a-left.png) no-repeat left bottom;
  }
  
ul.menu li a.aktivni span.right {
  background: transparent url(../images/a-right.png) no-repeat right bottom;
  }               

/* logo */
#header h1, #header h2 {
  float: right;
  font-size: 0;
  _font-size: 1px;
  letter-spacing: -5px;
  }
  
#header h1 a, #header h2 a {
  text-decoration: none;
  color: #fede0e;
  }  
     
#header .logo {
  margin: 0; 
  padding: 0; 
  position: relative; 
  overflow: hidden;
  float: right;
  margin: 10px 15px 0 0;
  }

#header h1.logo {
  width: 461px; 
  height: 63px; 
  }
  
#header h2.logo {
  width: 554px; 
  height: 34px; 
  }    
  
#header .logo span {
  display: block; 
  margin: 0; 
  padding: 0; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1; 
  float: left;
  }
  
#header h1.logo span {
  width: 461px; 
  height: 63px; 
  background:url("../images/logo.png") 0 0 no-repeat;
  }
  
#header h2.logo span {
  width: 554px; 
  height: 34px; 
  background:url("../images/ubytovani.png") 0 0 no-repeat;
  }              
/* logo END */
  
.main-top, main-bottom {
  height: 14px;
  width: 960px;
  clear: both;
  }

.main-top .main-left, .main-top .main-right, .main-bottom .main-left, .main-bottom .main-right {
  height: 14px;
  width: 14px;
  float: left;
  }

.main-top .main-left {
  background: transparent url(../images/main-left.png) no-repeat left top;
  }

.main-bottom .main-left {
  background: transparent url(../images/main-left-bottom.png) no-repeat left top;
  }  

.main-top .main-middle, .main-bottom .main-middle {
  height: 14px;
  width: 932px;
  background: #fff;
  float: left;
  }

.main-top .main-right {
  background: transparent url(../images/main-right.png) no-repeat right top;
  }

.main-bottom .main-right {
  background: transparent url(../images/main-right-bottom.png) no-repeat right top;
  }
  
.main-bottom {
  margin-bottom: 50px;
  }      

#main {
  clear: both;
  background-color: #fff;
  }
  
#main h2 {
  font-family: 'Fedra', 'Arial', 'Tahoma', sans-serif;
  font-size: 150%;
  color: #355eb5;
  font-weight: normal; 
  padding-bottom: 10px;
  padding-top: 10px;
  }
  
#main h3 {
  font-family: 'Fedra', 'Arial', 'Tahoma', sans-serif;
  font-size: 125%;
  color: #355eb5;
  font-weight: normal; 
  }
  
#main h3.odstavec {
  font-size: 125%;
  color: #666;
  padding-bottom: 5px; 
  }             

#main p {
  margin: 0;
  padding: 0 0 7px 0;
  text-align: justify;
  }

#main .main_left {
  padding: 10px 15px 10px 35px;
  width: 600px;
  float: left;
  display: block;
  }
  
#main .main_right {
  padding: 10px 30px 10px 15px;
  width: 270px;
  &width: 260px;
  margin-left: 650px;
  }
  
#main .main_right h2 {
  width: 290px;
  height: 50px;
  color: #b7bcc9;
  font-size: 140%;
  padding: 12px 0 0 15px;
  background: transparent url(../images/aktuality.png) no-repeat left top;
  font-weight: normal;
  }

#main .main_right .aktualita {
  padding: 0 5px 0 10px;
  color: #25427f;
  }
  
#main .main_right h3 {
  color: #2963c9;
  font-family: 'Trebuchet MS', 'Arial', 'Tahoma', sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.1em;
  margin: 5px 0 5px 0;
  }
  
#main .main_right .aktualita p {
  font-size: 90%;
  } 
  
/* ja */  
#main .main_right .aktualita td {
  font-size: 90%;
  padding: 1px;
}

#main .navigace li {
  display: inline;
  padding: 2px;
}

.thickbox img {
  padding: 1px;
  border: 3px solid #d1dce7;
  margin-bottom: 20px; 
  margin-right: 20px; 
}

a.thickbox:hover img {
  border: 3px solid #4d9ce7;   
}

#main .citace {
  font-size: 85%;
  font-style: italic;
}

#main img {
  margin: 10px;
}
/* ja */
  
/* GUESTBOOK  */  
	p.error { color: red; text-align: center; background-color: yellow; }
	a.external { background: url(external.png) center right no-repeat; padding-right: 13px; }

	form#login { width: 250px; margin-left: auto; margin-right: auto; margin-top: 50px; background-color: #eeeeee; padding: 20px; border: solid 1px #cccccc; }
	form#login div { clear: both; margin-top: 5px;;}
	form#login label { display: block;  float: left; width: 80px; text-align: right; padding-right: 10px;}
	form#login div.required label { font-weight: bold; }
	form#login div.submit { text-align: center; }

	div.guestbook_entry { clear: both; background-color: #eeeeee; margin-top: 20px; border: solid 1px #cccccc; padding-left: 10px; padding-right: 10px;}
	div.guestbook_entry span { display: block; width: 70px; font-weight: bold; float: left; }
	div.name { float: left; }
	div.posted { float: right; }
	div.posted span { width: 60px; }
	div.location { clear: both; float: left; }
	div.remoteip { float: right; }
	div.remoteip span { width: 50px; }
	div.email { clear: both; }
	div.delete { background-color: #cccccc; text-align: center; font-weight: bold; }
	div.message { clear: both; background-color: white; padding-top: 8px; padding-bottom: 8px; }

	p#NewPost { float: left; width: 50%; margin-left: 5px; margin-top: 0px; }
	p#Login { float: right; width: 30%; text-align: right; margin-right: 8px; margin-top: 0px; }

	form#sign div { clear: both; margin-top: 5px; }
	form#sign label { display: block;  float: left; width: 100px; text-align: right; padding-right: 10px;}
	form#sign div.required label { font-weight: bold; }
	form#sign span.scode { text-decoration: underline; }
	form#sign div.submit { text-align: center; }
/* KONEC GUESTBOOK    */