body {
	margin: 0px;
	padding: 0px;
}

@font-face {
    font-family:'BebasNeue';
    src: url('fonts/BebasNeue.eot');
    src: url('fonts/BebasNeue.eot?iefix') format('embedded-opentype'),
         url('fonts/BebasNeue.woff') format('woff'),
         url('fonts/BebasNeue.ttf') format('truetype'),
         url('fonts/BebasNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family:'Candara';
    src: url('fonts/Candara.eot');
    src: url('fonts/Candara.eot?iefix') format('embedded-opentype'),
         url('fonts/Candara.woff') format('woff'),
         url('fonts/Candara.ttf') format('truetype'),
         url('fonts/Candara.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
font-family: 'Candara';
url(data:font/truetype;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE)  format('truetype'),
url(data:font/woff;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE)  format('woff'),
url('myfont-webfont.svg#svgFontName') format('svg');
}

@font-face {
    font-family:'PFDinTextPro-Regular';
    src: url('fonts/PFDinTextPro-Regular.eot');
    src: url('fonts/PFDinTextPro-Regular.eot?iefix') format('embedded-opentype'),
         url('fonts/PFDinTextPro-Regular.woff') format('woff'),
         url('fonts/PFDinTextPro-Regular.ttf') format('truetype'),
         url('fonts/PFDinTextPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
font-family: 'PFDinTextPro-Regular';
url(data:font/truetype;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE)  format('truetype'),
url(data:font/woff;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE)  format('woff'),
url('myfont-webfont.svg#svgFontName') format('svg');
}

#container{
background: url('mainbg.jpg') top center no-repeat; 
position:absolute;
overflow:hidden;
display:block;
margin-left:auto;
margin-right:auto;
top:0px;
right:0px;
left:0px;
height: 2448px;
width: 100%;
z-index:50;
}

#lines{
position:absolute;
overflow:hidden;
display:block;
margin-left:auto;
margin-right:auto;
top:495px;
right:0px;
left:0px;
height: 39px;
background-color:transparent;
background: url('ketcsik.png') top center no-repeat; 
width: 100%;
z-index:50;
}

.cimsor {
position:relative;
top:105px;
width:200px;
height:200px;
left:50%;
margin-left:55px;
font-size:2.28em;
line-height:42px;
font-family:'BebasNeue';
text-align:left;
text-shadow: 1px 1px 2px #666666;
font-weight: 200;
}

.kistext{
font-size:12px; font-family:Arial;
color: #000;
font-weight:400;
text-shadow: 1px 1px 2px #666666;
line-height:19px;
text-align:justify;
}

.matrasign{
position:relative;
top:40px;
left:50%;
margin-left: 140px;
width:229px;
height:84px;
z-index:7000;
opacity:0.4;
}

#sziluett {
position:relative;
top:-2884px;
left: 50%;
margin-left: -251px;
width:212px;
height:400px;
z-index:1000;
background: url('drinker.png') top center no-repeat;
}

div.slide {
	height: 2931px;
	text-align: center;
	line-height: 502px;
	font-weight: bold;
	font-size: 28px;
	color: rgba(0,0,0,0.75);
}

div.slide.s1 {
	background-color: #a3cc5c;
	background:url(about.png) top center no-repeat;
}

div.slide.s2 {
	background-color: #cca75c;
	background:url(1stback.jpg) top center no-repeat;
}

div.slide.s3 {
	background-color: transparent;
	background:url(gallery.png) top center no-repeat;
}

div.slide.s4 {
	background-color: transparent;
	background:url(2ndback1.png) top center no-repeat;
}

div.slide.s5 {
	background-color: #5ccccc;
	background:url(winetasting.png) top center no-repeat;
}

div.slide.s6 {
	background-color: #5ccccc;
	background:url(kapcsolat.png) top center no-repeat;
}

#menu{
position:relative;
top:-2931px;
left:0px;
width:100%;
height:30px;
background-color:#000;z-index:1;
}

#additional-menu {
	height: 0px;
	padding-right: 100px;
	background: #e5e5e5;
}

#additional-menu > div {
	position:relative;
	margin-left:0 auto;
	margin-right:0 auto;
	left:20%;
	font-family:Arial Narrow, 'PFDinTextPro-Regular';
	margin-right:50%;
	top:0px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0px 0px 10px 1px;
	float: left;
	font-size: 17px;
	font-weight: 600;
	letter-spacing:0.7px;
	cursor: pointer;
	color: #fff;
	background: #000;
	margin-bottom:2px;
	opacity:1;
}

@media all and (max-width: 1023px) {
#additional-menu > div {
	position:relative;
	left:15%;
	margin-right:0%;
}
}

@media (max-width:1279px) and (min-width:1024px) {
#additional-menu > div {
	position:relative;
	left:15%;
	margin-right:0%;
}
}

@media (max-width:1920px) and (min-width:1776px) {
#additional-menu > div {
	position:relative;
	left:32%;
	margin-right:0%;
}
}

@media (max-width:1775px) and (min-width:1600px) {
#additional-menu > div {
	position:relative;
	left:27.5%;
	margin-right:0%;
}
}
@media (max-width:1599px) and (min-width:1280px) {
#additional-menu > div {
	position:relative;
	left:23.5%;
	margin-right:0%;
}
}


#additional-menu > div.mkslider-external-navigator-item-current {
	color: #ffffff;
	background: #000;
}

#additional-menu > div.mkslider-external-navigator-item-current {
	opacity: 1.0;
	color:deepskyblue;
}

#additional-menu > div.mkslider-external-navigator-item-current:hover { opacity:1.0; color:deepskyblue; border-bottom: 0px; cursor: default; }


#additional-menu > div:hover { opacity:1; color:deepskyblue; border-bottom: solid 0px deepskyblue; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }

.mkslider .mkslider-arrows {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.mkslider .mkslider-arrows .mkslider-arrow {
	position:relative;
	top:-2630px;
	width: 40px;
	height: 100%;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	font-size: 30px;
	cursor: pointer;
	margin: 10px;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.mkslider .mkslider-arrows .mkslider-arrow.mkslider-arrow-next {
	float: right;
}

.arrowright {
position:absolute;
top:240px;
right:439px;
z-index:200;
}

@media all and (max-width: 1023px) {
.arrowright {
position:absolute;
top:240px;
right:-6px;
z-index:200;
}
}

@media (max-width:1279px) and (min-width:1024px) {
.arrowright {
position:absolute;
top:240px;
right:-6px;
z-index:200;
}
}

@media (max-width:1599px) and (min-width:1280px) {
.arrowright {
position:absolute;
top:240px;
right:118px;
z-index:200;
}
}
@media (max-width:1775px) and (min-width:1600px) {
.arrowright {
position:absolute;
top:240px;
right:278px;
z-index:200;
}
}

.mkslider .mkslider-arrows .mkslider-arrow.mkslider-arrow-prev {
	float: left;
}

.arrowleft {
position:absolute;
top:238px;
left:438px;
z-index:200;
}

@media all and (max-width: 1023px) {
.arrowleft {
position:absolute;
top:238px;
left:-23px;
z-index:200;
}
}

@media (max-width:1279px) and (min-width:1024px) {
.arrowleft {
position:absolute;
top:238px;
left:-10px;
z-index:200;
}
}

@media (max-width:1599px) and (min-width:1280px) {
.arrowleft {
position:absolute;
top:238px;
left:118px;
z-index:200;
}
}

@media (max-width:1775px) and (min-width:1600px) {
.arrowleft {
position:absolute;
top:238px;
left:278px;
z-index:200;
}
}

td { border: 0px solid #000; text-align:left; }

img { font-family: 'BebasNeue'; }

.mini {
width: 180px;
height:270px;
padding-left:20px;
padding-right:20px;
border-right: solid 1px #7f7f7f;
border-bottom: solid 1px #7f7f7f;
border-left: solid 1px #7f7f7f;
border-top: solid 1px #7f7f7f;
background-color:#fff;
border-radius:4px;
}

#content{
position:relative;
top:200px;
margin-left:auto;
margin-right:auto;
width:780px;
left:0px;
z-index:1999;
font-family:'Candara','PFDinTextPro-Regular';
color:#000;
line-height:28px;
font-size:18px;
font-weight:400;
text-align:justify;
}

.borkostolo{
position:absolute;
top:46px;
margin-left:auto;
margin-right:auto;
width:100%;
height:1089px;
background:url("winetest.png") top center no-repeat;
left:0px;
z-index:-100;
}

#prizes{
border-spacing: 25px 1px;
border-collapse: separate;
width:100%;
}
.prize{
border:0px solid #000;
}

#borok{
margin-left:0px;
margin-top:-200px;
border-spacing:14px 190px;
border-collapse: separate;}

h2{
font-size:19px;
}

td.wine{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:230px;
}

.pre {
width:230px;
height:128px;
overflow:hidden;
text-align:justify;
word-break: keep-all;
word-spacing: -1px;
font-size:13px;
font-family: 'PFDinTextPro-Regular', Arial Narrow;
text-shadow:0px 0px 0px #666666;
font-weight:400;
line-height:14px;
z-index:6000;
}

.allcontent {
display:none;
width:230px;
height:100%;
overflow:hidden;
text-align:justify;
word-break: keep-all;
word-spacing: -1px;
font-size:13px;
font-family: 'PFDinTextPro-Regular', Arial Narrow;
text-shadow:0px 0px 0px #666666;
font-weight:400;
line-height:14px;
z-index:6000;
}

td.wine:hover {
z-index:6000;
max-height:780px;
position:absolute;
box-shadow:0 0 20px rgba(0,0,0,0.2);background-color:#fff;
transition: 0.5s;
border-radius:10px;
z-index:6000;
}

td.wine:hover .allcontent {
display:block;
padding-bottom:10px;
z-index:6000;
}

td.wine:hover .mini{
border-color:transparent;
background-color:transparent;
}

@media (max-width:1279px) and (min-width:800px) {

#borok{
margin-left:40px;
margin-top:-200px;
border-spacing:14px 210px;
border-collapse: separate;}

td.wine{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:200px;
}

.pre {
width:200px;
height:100px;
overflow:hidden;
text-align:justify;
word-break: keep-all;
word-spacing: -1px;
font-size:13px;
font-family: 'PFDinTextPro-Regular', Arial Narrow;
font-weight:400;
line-height:14px;
z-index:6000;
}

.allcontent {
display:none;
width:200px;
height:100%;
overflow:hidden;
text-align:justify;
word-break: keep-all;
word-spacing: -1px;
font-size:13px;
font-family: 'PFDinTextPro-Regular', Arial Narrow;
font-weight:400;
line-height:14px;
z-index:6000;
}

}


#footer{
background: url('foot.png') top center no-repeat;
position:absolute;
overflow:hidden;
display:block;
margin-left:auto;
margin-right:auto;
bottom:0px;
right:0px;
left:0px;
width:100%;
height:447px;
}

a.mail:link{ color:#070707; text-decoration:none;}
a.mail:hover{ color:#676767; text-decoration:none;}
a.mail:visited{ color:#070707;text-decoration:none; }

.hover{
-webkit-transition: all 1s ease;
     -moz-transition: all .75s ease;
       -o-transition: all .75s ease;
      -ms-transition: all .75s ease;
          transition: all .75s ease;
}

.hover img {
  -webkit-filter: opacity(0.80);
  filter: opacity(0.80);
  width:99%;
  height:99%;
}

.faceminilogo{
position:relative; top:-13px; left:50%; margin-left:224px;
}

@media (max-width:1280px) and (min-width:1024px) {
.faceminilogo {
position:relative; top:-13px; left:50%; margin-left:242px;

}
}

@media (max-width:1600px) and (min-width:1370px) {
.faceminilogo {
position:relative; top:-13px; left:50%; margin-left:218px;

}
}

@media (max-width:1176px) and (min-width:1024px) {
.faceminilogo {
position:relative; top:-13px; left:50%; margin-left:232px;

}
}

@media (max-width:1367px) and (min-width:1281px) {
.faceminilogo {
position:relative; top:-13px; left:50%; margin-left:220px;

}
}


.fullos {
background-color:#000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

#sziluett {
position:relative;
top:-2884px;
left: 50%;
margin-left: -253px;
width:212px;
height:400px;
z-index:1000;
background: url('drinker.png') top center no-repeat;
}

}