/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }

body                                   {
	font: normal .7em/1.3em Arial, Helvetica, sans-serif;
	color: #232323;
	text-align: center;
	background: #fff;
	}


a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                    { outline: none; }
#print-logo { display: none; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0em; }
/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper                               {
	position: relative;
	width: 986px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/layout/body-bg.gif) repeat-x 0 0;
	}

/*--------------------------------------
   HEADER
-------------------------------------- */	
#header                                {
	position: relative;
	width: 986px;
	height: 127px;
	}
	
#headerContacts {
	position: absolute;
	right: 0;
	bottom: 22px;
	text-align: right;
	padding: 3px 30px 3px 20px;
	border-left: 2px solid #fff;
	color: #fff;
	}	
	
#logo {
	position: absolute;
	top: 38px;
	left: 20px;
	width: 272px;
	height: 79px;
	background: transparent url(../images/layout/logobg.gif) no-repeat 0 0;
	text-indent: -9999px;
	}		
	
	
#flash p {
	text-align: center;
	padding: 10px 0 0 0;
	}	
	
#flash a:link,
#flash a:visited { color: #cc0000; text-decoration: underline; }	
#flash a:hover,
#flash a:active { color: #cc0000; text-decoration: none; }			
	
/*--------------------------------------
   HEADER // Top
-------------------------------------- */	
#top { 
	height: 30px;
	font-size: 0.8em;
	}

/*--------------------------------------
   HEADER // Top / Basic
-------------------------------------- */
#basic {
	display: inline;
	float: left;
	}

#basic li {
	display: block;
	float: left;
	background: transparent url(../images/layout/basic-link-bg.gif) no-repeat 0 0;
	width: 101px;
	margin: 0 3px 0 0;
	}
	
#basic li#b-lang {
	width: 36px;
	background: transparent url(../images/layout/basic-lang-bg.gif) no-repeat 0 0;
	margin: 0 0 0 15px;
	}	
	
#basic li#b-lang a { padding-right: 0; }	
	
#basic a {
	display: block;
	padding: 4px 20px 8px 0;
	color: #4c4c4c;
	text-decoration: none;
	text-align: center;
	}
	
#basic a:hover { color: #4c4c4c; text-decoration: underline; } 	
	
#basic li#b-home a { background: transparent url(../images/layout/home.gif) no-repeat 75px 5px; padding-right: 12px; }
#basic li#b-send-link a { background: transparent url(../images/layout/send-link.gif) no-repeat  75px 6px; }
#basic li#b-sitemap a { background: transparent url(../images/layout/sitemap.gif) no-repeat  75px 4px; }

/*--------------------------------------
   HEADER // Top / Search
-------------------------------------- */	
#search {
	display: inline;
	float: right;
	width: 250px;
	background: transparent url(../images/layout/search-input.gif) no-repeat 85px 6px;
	padding: 4px 0;
	text-align: right;
	}
#search fieldset { border: none; }		
#search legend { display: none; }	

#search-input {
	background: none;
	border: none;
	width: 105px;
	padding: 1px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	margin: 0 5px 0 5px;
	}

#search-button {
	width: 47px;
	height: 21px;
	background: transparent url(../images/layout/search-button.gif) no-repeat 0 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	border: none;
	outline: none;
	position: relative;
	top: 1px;
	}
	
/*--------------------------------------
   CONTAINER
-------------------------------------- */
#container                             {
	width: 980px;
	margin: 4px 0 0 0px;
	padding: 0 3px;
	background: transparent url(../images/layout/container-border.gif) repeat-y left 20px;
	}
	
#containerTop {
	background: #fff url(../images/layout/container-top.gif) no-repeat 0 0;
	margin: 0 -3px 12px -3px;
	height: 24px;
	font-size: .9em;
	}	
	
#containerTop ul li { display: inline; }

#container #path li,
#container #options li {
	background: none;
	padding: 0;
	margin: 0;
	}
	
#nav { 
	display: inline; 
	float: left; 
	width: 215px;
	} 	
		

/*--------------------------------------
   CONTAINER // Path
-------------------------------------- */	
#container #path                                  {
	display: inline;
	float: left;
	margin: 0 0 0 8px;
	padding: 0 0 0 5px;
	}
#container #path li                               { display: inline; }
#container #path a                     {
	color: #4c4c4c;
	text-decoration: none;
	padding: 5px 0 4px 10px;
	margin-right: 10px;
	display: block;
	float: left;
	
	}
#container #path a,
#container #path a:hover               { color: #717171; text-decoration: none; }
#container #path a.on                  { padding-right: 0; text-decoration: underline;  }
#container #path a.home                  { padding-left: 0; border: none; }

/*--------------------------------------
   CONTAINER // Options
-------------------------------------- */
#container #containerTop #options {
	display: inline;
	float: right;
	margin: 0 0 0 0;
	font-weight: bold;
	}
	
#container #options a:link,
#container #options a:visited { color: #717171; text-decoration: none; }
#container #options a:hover,
#container #options a:active { color: #717171; text-decoration: underline; }

#options a {
	display: block;
	float: left;
	text-align: center;
	width: 20px;
	height: 24px;
	}

#options li#small a { font-size: 1em; padding-top: 6px; height: 18px; }
#options li#normal a { font-size: 1.1em; padding-top: 5px; height: 19px; }
#options li#large a { font-size: 1.2em; padding-top: 4px; height: 20px; }
#options li#largest a { font-size: 1.3em; padding-top: 4px; height: 20px; }	

#options li#print a {
	width: 40px;
	height: 19px;
	padding: 5px 13px 0 7px;
	margin: 0 20px 0 20px !important;
	margin: 0 10px 0 20px;
	background: transparent url(../images/layout/print.gif) no-repeat 40px center;
	text-align: left;	
	font-size: 1.1em;
	}

/*--------------------------------------
   contentWrapper
-------------------------------------- */
#contentWrapper {
	display: inline;
	float: right;
	width: 750px;
	margin: 0 3px 10px 0;
	padding: 5px 0;
	background: transparent url(../images/layout/container-border.gif) repeat-y 0 0;
	}

/*--------------------------------------
   mainContainer
-------------------------------------- */
#mainContainer                         {
	margin: 0 0 0 12px;
	width: 710px;
	font-size: 1.1em;
	padding: 0 10px;
	}

/*--------------------------------------
   secContainer
-------------------------------------- */
#secContainer                          {
	display: inline;
	float: right;
	width: 200px;
	margin: 0 12px 0 0;
	font-size: 1.1em;
	}
	
#contentWrapper #secContainer h2 {
	background: transparent url(../images/layout/h-blue-short.gif) no-repeat 0 0;
	padding: 4px 8px 12px 8px;
	color: #e5e5e5;
	margin: 0 0 5px 0;
	}	
	
#new {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom: 20px;
	}	
	
#contentWrapper #secContainer #new h2,
#contentWrapper #secContainer #new h3 { margin-top: 0; background: none; padding: 0; color: #232323; }	
#contentWrapper #secContainer #new h2 { margin-top: 15px; }

#contentWrapper #secContainer #new h2 a:link,
#contentWrapper #secContainer #new h2 a:visited { color: #232323; text-decoration: none;  }
#contentWrapper #secContainer #new h2 a:hover,
#contentWrapper #secContainer #new h2 a:active { color: #cc0000; text-decoration: underline;  }
#contentWrapper #secContainer #new h3 a:link,
#contentWrapper #secContainer #new h3 a:visited { color: #232323; text-decoration: none;  }
#contentWrapper #secContainer #new h3 a:hover,
#contentWrapper #secContainer #new h3 a:active { color: #cc0000; text-decoration: underline;  }
#contentWrapper #secContainer #new h4 a:link,
#contentWrapper #secContainer #new h4 a:visited { color: #232323; text-decoration: none;  }
#contentWrapper #secContainer #new h4 a:hover,
#contentWrapper #secContainer #new h4 a:active { color: #cc0000; text-decoration: underline;  }
#contentWrapper #secContainer #new h5 a:link,
#contentWrapper #secContainer #new h5 a:visited { color: #232323; text-decoration: none;  }
#contentWrapper #secContainer #new h5 a:hover,
#contentWrapper #secContainer #new h5 a:active { color: #cc0000; text-decoration: underline;  }
#contentWrapper #secContainer #new h6 a:link,
#contentWrapper #secContainer #new h6 a:visited { color: #232323; text-decoration: none;  }
#contentWrapper #secContainer #new h6 a:hover,
#contentWrapper #secContainer #new h6 a:active { color: #cc0000; text-decoration: underline;  }

#contentWrapper #secContainer #new ul,
#contentWrapper #secContainer #new ol { padding-left: 10px; }
	
.new-dark,
.new-light {
	margin: 2px 0 4px 0;
	padding: 10px 10px 35px 50px;
	clear: both;
	position: relative;
	width: 140px;
	}	
	
.new-dark { background: #ededed; }
.new-light { background: #ededed; }	

.new-no {
	display: inline;
	float: left;
	width: 34px;
	height: 34px;
	padding: 5px 0 0 0;
	margin:  0 0 0 -40px;
	position: absolute;
	top: 8px; 
	text-align: center;
	background: transparent url(../images/layout/news-no.gif) no-repeat 0 0;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	}

.new-light .new-no { background: transparent url(../images/layout/news-no-light.gif) no-repeat 0 0; }
	
#new .date {
	padding: 5px 0 0 0;
	margin: 5px 0 0 -40px;
	border-top: 1px solid #999999;
	display: block;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 180px;
	position: absolute;
	bottom: 10px;
	}	
	
/*--------------------------------------
   NEWSLETTER
-------------------------------------- */	
#newsletter { 
	clear: both;
	width: 200px;
	margin: 0 0 0 15px;
	padding: 20px 0;
	}
	
#newsletter h2 {
	background: transparent url(../images/layout/h-blue-short.gif) no-repeat 0 0;
	padding: 4px 8px 12px 8px;
	color: #e5e5e5;
	margin: 0 0 5px 0;
	font-size: 1.3em;
	}	

#newsletter legend { display: none; }
#newsletter fieldset {
	border: 1px solid #999999;
	border-left: none;
	border-right: none;
	background: #f6f6f6;
	padding: 10px;
	}
	
#newsletter label {
	color: #6e6e6e;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	padding-left: 10px;
	}	
	
p#input { background: transparent url(../images/layout/newsletter-bg.gif) no-repeat 0 18px; padding-bottom: 20px; }	
p#input input {
	width: 150px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	border: none;
	background: none;
	margin: 10px 0 0 15px;
	}
	
p#buttons input {
	display: block;
	width: 180px;
	border: none;
	margin: 0 0 2px 0;
	font: normal 1em Arial, Helvetica, sans-serif;
	height: 25px;
	text-align: right;
	padding-right: 40px;
	}	
	
p#buttons #prijava { background: transparent url(../images/layout/newsletter-prijava.gif) no-repeat 0 0; color: #264a82; }
p#buttons #odjava { background: transparent url(../images/layout/newsletter-odjava.gif) no-repeat 0 0; color: #bc2e30; }	

/*--------------------------------------
   ANKETA
-------------------------------------- */	
#anketa { margin-bottom: 20px; }

#anketa legend { display: none; }
#anketa fieldset {
	border: 1px solid #999999;
	border-left: none;
	border-right: none;
	background: #f6f6f6;
	padding: 10px;
	}
	
#anketa label {
	color: #6e6e6e;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	padding-left: 10px;
	}
	
#anketa table input { margin-top: -1px; }	
	
p#buttons input {
	display: block;
	width: 180px;
	border: none;
	margin: 0 0 2px 0;
	font: normal 1em Arial, Helvetica, sans-serif;
	height: 25px;
	text-align: right;
	padding-right: 40px;
	}		
	
p#buttons #posalji { background: transparent url(../images/layout/posalji.gif) no-repeat 0 0; color: #264a82; }
p#buttons #rezultati { background: transparent url(../images/layout/rezultati.gif) no-repeat 0 0; color: #bc2e30; }	
	
/*--------------------------------------
   FOOTER
-------------------------------------- */	
#footer {
	clear: both;
	background: #fff url(../images/layout/footer.jpg) no-repeat 0 0;
	width: 986px;
	margin: 0; 
	padding: 11px 0 10px 0;
	}

#footer ul { display: inline; float: left; margin-left: 15px; }
#footer #topLink { display: inline; float: right; margin-right: 15px; }

#footer #topLink a { background: transparent url(../images/layout/top-link-arrow.gif) no-repeat right center; padding-right: 15px; }

#footer ul li {
	display: inline;
	background: transparent url(../images/layout/footer-bullet.gif) no-repeat left center;
	padding-left: 15px;
	margin-right: 8px;
	}	

#footer a:link,
#footer a:visited { color: #fff; text-decoration: none;   }
#footer a:hover,
#footer a:active { color: #fff; text-decoration: underline;  }

#footer #development {
	clear: both;
	padding: 20px 15px 0 15px;
	text-align: right;
	color: #999999;
	font-size: .9em;
	}
	
#footer #development a:link,
#footer #development a:visited { color: #999999; text-decoration: underline; }	
#footer #development a:hover,
#footer #development a:active { color: #000; text-decoration: none; }