@charset "utf-8";

@font-face { font-family: 'BelweBold'; src: url('../fonts/belweb-webfont.eot'); src: local("☺"), url('../fonts/belweb-webfont.woff') format('woff'), url('../fonts/belweb-webfont.ttf') format('truetype'), url('../fonts/belweb-webfont.svg#webfontL3AuTWCc') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'BelweMedium'; src: url('../fonts/belwe-lt-bt-medium-webfont.eot'); src: local("☺"), url('../fonts/belwe-lt-bt-medium-webfont.woff') format('woff'), url('../fonts/belwe-lt-bt-medium-webfont.ttf') format('truetype'), url('../fonts/belwe-lt-bt-medium-webfont.svg#webfontL3AuTWCc') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'BelweLight'; src: url('../fonts/belwel-webfont.eot'); src: local("☺"), url('../fonts/belwel-webfont.woff') format('woff'), url('../fonts/belwel-webfont.ttf') format('truetype'), url('../fonts/belwel-webfont.svg#webfonteqeU2eTW') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Empire'; src: url('../fonts/empir29-webfont.eot'); src: local("☺"), url('../fonts/empir29-webfont.woff') format('woff'), url('../fonts/empir29-webfont.ttf') format('truetype'), url('../fonts/empir29-webfont.svg#EmpireHUNormal') format('svg'); font-weight: normal; font-style: normal;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0 none; outline: 0 none; font-size: 100%; font-family: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; text-decoration: none;}

html { background: #000 url(../images/page_bg.png) 50% 0 no-repeat;}
html.fooldal { background-image: url(../images/page_bg_fooldal.png);}
body { font: normal 16px/18px Calibri,Tahoma,Helvetica,sans-serif; letter-spacing: 0; color: #460c0d; background-position: 50% 50%; background-repeat: no-repeat;}
ol, ul { list-style: none; list-style-position: outside;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}

header { display: block; width: 100%; min-height: 215px;}
p { margin-bottom: 0.5em;}

.bold { font-weight: bold;}
.hide { display: none;}
.block { display: block;}
.table { display: table;}
.float_left { float: left;}
.float_right { float: right;}
.fele { width: 50%;}
.align_right { text-align: right !important;}
.align_center { text-align: center !important;}
.align_justify { text-align: justify !important;}
.align_left { text-align: left !important;}

a.fill { width: 100%; height: 100%; display: block;}
a, a:hover, a:visited, a:active { text-decoration: none; color: #b3b3b3;}

.page { width: 990px; min-height: 780px; height: 100%; position: relative;}
.fooldal_pic { background: url(../images/fooldal_pic.jpg) 428px 390px no-repeat;}
.fooldal .colorpic { position: absolute; display: block; left: 428px; top: 390px; width: 534px; height: 150px;}
.csikok { background: url(../images/csikok.png) repeat-x; min-height: 780px;}
.center_wrap { margin: 0 auto;}
.vcsik { width: 2px; height: 100%; background: url(../images/vcsik.png); position: absolute; left: 83px; top: 0;}
.fooldal .vcsik { width: 3px; left: 127px;}
.contpad { padding: 0 25px 0 100px;}

.acd { font: bold 60px/60px Empire; color: #838489; position: absolute; display: block; left: 148px; top: 20px; letter-spacing: 5px; z-index: 50;}
.acdSub { font: bold 84px/84px BelweLight; display: block; position: absolute; left: 200px; top: 45px; color: #aaa; text-transform: uppercase; letter-spacing: 5px; z-index: 40;}
.logo { position: absolute; left: 0; top: 0; z-index: 45;}

.fooldal .acd { font: bold 100px/100px Empire; left: 222px; top: 26px;}
.fooldal .acdSub { font: bold 24px/30px BelweLight; left: 222px; top: 164px; color: #505050; letter-spacing: 28px;}
.fooldal .menu { position: absolute; left: 130px; top: 390px; display: block; width: 150px; height: 81px;}
.fooldal .menu li { height: 27px; margin-bottom: 27px; background: url(../images/bumszli.png) right 4px no-repeat; padding-left: 15px; letter-spacing: 3px;}
.fooldal .menu a { font: bold 21px/27px BelweLight; color: #b3b3b3;}

.contact { position: absolute; left: 460px; top: 577px; width: 395px; height: 25px; font: 17px/25px BelweBold; color: #7a1315;}
.contact a { color: #7a1315;}

.box { min-height: 150px; background: 0 0 repeat-x; margin-bottom: 15px; padding: 15px; position: relative;}
.box h3 { font-weight: bold; margin-bottom: 10px;}
.box img { display: block; position: absolute; right: 5px; top: 5px;}
.box.section1 { background-color: #6a6a6a; background-image: url(../images/section1_bg.png);}
.box.section2 { background-color: #4a4a4a; background-image: url(../images/section2_bg.png);}
.box.section3 { background-color: #303030; background-image: url(../images/section3_bg.png);}
.box .button { background: #555; padding: 5px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #460c0d; font-weight: bold;}
.box a, .cat a { color: #460c0d;}
.box a:hover, .cat a:hover { border-bottom: 1px dotted #460c0d;}
.cegadatok { position: absolute; left: 15px; bottom: 15px;}

.design .section1 img { top: -23px;}

.vert { display: table; -moz-transform: rotate(270deg); -moz-transform-origin: 0 0; -webkit-transform: rotate(270deg); -webkit-transform-origin: 0 0; -ms-transform: rotate(270deg); -ms-transform-origin: 0 0;}
.ie8 .vert { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); top: 0;}

nav>div { position: absolute; width: 40px; box-shadow: 0 0 5px #000;}
nav>div a { position: absolute; left: 0; height: 40px; font: normal 17px/40px BelweMedium; text-align: center; text-transform: lowercase; text-shadow: 0 1px 0 #000; color: #b3b3b3;}
nav .kapcsolat { left: 0; top: 330px; height: 112px; background: #254a9d;}
nav .kapcsolat a { width: 112px; top: 112px;}
nav .szoftver { right: 0; top: 10px; height: 82px; background: #660609;}
nav .szoftver a { width: 82px; top: 82px;}
nav .design, nav .referenciak { right: 0; top: 92px; background: #3f8e0b;}
nav .design { height: 82px;}
nav .referenciak { height: 100px;}
nav .design a { width: 82px; top: 82px;}
nav .referenciak a { width: 100px; top: 100px;}

.subpage { min-height: 458px; background: #767676 url(../images/refer_bg.png) bottom repeat-x; margin: 40px 25px 0 85px; position: relative;}

.cat { float: left; width: 200px; margin-right: 15px;}
.cat ul { display: block; padding: 10px;}
.cat li:before { content: "\22c5 \2009";}
.cat .active a { color: #fff;}
.cat .pad { padding-left: 14px;}

.refs { width: 661px; height: 444px; float: left; overflow: hidden; padding-top: 15px;}
.refs .page { width: 661px; height: 444px; overflow: hidden; float: left;}
.ref { margin: 0 40px 15px 0; float: left;}

.pagination { position: absolute; color: #b80707; cursor: pointer;}
.pagination.next { right: 7px; background: url(../images/nyil_jobbra.png) right 0 no-repeat; text-align: right;}
.pagination.prev { left: 180px; background: url(../images/nyil_balra.png) left 0 no-repeat;}
.pagination.top { width: 15px; height: 28px; top: 15px;}
.pagination.bottom { width: 44px; height: 14px; bottom: 0; padding-top: 14px; font: 12px/14px Calibri,Arial, Helvetica, sans-serif;}
.pagination.bottom.next { padding-right: 20px;}
.pagination.bottom.prev { padding-left: 20px;}