body  { margin:0; padding:0; color: #FFF; background:#5e4f44 url(bgpage.gif) repeat-y center top; font: 75% Tahoma, Geneva, sans-serif; }
hr { display:none }
input,select,textarea { font-size:92% }
select { border:1px solid #ABDEFB }
input.text { width:175px; padding:4px 5px; color:#2E2621; border:1px solid #ad9b8d; background-color:white }
input.button { margin:0; padding:4px 5px; border:0; background:#5E4F44; color:#FFF; font-weight: bold; }
input.checkbox { position:relative; top:1px }
table { font-size:100%; border-collapse:collapse; margin:0.5em 0; padding:0; border:0 }
th  { text-align:left; font-weight:normal; padding: 2px 10px; font-size: 123%; border-bottom: 1px solid #2E2621; border-right: 1px solid #2E2621; }
td { padding: 3px 10px; border-right: 1px solid #2E2621; }

h1, h2, h3, h4, h5, h6 { margin:8px 0; font-size:200% }
p,div,hr,form { padding: 0px; margin: 0px; }
a { color: #FFF; }
a:hover { text-decoration: none; }
img { border: none; }
.cleaner { margin: 0px auto; padding: 0; width: 100%; visibility: hidden; clear: both; font-size: 1px; height: 1px; line-height: 1px;}
.tdborder { border-right: 1px solid #2E2621; border-bottom: 1px solid #2E2621; }

#main{ width: 1000px; /*Width of main container*/ margin: 0 auto; clear: both; 
}
#header{ background: url(bgheader.gif) repeat-x center top; 
}
#headercolumn img { float: left; }

#headercolumn { margin: 0px auto; width: 1000px; height: 231px; position: relative; }
#header #logo { margin: 0; display: block; float: left; padding: 0px; width: 200px; height: 175px; 
}
#header h1 
   { display: none; }
#flashheader { width: 800px; margin: 0px; padding: 0px; height: 175px; float: right; }
#headercolumn p { display: block; float: left; width: 170px; font-size: 122%; height: 27px; margin: 0px; padding: 20px 0px 0px 30px; }
#headercolumn a  { text-decoration: none; }
#headercolumn a:hover { text-decoration: underline; }
#headercolumn ul { display: block; margin: 0px; padding: 0px; list-style: none; width: 800px; float: right; height: 56px; text-transform: lowercase; background: url(bgtopmenu.jpg) no-repeat; position: absolute; left: 200px; top: 175px; }
#headercolumn ul li { padding-top: 21px; padding-right: 15px; padding-left: 15px; background: url(../images/bgtopli.gif) no-repeat 0px 14px; display: inline; float: left; height: 25px; }
#headercolumn ul.de-menu li {padding-right:3px; padding-left:3px;} 
#headercolumn ul li#first { background: url(none); }
/*#header #langmenu { display: block; width: 182px; position: absolute; z-index: 400; left: 806px; top: 14px; height: 30px; margin: 0px; padding: 0px; font-size: 95%; }
#langmenu span { padding-right: 8px; padding-left: 8px; }
#langmenu a { text-decoration: underline; }
#langmenu a:hover { text-decoration: none; }

#langmenu .lang { font-weight: bold; text-decoration: none; }*/

ul#langs {background: url(''); position: absolute; top: 150px; left: 200px; height: 20px; z-index: 10;}
ul#langs li {background: url(''); padding: 0; margin-right: 3px;}

ul#langs a { margin: 0 3px 0 0;position: relative; overflow: hidden; z-index: 11; background-color: #fff; text-decoration: none; color: #000; }
ul#langs a:hover {text-decoration: none;}
ul#langs a, ul#langs a span {display: block; cursor: pointer; width: 22px; height: 15px;}
ul#langs a span {position: absolute; left: 0; top: 0; z-index: 12;}

ul#langs a#cz span {background: url('cz.png') no-repeat;}
ul#langs a#de span {background: url('de.png') no-repeat;}
ul#langs a#en span {background: url('en.png') no-repeat;}

#content{ float: left; width: 100%; background: #2e2621 url(bgleft.gif) repeat-y; clear: both; }
.contentcolumn{ margin-left: 200px; }
.mainpage { width: 575px; padding-top: 3px; padding-left: 10px; float: left; line-height: 1.5;/* padding-bottom: 40px; */}
.mainpage p { margin-bottom: 15px; padding-left: 10px; }
.mainpage p big { font-size: 135%; }
.mainpage ul  { margin: 0px; padding: 0px 0px 0px 10px; list-style: none; }
.mainpage ul ul { padding: 0px; }
.mainpage ul li { background: url(li.png) no-repeat 0px 4px; padding-left: 20px; }
.mainpage ul li li { background: url(lili.png) no-repeat 0px 4px; padding-left: 16px; }

.akce  { float: left; width: 90%; font-family: Verdana, Geneva, sans-serif; padding-left: 10px; clear: both; padding-top: 5px; }
.akce img { float: left; margin-top: 5px; }
.akce h4 , .akcedetail h4{ color: #AD9B8D; margin: 0px; padding: 0px 0px 0px 132px; display: block; font-size: 150%; line-height: normal; font-weight: normal; }
.akce h4 a { color: #AD9B8D; }
.akce span ,.akcedetail span{ display: block; padding-left: 132px; padding-bottom: 12px; }
.akce p { display: block; padding-left: 132px; }
.akcedetail { clear: both; float: left; width: 95%; padding-left: 10px; font-family: Verdana, Geneva, sans-serif; }
.akcedetail #topimg { float: left; margin-right: 12px; margin-bottom: 20px; }

.akcedetail h4 { padding-left: 280px; }
.akcedetail span { padding-left: 280px; }
.akcedetail p { padding-left: 0px; }
#photogallery { padding-left: 10px; padding-top: 15px; }
#photogallery p { margin: 0px; padding: 0px 0px 24px; width: 141px; float: left; }
#photogallery p img { border: 1px solid #5a5049; }
#photogallery p span { clear: both; display: block; font-weight: bold; padding-top: 6px; }
#photogallery p a { text-decoration: none; }
#photogallery p a:hover span{ text-decoration: underline; }

.packages { float: right; width: 190px; padding-top: 3px; padding-right: 12px; }
.packages a { display: block; color: #FFF; width: 170px; padding: 0px 10px 10px; text-decoration: none; clear: both; margin-bottom: 2px; }
.packages a strong { font-size: 160%; font-weight: normal; line-height: 1.6; }
.packages a:hover { text-decoration: underline; }


#boxes { float: left; width: 780px; margin: 0px; padding: 12px 0px 0px 20px; }
#boxes h2 { float: left; height: 164px; width: 260px; display: block; margin: 0px; padding: 0px; font-size: 225%; }
#boxes h2 small { font-size: 90%; display: block; padding-top: 4px; }
#boxes h2 a{ display: block; height: 139px; width: 240px; font-weight: normal; text-decoration: none; padding-left: 10px; padding-top: 12px; position: relative; float: left; }
#boxes h2 a span   { display: block; height: 23px; width: 60px; font-size: 45%; text-align: center; text-decoration: underline; position: absolute; right: 0px; bottom: 0px; padding-top: 7px; font-style: normal; }
#boxes h2 a:hover span { text-decoration: none; cursor: pointer; }


.box1 { background: url(box1.jpg) no-repeat; }
.box2 { background: url(box2.jpg) no-repeat; }
.box3 { background: url(box3.jpg) no-repeat; }
.box4 { background: url(box4.jpg) no-repeat; margin-bottom: 0; padding-bottom: 0}
.box5 { background: url(box5.jpg) no-repeat; }
.box6 { background: url(box6.jpg) no-repeat; }

.boxcolor1 { background: #8d7051; }
.boxcolor2 { background: #de942e; }
.boxcolor3 { background: #ff7b96; }
.boxcolor4 { background: #7f4f21; }
.boxcolor5 { background: #3e4a63; }
.boxcolor6 { background: #6d8627; }


/*
.c1 { background: #8d7051; }
.c2 { background: #de942e; }
.c3 { background: #ff7b96; }
.c4 { background: #7f4f21; }
.c5 { background: #3e4a63; }

.c6 { background: #6d8627; }
.c7 { background: #a24220; }
.c8 { background: #b3c034; }
.c9 { background: #cc0066; }
.c10 { background: #BB5189; }
*/

.c1 { background: #F4CEDC; }
.c2 { background: #DCCADC; }
.c3 { background: #ECAEC4; }
.c4 { background: #DCDEDC; }
.c5 { background: #ACD6BC; }
.c6 { background: #A7A4B9; }
.c7 { background: #F4DE94; }
.c8 { background: #ACAECC; }
.c9 { background: #cc0066; }
.c10 { background: #BB5189; }
/* třídy v podstranách*/
.cu1 { background: #F49EC4; }
.cu2 { background: #BC7EB4; }
.cu3 { background: #C41E64; }
.cu4 { background: #ACB2B4; }
.cu5 { background: #0C9244; }
.cu6 { background: #A7A4B9; }
.cu7 { background: #E4BA24; }
.cu8 { background: #6466A4; }
.cu9 { background: #cc0066; }
.cu10 { background: #BB5189; }



#newshome { clear: both; float: left; width: 780px; margin: 0px; padding: 0px 0px 0px 20px; }
#newshome  span{ width: 240px; padding-top: 15px; color: #C8E620; font-weight: bold; font-size: 120%; padding-left: 20px; display: block; float: left; height: 57px; }
#newshome span a { font-size: 75%; font-weight: normal; color: #D1C8C0; }


.leftcolumn{ float: left; width: 190px; margin-left: -1000px;background: url(bgleft.gif) repeat-y; padding-left: 10px; padding-bottom: 0px; position: relative; z-index: 89; }

.leftcolumn img { float: left; }

.leftcolumn #slidemenu { clear: both; width: 190px; margin-top: 10px; padding-bottom: 0px; /* 46px */ float: left; margin-bottom: 0;}
#slidemenu ul { margin: 0px; padding: 0px; list-style: none;  }
#slidemenu ul ul { position: absolute; font-size: 85%; background: #5E4F44 url(bglisub.gif) no-repeat 0px 12px; padding-top: 5px; padding-bottom: 5px; left: 190px; top: 0px; visibility: hidden; }

#slidemenu ul li { clear: both; float: left; display: block; position: relative; }

#slidemenu ul li a { color: #FFF; font-size: 122%; float: left; width: 171px; clear: both; padding-top: 7px; padding-bottom: 8px; text-decoration: none; padding-left: 19px; }
#slidemenu ul li li a { padding-top: 4px; padding-bottom: 4px; }

#slidemenu ul li a:hover { color: #332A25; background: #FFF; }
#slidemenu ul li li a:hover.first {background: #2E2621 url(bglisub.gif) no-repeat 0px 7px; color: #FFF; }

#slidemenu ul li li a:hover {background: #2E2621; color: #FFF; }

.leftcolumn h4 { display: block; margin: 8px 0px 0px; padding: 5px 0px 5px 19px; width: 171px; background: #2E2621; color: #FFF; font-weight: bold; font-size: 107%; clear: both; float: left; }
/** html .leftcolumn h4.newsletter {position: relative; top: 0px;}*/

#newsletter input { width:150px; padding:4px 3px; color:#2E2621; border:1px solid #ad9b8d; background-color:white; float: left; margin-top: 8px; margin-bottom: 3px; }
#newsletter #newssend { margin:8px 0 3px; padding:4px 5px; border:0; background:#5E4F44; color:#FFF; font-weight: bold; width: 30px; float: left; cursor: pointer; }
.leftcolumn .leftimg { margin: 0px; padding: 0px; display: block; clear: both; }

#calendar { background: url(../images/bgcalendar.gif) repeat-x; clear: both; float: left; height: 142px; width: 185px; margin-top: 8px; padding-top: 3px; padding-right: 5px; }
#calendar #topc { font-weight: bold; padding-left: 20px; }
#calendar ul { list-style: none; margin: 0px; padding: 4px 0px 0px 13px; font-size: 95%; display: block; height: 103px; width: 166px; }
#calendar ul li { float: left; width: 19px; text-align: right; height: 16px; padding-top: 0px;margin-top:1px; display: block; padding-right: 4px; #padding-right: 3px; }
#calendar ul li.active { padding-top: 0px; }

#calendar ul li.active a{ background: #00b533; display: block; height: 14px; width: 15px; text-align: right; float: left; text-decoration: none; margin-left: 0px; display: inline; padding-right: 3px; padding-left: 1px; padding-top: 0px; }
* html #calendar ul li.active a {padding-right: 2px;}
#calendar ul .off { color: #AD9B8D; }
#calendar ul .today { border: solid #c8e620 2px; height: 12px; width: 15px; padding-left: 0px; padding-bottom: 2px; _padding-bottom: 0; margin-top: -1px;}

#calendar #back { float: left; padding-left: 18px; padding-top: 2px; font-size: 95%; }
#calendar #next { float: right; padding-top: 2px; padding-right: 12px; font-size: 95%; }


#footer{
	clear: left;
	width: 1000px;
	background: url(bgfooter.jpg) no-repeat right top;
	color: #FFF;
	text-align: left;
	padding: 4px 0;
	height: 118px;
}
#footer #mailform {
	clear: both;
	height: 32px;
	text-align: right;
	float:right;
	width:750px;	
}
#mailform fieldset input {
	border: 1px solid #aa9c91;
	height: 16px;
	width: 121px;
	margin-top: 2px;
	float: right;
	margin-right: 10px;
}

#mailform .button {
	float: right;
	background-image: url(bg-button-footer.gif);
	background-repeat: repeat-x;
	height: 22px;
	cursor: pointer;
	padding: 0px 15px 3px;
	display: block;
	margin-top: 5px;
	margin-right: 10px;
	width: 130px;
}
#mailform .submit {
	border-color: #FFF;
	text-transform: uppercase;
	color: #FFF;
	background-image: url(bg-submitfooter.gif);
	background-repeat: repeat-x;
	height: 20px;
	cursor: pointer;
	font-weight: bold;
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 3px;
	margin-top: 2px;
	width: 130px;
	margin-right: 0px;
	text-align: center;
}

#mailform fieldset {
	display: none;
	float: right;
	border-style: none;
	width: 80%;
}
#mailform label {
	padding-right: 7px;
	display: block;
	float: right;
	padding-top: 5px;
}


#footer p {
	display: block;
	padding-left: 10px;
	font-size: 95%;
	padding-top: 0px;
	line-height: 1.5;
	float: left;
}
#footer p em { color: #B3C034; font-style: normal; }
#footer p span { padding-right: 12px; padding-left: 12px; }
#footer p#facebook{
	float: right;
	line-height: normal;
	display: block;
	text-align: right;
	padding-right: 10px;
	padding-top: 15px;
	padding-left: 0px;
}

#footer a{ color: #FFF; 
}
#footer p#facebook img {
	margin-top: 5px;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.hidden { display:none; }
#scroll { float: left; width: 791px; position: relative; margin: 28px 0 3px; padding: 0px 0px 0px 9px; clear: both; }
/*scroll*/
#scroll a.next,#scroll a.prev{ cursor: pointer; float: left; display: block; clear: none; height: 184px; width: 28px; margin-top: 0px; position: absolute; z-index: 14; }
#scroll a.prev{ background: url(scrollright.png) no-repeat left top; width: 90px; padding: 0px; left: 9px; top: 0px; }
#scroll a.next{ background: url(scrollleft.png) no-repeat right top; float: left; width: 80px; position: absolute; top: 0px; right: 0px; }
#scroll a.disabled {
	/*visibility:hidden !important;	*/	
}

div.scrollable   { float: left; width: 790px; padding: 0px; height:247px;  overflow: hidden; position: relative; } /* margin-top: 5px */
div.scrollable div.items{ width:2000em; position: absolute; margin: 0px; padding: 0px; clear: both; }
div.scrollable div.items div{ width: 268px; margin: 0px; float: left; line-height: 1.3; display: block; position: relative; }
.scrollable img { cursor: pointer; float: left; }
.scrollable .items div a{ text-decoration: none; font-size: 200%; }
.scrollable .items div span{ display: block; height: 63px; width: 237px; clear: both; overflow: hidden; padding-top: 4px; padding-right: 10px; padding-left: 10px; }
.scrollable .items div a small{ font-size: 55%; /*line-height: 0.6;*/ padding-top: 5px; display: block; height: 15px; }
.scrollable a:hover { text-decoration: underline; }
.scrollable a:hover small{ text-decoration: underline; }
.scrollable .items div em { font-size: 100%; font-style: normal; display: block; text-align: center; width: 60px; height: 23px; padding-top: 7px; position: absolute; right: 11px; top: 85px; }
.scrollable .items div em a { font-size: 100%; text-decoration: underline; }
.scrollable .items div em a:hover { text-decoration: none; }
.scrollable .items div p { font-size: 95%; padding-right: 15px; padding-top: 10px; }

.scrollable .bg1 { background: url(bgscroll1.gif) repeat-x; }
.scrollable .bg2 { background: url(bgscroll2.gif) repeat-x; }
.scrollable .bg3 { background: url(bgscroll3.gif) repeat-x; }
.scrollable .bg4 { background: url(bgscroll4.gif) repeat-x; }
.scrollable .bg5 { background: url(bgscroll5.gif) repeat-x; }
.scrollable .bg6 { background: url(bgscroll6.gif) repeat-x; }
.scrollable .bg7 { background: url(bgscroll7.gif) repeat-x; }
.scrollable .bg8 { background: url(bgscroll8.gif) repeat-x; }

.mainpage h1 ,.packages h3{ font-weight: normal;  display: block; height: 22px; font-size: 230%; margin-bottom: 20px; padding: 18px 0px 0px 10px; width: 565px; clear: both; line-height: 0.8em; color: #312924; position: relative; }
.mainpage h1 a { font-size: 60%; display: block; position: absolute; right: 0px; bottom: -4px; width: 200px; text-align: right; padding-right: 5px; color: #312924; text-decoration: none; }
.mainpage h1 a:hover { color: #FFF; }

.mainpage h2 { font-weight: normal; font-size: 150%; margin-bottom: 0px; padding-left: 10px; }
.mainpage h3 { font-weight: normal; font-size: 130%; padding-left: 10px; }
.packages h3 { background: #FFF; width: 180px; margin-bottom: 10px; }
.packages h2 { font-weight: normal; font-size: 100%; margin: 0px; padding: 0px; }




/*colors col1*/

.mainpage h1 {color: #312924;background: #AD9B8D; padding-bottom: 6px;}
.mainpage h2, .mainpage h3, .mainpage p strong { color: #AD9B8D; }
.mainpage td { background: #6F6259; }
.mainpage th { background: #AD9B8D; }

.mainpage .ftable { width: 100%; }

.ftable th { color: #AD9B8D; background: url(bg-ftable.gif) repeat-x; font-weight: bold; font-size: 125%; padding-top: 0px; border-style: none; }
.ftable td { background: #433A34; color: #FFF; border-style: none; padding-right: 0px; white-space: nowrap; padding-top: 2px; padding-bottom: 2px; line-height: 1.2; }
.ftable td input { border: 1px solid #AD9B8D; height: 16px; color: #2E2621; font: 105% Tahoma, Geneva, sans-serif; padding: 2px 3px 3px; float: left; margin-right: 3px; }
.ftable td select { border: 1px solid #AD9B8D; color: #2E2621; text-align: right; padding: 1px; height: 23px; font: 105% Tahoma, Geneva, sans-serif; float: left; margin-right: 5px; }
.ftable td textarea { font: 105% Tahoma, Geneva, sans-serif; height: 52px; width: 445px; border: 1px solid #AD9B8D; }

.ftable td.rinput input ,.ftable td.chinput input{ height: auto; width: auto; border-style: none; float: left; }
.ftable td.rinput label ,.ftable td.chinput label{ display: block; float: left; padding-right: 15px; }
.ftable td.chinput label { padding-right: 7px; }

.ftable .fselect select { width: 260px; text-align: left; }
.ftable td.sleft select { text-align: left; }

.ftable td.iright input { text-align: right; }

.ftable td.tcleaner { background: #2E2621; font-size: 20%; height: 12px; }
.ftable td.tseparator { height: 15px; }
.ftable td small { font-size: 85%; }
.ftable td a { color: #B3C034; }
.ftable td.brown { color: #AD9B8D; }
.ftable td.tcenter { text-align: center; font-weight: bold; }
.ftable td.tcenter input { border-style: none; height: auto; width: auto; float: none; }
.ftable td.ttext { padding-left: 0px; width: 410px; }

.ftable .tsubmit { background: url(none); text-align: center; padding-top: 14px; padding-bottom: 14px; }
.ftable .tsubmit.right { text-align: right;}
.ftable .tsubmit.left { text-align: left;}
.ftable .tsubmit input { float: none; border: 1px solid #FFF; text-transform: uppercase; color: #FFF; background: url(bgsubmit.gif) repeat-x; height: 28px; width: 197px; cursor: pointer; font-weight: bold; padding-bottom: 4px; }

/*.packages a{background: #BB5189;}*/
.foto td{
padding:0px 0px 20px 0px;
background:none;
}

.foto td span{
position:relative;
bottom:0px;
}

.box_foto {
float:left;
width:131px;
height:180px;
margin:0px 10px 10px 0px;
text-align: center;
}

.box_foto .foto{
height:125px;
}

.box_foto .text{
margin-top:10px; 
font-weight: normal;  
}
.box_foto .text a{
text-decoration: none;
font-weight: normal; 
}
     
     
.kontakt-table td{
border:none;
}
.weather{
	background: url('bgweather.jpg') repeat-x;
	float:left;
	margin:2px 0px 0px 21px;
	width:175px;
	height:71px;
	text-align:center;
}

.weather img{
width:124px;
float:left;
}

.weather span img{
width:20px;
padding: 0px 0px 3px 5px;
}
.weather span {
float:left;
width:42px;
padding:10px 0px 0px 5px;
line-height:135%;
text-align:center; 
} 

.tabulka-bez-pozadi td{
background:none;
padding-right:0px;
padding-left:0px;
}


.tabulka-bez-pozadi td img{
padding-top:5px;
}
.tabulka-dolni-linka td{
border-bottom:1px solid #2E2621;
}

.tabulka-center {
margin:auto;
}

p.error {padding: 0 0 0 20px; font-size: 90%;}
.padding2 {padding-left:2px;}

.login-report { float:left; width:200px;}
a.reporter { background: url('bg-reporter.png') no-repeat left top; width:175px; height:22px; display:block; float:left; margin:0 0 5px 0; text-decoration:none; font-weight:bold; text-align:center; padding:2px 0 0 0;}
.login-report  a.button { float:left; margin:0 5px 0 0; background: url('bg-button-footer.gif') repeat-x; height:22px; width:85px; display:block; text-decoration:none; font-weight:bold; padding:2px 0 0 0; text-align:center;}
p.report-buttons {margin-left:10px;}
div.progress { margin: 10px 0 30px; 0} 
div.progress img {margin-right: 38px;}
div.progress img.last {margin-right: 0px;}

table.summary { width: 100%; font-size: 98%; }
table.summary td{ border-bottom: 1px solid #2E2621;  }
h2.summary { padding: 0;}
.justify { text-align: justify; }
#dogline {display: none;}