/*
$ http://www.bifusion.hu $
$ style/style.css | 2008/12/03 08:03 | 2009/09/24 14:15 $
*/


/* GENERAL
------------------------------------------------------------------------------------------- */
html, body { margin: 0; padding: 0px 0 0 0; color: #555555; font: normal 12px arial; background-color: #6e5f48; }
img { border: none; }
div#container { width: 980px; height: 590px; margin: 30px auto 0 auto; padding: 0; position: relative; background: url(bg.jpg) no-repeat 0 0; }


/* CONTENT
------------------------------------------------------------------------------------------- */
div#container div#content { width: 909px; height: 490px; margin: 0; padding: 27px 80px 0 55px; background: url(bg_base.png) no-repeat 55px 23px; }
div#container div#contentInner { position: relative; width: 780px; height: 320px; margin: 0; padding: 10px 0 0 20px; color: #6e5f48; font-size: 11px; z-index: 10; overflow: visible; }
div#container div#contentInner p { width: 500px; margin: 0; padding: 3px 0 2px 25px; font: normal normal 12px/14px arial; text-align: justify; position: relative; }
div#container div#contentInner p.head { margin: 0; padding: 0; position: absolute; top: 17px; left: 25px;}
div#container div#contentInner a { color: #6e5f48; text-decoration: none; }
div#container div#contentInner a:hover { font-weight: bold; }
div#container div#contentInner ul { float: left; width: 220px; height: 310px; margin: 0; padding: 5px 0 0 0; list-style-type: none; font: normal 11px arial; overflow: hidden; }
div#container div#contentInner ul li { float: left; width: 200px; margin: 0; padding: 2px 0; list-style-type: none; }
div#container div#contentInner div.boxText { float: left; width: 210px; height: 350px; margin: 0; padding: 0 0 0 7px; overflow: hidden; }
div#container div#contentInner div.boxText table { float: left; width: 330px !important; border: none; font: normal normal 11px/13px arial; }
div#container div#contentInner div.boxText p { margin: 0; padding: 20px 0 0 0; font: normal normal 11px/13px verdana; }
div#container div#contentInner div.boxText p.head { margin: 0; padding: 0; position: absolute; top: 17px; left: 25px;}
div#container div#contentInner div.boxText { float: left; width: 585px; height: 350px; overflow: hidden; }
div#container div#contentInner div.boxText a:hover { font-weight: normal; text-decoration: underline; }

div#container div#contentInner div.boxTextFull { margin: 0; padding: 0; }
div#container div#contentInner div.boxTextFull p { float: left; width: 585px; margin: 0; padding: 36px 0 0 25px !important; font: normal normal 11px/18px arial; text-align: justify; }
div#container div#contentInner div.boxTextFull p.head { margin: 0; padding: 0; position: absolute; top: 7px; left: 20px !important;}
div#container div#contentInner div.boxTextFull p a { margin: 0 !important; padding: 0 !important; position: relative; left: 0px; top: 0px; }
div#container div#contentInner div.boxTextFull table { clear: left; margin: 0 !important; padding: 0 !important; border-collapse: collapse; }
div#container div#contentInner div.boxTextFull table tbody { margin: 0 !important; padding: 0 !important; }
div#container div#contentInner div.boxTextFull table tr { margin: 0; padding: 0 0 0 10px; }
div#container div#contentInner div.boxTextFull table td { margin: 0; padding: 0; }
div#container div#contentInner div.boxTextFull table img { position: relative; top: 0; left: 10px; }
div#container div#contentInner div.boxTextFull img { position: absolute; top: 9px; left: 5px; }
div#container div#contentInner div.boxTextFull div.gallery { position: absolute; top: 195px; left: 0px; }

div#container div#contentInner form { position: absolute; top: 52px; left: 340px; }
div#container div#contentInner form p { width: 282px; margin: 0; padding: 2px 0; overflow: hidden; }
div#container div#contentInner form label { display: block; float: left; width: 100px; height: 16px; padding: 0 5px 0 0; color: #7b684b; text-align: right; font-size: 12px; }
div#container div#contentInner form span.inputbox { float: left; width: 171px; height: 16px; background-color: #f4eee3; }
div#container div#contentInner form span.inputbox input { float: right; width: 165px; height: 15px; padding: 1px 3px 0 3px; color: #564319; background: none; border: none; font: normal 10px arial;}
div#container div#contentInner form span.textarea { float: left; width: 171px; height: 79px; background-color: #f4eee3; }
div#container div#contentInner form span.textarea textarea { float: right; width: 165px; height: 77px; padding: 1px 3px; color: #564319; background: none; border: none; font: normal 10px arial; }
div#container div#contentInner form input.btnSubmit { float: right; width: 85px; height: 31px; padding: 0 0 0px 12px; color: #bdb3a5; background: url(btnSubmitNew.jpg) no-repeat 0 0; border: none; font: normal normal 10px/12px verdana; cursor: pointer; text-align: left; }
/*div#container div#contentInner form span.inputbox { float: right; width: 171px; height: 16px; background: url(inputbox.jpg) no-repeat right top; }*/
/*div#container div#contentInner form span.textarea { float: right; width: 171px; height: 79px; background: url(textarea.jpg) no-repeat right bottom; }*/
/*div#container div#contentInner form input.btnSubmit { float: right; width: 95px; height: 16px; padding: 0 0 2px 0; color: #f4eee3; background: url(btnSubmit.jpg) no-repeat 0 0; border: none; font: normal 10px verdana; cursor: pointer; }*/
div#container div#contentInner form input.btnSubmit:hover { color: #7b684b; }
div#container div#containerMenu { float: left; height: 27px; margin: 0; padding: 0 0 0 67px; position: absolute; top: 350px; left: 0; list-style-type: none; z-index: 100; }
div#container ul#menu { float: left; height: 27px; margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 100; }
div#container ul#menu li { float: left; width: auto !important; width: 20px; padding: 0 5px 0 0; position: relative; }
div#container ul#menu li:hover ul { display: block; margin: 0; padding: 5px 0; position: absolute; top: 25px; left: 0px; background-color: #fff; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
div#container ul#menu li.hover ul { display: block; margin: 0; padding: 5px 0; position: absolute; top: 25px; left: 0px; background-color: #fff; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
div#container ul#menu li ul { display: none; }
div#container ul#menu li ul li { float: none; margin: 0; padding: 0; list-style-type: none; }
div#container ul#menu li ul li a { display: block; width: 153px; height: 15px; margin: 0; padding: 4px 0 0 11px; color: #75684f; font: normal normal 10px/12px arial; text-decoration: none; overflow: hidden; }
div#container ul#menu li ul li a:hover { color: #fff; background-color: #75684f; overflow: hidden; }
div#container ul#menu li a { display: block; position: relative; width: auto; height: 25px; text-decoration: none; overflow: hidden; z-index: 10; }
div#container ul#menu li a:hover img { position: relative; top: -25px; z-index: 5; }
div#container div.gallery { clear: left; width: 859px; height: 101px; margin: 0; padding: 0 0 0 50px; position: absolute; top: 378px; left: 0; overflow: hidden; }
div#container div.gallery img.anim { height: 105px; position: absolute; top: 0px; left: 55px; }
div#container div.gallery div.galleryNav { float: left; width: 50px; height: 76px; padding: 30px 0 0 5px; text-align: center; z-index: 10; }
div#container div.gallery div#maskLeft2 { position: absolute; top: 21px; left: 60px; width: 60px; height: 105px; background: url(gallery_mask_left.png) no-repeat 0 0; z-index: 20; }
div#container div.gallery div#maskLeft { position: absolute; top: 0; left: -10px; width: 60px; height: 103px; background: url(gallery_mask_left.png) no-repeat 0 0; z-index: 2; }
div#container div.gallery div#maskRight { position: absolute; top: 0; right: -10px; width: 60px; height: 103px; background: url(gallery_mask_right.png) no-repeat 0 0; z-index: 2; }
div#container div.gallery div.galleryContent { float: left; display: block; width: 740px; position: relative; overflow: hidden !important; z-index: 10; }
div#container div.gallery div.galleryContent table.galleryContentInner { position: relative; top: 0px; left: 0px; z-index: 1; }
div#container div.gallery div.galleryContent table.galleryContentInner td { font-size: 9px; text-align: center; padding: 0; }
div#container div#contentInner div.gallery { clear: left; height: 170px; margin: 0; padding: 10px 0 0 0; position: absolute; top: 110px; left: 2px; overflow: hidden; }
div#container div#contentInner div.gallery div.galleryNav { float: left; width: 52px; padding: 52px 0 0 0; text-align: center; z-index: 10; }
div#container div#contentInner div.gallery div.galleryNav a.right { display: block; width: 52px; height: 49px; background: url(right_arrow.png) no-repeat 0 0; }
div#container div#contentInner div.gallery div.galleryNav a.left { display: block; width: 52px; height: 49px; background: url(left_arrow.png) no-repeat 0 0; }
div#container div#contentInner div.gallery div.galleryNav a.left:hover { background: url(left_arrow.png) no-repeat 0 -49px; }
div#container div#contentInner div.gallery div.galleryNav a.right:hover { background: url(right_arrow.png) no-repeat 0 -49px; }
div#container div#contentInner div.gallery div.galleryContent { float: left; display: block; width: 580px; position: relative; overflow: hidden !important; z-index: 10; }
div#container div#contentInner div.gallery div.galleryContent table.galleryContentInner { height: 150px; position: relative; top: 0px; left: 0px; z-index: 1; border-collapse: separate; border-spacing: 20px; empty-cells: hide; }
/*div#container div#contentInner div.gallery div.galleryContent table.galleryContentInner td img { border: 1px solid #cdc3aa; }*/
div#container div#contentInner div.gallery img.anim { position: absolute; top: 3px; left: 55px; }
a#arrowLeft { display: block; width: 36px; height: 38px; background: url(left_arrow.jpg) no-repeat 0 0; text-decoration: none; }
a#arrowRight { display: block; width: 44px; height: 38px; background: url(right_arrow.jpg) no-repeat 0 0; text-decoration: none; }
a#arrowLeft:hover { background: url(left_arrow_hover.jpg) no-repeat 0 0; }
a#arrowRight:hover { background: url(right_arrow_hover.jpg) no-repeat 0 0; }


/* FOOTER
------------------------------------------------------------------------------------------- */
div#container div#footer { width: 980px; height: 100px; position: absolute; top: 490px; left: 0; }
div#container div#footer img { border: none; }
div#container div#footer ul#navLeft { margin: 0; padding: 0 0 0 55px; list-style-type: none; }
div#container div#footer ul#navLeft li { float: left; height: 15px; margin: 0; padding: 0; border-right: 1px solid #b9ac96; }
div#container div#footer ul#navLeft li.last { border: none; }
div#container div#footer ul#navRight { float: right; margin: 0; padding: 0 112px 0 0; list-style-type: none; }
div#container div#footer ul#navRight li { float: left; height: 15px; margin: 0; padding: 0; border-right: 1px solid #b9ac96; }
div#container div#footer ul#navRight li.last { border: none; }
div#container div#footer div#copyright { clear: right;  height: 15px; margin: 0; padding: 35px 90px 0 0; font-size: 10px; color: #ac9e88; text-align: right; }
div#container div#footer ul#language { clear: left; float: left; width: 170px; height: 15px; margin: 0; padding: 33px 0 0 26px; list-style-type: none; font-size: 12px; overflow: hidden; }
div#container div#footer ul#language li { float: left; padding: 0 5px; border-right: 1px solid #534836; }
div#container div#footer ul#language li.last { border: none; }
div#container div#footer ul#language li a { color: #ac9e88; text-decoration: none; }
div#container div#footer ul#language li a:hover { color: #fff; }


/* IE6 hack */
a, img, div { behavior: url(/style/iepngfix.htc); }