@charset "utf-8";
/* CSS Document */


body {
	text-align:center;
	background-color: #164875;
	z-index:2000;
	background-image: url(../slike/senka.png);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	background-position: 50% 10%;
	background-attachment: fixed;
}
#container {
	background-color: #164875;
	margin: 0em auto;
	padding: 0;
	height: auto;
	width: 850px;
	overflow:auto;
	z-index:1900;
}
#header {
	background-color:#9DCEFF;
	width:auto;
	height:80px;
	padding:0;
	margin:0;
	z-index:1800;
}
#mininavigacija {
    background-color:#9DCEFF;
	margin:0 0 5px 0;
	padding:0;
    height:22px;
    position:relative;
    width:auto;
    z-index:1702;
}
#kartica_levo {
    height:22px;
	margin:0 0 5px 0;
	padding:0;
    left:0px;
    position:absolute;
    top:0px;
    width:140px;
	height:22px;
    z-index:1703;
    background-color:#333333;
}
#kartica_simpozijum {
    background-color:#5197D6;
	margin:0 0 5px 0;
	padding:0;
    height:22px;
    left:140px;
    position:absolute;
    top:0px;
    width:710px;
    z-index:1704;
}
#kartica_simpozijum ul {
   background-position:center center;
   list-style-position: inside;
   list-style-type: none;
   margin:0;
   padding:0;
}
#kartica_simpozijum  li {
	display:inline;
	margin:0;
	padding:0 10px 0 0;
	vertical-align: 50%;
	background-position: center center;
}

#kartica_simpozijum  a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#164875;
	padding:0;
	margin:0;
	text-decoration:none;
}
#kartica_simpozijum  a:hover {
	color:#9DCEFF;
}
#levi {
	width:140px;
	height:auto;
	margin:0 0 5px 0;
	padding:0px 0 0 0;
	position:relative;
	float:left;
	background-color: #FFFFFF;
	z-index:1700;
}
#naslovna {
	width:140px;
	height:30px;
	margin:0px 0 0px 0;
	padding:0px 0 0 0;
	position: relative;
	background-image: url(../dokumenta/dugmad/dugmadproba.png);
	z-index:1600;
}
#naslovna img {
	text-align: center;
	height: 20px;
	width: 30px;
	padding-top: 6px;
}
div#menu {
	width:8.75em;
	height:273px;
	margin:-12px 0 0px 0;
	padding:13px 0 0px 0;
	position: relative;
	background-repeat: no-repeat;
	background-position:bottom;
	background-image: url(../slike/images/competition.png);
	z-index:1500;
}
div#menu a {
	font-weight : normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-align:center;
	font-size:11px;
	text-decoration :none;
	border: none;
	background-image:url(../slike/traka_meni.png);
	background-repeat:no-repeat;
	height:20px;
    margin:0 0 0 0px;
	padding:0 0 0 0px;
	display:block;
}
div#menu a:hover {
      color:#003399;
      background:none;
	  padding:0;
	  margin:0;
	  text-align:center;
}
div#menu ul {
     list-style: none;
     margin: 0px 0px 0px 0px;
     padding: 60px 0px 0px 0px;
	 text-align:center;
	 line-height:10px;
	 display:block;
	 
}
div#menu ul li {
     position: relative;
	 padding:10px 0 0px 0px;
	 margin:0px 0 0 0;
	 text-align:center;
	 
}
div#menu ul li a {
    padding:0px 0 0px 40px;
	margin:0 0 0 0;
	
}
div#menu ul li:hover a, 
div#menu ul li a:hover, 
div#menu ul li a:active {
	padding:0px 0 0 10px;
	margin:0;
	display:block;
	text-decoration:none;
	color:#003399;
	width:140px;
	height:20px;
	background:none;
}
div#menu ul li:hover ul li a:link,
div#menu ul li:hover ul li a:active {
    color:#FFFFFF;
}
div#menu ul li:hover ul li:hover,
div#menu ul li:hover ul li a:hover,
div#menu ul li:hover ul li a:visited {
    color:#003399;
}

div#menu ul ul  {
	position: absolute;
	top: 9px;
	left:125px;
	padding:1px 1px 0px 1px;
	margin:0px 0px 0px 0px;
	width:140px;
	line-height:normal;
	list-style:none;
	border:1px solid #000099;
	text-align:center;
	 
}
div#menu ul ul a {
     color:#FFFFFF;
}
div#menu ul li ul {
     list-style:none;
}
div#menu ul ul li  {
     width:100%;
	 height:100%;
	 text-align:center;
	 text-decoration:none;
	 padding:0px 0px 1px 0px;
	 margin:0;
}
div#menu ul ul li a:link, 
div#menu ul ul li a:visited {
	 padding:1px 0px 1px 0px;
	 margin:0px 0 0px 0;
	 clear:left;
	 width:140px;
	 height:20px;
     display:block;
	 text-align:center;
	 color:#FFFFFF;
	 background-image: url(../slike/opacity100c_20.png);
}
div#menu ul ul li:hover,
div#menu ul ul li a:hover {
     background-image:none;
	 background-color:#FFFFFF;
	 color:#003399;
	 list-style-image:none;
	 padding:1px 0px 1px 0px;
	 margin:0;
}
div#menu ul ul,
div#menu ul ul li:hover ul {
     display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul {
     display: block;
}

div#menu ul ul ul {
     position:absolute;
	 top:-1px;
	 left:141px;
	 border-left:none;
}
div#menu ul ul ul,
div#menu ul li:hover ul ul  {
     display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
    display: block;

}
div#menu ul ul ul li a:link,
div#menu ul ul ul li a:visited {
    background-image:url(../slike/opacity140b_submenu.png);
}
div#menu ul ul ul li:hover,
div#menu ul ul ul li a:hover {
    background-image:none;
	color:#003399;
	list-style:none;
}
div#menu ul ul li:hover ul li a:link, 
div#menu ul ul li:hover ul li a:visited {
    color:#FFFFFF;
}
div#menu ul ul li:hover ul li:hover,
div#menu ul ul li:hover ul li a:hover {
    color:#003399;
}


#div2 {
	width:140px;
	height:284px;
	margin:1px 0 0 0;
	padding:10px 0 0 0;
	background-image: url(../slike/images/masterclass.png);
	background-repeat: no-repeat;
	position: relative;
}
#div2 a {
	font-weight : normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	background-image:url(../slike/traka_meni.png);
	background-repeat:no-repeat;
	text-align:center;
	font-size:11px;
	text-decoration :none;
	border: none;
	height:20px;
	width:105px;
    margin:0 0px 0 0;
	padding:0 0px 0 35px;
	display:block;
}
#div2 a:hover {
      color:#003399;
      background:none;
	  padding:0;
	  margin:0;
	  text-align:center;
}
#div2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	text-indent: 5px;
	height: 12px;
}
#div2 ul {
	list-style: none;
	margin: -8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	line-height:10px;
	display:block;	 
}
#div2 ul li {
     position: relative;
	 padding:10px 0 0px 0px;
	 margin:0px 0 0 0;
	 text-align:center;
	 
}
#div2 ul li a {
    padding:0px 0 0px 40px;
	margin:0 0 0 0;
	
}
#div2 ul li:hover a, 
#div2 ul li a:hover, 
#div2 ul li a:active {
	padding:0px 0 0 10px;
	margin:0;
	display:block;
	text-decoration:none;
	color:#003399;
	width:140px;
	height:20px;
	background:none;
}
#div2 ul li:hover ul li a:link,
#div2 ul li:hover ul li a:active {
    color:#FFFFFF;
}
#div2 ul li:hover ul li:hover,
#div2 ul li:hover ul li a:hover,
#div2 ul li:hover ul li a:visited {
    color:#003399;
}

#div2 ul ul  {
	position: absolute;
	top: 9px;
	left:125px;
	padding:1px 1px 0px 1px;
	margin:0px 0px 0px 0px;
	width:140px;
	line-height:normal;
	list-style:none;
	border:1px solid #000099;
	text-align:center;
	 
}
#div2 ul ul a {
     color:#FFFFFF;
}
#div2 ul li ul {
     list-style:none;
}
#div2 ul ul li  {
     width:100%;
	 height:100%;
	 text-align:center;
	 text-decoration:none;
	 padding:0px 0px 1px 0px;
	 margin:0;
}
#div2 ul ul li a:link, 
#div2 ul ul li a:visited {
	 padding:1px 0px 1px 0px;
	 margin:0px 0 0px 0;
	 clear:left;
	 width:140px;
	 height:20px;
     display:block;
	 text-align:center;
	 color:#FFFFFF;
	 background-image: url(../slike/opacity100c_20.png);
}
#div2 ul ul li:hover,
#div2 ul ul li a:hover {
     background-image:none;
	 background-color:#FFFFFF;
	 color:#003399;
	 list-style-image:none;
	 padding:1px 0px 1px 0px;
	 margin:0;
}
#div2 ul ul,
#div2 ul ul li:hover ul {
     display: none;
}

#div2 ul li:hover ul,
#div2 ul ul li:hover ul {
     display: block;
}

#div2 ul ul ul {
     position:absolute;
	 top:-1px;
	 left:141px;
	 border-left:none;
}
#div2 ul ul ul,
#div2 ul li:hover ul ul  {
     display: none;
}

#div2 ul ul li:hover ul,
#div2 ul ul ul li:hover ul {
    display: block;

}
#div2 ul ul ul li a:link,
#div2 ul ul ul li a:visited {
    background-image:url(../slike/opacity140b_submenu.png);
}
#div2 ul ul ul li:hover,
#div2 ul ul ul li a:hover {
    background-image:none;
	color:#003399;
	list-style:none;
}
#div2 ul ul li:hover ul li a:link, 
#div2 ul ul li:hover ul li a:visited {
    color:#FFFFFF;
}
#div2 ul ul li:hover ul li:hover,
#div2 ul ul li:hover ul li a:hover {
    color:#003399;
}

#srednji {
	width:705px;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	float:right;
	background-color:#FFFFFF;
}
#outside {
	height: 30px;
	width: auto;
	position: relative;
	margin: 0;
	padding:0;
}
#navigation-1 {
	padding:0px 0 0 0;
	margin:0px 0 0 0;
	list-style:none;
	width:100%;
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}
#navigation-1 ul {
    padding:0px 0 0 0;
	margin:0px 0 0 0;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:141px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:0px 0 0 0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	width:141px;
	height:30px;
	background-image:url(../slike/traka_nav.png);
}
#navigation-1 li:hover a, #navigation-1 li a:hover, 
#navigation-1 li a:active {
	padding:0px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#9AC5EB;
	width:141px;
	height:30px;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0 1px;
	list-style:none;
	display:none;
	width:141px;
	position:absolute;
	top:30px;
	left:-1px;
	border:1px solid #000099;
    border-top:none;
}
#navigation-1 li ul.uprava-2 {
	margin:0;
	padding:1px 1px 0 1px;
	list-style:none;
	display:none;
	width:200px;
	position:absolute;
	top:30px;
	left:-25px;
	border:1px solid #000099;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li:hover ul.uprava-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:141px;
	clear:left;
}
#navigation-1 li ul.uprava-2 li {
	width:141px;
	clear:left;
}
#navigation-1 li ul.navigation-2 li a:link, 
#navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	padding:4px 0;
	width:141px;
	height:15px;
	font-weight:normal;
	font-size:10px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	color: #FFFFFF;
	background-image: url(../slike/opacity141c.png);
}
#navigation-1 li ul.uprava-2 li a:link, 
#navigation-1 li ul.uprava-2 li a:visited {
	clear:left;
	padding:4px 0;
	width:200px;
	height:22px;
	font-weight:normal;
	font-size:10px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	color: #FFFFFF;
	background-image: url(../slike/opacity200c_22.png);
}
#navigation-1 li ul.navigation-2 li a:hover, 
#navigation-1 li ul.navigation-2 li a:hover {
	background-image:none;
	color:#330066;
	background-color: #FFFFFF;
}
#navigation-1 li ul.navigation-2 li a:hover, 
#navigation-1 li ul.uprava-2 li a:hover {
	background-image:none;
	color:#003399;
	background-color: #FFFFFF;
}
#navigation-1 ul.uprava-2 li ul.navigation-3 {
    margin:0;
	padding:1px 1px 0 0;
	list-style:none;
	display:none;
	width:141px;
	position:absolute;
	top:-2px;
	left:203px;
	border:1px solid #000099;
	border-left:none;
}
#navigation-1 ul.uprava-2 li:hover ul.navigation-3 {
    display:block;
}
#navigation-1 ul.uprava-2 li:hover ul.navigation-3 li {
    width:141px;
	clear:left;
}
#navigation-1 ul.uprava-2 li:hover ul.navigation-3 li a:link, 
#navigation-1 ul.uprava-2 li:hover ul.navigation-3 li a:visited {
    clear:left;
	padding:4px 0;
	width:141px;
	height:22px;
	font-weight:normal;
	font-size:10px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	color: #FFFFFF;
	background-image: url(../slike/opacity140b_submenu.png);
}
#navigation-1 ul.uprava-2 li:hover ul.navigation-3 li a:hover, 
#navigation-1 ul.uprava-2 li:hover ul.navigation-3 li a:hover {
	background-image:none;
	color:#003399;
	background-color: #FFFFFF;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, 
#navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
#div4 {
	width:705px;
	height:539px;
	margin:0px 0 0px 0;
	padding: 30px 0 0 0px;
	float:right;
	background-image: url(../slike/naslovna_eng2.jpg);
}
#footer {
	clear:both;
	margin: 0;
	padding:20px 0 0 0;
	height:65px;
	width: 850px;
	background-color: #9DCEFF;
}
#footer p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:12px 10px 10px 10px;
	text-align:center;
	color: #164875;
}
#footer tr td img {
	margin-left:50px;
	border:none;
}
#footer ul {
	margin:0;
	padding:0;
	width:850px;
	height:auto;
	list-style-type:none;
}

#footer_levo {
	margin:0;
	padding:0;
	width:30%;
	height:68px;
	list-style-type:none;
	display:block;
	float:left;
}
#footer #text {
	margin:0;
	padding:0;
	width:40%;
	height:68px;
	list-style-type:none;
	display:block;
	float:left;
}
#footer_desno {
	margin:0;
	padding:0;
	width:30%;
	height:68px;
	list-style-type:none;
	display:block;
	float:left;
}
#footer_desno img {
	margin:20px 10px 10px 10px;
	padding:0;
	border:none;
}
#pretrazivaci {
    margin:0;
	padding:0;
}