body {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#CCCCCC; background-color:#000000; background:url(images/bg_noise.jpg); padding:0px; margin:0px;}

a {text-decoration:none; outline:none;}

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:lighter; color:#7bc8e4; padding:0px; margin:0px;}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; color:#7bc8e4; padding:0px; margin:0px;}
h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter; color:#7bc8e4; padding:0px; margin:0px;}
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter; color:#cccccc; padding:0px; margin:0px; margin-bottom:12px;}

/* ID */
#bg_texture {width:100%; margin:auto; background:url(images/bg_texture_top.jpg) no-repeat top center;}

#wrap {width:1000px; height:auto; margin:auto;}

#header {width:930px; height:80px; margin:auto; clear:both;}

#logo {width:138px; height:29px; float:left; display:block; margin-top:30px; padding-left:15px;}
#slogen {width:325px; height:32px; float:left; margin:29px 0 0 224px; padding-right:15px;}
#kereso {float:right; width:132px; height:30px; margin:30px 15px 0 0;}
#kereses_btn {float:right; width:32px; height:28px; background:none; border:none; cursor:pointer; margin-left:98px;}

#menu {width:850px; height:42px; margin:auto; background:url(images/menu_bg.png) no-repeat; clear:both; padding:30px 40px 0 40px;}
#menu ul {margin:0px; padding:0px; list-style:none; list-style-image:none; list-style-type:none; float:left;}
#menu ul li {float:left; display:block; text-indent:-9999px; padding:0; margin:0; margin-right:40px;}
#menu ul li a {background:url(images/menu.png) no-repeat 0 0; height: 17px; display:block;}
/* menu btn */
#menu ul .btn1 {width:56px; height:17px; background:url(images/menu.png) no-repeat 0 -19px; display:block;}
#menu ul .btn1 a {background-position:0 0;}
#menu ul .btn1 a:hover {background-position:0 -38px;}
#menu ul .btn2 {width:132px; height:17px; background:url(images/menu.png) no-repeat -86px -19px; display:block;}
#menu ul .btn2 a {background-position:-86px 0;}
#menu ul .btn2 a:hover {background-position:-86px -38px;}
#menu ul .btn3 {width:145px; height:17px; background:url(images/menu.png) no-repeat -250px -19px; display:block;}
#menu ul .btn3 a {background-position:-250px 0;}
#menu ul .btn3 a:hover {background-position:-250px -38px;}
#menu ul .btn4 {width:83px; height:17px; background:url(images/menu.png) no-repeat -427px -19px; display:block;}
#menu ul .btn4 a {background-position:-427px 0;}
#menu ul .btn4 a:hover {background-position:-427px -38px;}
#menu ul .btn5 {width:61px; height:17px; background:url(images/menu.png) no-repeat -540px -19px; display:block;}
#menu ul .btn5 a {background-position:-540px 0;}
#menu ul .btn5 a:hover {background-position:-540px -38px;}
#menu ul .btn6 {width:71px; height:17px; background:url(images/menu.png) no-repeat -629px -19px; display:block;}
#menu ul .btn6 a {background-position:-629px 0;}
#menu ul .btn6 a:hover {background-position:-629px -38px;}

#content {width:850px; height:auto; margin:auto; background:url(images/content_bg.png) repeat-y; padding:20px 40px 20px 40px; line-height:20px; min-height:400px;}
#leftpanel {float:left; width:560px;}
#rightpanel {float:right; width:230px; padding:0 0 0 30px; border-left:solid 1px #333; min-height:590px;}

#textarea a {color:#7bc8e4;}
#textarea a:hover {color:#FFFFFF;}

#welcome_block {width:100%; height:233px; clear:both; margin-bottom:22px;}

#welcome_picture {width:449px; height:221px; float:left;}
#welcome_picture a {width:449px; height:221px; float:left; background:url(images/stones.jpg) no-repeat; display:block; text-indent:-9999px; border:solid 6px #393939;}
#welcome_picture a:hover {background:url(images/stones_h.jpg) no-repeat;}

#welcome_text {width:369px; height:233px; float:right;}
#focus {width:849px; height:172px; background:url(images/focus-block-bg.png) no-repeat; margin:auto; margin-bottom:20px; font-size:11px;}
#focus:hover {background:url(images/focus-block-bg_hover.png) no-repeat; box-shadow: 0px 0px 2px #000; -webkit-box-shadow: 0px 0px 2px #000; -moz-box-shadow: 0px 0px 2px #000;}
#focus p {margin-top:12px;}
#akcio, #seo {width:384px; float:left; padding:16px 20px 20px 20px;}
#content_end {width:930px; height:14px; margin:auto; background:url(images/content_end.png) no-repeat; clear:both;}
#rightside {width:570px; float:right;}
#leftside {width:260px; float:left;}
#footer {width:100%; height:190px; background:url(images/footer_bg.png) repeat-x; clear:both; margin-top:8px; text-align:center; padding-top:26px;}
#footer_block_1 {width:930px; margin:auto;}
#footer_block_2 {width:900px; margin:auto; margin-top:26px;}
#foot_beonline {height:20px; line-height:20px; float:left; font-style:italic;}
#foot_nextserver {height:20px; line-height:20px; float:right; font-style:italic;}
#foot_nextserver a {color:#CCC;}
#tab-referencia {width:347px; height:47px; position:relative; top:2px; margin-left:14px;}

#bottom_logos {width:877px; height:34px; margin:auto; margin-top:38px;}

#ajanlatkeres {width:268px; height:164px; background:url(images/ajanlatkeres_bg.png) no-repeat; padding:18px; float:left; }

#form {width:545px; float:right; margin-top:3px;}

/* CLASS */
.ie6_detect {width:100%; height:120px; background:#f4f4f4; border-bottom:solid 4px #7bc8e4;}
.ie6_detect a {text-indent:-9999em; background:url(images/ie6_detect_bg.jpg) no-repeat center; width:1000px; height:118px; margin:auto; display:block;}

.clear {width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}

.dotted {width:100%; height:1px; line-height:1px; font-size:1px; background:url(images/dotted.png) repeat-x; margin:10px 0 22px 0;}

.frame {border:solid 6px #393939;}

.welcome_block_textfield {width:345px; height:84px; background:url(images/welcome_text_bg.png) no-repeat; display:block; padding:12px;}
.welcome_block_textfield img {margin-bottom:8px;}
.welcome_block_textfield:hover {background:url(images/welcome_text_bg_h.png) no-repeat;}
.welcome_block_textfield a {color:#CCC;}
.welcome_block_textfield a:hover {color:#7bc8e4;}

.footer_dotted {width:900px; height:1px; line-height:1px; font-size:1px; background:url(images/dotted.png) repeat-x; margin:auto; margin-top:12px; margin-bottom:12px;}

.sitemap_ul {padding-left:6px; margin-left:6px; list-style:none; list-style-type:none; list-style-image:url(images/arrow.png); line-height:24px;}

.aprobetu {font-size:10px; font-family:Verdana, Geneva, sans-serif; line-height:12px; color:#7a7a7a;}

.contact_icon1 {height:115px; float:left; display:block;}
.contact_icon2 {height:115px; float:left; display:block; text-align:center;}
.contact_icon3 {width:289px; float:right; display:block;}

.work_web {background:url(images/referencia_bg.png) no-repeat; width:820px; height:170px; padding:15px 14px 0 15px;}
.work_web img, .work_dtp img {margin-right:22px;}
.work_dtp {background:url(images/referencia_bg_dtp.png) no-repeat; width:820px; height:170px; padding:15px 14px 0 15px;}

/* link colors */
.bluelink {color:#7bc8e4;}
.bluelink a {color:#7bc8e4;}
.bluelink a:hover {color:#FFF;}

/* form */
.input_bg {background:url(images/textfield_bg.png) no-repeat; width:207px; height:38px; margin-bottom:10px;}

.textarea_bg {background:url(images/textarea_bg.png) no-repeat; width:285px; height:135px; padding-left:6px;}

.input {width:194px; height:28px; line-height:34px; border:none; border-style:none; padding:4px 5px 0 8px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-style:italic; color:#999999; text-align:left; outline:none; background:transparent none repeat scroll 0 0;}

.textarea {width:275px; height:130px; border:none; border-style:none; padding:5px 5px 0 5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-style:italic; color:#999999; text-align:left; overflow:hidden; overflow-y:auto; resize:none; outline:none; background:transparent none repeat scroll 0 0;}

.btn {width:54px; height:22px; display:block; float:right; background:transparent none repeat scroll 0 0; margin-top:6px; cursor:pointer; border:none; border-style:none; background:url(images/elkuld_btn.png) no-repeat;}

span.checkbox {width: 26px; height: 26px; padding: 0 8px 0 0; background: url(images/check_bg.png) no-repeat; display: block; clear: left; float: left; cursor:pointer;}

/* living form */
*:focus {outline: none;}

.input-wrapper
{
width:131px;
height:29px;
background:url(../images/search_field_bg.png) no-repeat);
}

.input-mask
{
background:url(../images/input-mask.png) no-repeat;
width:131px;
height:29px;
}

.living-input
{
padding:7px 5px 5px 10px;
width:88px;
background:none;
border:none;
color:#666;
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
float:left;
}

.button
{
background:url(../images/button-png.png);
border:0;
width:85px;
height:25px;
float:right;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-right:10px;
margin-top:20px;
}
