*{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#wrapper {
	margin: 0px auto;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#1a3861;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#1a3861;
}

#wrapper #topbcg {
	margin: 0px auto;
	height: 100px;
}

#wrapper #topbcg #tophead {
	margin: 0px auto;
	width:1000px;
	height:100px;
	background-color:#FFFFFF;
}
#wrapper #topbcg #tophead #menu {
	width: 190px;
	margin-left: auto;
	height: 90px;
	margin-right: 20px;
}
/*Menu*/

#wrapper #topbcg #tophead #menu #vdividermenu ul{
	padding: 0;
	float: right;
	width: 186x;
	padding: 8px;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color:#a5c3d2;
}

* html #wrapper #topbcg #tophead #menu #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#wrapper #topbcg #tophead #menu #vdividermenu ul li{
	display: inline;
}

#wrapper #topbcg #tophead #menu #vdividermenu ul li a{
	float: left;
	color: #ffffff;
	text-decoration: none;
}

#wrapper #topbcg #tophead #menu #vdividermenu ul li a:visited{
	color: #1a2861;
}

#wrapper #topbcg #tophead #menu #vdividermenu ul li a:hover{
	color: #a5c3d2;
}

#wrapper #topbcg #tophead #menu #povratak {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color:#e6e6e6;
	text-decoration: none;
	padding: 8px;
	width: auto;
	float: left;
	margin-left: 5px;
}

#wrapper #topbcg #tophead #menu #povratak a{
	color:#aaaaaa;
	text-decoration: none;
}

#wrapper #topbcg #tophead #menu #povratak a:hover{
	color:#FFFFFF;
}
/*End of Menu*/

#wrapper #topbcg #tophead #logo {
	float: left;
	margin: 35px 30px 10px 55px;
}
#wrapper #middlebcg  {
	margin: 0px auto;
	border-top:#1a2861 3px solid;
	background-image: url(images/blu_stripes.png);
	background-repeat: repeat;
	overflow:auto;
	height:auto;
}

#wrapper #middlebcg #centralpg {
	margin:0px auto;
	width:960px;
	background-color: #1a3861; 
}

#wrapper #middlebcg #centralpg #centralpackpg {
	width: 960px;
	height: 370px;
	margin-top:10px;
	padding-top: 20px;
}

#wrapper #middlebcg #centralpg #centralpackpg #refer {
	margin-left: 75px;
	font-family: Arial, "Helvetica", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:5px;
}

#galerija ul {
	background-color: #eee;
	width: 520px;
	margin: 30px auto;
	height: auto;
	padding: 20px;
}

#galerija ul li {
	float: left;
	display: inline;
	margin: 7px;
	padding:3px;
	background-color:#FFF;
}


#wrapper #middlebcg #colums {
	margin: 0px auto;
	margin-top:10px;
	width: 960px;
}

#wrapper #middlebcg #colums #centralleft {
	width: 640px;
	float:left;
	padding:10px;
	background-color:#FFFFFF;
}

#wrapper #middlebcg #colums #centralright {
	width: 270px;
	float: left;
	padding:10px;
	margin-left:10px;
	background-color:#FFFFFF;
}

.djelatnosti {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	color: #1a3861;
	padding:10px;
}

.djelatnosti li {
	display:block;
	list-style:none;
	padding-bottom: 5px;
	
}
.djelatnosti li a {
	text-decoration:none;
	color: #1a3861;
}

.djelatnosti li a:hover, .djelatnosti li a:focus {
	color:#8a979b;
}

#wrapper #middlebcg #colums #centralright #kontakt {
	height: auto;
	width: 270px;
	margin-bottom: 10px;
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}

#wrapper #middlebcg #colums #centralright #kontakt #konaslov {
	background-image: url(images/head-box.png);
	background-repeat:no-repeat;
	height: 32px;
	padding: 14px;
	font-family: Arial, "Helvetica", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
}
.kontxt {
	font-family: Arial, Helvetica, sans-serif;
	color:#1a3861;
	font-size: 14px;
	line-height: 19px;
	padding: 10px 10px 20px 20px;
	height: auto;
	width: 250px;
}

.kontxt a {
	font-family: Arial, Helvetica, sans-serif;
	color:#1a3861;
	font-size: 14px;
	line-height: 19px;
	text-decoration:none;
}
.kontxt a:hover {
	text-decoration: underline;
}

#wrapper #middlebcg #colums #centralright #kontakt #mapaslov {
	background-image: url(images/head-box.png);
	background-repeat:no-repeat;
	height: 32px;
	width: 250px;
	padding: 14px;
	font-family: Arial, "Helvetica", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	z-index:200;
}
#wrapper #middlebcg #colums #centralleft .tabbed_content .slide_content .tabslider #projekt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #777777;
}

#foot {
	margin:0px auto;
	height: 80px;
	border-top:solid #8a979b 2px;
}

#foot #footer {
	margin:0px auto;
	width:1024px;
	height:80px;
}

#foot #footer #memo{
	margin:35px;
	width:930px;
	float:left;
}

.footxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8a979b;
	line-height:18px;
}
.footxt a {
	color:#8a979b;
	text-decoration: none;
}

.footxt a:hover {
	color:#1a3861;
}
#hidden {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */

#tabovi {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#8a979b; text-align:justify;}
#tabovi h2 {margin: 15px 0px;}
#tabovi h3 {margin: 20px 30px;}

#tabovi .list-wrap { background: #fff; padding: 20px 10px; margin: 0 0 30px 15px; width:580px;}
#tabovi .list-wrap li { margin-bottom:2px;}

#tabovi .nav { overflow: hidden; font-family: Arial, sans-serif; font-size: 14px;}
#tabovi .nav li { width: auto; min-width:100px; float: left; margin: 0 10px 0 0; }
#tabovi .nav li.last { margin-right: 0; }
#tabovi .nav li a { display: block; padding: 10px; color:#8a979b; font-size: 17px; text-align: center; border: 0; text-decoration:none; }
#tabovi .nav li a:hover { color: #1a3861; text-decoration:none;}

#tabovi ul { list-style: none;}
#tabovi ul li a { display: inline; width:auto; padding: 4px; color: #777; text-decoration:none; margin-bottom:2px; }
#tabovi ul li a:hover { color: #1a3861; text-decoration:underline;}
#tabovi ul li:last-child a {  }

#tabovi li a.current,#tabovi li a.current:hover { background-color: #FFF!important; color: #1a3861; font-weight:bold; margin-bottom:0px; border-bottom:#1a3861 solid 4px; }
#tabovi .nav li a:hover, #tabovi .nav li a:focus { background: #fff;color: #1a3861;}


.certifikat {
	float:left;
	width: 100%;
	height:auto;
	padding:10px;
	background-color: #eee;
	margin:7px;
	font-size:12px;
	line-height: 14px;
	text-align: left;
}

.certimg{
	float:left;
	margin-right:25px;
	background-color: #eee;
}

.certitle a {
	float:left;
	margin-left:auto;
	font-size:14px;
	line-height: 17px;
	font-weight:bold;
	width:auto;
	color:#777;
	text-decoration:none;
}

.certitle a:hover {
	color:#1a3861;
}

.certekst {
	margin: 20px 0px;
	line-height:17px;
	font-size:12px;
}

.tablica {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:17px;
	text-align:left;
}

.reference {
	float:left;
	width: 550px;
	height:auto;
	padding:7px;
	color:#777;
	background-color: #eee;
	margin:5px;
	text-align: left;
	border:#ddd solid 3px;
}

.refimg{
	float:left;
	margin-right:15px;
	background-color: #eee;
}

.reftitle {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:auto;
	font-size:12px;
	line-height: 17px;
	width:auto;
	max-width:345px;
}

.reftitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	color:#777;
	text-decoration: none;
}

.reftitle a:hover{
	color:#1a3861;
}

.reftitle h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 17px;
	color:#1a3861;
}

/* tooltip */
		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }