@import "forms.css";


 body {margin:0px; padding:0px; background:URL(bg.jpg); background-repeat:repeat-x; background-color:#303c0a;  font-family: Tahoma;  font-size: 11px;  }

 h1 {
 	font-family: Georgia;
	font-size: 16px;
	color: #262626;
 }
 
 #stranica{
	margin: 0 auto;
	width: 766px;
	background-color: White;
}


#stranica #header {
	background: url(header.jpg) no-repeat left center;
	height:177px;
	margin: 0 auto;
	overflow: hidden;
	background-color: White;
}

#stranica #header #miniMenu{
	width: 220px;
	height: 20px;
	background-color: #5c9c45;
	margin-left: 510px;
	margin-top:20px;
	padding-top: 5px;
	color: White;
	text-align: center;
}

#stranica #header #miniMenu a{
	color: #FFFFFF;
	text-decoration: none;
}

#stranica #header #miniMenu a:hover{
	text-decoration:underline;
}


#stranica #header #loginBox{
	width: 200px;
	margin-left: 530px;
	margin-top:16px;
	color: White;
}

#stranica #header #loginBox a{
	color: #008649;
	text-decoration: underline;
}

#stranica #header #loginBox a:hover{
	color: #3FD140;
	text-decoration: underline;
}


#stranica #menuProstor {
	background-color: White;
	background: url(menu-prostor.jpg) no-repeat left center;
	height:67px;
}

#stranica #menuProstor #menuHolder {
	width: 410px;
	padding-left:10px;
	padding-top: 1px;
	float:left;
}

#stranica #menuProstor #datumHolder {
	padding-top:28px;
	padding-left:15px;
	width: 320px;
	float:left;
	color: White;
}

#stranica #menuProstor #datumHolder #datum {
	float:left;
	width:150px;
}

#stranica #menuProstor #datumHolder #posjeta{
	float:left;
	width:150px;
	text-align: right;
}


#stranica #sadrzajHolder {
	background-color: White;
	margin-bottom: 15px;
}

#stranica #sadrzajHolder #lijevoS{
	background-color:#FFFFFF;
	background: url(linija-repeat.jpg) repeat-y right;
	float:left;
	width:407px;
	padding-left: 10px;
	padding-right:10px;
}

#stranica #sadrzajHolder #lijevoS #uvod{
	height: 150px;
	width: 100%;
	
}

#stranica #sadrzajHolder #lijevoS #uvod #USlika{
	width:100px;
	height: 124px;
	float:left;
}

#stranica #sadrzajHolder #lijevoS #uvod #UTekst{
	width:280px;
	height: 124px;
	float:left;
	padding-left: 20px;
	padding-top:20px;
	color: #30b530;
}

#stranica #sadrzajHolder #lijevoS #sadrzajHolder{
	
}


#vijestOkvir {
	margin-top: 30px;
	
}

#vijestOkvir #datumBox{
	width:64px;
	height: 80px;
	background: url(vijesti-datum-box.jpg) no-repeat left top;
	float:left;
}

#vijestOkvir #datumBox #mjesec{
	text-align: center;
	padding-top:8px;
	color: White;
	font-family: Georgia;
}

#vijestOkvir #datumBox #dan{
	padding-top:4px;
	text-align: center;
	color: #515151;
	font-family: Georgia;
	font-size: 22px;
	font-weight: bold;
}

#vijestOkvir #datumBox #godina{
	text-align: center;
	font-family: Georgia;
	color: #515151;
	font-size: 13px;
}


#vijestOkvir #naslovBox {
	margin-left:74px;
	padding-top:12px;
	height: 68px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
}

#vijestOkvir #naslovBox a{
	color: Black;
	text-decoration: none;
}

#vijestOkvir #naslovBox a:hover{
	color: #6d9605;
	text-decoration: none;
}

#vijestOkvir #sadrzajBox{
	padding-top:15px;
	font-family: Georgia;
	font-size: 11px;
	color: #515151;
}

#vijestOkvir #dnotoolBox{
	padding-top:25px;
}


#vijestOkvir #dnotoolBox #citanja {
	width: 80px;
	float:left;
   background: url(icon-citanja.jpg) no-repeat left center;
	padding: 5px 0px 2px 19px;
	color: #a1aaae;
	display: block;
	text-decoration: none;
}

#vijestOkvir #dnotoolBox #komentara {
	width: 85px;
	float:left;
   background: url(icon-komentara.jpg) no-repeat left center;
	padding: 5px 0px 2px 19px;
	color: #a1aaae;
	display: block;
	text-decoration: none;
}

#vijestOkvir #dnotoolBox #detaljnije {
	width: 95px;
	float:right;
	margin-right:25px;
   background: url(icon-detaljnije.jpg) no-repeat right bottom;
	padding: 5px 19px 2px 0px;
	color: #a1aaae;
	display: block;
	font-family: Georgia;
}

#vijestOkvir #dnotoolBox #detaljnije a{
	font-size: 13px;
	color: #3590bf;
	font-weight: bold;
	text-decoration: none;
}

#vijestOkvir #dnotoolBox #detaljnije a:hover{
	color: #1C485F;
}

#stranica #sadrzajHolder #desnoS{
	float:left;
	width:329px;
}

#sadrzajHolderSadrzaj{
	font-family: Georgia;
	font-size: 11px;
	color: #515151;
}


#stranica #sadrzajHolder #desnoS #anketa {
	width:332px;
	background: url(anketa-back.jpg) no-repeat left top;
	padding-top: 5px;
	padding-left:75px;
	padding-bottom: 5px;
	text-align: left;
}

#stranica #sadrzajHolder #desnoS #multimedia {
	width:332px;
	height:175px;
	background: url(multimedia-back.jpg) no-repeat left top;
	padding-top: 30px;
}

#stranica #sadrzajHolder #desnoS #multimedia a{
	color: White;
	text-decoration: none;
	font-weight: bold;
}

#stranica #sadrzajHolder #desnoS #multimedia a:hover{
	text-decoration: underline;
}


#stranica #footerHolder {
	height:66px;
	background: url(footer.jpg) no-repeat left center;
	margin-bottom:20px;
}

#stranica #footerHolder #miniLogo {
	padding-top:10px;
	width: 49px;
	height: 44px;
	float:left;
}

#stranica #footerHolder #copyright {
	padding-left: 10px;
	padding-top:15px;
	width: 540px;
	height: 34px;
	float:left;
	font-weight: bold;
	color: #494f4e;
	line-height: 18px;
}

#stranica #footerHolder #copyright a{
	color: #666666;
	text-decoration: underline;
}

#stranica #footerHolder #copyright a:hover{
	color: #4F8311;
	text-decoration: underline;
}


#stranica #footerHolder #izrada {
	float:left;
	width:160px;
	padding-top:10px;
}


#txtLabel{
	width:66px;
	height: 25px;
	float:left;
	text-align: right;
	padding-right:4px;
	font-weight: bold;
}

#txtTextBox {
	height: 25px;
	width: 120px;
	float:left;
	font-family: Tahoma;
	font-size: 11px;
}

.txtLogin {
	width: 125px;
	height: 18px;
	background-color: White;
	border: 1px solid #A1A1A1;
}

.submitLogin {
	width: 75px;
	height: 20px;
	background-color: #78b763;
	border: 1px solid #444444;
	font-family: Tahoma;
	font-size: 11px;
	color: White;
}


 




#menuPocetna {display: block; width: 84px; height: 60px;background: url("menu-pocetna.gif") no-repeat 0 0;}
#menuPocetna:hover{display: block;width: 84px;height: 60px;background: url("menu-pocetna-over.gif") no-repeat 0 0;}
#menuPocetna span{display: none;}
#menuPocetnaOver{display: block;width: 84px;height: 60px;background: url("menu-pocetna-over.gif") no-repeat 0 0;}

#menuSDAProzor {display: block; width: 84px; height: 60px;background: url("menu-sdaprozor.gif") no-repeat 0 0;}
#menuSDAProzor:hover{display: block;width: 84px;height: 60px;background: url("menu-sdaprozor-over.gif") no-repeat 0 0;}
#menuSDAProzor span{display: none;}
#menuSDAProzorOver{display: block;width: 84px;height: 60px;background: url("menu-sdaprozor-over.gif") no-repeat 0 0;}

#menuSDAOpcenito {display: block; width: 88px; height: 60px;background: url("menu-sdaopcenito.gif") no-repeat 0 0;}
#menuSDAOpcenito:hover{display: block;width: 88px;height: 60px;background: url("menu-sdaopcenito-over.gif") no-repeat 0 0;}
#menuSDAOpcenito span{display: none;}
#menuSDAOpcenitoOver{display: block;width: 88px;height: 60px;background: url("menu-sdaopcenito-over.gif") no-repeat 0 0;}

#menuPristupiSDA {display: block; width: 88px; height: 60px;background: url("menu-pristupisda.gif") no-repeat 0 0;}
#menuPristupiSDA:hover{display: block;width: 88px;height: 60px;background: url("menu-pristupisda-over.gif") no-repeat 0 0;}
#menuPristupiSDA span{display: none;}
#menuPristupiSDAOver{display: block;width: 88px;height: 60px;background: url("menu-pristupisda-over.gif") no-repeat 0 0;}



#podmenuBox {
	width:201px;
	height:25px;
	background: url(podmenu-back.jpg) no-repeat left top;
	padding-left:10px;
	padding-top:7px;
	margin-top:3px;
}

#podmenuBox a{
	color: #484e4d;
	font-family: Georgia;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

#podmenuBox a:hover{
	color: #307da4;
	text-decoration: underline;
}



.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: Red;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid Red;
	font-weight: bold;
	background-color: Red;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}


.imgGalKat {
	width: 210px;
	float:left;
	margin-left: 20px;
	padding-bottom:40px;
}

.BezUnderline a{
	text-decoration: none; /* no underline */
}

#imgGalSlika {
	width:149px;
	height: 190px;
	background-color: #EAEAEA;
	border: 1px solid #C9C9C9;;;
	float: left;
	margin-left:20px;
	margin-bottom:40px;
}

#imgGalSlika:hover {
	border: 1px solid #C9C9C9;
	background-color: #DADADA;
}

#imgGalSlika #sadrzaj{
padding:5px;
}