﻿/* Osnovne definicije */
* {margin: 0; padding: 0;}
#bodytitle { background: #DEDEDE; color: #323232; font: 76% Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.0; text-align: center; }
.imgblank10 { height: 10px; width: 10px; border: none; }
a {text-decoration: none; color:#015E8D}
a img {border: none;}
html body a:hover {color: #A90E0E;}
ul, ol {list-style: none;}
/* Header */
#header { background: #EBEBEB; border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A; border-top: 1px solid #9A9A9A; color: #FFFFFF; /*height: 272px;*/ margin: 0px auto; overflow: hidden; width: 998px; text-align:left }
#headlang { background: #EBEBEB; color: #9A9A9A; float: left; font-size: 0.9em; font-weight: normal; height: 18px; padding: 5px 8px 0px 0px; text-align: right; width: 988px; }
#headanimacija { width: 980px; border: 1px solid #9A9A9A; background-color: #ffffff; overflow:hidden; margin-left:8px; text-align: left }
#headlogo { float: left; height: 250px; width: 280px; background-color:#ffffff; }
#headlogo img { border: none; height: 250px; width: 276px; }
#contentanimacija { width:700px; height:250px; background-color:#ffffff; float:right; }
#fade img { width: 700px; height: 250px; border: none; }
#headLinksI { padding: 0px 10px 0px 8px; width: 980px; overflow: hidden; }
#headLinks { background: #FFFFFF; border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A; float: left; height: 36px; padding: 10px 1px 1px 1px; width: 978px; }
#headNav { 	background: #FFFFFF; float: left; font-size: 0.9em; margin: 0px auto; width: 978px; text-align:center }
#headNav li { float: left; list-style-type: none; }
#headNav li.left { background: url('../images/gimLinksGray.gif') repeat-x 50% bottom; height: 35px; width: 160px; }
#headNav li a { border-left: #FFFFFF solid 1px; display: block; font-weight: bold; height: 35px; text-decoration: none; }
#headNav li span { border-left: #FFFFFF solid 1px; display: block; font-weight: bold; height: 35px; text-decoration: none; }
.headGray { background: #EBEBEB url('../images/gimHeadGrayOff.gif') repeat-x 50% bottom; color: #707070; }
.headBlue { background: #EBEBEB url('../images/gimHeadBlueOff.gif') repeat-x 50% bottom; color: #707070; }
.headGreen { background: #EBEBEB url('../images/gimHeadGreenOff.gif') repeat-x 50% bottom; color: #707070; }
.headPink { background: #EBEBEB url('../images/gimHeadPinkOff.gif') repeat-x 50% bottom; color: #707070; }
.headGold { background: #EBEBEB url('../images/gimHeadGoldOff.gif') repeat-x 50% bottom; color: #707070; }
.headGrayOn { background: #EBEBEB url('../images/gimHeadGrayOn.gif') repeat-x 50% bottom; color: #3E3E3E; }
.headBlueOn { background: #EBEBEB url('../images/gimHeadBlueOn.gif') repeat-x 50% bottom; color: #0E5EA8; }
#headNav li a.headGray:hover { background: #FFFFFF url('../images/gimHeadGrayOn.gif') repeat-x 50% bottom; color: #515151; display: block; }
#headNav li a.headBlue:hover { background: #FFFFFF url('../images/gimHeadBlueOn.gif') repeat-x 50% bottom; color: #0659A8; display: block; }
#headNav li a.headGreen:hover { background: #FFFFFF url('../images/gimHeadGreenOn.gif') repeat-x 50% bottom; color: #44A164; display: block; }
#headNav li a.headPink:hover { background: #FFFFFF url('../images/gimHeadPinkOn.gif') repeat-x 50% bottom; color: #E869A8; display: block; }
#headNav li a.headGold:hover { background: #FFFFFF url('../images/gimHeadGoldOn.gif') repeat-x 50% bottom; color: #783108; display: block; }
#bla { background: #EBEBEB url('images/top_main_background.gif') no-repeat center; border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A; clear: both; color: #FFFFFF; height: 10px; margin: 0px auto; width: 998px; }
/* Glavni okvir */
#mainContent { background: #FFF url('images/main_background.gif') repeat-y 50% top; clear: both; color: #858585; margin: 0px auto; overflow: hidden; text-align: left; width: 1000px; }
/* Lijevi content */
/* Lijevi linkovi */
#leftMenur { float: left; font-size: 1.1em; width: 201px; }
#leftBoxr { padding: 70px 0px 0px 10px; }
#naviBoxr { border-bottom: 1px solid #9A9A9A; color: #707070; float: left; text-align: left; width: 191px; }
#naviBoxr li a { background: #dedede url(images/linksBackground.gif) repeat-y top left; border-top: 1px solid #9A9A9A; color: #707070; display: block; font-weight: bold; padding: 11px 0px 11px 4px; text-decoration: none; width: 186px; }
#naviBoxr li span { background: #dedede url(images/linksBackgroundOn.gif) repeat-y top left; border-top: 1px solid #9A9A9A; color: #0E5EA8; cursor: default; display: block; font-weight: bold; padding: 11px 0px 11px 4px; width: 186px; }
#naviBoxr li a:hover { background: #dedede url(images/linksBackgroundOn.gif) repeat-y top left; color: #ffffff; }
#leftBoxBottomr {float: left; height: 25px; width: 191px;}
#leftMenu, #leftMenu2 { float: left; padding: 70px 10px 10px 38px; width: 153px; }
#leftMenu h3, #leftMenu2 h3 { color: #015E8D; font-size: 1.0em; font-weight: normal; float: left; line-height: 19px; width: 130px; }
#leftMenu h3 a, #leftMenu2 h3 a { color: #A90E0E; font-weight: bold; }
#leftMenu h3 a:hover, #leftMenu2 h3 a:hover { color: #015E8D; text-decoration: underline; }
#leftMenu2 { padding-top: 30px; }
#leftMenu1 { float: left; font-size: 1.1em; width: 200px; }
#leftBox1 { padding: 70px 0px 0px 10px; }
#lijevicontent{float:left; width: 400px; overflow: hidden}
.post{line-height:200%;overflow:hidden;width:388px; padding-left: 10px;}.post h1{font-weight:normal}.title{margin:0;padding:10px 0 4px 0px;font-weight:normal}.title a{border-bottom:none;color:#015E8D}.title a:hover{border-bottom:1px dotted #000000}.byline{border-bottom:1px #BBBBBB dashed;margin:-7px 0px 10px 0px}.tag{padding:0 15px}.entry{padding:0 0px;overflow:hidden}.links,.linksdesno,.linkslijevo{padding:4px 0px 10px 0px;text-align:right;font-weight:bold;background: #FFFFFF url('images/content_bottom.gif') repeat-x bottom;}.linkslijevo{text-align:left;margin-top:10px}.linksdesno{margin-top:10px;margin-right:10px}.links a{border:none;color:#A90E0E}.links a:hover{}.entry p{line-height:170%;;overflow:hidden}.vijest{padding: 2px 2px 2px 2px;float: left;margin: 6px 8px 6px 0px;border: 1px solid #BBBBBB;}.more:hover{text-decoration:none;color:#A0A0A0}
#contentvijesti{padding: 5px 0px 15px 15px;}.postv{line-height:200%;overflow:hidden;width:740px;}.postv h1{font-weight:normal}.titlev{margin:0;padding:10px 0 4px 0px;font-weight:normal}.titlev a{border-bottom:none;color:#015E8D}.titlev a:hover{border-bottom:1px dotted #000000}.bylinev{border-bottom:1px #BBBBBB dashed;margin:-7px 0px 10px 0px}.entryv{padding:0 0px;overflow:hidden}.linksv {padding:4px 0px 10px 0px;text-align:right;font-weight:bold;background: #FFFFFF url('images/content_bottom.gif') repeat-x bottom;}.linksv a{border:none;color:#A90E0E}.linksv a:hover{}.entryv p{line-height:170%;;overflow:hidden}.vijestv{padding: 2px 2px 2px 2px;float: left;margin: 6px 8px 6px 0px;border: 1px solid #BBBBBB;}.morev:hover{text-decoration:none;color:#A0A0A0}
#desnicontent{float:right; width: 360px; overflow: hidden; margin-right: 10px; margin-top: 10px; color: #666666;}
.conthome{width: 358px; overflow: hidden; margin-bottom: 10px; border: 1px solid #cccccc; background-color:#EFEFEF;}
.conthome h1{padding: 5px 0px 5px 10px; display:block; color:#ffffff; font-size: 22px; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;}
.conthome p{padding: 0px 10px 0px 0px; display:block; overflow:hidden; font-size:12px; line-height:18px;}
.conthome p img {width: 180px; height:130px; float: left; margin: 0px 6px 0px 0px;}
.conthome a.linknext{float:right;color:#A90E0E}
.conthome a.linknext:hover{color:#999999}
/* Content */
#content { float: left; text-align: left; width: 790px; padding-bottom: 15px; }
#content1 {float: left; text-align: left; width: 790px;}
#contentBox {background: #FFFFFF; float: left; padding: 20px 20px 20px 25px; width: 742px;}
#contentBox h1 {background: url('../images/naslov_blue.gif') no-repeat 50% top; color: #0E5EA8; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; height: 30px; padding: 5px 0px 0px 20px; width: 720px; }
#contentBox1 {background: #FFFFFF; float: left; padding: 20px 20px 20px 25px; width: 742px;}
#contentBox1 h1 {background: url('../images/naslov_blue.gif') no-repeat 50% top; color: #0E5EA8; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; height: 30px; padding: 5px 0px 0px 20px; width: 720px; }
#contentWhere { background: #FFF url('../images/dots-sep-h.gif') repeat-x 50% bottom; float: left; font-size: 0.9em; height: 26px; width: 788px; }
#contentWhere li { float: left; padding: 3px 0px 3px 10px; }
#contentWhere li a { color: #0E5EA8; display: block; padding: 5px 0px 5px 0px; }
#contentWhere li span { color: #A90E0E; cursor: default; display: block; padding: 5px 0px 5px 0px; }
#contentWhere li span.gray { color: #707070; }
#contentWhere a:hover { color: #A90E0E; }
/* Proizvodi */
#productList .productDesc { background: #FFFFFF; color: #565656; clear: both; line-height: 1.4; padding: 15px 0px 0px 0px; }
#productList .productDesc h1 { background: #FFFFFF url('../images/naslov_blue_pod.gif') no-repeat 50% top; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold;	height: 22px; padding: 3px 10px 3px 10px; text-transform: none; }
#productList .productDesc .opisDesc { float: left; padding: 5px 0px 0px 0px; width: 730px; }
#productList .productDesc .opisDesc .slika { border: 1px solid #DEDEDE; float: left; padding: 4px 4px 4px 4px; }
#productList .productDesc .opisDesc .slika img { height: 250px; width: 250px; }
#productList .productDesc .opisDesc h2 { color: #015E8D; float: left; font-size: 1.0em; padding: 5px 10px 0px 10px;width: 266px; }
#productList .productDesc .opisDesc h2.op { color: #015E8D; float: left; font-size: 1.0em; padding: 5px 0px 0px 0px; width: 527px; }
#productList .productDesc .opisDesc h2.ref { color: #A90E0E; font-size: 1.0em; padding: 5px 0px 10px 0px; width: 100%; }
#productList .productDesc .opisDesc .tekst { font-size: 1.1em; font-weight: normal; float: left; list-style-type: disc; padding: 5px 10px 0px 30px; width: 430px; }
#productList .productDesc .opisDesc .tekst ul { list-style-type: circle; padding: 0px 10px 0px 30px; }
#productList .productDesc .opisDesc h3, #productList .productDesc .opisDesc div.abc { font-size: 1.0em; font-weight: normal; float: left; padding: 5px 0px 0px 0px; width: 720px; }
#productList .productDesc .opisDesc h3 ul, #productList .productDesc .opisDesc div.abc ul { font-size: 1.0em; font-weight: normal; list-style-type: circle; padding: 5px 0px 15px 30px; }
#productList .productDesc .opisDesc div.abc ol { font-size: 1.0em; font-weight: normal; list-style:decimal; padding: 5px 0px 15px 30px; }
#productList .productDesc .opisDesc div.abc ol li { padding-bottom: 5px; }
#productList .productDesc .opisDesc h3 a, #productList .productDesc .opisDesc div.abc a { color: #748C40; font-weight: bold; }
#productList .productDesc .opisDesc h3 a:hover, #productList .productDesc .opisDesc div.abc a:hover {color: #A90536; text-decoration: underline;}
#productList .product #navrh h4, #productList .productDesc .opisDesc h3.dd {background: #FFFFFF url('../images/naslov_blue_vrh.gif') no-repeat 50% top; float: left; font-size: 0.9em; font-weight: normal; height:15px; padding: 3px 10px 3px 10px; text-align: right; width: 720px;}
#productList .productDesc .opisDesc h3.dd {margin-top: 10px; margin-bottom: 10px;}
#productList .product { background: #FFFFFF; color: #565656; clear: both; line-height: 1.4; padding: 15px 0px 0px 0px; }
#productList #navrh h4 a, #productList .productDesc .opisDesc h3.dd a {color: #A90E0E; font-weight: bold;}
#productList #navrh h4 a:hover, #productList .productDesc .opisDesc h3.dd a:hover { color: #015E8D; text-decoration: underline; }

#productList .productDesc .opisDesc .pictList { float: left; padding: 5px 0px 0px 0px; width: 740px; }
#productList .productDesc .opisDesc .pictList .slika1 { border: 1px solid #DEDEDE; float: left; padding: 4px 4px 4px 4px; }
#productList .productDesc .opisDesc .pictList .slika1 img { height: 220px; width: 220px; }
#productList .productDesc .opisDesc .pictList .slika2 { border: 1px solid #DEDEDE; float: right; padding: 4px 4px 4px 4px; }
#productList .productDesc .opisDesc .pictList .slika2 img { height: 220px; width: 150px; }
#productList .productDesc .opisDesc .pictList .slika3 { border: 1px solid #DEDEDE; float: right; padding: 4px 4px 4px 4px; }
#productList .productDesc .opisDesc .pictList .slika3 img { height: 220px; width: 220px; }
#productList .productDesc .opisDesc .pictList .slika4 { border: 1px solid #DEDEDE; float: left; padding: 4px 4px 4px 4px; }
#productList .productDesc .opisDesc .pictList .slika4 img { height: 220px; }
#productList .productDesc .opisDesc .pictList .slika5 { border: 1px solid #DEDEDE; float: right; padding: 4px 4px 4px 4px; }
#productList .productDesc .opisDesc .pictList .slika5 img { height: 220px; }
#productList .productDesc .opisDesc .pictList .slika6 { border: 1px solid #DEDEDE; padding: 4px 4px 4px 4px; width:350px; margin-bottom: 10px }
#productList .productDesc .opisDesc .pictList .slika6 img { height: 180px }

.lijevibanner1 { width: 160px; height: 154px; border: none; margin-left: -12px; margin-top: 10px; margin-bottom: 5px; }
.lijevibanner2 { width: 160px; height: 50px; border: none; margin-left: -12px; margin-top: 10px; margin-bottom: 5px; }

#referenceList { margin-left: 35px; list-style:circle; }
#referenceList li { padding-bottom: 3px; }
/* Footer */
#footer { background: #EBEBEB url('images/bottom_main_background.gif') no-repeat 50% top; border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A; border-bottom: 1px solid #9A9A9A; clear: both; color: #9A9A9A; font-size: 0.9em; line-height: 1.7; overflow: hidden; margin: 0px auto; padding: 10px 0px 20px 0px; text-align: center; width: 998px; }
#footer a { color: #015E8D; text-decoration: none; }
#copyRight { color: #9A9A9A; padding: 20px 0px 0px 0px; }
#copyRight a {color: #015E8D}
#footer a:hover, #copyRight a:hover { color: #A90E0E; text-decoration: underline; }