/*

	-- -- -- -- -- -- --
	cangira címlap css
	-- -- -- -- -- -- --

*/



@import "ie6win.css";


/* ALAP DEKLARÁCIÓK */


html, body, div, span, td, ul, li, p, h1, h2, h3, h4, dl, dd {
	margin: 0;
	padding: 0;
	border: 0;
	color: #4F4F4F;
	font: normal 12px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	width: 780px;
	height: 100%;
	margin: 0 auto;
	background: #fbffe9 url(bg.gif) repeat-x;
}

a:link, a:visited {
	color: #99cc00;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

.hide {
	display: none;
}

ul, li {
	list-style-type: none;
}

img {
	border: none;
}

#holder {
	width: 751px;
	height: 100%;
	background: url(holder-bg.gif) repeat-y;
	padding: 0 1px;
	float: left;
}


h1 {
	width: 751px;
	height: 181px;
	background: url(head-bg.gif) no-repeat;
}



h1 a.logo {
	background: url(logo.gif) no-repeat;
	display: block;
	width: 113px;
	height: 96px;
	float: left;
	margin: 15px 0 0 10px;
}

#hirek {
	float: right;
	background: url(hir-bg.gif) no-repeat;
	width: 343px;
	height: 86px;
	padding: 10px 15px;
	display: block;
}

#hirek span {
	color: #ff00d2;
	margin: 0;
	padding: 0;
	font-weight: bold;
	
}

#hirek a:link {
	color: #00ccff;
}


#kikesmiert div#hirek {
	background: url(kik-bg.gif) no-repeat 220px 27px;
}

#rafineria div#hirek {
	background: url(raf-bg.gif) no-repeat 220px 27px;
}

#taskak div#hirek, #taskak-fs div#hirek, #taskak-klasszik div#hirek, #taskak-recycle div#hirek, #taskak-festett div#hirek {
	background: url(taskak-bg.gif) no-repeat 220px 27px;
}

#fantaziavilag div#hirek {
	background: url(fant-bg.gif) no-repeat 220px 27px;
}

#kapcsolat div#hirek {
	background: url(kapcs-bg.gif) no-repeat 220px 27px;
}

#partnereink div#hirek {
	background: url(part-bg.gif) no-repeat 220px 27px;
}

#faliujsag div#hirek {
	background: url(fali-bg.gif) no-repeat 220px 27px;
}

#vasarlas div#hirek {
	background: none;
}


#hirek a {
	display: block;
	font-weight: bold;
}

#bal {
	float: left;
	width: 154px;
}

#kozep {
	float: left;
	width: 410px;
	margin: 0 10px;
}

#jobb {
	float: left;
	width: 159px;
	background: url(jobb-bg.gif) no-repeat;
	height: 328px;
}



#menu {
	
	padding: 23px 0 30px 26px;
	background: url(menu-bg.gif) no-repeat 10px 5px;
}

#menu li {
	margin-bottom: 2px;
}

#menu a {
	width: 127px;
	height: 17px;
	display: block;
}


#menu a.menu1 {
	background: url(menu1.gif) no-repeat;
}

#menu a.menu1:hover {
	background: url(menu1-o.gif) no-repeat;
}

#menu a.menu2 {
	background: url(menu2.gif) no-repeat;
}

#menu a.menu2:hover {
	background: url(menu2-o.gif) no-repeat;
}

#menu a.menu3 {
	background: url(menu3.gif) no-repeat;
}

#menu a.menu3:hover {
	background: url(menu3-o.gif) no-repeat;
}

#menu a.menu4 {
	background: url(menu4.gif) no-repeat;
}

#menu a.menu4:hover {
	background: url(menu4-o.gif) no-repeat;
}

#menu a.menu5 {
	background: url(menu5.gif) no-repeat;
}

#menu a.menu5:hover {
	background: url(menu5-o.gif) no-repeat;
}

#menu a.menu6 {
	background: url(menu6.gif) no-repeat;
}

#menu a.menu6:hover {
	background: url(menu6-o.gif) no-repeat;
}

#menu a.menu7 {
	background: url(menu7.gif) no-repeat;
}

#menu a.menu7:hover {
	background: url(menu7-o.gif) no-repeat;
}

#menu a.menu8 {
	background: url(menu8.gif) no-repeat;
}

#menu a.menu8:hover {
	background: url(menu8-o.gif) no-repeat;
}

#menu a.menu9 {
	background: url(menu9.gif) no-repeat;
}

#menu a.menu9:hover {
	background: url(menu9-o.gif) no-repeat;
}

#menu a.menu10 {
	background: url(menu10.gif) no-repeat;
}

#menu a.menu10:hover {
	background: url(menu10-o.gif) no-repeat;
}

#menu a.menu11 {
	background: url(menu11.gif) no-repeat;
}

#menu a.menu11:hover {
	background: url(menu11-o.gif) no-repeat;
}

#menu a.menu12 {
	background: url(menu12.gif) no-repeat;
}

#menu a.menu12:hover {
	background: url(menu12-o.gif) no-repeat;
}

#menu a.menu13 {
	background: url(menu13.gif) no-repeat;
}

#menu a.menu13:hover {
	background: url(menu13-o.gif) no-repeat;
}



#menu a:hover {
	
}

#kozep h2 {
	font-size: 16px;
	color: #ff00d2;
	font-weight: bold;
	padding: 10px 0;
	display: block;
	clear: both;
}

#kozep h3 {
	margin: 0 0 2px 0;
}


#kozep p {
	margin: 0 0 8px 0;
	clear: both;
}

#kozep p a {
	font-weight: bold;
}

#kozep h3 {
	font-weight: bold;
	clear: both;
}

#kozep span.kiemelt {
	font-weight: bold;
	clear: both;
	color: #ff00ff;
	display: block;
	margin-bottom: 10px;
}

#kozep img.balra {
	float: left;
}

#kozep img.jobbra {
	float: right;
}

span.kek {
	color: #00ccff;
}

span.narancs {
	color: #ff9900;
}

span.zold {
	color: #99cc00;
}

span.pink {
	color: #FF66FF;
}

span.lila {
	color: #B266FF;
}

span.szold {
	color: #666633;
}

span.piros {
	color: #FF3300;
}

span.skek {
	color: #004FFF;
}

#taska-menu {
	display: block;
	margin: 0 0 15px 0;
	width: 410px;
	clear: both;
}


#taska-menu li {
	float: left;
	margin: 0 4px 0 0;
}

#taska-menu li a {
	width: 70px;
	height: 25px;
	display: block;
}

#taska-menu li a.taska-menu1 {
	background: url(taska-menu1.gif);
}

#taska-menu li a.taska-menu1:hover {
	background: url(taska-menu1-o.gif);
}

#taska-menu li a.taska-menu2 {
	background: url(taska-menu2.gif);
}

#taska-menu li a.taska-menu2:hover {
	background: url(taska-menu2-o.gif);
}

#taska-menu li a.taska-menu3 {
	background: url(taska-menu3.gif);
}

#taska-menu li a.taska-menu3:hover {
	background: url(taska-menu3-o.gif);
}

#taska-menu li a.taska-menu4 {
	background: url(taska-menu4.gif);
}

#taska-menu li a.taska-menu4:hover {
	background: url(taska-menu4-o.gif);
}


#taska-menu li a.taska-menu5 {
	background: url(taska-menu5.gif);
}

#taska-menu li a.taska-menu5:hover {
	background: url(taska-menu5-o.gif);
}


#taska-almenu {
	display: block;
	margin: 0 0 15px 0;
	width: 410px;
	clear: both;
	
}

#taska-almenu li {
	float: left;
	margin: 0 4px 4px 0;
}

#taska-almenu li a {
	display: block;
	padding: 3px 4px;
	background-color: #d7f2fe;
	color: #1b5076;
	font: bold 12px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#taska-almenu li a:hover {
	background-color: #ffffff;
	color: #ec008c;
}


#lab {
	float: left;
	clear: both;
	text-align: center;
	padding: 0 0 0 0;
	width: 753px;
	height: 50px;
}

#lab span {
	display: block;
	margin-top: 30px
}


#jobb img.taska-izelito {
	margin: 41px 0 25px 16px;
}

#jobb img.jobb-modell {
	margin: 0 0 0 26px;
}

#jobb p {
	padding: 0 0 0 0;
	margin: 10px 0 0 26px;
	font-weight: bold;
}

#jobb p span {
	display: block;
	padding: 10px 0 0 0;
	font-weight: normal;
}

#kozep div.taska-lista {
	border-bottom: 1px solid #bcf4e9;
	padding: 15px 0;
	height: 140px;
	clear: both;
}

#kozep div.taska-lista img {
	float: left;
	margin-right: 10px;
	border: none;
}

#kozep div.taska-lista h2 {
	font-size: 14px;
	color: #ff00d2;
	font-weight: bold;
	padding-top: 10px;
	display: inline;
	width: 250px;
}




#kozep div.taska-lista span {
	color: #ff00d2;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

#kozep div.taska-lista span.vallpant {
	margin-top: 0px;
}