body{padding:0; margin:0; height:100%; background:#000000 url(../images/bg_mn.jpg) left 294px repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
img{border:0;}
a{color:#659415;}
a:hover{color:#792800;}
a:focus {outline: 0;}
.clearbooth{clear:both; }
.clearright{clear:right;}
.clear{clear:both; height:0px; line-height:0;}
.center{text-align:center;}
.right{text-align:right;}
.nowrap{white-space: nowrap;}
.t_center{margin:0 auto;}
h1, h2{font:bold 14px Arial, Helvetica, sans-serif;}
h3, h4{font:bold 12px Arial, Helvetica, sans-serif;}
.font_10{font-size:10px;}

form{padding:0; margin:0;}
#tag_ablak{background:#000; padding:6px 0 6px 0; height:16px;}
#tag_ablak ul{ text-align:center; margin:0 auto; padding:0; width:670px; overflow:hidden;}
#tag_ablak li{list-style:none; float:left; margin-right:10px;}
#tag_ablak h1{padding:0; margin:0;}
#tag_ablak h1 a, #tag_ablak li a{text-decoration:none; font:normal 10px Verdana, Geneva, sans-serif; color:#666; font-weight:normal;}
#tag_ablak h1 a:hover, #tag_ablak a:hover{color:#999;}

.table_1{background:#a6db4d; font-size:11px;}
.table_1 td{background:#fff;}
.table_1 th{background:#a6df49;}
.table_1 .tr_td_1{background:#cefd80;}
#header{height:274px; background:url(../images/top.jpg) center top no-repeat; position:relative; z-index:10; background-color: #161616; }

.fb-like{padding:10px;}

.small_surke{font-size:10px; color:#060;}
#nav_cont{margin:0 auto; height:320px; width:900px; position:relative;}
#nav{position:absolute; /*top:98px; left:660px;*/ left:660px; top:98px; /*margin:98px 0 0 660px;*/ z-index:110000; width:320px; height:320px; overflow:hidden; padding:0; margin:0;}
#nav_flash{z-index:110000; padding:0; margin:0; text-align:left;}

a.uj_allas{display:block; position:absolute; top:57px; left:100px; text-align:center; color:#000; width:100px; height:40px; cursor:pointer; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; color:#000; background:url(../images/allas_bg_1.png) 0 0 no-repeat; padding:9px 0 0 6px;}
a.uj_allas:hover{color:#666;}

#type_text{width:240px; font:normal 12px Arial, Helvetica, sans-serif; position:absolute; text-transform:uppercase; z-index:110000; color:#fff; text-align:right; margin:220px 0 0 420px;}

.no_decoration{text-decoration:none;}

#box_1{width:927px; margin:0 auto; overflow:hidden; background:#fff url(../images/keret/left.gif) left top repeat-y; padding-left:5px;}
#box_1 .box_1_right{background:#eaeaea url(../images/keret/right.gif) right top repeat-y; padding-right:5px; margin:0;}
#box_1_bottom{height:23px; background:url(../images/keret/bottom.jpg) left top no-repeat; line-height:23px; width:932px; margin:0 auto; clear:both;}


.top_menu{position:absolute; background:url(../images/top_menu_bg.jpg) 0 0 repeat-x; height:37px; width:100%; top:28px; left:0; z-index:100;}
/*#name_link_{position:relative; width:600px; margin:0 auto; height:20px; background:#9F6;}
#name_link_ #link_name{position:absolute; width:200px; height:20px; background:#063; top:120px; left:400px;}*/
.top_menu ul.cont{width:760px; margin:0 auto;}
.top_menu ul.cont li{list-style:none; display:inline-block; float:left;}
.top_menu a{text-decoration:none; color:#bbb; font-weight:normal; text-align:center; padding:10px 20px; display:block; float:left;}
.top_menu a:hover{color:#fff;}

#menu_buttoms{width:246px; float:left; padding-top:4px;}
#menu_buttoms h1{padding:0; margin:0; width:246px; overflow:hidden;}
#menu_buttoms h1{clear:both;}
#menu_buttoms h1.now{background:url(../images/menu_top_cursor.gif) right top no-repeat;}
#menu_buttoms h1 a{display:block; float:left; background:url(../images/menu_top_bg.jpg) left top repeat-y; width:215px; text-align:center; text-decoration:none; text-transform:uppercase; font:normal 12px Arial, Helvetica, sans-serif; color:#000; padding:10px 0;}
#menu_buttoms h1 a:hover{color:#658531;}
#slider_box{float:right; width:647px; height:247px;}
a.cms_link{display:block; float:left; width:215px; height:253px; margin-bottom:10px;}
.text_1{ overflow:hidden; font:normal 12px Arial, Helvetica, sans-serif; color:#000; padding-right:20px;}
.text_1 h4{text-align:center; font:bold 27px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:10px 0; text-transform:uppercase;}
.works{font:normal 11px Arial, Helvetica, sans-serif; color:#000;}
.works th{font:bold 14px Arial, Helvetica, sans-serif; color:#9d9d9d; text-transform:uppercase; text-align:left;}
.inwork{padding:4px 4px 4px 0; margin-left:4px; font-weight:bold; border-bottom:solid 1px #000;}

#portfolio{position:relative; overflow:hidden; height:246px;}
.border{border:1px solid #CCC; width:882px; margin:0 auto;}
#portfolio .left_bg{width:870px; margin:0 auto; height:211px; background:#000 url(../images/portf_left_bg.jpg) left top no-repeat; border:6px solid #ddd;}
#portfolio .right_bg{height:211px; background:url(../images/portf_right_bg.jpg) right top no-repeat;}
#kepek{position:absolute; width:600px; height:190px; top:30px; left:150px; }
#kepek img{float:left; height:190px; margin-bottom:100px;}


#szolg_menu_left{float:left; width:250px; overflow:hidden; margin-left:10px;}
#szolg_open_right{float:right; width:640px; overflow:hidden; margin-right:10px;}

.box_name{font:bold 16px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:10px 14px;}
#szolg{width:882px; margin:0 auto ;background:url(../images/szolg_box/bg.gif) left repeat-y; padding:0px 4px 0 4px;}
#box_2 .cont{background:url(../images/szolg_box/bg.jpg) left bottom repeat-x; margin:0 auto;} 
.sz_1{background:url(../images/szolg_box/weboldalkeszetes.jpg) right bottom no-repeat; width:229px;}
.sz_2{background:url(../images/szolg_box/webdesign.jpg) right bottom no-repeat; width:232px;}
.sz_3{background:url(../images/szolg_box/marketing_bg.jpg) right bottom no-repeat; width:232px;}
.sz_4{background:url(../images/szolg_box/szolg_bg.jpg) right bottom no-repeat; width:186px;}

.sz_1_open{background:url(../images/szolg_box/weboldalkeszetes.jpg) right bottom no-repeat;}
.sz_2_open{background:url(../images/szolg_box/webdesign.jpg) right bottom no-repeat;}
.sz_3_open{background:url(../images/szolg_box/marketing_bg.jpg) right bottom no-repeat;}
.sz_4_open{background:url(../images/szolg_box/szolg_bg.jpg) right bottom no-repeat;}

#szolg_open{width:250px; margin:0 auto;}
#szolg_open .cont_menu{border-left:solid #abd36a 1px; border-right:solid #abd36a 1px; width:244px; margin:0 auto; background:#fff;}
#szolg_open .cont_menu td{background:url(../images/szolg_box/bg_1.jpg) 0 bottom repeat-x;}

.szolg_open_ .tmce{border-left:solid #abd36a 1px; border-right:solid #abd36a 1px; width:612px; background:#fff url(../images/szolg_box/bg_1.jpg) 0 bottom repeat-x; margin:0 auto; padding:10px 10px;}

#cik_open_ .tmce{border-left:solid #abd36a 1px; border-right:solid #abd36a 1px; width:672px; background:#fff url(../images/szolg_box/bg_1.jpg) 0 bottom repeat-x; margin:0 auto; padding:10px 10px;}

h1.szolg_name, h2.szolg_name{font:bold 18px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:10px 14px;}
h1.szolg_name a, h2.szolg_name a{color:#000; text-decoration:none;}

.szolg_menu_top{background:url(../images/szolg_box/start_top.gif) 0 0 no-repeat; padding-left:9px;}
.szolg_menu_top div{background:url(../images/szolg_box/mn_top.gif) 0 0 repeat-x; height:10px;}
.szolg_menu_top div img{float:right;}

.szolg_menu_bottom{background:url(../images/szolg_box/start_bottom.gif) 0 0 no-repeat; padding-left:9px;}
.szolg_menu_bottom div{background:url(../images/szolg_box/mn_bottom.gif) 0 0 repeat-x; height:10px;}
.szolg_menu_bottom div img{float:right;}

.lap_adatok{margin:0 auto;}


#box_2 h1.name{padding:10px 0 6px 16px; margin:0;}
#box_2 h1.name a{font:bold 16px Arial, Helvetica, sans-serif; color:#80c410; text-decoration:none; text-transform:uppercase;}
#box_2 h1.name a:hover{color:#659f07;}
#box_2 ul.spisok{list-style:none; padding:0 0 0 16px; margin:0;}
#box_2 ul.spisok h2{padding:0; margin:0;}
#box_2 ul.spisok a{display:block; background:url(../images/li.gif) left 6px no-repeat; padding-left:12px; text-decoration:none; font:normal 12px Arial, Helvetica, sans-serif; color:#000; padding-bottom:4px;}
#box_2 ul.spisok a:hover{color:#792800;}

#box_2 h2.name{padding:10px 0 6px 16px; margin:0;}
#box_2 h2.name a{font:bold 16px Arial, Helvetica, sans-serif; color:#80c410; text-decoration:none; text-transform:uppercase;}
#box_2 h2.name a:hover{color:#659f07;}

#partnereink{width:870px; background:#000; padding:14px 0; margin:0 auto; height:134px;}
.border_{border:solid 1px #ccc; background:#ddd; width:870px; margin:0 auto; padding:6px;}
#partnereink .scroll{width:826px; overflow:hidden; position:relative; height:146px;}
#logok{position:absolute; width:1000px;}
#logok img{float:left; margin-right:14px;}


#cikkek_start{font:normal 11px Arial, Helvetica, sans-serif; color:#000; line-height:13px; background:url(../images/cikkek_bg.jpg) center center no-repeat; padding:20px; overflow:hidden;}
#cikkek_start .left_block{width:430px; float:left; padding:0 10px 0 0;}
#cikkek_start .right_block{width:430px; float:right; padding:0 0 0 10px;}

#cikkek_start td{width:50%;}
#cikkek_start h1{padding:0; margin:0; font:bold 14px Arial, Helvetica, sans-serif; color:#659415; text-transform:uppercase;}
#cikkek_start h4{padding:0; margin:0; font:bold 14px Arial, Helvetica, sans-serif; color:#659415; text-transform:uppercase;}
#cikkek_start a{font-weight:bold;}

/*  *************************************************************************************        */

#slideshow * { margin: 0; padding: 0; line-height: 0; z-index:5 !important;}
#slideshow { position: relative; padding: 0; width: 893px; height: 247px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute;}

#slideshow #loading { display: block; left: 246px;  background:#000; }

#slideshow #pictures { background: url(../js/slider/bg.jpg); width: 647px; height: 247px; right:0; top:0;}
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 647px; cursor:pointer;}
#slideshow #pictures li img { display: block; position: relative; bottom: 0; border:0;}


#slideshow #menu { list-style-type: none; width:246px; padding:4px 0 0 0; margin:0;}
#slideshow #menu li { display: block; position: relative; width:246px; text-align:left; list-style:none; float:left; padding:0; margin:0;}


/*#slideshow #menu li h1{padding:0; margin:0; width:246px; overflow:hidden;}*/


#slideshow #menu li a {display: block; clear:both; text-align:center; width:215px; text-transform:uppercase; background:url(../images/menu_top_bg.jpg) left top repeat-y; font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration: none; padding:10px 0; margin:0;}
#slideshow #menu li img{padding:0; margin:0; float:left;}

#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #658531;}
#slideshow #menu li.current a {color: #658531;}
#slideshow #menu li.current {background:url(../images/menu_top_cursor.gif) no-repeat right center;}
/*#slideshow #menu li.background { background:url(../images/menu_top_cursor.gif) no-repeat right center; position: absolute; height: 39px; width: 31px; z-index: 11; left:200px; cursor:pointer;}
*/

/* GOOGLE */
#map_canvas{width:415px; height:300px; margin:0 auto; border:solid 5px #dedcdd; z-index:1; position:relative;}
#divka{position:absolute; top:20px; left:20px; height:40px; width:40px; background:#9C0; z-index:1000000;}
#directions{width:415px; margin:0 auto;}
.navigations{background:#cecece url(../images/bg_2.jpg) center 0 repeat-y; border:solid 1px #ccc; width:400px;}
.cont_map{color:#333; font:normal 12px Arial;}
.cont_map h1{font:bold 14px Arial; color:#3c5921;}

/*   CEKEKE   OPEN */
.menu_box_left{float:left; width:200px;}
.menu_name{font:bold 14px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0 0 6px 10px;}
#cekek_menu{ padding:0; margin:0; background:#fff; border:solid #ccc 1px; margin-left:10px;}
#cekek_menu li{list-style:none;}
#cekek_menu li h2{padding:0; margin:0;}
#cekek_menu li h2 a{background:url(../images/li.gif) 4px 10px no-repeat; display:block; padding:5px 10px 5px 12px; text-decoration:none; font:normal 12px Arial, Helvetica, sans-serif; color:#000; padding-bottom:10px;}
#cekek_menu li h2 a.now, #cekek_menu li h2 a:hover{color:#792800; background:#abd36a; color:#000;}

#cikk_open{float:right; width:700px; margin:0 10px 10px 0; padding:0;}
h1.cik_name{font:bold 20px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0 0 10px 0;}

/* **************   PARTNERS ********************/
.galleryview{
background:none;
overflow:hidden !important;
height:126px; overflow:hidden;
}

.galleryview img{
float:left;}

.galleryview ul li{
list-style:none !important;
}



.bottom_text{font:normal 10px Arial, Helvetica, sans-serif; color:#CCC;}


/* CSOMAGOK */

h3.csomag_cim{
margin:5px 0 5px 0;
border-bottom:2px solid #80c410;
font-size:16px;
font-weight:bold;
color:#80c410;
text-transform:uppercase;
}

p.csomagP{
margin:0;
line-height:100%;
padding:0;
font-size:12px;
line-height:150%;
}

div.csomag{
width:620px;
height:116px;
background:url(../images/boxbg.png) no-repeat top;
padding:10px;
margin-bottom:10px;
margin-left:20px;
overflow:hidden;
}

div.csomag_kep{
width:100px;
height:116px;
margin-right:10px;
float:left;
}

div.csomag_kep img{
width:100px;
height:116px;
margin:0 !important;
padding:0 !important;
border:0 !important;
}

div.csomag_center{
width:400px;
float:left;
margin-right:10px;
height:116px;
overflow:hidden;
}

div.csomag_right{
width:100px;
height:106px;
margin-top:5px;
float:left;
text-align:center;
}

div.csomag_ar{
width:100%;
height:76px;
margin-bottom:10px;
}

.csomag-ar-title {font-size:16px; font-weight: bold;}
.csomag-ar-value {color:#ff5401; font-size:20px; line-height:26px; font-weight:bold;}
.csomag-ar-value-2 {font-size:16px; font-weight:bold;}

div.csomag_readmore{
width:100%;
height:30px;
color:#80c410;
font-size:14px;
font-weight:bold;
line-height:30px;
}

div.csomag a, div.csomag a:visited, div.csomag a:link, div.csomag_readmore a {
color:#80c410;
text-decoration:none;
text-transform:uppercase;
}

div.csomag a:hover, div.csomag_readmore a:hover{
color:#659f07
}

div.csbelso_left {float:left; width:172px; margin-right:10px; padding-right:10px;}
div.csbelso_shortdesc{float:left; width:500px; padding:10px 20px 20px 0; text-align:justify; font-size:12px; line-height:150%;}
div.csbelso_button{float:right; padding:10px; width:100px; height:20px; text-align:center; font-weight:bold; text-transform:uppercase; background:url(../images/button_rendel.png) no-repeat top; line-height:20px;}
div.csbelso_button a:hover{color:#ff5401 !important}
div.csbelso_ar{float:right; width:120px; font-size:16px; color:#ff5401; text-align:center; font-weight:bold; padding:10px 0;}
div.csbelso_desc{clear:both; line-height:200%; width:500px; text-align:left}

input.textfield{
width:173px;
height:22px;
background:url(../images/inp_textfield.png) no-repeat top;
color:#000;
font-size:12px;
border:0;
padding:0px 5px;
line-height:18px;
}
.textfield_{width:300px; border:1px solid #659415; padding:4px; background:#cde4a5;}
.idopont_{width:60px; border:1px solid #659415; padding:2px; font-size:11px; line-height:11px; height:11px; background:#cde4a5;}

.textarea{
width:173px;
height:76px;
background:url(../images/inp_textarea.png) no-repeat top;
color:#000;
font-size:12px;
border:0;
padding:5px;
}

input.button{
width:114px;
height:22px;
background:url(../images/inp_button.png) no-repeat top;
color:#000;
font-size:12px;
border:0;
}

.referenciak{
width:290px;
height:180px;
margin:5px;
float:left;
}

.referenciak img{
width:280px;
height:140px;
border:none;
border:5px solid #666666;
}

.referenciak img:hover{
width:280px;
height:140px;
border:none;
border:5px solid #659415;
}

.refleiras{margin-left:10px; border-bottom:1px solid #999999; width:650px; height:100px; text-align:justify; padding-bottom:5px; margin-bottom:5px;}
.refcategories{margin-left:10px; border-bottom:1px solid #999999; width:650px; padding-bottom:5px; margin-bottom:5px;}
/*.refcategories a {text-decoration:none; font-size:14px; margin-right:15px}
.refcategories a.now {font-weight:bold}*/
.ajanlat_bg{width:600px; margin:0 auto;}

.site_map{padding:0 0 0 60px; margin:0;}
.site_map a{display:block; text-decoration:none;}

/* index.php */
#loadtime {font-size:9px; text-align:center;}
#extrack {width:3px; background:#FF3; margin:0 auto; height:3px; overflow:hidden;}


/* tmce.php */
.tmce {margin:15px 0 10px 0px;}

/* ajalnat.php */
.input_szep {width:400px;}
#uzenet {width:540px; height:200px;}
img.captcha {border:dotted 1px #ccc;}
input.captcha {text-align:center;}
#sendbutton {padding:6px 10px;}
#submitedform {display: none;}

/* contact.php */
.romlex-title {font-size:140%}
.directions-box-top {background:url(/images/shadow_solid.jpg) center bottom no-repeat;}
.directions-box-bottom {background:url(/images/shadow_solid_bottom.jpg) center top no-repeat;}
.tema-textfield {width:310px;}
.captcha-textfield {width:100px;}

/* packages.php */
#packages-container {float:left; width:620px;}
#boxed-cms-container {float:right; margin-right:20px; width:215px; margin-top:150px; text-align:center;}
#boxed-cms-text {text-align:center; font-size:14px;}
.boxed-cms-highlight {color:#ff5401; font-size:14px; line-height:200%; font-weight: bold;}
#single-package-container {margin:0 20px;}
#single-package-description {float:left;}
#single-package-price {height:100px;}
.single-package-button {text-decoration:none;}
.further-packages {font-size:14px; color:#666666; margin:0; padding:0;}

/* portfolio.php */
#portfolio-container {width:900px; margin:0 auto;}

/* start.php */
#portfolio-top-shadow {background:url(/images/shadow_box_top_big.jpg) center bottom no-repeat;}
#portfolio-bottom-shadow {background:url(/images/shadow_box_bottom_big.jpg) center top no-repeat;}
#gallery_container {width:600px; height:200px;}
#services-top-border {line-height:10px; background:url(/images/szolg_box/top.gif) center bottom no-repeat;}
#services-bottom-border {line-height:10px; background:url(/images/szolg_box/bottom.gif) center top no-repeat;}
#partners-top-shadow {line-height:4px; background:url(/images/shadow_box_top_big.jpg) center bottom no-repeat;}
#partners-bottom-shadow {line-height:5px; background:url(/images/shadow_box_bottom_big.jpg) center top no-repeat;}

/* Newsletter */

#hirlevel { padding: 30px 50px; 25px 50px; border: 2px solid #659415; border-radius: 8px; background: #e5e5e5; color: #444; text-align: center; overflow: hidden; }
#hirlevel p { margin: 0; }
#hirlevel form { margin-top: 0px !important; }
#hirlevel form label[for="code"] { margin-right: 5px; }

#hirlevel input.button,
#hirlevel a {
display: block; 
width:70px;
height:22px;
margin-top: 20px;
float: left;
background:url(../images/inp_button_newsletter.png) no-repeat top;
color:#000;
font-size:12px;
border:0;
}

#hirlevel a { height: 19px; padding-top: 3px; text-decoration: none; float: right; }

@-moz-document url-prefix() {
    #hirlevel input.button { padding-bottom: 3px; }
}
