body {
	font-family: Verdana, "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size:0.82em;
	color:#000000;
	margin: 0px auto;
    background: #F7D991 url(../images/bg.jpg) repeat left top;
    position: relative;
}
html, body {width: 100%; height: 100%; border: 0; padding: 0; margin: 0;}
.noCSS {display: none;}
.printOnly {	display: none;}
.clearer {clear:both;}
div.clearer {height: 1px; overflow: hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
a:link, a:visited {color: #150914; text-decoration:none;}
a:hover {color: #000000;	text-decoration:underline;}
a img {border: none;}
.fleft {float: left; margin-right: 15px; margin-bottom: 7px;}
table.fleft {float: left; margin-right: 25px;}
.fright {float: right; margin-left: 15px; margin-bottom: 7px;}
ul {margin-top:0.8em;  margin-bottom:0.8em;  margin-left:0;  padding-left:15px;  line-height: 150%; list-style-position: inside;}
ol {  line-height: 140%;margin-left:0.8em;  padding-left:1em;}
li {margin-bottom:0.3em;}
p {margin-top: 0em; margin-bottom: 0.4em; text-align: left; line-height: 170%; text-indent: 0px;}
.noIndent {text-indent: 0;}
span {line-height: 170%;}
h1 {font-size: 150%; line-height: 115%; font-weight: bold; margin-top: 5px; margin-bottom: 20px;}
h2 {font-size: 130%; font-weight: bold; margin-top: 18px; margin-bottom: 5px;}
h3 {font-size: 110%; margin-top: 0px; margin-bottom: 5px;margin-top: 7px;}
h2 em, h3 em {font-style: normal; font-weight: normal}
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px; padding-left: 2px; color:#000000;}
fieldset {margin-top: 0px; margin-bottom: 10px; padding: 0px 0px 2px 0px; border: 1px solid #000000;}
fieldset div.fieldsetContent {margin: 0px 20px;}
label {font-weight: bold;}
.help {cursor: help;	border-bottom: 1px dashed #638EB5;}
ol.roman {list-style-type: upper-roman;}
ol.alpha {list-style-type: lower-alpha;}
ol ul {list-style-type: disc; margin-top: 0.3em;}
ol ol {margin-top: 0.3em;}
/*-------------------------------------------------------------------------------------------------------
	layout
---------------------------------------------------------------------------------------------------------*/
/*div#pruhy {position: absolute; left: 0; top: 0; background: url(../images/pruhy.gif) repeat-y center top;min-width: 998px;}*/
div#pruhy {position: relative; left: 0; top: 0; background: url(../images/pruhy.gif) repeat-y center top;min-height: 100%;}
* html div#pruhy { height: 100%;}
div#page-obal {background: url(../images/pruhy.gif) repeat-y center top;}
#page {margin: 0 auto; width: 998px;	position: relative;}
div#header-obal {width: 100%; background: url(../images/header-bg.jpg) no-repeat center top; height:232px; }
div.header {width: 998px; margin: 0 auto; padding: 0; height: 232px; background: #ffc166; position: relative;}
div.header span.h1 {display: inline; margin: 0; padding: 0; height: 162px; font-size: 200%; padding-left: 30px; padding-top: 30px;}
div#breadcrumbs {padding: 14px 0 0px 128px; font-size: 95%;}
div#content {width: 998px; padding-bottom: 10px;}
div#left-column {float: left; width: 209px; padding: 0 20px 0 20px;}
div#content-column {float: left; width: 570px; padding-top: 40px;}
div#content-column h1 { margin-top: 0; font-size:200%;}
div#content-column a:link, div#content-column a:visited {color: #ff0000; text-decoration:none;}
div#content-column a:hover {color: #000; text-decoration:underline;}
div#nav-right {position: absolute; top: 10px; right: 0px; font-size: 11px; padding: 0 0 0 10px;}
div#nav-right a:link, div#nav-right a:visited {color: #000000;}
div#footer {padding-left: 249px; padding-right: 100px; font-size: 95%;}
 
    #inFooter {
 
      padding: 5px 0;
    }
      #inFooter a {
 
      }
        #inFooter a:hover {

        }
/*-------------------------------------------------------------------------------------------------------
	hlavicky
---------------------------------------------------------------------------------------------------------*/
div.header span {position: absolute; left: 0;top: 0; width: 998px; height: 232px;background: url(../images/header-uvod.jpg) no-repeat left top;}
div.header#header-keramika span {background: url(../images/header-keramicka-dilna.jpg) no-repeat left top;}
div.header#header-vytvarne-dilny span {background: url(../images/header-vytvarne-dilny.jpg) no-repeat left top;}
div.header#header-penzion span {background: url(../images/header-penzion.jpg) no-repeat left top;}
div.header#header-obcanske-sdruzeni span {background: url(../images/header-obcanske-sdruzeni.jpg) no-repeat left top;}
div.header#header-vytvarne-kurzy span {background: url(../images/header-vytvarne-kurzy.jpg) no-repeat left top;}
div.header#header-o-nas span {background: url(../images/header-o-nas.jpg) no-repeat left top;}
div.header#header-penzion span {background: url(../images/header-penzion.jpg) no-repeat left top;}
div.header#header-novinky span {background: url(../images/header-novinky.jpg) no-repeat left top;}
div.header#header-kontakty span {background: url(../images/header-kontakty.jpg) no-repeat left top;}
/*-------------------------------------------------------------------------------------------------------
	leva navigace
---------------------------------------------------------------------------------------------------------*/
ul.no-bullet {margin: 0;padding: 0; list-style-type: none;}
ul.no-bullet li {padding: 0px;  line-height: normal; background: url(../images/left_block_content.gif) repeat-y;}
ul.no-bullet li .top { display: block; width: 100%; height: 10px; background: url(../images/left_block_top.gif) repeat-y;}
ul.no-bullet li .content { display: block; padding: 0px 20px; background: url(../images/left_block_content.gif) repeat-y;}
ul.no-bullet li .bottom { display: block; width: 100%; height: 10px; background: url(../images/left_block_bottom.gif) bottom left repeat-y;}
ul.no-bullet li a:link, ul.no-bullet li a:visited {font-weight: bold;}
/*-------------------------------------------------------------------------------------------------------
	support navigace
---------------------------------------------------------------------------------------------------------*/
div#sup-nav2 {padding-left: 249px;padding-top: 10px;vertical-align: middle;}
div#sup-nav2 img {vertical-align: text-bottom; margin-right: 5px;}
div#sup-nav2 a {margin-right: 15px;}
div#sup-nav2 a:hover {text-decoration: none;}
/*-------------------------------------------------------------------------------------------------------
	pokoje
---------------------------------------------------------------------------------------------------------*/
img.hlavni-foto {float: left; margin-right: 20px; width: 430px;}
div.pokoje-text {float:left; width: 120px;}
a.thumb {float:left; width: 100px; margin-right: 7px; margin-bottom: 7px;}
a.thumb img {display: block; width: 100px; height: 100px;}
h2.noTop {margin-top: 5px;}
/*-------------------------------------------------------------------------------------------------------
	fotogalerie
---------------------------------------------------------------------------------------------------------*/
div.galerie-short {position: relative; height: 140px; overflow: hidden; margin-bottom: 15px; width: 270px; float: left; text-align: center;}
div.galerie-short div.img-container {width: 100px; height: 100px; overflow: hidden; margin: 0 auto; }
div.galerie-short h2 {margin-top: 7px;}
div.galerie-short a.vice {display: none;}
/*-------------------------------------------------------------------------------------------------------
	strankovani
---------------------------------------------------------------------------------------------------------*/
div#PagerId {color: #777777}
div#PagerId a:link, div#PagerId a:visited {color: #000000; font-weight: bold;}
div#PagerId span.actual {color: #FFFFFF; font-weight: bold; background-color: #ED701C; padding: 1px 4px;}
/*-------------------------------------------------------------------------------------------------------
	nasi-dobrodinci
---------------------------------------------------------------------------------------------------------*/
div.dobrodinci, div.dobrodinci2 {float: left; width: 190px; text-align: center;height: 150px;margin-bottom: 20px;}
div.dobrodinci2 {height: auto}
div.dobrodinci img {display: block; margin: 0 auto 5px auto;}
/*-------------------------------------------------------------------------------------------------------
	novinky
---------------------------------------------------------------------------------------------------------*/
div.short-item a.vice {font-weight: bold; float: right;}
/*-------------------------------------------------------------------------------------------------------
	ostatni
---------------------------------------------------------------------------------------------------------*/
ul.dilna li strong {font-size: 110%;}
/*-------------------------------------------------------------------------------------------------------
	kontaktni formulare
---------------------------------------------------------------------------------------------------------*/
fieldset input.text, fieldset input.text3, fieldset textarea{width: 300px;	border: 1px solid #777777;}
textarea {font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  font-size: 12px;}
td, th {text-align: left;	vertical-align: top; padding: 3px 7px;}
table.pujcime th {padding-left: 0; width: 160px;}
.poradce {
  display:block;
  position:absolute;
  top:0px;
  right:0px;
  width:134px;
  height:156px;
  background: url(../images/poradce_bublina.gif) no-repeat top right;
  padding: 80px 10px 10px 100px;
  font-size: 120%;
  line-height: 150%;
  font-weight:bold;
  font-style: italic;
  overflow: hidden;
}

#leve_kridlo {
  position: relative;
  float: left;
  width: 265px;
  background: url(../images/prave_kridlo_bg.gif) right top no-repeat;
  padding: 0 15px 0 0;
}
#prave_kridlo {
  position: relative;
  float: left;
  width: 265px;
  padding: 0 0 0 15px;
  background: url(../images/leve_kridlo_bg.gif) left top no-repeat;
}

.left_block_top {
  height: 10px;
  background: url(../images/left_block_top.gif) no-repeat;
}
.left_block_content {
  padding: 0 15px;
  background: url(../images/left_block_content.gif) repeat-y;
}
.left_block_bottom {
  height: 10px;
  background: url(../images/left_block_bottom.gif) bottom left no-repeat;
}

.right_block {
  width: 170px;
}
  .right_block_top {
    height: 10px;
    background: url(../images/right_block_top.gif) right top no-repeat;
  }
  .right_block_content {
    padding: 0 15px;
    background: url(../images/right_block_content.gif) right repeat-y;
  }
  .right_block_bottom {
    height: 10px;
    background: url(../images/right_block_bottom.gif) bottom right no-repeat;
  }
.right_block a {
  color: red;
}

#teaser {
  position: absolute;
  right: 0px;
  top: 38px;
  width: 170px;

}
a#logo {
  position: absolute;
  z-index: 100;
  display: block;
  left: 40px;
  top: 0px;
  height: 190px;
  width: 140px;
}