/* zarovnanie stránky */
body {
	margin: 0;
	padding: 0;
	background: #FFFBEB url('../image/pozadie1.png') repeat-x;
	text-align: center;
	font-family: "Times New Roman", Georgia;	
	font-size: 16px;
	color: #463F31;

}
#hlavicka {
	padding: 0;
	border: none;
	height: 172px;
	background: url('../image/logo.png') no-repeat;
	
}
#obsah {
	width: 908px;
	margin: 0 auto;
	border: none;
	text-align: left;
	max-width: 908px;
	background: url('../image/pozadie2.png') repeat-y;
}
#levypanel {
	float: left;
	width: 166px;
	margin: 0;
	padding: 0;
	background: url('../image/menu1.jpg') top left no-repeat;
}
#levypanelObsah {
	margin: 0;
	padding: 0;
}
#hlavnipanel {
	margin: 0 0 0 166px;
	padding: 0;
}
#hlavnipanelObsah {
	margin: 0;
	padding: 0 85px 0 23px;
}
#paticka {
  width: 908px;
  height: 81px;
  margin: 0;
	padding: 0 0 0 210px;
	border: none;
	background: url('../image/petka.png') no-repeat;
}
hr.cleaner {
	clear:both;
  display: none; 
}

/* klikacie logo */
.logo {
  margin: 0 0 0 400px;
  padding: 0;
}
.logo img {
  margin: 0;
  padding: 0;
  width: 171px;
  height: 150px;
  border: none;
}

/* úvod */
#atc {
  position: relative;
  margin: 0 0 20px 0;
  padding: 5px;
  width: 614px;
  height: 359px;
  background-color: #FFFBEB;
  border: 1px solid #D6C38B; 
}
#atc IMG {
    position:absolute;
    z-index:8;
}

#atc IMG.active {
    z-index:10;
}

#atc IMG.last-active {
    z-index:9;
}
#h1 {
  margin: 0 0 25px 90px;
  padding: 5px 7px;
  width: 460px;
  font-size: 30px;
  text-align: center;
  font-variant: small-caps;
  color: #7B5632;
  background-color: #FFFBEB;
  border: 1px solid #F4EBD7; 
}
#h1a {
  margin: 0 0 25px 150px;
  padding: 5px 7px;
  width: 310px;
  font-size: 30px;
  text-align: center;
  font-variant: small-caps;
  color: #7B5632;
  background-color: #FFFBEB;
  border: 1px solid #F4EBD7; 
}

#h2r {
  margin: 0 0 25px 0;
  padding: 5px 7px;
  width: 205px;
  font-size: 20px;
  text-align: center;
  font-variant: small-caps;
  color: #7B5632;
  background-color: #FFFBEB;
  border: 1px solid #F4EBD7; 
}

.text {
  margin: 0 15px 25px 12px;
  padding: 0;
}
.text2 {
  margin: 0 12px 0 12px;
  padding: 0 0 20px 0;
  background-image: url('../image/koleso.jpg');
  background-repeat: no-repeat;
  background-position: bottom right; 
}
.text3 {
  margin: 50px 12px;
  padding: 0 0 0 400px;
}
.dropcap
{
  float: left;
  width: 32px;
  font-size: 38px;
  line-height: 80%;
  color: #7B5632;
}
.petka
{  
  margin: 15px 7px 0;
  padding: 0;
	font-size: 11px;
}
.petka a
{ 
  disply: block;
  margin: 0;
  padding: 0; 
	text-decoration: none;
	color: #463F31;	
}
.pata
{ 
  margin: 0;
  padding: 8px 0 0 0; 
}
.language {
  height: 150px;
  margin: 10px 0 0 130px;
  padding: 0;
}
.kontakt3 {
  width: 25px;
  height: 10px;
  margin: 15px 0 15px 0;
  padding: 0;
  border: none;
}
.kontakt2 {
  margin: 0;
  padding: 0;
  height: 27px;
}
.kontakt2 img {
  height: 27px;
  border: none;
}
.kontakt {
  margin: 150px 0 0 25px;
  padding: 0;
}
span.show-tooltip-text { 
  display: none; 
  position: absolute; 
  font-family: "sans-serif", Arial, Helvetica;
  font-size: 12px; 
  margin: 0; 
  padding: 4px 10px; 
  color: #463F31;
  background-color: #FFFBEB;
  border: 1px dashed #D6C38B;
  white-space: nowrap;
  z-index: 5000; 
}
/* služby */
.tabulka
{
border: none;
min-width: 1px;
_width: 1px; /* IE */
width: 620px;
margin:  0 0 0 10px;
}

.radek
{
clear: left;
}

.bunka
{
float: left;
width: 430px;
padding: 2px 2px 2px 8px;
margin: -1px;
border-bottom: 10px solid #FFF;
}

.bunkaa
{
float: left;
width: 140px;
padding: 2px 2px;
margin: -1px;
text-align: center;
border-bottom: 10px solid #FFF;
}

.bunkac
{
float: left;
width: 70px;
padding: 2px 5px;
margin: -1px;
}
.bunkacc
{
float: left;
width: 360px;
padding: 2px 5px;
margin: -1px;
}

.bunkaac
{
float: left;
width: 120px;
padding: 2px 2px;
margin: -1px;
}
.bunkaaac
{
float: left;
width: 70px;
padding: 2px 2px;
margin: -1px;
}

.bunkaaacc
{
float: left;
width: 70px;
padding: 2px 2px;
margin: -1px;
border-bottom: 10px solid #FFF;
}

.hlavicka
{
font-weight: bold;
}

.hlavickaa
{
font-weight: normal;
font-size: 11px;
}
.cl
{
clear: both;
}

.matrjoska
{
padding: 2px 0 2px 5px;
background-color: #FFFBEB;
border-bottom: 1px dashed #D6C38B;
border-top: 1px dashed #F4EBD7;
}

.matrjoskaaa
{
padding: 2px 0 2px 5px;
background-color: #FFF;
border-bottom: none;
border-top: none;
}

.matrjoskaa
{
padding: 2px 2px;
}
/* galéria */
.tabulka_g
{
border: none;
min-width: 1px;
_width: 1px; /* IE */
width: 620px;
margin: 5px auto;
}

.radekg
{
clear: left;
}

.bunkag
{
float: left;
width: 610px;
padding: 2px;
margin: -1px;
}

.bunkagg
{
float: left;
width: 90px;
padding: 2px;
margin: -1px;
_margin: -3px;
border-bottom: 10px solid #FFF;
border-right: 5px solid #FFF;
border-left: 5px solid #FFF;
}
.hlavickag
{
font-weight: bold;
text-align: center;
}

.cl
{
clear: both;
}
.matrjoskag
{
padding: 1px;
}

.matrjoskag img
{
margin: 0;
padding: 5px;
background-color: #FFFBEB;
border: 1px solid #D6C38B;
}
/* tip na výlet */
.tabulka_t
{
border: none;
min-width: 1px;
_width: 1px; /* IE */
width: 620px;
margin: 5px auto 20px;
}

.radekt
{
clear: left;
}

.bunkat
{
float: left;
width: 610px;
padding: 2px;
margin: -1px;
border-bottom: 10px solid #FFF;
}

.bunkatt
{
float: left;
width: 190px;
padding: 1px;
margin: -1px;
border-bottom: 10px solid #FFF;
border-right: 10px solid #FFF;
}
.bunkattt
{
float: left;
width: 410px;
padding: 1px;
margin: -1px;
}
.hlavickat
{
font-weight: bold;
text-align: center;

}

.cl
{
clear: both;
}
.matrjoskat
{
padding: 1px;
}

.matrjoskattt
{
padding: 1px 3px;
}

.matrjoskatt
{
padding: 1px;
width: 605px;
padding: 1px;
margin: -1px;
background-color: #FFFBEB;
border: 1px solid #D6C38B;
}

.matrjoskat img
{
margin: 0;
padding: 5px;
background-color: #FFFBEB;
border: 1px solid #D6C38B;
}
/* formulár */
#rezervacia {
float: left;
margin: 0 0 20px 5px;
padding: 0;
width: 250px;
height: 550px;
}
.formular3 
{
margin: 0 0 5px 0;
padding: 5px 0;
width: 220px;
height: 480px;
background-color: #FFFBEB;
border: 1px solid #F4EBD7;
}

label
{
float: left;
color: #453424;
width: 180px;
padding-left:10px;
}

label b
{
font-size: 14px;
color: red;
}

input
{
background: def2d6;
border: 1px solid #e3e47c;
width: 200px;
height: 22px;
margin-bottom: 5px;
margin-left: 10px;
}

select
{
background: def2d6;
margin-left: 10px;
border: 1px solid #d9d9d9;
margin-bottom:10px;
width: 180px;
}

textarea
{
background: def2d6;
border: 1px solid #e3e47c;
width: 200px;
height: 100px;
margin-bottom: 5px;
margin-left: 10px;
}

#submitbutton
{
margin-top: 5px;
width: 200px;
background: #7B5632;
color: white; 
}

#kontakt3 {
margin: 0 0 5px 260px;
padding: 0;
width: 350px;
font-size: 15px;
height: 550px;
background-color: #FFFBEB;
border: 1px solid #F4EBD7;
} 

.kontakt4 {
  margin: 10px 10px 0;
  padding: 10px;
  color: #453424;
  text-align: left;
}

.naopak {
  unicode-bidi:bidi-override;
  direction: rtl;
  color: #453424;
  text-decoration: none;
}

#mapa1 {
  margin: 10px;
  padding: 0 10px;
  font-size: 14px;
  color: #453424;
  text-align: left;
}

#mapa {
  width: 300px;
  height: 300px;
  margin: 13px;
  background-color: #FFF;
  border: 10px solid #FFF;
}
#sluzby, li
{
list-style: none;
margin: 0;
padding: 5px 0 5px 20px;
}

#sluzby li
{
width: 600px;
padding-left: 10px;
background: url('../image/li.png') no-repeat 0 9px;
}
.nav {
margin: 10px auto 30px;
color: #7B5632;
background-color: #FFFBEB;
border: 1px solid #F4EBD7; 
width: 340px;
height: 220px;
font-size: 20px;
}

ul, li
{
list-style: none;
margin: 0;
padding: 0;
}

ul.uroven1
{
width: 250px;
margin: 20px;
}

ul.uroven2
{
position: absolute;
width: 600px;
left: 349px;
top: -1px;
visibility: hidden;
}

li.uroven1
{
position: relative;
background-color: #FFF;
border: 1px solid #F4EBD7; 
margin-bottom: -1px;
width: 300px;
margin-bottom: 3px;
behavior: url(hovermenu.htc);
}

li.uroven2
{
float: left;
width: 180px;
background-color: #FFF;
border: 1px solid #F4EBD7; 
margin-right: -1px;
filter:alpha(opacity=80);
behavior: url(hovermenu.htc);
}

li a
{
display: block;
color: #7B5632;
text-decoration: none;
padding: .2em .5em;
_width: 300px; /* IE */
_height: 29px; /* IE */
}

li.uroven2 a
{
_width: 179px; /* IE */
}

li.uroven1:hover, li.uroven1Hover
{
background-color: #FFFBEB;
border: 1px solid #D6C38B;
}

li.uroven2:hover, li.uroven2Hover
{
background-color: #FFFBEB;
border: 1px solid #D6C38B;
}

ul.uroven1 li.uroven1Hover ul.uroven2,
ul.uroven1 li.uroven1:hover ul.uroven2
{
visibility: visible;
}