/* Osnovne definicije */
* {margin: 0; padding: 0;}
#bodyWell { background: #FFEAF4; 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: #ffffff;}
a img {border: none;}
html body a:hover {color: #dedede;}
ul, ol {list-style: none;}
/* Header */
#header { background: #A90536; color: #FFFFFF; margin: 0px auto; overflow: hidden; width: 1000px; text-align:left }
#headlang { background: #A90536; color: #dedede; float: left; font-size: 0.9em; font-weight: normal; height: 18px; padding: 5px 8px 0px 0px; text-align: right; width: 990px; }
#headanimacija { width: 980px; border: 1px solid #dedede; 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 #ffffff; border-right: 1px solid #ffffff; 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; }
.headPinkOn { background: #EBEBEB url(../images/gimHeadPinkOn.gif) repeat-x bottom; color: #DA1678; }
#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: #A90536; clear: both; color: #FFFFFF; height: 10px; margin: 0px auto; width: 1000px; }
/* 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 */
#leftMenu { float: left; font-size: 1.1em; width: 201px; }
#leftBox { padding: 70px 0px 0px 10px; }
#naviBox { border-bottom: 1px solid #A90536; color: #A90536; float: left; text-align: left; width: 191px; }
#naviBox li a { background: #A2C2E1 url('images/linksBackground.gif') repeat-y top left; border-top: 1px solid #A90536; color: #A90536; display: block; font-weight: bold; padding: 11px 0px 11px 4px; text-decoration: none; width: 186px; }
#naviBox li span { background: #A2C2E1 url('images/linksBackgroundOn.gif') repeat-y top left; border-top: 1px solid #A90536; color: #167ADA; cursor: default; display: block; font-weight: bold; padding: 11px 0px 11px 4px; width: 186px; }
#naviBox li a:hover { background: #A2C2E1 url('images/linksBackgroundOn.gif') repeat-y top left; color: #167ADA; }

#naviBox li ul { background: #FFFFFF url('images/linksBackgrounds.gif') repeat-y top; border-top: 1px solid #A90536; text-align: right; }
#naviBox li ul li a { background: #FFFFFF url('images/linksBackgrounds.gif') repeat-y top; border: none; color: #A90536; display: block; font-size: 0.8em; font-weight: normal; padding: 5px 10px 5px 15px; text-decoration: none; width: 166px; }
#naviBox li ul li span { background: #FFFFFF; border-top: 1px solid #A90536; border-bottom: 1px solid #A90536; color: #167ADA; cursor: default; display: block;font-size: 0.8em; padding: 5px 10px 5px 15px; width: 165px; }
#naviBox li ul li a:hover { background: #FFFFFF url('images/linksBackgroundsOn.gif') repeat-y top; color: #167ADA; }
#leftBoxBottom {float: left; height: 25px; width: 191px;}

/* Content */
#content {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_red.gif') no-repeat 50% top; color: #A90536; 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; }

#productList { float: left; overflow: hidden; width: 740px; }
#productList .product { background: #FFFFFF; color: #565656; clear: both; line-height: 1.4; padding: 15px 0px 0px 0px; }
#productList .product h1 { background: #FFFFFF url('../images/naslov_red_pod.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 .product .opis { float: left; padding: 5px 0px 0px 0px; width: 740px; }
#productList .product .opis .slika, #productList .product .opis .slika2, #productList .product .opis .slika3 { border: 1px solid #DEDEDE; float: left; padding: 4px 4px 4px 4px; }
#productList .product .opis .slika img { height: 150px; width: 150px; }
#productList .product .opis .slika2 img { height: 200px; width: 150px; }

#productList .product .opis h2 { color: #A90E0E; float: left; font-size: 1.0em; padding: 5px 10px 0px 10px; width: 540px; }
#productList .product .opis h3 { font-size: 1.1em; font-weight: normal; float: left; padding: 5px 10px 0px 10px; width: 540px; }
#productList .product .opis .tekst { font-size: 1.1em; font-weight: normal; float: left; list-style-type: disc; padding: 5px 10px 0px 30px; width: 520px; }
#productList .product .opis .tekst ul { list-style-type: circle; padding: 0px 10px 0px 30px; }
#productList .product .opis h4 { float: right; font-size: 1.0em; font-weight: normal; padding: 5px 10px 0px 10px; text-align: right; width: 366px; }
#productList .product .opis h4 a {color: #A90536; font-weight: bold;}
#productList .product .opis h4 a:hover { color: #167ADA; text-decoration: underline; }

#productList .product .opis h2.aaa { color: #A90E0E; float: left; font-size: 1.0em; padding: 5px 10px 0px 10px; width: 360px; }
#productList .product .opis .tekst2 { font-size: 1.1em; font-weight: normal; float: left; list-style-type: disc; padding: 5px 10px 0px 30px; width: 340px; }
#productList .product .opis .tekst2 ul { list-style-type: circle; padding: 0px 10px 0px 30px; }

#productList .product #navrh h4 { background: #FFFFFF url('../images/naslov_red_vrh.gif') no-repeat top; float: left; font-size: 0.9em; font-weight: normal; padding: 3px 10px 3px 10px; text-align: right; width: 527px; }

#productList #navrh h4 a { color: #A90536; font-weight: bold; }
#productList #navrh h4 a:hover { color: #167ADA; text-decoration: underline; }

/* 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_red_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 .slikaList { border: 1px solid #DEDEDE; float: left; padding: 4px 4px 4px 4px; overflow: hidden; width: 250px; }
#productList .productDesc .opisDesc .slikaListtext { float: left; padding: 4px 4px 4px 4px; overflow: hidden; }
#productList .productDesc .opisDesc h2 { color: #DA1678; float: left; font-size: 1.0em; padding: 5px 10px 0px 10px;width: 430px; }
#productList .productDesc .opisDesc h2.op { color: #DA1678; float: left; font-size: 1.0em; padding: 5px 0px 0px 0px; width: 720px; }
#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 h3 a, #productList .productDesc .opisDesc div.abc a { color: #A90E0E; font-weight: bold; }
#productList .productDesc .opisDesc h3 a:hover, #productList .productDesc .opisDesc div.abc a:hover {color: #015E8D; text-decoration: underline;}
#productList .product #navrh h4, #productList .productDesc .opisDesc h3.dd {background: #FFFFFF url('../images/naslov_red_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 #navrh h4 a, #productList .productDesc .opisDesc h3.dd a {color: #A90536; font-weight: bold;}
#productList #navrh h4 a:hover, #productList .productDesc .opisDesc h3.dd a:hover { color: #167ADA; 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 td .pictAll { border: 1px solid #DEDEDE; padding: 4px 4px 4px 4px; width: 150px; }
#productList .productDesc .opisDesc .pictList td .pictAll img { height: 150px; width: 150px; }
#productList .productDesc .opisDesc .pictList td a { color: #A90536; font-weight: bold; }
#productList .productDesc .opisDesc .pictList td a:hover { color: #167ADA; text-decoration: underline; }

#referenceList { margin-left: 35px; list-style:circle; }
#referenceList li { padding-bottom: 3px; }
/* Footer */
#footer { background: #A90536; clear: both; color: #dedede; font-size: 0.9em; line-height: 1.7; overflow: hidden; margin: 0px auto; padding: 10px 0px 20px 0px; text-align: center; width: 1000px; }
#footer a { color: #ffffff; text-decoration: underline; }
#copyRight { color: #dedede; padding: 20px 0px 0px 0px; }
#copyRight a {color: #ffffff; }
#footer a:hover, #copyRight a:hover { color: #dedede; text-decoration: none; }