/************************************
        mito. clever things.
************************************/

/* ------------ RESET ------------ */
* {margin: 0; padding: 0;}
.clear {clear: both;}
.clr:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.clr {display: inline-block;}
html[xmlns] .clr {display: block;}
* html .clr {height: 1%;}

/* ------------ LAYOUT ----------- */

body {
	text-align: center;
	background: #e8e8e8 url('../images/bg.gif') repeat-x scroll top left;
	font-family: Tahoma, sans-serif;
	color: #242424;
	font-size: 12px;
	padding-bottom: 20px;
}

#cnt {
	margin: 0 auto;
	width: 920px;
	background-color: #ffffff;
	text-align: left;
}

/* HEADER */

#head {
	height: 92px;
	border-bottom: 5px solid #cbe641;
	position: relative;
	background-color: #000000;
}

#logo {
	display: block;
	float: left;
	width: 147px;
	height: 43px;
	text-indent: -999em;
	background: #000 url('../images/logo.png') no-repeat scroll top left;
	margin: 25px 0 0 50px;
}

#menu_products {
	float: right;
	height: 23px;
	line-height: 23px;
	margin-right: 50px;
	border-top: 2px solid #333333;
	list-style-type: none;
}
#menu_products li, #menu_products li a {
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
}
#menu_products li a {
	text-decoration: none;
	padding: 0 10px;
	color: #828282;
	font-size: 10px;
}
#menu_products li a:hover {
	text-decoration: underline;
}

#menu_main {
	position: absolute;
	right: 36px;
	bottom: -5px;
	list-style-type: none;
	font-family: DinCeRegular, Tahoma, sans-serif;
	font-size: 14px;	
}
#menu_main li, #menu_main li a {
	display: block;
	float: left;
	height: 55px;
	line-height: 55px;
}
#menu_main li a {
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	border-bottom: 5px solid #cbe641;
	text-decoration: none;
	color: #ffffff;
}
#menu_main li#mm_hova a {
	border-bottom: 5px solid #ff7902;
}
#menu_main li#mm_hova a.active, #menu_main li#mm_hova a:hover  {
	background-color: #ff7902;
}
#menu_main li#mm_sugo a {
	border-bottom: 5px solid #b21c9c;
}
#menu_main li#mm_sugo a.active, #menu_main li#mm_sugo a:hover  {
	background-color: #b21c9c;
}

/* MAIN CONTENT */

#main {
	padding: 50px;
	background: #ffffff url('../images/bg_main.jpg') no-repeat scroll top center;
}

/* FOOTER */

#foot {
	height: 35px;
	border-top: 1px solid #c0c0c0;
}
#foot ul {
	list-style-type: none;
}
#foot ul li, #foot ul li a {
	display: block;
	float: left;
	height: 35px;
	color: #c0c0c0;
	text-decoration: none;
	font-size: 10px;
}
#foot ul li a {
	padding: 0 10px;
}
#foot ul li {
	line-height: 35px;
}
#foot ul li a:hover {
	text-decoration: underline;
}
#ringier {
	display: block;
	float: right;
	width: 113px;
	height: 35px;
	background: transparent url('../images/ringier.gif') no-repeat scroll top right;
	text-indent: -999em;
}

/* ------------ GENERAL ----------- */

h1 {
	color: #9dc627;
	font-weight: normal;
	font-size: 28px;
	padding-bottom: 20px;
	font-family: DinCeLight, Tahoma, sans-serif;
}
h2 {
	color: #4b4b4b;
	font-weight: normal;
	font-size: 17px;
	padding: 0 0 15px 30px;
	background: transparent url('../images/arr.png') no-repeat scroll top left;
	font-family: DinCeLight, Tahoma, sans-serif;
}
h3 {
	color: #242424;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 15px 20px;
	background: transparent url('../images/arr_s.png') no-repeat scroll 1px left;
}
h4 {
	color: #242424;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
}
p {
	font-size: 12px;
	line-height: 16px;
}
ul {
	list-style-type: none;
}
a {
	color: #89af0e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ------------ BOXES ----------- */

.box540 {
	width: 540px;
	float: left;
	margin-bottom: 10px;
}
.box260 {
	width: 260px;
	float: left;
	margin-bottom: 10px;
}
.box120 {
	width: 120px;
	float: left;
	margin-bottom: 10px;
}
.inner {
	padding: 15px;
}
.mR {
	margin-right: 20px;
}
.mB {	
	margin-bottom: 40px;
}

/* ------------ SPECIAL ----------- */

/* UPPER STUFF */

.upper p {
	font-size: 14px;
	color: #000000;
	line-height: 24px;
	font-family: DinCeLight, Tahoma, sans-serif;
	padding-bottom: 15px;
}
.upper p strong {
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	font-family: DinCeMedium, Tahoma, sans-serif;
}
.upper {
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 40px;
}

.ennyien li {
	color: #74756d;
	font-size: 12px;
	line-height: 21px;
	width: 175px;
	padding-left: 10px;
	position: relative;
}
.ennyien li span {
	position: absolute;
	right: 0;
	top: 0;
	color: #89af0e;
}

/* LOWER STUFF */

.products, .sugo {
	margin: 50px 0;
}

/* PRODUCTS */

.products p {
	font-size: 11px;
}
.gephaz {
	background: #fcfcfc url('../images/bg_gephaz.gif') no-repeat scroll center top;
	border-bottom: 1px solid #f0f0f0;
}
h4 a {
	color: #242424;	
}
.blog_footer {
	font-size: 10px;
}
.pr_logo {
	display: block;
	width: 120px;
	height: 72px;
	text-indent: -999em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
.tovabb {
	font-size: 11px;
}
#logo_blikk {
	background-image: url('../images/logo_blikk.gif');
}
#logo_ns {
	background-image: url('../images/logo_ns.gif');
}
#logo_neon {
	background-image: url('../images/logo_neon.gif');
}
#logo_pink {
	background-image: url('../images/logo_pink.gif');
}
#logo_pixter {
	background-image: url('../images/logo_pixter.gif');
}
#logo_blog {
	background-image: url('../images/logo_blog.gif');
}

/* SUGO */

.sugo ul {
	list-style-type: disc;
	list-style-position: inside;
	color: #9dc627;
	padding: 5px;
}
.sugo ul li span{
	color: #242424;
}
.kerdesek ul {
	list-style-type: none;
	list-style-position: outside;
}
.kerdesek li {
	background: transparent url('../images/arr_bullet.gif') no-repeat scroll 2px left;
	color: #387ab8;
	padding: 0 0 15px 15px;
}
.kerdesek li a {
	color: #387ab8;
}
.segitseg p {
	font-size: 12px;
	color: #74756d;
	padding-right: 20px;
}
.answer {
	padding: 10px;
	margin-bottom: 10px;
}
.answer.act {
	border: 1px solid #9dc627;
	padding: 9px;
}

/* SZABALYOK */

.szabalyok p, .szabalyok ul{
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 15px; 
}

.szabalyok ul {
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 15px 15px;
}