@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------

  Explorers:	Firefox, IE (All versions)

  Version:	1.0

  Author:		Davor Santic

  Email:		davor.hkr@gmail.com

  ----------------------------------------------------------------------*/



body {
	color:#3a4c53;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:14px;
}
a {
	text-decoration:none;
	color:#333333;
}
a:hover {
	text-decoration:underline;
}
/*---------------------------content-heading---*/

.blog {
	margin-bottom:15px;
}
.blog td {
	font-size:12px;
}
.componentheading {
	color:#3d4c5a;
	font-size:22px;
	font-weight:normal;
	line-height:140%;
	margin:0px 0px 0px 0px;
	padding:8px 0px 25px 0;
}
.contentheading {
	color:#3d4c5a;
	font-size:18px;
	line-height:19px !important;
	margin:0px 0px 0px 0px;
	padding:3px 0px 12px 0px;
	font-weight:bold;
}
.title {
	padding-bottom:6px;
}
/*-----------------------------item-info---*/



.iteminfo {
	padding:0px 0px 6px 0px;
	margin:0px 0px 15px 0px;
}
td.modifydate {
	font-size:11px;
	padding:9px 0px 0px 0;
	text-decoration:none !important;
	color:#7e8d7a;
}
div.modifydate {
	font-size:11px;
	padding:9px 0px 0px 0;
	text-decoration:none !important;
	color:#7e8d7a;
}
.createdby {
	color:#0f559d;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
}
.createdate {
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0 22px;
	text-transform:none;
	display:inline;
	color:#7e8d7a;
	font-weight:normal;
	background:url(../images/bull_h.gif) 4px 4px no-repeat;
}
span.small { /* Written by */
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-transform:none;
	color:#3a4c53;
}
div.small {
	padding:6px 0px 0px 4px;
	font-size:13px;
	font-weight:normal;
	color:#5c959d;
}
.wrapper-title {
	border-bottom:1px solid #dae1e0;
	padding:0 0 2px 5px;
	margin-bottom:15px;
}
.module label {
	display:block;
	line-height:100%;
	padding:0px 0px 3px 0px;
	vertical-align:middle
}
#body {
	background:#FFF;
}
.main {
	width:1000px;
	position:relative;
}
/*-------------------------------------header---*/







/*-------------------------------------content---*/

/*.tail-content{background:#e4ebe4 url(../images/tail_content.gif) top center repeat-x; width:100%;}*/

#content {/*background:url(../images/content_top.jpg) 0 0 no-repeat;*/
	margin-top:15px;
}
.content-row-indent {
	padding:0 12px 0 10px
}
.clear {
	width:100%;
	overflow:hidden;
}
#left {
	float:left;
	text-align:left;
	_margin: 0 -3px 0 0;
	width:240px;
}
#container {
	overflow:hidden;
	height:100%;
	text-align:left;
}
.banner .border-top {
	background:url(../images/border_top.gif) repeat-x top #e6ece6;
}
.banner .border-bot {
	background:url(../images/border_bot.gif) repeat-x bottom;
}
.banner .border-left {
	background:url(../images/border_left.gif) repeat-y left;
}
.banner .border-right {
	background:url(../images/border_right.gif) repeat-y right;
}
.banner .corner-top-left {
	background:url(../images/corner_top_left.gif) no-repeat left top;
}
.banner .corner-top-right {
	background:url(../images/corner_top_right.gif) no-repeat right top;
}
.banner .corner-bot-left {
	background:url(../images/corner_bot_left.gif) no-repeat left bottom;
}
.banner .corner-bot-right {
	background:url(../images/corner_bot_right.gif) no-repeat right bottom;
	width:100%;
}
.banner .box-content-indent {
	padding:31px 40px 39px 37px !important;
}
.banner h3 {
	color:#4a7a81;
	font-size:18px;
	padding-bottom:17px;
	display:block;
}
.banner span {
	display:block;
	margin-bottom:6px;
}
.banner span a {
	color:#639da5;
	font-size:14px;
}
.banner span a:hover {
	color:#639da5;
}
.banner {
	color:#8a8a8a;
	font-size:12px;
	line-height:18px;
}
.img-bg {
	background:url(../images/1page_img_1.jpg) 0 0 no-repeat;
	width:189px;
	height:93px;
}
.container-box .border-top {
	background:url(../images/border1_top.gif) repeat-x top #FFF;
	margin-bottom:9px;
}
.container-box .border-bot {
	background:url(../images/border1_bot.gif) repeat-x bottom;
}
.container-box .border-left {
	background:url(../images/border1_left.gif) repeat-y left;
}
.container-box .border-right {
	background:url(../images/border1_right.gif) repeat-y right;
}
.container-box .corner-top-left {
	background:url(../images/corner1_top_left.gif) no-repeat left top;
}
.container-box .corner-top-right {
	background:url(../images/corner1_top_right.gif) no-repeat right top;
}
.container-box .corner-bot-left {
	background:url(../images/corner1_bot_left.gif) no-repeat left bottom;
}
.container-box .corner-bot-right {
	background:url(../images/corner1_bot_right.gif) no-repeat right bottom;
	width:100%;
}
.container-box-indent {
	padding:26px 31px 23px 33px;
}
.row-img {
	padding-bottom:7px;
	padding-left:4px
}
.row-img .img-indent {
	margin:0 8px !important;
}
.row-img img {
	margin:0 !important;
}
/*-------------------------------------footer---*/



#navigacija {
	width:1000px;
	height:47px;
	background:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
}
#navigacija .menu-nav {
	position:relative;
	display:block;
	width:1000px;
	height:40px;
	float:left;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	/*background:#d2bd84;*/

	color:#483018;
	margin-top:0px;
	left:50%;
	margin-left:-475px;
}
#navigacija .menu-nav li {
	display:inline;
	float:left;
	text-align:left;
}
#navigacija .menu-nav li a {
	width:134px;
	text-decoration:none;
	float:left;
	display:block;
	height:39px;
	color:#fff;
	background: url(../images/btn_bg.jpg) no-repeat top left;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
}
#navigacija .menu-nav li a:hover, #navigacija ul.menu-nav li.active {
	color:#F5B307;
	background: url(../images/btn_bg.jpg) no-repeat top left;
}
/*********************************************************************************************/

#lijevo {
	float:left;
	text-align:left;
	width:240px;
	margin-top:20px;
}
/*TeachMeJoomla's  flexible rounded corners module CSS*/

 /*image setup */

 #lijevo .module, #lijevo .module div {
	background:url(../images/rounded_green.jpg);
	margin-bottom:20px;
}
/*replaced with TeachMeJoomla's single image technique*/

  #lijevo .module {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:bottom left;
	height:1%;
	width:auto;
	margin-bottom:20px;
}
#lijevo .module div {
	margin:0px 0px 0px 13px;
	background-repeat:no-repeat;
	background-position: bottom right;
	padding: 0px 0px 13px 0px;
	width:auto;
}
#lijevo .module div div {
	background-position: top right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#lijevo .module div div div {
	margin:0px 13px 0px -13px;
	background-position: top left;
	padding: 13px 0px 0px 13px;
}
/*reset nested divs*/

  #lijevo .module div div div div {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
	background-image: none;
	background-position: top left;
	background-repeat: repeat;
	background-color: transparent;
	width:100%;
}
#lijevo .module div div div h3 {
	position:relative;
	top:0px;
	margin-bottom:10px;
	padding:0;
}
#lijevo .module_menu div div div h3 {
	position:relative;
	top:0px;
	margin-bottom:10px;
}
/*module_menu*/

#lijevo .module_menu {
	background:url(../images/module_bg_midle.jpg);
	background-repeat: repeat-y;
	background-position:right;
	margin: 0px;
	padding: 0px;
	width: 210px;
}
#lijevo .module_menu div {
	background:url(../images/module_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: top;
	width: 230px;
}
#lijevo .module_menu div div {
	background:url(../images/module_bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	margin-bottom:13px;
	padding: 0px;
	width: 220px;
}
#lijevo .module_menu div div div {
	background-image: none;
	padding: 25px;
	margin: 0px;
}
#lijevo .input {
	border:none;
}
/****************************************************               desno                  */



#desno {
	float:right;
	text-align:left;
	width:240px;
	margin-top:15px;
	margin-left:10px;
}
#desno .module, #desno .module div {
	background:url(../images/rounded_green.jpg);
	margin-bottom:20px;
}
/*replaced with TeachMeJoomla's single image technique*/

  #desno .module {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:bottom left;
	height:1%;
	width:auto;
	margin-bottom:20px;
}
#desno .module div {
	margin:0px 0px 0px 13px;
	background-repeat:no-repeat;
	background-position: bottom right;
	padding: 0px 0px 13px 0px;
	width:auto;
}
#desno .module div div {
	background-position: top right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#desno .module div div div {
	margin:0px 13px 0px -13px;
	background-position: top left;
	padding: 13px 0px 0px 13px;
}
/*reset nested divs*/

  #desno .module div div div div {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
	background-image: none;
	background-position: top left;
	background-repeat: repeat;
	background-color: transparent;
	width:100%;
}
#desno .module div div div h3 {
	position:relative;
	top:0px;
	margin-bottom:10px;
	padding:0;
}
#desno .module_menu div div div h3 {
	position:relative;
	top:0px;
	margin-bottom:10px;
}
#lijevo .module_nemasufixa {
	background:url(../images/module_bg_midle.jpg);
	background-repeat: repeat-y;
	background-position:right;
	margin: 0px;
	padding: 0px;
	width: 210px;
	border:none;
}
#lijevo .module_nemasufixa div {
	background:url(../images/module_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: top;
	width: 230px;
}
#lijevo .module_nemasufixa div div {
	background:url(../images/module_bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	margin-bottom:13px;
	padding: 0px;
	width: 220px;
}
#lijevo .module_nemasufixa div div div {
	background-image: none;
	padding: 0px;
	margin: 0px;
	margin-top:10px;
}
#lijevo .module_nemasufixa div div div h3 {
	position:relative;
	top:10px;
	left:15px;
	margin-bottom:10px;
}
#desno .module_nemasufixa, #desno .module_nemasufixa div {
	background:url(../images/rounded_green.jpg);
	margin-bottom:20px;
}
/*replaced with TeachMeJoomla's single image technique*/

  #desno .module_nemasufixa {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:bottom left;
	height:1%;
	width:auto;
	margin-bottom:20px;
}
#desno .module_nemasufixa div {
	margin:0px 0px 0px 13px;
	background-repeat:no-repeat;
	background-position: bottom right;
	padding: 0px 0px 13px 0px;
	width:auto;
}
#desno .module_nemasufixa div div {
	background-position: top right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#desno .module_nemasufixa div div div {
	margin:0px 13px 0px -13px;
	background-position: top left;
	padding: 13px 0px 0px 13px;
}
/*reset nested divs*/

  #desno .module_nemasufixa div div div div {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
	background-image: none;
	background-position: top left;
	background-repeat: repeat;
	background-color: transparent;
	width:100%;
}
#desno .module_nemasufixa div div div h3 {
	position:relative;
	top:0px;
	margin-bottom:10px;
	padding:0;
}
#desno .module_nemasufixa_menu div div div h3 {
	position:relative;
	top:0px;
	margin-bottom:10px;
}
#footer {
	clear:both;
}
#component-contact{
text-align:center;
}
#component-contact input{
margin-bottom:10px;
}