body, div, ul, ol, li, h1, h2, h3, p { margin:0; padding:0; }
img { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
strong { font-weight: bold; color: #1e5d83; }
em { color: #37507F; }
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; background: #b6dffd url(../img/site/bgrd.jpg) repeat-x; }
div.outerwrapper { margin: 1px auto 0; width: 984px; background: url(../img/site/shadow.png) repeat-y; }
#wrapper { width: 960px; margin: 0 auto; background-color: #fffffa; border-left: 1px solid #c0bfbb; border-right: 1px solid #c0bfbb; position: relative; }
#header { height: 104px; width: 960px; background: url(../img/site/header.jpg) no-repeat; position: absolute; top: 0; left: 0; }
#tertiary { width: 960px; height: 144px; background: url(../img/site/bareri.jpg) no-repeat; }
#tertiary img { margin-top: 15px; margin-left: 20px; }
a:link, a:active, a:visited { text-decoration: underline; color: #37507F; outline: none; }
a:hover { color: #E8CFA3; text-decoration: none; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; }
h2, h3 { font-size: 18px; font-weight: bold; }
p { line-height: 18px; font-size: 14px; text-align: justify; color: #333; margin-bottom: 5px; }
.overclear { width: 100%; overflow: hidden; }
.clear { clear: both; }
/* -----------------------------------*/
/* ---------->>> HOME INTRO  <<<-----------*/
div.intro_slide { float: left; margin: 134px 0 5px 25px; width: 593px; height: 333px; background: url(../img/slideshow/intro_bgrd.jpg) no-repeat; padding: 6px; }
.intro_message { width: 310px; float: right; margin-right: 5px; margin-top: 104px; }
.intro_message p strong { letter-spacing: 0; }
#primary .intro_message p { margin: 5px 27px 0 0; font-size: 14px; line-height: 19px; letter-spacing: 0.5px; }
#primary h1 { margin-top: 30px; color: #1e5d83; letter-spacing: 1px; font-weight: bold; font-size: 22px; font-style: italic; }
#primary a.vise_o_nama img { margin: 10px 0 0; }
/* ---------->>> HOME content   <<<-----------*/
.program_merdevina, .program_skela, .sanduci { width: 280px; float: left; margin: 0 20px 10px 15px; font-size: 14px; }
div.program_merdevina { background-color: #b9d9e6; border: 1px solid #88b6c8; margin-left: 0; margin-top: 15px; margin-bottom: 15px; }
.program_merdevina h3, .program_skela h3 { font-weight: bold; font-size: 15px; color: #335664; padding: 6px 0 8px 5px; letter-spacing: 1px; background: url(../img/site/linija.jpg) repeat-x left bottom; padding-left: 9px; font-variant: small-caps; }
.program_merdevina p, .program_skela p { margin-bottom: 0; }
.program_merdevina p a, .program_skela p a { padding-left: 10px; display: block; text-decoration: none; padding-top: 5px; background: url(../img/site/linija.jpg) repeat-x left bottom; padding-bottom: 5px; text-align: left; font-size: 13px; color: #333; }
.program_merdevina p.no_line a, .skele p.no_line a { background: none; }
.program_merdevina p a:hover { background-color: #dff0f7; color: #37507F; }
.program_merdevina p a strong { color: #335664; font-size: 14px; }
div.program_skela { background-color: #bfd6c9; border: 1px solid #90ab9c; margin-left: 0; margin-top: 15px; margin-bottom: 15px; }
.program_skela p a, .program_skela h3 { background: url(../img/site/linija2.jpg) repeat-x left bottom; }
.sanduci h3 { margin-top: 10px; margin-bottom: 12px; background: url(../img/site/linije_koferi.jpg) repeat-x left bottom; padding-bottom: 2px; }
.merdevine, .skele { width: 280px; float: left; margin: 8px 20px 10px 15px; font-size: 14px; }
.merdevine { margin-left: 25px; }
.merdevine h2, .skele h2 { color: #2d5b6d; padding-bottom: 2px; text-align: center; letter-spacing: 1px; font-variant: small-caps; font-size: 20px; }
.merdevine h2 { background: url(../img/site/linije_koferi.jpg) repeat-x left bottom; }
.skele h2 { background: url(../img/site/linija3.jpg) repeat-x left bottom; color: #395546; }
.program_skela p a strong, .skele p strong { color: #395546; font-size: 14px; }
.program_skela p a:hover { background-color: #dce9e2; color: #395546; }
.program_skela h3 { color: #395546; }
.sanduci h3 { font-size: 18px; color: #3e698d; text-align: center; letter-spacing: 1px; font-variant: small-caps; }
.sanduci h3 a { text-decoration: none;}
.sanduci p strong { color: #406498; }
.img_preview { margin: 23px; width: 912px; background-color: #f8fdff; border: 1px solid #cbe1ee; margin-top: 0; }
.img_preview img { border: 2px solid #D0EBFC; }
.img_preview p  { width: 104px; height: 215px; margin: 13px;; float: left; text-align: center; font-size:13px; line-height: 12px; letter-spacing: 0.5px}
.img_preview p a {text-decoration: none; font-variant:small-caps }
.img_preview a:hover {color: #333333;}
/* -----------------------------------*/
/* ---------->>> products<<<-----*/
#products #wrapper { background: url(../img/site/product_separator.jpg) repeat-y 320px 150px; position: relative; }
#side_bar_nav { width: 320px; float: left; padding-bottom: 30px; margin-top: 104px; }
#side_bar_nav h2 { background: url(../img/site/linije_koferi.jpg) repeat-x left bottom; color: #2d5b6d; padding-bottom: 3px; text-align: center; letter-spacing: 1px; font-variant: small-caps; margin: 25px; margin-bottom: 0; font-size: 20px; }
#side_bar_nav h3 { color: #296022; font-variant: small-caps; font-size: 15px; letter-spacing: 1px; margin-top: 15px; padding-left: 7px; background: url(../img/site/bulet_sidebar.jpg) no-repeat 0 3px; }
#side_bar_nav p { margin-left: 8px; font-style: italic; color: #465c34; margin-right: 5px; text-align: left; }
#side_bar_nav ul { color: #0f4170; font-size: 15px; list-style: none; margin: 10px 10px 10px 25px; }
#side_bar_nav ul li { margin-bottom: 5px; padding-left: 15px; background: url(../img/site/arrow_skele.gif) no-repeat 0 7px; }
#side_bar_nav li a, #side_bar_nav li a:link, #side_bar_nav li a:visited { text-decoration: none; color: #0f4170; }
#side_bar_nav li a:hover { text-decoration: underline; color: #5e714e; }
#side_bar_nav li a.active:hover { color: #0f4170; }
#side_bar_nav .naslov { margin-left: 25px; margin-right: 25px; background-color: #edf8fe; }
#products #content { float: right; width: 620px; margin-top: 104px; }
#products #content p, #products #content ul { font-size: 14px; color: #0f4170; margin-right: 25px; line-height: 20px; text-align: left; }
#products #content ul li { margin-bottom: 5px; margin-left: 20px; }
#products #content h1 { background-color: #7bafdf; border: 1px solid #6c97be; text-align: center; color: #fff; font-size: 20px; letter-spacing: 1px; margin: 25px 25px 15px 0; }
#products #content img { float: right; margin: 25px; margin-top: 6px; }
#products #content img.tabela { float: none; }
#products #content img.no_style { margin-left: 0; }
#side_bar_nav p.katalog { margin:25px;}
/* -----------------------------------*/
/* ---------->>> footer <<<-----*/
#footer { width: 960px; margin: 0 auto; float: left; }
#footer p { margin-top: 5px; margin-bottom: 0; font-size: 12px; color: #97bbde; float: left; text-align: center; width: 940px; color: #658fb8; float: left; }
#footer p.copyright { padding-bottom: 10px; float: left; }
#footer p a { color: #658fb8; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
/* -----------------------------------*/
/* ---------->>> Main Navigation <<<-----*/
ol#toc { height: 29px; list-style: none; margin: 0; padding: 0; position: absolute; right:25px; top:73px; font-family: Arial, Helvetica, sans-serif; }
ol#toc a { background: url(tabs.gif) 100% 0; color: #fff; float: left; line-height: 29px; outline: none; padding-right: 10px; text-decoration: none; font-size: 12px; letter-spacing: 1px; font-weight: bold; }
ol#toc li.current { background-color: #48f; background-position: 0 0; line-height: 29px; }
ol#toc li.current a { background-position: 100% 0; color: #fff; }
ol#toc li a:hover { color: #163653;}
ol#toc li { background: #bdf url(tabs.gif); float: left; margin: 0 1px 0 0; padding-left: 10px; }
/* -----------------------------------*/
/* ---------->>> active nav state sidebar <<<-----*/
.visenamenske_trodelne a.visenamenske_trodelne, .visenamenske_zglobne a.visenamenske_zglobne, .samostojece a.samostojece, .samostojece_kombinovane a.samostojece_kombinovane, .na_naslanjanje a.na_naslanjanje, .na_izvlacenje a.na_izvlacenje, .sa_uzetnjacom a.sa_uzetnjacom, .euro_naslanjanje a.euro_naslanjanje, .euro_kucne a.euro_kucne, .euro_trodelne a.euro_trodelne, .euro_kombinovane a.euro_kombinovane, .euro_dvodelne a.euro_dvodelne, .euro_radna_daska a.euro_radna_daska, .z600_teleskopske a.z600_teleskopske, .z600_mobilne a.z600_mobilne, .z600_izolacione a.z600_izolacione, .skele_z100 a.skele_z100, .skele_z200 a.skele_z200, .skele_z300 a.skele_z300, .skele_z600 a.skele_z600, .eurobox a.eurobox, .eurobox_sanduk a.eurobox_sanduk, .stubne a.stubne_merdevine, .kukace a.kukace { font-weight: bold; }
/* -----------------------------------*/
/* ---------->>> slider<<<-----*/
#intro img { z-index: 99; }
#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider li, #slider2 li { width:581px; height:321px; overflow:hidden; padding: 0; margin-left: 0; margin-right: 0; }
#prevBtn, #nextBtn, #slider1next, #slider1prev { display:none; }
#nextBtn, #slider1next {display: none; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:none; }
#nextBtn a, #slider1next a { background:none; }
ol#controls { margin:1em 0; padding:0; height:28px; }
ol#controls li { margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a { background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
#slider ul li img { visibility:hidden; }
.tooltip { display:none; background:transparent url(../img/tooltip/white_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#3E698D; font-size: 14px; text-align: center;  }