body{
    padding:0px;
    margin:0px;
    background:#ffffff;
		background:#ffffff url('img/body-bg.jpg') repeat-x center top;
		font:normal 14px "Trebuchet MS";
		text-align:center;
		
}

#container{
	margin:0px auto;
	background:transparent url('img/cont-bg.jpg') repeat-y center top;
	
}


/* ###### TOP BAR ##### */ 

#top-bar{
	background:#333333;
	color:white;
	height:25px;
	padding:5px 0px 0px 0px;
}

#top-bar a{
 color:#52ADF8;
 font-weight:bold; 
}

#top-bar a:hover{
	color:#92cDF8;
}


/* ###### Header ##### */

#head{
	height:214px;
	background-image: url(img/header1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#head img{
	border:none;
}



#content{
   	
	  border:none;
		width:786px;
	 margin:0px auto;
    
}


/* ###### Menu ##### */
div#top-wrap{
background:transparent url(img/menu-cont-bg.jpg) center top no-repeat;

padding:5px 0px 0px 0px;
}


div#menu{
	margin:0px auto 0px auto;
	
	height:57px;
	width:786px;
}
#menu ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;

}

#menu ul li{

	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	

}
#menu ul li a span{

	margin:0px;padding:0px;display:none;

}

#menu ul li a.about{

	width: 158px;
	height: 57px;
	margin: 0px;
	padding:0px;
	color: #65A9F0;
	text-decoration: none;
	display: block;
		
}


#menu ul li a.about:hover{
background: url(img/menu.jpg) 0px -57px;
}



#menu ul li a.treninzi{

	width: 158px;
	height: 57px;
	margin: 0px;
	padding:0px;
	color: #65A9F0;
	text-decoration: none;
	display: block;
		
}


#menu ul li a.treninzi:hover{
background: url(img/menu.jpg) -158px -57px;
}


#menu ul li a.institut{

	width: 158px;
	height: 57px;
	margin: 0px;
	padding:0px;
	color: #65A9F0;
	text-decoration: none;
	display: block;
		
}


#menu ul li a.institut:hover{
background: url(img/menu.jpg) -316px -57px;
}


#menu ul li a.reference{

	width: 158px;
	height: 57px;
	margin: 0px;
	padding:0px;
	color: #65A9F0;
	text-decoration: none;
	display: block;
		
}


#menu ul li a.reference:hover{
background: url(img/menu.jpg) -474px -57px;
}

#menu ul li a.zurnal{

	width: 153px;
	height: 57px;
	margin: 0px;
	padding:0px;
	color: #65A9F0;
	text-decoration: none;
	display: block;
		
}


#menu ul li a.zurnal:hover{
background: url(img/menu.jpg) -632px -57px;
}




 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/* ####### Footer ###########*/

#footer{
	background:#ffffff url(img/footer-bg.jpg) no-repeat center top;
	height:120px;
}

#footer p{
	margin:0px;
	padding:20px 0px 0px 0px;
	color:#969696;
	font:normal 10px Verdana;
}

#footer .jako{
	color:#333333;
}

#content h1{
margin:30px 0px 30px 0px;
font:normal 20px "Trebuchet MS";
color:#85AD0A;

}



#content h1.page2{
text-align:left;
padding:0px 0px 0px 20px;
margin:15px 0px 20px 0px;
font:normal 26px "Trebuchet MS";
color:#85AD0A;

}

#box-holder{
height:560px;
color:#333333;
}

#box-holder div.box-left{
float:left;
display:inline;
width:250px;
margin:0px 0px 0px 0px;

background:#ffffff url('img/box-bg.jpg') repeat-x;

}
#box-holder div.box{
float:left;
display:inline;
width:257px;
margin:0px 0px 0px 7px;

background:#ffffff url('img/box-bg.jpg') repeat-x;

}

#box-holder  div.box-item{
	
	
	margin:5px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	background:transparent url('img/box-line.jpg') no-repeat center bottom;

}

#box-holder  div.box-item p{
	padding:5px 15px 5px 15px;
	margin:0px;
	text-align:left;
	line-height:1.15em;
	
}

#box-holder  div.box-item p.name{
	padding:15px 15px 15px 15px;
	color:#69C60D;
	font-weight:bold;
}
#box-holder  div.box-item p a{

 color:#52ADF8;
 font-weight:bold; 
}
#box-holder  div.box-item p a:hover{
	color:#92cDF8;

}

#box-holder p.outer_link{
padding:15px 15px 15px 15px;
text-align:left;
margin:0px;

}

#box-holder p.outer_link a{
 color:#52ADF8;
 font-weight:bold; 
}
#box-holder p.outer_link a:hover{
	color:#92cDF8;
}

#left{
	display:inline;
	float:left;
	margin:8px 0px 0px 0px;
	width:530px;
	padding-bottom:30px;
	border-right:solid 1px #cccccc;
	overflow:none;
}

#left p{
	margin:0px;
	padding:10px 20px 5px 20px;
	text-align:justify;
}
#left h2 {
	margin:0px;
	text-align:left;
	font-size: 18px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color:#666666
}

#left img{
	margin: 20px 0px 20px 20px;
	padding: 6px;
	border: 1px solid #ddd;
	display:block;
	float:none;
	
}
#left div.clearbelowimage{
	clear:left;
}
#left ul{
	text-align:left;
}


#sidebar{
	display:inline;
	float:left;
	
	width:255px;
	
	background:#ffffff url('img/sidebar-bg.jpg') repeat-x center top;
	margin:8px 0px 0px 0px;
	padding:8px 0px 0px 0px;
}

#sidebar ul{

	width:245px;
	margin:0px auto;
	padding:0px;
	list-style:none;
}
#sidebar ul li{
	padding:0px;
	display:inline;
	text-align:left;
}





#sidebar ul li a{
	float:left;
	text-decoration:none;
	color:#666666;
	width:235px;
	display:block;
	height:22px;
	font-size:15px;
	padding:10px 0px 10px 10px;
	text-align:left;
	

}

#sidebar ul li a:hover{

	background:#FFFFB4;	

}

#sidebar div.title{
	font:bolder 20px "Trebuchet MS";
	color:#666666;
	padding:0px;
	width:225px;
	margin:0px auto;
	padding:10px;
	text-align:left;
	background:white;

}
#sidebar div.title a{
	color:#666666;
	text-decoration:none;
}
#sidebar div.title a:hover{
	color:#52ADF8;
}


.boks {
	background-color: #E9E9E9;
	width: 480px;
	margin: 20px 20px 20px 20px;
}
.bokszuti {
	background-color: #FDFED3;
	width: 480px;
	margin: 20px 20px 20px 20px;
}
.boksslika {
	float:left;
}
.boksslika img{
	background-color:#FFFFFF;

}
.bokspotpis img{
	background-color:#D9FFFE;

}
.bokstekst  {
	padding-left: 150px;
	padding-top:7px;
	padding-bottom:12px;
	font-size:11px;
}
.boksnaslov {
	color: #4882C1;
	font-size:18px;
	font-weight:bold;
}
.ljudipodnaslov{
	color: #4882C1;
	font-style:italic;
	font-size:14px;
}
.ljudipodnaslov p{
	margin-top:-10px;
}

.pitanje {
	font-size: 18px;
}
.bokstekstquote {
	padding-left: 185px;
	padding-top:7px;
	padding-bottom:12px;
	font-size:13px;
	font-style:italic;
	background-image: url(img/quote.gif);
	background-repeat: no-repeat;
	background-position: 150px 13px;	
}
.bokskomentar {
	padding-left: 47px;
	padding-top:7px;
	padding-bottom:12px;
	font-size:13px;
	font-style:italic;
	background-image: url(img/quote.gif);
	background-repeat: no-repeat;
	background-position: 12px 13px;	
}
.bokskomentarzuti {
	padding-left: 47px;
	padding-top:7px;
	padding-bottom:12px;
	font-size:13px;
	font-style:italic;
	background-image: url(img/quotey.gif);
	background-repeat: no-repeat;
	background-position: 12px 13px;	
}
.bokstekstljudi  {
	padding-left: 25px;
	padding-top:7px;
	padding-bottom:12px;
	font-size:11px;
}
.boksljudislika {
	float:left;
	margin-right:30px;
}
.boksljudislika img{
	background-color:#FFFFFF;
}
.raspored{
	background-color:#EAF3FB;
	padding: 0px;
	border-style: solid;
	border-collapse: collapse;
	border-width: 1px;
	width: 460px;
	margin: 20px;
}
.raspored td{
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 20px;
}

.rasporedveliki{
	background-color:#EAF3FB;
	padding: 0px;
	border-style: solid;
	border-collapse: collapse;
	border-width: 1px;
	width: 460px;
	margin: 20px;
}
.rasporedveliki td{
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 5px;
}

.crveno{
	color:red;
}
.pojam{
	color: #246DDB;
	font-weight: bold;	
}
.bitno {
	color: #CC3366;
}
.tekstpolje{
	width:250px;
	height:25px;
	font-size:18px;
	padding:5px;
	font-family: "Trebuchet MS";
	color:#666666;
	margin-bottom:10px;
}
.tekstpoljeveliko{
	width:250px;
	height:200px;
	font-size:14px;
	padding:5px;
	font-family: "Trebuchet MS";
	color:#666666;
	margin-bottom:10px;
}
#forma {
	background-color: #E9E9E9;
	padding:10px 20px 5px 20px;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
}
#forma p{
	padding:0;
	margin:0;
}
.formtxt{
	font-size:16px;
}
.zvez {
	color:#85AD0A;
	display:inline;
	font-size: 25px;
	padding:0px;
	margin:0px;
}
.input2{
	width:10px;
	height:10px;	
}
.dugme{
	width:120px;
	height:35px;
	background-color:#85AD0A;
	font-family:"Trebuchet MS";
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}
.slikalevo{
	float:left;
}
.blue {
	color: #52ADF8;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS";
}
.orange {
	color: #FF6600;
	font-weight: bold;
	font-size: 16px;
	font-family: "Trebuchet MS";
}
.green {
	color: #85AD0A;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS";
}