/* Author: by en d'Or fin laboratory (www.endorfinlab.com) */
@charset "utf-8";
@font-face { font-family:'Helvetica'; src:local('Helvetica'), url('../fonts/helvetica.ttf'); font-style:normal; font-weight:normal; }
@font-face { font-family:'Helvetica'; src:local('Helvetica Bold'), url('../fonts/helvetica_bold.ttf'); font-style:normal; font-weight:bold; }
@font-face { font-family:'Helvetica'; src:local('Helvetica Italic'), url('../fonts/helvetica_italic.ttf'); font-style:italic; font-weight:normal;}
@font-face { font-family:'Helvetica'; src:local('Helvetica Bold Italic'), url('../fonts/helvetica_bolditalic.ttf'); font-style:italic; font-weight:bold;}

* { margin:0px; padding:0px; }

html, body { height:100%; margin:0px; padding:0px; }
body { position:relative; left:0px; top:0px; font-family:'Helvetica', Arial, sans-serif; font-size:12px; color:#000000; background:url(../images/backgroundBody.png) repeat-x #FFFFFF; }

div#wrapper { width:800px; margin:0px auto; }
div#main { width:800px; min-height:800px; position:relative; background:url(../images/backgroundMain.png) no-repeat bottom #FFFFFF; }

h1#endorfinlab { width:165px; height:30px; position:absolute; top:-30px; left:30px; color:#FFFFFF; background:url(../images/backgroundLogo.png) repeat-x #000000; font-size:24px; font-weight:bold; letter-spacing:-1.5px; padding:30px 10px 10px 10px; }
h1#endorfinlab span { font-size:18px; font-weight:normal; letter-spacing:normal; }

div#slider { position:relative; clear:both; }
div.container { width:800px; height:460px; margin-top:30px; overflow:hidden; position:relative; cursor:pointer; background-color:#FFFFFF; }
div.slides { position:absolute; top:5px; left:0; }
div.slide { position:absolute; top:0px; width:800px; display:none; }
div.slide h1 { position:absolute; left:30px; bottom:74px; background-repeat:repeat; padding:5px 70px 0px 7px; font-size:36px; font-weight:bolder; color:#FFFFFF; letter-spacing:-0.02em;}
div.slide h1#cian { background-image:url(../images/opacityCian.png); }
div.slide h1#magenta { background-image:url(../images/opacityMagenta.png);}
div.slide h2 { position:absolute; left:30px; bottom:50px; height:16px; padding:4px 50px 4px 8px; font-size:12px; font-weight:normal; color:#FFFFFF; background-color:#000000}
ul.pagination { width:740px; height:25px; background-color:#000000; padding-left:30px; padding-right:30px; list-style:none; }
ul.pagination li  { float:right; padding:0px; margin:0px; }
ul.pagination li a { height:15px; padding:5px 9px; margin-left:5px; font-weight:normal; font-size:11px; color:#666666; background-color:#333333; text-decoration:none; display:block; }
ul.pagination li a:hover { background-color:#00FFFF; color:#FFFFFF; }
ul.pagination li.active a { background-color:#FF00FF; color:#FFFFFF; }

img#domatibor { position:absolute; bottom:0px; right:-230px; }
div#twitter { width:330px; height:300px; position:absolute; right:-450px; bottom:450px; background-image:url(../images/backgroundTwitter.png); background-repeat:no-repeat; }
div#twitter ul#twitter_update_list { position:relative; padding:80px 30px 0 30px; font-size:18px; font-weight:bold; list-style:none; }
div#twitter ul#twitter_update_list a { display:block; color:#666666; }
div#twitter ul#twitter_update_list a:hover { color:#999999; }
div#twitter a#close { width:20px; height:20px; position:absolute; top:65px; left:300px; }
div#twitter a#twitter-link { position:absolute; top:200px; left:150px; font-size:12px; }

ul.addme { width:50px; height:78px; position:absolute; right:-50px; top:30px; padding-top:36px; padding-bottom:36px; background-image:url(../images/backgroundAddme.png); background-repeat:no-repeat; }
ul.addme li { list-style:none; float:left; }
ul.addme li a { height:39px; display:block; text-decoration:none; font-size:1px; text-indent:-1000px; color:#FFFFFF; }
ul.addme li.facebook { left:0px; width:50px; }
ul.addme li.twitter { left:0px; width:50px; }
ul.addme li.facebook a { background:transparent url(../images/btnAddme.png) 0 -36px no-repeat; }
ul.addme li.twitter a { background:transparent url(../images/btnAddme.png) 0 -76px no-repeat; }
ul.addme li.facebook a:hover { background:transparent url(../images/btnAddme.png) -50px -36px no-repeat; }
ul.addme li.twitter a:hover { background:transparent url(../images/btnAddme.png) -50px -76px no-repeat; }

ul.menu { width:50px; height:265px; position:absolute; right:-50px; top:30px; padding-top:185px; background-image:url(../images/backgroundMenu.png); background-repeat:no-repeat; }
ul.menu li { margin-top:5px; list-style:none; float:left; }
ul.menu li a { height:100px; display:block; text-decoration:none; font-size:1px; text-indent:-1000px; color:#FFFFFF; }
ul.menu li.eweb { left:0px; width:50px; }
ul.menu li.elog { left:0px; width:50px; }
ul.menu li.eweb a { background:transparent url(../images/btnMenu.png) 0 -189px no-repeat; }
ul.menu li.elog a { background:transparent url(../images/btnMenu.png) 0 -295px no-repeat; }
body.eweb ul.menu li.eweb a { background:transparent url(../images/btnMenu.png) -50px -189px no-repeat; }
body.elog ul.menu li.elog a { background:transparent url(../images/btnMenu.png) -50px -295px no-repeat; }
ul.menu li.eweb a:hover { background:transparent url(../images/btnMenu.png) -100px -189px no-repeat; }
ul.menu li.elog a:hover { background:transparent url(../images/btnMenu.png) -100px -295px no-repeat; }

#scrollingsidebar { width:150px; height:90px; position:absolute; right:50%; top:0; margin:0 400px 0 0; background:url(../images/backgroundFacebook.png) no-repeat; }

p#footer { width:740px; margin:50px 30px 0 30px; padding:30px 0 30px 0px; position:relative; font-size:10px; color:#999999; text-align:center; border-top:1px dotted #CCCCCC; }

/* TOOLS */
div.clear { position:relative; float:none; clear:both; left:0px; top:0px; width:1px; height:0px; margin:0px; padding:0px; overflow:hidden; visibility:hidden; }
div.clearboth { position:relative; float:none; clear:both; left:0px; top:0px; width:1px; height:0px; margin:0px; padding:0px; overflow:hidden; visibility:hidden; }

br { margin:0; padding:0; clear:both; height:0; position:relative; top:0; left:0; }

div, object, embed, form, fieldset, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd { display:block; }
div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, img, span, form, label, input, textarea, select, fieldset, legend, object, embed, table, th, td { margin:0px; padding:0px; }
img, fieldset { border:0; }

a, span { display:inline; }
a { text-decoration:none; color:#000000; font-weight:bold; outline:none; }
a:hover { text-decoration:none; color:#666666; font-weight:bold; outline:none; }
a.rollover { display:block; overflow:hidden; font-size:1px; text-indent:-1000px; color:transparent; background-repeat:no-repeat; }
a.rollover:hover { background-repeat:no-repeat; }
::selection { background-color:#000000; color:#FFFFFF; } /* Safari és Opera */
::-moz-selection { background-color:#000000; color:#FFFFFF; } /* Firefox */

/* form */
form.form span { float:left; font-size:10px; text-align:left; display:block; }
form.form span#error { color:#FF00FF; }
form.form span#information { color:#000000; }
form.form label { margin:0 10px 0 0; padding:4px 0 0 0; float:left; text-align:right; font-size:12px; font-weight:bold; }
form.form label#captcha { margin:0 10px 0 70px; padding:0; }
form.form input, textarea { margin:0 0 10px 0; padding:2px; float:left; font-size:12px; font-family:'Helvetica', Arial, Helvetica, sans-serif; border:2px solid #000000; }
form.form input:focus, textarea:focus { border:2px #CCCCCC solid; }
form.form input#error, textarea#error { border:2px #FF00FF solid; }
form.form input#hidden { display:none }
form.form label#error { color:#FF00FF; }
form.form a.button { font-weight:bold; color:#000000; display:block;  }
form.form a:hover.button { color:#999999; }

/* MESSAGES */
div.message { border:2px solid; padding:15px 10px 15px 55px; background-repeat:no-repeat; background-position:1px center; font-size:14px; font-weight:bold; }
div#success { color:#00FFFF; background-color:#FFFFFF; background-image:url(../images/messageSuccess.png); }
div#error { color:#FF00FF; background-color:#FFFFFF; background-image:url(../images/messageError.png); }

/* PRETTY PHOTO */
div.dark_square { border:1px solid #00FFFF; }
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content { background:#000000; }
div.dark_square .currentTextHolder { color:#C4C4C4 }
div.dark_square .pp_description { color:#FFFFFF }
div.dark_square .pp_loaderIcon { background:url(../images/loader.gif) center center no-repeat }
div.dark_square .pp_expand { background:url(../images/sprite.png) -31px -26px no-repeat; cursor:pointer }
div.dark_square .pp_expand:hover { background:url(../images/sprite.png) -31px -47px no-repeat; cursor:pointer }
div.dark_square .pp_contract { background:url(../images/sprite.png) 0 -26px no-repeat; cursor:pointer }
div.dark_square .pp_contract:hover {background:url(../images/sprite.png) 0 -47px no-repeat; cursor:pointer }
div.dark_square .pp_close { width:75px; height:22px; background:url(../images/sprite.png) -1px -1px no-repeat; cursor:pointer }
div.dark_square .pp_arrow_previous { background:url(../images/sprite.png) 0 -71px no-repeat }
div.dark_square .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default }
div.dark_square .pp_arrow_next { background:url(../images/sprite.png) -22px -71px no-repeat }
div.dark_square .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default }
div.dark_square .pp_next:hover { background:url(../images/btnNext.png) center right no-repeat; cursor:pointer }
div.dark_square .pp_previous:hover { background:url(../images/btnPrevious.png) center left no-repeat; cursor:pointer }

div.pp_pic_holder a:focus { outline:none }
div.pp_overlay { background:#00FFFF; left:0; position:absolute; top:-30px; width:100%; z-index:9500 } /* -30px a #main eltolása végett miatt (endorfinlab.com)*/
div.pp_pic_holder { display:none; position:absolute; width:100px; z-index:10000 }
.pp_top { height:20px; position:relative }
* html .pp_top { padding:0 20px }
.pp_top .pp_left { height:20px; left:0; position:absolute; width:20px }
.pp_top .pp_middle { height:20px; left:20px; position:absolute; right:20px }
* html .pp_top .pp_middle { left:0; position:static }
.pp_top .pp_right { height:20px; left:auto; position:absolute; right:0; top:0; width:20px }
.pp_content { height:40px; position:relative; text-align:left; width:100% }
.pp_content .pp_details { display:none; margin:10px 15px 2px 20px }
.pp_description { display:none; float:left; margin:0 }
.pp_nav { float:left; margin:3px 0 0 0 }
.pp_nav p { float:left; margin:2px 4px }
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next { display:block; float:left; height:15px; margin-top:3px; overflow:hidden; text-indent:-10000px; width:14px }
.pp_hoverContainer { left:0; position:absolute; top:0; width:100%; z-index:2000 }
a.pp_next { background:url(../images/btnNext.png) 10000px 10000px no-repeat; display:block; float:right; height:100%; text-indent:-10000px; width:49% }
a.pp_previous { background:url(../images/btnNext.png) 10000px 10000px no-repeat; display:block; float:left; height:100%; text-indent:-10000px; width:49% }
a.pp_expand,a.pp_contract { cursor:pointer; display:none; height:20px; position:absolute; right:30px; text-indent:-10000px; top:10px; width:20px; z-index:20000 }
a.pp_close { display:block; float:right; text-indent:-10000px }
.pp_bottom { height:20px; position:relative }
* html .pp_bottom { padding:0 20px }
.pp_bottom .pp_left { height:20px; left:0; position:absolute; width:20px }
.pp_bottom .pp_middle { height:20px; left:20px; position:absolute; right:20px }
* html .pp_bottom .pp_middle { left:0; position:static }
.pp_bottom .pp_right { height:20px; left:auto; position:absolute; right:0; top:0; width:20px }
.pp_loaderIcon { display:none; height:24px; left:50%; margin:-12px 0 0 -12px; position:absolute; top:50%; width:24px }
#pp_full_res { display:none; line-height:1 !important; margin:0 auto; text-align:center; width:100% }
div.ppt { color:#FFFFFF; display:none; font-size:17px; left:0; position:absolute; top:0; z-index:9999 }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block }