/* CSS Document */
html{
  height: 100%;
}

body{
  text-align:center;
  background-color: #edd76d;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
  height: 100%;
  background-image: url(../images/bkg.gif);
  sbackground-repeat: no-repeat;
}

form{
  padding:0;
  margin:0;
}

td#top{
  height: 658px;
  background-image: url(../images/background2.png);
  background-repeat: no-repeat;
}

a#logo{
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: rgb(36,39,96);
}

a#logo div{
  #position: absolute;
  float: left;
  margin-top: 10px;
  margin-left: 35px;
  height: 70px;
  width: 292px;
  cursor: pointer;
  cursor: hand;
}

a#logo div p{
  margin-top: 46px;
  text-align: right;
}

td#bkg{
  height: 340px;
}

div.floating_text{
  position: absolute;
  float: right;
  margin-top: 20px;
  margin-left: 598px;
  height: 130px;
  width: 400px;
  sborder: dotted 1px #000000;
}

div#text1{
  position: absolute;
  float: left;
  height: 100%;
  width: 100%;
}

div#text2{
  position: absolute;
  float: left;
  height: 100%;
  width: 100%;
}

div#flash_bubble{
  position: absolute;
  float: right;
  margin-top: 196px;
  margin-left: 762px;
  height: 370px;
  width: 50px;
  z-index: 9999;
}

div#tien_pohare{
  position: absolute;
  margin-top: -5px;
  margin-left: 7px;
  height: 445px;
  width: 284px;
  background-image: url(../images/tien_pohare.png);
  background-repeat: no-repeat;
}

div#tien_akcie{
  position: absolute;
  margin-top: 93px;
  margin-left: 342px;
  height: 385px;
  width: 396px;
  background-image: url(../images/tien_akcie.png);
  background-repeat: no-repeat;
}

div#content{
  position: absolute;
  float: left;
  margin-left: 10px;
  margin-top: 150px;
  height: 450px;
  width: 750px;
  color: #ffffff;
}

div#content * {
    color: #ffffff;
}

div#content div#page_title{
  position: absolute;
  font: 15pt Tahoma;
  margin-top: -64px;
  margin-left: 40px;
  color: #21245e;
  letter-spacing: 0.1em;
}

div#menu{
  position: absolute;
  float: right;
  margin-left: 815px;
  margin-top: 224px;
  height: 430px;
  width: 180px;
}

div#menu ul{
  list-style-type: none;
  text-align: left;
  color: #ffffff;
  padding: 0;
  margin: 0;
}

div#menu ul li{
  color: #ffffff;
  padding: 0;
  margin: 0;
}

div#menu ul li a{
  position: absolute;
  display: block;
	text-indent: 5em;
	color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  background-repeat: no-repeat;
  color: #ffffff;
}

div#menu ul li a span{
  display: none;
}

li#btn_poradenstvo a{
  margin-top: -25px;
  margin-left: 76px;
  background-image: url(../images/btn_poradenstvo.gif);
  background-position: 0 0;
  width: 112px;
  height: 120px;
  z-index: 10;
}

li#btn_poradenstvo a:hover, li#btn_poradenstvo a.selected{
  background-position: 0 -120px;
}

li#btn_prenajom a{
  z-index: 9;
  margin-top: 22px;
  #margin-top: 7px;
  margin-left: -13px;
  background-image: url(../images/btn_prenajom.gif);
  background-position: 0 0;
  width: 196px;
  height: 129px;
}

li#btn_prenajom a:hover, li#btn_prenajom a.selected{
  background-position: 0 -129px;
}

li#btn_akcie a{
  background-image: url(../images/btn_akcie.gif);
  background-position: 0 0;
  width: 129px;
  height: 112px;
  margin-top: 122px;
  #margin-top: 92px;
  margin-left: -15px;
}

li#btn_akcie a:hover, li#btn_akcie a.selected{
  background-position: 0px -112px;
}

li#btn_predaj a{
  background-image: url(../images/btn_predaj.gif);
  background-position: 0 0;
  width: 123px;
  height: 94px;
  margin-top: 165px;
  #margin-top: 120px;
  margin-left: 65px;
  z-index: 999;
}

li#btn_predaj a:hover, li#btn_predaj a.selected{
  background-position: 0px -94px;
}

li#btn_kontakt a{
  background-image: url(../images/btn_kontakt.gif);
  background-position: 0 0;
  width: 206px;
  height: 129px;
  margin-top: 220px;
  #margin-top: 160px;
  margin-left: -18px;
  z-index: 99;
}

li#btn_kontakt a:hover, li#btn_kontakt a.selected{
  background-position: 0px -129px;
}

li#btn_napoje a{
  background-image: url(../images/btn_napoje.gif);
  background-position: 0 0;
  width: 219px;
  height: 152px;
  margin-left: -31px;
  margin-top: 282px;
  #margin-top: 207px;
}

li#btn_napoje a:hover, li#btn_napoje a.selected{
  background-position: 0px -152px;
}

div#submenu{
  position: absolute;
  float: left;
  margin-left: 0px;
  margin-top: 15px;
}

div#submenu ul{
  list-style-type: none;
  text-align: left;
  color: #ffffff;
  padding: 0;
  margin: 0;
}

div#submenu ul li{
  color: #ffffff;
  padding: 0;
  margin: 0;
}

div#submenu ul li a{
  position: absolute;
  display: block;
	text-indent: 5em;
	color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  background-repeat: no-repeat;
  color: #ffffff;
}

div#submenu ul li a span{
  display: none;
}

li#btn_skolenia a{
  margin-top: 0px;
  margin-left: -10px;
  background-image: url(../images/btn_skolenia.gif);
  background-position: 0 0;
  height: 146px;
  width: 340px;
}

li#btn_skolenia a:hover, li#btn_skolenia a.selected{
  background-position: 0 -146px;
}

li#btn_kaviaren a{
  margin-top: 149px;
  margin-left: -10px;
  background-image: url(../images/btn_kaviaren.gif);
  background-position: 0 0;
  height: 138px;
  width: 403px;
}

li#btn_kaviaren a:hover, li#btn_kaviaren a.selected{
  background-position: 0 -138px;
}

div#content_poradenstvo{
  position: absolute;
  margin-left: 410px;
  margin-top: 150px;
  width: 330px;
  height: 330px;
  color: #edd76d; 
  overflow: auto;
  font-size: 12pt;
  text-align: justify;
}

div#content_poradenstvo p{
  padding: 0;
  margin: 0;
  color: #edd76d;
}

div#content_kontakt{
  position: absolute;
  margin-left: 110px;
  margin-top: 100px;
  width: 330px;
  height: 330px;
  color: #edd76d;
  font-size: 12pt;
  font-weight: bold; 
}

div#content_kontakt p{
  padding: 0;
  margin: 0;
  color: #edd76d;
}

div#content_kontakt table td{
  color: #edd76d;
}

div#content_prenajom{
  position: absolute;
  margin-left: 410px;
  margin-top: 150px;
  width: 330px;
  height: 330px;
  color: #edd76d; 
  overflow: auto;
  font-size: 12pt;
  text-align: justify;
}

div#content_prenajom p{
  padding: 0;
  margin: 0;
  color: #edd76d;
}

li#btn_inventar a{
  margin-top: 32px;
  margin-left: -10px;
  background-image: url(../images/btn_inventar.gif);
  background-position: 0 0;
  height: 114px;
  width: 288px;
}

li#btn_inventar a:hover, li#btn_inventar a.selected{
  background-position: 0 -114px;
}

li#btn_ozvucenie a{
  margin-top: 175px;
  margin-left: -8px;
  background-image: url(../images/btn_ozvucenie.gif);
  background-position: 0 0;
  height: 102px;
  width: 318px;
}

li#btn_ozvucenie a:hover, li#btn_ozvucenie a.selected{
  background-position: 0 -102px;
}

div#content_predaj{
  position: absolute;
  margin-left: 410px;
  margin-top: 150px;
  width: 330px;
  height: 330px;
  color: #edd76d; 
  overflow: auto;
  font-size: 12pt;
  text-align: justify;
}

div#content_predaj p{
  padding: 0;
  margin: 0;
  color: #edd76d;
}

li#btn_lad a{
  margin-top: 2px;
  margin-left: -10px;
  background-image: url(../images/btn_lad.gif);
  background-position: 0 0;
  height: 146px;
  width: 250px;
}

li#btn_lad a:hover, li#btn_lad a.selected{
  background-position: 0 -152px;
}

li#btn_sochy a{
  margin-top: 143px;
  margin-left: -10px;
  background-image: url(../images/btn_sochy.gif);
  background-position: 0 0;
  height: 182px;
  width: 257px;
}

li#btn_sochy a:hover, li#btn_sochy a.selected{
  background-position: 0 -182px;
}

table.napoje{
  position: absolute;
  margin-top: 40px; 
  margin-left: 40px;
  font-size: 14pt;
  color: #e2d98f !important;
  white-space:nowrap;
  text-align: center;
}

.napoje a span{
  display: block;
  color: #e2d98f !important;
}

.napoje a{
  display: block;
  margin: auto;
  cursor: pointer;
  cursor: hand;
  text-decoration: none;
}

a.bubbles1{
  background-image: url(../images/napoj_1.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 214px;
  width: 150px;
  margin-top: -30px;
}

a.bubbles1:hover{
  background-position: 0 -214px;
}

a.bubbles1 span{
  #position: absolute;
  #margin-left: -70px;
  padding-top: 200px;
}

a.bubbles2{
  background-image: url(../images/napoj_2.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 185px;
  width: 177px;
}

a.bubbles2:hover{
  background-position: 0 -185px;
}

a.bubbles2 span{
  #position: absolute;
  #margin-left: -70px;
  padding-top: 171px;
}

a.bubbles3{
  background-image: url(../images/napoj_3.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 142px;
  width: 186px;
}

a.bubbles3:hover{
  background-position: 0 -142px;
}

a.bubbles3 span{
  #position: absolute;
  #margin-left: -60px;
  padding-top: 128px;
}

a.bubbles4{
  background-image: url(../images/napoj_4.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 134px;
  width: 187px;
}

a.bubbles4:hover{
  background-position: 0 -134px;
}

a.bubbles4 span{
  #position: absolute;
  #margin-left: -80px;
  padding-top: 120px;
}

a.bubbles5{
  background-image: url(../images/napoj_5.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 141px;
  width: 197px;
}

a.bubbles5:hover{
  background-position: 0 -141px;
}

a.bubbles5 span{
  #position: absolute;
  #margin-left: -55px;
  padding-top: 128px;
}

a.bubbles6{
  background-image: url(../images/napoj_6.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 160px;
  width: 180px;
}

a.bubbles6:hover{
  background-position: 0 -160px;
}

a.bubbles6 span{
  #position: absolute;
  #margin-left: -70px;
  padding-top: 147px;
}

div.text_bkg_c{
  float: left;
  background-image: url(../images/text_bkg_c.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 38px;
  line-height: 38px;
  width: auto;
  scolor: #ffffff;
}

div.text_bkg_l{
  float: left;
  background-image: url(../images/text_bkg_l.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 38px;
  line-height: 38px;
  width: 35px;
}

div.text_bkg_r{
  float: left;
  background-image: url(../images/text_bkg_r.gif);
  background-position: 0 -1px;
  background-repeat: repeat-x;
  height: 38px;
  line-height: 38px;
  width: 35px;
}

div.akcie{
  position: absolute;
  margin-top: 100px; 
  margin-left: 20px;
}

a.akcie{
  font-size: 14pt;
  color: #e2d98f !important;
  text-decoration: none;
}

a.selected_page{
  display: inline;
  text-decoration: underline;
}

a.no_selected_page{
  display: inline;
  text-decoration: none;
}

a.no_selected_page:hover{
  text-decoration: underline;
}

div#footer{
  position: absolute;
  float: left;
  margin-top: 640px;
  height: 20px;
  width: 1000px;
  text-align: center;
  color: #9999aa;
  z-index: 9;
}

div#footer a{
  color: #9999aa;
  text-decoration: none;
}

div#footer a:hover{
  text-decoration: underline;
}

#intro div.left{
  position: relative;
  float: left;
  width: 250px;
  margin-top: 31px;
  margin-left: 43px;
}

#intro div.img1{
  position: absolute;
  height: 350px;
  width: 100%;
  margin: auto;
  text-align: center;
}

#intro div.img1 img{
  background-image: url(../images/bkg_pohare.png);
  background-position: center;
}

#intro div.navi1{
  position: absolute;
  height: 75px;
  width: 100%;
  margin: auto;
  margin-top: 366px;
  text-align: center;
  overflow: hidden;
  z-index: 0;
}

#intro table.navi img{
  border: none;
}

#intro div.navi_left{
  position: absolute;
  margin-top: 360px;
  height: 75px;
  width: 20px;
  opacity: 0.4; 
  filter: alpha(opacity=40);
  z-index: 999;
  cursor: pointer;
  cursor: hand;
  background-color: #0e0f2e;
}

#intro div.navi2_left{
  position: absolute;
  margin-left: 0px;
  margin-top: 252px;
  height: 75px;
  width: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  cursor: hand;
  z-index: 999;
  background-color: #0e0f2e;
}

#intro div.navi_left1{
  position: absolute;
  height: 75px;
  width: 10px;
  background-color: #0e0f2e;
  opacity: 0.7; 
  filter: alpha(opacity=70);
}

#intro div.navi_left2{
  position: absolute;
  margin-left:10px;
  height: 75px;
  width: 5px;
  background-color: #0e0f2e;
  opacity: 0.5; 
  filter: alpha(opacity=50);
}

#intro div.navi_left3{
  position: absolute;
  margin-left:15px;
  height: 75px;
  width: 5px;
  background-color: #0e0f2e;
  opacity: 0.3; 
  filter: alpha(opacity=30);
}

#intro div.navi_left4{
  position: absolute;
  margin-left:20px;
  height: 75px;
  width: 5px;
  background-color: #0e0f2e;
  opacity: 0.15; 
  filter: alpha(opacity=15);
}

#intro div.navi_right{
  position: absolute;
  margin-top: 361px;
  height: 75px;
  margin-left:250px;
  width: 20px;
  opacity: 0; 
  filter: alpha(opacity=0);
  cursor: pointer;
  cursor: hand;
  z-index: 999;
  background-color: #0e0f2e;
}

#intro div.navi2_right{
  position: absolute;
  margin-top: 252px;
  height: 75px;
  margin-left:290px;
  width: 20px;
  opacity: 0; 
  filter: alpha(opacity=0);
  cursor: pointer;
  cursor: hand;
  z-index: 999;
  background-color: #0e0f2e;
}

#intro div.navi_right1{
  position: absolute;
  height: 75px;
  width: 5px;
  margin-left:15px;
  background-color: #0e0f2e;
  opacity: 0.7; 
  filter: alpha(opacity=70);
}

#intro div.navi_right2{
  position: absolute;
  height: 75px;
  margin-left:10px;
  width: 5px;
  background-color: #0e0f2e;
  opacity: 0.5; 
  filter: alpha(opacity=50);
}

#intro div.navi_right3{
  position: absolute;
  height: 75px;
  margin-left:5px;
  width: 5px;
  background-color: #0e0f2e;
  opacity: 0.3; 
  filter: alpha(opacity=30);
}

#intro div.navi_right4{
  position: absolute;
  height: 75px;
  margin-left:0px;
  width: 10px;
  background-color: #0e0f2e;
  opacity: 0.15; 
  filter: alpha(opacity=15);
}

#intro div.right{
  position: relative;
  float: left;
  width: 310px;
  margin-left: 390px;
  margin-top: 108px;
}

#intro div.img2{
  position: absolute;
  height: 232px;
  width: 100%;
  margin: auto;
  text-align: center;
}

#intro div.navi2{
  position: absolute;
  height: 75px;
  width: 100%;
  margin: auto;
  margin-top: 259px;
  text-align: center;
  overflow: hidden;
}

div#photos{
  position: absolute;
  sborder: solid 1px white;
  width: 330px;
  height: 350px;
  margin-left: 380px;
  margin-top: 140px;
}

div.photo_gallery{
  width: 380px;
}

div.photo_gallery div.img{
  position: absolute;
  height: 232px;
  width: 100%;
  margin: auto;
  text-align: center;
  sborder: solid 1px white;
}

div.photo_gallery div.navi{
  position: absolute;
  height: 75px;
  width: 100%;
  margin: auto;
  margin-top: 258px;
  text-align: center;
  overflow: hidden;
  sborder: solid 1px white;
}

div.photo_gallery div.navi img{
  border: none;
}

div.akcie_navigation{
  width: 200px;
  position: absolute;
  margin-left: 30px;
  margin-top: 400px;
  text-align: center;
}

div.akcie_navigation a{
  font-size: 14pt;
  color: #ffffff !important;
  text-decoration: none;
}

#infobox{
  position: absolute;
  border: solid 1px #cccccc;
  background-color: #eeeeee;
  display: none;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: #666666;
  font-size: 10px;
}

#infobox p{
  padding: 0;
  margin: 0;
  padding-bottom: 2px;
}

#drink_print{
  position: absolute;
  margin: auto;
  top: 0px;
  background-color: white;
  margin: auto;
  width: 640px;
  height: 480px;
  font: 8pt "Tahoma", "Arial", "Helvetica";
  text-align: center;
  color: #cc0000;
  padding-bottom: 2px;
  border: 1px solid #cc0000;
  opacity: 0; 
  filter: alpha(opacity=0);
  z-index: 9999;
}