/*** Cafe Csoport - CSS by Polgar Peter (Force) - 2010 ***/

/* ---- GRID CSS ---- */

/* alapertelmezett nullazasok BEGIN */
* {
	margin: 0px;
	padding: 0px;
}

a img, :link img, :visited img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a {
	outline: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, pre, code, p, div, span, a {
	border: 0px;
	color: #4C4C4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

/* alapertelmezett nullazasok END */

br {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

/* image replace span alapbeallitasa BEGIN */

span.fir {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0px;
	height: 100%;
	left: 0px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 100%;
}

/*#content_right span.fir,
#BOX_narrow_column span.fir { display: none; }*/

/* image replace span alapbeallitasa END */

.DISPLAYNONE { display: none; }

.clr,
form br {
	border: 0px;
	clear: both;
	float: none;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	margin: 0px !important;
	overflow: hidden;
	padding: 0px !important;
}

body {
	background-color: #E6E6E6;
	border: 0px;
	color: #4C4C4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

/* main BEGIN */

div#main {
	background: transparent url('/images/REDESIGN/grid/main_bg.jpg') repeat-y center top;
	height: auto;
	margin: 0px auto;
	width: 932px;
}

/* main END */

/* main top BEGIN */

div#main_top {
	background: transparent url('/images/REDESIGN/grid/main_top_bg.jpg') no-repeat center top;
	height: auto;
	margin: 0px auto;
	padding: 33px 0px 0px 0px;
	width: 932px;
}

/* main top END */

/* main bottom BEGIN */

div#main_bottom {
	background: transparent url('/images/REDESIGN/grid/main_bottom_bg.jpg') no-repeat center bottom;
	height: auto;
	margin: 0px auto;
	width: 932px;
}

/* main bottom END */

/* main inner BEGIN */

div#main_inner {
	background-color: #FFFFFF;
	height: auto;
	margin: 0px auto;
	width: 794px;
}

/* main inner  END */

/* header BEGIN */

div#header {
	height: 165px;
	position: relative;
	width: 794px;
}

	/* header logo BEGIN */

	a#header_logo {
		left: 34px;
		position: absolute;
		top: 13px;
	}

		a#header_logo,
		a#header_logo img {
			display: block;
			height: 138px;
			width: 219px;
		}

	/* header logo END */

	/* header languages BEGIN */

	ul#header_languages {
		display: block;
		height: 17px;
		left: 8px;
		position: absolute;
		top: 8px;
		width: auto;
	}

		ul#header_languages li {
			display: block;
			float: left;
			height: 17px;
			list-style: none;
			padding: 0px 10px 0px 0px;
			width: 27px;
		}

			ul#header_languages li a {
				color: #000000;
				display: block;
				height: 17px;
				overflow: hidden;
				position: relative;
				width: 27px;
			}

				ul#header_languages li a:hover {
					color: #FFFFFF;
				}

				ul#header_languages li a span.fir {
					background-image: url('/images/REDESIGN/grid/header_languages_bg.gif');
					cursor: pointer;
				}

				/* HU */
				ul#header_languages li#hl_01 a span.fir { background-position: 0px -17px; }
				ul#header_languages li#hl_01 a:hover span.fir,
				ul#header_languages li#hl_01 a.active span.fir { background-position: 0px 0px; }

				/* EN */
				ul#header_languages li#hl_02 a span.fir { background-position: -27px -17px; }
				ul#header_languages li#hl_02 a:hover span.fir,
				ul#header_languages li#hl_02 a.active span.fir { background-position: -27px 0px; }

	/* header languages END */

	/* header awards BEGIN */

	ul#header_awards {
		display: block;
		height: 32px;
		overflow: hidden;
		position: absolute;
		right: 32px;
		top: 18px;
		width: auto;
	}

		ul#header_awards li {
			display: block;
			float: right;
			height: 32px;
			list-style: none;
		}

			ul#header_awards li a {
				color: #FFFFFF;
				display: block;
				height: 32px;
				overflow: hidden;
				position: relative;
			}

				ul#header_awards li a span.fir {
					background-image: url('/images/REDESIGN/grid/awards.gif');
					cursor: pointer;
				}

				ul#header_awards li#ha_01 a { width: 32px; }
				ul#header_awards li#ha_01 a span.fir { background-position: -174px 0px; }
				ul#header_awards li#ha_01 a:hover span.fir { background-position: -174px -35px; }

				ul#header_awards li#ha_02 a { width: 32px; }
				ul#header_awards li#ha_02 a span.fir { background-position: -142px 0px; }
				ul#header_awards li#ha_02 a:hover span.fir { background-position: -142px -35px; }

				ul#header_awards li#ha_03 a { width: 32px; }
				ul#header_awards li#ha_03 a span.fir { background-position: -110px 0px; }
				ul#header_awards li#ha_03 a:hover span.fir { background-position: -110px -35px; }

				ul#header_awards li#ha_04 a { width: 32px; }
				ul#header_awards li#ha_04 a span.fir { background-position: -78px 0px; }
				ul#header_awards li#ha_04 a:hover span.fir { background-position: -78px -35px; }

				ul#header_awards li#ha_05 a { width: 60px; }
				ul#header_awards li#ha_05 a span.fir { background-position: 0px 0px; }
				ul#header_awards li#ha_05 a:hover span.fir { background-position: 0px -35px; }

	/* header awards END */

	/* header search BEGIN */

	div#header_search {
		height: 22px;
		overflow: hidden;
		position: absolute;
		right: 38px;
		top: 100px;
		width: 178px;
	}

	/* header search END */

	/* header menu BEGIN */

	ul#header_menu {
		bottom: 1px;
		display: block;
		height: auto;
		position: absolute;
		right: 38px;
		width: auto;
	}

		ul#header_menu li {
			display: block;
			float: left;
			height: auto;
			list-style: none;
			padding: 0px 0px 0px 15px;
		}

			ul#header_menu li a {
				color: #E50004;
				font-family: "Cafefont", "Cafefont IE", Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 17px;
				text-decoration: none;
				text-transform: uppercase;
			}

				ul#header_menu li a:hover {
					color: #898989;
					text-decoration: none;
				}

				ul#header_menu li#hm_06 a {
					text-transform: lowercase;
				}


	/* header menu END */

	/* header tools BEGIN */

	ul#header_tools {
		display: block;
		height: auto;
		position: absolute;
		right: -26px;
		top: 43px;
		width: 26px;
	}

		ul#header_tools li {
			background-color: #F4F4F4;
			display: block;
			list-style: none;
			width: 26px;
		}

			ul#header_tools li a {
				color: #000000;
				display: block;
				overflow: hidden;
				position: relative;
				width: 26px;
			}

				ul#header_tools li a:hover {
					color: #E7E7E7;
				}

				ul#header_tools li a span.fir {
					background-image: url('/images/REDESIGN/grid/header_tools_bg.gif');
					cursor: pointer;
				}

				ul#header_tools li ul { display: none; }

				/* Tovabbkuldes */
				ul#header_tools li#ht_01 a { height: 21px; }
				ul#header_tools li#ht_01 a span.fir { background-position: 0px 0px; }
				ul#header_tools li#ht_01 a:hover span.fir { background-position: -26px 0px; }

				/* Nyomtatas */
				ul#header_tools li#ht_02 a { height: 23px; }
				ul#header_tools li#ht_02 a span.fir { background-position: 0px -21px; }
				ul#header_tools li#ht_02 a:hover span.fir { background-position: -26px -21px; }

				/* Kozossegioldalak */
				ul#header_tools li#ht_03 a { height: 25px; }
				ul#header_tools li#ht_03 a span.fir { background-position: 0px -44px; }
				ul#header_tools li#ht_03 a:hover span.fir { background-position: -26px -44px; }

					/* iwiw */
					ul#header_tools li#ht_03_01 a { height: 25px; }
					ul#header_tools li#ht_03_01 a span.fir,
					ul#header_tools li#ht_03_01 a:hover span.fir { background-position: 0px -69px; }

					/* twitter */
					ul#header_tools li#ht_03_02 a { height: 21px; }
					ul#header_tools li#ht_03_02 a span.fir,
					ul#header_tools li#ht_03_02 a:hover span.fir { background-position: 0px -94px; }

					/* facebook */
					ul#header_tools li#ht_03_03 a { height: 22px; }
					ul#header_tools li#ht_03_03 a span.fir,
					ul#header_tools li#ht_03_03 a:hover span.fir { background-position: 0px -115px; }

	/* header tools END */

/* header END */

/* content BEGIN */

div#content {
	height: auto;
	width: 794px;
}

	/* content left BEGIN */

	div#content_left {
		float: left;
		width: 174px;
	}

		/* members menu BEGIN */

		ul#members_menu {
			display: block;
			height: 260px;
			padding: 10px 0px 20px 48px;
			width: 110px;
		}

			ul#members_menu li {
				display: block;
				float: left;
				height: 26px;
				list-style: none;
				width: 110px;
			}

				ul#members_menu li a {
					display: block;
					height: 26px;
					overflow: hidden;
					position: relative;
					text-align: right;
					width: 110px;
				}

					ul#members_menu li a:hover {
						color: #FFFFFF !important;
					}

					ul#members_menu li a span.fir {
						background-image: url('/images/REDESIGN/grid/members_menu_bg.gif');
						cursor: pointer;
					}

					/* Reklam */
					ul#members_menu li#mm_01 a { color: #E50003; }
					ul#members_menu li#mm_01 a span.fir { background-position: 0px 0px; }
					ul#members_menu li#mm_01 a:hover span.fir { background-position: -110px 0px; }

					/* Creative */
					ul#members_menu li#mm_02 a { color: #97BE00; }
					ul#members_menu li#mm_02 a span.fir { background-position: 0px -25px; }
					ul#members_menu li#mm_02 a:hover span.fir { background-position: -110px -25px; }

					/* Connection */
					ul#members_menu li#mm_03 a { color: #897966; }
					ul#members_menu li#mm_03 a span.fir { background-position: 0px -50px; }
					ul#members_menu li#mm_03 a:hover span.fir { background-position: -110px -50px; }

					/* PR */
					ul#members_menu li#mm_04 a { color: #F08C00; }
					ul#members_menu li#mm_04 a span.fir { background-position: 0px -75px; }
					ul#members_menu li#mm_04 a:hover span.fir { background-position: -110px -75px; }

					/* Media */
					ul#members_menu li#mm_05 a { color: #E30081; }
					ul#members_menu li#mm_05 a span.fir { background-position: 0px -100px; }
					ul#members_menu li#mm_05 a:hover span.fir { background-position: -110px -100px; }

					/* Film */
					ul#members_menu li#mm_06 a { color: #00A5E9; }
					ul#members_menu li#mm_06 a span.fir { background-position: 0px -125px; }
					ul#members_menu li#mm_06 a:hover span.fir { background-position: -110px -125px; }

					/* Melange */
					ul#members_menu li#mm_07 a { color: #6DC9F2; }
					ul#members_menu li#mm_07 a span.fir { background-position: 0px -175px; }
					ul#members_menu li#mm_07 a:hover span.fir { background-position: -110px -175px; }

					/* Design */
					ul#members_menu li#mm_08 a { color: #FBB136; }
					ul#members_menu li#mm_08 a span.fir { background-position: 0px -150px; }
					ul#members_menu li#mm_08 a:hover span.fir { background-position: -110px -150px; }

					/* 360 */
					ul#members_menu li#mm_09 a { color: #E50003; }
					ul#members_menu li#mm_09 a span.fir { background-position: 0px -225px; }
					ul#members_menu li#mm_09 a:hover span.fir { background-position: -110px -225px; }

					/* International */
					ul#members_menu li#mm_10 a { color: #604B9B; }
					ul#members_menu li#mm_10 a span.fir { background-position: 0px -250px; }
					ul#members_menu li#mm_10 a:hover span.fir { background-position: -110px -250px; }

		/* members menu END */

	/* content left END */

	/* content right BEGIN */

	div#content_right {
		float: left;
		width: 620px;
	}

		div.column_left {
			float: left;
			height: auto;
			overflow: hidden;
			padding: 0px 10px 0px 10px;
			width: 230px;
		}

		div.column_right {
			float: left;
			height: auto;
			overflow: hidden;
			width: 364px;
		}

			/* fejlecek / szovegformazasok BEGIN */

			/* alahuzasos fejlec */
			div#content_right h1.heading {
				background: transparent url('/images/REDESIGN/grid/heading_bg_gray.gif') no-repeat left 25px;
				color: #4C4C4C;
				display: inline;
				font-family: "Cafefont", "Cafefont IE", Arial, Helvetica, sans-serif !important;
				font-size: 14px;
				font-weight: normal;
				line-height: 21px;
				padding: 10px 0px;
				text-transform: uppercase;
			}

			/* specialis fejlec alap esetben a cegoldalakba belove */
			div.spec_heading {
				height: 15px;
				position: relative;
			}

				div.spec_heading h2 {
					background: #E50004 url('/images/REDESIGN/grid/spec_heading.png') no-repeat 0px 0px;
					border: 2px solid #FFFFFF;
					height: 38px;
					left: -4px;
					padding: 0px 0px 0px 15px;
					position: absolute;
					top: -33px;
					width: 547px;
				}

					div.spec_heading h2,
					div.spec_heading h2 span {
						color: #FFFFFF;
						font-family: "Cafefont", "Cafefont IE", Arial, Helvetica, sans-serif !important;
						font-size: 16px;
						font-weight: normal !important;
						line-height: 38px;
						text-transform: uppercase;
					}

						div.spec_heading h2 span {
							font-size: 14px;
							padding: 0px 0px 0px 10px;
							text-transform: none;
						}

						/* standard spec heading */
						div.standard_spec_heading {
							height: 38px !important;
							margin: 14px 0px 18px 25px;
						}

							div.standard_spec_heading h2 {
								position: absolute;
								top: -2px;
							}

						/* variaciok */
						div.spec_cafereklam h2,
						div.spec_reklam_hirek h2 { background-color: #E50004; }
						div.spec_cafecreative h2,
						div.spec_creative_hirek h2 { background-color: #97BF00; }
						div.spec_cafeconnection h2,
						div.spec_connection_hirek h2 { background-color: #897966; }
						div.spec_cafepr h2,
						div.spec_pr_hirek h2 { background-color: #F08D00; }
						div.spec_cafemedia h2,
						div.spec_media_hirek h2 { background-color: #E40082; }
						div.spec_cafefilm h2,
						div.spec_film_hirek h2 { background-color: #00A5EA; }
						div.spec_cafemelange h2,
						div.spec_melange_hirek h2 { background-color: #6CC9F2; }
						div.spec_cafedesign h2,
						div.spec_design_hirek h2 { background-color: #FBB136; }
						div.spec_cafe360 h2,
						div.spec_360_hirek h2 { background-color: #E50004; }
						div.spec_cafeinternational h2,
						div.spec_international_hirek h2 { background-color: #624B9A; }

						div.spec_cafereklam h2,
						div.spec_reklam_hirek h2,
						div.spec_cafecreative h2,
						div.spec_creative_hirek h2,
						div.spec_cafeconnection h2,
						div.spec_connection_hirek h2,
						div.spec_cafepr h2,
						div.spec_pr_hirek h2,
						div.spec_cafemedia h2,
						div.spec_media_hirek h2 ,
						div.spec_cafefilm h2,
						div.spec_film_hirek h2,
						div.spec_cafemelange h2,
						div.spec_melange_hirek h2,
						div.spec_cafedesign h2,
						div.spec_design_hirek h2,
						div.spec_cafe360 h2,
						div.spec_360_hirek h2,
						div.spec_cafeinternational h2,
						div.spec_international_hirek h2 { background-position: 0px -38px; text-transform: none; }

			/* page oldali fejlec */
			div#content_right h1.title {
				color: #E50004;
				display: block;
				font-size: 13px;
				font-weight: bold;
				line-height: 16px;
				padding: 14px 25px 15px 24px;
			}

			/* page oldali lead */
			div#content_right div.lead {
				padding: 0px 25px 10px 25px;
			}

				div#content_right div.lead * {
					font-weight: bold;
				}

			/* page oldali datum */
			div#content_right p.date {
				padding: 0px 25px 10px 25px;
			}

			/* page oldali kep */
			div#content_right div.article_image {
				float: left;
				padding: 0px 15px 10px 25px;
				width: 135px;
			}

				div#content_right div.article_image img {
					display: block;
					box-shadow: 3px 3px 3px #CCCCCC;
					-moz-box-shadow: 3px 3px 3px #CCCCCC;
					-webkit-box-shadow: 3px 3px 3px #CCCCCC;
				}

			/* page oldali szovegtorzs */
			div#content_right div.body {
				padding: 0px 25px 10px 25px;
			}

				div#content_right div.body h2 {
					display: block;
					font-weight: bold;
					padding: 0px 0px 10px 0px;
				}

				div#content_right div.body p {
					padding: 0px 0px 10px 0px;
				}

				div#content_right div.body a {
					color: #00A5EA;
				}

	/* content right END */

/* content END */

/* footer BEGIN */

div#footer {
	height: 60px;
	margin: 0px auto;
	overflow: hidden;
	padding: 15px 0px 0px 0px;
	text-align: center;
	width: 794px;
}

	/* addressbar */
	ul#addressbar {
		padding: 10px 0px 0px 0px;
		text-align: center;
	}

		ul#addressbar li {
			display: inline;
			font-size: 10px;
			line-height: 13px;
			list-style: none;
			padding: 0px 10px;
		}

	/* citiesbar */
	ul#citiesbar {
		padding: 5px 0px 0px 0px;
		text-align: center;
	}

		ul#citiesbar li {
			background: transparent url('/images/REDESIGN/grid/dot_gray.gif') no-repeat 0px  5px;
			display: inline;
			font-size: 10px;
			line-height: 13px;
			list-style: disc;
			padding: 0px 9px 0px 15px;
				text-transform: uppercase;
		}

			ul#citiesbar li:first-child {
				background: none;
				padding: 0px 9px 0px 9px;
			}

/* footer END */