body
{
background: #aeafb3 url(images/malo.jpg) repeat-x;
font-family: "Trebuchet MS", mono;
font-size: 12px;
color:#0f013a;
line-height:  1.5em;
font-weight: normal;
margin:0px; 
text-align:left;
}


* {margin: 0; padding: 0;}
img {border: 0;}


#container
{width:946px;}


#bottom
{background: url(images/bottom.jpg) no-repeat;
width: 939px;
height:20px;
margin-bottom:20px;
clear:both;}


#main
{
   width:946px;
    background: url(images/malo-main.jpg) repeat-y;
	float: left;
}


#banner
{width:946px;
height:180px;
margin-top:30px;
margin-bottom:30px;
    background: url(images/banner.jpg) no-repeat;
	float: left;
}

#linkovi
{width:224px;
float:left;}

#link1
{ background: url(images/vodo.jpg) no-repeat;
height:36px;
width:224px;
float:left;}


#link1 a
{ background: url(images/vodo.jpg) no-repeat;
display:block;
height:36px;
width:224px;
float:left;}

#link1 a:hover
{ background: url(images/vodo.jpg) no-repeat;
display:block;
background-position:right;
height:36px;
width:224px;
float:left;}


#link2
{ background: url(images/kanalizacija.jpg) no-repeat;
height:36px;
width:224px;
float:left;}

#link2 a
{ background: url(images/kanalizacija.jpg) no-repeat;
display:block;
height:36px;
width:224px;
float:left;}

#link2 a:hover
{ background: url(images/kanalizacija.jpg) no-repeat;
display:block;
background-position:right;
height:36px;
width:224px;
float:left;}


#link3
{ background: url(images/centralno.jpg) no-repeat;
height:36px;
width:224px;
float:left;}

#link3 a
{ background: url(images/centralno.jpg) no-repeat;
display:block;
height:36px;
width:224px;
float:left;}

#link3 a:hover
{ background: url(images/centralno.jpg) no-repeat;
display:block;
background-position:right;
height:36px;
width:224px;
float:left;}

#link4
{ background: url(images/bager.jpg) no-repeat;
height:36px;
width:224px;
float:left;}

#link4 a
{ background: url(images/bager.jpg) no-repeat;
display:block;
height:36px;
width:224px;
float:left;}

#link4 a:hover
{ background: url(images/bager.jpg) no-repeat;
display:block;
background-position:right;
height:36px;
width:224px;
float:left;}

#link5
{ background: url(images/el_struja.jpg) no-repeat;
height:36px;
width:224px;
float:left;}

#link5 a
{ background: url(images/el_struja.jpg) no-repeat;
display:block;
height:36px;
width:224px;
float:left;}

#link5 a:hover
{ background: url(images/el_struja.jpg) no-repeat;
display:block;
background-position:right;
height:36px;
width:224px;
float:left;}

#maintext
{width:518px;
float:left;
text-align:left;}

#kontakt
{ background: url(images/kontakt.jpg) no-repeat;
height:33px;
width:204px;
float:left;}

#zgt
{ /*background: url(images/zgt.jpg) no-repeat;*/
height:233px;
width:518px;
float:left;}

#zgt2
{ background: url(images/zgt2.jpg) no-repeat;
height:18px;
width:518px;
float:left;}

.link1a
{ background: url(images/link1.jpg) no-repeat;
height:32px;
width:224px;
float:left;}


.link1a a
{text-align:left;
float:left;
color:#252525;
text-decoration:none;
font-size:11px;
font-family:"Trabuchet MS",Verdana;
margin-top:6px;
margin-left:15px;}

.link1a a:hover
{text-align:left;
float:left;
color:#f49317;}



.link2a
{ background: url(images/link2.jpg) no-repeat;
height:28px;
width:224px;
float:left;}

.link2a a
{text-align:left;
float:left;
color:#252525;
text-decoration:none;
font-size:11px;
font-family:"Trabuchet MS",Verdana;
margin-top:4px;
margin-left:15px;}

.link2a a:hover
{text-align:left;
float:left;
color:#f49317;}


.link3a
{ background: url(images/link3.jpg) no-repeat;
height:29px;
width:224px;
float:left;}


.link3a a
{text-align:left;
float:left;
color:#252525;
text-decoration:none;
font-size:11px;
font-family:"Trabuchet MS",Verdana;
margin-top:4px;
margin-left:15px;}

.link3a a:hover
{text-align:left;
float:left;
color:#f49317;}


#bottom_cont
{ background: url(images/bottom.jpg) no-repeat;
height:28px;clear:both;
width:946px;}

#novosti
{background: url(images/novosti2.jpg) no-repeat;
margin-bottom:10px;
height:36px;
margin-left:5px;
width:506px;
float:left;}

#bottom2
{background: url(images/bottom-poz.jpg) repeat-x;
clear:both;
height:78px;}

#maintext h1
{color:#dd8d09;
margin-left:18px;
margin-bottom:15px;
font-size:15px;}

#maintext img
{color:#dd8d09;
margin-left:18px;
border:solid 2px #b8b8b8;
margin-bottom:10px;
font-size:15px;}

#maintext .main_kontakt img {
border: 0;
margin: 2px 0 0 4px;
float: left;
clear: right;
}


.title
{text-align:right;
margin-right:10px;}

#maintext p
{color:#6c6c6f;
margin-left:18px;
margin-bottom:10px;
font-size:12px;}

#maintext ul
{color:#6c6c6f;
margin-left:33px;
font-size:12px;}

.novost h1
{color:#dd8d09;
margin-left:5px;
margin-bottom:10px;
font-size:15px;}

.novost1 h1
{color:#dd8d09;
margin-left:5px;
margin-bottom:10px;
font-size:15px;}

.novost1 img
{float:left;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
border:2px solid #9fa0a2;}

#right
{width:204px;
float:left;}

.novost p
{color:#6c6c6f;
margin-left:10px;
font-size:12px;}

.novost2 p
{color:#6c6c6f;
margin-left:10px;
font-size:12px;}

.novost1 img
{float:left;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
border:2px solid #9fa0a2;}


.novost img
{float:left;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
border:2px solid #9fa0a2;}


.novost2 img
{float:left;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
border:2px solid #9fa0a2;}

.novost1 img
{float:left;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
border:2px solid #9fa0a2;}


.novost
{width:485px;
color:#6c6c6f;
padding-right:5px;
margin-bottom:10px;
font-size:12px;
float:left;
border-bottom:1px solid #bfbfc3;
margin-left:10px;}

.novost2
{width:485px;
color:#6c6c6f;
padding-right:5px;
margin-bottom:10px;
font-size:12px;
float:left;
margin-left:10px;
border-bottom: 1px solid #CFCFCF;
padding-bottom: 4px;}


.novost1
{width:485px;
color:#6c6c6f;
padding-right:5px;
margin-bottom:10px;
font-size:12px;
float:left;
margin-left:10px;
background: #FFE6BF;
padding-top: 8px;
padding-bottom: 4px;}


.vise
{float:right;
font-weight:bold;
margin-top: 10px;}

#maintext a
{color:#dd8d09;
text-decoration:none;
font-weight:bold;}

#maintext a:hover
{color:#ffb74a;}


.vise a
{color:#dd8d09;
text-decoration:none;
font-weight:bold;}

.vise a:hover
{color:#ffb74a;}


.right-cont-top
{background: url(images/right-top.jpg) no-repeat;
margin-top:2px;
width:204px;
float:left;
height:7px;}

.right-cont-cont
{background: url(images/right123.jpg) repeat-y;
width:188px;
text-align:left;
padding-left:14px;
float:left;}

.right-cont-cont p
{margin-bottom:8px;}

.right-cont-cont a
{color:#dd8d09;
text-decoration:none;}

.right-cont-cont a:hover
{color:#ffb74a;}


.right-cont-bottom
{background: url(images/right-cont.jpg) no-repeat;
width:204px;
float:left;
height:9px;}

.right-right
{float:left;
width:204px;}

#nov1
{background: url(images/nov1.jpg) no-repeat;
width:204px;
float:left;
height:104px;}


#nov1 a
{cursor:pointer;
width:204px;
float:left;
display:block;
height:102px;}

#adaptacije1
{background: url(images/adaptacije.jpg) no-repeat;
width:204px;
float:left;
height:102px;}

#adaptacije1 a
{cursor:pointer;
width:204px;
float:left;
display:block;
height:102px;}

#por
{background: url(images/por.jpg) no-repeat;
width:204px;
float:left;
height:32px;}

.right-right input, .right-right textarea {
width:171px;
font-size:11px;
font-family: "Trebuchet MS", mono; 
border: 1px solid #999999;
padding: 0 2px;
color:#6c6c6f;
margin-bottom:10px;
}

.right-right input.txt_error, .right-right textarea.txt_error,
.main_kontakt input.txt_error, .main_kontakt textarea.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
}

.emph {
font-weight: bold;
}

.main_kontakt .emph {
padding-left: 20px;
}

.right-right input.button
{background: url(images/salji.jpg) repeat-x;
border:1px solid #5e5e63;
color:#fff;
font-weight:bold;
margin-top:5px;
font-size:11px;
padding-left:3px;
padding-right:3px;
display:block;
cursor:pointer;
width: 60px;}

.main_kontakt {
width: 350px;
}

.main_kontakt input.salji{
	font: bold 13px "Trebuchet MS";
	color: #fff;
	background:#FF9900;
	padding: 2px;
	border: 1px solid #fff;
	margin-top: 10px;
	margin-bottom: 20px;
	cursor:pointer;
	width: 80px;
	float: left;
	clear: both;
}

.main_kontakt input, .main_kontakt textarea {
font: 13px "Trebuchet MS";
color: #696969;
width: 220px;
margin-bottom:10px;
border: 1px solid #858587;
padding: 2px;
background: #FFFFFF;
float: left;
}

.main_kontakt input:focus, .main_kontakt textarea:focus {
border: 1px solid #FF9900;
}

.txt1 {
	font: 13px "Trebuchet MS";
	color: #6A9634;
	background: url(images/bg_form.gif) no-repeat;
	width: 150px;
	border: 1px solid #858587;
	height: 27px;
	padding: 2px;
}
.txt1:focus, .txt1:hover{
	font: 13px "Trebuchet MS";
	color: #6A9634;
	width: 150px;
	border: 1px solid #6A9634;
	height: 27px;
	padding: 2px;
	background: #FFFFFF;
}

.poruka:focus, .poruka:hover{
	font: 13px "Trebuchet MS";
	color: #696969;
	background: #FFFFFF;
	padding: 5px;
	width: 250px;
	border: 1px solid #FF9900;
	height: 100px;
}

.poruka {
	font: 13px "Trebuchet MS";
	color: #696969;
	background: #fff;
	padding: 5px;
	width: 250px;
	border: 1px solid #858587;
	height: 100px;
}

#maintext  h3 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 4px;
	color:#6c6c6f;
}

#maintext form
{margin-left:17px;
float:left;}

#flash
{
width:400px;
float:left;
height:100px;
margin-top:44px;
margin-left:555px;}

#pod
{background: url(images/patneri.jpg) no-repeat;
width:204px;
float:left;
height:104px;}

#pod a
{
width:204px;
float:left;
display:block;
cursor:pointer;
height:104px;}

.title-partners
{	font-size: 12px;
	font-weight: normal;
	margin-top: 2px;
	margin-left:19px;
	margin-bottom: 4px;
	color:#6c6c6f;}

h5 {
font-size: 0.9em;
font-weight: normal;
margin: 0;
padding: 0 0 3px;
float: left;
clear: both;
width: 100px;
}

.main_kontakt h5 {
width: 250px;
}

#footer {
clear: both;
color: #FFFFFF;
font-size: 0.9em;
width: 926px;
padding: 0 10px;
}
#footer_left {
float: left;
}
#footer_right {
float: right;
text-align: right;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}