body{

	font:normal 12px "Arial"; 

	text-align:center;

	padding:0px;

	margin:0px;

	background: #cacaca;

	



}
p{
	text-align:justify;
	
}
a{
	text-decoration:none;
}
a img{
	text-decoration:none;
	border:none;
}

#container{
	width:100%;
	margin:0px auto;
	text-align:left;
	background:white;
}
/*HEADER*/
#top{
	height:250px;
	background:url('img/header1-bg.jpg');
}
#header{
	margin: 0px auto;
	height:250px;
	width:960px;
	background:url('img/header1.jpg');
}
#logo{
	float:left;
	margin-left: 0 px;
	margin-top:20px;
	height:110px;
	width:301px;	
	background:url('img/logo-effect1.png') no-repeat;
	
}
#logo img{
	border:none;
}

#meny{
	width:1440px;
	height:30px;
	float:left;
	margin-top:80px;
	background:url('img/meny-bg.jpg') no-repeat;
}

#navigation{
	width:580px;
	height:30px;
	background : none;
	margin-top:0px;
}

#navigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#navigation ul li {
	display:block;
	float:left;
	margin-right:0px;
	padding:0px;
	text-align:center;
}

#navigation ul li a {
	background:transparent url(/img/button.jpg) repeat scroll 0%;
	color:#cacaca;
	display:block;
	font:normal 12px arial;
	height:23px;
	margin:0px 0px 0px 0;
	padding:7px 0px 0px 0;
	text-decoration:none;
	width:95px;
}

#navigation ul li a:hover{
	color: white;
	background:url(/img/button-on.jpg);		
}

/*END HEADER*/

/*FOOTER*/

#footer{
	width:100%;
	height:280px;
	background:url('img/footer.jpg')  ;
}
#footer-content{
	width:960px;
	margin:0px auto;
}
#footer-right{
	float: right;
	display:inline;
	width:650px;
	margin: 15px 0px 0 0;
	text-align:right;
}
.footer-left{
	float:left;
	display:inline;
	width:160px;
	height:250px;
	padding:0px;
	position:relative;
	top:-101px;
	left:-30px;
}
#tegovi{
	float:left;
	display:inline;
	width:160px;
	position:absolute; 
	top:0;
	left:0;
	
}
.adresa-rvreme{
	float:left; 
	display:inline;
	position:relative; 
	top:+150px;
	left:+30px;
	
	
	
	
}

.menu{
	color:#8a8a8a;
	
}
.menu a{
	color:#8a8a8a;
	text-decoration: none;
}
.menu a:hover{
	color:white;
	text-decoration: none;
}
.footer-middle{
	float:left; 
	display:inline;
	width:360px;
	padding:0 20px 0 20px;
	margin-top:15px;
	
}
.footer-right{
	float:left; 
	display:inline;
	width:360px;
	padding:0 0px 0 20px;
	margin-left:20px;
	margin-top:15px;

}

.stavka{
	float:left; 
	display:inline;
	width:360px;
	border-bottom:dotted 1px #cacaca;
	
}
.stavka a{
	float:left; 
	display:inline;
	color:#8a8a8a;
	text-decoration: none;
	padding: 4px 0 4px 0;
}
.stavka a:hover{
	float:left; 
	display:inline;
	color:white;
	text-decoration: none;
	padding: 4px 0 4px 0;
}
/*END FOOTER*/

/*CONETENT - sve izmedju FOOTER i HEADER*/

/* *** 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;

background:url('img/corner.jpg') no-repeat center bottom;

}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */
#content{
	width:960px;
	margin:0px auto;
	
}
#left-side{
	width:560px;
	float:left;
	display:inline;
	margin:10px 0 0 0px;
	padding:10px 0px 0px 0px;
	text-align:justify;
	
	
}
h1{
	color:#930303;
	font:normal 24px "Trebuchet MS"; 
	margin:10px 0 5px 0;
}
h2{
	color:#930303;
	font:normal 20px "Trebuchet MS"; 
	margin:0px 0 0px 0;
}
h2.index{
	color:#930303;
	font:normal 20px "Trebuchet MS"; 
	margin:0px 0 0px 0;
}
h1.index{
	color:#930303;
	font:normal 20px "Trebuchet MS"; 
	margin:0px 0 0px 0;
}

#table a{
	
	font:normal 12px "Tahoma";
	text-decoration:none;
	color:#930303;

}
#table a:hover{

	font:normal 12px "Tahoma";
	text-decoration:none;
	color:red;

}
.ponuda{
	float:left;
	display:inline;
	width:290px;
	margin-right:25px;
	
}

.link a{
	float:right;
	display:inline;
	text-decoration: none;
	color: #204F6E;
	border:none;
}

.link a:hover{
	float:right;
	display:inline;
	text-decoration: none;
	
	color:#930303;

}



/*displey on index page*/
#right-side{
	width:380px;
	background:none;
	float:right;
	display:inline;
	position:relative; 
	top:-88px;

}



 #f-container{  
     width:374px;  
     height:260px;  
     border:solid 3px #bababa;  
     margin:0px 0px 20px 0px;  
     position:relative;  
	 background:white;
 }  
   
 #fader{  
     width:374px;  
     height:260px;  
     position:absolute;  
     top:0;  
     left:0;  
       
 }  
   
 #innerFader{  
     width:374px;  
     height:260px;  
     position:absolute;  
     overflow:hidden;  
     top:0;  
     left:0;  
       
 }  
   

/*end display*/

/*KATEGORIJE*/

.kategorija{
	float:left;
	display:inline;
	width:160px;
	padding:3px 0 3px 0;
	border-bottom: dotted 1px #cacaca;
}
.kategorija:hover{
	float:left;
	display:inline;
	width:160px;
	padding:3px 0 3px 0;
	border-bottom: dotted 1px #cacaca;
	background:#f1f1f1;
}
.kategorija a{
	float:left;
	display:inline;
	font:normal 12px "Arial"; 
	color:black;
	text-decoration: none;


}
.kategorija a:hover{
	float:left;
	display:inline;
	font:normal 12px "Arial"; 
	color:#930303;
	text-decoration: none;


}
.statistika{
	float:left;
	display:inline;
	width:160px;
	padding:3px 0 3px 0;
	border-bottom: dotted 1px #cacaca;
	
}

.statistika a{
	float:left;
	display:inline;
	font:normal 12px "Arial"; 
	color:transparent;
	text-decoration: none;
}
.statistika a img{ 
	color:white;
	text-decoration: none;
}
.statistika p{
	float:left;
	display:inline;
	font:normal 12px "Arial"; 
	text-decoration: none;
	margin: 15px 0 0 10px;
}

/*end*/

/*Clanovi Log in*/
#login{
	float:left;
	display:inline;
	width:160px;
	height:120px;
	background:url('/img/clanovi.jpg') no-repeat;
	margin:20px 0 20px 0; 
}
#login a{
	float:right;
	display:inline;
	font:bold 14px "Trebuchet MS"; 
	color:#8a8a8a;
	text-decoration: none;
	margin-right:12px;

}
#login a:hover{
	float:right;
	display:inline;
	font:bold 14px "Trebuchet MS"; 
	color:#930303;
	text-decoration: none;
	margin-right:12px;

}
#login-form{
	margin:0px;
	padding:0px;
}
#login h4{
	width:130px;
	color:#930303;
	font: normal 18px "Trebuchet MS"; 
	margin:10px 0px 10px 10px;
	padding:0px 0px 0px 0px;
}
#login p{
	color:#930303;
	font:normal 12px"Trebuchet MS"; 
	margin:0px 0px 5px 10px;
}
#UserID{
	color:#8a8a8a;
	width:135px;
	margin:0px;
	padding:0px;
	
}
#Password{
	color:#8a8a8a;
	width:135px;
	margin:0px;
	padding:0px;

}

/*end log in*/


.side-bar{
	float:left;
	display:inline;
	width:160px;
	padding:0px;
	margin-bottom:80px;
	position:relative;
	

}
.content-left{
	float:left;
	display:inline;
	width:380px;
	padding-left:20px;
	margin-bottom:0px;
	padding-bottom:30px;

}
/*end content*/

/*INDEX content*/
.usluga{
	float:left;
	display:inline;
	width:380px;
	margin:10px 0 20px 0;
}

.usluga img{
	float:left;
	display:inline;
	width:150px;
	height:150px;
	border: solid 1px #cacaca;
	margin: 0 15px 0px 0;
}
.usluga img:hover{
	float:left;
	display:inline;
	width:150px;
	height:150px;
	border: solid 1px #930303;
	margin: 0 15px 0px 0;
}
/*za kontakt formu*/
#contactForm{
	float : left;
	display:inline;
	width:360px;
	border:none;
	margin:20px 0 20px 0;
}

.field-1{
	float:left;
	display:inline;
	width:360px;
	margin:5px;
}

.field-1 p{
	float:left;
	display:inline;
	width:150px
}
.field-text{
	float:left;
	display:inline;
	width:360px;
	margin:5px;
}

.field-text p{
	float:left;
	display:inline;
	width:150px
}
.contact-input-text{
	float:left;
	display:inline;
	width:200px
}

.form-field-contact{
	float:left;
	display:inline;
	width:150px
}
/**/
.message-options a{
	float:left;
	display:inline;
	width:50px;

	text-decoration: none;
	color:#D97407;
	margin:0 0 30px 0;
}

.message-options a:hover{
	float:left;
	display:inline;
	width:50px;

	text-decoration: none;
	color:#204F6E;
	margin:0 0 30px 0;

}
/*tabela za poruke*/
#admin{
	width:960px;
	float:left;
	display:inline;
	margin:10px 0 0 0px;
	padding:10px 0px 10px 0px;
	text-align:justify;


}
#table{
	float:left;
	display:inline;
	width:750px;
	margin-left:25px;

	
}
#result-table{
	float:left;
	display:inline;
	width:700px;
	margin-bottom:30px;
	border:none
	
}

#result-table tr{
	float:left;
	display:inline;
	width:600px;
	border-bottom:solid 1px #cacaca;
	border-left:solid 1px #cacaca;
	border-right:solid 1px #cacaca;
	
}
#result-table tr.link{
	float:left;
	display:inline;
	width:600px;
	border:none;
	color:black;
}
#result-table tr.link a{
	float:right;
	display:inline;
	width:80px;
	border:none;
	color:#930303;
}


#result-table td{
	margin:0px;
	padding:0px;
	border:solid 1px #cacaca;
	padding:3px;
	
}
#result-table td.tekst{
	margin:0px;
	padding:0px;
	border:none;
}
table{
	float:left;
	display:inline;
	border:none;
	border-collapse:collapse;
	margin:20px 0 35px 0;


}

table td{

	border:solid 1px #cacaca;
	padding:6px;
	font:normal 12px arial;


}
table tr:hover{
	background:#e6e6e6;
}

table th{
	border:solid 1px #acacac;
	padding:3px;
	font:bold 12px arial;
	background:#e1e1ff;
}
td a{
	float:left;
	display:inline;
	border:none;
	font:normal 12px "Tahoma";
	text-decoration:none;
	color:#930303;
}
td a:hover{
	float:left;
	display:inline;
	border:none;
	font:normal 12px "Tahoma";
	text-decoration:underline;
	color:#930303;
}
#holder{
	float:left;
	display:inline;
	width:600px;
	border:black;
	margin-bottom:20px;
}
#holder a{
	float:left;
	display:inline;
	font:normal 12px "Tahoma";
	text-decoration:none;
	color:#930303;
	
}
#holder a:hover{
	float:left;
	display:inline;
	font:normal 12px "Tahoma";
	text-decoration:underline;
	color:#930303;

}
#container-galery{

	display:inline;

	float:left;

	width:380px;


}
#container-galery a{
	height:85px;
	width:120px;
	border:none;
	margin:2px;
}
.galery-picture a img{
	text-decoration:none;
	border:2px solid #CACACA;
	margin:3px;
}
#galerija{
	width:960px;
	float:left;
	display:inline;
	margin:10px 0 0 0px;
	padding:10px 0px 10px 0px;
	text-align:justify;

}
.bar{
	float:left;
	display:inline;
	width:50px;

	background:#ff6600 url('bar-bg.png');

}
#putanja{
	margin: 5px 0 5px 0; 
	font:normal 18px "Arial";
	color: red;
}
/*za clanove*/
#clan{
	width:960px;
	float:left;
	display:inline;
	margin:10px 0 0 0px;
	padding:10px 0px 10px 0px;
	text-align:justify;

	
}
.program-table{
	width:560px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	margin-top:5px;
}
.program-table th{
	width:560px;
	text-align:center;
	
}

.program-table-edit th{
	width:400px;
	text-align:center;

}

.program-table td{
	padding:0px;
	margin:0px;
}
.program-table tr:hover{
	background:white;
}
.podtabela{
	margin:0px;
	padding:0px;

}
.podtabela th{
	width:560px;
	background:orange;
	text-align:center;

}
.podtabela td{
	padding:3px;
}
.podtabela td:hover{
	background:white;
}
.clan-field{
	width:30px;
}
.program-dan{
	width:560px;
}
.program-putanja{
	float:left;
	display:inline;
	padding-top:3px;
}
.program-edit{
	float:right;
	display:inline;
}

.program-edit img{
	border:none;
	padding-left:5px;
}
.program-edit img:hover{
	border-bottom:solid 1px #F0603B;
}
.t-stat{
	float:left;
	display:inline;
	margin-left:20px;
	
}
#admin-welcome{
	float:left;
	display:inline;
	margin-left:30px;
}
.program-aktivan{
	background:white;
}
.program-neaktivan{
	background:#EcECEC;
	color:#4b4b4b;
}