* {margin:0; padding:0} 

body   {font-size: 95%; color: black; font-family:  verdana, tahoma, arial,sans-serif; text-align: left; background-color:  #DDDDDD;}
#container {width:760px; margin:0 auto; background-color:white; } 

#levy {width:140px; background-color:white; float:left; margin:10px 0 20px -755px; } 
#pravy { width:130px; background-color:white; float:left; margin:10px 0 20px 5px; } 
#hlavni { width:470px; background-color:white;float:left; margin:10px 0 20px 150px; display:inline; text-align: left; } 



#paticka {clear:left; width:760px; background-color:#FFFFFF; text-align: center; padding-bottom: 5px; } 
#hlavicka {clear:left;width:760px; height: 110px; background-image: URL('hlavni.jpg')} 
p {margin-top: 10px; margin-bottom: 15px; } 
.ramecek {margin: 10px 0 10px 5px; width: 380px; padding: 10px; color: black;  background-color: #ccc ; font-size: 90%; line-height: 130%;}
.ramecekcenter {margin: 10px 0 10px 5px; width: 380px; padding: 10px; color: black;  background-color: #ccc ; font-size: 90%; line-height: 130%;}
.fial {font-weight: bold; color: maroon; font-size: 110 %;}
.small {font-size: 80%; }
.small2 {font-size: 70%; }
.smallcenter {font-size: 80%; }
.tip {font-size: 110 %; font-weight: bold; color: black; background-color: orange; text-align: center;}
.aktual {font-size: 80%; font-weight: bold; text-align: center; color: #ff8c00; }
.odkaz { text-align: left; margin: 5px; color: maroon; font-size: 95%; text-decoration: underline;}
a.odkaz:link {color: maroon; text-decoration: underline;font-size: 95%;font-weight: bold;}
a.odkaz:visited {color: navy; text-decoration: underline; font-size: 95%;font-weight: bold;}
a.odkaz:active {color: maroon; text-decoration: none; font-size: 95%;font-weight: bold;}
a.odkaz:hover {color: maroon; text-decoration: none; font-size: 95%;font-weight: bold;}
.orange { font-size: 110%; color: orange;}
.kurz {font-size: 80%; color: #8b4513; font-weight: bold;}
.doporucujeme {font-size: 90%; color: #8b4513; font-weight: bold;}
.dahar {margin: 0px; margin-bottom: 5px; background: #8b4513; padding-top: 5px; padding-bottom: 5px; padding-left: 3px;color: white; font-size: 110%; }
.neprehlednete {font-size: 80%; color: #8b4513; font-weight: bold;}
.hotely {background: #f5deb3; margin-bottom: 20px; padding-left: 5px; }
.doporuceni {padding: 5px}
.kurs {border: 1px solid #8b4513; background: #f5deb3; margin-bottom: 5px; padding-left: 0px; font-size: 70%;}
.zajezdy {border: 1px solid #8b4513; margin-top: 15px; background: #f5deb3; margin-left: 5px; width: 138px;}
.zajezd {font-size: 80%; color: #8b4513; font-weight: bold;}
.center { text-align: center; margin: 1px}
.bold {font-size: 110 %; font-weight: bold; }
.modry {font-size: 95 %; font-weight: bold; color: navy;}
.tmavy {font-size: 60 %; font-weight: bold; color: maroon; text-align: left;}
.ramecek {text-align: justify; border: 1px solid black; }
.all {text-align: justify; border: 1px solid black; font-size: 80%; padding: 10px; margin-top: 15px; }
.ramecekcenter {text-align: center; border: 1px solid black; }
.ramecekcenterbily {text-align: center; border: 1px solid black; }
.centerpruh {text-align: center; border: none; }
.ramecekbily {margin: 10px 0 10px 5px; width: 380px; padding: 10px; color: black;  background-color: white ; font-size: 90%; line-height: 130%;}
.ramecekmodry {margin: 10px 0 10px 5px; width: 440px; padding: 10px; color: black;  background-color: #f5deb3; font-size: 90%; line-height: 110%; padding: 10px; font-weight: bold; font-size: 80%; border: 1px solid maroon;}
.ramecekbily {text-align: justify; border: 1px solid black; }
.ramecekbottom1 {margin: 10px; padding: 10px; background: #f5deb3; font-size: 75%; font-weight: bold; text-align: justify; border: 1px solid maroon;}
.ramecekrecenze {margin: 15px; padding: 10px 0 10px 0; background: white; font-size: 95%; font-weight: bold; color: white; text-align: center;  width: 250px; text-decoration: none; border: 1px solid maroon;}
.recenze {color: white; text-decoration: none; font-size: 95%;}
a.recenze:link {color: white; text-decoration: none; font-size: 95%;}
a.recenze:visited {color: white; text-decoration: none; font-size: 95%;}
a.recenze:active {color: white; text-decoration: none; font-size: 95%;}
a.recenze:hover {color: white; text-decoration: none; font-size: 95%;}

.obrazky { border: none; margin: 0 px; padding: 3 px; }
.inviatextcenter {font-size: 90%; color: maroon ; font-weight: bold; text-align: center; }
a.inviatextcenter:link {color: maroon; text-decoration: none; font-size: 100 %;}
a.inviatextcenter:visited {color: maroon; text-decoration: none; font-size: 100 %;}
a.inviatextcenter:active {color: maroon; text-decoration: none; font-size: 100 %;}
a.inviatextcenter:hover {color: maroon; text-decoration: none; font-size: 100 %;}
.zalozky {font-size: 90%; color: maroon ; font-weight: bold;  }
a.zalozky:link {color: maroon; text-decoration: underline;font-size: 80 %;}
a.zalozky:visited {color: navy; text-decoration: underline; font-size: 80 %;}
a.zalozky:active {color: maroon; text-decoration: none; font-size: 80 %;}
a.zalozky:hover {color: maroon; text-decoration: none; font-size: 80 %;}
.zalozkybig {font-size: 130%; color: maroon ; font-weight: bold;  }
a.zalozkybig:link {color: maroon; text-decoration: underline;font-size: 130%;}
a.zalozkybig:visited {color: navy; text-decoration: underline; font-size: 130%;}
a.zalozkybig:active {color: maroon; text-decoration: none; font-size: 130%;}
a.zalozkybig:hover {color: maroon; text-decoration: none; font-size: 130%;}
.navigace {font-size: 70%; color: maroon ; font-weight: bold;  }
a.navigace:link {color: maroon; text-decoration: underline;}
a.navigace:visited {color: maroon; text-decoration: underline; }
a.navigace:active {color: maroon; text-decoration: none; }
a.navigace:hover {color: maroon; text-decoration: none; }
.ubytovani {font-size: 120%; font-weight: bold; color: red; text-align: center;}
a.ubytovani:link {font-size: 120%; font-weight: bold; color: red; text-align: center;}
a.ubytovani:visited {font-size: 120%; font-weight: bold; color: red; text-align: center;}
a.ubytovani:active {font-size: 120%; font-weight: bold; color: red; text-align: center;}
a.ubytovani:hover {font-size: 120%; font-weight: bold; color: red; text-align: center;}
h1 {font-size:140%; font-family: tahoma, verdana, arial,sans-serif;font-weight: bold; color: #993300; padding: 10px 0 0 0px; margin-top: 15px; margin-bottom: 0px; }
h2 {font-size:120%; font-family: tahoma, verdana, arial,sans-serif;font-weight: bold; color: #993300; margin-top: 15px; margin-bottom: 0px;}
h3 {font-size:110%; font-family: tahoma, verdana, arial,sans-serif;font-weight: bold; color: #993300; margin-top: 10px;}
a:link {color: maroon;text-decoration: underline}
a:visited {color: maroon; text-decoration: underline}
a:active {color: blue}
a:hover  {color: maroon; text-decoration: none;}
#nettravel {top: 350px; left: 20px;}
#pocitadlo {width: 100px; height: 80px; top: 300px; left: 90px; margin: 30px 0 0 30px; padding: 10 10 10 10 px; font-size: 11 px; font-weight: bold;}
#pruvodce { margin: 30px 0 0 5px; padding: 5px; }
#google {left: 270px;top: 200px; margin: 30px 0 0 0; padding: 10px; width: 120px; }
#google2 {margin: 10px 0 0 12px; padding: 10px; }
#googlebanner {margin: 10px; width: 400px; }
#invia-dlouhy {margin: 20px; }
#invia-formular {margin: 10px; }
#pocasi {width: 80%; height: 80%; }
#googletext {margin: 10px 0 0 10px; padding: 5px; }
#googlejeden {margin: 10px; }
#tlacitko 
{ width: 140px; padding: 0; margin-left: 5px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 80%; } 
#kontakt {margin: 10px 0 0 5px; padding: 3px; font-size: 60%; background-color: #afeeee;} 
#tiptext {margin:0px ;width:440px;text-align:justify;padding:10px;background-color:#ffdead;color:black;border:1px solid black;font-size:14px;}
.th {background-color: orange;}
#stred {text-align: center;}
#formulka {margin-left: 12px; border: 1px solid maroon; }
#formulkasmall {margin: 10px; }
.nadpis {text-align: center; font-size: 190%; color: orange; margin:50px 0 0 30px; font-weight: bold; padding-top: 50px;}
.nadpis2 {text-align: center; font-size: 140%; color: black; margin: 80px 0 0 20px; font-weight: bold; }
#reklamack {margin:0px ;width:450px; text-align:justify; padding:5px; color:#8b4513 ; border: 1px solid #8b4513; font-size:70%;}
.clanky1 {font-size: 90%; color: #8b4513; font-weight: bold; }
.clanky2 {margin: 0px; margin-bottom: 5px; background: #8b4513; padding-top: 5px; padding-bottom: 5px; color: white; }
.clanky {border: 1px solid #8b4513; background: #f5deb3; margin-bottom: 20px; font-size: 90%; }
.oblasti {font-size: 90%; color: #8b4513; font-weight: bold;}
.oblasti1 {margin: 0px; margin-bottom: 5px; background: #8b4513; padding-top: 5px; padding-bottom: 5px; padding-left: 3px;color: white; font-size: 110%; }
.oblasti2 {font-size: 80%; color: #8b4513; font-weight: bold; margin-left: 5px; width: 140px;}
.kurzlibry {font-size: 80%; color: #8b4513; font-weight: bold;}

.kurslibry {border: 1px solid #8b4513; background: #f5deb3; margin-bottom: 5px; margin-left: 5px; padding-left: 0px; font-size: 90%; width: 138px;}
.hotel {font-size: 90%;}

#nabidkahotelu {margin:0px; margin-top: 8px; text-align: center; padding:10px; color: #FF9900;  font-size:80%; font-weight: bold;}
.nabidkahotelu {font-size: 100%; color: #FF9900; font-weight: bold; text-decoration: underline; }
a.nabidkahotelu:link {color: #FF9900; text-decoration: underline;}
a.nabidkahotelu:visited {color: #FF9900; text-decoration: underline; }
a.nabidkahotelu:active {color: #FF9900; text-decoration: none; }
a.nabidkahotelu:hover {color: #FF9900; text-decoration: none; }

.vypiszajezdunet {font-size: 55%;}
.recenze {font-size: 100%; color: maroon; font-weight: bold; margin-top:30px; margin-bottom: 50px;}
.nadpisrecenze {font-size: 120%; color: maroon; font-weight: bold;}
.recenzecislo {font-weight: bold; background-color: #ffdead; width: 460px; font-size: 105%; }
.ramecekrec {width: 400px; font-weight: bold; background-color: #ffdead; margin-left: 30px;}
.bezicitext {height:70px; margin-top:12px; width="160px"; line-height: 150%; font-size: 80%; margin-left:150px; text-align="center"}
.nabidkainvia {height: 100px; margin-left:180px;}

.recenzetop {margin-left:20px; margin-top:50px; color: white; font-weight: bold;width: 200px;}
.vyber {margin-left:3px; font-size:80%;}

#tlacitko 
{ width: 140px; _width: 133px; padding: 0; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 80%; } 

#tlacitko ul 
{ list-style: none; margin: 0; padding: 0; border: none; } 

#tlacitko li 
{ margin: 0; } 

#tlacitko li a 
{ display: block; padding: 3px; background-color: #ffdead; color: black; text-decoration: none; width: 100%; } 
#tlacitko li a#current
{ display: block; padding: 3px; background-color: #c0c0c0; color: black; text-decoration: none; width: 100%; } 
html>body #tlacitko li a { width: auto; } 

#tlacitko li a:hover 
{ background-color: #f4a460; color: black; } 

#tlacitko li 
{ border: 1px solid #ffdead; margin: 0; } 

#tlacitko li li a 
{ display: block; padding: 3px 3px 3px 30px; background-color: #ffdead; color: black; text-decoration: none; width: 80%; } 

#tlacitko li li a:hover 
{ background-color: #f4a460; color: black; } 

#casti 
{ width: 140px; padding: 0; margin-left: 5px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 80%; } 

#casti ul 
{ list-style: none; margin: 0; padding: 0; border: none; } 

#casti li 
{ margin: 0; } 

#casti li a 
{ display: block; padding: 3px; background-color: #ffdead; color: black; text-decoration: none; width: 100%; } 
#casti li a#current
{ display: block; padding: 3px; background-color: #c0c0c0; color: black; text-decoration: none; width: 100%; } 
html>body #tcasti li a { width: auto; } 

#casti li a:hover 
{ background-color: #f4a460; color: black; } 

#casti li 
{ border: 1px solid #ffdead; margin: 0; } 

#casti li li a 
{ display: block; padding: 3px 3px 3px 30px; background-color: #ffdead; color: black; text-decoration: none; width: 80%; } 

#casti li li a:hover 
{ background-color: #f4a460; color: black; } 



#navcontainer {
	clear: both; margin: 2px; font: 64% tahoma, helvetica, sans-serif; width: 450px; COLOR: #afeeee; height: 10px; background-color: #afeeee; padding left: 95px; padding-right: 0px; padding-bottom: 1em; padding-top: 1em; text-align: center;}
#navcontainer UL {
	padding-right: 2px; padding-left: 1px; margin: 0px; font: 100% tahoma, helvetica, sans-serif; COLOR: black; list-style-type: none; background-color:orange; text-align: center; 
}
#navcontainer li {
	border-right: #fff 0px solid; padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 8.5em; padding-top: 0px; text-align: center; }
#navcontainer li a {
	padding-right: 0.2em; display: block; padding-left: 0.2em; padding-bottom: 0.2em; width: 100%; color:black; padding-top: 0.2em; background-color: #afeeee; text-align: center; text-decoration: none}

#navcontainer li a:hover {font-weight: bold}
#navcontainer li a#current {font-weight: bold}
#tip {width: 130px; height: 120px; margin: 20px 0 20px 5px; padding: 3px;}

#pravy 
{ width: 125px; padding: 0; margin-right: 5px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 95%; } 

#pravy ul 
{ list-style: none; margin-right: 5px; padding: 0; border: none; } 

#pravy li 
{ margin-right: 5px; } 

#pravy li a 
{ display: block; padding: 3px; background-color: #ffdead; color: black; text-decoration: none; width: 100%; } 
#pravy li a#current
{ display: block; padding: 3px; background-color: #c0c0c0; color: black; text-decoration: none; width: 100%; } 
html>body #pravy li a { width: auto; } 

#pravy li a:hover 
{ background-color: #f4a460; color: black; } 

#pravy li 
{ border: 1px solid #ffdead; margin: 0; } 

#doporucujeme2
{ width: 125px; _width: 120px; padding: 0;  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 80%; } 

#doporucujeme2 ul 
{ list-style: none; margin: 0; padding: 0; border: none; } 

#doporucujeme2 li 
{ margin: 0; } 

#doporucujeme2 li a 
{ display: block; padding: 3px; background-color: #ffdead; color: black; text-decoration: none; width: 100%; } 
#tdoporocujeme2 li a#current
{ display: block; padding: 3px; background-color: #c0c0c0; color: black; text-decoration: none; width: 100%; } 
html>body #doporucujeme2 li a { width: auto; } 

#doporucujeme2 li a:hover 
{ background-color: #f4a460; color: black; } 

#doporucujeme2 li 
{ border: 1px solid #ffdead; margin: 0; } 

#doporucujeme2 li li a 
{ display: block; padding: 3px 3px 3px 30px; background-color: #ffdead; color: black; text-decoration: none; width: 80%; } 

#doporucujeme2 li li a:hover 
{ background-color: #f4a460; color: black; } 


#oblasti3 
{  padding: 0; margin-left: 5px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 80%; width: 140px; _width: 133px;
}





#oblasti3 ul 
{ list-style: none; margin: 0; padding: 0; border: none; } 

#oblasti3 li 
{ margin: 0; } 

#oblasti3 li a 
{ display: block; padding: 3px; background-color: #ffdead; color: black; text-decoration: none; width: 100%; } 
#oblasti3 li a#current
{ display: block; padding: 3px; background-color: #c0c0c0; color: black; text-decoration: none; width: 100%; } 
html>body #oblasti3 li a { width: auto; } 

#oblasti3 li a:hover 
{ background-color: #f4a460; color: black; } 

#oblasti3 li 
{ border: 1px solid #ffdead; margin: 0; } 

#oblasti3 li li a 
{ display: block; padding: 3px 3px 3px 30px; background-color: #ffdead; color: black; text-decoration: none; width: 80%; } 

#oblasti3 li li a:hover 
{ background-color: #f4a460; color: black; }