*{
	margin:0;
	padding:0;
}

body{
	font:13px/22px "Trebuchet MS", sans-serif;
	color:#2c3011;
	padding:0 0 40px 0;
	background:#fff url(../images/bg.gif);
}

img{
	border:none;
}

a{
	color:#9f005c;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

fieldset{
	border:none;
}

.clear{
	clear:both;
	line-height:0;
	font-size:0;
}

#site{
	position:relative;
	width:962px;
	margin:0 auto;
}



/* ************************** header ************************** */
#header{
	height:163px;
	background:url(../images/header.png) no-repeat 0 100%;
}

#header img{
	margin:16px 0 0 3px;
}



/* ************************ main layout ************************ */
#main{
	padding:0 1px;
	background:#d9dead url(../images/siteBg.jpg) repeat-y -1px;
	height:100%;
}

.content{
	float:left;
	width:737px;
}

.subContent{
	position:relative;
}

#sidebar{
	float:right;
	width:223px;
	padding:0 0 20px 0;
}


/* ************************** footer ************************** */
#footer{
	height:59px;
	padding:15px 5px 0 5px;
	color:#dadebb;
	background:url(../images/footer.gif) no-repeat 0 0;
	font-size: 12px;
}

#footer strong{
	color:#fff;
}

#footer a{
	color:#dadebb;
	text-decoration:underline;
}

#footer p.nfu{
	padding:20px 0 20px 100px;
	background:url(../images/nfuLogo.gif) no-repeat 0 20px;
	font-size:9px;
}

#footer p.links{
	padding:20px 0 0 20px;
	font-size:9px;
}

#footer p.nfu a, #footer p.links a{
	color:#9f005c;
}


/* **************************** menu **************************** */
#menu{
	height:450px;
	list-style-type:none;
}

#menu li{
	display:inline;
}

#menu a{
	display:block;
	width:223px;
	height:0;
	padding:50px 0 0 0;
	overflow:hidden;
	outline:none;
	background-image:url(../images/menu.jpg);
}

#menu1{
	background-position:0 0;
}

#menu2{
	background-position:0 -50px;
}

#menu3{
	background-position:0 -100px;
}

#menu4{
	background-position:0 -150px;
}

#menu5{
	background-position:0 -200px;
}

#menu6{
	background-position:0 -250px;
}

#menu7{
	background-position:0 -300px;
}

#menu8{
	background-position:0 -350px;
}

#menu9{
	background-position:0 -400px;
}

#menu1:hover{
	background-position:-223px 0;
}

#menu2:hover{
	background-position:-223px -50px;
}

#menu3:hover{
	background-position:-223px -100px;
}

#menu4:hover{
	background-position:-223px -150px;
}

#menu5:hover{
	background-position:-223px -200px;
}

#menu6:hover{
	background-position:-223px -250px;
}

#menu7:hover{
	background-position:-223px -300px;
}

#menu8:hover{
	background-position:-223px -350px;
}

#menu9:hover{
	background-position:-223px -400px;
}

#menu1.active{
	background-position:-446px 0;
}

#menu2.active{
	background-position:-446px -50px;
}

#menu3.active{
	background-position:-446px -100px;
}

#menu4.active{
	background-position:-446px -150px;
}

#menu5.active{
	background-position:-446px -200px;
}

#menu6.active{
	background-position:-446px -250px;
}

#menu7.active{
	background-position:-446px -300px;
}

#menu8.active{
	background-position:-446px -350px;
}

#menu9.active{
	background-position:-446px -400px;
}



/* ******************************* banner ******************************* */
div.iab180x150{
	margin:20px auto 0 auto;
	width:180px;
	height:150px;
}



/* ******************************* hirlevel, kérdőív ******************************* */
#newsletter{
	position:relative;
	height:150px;
	background:url(../images/newsletterBg.gif) no-repeat 0 0;
}

#questionnare{
	position:relative;
	height:121px;
	background:url(../images/questionBg.gif) no-repeat 0 0;
}

#newsletter h2, #questionnare h2{
	position:absolute;
	top:10px;
	left:20px;
	height:0;
	padding:20px 0 0 0;
	overflow:hidden;
	font-size:14px;
}

#newsletter p, #questionnare p{
	position:absolute;
	top:37px;
	left:21px;
	height:60px;
	width:160px;
	font-size:11px;
	line-height:14px;
	color:#e947a6;
}

#questionnare p{
	height:55px;
	width:181px;
}

#newsletter input.text{
	position:absolute;
	top:88px;
	left:20px;
	width:164px;
	padding:4px 8px 0 8px;
	background:none;
	border:none;
	color:#fefefe;
	font:11px Verdana;
}

#newsletter input.submit, #questionnare input.submit{
	position:absolute;
	top:114px;
	left:100px;
	width:103px;
	height:22px;
	background:none;
	border:none;
}

#questionnare input.submit{
	top:88px;
}

/* ******************************* kedvezmenyek ******************************* */
div.kedv{
	padding:20px 10px 20px 20px;
	font-size:11px;
	line-height:14px;
	color:#e947a6;
}

div.kedv p{
	margin:0 0 10px 0;
}

div.kedv strong{
	color:#fff;
	font-size:12px;
	line-height:18px;
}

/* ************************* bannerek ************************* */
div.banners{
	padding:20px 0 20px 20px;
}
div.banners ul{
	list-style-type:none;
}

/* ************************* content text styles ************************* */
.content h2{
	font-size:18px;
	color:#910053;
	padding:10px 0 5px 0;
	border-bottom:1px solid #c5c9a5;
}

.content h3,
.content h3 a{
	font-size:14px;
	color:#697200;
	padding:10px 0 0 0;
}

.content p{
	padding:10px 0;
}

.content ul, .content ol{
	list-style-type:square;
	padding:10px 0 10px 25px ;

}

.content img{
	padding:2px;
	border:1px solid #9fa185;
	background:#fff;
}

.content img.left{
	float:left;
	margin:0 10px 0 0;
}

.content img.right{
	float:right;
	margin:0 0 0 10px;
}

.subContent h1{
	height:0;
	padding:67px 0 0 0;
	overflow:hidden;
	font-size:18px;
}

.subContent h1.bemutatkozas{
	background:#5a5403 url(../images/h1Bemutatkozas.jpg) no-repeat 0 0;
}

.subContent h1.kepek{
	background:#5a5403 url(../images/h1Kepek.jpg) no-repeat 0 0;
}

.subContent h1.kereses{
	background:#5a5403 url(../images/h1Kereses.jpg) no-repeat 0 0;
}

.subContent h1.aktualis{
	background:#5a5403 url(../images/h1Aktualis.jpg) no-repeat 0 0;
}

.subContent h1.hasznos{
	background:#5a5403 url(../images/h1Hasznos.jpg) no-repeat 0 0;
}

.subContent h1.receptek{
	background:#5a5403 url(../images/h1Receptek.jpg) no-repeat 0 0;
}

.subContent h1.dietetikus{
	background:#5a5403 url(../images/h1Dietetikus.jpg) no-repeat 0 0;
}

.subContent h1.partnereink{
	background:#5a5403 url(../images/h1Partnereink.jpg) no-repeat 0 0;
}

.subContent h1.kapcsolat{
	background:#5a5403 url(../images/h1Kapcsolat.jpg) no-repeat 0 0;
}

.subContent h1.plainText{
	height:47px;
	padding:20px 0 0 20px;
	font-size:18px;
	background:#5a5403 url(../images/h1PlainText.jpg) no-repeat 0 0;
	color:#fff;
}

.textContent{
	font-size:13px;
	line-height:22px;
	padding:5px 25px 10px 25px;
}

.subContent h2{
	font-size:24px;
	padding:10px 0;
	margin:15px 0 5px 0;
	border-top:1px solid #c5c9a5;
	border-bottom:1px solid #c5c9a5;
}

.subContent p.date{
	padding-top:0;
	font-size:12px;
}

.content form label{
	font-weight:bold;
	color:#910053;
}

.content input.text, .content textarea, .content select{
	font:12px "Trebuchet MS";
	padding:2px 6px;
	background:#eef0db;
	border:none;
	border-top:1px solid #838478;
	border-left:1px solid #838478;
}

.content select{
	padding:0;
}

.content option{
	padding:2px 6px;
}

.content input.submit{
	font:12px "Trebuchet MS";
	background:#a40060;
	padding:2px 6px;
	color:#fff;
	border:none;
	border-right:1px solid #838478;
	border-bottom:1px solid #838478;
}


/* ************************* galeria ************************* */
#main p.gallery img{
	float:left;
	margin:0 10px 10px 0;
}

#main div.gallery .galleryItem{
	float:left;
	margin:0 10px 10px 0;
	width: 120px;
	height: 120px;
}


/* ************************* lapozas, kategoriak ************************* */
ul.pager,
ul.kategoriak{
	list-style-type:none;
	height:25px;
	margin:15px 0 5px 0;
	padding:5px 0;
	border-top:1px solid #c5c9a5;
	border-bottom:1px solid #c5c9a5;
}

ul.pager li,
ul.kategoriak li{
	display:inline;
}

ul.pager a,
ul.kategoriak a{
	float:left;
	height:21px;
	margin:0 1px 0 0;
	padding:2px 10px;
	background:#c8cda1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pager a:hover, ul.pager a.active,
ul.kategoriak a:hover, ul.kategoriak a.active{
	text-decoration:none;
	background:#78801d;
	color:#dee1be;
}

ul.kategoriak{
	border:none;
}

ul.kategoriak label{
	float:left;
	margin:0 15px 0 0;
	padding:2px 0 0 0;
	color:#910053;
	font-weight:bold;
}

ul.kategoriak a{
	background:#eef0d7;
	margin:0 3px 0 0;
}



/* ************************* kezdooldal ************************* */
.homeContent{
	font-size:12px;
	line-height:16px;
}

#featured{
	position:relative;
	height:189px;
	background:url(../images/featured.jpg) no-repeat 0 0;
}

#featured h1{
	position:absolute;
	width:370px;
	height:0;
	padding:70px 0 0 0;
	overflow:hidden;
	top:25px;
	left:25px;
	font-size:20px;
	color:#fff;
}

#featured p{
	position:absolute;
	height:75px;
	top:100px;
	left:25px;
	font-size:14px;
	line-height:20px;
	color:#fff;
}

#slideshow{
	position:absolute;
	width:224px;
	height:224px;
	top:126px;
	left:505px;
}

.homeContent .about{
	float:left;
	display:inline;
	width:203px;
	height:163px;
	margin:15px 0 0 13px;
	padding:18px 15px 15px 202px;
	color:#3a3c21;
	background:url(../images/aboutBg.jpg) no-repeat 0 0;
}

.homeContent .about h2,
.homeContent .webshop h2{
	height:0;
	padding:20px 0 0 0;
	margin:0 0 10px 0;
	overflow:hidden;
	font-size:18px;
	color:#9f005c;
	border:none;
}

.homeContent .about p,
.homeContent .webshop p{
	margin:0;
	padding:0;
}

.homeContent .webshop{
	position:relative;
	float:left;
	width:233px;
	height:169px;
	margin:15px 0 0 0;
	padding:18px 30px 15px 15px;
	color:#fff;
	background:url(../images/webshopBg.jpg) no-repeat 0 0;
}

.homeContent .webshop h2{
	color:#fff;
}

.homeContent .webshop a{
	position:absolute;
	width:205px;
	height:0;
	padding:50px 0 0 0;
	overflow:hidden;
	top:130px;
	left:15px;
	color:#fff;
}

.homeContent .leftColumn{
	float:left;
	display:inline;
	width:393px;
	margin:5px 15px 15px 25px;
}

.homeContent .rightColumn{
	float:left;
	display:inline;
	width:264px;
	margin:5px 25px 15px 15px;
}



/* ************************* receptek ************************* */
p.kuldRecept{
	position:absolute;
	top:8px;
	right:8px;
	width:281px;
	height:39px;
	padding:10px 10px 0 10px;
	font-size:10px;
	line-height:16px;
	color:#eef0d7;
	background:url(../images/kuldRecept.jpg) no-repeat 0 0;
}

p.kuldRecept a{
	font-size:14px;
	color:#eef0d7;
	text-decoration:underline;
}

div.receptLeft{
	float:left;
	width:360px;
}

div.receptRight{
	float:right;
	width:285px;
	margin:10px 0 10px 0;
	padding:5px 10px;
	background:#eceedb;
	border:1px solid #c1c4a4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.receptRight p{
	padding:8px 0 0 0;
	font-size:11px;
	line-height:14px;
}

div.receptRight a{
	color:#697200;
	font-weight:normal;
	text-decoration:underline;
}

div.receptRight a:hover{
	text-decoration:none;
}

div.receptRight a.kosarba{
	float:left;
	width:141px;
	height:0;
	margin:10px 0 0 0;
	padding:50px 0 0 0;
	overflow:hidden;
	background:url(../images/receptKosarba.jpg) no-repeat 0 0;
}

div.receptRight table{
	clear:both;
	width:285px;
	font-size:12px;
	line-height:14px;
	margin:10px 0 0 0;
}

div.receptRight td{
	padding:5px 0;
	vertical-align:top;
}

div.receptRight td.head{
	color:#910053;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #9fa096;
}

div.receptRight td.product{
	width:140px;
}

div.receptRight tr.foot td{
	font-size:13px;
	font-weight:bold;
	border-top:1px solid #9fa096;
}

div.receptRight td.right{
	text-align:right;
}



/* ************************* kapcsolat ************************* */
#map{
	float:right;
	height:285px;
	width:304px;
	margin:12px 0 0 0;
	background:#999;
}

div.contactInfo{
	float:left;
	width:350px;
}

table.ma{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

table.ma td{
	padding:4px 8px;
	border-top:1px solid #999;
	border-left:1px solid #999;
}
