* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(images/bg.jpg) repeat-x left top;
	text-align: center;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
}

a, a:visited {color: #6aad1f; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
div.main {margin: 18px 20px;}

#site {
	text-align: left;
	width: 940px;
	margin: 0 auto;
}

.header {
	height: 140px;
}
.header .logo {
	float: left;
	width: 175px; height: 140px;
}
.header .content {
	float: right;
	width: 765px;
}
.header .content .nav .search {
	float: right;
	width: 345px; height: 50px; line-height: 50px;
	background: #4F595D url(images/grf.gif) no-repeat -305px 18px;
	color: #ffffff;
}
.header .content .nav .search form {margin: 0 0 0 32px;}
.header .content .nav .search form * {
	float: left;
	margin-right: 10px !important;
	margin-right: 5px;
}
.header .content .nav .search form input {margin-top: 15px;}
.header .content .nav .search form input.text {
	width: 180px;
	color: #999999;
	border: none;
	font-size: 11px;
	padding: 3px 4px;
}
.header .content .nav .menu {
	float: left;
	width: 398px; height: 50px; line-height: 50px;
	color: #ffffff;
	text-align: left;
	padding-left: 20px;
}
.header .content .nav .menu a {color: #ffffff;}
.header .content .nav .menu a:hover {text-decoration: underline;}
.header .content .breadcrumb {
	clear: both;
	width: 765px; height: 39px; line-height: 39px;
	font-size: 10px;
	color: #666666;
}
.header .content .breadcrumb a {text-decoration: underline;}
.header .content ul.tabs {
	clear: both;
	width: 765px; height: 50px;
	list-style-type: none;
}
.header .content ul.tabs li {
	width: 238px; height: 48px; line-height: 48px;
	border: 1px solid #61A912;
	display: inline-block;
	*display: block;
	float: left;
	margin-left: 22px;
}
.header .content ul.tabs li.prvi {margin-left: 0;}
.header .content ul.tabs li.kontaktirajte-nas {background: url(images/grf.gif) no-repeat -250px -168px;}
.header .content ul.tabs li.zatrazite-ponudu {background: url(images/grf.gif) no-repeat -250px -216px;}
.header .content ul.tabs li.live-podrska {background: url(images/grf.gif) no-repeat -250px -264px;}
.header .content ul.tabs li a {
	font-size: 16px;
	display: block;
	width: 190px; height: 48px; line-height: 48px;
	float: right;
	background: url(images/grf.gif) no-repeat left top;
	font-weight: bold;
}
.header .content ul.tabs li a:hover {
	text-decoration: none;
	background: url(images/grf.gif) no-repeat 0 -48px;
	color: #ffffff;
}
.header .content ul.tabs li a span {margin-left: 16px; cursor: hand;}

.main-content {
	border: 1px solid #cccccc;
	background: #ffffff url(images/main-content-vline.gif) repeat-y left top;
	margin-top: 19px;
}
.main-content .left {
	float: left;
	width: 303px;
}
.main-content .left strong.title {
	color: #4F595D;
	font-size: 16px;
	display: block;
	height: 38px; line-height: 38px;
	font-weight: normal;
	margin: 0 10px;
}
.main-content .left .line {
	width: 303px; height: 10px;
	*width: 302px;
	background: url(images/grf.gif) no-repeat 0 -312px !important;
	background: url(images/grf.gif) no-repeat 0 -308px;
}
.main-content .left .main {
	margin-top: 8px;
	color: #4E595D;
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
}
.main-content .left .main small {
	display: block;
	font-size: 10px;
}
.main-content .left .main h1 {
	font-size: 13px;
	font-weight: normal;
	color: #6AAD1F;
	margin: 5px 0;
}
.main-content .left .main p {}
.main-content .left .main p img {
	float: left;
	margin: 5px 7px 3px -20px;
	clear: left;
}
.main-content .right {
	float: right;
	width: 634px;
}
.main-content .right .flash {
	width: 596px; height: 360px;
	margin: 19px;
}



.paneli {}
.paneli .panel {
	width: 308px; height: 158px;
	margin: 5px 0 0 5px;
	background: #ffffff;
	float: left;
	border: 1px solid #cccccc;
}
.paneli .prvi {margin-left: 0;}
.paneli .panel div.title {}
.paneli .panel div.title .number {
	width: 28px; height: 28px;
	border: 1px solid #cccccc;
	float: left;
	margin: 9px 0 9px 9px !important;
	margin: 9px 0 9px 4px;
	background-image: url(images/grf.gif);
	background-repeat: no-repeat;
}
.paneli .panel div.title .no1 {background-position: -269px 0;}
.paneli .panel div.title .no2 {background-position: -269px -28px;}
.paneli .panel div.title .no3 {background-position: -269px -56px;}
.paneli .panel div.title .no4 {background-position: -269px -84px;}
.paneli .panel div.title .no5 {background-position: -269px -112px;}
.paneli .panel div.title .no6 {background-position: -269px -140px;}
.paneli .panel div.title strong.title {
	float: right;
	display: block;
	width: 250px;
	font-weight: normal;
	font-size: 16px;
	color: #6AAD1F;
	margin: 15px 10px 0 0 !important;
	margin: 15px 5px 0 0;
}

.paneli .panel div.line {
	width: 308px; height: 10px;
	background: url(images/grf.gif) no-repeat 0 -322px;
	clear: both;
}
.paneli .panel .content {
	background: #ffffff url(images/panel-hbg.gif) repeat-x left top;
	height: 100px;
	margin-top: 0 !important;
	margin-top: -4px;
}
.paneli .panel .content ul {
	list-style-position: inside;
	list-style-type: none;
}
.paneli .panel .content ul li {
	color: #4F595D;
	font-size: 11px;
	margin: 0 10px;
	background: url(images/grf.gif) no-repeat -328px -340px;
	padding-left: 7px;
	*padding-left: 0;
}
.paneli .panel .content form {margin: 10px 15px;}
.paneli .panel .content form input.text {
	border: 1px solid #cccccc;
	width: 208px;
	background: #ffffff;
	color: #999999;
	float: left;
	padding: 2px;
}
.paneli .panel .content form input.submit {
	float: left;
	margin-left: 10px;
}



.footer {
	height: 40px; line-height: 40px;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	color: #4E595D;
	clear: both;
	font-size: 10px;
}
.footer a {color: #4E595D; font-size: 10px;}



.partneri {height: 130px; clear: both;}
.partneri small {
	display: block;
	color: #cccccc;
	font-size: 10px;
}
.partneri ul {
	list-style-type: none;
	display: block;
}
.partneri ul li {
	float: left;
	display: block;
	width: 235px;
	text-align: center;
}



.kategorija {
	border: 1px solid #cccccc;
	background: #ffffff url(images/bg-pixel.gif) repeat-y 635px 0;
	margin: 18px 0 0 0;
}
.kategorija .desno {
	float: right;
	width: 303px;
}
.kategorija .desno .partner {
	text-align: right;
	height: 78px;
}
.kategorija .desno .partner span {
	color: #4F595D;
	display: block;
	font-size: 16px;
	text-align: left;
	padding: 10px 0 0 10px;
}
.kategorija .desno .partner img {margin: 0 20px 0 0;}
.kategorija .desno .line {
	width: 302px !important; width: 303px; height: 10px;
	background: url(images/grf-line.gif) no-repeat 0 -10px;
	clear: both;
	margin-left: 1px;
}
.kategorija .desno strong.title {
	color: #4E595D;
	font-size: 16px;
	display: block;
	font-weight: normal;
	margin: 0 10px 10px 10px;
}
.kategorija .desno .popularno {
	background: url(images/popularno-bg.gif) repeat-x left top;
	margin-left: 1px;
	padding-top: 3px;
	width: 302px !important; width: 303px;
}
.kategorija .desno .popularno ul.seminari,
.kategorija .desno .popularno ul.linkovi {list-style-type: none;}
.kategorija .desno .popularno ul.seminari li {
	background: transparent url(images/grf.gif) no-repeat scroll -318px -340px;
}
.kategorija .desno .popularno ul.seminari li a {
	color: #4E595D;
	font-size: 11px;
	margin: 0 0 0 20px;
}
.kategorija .desno .popularno ul.seminari li a:hover {color: #6aad1f;}
.kategorija .desno .popularno ul.linkovi {width: 300px;}
.kategorija .desno .popularno ul.linkovi li, a.veliki-link {
	display: block;
	border: 1px solid #61A912;
	width: 203px;
	margin: 0 auto 20px auto;
}
.kategorija .desno .popularno ul.linkovi li.prvi {margin-top: 20px;}
.kategorija .desno .popularno ul.linkovi li a, a.veliki-link {
	display: block;
	height: 38px; line-height: 38px;
	font-size: 14px;
	text-align: center;
	background: #ffffff url(images/search-submit.jpg) no-repeat 154px 9px;
}
.kategorija .desno .popularno ul.linkovi li a span, a.veliki-link span {
	display: block;
	width: 153px;
	cursor: hand;
	*float: left;
}
.kategorija .desno .popularno ul.linkovi li a:hover, a.veliki-link:hover {
	background: #4F595D url(images/search-submit.jpg) no-repeat 154px 9px;
	color: #ffffff;
	text-decoration: none;
}
.kategorija .lijevo {
	float: left;
	width: 635px;
}
.kategorija .lijevo h1 {
	color: #6aad1f;
	font-weight: normal;
	height: 78px; line-height: 78px;
	margin-left: 30px;
}
.kategorija .line {
	display: block;
	width: 939px; height: 10px;
	background: url(images/grf-line.gif) no-repeat 0 0;
	clear: both;
	font-size: 1px;
}
.kategorija .lijevo .vijest {
	margin: 20px;
	color: #4F595D;
}
.kategorija .lijevo .vijest img {
	float: right;
	margin-left: 10px;
}
.kategorija .lijevo .clear {border-bottom: 1px solid #cccccc;}
.kategorija .lijevo .vijest h2 {
	font-weight: normal;
	font-size: 18px;
}
.kategorija .lijevo .vijest p {
	margin: 8px 0 16px 0;
	font-size: 11px;
}
.kategorija .lijevo .vijest a.opsirnije {
	background: transparent url(images/grf.gif) no-repeat scroll -328px -340px;
	padding-left: 5px;
}

.paneli .panel strong.just-title,
.prijava-ispita strong.title {
	display: block;
	font-weight: normal;
	font-size: 16px;
	color: #6AAD1F;
	height: 48px; line-height: 48px;
	padding-left: 20px;
	border-bottom: 1px solid #cccccc;
}
.paneli .panel .kategorija {
	background: #ffffff;
	border: none;
	padding-top: 17px;
	margin-top: 0 !important; margin-top: 1px;
	height: 83px;
}



.prijava-ispita {
	margin: 10px 0 0 0;
	border: 1px solid #cccccc;
	clear: both;
}
.prijava-ispita strong.title {
	border: none;
}
.prijava-ispita .line {
	width: 940px !important; width: 938px; height: 10px;
	display: block;
	background: url(images/grf-line.gif) no-repeat 0 -20px;
	font-size: 1px;
}
.prijava-ispita .podaci {background: url(images/popularno-bg.gif) repeat-x left top;}
.prijava-ispita .podaci .sekcija {margin: 0 40px;}
.prijava-ispita .podaci .sekcija strong.naslov-sekcije {
	font-size: 13px;
	color: #61A912;
	font-weight: normal;
	height: 25px; line-height: 25px;
	display: block;
	margin-top: 7px;
}
.prijava-ispita .podaci .sekcija strong.prvi {margin-top: 0;}
.prijava-ispita .podaci .sekcija table {width: 850px;}
.prijava-ispita .podaci .sekcija table td {
	text-align: right;
	height: 31px; line-height: 31px;
	font-size: 10px;
	color: #61A912;
}
.prijava-ispita .podaci .sekcija table td.input {width: 210px;}
.prijava-ispita .podaci .sekcija table td.input input,
.prijava-ispita .podaci .sekcija div.podsekcija label input.text,
.prijava-ispita .podaci .sekcija div.napomena textarea  {
	width: 198px;
	border: 1px solid #cccccc;
	padding: 2px;
	background: #ffffff;
}
.prijava-ispita .podaci .sekcija div.podsekcija {
	clear: both;
	margin: 10px 0;
}
.prijava-ispita .podaci .sekcija div.podsekcija label {
	display: inline;
	margin-right: 20px;
	color: #4F595D;
	font-size: 10px;
}
.prijava-ispita .podaci .sekcija div.podsekcija label input {margin-left: 5px; *margin-left: 0;}
.prijava-ispita .podaci .sekcija div.napomena {
	float: right;
	width: 290px;
}
.prijava-ispita .podaci .sekcija div.napomena span {
	float: left;
	color: #4F595D;
	font-size: 10px;
}
.prijava-ispita .podaci .sekcija div.napomena textarea {
	float: right;
	width: 218px; height: 68px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	*margin: 0 -40px 0 0;
}
.prijava-ispita .podaci .sekcija .odaberi-datum {
	float: left;
	width: 555px;
	margin-bottom: 10px;
}
.prijava-ispita .podaci .sekcija .odaberi-datum label {
	color: #61A912;
	font-size: 10px;
	margin: 0 10px;
	border: none;
}
.prijava-ispita .podaci .sekcija .odaberi-datum label input.text,
.prijava-ispita .podaci .sekcija .odaberi-datum input.button {
	width: 98px;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 2px;
}
.prijava-ispita .podaci .sekcija .odaberi-datum input.button {
	color: #61A912;
	border: 1px solid #62A913;
	padding: 2px 25px 2px 9px;
	*padding: 2px 13px 2px 4px;
	width: auto;
	background: url(images/grf.gif) no-repeat 90px -111px;
	*background-position: 111px -110px;
}
.prijava-ispita .podaci .sekcija p {
	color: #4F595D;
	font-size: 10px;
	margin: 10px 0;
	clear: left;
}
.prijava-ispita .podaci .sekcija a.veliki-link {
	float: right;
	margin: -20px 0 20px 0;
	width: 168px;
	background-position: 120px 9px;
}
.prijava-ispita .podaci .sekcija a.veliki-link span {width: 117px;}
.prijava-ispita .podaci .clear {border-bottom: 1px solid #cccccc;}
.prijava-ispita .podaci .just-clear {border: none;}


.clanak {
	margin-top: 19px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.clanak .desno {
	float: right;
	width: 280px;
	margin: 19px 20px 0 0 !important;
	margin: 19px 10px 0 0;
}
.clanak .desno .panel {
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	color: #4E595D;
	font-size: 11px;
}
.clanak .desno .panel p {
	margin: 10px 20px;
	line-height: 17px;
}
.clanak .desno .panel strong.title {
	line-height: 38px; height: 38px;
	color: #61A912;
	font-weight: normal;
	display: block;
	font-size: 16px;
	margin: 0 20px;
	border-bottom: 1px solid #cccccc;
}
.clanak .desno .izbornik strong.title {
	margin: 0;
	padding: 0 20px;
}
.clanak .desno .anketa strong.title,
.clanak .desno .upisi strong.title {*padding-left: 20px;}
.clanak .desno .anketa p {
	display: block;
	font-size: 14px;
}
.clanak .desno .anketa label {
	display: block;
	margin: 10px 20px;
	font-size: 11px;
	clear: both;
}
.clanak .desno .anketa label input {
	float: left;
	margin-top: 1px !important;
	margin-top: -3px;
}
.clanak .desno .anketa label span {
	display: block;
	width: 213px;
	float: right;
}
.clanak .desno .anketa a.veliki-link {
	float: right;
	background-position: 70px 9px;
	width: 120px;
	margin: 20px 20px 20px 0 !important;
	margin: 20px 10px 20px 0;
}
.clanak .desno .anketa a.veliki-link span {width: 70px;}
.clanak .desno .anketa a.rezultati {
	line-height: 38px;
	font-size: 12px;
	float: left;
	background: url(images/grf.gif) no-repeat -328px -329px;
	margin: 20px 0 20px 20px;
	padding-left: 5px;
}

.clanak .lijevo {
	float: left;
	margin: 20px 0 0 20px !important;
	margin: 20px 0 0 10px;
	width: 595px;
	color: #4E595D;
}
.clanak .lijevo h1 {
	font-size: 24px;
	font-weight: normal;
	color: #5fa912;
}
.clanak .lijevo p.uvod {
	display: block;
	font-size: 16px;
	margin: 20px 0 0 0;
}
.clanak .lijevo p {
	font-size: 11px;
	margin: 10px 0;
	line-height: 16px;
}
.clanak .lijevo img {
	float: left; clear: left;
	border-top: 8px solid #cccccc;
	border-right: 8px solid #cccccc;
	border-bottom: 8px solid #cccccc;
	border-left: none !important;
	border-left: 8px solid #cccccc;
	margin: 10px 10px 10px -20px !important;
	margin: 10px 10px 10px 0;
}
.clanak .lijevo blockquote,
.clanak .lijevo cite,
.clanak .lijevo p.citat,
.clanak .lijevo span.citat {
	margin: 7px 0;
	font-size: 14px;
	font-style: italic;
	color: #5fa912;
	line-height: 19px;
}

.clanak ul#izbornik {
	list-style-type: none;z
}
.clanak ul#izbornik li {border-top: 1px solid #cccccc;}
.clanak ul#izbornik li.first {border-top: none;}
.clanak ul#izbornik li h3.head {
	line-height: 38px;
	background: url(images/izbornik-bg.gif) repeat-x left top;
	font-size: 14px;
}
.clanak ul#izbornik li h3.head a {
	color: #4C595D;
	font-weight: normal;
	background: url(images/grf.gif) no-repeat -318px -339px;
	padding-left: 20px;
}
.clanak ul#izbornik li h3.selected a {
	background: url(images/grf.gif) no-repeat -316px -188px;
}
.clanak ul#izbornik li ul {
	list-style-type: none;
	margin: 0;
	background: #ebebeb url(images/grf-line.gif) no-repeat -15px -10px;
	padding: 10px 0;
}
.clanak ul#izbornik li ul li {
	border: none;
	line-height: 25px;
	background: #ebebeb;
}
.clanak ul#izbornik li ul li a {
	color: #4C595D;
	font-size: 12px;
	margin-left: 20px;
	background: url(images/grf.gif) no-repeat -328px -338px;
	padding-left: 7px;
}

.nastavni-plan {
	border: 1px solid #cccccc;
	margin: 10px 0 0 0;
}
.nastavni-plan strong.title {
	height: 50px; line-height: 50px;
	color: #5fa912;
	font-size: 18px;
	font-weight: normal;
	padding-left: 20px;
}
.nastavni-plan table {
	border-top: 1px solid #cccccc;
}
.nastavni-plan table tr td,
.nastavni-plan table tr th {
	height: 50px;
	padding: 0 20px;
	border-left: 1px solid #cccccc;
}
.nastavni-plan table tr th.first,
.nastavni-plan table tr td.first {border-left: none;}
.nastavni-plan table tr td {
	border-top: 1px solid #cccccc;
	font-size: 12px;
}
.nastavni-plan table tr th {
	color: #5fa912;
	font-size: 14px;
	font-weight: normal;
}
.nastavni-plan table tr.mark td.first {border-left: 10px solid #cccccc; padding-left: 10px;}
.nastavni-plan table tr.mark td.last {border-right: 10px solid #cccccc;}

/* =FIX */
div.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}