/******************************************************************
 *		Zveza zadrug - CSS File 
 *		@media		screen
 *		@author		Kreativne ideje
 *		@URL		www.kreativne-ideje.com
 *		@date		October 2008
 ******************************************************************/

/**************************************************
 *		General
 **************************************************/
* {
 	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #084024;
	}
	
h1 {
    font-size: 22px;
    color: #467B20;
    font-weight: normal;
    padding-bottom: 25px;
	}

.black {
	color: #000000;
	}
	
.smallBlackLink {
    font-size: 11px;
    font-weight: bold;
	color: #000000;
	}
	
/**************************************************
 *		General Structure
 **************************************************/
#container {
	width: 994px;
	margin: 0 auto;
	}

#wrapper1 {
    clear: left;
    float: left;
    width: 994px;
    background-image: url(../images/bg_wrapper1.gif);
    background-repeat: repeat-y;
	}

#wrapper2 {
    float: left;
    width: 994px;
    background-image: url(../images/bg_wrapper2.jpg);
    background-repeat: no-repeat;
	}

/**************************************************
 *		Header
 **************************************************/
#header {
	float: left;
	width: 994px;
	height: 196px;
	background-image: url(../images/header0.jpg);
	background-repeat: no-repeat;
	}

#header .logo0 {
	float: left;
	width: 362px;
	height: 82px;
	padding-top: 80px;
	padding-left: 54px;
	}

#header .logo1 {
	float: right;
	width: 146px;
	height: 154px;
	padding-top: 40px;
	
	}

/**************************************************
 *		Navigation
 **************************************************/
#navigation {
	float: left;
	width: 989px;
	padding-left: 5px;
	}
	
#inNavigation {
	float: left;
	width: 984px;
	height: 41px;
	background-image: url(../images/bg_navigation.gif);
	background-repeat: no-repeat;
	}

#navigation .navLink {
	float: left;
	padding: 0 30px;
	background-image: url(../images/nav_divider.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 41px;
	line-height: 41px;
	}

#navigation .navLink a {
    font-size: 12px;
    font-weight: bold;
    color: #E1EEBB;
    text-decoration: none;
    }

#navigation .navLink a:hover {
    color: #477C20;
    text-decoration: none;
    }

/**************************************************
 *		Sub Navigation
 **************************************************/	
#subNavigation {
	clear: left;
	width: 954px;
	height: 42px;
	line-height: 36px;
	padding-left: 30px;
	text-align: left;
	color: #ECF1EF;
	}
	
#subNavigation a {
	font-size: 11px;
	color: #ECF1EF;
	text-decoration: underline;
	}
	
#subNavigation a:hover {
	text-decoration: none;
	}
	
/**************************************************
 *		Content
 **************************************************/
#content {
    clear: left;
    float: left;
    width: 971px;
    padding-left: 23px;
	}
 
#contentBackground {
	float: left;
	width: 948px;
	background-image: url(../images/bg_content0.gif);
	background-repeat: repeat-y;
	}

#contentMain {
    float: left;
    width: 948px;
    background-image: url(../images/bg_content10.jpg);
    background-repeat: no-repeat;
	}

#contentEnding {
	clear: left;
	float: left;
	width: 948px;
	height: 15px;
	background-image: url(../images/bg_content2.gif);
	background-repeat: no-repeat;
	}
	
#inContent {
    float: left;
    width: 908px;
    padding: 20px 20px 15px 20px;
    
    }

/* ---------- Main Column ---------- */   
#content .mainColumn {
    float: left;
    width: 678px;
    text-align: justify;
    }
    
#content .mainColumn .bigImgLink {
    float: left;
    width: 325px;
    margin-right: 14px;
    padding-bottom: 39px;
    background-image: url(../images/bg_photo_enter.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    }
    
#content .mainColumn .bigImgLink img {
    float: left;
    }
 
#content .mainColumn .mainImage {
	float: left;
	width: 664px;
	margin-bottom: 20px;
	/*padding-bottom: 20px;
	background-image: url(../images/zz_banner.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
	}
 
#content .mainColumn .mainText {
    clear: left;
    float: left;
    width: 634px;
    padding: 0 15px;
	font-size: 12px;
	line-height: 175%;
    }
 
#content .mainColumn .mainText .refImage {
    float: left;
    width: 325px;
    padding-top: 5px;
    padding-bottom: 7px;
    padding-right: 20px;
}
 
#content .mainColumn .mainText p {
    font-size: 12px;
    line-height: 175%;
    padding-bottom: 15px;
	}
 
#content .mainColumn .mainText a {
    color: #000000;
    text-decoration: underline;
    }

#content .mainColumn .mainText a:hover {
    color: #000000;
    text-decoration: none;
    }

/*------------------------------------------------- */
/*------------------------------------------------- */
.mainColumn .notice {
    clear: left;
    float: left;
    width: 634px;
    padding-bottom: 15px;
    }
    
.mainColumn .notice .noticeTitle {
    float: left;
    width: 634px;
    padding-bottom: 18px;
    }
  
.mainColumn .notice .noticeTitle .dateGreen1 {
    float: left;
    width: 95px;
    height: 19px;
    margin-top: 3px;
    padding-left: 10px;
    background-image: url(../images/date_green1.gif);
    background-repeat: no-repeat;
    }

.mainColumn .notice .noticeTitle .dateGreen2 {
    float: left;
    height: 19px;
    background-image: url(../images/date_green2.gif);
    background-repeat: repeat-x;
    line-height: 19px;
    }

.mainColumn .notice .noticeTitle .dateGreen3 {
    float: left;
    width: 10px;
    height: 19px;
    background-image: url(../images/date_green3.gif);
    background-repeat: no-repeat;
    }
    
.mainColumn .notice .noticeTitle .titleGreen {
    float: left;
    width: 520px;
    font-size: 17px;
    font-weight: bold;
    color: #8CBF00;
    line-height: 130%;
    }
    
.mainColumn .notice .noticeTitle .dateBlue1 {
    float: left;
    width: 95px;
    height: 19px;
    margin-top: 3px;
    background-image: url(../images/date_blue1.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    }

.mainColumn .notice .noticeTitle .dateBlue2 {
    float: left;
    height: 19px;
    background-image: url(../images/date_blue2.gif);
    background-repeat: repeat-x;
    line-height: 19px;
    }

.mainColumn .notice .noticeTitle .dateBlue3 {
    float: left;
    width: 10px;
    height: 19px;
    background-image: url(../images/date_blue3.gif);
    background-repeat: no-repeat;
    }
    
.mainColumn .notice .noticeTitle .titleBlue {
    float: left;
    width: 520px;
    font-size: 17px;
    font-weight: bold;
    color: #4F8DA4;
    line-height: 130%;
    }

.mainColumn .notice .noticeText {
	clear: left;
    float: left;
    width: 634px;
	padding-bottom: 15px;
	}
   
.mainColumn .noticeDivider {
    clear: left;
    float: left;
    width: 634px;
    height: 42px;
    background-image: url(../images/notice_divider.png);
    background-repeat: no-repeat;
    background-position: center top;
    }
    
/*------------------------------------------------- */
/*------------------------------------------------- */

/* ---------- Main Column - Photogallery ---------- */
#content .mainColumn .photogallery {
	clear: left;
	float: left;
	width: 596px;
	}
	
#content .mainColumn .photogallery .photoBox {
    float: left;
    width: 133px;
    margin-right: 16px;
	margin-bottom: 10px;
    background-image: url(../images/bg_photo.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#content .mainColumn .photoBox .photoImg {
	float: left;
	width: 125px;
	}
	
#content .mainColumn .photoBox .photoImg img {
    float: left;
    padding-top: 1px;
    padding-left: 1px;
}
	
#content .mainColumn .photoBox .photoTxt {
	clear: left;
	float: left;
	width: 124px;
	padding-top: 8px;
	text-align: left;
	font-size: 11px;
	color: #8F8F8F;
	}

/*---------- Main Column - PDF Link ----------*/
#content .mainColumn .pdf {
	clear: left;
	float: left;
	width: 624px;
	padding-top: 4px;
	padding-left: 10px;
	background-color: #F2EAD0;
	background-image: url(../images/pdf_top_01.gif);
	background-repeat: no-repeat;
	}

#content .mainColumn .pdf p {
	padding-bottom: 0;
	}

#content .mainColumn .pdf .pdfLink {
	clear: left;
	float: left;
	width: 624px;
	padding: 2px 0;
	}

#content .mainColumn .pdf .pdfIcon {
	float: left;
	width: 16px;
	height: 16px;
	}

#content .mainColumn .pdf .pdfIcon a {
	display: block;
	float: left;
	width: 16px;
	height: 20px;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: center;
	}

#content .mainColumn .pdf .pdfIcon a:hover {
	background-image: url(../images/pdf_hov.gif);
	background-repeat: no-repeat;
	}

#content .mainColumn .pdf .pdfTxt {
	float: left;
	width: 598px;
	padding-left: 10px;
	line-height: 175%;
	font-size: 12px;
	}

#content .mainColumn .pdf .pdfTxt a {
	color: #015F47;
	}

#content .mainColumn .pdf .pdfTxt a:hover {
	text-decoration: none;
	}

#content .mainColumn .pdfBottom {
	clear: left;
	float: left;
	width: 634px;
	height: 4px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(../images/pdf_bottom_01.gif);
	background-repeat: no-repeat;
	}

/* ---------- Right Column ---------- */
#content .rightColumn {
    float: left;
    width: 230px;
    }

/***** E-news ***********************************/
#content .rightColumn .eNews {
	clear: left;
    float: left;
    width: 230px;
    padding-top: 58px;
    background-image: url(../images/enews.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #8DC100;
	text-align: left;
    }
    
#content .rightColumn .eNews .inEnews {
	float: left;
	width: 180px;
	padding-left: 20px;
	padding-bottom: 5px;
	}
	
#content .rightColumn .eNews .eNewsForm {
	float: left;
	width: 180px;
	font-size: 11px;
	color: #FFFFFF;
	}
	
#content .rightColumn .eNews .eNewsForm a {
	display: block;
	float: right;
	padding: 3px 5px;
	font-weight: bold;
	text-decoration: none;
	background-color: #424242;
	color: #FFFFFF;
	}
	
.inputSearch {
	width: 180px;
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
/************************************************/
     
#content .rightColumn .actuality {
    float: left;
    width: 230px;
    padding-top: 66px;
    background-color: #DCB91D;
	background-image: url(../images/aktualno0.gif);
	background-repeat: no-repeat;
	text-align: left;
    }
  
#content .rightColumn .actuality .actualityImg {
    float: left;
    width: 230px;
    height: 97px;
	background-image: url(../images/aktualno4.gif);
	background-repeat: no-repeat;
    }
    
#content .rightColumn .actuality .actualityImg img {
    float: left;
    padding-top: 1px;
    padding-left: 21px;
    }
 
  
#content .rightColumn .actuality .actualityTxt {
    clear: inherit;
    float: left;
    width: 210px;
    padding-left: 20px;
    line-height: 130%;
    }
      
#content .rightColumn .actuality .actualityDate {
    float: left;
    width: 190px;
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF;
    }

#content .rightColumn .actuality .actualityTitle {
    clear: left;
    float: left;
    width: 190px;
    font-size: 12px;
    font-weight: bold;
    color: #010101;
    }
    
#content .rightColumn .actuality .actualityText {
    clear: left;
    float: left;
    width: 190px;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    }
   
#content .rightColumn .actuality .actualityText a {
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	}
	
#content .rightColumn .actuality .actualityText a:hover {
	text-decoration: none;
	}
   
#content .rightColumn .actuality .actualityDivider {
    clear: left;
    width: 230px;
    height: 36px;
    background-image: url(../images/aktualno1.gif);
    background-repeat: no-repeat;
    }

#content .rightColumn .actuality .actualityEnding {
    clear: left;
    width: 230px;
    height: 106px;
    background-image: url(../images/aktualno2.gif);
    background-repeat: no-repeat;
    }
    
/**************************************************
 *		Footer
 **************************************************/
#footer {
    clear: left;
    float: left;
    width: 994px;
    height: 306px;
    background-image: url(../images/bg_foot.jpg);
    background-repeat: no-repeat;
    }
    
#footer .mustText {
    float: left;
    width: 614px;
    padding-top: 55px;
    padding-left: 321px;
    text-align: justify;
    }
    
#footer .mustText p {
    color: #FFFFFF;
    line-height: 150%;
    }
    
#footer .addresses {
    clear: left;
    width: 894px;
    padding-top: 55px;
    padding-left: 100px;
    text-align: left;
    color: #D0DBD9;
    }
    
#footer .addresses a {
    color: #D0DBD9;
    text-decoration: none;
    }

#footer .addresses a:hover {
    text-decoration: underline;
    }
        
#footer .addresses .address1 {
    float: left;
    width: 124px;
    }
     
#footer .addresses .address2 {
    float: left;
    width: 124px;
	padding-left: 90px;
    }
	
#footer .addresses .address3 {
    float: left;
    width: 144px;
	padding-left: 100px;
    }
	
#footer .addresses .address4 {
    float: left;
    width: 124px;
	padding-left: 90px;
    }
	  
/**************************************************
 *		Copyright
 **************************************************/
#copyright {
    clear: left;
    float: left;
    width: 994px;
    height: 42px;
	padding-top: 18px;
	color: #84A092;
    }
	
#copyright p.navdih {
	float: left;
	}
	
#copyright p.kreativne {
	float: right;
	}
	
#copyright p.verus {
    clear: right;
	float: right;
	}
	
#copyright a {
	color: #84A092;
	}
	
#copyright a:hover {
	text-decoration: none;
	}
	
#copyright .inverseLink a {
    color: #84A092;
    text-decoration: none;
    }
    
#copyright .inverseLink a:hover {
    text-decoration: underline;
    }
	
/**************************************************
 *		Error Page
 **************************************************/
#errorDiv {
	width: 100%;
	/*height: 800px;*/
	text-align: center;
	padding-top: 196px;
	background-image: url(../images/header_error.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#errorDiv .errorMessage {
	padding-top: 35px;
	}

#errorDiv .warrning {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 25px;
	padding-bottom: 10px;
	}
	

#errorDiv a {
	color: #009DA8;
	text-decoration: underline;
	}
	
#errorDiv a:hover {
	text-decoration: none;
	}