body { margin:0; padding:0; text-align:center; color: #666; 
background:#637170 url(../img/design/pozadi.gif) 50% 0 repeat-y; 
}

body,td,input,select,textarea { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
a { color:#00f }
a:hover { text-decoration:underline }
h1 { font-size:15px; color:#4E4E4E; line-height:120%; margin: 0 0 10px 0; }
h2 { font-size:13px; color:#646464; line-height:120%; margin: 0 0 10px 0; }
h2 a {color: #646464;}
h3 {  font-size:12px; margin: 0 0 5px 0; }

.clr { clear:both }
.print { display:none }

#kontejner { width:800px; margin:0 auto; position:relative; overflow:hidden; text-align:left; padding:280px 24px 0 25px; } 
#hlava {position:absolute;width: 800px;left: 25px;top: 0px;z-index: 10;background: url(../img/design/pozadi-hlava.jpg) repeat-x;
	text-align:center;padding-bottom:20px;border-bottom:2px solid #ccc;}

#foto {	text-align:left; padding-top:8px;background: url(../img/design/foto.jpg) 0 27px no-repeat;}

#obsah { line-height:150%; padding:40px 20px 10px 20px; }
div.articleDesc {padding: 0 0 5px;}

#obsahBox {float:left; width:550px;}
div.preview img {border: 1px solid gray; float:left; margin: 0 10px 0 0;}
div.preview div.clear{clear: both; padding-bottom: 20px;}
div.preview p{margin:0;}

#lbox { width:170px; padding:0 10px; float:left; font-size:11px;}
#rbox {	position:absolute; right:30px; top:300px; width:210px; padding:0 10px }
.selectedArticle {font-weight:bold;}
.rbox { margin-right:220px; }

#hledani { clear:both; float:right; text-align:left; width:179px; color:#fff; font-weight:bold;}
#hledani form { margin:0; padding:0 10px 0 40px; height:89px; }
#slogan { width:155px; height:40px; }
#slogan span { display:none }

#menu1,#menu2 { list-style-type:none; margin:0; padding:0; height:23px; padding-left:18px; text-align:left; }
#menu1 li, #menu2 li { float:left; background-repeat:no-repeat; height:23px }
#menu1 a, #menu2 a { display:block; width:120px; height:20px; }
#menu1 b, #menu2 b { display:none; }

#menu1 a:hover { border-top:3px solid #999; }
#menu2 a:hover { border-bottom:3px solid #999 }

#logo { clear:left; height:150px; }
#logo img { border:0; margin:0; margin-left:19px }

#zeme { width: 735px; table-layout:fixed }
#zeme td { font-size:9px; width:58px; vertical-align:top; text-align:center; margin:0; padding:0; }
#zeme img { width:40px; height:24px; border:1px solid #ccc }
#zeme a { color:#999; text-decoration:none; display:block; height:57px; padding:5px 0 0 0 }
#zeme a:hover { background:#fff; }
#zeme td.selected { background:#fff; border: 1px solid #cccccc; border-bottom: 0; margin-bottom: 1px;}

#lbox h2, #rbox h2, .obr h2 { width:175px; height:20px; margin:1em 0 .5em 0; padding:0; overflow:hidden; color:#666666; font-size:14px; }
#lbox h2 b, #rbox h2 b, .obr h2 b { display:none } 

#lbox ul, #rbox ul, .obr ul { list-style-type:disc; margin:3px 0 6px 22px; padding:0 }
#lbox a, #rbox a { color:#666; text-decoration:none; xline-height:16px; }
#lbox a:hover { text-decoration:underline }

#preFooter {clear:both; padding: 10px;}
#footer { background:#fff; color:#000; text-align:center; padding:10px; border-top:2px solid #ccc; }
#footer a { color:#999 }

#obsah .program { line-height:150%; }
#obsah .program .den { font-weight:bold; color:#f60 }
#obsah .program a.m { color:#666; font-weight:bold; text-decoration:none; cursor:help; }

.mistopisy div { visibility:hidden; position:absolute; top:0; left:0; width:200px; background:#ddd; 
	border:1px solid #999; border-bottom:2px solid #000; border-right:2px solid #000; padding:10px; }
.mistopisy img {border:1px solid #fff }


.stavprodeje { border-collapse:collapse; width:100%; table-layout:fixed; }
.stavprodeje td { padding:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.dulezite ul { list-style-type:disc; margin:3px 0 14px 22px; 
	list-style-image:url('../img/design/ubytovani_bull.jpg'); padding:0 }

.vyhledavac label { float:left; display:block; width:10em; height:2em; line-height:2em; padding-left:30px; 
	background:url('../img/design/vyhledavac_sipka.jpg') no-repeat; font-weight:bold; }
.vyhledavac select { width:20em; margin:.2em }

#hpfoto { width:200px; height:150px; border:3px solid #637170 }
#hpfoto div { margin-top:110px; height:40px; background:#fff; filter:alpha(opacity=70) }

#hpfoto a { color:#000; font-weight:bold; display:block; padding:5px; width:190px; height:30px; overflow:hidden; text-overflow:ellipsis }

.bookmarks { margin-top:.5em; font-weight:normal }

.mapka { float:right; border:3px solid #637170; margin-left:.5em }
.rybarske { margin-left:2em; }
	
	
	
table.rezervace td {border-bottom: 1px dashed  #C3C691; padding-left:10px; line-height:130%;font-size:12px;}
table.rezervace td.priceType {border: none; font-size:13px;	color: #2C5567; font-weight:bold; padding: 7px 0 2px 2px;}

table.rezervace td.lm span.reservationPrice { color: #cc0000;}
table.rezervace {margin:10px; font-size: 11px; width: 95%;}
table.rezervaceUdaje input { border: 1px double #C3C691; margin: 3px; width: 190px;}
table.rezervaceUdaje textarea {width:400px; border: 1px double #C3C691; margin: 3px;}

div#TotalPriceDiv{font-weight:bold;}
table.rezervaceUdaje .submit {font-weight: bold;color: #FFFFFF;background-color: #0066FF; border: 1px solid black;	cursor: pointer;	display: block;}

table.program tr td {color:black; line-height:150%;}
table.program tr td.den {color:#CC0000; font-weight:bold; vertical-align:top; width:60px;}
.lmPrice {width: 60px; cursor:help;}

/*zajezd preview*/
.zajezd {width:700px;padding:10px 0;clear:both; margin: auto;}
.zajezd img{width:90px;float:left;border:1px solid #c8c8c8;margin:10px 0px 25px 0px;}
.zajezd div.t{padding:5px 20px 5px 120px;}
.zajezd div.t h2{margin:0 0 5px 0;padding:0px;line-height:normal;}
.zajezd div.t h2 a{color:#4E4E4E;margin:0px;padding:0px;display:block;line-height:normal;}
.zajezd div.t h3{background-color:#DEE7EE;margin:0 0 5px 0;padding:0px;line-height:normal;}
.zajezd div.t h3 a{color:#4E4E4E;margin:0px;padding:0px;display:block;line-height:normal;}
.zajezd div.t h3 a:hover{background:#DEE7EE;}
.zajezd div.l{display:block;padding:5px 20px 5px 120px;}
.zajezd i{color:#333333;font-style:normal;}
.zajezd b{font-size:14px;color:black;}
.zajezd b.lm{font-size:14px;color:#CC0000; cursor:help;}
.zajezd div.l a{display:block;float:right;font:11px;line-height:22px;font-weight:bold;padding:0px 25px 0px 10px;color:#646464;}
.zajezd div.l a:hover{color:#4E4E4E;}
.zajezd .info{padding:5px 0px 5px 140px;margin:0px;}
.zajezd .popis{padding:5px 0px 5px 140px;margin:0px;}
div.preview img.flag, img.flag{margin:2px 5px 0px 0px;width:16px;}

/*hledat*/
#hledej select {width:150px; margin: 2px 0;font-size:11px;}

/*zajezd*/
.zajezd-foto{width:250px;float:right;border:1px solid #2978AE;padding:2px;margin:0px 10px 10px 10px;background-color:#C6E6F4;}
.foto img{padding:2px;background-color:#CDE6F3;border:1px solid #1871AB;margin:6px; width:90px; height:60px; float:left;}

table.program tr td {color:black; line-height:150%;}
table.program tr td a {color:#555555; text-decoration:none; font-weight:bold;}
table.program tr td a:hover {color:#4E4E4E; text-decoration:underline;}
table.program tr td.den {color:#CC0000; font-weight:bold; vertical-align:top; width:60px;}
.cenik {text-align: right; overflow:auto; width: 370px; border: 1px solid black;}
.cenik col.odjezd, .cenik col.cena {width:100px;}
.cenik col.odkaz {width:80px;}
.cenik col.delka {width:50px;}

.cenik b, .terminy b{color:black;}
.cenik b.lm, .terminy b.lm{color:#CC0000; cursor:help;}
.lmPrice {width: 60px; cursor:help;}
#zajezd-info {padding: 0px 20px;}

/* Strankovani*/		
.strankovani{height:25px;display:block;	font:11px;text-align:center;clear:both;margin:0px;padding:10px 0;}
.strankovani a{border:1px solid #BCD7EA;color:#333333;padding:3px 6px 3px 6px;cursor:pointer; text-decoration:none;}
.strankovani a.selected{text-align:center;background-color:#3399FF;color:#FFFFFF;}
.strankovani a:hover{text-align:center;background-color:#BCD7EA;color:#FFFFFF;}

/*menu*/
.menu {height: 20px;}   
.menu#topMenu{ background-image: url(/img/design/hdr-top.png);background-position: center; }
.menu#bottomMenu{ background-image: url(/img/design/hdr-bottom.gif);background-position: center; height:25px;}
.menu ul{margin: 0; list-style-type: none;}
.menu ul#top {padding:0px 0 0 33px; position:relative; top:13px;}
.menu ul#bottom {padding:0px 0 0 33px; position:relative; top:3px; }
.menu ul ul { width: 114px; padding: 0;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float: left;width: 118px; position: relative;}
/* style the links for the top level */
.menu a, .menu a:visited{display: block;text-decoration: none; height: 16px; border: 0; margin: 0 2px;}         
.menu ul li a img{ border: 0;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul{ visibility: hidden;position: absolute; height: 0; top: 16px; left: 0; width: 149px;}    
/* position the third level flyout menu */
.menu ul ul ul{ left: 149px;top: -1px; width: 149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left{ left: -149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table{ position: absolute; top: 0; left: 0; border-collapse: collapse;  font-size:10px;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited{ background: #898989; color: white; height: auto; line-height: 9px; padding: 5px 10px; width: 94px;font-size:10px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color: #000; background: white;text-decoration: none; font-size:10px;background: gray;}
.menu :hover > a, .menu ul ul :hover > a{ color: #000; background: gray;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility: hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility: visible;}


#info{ background: #f8f8f8; border: 0;}
.teplota {text-align:right;}

#fotogalerie .foto {width: 90%; margin:auto;}
.kurz {text-align:right;}

div.mistopis img {float: left; border:1px solid gray; margin: 5px 10px 5px 0;}
/*google maps*/
.ginfo {font-size: 11px; width: 25em; color:#676969;}
.ginfo h2 {font-size: 12px; color:#000000; margin:0;}
.ginfo img {border: 1px solid #999999;float:right; margin: 0 0 2x 3px;}
#gmap{width: 550px; height: 500px; display:inline-block;}
#gmapNav{ float:left; display:inline-block;font-size: 12px;}
#gmapNav a{font-weight:normal;}