body { background: #015aac url(../images/layout/body.gif) top repeat-x; }


#container { width: 950px; margin: 0 auto; background: #fff; padding: 0 5px 11px 5px; border: 1px solid #013d74; border-top: none; }

#header { position: relative; height: 335px; background: url(../images/layout/header.gif) top repeat-x; margin: 0 -5px 7px -5px ; padding: 0 5px 0 5px; }
#header h1 a { display: block; width: 600px; height: 60px; text-indent: -5000px; background: url(../images/layout/logoweb600x60.png) no-repeat; position: absolute; left: 15px; top: 21px; }

#header .imageSlideshowHolder { position: absolute; top: 85px; height: 250px; }
#header .imageSlideshowHolder img { border-top: 2px solid #f1f1f1; }

#header .info { position: absolute; right: 25px; top: 23px; font-size: 11px; line-height: 1.5; background: url(../images/layout/icon.gif) top left no-repeat; padding: 3px 0 4px 45px; }
#header .info strong { font-weight: bold; }

.nav { background: url(../images/layout/nav.gif) bottom repeat-x; margin-bottom: 4px; margin: 0 -4px 4px -4px; padding: 0 4px; }
.nav li { display: inline; }
.nav li a { display: block; float: left; font-size: 12px; color: #333; text-decoration: none; padding: 12px 20px;  color: #333; margin-right: 0; border: 1px solid #dfdfdf; border-bottom: none; }
.nav li a.active, .nav li a.active:hover { background: #fff url(../images/layout/nav_active.gif) top repeat-x; color: #015aac; border: 1px solid #dfdfdf; border-bottom: none; }
.nav li a:hover { background: #fff; color: #000; border: 1px solid #dfdfdf; border-bottom: none; }

#content { padding-top: 15px; }
	#column { float: left; margin-right: 20px; }
	#column.main  { width: 640px; padding: 0px 10px 0 20px; margin-bottom: 5px; }
	#column.main img.custom { margin-bottom: 20px; }
	#column.sidebar { width: 232px; margin-right: 20px; padding: 7px 0 0 0; float: right; margin-top: 41px;  }
	#column.sidebar .box { background: #fff; border: 1px solid #d1d1d1; padding: 10px; margin-bottom: 20px; background: url(../images/layout/nav_active.gif) top repeat-x;}
	#column.sidebar .box h3 { font: 17px "Times New Roman", Times, serif; border-bottom: 1px solid #000; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #d3d3d3; color: #777; }
	
	#column.sidebar .box ul li { padding: 5px 0;  font-size: 12px; color: #333; }
	#column.sidebar .box ul li a { font-size: 11px; color: #333; background: url(../images/layout/bullet.gif) left no-repeat; padding-left: 13px; display: block; line-height: 1.5; }
	#column.sidebar .box ul li a:hover { color: #015aab; }
	#column.sidebar .box ul li a.custom { padding: 0; background: none; }
	
	
	#column.main h2 { font: 28px "Times New Roman", Times, serif; margin-bottom: 15px; color: #666; text-shadow: 1px 1px 1px #fff; }
	#column.main h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #666; clear: both; position: relative; }
	#column.main h3 span { margin-right: 5px; color: #999; }
	#aktivnosti #column.main h3 { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
	#aktivnosti #column.main ul { margin-bottom: 20px; }
	#aktivnosti #column.main li { }
	#column.main h3 a { font-size: 12px; }
	#column.main h4 { font-size: 12px; color: #666; }
	#aktivnosti #column.main #sve li { margin-bottom: 0; }
	#column.main  p, #aktivnosti #column.main li  { font-size: 14px; line-height: 1.6; margin-bottom: 15px; color: #333; }
	#column.main  p em { font-style: italic; }
	#column.main ul, #column.main ol { margin-bottom: 15px; }
	#column.main ul li, #column.main ol li { font-size: 13px; line-height: 1.6; margin-left: 25px; list-style: disc; }
	#column.main ul li a { color: #014f98; }
	#column.main ul li a:hover { color: #013767; }
	#column.main ol li { list-style: decimal; }
	#column.main #highlight { padding: 15px; border: 1px solid #ccc; margin-bottom: 20px; background: url(../images/layout/nav_active.gif) top repeat-x; }
	#column.main #highlight ul li { font-size: 11px; color: #333; line-height: 1.8; }
	
	#column.main table { width: 100%; border: 1px solid #d1d1d1; background: #fff; font-size: 12px; margin-bottom: 8px; }
	#column.main table th { font-weight: bold; border: 1px solid #d1d1d1; padding: 6px 10px; background: url(../images/layout/table_shadow.gif) top repeat-x; }
	#column.main table td { border: 1px solid #d1d1d1; padding: 6px 10px; }
	
	#column.main table .first-item { width: 70px; text-align: center; }
	
	#column.main .gallery { margin-bottom: 10px; }
	#column.main .gallery li { float: left; list-style: none; margin: 0 12px 12px 0; width: 86px; height: 57px; overflow: hidden;  border: 3px solid #ccc; padding: 1px; background: #fff; }
	#column.main .gallery li img { }
	#column.main .gallery.press li { width: 300px; height: 120px; }
	#column.main .gallery.press li.last-row-item { margin-right: 0; }
	#foto #column.main h3 { padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 12px; margin-bottom: 15px; background: url(../images/layout/nav_active.gif) top repeat-x; text-indent: 5px; }
	
	#column.main fieldset li { margin: 0 0 15px 0; list-style: none; }
	#column.main fieldset li .input-text, #column.main fieldset li textarea { padding: 4px; border: 1px solid #ccc; width: 300px; font-size: 12px; }
	#column.main fieldset li textarea { width: 500px; height: 120px; }
	#column.main fieldset li .input-text:hover, #column.main fieldset li textarea:hover { border: 1px solid #999; }
	#column.main fieldset li label { display: block; margin-bottom: 5px; font-size: 12px; font-weight: bold; }
	#column.main fieldset li .input-button { padding: 3px 5px; cursor: pointer; }

	#logos { margin: 10px -5px 10px -5px; border-top: 1px solid #ccc; background: url(../images/layout/nav_active.gif) top repeat-x; padding: 20px 18px 0 17px; position: relative; clear: both; }
	
	#logos ul {  width: 934px; height: 57px; position: relative; clear: both;  }
	#logos ul li { display: inline; }
	#logos ul li a { display: block; float: left; text-indent: -5000px; height: 57px; margin-right: 26px; }
	#logos ul li.item-1 a { width: 40px; background: url(../images/logos/grad_sinj.gif) no-repeat;  }
	#logos ul li.item-2 a { width: 41px; background: url(../images/logos/zsd.gif) no-repeat; }

	#logos ul li.item-3 a { width: 53px; background: url(../images/logos/opcina_otok.gif) no-repeat; }
	
	#logos ul li.item-4 a { width: 156px; background: url(../images/logos/pizzeria.gif) no-repeat; }

	#logos ul li.item-5 a { width: 203px; background: url(../images/logos/kap_za_slap.gif) no-repeat; }
	
	#logos ul li.item-6 a { width: 56px; background: url(../images/logos/hsuti.gif) no-repeat; }
	
	#logos ul li.item-7 a { width: 74px; background: url(../images/logos/zaklada.gif) no-repeat; }
	#logos ul li.item-8 a { width: 116px; background: url(../images/logos/as_panino.gif) no-repeat; margin-right: 0; }
	#logos ul li a:hover { background-position: top right; }
	
	#column.main.wide { width: 910px; }
	#column.main.wide h4 { font-weight: bold; font-size: 15px; margin-bottom: 5px; color: #333;  }
	#column.main.wide h3 { color: #000; border-bottom: 1px solid #eee; padding-bottom: 10px; text-transform: uppercase; position: relative; }
	#column.main h3 a { color: #999; position: absolute; right: 0; top: 3px; text-transform: none; text-decoration: none; }
	#column.main h3 a:hover { color: #666; }
	#column.main.wide p { color: #666; }
	#column.main.wide p strong { font-weight: bold; }
	#column.main.wide ul li, #column.main.wide ol li { color: #666; }
	
#footer { width: 930px; padding: 12px 16px; margin: 0 auto 20px auto; font-size: 11px; position: relative; background: url(../images/layout/footer1.gif) bottom no-repeat; height: 40px; }
	#footer ul { position: absolute; top: 11px; }
	#footer ul li { display: inline; }
	#footer ul li a { text-decoration: none; color: #fff; margin-right: 12px; display: block; float: left; padding-bottom: 1px; color: #ccc; }
	#footer ul li a:hover, #footer ul li a.active { color: #fff; border-bottom: 1px solid #015aac; }
	#footer p { position: absolute; top: 11px; right: 15px; color: #ccc; }
	#footer p strong { color: #fff; }