/*-----------------------------------
Rekord-tim main CSS stylesheet 
-------------------------------------*/

/************************ CSS RESET ***/
@import url("reset.css");

/************************ GLOBAL STYLING ***/
body 		{ font:62.5%/1 "Arial",sans-serif; background:#34bce4 url(../images/bg-body.png) repeat-x 0 0; }
a       { color:#0a5c8e; }
a:hover { text-decoration:none; }

#branding-logo a, #nav-main a, #content-supp a, #content-main .go-back, #main-listing a, #product-listing a, #category-listing a, #pagination li a, .controls li a, #footer li a, #footer dl a, #footer #siteinfo-credits     { outline:0; }

/************************ CONTAINER ***/
#container { position:relative; width:967px; margin:0 auto; background:url(../images/bg-container.png) repeat-y 0 0; }

/************************ HEADER ***/
#header { height:117px; background:url(../images/bg-header.png) no-repeat 0 0; }

#branding-logo     { position:absolute; left:40px; top:0; z-index:3;  }
#branding-logo a   { display:block; width:269px; height:154px; overflow:hidden; cursor:pointer; text-indent:-9999px; background:url(../images/branding-logo.png) no-repeat; }

#nav-lang     { float:right; margin-right:30px; display:inline; }
#nav-lang li  { float:left; }
#nav-lang a   { display:block; width:24px; height:14px; padding-top:4px; text-align:center; opacity:.5; }
#nav-lang .active a   { opacity:1; background:url(../images/bg-lang.png) no-repeat; }

#nav-main          { float:right; margin-right:30px; display:inline; padding-left:130px; clear:right; background:#1a7dab url(../images/bg-nav-main.png) repeat-y 100% 0; }
#nav-main li       { float:left; background:url(../images/bg-nav-main.png) repeat-y -250px 0; height:99px; }
#nav-main .active  { background-position:0 0; }
#nav-main a        { white-space:nowrap; position:relative; z-index:3; display:block; padding:25px 17px 0 19px; font-size:1.2em; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff; }
#nav-main a:hover, #nav-main a:focus, #nav-main .active a   { color:#ffdf05; }
#nav-main a:active    { color:#f0d206; }
#nav-main #link-products a      { padding-bottom:42px; }
#nav-main #link-interesting a   { padding-bottom:30px; }
#nav-main #link-news a          { padding-bottom:22px; }
#nav-main #link-buying a        { padding-bottom:20px; }
#nav-main #link-about a         { padding-bottom:19px; }
#nav-main #link-contact a       { padding-bottom:23px; }

/************************ CONTENT ***/
#content        { position:relative; z-index:2; margin-top:-42px; background-repeat:no-repeat; background-position:0 0; padding:134px 53px 30px 16px; }
#content:after  { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.lang_hr #content { background-image:url(../images/bg-content-hr.png); }
.lang_en #content { background-image:url(../images/bg-content-en.png); }

/************************ Supplementary content ***/
#content-supp         { position:relative; float:left; padding:0 12px 11px 5px; background:url(../images/bg-content-supp.png) no-repeat 100% 100%; }
#content-supp li      { vertical-align:bottom; background:url(../images/bg-content-supp-link.png) repeat-y 0 0; }
#content-supp a       { display:block; width:164px; padding:12px 15px 10px 22px; font-size:1.2em; line-height:1.4; font-weight:bold; text-decoration:none; color:#fff; background:url(../images/bg-content-supp-link.png) no-repeat -804px 0; }
#content-supp a:hover, #content-supp a:focus, #content-supp .active a   { color:#ffdf05; }
#content-supp a:active    { color:#f0d206; }
#content-supp .active            { background-position:-201px 0; }
#content-supp .active li         { font-size:.917em; background-position:-402px 0; }
#content-supp .active .active    { background-position:-603px 0; }
#content-supp .active li a       { padding:11px 15px 9px 22px; color:#fff; background-position:-1005px 0; }
#content-supp .active .active a,
#content-supp .active li a:hover  { color:#d7c443; }
#content-supp .active li a:active { color:#d1bf42; }

/************************ Main content ***/
#content-main     { float:right; width:655px; margin-top:18px; position:relative; }
#parent-page-title,
#content-main h1,
#content-main h2,
#content-main h3    { display:block; margin-bottom:18px; font-size:1.8em; line-height:1.3em; font-weight:bold; color:#025b8d; }
#content-main h1 em { color:#7c7c7c; font-style:normal; }
#content-main h3    { font-size:1.5em; }

#content-main .date         { position:absolute; right:15px; top:-11px; width:80px; text-align:center; line-height:18px; color:#fff; background:#67cbe7 url(../images/bg-date.png) no-repeat; }

#content-main #cat-controls               { position:absolute; right:0; top:-5px; }
#content-main #cat-controls a,
#content-main .go-back                    { position:absolute; right:0; top:0; padding-left:14px; line-height:12px; text-decoration:none; text-transform:lowercase; color:#0a5c8e; background:url(../images/icn-arrow-02.png) no-repeat 0 50%; }
#content-main #cat-controls a             { position:static; }
#content-main #cat-controls .go-back      { margin-left:10px; }
#content-main #cat-controls .product-next { margin-left:5px; padding-left:0; padding-right:14px; background:url(../images/icn-arrow-03.png) no-repeat 100% 50%; }
#content-main #cat-controls a:hover,
#content-main .go-back:hover,
#content-main #cat-controls a:focus,
#content-main .go-back:focus              { text-decoration:underline; }

/************************ Main box ***/
#main-box              { padding-top:15px; }
#main-box .box-bottom  { padding-bottom:15px; }
#main-box .inner       { position:relative; z-index:1; padding:14px 36px; }
#main-box .inner:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

#main-box .text-alt-01  { float:left; width:215px; }
#main-box p,
#main-box .text ul,
#main-box .text ol      { margin:0 0 1.8em; font-size:1.2em; line-height:1.6em; color:#7c7c7c; }
#main-box .text ul li   { list-style-type:disc; margin-left:35px; }
#main-box .text ol li   { list-style-type:decimal; margin-left:35px; }
#main-box .text strong  { font-weight:bold; }
#main-box .text em      { font-style:italic; }
#main-box .pos-left     { float:left; margin:0 20px 10px 0; }
#main-box .pos-right    { float:right; margin:0 0 10px 20px; }

.box-type-01             { width:659px; background:url(../images/bg-main-box-01.png) no-repeat 0 0; }
.box-type-01 .box-bottom { background:url(../images/bg-main-box-01.png) no-repeat -659px 100%; }
.box-type-01 .box-repeat { background:url(../images/bg-main-box-01-repeat.png) repeat-y 0 0; }
.box-type-02             { float:left; width:434px; background:url(../images/bg-main-box-02.png) no-repeat 0 0; }
.box-type-02 .box-bottom { background:url(../images/bg-main-box-02.png) no-repeat -434px 100%; }
.box-type-02 .box-repeat { background:url(../images/bg-main-box-02-repeat.png) repeat-y 0 0; }
.box-type-03 p   { color:#025b8d; }

/************************ Listing ***/
#main-listing       { margin:-25px -33px 0; }
#main-listing li    { vertical-align:bottom; position:relative; padding:20px 50px 15px 134px; border-bottom:1px solid #d1e5ee; }
#main-listing h2    { font-size:1.5em; }
#main-listing img   { position:absolute; left:19px; top:20px; }
#main-listing a     { text-decoration:none; }
#main-listing a:hover, #main-listing a:focus { color:#378bbf; }
#main-listing .article-more { position:absolute; right:0; top:0; width:47px; height:152px; background:url(../images/icn-arrow-04.png) no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; }
#main-listing .article-more:focus { outline-width:1px; outline-style:dotted;  }
#main-listing .date { top:0; }

#product-listing    { font-weight:bold; font-size:1.1em; margin:-25px -33px 0; }
#product-listing li { position:relative; float:left; border-bottom:1px solid #d1e5ee; }
#product-listing .first, #product-listing .middle  { border-right:1px solid #d1e5ee; }
#product-listing dl      { position:relative; width:217px; padding-top:181px; }
#product-listing dd          { width:204px; padding-left:13px; position:absolute; left:0; top:164px; color:#fff; line-height:17px; }
#product-listing dd span     { position:absolute; left:-9999px; top:-9999px; }
#product-listing .first dd   { background-color:#1a7dab; }
#product-listing .middle dd  { background-color:#76b1cd; }
#product-listing .last dd    { background-color:#bad8e6; }
#product-listing .product-img       { position:absolute; left:0; top:0; width:217px; height:181px; padding-left:0; text-align:center; background-color:transparent !important; }
#product-listing .product-img a     { display:block; width:217px; height:161px; padding-top:20px; }
#product-listing .product-img img   { vertical-align:top; }
#product-listing dt a       { display:block; padding:4px 20px 4px 13px; min-height:32px; _height:32px; line-height:1.4; color:#0a5c8e; text-decoration:none; background:url(../images/icn-arrow-04.png) no-repeat 97% 50%; }
#product-listing dl:hover dt a, #product-listing dl dt a.hover, #product-listing dt a:hover, #product-listing dt a:focus { background-color:#def0f7; }

#category-listing     { overflow:hidden; margin-right:-23px; }
#category-listing li  { width:210px; height:222px; float:left; margin:0 16px 14px 0; background:url(../images/bg-category-listing.png) no-repeat; }
#category-listing h2  { position:relative; margin:0;  }
#category-listing a   { background:url(../images/clear.gif); position:absolute; left:0; top:0; z-index:3; width:210px; height:212px; padding-top:10px; font-size:.722em; font-weight:bold; color:#fff; text-decoration:none; text-align:center;  }
#category-listing a:hover, #category-listing a:focus { color:#ffdf05; }
#category-listing img { display:block; margin:40px 0 0 3px;  }

#pagination       { float:right; margin-top:20px; }
#pagination li    { float:left; margin-left:4px; }
#pagination li a  { display:block; padding:4px 5px; font-weight:bold; text-decoration:none;  font-size:1.2em; color:#fff; background:#0b5f90; }
#pagination .active a,
#pagination li a:hover, #pagination li a:focus { color:#095b8c; background-color:#8ec347; }
#pagination .prev a,
#pagination .next a { width:10px; height:12px; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999px; overflow:hidden; }
#pagination .next a { background-image:url(../images/icn-arrow-04.png); }
#pagination .prev a { background-image:url(../images/icn-arrow-05.png); }
#pagination .prev a:hover, #pagination .next a:hover { background-color:#fff; }
#pagination .prev a:focus, #pagination .next a:focus { background-color:#fff; outline-width:1px; outline-style:dotted; }

#sitemap #main-box li    { font-size:1.2em; padding:6px 0 6px 15px; background:url(../images/icn-arrow-03.png) no-repeat 0 8px; }
#sitemap #main-box li ul { margin:6px 0 0 22px; }
#sitemap #main-box li li { font-size:1em; }

/************************ MISC & PAGE SPECIFIC ***/
/************************ Controls ***/
.controls          { margin:5px 0 19px; overflow:hidden; }
.controls li       { float:left; margin-right:8px; }
.controls li a     { display:block; padding:4px 6px; text-decoration:none; font-size:1.8em; font-weight:bold; color:#fff; background:#0b5f90; }
.controls li a:hover, .controls li a:focus, .controls .active a   { color:#095b8c; background:#8ec347; }

/************************ Home page ***/
#flash-header               { height:396px; margin-top:-42px; background:url(../images/bg-flash-header.png) no-repeat; }
#flash-header div           { position:relative; width:907px; height:396px; margin:0 auto; }
#flash-header p             { position:absolute; top:140px; left:50%; width:450px; margin:0 auto 0 -225px; font-size:1.6em; font-weight:bold; color:#fff; text-align:center; line-height:1.5; }
#flash-header a             { color:#fff; }
#flash-header embed         { position:absolute; left:0; top:0; }
#flash-header .alt          { display:none; }

#home #container            { background-position:-967px 0; }
#home #header               { background-position:0 -117px; }
#home #content              { width:865px; margin:0 0 0 30px; padding:0 21px 30px; background:url(../images/bg-home-content.png) repeat-x; }
#home #content .inner       { float:left; margin:16px 0 0; }
#home #content .inner-last  { float:left; margin-left:12px; display:inline; }
#home #content h2           { color:#c0e5ef; margin:0; padding-left:24px; font-size:2em; line-height:42px; font-weight:bold; }
#home #content img          { vertical-align:top; }

#home #content-main         { float:none; width:621px; min-height:259px; _height:259px; margin:0; padding:0; background:url(../images/bg-home-content-main.png) no-repeat 0 0; }
#home .banner-01            { display:block; margin-bottom:14px; }
#latest-news li             { position:relative; min-height:53px; _height:53px; padding:18px 0 0 20px; vertical-align:top; }
#latest-news h3             { width:250px; margin-bottom:0; line-height:1.2; }
#latest-news h3 a           { display:block; color:#c0e5ef; font-size:.8em; text-decoration:none; }
#latest-news h3 a:hover     { color:#fff; }
#latest-news p              { position:absolute; right:55px; top:8px; width:270px; font-size:1.1em; line-height:1.3; color:#fff; }
#latest-news .date          { position:absolute; left:20px; top:3px; font-style:italic; background:none; text-align:left; }
#latest-news .article-more  { position:absolute; right:4px; top:0; width:35px; height:70px; overflow:hidden; text-indent:-9999px; }

#home #content-supp         { float:none; overflow:hidden; width:232px; height:260px; margin:0; padding:0; background:url(../images/bg-home-content-supp.png) no-repeat 0 0; }
#home #content-supp h2      { padding-left:15px; margin-top:4px; }
#home .banner-02            { display:block; margin-top:5px; }

#home.lang_en #content                { background-image:url(../images/bg-home-content-alt.png); }
#home.lang_en #content #content-main  { background-image:url(../images/bg-home-content-main-alt.png); }


/************************ Product page ***/
h1#product-hierarchy        { width:434px; margin-bottom:12px; overflow:hidden; color:#7c7c7c; }
h1#product-hierarchy span   { padding-right:10px; background:url(../images/bg-product-hierarchy.png) no-repeat 100% 50%;color:#025b8d; }

#product-info        { margin-bottom:10px; overflow:hidden; color:#fff; font-weight:bold; font-size:1.3em; line-height:17px; }
#product-info dt     { width:87px; padding-left:8px; float:left; margin-bottom:3px; clear:left; }
#product-info dd     { width:267px; float:left; margin-bottom:3px; }
#product-info .row-1 { background-color:#1a7dab; }
#product-info .row-2 { background-color:#76b1cd; }
#product-info .row-3 { background-color:#afd2e2; }

#img-gallery          { width:362px; }
#img-gallery .loading { background:url(../images/loading.gif) no-repeat 50% 50%; }

.product-nav  { position: absolute; top: -3px; right: 28px; }
.product-nav li { float: left; margin-right: 10px; }
.product-nav a  { text-decoration: none; color:#52a4c3; font-weight: bold; font-size:.9em; }
.product-nav a:hover  { color:#ffdf05; }
.product-nav .prev a  { background: url(../images/icn-arrow-02.png) left 1px no-repeat; padding-left: 13px;  }
.product-nav .next a  { background: url(../images/icn-arrow-03.png) right 1px no-repeat; padding-right: 13px;  }
.product-nav .back a  { background: url(../images/icn-arrow-06.png) left 1px no-repeat; padding-left: 13px; }

/************************ Category products slider ***/
#category-products	               { float:right; margin-top:45px; position:relative; background:url(../images/bg-category-products.png) no-repeat 0 -45px; }
#category-products #slide-inner,
#category-products ul    { width:212px; height:418px; position:relative; overflow:hidden; }
#category-products ul    { overflow:auto; }
#category-products ul li { width:179px; height:126px; margin:10px 16px 0; }
#category-products dl    { position:relative; }
#category-products dt    { position:absolute; left:0; bottom:0; width:179px; height:29px; background:rgb(8,76,114); background:rgba(8,76,114,.75); }
#category-products dt a  { position:absolute; left:0; bottom:0; width:157px; height:20px; padding:106px 11px 0; font-size:1.1em; font-weight:bold; color:#fff; text-decoration:none; }
#category-products img   { vertical-align:bottom; }
#category-products .next,
#category-products .prev  { position:absolute; left:0; background:url(../images/bg-category-products.png) no-repeat; }
#category-products .next  { bottom:-45px; background-position:0 -463px; }
#category-products .prev  { top:-45px; background-position:0 0; }
#category-products .next span,
#category-products .prev span  { display:block; width:212px; height:45px; cursor:pointer; background:url(../images/bg-category-products.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#category-products .next span  { background-position:-212px -45px; }
#category-products .prev span  { background-position:-212px 0; }
#category-products .disabled span  { opacity:.50; cursor:default; }

#home #category-products { float:left; margin:0 0 0 4px; display:inline; background:none; }
#home #category-products #slide-inner,
#home #category-products ul    { width:224px; height:203px; }
#home #category-products ul li { width:224px; height:72px; margin:0; background:url(../images/bg-home-content-supp.png) no-repeat -232px 100%; }
#home #category-products dt             { top:27px; left:80px; bottom:auto; width:auto; height:auto; background:none; }
#home #category-products dt a           { position:static; display:inline; padding:0; color:#c0e5ef; background:none; }
#home #category-products dt a:hover     { color:#fff; }
#home #category-products dd             { position:absolute; left:80px; top:15px; font-size:1.1em; font-weight:bold; color:#fff; }
#home #category-products dd span        { position:absolute; left:-9999px; top:-9999px; }
#home #category-products .product-img   { position:static; }
#home #category-products .next,
#home #category-products .prev  { width:18px; height:18px; left:auto; right:10px; top:-20px; padding:0; background:none; }
#home #category-products .next  { bottom:auto; }
#home #category-products .prev  { right:34px; }
#home #category-products .next span,
#home #category-products .prev span  { width:18px; height:18px; background:url(../images/bg-home-content-supp.png) no-repeat 0 0; }
#home #category-products .next span  { background-position:100% 0; }
#home #category-products .prev span  { background-position:-428px 0; }

/************************ Contact ***/
#contact-info { width:240px; float:left; }
#map-location { padding-right:20px; font-size:1.2em; text-decoration:none; text-transform:lowercase; background:url(../images/icn-arrow-03.png) no-repeat 100% 50%; }
#map-location:hover { text-decoration:underline; }

#contact-form             { position:relative; float:right; width:314px; }
#contact-form form        { padding:22px 32px 25px 24px; font-size:1.1em; color:#025b8d; background:#c6dfea; }
#contact-form legend span { position:absolute; left:-9999px; top:-9999px; }
#contact-form label       { display:block; margin:10px 0 4px; cursor:pointer; }
#contact-form em          { color:#f00; }
#contact-form input,
#contact-form textarea    { width:100%; padding:3px; border:1px solid #34bbe3; font:1em/1.3 "Arial",sans-serif; color:#025b8d; background:#fff; }
#contact-form input:focus,
#contact-form input.focus,
#contact-form textarea:focus,
#contact-form textarea.focus    { border-color:#ffdf05; background-color:#fbfaf2; }
#contact-form img         { display:block; margin:5px 0 10px; }
#contact-form .form-submit          { float:right; margin-top:10px; }
#contact-form .form-submit button   { position:relative; width:80px; height:20px; margin-right:-7px; padding-left:10px; overflow:visible; cursor:pointer; line-height:19px; text-align:left; color:#fff; font-weight:bold; text-transform:lowercase; background:#0f6c9d url(../images/btn-send.png) no-repeat; }
#contact-form .note       { width:150px; position:absolute; bottom:16px; left:24px; line-height:1.3; }
#contact-form .error      { display:block; margin-top:5px; color:#f00; }

/************************ Google map ***/
#gmap { float:right; width:340px; height:352px; border:3px solid #c6dfea; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#gmap img { display:block; }
#gmap .gmnoprint { color:#7c7c7c; line-height:1.2; }

/************************ FOOTER ***/
#footer    { /*margin-top:30px;*/ padding:0 50px 0 63px; min-height:169px; background:url(../images/bg-footer.png) no-repeat 0 0; }
#footer ul { position:relative; z-index:1; float:left; width:595px; margin-top:65px; }
#footer li { overflow:hidden; line-height:16px; height:16px; }
#footer .col-2 { margin-left:100px; }
#footer .col-3 { margin-left:260px; }
#footer .col-4 { margin-left:420px; }
#footer .col-5 { margin-left:540px; }
#footer .top-1 { margin-top:-16px; }
#footer .top-2 { margin-top:-48px; }
#footer li a   { white-space:nowrap; vertical-align:bottom; float:left; padding-left:11px; font-size:1.1em; text-decoration:none; color:#fff; background:url(../images/icn-arrow-01.png) no-repeat 0 50%; }
#footer li a:hover, #footer li a:focus   { color:#e3e3e3; }

#footer dl { position:relative; z-index:1; float:right; width:235px; margin-top:25px; font-size:1.2em; line-height:1.5; color:#0c5687; }
#footer dt { float:left; clear:left; width:60px; font-weight:bold; }
#footer dd { float:left; white-space:nowrap; }
#footer .first      { width:100%; margin-bottom:10px; }
#footer .first em   { font-style:normal; }
#footer dl a        { text-decoration:none; color:#0c5687; }
#footer dl a:hover, #footer dl a:focus  { text-decoration:underline; }

#footer p { position:absolute; bottom:8px; left:0; width:967px; margin:0 0 0 0; color:#c0e5ef; }
#footer #siteinfo-legal   { position:relative; float:right; margin-right:37px; display:inline; }
#footer #siteinfo-credits { position:relative; float:left; margin-left:53px; display:inline; text-decoration:none; color:#000; }
#footer #siteinfo-credits:hover, #footer #siteinfo-credits:focus, #footer #siteinfo-credits span { color:#f00; }