body,
nav,
ul,
li,
a {
	margin: 0;
	padding: 0;
}

body {
	font-family: Georgia, 'Times New Roman', Times, serif;

	background-image: url(images/bg.jpg);

	background-repeat: repeat;

	background-position: center top;

	background-attachment: fixed;

	background-color: #d1a091;

	color: #5c392e;

	margin: 0px;

	overflow-x: hidden;
}

a {
	text-decoration: none;
}

#slider-holder {
	width: 100%;
	height: 200px;
	margin-left: 32.5px;
	overflow: hidden;
}

#slider {
	height: 100%;
	width: max-content;
	animation: slide 360s linear infinite;
}

.slider-img {
	height: 90%;
}

@keyframes slide {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(calc(-2333.63px + 585px));
	}
	100% {
		transform: translateX(0);
	}
}

.container {
	width: 99%;

	min-width: 300px;

	max-width: 100%;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;
}

.tartalom h1 {
	font-size: 24px;
}

.tartalom h2 {
	font-size: 22px;
}

.tartalom h3 {
	font-size: 18px;
}

.tartalom p {
	font-size: 16px;
}

.tartalom li {
	font-size: 16px;
}

.toggleMenu {
	display: none;

	color: #fff;

	/*background:#A15847;*/

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;

	background-color: #996600;

	background-image: url(images/nav-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin-bottom: 0px;

	padding-top: 10px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

	/*width: 100%;*/
}

.nav {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 654px;
*/
	display: flex;
	justify-content: center;

	list-style: none;

	*zoom: 1;

	background: #9a7958 url('images/nav-bg.jpg') repeat-x left top;

	background-repeat: repeat-x;

	background-position: left top;

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;
}

.nav:before,
.nav:after {
	content: ' ';

	display: table;
}

.nav:after {
	clear: both;
}

.nav ul {
	list-style: none;

	width: 12em;

	transform: translateX(13px);

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	background: #9a7958;

	border: 1px solid #cca693;

	z-index: 5000;
}

.nav a {
	padding: 10px 15px;

	color: #000;

	font-size: 16px;
}

.nav a:hover {
	padding: 10px 15px;

	color: #fcfd96;
}

.nav li {
	position: relative;
}

.nav > li {
	float: left;

	margin-left: 20px; /*border-top: 1px solid #104336;*/
}

.nav > li > .parent {
	background-image: url('images/downArrow.png');

	background-repeat: no-repeat;

	background-position: right;
}

.nav > li > a {
	display: block;

	font-size: 16px;
}

.nav li ul {
	position: absolute;

	left: -9999px;

	z-index: 2;
}

.nav > li.hover > ul {
	left: 0;
}

.nav li li.hover ul {
	left: 100%;

	top: 0;
}

.nav li li a {
	display: block;

	position: relative;

	z-index: 1000;

	font-size: 16px;

	/*border-top: 1px solid #175e4c;*/
}

.nav li li li a {
	z-index: 200;

	font-size: 16px;

	/*border-top: 1px solid #1d7a62;*/
}

.kotablakeret {
	margin-top: 0px;

	margin-right: 35px;

	margin-bottom: 0px;

	margin-left: 31px;

	width: 100%;
}

.keret {
	background-image: url(images/tegla.jpg);

	background-repeat: repeat-y;

	background-position: right top;

	height: auto;

	min-width: 240px;

	max-width: 650px;

	min-height: 550px;

	background-color: #ffcc99;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;
}

.float-left {
	float: left;

	margin-right: 10px;

	margin-bottom: 10px;
}

.cb {
	clear: both;
}

.tartalom img {
	max-width: 90%;

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;
}

.tartalom ul {
	list-style-position: inside;

	list-style-image: url(images/bulett.gif);
}

.tartalom ul li {
	padding-left: 35px;
}

.kozmetika-kiemelt-kep {
	min-width: 260px;

	margin: 10px;

	height: auto;

	width: 15%;
}

.kiemelt-kep {
	float: left;

	min-width: 220px;

	margin-right: 10px;

	margin-bottom: 10px;

	height: auto;

	width: 15%;
}

.terkep {
}

#footer p {
	color: #ffcc99;
}

.tartalom {
	margin-top: 0px;

	margin-right: 30px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-right: 35px;

	min-height: 550px;

	background-image: url(images/tegla.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	-webkit-border-top-left-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-topleft: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-top-left-radius: 10px;

	border-bottom-left-radius: 10px;
}

.tartalom p,
.tartalom h1,
.tartalom h2,
.tartalom h3 {
	margin-top: 0px;

	margin-bottom: 0px;

	padding-right: 10px;

	padding-left: 45px;

	padding-bottom: 10px;

	padding-top: 10px;
}

.tartalom h1,
h2,
h3 {
	color: #260b0b;
	font-family: 'Times New Roman', Times, serif;
}

.gomb {
	margin-top: 10px;

	margin-bottom: 10px;

	padding-right: 10px;

	padding-left: 10px;

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;

	text-decoration: none;

	background-color: #b59668;

	color: #8a5543;
}

.gomb:hover {
	-webkit-box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.64);

	text-decoration: none;

	background-color: #b59668;

	color: #ffff66;
}

.tartalom a {
	color: #990000;

	text-decoration: none;

	font-weight: bold;
}

.tartalom a:hover {
	color: #000000;

	text-decoration: none;
}

#cim img {
	max-width: 100%;

	min-width: 30%;

	margin-top: -15px;

	height: auto;

	margin-bottom: -15px;
}

.artabla {
	margin-left: 45px;

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;
}

.kotabla {
	min-width: 200px;

	/*min-height:120px;
*/
	width: 100%;

	/*display: flex;
*/
	margin-left: auto;
	/*	margin-right:auto;
*/
	text-align: center;

	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.64);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;

	background-color: #dfc58c;

	background-image: url(images/kezdolap/kotabla.jpg);

	background-repeat: no-repeat;

	background-position: center 10px;

	margin-bottom: 10px;

	height: auto;

	margin-top: 0px;

	margin-right: auto;
}

.kotabla ul {
	list-style-position: inside;

	list-style-image: url(images/bulett.gif);

	list-style-type: none;

	margin-top: 20px;

	margin-bottom: 10px;
}

.kotabla > ul > li {
	transform: translateX(-20px);
}

.kocsik {
	width: 100%;

	height: 20px;

	margin-left: 0px;

	margin-right: 0px;

	text-align: center;

	background-image: url(images/nav-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #cca693;
}

.fbfooter {
	background-color: #ffffff;

	height: auto;

	width: 100%;
}

.drop-down-arrow-d {
	display: inline-block;
	height: 5px;
	width: 5px;
	border-left: solid 3px #260b0b;
	border-bottom: solid 3px #260b0b;
	transform: translateY(-3.5px) rotate(-45deg);
}

.drop-down-arrow-u {
	display: inline-block;
	height: 5px;
	width: 5px;
	border-right: solid 3px #260b0b;
	border-top: solid 3px #260b0b;
	transform: rotate(-45deg);
}

.drop-down-text {
	overflow: hidden;
	height: 0;
}

.drop-down-text-d {
	height: auto;
}

.drop-down-btn {
	cursor: pointer;
}

.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#footer {
}

#footer h2 {
	font-size: 32px;
}

#footer a {
	color: #fffe70;
}

#footer a:hover {
	color: #ffffff;
}

/*@media only screen and (max-width: 240px) {



   h1 {

      font-size: 18px;

   }



   h2 {

      font-size: 16px;

   }

   p {

      font-size: 14px;

   }

}*/

@media screen and (max-width: 1000px) {
	#topcontrol {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.nav {
		justify-content: space-around;
	}
	.nav > li {
		margin: 0;
	}

	.artabla {
		margin-left: 0;
		width: calc(100% + 65px);
	}
}

/*@media screen and (max-width: 768px) {

    .active {

        display: block;

    }

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

    .nav li li .parent {

        background-image: url("images/downArrow.png");

        background-repeat: no-repeat;

        background-position: 95% 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }
	}*/