@charset "utf-8";
/* CSS Document of icon restaurant */

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #3d3a37; background: url(img/body-bg.jpg) #280607 center 0 no-repeat;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #3d3a37;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #3d3a37; font-weight: normal; text-transform: none; margin: 0; font-size: 12px;}
h1 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #f4551d; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 19px;}
h2, .h2 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #7e0e0e; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 17px;}
h3 {font-family: Arial, Georgia, Helvetica, sans-serif; color: #333333; font-weight: 500; text-transform: none; margin: 0; padding: 0; font-size: 22px; text-align: left;}
h4 {font-family:  Arial, Georgia, Helvetica, sans-serif; color: #7e0e0e; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 12px; cursor: pointer;}
span {font-family: Arial, Georgia, Helvetica, sans-serif;}
br {font-size: 7px;}
* html img {font-size: 0;} /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0;} /* hack for gecko browsers */
.spacer5 {position: relative; height: 5px; padding: 0; margin: 0; font-size: 0;}
.spacer10 {position: relative; height: 10px; padding: 0; margin: 0; font-size: 0;}
.spacer20 {position: relative; height: 20px; padding: 0; margin: 0; font-size: 0;}
.spacer40 {position: relative; height: 40px; padding: 0; margin: 0; font-size: 0;}
.leftalign {text-align: left;}
.centerpos {position: relative; width: 100%; text-align: center;}
.floatleft {float: left;}
.floatright {float: right;}
.noborder {border: none;}
.imgborder {padding: 1px; border: 1px solid #e4d8c6;}
.white {color: #fff;}
.pink {color: #e8d9d9;}
.dark {color: #7e0e0e;}
.bold {font-weight: 600;}
.upper {text-transform: uppercase;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}

/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif;}
input {padding: 0 0 0 3px;}

.main {position: relative; width: 980px; height: auto; padding: 0; margin: 0;}
/* hack for the frickin ie 6, in order to the mootools accordion effect shall work properly */
* html .main {position: relative; width: 980px; height: auto; padding: 0; margin: 0; border-bottom: 1px solid transparent;}

.pdflinks {position: relative; display: block; width: 190px; height: 18px; margin: 0; padding: 0;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}
.pdflinks2 {position: relative; display: block; width: 150px; height: 18px; margin: 0; padding: 0;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}
.pdflinks3 {position: relative; display: block; width: 200px; height: 18px; margin: 0; padding: 0;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}

.folowus-facebook {position: fixed; top: 193px; right: 0; width: 44px; height: 178px; background: url(img/facebook-en.gif) 11px 0 no-repeat; border: none; display: block; padding: 0; margin: 0; z-index: 0;}
* html .folowus-facebook {position: absolute;}
.folowus-facebook:hover {background-position: 0 0;}
.folowus-facebook-hu {position: fixed; top: 193px; right: 0; width: 44px; height: 178px; background: url(img/facebook-hu.gif) 11px 0 no-repeat; border: none; display: block; padding: 0; margin: 0; z-index: 0;}
* html .folowus-facebook-hu  {position: absolute;}
.folowus-facebook-hu:hover {background-position: 0 0;}


/* header navigation */
.header-main {position: relative; width: 100%; height: 417px; padding: 0; margin: 0; background: transparent; padding: 2px 0 0 0;}
.header-img {position: relative; width: 980px; height: 390px; /*background: url(img/header-img.jpg) transparent 0 0 no-repeat;*/ border-top: 1px solid #280606; border-bottom: 1px solid #280606;}
.header-slideshow {position: relative; width: 980px; height: 390px; overflow: hidden; z-index: 0;}
.header-logo {position: absolute; width: 200px; height: 160px; top:0; left: 20px; cursor: pointer; z-index: 2222;}
.header-lang {position: absolute; width: 150px; height: 24px; top:10px; right: 15px; padding: 6px 0 0 0; background: url(img/lang-bg.png) transparent 0 0 repeat-x; z-index: 2222;}
* html .header-lang {position: absolute; width: 150px; height: 24px; top:10px; right: 15px; padding: 6px 0 0 0; background: #280606; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); zoom: 1;}
.header-lang a, .header-lang p {position: relative; display: inline; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; margin: 0 3px 0 3px; z-index: 22223;}
.header-lang a:hover {color: #F4551D;}
#header-slideshow {position: relative; width: 980px; height: 390px; overflow: hidden;}
#header-slideshow img { display:none; position:absolute;
			top:0px; left:0px;
			height:390px;
			width:980px;
			opacity: -0.01; }
.header-navigation {position: relative; width: 100%; height: 20px; padding: 4px 0 0 0; margin: 0; background: #f4551d; border-bottom: 1px solid #280606;}
.header-navigation a {display: inline; font-weight: 600; color: #fff; margin: 0 19px 0 19px; padding: 0; line-height: 15px; font-size: 12px; text-transform: uppercase; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;}
.header-navigation a:hover {color: #422424;}

.content-main {position: relative; width: 100%; height: auto; margin: 0; background: url(img/content-bg.jpg) 0 0 repeat-y;}

.transparent-dots {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 20px 0 20px 0; background: url(img/transparent-dots.gif) 0 0 repeat-x;}
.transparent-dots2 {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 20px 0 20px 0; background: url(img/transparent-dots2.gif) 0 0 repeat-x;}
.transparent-dots3 {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 10px 0 0 0; background: url(img/transparent-dots3.gif) 0 0 repeat-x;}

/* pane left */
.left-pane {position: relative; float: left; width: 230px; padding: 10px 10px 92px 10px; height: auto; background: url(img/leftpane-gradienttop.jpg) #422424 0 0 no-repeat; text-align: left;}
.left-title {display: block; color: #f5cda4; font-weight: 600;}
.leftpane-img {position: relative; float: left; border: 2px solid #6d5151;}
.leftpane-floatedtext {position: relative; float: left; color: #e8d9d9; font-weight: 600; display: block; padding: 19px 0 0 5px;}
.partner {position: relative; width: 100%; margin: 0; text-align: center;}

.input1 {position: relative; width: 225px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 0 5px 0; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.input1:focus {border: 1px solid #9c8f88;}
* html .input1  {margin: 0 0 3px 0;}
*:first-child+html .input1 {margin: 0 0 3px 0;}
.leftpane-gradbot {position: absolute; display: block; width: 249px; height: 91px; left: 0; bottom: 1px; background: url(img/leftpane-gradientbottom.jpg) transparent 0 0 no-repeat;}
* html .leftpane-gradbot {position: absolute; display: block; width: 249px; height: 91px; left: 0; bottom: 0; background: url(img/leftpane-gradientbottom.jpg) transparent 0 0 no-repeat;}

.icon-likebox {position: relative; overflow: hidden; width: 178px; height: 278px; margin: auto; border: 1px solid #9c7964; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 2px #280607; -webkit-box-shadow: 0px 2px 2px #280607; box-shadow: 0px 2px 2px #280607; background: #000;}

/* DATEPICKER */
.date-pick {position: relative; float: left; width: 100px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 5px 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.datepick-en  {position: relative; float: left; width: 60px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 5px 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.date-pick:focus {border: 1px solid #9c8f88;}
* html .date-pick  {margin: 0 0px 3px 5px;}
*:first-child+html .date-pick {margin: 0 0px 3px 5px;}
#time1 {width: 108px; margin-right: 0;}
#date1 {width: 80px;}

input.calendar,
select.calendar {float: left; width: 99px;}
button.calendar {background: url(img/calendar-icon.gif) 0 0 no-repeat; border: 0; cursor: pointer; float: right; height: 20px; margin:0; width: 20px; border: none; outline-style: none; -moz-outline-style: none;}
button.calendar:hover, button.calendar.active {background-position: 0 20px; border: none; outline-style: none; -moz-outline-style: none;}
div.calendar {background: url(img/calendar.gif); height: 185px; padding: 0 6px; text-align: center; width: 147px;}
div.calendar * {margin: 0; padding: 0;}
div.calendar div {background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px;}
div.calendar caption {color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%;}
div.calendar caption a {cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px;}
div.calendar caption a.prev {background-image: url(img/calendar-prev.gif); left: 0;}
div.calendar caption a.next {background-image: url(img/calendar-next.gif); right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px; position: relative; text-align: center;}
div.calendar caption span.month {padding-right: 8px;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;}
div.calendar td, div.calendar th {border: 0; color:#bfb88c; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;}
div.calendar td {background: url(img/calendar-td.gif); color: #FFF; font-size: 11px;}
div.calendar td.invalid {color: #ff2124; background:url(img/calendar-noplace.gif);}
div.calendar td.valid {background: url(img/calendar-valid.gif); color: #7E0E0E; cursor: pointer;}
div.calendar td.hilite {background: url(img/calendar-hilite.gif);}
div.calendar td.inactive {background: url(img/calendar-td.gif) 0 100%; color: #FFF;}
div.calendar td.active, div.calendar td.hover {background: url(img/calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer;}

.persons {position: relative; float: left; width: 22px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 0 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.persons:focus {border: 1px solid #9c8f88;}

.leftpane-label {width: 109px; font-size: 11px; padding: 0 0 0 3px;}
* html .persons, .leftpane-label  {display: inline;}

/* pane center aka content */
.center-pane {position: relative; float: right; width: 490px; height: auto; padding: 20px 10px 20px 10px; text-align: left;}
.center-pane p {line-height: 16px; margin: 10px 0 0 0;}
.text-field {position: relative; width: 458px; height: auto; padding: 0 10px 0 10px;}

/* pane right */
.right-pane {position: relative; float: right; width: 210px; margin: 0; padding: 20px 10px 0 0; height: auto; text-align: left;}
.img-containertop {position: relative; width: 203px; height: 6px; padding: 0 0 0 6px; background: url(img/img-bgtop.gif) 0 0 no-repeat;}
.img-container {position: relative; width: 204px; height: auto; padding: 0 0 6px 6px; margin: 0 0 15px 0; background: url(img/img-bg.gif) left bottom transparent no-repeat;}
html>body .img-container {position: relative; width: 204px; height: auto; padding: 0 0 9px 6px; margin: 0 0 15px 0; background: url(img/img-bg.gif) left bottom transparent no-repeat;}
*:first-child+html .img-container {position: relative; width: 204px; height: auto; padding: 0 0 6px 6px; margin: 0 0 15px 0; background: url(img/img-bg.gif) left bottom transparent no-repeat;}
.input2 {position: relative; width: 189px; height: 16px; border: 1px solid #b5a4a1; background: transparent; cursor: text; margin: 0 0 5px 0; font-size: 11px; color: #613131; line-height: 16px;}
.input2:focus {border: 1px solid #9c8f88;}
* html .input2  {margin: 0 0 3px 0;}
*:first-child+html .input2 {margin: 0 0 3px 0;}
.button-ok2 {position: relative; display: block; float: right; width: 55px; height: 19px; right: 16px;}
p.newsletter {color: #613131; font-size: 11px; font-weight: 400; margin: 10px 0 0 0;}

/* center pane2 - wide */
.center-pane-wide {position: relative; float: right; width: 690px; height: auto; padding: 20px; text-align: left; background: url(img/title-bg.jpg) center 16px transparent no-repeat;}
* html .center-pane-wide {overflow: hidden;}
.center-pane-wide p {line-height: 18px; margin: 18px 0 0 0;}
.text-field2 {position: relative; width: 670px; height: auto; padding: 0 10px 0 10px;}

.center-pane a, .center-pane-wide a {text-decoration: underline;}
.center-pane a:hover, .center-pane-wide a:hover {text-decoration: none;}

.commentbox-main {position: relative; height: auto; padding: 0; width: 100%; margin-top: 30px;}
.commentbox-main h2 {padding: 0; margin: 0;}
.commentbox-wrapper {position: relative; width: 684px; height: auto; background: #fff; margin: 0 0 20px 0!important; padding: 2px; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.commentbox-comments {position: relative; width: 684px; height: auto; background: #fff; margin: 5px 0 0 0; padding: 0;}

/* rendezvnyek - alaprajzok */
.hilton-plan1 {position: relative; width: 682px; height: 487px; background: url(img/hilton-plan1.jpg) 0 0 no-repeat; margin: 30px 0 0 0; padding: 0 0 0 10px;}
.hilton-plan1sub {position: absolute; width: 266px; height: 274px; bottom: 2px; left: 80px;}
.hilton-plan1sub1 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan1sub1.jpg) 0 0 no-repeat;}
.hilton-plan1sub2 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan1sub2.jpg) 0 0 no-repeat;}
.hilton-plan1sub3 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan1sub3.jpg) 0 0 no-repeat;}
.hilton-plan1sub4 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan1sub4.jpg) 0 0 no-repeat;}
.hilton-plan1sub5 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan1sub5.jpg) 0 0 no-repeat;}
.hilton-plan-info {position: relative; margin: 0 0 0 45px; height: 20px; padding: 6px 0 0 0;}

.hilton-plan1button1 {position: absolute; display: block; width: 34px; height: 34px; top: 50px; left: 287px; background: url(img/hilton-plan1-button1.gif) 0 0 no-repeat;}
.hilton-plan1button2 {position: absolute; display: block; width: 34px; height: 34px; top: 50px; left: 390px; background: url(img/hilton-plan1-button2.gif) 0 0 no-repeat;}
.hilton-plan1button3 {position: absolute; display: block; width: 34px; height: 34px; top: 50px; left: 555px; background: url(img/hilton-plan1-button3.gif) 0 0 no-repeat;}
.hilton-plan1button4 {position: absolute; display: block; width: 34px; height: 34px; top: 300px; left: 555px; background: url(img/hilton-plan1-button4.gif) 0 0 no-repeat;}
.hilton-plan1button5 {position: absolute; display: block; width: 34px; height: 34px; top: 200px; left: 420px; background: url(img/hilton-plan1-button5.gif) 0 0 no-repeat;}

.hilton-plan2 {position: relative; width: 682px; height: 670px; background: url(img/hilton-plan2.jpg) 0 0 no-repeat; margin: 30px 0 0 0; padding: 0 0 0 10px;}
.hilton-plan2sub {position: absolute; width: 566px; height: 230px; bottom: 0; left: 60px;}
.hilton-plan2sub1 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub1.jpg) 0 0 no-repeat;}
.hilton-plan2sub2 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub2.jpg) 0 0 no-repeat;}
.hilton-plan2sub3 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub3.jpg) 0 0 no-repeat;}
.hilton-plan2sub4 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub4.jpg) 0 0 no-repeat;}
.hilton-plan2b {position: absolute; right: 0; top: 0; width: 266px; height: 700px;}
.hilton-plan2sub5 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub5.jpg) 0 0 no-repeat;}
.hilton-plan2sub6 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub6.jpg) 0 0 no-repeat;}
.hilton-plan2sub7 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan2sub7.jpg) 0 0 no-repeat;}

.hilton-plan2button1 {position: absolute; display: block; width: 34px; height: 34px; top: 55px; left: 175px; background: url(img/hilton-plan2-button1.gif) 0 0 no-repeat;}
.hilton-plan2button1b {position: absolute; display: block; width: 34px; height: 34px; top: 55px; left: 385px; background: url(img/hilton-plan2-button1.gif) 0 0 no-repeat;}
.hilton-plan2button2 {position: absolute; display: block; width: 34px; height: 34px; top: 200px; left: 255px; background: url(img/hilton-plan2-button2.gif) 0 0 no-repeat;}
.hilton-plan2button3 {position: absolute; display: block; width: 34px; height: 34px; top: 200px; left: 343px; background: url(img/hilton-plan2-button3.gif) 0 0 no-repeat;}
.hilton-plan2button4 {position: absolute; display: block; width: 34px; height: 34px; top: 200px; left: 435px; background: url(img/hilton-plan2-button4.gif) 0 0 no-repeat;}
.hilton-plan2button5 {position: absolute; display: block; width: 34px; height: 34px; top: 138px; left: 593px; background: url(img/hilton-plan2-button5.gif) 0 0 no-repeat;}
.hilton-plan2button6 {position: absolute; display: block; width: 34px; height: 34px; top: 218px; left: 593px; background: url(img/hilton-plan2-button6.gif) 0 0 no-repeat;}
.hilton-plan2button7 {position: absolute; display: block; width: 34px; height: 34px; top: 300px; left: 593px; background: url(img/hilton-plan2-button7.gif) 0 0 no-repeat;}

.hilton-plan3 {position: relative; width: 660px; height: 118px; background: url(img/hilton-plan3.jpg) 0 0 no-repeat; margin: 30px 0 0 0; padding: 0 0 0 10px;}
.hilton-plan3sub {position: absolute; top: 12px; right: 45px; width: 266px; height: 118px;}
.hilton-plan3sub1 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan3sub1.jpg) 0 0 no-repeat;}

.hilton-plan3button1 {position: absolute; display: block; width: 34px; height: 34px; top: 50px; left: 142px; background: url(img/hilton-plan3-button1.gif) 0 0 no-repeat;}

.hilton-plan4 {position: relative; width: 660px; height: 450px; background: url(img/hilton-plan4.jpg) 140px 30px no-repeat; margin: 30px 0 0 0; padding: 0 0 0 10px;}
.hilton-plan4sub {position: absolute; width: 266px; height: 274px; top: 0; left: 60px;}
.hilton-plan4sub1 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan4sub1.jpg) 0 0 no-repeat;}
.hilton-plan4sub2 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan4sub2.jpg) 0 0 no-repeat;}
.hilton-plan4sub3 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan4sub3.jpg) 0 0 no-repeat;}
.hilton-plan4sub4 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan4sub4.jpg) 0 0 no-repeat;}
.hilton-plan4sub5 {position: relative; width: 266px; height: 34px; background: url(img/hilton-plan4sub5.jpg) 0 0 no-repeat;}

.hilton-plan4button1 {position: absolute; display: block; width: 34px; height: 34px; top: 115px; left: 385px; background: url(img/hilton-plan4-button1.gif) 0 0 no-repeat;}
.hilton-plan4button2 {position: absolute; display: block; width: 34px; height: 34px; top: 340px; left: 287px; background: url(img/hilton-plan4-button2.gif) 0 0 no-repeat;}
.hilton-plan4button3 {position: absolute; display: block; width: 34px; height: 34px; top: 352px; left: 465px; background: url(img/hilton-plan4-button3.gif) 0 0 no-repeat;}
.hilton-plan4button4 {position: absolute; display: block; width: 34px; height: 34px; top: 353px; left: 172px; background: url(img/hilton-plan4-button4.gif) 0 0 no-repeat;}
.hilton-plan4button5 {position: absolute; display: block; width: 34px; height: 34px; top: 280px; left: 382px; background: url(img/hilton-plan4-button5.gif) 0 0 no-repeat;}

.hilton-plan1sub1 a, .hilton-plan1sub2 a, .hilton-plan1sub3 a, .hilton-plan1sub4 a, .hilton-plan1sub5 a,
.hilton-plan2sub1 a, .hilton-plan2sub2 a, .hilton-plan2sub3 a, .hilton-plan2sub4 a, .hilton-plan2sub5 a, .hilton-plan2sub6 a, .hilton-plan2sub7 a,
.hilton-plan3sub1 a,
.hilton-plan4sub1 a, .hilton-plan4sub2 a, .hilton-plan4sub3 a, .hilton-plan4sub4 a, .hilton-plan4sub5 a
{display: block; color: #fff; font-weight: 600; text-transform: uppercase; padding: 10px 0 5px 45px; text-decoration: none!important;}

/* menu - winelist */
.full-line {position: relative; width: 100%; height: auto; padding: 0 0 10px 0;}
.menu-title {position: relative; width: 474px; height: 25px;}
.menu-title1 {position: relative; float: left; width: 320px;}
.menu-title2 {position: relative; display: block; float: left; width: 71px; text-align: right; padding: 0 5px 0 0;}
.menu-text {position: relative; float: left; width: 470px; height: auto; padding: 8px 0 0 4px;}
.menu-text p {line-height: 18px; margin: 0;}
.menu-img {position: relative; float: right; width: 202px; height: auto; margin: 10px 0 0 0;}
.menu-text1 {position: relative; float: left; width: 312px; padding: 0 0 7px 0; height: auto;}
.menu-text2 {position: relative; float: left; width: 78px; padding: 0 0 7px 0; height: auto; text-align: right;}
.menu-text2 img {display: inline; float: left; margin: 0 2px 0 2px;}

/* gallery - class wiever */
.galery-main {position: relative;width: 609px; height: 409px; padding: 6px 0 0 6px; margin: auto; background: url(img/gallery-bg.jpg) 0 0 no-repeat;}
#box2{position: absolute; width:600px; height: 400px;}
#box2 img{display: block; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.mask2{position: relative; width: 600px; height: 400px; overflow: hidden;}
span img{display: block; border: none;}
.buttons{margin: auto; width: 100%; padding:0; margin: 0; text-align: center;}
.buttons span{color:#280606;padding:0;cursor:pointer;font:11px Verdana; margin: 0; padding: 0; text-decoration: underline;}
.buttons span.active, .buttons span:hover{}
#prev1 {position: absolute; left: 60px; margin: 0; padding: 0;}
#next1 {position: absolute; right: 67px; margin: 0; padding: 0;}
#play1 {position: absolute; left: 250px; margin: 0; padding: 0;}
#stop1 {position: absolute; left: 375px; margin: 0; padding: 0;}
#prev1:hover, #next1:hover , #play1:hover ,#stop1:hover {text-decoration: none;}
.sliderwrapper{position: relative;width: 615px; height: 415px; padding: 0; margin: auto; background: url(img/gallery-bg.jpg) 0 0 no-repeat; overflow: hidden;}
.sliderwrapper .contentdiv{visibility: hidden; /*leave as is*/position: absolute; /*leave as is*/left: 6px;  /*leave as is*/top: 6px;  /*leave as is*/width: 600px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 400px;padding: 0;margin: 0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.pagination{width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/text-align: center;margin: 5px auto 0 auto;}
.pagination a{padding: 0;margin: 0 5px;text-decoration: none;color: #000;}
.pagination a:hover, .pagination a.selected{color: #000; text-decoration: underline;}

/* rolunk - accordion */
p.list {display: block; padding: 0 0 8px 15px; background: url(img/list-img.jpg) 0 5px no-repeat; margin: 0; line-height: normal;}
a.list2 {height: 12px; padding: 0 0 8px 15px; max-width: 170px; background: url(img/pdficon_small.gif) 0 1px no-repeat; margin: 0; line-height: normal;}
a.list2:hover {color: #000;}

#acc {position: relative; list-style:none; padding: 0; margin: 0; background: transparent;}
#acc li {padding: 0; margin: 7px 0 7px 0;}
#acc h2 {cursor:pointer;}
#acc h2:hover {}
#acc .acc-section {overflow:hidden; background: transparent;}
#acc .acc-content {background: transparent;}
#nested {list-style:none; padding: 0; margin: 0;}
#nested h2 {display: block; cursor:pointer; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 14px; line-height: 29px; font-weight: 400; color: #3d3a37; margin: 0;}
#nested h2 span {color: #F4551D;}
#nested h2:hover {}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {padding: 0 0 0 12px;}
#nested .acc-selected {}

/* trzsvendgprogram */
.newsletter2 {position: relative; width: 210px; margin: 0; padding: 10px 10px 0 0; height: auto; text-align: left;}

/* kapcsolat */
.map-main {position: relative; width: 571px; height: 548px; background: url(img/map.jpg) 0 0 no-repeat; margin: 30px auto 0 auto;}
.maplink1 {position: absolute; width: 70px; height: 70px; display: block; top: 11px; right: 204px;}
.maplink2 {position: absolute; width: 70px; height: 70px; display: block; top: 131px; right: 115px;}
.maplink3 {position: absolute; width: 70px; height: 70px; display: block; top: 283px; right: 20px;}
.maplink4 {position: absolute; width: 70px; height: 70px; display: block; top: 329px; right: 236px;}
.maplink5 {position: absolute; width: 70px; height: 70px; display: block; top: 59px; left: 123px;}
.maplink6 {position: absolute; width: 68px; height: 68px; display: block; top: 308px; left: 124px;}
.contacts1 {position: relative; float: left; width: 40%; height: auto; text-align: left; padding: 0 0 20px 0;}
.contacts2 {position: relative; float: left; width: 50%; height: auto; text-align: left; padding: 0 0 20px 0;}

/* footer */
.footer {position: relative; width: 980px; height: 89px; margin: 0; padding: 0; background: url(img/footer-bg.jpg) 0 0 no-repeat;}
.footer p, .footer a {color: #b5a4a1; font-size: 11px;}
.hilton-logo {position: absolute; left: 70px; top: 10px;}
.footer-navigation {position: relative; float: right; width: 720px; height: 79px; padding: 0 10px 0 0; margin: 10px 0 0 0; background: transparent; color: #b5a4a1;}
.footernav {font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-size: 11px; float: left; color: #b5a4a1; font-weight: 600;}
.footer-navigation a:hover {color: #F4551D;}
.footer-navigation img {float: left; width: 3px; height: 3px; font-size: 0; margin: 0; padding: 0; margin: 7px 14px 0 14px;}
.copyright {position: relative; float: left; margin: 17px 0 0 0;}
.credits {position: relative; float: right; margin: 17px 2px 0 0;}

.scrollup {display: none;}

/************/
/*AJAXLOADER*/
/************/
.ajax_loading {
	padding: 20px 0;
	background: url(images/ajax-loader.gif) no-repeat center;z-index:10000;
}
.ajax_loading2 {
	padding: 20px 0;
	background: url(images/ajax-loader2.gif) no-repeat center;z-index:10000;
}
/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none;}
.blueborder {border: 4px solid #eeeeee;}
.margin0 {margin:0;}
.margin5 {margin: 5px 0 0 0;}
.auto {margin: auto;}
.paddingleft12 {padding-left: 12px;}
.nobg {background: transparent;}
.paddingleft0 {padding-left: 0;}


.mobile {display: none;}
.desktop {display: block;}






/* mobile */

@media only screen and (max-width: 479px), only screen and (max-device-width: 479px), only screen and (-webkit-min-device-pixel-ratio: 2) {
 
body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 15px; color: #3d3a37; background: #280607; background-image: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #3d3a37;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #3d3a37; font-weight: normal; text-transform: none; margin: 0; font-size: 15px;  line-height: 20px; }
h1 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #f4551d; font-weight: 400; text-transform: none; margin: 0; font-size: 22px; line-height: 26px; padding: 0 2%;}
h2, .h2 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #7e0e0e; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 19px;}
h3 {font-family: Arial, Georgia, Helvetica, sans-serif; color: #333333; font-weight: 500; text-transform: none; margin: 0; padding: 0 2%; font-size: 24px; text-align: left;}
h4 {font-family:  Arial, Georgia, Helvetica, sans-serif; color: #7e0e0e; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 15px; cursor: pointer;}

.main {position: relative; width: 100%; min-width: 320px!important; max-width: 800px; height: auto; padding: 0!important; margin: 0!important; overflow: hidden;}

.pdflinks {position: relative; display: block; width: 190px; height: 18px; margin: 0; padding: 0 2%;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}
.pdflinks2 {position: relative; display: block; width: 150px; height: 18px; margin: 0; padding: 0 2%;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}

/* header navigation */
.header-main {position: relative; width: 100%; min-width: 320px!important; height: auto; padding: 0; margin: 0; background: #000; background-image: none; padding: 0; overflow: hidden;}
.header-img {position: relative; width: 100%; min-width: 320px!important; height: auto; min-height: 210px; border: none; background: url(img/mobile-header-bg.jpg) transparent right 50px no-repeat;}
.header-slideshow {display: none;}
.header-logo {position: absolute; width: 200px; height: 160px; top: 50px; left: 0; cursor: pointer; z-index: 2222;}
.header-lang {position: absolute; width: 170px; height: 35px; top: 7px; left: 7px; padding: 0; background: transparent; z-index: 2222;}
.header-lang a {display: block; float: left; width: 49px; height: 35px; padding: 0; margin: 0 10px 0 0; text-indent: -9999px;}
.header-lang p {display: none;}
.magyar {background: url(img/mobile-flag-hu-bg.jpg) 0 0 no-repeat;}
.english {background: url(img/mobile-flag-en-bg.jpg) 0 0 no-repeat;}
.phoneemail {position: absolute; max-width: 60%; right: 0; top: 7px; text-align: right;}
.phoneemail a {color: #fff; font-weight: 600;}

.header-navigation {position: relative; width: 100%; min-width: 320px!important; max-width: 400px; height: auto; padding: 10px 0 2px 0; margin: 0 auto; background: #000; border: none;}
.header-navigation a {position: relative;  display: inline-block; width: 100px; height: 18px; font-weight: 600; color: #fff; margin: 2px; padding: 102px 0 0 0; line-height: 15px; font-size: 12px; text-transform: capitalize; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;}
.header-navigation a:hover {color: #fff;}
#header-slideshow, #aboutus, #loyalty {display: none;}
#home {background: url(img/mobile-nav-home-bg.jpg) center 0 no-repeat;}
#menu {background: url(img/mobile-nav-menu-bg.jpg) center 0 no-repeat;}
#winelist {background: url(img/mobile-nav-drinks-bg.jpg) center 0 no-repeat; clear: both;}
#contacts {background: url(img/mobile-nav-contacts-bg.jpg) center 0 no-repeat;}
#events {background: url(img/mobile-nav-events-bg.jpg) center 0 no-repeat;}
#gallery {background: url(img/mobile-nav-gallery-bg.jpg) center 0 no-repeat;}

.content-main {position: relative; width: 100%; min-width: 320px!important; height: auto; margin: 0; padding: 0; background: #fff; background-image: none; overflow: hidden;}

.transparent-dots {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 20px 0 20px 0; background: url(img/transparent-dots.gif) 0 0 repeat-x;}
.transparent-dots2 {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 20px 0 20px 0; background: url(img/transparent-dots2.gif) 0 0 repeat-x;}
.transparent-dots3 {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 10px 0 0 0; background: url(img/transparent-dots3.gif) 0 0 repeat-x;}

/* pane left */
.left-pane {position: relative; float: none!important;  width: 100%; padding: 10px 0 0 0!important; margin: 0!important; height: auto; background: #422424; background-image: none; text-align: center;}
.left-pane .transparent-dots, .left-pane .transparent-dots2, .left-pane .transparent-dots3 {margin: 20px 0 0 0!important;}
.left-title {display: block; color: #f5cda4; font-weight: 600; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 22px; text-align: left;}

.input1 {position: relative; width: 98%; height: 25px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 auto 10px auto; font-size: 15px; color: #e8d9d9; line-height: 20px;}
.input1:focus {border: 1px solid #9c8f88;}
.leftpane-gradbot {display: none; margin: 0; padding: 0;}

.icon-likebox {display: none;}

/* DATEPICKER */
.date-pick {position: relative; float: left; width: 100px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 5px 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.datepick-en  {position: relative; float: left; width: 60px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 5px 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.date-pick:focus {border: 1px solid #9c8f88;}
.left-pane input[type=text] {height: 25px; font-size: 15px; line-height: 20px; margin-bottom: 10px;}
#time1 {width: 47%; margin-right: 0;}
#date1 {width: 47%;}

input.calendar,
select.calendar {float: left; width: 99px;}
button.calendar {background: url(img/calendar-icon.gif) 0 0 no-repeat; border: 0; cursor: pointer; float: left; height: 20px; margin: 4px 0 0 0; width: 20px; border: none; outline-style: none; -moz-outline-style: none;}
button.calendar:hover, button.calendar.active {background-position: 0 20px; border: none; outline-style: none; -moz-outline-style: none;}
div.calendar {background: #fff; height: 220px; padding: 0 6px; text-align: center; width: 200px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
div.calendar * {margin: 0; padding: 0;}
div.calendar div {background: none; cursor: move; height: 220px; overflow: hidden; padding-top: 10px; position: relative; width: 200px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
div.calendar caption {color: #333; font: normal 19px/19px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%;}
div.calendar caption a {cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px;}
div.calendar caption a.prev {background-image: url(img/calendar-prev.gif); left: 0;}
div.calendar caption a.next {background-image: url(img/calendar-next.gif); right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px; position: relative; text-align: center;}
div.calendar caption span.month {margin: auto;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: transparent; border: 0; border-collapse: separate; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;}
div.calendar td, div.calendar th {border: 0; color:#bfb88c; font: normal 20px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;}
div.calendar td {border: 1px solid  #c4c4c4; color: #FFF; margin: 1px; font-size: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background-image: none;}
div.calendar td.invalid {color: #c4c4c4; background: #fff; border: 1px solid  #ec4712;}
div.calendar td.valid {background: #fff; border: 1px solid  #ec4712;  color: #7E0E0E; cursor: pointer;}
div.calendar td.hilite {}
div.calendar td.inactive {background: #fff; color: #FFF; border: 1px solid  #ec4712; }
div.calendar td.active, div.calendar td.hover {background: #ec4712; border: 1px solid  #ec4712; color: #FFF; cursor: pointer;}

.persons {position: relative; float: left; width: 47%; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 0 5px; font-size: 15px; color: #e8d9d9; line-height: 16px;}
.persons:focus {border: 1px solid #9c8f88;}

.leftpane-label {text-align: left; width: 40%; font-size: 15px; padding: 4px 0 0 3px; margin-bottom: 10px; font-size: 15px;}

/* pane center aka content */
.center-pane {position: relative; float: none!important; width: 100%; height: auto; padding: 20px 0 0 0; text-align: left; -webkit-text-size-adjust: none;}
.center-pane p, .center-pane span {line-height: 20px; margin: 15px 0 0 0; font-size: 15px!important; padding: 0 2%; -webkit-text-size-adjust: none;}
.text-field {position: relative; width: 100%; height: auto; padding: 0;}
p.list {display: block; padding: 0 2% 8px 5%; background: url(img/list-img.jpg) 2% 5px no-repeat; margin: 0; line-height: normal;}

.right-pane, .right-pane div, .hilton-plan1, .hilton-plan2, .hilton-plan3, .hilton-plan4, .map-main {position: relative; float: none!important; display: none; padding: 0; margin: 0;}

/* center pane2 - wide */
.center-pane-wide {position: relative;  float: none; width: 100%; height: auto; padding: 20px 0 20px 0; text-align: left; background: #fff; background-image: none; font-size: 15px; -webkit-text-size-adjust: none;}
.center-pane-wide p {line-height: 18px; margin: 18px 0 0 0; font-size: 15px!important; padding: 0 2%; -webkit-text-size-adjust: none;}
.text-field2 {position: relative; width: 100%; height: auto; padding: 0;}

.center-pane a, .center-pane-wide a {text-decoration: underline;}
.center-pane a:hover, .center-pane-wide a:hover {text-decoration: none;}

.commentbox-main {display: none;}
.commentbox-main h2 {padding: 0; margin: 0;}
.commentbox-wrapper {position: relative; width: 684px; height: auto; background: #fff; margin: 0 0 20px 0!important; padding: 2px; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.commentbox-comments {position: relative; width: 684px; height: auto; background: #fff; margin: 5px 0 0 0; padding: 0;}

/* menu - winelist */
.full-line {position: relative; width: 100%; height: auto; padding: 0 0 20px 0;}
.full-line .transparent-dots2 {margin: 10px 0;}
.menu-title {position: relative; width: 98%; height: 25px; padding: 0 0 0 2%;}
.menu-text {position: relative; float: left; width: 100%; height: auto; padding: 8px 0 0 0;}
.menu-text p {margin: 0!important; padding: 0 0 0 2%!important;}
.menu-img {display: none!important;}
.menu-title1, .menu-text1 {position: relative; display: block; float: left; width: 65%; padding: 0 1% 7px 0; height: auto;}
.menu-text2, .menu-title2 {position: relative; display: block; float: left; width: 13%; padding: 0 0 7px 0; height: auto; text-align: right;}
.menu-title2 {font-size: 17px!important;}
.menu-text2 img {text-align: center; display: inline; margin: 0 2px 0 2px; padding-top: 3px;}

/* gallery - class wiever */
.galery-main {position: relative;width: 100%; height: 409px; padding: 6px 0 0 0; margin: auto; background: #fff!important; background-image: none!important;}
#box2{position: absolute; width: 100%; height: 400px;}
#box2 img{display: block; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.mask2{position: relative; width: 100%; height: 400px; overflow: hidden;}
.buttons{margin: auto; width: 100%; padding:0; margin: 0; text-align: center;}
.buttons span{color:#280606;padding:0;cursor:pointer;font:11px Verdana; margin: 0; padding: 0; text-decoration: underline;}
.buttons span.active, .buttons span:hover{}
#prev1 {position: absolute; left: 60px; margin: 0; padding: 0;}
#next1 {position: absolute; right: 67px; margin: 0; padding: 0;}
#play1 {position: absolute; left: 250px; margin: 0; padding: 0;}
#stop1 {position: absolute; left: 375px; margin: 0; padding: 0;}
#prev1:hover, #next1:hover , #play1:hover ,#stop1:hover {text-decoration: none;}
.sliderwrapper{position: relative; width: 320px; height: 230px; padding: 0; margin: auto; background: #fff!important; background-image: none!important; overflow: hidden; text-align: center;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; width: 320px; left: 0; top: 0; height: 100%; padding: 0;margin: 0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.pagination{width: 100%; text-align: center;margin: 5px auto 0 auto;}
.pagination a{padding: 0;margin: 0 5px;text-decoration: none;color: #000;}
.pagination a:hover, .pagination a.selected{color: #000; text-decoration: underline;}
.sliderwrapper img {display: block; margin: auto; width: 320px!important;}

/* contact */
.contacts1 {position: relative; float: none; width: 100%; height: auto; text-align: left; padding: 0 0 20px 0; word-wrap: break-word;}
.contacts2 {position: relative; float: none; width: 100%; height: auto; text-align: left; padding: 0 0 20px 0; word-wrap: break-word;}
.contacts1 p, .contacts2 p, .contacts1 a, .contacts2 a {word-wrap: break-word;}

/* footer */
.footer {position: relative; width: 100%; min-width: 320px; max-width: 800px; min-height: 107px; margin: 0!important; padding: 14px 0!important; background: url(img/mobile-footer-bg.jpg) #581013 right top no-repeat!important;}
.footer p, .footer a {color: #b5a4a1; font-size: 12px; margin:0!important; padding: 0 2%;}
.footer-navigation {position: relative; float: none; background-image: none!important; width: 100%; text-align: left; padding: 0!important; margin: 0!important; background-color: transparent;}
.footer-navigation img {display: none;}
.footernav {display: none; padding: 0!important; margin: 0!important;}
.footer-navigation a:hover {color: #F4551D;}
.copyright {position: relative; float: none; margin: 0; width: 70%; background-color: transparent;}
.credits {position: relative; float: none; margin:  0; width: 70%; background-color: transparent;}
.footer .transparent-dots3 {display: none; padding: 0!important; margin: 0!important;}

.scrollup {position: absolute; bottom: 6px; left: 2%; display: block!important; font-size: 15px!important; color: #fff!important; text-decoration: none; background: #834B4C; padding: 5px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.scrollup:hover, .scrollup:active {background: #FA631A; color: #fff;}

.mobile {display: block;}
.desktop {display: none;}
  
}


@media only screen and (min-device-width : 480px) and (max-device-width : 800px) , only screen and (min-width : 480px) and (max-width : 800px) {

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 15px; color: #3d3a37; background: #280607; background-image: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #3d3a37;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #3d3a37; font-weight: normal; text-transform: none; margin: 0; font-size: 15px;}
h1 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #f4551d; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 22px; line-height: 26px;}
h2, .h2 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #7e0e0e; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 19px;}
h3 {font-family: Arial, Georgia, Helvetica, sans-serif; color: #333333; font-weight: 500; text-transform: none; margin: 0; padding: 0 2%; font-size: 24px; text-align: left;}
h4 {font-family:  Arial, Georgia, Helvetica, sans-serif; color: #7e0e0e; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 15px; cursor: pointer;}

.main {position: relative; width: 100%; min-width: 320px; max-width: 800px; height: auto; padding: 0!important; margin: 0!important;}

.pdflinks {position: relative; display: block; width: 190px; height: 18px; margin: 0; padding: 0 2%;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}
.pdflinks2 {position: relative; display: block; width: 150px; height: 18px; margin: 0; padding: 0 2%;  background: url(img/pdf-icon.gif) top right no-repeat; text-decoration: underline;}

/* header navigation */
.header-main {position: relative; width: 100%; height: auto; padding: 0; margin: 0; background: #000; background-image: none; padding: 0;}
.header-img {position: relative; width: 100%; height: auto; min-height: 210px;  border: none; background: url(img/mobile-header-bg.jpg) transparent right 50px no-repeat;}
.header-slideshow {display: none;}
.header-logo {position: absolute; width: 200px; height: 160px; top: 50px; left: 0; cursor: pointer; z-index: 2222;}
.header-lang {position: absolute; width: 170px; height: 35px; top: 7px; left: 7px; padding: 0; background: transparent; z-index: 2222;}
.header-lang a {display: block; float: left; width: 49px; height: 35px; padding: 0; margin: 0 10px 0 0; text-indent: -9999px;}
.header-lang p {display: none;}
.phoneemail {position: absolute; right: 0; top: 7px; text-align: right;}
.phoneemail a {color: #fff; font-weight: 600;}
.magyar {background: url(img/mobile-flag-hu-bg.jpg) 0 0 no-repeat;}
.english {background: url(img/mobile-flag-en-bg.jpg) 0 0 no-repeat;}


.header-navigation {position: relative; width: 100%; max-width: 400px; height: auto; max-height: 260px; padding: 10px 0 2px 0; margin: 0 auto; background: #000; border: none;}
.header-navigation a {position: relative;  display: inline-block; width: 100px; height: 18px; font-weight: 600; color: #fff; margin: 3px; padding: 102px 0 0 0; line-height: 15px; font-size: 12px; text-transform: capitalize; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;}
.header-navigation a:hover {color: #fff;}
#header-slideshow, #aboutus, #loyalty {display: none;}
#home {background: url(img/mobile-nav-home-bg.jpg) center 0 no-repeat;}
#menu {background: url(img/mobile-nav-menu-bg.jpg) center 0 no-repeat;}
#winelist {background: url(img/mobile-nav-drinks-bg.jpg) center 0 no-repeat; clear: both;}
#contacts {background: url(img/mobile-nav-contacts-bg.jpg) center 0 no-repeat;}
#events {background: url(img/mobile-nav-events-bg.jpg) center 0 no-repeat;}
#gallery {background: url(img/mobile-nav-gallery-bg.jpg) center 0 no-repeat;}

.content-main {position: relative; width: 100%; height: auto; margin: 0!important; padding: 0!important; background: #fff; background-image: none;}

.transparent-dots {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 20px 0 20px 0; background: url(img/transparent-dots.gif) 0 0 repeat-x;}
.transparent-dots2 {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 20px 0 20px 0; background: url(img/transparent-dots2.gif) 0 0 repeat-x;}
.transparent-dots3 {position: relative; width: 100%; height: 1px; font-size: 0; padding: 0; margin: 10px 0 0 0; background: url(img/transparent-dots3.gif) 0 0 repeat-x;}

/* pane left */
.left-pane {position: relative; float: none!important;  width: 100%; padding: 10px 0 0 0!important; margin: 0!important; height: auto; background: #422424; background-image: none; text-align: center;}
.left-pane .transparent-dots, .left-pane .transparent-dots2, .left-pane .transparent-dots3 {margin: 20px 0 0 0!important;}
.left-title {display: block; color: #f5cda4; font-weight: 600; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; margin: 0; padding: 0 2%; font-size: 22px; text-align: left;}

.input1 {position: relative; width: 98%; height: 25px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 auto 10px auto; font-size: 15px; color: #e8d9d9; line-height: 20px;}
.input1:focus {border: 1px solid #9c8f88;}
.leftpane-gradbot {display: none;}

.icon-likebox {display: none;}

/* DATEPICKER */
.date-pick {position: relative; float: left; width: 100px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 5px 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.datepick-en  {position: relative; float: left; width: 60px; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 5px 5px; font-size: 11px; color: #e8d9d9; line-height: 16px;}
.date-pick:focus {border: 1px solid #9c8f88;}
.left-pane input[type=text] {height: 25px; font-size: 15px; line-height: 20px; margin-bottom: 10px;}
#time1 {width: 48%; margin-right: 0;}
#date1 {width: 48%;}


input.calendar,
select.calendar {float: left; width: 99px;}
button.calendar {background: url(img/calendar-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin: 4px 0 0 0; width: 20px; border: none; outline-style: none; -moz-outline-style: none;}
button.calendar:hover, button.calendar.active {background-position: 0 20px; border: none; outline-style: none; -moz-outline-style: none;}
div.calendar {background: #fff; height: 220px; padding: 0 6px; text-align: center; width: 200px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
div.calendar * {margin: 0; padding: 0;}
div.calendar div {background: none; cursor: move; height: 220px; overflow: hidden; padding-top: 10px; position: relative; width: 200px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
div.calendar caption {color: #333; font: normal 19px/19px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%;}
div.calendar caption a {cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px;}
div.calendar caption a.prev {background-image: url(img/calendar-prev.gif); left: 0;}
div.calendar caption a.next {background-image: url(img/calendar-next.gif); right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px; position: relative; text-align: center;}
div.calendar caption span.month {margin: auto;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: transparent; border: 0; border-collapse: separate; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;}
div.calendar td, div.calendar th {border: 0; color:#bfb88c; font: normal 20px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;}
div.calendar td {border: 1px solid  #c4c4c4; color: #FFF; margin: 1px; font-size: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background-image: none;}
div.calendar td.invalid {color: #c4c4c4; background: #fff; border: 1px solid  #ec4712;}
div.calendar td.valid {background: #fff; border: 1px solid  #ec4712;  color: #7E0E0E; cursor: pointer;}
div.calendar td.hilite {}
div.calendar td.inactive {background: #fff; color: #FFF; border: 1px solid  #ec4712; }
div.calendar td.active, div.calendar td.hover {background: #ec4712; border: 1px solid  #ec4712; color: #FFF; cursor: pointer;}

.persons {position: relative; float: left; width: 48%; height: 16px; border: 1px solid #9c7964; background: transparent; cursor: text; margin: 0 5px 0 5px; font-size: 15px; color: #e8d9d9; line-height: 16px;}
.persons:focus {border: 1px solid #9c8f88;}

.leftpane-label {text-align: left; width: 40%; font-size: 15px; padding: 4px 0 0 3px; margin-bottom: 10px;}

/* pane center aka content */
.center-pane {position: relative; float: none!important; width: 100%; height: auto; padding: 20px 0 0 0; text-align: left; -webkit-text-size-adjust: none;}
.center-pane p, .center-pane span {line-height: 20px; margin: 15px 0 0 0; font-size: 15px!important; padding: 0 2%; -webkit-text-size-adjust: none;}
.text-field {position: relative; width: 96%; height: auto; padding: 0;}
p.list {display: block; padding: 0 2% 8px 5%; background: url(img/list-img.jpg) 2% 5px no-repeat; margin: 0; line-height: normal;}

.right-pane, .right-pane div, .hilton-plan1, .hilton-plan2, .hilton-plan3, .hilton-plan4, .map-main {position: relative; float: none!important; display: none; padding: 0!important; margin: 0!important;}

/* center pane2 - wide */
.center-pane-wide {position: relative;  float: none; width: 100%; height: auto; padding: 20px 0 20px 0; text-align: left; background: #fff; background-image: none; font-size: 15px; -webkit-text-size-adjust: none;}
.center-pane-wide p {line-height: 18px; margin: 18px 0 0 0; font-size: 15px!important; padding: 0 2%; -webkit-text-size-adjust: none;}
.text-field2 {position: relative; width: 100%; height: auto; padding: 0;}

.center-pane a, .center-pane-wide a {text-decoration: underline;}
.center-pane a:hover, .center-pane-wide a:hover {text-decoration: none;}

.commentbox-main {display: none;}
.commentbox-main h2 {padding: 0; margin: 0;}
.commentbox-wrapper {position: relative; width: 684px; height: auto; background: #fff; margin: 0 0 20px 0!important; padding: 2px; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.commentbox-comments {position: relative; width: 684px; height: auto; background: #fff; margin: 5px 0 0 0; padding: 0;}

/* menu - winelist */
.full-line {position: relative; width: 100%; height: auto; padding: 0 0 20px 0;}
.full-line .transparent-dots2 {margin: 10px 0;}
.menu-title {position: relative; width: 98%; height: 25px; padding: 0 0 0 2%;}
.menu-text {position: relative; float: left; width: 100%; height: auto; padding: 8px 0 0 0;}
.menu-text p {margin: 0!important; padding: 0 0 0 2%!important;}
.menu-img {display: none!important;}
.menu-title1, .menu-text1 {position: relative; display: block; float: left; width: 65%; padding: 0 1% 7px 0; height: auto;}
.menu-text2, .menu-title2 {position: relative; display: block; float: left; width: 13%; padding: 0 0 7px 0; height: auto; text-align: right;}
.menu-title2 {font-size: 17px!important;}
.menu-text2 img {text-align: center; display: inline; margin: 0 2px 0 2px; padding-top: 3px;}

/* gallery - class wiever */
.galery-main {position: relative;width: 100%; height: 409px; padding: 6px 0 0 0; margin: auto; background: #fff!important; background-image: none!important;}
#box2{position: absolute; width: 100%; height: 400px;}
#box2 img{display: block; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.mask2{position: relative; width: 100%; height: 400px; overflow: hidden;}
.buttons{margin: auto; width: 100%; padding:0; margin: 0; text-align: center;}
.buttons span{color:#280606;padding:0;cursor:pointer;font:11px Verdana; margin: 0; padding: 0; text-decoration: underline;}
.buttons span.active, .buttons span:hover{}
#prev1 {position: absolute; left: 60px; margin: 0; padding: 0;}
#next1 {position: absolute; right: 67px; margin: 0; padding: 0;}
#play1 {position: absolute; left: 250px; margin: 0; padding: 0;}
#stop1 {position: absolute; left: 375px; margin: 0; padding: 0;}
#prev1:hover, #next1:hover , #play1:hover ,#stop1:hover {text-decoration: none;}
.sliderwrapper {position: relative; width: 480px; height: 330px; padding: 0; margin: auto; background: #fff!important; background-image: none!important; overflow: hidden; text-align: center;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0;  width: 480px; height: 100%;padding: 0;margin: 0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.pagination{width: 100%; text-align: center;margin: 5px auto 0 auto;}
.pagination a{padding: 0;margin: 0 5px;text-decoration: none;color: #000;}
.pagination a:hover, .pagination a.selected{color: #000; text-decoration: underline;}
.sliderwrapper img {display: block; margin: auto; width: 480px!important;}

/* contact */
.contacts1 {position: relative; float: left; width: 40%; height: auto; text-align: left; padding: 0 0 20px 0; word-wrap: break-word;}
.contacts2 {position: relative; float: right; width: 40%; height: auto; text-align: left; padding: 0 0 20px 0; word-wrap: break-word;}
.contacts1 p, .contacts2 p, .contacts1 a, .contacts2 a {word-wrap: break-word;}

/* footer */
.footer {position: relative; width: 100%; min-width: 320px; max-width: 800px; min-height: 107px; margin: 0!important; padding: 14px 0!important; background: url(img/mobile-footer-bg.jpg) #581013 right top no-repeat!important;}
.footer p, .footer a {color: #b5a4a1; font-size: 12px; margin:0!important; padding: 0!important;}
.footer-navigation {position: relative; float: none; background-image: none!important; width: 100%; text-align: left; padding: 0!important; margin: 0!important; background-color: transparent;}
.footer-navigation img {display: none;}
.footernav {display: none; padding: 0!important; margin: 0!important;}
.footer-navigation a:hover {color: #F4551D;}
.copyright {position: relative; float: none; margin: 0; width: 70%; background-color: transparent;}
.credits {position: relative; float: none; margin:  0; width: 70%; background-color: transparent;}
.footer .transparent-dots3 {display: none; padding: 0!important; margin: 0!important;}

.scrollup {position: absolute; bottom: 6px; left: 2%; display: block!important; font-size: 15px!important; color: #fff!important; text-decoration: none; background: #834B4C; padding: 5px 10px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
.scrollup:hover, .scrollup:active {background: #FA631A; color: #fff;}

.mobile {display: block;}
.desktop {display: none;}

}