*		{ margin: 0; padding: 0; }
img, fieldset { border: none; }
:focus	{ outline: 0; }
a		{ text-decoration: underline; }
.alt	{ display: none; }

/************************ TYPO *********************************/
body	{ font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;}
a       { color: #01A647; text-decoration: underline;}
a:hover { color: #01A647; text-decoration: none;}

a.gray       { color: #6E6E6E; text-decoration: none;}
a.gray:hover { color: #6E6E6E; text-decoration: underline;}

a.gray_underline       { color: #6E6E6E; text-decoration: underline;}
a.gray_underline:hover { color: #6E6E6E; text-decoration: none;}

.green { color: #01A647; font-weight: bold;}
.green_normal { color: #01A647;}
.error { color: #CC0F13;}

p.green { color: #01A647; font-weight: bold; padding-bottom: 10px;}
p.gray { color: #6E6E6E; font-weight: bold; padding-bottom: 10px;}

a.blue { color: #3A94C8; font-weight: bold; text-decoration: none;}
a.blue:hover { color: #3A94C8; font-weight: bold; text-decoration: underline;}

h2.title	{ color: #48BAFA; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 12px 12px 2px; }
h3.red	{ color: #EF1A38; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 3px 0 6px 0; }
p.red_box	{ margin: 0 0 10px 0; }

.box 		{ width : 201px; padding-bottom: 15px; margin: 0px auto; zoom: 1;  overflow: hidden; }
.box_home 		{ float: left; width : 201px; padding-left: 20px; margin: 0px auto; zoom: 1;  overflow: hidden; }
.box2 	{ width : 173px; padding-bottom: 15px; margin: 0px auto; zoom: 1;  overflow: hidden; }
.box .heading1, .box_home .heading1		{ padding: 12px 0 12px 42px; background: url('../../img/BKGheading1.gif') 0 4px  no-repeat; }
.box .heading2, .box_home .heading2		{ padding: 12px 0 12px 42px; background: url('../../img/BKGheading2.gif') 0 4px  no-repeat; }
.box .heading3, .box_home .heading3		{ padding: 12px 0 12px 42px; background: url('../../img/BKGheading3.gif') 0 4px  no-repeat; }
.box2 .heading4, .box_home .heading4		{ padding: 12px 0 12px 42px; background: url('../../img/BKGheading4.gif') 0 4px  no-repeat; }
.box .heading5		{ padding: 12px 0 12px 42px; background: url('../../img/BKGheading5.gif') 0 4px  no-repeat; }
.box .heading1 span,
.box_home .heading1 span, 
.box .heading2 span,
.box_home .heading2 span, 
.box .heading3 span,
.box_home .heading3 span,
.box2 .heading4 span,
.box_home .heading4 span,
.box .heading5 span	 { color: #FFFFFF; font-size: 13px; font-weight: bold; }

.clear { margin: 10px 0 10px 10px; overflow: hidden; width: 100%;}
.clear a.button { background: transparent url('../../img/BKGbutton_right.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 11px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;}
.clear a.button span { background: transparent url('../../img/BKGbutton_left.gif') no-repeat; display: block; line-height: 12px; padding: 5px 0 5px 13px;} 
.clear a.button:active { background-position: bottom right; color: #000;  outline: none; /* hide dotted outline in Firefox */}
.clear a.button:active span{ background-position: bottom left; padding: 6px 0 4px 14px; /* push text down 1px */} 

.spacer_right6	{padding-right: 6px;}
.spacer_right15	{padding-right: 15px;}
.spacer_left6	{padding-left: 6px;}
.spacer_left10	{padding: 0 0 0 10px;}
.spacer_top_left10	{padding: 10px 0 0 10px;}

.right { float: right;}

/************************ GENERAL *********************************/
html	{ background: #F1F1F1; }
body   { background: url(../../img/BKG_body.gif) left top repeat-x;}
#container 	{position: relative; padding-bottom: 30px; width: 920px; margin: 0px auto; }
#top	{ width: 920px; height: 305px;}
#wrapper { width: 920px; background: url(../../img/BKG_site.gif) left top repeat-y;}
#site_top	{width: 920px; height: 20px; background: url(../../img/BKG_site_top.gif) left top no-repeat;}
#site_left	{float: left; width: 10px; height: 593px; background: url(../../img/BKG_site_left.gif) left top no-repeat; }
#site_middle	{float: left; width: 900px; min-height: 600px; }
#site_right	{float: left; width: 10px; height: 593px; background: url(../../img/BKG_site_right.gif) left top no-repeat; }
#site_bottom {clear:both; width: 920px; height: 45px; background: url(../../img/BKG_site_bottom.gif) left top no-repeat;}


/************************ TOP *********************************/
/* mainnav */
#mainnav {width: 900px; height: 35px; padding-top: 6px; margin: 0px auto; background: url(../../img/BKG_mainnav.gif) left top repeat-x;}
#home_mail	{position:relative; top:15px; left:330px; width: 150px; height: 10px; margin: 0 0 0 25px; z-index: 3;}

/* header */
#header {clear:both; width: 920px; height: 270px;}
#header_left {float:left; width: 410px; height: 270px;}
#header_right {float:left; width: 510px; height: 270px;}
#logo	{width: 122px; height: 52px; margin: 10px 0 0 75px; }
#slogan_down	{ width: 338px; height: 20px; margin: 105px 0 0 70px; }
#slogan_up	{ width: 340px; height: 18px; margin: 24px 0 0 0; }
#flash	{position: relative; top:-10px; z-index: 0; width: 460px; height: 220px; }

/************************ CONTENT *********************************/
/* left column */
#sidebar_left { float: left; width: 223px; }

.menu_list {	width: 200px; margin-left: 10px;}
.menu_head {padding: 2px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #ffffff url(../../img/left.png) center left no-repeat;}
.menu_body { display:none;}
.menu_body a{ display:block; color:#777777; padding-left:20px; font-weight:normal; text-decoration:none; background: #ffffff url(../../img/orange.png) 12px 5px no-repeat;}
.menu_body a:hover{ color: #000000; text-decoration:underline;}

#sidebar_left .newsWrapper  { overflow: hidden; }
#sidebar_left .more { float: right; margin-bottom: 10px; }

#sidebar_left h2,
.news .date, 
.news h3,
.news p    { padding-left: 12px; }

.news_content .date_orange {color: #CE9A1B;}

.newsWrapper a       { color: #01A647; text-decoration: none;}
.newsWrapper a:hover { color: #01A647; text-decoration: underline;}

.news_content  { margin-left: 0px; }
.news, .news_content  { list-style: none; }
.news h3, .news_content h3   { color: #01A647; margin-bottom: 6px; font-size: 11px; font-weight: bold;}
.news_content h3.ref   { color: #01A647; margin-bottom: 0px; font-size: 11px; font-weight: bold;}
.news li, .news_content li   { margin-bottom: 10px; }
.news_content li.part   { margin-bottom: 15px; overflow: hidden;}

#newsletter  { margin-bottom: 13px; margin-top: 10px;}
#newsletter  label, .login_box  label { display: block; margin-bottom: 5px; }
#newsletter  fieldset, .login_box  fieldset { margin: 0 0 5px 10px; }
#newsletter  .txt, .login_box  .txt { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;}
#newsletter  .txt, .
  .txt { border: 1px solid #BABABA; background: url(../../img/BKG_input.gif) left top repeat-x; width: 130px; margin: 0 3px 0 0; padding: 1px 2px; }

.submenu ul {float: left; margin: 2px; padding-left: 10px; list-style: none; margin-top: 5px; margin-bottom: 10px;}
.submenu ul li  {color:#777777; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 15px; padding-left: 9px; padding-top: 0px; background: #ffffff url(../../img/orange.png) 0px 5px no-repeat;}
.submenu ul li a {color:#777777; text-decoration: none;}
.submenu ul li a:hover {color:#777777; text-decoration: underline;}

/* content */
#content { float: left; padding: 20px 20px 30px 20px; width: 446px; border-left: 1px solid #E5E5E5; overflow:hidden;}
#sidebar_home { float: left; width: 710px; }
#content_home { padding: 20px 20px 0 20px; width: 670px; }
#horizontalbar { clear: both; float: left; width: 670px; padding: 20px 0 20px 0;}

#horizontalbar .more { float: left; margin-left: 10px; }

#page { clear: left; padding-top: 11px; margin: 0 0 20px 0; text-align: right; line-height: 15px; }
#page a { color: #2284C7; background: #EBEBEB; text-decoration: none;}
#page a.letters { color: #2284C7;}
#page span { padding: 0 17px; }
#page span a { padding: 3px 7px; }
#page a.letters:hover, #page a.back:hover { text-decoration: underline;}
#page span a:hover, #page span a.on { background: #B7B7B7; color: #fff; font-weight: bold; text-decoration: underline;}
#page a.back,
#page a.forward { background: none; font-weight: bold; }
#page a.back { background: url(../../img/BKGmore2.gif) left 2px no-repeat; padding-left: 14px; }
#page a.forward { background: url(../../img/BKGmore.gif) right 2px no-repeat; padding-right: 14px; }

 /* Aktualnosti-Dropdown - Godina i mjesec */
#godina-mjesec 	{ position:relative; top:0; }
#godina-mjesec legend {color: #6E6E6E;}
#godina-mjesec fieldset		{ position:relative; font-weight:bold; }
#godina-mjesec select 		{ position:relative; left:70px; top:-15px; margin-right:-60px; width:100px; font-size:1em; }
#godina-mjesec #mjesec 		{ left:140px; }

/* Partneri */
.partner { float: left;  margin-right: 10px;}

/* Članci */
.intro {  margin-bottom: 10px;}

/* Foto galerija */
ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery li {width: 115px; height: 107px; border: 1px solid #B7B7B7; background: #FFF; float: left; margin: 0 25px 20px 0;  padding: 0 !important;}
ul#gallery li span {color: #4E4E4E; display: block; height: 20px; background: #FFF; padding: 5px 5px 5px 5px; line-height: 10px; text-align: center;}
ul#gallery li a.imgwrapper { display: block; text-align: center; padding: 7px 0 0 0;}
ul#gallery li a { font-weight: normal; color: #0C0C0C; }
ul#gallery li a:hover { font-weight: normal; color: #A7020D; }

/* Linkovi */
.links ul {float: left; list-style: none; margin-top: 5px; margin-bottom: 10px;}
.links ul li  {color:#777777; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 15px; padding-left: 9px; margin-bottom: 5px; background: #ffffff url(../../img/orange.png) 0px 5px no-repeat; height:1%;}
.links ul li a {color:#777777; text-decoration: none;}
.links ul li a:hover {color:#777777; text-decoration: underline;}

/* Kontakt */
.map {float: left; background: #fff; border: 7px solid #E9E8E8; margin: 20px 0 0 0; }

/* Usluge */
.photo {float: left; background: #fff; border: 3px solid #E9E8E8; margin: 5px 0 0 0; }

/* right column */
#sidebar_right { float: left; width: 190px;  background: url(../../img/BKG_sidebar_right.gif) top left repeat-y;}
#banner { float: left; width: 180px; padding: 15px 0 20px 9px; background: #ffffff;}

.login_box  { margin-top: 10px;}
#login_bottom { width: 190px; height: 15px;  background: url(../../img/BKG_sidebar_right_bottom.gif) left top repeat-x;}
p.login  { padding: 0 0 10px 10px; }
p.member  { padding: 0 0 10px 0; }
.gray_line  { width: 130px;  height: 1px; border-top: 1px solid #BBBBBB; margin: 10px 0 10px 10px; }
.member_box  { margin: 10px 7px 0 10px;}

/* bottom */
#horizontalbar .bottomWrapper  {margin-left: 11px; overflow: hidden; }
.bottomWrapper a.red       { color: #EF1A38; text-decoration: none;}
.bottomWrapper a.red:hover { color: #EF1A38; text-decoration: underline;}

/************************ FORM *********************************/

/* select box styles */
select {width: 130px; height: 18px; cursor: pointer; color: #4E4E4E; border: 1px solid #BABABA; background: url(../../img/BKG_input.gif) left top repeat-x;  }

#main_form {width: 450px; float: left; padding: 10px 0 15px 0px; }
#main_form .field_wrapp {float: left; clear: both; width: 450px;}
#main_form strong { display: block; font-size: 11px; margin: 10px 0 20px 0; }
#main_form em { color: #DE6C25; }
#main_form label { display:  block; float: left; clear: left; width: 107px; }
#main_form select { width: 170px; padding: 1px; margin-bottom: 6px; border: 1px solid #9fbdc0;}
#main_form .date  { display: block; margin-left: 106px; border: 1px solid #BABABA; width: 143px; padding: 2px 23px 2px 3px; background: #fff url(../../img/BKGdate.gif) top right no-repeat; margin-bottom: 6px;  }
#main_form .check img { display: block; float: left; margin:8px 8px 5px 0; border: 1px solid #BABABA; }
#main_form .check .inputtext { float: left; margin-top:8px;}
#main_form .inputtext { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;}
#main_form .inputtext { width: 230px; height: 17px; margin-bottom: 6px;  border: 1px solid #BABABA; background: url(../../img/BKG_input.gif) left top repeat-x;}
#main_form fieldset .inputtext { width: 110px;  margin-right: 3px;}
#main_form .big { width: 170px !important; }
#main_form .biger { width: 190px; margin-right: 4px; }
#main_form .small { width: 50px !important; }
#main_form .txtarea { margin-top: 20px; }
#main_form textarea { font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;}
#main_form textarea { width: 280px; padding: 2px; height: 136px; font-family: Arial, Helvetica, sans-serif; background: url(../../img/BKG_input.gif) left top repeat-x; font-size: 11px; border: 1px solid #BABABA; }
#main_form i { font-size: 11px; color: #fff; display: block; margin: 5px 0 5px 0; }
#main_form .error_message { display: block; margin: 0 0 0 107px; color: #CC0F13;}
#main_form .radio fieldset 		{ padding: 10px 0 10px 0; border: none; margin: 15px 0 0 0; width: 497px; }
#main_form .radio fieldset div 	{float: left; padding: 0 0 10px 5px;   }
#main_form .radio fieldset span    { display: block; margin: 0 0 7px 15px; }
#main_form .radio fieldset label   { cursor: pointer; float: left;margin: 3px 15px 0 0; width: 450px; }
#main_form .radio fieldset input   {display: block; float: left;  margin: 2px 10px 0 0; }


/********************** FOOTER ********************************/
#footer {clear: both; width: 600px; height: 30px; margin: 0px auto; text-align: center;  padding: 15px 0 0 0; }
.sign {margin: 7px 0 0 10px;}
.sign a{ font-family: Arial, Verdana,  sans-serif; font-size: 11px; text-decoration: none; color: #2284C7; }
.sign a:hover{color: #676869;}
.sign span{ color: #676869; }
.sign span.black { color: #1A181D; }
.sign span.orange { color: #EB6E12; }