/* RESET
------------------------------ */
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,b,u,i,center,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;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial, Helvetica, sans-serif;color:#595959;padding:0 0 2em;background-color:#ffffff; overflow-x:auto;overflow-y:scroll;}
a {color:#595959;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
#contentHome h1, #content h1, #contentWide h1 {color:#c00024; margin-bottom:0.6em; font-size:1.7em; padding-bottom:7px; font-weight:bold;}
#contentHome h2, #content h2, #contentWide h2 {color:#c00024; margin-bottom:0.4em; margin-top:0.4em; font-size:1.5em; font-weight:bold;}
#contentHome h3, #content h3, #contentWide h3 {color:#000000; margin-bottom:0.2em; font-size:1.2em; font-weight:bold;}
#contentHome h4, #content h4, #contentWide h4 {color:#c00024; margin-bottom:0.2em; padding-top:10px; font-size:1.3em; padding-bottom:3px; font-weight:bold; border-bottom: 2px #c00024 solid;}

address { font-style:normal;}

.tabs-container {
    /*padding:15px;
	width:577px;*/
	width:650px;
	/*min-height:241px;
    background:url(../images/tabs.gif) no-repeat 0 0;*/ 
}
.tabs-top {
    /*padding:15px;
	width:577px;*/
	width:650px;
	height:8px;
    background:url(../images/tabs-top.gif) no-repeat 0 0; 
}
.tabs-content {
    padding:10px 23px;
	width:610px;
    background:url(../images/tabs-content.gif) no-repeat 0 0;
	display:inline-block;
	/*min-height:241px;*/
	height:auto !important;
	/*height:241px;*/
 
}

/* basic layout */
#site { width:650px; padding:0px; margin:0 auto; font-size:1.3em;}
#header { display: none;}
#body { float:left; width:650px;}
#content {position:relative; width:650px; float:left; padding:0px 0 0px 0px; }
#contentWide {position:relative; width:650px; float:left; padding:0px 0 0px 0px; }
#contentHome {position:relative; width:650px; float:left; padding:0px 0 0px 0px; }
#sidebar { display: none;}
#sidebarInner { display: none;}
#left { display: none;}





/*breadcrumbs*/
#body ul.breadcrumbs {width:650px; margin:7px 0 7px 60px; float:left;}
#body ul.breadcrumbs li {float:left; width:auto; display:inline-block;color:#595959; background:none; padding-left:0; margin:0 5px 0 0;}
#body ul.breadcrumbs li a {color:#595959; font-size:1.0em; border-right:1px solid #595959; padding-right:5px;}


/*navigation*/
ul#nav { display: none;}


/*content*/
#contentHome ul, #content ul, #contentWide ul {margin:10px 0;}
#contentHome ul li, #content ul li, #contentWide ul li {background:url(../images/bullet.png) no-repeat 0 5px; padding-left:15px; margin:5px 0;}

#contentWide ul.searchResults {float:left; display:block; width:650px }
#contentWide ul.searchResults li{margin:0; padding:0; margin-bottom:12px; padding-left:10px}
#contentWide ul.searchResults li a{ font-size: 1.3em; color:#C00024;}
#contentWide ul.searchResults li strong{ font-size: 1.1em;}



#contentWide ul.searchResults li h2{ padding-bottom:0px; padding-top:0px;}
#contentWide ul.searchResults li h2 a {color:#c00024;}

#content ul.paginator, #contentWide ul.paginator {float:left; margin-top:0px !important; margin-right:15px;}
#content ul.paginator li, #contentWide ul.paginator li {background:none; padding-left:0px; margin-top:0px; float:left;}
ul.paginator li a.prev {display:block;background:url(../images/bullet_hover_back.gif) no-repeat right 2px;  border-right: none; padding-left:5px; padding-right:8px;text-indent:-9999px; width:10px;}
ul.paginator li a.next {display:block;background:url(../images/bullet_hover.gif) no-repeat right 2px;  border-right: none; padding-left:5px; padding-right:8px;text-indent:-9999px; width:10px;}
ul.paginator li a {color:#000; font-size:0.9em; padding:0 5px; border-right: 1px solid #acacac; text-decoration:none; }





#galleryHome {position:relative; width:650px; height:201px; float:left; z-index:1; overflow:hidden;}
#mainImages {width:650px; height:201px; float:left;}

a.more {background:url("../images/more.gif") no-repeat scroll 0 0 transparent; color:#acacac; display:block; margin-top:10px; margin-left:9px; padding:8px 50px 4px 5px; text-decoration:none; width:149px; height:20px; text-align:right; font-size:1.4em; color:#ffffff; font-weight:bold; }
a.more:hover {text-decoration:none; color:#C00024; }


#content ul.studentProgram {float:left; width:233px; margin:10px 0;}
#content ul.studentProgramAll {float:left; width:466px; margin:10px 0;}

ul.studentProgram li, ul.studentProgramAll li {margin:3px 0; }
ul.studentProgram li a, ul.studentProgramAll li a {text-decoration:underline; color:#595959;}
ul.studentProgram a:hover, ul.studentProgramAll a:hover {text-decoration:none;}
#content ul.studentProgram li.title, #content ul.studentProgramAll li.title {margin: 0 0 5px 0; background:none;}
#content ul.studentProgram li.title a, #content ul.studentProgramAll li.title a {font-weight:bold; color:#C00024; font-size:1.1em; margin-left:-15px; text-decoration:none;}


/*tabs-css*/
#containerTabs ul.tabs-nav {margin:0px;padding:0px;background-color:#acacac; width:650px;}
#containerTabs ul.tabs-nav li {margin:0px;padding:0px;background-color:#acacac;}
#containerTabs {float: left; border:1px #acacac solid; margin-bottom:15px;}

/*table*/
#content table {width:650px; border:0; margin-bottom:15px;}
#content table th {background:#e5e5e5; color:#595959;}
#content table td {border-bottom:1px solid #e5e5e5;background:#ffffff; color:#595959; padding:5px 5px; text-align:left; }
#content table th {padding:5px 5px; text-align:left;}
#content table th.first, #content table td.first { width:60px;}

#contentWide table {width:650px; border:0; margin-bottom:15px;}
#contentWide table th {background:#e5e5e5; color:#595959;}
#contentWide table td {border-bottom:1px solid #e5e5e5;background:#ffffff; color:#595959; padding:5px 5px; text-align:left; }
#contentWide table tr.last td {border-bottom:1px solid #C00024;background:#ffffff; color:#595959; padding:5px 5px; text-align:left; }
#contentWide table th {padding:5px 5px; text-align:left;}
#contentWide table th.first, #content table td.first { width:60px;}


#content table.tableNoWidth {width:650px; border:0; margin-bottom:15px;}
#content table.tableNoWidth th {background:#e5e5e5; color:#595959;}
#content table.tableNoWidth td {border-bottom:1px solid #e5e5e5; color:#595959; padding:5px 5px; text-align:left; }
#content table.tableNoWidth th {padding:5px 5px; text-align:left; font-weight:bold;}

#content table.tablePerson {width:650px; float:right; border:0; margin-bottom:15px;}
#content table.tablePerson td {border-bottom:none; color:#595959; padding:5px 5px; text-align:left; border-bottom:1px solid #e5e5e5; }

a.pdf {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-pdfmini.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px; margin-right:3px;}
a.xls {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-xls.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px;}
a.doc {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-doc.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px;}
a.zip {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-zip.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px;}
a.exe {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-exe.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px;}
a.info {display:inline-block; padding-left:22px; height:16px; background:url(../images/icon_info.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px; text-indent:-9999px;}
a.afna {display:inline-block; padding-left:22px; height:16px; background:url(../images/icon_afna.gif) no-repeat 0 0; width:auto; color:#c00024; line-height:18px; text-indent:-9999px;}

.searchPerson {background:url(../images/search_person.gif) repeat-x 0px 0px;width:468px; float:left; margin:0px 0 10px 0; padding: 5px 5px; }
.searchPerson p {margin:8px 10px 5px 0px; float:left; font-size:1.3em; font-weight:bold; }
.alphabet {width:650px; margin:8px 0px 0px 0px; float:left; font-size:1.0em;}
.alphabet a {padding:0px 1px; text-decoration:none;}
.alphabet a:hover { color:#c00024; text-decoration:none;}


.searchPersonForm {width:650px; float:right; margin:5px 0px 0px 0px;}
.searchPersonForm input {background:#ffffff; border:1px solid #595959; width:230px; height:16px; float:left; font-size:1em; padding:1px 0 0 5px;}
.searchPersonForm button {background:url(../images/submit_next.gif) no-repeat 0 0; width:19px; height:19px; float:left; margin:0px 0 0 0px !important; margin:0px 0 0 0px; text-indent:-9999px; border:none;}

.searchFilter {background:url(../images/search_person.gif) repeat-x 0px 0px;width:514px; float:left; margin:0px 0 10px 0; padding: 5px 5px; }
.searchFilter p {margin:8px 0px 5px 0px; float:left; font-size:1.3em; font-weight:bold; }
.filter {background-color:#ffffff; color:#595959;width:155px; float:left; height:22px; margin-left:13px; margin-top:2px;}

#contentWide .searchFilter {background:url(../images/search_person.gif) repeat-x 0px 0px;width:755px; float:left; margin:0px 0 10px 0; padding: 5px 5px; }
#contentWide .searchFilter p {margin:8px 0px 5px 0px; float:left; font-size:1.3em; font-weight:bold; }
#contentWide .filter {background-color:#ffffff; color:#595959;width:155px; float:left; height:22px; margin-left:13px; margin-top:2px; z-index:999}

a.userSchedule {background:url(../images/user-icon.png) no-repeat 0 bottom; width:22px; height:22px; display:inline-block; float:left; text-indent:-9999px; margin:2px 0px 0px 20px}




/*news*/
.PastEventList {width:650px; float:left; margin:10px 45px 20px 60px;}
#content .PastEventList li, #contentHome .PastEventList li {height:28px; background:url(../images/calendarbw.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
#content .PastEventList li.old, #contentHome .PastEventList li.old {height:28px; background:url(../images/calendarbw_old.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
.PastEventList li .cal, .PastEventList li.old .cal {width:28px; float:left; margin-left:0px !important; margin-left:-5px;}
.PastEventList li .cal .month, .PastEventList li.old .cal .month {color:#ffffff; text-transform:uppercase; font-size:0.7em; display:block; text-align:center; font-weight:bold;}
.PastEventList li .cal .day, .PastEventList li.old .cal .day {color:#595959; text-align:center; display:block; font-size:1.3em; font-weight:bold; line-height:1.1em;}
.PastEventList li strong, .PastEventList li.old strong {float:left; display:block; width:260px;  padding:0 0 0 10px; font-size:1.0em;font-weight:bold; }
.PastEventList li a, .PastEventList li.old a { color:#595959; font-weight:normal; text-decoration:underline;}
.PastEventList li a:hover, .PastEventList li.old a:hover {text-decoration:none;}
.archive {margin:0px 0px 0px 38px;}

.EventList {width:650px; float:left; margin:10px 0px;}
#content .EventList li, #contentHome .EventList li {height:28px; background:url(../images/calendarbw.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
#content .EventList li.old, #contentHome .EventList li.old {height:28px; background:url(../images/calendarbw_old.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
.EventList li .cal, .EventList li.old .cal {width:28px; float:left; margin-left:0px !important; margin-left:-5px;}
.EventList li .cal .month, .EventList li.old .cal .month {color:#ffffff; text-transform:uppercase; font-size:0.7em; display:block; text-align:center; font-weight:bold;}
.EventList li .cal .day, .EventList li.old .cal .day {color:#595959; text-align:center; display:block; font-size:1.3em; font-weight:bold; line-height:1.1em;}
.EventList li strong, .EventList li.old strong {float:left; display:block; width:260px;  padding:0 0 0 10px; font-size:1.0em;font-weight:bold; }
.EventList li a, .EventList li.old a { color:#595959; font-weight:normal; text-decoration:underline;}
.EventList li a:hover, .EventList li.old a:hover {text-decoration:none;}

#content ul.eventListContent {float:left; display:block; }
#content ul.eventListContent li, #contentHome ul.eventListContent li {height:28px; background:url(../images/calendarbw.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
#content ul.eventListContent li.old, #contentHome ul.eventListContent li.old {height:28px; background:url(../images/calendarbw_old.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
ul.eventListContent li .cal, ul.eventListContent li.old .cal {width:28px; float:left; margin-left:0px !important; margin-left:-5px;}
ul.eventListContent li .cal .month, ul.eventListContent li.old .cal .month {color:#ffffff; text-transform:uppercase; font-size:0.7em; display:block; text-align:center; font-weight:bold;}
ul.eventListContent li .cal .day, ul.eventListContent li.old .cal .day {color:#595959; text-align:center; display:block; font-size:1.3em; font-weight:bold; line-height:1.1em;}
ul.eventListContent li strong, ul.eventListContent li.old strong {float:left; display:block; width:473px;  padding:0 0 0 10px; font-size:1.0em;font-weight:bold; }
ul.eventListContent li a, ul.eventListContent li.old a { color:#595959; font-weight:normal; text-decoration:underline;}
ul.eventListContent li a:hover, ul.eventListContent li.old a:hover {text-decoration:none;}

#contentWide ul.eventListContent {float:left; display:block; }
#contentWide ul.eventListContent li, #contentHome ul.eventListContent li {height:28px; background:url(../images/calendarbw.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
#contentWide ul.eventListContent li.old, #contentHome ul.eventListContent li.old {height:28px; background:url(../images/calendarbw_old.png) no-repeat 0px 0; margin:0; padding:0; margin-bottom:15px;}
#contentWide ul.eventListContent li .cal, #contentWide ul.eventListContent li.old .cal {width:28px; float:left; margin-left:0px !important; margin-left:-5px;}
#contentWide ul.eventListContent li .cal .month, #contentWide ul.eventListContent li.old .cal .month {color:#ffffff; text-transform:uppercase; font-size:0.7em; display:block; text-align:center; font-weight:bold;}
#contentWide ul.eventListContent li .cal .day, #contentWide ul.eventListContent li.old .cal .day {color:#595959; text-align:center; display:block; font-size:1.3em; font-weight:bold; line-height:1.1em;}
#contentWide ul.eventListContent li strong, #contentWide ul.eventListContent li.old strong {float:left; display:block; width:714px;  padding:0 0 0 10px; font-size:1.0em;font-weight:bold; }
#contentWide ul.eventListContent li a, #contentWide ul.eventListContent li.old a { color:#595959; font-weight:normal; text-decoration:underline;}
#contentWide ul.eventListContent li a:hover, #contentWide ul.eventListContent li.old a:hover {text-decoration:none;}







/*footer*/
#footer {display: none;}



/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #site:after, #body:after, #header:after, .headRight ul.prijava:after, #content:after, #nav:after, #contentHome:after,#content ul.paginator:after, #content ul.eventListContent:after, .searchFilter:after, #containerTabs:after, #left:after ul.bredscrumbs:after, #content table.tablePerson:after, #aboveHeader:after, #content ul.projects:after, #sidebar .box:after, #footer:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}