﻿/* 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; }

a {text-decoration: none;}
a img {border: none;}

html body a:hover {color: #000;}

ul, ol {list-style: none;}

/* Zaglavlje */
#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: 778px; }

#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: 768px; }
#headLogo { background: #EBEBEB url(../Images/novoHead2.jpg) no-repeat 389px; float: left; height: 202px; padding: 0px 8px 0px 8px; text-align: left; width: 758px; }
#headLinksI { float: left; padding: 0px 10px 0px 8px; width: 760px; }
#headLinks { background: #FFFFFF; border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A; float: left; height: 36px; padding: 10px 1px 1px 1px; width: 758px; }

#headNav { 	background: #FFFFFF; float: left; font-size: 0.9em; margin: 0px auto; width: 758px; }
#headNav li { float: left; list-style-type: none; }
#headNav li.left { background: url(../Images/gimLinksGray.gif) repeat-x bottom; height: 35px; width: 167px; }
#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 bottom; color: #707070; }
.headBlue { background: #EBEBEB url(../Images/gimHeadBlueOff.gif) repeat-x bottom; color: #707070; }
.headGreen { background: #EBEBEB url(../Images/gimHeadGreenOff.gif) repeat-x bottom; color: #707070; }
.headPink { background: #EBEBEB url(../Images/gimHeadPinkOff.gif) repeat-x bottom; color: #707070; }
.headGold { background: #EBEBEB url(../Images/gimHeadGoldOff.gif) repeat-x bottom; color: #707070; }

.headGrayOn { background: #68B984 url(../Images/gimHeadGrayOn.gif) repeat-x bottom; color: #3E3E3E; }
.headBlueOn { background: #68B984 url(../Images/gimHeadBlueOn.gif) repeat-x bottom; color: #0E5EA8; }

#headNav li a.headGray:hover { background: #FFFFFF url(../Images/gimHeadGrayOn.gif) repeat-x bottom; color: #515151; display: block; }
#headNav li a.headBlue:hover { background: #FFFFFF url(../Images/gimHeadBlueOn.gif) repeat-x bottom;	color: #0659A8; display: block; }
#headNav li a.headGreen:hover { background: #FFFFFF url(../Images/gimHeadGreenOn.gif) repeat-x bottom; color: #44A164; display: block; }
#headNav li a.headPink:hover { background: #FFFFFF url(../Images/gimHeadPinkOn.gif) repeat-x bottom; color: #E869A8; display: block; }
#headNav li a.headGold:hover { background: #FFFFFF url(../Images/gimHeadGoldOn.gif) repeat-x bottom; color: #783108; display: block; }

#bla { background: #EBEBEB url(../Images/novoBla.gif) no-repeat center; border-left: 1px solid #9A9A9A; border-right: 1px solid #9A9A9A; clear: both; color: #FFFFFF; height: 10px; margin: 0px auto; width: 778px; }

/* Glavni okvir */
#mainContent { background: #FFF url(../Images/novoMainBackground.gif) repeat-y top; clear: both; color: #858585; margin: 0px auto; overflow: hidden; text-align: left; width: 780px; }

#leftMenu, #leftMenu2 { float: left; padding: 70px 10px 10px 38px; width: 130px; }
#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: 178px; }
#leftBox1 { padding: 70px 0px 0px 10px; }

/* Sadržaj */
#content { float: left; padding: 0px 10px 0px 0px; text-align: left; width: 582px; }

#contentWhere { background: #FFF url(../Images/dots-sep-h.gif) repeat-x bottom; float: left; font-size: 0.9em; height: 26px; width: 592px; }
#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; }

#contentBox { background: transparent; float: left; width: 582px; }
#contentBox td.tekst h1 { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; line-height: 1.3em; text-align: left; }
#contentBox td h2 { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; text-align: left; }
#contentBox td h2 a {color: #A90E0E; font-weight: bold;}
#contentBox td h2 a:hover {color: #015E8D; text-decoration: underline;}

#content1 {float: left; text-align: left; width: 602px;}
#contentBox1 {background: #FFFFFF; float: left; padding: 20px 20px 20px 25px; width: 547px;}
#contentBox1 h1 {background: transparent url(../Images/fizNaslov.gif) no-repeat 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: 527px; }

/* 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/fizPodNaslov.gif) no-repeat 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: 547px; }
#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 .tekst { font-size: 1.1em; font-weight: normal; float: left; list-style-type: disc; padding: 5px 10px 0px 30px; width: 246px; }
#productList .productDesc .opisDesc .tekst ul { list-style-type: circle; padding: 0px 10px 0px 30px; }
#productList .productDesc .opisDesc h3 { font-size: 1.0em; font-weight: normal; float: left; padding: 5px 0px 0px 0px; width: 547px; }
#productList .productDesc .opisDesc h3 ul { font-size: 1.0em; font-weight: normal; list-style-type: circle; padding: 5px 0px 15px 30px; }
#productList .productDesc .opisDesc h3 a { color: #A90E0E; font-weight: bold; }
#productList .productDesc .opisDesc h3 a:hover {color: #015E8D; text-decoration: underline;}

#productList .product #navrh h4 {background: #FFFFFF url(../Images/fizVrh.gif) no-repeat top; float: left; font-size: 0.9em; font-weight: normal; height:15px; padding: 3px 10px 3px 10px; text-align: right; width: 527px;}
#productList #navrh h4 a {color: #A90E0E; font-weight: bold;}
#productList #navrh h4 a:hover { color: #015E8D; text-decoration: underline; }

#referenceList { margin-left: 35px; list-style:circle; }
#referenceList li { padding-bottom: 3px; }

/* Footer */
#footer { background: #EBEBEB url(../Images/novoHeadBottom.gif) no-repeat 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: 778px; }
#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; }