@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 12px;
    font-family: inherit;
    vertical-align: baseline;
}
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#wraper {
	background-image: url(images/bg_front.png);
	background-repeat: repeat-x;
	min-height: 700px; 
	height: auto important!;
	height: 700px;
}
#wraper_template {
	background-image: url(images/bg_front_template.png);
	background-repeat: repeat-x;
	min-height: 700px;
	height: auto important!;
	height: 700px;
}
#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	height: 92px;
	width: 322px;
	float: left;
}
#header #navigation {
	height: 80px;
	width: 562px;
	float: right;
	padding-top: 7px;
	padding-left: 76px;
}
#header #navigation ul {
	margin: 0px;
	padding: 0px;
	background-image: url(images/nav_sep.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 37px;
}
#header #navigation li {
	margin: 0px;
	padding: 0px;
}
#header #navigation li {
	float: left;
	text-align: center;
	display: block;
	width: 80px;
	list-style-type: none;
	background-image: url(images/nav_sep.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	line-height: 37px;
}
#header #navigation li a {
	text-decoration: none;
	font-size: 15px;
	color: #666666;
	display: block;

}
#header #navigation li a:hover {
	color: #c00;
	padding-top: 1px;
}
#baner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 37px;
}
#banerimg {
	height: 192px;
	width: 630px;
	float: left;
}
#main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#futer_big, #futer_in, #futer_big a, #futer_in a {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	text-decoration: none;
	padding-top: 20px important!;
	padding-top: 10px;
}
#indexbloks img {
	padding: 2px;
	border: 1px solid #666666;
}

#futer {
	background-color: #9A0000;
	background-image: url(images/bg_futer.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 231px;
	clear: both;
}


#banernav {
	width: 330px;
	float: right;
}


.clr {
	clear: both;
	height: 0px;
}
/*pocetna navigacija*/
a.projava_btn {
display: block;
width: 310px;
height: 48px;
background: url(images/btn_prijava.png) 0 0 no-repeat;
text-decoration: none;
text-indent: -9999px;
}
a:hover.projava_btn {
	background-position: right 0;
}
a.program_btn {
	display: block;
	width: 310px;
	height: 48px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(images/btn_program.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a:hover.program_btn {
	background-position: right 0;
}
a.termini_btn {
	display: block;
	width: 310px;
	height: 48px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(images/btn_termini.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a:hover.termini_btn {
	background-position: right 0;
}
a.cene_btn {
	display: block;
	width: 310px;
	height: 48px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(images/btn_cene.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a:hover.cene_btn {
	background-position: right 0;
}
a.vesti_btn {
	display: block;
	width: 310px;
	height: 48px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(images/btn_vesti.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a:hover.vesti_btn {
	background-position: right 0;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}

/*pocetna navigacija   kraj*/
#content {
	float: left;
	width: 600px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	padding-right: 15px;
	height: auto;
}
#content_template {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}
#content_temp {
	float: left;
	width: 960px;
}
#content p, #content_temp p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
	margin-top: 20px;
}

#vesti {
	float: right;
	width: 330px;
}

#vesti #vesti_btn {
	background-image: url(images/btn_vesti.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	margin-bottom: 20px;
	width: 310px;
}
.vesti_polje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	width: 310px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.otkrijteberzuh1 {
	background-image: url(images/H-Otkrijte-berzu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	height: 37px;
	width: 213px;
}
.H-kontakt {
	background-image: url(images/H-kontakt.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 126px;
	text-indent: -9999px;
}
.H-posao {
	background-image: url(images/H-posao.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 29px;
	width: 232px;
}
.H-knjiga {
	background-image: url(images/H-knjiga.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 29px;
	width: 85px;
}
.H-okursu {
	background-image: url(images/H-okursu.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 37px;
	width: 126px;
}
.H-onama {
	background-image: url(images/H-onama.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 37px;
	width: 126px;
}
.H-termini {
	background-image: url(images/H-termini.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 37px;
	width: 126px;
}
.H-programpredavanja {
	background-image: url(images/H-programpredavanja.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 37px;
	width: 311px;
}
#indexbloks {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
}

#indexbloks #blok_zanimanjebud {
	width: 274px;
	float: left;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
}
#indexbloks #blok_knjiga {
	float: right;
	width: 295px;
	padding-left: 15px;
}
.program-blok {
	margin:50px 0 0;
	float: left;
	width: 270px;
	height: 300px;
	padding: 0px 0px 0px 40px;
	border-left-width: thin;
	border-left-style: solid;
	
}
.program-blok h2 {
margin: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

#content li, #content_temp li {
	font-size: 13px;
	color: #666666;
	line-height: 20px;
	list-style-image: url(images/ul.png);
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 30px;
}
#content ul, #content_template ul {
	margin-top: 15px;
	margin-bottom: 30px;
}
strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

hr {
	color: #990000;
	background-color: #990000;
	height: 1px;
	border-style: none;
}
h2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 30px;
	color: #666666;
}