html {width:100%;margin: 0px auto; padding: 0; }
body {background-color:#463324;	position: relative; font-family: "MS Sans serif", Arial, Verdana, lucida, sans-serif;	font-size:0.72em; color:#888888; margin: 0px auto; padding: 0; }
.noCSS {display: none;}
hr.noCSS {
  height:1px;
	background-color:#dddddd;
	color:#dddddd;
	border: none;
	text-align:center;
	padding: 0;
}
.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: #7f270b;}
a:link, a:visited {color:#888888;	text-decoration:none;}
a:hover {color: #000000; text-decoration:underline;}
a img {border: none;}
ul {margin-top:0.8em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 150%;}
ol {line-height: 140%;}
li {margin-bottom:0.3em;}
p {line-height: 120%; font-weight: bold; margin: 0 0 3px 0;}
.noIndent {text-indent: 0;}
h1 {font-size: 150%; line-height: 115%; font-weight: bold; margin-top:5px; margin-bottom: 5px;}
h2 {font-size: 130%; font-weight: bold; margin-top: 12px; margin-bottom: 7px;}
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;}
fieldset div.fieldsetContent {margin: 0px 20px;}
label {font-weight: bold;}
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
.helpNB {cursor: help;}
/*-------------------------------------------------------------------------------------------------------
	layout stranky
---------------------------------------------------------------------------------------------------------*/
#pageContainer { position: relative; text-align: center; width:970px; padding: 0; background: url(../images/page-container-bg.gif) repeat-y center center; margin: 0px auto; }
#pageContainerLeft { position: absolute; bottom: 0px; left: -83px; width: 93px; height: 356px; background: url(../images/page-container-left.gif) no-repeat left bottom; }
#pageContainerRight { position: absolute; bottom: 0px; right: -58px; width: 68px; height: 347px; background: url(../images/page-container-right.gif) no-repeat right bottom; }
#page {	margin: 0 auto; width:950px; background-color: #33251a;	position: relative;}
#header { position: relative; width: auto; margin: 0px auto; height: 110px; background: url(../images/headerBg.jpg) no-repeat left top; }
#logo { position: absolute; top: 13px; left: 19px; width: 162px; height: 82px; }
#content { position: relative; display: block; min-height: 400px; margin: 0px auto; padding: 10px 10px 0px 10px; background: #fff url(../images/contentBg.jpg) repeat-x left top; }
#bottomContent { position: relative; margin: 0px auto; height: 162px; padding: 43px 0px 9px 10px; border-bottom: 1px solid #e1e1e1; background: #fff url(../images/contentBottomBg.gif) no-repeat left top; }
#footer { padding: 8px 10px 0 10px; background: url(../images/footerBg.gif) no-repeat top left; width: 950px; margin:0px auto; text-align: right;}

#bottomContent .teaser { position: relative; float: left; margin-right:10px; width:303px; min-height:161px; text-align: left;}
#bottomContent .teaser p {   }
#bottomContent .teaser h2 { font-size: 90%; font-weight: normal; margin:3px 0 0 14px; height: 24px; line-height: 24px; color: #fff; text-transform: uppercase; }
#bottomContent #tipProVas { background: url(../images/tip-pro-vas.jpg) no-repeat left top #fff; }
#bottomContent #tipProVas .textContent { display: block; margin:25px 0 0 170px; width:120px; }
#bottomContent #nezapomente { background: url(../images/nezapomente.jpg) no-repeat left top #fff; }
#bottomContent #nezapomente .textContent { display: block; margin:18px 0 0 135px; width:150px; }
#bottomContent #ceskyKrumlov { background: url(../images/cesky-krumlov.jpg) no-repeat left top #fff; }
/*-------------------------------------------------------------------------------------------------------
	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;}

#slideshow { position: relative; float: left; }
#slideshow img { display: block; }
#slidecontrol { position: relative; clear: right; float:right; margin-right: 420px; display: block; margin-top: -1px;}
#homeRight { position: relative; float: right; background: #fff url(../images/homeRightBg.jpg) no-repeat left top; width: 300px; height: 186px; padding: 250px 45px 0 40px; text-align: left;}
#okoliRight { position: relative; float: right; background: #fff url(../images/okoliRightBg.jpg) no-repeat left top; width: 195px; height: 186px; padding: 250px 95px 0 95px; text-align: left;}
#menuRight { position: relative; float: right; background: #fff url(../images/menuRightBg.jpg) no-repeat left top; width: 315px; height: 286px; padding: 150px 35px 0 35px; text-align: left;}

#slidecontrol li { width: 13px; float: left; margin: 0 1px 0 0; list-style: none }
#slidecontrol a { display: block; background: #ccc; width:13px; height: 14px; margin-right: 10px;}
#slidecontrol a:focus { outline: none; }

#slidecontrol #slide1:link, #slidecontrol #slide1:visited { background: url(../images/slide1.gif) no-repeat top left; }
#slidecontrol #slide1.activeSlide { background: url(../images/slide1-on.gif) no-repeat top left; }

#slidecontrol #slide2:link, #slidecontrol #slide2:visited { background: url(../images/slide2.gif) no-repeat top left; }
#slidecontrol #slide2.activeSlide { background: url(../images/slide2-on.gif) no-repeat top left; }

#slidecontrol #slide3:link, #slidecontrol #slide3:visited { background: url(../images/slide3.gif) no-repeat top left; }
#slidecontrol #slide3.activeSlide { background: url(../images/slide3-on.gif) no-repeat top left; }

#slidecontrol #slide4:link, #slidecontrol #slide4:visited { background: url(../images/slide4.gif) no-repeat top left; }
#slidecontrol #slide4.activeSlide { background: url(../images/slide4-on.gif) no-repeat top left; }

#slidecontrol #slide5:link, #slidecontrol #slide5:visited { background: url(../images/slide5.gif) no-repeat top left; }
#slidecontrol #slide5.activeSlide { background: url(../images/slide5-on.gif) no-repeat top left; }

#slidecontrol #slide6:link, #slidecontrol #slide6:visited { background: url(../images/slide6.gif) no-repeat top left; }
#slidecontrol #slide6.activeSlide { background: url(../images/slide6-on.gif) no-repeat top left; }