@font-face { font-family: DinCEBold; src: url(../fonts/DinCEBold.ttf); }

body { background: #0C0C0C url(../images/site-index-bg.png) repeat-x top center; margin: 0; padding: 0; font-family: "Arial",sans-serif; font-size: 12px; color: #A4A4A4; }
body.content { background: #0C0C0C url(../images/site-content-bg.png) repeat-x top center; }

h1,h2,h3,h4,h5,ul,li,p,div,form { margin: 0; padding: 0; }
div { position: relative; }
a img { border: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

h1,h2 { font-family: "DinCEBold",Arial,sans-serif; font-weight: normal; line-height: normal; }
h3,h4,h5,h6 { font-family: "Arial",sans-serif; font-weight: normal; line-height: normal; }

.tac { text-align: center; }
.fr { float: right; }
.fl { float: left; }
.uc { text-transform: uppercase; }
.lgt1 { color: #666; }
.lgt2 { color: #999; }
.lgt3 { color: #CCC; }
.txtsmall { font-size: 11px; }
.txtmid { font-size: 12px; }
.txtlarge { font-size: 14px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd25 { padding: 25px; }

a { color: #E56718; text-decoration: none; font-weight: normal; }
a:hover { color: #E56718; text-decoration: underline; }
a:active { -moz-outline-style: none; outline: none; }
a:focus { -moz-outline-style: none; outline: none; }

/**************************************/
/** STRUKTÚRA
/**************************************/
#container { width: 980px; margin: 0 auto; }

/** fejléc **/
#header { width: 980px; height: 125px; background: url(../images/header-bg.png) no-repeat bottom center; }
#header h1.logo { width: 289px; height: 109px; background: url(../images/site-logo.png) no-repeat 0 0; top: 0; left: 16px; position: absolute; font-size: 1px; text-indent: -9000px; }
#header h1.logo a { display: block; width: 100%; height: 100%; }
#infobar { position: absolute; top: 10px; right: 56px; }

/** nyelvválasztó **/
#lang { padding: 6px 11px; background: #1C1C1C; float: right; margin-left: 12px; }
#lang ul { list-style: none; }
#lang li { float: left; margin-right: 4px; text-indent: -9000px; }
#lang li:last-child { margin: 0; }
#lang input.flag, #lang li a { color: transparent; background-color: transparent; cursor: pointer; border: none; width: 16px; height: 14px; display: block; background-image: url(../images/lang-select-bg.png); background-repeat: no-repeat; }
#lang input.hu, #lang li a.hu { background-position: 0 0; }
#lang input.en, #lang li a.en { background-position: -16px 0; }
#lang input.hu:active, #lang li a.hu:active { background-position: 0 1px; }
#lang input.en:active, #lang li a.en:active { background-position: -16px 1px; }

/** címsor **/
#info { padding: 6px 7px; background: #1C1C1C; font-size: 10px; color: #666; float: right; }
#info span { padding: 2px 10px; background: url(../images/contactinfo-sep.png) no-repeat center center; text-indent: -9000px; }
#info a { color:  #666; font-weight: normal; }
#info a:hover { color: #A1A1A1; }

/** navigáció **/
#navi { width: 551px; height: 39px; position: absolute; right: 76px; bottom: 3px; background: url(../images/navi-bg.png) no-repeat top left; }
#navi.en { background: url(../images/navi-bg_en.png) no-repeat top left;}
#navi ul { list-style: none; }
#navi li { margin-right: 4px; float: left; text-indent: -9000px; }
#navi li a { display: block; background-image: url(../images/navi-bg.png); background-repeat: no-repeat; height: 39px; z-index: 101; }
#navi.en li a { display: block; background-image: url(../images/navi-bg_en.png); background-repeat: no-repeat; height: 39px; z-index: 101; }
#navi li a.n1 { background-position: 0 0; width: 104px; }
#navi li a.n2 { background-position: -108px 0; width: 48px; }
#navi li a.n3 { background-position: -160px 0; width: 66px; }
#navi li a.n4 { background-position: -230px 0; width: 91px; }
#navi li a.n5 { background-position: -325px 0; width: 71px; }
#navi li a.n6 { background-position: -400px 0; width: 79px; }
#navi li a.n7 { background-position: -483px 0; width: 64px; }
#navi li a.n1:hover { background-position: 0 -78px; width: 104px; }
#navi li a.n2:hover { background-position: -108px -78px; width: 48px; }
#navi li a.n3:hover { background-position: -160px -78px; width: 66px; }
#navi li a.n4:hover { background-position: -230px -78px; width: 91px; }
#navi li a.n5:hover { background-position: -325px -78px; width: 71px; }
#navi li a.n6:hover { background-position: -400px -78px; width: 79px; }
#navi li a.n7:hover { background-position: -483px -78px; width: 64px; }
#navi li.selected a.n1 { background-position: 0 -39px; width: 104px; }
#navi li.selected a.n2 { background-position: -108px -39px; width: 48px; }
#navi li.selected a.n3 { background-position: -160px -39px; width: 66px; }
#navi li.selected a.n4 { background-position: -230px -39px; width: 91px; }
#navi li.selected a.n5 { background-position: -325px -39px; width: 71px; }
#navi li.selected a.n6 { background-position: -400px -39px; width: 79px; }
#navi li.selected a.n7 { background-position: -483px -39px; width: 64px; }
#navi li.selected a.n1:hover { background-position: 0 -39px; width: 104px; }
#navi li.selected a.n2:hover { background-position: -108px -39px; width: 48px; }
#navi li.selected a.n3:hover { background-position: -160px -39px; width: 66px; }
#navi li.selected a.n4:hover { background-position: -230px -39px; width: 91px; }
#navi li.selected a.n5:hover { background-position: -325px -39px; width: 71px; }
#navi li.selected a.n6:hover { background-position: -400px -39px; width: 79px; }
#navi li.selected a.n7:hover { background-position: -483px -39px; width: 64px; }
#navi li ul.sub { background: #D44D02; position: absolute; top: 39px; z-index: 101; display: none; padding: 14px 12px; }
#navi li ul.sub li { margin: 0; float: none; text-indent: 0; }
#navi li ul.sub li a { width: auto; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFF; background: transparent; height: 20px; line-height: 20px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
#navi li ul.sub li a:hover { width: auto; color: #F1D9AF; }

/** főoldal scroller **/
#scroller { width: 980px; height: 308px; background: url(../images/scroller-bg.png) no-repeat 0 184px; overflow: hidden; position: relative; }
#scroller .grad-left { width: 50px; height: 308px; position: absolute; top: 0; left: 0; background: url(../images/scroller-grad-left.png) no-repeat 0 0; z-index: 80; }
#scroller .grad-right { width: 50px; height: 308px; position: absolute; top: 0; right: 0; background: url(../images/scroller-grad-right.png) no-repeat 0 0; z-index: 80; }
#scroller .items { width: 20000em; position: absolute; }
#scroller .item { float: left; width: 980px; height: 308px; }
#scroller .notebook-container { width: 530px; height: 281px; position: absolute; top: 18px; left: 28px; z-index: 50; }
#scroller .notebook-container img { width: 315px; height: 198px; margin-top: 37px; margin-left: 109px; }
#scroller .notebook-frame { width: 100%; height: 100%; background: url(../images/scroller-notebook-frame.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }
#scroller .content { position: absolute; width: 415px; top: 40px; right: 50px; z-index: 60; }
#scroller .content h1 { width: 430px; height: 50px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9000px; margin-bottom: 6px; }
#scroller .content h1.webshop { background-image: url(../images/scroller-title-webshop.png); }
#scroller .content h1.webshop_en { background-image: url(../images/en/scroller-title-webshop.png); }
#scroller .content h1.eoktato { background-image: url(../images/scroller-title-eoktato.png); }
#scroller .content h1.eoktato_en { background-image: url(../images/en/scroller-title-elearning.png); }
#scroller .content h1.egyedi { background-image: url(../images/scroller-title-egyedi.png); }
#scroller .content h1.egyedi_en { background-image: url(../images/en/scroller-title-egyedi.png); }
#scroller .content h1.hazirany { background-image: url(../images/scroller-title-hazirany.png); }
#scroller .content h1.hazirany_en { background-image: url(../images/en/scroller-title-hazirany.png); }
#scroller .content h1.rendszer { background-image: url(../images/scroller-title-rendszer.png); }
#scroller .content h1.rendszer_en { background-image: url(../images/en/scroller-title-rendszer.png); }
#scroller .content h1.robot { background-image: url(../images/electo.png); }
#scroller .content h1.robot_en { background-image: url(../images/electo.png); }
#scroller .content h1.szerver { background-image: url(../images/scroller-title-szerver.png); }
#scroller .content h1.szerver_en { background-image: url(../images/en/scroller-title-szerver.png); }
#scroller .content h1.tarhely { background-image: url(../images/scroller-title-tarhely.png); }
#scroller .content h1.tarhely_en { background-image: url(../images/en/scroller-title-tarhely.png); }
#scroller .content p { font-size: 13px; font-weight: bold; color: #666; line-height: 17px; margin-bottom: 16px; }
#scroller .content button { width: 268px; height: 48px; text-indent: -20000000px; background: transparent; border: none; background: url(../images/scroller-button-more.png) no-repeat 0 0; cursor: pointer; }
#scroller .content .button_en { width: 268px; height: 48px; text-indent: -20000000px; background: transparent; border: none; background: url(../images/en/scroller-button-more.png) no-repeat 0 0; cursor: pointer; }
#scroller .content button:active { margin-top: 1px; background-position: 0 -48px; }
#scroller .pb { width: 30px; height: 31px; display: block; background: url(../images/scroller-prev.png) no-repeat 0 0; position: absolute; left: 20px; bottom: 80px; cursor: pointer; z-index: 90; }
#scroller .pb:hover { background-position: 0 -31px; }
#scroller .pb:active { bottom: 79px; }
#scroller .nb { width: 30px; height: 31px; display: block; background: url(../images/scroller-next.png) no-repeat 0 0; position: absolute; right: 20px; bottom: 80px; cursor: pointer; z-index: 90; }
#scroller .nb:hover { background-position: 0 -31px; }
#scroller .nb:active { bottom: 79px; }
#scroller .disabled { background-position: 0 -62px; }
#scroller .disabled:hover { background-position: 0 -62px; }

/** tartalmi rész **/
#inner { margin-bottom: 40px; }
#content { width: 510px; float: left; margin: 0 40px 0 60px; }
#content h2 { font-size: 22px; margin: 40px 0; color: #666; text-transform: uppercase; }
#content p { margin-bottom: 15px; color: #949494; line-height: 19px; }
#content p.lead { color: #BBB; font-weight: bold; }
#content .sep { height: 27px; background: url(../images/content-sep.png) no-repeat 0 0; }
#content img.header { margin-bottom: 30px; }
#content-container { width: 610px; float: left; }
#content-header { width: 610px; height: 131px; margin-bottom: 25px; background: url(../images/content-header-bg.png) no-repeat bottom left; float: left; }
#content-header h1 { color: #E56718; font-size: 32px; line-height: 83px; text-indent: 60px; text-shadow: 0 2px 3px rgba(0,0,0,0.4); }
#content-header h2 { font-family: "Arial",sans-serif; font-weight: normal; color: #999; font-size: 16px; line-height: 47px; text-indent: 60px; }

/** jobb oldali hasáb **/
#right { width: 338px; float: left; }
#right .box-da { background: url(../images/box-da-bg.png) no-repeat top left; margin-bottom: 20px; }
#right .box-db { padding: 20px 26px; background: url(../images/box-db-bg.png) no-repeat bottom left; }
#right h4 { color: #E56718; text-transform: uppercase; font-size: 22px; margin-bottom: 20px; }
#right p.lead { margin-bottom: 15px; line-height: 16px; color: #BBB; font-weight: bold; }
.content-right { margin-top: 33px; }

/** navigációs doboz **/
#content-navi { list-style: none; }
#content-navi li { line-height: 35px; }
#content-navi li a { display: block; text-decoration: none; font-weight: bold; font-size: 16px; color: #FFF; padding-left: 30px; background: url(../images/content-navi-bg.png) no-repeat 8px 14px; }
#content-navi li a:hover { color: #E56718; }
#content-navi li a.selected, #content-navi li a.selected:hover { color: #999; }

/** footer projektek **/
#footer-pr { border-top: 1px solid #1E1E1E; border-bottom: 1px solid #1E1E1E; background: #000; }
#footer-pr div { width: 980px; margin: 0 auto; color: #333; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 70px; }

/** footer **/
#footer { width: 900px; margin: 0 auto; padding: 40px 0; font-size: 10px; }
#footer .copy { color: #AAA; }
#footer ul { list-style: none; position: absolute; top: 40px; right: 0; }
#footer li { margin: 0 7px; float: left; }
#footer li a { display: block; font-weight: bold; }

/** referenciák **/
.reference-hl { background: url(../images/content-sep.png) no-repeat bottom left; padding-bottom: 30px; }
.reference-hl h3 { border-left: 6px solid #D44D02; padding-left: 16px;  line-height: 24px; font-size: 16px; color: #FFF; font-weight: bold; }
.reference-hl span { position: absolute; top: 6px; right: 15px; color: #666; font-size: 11px; font-weight: bold; }
.reference-hl span a { color: #666; font-weight: bold; text-decoration: none; }
.reference-hl span a:hover { color: #CCC; text-decoration: none; }
.reference-hl img { margin: 12px 0; }
.reference-hl p { border-left: 6px solid #D44D02; padding-left: 16px; font-size: 11px; color: #A4A4A4; }
#references-header h6 { font-size: 16px; line-height: normal; margin: 8px 0 30px 0; padding: 0; color: #666; font-weight: bold; }
#references-header .pb { width: 30px; height: 31px; display: block; background: url(../images/scroller-prev.png) no-repeat 0 0; position: absolute; right: 36px; top: 0; cursor: pointer; z-index: 90; }
#references-header .pb:hover { background-position: 0 -31px; }
#references-header .pb:active { bottom: 79px; }
#references-header .nb { width: 30px; height: 31px; display: block; background: url(../images/scroller-next.png) no-repeat 0 0; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 90; }
#references-header .nb:hover { background-position: 0 -31px; }
#references-header .nb:active { bottom: 79px; }
#references-header .disabled { background-position: 0 -62px; }
#references-header .disabled:hover { background-position: 0 -62px; }
#references-scroller { width: 480px; height: 150px; overflow: hidden; position: relative; margin: 0 auto; }
#references-scroller .items { width: 20000em; position: absolute; }
#references-scroller .item { float: left; width: 150px; height: 150px; margin-right: 15px; }
#references-scroller .item span { width: 100%; display: block; text-align: center; font-size: 10px; line-height: 15px; }
#references-scroller .item span a { color: #888; }
/** form elemek **/
input,textarea,select { font-family: "Arial",sans-serif; font-size: 11px; color: #888; border: none; }

button { border: none; cursor: pointer; margin-bottom: 15px; }
button:active { margin-top: 1px; margin-bottom: 14px; }
button.submit { padding: 0; background: transparent; height: 30px; color: #111; font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.3); }
button.submit div { height: 30px; display: block; background: url(../images/button-da-bg.png) no-repeat top left; }
button.submit span { line-height: 30px; height: 30px; padding: 0 15px; display: block; background: url(../images/button-db-bg.png) no-repeat top right; }

.contact .row { margin-bottom: 10px; clear: both; }
.contact .row-button { margin-top: 15px; clear: both; }
.contact label { width: 250px; line-height: 20px; color: #666; font-weight: bold; font-size: 11px; margin: 0 0 2px 6px; }
.contact input { width: 274px; height: 15px; background: url(../images/input-text-bg.png) repeat scroll 0 0; padding: 7px 7px 6px 7px; }
.contact textarea { width: 274px; height: 106px; background: url(../images/textarea-bg.png) repeat scroll 0 0; padding: 7px 7px; }

.nolinka, .nolinka:hover {
    cursor: default;
}

.projectsimg img {
    vertical-align: middle;
    padding-left: 20px;
}