/*-----------------------------------Biromax main CSS stylesheet -------------------------------------*/
/*** CSS Reset Stylesheet import ***/
@import url(reset.css);

/*** Global styling ***/
body { font:62.5%/1 Arial,sans-serif; color:#333; background:#dedede url(../images/bg-body.png) repeat-x 0 0; }

/*** Container ***/
#container { position:relative; width:957px; margin:0 auto; font-size:1.2em; padding-top: 30px; background: url(../images/normal-bg.jpg) no-repeat 0 0; }
#branding-logo { display:block; width:157px; height:33px; margin-left:4px; text-indent:-9999px; overflow:hidden; background:url(../images/logo.png) no-repeat; }
 
/*** Main & supplementary navigation ***/
#nav-main { position:absolute; left:4px; top:82px; z-index:1; float:left; }
#nav-main li { float:left; }
#nav-main li a { display:block; color:#010000; font-weight:bold; font-size:1.083em; text-decoration:none; line-height:30px; padding:0 30px 0 7px; background:url(../images/bg-nav-main.png) no-repeat 100% 0; }
#nav-main li a:hover,#nav-main .active a { background-color:#f89921; color:#fff; }
#nav-supp { position:absolute; right:0; top:24px; }
#nav-supp li { float:left; background:url(../images/bg-nav-supp.png) no-repeat 0 center; height:17px; padding:0 8px; }
#nav-supp li a { display:block; line-height:17px; padding:0 4px; color:#050708; font-weight:bold; font-size:.917em; text-decoration:none; }
#nav-supp li a:hover,#nav-supp .active a { background:#d7d7d7; }
#nav-supp .first { padding-left:0; background:none; }
#nav-supp .last { padding-right:0; }

/*** Search ***/
#search { position:absolute; top:87px; right:15px; width:288px; float:left; font-size:.917em; }
#search legend span { position:absolute; left:-9999px; top:-9999px; }
#search label { float:left; line-height:21px; color:#999; font-weight:bold; margin:0 7px 0 15px; display:inline; cursor:pointer; }
#search div { position:relative; float:left; width:219px; height:21px; background:#f1f0f0 url(../images/bg-search.png) no-repeat; }
#search button { position:absolute; right:0; top:0; width:26px; height:20px; text-indent:-9999px; overflow:hidden; cursor:pointer; background:none; }
#search input { position:absolute; left:8px; top:1px; width:180px; height:16px; padding-top:3px; background:none; }

/*** Content ***/
/*** 1. Repeatable declarations ***/
#content { clear:left; margin-top:19px; background:#fff url(../images/bg-content-repeat.png) repeat-y; }
#content .inner { min-height:0; height:auto !important; height:1%; margin-top:8px; padding-top:31px; background:url(../images/bg-content-top.png) no-repeat 0 0; }
#content .inner:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#content-main { float:right; width:746px; margin-left:-7px; position:relative; z-index:1; background:url(../images/bg-content-main-shadow.png) no-repeat 0 0; }
#content-main .inner { min-height:360px; height:auto !important; height:360px; background:#fff url(../images/bg-content-main-repeat.png) repeat-x; margin:0 4px 30px 7px; padding-top:34px; padding-left:18px; }
#content-main .inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.about #content-main .inner { padding-top:440px; }
.home-page #content-main,.sans-content-supp #content-main { float:none; width:auto; min-height:0; height:auto; margin-left:0; background:none; }
.home-page #content-main .inner { min-height:0; height:auto!important; height:1%; position:relative; background:#000; margin:0 4px; padding-top:360px; }
.home-page #content-main { margin-top:-1px; }
.sans-content-supp #content-main .inner { margin:0 4px 0; }
#content h1 { font-size:1.833em; font-weight:bold; text-transform:uppercase; margin-bottom:30px; }
#content.product-page h1 { margin-top:-14px; margin-bottom:0; padding-left:145px; margin-bottom:15px; text-transform:none; }
#content.tibhar h1 { background:url(../images/tibhar-logo.png) no-repeat 0 0; padding-top:26px; }
#content.about h1 { background:none; padding:0 0 6px 11px; text-transform:uppercase; border-bottom:1px solid #e2e2e2; }

/*** Editable content (via FCKeditor) ***/
.edit { background:none; margin:0 39px 0 0; padding:0; }
.edit p { margin-bottom:18px; overflow:hidden; line-height:1.5; }
.edit strong { font-weight:bold; }
.edit em { font-style:italic; }
.edit .about-image { float:right; margin-left:15px; }

/*** Slideshow ***/
#slideshow .alt { display:none; }
.product-page #slideshow { position:absolute; left:7px; top:0; }
.home-page #slideshow { position:absolute; left:0; top:0; }

/*** Pagination ***/
#pagination { float:right; margin:14px 21px 0 0; display:inline; }
#pagination li { float:left; }
#pagination * { display:block; color:#000; font-weight:bold; padding:3px 6px; }
#pagination a { margin:-3px -6px; _width:1%; }
#pagination .active a,#pagination a:hover { color:#fff; background:#f93; text-decoration:none; }
#pagination .control { padding:0; margin:0 6px; }
#pagination .control a,#pagination .control a:hover { background:#ddd url(../images/pagination-buttons.png) no-repeat 0 0; width:17px; height:17px; text-indent:-9999px; overflow:hidden; padding:0; margin:0; }
#pagination .next-page a,#pagination .next-page a:hover { background-position:-17px 0; }
#pagination .disabled a { opacity:.5; }

/*** Supplementary content ***/
#content-supp { width:214px; float:right; padding-top:11px!important; }
#nav-section { overflow:hidden; margin-bottom:13px; }
#nav-section li { padding-top:1px; cursor:pointer; }
#nav-section li a { background:url(../images/arrow-01.png) no-repeat 9px center; padding-left:21px; display:block; width:193px; color:#333; text-transform:uppercase; text-decoration:none; font-weight:bold; line-height:23px; border-bottom:1px solid #e2e2e2; }
#nav-section li a:hover,#nav-section .active a { background-color:#d7d7d7; }
#branding-contact { margin-left:13px; padding:16px; width:150px; height:92px; background:#f5f5f6 url(../images/bg-branding-contact.png) no-repeat 0 0; overflow:hidden; }
#branding-contact dt { float:left; margin-right:8px; margin-bottom:6px; font-weight:bold; clear:left; }
#branding-contact #company-name { width:100%; margin-right:0; clear:none; }
#branding-contact dd { float:left; margin-bottom:6px; width:80px; }
#branding-contact #company-address { line-height:1.4; width:100%; }

/*** 2. Page-specific declarations ***/
/*** Home page list (naslovnica) ***/
.home-page ul { width:915px; height:174px; margin:0 0 10px; overflow:hidden; background:#2b2b2b url(../images/bg-homepage-list.png) no-repeat; }
.home-page ul li { float:left; margin:21px 15px 14px; display:inline; }

/*** Contact ***/
#branding-contact-details { width:260px; margin-right:0; float:left; }
#branding-contact-details p { line-height:1.2; }
#branding-contact-details h2 { color:#000; font-size:1.167em; font-weight:bold; margin-bottom:10px; }
#contact { float:left; width:420px; }
#contact legend span { position:absolute; left:-9999px; top:-9999px; }
#contact div { margin-bottom:8px; overflow:hidden; }
#contact label { float:left; width:76px; background:#f1f2f4; text-align:right; font-weight:bold; padding:6px 6px 6px 0; cursor:pointer; }
#contact input,#contact select,#contact textarea { float:left; width:329px; border:1px solid #d1d6dd; font:1em/1.3 Arial,sans-serif; padding:3px 3px 4px; }
#contact #contact-captcha { width:192px; }
#contact select { width:200px; padding:3px 0; }
#contact textarea { position:relative; top:-1px; overflow:auto; }
#contact img { clear:left; display:block; margin-left:130px; }
#contact button { float:right; width:84px; height:20px; padding-left:12px; line-height:20px; text-transform:uppercase; background:url(../images/button-02.png) no-repeat; text-align:left; font-weight:bold; cursor:pointer; overflow:visible; }
#contact .error { clear:left; float:left; color:#f00; margin:7px 0 0 82px; }

/*** Google map ***/
#gmap { width:690px; background:#fff; margin:0; padding:2px; border:1px solid #ccc; }
#gmap iframe { vertical-align:top; }

/*** Actions list ***/
#actions { overflow:hidden; margin-right:-15px; }
#actions li { float:left; width:412px; margin:0 15px 15px 0; padding:289px 18px 18px; background:#fff; border:1px solid #e2e2e2; position:relative; }
#actions li h2 { color:#f93; font-size:1.083em; font-weight:bold; text-decoration:none; }
#actions li p { margin-top:16px; line-height:1.3; }
#actions li img { position:absolute; left:50%; top:20px; margin-left:-154px; }

/*** Products list ***/
#products { border-top:1px solid #e2e2e2; padding-top:9px; }
#products li { border-bottom:1px solid #e2e2e2; position:relative; padding:5px 0 0 150px; margin-bottom:9px; min-height:135px; height:auto!important; height:135px; }
#products h2 { color:#f93; font-weight:bold; font-size:1.083em; text-decoration:none; }
#products p { line-height:1.4; margin:15px 27px 0 0; }
#products dl { position:absolute; right:27px; top:4px; font-weight:bold; line-height:16px; }
#products dt { float:left; margin-right:4px; color:#686868; }
#products dd { float:left; color:#000; }
#products .product-price { position:absolute; left:-9999px; top:-9999px; }
#products .price { color:#333; margin-left:45px; display:inline; }
#products .buy-product { margin-left:45px; display:inline; }
#products .buy-product a { display:block; width:72px; height:20px; margin-top:-2px; position:relative; z-index:1; line-height:20px; background:url(../images/button-01.png) no-repeat; font-size:1em; color:#000; text-transform:uppercase; text-align:center; }
#products .product-image { position:absolute; left:0; top:0; }
.product-page .note     { line-height:1.3; }

/*** Footer ***/
#footer     { position:relative; clear:right; width:957px; overflow:hidden; background:#000 url(../images/bg-footer.png) no-repeat 0 0; margin:0 0 15px; padding:9px 0 12px; color:#777; font-size:.917em; line-height:1.3; }
#footer ul          { position:relative; left:50%; float:left; margin-bottom:8px; }
#footer li          { position:relative; right:50%; float:left; }
#footer li a        { display:block; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 8px; border-left:1px solid #fff; }
#footer li.first a  { padding-left:0; border-left:none; }
#footer li.last a   { padding-right:0; }
#footer dl          { width:100%; clear:left; text-align:center; }
#footer dt          { display:inline; text-transform:uppercase; font-weight:bold; margin:0 5px 0 8px; padding-left:8px; border-left:1px solid #777; }
#footer dt.first    { margin-left:0; padding-left:0; border-left:none; }
#footer dd          { display:inline; }
#footer p     { margin-top:45px; font-size:.909em; text-align:center; }
#siteinfo-credits { position:absolute; left:23px; bottom:12px; font-size:.909em; text-decoration:none; color:#fff; }
#siteinfo-credits:hover,#siteinfo-credits span { color:#f00; }

/*** 3. JS plugin styling ***/
/*** Fancybox ***/
#fancy_overlay { position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#000; }
#fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; }
#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../images/fancy_progress.png) no-repeat; }
#fancy_content { position:relative; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96; }
#fancy_frame { position:relative; width:100%; height:100%; display:none; }
#fancy_img { position:relative; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92; }
#fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:10px 10px 70px; margin:0; overflow:hidden; background:#fff; display:none; }
#fancy_outer.fancy-alt-01 { padding-bottom:39px; }
#fancy_inner { position:relative; width:100%; height:100%; padding:0; margin:0; border-width:0; background:#FFF; }
#fancy_holder { position:relative; width:100%; height:45px; z-index:100; display:none; background:#fff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; margin-top:15px; overflow:hidden; }
.fancy-alt-01 #fancy_holder { height:14px; }
#fancy_title { float:left; width:400px; margin-bottom:6px; }
.fancy-alt-01 #fancy_title { display:none; }
#fancy_num { clear:left; width:400px; font-size:10px; color:#656565; font-weight:normal; }
.fancy-alt-01 #fancy_num { display:none; }
#fancy_close { position:absolute; top:0; right:0; width:52px; height:14px; background:url(../images/fancy_closebox.png) no-repeat; cursor:pointer; z-index:100; display:none; }
#fancy_controls { overflow:hidden; position:absolute; top:19px; right:0; margin:0; }
#fancy_controls li { float:left; margin-left:6px; display:inline; list-style:none outside none; }
#fancy_controls li a { display:block; width:17px; height:14px; text-indent:-9999px; overflow:hidden; }
#fancy_controls li a.inactive { opacity:0.5; filter:alpha(opacity=50); }
#fancy_controls li #fancy_download { background:url(../images/fancy_controls_download.png) no-repeat; }
#fancy_controls li #fancy_print { background:url(../images/fancy_controls_print.png) no-repeat; }
#fancy_controls li #fancy_left { background:url(../images/fancy_controls_left.png) no-repeat; }
#fancy_controls li #fancy_right { background:url(../images/fancy_controls_right.png) no-repeat; }
#fancy_controls li #fancy_slideshow { background:url(../images/fancy_controls_slideshow.png) no-repeat; }
#fancy_bigIframe,#fancy_freeIframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }