body{
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	background: #ffffff url("../images/bg.jpg") repeat-x top center;
}
img { behavior: url("../images/pngbehavior.htc"); border-style: none;}
.clear{ clear: both; }
a:hover, a, h1 {text-decoration: none; color: #3b3b3b;}
p {margin: 0px;}
h1 {margin: 3px;}
h3 {margin: 3px 0 3px 0; color: #E77D2D;}
h4 {margin-top: 7px; color: #2E4D58;}
h5 {margin: 0px; font-weight: normal; padding: 0px; }

#site { width: 980px; margin-left: auto; margin-right: auto; }
#head { width: 100%; height: 100px;}
	#head .logo {width: 200px; float: left; height: 100px;}
	#head .right {width: 780px; float: left; height: 100px;}
	#head .right h1 {color: #8c8c8c; font-size: 14px; letter-spacing:2px; top: 60px; left: 50%; margin-left: -380px; position: absolute; width: 800px;}
	#head .right a:hover { color: #3b3b3b;}
#menu { width: 980px; margin-left: auto; margin-right: auto; background: url(../images/bg_menu.jpg); height: 54px;  }
	#menu a {width: 140px; height: 30px; display: block; float: left; margin: 13px 10px 0 10px; text-align: center; font-weight: bold; color: #3b3b3b; text-transform: lowercase; text-shadow:1px 1px #ffffff;}
	#menu a:hover { background: url(../images/a_hoover.png); color: #ffffff; text-shadow: 0px 0px;}
	#menu a.aktiv { background: url(../images/a_hoover.png); color: #ffffff; text-shadow: 0px 0px;}
	#menu a p {margin-top: 8px;}
	#menu a.menu_igazitas {width: 10px; margin: 0px;}
#boxes { width: 980px; margin-left: auto; margin-right: auto; height: 245px; }
	#boxes .pos { padding-top: 35px;}
	#boxes .pos a.box {width: 210px; height: 180px; float: left; margin: 17px; color :#7E7E7E; background: transparent;  }
	#boxes .pos a.box:hover {width: 210px; height: 180px; float: left; margin: 17px; color: #ff5d09;}
	#boxes .pos a.box p {padding-top: 105px; padding-left: 12px;}
	#boxes .pos a.b1{ background: url(../images/box_1.png);}
	#boxes .pos a.b2{ background: url(../images/box_2.png);}
	#boxes .pos a.b3{ background: url(../images/box_3.png);}
	#boxes .pos a.b4{ background: url(../images/box_4.png);}
	#boxes .pos a.b5{ background: url(../images/box_5.png);}
	#boxes .pos a.b6{ background: url(../images/box_6.png);}
	#boxes .pos a.b7{ background: url(../images/box_7.png);}
	
#leftmenu { width: 200px; float: left; min-height: 600px; margin-right: 20px; }
	p.head, h1, h2.focim {font-size: 20px; color: #474747; font-weight:normal; text-transform: uppercase; letter-spacing:1px}
	img.hr { padding: 20px 0 20px 0; height: 2px; width: 760px;}
	#leftmenu a { background: url(../images/leftmenu_a.png) left no-repeat; height: 20px; display: block; padding-left: 20px; margin: 0 0 5px 10px; color: #7e7e7e;}
	#leftmenu a:hover {background: url(../images/leftmenu_a_hover.png) left no-repeat; font-weight: bold;}
	#leftmenu a.aktiv {background: url(../images/leftmenu_a_hover.png) left no-repeat; font-weight: bold;}
	#leftmenu a p {padding-top: 3px;}
#content { width: 760px; float: left; min-height: 600px; line-height: 150%; font-size: 14px;  }
	#content h2 {color: #e77d2d;}
	#content h2.felsorolas {color: #474747; font-weight: normal;}
	#content h2.focim {margin: 3px;  color: #474747;}
	#content a{font-weight: bold; color: #2E4D58; }
	.referencia_content {float: left; width: 485px; padding-right: 10px;color: #adadad;}
	.referencia_picture {float: left; width: 200px;}
	.referencia_munkalatok  {width: 760px; margin-top: 10px; border-style: solid; border-width: 1px 0 0 0; border-color: #eaeaea; clear: both; padding-top: 5px; color: #848484;}
	.referencia_munkalatok h4 {margin-top: 7px; color: #2E4D58;}
	/*.referencia_picture a img{FILTER: alpha(opacity=75); opacity: 0.75;}
	.referencia_picture a:hover img{ FILTER: alpha(opacity=100); opacity:1; }*/
	.cimke, .cimke_input, .cimke_checkbox {margin: 2px;float: left; font-weight: bold; width: 160px;}
	.cb {font-weight: normal; color: #2e4d58;}
	.cimke_input {float: left;}
	.cimke_input input {width: 400px;}
	.cimke_input textarea {width: 580px; height: 180px;}
	 textarea.kicsi {width: 580px; height: 60px;}
	.cimke_input {width: 580px;}
	.cimke_chechkbox input {width: 20px;}
	.cimke_checkbox {width: 20px;}
	.figyelemfelhivo {text-align: center; font-weight: bold; font-style: italic; font-size: 14px; height: 50px; padding-top: 15px;}
	.behuzas {margin-left: 50px; padding-top: 15px;}
	.aloldalak {text-align: right; border-style: solid; border-width: 1px 0 0 0; border-color: #eaeaea; padding: 5px; color: #ADADAD; margin-left: 250px; width: 500px;}
	.f {border-width: 0 0 1px 0; margin-bottom: 10px;}	
	#content .aloldalak a {color: #ADADAD; padding-left: 4px; padding-right: 4px;}
	#content .aloldalak a:hover { color: #E77D2D; font-weight: bold;}
	#content .aloldalak a.aktiv { color: #E77D2D; font-weight: bold;}
	.gomb_pos { padding: 30px 0 0 600px;}
	.arajanlat_valaszto {width: 760px; height: 80px;}
	.arajanlat_valaszto a { width: 180px; height: 30px; text-align: center; display: block; float: left; border-style: solid; border-width: 1px 0 0 1px; border-color: #d2d2d2;}
	.arajanlat_valaszto a.p { border-width: 1px 1px 0 1px;}
	.arajanlat_valaszto a:hover {background: #eeeeee;}
	.arajanlat_valaszto a.aktiv { width: 180px; height: 30px; text-align: center; display: block; float: left; border-style: solid; border-width: 1px 0 0 1px; border-color: #d2d2d2;background: #eeeeee;}
	.arajanlat_valaszto a.aktiv_p{ width: 180px; height: 30px; text-align: center; display: block; float: left; border-style: solid; border-width: 1px 1px 0 1px; border-color: #d2d2d2;background: #eeeeee;}
	.arajanlat_valaszto a p{padding-top: 8px;}
	.arak_felsorolas {margin: 20px 10px 10px 40px; clear: both; min-height: 70px; height: 70px;}
	.arak_felsorolas h2 { font-size: 22px; padding-top: 10px; letter-spacing: 2px;}
	img.kiss_ferenc {float: right; height: 200px; margin: 0 0 10px 10px; }
	img.izelito {float: left; width: 170px; margin: 10px;}
	#leftmenu a.skype {background: none;}
	a.skype img {margin-top: 10px; border-style: none;}
	form.hirlevel {margin-left:61px; margin-top: 25px;}
	form.hirlevel td {color: #2e4d58;}
	form.hirlevel input {width: 240px;}
	form.hirlevel input.gomb {width: 102px;}
	
#bottom { width: 100%; height: 278px; background: #2c2c2c; text-align: right;}
	.kulcsszofeho {padding: 10px;}
#footer { width: 100%; height: 55px; background: url(../images/bg_footer.jpg); text-align: center; color: #b4b4b4;}
	#footer	p {padding-top: 20px; color: #b4b4b4;}
	#footer	a {color: #787878; letter-spacing:1px}

#up {text-align: right;}	
	#up a{margin: 5px; display: block; color: #2E4D58; font-weight: bold;}
	
.design_nyil_1 {background: url(../images/design_nyil_1.png) left no-repeat; width: 20px; height: 9px; float: left; margin-top: 3px;}
.design_head_1 {background: url(../images/design_head_1.png) left no-repeat; width: 64px; height: 64px; float: left;}
.design_head_2 {background: url(../images/design_head_3.png) left no-repeat; width: 70px; height: 60px; float: left;}
.design_head_4 {background: url(../images/design_head_4.png) left no-repeat; width: 700px; height: 48px; padding-left: 60px; color: #2E4D58; font-weight: bold; margin: 20px 0 20px 0;}
.design_head_5 {background: url(../images/design_head_5.png) left no-repeat; width: 32px; height: 32px; float: left; padding-right: 10px;}
.design_head_6 {background: url(../images/design_head_6.png) left no-repeat; width: 128px; height: 110px; float: left; padding-right: 10px;}
.design_head_7 {background: url(../images/design_head_7.png) left no-repeat; width: 64px; height: 64px; float: left; padding-right: 10px;}
.design_head_8 {background: url(../images/design_head_8.png) left no-repeat; width: 72px; height: 72px; float: left; padding-right: 10px;}
.design_head_9 {background: url(../images/design_head_9.png) left no-repeat; width: 72px; height: 72px; float: left; padding-right: 10px;}
.design_head_11 {background: url(../images/design_head_11.png) right no-repeat; height: 32px; float: right; padding-right: 40px; padding-top: 14px; color: #2E4D58; font-weight: bold;}
.design_head_12 {background: url(../images/design_head_12.png) right no-repeat; height: 32px; float: right; color: #7a7a7a; font-weight: bold;}
.design_head_13 {background: url(../images/design_head_13.png) right no-repeat; height: 64px; float: right; color: #2b990f; font-weight: bold; font-size: 22px; padding-right: 100px; padding-top: 50px;}
.design_head_12 p {padding-top: 7px; padding-right: 40px; margin: 0px;}
a.up {background: url(../images/design_head_10.png) right no-repeat; width: 120px; height: 22px; float: right; padding-right: 30px; padding-top: 5px;}
p.egyedi_szoveg {clear: both; text-align: right; font-size: 11px; padding-right: 40px;color: #2E4D58;}

.design_1{background: url(../images/design_1.jpg); float: right; width: 130px; height: 100px; margin-left: 10px; margin-top: 30px;}
.design_2{background: url(../images/design_2.jpg); float: right; width: 130px; height: 100px; margin-left: 10px; margin-top: 30px;}
.design_3{background: url(../images/design_3.jpg); float: right; width: 130px; height: 100px; margin-left: 10px; margin-top: 30px;}
.design_4{background: url(../images/design_4.jpg); float: right; width: 130px; height: 100px; margin-left: 10px; margin-top: 30px;}

b.sz_1 {color: #2e4d58;}
b.csillag {font-size: 16px; color: red; }
b.nb {font-weight: normal;}
.felsorolas_1 {line-height: 160%; margin: 20px 20px 20px 40px;}
b.u {text-decoration: underline;}
input.gomb {background: url(../images/bg_gomb.png) no-repeat; width: 102px; height: 28px; border-style: none; color: #ff6000;}
b.underline {text-decoration: underline;}

#foti_csaladi_haz a {position: absolute; left: 50%; margin-left: -156px; top: -10px; height: 30px; width: 312px; background: url('../images/foti-csaladi-haz.png'); color: #FFFFFF; padding-top: 15px; text-align: center; font-weight: bold; }