body
{
	margin: 0px;
	font-size: 67.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#vrh {padding: 0px; margin: 0px; height: 0px; float: left;}	/*anchor named 'vrh'*/

.clearboth, h2, hr
{
	clear: both;
}
.clearright
{
	clear: right;
}
h1, h2
{
	font-weight: bold;
	font-size: 1.7em;
	margin-top: 1.2em;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
h1
{
	text-transform: uppercase;
}
h3
{
	font-size: 1.3em;
	margin-top: 2em;
	margin-bottom: 1em;
}
h4
{
	font-size: 1.1em;
	font-style: italic;
	color: #9B999A;
	padding-top: 1em;
}
h5
{
	font-size: 1em;
	font-weight: bold;
}
hr
{
	background-color: #DC0066;	/*FF coloring*/
	color: #DC0066;				/*IE coloring*/
	height: 2px;
	border: 0px;
}
div
{
	border: 0px solid red;
}

a
{
	font-weight: bold; 
	text-decoration: none;
	color: #9B999A;
}
a:hover
{
	color: #DC0066;
}

ul, ol
{
	line-height: 1.5em;
	margin-top: 1.75em;
}
ol
{
	padding-left: 0em;
	list-style-position: inside;
}
ol ul
{
	list-style-position: outside;
	list-style-type: disc;
}
ol li
{
	margin-top: 1.5em;
}
ol li ul
{
	margin-top: 1em;
}
ul ul
{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
ul *, ol li *
{
	line-height: 1.5em;
	margin-top: 0em;
}


/* ########## MENU FLOATERS ########## */
/*#menuTehnologije, #menuONama, #menuProjektnaRjesenja
/*#floatMenu, #floatMenu div*/
#floatMenu div
{
	display: none;
	position: absolute;
	/*left: 800px;*/
	top: 122px;
	width: 110px;
	
	font-size: 0.8em;
	font-weight: bold;
	border-top: 1px solid #777777;
}
#menuProjektnaRjesenja
{
	width: 200px !important;
}
#menuProgramskaRjesenjaGIS, #menuProgramskaRjesenjaWeb
{
	border-top: 1px solid #777777;
	width: 250px !important;
}
#menuProgramskaRjesenjaGIS a, #menuProgramskaRjesenjaWeb a
{
	border-top: 1px solid #777777;
	width: 240px !important;
}
/*#menuTehnologije a, #menuONama a, #menuProjektnaRjesenja a*/
#floatMenu a
{
	display: block;
	border: 1px solid #777777;
	border-top-width: 0px;
	padding: 4px;
	background-color: #FFFFFF;
}
/*#menuTehnologije a:hover, #menuONama a:hover, #menuProjektnaRjesenja a:hover*/
#floatMenu a:hover
{
	background-color: #E9ECF1;
}
a.hasSubMenu
{
	background-image: url(/img/arrows.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* ########## END MENU FLOATERS ########## */

#container
{
}

#header
{
	background-color: #E7ECF2;
	background-image: url(img/zaglavlje_hr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
	height: 121px;
	border-bottom: 1px solid #9A9A9A;
}

#main, #footer
{
	width: 760px;
	margin: 0em auto;
	clear: both;
}
#main
{
	text-align: left;
	
	min-height: 400px;
}
#topNav
{
	position: relative;
	/*width: 580px;*/
	height: 1.25em;
	top: -1.5em;
	float: right;
}
#topNav a
{
	background-color: #ffffff;
	padding: 0px 2.25em;
	margin: 0em 0.4em;
	font-size: 90%;
}
#navPanel, #footerLeft
{
	width: 159px;
	float: left;
	
	position: relative;
	left: 0px;
}
#navPanel
{

	background-image: url(img/teb_logo.jpg);
	background-position: top center;
	background-repeat: no-repeat;

	top: -35px;
	padding-top: 90px;
	
	/*
	display: none;
	*/
}
#navPanel a
{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	/*padding: 1px;*/
	margin: 2em 1.5em 0em 1.5em;
	padding: 2px;
	
	background-color: #E8EBF4;
	border-bottom: 1px solid #9A9A9A;
}
#navPanel a.level2
{
	/*color: #E7ECF2;
	/*background-color: #9A9A9A;
	border-bottom: 1px solid #DB0064;*/
	background-color: #FFFFFF;
	border-width: 0px;
	margin-top: 0.5em !important;
	margin-left: 3.75em;
	text-align: left;
	padding: 0px;
	/*padding-left: 0em;*/
	
	display: list-item;
	list-style-image: url(/img/in_arrow.gif);
	list-style-position: outside;
}

#breadcrumb_nav, #content, #footerRight
{
	width: 593px;
	left: 165px;
	top: 0px;
	float: right;
}
#content, #breadcrumb_nav
{
	color: #464241;
}
#content
{
	padding-top: 12px;
	line-height: 1.6em;
}
#breadcrumb_nav
{
	font-size: 0.85em;
	padding-top: 8px;
	padding-bottom: 2px;
}
#breadcrumb_nav a
{
	font-weight: normal;
	color: #DC0066;
}
#breadcrumb_nav a:hover
{
	text-decoration: underline;
}

#contentleft
{
	width: 65%;
	float: left;
}
#contentright
{
	width: 35%;
	float: right;
}
#content a
{
	color: #DC0066;
}
#content a:hover
{
	/*color: #9B999A;*/
	text-decoration: underline;
}
#content img
{
	border: 0px;
	margin: 0.5em 0.8em 0.2em 0.2em;
}
#content img.border
{
	border: 1px solid black;
}
#content img.imgleft_border, #content img.imgleft_noborder
{
	float: left;
}
#content img.imgleft_border
{
	border: 1px solid black;
}
#content img.imgright_border, #content img.imgright_noborder
{
	float: right;
}
#content img.imgright_border
{
	border: 1px solid black;
}
#contentright img
{
	border: 0px;
	margin: 1.0em 0.8em 0.8em 0.2em;
}

#footer
{
	color: #9B999A;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	/*border: 1px solid green;*/
}
#footerLeft, #footerRight 
{
	height: 40px;
	margin-bottom: 25px;
	vertical-align: middle;
}
#footerRight
{
	line-height: 40px;
}


#projektni_tim
{
	text-align: justify;
	clear: both;
	padding-top: 1em;
	line-height: 1.5em;
}
#projektni_tim a
{
	color: #9B999A;
}
#projektni_tim a:hover
{
	color: #DC0066;
	text-decoration: none;
}

#referentna_lista, #webmap
{
	list-style-image: url(/img/in_arrow.gif);
	font-weight: bold;
}
#referentna_lista ul
{
	list-style-image: none;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	/*color: #9B999A; */
}
#referentna_lista ul ul	/* JAVASCRIPT HIDE/SHOW */
{
	display: none;
}
/*
#referentna_lista ul a
{
	color: #9B999A; 
}
#referentna_lista ul a:hover
{
	color: #DC0066;
}
*/
#kontaktTable
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#kontaktTable tr td
{
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#kontaktTable tr img
{
	padding-left: 10px;
}

/* ############## CLASS STYLES ############## */
.imgcenter
{
	text-align: center;
	clear: both;
}
.imgcenter img
{
	margin: 1.5em !important;
}
div.primjer
{
	float: none !important;
	clear: left;
}
div.primjer h4, div.primjer p, div.primjer ul
{
	margin-left: 210px;
}
div.primjer ul
{
	padding-left: 2em;
}
div.primjer img
{
	margin-bottom: 20px !important;
}
div.primjerimg img
{
	margin: 10px !important;
}
span.imePrezime
{
	font-weight: bold;
	font-size: 1.7em;
}
span.telefon
{
}
span.email
{
	margin-left: 5em;
}
span.telefon img, span.email img
{
	vertical-align: middle;
	margin: auto 0.25em;
}
p.opsirnije
{
	text-align: right;
	font-size: 0.9em;
}
p.vrh
{
	font-size: 0.85em;
	width: 100%;
	clear: both;
	text-align: right;
	margin-top: 1.4em;
}
p.vrh a, span.email a
{
	color: #9B999A !important;
}
p.vrh a:hover, span.email a:hover
{
	color: #DC0066 !important;
	text-decoration: none !important;
}
p.vrh a img
{
	vertical-align: middle;
}

.bold
{
	font-weight: bold;
}
.emphasized /* ul, a, span, ... */
{
	color: #9B999A;
	font-weight: bold;
	font-size: 1.1em;
}
ul.emphasized
{
	margin-top: 0em;
}
li.info_tema
{
	list-style-type: none;
	margin-top: 0.75em;
	margin-bottom: 1.5em;
}

a.secondary
{
	font-weight: bold; 
	text-decoration: none;
	color: #9B999A !important;
}
a.secondary:hover
{
	color: #DC0066 !important;
	text-decoration: none !important;
}

/* ### tehnologije - pozicija slicica ### */
img.midimg
{
	vertical-align: middle;
	padding: 10px;
}
img.imgleft_vmid
{
	vertical-align: middle;
}

#oracle_certified
{
	padding-left: 15px;
	padding-right: 15px;
}
#intergraph_certified
{
	padding-left: 34px;
	padding-right: 35px;
}
#microsoft_certified
{
	padding-left: 36px;
	padding-right: 37px;
}
/* ### END: tehnologije - pozicija slicica ### */

/* ##### POPUP #####*/
#pup
{
	position: absolute;
	visibility: hidden;
	z-index: 200;
	/*width:200;*/
	width: auto;
	
	border: 1px solid #DC0066;
	padding: 2px;
	background-color: #E9ECF1;

	font-size: 0.8em;
	font-weight: bold;
	color: #9B999A;
}