body {margin:4px 0 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:62.5%;color:#333;background:#fff url(bodybg2.png) repeat-x}
h1, h2, h3 {color: #BC1F1A;font-weight:normal;}
h1 {font-size:1.7em;letter-spacing:-1px}
h2 {font-size:1.5em;margin-top:2em;letter-spacing:-1px}
h3 {font-size:1.3em;margin-top:2em;}
a {outline:none;color:#333}
a:hover {color:#BC1F1A}
a img {border:none}
#wrapper {width:960px;margin:0 auto;font-size:1em}
#left-col {width:250px;background:none;float:left}
#right-col {width:710px;background:none;float:left}

#slideshow {padding-bottom:20px;background: url(footerbg.jpg) 0 310px no-repeat; height:350px}
#slideshow img {padding:9px;border:1px solid #fff;background:#eee;margin:0 0 50px 0;}
#logo {width:230px; height:199px; margin:100px 20px 171px 0; background:url(logo_apy.png) top left no-repeat;text-indent:-9999px;border:0;display:block;}
#logo:hover {background-position:bottom left;}
#content {width:668px;border: 1px solid #eee;background:#fcfcfc url(contentbg2.jpg) top right no-repeat;padding:30px 20px;font-size:1.4em;line-height:150%}
#content.nobg {background-image:none}
#footer {width:710px;text-align:center;line-height:80px;font-size:1.3em;background:url(footerbg.jpg) top center no-repeat}

#nav {height:50px;width:710px;margin:0 0 50px 0;padding:0;list-style:none}
#nav li {float:left;display:block;margin:0;height:50px;}
#nav li a {display:block;margin:0;height:50px;text-indent:-9999px;color:#fff}

#nav #o_nama a 		{width:84px;background:url(navi.png) 0 0 no-repeat;}
#nav #kategorije a 	{width:104px;background:url(navi.png) -84px 0 no-repeat;}
#nav #djelatnici a 	{width:98px;background:url(navi.png) -188px 0 no-repeat;}
#nav #cijene a 		{width:70px;background:url(navi.png) -286px 0 no-repeat;}
#nav #upisi a 		{width:59px;background:url(navi.png) -356px 0 no-repeat;}
#nav #ispiti a 		{width:111px;background:url(navi.png) -415px 0 no-repeat;}
#nav #gdje_smo a 	{width:92px;background:url(navi.png) -526px 0 no-repeat;}
#nav #kontakt a 	{width:92px;background:url(navi.png) -618px 0 no-repeat;}

#nav #o_nama a:hover 		{background-position: 0 -50px;}
#nav #kategorije a:hover 	{background-position: -84px -50px;}
#nav #djelatnici a:hover 	{background-position: -188px -50px;}
#nav #cijene a:hover 		{background-position: -286px -50px;}
#nav #upisi a:hover 		{background-position: -356px -50px;}
#nav #ispiti a:hover 		{background-position: -415px -50px;}
#nav #gdje_smo a:hover 		{background-position: -526px -50px;}
#nav #kontakt a:hover 		{background-position: -618px -50px;}

#nav #o_nama a.selected 		{background-position: 0 -50px;}
#nav #kategorije a.selected 	{background-position: -84px -50px;}
#nav #djelatnici a.selected 	{background-position: -188px -50px;}
#nav #cijene a.selected 		{background-position: -286px -50px;}
#nav #upisi a.selected 			{background-position: -356px -50px;}
#nav #ispiti a.selected 		{background-position: -415px -50px;}
#nav #gdje_smo a.selected 		{background-position: -526px -50px;}
#nav #kontakt a.selected 		{background-position: -618px -50px;}

#nav #novosti a, #nav #lozinke a {background:#FB3F2B;color:#eee;text-indent:0;line-height:50px;font-size:1.5em;text-decoration:none;padding:0 2em;margin-right:1px}
#nav #novosti a:hover, #nav #lozinke a:hover {color:#000}
#nav #novosti a.selected, #nav #lozinke a.selected {text-decoration:underline}

#subnav {font-size:1.3em; list-style:none;margin:0;padding:0;border-top:1px solid #ddd;/*border-width:1px 0;*/width:230px;padding: 10px 0; background:url(sidebarbg2.png) bottom center no-repeat; padding-bottom:30px}
#subnav li {width:210px;padding:0;margin:0;padding:10px 0}
#subnav li a {text-decoration:none;padding-left:20px;background:url(subnav_bullet.png) 0 0 no-repeat;display:block;width:210px;line-height:18px;color:#666}
#subnav li a:hover, #subnav li a.current {background-position:0 -36px;color: #BC1F1A}

.news {/*font-size:1.3em; border:1px solid #BC1F1A;*/padding:20px;margin: 0 0 20px 0;/*background:url(icon_1.jpg) 20px 60px no-repeat*/}
.news h2 {margin-top:0;border-bottom:1px solid #eee;font-size:1.5em}
.news p {font-size:1em;margin-left:90px;}
.news img {float:left; margin:0}

table {border-collapse:collapse;width:668px;margin-bottom:50px}
th, td {font-weight:normal;text-align:left;border:1px solid #ccc;padding:10px;background:#fff url(table_bg.jpg) repeat-x}
td {width:33%}
	.total {text-transform:uppercase; letter-spacing:0.3em}
th {background:#fc3 url(th_bg.jpg) repeat-x}
	th strong {font-size:1.1em}
td.blank {border:0;background:0;padding:5px;font-size:0.9em}
td.pdv {background:#eee;color:#666;padding:5px;text-align:center;font-size:0.9em}
.c {text-align:center;}
td.blank a, a.top {background:url(arrow_top.png) 0 0 no-repeat;text-decoration:none;color:#999;height:18px;padding-left:18px;}
td.blank a:hover, a.top:hover {background:url(arrow_top.png) 0 -18px no-repeat; text-decoration:underline;color:#666}

form {margin-top:40px}
form p {margin: 0 0 25px 0}
form label {color:#555}
form label span {font-weight:normal;color:#f00;margin-left:.5em}
form div.col {float:left; width:333px}
form p.float input {float:left;margin-right:2em;clear:left}
form div.col span {margin-right:.5em}

#ispiti table {border-collapse:collapse;border:1px solid #ccc; width:668px; margin-bottom:10px}
#ispiti table tr.question td {background:#fc3 url(th_bg.jpg) repeat-x;padding:12px 6px;width:auto;text-transform:uppercase;/* font-weight:bold;*/vertical-align:top}
#ispiti table tr.abc td {width:33%}
#ispiti table tr.answer td {/*padding:12px 6px;*/width:auto;border:0;}
#ispiti table tr.answer-correct td {padding:12px 6px;background:#5CDC56 url(th_bg_ok_2.png) repeat-x;width:auto; text-transform:uppercase}
#ispiti table tr.answer-wrong td {padding:12px 6px;background:#F75357 url(th_bg_not_2.png) repeat-x;width:auto; text-transform:uppercase}

#ispiti table td {padding: 6px;border-bottom:1px solid #ccc;width:auto;}
#ispiti table td input {float:none;margin:0;}
#ispiti td.img {text-align:center;padding:12px 6px;}
#ispiti table.abc td.img {width:33%}

table#kontakt {width:222px;border:0;margin:0}
table#kontakt th {font-weight:bold;color:#999;width:20%;background:0;border:0;padding:2px}
table#kontakt td {font-weight:normal;color:#000;width:80%;background:0;border:0;padding:2px}


.points {color:#d00;margin:0 0 0 .5em;float:none;white-space:nowrap;text-transform:lowercase;}
.answer-correct .points {}
.answer-wrong .points {color:#ddd}

.correct {background:#55B05A}
.wrong {background:#D23D24}

.c30 {width:30px;}
.f {width:100%}
.c330 {width:330px}
.c470 {width:470px;}

#mrhide {display:none}

table.popTable {font-size:1.4em;margin:1px 0 0 1px;width:400px;}

.zoom2:link, .zoom2:visited {color:#333}
.zoom2:hover {color:#BC1F1A}

#opsirnije_1, #opsirnije_2, #opsirnije_3 {font-size:1.4em;}
a#webis {color:#666; text-decoration:none;/*border:1px solid #fff;*/padding:3px 4px}
a#webis:hover {/*border:1px solid #666*/background:#666;color:#fff}

.submit {width:100px;margin-left:120px}
.sidebar {font-size:1.4em}
.sidebar .sideimg {display:block;margin-bottom:18px;width:208px}
.sidebar .sideimg img {padding:9px;border:1px solid #eee;background:#fcfcfc;}

img.right {float:right;margin:10px 0 10px 10px;padding:9px;border:1px solid #fff;background:#eee}

ul {margin:30px 0 0 0}
ul li {margin-bottom:15px}

ol li {margin-bottom:10px}