body {margin: 450px 0px 20px 0px; background: url(http://www.hotelmatysak.sk/img/bg_n.jpg); background-position: center; font-family: Georgia, Times New Roman, Times, serif; color: #3b3b3b;  font-size: 12px;}

ul.menu {display: inline;}
li.menu {list-style: none; display: inline;}

a, a:visited {color: #651f01; text-decoration: underline;}
a:hover {color: #b5795f; text-decoration: none;}

a.first, a.first:visited {color: #000; font-weight: bold; float: left; background: url(http://www.hotelmatysak.sk/img/hotel.gif) no-repeat; width: 100px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}
a.first:hover {color: #f7e497; background: url(http://www.hotelmatysak.sk/img/hotel_over.gif) no-repeat;}
a.activefirst, a.activefirst:visited, a.activefirst:hover {color: #f7e497; font-weight: bold; float: left; background: url(img/hotel_over.gif) no-repeat; width: 100px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}

a.stred, a.stred:visited {color: #000; font-weight: bold; float: left; background: url(http://www.hotelmatysak.sk/img/stred.gif) no-repeat; width: 103px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}
a.stred:hover {color: #f7e497; background: url(http://www.hotelmatysak.sk/img/stred_over.gif) no-repeat;}
a.activestred, a.activestred:visited, a.activestred:hover {color: #f7e497; font-weight: bold; float: left; background: url(http://www.hotelmatysak.sk/img/stred_over.gif) no-repeat; width: 103px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}

a.last, a.last:visited {color: #000; font-weight: bold; float: left; background: url(http://www.hotelmatysak.sk/img/rezervacie.gif) no-repeat; width: 106px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}
a.last:hover {color: #f7e497; background: url(http://www.hotelmatysak.sk/img/rezervacie_over.gif) no-repeat;}
a.activelast, a.activelast:visited, a.activelast:hover {color: #f7e497; font-weight: bold; float: left; background: url(http://www.hotelmatysak.sk/img/rezervacie_over.gif) no-repeat; width: 106px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}

a.sk, a.sk:visited {height: 24px; float: left; background: url(http://www.hotelmatysak.sk/img/sk_out.gif) no-repeat;}
a.sk:hover {background: url(http://www.hotelmatysak.sk/img/sk.gif) no-repeat;}
a.uk, a.uk:visited {height: 24px; float: right; background: url(http://www.hotelmatysak.sk/img/uk_out.gif) no-repeat;}
a.uk:hover {background: url(http://www.hotelmatysak.sk/img/uk.gif) no-repeat;}

a.vino, a.vino:visited {color: #000; font-weight: bold; float: left; background: url(img/vino_matysak.gif) no-repeat; width: 141px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}
a.vino:hover {color: #f7e497; background: url(img/vino_matysak_over.gif) no-repeat;}

a.feedback, a.feedback:visited {color: #000; font-weight: bold; float: left; background: url(img/vino_matysak.gif) no-repeat; width: 141px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}
a.feedback:hover {color: #f7e497; background: url(img/vino_matysak_over.gif) no-repeat;}
a.feedbackactive, a.feedbackactive:visited, a.feedbackactive:hover  {font-weight: bold; float: left; color: #f7e497; background: url(img/vino_matysak_over.gif) no-repeat; width: 141px; height: 21px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center;}


#telo {margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; background: #eee7b1 url(img/prechod.jpg) repeat-x; width: 730px;}
#animacia {position: absolute; left: 50%; margin-left: -400px; top: 0px; width: 800px; height: 490px; z-index: 0;}
#teloin {padding: 50px 15px 0px 15px; width: 700px; text-align: left;}
#menu {position: absolute; left: 50%; top: 445px; margin-left: -352px; text-align: left; width: 545px; height: 20px;}
#bottom {margin: 1px 0px 0px 0px; background: url(img/bottom.jpg) no-repeat; width: 800px; height: 53px; color: #9d7905; clear: both}
#copy {float: left; margin: 5px 0px 0px 40px; width: 300px; color: #9d7905; font-size: 10px; font-align: left;}
#design {float: right; margin: 5px 30px 0px 0px; width: 160px; color: #9d7905; font-size: 10px; font-align: right;}

#vino {position: absolute; left: 50%; top: 15px; margin-left: 140px; width: 141px; height: 21px; z-index: 2;}
#feedback {position: absolute; left: 50%; top: 15px; margin-left: -40px; width: 141px; height: 21px; z-index: 2;}
#flag {position: absolute; left: 50%; top: 13px; margin-left: 305px; width: 55px; height: 24px; z-index: 2;}

input {margin: 8px 0px 0px 0px; padding-top: 1px; padding-bottom: 1px; font-size: 11px; font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; color: #000;} 
textarea {margin: 8px 0px 0px 0px; width: 260px; padding-top: 1px; padding-bottom: 1px; font-size: 11px; font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; color: #000;} 
select {margin: 8px 0px 0px 0px; padding-top: 1px; padding-bottom: 1px; font-size: 11px; font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; color: #000;} 

label {width: 150px; float: left; text-align: right; margin: 11px 5px 0px 0px; display: block;}
label.degustacia {width: 300px; float: left; text-align: left; margin: 0px 10px 0px 10px; display: block;}
label.vertdegustacia {width: 200px; float: left; text-align: left; margin: 0px 5px 0px 5px; display: block;}
label.info {width: 440px; float: left; text-align: right; margin: 11px 5px 0px 0px; display: block;}
legend {color: #725804; font-weight: bold; padding: 2px 6px} 
fieldset {border: 1px solid #725804; width: 500px; text-align: left; background: url(http://www.hotelmatysak.sk/img/bgfield.jpg) repeat-x; padding-bottom: 12px;}
fieldset.info {border: 1px solid #725804; width: 650px; text-align: left; background: url(http://www.hotelmatysak.sk/img/bgfield.jpg) repeat-x; background-position: top; padding-left: 10px; padding-bottom: 12px;}
fieldset.degustacia {border: 1px solid #725804; width: 650px; text-align: left; background: url(http://www.hotelmatysak.sk/img/bgfield.jpg) repeat-x; background-position: bottom; padding-left: 10px; padding-bottom: 12px;}


.errorform {color: #d00022; font-weight: bold;}

h1 {font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; line-height: 18px; font-size: 16px; color: #725804; font-style: inherit;}
h2 {font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; font-size: 15px; color: #725804; text-align: center}
h3 {font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; color: #153e16; display: inline;}
h6 {font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; color: #000; display: inline;}

img {border: 0px; margin: 0px; padding: 0px;}
img.obr {border: 1px #725804 solid; background: #fff; padding: 4px; margin: 0px 10px 0px 10px;}
img.obrspod {border: 1px #725804 solid; background: #fff; padding: 4px; margin: 4px 3px 3px 4px;}

ul.submenu {line-height: normal; margin: 0px; padding: 0px; display: inline;}
li.submenu {list-style: none; display: inline;}

ul {line-height: 17px;}
li {}

a.thickbox {background-image:url(/img/oru.gif); background-repeat:no-repeat; background-position:0px 0px; display: block; width: 198px; height: 45px; left: 0px;}
a.thickbox:hover {background-position:0px -45px;}
a.thickbox span {display: none;}

.submenucontainer {width:800px; position: absolute;	left: 50%; top:464px; margin-left: -400px; z-index: 8; /*=polovicka width*/}

#sub1 {left: 44px; width:99px;}
#sub2 {left: 34px; width:104px;}
#sub3 {left: 23px; width:104px;}
#sub4 {left: 12px; width:104px;}
#sub5 {left: 1px; width:104px;}

.submenufirst {float: left; width: 103px; position: relative; text-align: left; visibility: hidden; font-size: 12px; padding: 5px;}

a.submenu, a.submenu:visited {position: relative; font-weight: bold; background: url(http://www.hotelmatysak.sk/img/stred.gif) no-repeat; font-size: 11px; z-index: 20; text-decoration: none; color: #000; display: block; height: 15px; padding: 4px 0px 4px 0px; text-align: center;}
a.submenu:hover {color: #f7e497; background: url(http://www.hotelmatysak.sk/img/stred_over.gif) no-repeat;}
a.subactive, a.subactive:visited, a.subactive:hover {position: relative; background: url(http://www.hotelmatysak.sk/img/stred_over.gif) no-repeat; color: #f7e497; z-index: 9; font-weight: bold; font-size: 11px; height: 15px; text-decoration: none; display: block; padding: 4px 0px 4px 0px; text-align: center;}