/* CSS Specifikacija */
/* by Ilic Aleksandar */

/* R E S E T O V A N J E   S V I H   E L E M E N A T A */
* {
   padding: 0;
   margin: 0;
}

ul {
    padding-left: 0;
    margin-left: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 0;
}

img.grayscale {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

/* S T R U K T U R A ,   M E N I   I   D I Z A J N */
body {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	background: url("images/bground/bgcolor.jpg");
	background-color: #d5d6d7;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Optima, Optima LT Std, Helvetica, "Lucida Grande", Arial, Verdana, Sans-Serif;
	color: #333;
}

#page {
	width: 820px;
	margin: 0px auto;
	padding: 0;
	border: 0;
	background: url("images/bground/sredina.jpg") repeat-y top;
	background-color: white;
	text-align: left;
}

/* Header: Logo and name */
#header {
	height: 160px;
	background: url("images/logo.jpg") no-repeat top center;
	line-height: 12px;
}

#headertext {
	padding: 60px;
}

#headertext h1 {
	/*margin-top: 16px;*/
	color: #666;
	font-size: 360%;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
}

#headertext i {
	font-size: 10px;
}

#headertext img {
	margin-top: 13px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
}

/* Menu items */
#menu {
	margin: 10px 10px 10px 30px;
	font-weight: 700;
	font-size: 13px;
	text-align: center;
}

#menu a {
	padding: 0px 5px 0px 25px;
	color: #666;
	text-decoration: none;
	background: url("images/bullet.gif") no-repeat left;
}

#menu a:hover {
	padding: 0px 5px 0px 25px;
	color: #CCCC00;
	text-decoration: none;
	background: url("images/bullet_up.gif") no-repeat left;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	display: inline;
}

/* DON'T TOUCH - to make fancy design */
#prelaz {
	height: 40px;
	margin-left: 220px;
	background: url("images/postap.gif") no-repeat center;
}

#sadrzaj {
	margin: 10px 0px 0px 50px;
	font-size: 12px;
}

#izmedjumenija {
	float: left;
	width: 20px;
	height: 300px;
	margin-top: -20px;
	border: 0;
	background: url("images/izmedjumenija.gif") no-repeat;
}

#enddots {
	position: relative;
	top: 90px;
	margin: 0px 0px 0px 720px;
	width: 40px;
	height: 300px;
	border: 0;
	background: url("images/enddots.gif") no-repeat;
}

#footer {
	color: #999999;
	width: 600px;
	margin: 0px 0px 10px 10px;
	padding: 10px 0px;
	font-size: 10px;
}

#footer label {
	text-align: left;
}

#footer img {
	float: right;
	margin-left: 30px;
	margin-top: 20px;
}

#footer a {
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover, a:focus {
	color: #CCCC00;
	font-size: 10px;
	text-decoration: none;
	font-variant: normal;
}
	
#reklame {
	clear: left;
	width: 678px;
	/*border: 1px solid #CCC;*/
	margin: 0px 0px 30px 50px;
	padding: 10px;
}

#credits {
	width: 820px !important;
	margin: -50px !important;
	height: 63px;
	background: url("images/bground/footer8.jpg") no-repeat bottom left;
}

#credits {
	color: #999999;
	width: 600px;
	margin: 0px 0px 10px 50px;
	padding: 10px;
}

#credits p {
	margin-top: 40px;
	text-align: center;
	font-size: 10px;
}

#credits a {
	color: #333333;
	text-decoration: none;
	font-variant: normal;
	font-size: 10px;
}

#credits a:hover {
	color: #CCCC00;
	text-decoration: none;
	font-variant: normal;
	font-size: 10px;
}

/*
#image {
	margin: 10px 10px 10px 10px;
}
*/

/****************************/
/****************************/
/****** SITE CONTENT ********/
/****************************/
/****************************/

h1 {
	margin-bottom: 10px;
	color: #CCCC00;
	font-size: 18px;
	font-variant: small-caps;
}

h2 {
	margin-bottom: 10px;
	color: #CCCC00;
	font-size: 14px;
	font-variant: small-caps;
}

h3 {
	color: #333333;
	font-size: 13px;
	/*font-variant: small-caps;*/
}

.zelena {
	color: #CCCC00;
}

.svetlosiva {
	color: #999999;
}

.siva {
	color: #333333;
}

/*******************/
/* CONTENT (index) */
/*******************/

#contentfull {
	float: left;
	width: 675px;
	padding: 10px;
	margin-bottom: 30px;
}

#content {
	float: left;
	width: 480px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: 10px;
}

div.box {
	/*min-height: 300px;*/
	/*
	margin: 0px 0px 0px 10px;
	padding: 0px;
	*/
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#content a, a:visited {
	color: #333333;
	font-weight: 500;
	font-size: 13px;
	font-variant: small-caps;
	text-decoration: none;
}

#content a:hover, a:active {
	color: #CCCC00;
	font-weight: 500;
	font-size: 13px;
	font-variant: small-caps;
	text-decoration: none;
}

#content img {
	/*margin: 0px 10px 10px 10px;*/
	margin-right: 20px;
}

#content p {
	text-indent: 20px;
	line-height: 15px;
	text-align: justify;
	margin-bottom: 10px;
}

#content ul {
	line-height: 15px;
	text-align: justify;
	margin-left: 150px;
	margin-top: -5px;
}

#content i {
	font-size: 10px;
}

/*
#content .fakedugme {
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 130px;
}

#contentmain .labela {
	//Sluzi za prikaz labela za listanje kao tabela
	float: left;
	color: #999999;
	width: 120px;
	margin: 0px 5px 10px 0px;
	text-align: right;
}
*/

/*******************/
/*  EVENTS (Index) */
/*******************/

#contentevent {
	float: left;
	width: 150px;
	padding: 10px;
}

div.eventbox {
	/*min-height: 300px;*/
	/*
	padding: 0px;
	*/
	margin: 0px 0px 0px 10px;
	border: 1px solid #CCC;
}

#contentevent a, a:visited {
	color: #666666;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	font-variant: small-caps;
}

#contentevent a:hover, a:active {
	color: #CCCC00;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	font-variant: small-caps;
}

#contentevent .textbox {
	padding: 2px 4px;
	margin: 4px 0px;
	font-size: 11px;
	border: 1px dashed #CCCC00;
}

#contentevent .allevents {
	text-align: right;
}


#eventmenu p {
	color: #666666;
	font-size: 10px;
}

#eventmenu ul {
	list-style-type: none;
}

#eventmenu li {
	margin-top: 4px;
}

#eventmenu .lozinkalink {
	padding-left: 30px;
}

/*******************/
/*     RESEARCH    */
/*******************/

#contentresearch {
	float: left;
	width: 690px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-left: 0px;
}

div.researchbox {
	/*min-height: 300px;*/
	/*
	margin: 0px 0px 0px 10px;
	padding: 0px;
	*/
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contentresearch .webprofile {
	float: left;
	width: 140px;
}

#contentresearch img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-left: 10px;
}

#contentresearch .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contentresearch .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contentresearch .fakedugme {
	float:left;
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
}

#contentresearch a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contentresearch a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contentresearch .year {
	color: #999999;
	float:left;
	font-size: 10px;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

#contentresearch p {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 40px;
}

/*
#contentresearch .reviewYear {
	color: #999999;
	float:left;
	font-size: 10px;
	text-decoration: none;
	margin: 2px 0px 0px 0px;
}
*/

/*******************/
/*   PROJECTS  */
/*******************/

#contentprojects {
	float: left;
	width: 480px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: 10px;
}

div.boxprojects {
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contentprojects .fakedugme {
	float:left;
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
}

#contentprojects a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contentprojects a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contentprojects .period {
	/*color: #999999;*/
	float:left;
	font-size: 11px;
	font-weight:  600;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	text-align: center;
	width: 110px;
}

#contentprojects img {
	/*color: #999999;*/
	width: 100px;
	margin-top: 20px;
}

#contentprojects p {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 110px;
}

#contentprojects .field {
	font-variant: small-caps;
	color: #666666;
}

#contentprojects .projectinfo {
	font-size: 10px;
}

#contentprojects .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contentprojects .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

/*******************/
/*     TEACHING    */
/*******************/

#contentteach {
	float: left;
	width: 480px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: 10px;
}

div.boxteach {
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contentteach .boxteachmini {
	float: left;
	border: 1px dotted #CCC;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#contentteach .miniboxtitle {
	font-size: 9px;
	width: 60px;
	color: #666666;
	background-color: #FFFFFF;
	margin-top: -20px;
	margin-left: 5px;
	padding-left: 5px;
}

#contentteach .fakedugme {
	float:left;
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: center;
	cursor: pointer;
}

#contentteach a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contentteach a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contentteach .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contentteach .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contentteach .year {
	float:left;
	/*color: #999999;*/
	font-size: 11px;
	font-variant: small-caps;
	text-decoration: none;
	margin: 0px 10px 0px 5px;
	text-align: center;
}

#contentteach p {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 40px;
}

#contentteach .field {
	font-variant: small-caps;
	color: #666666;
}

/*******************/
/*     SERVICES    */
/*******************/

#contentservice {
	float: left;
	width: 480px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: 10px;
}

div.boxservice {
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contentservice .boxservicemini {
	float: left;
	border: 1px dotted #CCC;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#contentservice .miniboxtitle {
	font-size: 9px;
	width: 110px;
	color: #666666;
	background-color: #FFFFFF;
	margin-top: -20px;
	margin-left: 5px;
	padding-left: 5px;
}

#contentservice .fakedugme {
	float:left;
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: center;
	cursor: pointer;
}

#contentservice a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contentservice a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contentservice .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contentservice .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contentservice .year {
	float:left;
	color: #999999;
	font-size: 11px;
	font-variant: small-caps;
	text-decoration: none;
	margin: 0px 10px 0px 5px;
	text-align: center;
}

#contentservice p {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 65px;
}

#contentservice .field {
	font-variant: small-caps;
	color: #666666;
}

#contentservice .revdetails {
	font-size: 11px;
	padding-left: 25px;
	margin-top: -8px;
}

#contentservice table {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}

#contentservice .tabmainrowborder {
	border-bottom: 1px solid #999999;
	text-align: center;
	font-weight:  600;
}

#contentservice .tabmainrow {
	text-align: left;
}

#contentservice .tabid {
	width: 10%;
	text-align: center;
}

#contentservice .tabrev {
	width: 30%;
	text-align: left;
}

#contentservice .tabtot {
	text-align: center;
	font-weight: 600;
}

#contentservice tfoot td {
	text-align: center;
	font-style:  italic;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #999999;
}
#contentservice tbody tr:hover {
	background-color: #f1f1f1;
}

/*******************/
/*     CV (PDF)    */
/*******************/

#contentcv {
	float: left;
	width: 480px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: 10px;
}

div.boxcv {
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contentcv .fakedugme {
	float:left;
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: center;
	cursor: pointer;
}

#contentcv a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contentcv a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contentcv .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contentcv .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contentcv .year {
	float:left;
	/*color: #999999;*/
	font-size: 11px;
	/* font-variant: small-caps;*/
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	text-align: center;
	width: 80px;
	font-weight: 600;
}

#contentcv p {
	line-height: 15px;
	text-align: justify;
	margin: 0px 0px 35px 100px;
}

#contentcv .field {
	font-variant: small-caps;
	color: #666666;
}

#contentcv .logo {
	width: 70px;
	text-align: center;
	margin-top: 10px;
}

#contentcv .logointel {
	width: 50px;
	text-align: center;
	margin-top: 10px;
}

#contentcv .logocachan {
	width: 85px;
	text-align: center;
	margin-top: 10px;
}

/*******************/
/*     EVENTS    */
/*******************/

#contenteventmain {
	float: left;
	width: 690px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-left: 0px;
}

div.eventmainbox {
	/*min-height: 300px;*/
	/*
	margin: 0px 0px 0px 10px;
	padding: 0px;
	*/
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contenteventmain .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contenteventmain .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contenteventmain a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contenteventmain a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contenteventmain .year {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: 600;
	margin: 10px 0px 10px 0px;
}

#contenteventmain .type {
	color: #999999;
	float:left;
	font-size: 10px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

#contenteventmain p {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 60px;
}


/*******************/
/*     ROOFLINE    */
/*******************/

#contentroofline {
	float: left;
	width: 690px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-left: 0px;
}

div.rooflinebox {
	/*min-height: 300px;*/
	/*
	margin: 0px 0px 0px 10px;
	padding: 0px;
	*/
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#contentroofline .notify {
	width: 80%;
	background-color: #f9f9f9;
	border: 1px dashed #CC0;
	padding: 5px;
	margin-top: 10px;
	margin-left: 60px;
	text-align: center;
	border-radius: 10px;
}

#contentroofline .anotify {
	color: #8e8e00;
	font-weight: bold;
}

#contentroofline .totop {
	width: 14px;
	height: 11px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#contentroofline .totop:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contentroofline .fakedugme {
	float:left;
	font-variant: inherit;
	font-weight: 100;
	font-size: 12px;
	color: #CCCC00;
	border: 1px solid #CC0;
	padding: 4px 8px 4px 8px;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
}

#contentroofline a, a:visited {
	color: #CCCC00;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
	cursor: pointer;
}

#contentroofline a:hover, a:active {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-variant: inherit;
	font-weight: 100;
}

#contentroofline .year {
	color: #999999;
	font-weight: bold;
	float:left;
	font-size: 10px;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

#contentroofline .holder {
	color: #999999;
	font-weight: bold;
	float:left;
	font-size: 10px;
	text-decoration: none;
	margin: 1px 0px 0px 0px;
}

#contentroofline p {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 40px;
}

#contentroofline b.expose {
  	font-size: 100%;
  	background-color: #f4f4cc;
  	font-weight: bold;
  	padding: 2px 4px;
  	border-radius: 3px;
}

#contentroofline b.ref {
  font-size: 80%;
  background-color: #CCCC00;
  color: white;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 3px;
}

#contentroofline .ulroof {
	line-height: 15px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 80px;
}

#contentroofline .olroof {
	line-height: 15px;
	font-size: 11px;
	text-align: justify;
	padding: 0px 10px;
	margin: 0px 10px 10px 40px;
	list-style-type: none;
}

.olroof li {
  counter-increment: step-counter;
  margin-bottom: 4px;
}

.olroof li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: #CCCC00;
  color: white;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 3px;
}

#contentroofline img.inside {
	max-width:480px;
	max-width:480px;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#contentroofline img.logos {
	height: 48px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*
#contentresearch .reviewYear {
	color: #999999;
	float:left;
	font-size: 10px;
	text-decoration: none;
	margin: 2px 0px 0px 0px;
}
*/