/*CSS*/

/*---------------------------------------------HTML-BODY...*/

html {
	height:100%;
	background-color:#f1edea;
	font-family: 'Titillium Web', sans-serif;
}
body {
	position:relative;
	margin:0;
    padding:0;
    border:none;
	text-align:left;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	color:#312e2b;
	background:url(art/background_crowd.png) bottom center no-repeat;
}

a {
	text-decoration:none;
	-webkit-transition:ease-in-out all;
	-webkit-transition-duration:.1s;
	-moz-transition:ease-in-out all;
	-moz-transition-duration:.1s;
	-o-transition:ease-in-out all;
	-o-transition-duration:.1s;
	transition:ease-in-out all;
	transition-duration:.1s;
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.clear {
	clear:both;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.rad {
	-webkit-border-radius:5px;
	border-radius:5px;
	border:solid 1px #2e2e2e;
	-webkit-box-shadow:0px 1px 0px rgba(116, 116, 116, 1);
    box-shadow:0px 1px 0px rgba(116, 116, 116, 1);
}
.rad2 {
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0px 1px 0px rgba(116, 116, 116, 1);
    box-shadow:0px 1px 0px rgba(116, 116, 116, 1);
}
#header {
	background-color:#302e2c;
	height:110px;
}
#header #wrapper {
	height:110px;
	position:relative;
}
#header .logo {
	position:absolute;
	top:20%;
}
#header .lang {
	position:absolute;
	top:16%;
	right:50%;
	color:#c7c3c0;
	font-size:13px;
	z-index:1000;
	text-align:right;
}
#header .lang ul {
	list-style:none;
	display:inline-block;
	margin:0;
}
#header .lang li {
	display:inline-block;
	background:url(art/lang.png) right no-repeat;
	background-color:#474441;
	text-align:left;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:6px 24px 2px 6px;
	margin:0 6px 0 0;
	border-bottom:solid 1px #5f5b59;
	border-right:solid 1px #5f5b59;
	-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.7);
    box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.7);
}
#header .lang ul li ul {
	display:none;
	position:absolute;
	left:0px;
	top:26px;
}
#header .lang ul li ul li {
	-webkit-border-radius:0 3px 3px 3px;
	border-radius:0 3px 3px 3px;
	-webkit-box-shadow:inset 1px 0px 0px rgba(0, 0, 0, 0.7);
    box-shadow:inset 1px 0px 0px rgba(0, 0, 0, 0.7);
	background-image:none;
}
#header .lang ul li:hover ul {
	display:block;
}
#header .search {
	position:absolute;
	right:0px;
	top:20%;
	width:25%;
	text-align:right;
}
.search .field {
	background-color:#474441;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-top:solid 1px #1f1e1d;
	border-left:solid 1px #1f1e1d;
	border-bottom:solid 1px #5f5b59;
	border-right:solid 1px #5f5b59;
	-webkit-box-shadow:inset 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow:inset 1px 1px 0px rgba(0, 0, 0, 0.2);
	padding:5px 10px;
	color:#c7c3c0;
    text-shadow:1px 1px 0px rgba(0, 0, 0, 0.75);
	font-size:13px;
	width:70%;
}
.search .button {
	margin:0 0 0 6px;
}
#header .reg {
	position:absolute;
	top:22%;
	right:30%;
	width:30%;
	color:#c7c3c0;
	font-size:13px;
	text-align:right;
}
.reg a {
	color:#c7c3c0;
	margin:0 3%;
}
.reg a:hover {
	color:#c7e117;
}
#header #fomenu {
	position:absolute;
	right:0px;
	bottom:20%;
    text-shadow:1px 1px 0px rgba(0, 0, 0, 0.75);
}
#fomenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#fomenu li {
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
}
#fomenu a {
	color:#FFF;
	margin:0 0 0 20px;
}
#fomenu a:hover {
	color:#aaa;
}
#middle {
	background:url(art/middle_bg.png) top repeat-x;
	position:relative;
}
#middle #wrapper {
	padding:20px 0 0 0;
}
#middle .title {
	text-align:center;
	font-weight:bold;
	font-style:italic;
	font-size:36px;
	text-transform:uppercase;
    text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
	color:#777471;
	line-height:38px;
	padding:0 0 0 0;
}
#middle .subtitle {
	text-align:center;
	font-size:24px;
	text-transform:uppercase;
    text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
	color:#777471;
	line-height:28px;
}
#middle .tel {
	text-align:center;
	font-weight:bold;
	font-size:36px;
	text-transform:uppercase;
    text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
	color:#769104;
	line-height:38px;
	padding:20px 0 0 0;
}
.rovat {
	margin:10px 0 20px 0;
}
#middle .rovat .title {
	text-align:left;
}
#middle .left .subtitle, #middle .right .subtitle {
	font-size:18px;
	text-transform:none;
	line-height:18px;
}
#middle .left {
	width:50%;
	float:left;
}
#middle .right {
	width:50%;
	float:right;
}
#middle .tudjuk {
	text-align:left;
	margin:30px 0 0 0;
}
.tudjuk ul {
	list-style:none;
	margin:0;
	padding:0;
}
.tudjuk li {
	font-size:16px;
	padding:16px 0 16px 18%;
	line-height:18px;
}
.tudjuk li span {
	font-size:21px;
	text-transform:uppercase;
	line-height:26px;
}
.tudjuk li.mosas {
	background:url(art/mosas.png) left no-repeat;
}
.tudjuk li.szaritas {
	background:url(art/szaritas.png) left no-repeat;
}
.tudjuk li.vasalas {
	background:url(art/vasalas.png) left no-repeat;
}
.tudjuk li.csomagolas {
	background:url(art/csomagolas.png) left no-repeat;
}
.tudjuk li.beszerzes {
	background:url(art/beszerzes.png) left no-repeat;
}
.tudjuk li.logisztika {
	background:url(art/logisztika.png) left no-repeat;
}
.premium {
	background:url(art/premium_bg.png) no-repeat;
	background-size:100%;
	height:91px;
	font-size:16px;
	text-align:left;
	color:#FFF;
    text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4);
	line-height:25px;
	padding:1% 0 0 21%;
	margin:22px 0 0 0;
}
.premium span {
	font-size:24px;
	font-style:italic;
}
.premium span {
	font-size:24px;
	font-style:italic;
}
.rolunktext {
	text-align:left;
	font-style:italic;
	font-weight:400;
	font-size:16px;
	line-height:22px;
	margin:20px 0 0 10px;
}
#middle hr {
	margin:16px 0 20px 0;
	clear:both;
	height:14px;
	overflow:hidden;
	border:none;
	text-align:center;
    text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}
#middle hr:after {
	content:"..............................................................................................";
	font-size:32px;
	line-height:0;
	letter-spacing:6px;
	color:rgba(199, 195, 192, 1);
}
.felsor {
	font-size:16px;
}
.felsor img {
	vertical-align:middle;
}
.felsor li {
	list-style:none;
	background:url(art/list.png) left no-repeat;
	padding:8px 0 8px 10%;
	line-height:18px;
}
.mukod {
	font-size:16px;
}
.mukod ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.mukod li {
	display:inline-block;
	max-width:178px;
	line-height:18px;
	vertical-align:middle;
}
.mukod li.potty {
	width:13px;
	height:13px;
	background:url(art/potty.png) no-repeat;
	margin:0 0 10% 0;
}
.mukod li span {
	font-size:21px;
	line-height:24px;
}
#wrapper {
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#footer {
	width:100%;
	font-size:13px;
	color:#c7c3c0;
	padding:14px 0;
	background-color:#302e2c;
	border-top:solid 10px #c7e117;
	-webkit-box-shadow:0px -1px 0px rgba(255, 255, 255, 1);
    box-shadow:0px -1px 0px rgba(255, 255, 255, 1);
}
#footer a {
	color:#c7c3c0;
}
#footer a:hover {
	color:#999;
}
#footer strong {
	font-weight:normal;
	margin:0 16px;
}
#footer span {
	float:right;
}
#footer span a {
	color:#c7e117;
}

.slider-area {
	position:relative;
	overflow:hidden;
	margin:0;
}
.cycle2-slide {
	width:100%;
	height:auto;
	position:relative;
	padding:0 0 1px 0;
	overflow:hidden;
}
.cycle2-slide .description {
	position:absolute;
	left:10%;
	bottom:200px;
	width:80%;
	font-size:18px;
	color:#FFF;
	line-height:22px;
    text-shadow:1px 1px 0px rgba(0, 0, 0, 0.6);
}
.cycle2-slide .description .left {
	float:left;
	width:50%;
	display:block;
	margin:0 0 10% 0;
}
.cycle2-slide .description .right {
	float:right;
	width:50%;
}
.cycle2-slide .description .right img {
	max-width:100%;
	height:auto;
}
.cycle2-slide .description .title {
	font-size:37px;
	font-style:italic;
	color:#c7e117;
	line-height:34px;
}
.cycle2-slide .description .subtitle {
	font-size:28px;
	line-height:34px;
}
.cycle2-slide .description span {
	font-size:28px;
	text-transform:uppercase;
	color:#c7e117;
}
.cycle2-slide .description .kerje {
	background:url(art/kerje.png);
	display:block;
	width:258px;
	height:47px;
	text-align:center;
	padding:10px 0 0 0;
}
.cycle2-slide .description .kerje.de {
	font-size:16px;
}
.cycle2-slide .description .kerje a {
	color:#fff;
	z-index:10000;
}
.cycle2-slide .description .date {
	position:relative;
	float:left;
	clear:both;
	padding:5px 10px;
	margin:1px 0 0 0;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	color:#dadada;
	background-color:#444;
	text-shadow:1px 1px 0px rgba(0, 0, 0, 1);
	-webkit-box-shadow:2px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow:2px 2px 0px rgba(0, 0, 0, 0.5);
}
.cycle2-slide .pict {
	width:100%;
}
.cycle2-slide .pict img {
	overflow:hidden;
	-webkit-box-shadow:0px 1px 0px rgba(116, 116, 116, 1);
    box-shadow:0px 1px 0px rgba(116, 116, 116, 1);
	border-bottom:solid 10px #302e2c;
}
.cycle2-slide .pict .description img {
	-webkit-box-shadow:none;
    box-shadow:none;
	border-bottom:none;
}
.slider-pager {
	width:100%;
	position:absolute;
	bottom:8%;
	right:0;
	z-index:100;
	text-align:center;
	color:#443b3c;
}
.slider-pager span {
	display:inline-block;
	width:12px;
	height:12px;
	cursor:pointer;
	font:normal 0px/16px Arial, Helvetica, sans-serif;
	margin:0 2px;
	background-color:#eae7e6;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.3);
	border-bottom:solid 1px rgba(255, 255, 255, 0.3);
	border-right:solid 1px rgba(255, 255, 255, 0.3);
}
span.cycle-pager-active {
	width:12px;
	height:12px;
	background-color:#525150;
	border-bottom:solid 1px rgba(255, 255, 255, 0.2);
	border-right:solid 1px rgba(255, 255, 255, 0.2);
}
.banner {
	margin:20px 0 0;
}
.banner img {
	width:100%;
	height:auto;
}