/* =Imported styles
----------------------------------------------- */
@import url("lightbox.css");


#x-mas {
position:absolute;
top:0;
right:0;
width:122px;
height:239px;
}
html, body {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	position: relative;
	min-height: 100%;
	background: #f2f2f2 url(../images/bg-body.gif) repeat-y 50% 0;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #333;
	text-align:center;
}

/*
 * IE hack - IE doesn't know min-height but does incorrectly interpret
 * height, effectively causing the same effect as min-height should in
 * this case. Uses IE's root ghost hack to only apply to IE.
 */
 
* html body {
	height: 100%;
}


#frame {
	width: 700px;
	height: 100%;
	margin: 0 auto;
	background: url(../images/bg-alt.gif) no-repeat 100% 0;
	text-align:left;
}
html>#frame {
	width: 700px;
	}
/*  General rules ***************************************************************/

img	{
	display: block;
	border: 0;
	}

a {color:#5DA9DD; text-decoration:none;}
a:hover {color:#9BCE47; text-decoration:underline;}
/* main div position ***********************************************************/
#head {
	display:block;
	border-bottom: 5px solid #5DA9DD;
	
}

#nav {
	font-size: 0.7em;
	line-height: 1.5em;
    float: left;
    width: 150px;
    background: transparent;
}

#content {
	font-size: 0.7em;
	line-height: 1.5em;
	float: left;
	margin: 0;
	width: 360px;
	padding: 0 20px;
}

#sidebar {
	font-size: 0.7em;
	line-height: 1.5em;
    float: left;
    width: 150px;
    background: transparent;
	padding: 38px 0;
}

#content_secondary {
	font-size: 0.7em;
	line-height: 1.5em;
    float: left;
    width: 130px;
    background: transparent;
}


body#kolegij #content, 
body#curriculum #content {
	font-size: 0.7em;
	line-height: 1.5em;
	float: left;
	margin: 0 0 50px 0;
	width: 510px;
	padding: 0 20px;
}


body#kolegij #sidebar,
body#curriculum #sidebar {
	font-size: 0.7em;
	line-height: 1.5em;
    float: left;
    width: 150px;
    background: transparent;
	padding: 40px 0;
	display: none;
}


#foot {
	clear: both;
	font-size: 0.7em;
	line-height: 1.5em;
	position:absolute;
	bottom: 0;
	padding: 8px 0;
	width: 700px;
	background: #5DA9DD;
}

body#partneri #foot {
	clear: left;
	font-size: 0.7em;
	line-height: 1.5em;
	position:relative;
	padding: 0;
	height: 23px;
	width: 700px;
	background: #5DA9DD;
} 

body#partneri #foot {
	float:left;
	font-size: 0.7em;
	line-height: 1.5em;
	padding: 0;
	height: 23px;
	width: 700px;
	background: #5DA9DD;
	vertical-align: middle;
}


#nav, #sidebar, #content {
	margin-bottom: 50px;	/* for ie */
	*margin-bottom: 25px;	/* actual value */
}

/* opera hack */
html>body#nav, html>body#sidebar {
	margin-bottom: 30px;
}

/* footer hack */
hr.cleaner {
	clear: both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
}
/* off footer hack */
body#partneri hr.cleaner {
	display:none;
}
/* main div position ***********************************************************/

/* search ***********************************************************/
#searchform {
/*	background: #A0CCEA url(../images/corner-srch.gif) no-repeat 100% 100%;*/
	background: #A0CCEA;
	padding: 10px 5px 5px 5px;
	height:25px;
	margin:0;
}

#searchform input{
	float: left;
	margin: 0 5px;
}

#searchfield, .searchfield {
	font-size: 11px;
	border: 1px solid #5DA9DD;
	background: #fff url(../images/bg-input.gif);
	padding: 1px 1px;
	height: 16px;
	width: 96px;
}

#searchbutton {
	width: 20px;
	height: 20px;
	border: 0;
	background: url(../images/search-btn.gif);
	cursor: pointer;
}
/* search ***********************************************************/

/* menu styles *****************************************************/
body#arhiva #arhiva_nav a,
body#pocetna #pocetna_nav a,
body#svrha #svrha_nav a,
body#uvijeti #uvijet_nav a,
body#rezim #rezim_nav a,
body#kolegij #kolegij_nav a,
body#voditelji #voditelji_nav a,
body#curriculum #curriculum_nav a,
body#raspored #raspored_nav a,
body#kontakt #kontakt_nav a,
body#partneri #partneri_nav a,
body#studenti_upute #sUpute_nav a,
body#studenti_radovi #sRadovi_nav a,
body#studenti_popis #sPopis_nav a
{
color: #9BCE47;
background: url(../images/menu-bullet-active.gif) no-repeat 7px 50%;
}

body#studenti_radovi #sRadovi_nav,
body#studenti_upute #sUpute_nav,
body#studenti_popis #sPopis_nav  {
background:#fff url(../images/menu-bg-shade.gif) no-repeat 0 0;
}


#menu{
width: 150px;
list-style: none;
margin: 0;
padding: 0 0 11px 0;
background: url(../images/menu-bg-shade.gif) no-repeat 100% 100%;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
}
#menu li{
height: 1.7em;
border-bottom: 1px solid #CEE0EF;
background: url(../images/bg-menu-button.gif) no-repeat 0 0;
}


#menu li span {
text-decoration: none;
padding-left: 10px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
background: url(../images/nav-ico-normal.gif) no-repeat -100px 60%;
color: #fff;
font-weight:bold;
letter-spacing:0.1em;
}

#menu li.studenti_subnav {
background:#cee0ef url(../images/bg-submeni2.gif) no-repeat 0 0;
border-bottom: 1px solid #fff;
}

#menu li.subTitle {
background:#a0ccea url(../images/student-ico.gif) no-repeat 130px 1px !important;
height: 1.6em !important;
}
#menu li a{
text-decoration: none;
padding-left: 20px;
/*vertical-align: bottom;  This fixes the IE5 Win gap! */
background: url(../images/nav-ico-norm.gif) no-repeat 6px 60%;
color: #333;
width:150px;
}
#menu li a:hover{
color: #5DA9DD;
background: url(../images/menu-bullet.gif) no-repeat 7px 60%;
}
#menu li a:active{
color: #9BCE47;
background: url(../images/menu-bullet-active.gif) no-repeat 7px 60%;
}


#sublink_nav a.lang{
font-size: 0.9em;
background:  url(../images/lang-ico.gif) no-repeat 8px 70%;
}
#sublink_nav a.lang:hover {
background:  url(../images/lang-ico.gif) no-repeat 8px 70%;
}
#sublink_nav a.fav{
font-size: 0.9em;
background:  url(../images/fav-ico.gif) no-repeat 8px 70%;
}
#sublink_nav a.fav:hover {
background:  url(../images/fav-ico.gif) no-repeat 8px 70%;
}
/* menu styles *****************************************************/


/* content styles *****************************************************/

.povratak{ font-weight:bold; background: url(../images/povratak-ico.gif) no-repeat 0 0.4em; padding-left:15px; margin:0;}
a.povratak { font-weight:normal; color: #5DA9DD; text-decoration:none;}
a.povratak:hover { color: #9BCE47; text-decoration: underline; padding-left:15px; margin:0;}


#content .cbox { background: url(../images/dotser.gif) repeat-x 0 100%; padding: 10px 0; }
#content .cboxAlt { background: none; position:relative; }

#sidebar .sbox { background: url(../images/dotser.gif) repeat-x 0 0; padding:10px 0;}


#content  p.first { padding: 0; margin:0;}
#content  p { padding:0.5em 0; margin:0;}
#content  p.slika-under { font-size:90%;color:#666;}

#content h1 { position:relative; padding: 10px 0; margin:0; font-size: 0.9em; letter-spacing: 1px; font-weight: bold; color:#9BCE47; background: url(../images/dotser.gif) repeat-x 0 100%; line-height:1.9em;}
#content h1 strong{padding-left:15px; margin:0;background: url(../images/section-ico.gif) no-repeat 0 55%;}
h2 { padding: 0.5em 0; margin:0;font-size: 1.2em; color:#5DA9DD; font-weight:bold;}
h3 { padding: 0 0; margin:0;font-size: 1em; font-weight:bold;}


#content h2.semestar { padding: 0.5em 0 0 15px; margin:0;font-size: 1.2em; color:#5DA9DD; font-weight:bold; background:url(../images/raspored-ico.gif) no-repeat 0px 0.9em;}

#content h3.galerija { color:#5DA9DD; margin:10px 0 0 0; font-size: 1.2em; font-weight:bold;}

#content h3#sati,
#content h3#sadrzaj,
#content h3#ispit, 
#content h3#literatura, 
#content h3#download { display:block; color:#fff; padding:1px 0 1px 20px; margin:0; font-size: 1em; font-weight:bold; border-bottom:2px solid #EAEAEA;}

#content h3#sati { background:#5DA9DD url(../images/sati-ico.gif) no-repeat 5px 55%; }
#content h3#sadrzaj { background:#5DA9DD url(../images/sadrzaj-ico.gif) no-repeat 5px 55%;}
#content h3#ispit { background:#5DA9DD url(../images/ispit-ico.gif) no-repeat 5px 55%;}
#content h3#literatura { background:#5DA9DD url(../images/lit-ico.gif) no-repeat 5px 55%;}
#content h3#download   { background:#5DA9DD url(../images/download-ico-blubg.gif) no-repeat 5px 55%;}

#content p.izdvojeno, .izdvojeno { display:block;  padding:10px; margin: 10px 0; background: #EBF5FB url(../images/pern-lines.gif); border-top: 1px solid #5DA9DD;border-bottom: 1px solid #5DA9DD;}

#content ul { list-style-type: none; padding:0.5em 0; margin:0;}
#content li { background: url(../images/list-bullet.gif) no-repeat 0 0.6em; padding-left:15px;}

#content ul.noBull li{ background: none; padding-left:0;}

#news {list-style: none; padding:0; margin:0;}
#news dt, .date { font-size:0.9em; color: #333333;}
#news dd { padding-left:0; margin:0;}
#news dd a, .news { font-size:1.2em; background: url(../images/news-ico.gif) no-repeat 0 0.4em; padding-left:15px; margin:0; font-weight:bold; color: #5DA9DD; text-decoration:none;}
#news dd a:hover { color: #9BCE47; text-decoration: underline;}





#directors {list-style: none; padding:0; margin:0;}
#directors dt { font-size:1.2em; font-weight:bold; background: url(../images/guy-ico.gif) no-repeat 0 0.4em; padding-left:15px; margin:0;}
#directors dd {padding-left:0; margin:0;}
#directors dt a, .directors {color: #5DA9DD; text-decoration:none;}
#directors dt a:hover, .directors:hover { color: #9BCE47; text-decoration: underline;}





/*=secondary content 
*****************************************************/
img.thumb_main {
margin:10px 0 0 0;
}
p.thumb_desc {
line-height:1em;
text-align:right;
color:#6699cc;
}
#content_secondary h1 { padding: 10px 0; margin:0; font-size: 0.9em; letter-spacing: 1px; font-weight: bold; color:#9BCE47; background: url(../images/dotser.gif) repeat-x 0 100%; line-height:1.9em;}
#content_secondary h1 strong{padding-left:15px; margin:0;background: url(../images/section-ico.gif) no-repeat 0 55%;}

#content_secondary h3 {
padding:0 0 0 15px;
margin:5px 0 0 0;
color:#5da9dd;
font-size:90%;
font-weight:normal;
background:url(../images/gallery-ico.gif) no-repeat left center;
}
#content_secondary p {
margin:0 0 5px 0 !important;
padding:0 0 0 15px !important;
font-weight:normal;
font-size:1em;
color:#5da9dd;
}
#content_secondary ul {
margin:0;
padding:0 15px;
list-style:none;
}
#content_secondary li {
position:relative;
height:100%;
margin:0 10px 0 0;
padding:0;
width:92px;
/*border:1px solid #c9e0f1;*/
}
#content_secondary li a img {
display:block;
position:relative;
background:#fff;
width:92px;
margin:0 !important;
padding:4px !important;
border:1px solid #c9e0f0;
}
#content_secondary li a {
display:block;
position:relative;
left:0;
top:0;
margin:0 0 10px 0 !important;
padding:0 !important;
}
#content_secondary li a:hover img {
background:#fff;
border:1px solid #fff;
}
#content_secondary p a.browse {
margin:0 5px;
}

ul.gallery_enter {
position:relative;
margin:10px 0 !important;
padding:0 !important;
/*background:#ddd; DEBUG*/
}
ul.gallery_enter li {
margin:0 !important;
padding:0 !important;
top:0;
background:none !important;
}
ul.gallery_enter li img {
padding:4px;
margin:0  !important;
background:#fff;
border:1px solid #c9e0f0;
}
ul.gallery_enter li a:hover img {

border:1px solid #fff;
}
ul.gallery_enter li dl {
margin:0  !important;
padding:0  !important;
position:absolute;
top:0;
left:120px;
width:215px;
}
ul.gallery_enter li dl dt {
padding-bottom:5px;
font-size:115%;
font-weight:bold;
color:#5da9dd;
top:0;
}
ul.gallery_enter li dl dd {
font-size:100%;
margin:0 !important;
padding:0 !important;
}
ul.gallery_enter li dl dd.right {
text-align:right;
}
ul.gallery_enter li dl dd  a {
font-size:90%;
font-weight:bold;
left:0;
position:absolute;
}

/*=content banner styles 
*****************************************************/
#sidebar .banner {
margin:0;
padding:0;
}
#sidebar .banner h4 {
float:left;
margin:0;
padding:0;
width:150px;
}
#sidebar .banner h4 a {
float:left;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:bottom left;
}
#sidebar .banner h4 a.ban1 {
background-color:#CCCCCC;
width:150px;
height:50px;
}
#sidebar .banner h4 a.ban2 {
background-color:#CCCCCC;
width:150px;
height:50px;
}
#sidebar .banner h4 a:hover {
background-color:#eee;
background-position:bottom left;
}


ul.noBull li{
background: none !important;
padding-left:0 !important;
}

/* content styles *****************************************************/

/* foot styles *******************************************************/

#footnav {
	padding:0; 
	margin:0;
	float:left;
	}

#footnav ul{
	border: 0;
	padding:3px 10px; 
	margin:0;
	}

#footnav ul li {
	display:inline;	
	list-style: none;
	}
#footnav a{
	float:left;
	font-size: 0.9em;
	color: #fff;
	text-decoration:none;
	padding-left: 15px;
	}
#footnav a.vrh{ 
	background: url(../images/vrh.gif) no-repeat 5px 60%; 
	}
#footnav a.vrh:hover{ 

	color: #A1D1F2;
	}
#footnav a.home{ 
	background: url(../images/home.gif) no-repeat 3px 60%; 
	}
#footnav a.home:hover{ 
	color: #A1D1F2;
	}
#footnav a.mail{ 
	background: url(../images/mail.gif) no-repeat 4px 60%; 
	}
#footnav a.mail:hover{ 
	color: #A1D1F2;
	}
#foot .vcard {
float:right;
width:16px;
padding-right:10px;
margin-top:-27px;
}
#foot .vcard a.url {
float:right;
position:relative;
right:0;
top:27px;
text-indent:-9999px;
background:url(../images/nivas-logo.gif) no-repeat top right;
width:16px;
height:22px;
}
#foot .vcard a:hover.url {
background-position: bottom left;
}
#foot .vcard .tel,
#foot .vcard .email,
#foot .vcard .adr {
display:none;
}

#nivas{
	font-size: 0.9em;
	line-height:1em;
	color: #fff;
	text-decoration:none;
	float:right;
	padding:4px 15px 2px 0; 
	margin:0;
	}

#nivas p{
	padding:0 4px 1px 2px;
	margin:0;
	}
	
#nivas a{
	font-size: 0.9em;
	line-height:1.2em;
	color: #fff;
	text-decoration:none;
	padding:0;
	margin: 2px;
	}
#nivas a:hover{
	color: #A71726;
	background: #fff;
	}

#nivas a.nvs{
font-weight:bold;
}

/* tabular css*****************************************************/
table { 
	padding: 0; 
	margin:10px 0;
	}
	
#content table { 
	border-collapse:collapse;
	width: 510px;
	}
	
	
body#voditelji	#content table { 
	border-collapse:collapse;
	width: 360px;
	}
		
#content table#tpartneri {
	width: 360px;
	}
		
#content th,td {
	padding:0.5em;
	border-bottom: 1px solid #5DA9DD;
	
}

#content th.fond,
#content th.sati,
#content th.bodovi 
{text-align:center;}

/* td.grey{background: #EAEAEA;border-bottom:1px solid #fff;} */
#content td.grey{border-left:1px solid #EAEAEA; text-align:center;}
#content tr.odd{background:#F6F6F6;}

#content th { background: #5DA9DD; color: #fff; border-bottom:2px solid #EAEAEA;}


tr.ukupno {font-weight:bold;}


#content table#forma  { 
	border-collapse:collapse;
	width: 300px;
	}

#forma td {
border:0;
font-weight: bold;
}

#forma .searchfield {
	width: 150px;
}

#forma #textarea{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #5DA9DD;
	background: #fff url(../images/bg-input.gif) repeat-x 0 0;
	padding: 5px;
	width: 250px;
}

.button {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #5DA9DD;
background: #fff;
padding: 2px 15px;
margin:0 2px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #CEE0EF;
border-right: 1px solid #CEE0EF;
cursor: pointer;
}



/* tabular css*****************************************************/

/* typo-links-stuff**********************************************************/
#content .kolegij {font-weight:bold; background: url(../images/kolegij-ico.gif) no-repeat 0 0.3em; padding: 0 0 0 15px; margin:0;}
#content a.kolegij { font-weight:normal; color: #5DA9DD; background: url(../images/kolegij-ico.gif) no-repeat 0 0.3em; text-decoration:none; padding: 0 0 0 15px; margin-top:0;}
#content a.kolegij:hover { fcolor: #9BCE47;text-decoration: underline; padding: 0 0 0 15px; margin:0;}
 
#content   .voditelji { font-weight:bold; background: url(../images/guy-ico.gif) no-repeat 0 50%; padding-left:15px; margin:0;}
#content  a.voditelji{ font-weight:normal; color: #5DA9DD; text-decoration:none;}
#content  a.voditelji:hover { color: #9BCE47; text-decoration: underline; padding-left:15px; margin:0;}

.raspored { font-weight:bold; background:url(../images/raspored-ico.gif) no-repeat 0px 0.3em; padding-left:15px; margin:0;}
a.raspored{ font-weight:normal; color: #5DA9DD; text-decoration:none;}
a.raspored:hover { color: #9BCE47; text-decoration: underline; padding-left:15px; margin:0;}

.download { font-weight:bold; background:url(../images/download-ico.gif) no-repeat 0px 0.3em; padding-left:15px; margin:0;}
a.download { font-weight:normal; color: #5DA9DD; text-decoration:none;}
a.download:hover { color: #9BCE47; text-decoration: underline; padding-left:15px; margin:0;}




/*markupmark mod*/
p.other { margin:0 !important; padding:0 !important;}
.cbox p a { font-weight:normal; color: #5DA9DD; text-decoration:none; background:url(../images/download-ico.gif) no-repeat 0px 0.3em !important;padding-left:15px; }
.cbox p a:hover { color: #9BCE47; text-decoration: underline; padding-left:15px; margin:0;}
/*markupmark mod*/






/* a.raspored:visited { color: #c00;} */

/* typo-links-stuff**********************************************************/
/* helpers *****************************************************/

.hide {
	height: 0;
	width: 0;
	display:none;
	position: absolute; 
	}

.errHilite {
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #ff3300;
	background: f2f2f2;
}