/*
Theme Name: Öltemények
Theme URL: http://oltemenyek.hu
Author: Kelliár Tamás - Stilldesign
Author URL: http://stilldesign.hu/
Description: -
Version: 1.0
*/


@charset "utf-8";
/* CSS Document */


/*-----------------------------------*\
	MAIN
\*-----------------------------------*/

.inner {
	max-width: 1180px;
	margin: 0 auto;
}

body {
	background: url('images/background.jpg') repeat center top;
	font-family: "Open Sans";
	font-size: 24px;
	color: white;
}


/*-----------------------------------*\
	NAV
\*-----------------------------------*/
.menu li a img{
	-moz-transform:scale(0.7);
    -webkit-transform:scale(0.7);
    transform:scale(0.7);
}

.header {
	background-image: url('images/bg-menu.png');
	background-position: center center;
    background-repeat: repeat-x;
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
	text-transform: uppercase;
	position: relative;
	z-index: 99999999;
	top: -20px;
}

.header li {
    display: inline-block;
    vertical-align: middle;
	padding: 0 35px;
}

.header li a {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
	text-transform: uppercase;
	color: white;
}

.header li:hover a{
	color: #f3b711;
}

.header ul{
	text-align: center;
}

.logo {
	width: auto;
	max-width: 100%;
}

/*DROP DOWN*/

/*Initialize*/
ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
	font-size: 18px;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
	font-size: 20px;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 25px;
    left: -15px;
    width: 100px;
	min-width: 100%;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

.sub-menu li {
    font-size: 16px;
}
.sub-menu #menu-item-502 a,
.sub-menu #menu-item-465 a,
.sub-menu #menu-item-466 a,
.sub-menu #menu-item-38 a,
.sub-menu #menu-item-148 a,
.sub-menu #menu-item-149 a {
    color: white;
	background: #f1ae0f;
	/*
	background: #f5c313; /* Old browsers */ /*
	background: -moz-linear-gradient(top,  #f5c313 0%, #f1ae0f 100%); /* FF3.6+ */ /*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5c313), color-stop(100%,#f1ae0f)); /* Chrome,Safari4+ */ /*
	background: -webkit-linear-gradient(top,  #f5c313 0%,#f1ae0f 100%); /* Chrome10+,Safari5.1+ */ /*
	background: -o-linear-gradient(top,  #f5c313 0%,#f1ae0f 100%); /* Opera 11.10+ */ /*
	background: -ms-linear-gradient(top,  #f5c313 0%,#f1ae0f 100%); /* IE10+ */ /*
	background: linear-gradient(to bottom,  #f5c313 0%,#f1ae0f 100%); /* W3C */ /*
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c313', endColorstr='#f1ae0f',GradientType=0 ); /* IE6-9 */
	min-width: 155px;
	max-width: 155px;
	min-height: 35px;
	max-height: 35px;
	padding-top: 10px;
	border-bottom: 1px solid white;
}

.sub-menu #menu-item-40 a {
    color: white;
	background: #f1ae0f;
	min-width: 155px;
	max-width: 155px;
	min-height: 35px;
	max-height: 35px;
	padding-top: 10px;
	border-bottom: 1px solid white;
}


.sub-menu #menu-item-467 a,
.sub-menu #menu-item-147 a {
    color: white;
	background: #f1ae0f;
	min-width: 155px;
	max-width: 155px;
	min-height: 35px;
	max-height: 35px;
	padding-top: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
/*DROP DOWN END*/

.sub-menu #menu-item-38:hover a,
.sub-menu #menu-item-39:hover a,
.sub-menu #menu-item-40:hover a,
.sub-menu #menu-item-147:hover a,
.sub-menu #menu-item-148:hover a,
.sub-menu #menu-item-149:hover a,
.sub-menu #menu-item-465:hover a,
.sub-menu #menu-item-466:hover a,
.sub-menu #menu-item-467:hover a,
.sub-menu #menu-item-502:hover a{
background: #f8d265;
color: #784727;
}

/*-----------------------------------*\
	SLIDER
\*-----------------------------------*/


.home-slider {
	background: url('images/slide.png') no-repeat center center;
	height: 340px;
	margin-top: -95px;
}

.slider {
	background: #a3886d;
	opacity: 0.8;
}

.slides {
	text-align: center;
}

.slides h1 {
    font-size: 24px;
    margin-bottom: -20px;
    margin-top: 30px;
}

.slides p {
    border-top: 2px dashed white;
    font-size: 12px;
    margin: 35px 35px 10px;
    padding: 20px 0 90px;
}

.flexslider.main .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden; 
	max-height: 445px;
	min-height: 340px;
} 


/*-----------------------------------*\
	HOME
\*-----------------------------------*/

.decor {
	background: url('images/decor.png') repeat-x;
	height: 60px;
	position: relative;
    z-index: 99999;
	top: 10px;
}


#decor-top {
    margin-top: -15px;
}


#decor-bot {
    margin-bottom: -10px;
    margin-top: -11px;
    position: relative;
    top: 48px;
}

.main {
    padding: 0px;
}



.home-frame h2 {
    font-family: stalemate;
    font-size: 42px;
	margin: 0;
}

.home-frame p {
    border-bottom: 2px dashed white;
    border-top: 2px dashed white;
    font-size: 18px;
    margin: 0 20px;
    padding: 10px 20px;
}


.home-frame a p {
    font-family: stalemate;
	font-size: 40px;
	border: none;
	color: white;
	margin: 0;
}

.home-frame a:hover p {
	color: #f3b711;
}

.category-image img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
	height: auto;
    width: 86%;
}


.category-image:hover img {
    filter: none;
    -webkit-filter: sepia(0);
    -webkit-filter: sepia(0%);
    -moz-filter: sepia(0%);
    -ms-filter: sepia(0%);
    -o-filter: sepia(0%);
    filter: sepia(0%);
}

#post-404 {
    text-align: center;
}

/*-----------------------------------*\
	HONAP TERMEKE
\*-----------------------------------*/

.honap {
	background: url('images/bg-honap.jpg');
	padding: 40px 0;
	margin-bottom: -60px;
}


.honap-image {
    margin: 25px 0;
    position: relative;
}


.honap-image img {
	width: 100%;
	height: auto;
}


.honap-content {
    color: #784727;
	padding: 20px 0;
    text-align: center;
}


.honap-content h2 {
    font-family: stalemate;
    font-size: 50px;
	margin: 0 50px 0 0;
}


.honap-content p {
	border-bottom: 2px dashed #784727;
    border-top: 2px dashed #784727;
    font-size: 14px;
    margin: 0 40px 0 0;
	padding: 10px 0;
}

.honap-content a p {
	border: none;
	font-size: 45px;
	margin: 10px 50px 0 0;
}


.honap-content a {
    color: #784727;
    font-family: stalemate;
}

.honap-frame img {
}

/*-----------------------------------*\
	KAPCSOLAT
\*-----------------------------------*/

#kapcsolat-head{
	z-index: 999999;
}

#decor-kapcs-top {
    margin-top: -95px;
    position: relative;
}

#decor-kapcs-bot {
    top: 60px;
	margin-top: -60px;
}

.kapcsolat {
    color: #784727;
}


.kapcsolat h2 {
    font-family: stalemate;
    font-size: 42px;
	border-bottom: 2px dashed #784727;
	margin: 0 20px 10px;
}

.contact {
    font-size: 26px;
    margin-left: 120px;
}

.contact-left {
    float: left;
}

.contact ul li {
    display: inline-block;
    padding: 15px;
}

.names li {
    font-family: stalemate;
    font-size: 50px;
	margin-left: 40px;
    margin-right: 40px;
}

.names { 
    font-family: stalemate;
    font-size: 42px;
}

.phones {
	font-size: 18px;
}

.social {
    border-top: 2px dashed #784727;
    padding: 25px 0px 40px !important;
	margin: 0 20px;
}

.social a {
    color: #784727;
     font-size: 18px;
}

.kapcs-mail {
	background: url('images/kapcs-mail.png') no-repeat center left;
	width: 25px;
	height: 17px;
	padding-left: 40px;
}

.kapcs-face{
	background: url('images/kapcs-face.png') no-repeat center left;
	width: 32px;
	height: 32px;
	padding: 20px 0 20px 41px;
}

.phone-dora {
    margin-right: 80px;
}
/*-----------------------------------*\
	ROLUNK
\*-----------------------------------*/
.rolunk-inner {
	width: 930px;
	margin: 0 auto;
}

.rolunk {
    padding: 10px 0 0;
	color: #784727;
	margin: 55px;
}

.rolunk .signo {
    font-family: stalemate;
    font-size: 42px;
	padding-top: 40px;
}

.rolunk p {
    font-family: Open Sans;
	font-size: 16px;
    padding: 0 40px 0 0;
	margin: 0;
}

.rolunk-frame img {
	height: auto;
    width: 100%;
}

/*-----------------------------------*\
	TERMEKEK
\*-----------------------------------*/


.termekek-frame {
	margin: 40px 0;
}

.termekek-content h2 {
    font-family: stalemate;
    font-size: 42px;
    margin: 0;
    text-align: center;
	padding-right: 30px;
}

.termekek-content p {
	font-size: 14px;
    padding-right: 30px;
    text-align: center;
	margin: 0 30px 0 0;
	padding-left: 25px;
}

.termekek-slider {
	background-image: url('images/termekek-slide-bg.png');
	background-position: center center;
    background-repeat: repeat-x;
    margin: 0;
	height: 150px;
}


.termekek-flexslider {
    padding-top: 17px;
}


.termek-title {
    color: #e9cdb1;
    font-family: stalemate;
    font-size: 55px;
    margin: 0;
    padding-right: 42px;
    text-align: center;
	line-height: 1;
	padding-top: 25px;
}

.termekek-flexslider ul li img {
/*	border: 3px solid #f2d488; */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 110px;
	height: auto;
	position: relative;
    top: 2px;
	cursor: pointer;
	border: 3px solid #f2d488;

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
}

.termekek-flexslider ul li:hover img {
    filter: none;
    -webkit-filter: sepia(0);
    -webkit-filter: sepia(0%);
    -moz-filter: sepia(0%);
    -ms-filter: sepia(0%);
    -o-filter: sepia(0%);
    filter: sepia(0%);

}

.flex-active-slide img{
    filter: none;
    -webkit-filter: sepia(0);
    -webkit-filter: sepia(0%);
    -moz-filter: sepia(0%);
    -ms-filter: sepia(0%);
    -o-filter: sepia(0%);
    filter: sepia(0%);
}

.termekek {
    margin-bottom: 20px;
}

.slides li.flex-active-slide img {
    filter: none;
    -webkit-filter: sepia(0);
    -webkit-filter: sepia(0%);
    -moz-filter: sepia(0%);
    -ms-filter: sepia(0%);
    -o-filter: sepia(0%);
    filter: sepia(0%);
}
/*
.slide-img-frame {
	background: #f2d488;
    margin-right: 49px;
    padding-top: 1px;
}



/*-----------------------------------*\
	TERMEK ALOLDAL
\*-----------------------------------*/

.termek-frame-top {
	background: url('images/frame-termek-top.png') no-repeat;
	height: 31px;
	max-width: 1170px;
	margin: 0 auto;
}

.termek-frame-middle {
	background: url('images/frame-termek-middle.png');
	max-width: 1170px;
	margin: 0 auto;
}

.termek-frame-bottom{
	background: url('images/frame-termek-bottom.png') no-repeat;
	height: 31px;
	max-width: 1170px;
	margin: 0 auto;
}

.leiras {
	color: #784727;
	text-align: left;
	padding-right: 20px;
}

.leiras h2 {
    border-bottom: 2px dashed #784727;
    font-family: stalemate;
    font-size: 42px;
    margin: 40px 20px 20px 0;
    text-align: center;
}

.leiras p {
    font-size: 14px;
    padding-right: 20px;
}

.back a{
    color: #784727;
    font-family: Open Sans Condensed;
    font-size: 22px;
	text-align: center;
}

.back img {
    position: relative;
    top: 15px;
}

.back {
	padding-bottom: 25px;
    text-align: center;
    margin-top: 50px;
}


.slide-img-frame.slide-termek {
	margin-top: 2px !important;
}
/*-----------------------------------*\
	TERMEKEK HOVER
\*-----------------------------------*/

.termekek-item {
    position: relative;
}

.termekek-item img {
    display: block;
    height: auto;
    max-width: 100%;
	margin-left: 7px;
}

.termekek-item .termekek-text{
	/*background: none repeat scroll 0 0 rgba(173, 142, 111, 0.7);*/
	color: #fff;
    height: 65px;
    left: 18px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 274px;
    transition: all 0.2s ease-in-out 0s;
    width: 345px;
	background-attachment: scroll, scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-position: left top, right top, right bottom, left bottom;
    background-repeat: no-repeat;
    background-size: 50% 50%;
	background-image: 
		radial-gradient(circle at 0 0 , rgba(204, 0, 0, 0) 0px, rgba(173, 142, 111, 0.7) 0px),
		radial-gradient(circle at 100% 0 , rgba(204, 0, 0, 0) 0px, rgba(173, 142, 111, 0.7) 0px),
		radial-gradient(circle at 100% 100% , rgba(204, 0, 0, 0) 24px, rgba(173, 142, 111, 0.7) 24px),
		radial-gradient(circle at 0 100% , rgba(204, 0, 0, 0) 24px, rgba(173, 142, 111, 0.7) 24px);
	width: 100%;
	height: 21%;
}

.termekek-text h2 {
    color: white;
    font-size: 38px;
    line-height: 10px;
    padding-top: 20px;
}


.termekek-text {
    font-family: stalemate;
    font-size: 38px;
	margin: -10px;
	padding-top: 10px;
}

.termekek-text .tovabb:hover {
	color: #f3b711;
}

.termekek-text .tovabb {
    color: white;
	font-size: 38px;
}

.termek-brown-border{
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	right: -7px;
    top: 0;
	background:
		url('images/image-frame-left-top.png') no-repeat left top,
		url('images/image-frame-right-top.png') no-repeat right top,
		url('images/image-frame-left-bottom.png') no-repeat left bottom,
		url('images/image-frame-right-bottom.png') no-repeat right bottom,
		url('images/image-frame-horizontal.png') repeat-x left top,
		url('images/image-frame-horizontal.png') repeat-x right top,
		url('images/image-frame-vertical.png') repeat-y left top,
		url('images/image-frame-vertical.png') repeat-y right top,
		url('images/image-frame-horizontal.png') repeat-x left bottom,
		url('images/image-frame-horizontal.png') repeat-x right bottom,
		url('images/image-frame-vertical.png') repeat-y left bottom,
		url('images/image-frame-vertical.png') repeat-y right bottom;
	
}

.flexslider .slides li img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*-----------------------------------*\
	FOOTER
\*-----------------------------------*/

.footer {
	background: url('images/bg-footer.jpg') repeat center center;
	margin-top: 6px;
}

.foot{
	margin: 0 0 0 110px;
	padding: 35px 0 0;
	text-align: center;
}

.foot li{
	display: inline-block;
    font-size: 12px;
    line-height: 25px;
    margin-top: 20px;
    padding: 0 35px;
}

.foot li a{
    color: white;
}

.foot li a:hover {
	color: #f3b711;
}

.home-frame h2{
	color: white;
}

.home-frame h2:hover {
	color: #623105;
}

.mail {
	background: url('images/icon-mail.png') no-repeat center left;
}

.tel {
	background: url('images/icon-tel.png') no-repeat center left;
}

.fb{
	position: relative; 
	top: 10px;
	right: 15px;
}


.stilldesign {
    height: auto;
    position: relative;
    right: 80px;
    top: 10px;
    width: 55%;
}
/*-----------------------------------*\
	FRAMES
\*-----------------------------------*/

.honap-white-border {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background:
		url('images/white-frame-left-top.png') no-repeat left top,
		url('images/white-frame-right-top.png') no-repeat right top,
		url('images/white-frame-left-bottom.png') no-repeat left bottom,
		url('images/white-frame-right-bottom.png') no-repeat right bottom,
		url('images/white-frame-horizontal.png') repeat-x left top,
		url('images/white-frame-horizontal.png') repeat-x right top,
		url('images/white-frame-vertical.png') repeat-y left top,
		url('images/white-frame-vertical.png') repeat-y right top,
		url('images/white-frame-horizontal.png') repeat-x left bottom,
		url('images/white-frame-horizontal.png') repeat-x right bottom,
		url('images/white-frame-vertical.png') repeat-y left bottom,
		url('images/white-frame-vertical.png') repeat-y right bottom;
	
}

.termek-white-border {
	height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	background:
		url('images/white-frame-left-top.png') no-repeat left top,
		url('images/white-frame-right-top.png') no-repeat right top,
		url('images/white-frame-left-bottom.png') no-repeat left bottom,
		url('images/white-frame-right-bottom.png') no-repeat right bottom,
		url('images/white-frame-horizontal.png') repeat-x left top,
		url('images/white-frame-horizontal.png') repeat-x right top,
		url('images/white-frame-vertical.png') repeat-y left top,
		url('images/white-frame-vertical.png') repeat-y right top,
		url('images/white-frame-horizontal.png') repeat-x left bottom,
		url('images/white-frame-horizontal.png') repeat-x right bottom,
		url('images/white-frame-vertical.png') repeat-y left bottom,
		url('images/white-frame-vertical.png') repeat-y right bottom;
	
}

.home-frame { 
	margin-top: 40px;
	padding: 20px 0px;
	text-align: center;
	background:
		url('images/home-frame-left-top.png') no-repeat left top,
		url('images/home-frame-right-top.png') no-repeat right top,
		url('images/home-frame-left-bottom.png') no-repeat left bottom,
		url('images/home-frame-right-bottom.png') no-repeat right bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x left top,
		url('images/home-frame-horizontal-border.jpg') repeat-x right top,
		url('images/home-frame-vertical-border.jpg') repeat-y left top,
		url('images/home-frame-vertical-border.jpg') repeat-y right top,
		url('images/home-frame-horizontal-border.jpg') repeat-x left bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x right bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y left bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y right bottom,
		url('images/home-frame-middle.jpg') repeat;
}

.bottom-category {
	margin-bottom: 20px;
}

.grid.categories {
    margin: 0 auto;
    max-width: 930px;
}

.honap-frame { 
	background:
		url('images/honap-frame-left-top.jpg') no-repeat left top,
		url('images/honap-frame-right-top.jpg') no-repeat right top,
		url('images/honap-frame-left-bottom.jpg') no-repeat left bottom,
		url('images/honap-frame-right-bottom.jpg') no-repeat right bottom,
		url('images/honap-frame-horizontal-border.jpg') repeat-x left top,
		url('images/honap-frame-horizontal-border.jpg') repeat-x right top,
		url('images/honap-frame-vertical-border.jpg') repeat-y left top,
		url('images/honap-frame-vertical-border.jpg') repeat-y right top,
		url('images/honap-frame-horizontal-border.jpg') repeat-x left bottom,
		url('images/honap-frame-horizontal-border.jpg') repeat-x right bottom,
		url('images/honap-frame-vertical-border.jpg') repeat-y left bottom,
		url('images/honap-frame-vertical-border.jpg') repeat-y right bottom,
		url('images/honap-frame-middle.jpg') repeat;
}

.rolunk-frame { 
    padding: 35px 0px;
    text-align: center;
	background:
		url('images/rolunk-frame-left-top.png') no-repeat left top,
		url('images/rolunk-frame-right-top.png') no-repeat right top,
		url('images/rolunk-frame-left-bottom.png') no-repeat left bottom,
		url('images/rolunk-frame-right-bottom.png') no-repeat right bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x left top,
		url('images/home-frame-horizontal-border.jpg') repeat-x right top,
		url('images/home-frame-vertical-border.jpg') repeat-y left top,
		url('images/home-frame-vertical-border.jpg') repeat-y right top,
		url('images/home-frame-horizontal-border.jpg') repeat-x left bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x right bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y left bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y right bottom,
		url('images/honap-frame-middle.jpg') repeat;
}

.kapcsolat-frame { 
	margin: 65px 0;
    text-align: center;
	background:
		url('images/rolunk-frame-left-top.png') no-repeat left top,
		url('images/rolunk-frame-right-top.png') no-repeat right top,
		url('images/rolunk-frame-left-bottom.png') no-repeat left bottom,
		url('images/rolunk-frame-right-bottom.png') no-repeat right bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x left top,
		url('images/home-frame-horizontal-border.jpg') repeat-x right top,
		url('images/home-frame-vertical-border.jpg') repeat-y left top,
		url('images/home-frame-vertical-border.jpg') repeat-y right top,
		url('images/home-frame-horizontal-border.jpg') repeat-x left bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x right bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y left bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y right bottom,
		url('images/honap-frame-middle.jpg') repeat;
}


.termekek-frame {
    margin-bottom: 5px;
    margin-top: 20px;
	padding: 30px 0;
	text-align: center;
	background:
		url('images/home-frame-left-top.png') no-repeat left top,
		url('images/home-frame-right-top.png') no-repeat right top,
		url('images/home-frame-left-bottom.png') no-repeat left bottom,
		url('images/home-frame-right-bottom.png') no-repeat right bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x left top,
		url('images/home-frame-horizontal-border.jpg') repeat-x right top,
		url('images/home-frame-vertical-border.jpg') repeat-y left top,
		url('images/home-frame-vertical-border.jpg') repeat-y right top,
		url('images/home-frame-horizontal-border.jpg') repeat-x left bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x right bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y left bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y right bottom,
		url('images/home-frame-middle.jpg') repeat;
}

.termek-frame { 
	 margin-top: 20px;
	background:
		url('images/rolunk-frame-left-top.png') no-repeat left top,
		url('images/rolunk-frame-right-top.png') no-repeat right top,
		url('images/rolunk-frame-left-bottom.png') no-repeat left bottom,
		url('images/rolunk-frame-right-bottom.png') no-repeat right bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x left top,
		url('images/home-frame-horizontal-border.jpg') repeat-x right top,
		url('images/home-frame-vertical-border.jpg') repeat-y left top,
		url('images/home-frame-vertical-border.jpg') repeat-y right top,
		url('images/home-frame-horizontal-border.jpg') repeat-x left bottom,
		url('images/home-frame-horizontal-border.jpg') repeat-x right bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y left bottom,
		url('images/home-frame-vertical-border.jpg') repeat-y right bottom,
		url('images/honap-frame-middle.jpg') repeat;
}

.mobile-menu {
	display: none;
}
/*-----------------------------------*\
	MOBILE MENU
\*-----------------------------------*/
@media all and (max-width: 1179px) {

	.header {
		background: none;
	}

	.mobile-menu .logo {
		margin-top: -108px;
		margin-bottom: 10px;
	}

	.mobile-menu {
		margin-top: 60px;
		margin-bottom: 70px;
	}

	.mobile-menu-middle {
		background: url('images/mobile-menu-middle.png') repeat center center;
		text-align: center;
	}

	.mobile-menu-middle ul {
		margin: 0;
	}

	.mobile-menu-top {
		height: 30px;
		background: url('images/mobile-menu-top.png') repeat-x center top;
	}

	.mobile-menu-bottom {
		height: 30px;
		background: url('images/mobile-menu-bottom.png') repeat-x center top;
	}
	
	ul#menu2 li, ul#menu2 ul.sub-menu li {
		display: block;
		padding-bottom: 0;
	}
	
	.header li {
		display: block;
	}
	
	ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
	font-size: 18px;
	}
	/*Link Appearance*/
	ul#menu2 li a, ul#menu2 li ul.sub-menu li a {
		text-decoration: none;
		display:inline-block;
	}
	/*Make the parent of sub-menu relative*/
	ul#menu2 li {
		position: relative;
		font-size: 20px;
		padding-bottom: 10px;
	}
	/*sub menu*/
	ul#menu2 li ul.sub-menu {
		display:none;
		/*position: absolute;
		top: 25px;
		left: -2px;*/
		width: 100px;
		min-width: 100%;
		z-index: 10;
	}
	ul#menu2 li:hover ul.sub-menu {
		display:block;
	}


	.sub-menu #menu-item-488 a,
	.sub-menu #menu-item-469 a,
	.sub-menu #menu-item-470 a,
	.sub-menu #menu-item-182 a,
	.sub-menu #menu-item-180 a,
	.sub-menu #menu-item-181 a {
		color: white;
		background: #f1ae0f;
		/*
		background: #f5c313; /* Old browsers */ /*
		background: -moz-linear-gradient(top,  #f5c313 0%, #f1ae0f 100%); /* FF3.6+ */ /*
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5c313), color-stop(100%,#f1ae0f)); /* Chrome,Safari4+ */ /*
		background: -webkit-linear-gradient(top,  #f5c313 0%,#f1ae0f 100%); /* Chrome10+,Safari5.1+ */ /*
		background: -o-linear-gradient(top,  #f5c313 0%,#f1ae0f 100%); /* Opera 11.10+ */ /*
		background: -ms-linear-gradient(top,  #f5c313 0%,#f1ae0f 100%); /* IE10+ */ /*
		background: linear-gradient(to bottom,  #f5c313 0%,#f1ae0f 100%); /* W3C */ /*
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c313', endColorstr='#f1ae0f',GradientType=0 ); /* IE6-9 */
		min-width: 155px;
		max-width: 155px;
		min-height: 35px;
		max-height: 35px;
		border-bottom: 1px solid white;
		line-height: 35px;
	}

	.sub-menu #menu-item-176 a,
	.sub-menu #menu-item-177 a {
		color: white;
		background: #f1ae0f;
		min-width: 155px;
		max-width: 155px;
		min-height: 35px;
		max-height: 35px;
		border-bottom: 1px solid white;
		line-height: 35px;
	}


	.sub-menu #menu-item-471 a,
	.sub-menu #menu-item-179 a {
		color: white;
		background: #f1ae0f;
		min-width: 155px;
		max-width: 155px;
		min-height: 35px;
		max-height: 35px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		line-height: 35px;
	}
	/*DROP DOWN END*/

	.sub-menu #menu-item-182:hover a,
	.sub-menu #menu-item-176:hover a,
	.sub-menu #menu-item-177:hover a,
	.sub-menu #menu-item-179:hover a,
	.sub-menu #menu-item-180:hover a,
	.sub-menu #menu-item-181:hover a,
	.sub-menu #menu-item-469:hover a,
	.sub-menu #menu-item-470:hover a,
	.sub-menu #menu-item-471:hover a,
	.sub-menu #menu-item-488:hover a{
		background: #f8d265;
		color: #784727;
	}
	
	.mobile-menu .logo{
		-moz-transform:scale(0.5);
		-webkit-transform:scale(0.5);
		transform:scale(0.5);
	}
	
	
	.menu-2-menu-container {
		margin-top: -30px;
	}
}
/*-----------------------------------*\
	MEDIA Q
\*-----------------------------------*/



@media all and (min-width: 1179px) {	

	#menu2 {
		display: none;
	}
	
	.zoom-icon {
		bottom: 5px;
		height: auto !important;
		left: 155px;
		position: absolute;
		width: auto !important;
		z-index: 9999999;
	}
	
	.email {
		margin-bottom: 20px !important;
	}
}

@media all and (max-width: 1179px) {		
	.inner {
		width: 90%
	}
	
	img {		
		height: auto;
		width: 100%;
	}
	
	.foot {
		margin: 0;
	}
	.stilldesign{
		right: 0;
	}
	
	.fb {
		right: 0;
	}

	.rolunk-inner {
		max-width: 930px;
		width: auto;
	}
	
	.termekek-item {
		margin: 0 20px !important;
	}
	
	.termekek-item .termekek-text {
		width: 100%;
		left: 14px;
		top: auto;
	}
	
	.termekek-text {
		bottom: 15px;
		top: auto;
	}
	
	.back img,
	.fb {
		width: auto !important;
	}
	
	.flex-direction-nav {
		display: none;
	}
		
	#decor-kapcs-top {
		margin-top: 0px;
	}
	
	.main-menu {
		display: none;
	}
	
	.mobile-menu{
		display: block;
	}
	
	.zoom-icon {
		bottom: 5px;
		height: auto !important;
		left: 110px;
		position: absolute;
		width: auto !important;
		z-index: 9999999;
	}
	
	.flexslider.main .slides > li {
		height: 368px;
		max-height: 445px;
	}
	
		#decor-kapcs-top {
		margin-top: -110px !important;
	}	
	
	.contact-left {
		float: none;
	}
	
	.contact {
		margin-left: 0;
	}
	
	.email {
		margin-bottom: 20px !important;
	}
	
}

@media all and (max-width: 650px) {
	.honap-content h2,
	.honap-content p {
		margin: 0 25px;
	}

	.honap-content a p {
		margin: 10px 25px 0;
	}

	.honap-image {
		margin: 0 25px;
		top: 25px;
	}

	.rolunk-frame {
		padding: 25px;
	}

	.rolunk p {
		padding: 0;
	}

	.social {
		padding-right: 0;
	}

	.social a {
		margin: 0 auto;
	}

	.names li,
	.phone-dora {
		margin: 0;
	}
	
	.termekek-item img {
		margin: 0px;
	}
	
	.termek-brown-border {
		right: 0px;
	}
	
	.termekek-content p {
		margin: 25px;
		padding-right: 0;
	}
	
	.termekek-content h2 {
	   padding-right: 0;
	}
	
	.leiras p {
		padding: 0 0 50px 50px;
	}
	
	.leiras h2 {	
		margin: 40px 0 20px 30px;
		font-size: 36px;
	}
	
	.zoom-icon {
		bottom: 5px;
		height: auto !important;
		left: 85px;
		position: absolute;
		width: auto !important;
		z-index: 9999999;
	}
	.rolunk {
		margin: 15px;
	}
	
	.contact {
    margin-left: 50px;
	}
		
	.email {
		padding-bottom: 20px;
	}
		
}

@media all and (max-width: 420px) {

	.slide-img-frame.slide-termek {
		margin-top: 4px !important;
	}
	
	.contact {
    margin-left: 0px;
	}
	

}

@media all and (max-width: 1051px) and (min-width: 650px) {


	.social a {
		margin: 0 auto !important;
	}	

}