/* CSS Document */
/* dark green 00672d*/

body {
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color: #000;
	text-align: center;
	background: #005e2a url(../images/background.jpg) no-repeat center top;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, a, img, body, div, span, table {
	margin: 0;
	padding: 0;
	border: 0; }
#page {
	display:  block;
	position: relative;
	width:    960px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	}
	
/* OBSAH STRANKY ========== */
#content {
	width: 960px;
	float: left;
	margin-top: 390px;
	padding-bottom: 0px;
	background: #eaf6c6;
}

#content a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#content a:hover {
	color: #333333;
	text-decoration: underline;
}

#contentleft {
	width: 640px;
	float: left;
	overflow: hidden; }

#contentleftbox { margin: 5px 20px 10px 30px; }

#contentright {
	width: 320px;
	float: right; overflow: hidden; }

#contentrightbox { margin: 5px 15px 10px 10px; }

#contentonebox { margin: 5px 90px 10px 30px; }
/* POZICOVANE BLOKY */
#head {
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:390px;
	width: 960px;
	background: #eaf6c6 url(../images/bg-head-all.jpg) no-repeat left top;
	float: left; }

/*HEADER */
#headleft {
	width: 764px;
	height: 197px;
	float: left; }
	
#headlogo, #headimage {
	display:block;
	position: relative;
	}

#headlogo {
	height:164px;
	width: 280px;
	float: left;
	font-size:20px;
	}
	
#headimage {
	height:164px;
	width: 484px;
	float: left;
	font-size:30px;
	overflow:hidden;
	}
	
#headlogo span, #headimage span {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	}	

#headlogo span {
	height:164px;
	width: 280px;
	background: url(../images/logo-head.jpg) no-repeat;
	cursor:pointer;
}					

#headimage span {
	height:164px;
	width: 484px;
	background: url(../images/bg-headimage.jpg) no-repeat;
}		
		

#headright {
	width: 196px;
	height: 197px;
	float: left;
	overflow:hidden; }

#headright .najdiselect {text-align: right}

#headright table a {
	font-weight:bold;
	color: #333333;
	text-decoration: underline;
}

#headright table a:hover {
	color: #000000;
	text-decoration:none ;
}

#headright table select {
	/*color: #006633;*/
	background: #ebefa3;
	width:100px;
}
#headright table input {
	color: #305b2e;
	background: #c4bf88;
	border-right: 1px solid #305b2e;
	border-bottom: 1px solid #305b2e;
}

/*upmenu */
#upmenu {
	float: left;
	height: 33px;
	width: 764px;
}

#upmenu ul {
	list-style-type:none;
	margin-right: 10px;
	float: right;
	margin-top: 10px;
}

#upmenu ul li{
	float:left;
	margin-left:15px;	/*height: 32px;*/
	}
	
#upmenu ul li a{
	color:#fcf4cf;
	font-weight: bold;
	text-decoration: none;
	}

#upmenu ul li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	}
#upmenu ul li a.aktiv{
	color:#FFFFFF;
	text-decoration: none;
	cursor:default;
	}
/* == BASIC MENU === */

#basicmenu {
	/*background: #3366FF url(../images/bg-basicmenu-all.jpg) no-repeat;*/
	float: left;
	height: 170px;
	width: 960px;
}

#basicmenu ul { list-style-type:none; }

#basicmenu ul li {
	float: left;
	width: 160px;
}

#basicmenu ul li a {
	display:block;
	height: 65px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	overflow:hidden;
	background: url(../images/bg-basicmenuline.gif) no-repeat 0px 100px;
	}

#basicmenu ul li a span {
	display:block;
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: none;
	line-height: 22px;
	padding-top: 6px;
}



#basicmenu ul li a:hover {
	color: #D08223;
	background: url(../images/bg-basicmenuline.gif) no-repeat 0px 0px;
}

#basicmenu ul li a.aktiv {
	color: #D08223;
	background: url(../images/bg-basicmenuline.gif) no-repeat 0px 0px;
	cursor:default;
}

#basicmenu ul li ul {
	font-size: 12px;
	width: 160px;
}

#basicmenu ul li ul li {
	font-size: 12px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	background: url(../images/bg-basicmenupoint.gif) no-repeat 5px 6px;
	width: auto;
	line-height: 14px;
}

#basicmenu ul li ul li a {
	display:inline;
	height: auto;
	line-height: 15px;
	background: url(none);
	font-size: 12px;
	text-decoration: underline;
}
#basicmenu ul li ul li a:hover { background: url(none) no-repeat 0px 6px; }
#basicmenu ul li ul li a.aktiv { background: url(none) no-repeat 0px 6px; }

#basicmenu .submenuheight42 { height: 42px; }

/*NAVIGACE */
p.navigace {
	color: #666666;
	float: left;
	margin-left: 20px; }

ul#navigace {
	float: left;
	list-style-type:none; }

ul#navigace li {
	color: #666666;
	font-weight:bold;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

ul#navigace li a {
	color: #666666;
	text-decoration: underline;
}

ul#navigace li a.aktiv {
	color: #666666;
	text-decoration: none; }

ul#navigace a:hover {
	text-decoration: none;
	color: #000000;
}

/*OBSAH */
#contentleftbox h1 {
	color: #105908;
	font-size: 20px;
	margin-bottom: 10px; }

#contentleftbox h1.home {
	margin-bottom: 10px;
	font-size: 22px; }
	
#contentleftbox h1.home  span {font-size: 13px;
	}
#contentleftbox h2.indexvyber {
	color: #105908;
	margin: 0px 0px 5px;
	padding: 0px;
	font-size: 15px;
}

#contentleftbox p.subhead {
	color: #105908;
	
	margin-bottom: 15px; }

/*Karta */
.karta1, .karta2, .karta3, .karta4, .karta5, .karta6, .karta7, .karta8 {
	width: 610px;
	height: 225px;
	overflow:hidden;
	background-repeat: no-repeat; }

.karta1 {	background-image: url(../images/karta1.jpg); }
.karta2 {	background-image: url(../images/karta2.jpg); }
.karta3 {	background-image: url(../images/karta3.jpg); }
.karta4 {	background-image: url(../images/karta4.jpg); }
.karta5 {	background-image: url(../images/karta5.jpg); }
.karta6 {	background-image: url(../images/karta6.jpg); }
.karta8 {	background-image: url(../images/karta8.jpg); }
.karta7 {background-image: url(../images/karta7.jpg);	 }
	 
	
.kartabox {
	padding: 10px 15px; }

#content .kartabox h2 a {
	color: #105908;
	font-size: 18px;
	text-decoration: none;
}

#content .kartabox h2 a:hover {
	text-decoration: underline;
}
	
#content .kartabox h1 {
	color: #105908;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}


#content .kartabox ul.destinace {
	margin-top: 5px;
	list-style-type: none;
	padding-bottom: 8px;
}	

#content .kartabox ul.destinace li {
	float:left;
	margin-right: 10px; }

#content .kartabox ul.destinace li a {
	color: #105908;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/odrazka.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px; }

#content .kartabox ul.destinace li a:hover {}

.kartabox .kartafoto {
	width: 145px;
	float: left;
	margin-top: 6px;
	
}

.kartabox .fotoshadow {
	float: left;
	display:     block;
	position: relative;
	width:135px;
	height:135px;
	overflow: hidden;
	}
.kartabox .fotoshadow .obr {
	position:    absolute;
	top:         0;
	left:        0;
	cursor:pointer;
	}
.kartabox .fotoshadow .shadow {
	position:    absolute;
	z-index:     2;
	top:         0;
	left:        0;
	width:135px;
	height:135px;
	overflow: hidden;
	background: url(../images/karta-foto-shadow.gif) no-repeat;
	cursor:pointer;
}

.kartabox .fotoshadow .shadowblock {
	position:    absolute;
	z-index:     2;
	top:         0;
	left:        0;
	width:135px;
	height:135px;
	overflow: hidden;
	background: url(../images/karta-foto-shadow.gif) no-repeat 0px 0px;
	cursor:pointer;
}

.kartabox .kartafoto .fotoshadow{}
.kartabox .kartafoto {}
#content .kartatext {width: 305px;
	float: left; }

#content .kartatext h3 {
	color: #336600;
	padding-top: 5px;
	font-size: 13px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
	
#content .kartatext p,#content .kartatext table { padding-right: 10px; }

#content .kartaseznam {width: 130px;
	float: left; }
.kartabox  {}
.kartabox  {}
#content .kartaseznam ul{
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-top: 15px;
}
#content .kartaseznam ul li{
	margin-top: 3px;
	margin-bottom: 3px; }
	
#content .kartaseznam ul li.detail{
	background: url(../images/karta-buton.jpg) no-repeat;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 10px;
}
	
#content .kartaseznam ul li a {
	color: #105908;
	font-size: 12px;
	font-weight: bold;
	padding-left: 18px;
	background: url(../images/odrazka.gif) no-repeat 5px 4px;
}
.kartaseznam ul li a:hover {}

.kartaseznam div { padding-left: 15px; }
.kartaseznam div a{}
.kartaseznam div a:hover{}

/*RIGHT  */
#contentrightbox h2 {
	color: #105908;
	font-size: 18px;
	background-image: url(../images/odrazka-sq.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin-bottom: 10px;
	padding-bottom: 16px;
	margin-top: 5px; }
	
#contentrightbox h3 {
	color: #105908;
	font-size: 15px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	background-image: url(../images/odrazka.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	}
	
#contentrightbox h4 {
	color: #105908;
	font-size: 13px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	}


#contentrightbox p {
	text-align: justify;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
}
	
#contentrightbox ul{
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#contentrightbox ul li{
	margin-top: 0px;
	margin-bottom: 1px; }

#contentrightbox ul li a {
	color: #105908;
	font-size: 15px;
	font-weight: bold;
	background-image: url(../images/odrazka.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	text-decoration: underline;
}	
#contentrightbox ul li a:hover {
	color: #000000;
	text-decoration: none;
}

#contentrightbox .shadowright a {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	overflow:hidden;
}
#contentrightbox .shadowright a img{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
#contentrightbox .popisfoto {
	font-size: 11px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: left;
}

#kontaknibannerbox {padding-top: 35px; 	
	}

#kontaknibannerbox p#kontaknibanner {
	display:block;
	height:230px;
	width: 300px;
	position: relative;
	font-size:15px;
	}
	
#kontaknibannerbox p#kontaknibanner  span {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:230px;
	width: 300px;
	background: url(../images/kontakt-banner.jpg) no-repeat;
	cursor:pointer;
}		

#contentrightbox  {}
#contentrightbox  {}
#contentrightbox  {}
#contentrightbox  {}

/* fotogalerie */
#fotogalerie {
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 15px;
}
#fotogalerie a img {
	margin-right: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #336600;
	border-right: 2px solid #336600;
	border-bottom: 2px solid #336600;
	border-left: 1px solid #336600;
}
#fotogalerie {}
#fotogalerie {}
#fotogalerie {}
#fotogalerie {}

/*info o zemích *****00672d */
#content #infozeme h2 {

	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #669933;
}
#content #contentleft #infozeme h2 a{	font-size: 24px;
	color: #00672d;
	text-decoration: none;
}
#content #contentleft #infozeme a img {
	margin-right: 15px;
	margin-bottom: 5px;
}
#content #contentleft #infozeme p.viceright {
	margin-top: 5px;
	margin-bottom: 30px;
}
#content #contentleft #infozeme a:hover {
	text-decoration: none;
	color: #000000;
}

/* tabulka u zajezdu */
#contentleft table.tabterminy tr th { background: #E2E09C; }
#contentleft table.tabterminy tr td { background: #E0E1C1; }
#contentleft table.tabterminy {}
#contentleft table.tabterminy {}
#contentleft #infozeme {}
#contentleft #infozeme {}

/* mapa stranek */
#contentleft #mapastr h2{
	color:#336600;
	font-size: 15px;
	margin-top: 6px;
	margin-bottom: 3px;
}
#contentleft #mapastr ul { margin-left: 30px; }
#contentleft #mapastr ul li {
	margin-top: 1px;
	margin-bottom: 1px;
}
#contentleft #mapastr ul li a {
	font-weight: normal;
	text-decoration: underline;
	color: #666666;
}
#contentleft #mapastr ul li a:hover {
	
	text-decoration: none;
	color: #000000;
}
#contentleft #mapastr {}
#contentleft #mapastr {}




/* rezervace */
#rezervace {
	color:#00672d;
	font-size: 15px;
	font-weight:bold;
	/*background: url(../images/rezervace-bg.jpg) repeat-y;*/
	width: 610px;
}
#rezervace p {font-size: 14px;font-weight:normal; }

#rezervacebox {background: url(../images/rezervace-bg.jpg) repeat-y;
	width: 610px;}

#rezervaceup {
	background: url(../images/rezervace-up.jpg) no-repeat;
	float: left;
	height: 15px;
	width: 610px;
}
#rezervacedown {
	background: url(../images/rezervace-dovn.jpg) no-repeat;
	float: left;
	height: 25px;
	width: 610px;
}
#rezervace h3{
	font-size: 19px;
	padding: 5px 20px 10px;
}
#rezervace table {
	margin: 0px 20px;
	padding: 0px;
}
#rezervace table tr td { vertical-align: top; }
#rezervace {}

	
/*stín obrázků */
#contentrightbox div.shadowright {
	background: url(../images/fotoright-shadow.jpg) no-repeat right top;
	width: 300px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	 }	
#contentrightbox div.shadowdown {
	background: url(../images/fotoright-shadowdown300.jpg) no-repeat 0px 0px;
	height: 10px;
	width: 310px;
	 }	
#contentrightbox p.popisfoto {
	padding-top: 0px;
	padding-bottom: 5px;
	 }	

/* ==== OBSAH ===== */
#content h1 {
	color: #00672d;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 0px;
}

#content h1.line {
background-image: url(../images/odrazka-sq.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin-bottom: 10px;
	padding-bottom: 16px;}
	
#editor1 h1 {}
#editor1 ol {
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 40px;
}
#editor1 ol li {
	font-size: 13px;
	font-weight: bold;
	color: #6B693F;
	margin-bottom: 3px;
	}
#editor1 ol li a{color: #6B693F;}
#editor1 ol li a:hover{
	color: #33321E;
	text-decoration: none;
}
#editor1 ul, #editor2 ul {
	list-style-type:none;
	padding: 4px 40px 8px;
}
#editor1 ul li, #editor2 ul li {
	font-size: 12px;
	color: #32311D;
	background: url(../images/odrazka.gif) no-repeat 0px 3px;
	padding-left: 15px;
	}
#editor1 ul li a, #editor2 ul li a {
	font-weight: bold;
	color: #6A6939;
	text-decoration: underline;
}
#editor1 ul li a:hover {
	color: #000000;
	text-decoration: none;
}

#editor1 ul.sublink {
	list-style-type:none;
	padding: 10px 40px 15px 30px;
}

#editor1 ul.sublink li {
	font-size: 13px;
	font-weight: bold;
	color: #6B693F;
	background: url(../images/odrazka.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}
#editor1 ul.sublink li a{}

#editor1 h2, #editor2 h2, #editor3 h2 {
	color: #00672d;
	font-size: 16px;
	margin-top:18px;
	margin-bottom: 9px;
	padding-bottom: 1px;
	/*border-bottom: 1px solid #CCCCCC;*/
}

#editor1 h3, #editor2 h3, #editor3 h3 {
	color: #00672d;
	font-size: 14px;
	margin-top:15px;
	margin-bottom: 5px;
	
}
#editor1 h3 a {text-decoration:none;color: #00672d;}
	 
#editor1 p {
	margin-bottom: 2px;
	text-align: justify;
	margin-left: 40px;
}
#editor1 p strong, #editor2 p strong, #editor3 p strong { color: #00481F; }


#editor1 table.podminky {
	border-collapse:collapse;
	border:1px;
	margin-left: 50px;
}

#editor1 img {
	margin-right: 12px;
	margin-bottom: 6px;
}
#editor1 {}
#editor1 {}


/* === FOOTER  ==== */
#footer {
	float: left;
	width: 960px;
	background: #005e2a;
		}
/*
#footer p#footerup {
	display:block;
	height:265px;
	width: 960px;
	position: relative;
	font-size:20px;
	text-align:right;
	line-height:30px;
	}
	
#footer p#footerup span {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:265px;
	width: 960px;
	background: url(../images/bg-footer.jpg) no-repeat;
}		
*/
/* nový footerup */
#footer #footerupleft {
	float:left;
	height:265px;
	width: 700px;
	background: url(../images/bg-footer.jpg) no-repeat left;
	}

#footer #footerupleft div {
		padding-top: 180px;}
	
#footer #footerupleft div p {
	float:left;
	overflow: hidden;
	color: #FFFFFF;
	padding-left: 15px;	
	}		

#footer #footerupleft div ul  {
	list-style-type: none;
	float:left;
	color: #FFFFFF;
	padding-left: 5px;	
	}		

#footer #footerupleft div ul  li {
	float:left;
	}

#footer #footerupleft div ul li a  {color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;}

#footer #footerupleft ul li a:hover  { text-decoration: none;}

#footer #footerupleft p a {
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
}
#footer #footerupleft p a:hover { text-decoration: none; }

#footer #footerupright {
	float:right;
	display:block;
	height:265px;
	width: 260px;
	position: relative;
	font-size:20px;
	text-align:right;
	line-height:30px;
	}
	
#footer #footerupright span {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:265px;
	width: 260px;
	background: url(../images/bg-footer.jpg) no-repeat right;
}		




#footer p#footerdown {
	margin-bottom: 20px;
	/*padding-top: 5px;*/
	float:left;
	width:960px;
	background: #005e2a;
	}	

#footer p#footerdowngao  { float:right; width:900px; margin-bottom: 20px; padding-top: 5px; text-align:right; color:#FFFFFF
		}	

#footer p#footerdowngao  a, #footer p#footerdown a {
	color:#CCCCCC;
	text-decoration: underline;
}	

#footer p#footerdowngao  a:hover, #footer p#footerdown a:hover {
	color:#FFFFFF;
	text-decoration: none;
}	

/*zaradit */
.tabkarta {
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
}
.tabkarta tr td { vertical-align: top; }
.tabkarta tr td.kartacena, #content #contentleft #contentleftbox .tabkarta tr td.kartacena a {
	color: #336633;
	/*text-decoration: underline;*/
	font-size: 12px;
}

.tabkarta tr th {
	font-size: 11px;
	font-weight: bold;
	color: #336633;
}

/* hover nápověda */
#content .napoveda
{
text-align: justify;
}

#content .napoveda a
{
	/*font-weight: bold;*/
	cursor: help;
	/*background: #FFCC00;
	color: #000000;*/
	text-decoration: underline;
}

#content .napoveda a:hover
{
	/*background: #FFCC00;
	text-decoration: none;*/
}

#content .napoveda a span
{
position: relative;
font-size: 90%;
font-weight: normal;
text-align: left;
}

#content .napoveda a span span
{
	display: block;
	position: absolute;
	visibility: hidden;
	top: -40px;
	left: .5em;
	padding: .2em .5em;
	width: 130px;
	background: #eaf6c6;
	border: 1px solid #669933;
	text-decoration: none;/**/
}

#content .napoveda a:hover span span
{
visibility: visible;
}
	
	
/*pomocné */
#content .cleaner {clear: both}	

p.viceright { text-align: right; }	
	
p.popiskartyhide { display:none;}