/* reset by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0;	border: 0; outline: 0;
}

body { background-color: #f0f0f0; }

#main { position: relative; width: 1000px; min-height: 500px; margin: 0 auto; padding-bottom: 30px; background: url('/imgs/bg_main-header.jpg') no-repeat -100px -486px; }
#subpage_header { position: relative; height: 85px; z-index: 9; }
#subpage-logo { position: absolute; display: block; top: 220px; left: 793px; }
#nav_main { position: absolute; left: 795px; top: 33px; z-index: 10; }
#nav_main { display: block; margin: 0; padding: 0; list-style-type: none; }
#nav_main li { display: block; margin: 0 0 11px; padding: 0 0 0 16px; height: 20px; vertical-align: middle; font: 20px/20px 'Open Sans Condensed'; text-transform: uppercase; color: #008aaa; -webkit-text-shadow: 1px 1px 0 #90e3f6; -moz-text-shadow: 1px 1px 0 #90e3f6; -ms-text-shadow: 1px 1px 0 #90e3f6; -o-text-shadow: 1px 1px 0 #90e3f6; text-shadow: 1px 1px 0 #90e3f6; }
#nav_main li a { color: inherit; text-decoration: none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -ms-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
#nav_main li a:hover, #nav_main li.actual { color: white; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none; }
#nav_main li.actual { padding-left: 14px; border-left: 2px solid #af1b68; }
.munkaink #nav_main li.actual, .refpage #nav_main li.actual { border-color: #3370bf; }
.szolgaltatasaink #nav_main li.actual { border-color: #b7f4b7; }
.kapcsolat #nav_main li.actual { border-color: #f66262; }

#cntnt { width: 740px; padding: 30px 20px; color: #444; text-align: justify; font: 13px/21px Arial, sans-serif; vertical-align: bottom; }
.munkaink #cntnt { width: 756px; }
.refpage #cntnt { font-size: 13px; line-height: 18px; }
#cntnt h1 { margin: 0 0 10px; font: 400 70px 'Cabin Sketch'; color: #44b1cf; text-transform: lowercase; letter-spacing: -0.05em; text-align: left; }
#cntnt h1 { margin: 0 0 10px; font: 400 70px 'Times New Roman'; color: #44b1cf; text-transform: lowercase; letter-spacing: -0.02em; text-align: left; }
.mainpage #cntnt h1 { color: #af1b68; }
#cntnt h2 { margin: 18px 0; font: 24px/24px 'Droid Sans'; color: #888; }
#cntnt h3 { margin: 2px 0 6px; padding: 0 0 3px 12px; float: left; font: 22px/22px 'Open Sans Condensed'; text-transform: uppercase; color: #888; width: 175px; border-left: 2px solid #af1b68; text-align: left; }
.munkaink #cntnt h3 { border-color: #3370bf; }
#cntnt h3 p { margin: 0; }
.szolgaltatasaink #cntnt h3 { border-color: #b7f4b7; }
.kapcsolat #cntnt h3 { border-color: #f66262; }
#cntnt p { margin: 0 0 18px; }
.kapcsolat #cntnt p { width: 320px; float: left; }
#cntnt a { color: #44b1cf; text-decoration: none; }
#cntnt a:hover { border-bottom: 1px dotted; }
#cntnt ul { margin: 0 0 18px; padding: 0; list-style-type: none; }
#cntnt ul li { margin: 0; padding: 0 0 3px 20px; background: url('/imgs/ul-bullet.png') no-repeat 4px 4px; }

.ref-tmb { display: block; float: left; width: 188px; height: 188px; margin: 0 1px 1px 0; background: url('/imgs/ref-tmb_gibber.jpg') no-repeat 0 0; }
#cntnt .ref-tmb { text-align: left; line-height: 16px; }
.ref-tmb .details { position: relative; width: 100%; height: 100%; background: black; background: rgba(0, 0, 0, 0.85); color: white; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
#cntnt .ref-tmb:hover { border: none; }
.ref-tmb:hover .details { opacity: 1; }
.ref-tmb .text { position: absolute; left: 6px; bottom: 18px; width: 168px; padding: 0 0 4px 6px; border-left: 2px solid #00bfea; }
.ref-tmb .details h4, #cntnt .ref-tmb .details h4 { color: #00bfea; margin-bottom: 4px; font: normal 20px/20px 'Open Sans Condensed'; text-transform: uppercase; }
.ref-tmb .details p, #cntnt .ref-tmb .details p { margin: 0; }
#cntnt .ref-tmb .details .year { text-align: right; font-size: 11px; color: #aaa; }
.ref-tmb.getpack { background-image: url('/imgs/ref-tmb_getpack.jpg'); }
.ref-tmb.gibber { background-image: url('/imgs/ref-tmb_gibber.jpg'); }
.ref-tmb.karavan { background-image: url('/imgs/ref-tmb_karavan.jpg'); }
.ref-tmb.csuszasgatlo { background-image: url('/imgs/ref-tmb_csuszasgatlo.jpg'); }
.ref-tmb.nhim { background-image: url('/imgs/ref-tmb_nhim.jpg'); }
.ref-tmb.aido { background-image: url('/imgs/ref-tmb_aido.jpg'); }
.ref-tmb.wlwash { background-image: url('/imgs/ref-tmb_wlwash.jpg'); }
.ref-tmb.bajza { background-image: url('/imgs/ref-tmb_bajza.jpg'); }
.ref-tmb.gyermekpszichodrama { background-image: url('/imgs/ref-tmb_gyermekpszichodrama.jpg'); }
.ref-tmb.treffort-kert { background-image: url('/imgs/ref-tmb_treffort-kert.jpg'); }
.ref-tmb.mogyoro-csana { background-image: url('/imgs/ref-tmb_mogyoro-csana.jpg'); }
.ref-tmb.brighter { background-image: url('/imgs/ref-tmb_brighter.jpg'); }

#cntnt .ref_description { float: right; margin-right: -15px; width: 358px; text-align: left; }
.refpage #cntnt h1 { font-size: 50px; line-height: 50px; }
.refpage #cntnt h3 { float: none; width: auto; }
.refpage #cntnt h3 a { font-size: 11px; line-height: 18px; font-family: Verdana; text-transform: none; color: #00bfeb; }
.showcase { float: left; width: 377px; }

.btn.jump-to { display: block; width: 105px; height: 34px; padding: 8px 44px 9px 17px; font: normal 14px/17px 'Droid Sans'; color: #faefc5; text-transform: uppercase; text-decoration: none; background: url('/imgs/btn_jump-to.png') no-repeat 0 0; }
.btn.jump-to:hover { background-position: 0 -51px; color: white; }

.hidden, #main .hidden { display: none; }
.clr { clear: both; float: none; }
.fl { float: left; }