/* GENERAL STYLES */

/***
Colors
Black: #000;
Knauf Blue: #00A6EB;
Grey 1: #869197;
Grey 2: #DFDFDF;
Grey 3: #F5F5F5;
Grey 4: #666;
Grey 5: #EFEFEF;
Grey 6: #C9C9C9;
Grey 7: #BBC0C2;
Grey 8: #535353;
Grey 9: #D5D9DA;
Grey 10:#FDFDFD;
***/


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

body{ background:#DFDFDF; font-size:62.5%; }

img, a img{ display:block; border:0; }

a:focus{ outline:none; }

.clear{ clear:both; }

#container{ width:991px; background:url(bgImages/container.gif) repeat-y 0 0; }
#header{ height:115px; background:url(bgImages/header.gif) no-repeat 0 0; }
#header a{ position:absolute; background:url(bgImages/knauf_logo.gif) no-repeat 0 0; width:134px; height:63px; top:26px; left:40px; text-indent:-9999px; }
#navigation{ width:180px; float:left; border-top:130px solid #869197; padding-top:30px; }
#content{ width:630px; float:left; margin-bottom:15px; }
#contentMain{ float:right; width:270px; padding:0 25px 0 20px; background:#fff; position:relative; }
#contentSub{ float:left; width:270px; padding:0 0 0 45px; min-height:145px; background:#fff; position:relative; }
body#prva #contentSub{ padding-top:195px; }
#extra{ width:180px; margin-top:35px; float:left; }
#footer{ width:630px; padding:0 180px; clear:both; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; position:relative; }
#footer ul{ margin:5px 10px 5px 40px; list-style:none; }
#footer ul li{ display:inline; border-right:1px solid #DFDFDF; padding:0 10px; font:10px Arial; color:#666; }
#footer ul li a{ color:#666; text-decoration:none; }
#footer ul li.last{ border:0; }


#content p{ width:100%; font:1.2em Arial; color:#666; margin:20px 0 0 0; clear:both; float:left; }
#content a{ color:#00A6EB; }

#contentSub img#presentationImage { /*position:absolute;*/ left:0; top:0; margin-left:-45px; width:315px; height:130px; margin-bottom:15px; }
#contentSub #prvaImage { /*position:absolute;*/ left:0; top:0; width:315px; height:180px;}


#content .icons dl{ width:266px; height:65px; padding-left:4px; background:#dfdfdf url(bgImages/iconBackground.gif) repeat-y 0 0; float:left; margin-top:15px; }
#content .icons dd{ width:161px; height:55px; float:left; font:1em Arial; color:#666; padding:5px 5px 5px 10px; }
#content .icons dd span{ font:bold 1.2em Arial; color:#000; display:block; }
#content .icons dt{ width:90px; float:right; }
#content .icons dd a, a.arrow{ color:#00A6EB; background:url(bgImages/moreTriangle.gif) no-repeat 0 50%; padding-left:5px; margin-left:5px; }

#contentWide{ width:560px; padding:0px 25px 30px 45px!important; padding-top:48px; clear:both; }

#contentWide .icons dl{ width:556px; height:auto; background:#EFEFEF url(bgImages/iconBackground.gif) repeat-y 0 0; }
#contentWide .icons dl dt{ width:200px; }
#contentWide .icons dl dd{ width:341px; height:auto; padding:10px 5px 10px 10px; }
#contentWide .icons dl dd.link{ width:556px; height:20px; border-top:1px solid #fff; padding:0; background:#DFDFDF; clear:both; }
#contentWide .icons dl dd.link a{ background:url(bgImages/readMoreArrows.gif) no-repeat 100% 0; display:block; margin:0; padding:0; width:556px; float:left; height:20px; }
#contentWide .icons dl dd span{ position:relative; left:-5px; }


#contentWide dl.wide{ clear:both; height:115px; background:#EFEFEF url(bgImages/iconBackground.gif) repeat-y 0 0; }
#contentWide .icons dl.wide dd{ width:341px; height:84px; padding:5px 5px 5px 10px;}
#contentWide .icons dl.wide dd.link{ width:556px; height:20px; padding:0; }
#contentWide .icons dl.wide dd.link a{ width:556px; height:20px; display:inline; float:none; margin:0; padding:0; background:url(bgImages/readMoreArrows.gif) no-repeat 100% 0; background:red; }



#contentProducts{ width:580px; padding:0 25px; clear:both; }

#contentProducts .icons dl{ width:266px; height:75px; margin-left:20px; display:inline; }
#contentProducts .icons dl dd{ width:161px; height:65px; }


#contentMain .contentTitle{ position:relative; left:-4px; padding-top:70px; z-index:10; }
#contentMain ul#contentNavigation{ list-style:none; width:315px; height:2em; border-bottom:1px solid #DFDFDF; position:absolute; top:0; left:0; z-index:20; }
#contentMain ul#contentNavigation li{ display:inline; font:1em/2em Arial; color:#869197; border-left: 1px solid #DFDFDF; }
#contentMain ul#contentNavigation li a{ color:#869197; text-decoration:none; padding:0 17px; }


#content .boxContent{ width:556px; padding-left:4px; background:#EFEFEF url(bgImages/iconBackground.gif) repeat-y 0 0; margin-top:15px; float:left; }
#content .boxContent p{ padding:10px 5px 10px 15px; float:none; clear:none; margin:0; width:auto; }
.boxContent img { float:right; margin:0 0 0 10px; }
#content .boxContent h2 { padding-top:10px; }
#content .boxContent h2 img{ float:none; margin:0 0 0 11px; display:inline; }
#content .boxContent h5{ background:#DFDFDF; font:bold 12px Arial; color:#666; padding:5px 5px 5px 11px; border-bottom:1px solid #fff; margin-bottom:10px; }

.boxContent ul{ list-style:circle; margin-left:40px; padding-top:10px; }
.boxContent ul li{ font:1.2em Arial; color:#666;  }



.tabsContent, .sistemi{ background:#f5f5f5; border:1px solid #fff; border-width:0 0 1px 1px; margin-left:15px; clear:both; margin-bottom:10px; padding-left:10px; }
#content .tabsContent p{ padding:10px 5px 10px 0; }

.sistemi{ background:none; border:0;  }



.tabsContent table, .sistemi table{ border-collapse:collapse; background:#fff; margin-top:10px; width:100%; }
.tabsContent table td, .tabsContent table th, .sistemi table td, .sistemi table th{ font:1.2em Arial; color:#666; border-top:1px solid #EFEFEF; padding:3px 5px; }
.tabsContent table th, .sistemi table th{ font-weight:bold; text-align:left; }
.tabsContent table td img, .sistemi table td img{ float:none; margin:0 auto;  }

.sistemi table th.centered{ text-align:center; }


.tabsContent ul{ list-style:none; margin-left:5px; padding-top:10px; }
.tabsContent ul li{ font:1.2em Arial; color:#666; background:url(bgImages/tabsContent-bullet.gif) no-repeat 0 7px; padding-left:15px; padding-top:3px; }


#content ul.tabs{ list-style:none; width:540px; margin-left:15px; }
#content ul.tabs li{ float:left; width:179px; border-left:1px solid #fff; font:1.2em/20px Arial;}
#content ul.tabs li a{ float:left; width:154px; padding-left:25px; display:block; background:url(bgImages/tabInactive.gif) no-repeat 100% 0; color:#fff; text-decoration:none; height:20px; font-weight:bold; }
#content ul.tabs li a.tabActive{ background:url(bgImages/tabActive.gif) no-repeat 100% 0; color:#000; }

#content .boxContent a.linkBack{ display:block; background:#DFDFDF url(bgImages/linkBackArrows.gif) no-repeat 100% 0; height:20px; border-top:1px solid #fff; clear:both; text-indent:-9999px; }

#content .boxContent a.linkForward{ display:block; background:#DFDFDF url(bgImages/readMoreArrows.gif) no-repeat 100% 0; height:20px; border-top:1px solid #fff; clear:both; text-indent:-9999px; }

#sitemap ul{ list-style:none; }
#sitemap ul li{ padding:4px 0; font:bold 1.2em Arial; }
#sitemap ul li a { padding-left:8px; background:url(bgImages/moreTriangle.gif) no-repeat 0 50%; color:#00A6EB;}
#sitemap ul ul li{font:normal 1em Arial; padding:1px 20px; }

#extra dl dt{ font:bold 1.2em/19px Arial; color:#fff; background:#869197 url(bgImages/extra-title.gif) no-repeat 0 0; margin:0; padding:0 0 0 25px; }
#extra dl dd{ background:#fff; font:1em Arial; }
#extra dl dd img{ margin:0 auto; padding:10px 40px 0 0;}
#extra dl dd a{ color:#00A6EB; padding:0 0 5px 20px; text-decoration:none; display:block; }

/*** 1st level navigation ***/
#navigation ul{ list-style:none; }
#navigation ul li{ display:block;}
#navigation ul li a.first{  border-top:1px solid #fff; }
#navigation ul li a{ font:1.2em/1.7em Arial; color:#000; text-decoration:none; display:block; padding:0 15px; border-bottom:1px solid #fff; }
#navigation ul li a:hover{ font-weight:bold; background:#00A6EB; color:#fff; }
#navigation ul li a.active{ background:#00A6EB; color:#fff; font-weight:bold; }


/*** 2nd level navigation ***/
#navigation ul li ul { border-left:3px solid #00A6EB; background:#81CCEB;}
#navigation ul li ul li{ border:0; }
#navigation ul li ul li a{ height:1%; font:1.1em/1.2em Arial; color:#000; text-decoration:none; display:block; padding:2px 20px; }
#navigation ul li ul li a:hover{ background:#51BEEB; color:#000; font-weight:normal; }
#navigation ul li ul li a.active{ background:#869197; color:#fff; font-weight:bold; }
#navigation ul li ul li a.active:hover{ background:#869197; color:#fff; }


/*** 3rd level navigation ***/
#navigation ul li ul li ul{ background:#C7E0EB; border:0; }
#navigation ul li ul li ul li a{ padding:2px 30px; }
#navigation ul li ul li ul li a:hover{ background:#fff; }


/*** 4rd level navigation ***/
#navigation ul li ul li ul li ul{ background:#D5D9DA; border:0; }
#navigation ul li ul li ul li ul li a{ padding:2px 40px; }
#navigation ul li ul li ul li ul li a:hover{ background:#C6C6C6; }


#majstorMenu ul { list-style:none; padding-top:30px; float:left; } 
#majstorMenu ul li { display:block; width:255px; border-bottom:2px solid #fff; }
#majstorMenu ul li a{ display:block; border-left:3px solid #869197; padding:4px 10px; text-decoration:none; background:#F5F5F5; font:12px Arial; color:#869197; }
#majstorMenu ul li a:hover{ border-color:#F00; } 
#naslovSlika{ width:290px; float:left; }
#naslovSlika p#naslovKategorije{ float:none; display:block; font-weight:bold; height:20px; width:270px; margin:0; }
#naslovSlika img#slika{ display:block; margin:0; padding:0; border:0; }

#reference dl{ float:left; clear:left; width:560px; margin:10px 0; background:url(bgImages/bg.gif) repeat-y 0 0; padding:10px 0; }
#reference dl dt{ float:left; display:block; width:204px; padding:0 10px; min-height:100px;  font:12px Arial; }
#reference dl dt a{ display:block; }
#reference dl dd{ float:left; width:316px; font:12px Arial; padding:0 10px; }
#reference dl dd span{ width:100px; float:left; }

table.refDetalji{ border-collapse:collapse; font:12px Arial; color:#fff; }
table.refDetalji td, table.refDetalji th{ border:4px solid #fff; }
table.refDetalji tr th{ background:url(bgImages/referenzenBg.gif) no-repeat 100% 50%; font-weight:normal; text-align:left; padding-left:40px; }
table.refDetalji tr.refAlt th{ background:#00A6EB; padding:0 0 0 5px; text-align:left; font-weight:normal; width:155px; }
table.refDetalji tr td{ color:#B4B4B4; padding:3px 0 3px 10px; }
table.refDetalji tr.refAlt td{ font-weight:bold; color:#00A6EB; padding-left:10px;  }


#galerija{ background:#FAFAFA; margin-top:20px; text-align:center; }
#galerija img{ display:inline; margin:15px 10px; }

div.priborContainer{ border-left:3px solid #00A6EB; padding-left:1px; background:#fff; display:block; }
div.priborContainer h5{ width:540px; background:#DFDFDF; font:bold 12px Arial; color:#666; padding:5px 10px; }
div.priborContainer p{ background:#EFEFEF; padding:10px 15px; border-top:1px solid #fff; width:530px; font:12px Arial; color:#666; }
table.priborDetalji { width:560px; border-collapse:collapse; float:none; display:block;  border:10px solid #F5F5F5; border-right-width:1px;}
table.priborDetalji td{ padding:5px; background:#fff; color:#666; width:220px; border-bottom:2px solid #f5f5f5; }

table.priborDetalji td.image{ vertical-align:middle; width:200px; }
table.priborDetalji td.priborNaziv{ width:110px; }


table.forma{ width:530px; border-collapse:collapse; color:#666; }
table.forma tr{ border-bottom:1px solid #EFEFEF; }
table.forma th{ width:210px; padding:3px 5px; text-align:left; font:normal 12px Arial; }
table.forma td{ width:300px; padding:1px 5px; }
table.forma td input, table.forma td select{ font:normal 12px Arial; width:294px; border:1px solid #C9C9C9; padding:2px; }
table.forma td select{ padding:1px 0; width:300px; }
table.forma td textarea{ width:514px; border:1px solid #C9C9C9; padding:2px; font:normal 12px Arial; overflow:auto; }
table.forma td input.botun{ background:#869197 url(bgImages/botun.gif) no-repeat 0 0; color:#fff; border:0; padding:0 5px 0 20px; width:auto; font-weight:bold; cursor:pointer; }

table.forma tr.error span, table.forma tr.error td{ color:#f00; }
table.forma tr.error td input, table.forma tr.error td textarea{ border:1px solid #f00; background:#ffe1e1; }


#umbMemberControlsLogin table.forma td{ width:auto; padding:2px 5px; }
#umbMemberControlsLogin table.forma input{ color:#666; width:200px; }
#umbMemberControlsLogin #umbLogin_4_chkRememberMe{ width:auto; }
#umbMemberControlsLogin td input.botun{ width:auto; color:#fff; }


#upute{ display:none; }
#upute th{ color:#f00; }

.checkSpam{ display:none; visibility:hidden; } 

ul.faq{ list-style:none; margin:0 0 0 15px; }
ul.faq li{ background:url(bgImages/moreTriangle.gif) no-repeat 0 50%; margin:10px 0; padding-left:10px; }

div.invisible{ display:none; }

input.submit, input.button 
{

background-color: #869197;
background-image: url(bgImages/useractionarrow.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
color: #ffffff;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 24px;
font-weight: bold;
font-size: 12px;
cursor: pointer;
width: auto;
overflow-x: visible;
overflow-y: visible;
}

input.submit2 
{

background-color: #00A6EB;
color: #ffffff;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
font-weight: bold;
font-size: 12px;
cursor: pointer;
width: auto;
overflow-x: visible;
overflow-y: visible;
}