﻿
#main { width:738px;}

#header {height:468px;}

#footer { height:61px;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}



#cetvrta #middle .column1 {width:496px;}
#cetvrta #middle .column2 {width:241px;}

#cetvrta .col1 {width:206px;}
#cetvrta .col2 {width:207px;}
#cetvrta .ind_col {width:42px;}

* {
	margin: 0;
	padding: 0;
	color: #004B18;
	font-size: 12px;

}

body{
	background:#FFFFFF url("../images/footer_bg.gif") bottom repeat-x;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Georgia, tahoma; 
		font-size:11px;
		line-height:17px;
		color:#868686;		
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px; color:#004b18;}

a {
	color: #004b18;
	font-size: 12px;
}

/*main layout */
.h_logo{ height:92px; width:100%;}

#header_tall {background:url("../images/header_tall.gif") top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .right {padding:70px 0 0 0;}


#menu {background:url("../images/menu_tall.gif") top repeat-x; height:65px;}
#menu .rightbg {background:url("../images/menu_right.gif") top right no-repeat;}
#menu .leftbg {background:url("../images/menu_left.gif") top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:105px; background:url("../images/menu_libg.gif") top right repeat-y; font-size:12px; text-align:center;  display:block;}
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#1D4E00; text-decoration:underline;}
#menu li span {color:#1D4E00; text-decoration:underline;}
#menu .last {background:none;}


#header .content .text {padding:2px 0 33px 2px;}
#header .content a img {float:right;}


#middle { width:100%;}


#footer .indent {
	padding: 23px 0 0 17px;
	color: #d4f6d0;
	font-size: 12px;
}
#footer a {
	color: #004b18;
	font-weight: bold;
}

.okvir h1, {margin: 0; font-size: 12px;	border-bottom: 0px solid #fff;	padding-bottom: 2px;}
.okvir p, {margin:0; padding:5px 10px; font-size:12px;}
.okvir {background: transparent; width:242px; float:left; margin:0 3px;}
.okvir_vrh, .okvir_dole {display:block; background:transparent; }
.prvi, .drugi, .treci, .cetvrti {display:block; overflow:hidden;}
.prvi, .drugi, .treci {height:1px;}
.drugi, .treci, .cetvrti {background:#fff; border-left:1px solid #CEFB61;border-right:1px solid #CEFB61;}
.prvi {margin:0 5px; background:#CEFB61;}
.drugi {margin:0 3px;border-width:0 2px;}
.treci {margin:0 2px;}
.cetvrti {height:2px; margin:0 1px;}
.okvir_sadrzaj {display:block; border:0 solid #CEFB61; border-width:0 1px; height:auto;}
.boja_zaglavlja {background:#fff;color:#000;}




.more {
	text-align: right;
	color: #004b18;
}
.more a{
	background: url("../images/more_bg.gif") top right no-repeat;
	padding-right: 13px;
	color: #004b18;
	font-weight: bold;
}

.date {background:url("../images/date_bg.gif") no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#004B18;}
li a {
	color: #004B18;
	font-size: 12px;
}




#cetvrta #middle .column1 {width:496px;}
#cetvrta #middle .column2 {width:241px;}

#cetvrta .col1 {width:206px;}
#cetvrta .col2 {width:207px;}
#cetvrta .ind_col {width:42px;}

#cetvrta #middle .indent {
	padding: 10px 0 10px 0;
}
#cetvrta #middle .column1 .padding1 {
	padding: 0px 10px 0 10px;
}
#cetvrta #middle .column1 .padding1 .img {
	padding: 2px 22px 0 16px;
}
#cetvrta #middle .column1 .padding1 .content {
	padding-top: 5px;
	padding-bottom: 10px;
}
#cetvrta #middle .column1 .padding1 .content .p1{
	padding: 2px 0 0 0;
}
#cetvrta #middle .column1 .padding1 .content .pr{
	padding: 2px 0 0 0;
	text-align: right;
}
#cetvrta #middle .column1 .padding1 .content .pc{
	padding: 2px 0 0 0;
	text-align: center;
}

#cetvrta #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#cetvrta #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#cetvrta #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#cetvrta #middle .column1 .padding2 .content .p1{color: #004B18;font-size: 12px;}
#middle .column1 .padding2 .content .p2{
	color: #004B18;
	font-size: 12px;
	text-align: center;
}
#cetvrta #middle .column1 .padding3 {
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#cetvrta #middle .column1 .padding3 .content{
}
#cetvrta #middle .column1 .padding3 .content .p1{color: #004B18;font-size: 12px;}
#cetvrta #middle .column1 .padding3 .content .p2{
	color: #004B18;
	font-size: 12px;
	text-align: center;
}

#cetvrta #middle .column1 .padding2 .more {margin-top:9px;}

#cetvrta #middle .column2 .padding{padding:9px 13px 3px 15px;}

#cetvrta #middle .column2 .padding{padding:9px 13px 3px 15px;}
#cetvrta #middle .column2 .margin .padding{
	padding: 5px 12px 2px 15px;
}
#cetvrta #middle .column2 ul {margin:0 0 2px 1px;}
#cetvrta #middle .column2 .margin {padding-top:6px;}
#cetvrta #middle .column2 .p1 {
	padding: 0 0 2px 0;
	color: #004B18;
}
#cetvrta #middle .column2 .pr {
	padding: 0 0 2px 0;
	color: #004B18;
}


