/** Na Statku, autor: Jakub Valenta **/
	@import url("basic.css");
	@import url("menu.css");
	@import url("modules.css");

#page_wrapper {
	background: url('../images/page_wrapper_bg.gif') #ffffff top repeat-x;	
}
#page {
  position: relative;
	font-size: 92%;
	padding-bottom: 25px;
	margin: 0px;
	background: url('../images/page_bg.png') center top no-repeat;
}
#top, #top_bar, #banner, #main, #footer {
	width: 950px;
  margin: 0px auto 0px auto;
}


/*** TOP_BAR ***/

#top_bar {
	height: 35px;
  position: absolute;
  top: 0px;
  left: 50%;
  font-size: 85%;
  margin-left: -475px;
  z-index: 1;
}
#top_bar ul {
  display: block;
  list-style-type: none;
}
#top_bar ul li {
  display: inline;
  line-height: 35px;
  padding-right: 9px;
  margin-right: 6px;
  background: url('../images/divider.gif') right center no-repeat;
}
#top_bar ul li.last {
  background: none;
}
#top_bar ul li a {
  color: #f2f8e9;
}
#top_bar ul li.active span {
  font-weight: bold;
  text-decoration: none;
  color: #F2F8E9;
}
#top_bar .menu {
  width: 200px;
  float: left;
}
#top_bar .lang {
  width: 100px;
  float: right;
  text-transform: uppercase;
  color: #FFFFFF;
}
#top_bar .lang li {
  float: right;
}

/*** TOP ***/

#top {
  height: 142px;
  position: relative;
  margin-bottom: 57px;
}
#top .logo {
  width: 195px;
  height: 68px;
  position: absolute;
  top: 75px;
  left: 0px;
  background: url('../images/logo.gif') no-repeat;
  z-index: 2;
}
#top .logo img {
  display: none;
}

#slideshow_wrapper {
  height: 310px;
  padding: 1px 0px 3px 0px;
  margin-bottom: 10px;
  background: url('../images/slideshow_bg.png') center no-repeat;  
}
#slideshow {
  width: 950px;
  height: 310px;
  position: relative;
  text-align: center;
  margin: 0px auto 0px auto;
}
#slideshow_right_bg {
  position: absolute;
  z-index: 99;
  display: block;
  width: 1px;
  height: 310px;
  top: 0;
  left: 950px;
}

#slideshow_ruzky_left_top_corner, 
#slideshow_ruzky_right_top_corner,
#slideshow_ruzky_right_bottom_corner,
#slideshow_ruzky_left_bottom_corner {
  width: 2px;
  height: 2px;
}

#slideshow_ruzky_left_top_left,
#slideshow_ruzky_left_top_right,

#slideshow_ruzky_right_top_left, 
#slideshow_ruzky_right_top_right,

#slideshow_ruzky_right_bottom_left, 
#slideshow_ruzky_right_bottom_right,

#slideshow_ruzky_left_bottom_left,
#slideshow_ruzky_left_bottom_right {
  width: 1px;
  height: 1px;
}

#slideshow_ruzky_left_top_corner, 
#slideshow_ruzky_left_top_left,
#slideshow_ruzky_left_top_right,

#slideshow_ruzky_right_top_corner,
#slideshow_ruzky_right_top_left, 
#slideshow_ruzky_right_top_right,

#slideshow_ruzky_right_bottom_corner,
#slideshow_ruzky_right_bottom_left, 
#slideshow_ruzky_right_bottom_right,

#slideshow_ruzky_left_bottom_corner, 
#slideshow_ruzky_left_bottom_left,
#slideshow_ruzky_left_bottom_right {
  position: absolute;
  z-index: 99;
  display: block;
}

#slideshow_ruzky_left_top_corner {top: 0; left: 0;}
#slideshow_ruzky_left_top_left {top: 2px; left: 0;}
#slideshow_ruzky_left_top_right {top: 0; left: 2px;}

#slideshow_ruzky_right_top_corner {top: 0; left: 948px;}
#slideshow_ruzky_right_top_left {top: 0; left: 947px;}
#slideshow_ruzky_right_top_right {top: 2px; left: 949px;}

#slideshow_ruzky_right_bottom_corner {top: 308px; left: 948px;}
#slideshow_ruzky_right_bottom_left {top: 309px; left: 947px;}
#slideshow_ruzky_right_bottom_right {top: 307px; left: 949px;}

#slideshow_ruzky_left_bottom_corner {top: 308px; left: 0;}
#slideshow_ruzky_left_bottom_left {top: 307px; left: 0;}
#slideshow_ruzky_left_bottom_right {top: 309px; left: 2px;}

#slideshow .arrow_right {
  width: 15px;
  height: 33px;
  display: block;
  position: absolute;
  top: 154px;
  right: -25px;
}
#slideshow .arrow_left {
  width: 15px;
  height: 33px;
  display: block;
  position: absolute;
  top: 154px;
  left: -25px;
}
#slideshow_items {
  height: 310px;
  overflow: hidden;
  position: relative;
  width: 950px;
}
#slideshow_items img {
  display: block;
  height: 310px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 950px;
}
/*** BANNER ***/

#banner {
  height: 80px;
  position: relative;
  list-style-type: none;
  font-size: 1%;
}
#banner li {
  width: 234px;
  height: 80px;
  display: block;
  float: left;
  margin-right: 6px;
}
#banner li.last {
  width: 230px;
  margin-right: 0px;
}
#banner li a {
  width: 234px;
  height: 70px;
  padding-top: 10px;
  display: block;
  position: relative;
  float: left;  
}
#banner li a span {
  width: 234px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}
#banner li a span.ubytovani {
  background: url('../images/banner_ubytovani.png') no-repeat;
}
#banner li a span.restaurace {
  background: url('../images/banner_restaurace.png') no-repeat;
}
#banner li a span.svatby {
  background: url('../images/banner_svatby-a-rauty.png') no-repeat;
}
#banner li a span.prohlidka {
  background: url('../images/banner_virtualni-prohlidka.png') no-repeat;
}

/*** MAIN ***/

#main_top {
  width: 960px;
  height: 6px;
  margin: 0px auto 0px auto;
  line-height: 1%;
  font-size: 1%;
  background: url('../images/main_top_bg.png') center no-repeat;
}
#main_bottom {
  width: 960px;
  height: 7px;  
  margin: 0px auto 0px auto;
  line-height: 1%;
  font-size: 1%;   
  background: url('../images/main_bottom_bg.png') center no-repeat;
}
#main_wrapper {
  width: 950px;
  margin: 0px auto 0px auto;
  padding: 0px 5px 0px 5px;  
  background: url('../images/main_wrapper_bg.png') center repeat-y;
}
#main {
  width: 950px;
  background: url('../images/main_bg.png') left repeat-y; 
}
#column_block {
  float: left;
  width: 680px;
  margin: 15px 0px 10px 0px;
  padding: 0px 11px 10px 15px;
}
#content {
  width: 680px;                         
}
#left {
  width: 200px;
  float: right;
}
#right {
  width: 240px;
  float: right;
  padding: 15px 0px 0px 4px;
  background: url('../images/right_bg.png') left top no-repeat;   
}
#right h2, #right h2 a {
  font-size: 150%;
  padding: 0px 0px 21px 25px;
  margin-bottom: 15px;
  border: 0px;
  background: url('../images/h2_bg.gif') bottom repeat-x; 
}


/*** STRANKY ***/

.stranky {
  margin-bottom: 30px;
}
.stranky a {
  color: #282828;
}
.stranky p {
  margin-bottom: 12px;
  font-size: 110%;
}
.stranky ul, .stranky ol {
  margin: 0px 0px 20px 30px;
}
.stranky ul ul, .stranky ol ol {
  margin-bottom: 0;
}
.stranky ul {
  list-style-type: square;
}
.stranky ul li {
  padding-left: 5px;
}
.stranky .f_left {
  display: block;
  float: left;
  margin: 2px 10px 6px 0px;
}
.stranky .f_right {
  display: block;
  float: right;
  margin: 2px 0px 6px 10px;
}
.stranky h3 {
  font-size: 115%;
  margin-bottom: 15px;
  font-weight: normal; 
}
.stranky h2 {
  font-size: 130%;
  margin-bottom: 15px;
  padding: 0;
  border: 0;
}
.stranky h2 a {
  padding: 0;
  border: 0;
  color: #016F44;
  text-decoration: underline;
}
.stranky h2 a:hover {
  text-decoration: none;
}
.fotogalerie a img {
  display: block;
  float: left;
  padding: 1px;
  margin-right: 10px;
  border: 1px solid #dcdcdc;
}
.fotogalerie a.last img {
  margin-right: 0px;
}

.links {
  height: 30px;
  line-height: 30px;
  display: block;
  list-style-type: none;
}
.links li {
  display: inline;
  padding-right: 12px;
  margin-right: 12px;
	background: url('../images/divider3.gif') right 3px no-repeat;  
}
.links li.last {
  background: none;
}
.links li span {
  margin-right: 10px;
}
.links li a {
	color: #016f44;
}
.links li a:hover {
  text-decoration: none;
}

/*** FOOTER ***/

#footer {
  height: 51px;
  padding-top: 14px;
  margin: 0px auto 50px auto;
  font-size: 85%;
}
#footer .icons {
  width: 245px;
  height: 37px;
  float: left;
}
#footer .icons a img {
  display: block;
  float: left;
  margin-right: 22px;
}
#footer .icons a.last img {
  margin-right: 0px;
}
#footer p {
  width: 175px;
  height: 32px;
  float: left;
  padding: 5px 0px 0px 25px;
  color: #ffffff;
  background: url('../images/footer_bg.gif') left top no-repeat;
}
#footer p a {
  color: #ffffff;
  font-weight: bold;
}
#footer .webdesign-plzen {
  width: 120px;
  height: 16px;
  display: block;
  float: right;
  margin: 12px 3px 0px 0px;
}




/*** HOMEPAGE ***/

#homepage #right h2 {
  padding-bottom: 20px;
  margin-bottom: 16px;
  border-bottom: 1px solid #b3d3bf;
  background: none; 
}
#homepage #banner {
  margin-bottom: 10px;
}
#homepage #column_block {
  background: url('../images/column_block_bg.gif') right repeat-y;
}
#homepage #content {
  width: 440px;
  float: left;
}



.error {
	color: red;
	padding: 10px 20px 10px 20px;
	border: solid 2px red;
	font-weight: bold;
}
.ok {
	color: #016F44;
	padding: 10px 20px 10px 20px;
	border: solid 2px #016F44;
	font-weight: bold;
}

.required, .povinne {
	color: red;
}