﻿body
{
    padding: 0px;
    margin: 0px;
    font-size: smaller;
    font-family: Verdana, Tahoma, Arial;
    background-color: #EAEAEA;
}
#outer
{
    background-position: right;
    width: 90%;
    background-color: White;
    background-image: url('images/desni.gif');
    background-attachment: scroll;
    background-repeat: repeat-y;
}
#header
{
    background-position: 0px 0px;
    padding: 0px;
    border-width: 0.25px;
    border-color: #330000 #330000 #CC0000 #330000;
    position: relative;
    background: left bottom;
    height: 62px;
    background-color: #800000;
    background-image: url('images/header.jpg');
    background-repeat: no-repeat;
    font-size: 1.5em;
    color: #EAEAEA;
    font-weight: normal;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    right: 6px;
    font-family: Verdana;
    display: block;
}
#header p
{
    margin: 0px;
    padding: 0px;
    right: 1px;
    height: 48px;
    width: 115px;
    float: right;
    position: absolute;
    top: 12px;
}
#header img
{
    left: 0px;
    top: 0px;
}
#header a 
{
    display: block;
    width: 100%;
    font-size: small;
    text-decoration: none;
    color: #C0C0C0;
    font-weight: 200;
    text-align: center;
    position: relative;
    height: 20px;
}
#header a:hover 
{
    display: block;
    color: #CCCCCC;
    font-weight: bold;
    font-family: Verdana;
    height: 20px;
    font-size: small;
    text-align: center;
}
#HeaderDole
{
    position: absolute;
    height: 14px;
    width: 100%;
    left: 0px;
    top: 86px;
    background-image: url('images/gornj.gif');
    background-repeat: repeat-x;
}
#Ljevo
{
	position: absolute;
	width: 185px;
	top: 85px;
	left: 10px;
	top: 68px;
	display: block;
}
#marquee_replacement{
    padding: 0px;    
    height: 240px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
#marquee_replacement p.spacer{
    border-style: none;
    height: 15px;
}
#Ljevo p
{
    background-position: #F9F9FA;
    background: #F9F9FA;
    width: 173px;
    font-size: x-small;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}
#primaryContent
{
	margin: 1.5em 11% 0em 200px;
	padding: 1.5em 1em 1em 2em;
}
#primaryContent a 
{
    font-size: small;
    color: #990000;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    text-decoration: none;
}
#primaryContent a:hover 
{
    font-size: small;
    color: #990000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
}
#primaryContent1 a 
{
    font-size: small;
    color: #990000;
    text-decoration: none;
}
#primaryContent1 a:hover 
{
    font-size: small;
    color: #990000;
    text-decoration: none;
}
#primaryContent b
{
    color: #4E4E4E;
}
#primaryContent h1
{
    font-size: medium;
    color: #000000;
    margin-right: 0.5em;
    margin-bottom: 1em;
}
#primaryContent h2
{
    font-size: small;
    color: #000000;
    margin-bottom: 5px;
}
#primaryContent h3
{
    font-size: small;
    color: #000000;
    margin-bottom: 5px;
}
#primaryContent1
{
    margin: 1.5em 230px 0em 200px;
    padding: 0.5em 0.5em 1.5em 0.5em;
    font-size: small;
}
#primaryContent1 p
{
    margin-bottom: 5px;
    margin-top: 10px;
}
#primaryContent1 h1
{
    font-size: x-large;
    color: #A21114;
}
#primaryContent1 h2
{
    font-size: small;
    color: #808080;
    margin-bottom: 2px;
    margin-top: 2px;
}
#primaryContent1 h3
{
    font-size: x-small;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 30px;
}
#primaryContent1 h4
{
    font-size: x-small;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 15px;
}
#primaryContent1 b
{
    color: #4E4E4E;
}
#footer
{
	position: relative;
	z-index: 1;
	border-top: dashed 1px #dfdfdf;
	padding: 1em 0em 2em 0em;
	margin: 1em 2em 0em 2em;
    top: 0px;
    left: 0px;
}
#tertiaryContent
{
	padding: 5px;
	border: 1px solid #E8E8E8;
	right: 11%;
	top: 65px;
	margin-top: 14px;
	width: 184px;
	background: #FBFBFB left top;
	font-size: x-small;
	display: block;
	float: right;
	clear: left;
	position: absolute;
}
#tertiaryContent span
{
    font-size: small;
}
#tertiaryContent ul
{
    padding: 0px;
    margin-bottom: 5px;
    list-style: none;
    margin-top: 5px;
    top: 5px;
    left: -33px;
    width: auto;
    position: relative;
}
#tertiaryContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;
	background: #fff url('images/a4.gif') top left no-repeat;
	height: 64px;
	width: 128px;
}
#tertiaryContent h5
{
    font-size: x-small;
    margin-bottom: 5px;
}
#tertiaryContent p
{
	border: 1px solid #E8E8E8;
	font-size: small;
	margin-bottom: 0px;
	width: 14em;
	margin-right: 0px;
	position: relative;
	top: 0px;
	left: 3px;
	margin-top: 5px;
	background-color: #F9F9FA;
	padding-right: 5px;
}
.Reference
{
    float: left;
    margin: 10px;
    vertical-align: middle;
    text-align: center;
    height: 108px;
    width: 200px;
}
.plus
{
    background-image: url('images/plus.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    empty-cells: show;
}
.minus
{
    background-image: url('images/minus.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    empty-cells: show;
}
.DesnoSredina
{
    width: 14px;
    background-image: url('images/desni.gif');
    background-repeat: repeat-y;
    height: 100%;
}
.LijevoGore
{
    width: 14px;
    height: 14px;
    background-image: url('images/gornjilijevi.gif');
    background-repeat: no-repeat;
}
.DesnoGore
{
    height: 14px;
    background-image: url('images/gornjidesni.gif');
    background-repeat: no-repeat;
    width: 14px;
}
.SredinaGore
{
    height: 14px;
    background-image: url('images/gornj.gif');
    background-repeat: repeat-x;
}
.SredinaDolje
{
    background-image: url('images/doljnji.gif');
    background-repeat: repeat-x;
    height: 14px;
}
.LijevoSredina
{
    width: 14px;
    height: 459px;
    background-image: url('images/lijevi.gif');
    background-repeat: repeat-y;
}
.Sredina
{
    background-color: #FFFFFF;
    width: auto;
}
.LijevoDole
{
    width: 14px;
    height: 14px;
    background-image: url('images/donjiljevi.gif');
    background-repeat: no-repeat;
}
.DesnoDole
{
    height: 14px;
    background-image: url('images/donjidesni.gif');
    background-repeat: no-repeat;
    width: 14px;
}
.TablicaSadrzaj
{
    top: 100px;
    right: 15%;
    position: absolute;
    width: 85%;
}
.DivSredina
{
    width: 100%;
    height: 100%;
    position: absolute;
}
.DivLogo
{
    width: 100%;
    height: 80px;
    left: 0%;
    position: absolute;
    top: 12px;
}
.podloga_slika
{
	padding: 2px;
	border-style: none;
	float: right;
	text-decoration: none;
	margin-left: 15px;
	display: block;
	width: 275px;
	margin-bottom: 10px;
}
.NavigacijaHeader
{
	height: 14px;
	width: 176px;
	border-bottom-color: #e1e2e4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.MenuOdabrani
{
    border-color: #e1e2e4;
    height: 25px;
    color: #C2151B;
    font-weight: bold;
    font-variant: normal;
    font-style: normal;
    text-indent: 7px;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: Verdana;
    font-size: 10px;
    background-image: url('images/menu_podloga.gif');
    background-repeat: repeat-y;
    border-left-style: solid;
    border-left-width: 1px;
}
.NavigacijaMenu
{
    border-color: #e1e2e4;
    height: 25px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-indent: 5px;
    color: #333333;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}
#content2 .link
{
    font-family: Verdana;
    font-weight: bold;
    color: #333333;
    height: 20px;
    display: block;
    line-height: 20px;
}
#content2 
{
	width: 180px;
	color: #E1E2E4;
	background-color: #FFFFFF;
	visibility: visible;
	display: block;
	float: left;
	margin-bottom: 1px;
	border-spacing: 0px;
	table-layout: fixed;
}
#content2 a 
{
    display: block;
    font-size: 10px;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    height: 20px;
    clear: both;
}
#content2 a:hover 
{
    display: block;
    border: none 0px white;
    height: 22px;
    color: #C2151B;
    font-weight: bold;
    font-family: Verdana;
    background-image: url('images/menu_podloga.gif');
    background-repeat: repeat-y;
    text-indent: 2px;
    line-height: 25px;
    vertical-align: middle;
}
.DivSadrzaj
{
    top: 125px;
    position: static;
    background-color: #FFFFFF;
    float: left;
    visibility: visible;
    padding-top: 10px;
    margin-left: 22px;
    display: block;
    height: 100%;
}
.DivDesnoLinkovi
{
    display: block; 
    float: right; 
    visibility: visible; 
    width: 240px; 
    position: static;
    height: 100%; 
    text-align: left; 
    clip: rect(auto, auto, auto, auto);}
#BodyDole
{
    position: absolute;
    height: 14px;
    width: 100%;
    left: 0px;
    background-image: url('images/gornj.gif');
    background-repeat: repeat-x;
}
.clear
{
    clear: both;
    background-image: url('images/doljnji.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 14px;
    width: 100%;
}
#tertiaryContent h1
{
    font-size: small;
}
#GalerijaContainer
{
	padding: 0.5em 3em 2em 1em;
	height: auto;
	display: block;
	clear: left;
	position: relative;
}
#GalerijaContainer a
{
    padding: 0.5em;
    border-width: 0px;
    text-decoration: none;
    border-style: none;
    font-size: x-small;
    display: block;
    width: 202px;
    margin-right: 5px;
    margin-bottom: 25px;
    height: 147px;
    float: left;
    margin-left: 0px;
    position: relative;
}
#GalerijaContainer a:hover
{
    border-width: 0px;
    text-decoration: none;
    border-style: none;
    font-size: x-small;
    background-color: #F5F5FA;
    display: block;
}
#GalerijaContainer img
{
    border-style: none;
    width: 200px;
    height: 145px;
}
#GalerijaContainer h2
{
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: #BCBCDE;
    display: block;
    float: none;
    clear: both;
    background-color: #F5F5FA;
    font-size: 14px;
}
body > #header p
{
    padding: 0px;
    right: 1px;
    height: 57px;
    width: 200px;
    top: -30px;
    margin-top: -30px;
    display: block;
}
#thumbBox{
    /*Outermost DIV for thumbnail viewer*/
    position: absolute;
    left: 0;
    width: auto;
    padding: 10px;
    padding-bottom: 0;
    background: #706D6F;
    visibility: hidden;
    z-index: 10;
    cursor: hand;
    font-family: Verdana, Arial;
    font-size: small;
}
#thumbBox .footerbar{
    /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
    letter-spacing: 5px;
    line-height: 1em;
    color: white;
    padding: 5px 0;
    text-align: left;
}


#thumbBox #thumbImage{
    /*DIV within thumbbox that holds the enlarged image */
background-color: #F5F5FA;
}
#thumbLoading{
    /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
    visibility: hidden;
    border: 1px solid #184250;
    background-color: #706D6F;
    padding: 5px;
    z-index: 5;
    color: #F5F5FA;
}

