body
{
background: #164e89 url(images/malo.jpg) repeat-x;
font-family: Arial, "Trebuchet MS", mono;
font-size: 13px;
color:#FFFFFF;
line-height:  1.5em;
font-weight: normal;
margin:0px; 
text-align:left;
}


* {margin: 0; padding: 0;}
img {border: 0;}


#container
{width:899px;}

#container2
{width:911px;}

#maintext p
{margin-bottom:10px;}

#bottom
{
width: 911px;
height:111px;
margin-bottom:20px;
clear:both;}

#bottomcont
{background: url(images/bottom.jpg) repeat-x; 
width:911px;
float:left;
height:111px;
margin-top:10px;}

#bottomcont ul
{float:left;}


#kontakt
{text-align:left;
margin-left:15px;
margin-top:15px;}

#right li
{list-style:none;
margin-top:20px;}

.virt
{
	float:right;
	margin-top:60px;
	margin-right: 15px;
}

.virt a
{text-decoration:none;
color:#FFFFFF;}

.virt a:hover
{text-decoration:none;
color:#FFFFFF;
border-bottom: 3px #d32c1c solid;}


.virt1
{float:right;
margin-right:10px;
margin-top:60px;}

.virt1 a
{text-decoration:none;
color:#FFFFFF;}

.virt1 a:hover
{text-decoration:none;
color:#FFFFFF;
border-bottom: 3px #d32c1c solid;}

#kontakt li
{list-style:none;}


#kontakt li a
{text-decoration:none;
color:#FFFFFF;}

#kontakt li a:hover
{text-decoration:none;
color:#FFFFFF;
border-bottom: 3px #d32c1c solid;}


#bottomcont a
{font-weight:bold;
margin-left:2px;}


#main
{
	width:899px;
	background: url(images/malomain.jpg) repeat-x;
	float: left;
	height: auto;
}

#top
{
width:899px;
}

#left ul li a
{
text-decoration:none;
color:#FFFFFF;
}

#left ul li a:hover
{
text-decoration:none;
color:#FFFFFF;
border-bottom: 3px #d32c1c solid;
display:block;
}

#bottomcont p
{text-align:left;}

#left li
{
list-style:none;
text-align:left;
font-size:17px;
font-weight:bold;
height:30px;
}

#left ul
{
margin-top:20px;
}

#maintext 
{
	margin-top:20px;
	width:510px;
	float:left;
	height: auto;
	text-align:justify;
	padding: 0px 20px 20px 10px;
}

#maintext h1
{
font-size:23px;
margin-bottom:25px;
}

#right
{width:175px;}

#certifik
{background:url(images/certifik.jpg) no-repeat;
width:200px;
float:right;
margin-top:12px;
height:93px;}



#banner
{background:url(images/banner.jpg) no-repeat;
width:899px;
float:left;
height:279px;}

#logo
{background:url(images/logo.jpg) no-repeat;
width:370px;
height:117px;
float:left;}


#linkovi
{
margin-left:10px;
}

#left
{
	width:190px;
	float:left;
	padding-bottom: 100px;
}

#right
{
width:165px;
float:left;
}


#kontakti
{display:block;
clear:both;
float:left;
margin-left:10px;
margin-top:40px;}



#promijenijezik
{float:right;
margin-right:7px;}


#promijenijezik a
{text-decoration:none;
color:#d32c1c;}


#promijenijezik a:hover{

text-decoration:none;
color:#FFFFFF;
border-bottom: 3px #d32c1c solid;}
#right a {
	height: auto;
	width: 150px;
	border: 2px solid #FFFFFF;
	display: block;
}
#right a:hover {
	height: auto;
	width: 150px;
	border: 2px solid #d32c1c;
	display: block;
}
#maintext h2 {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
}
#maintext a {
	font-weight: bold;
	color: #d32c1c;
	text-decoration: none;
}

.txt {
	font: 13px Arial, "Trebuchet MS", mono;
	color: #FFFFFF;
	background: url(images/bg_form.gif) no-repeat;
	width: 250px;
	border: 1px solid #FFFFFF;
	padding: 4px;
}
.txt:focus, .txt:hover{
	font: 13px Arial, "Trebuchet MS", mono;
	color: #FFFFFF;
	width: 250px;
	border: 1px solid #d32c1c;
	padding: 4px;
}

.txt1 {
	font: 13px "Trebuchet MS";
	color: #6A9634;
	background: url(images/bg_form.gif) no-repeat;
	width: 250px;
	border: 1px solid #CCCCCC;
	height: 27px;
	padding: 4px;
}
.txt1:focus, .txt1:hover{
	font: 13px "Trebuchet MS";
	color: #6A9634;
	width: 250px;
	border: 1px solid #6A9634;
	height: 27px;
	padding: 4px;
	background: #FFFFFF;
}


.poruka {
	font: 13px Arial, "Trebuchet MS", mono;
	color: #FFFFFF;
	padding: 5px;
	width: 450px;
	border: 1px solid #FFFFFF;
	height: 150px;
	background: #164E89;
}
.poruka:focus, .poruka:hover{
	font: 13px Arial, "Trebuchet MS", mono;
	color: #FFFFFF;
	padding: 5px;
	width: 450px;
	border: 1px solid #d32c1c;
	height: 150px;
	background: #164E89;
}
.salji {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 2px;
	width: 150px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(images/bg.jpg) no-repeat;
}
.salji:focus,.salji:hover  {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 2px;
	width: 150px;
	border: 1px solid #d32c1c;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(images/bg.jpg) no-repeat;
}#maintext a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 2px solid #d32c1c;
}
#maintext ol {
	margin-left: 30px;
}
#maintext .space {
	padding-bottom: 350px;
}
#maintext li {
	margin-bottom: 5px;
}
#maintext .alert {
	font-size: 14px;
	font-weight: bold;
	color: #d32c1c;
	padding-top: 20px;
	padding-bottom: 20px;
}
#maintext .thanks {
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}
