/*--------------------------------------
   CONTENT TYP.
-------------------------------------- */
#mainContainer h1                      {
	font-size: 1.2em;
	color: #28a3da;
	margin: 0 0 20px 0;	
	line-height: 1.1em;
	}
#mainContainer h2                      {
	font-size: 1.1em;
	color: #28a3da;
	margin: 20px 0 20px 0;
	}
#mainContainer h3                      {
	font-size: 1em;
	color: #28a3da;
	margin: 20px 0 10px 0;
	}
#mainContainer h4,
#mainContainer h5, 
#mainContainer h6                      {
	font-size: 0.9em;
	color: #28a3da;
	margin: 20px 0 10px 0;
	}
#mainContainer p,
#mainContainer ul,
#mainContainer ol                      { margin: 10px 0; }
#mainContainer ul,
#mainContainer ol                      { padding-left: 15px; }
#mainContainer ul li                   {
	background: transparent url(../images/layout/list.gif) no-repeat 0 7px;
	padding-left: 15px;
	}
#mainContainer ol li                   { list-style: outside decimal; margin-left: 25px; }
#mainContainer a:link,                  
#mainContainer a:visited               { color: #28a3da; text-decoration: underline; }
#mainContainer a:hover,
#mainContainer a:active                { color: #808080; text-decoration: underline; }
#mainContainer img                     { display: inline; margin: 5px 10px; }
#mainContainer p,
#mainContainer ul,
#mainContainer ol                      { margin: 10px 0; }
#mainContainer h2,
#mainContainer h3, #mainContainer h4,
#mainContainer h5, #mainContainer h6   { clear: both; }

/*--------------------------------------
   NEWS
-------------------------------------- */
.news                                  {
	display: table;
	width: 535px;
	background: transparent url(../images/layout/news-bottom-border.gif) no-repeat left bottom;
	padding: 25px 0 20px 0;
	margin-bottom: 10px;
	clear: both;
	}
#mainContainer .news h2                { margin-top: 0; clear: none; }
.news .content {
	display: inline;
	float: right;
	width: 285px;
	padding-top: 20px;
	}
#mainContainer .news img               {
	display: inline;
	float: left;
	margin: -20px 0 0 0;
	}
#mainContainer .news h2 a:link,
#mainContainer .news h2 a:visited      { color: #28a3da; text-decoration: none; }
#mainContainer .news h2 a:hover,
#mainContainer .news h2 a:active       { color: #28a3da; text-decoration: none; }
	
/*--------------------------------------
   BOTTOM BOX (Home)
-------------------------------------- */	
#homeBottomBox                         {
	width: 535px;
	background: transparent url(../images/layout/bottom-box.gif) no-repeat center top;
	padding: 15px 0 50px 0;
	}
#homeBottomBox .box                    {
	float: left;
	display: inline;
	margin: 0 10px 0 20px;
	width: 144px;
	}
#homeBottomBox .box img                { margin: 0; }
#homeBottomBox h2                      {
	margin: 0 0 0 4px;
	padding: 4px 0 3px 5px;
	background: transparent url(../images/layout/izdvojeno-h2.jpg) no-repeat 0 0;
	font-size: 0.8em;
	}
#mainContainer #homeBottomBox h2 a:link,
#mainContainer #homeBottomBox h2 a:visited,
#mainContainer #homeBottomBox h2 a:hover,
#mainContainer #homeBottomBox h2 a:active {
	color: #28a3da;
	text-decoration: none;
	}
#mainContainer #homeBottomBox h3          {
	color: #28a3da;
	margin: 7px 0 5px 0;
	}
#mainContainer #homeBottomBox h3 a:link,
#mainContainer #homeBottomBox h3 a:visited,
#mainContainer #homeBottomBox h3 a:hover,
#mainContainer #homeBottomBox h3 a:active {
	color: #28a3da;
	text-decoration: none;
	}	

/*--------------------------------------
   PAGINATOR
-------------------------------------- */
#mainContainer #paginator              { padding: 20px 0 0 0; clear: both; }
#mainContainer #paginator li           {
	background: none;
	padding: 0;
	display: inline;
	}
#mainContainer #paginator a            {
	display: block;
	float: left;
	border: 1px solid #808080;
	width: 20px;
	text-align: center;
	padding: 3px 0;
	margin-left: 5px;
	text-decoration: none;
	}
#mainContainer #paginator a:hover,
#mainContainer #paginator a:active     { border: 1px solid #28a3da; }
#mainContainer #paginator a.on         { border: 1px solid #28a3da; background: #28a3da; color: #fff; }
#mainContainer #paginator a.disabled   { color: #d9d9d9;  }

/*--------------------------------------
   NEWS NAVIGATOR
-------------------------------------- */
#mainContainer #news-navigator         { padding: 20px 0 0 0; }
#mainContainer #news-navigator li      {
	background: none;
	padding: 0;
	display: inline;
	}
#mainContainer #news-navigator a       {
	display: block;
	float: left;
	border: 1px solid #808080;
	width: 130px;
	text-align: center;
	padding: 3px 0;
	margin-left: 5px;
	text-decoration: none;
	}
#mainContainer #news-navigator a:hover,
#mainContainer #news-navigator a:active   { border: 1px solid #28a3da; }
#mainContainer #news-navigator a.on       { border: 1px solid #28a3da; background: #28a3da; color: #fff; }
#mainContainer #news-navigator a.disabled { color: #d9d9d9; }

/*--------------------------------------
   SITEMAP
-------------------------------------- */
#mainContainer #sitemap                { padding: 0 0 0 20px; }
#mainContainer #sitemap li             { padding: 0; background: none; line-height: 1.7em; }


/*--------------------------------------
   PRIJAVA ZA BICIKLIJADU
-------------------------------------- */
#registration_form fieldset                                    {
	padding: 20px;
	border: none;
	overflow: hidden;
	height: 100%;
}

#registration_form legend                                      { display: none; }
	
#registration_form .input, #registration_form .textarea, 
#registration_form .radio, 
#registration_form .checkbox, #registration_form .file                 { overflow: hidden; height: 100%; clear: both; padding: 10px 0 5px 0; }

#registration_form .input input, #registration_form textarea,
#registration_form select, .captchaInput input                 {
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #5dadd6;
	padding: 3px;
	vertical-align: middle;
	color: #808080;
}

#registration_form .input input                                { width: 200px; }
.captchaInput input                                    { width: 100px; }
	
.input label, .textarea label,
.select label, .captchaInput label,
.captchaInput label, .file label                       {
	display: block;
	float: left;
	width: 190px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
	padding-top: 0 !important;
	padding-top: 4px;
}	
	
.textarea label, #registration_form textarea                   { vertical-align: top; }
#registration_form textarea                                    { overflow: hidden; width: 300px; height: 150px; }

#registration_form .checkbox input                             { width: auto; border: none; background: inherit; font-size: inherit; }
.calendar                                              { vertical-align: middle; position: relative; top: 2px; }
#registration_form .input input.checkbox,
#registration_form .checkbox input                             {
	display: inline;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	vertical-align: middle;
}

.select select option                                  { padding-right: 10px; margin-bottom: 2px; }
div.checkbox                                           { padding: 0 0 0 180px; overflow: hidden; height: 100%; }
.captchaWrapper                                        { overflow: hidden; height: 100%; }
	
.captchaImageWrapper                                   { margin: 15px 0 20px 200px !important; margin: 15px 0 20px 205px; }

#mainContainer .captchaImageWrapper img                  { display: block; margin: 0; padding: 0; border: none; }

.captchaError                                          { margin: 15px 0 15px 200px; padding: 10px; border: 1px solid red; }
.submit                                                { padding: 25px 0 0 200px; }
.submit input { background: #5dadd6; color: #fff; border: none; font: normal .9em Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; margin-right: 5px; }
div.error                                              { border: 1px solid red; padding: 10px; margin: 0 0 15px 0; }
#registration_form .input input.error,
#registration_form .textarea textarea.error                    { border: 1px solid red; background: #ffd8d8; }

/*----------------------------------------------------*/
.radioTitle                                            {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	text-align: right;

}
.radioButtons label                                    { margin: 0 20px 0 0; }
.checkboxTitle {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}
.checkboxButtons label                                 { margin: 0 10px 0 0; }
.multipleSelect                                        { overflow: hidden; height: 100%; padding: 15px 0 0 0; }
.multipleSelectTitle                                   {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	text-align: right;
}
.multipleSelect div.multipleSelectSelects { height: 20px; overflow: hidden; }
#registration_form div.multipleSelectSelects select                                 { margin: 0 10px 0 0; padding: 1px; }
.notice { padding: 20px 0 0 200px; }