body {
		margin:0;
		padding:0;
		background:#F9FBFD url(pics/jpg/podloga-main.jpg) repeat-x left top;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3163A5;
}

#wrapper {
		margin:0 auto;
		width:847px;
		padding:0 10px 10px 10px;
		background-color:#FFFFFF;
}


#header {
		margin:0;
		padding:0;
		height:353px;
}

ul#nav {
		margin:0 0 0 4px;
		padding:0;
		width:579px;
		float:left;
		background:url(pics/jpg/podloga-navigacija.jpg) repeat-x left top;
		border-bottom: #AFC2DC 2px solid;
		color:#FFFFFF;
		list-style-type:none;
		float:left;
		height:129px;
		}
		
ul#nav li {
		float: left;
		height:129px;
}

ul#nav li#naslovnica a:link, ul#nav li#naslovnica a:visited{
		display:block;
		border-right:1px solid #fff;
		width:108px;
		font-family:"Trebuchet MS";
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:10px;
		background:url(pics/jpg/nav-1-up.jpg) no-repeat left top;
		padding-top:100px;
		padding-bottom:7px;
}

ul#nav li#naslovnica a:hover{
		background:url(pics/jpg/nav-1-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		}

body.naslovnica ul#nav li#naslovnica a.naslovnica {
background:url(pics/jpg/nav-1-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		cursor:default;
		}


body.trgovina ul#nav li#proizvodi a.trgovina {
background:url(pics/jpg/nav-2-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		cursor:default;
}
body.prostori ul#nav li#prostori a.prostori {
background:url(pics/jpg/nav-3-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		cursor:default;
}
body.onama ul#nav li#onama a.onama {
background:url(pics/jpg/nav-4-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		cursor:default;
}
body.kontakt ul#nav li#kontakt a.kontakt {
background:url(pics/jpg/nav-5-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		cursor:default;
}

		
ul#nav li#proizvodi a:link, ul#nav li#proizvodi a:visited{
		display:block;
		border-right:1px solid #fff;
		padding-left:8px;
		width:108px;
		font-family:"Trebuchet MS";
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		background:url(pics/jpg/nav-2-up.jpg) no-repeat left top;
		padding-top:100px;
		padding-bottom:7px;
}

ul#nav li#proizvodi a:hover{
		background:url(pics/jpg/nav-2-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		}
		
		
ul#nav li#prostori a:link, ul#nav li#prostori a:visited{
		display:block;
		border-right:1px solid #fff;
		padding-left:10px;
		width:108px;
		font-family:"Trebuchet MS";
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		background:url(pics/jpg/nav-3-up.jpg) no-repeat left top;
		padding-top:85px;
		padding-bottom:0px;
}

ul#nav li#prostori a:hover{
		background:url(pics/jpg/nav-3-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		}
		
ul#nav li#onama a:link, ul#nav li#onama a:visited{
		display:block;
		border-right:1px solid #fff;
		padding-left:10px;
		padding-right:0;
		width:108px;
		font-family:"Trebuchet MS";
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		background:url(pics/jpg/nav-4-up.jpg) no-repeat left top;
		padding-top:100px;
		padding-bottom:7px;
}

ul#nav li#onama a:hover{
		background:url(pics/jpg/nav-4-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		}
		
ul#nav li#kontakt a:link, ul#nav li#kontakt a:visited{
		display:block;
		border-right:1px solid #fff;
		padding-left:10px;
		width:94px;
		font-family:"Trebuchet MS";
		font-size:16px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		background:url(pics/jpg/nav-5-up.jpg) no-repeat left top;
		padding-top:100px;
		padding-bottom:7px;
}

ul#nav li#kontakt a:hover{
		background:url(pics/jpg/nav-5-down.jpg) no-repeat left top;
		border-right:1px solid #fff;
		}

#animacija {
		margin:0;
		height:222px;
		clear:both;
		background-color:#fff;
		padding: 10px 0 0 0;
}


#logo {
		margin:0;
		padding:0;
		width:264px;
		height:129px;
		float:left;
		background:url(pics/gif/logo.gif) no-repeat left top;
		border-bottom: #AFC2DC 2px solid;
}

#content {
		margin:0;
		padding:0;
		float:left;
}

#content .content-main {
		margin:18px 0 10px 0;
		padding:20px;
		background-color:#F3F6FB;
		border-top: 2px solid #3163A5;
		border-bottom: 2px solid #3163A5;
		float: left;
		width: 807px;
}


#content .content-main ul{
		margin:-10px 0 10px 25px;
		color:#666666;
line-height:150%;
}

#content .content-main ul ul{
		margin:3px 0 10px 10px;
}



#content .content-main a:link,#content .content-main a:visited {
text-decoration:underline;
color:#3163A5;
}

#content .content-main a:hover {
text-decoration:none;
}

#content .content-main p {
		line-height:150%;
		color: #666666;
}

#content .content-main h1{
		font-family:Tahoma;
		font-size:23px;
		color:#3163A5;
		margin-bottom:10px;
		margin-top: 0px;
}

#content .content-main .box-content{
		background:#FFFFFF url(pics/gif/podloga-box-top.gif) no-repeat left top;
		width:219px;
		float:left;
		margin-right:28px;
		padding:20px;
		height: 320px;
		border-top: 2px solid #3163A5;
		border-right: 1px solid #82A1C9;
		border-bottom: 1px solid #82A1C9;
		border-left: 1px solid #82A1C9;
}

#content .content-main .box-content-2{
		background:#FFFFFF url(pics/gif/podloga-box-top-3.gif) no-repeat left top;
		float:left;
		margin-right:30px;
		padding:15px;
		border-top: 1px solid #82A1C9;
		border-right: 1px solid #82A1C9;
		border-bottom: 1px solid #82A1C9;
		border-left: 1px solid #82A1C9;
		margin-bottom: 20px;
		width: 340px;
		}

#content .content-main .box-content-3{
		background:#FFFFFF url(pics/gif/podloga-box-top-3.gif) no-repeat left top;
		float:left;
		margin-right:30px;
		padding:15px;
		border-top: 1px solid #82A1C9;
		border-right: 1px solid #82A1C9;
		border-bottom: 1px solid #82A1C9;
		border-left: 1px solid #82A1C9;
		margin-bottom: 20px;
		width: 340px;
		clear:left;
}

#content .content-main .box-content-3 img{
		border:3px solid #82A1C9;
		padding:2px;
}

#content .content-main .box-content-3 p.bold {
		font-weight:bold;
		margin-bottom:-10px;
		color:#3163A5;
		}
		
		#content .content-main .box-content-3 p.napomena{
		padding:0;
		font-size:11px;
		font-style:italic;
		}


#content .content-main .box-content-2 ul{
margin-top:20px;
}

#content .content-main .box-content-2 img{
		border:3px solid #82A1C9;
		padding:2px;
}

#content .content-main .box-content-2 img.mala {
		border:3px solid #82A1C9;
		padding:2px;
		margin:0 20px 20px 0;
}

#content .content-main .box-content-2 h2{
		margin-top:0;
		font-size:23px;
		font-family:Tahoma;
		font-weight:normal;
		color: #3163A5;
		}
		
		
#content h2{
		font-size:20px;
		font-family:Tahoma;
		font-weight:normal;
		color: #3163A5;
		}
		

#content .content-main .box-content-2 p {
		margin-top:10px;
		padding:0;
		margin-left: 0px;
		font-size:13px;
		}
		
		#content .content-main .box-content-2 p.bold {
		font-weight:bold;
		margin-bottom:-10px;
		color:#3163A5;
		}
		
		#content .content-main .box-content-2 p.napomena{
		padding:0;
		font-size:11px;
		font-style:italic;
		}
		
#content .content-main .box-content h2{
		margin-top:0;
		font-size:23px;
		font-family:Tahoma;
		font-weight:normal;
		color: #3163A5;
		}
		
#content .content-main .box-content img{
border:none;
		}
		
#content .content-main .box-content a:link, #content .content-main .box-content a:visited {
text-decoration:underline;
color:#3163A5;
		}
		
#content .content-main .box-content a:hover {
text-decoration:none;
		}


#content .content-main .box-novosti {
	margin:0;
	padding:10px 10px 10px 10px;
	width:200px;
	float:left;
	background-color:#EDF2FA;
	border: 1px solid #C7D5E8;
}

#content .content-main .box-novosti h3 {
		font-family:Tahoma;
		font-size:18px;
		color:#3163A5;
		margin-top:0px;
		font-weight: normal;
}

#content .content-main .box-novosti p{
		padding:0 0 15px 0;
		line-height:100%;
}

#content .content-main .box-novosti p.datum{
		padding:0;
		margin:0;
		font-size:11px;
		color:#666666;
}

#content .content-main .box-novosti p.novosti-naslov{
		padding:0;
		margin:0 0 10px 0;
		font-size:12px;
		color:#3163A5;
		font-weight:bold;
}

#content .content-main .box-novosti p.novosti-uvod{
	padding:0 0 15px 0;
	margin:0;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	border-bottom: 1px solid #B6C8E0;
}


#content .content-main .box-novosti p.novosti-uvod.no-border{
		padding:0 0 15px 0;
		margin:0;
		font-size:11px;
		color:#666666;
		font-weight:normal;
		border-bottom:none
}


#content .content-main .box-novosti img {
		float:left;
		margin-right:10px;
		border:3px solid #fff;
}


#obrazac {
		width: 400px;
		border: 1px solid #C7D5E8;
		padding: 10px;
		float: right;
		background: #FFFFFF url(pics/jpg/podloga-box-top-obrazac.jpg) no-repeat left top;
}

#obrazac h2{
		margin-top:5px;
		font-size:20px;
		font-family:Tahoma;
		font-weight:normal;
}


#content .content-kontakt {
		margin:0 0 10px 0;
		padding:20px;
		clear:both;
		background-color:#F3F6FB;
		border-bottom: 2px solid #3163A5;
		border-top: 2px solid #3163A5;
		height: 230px;
}

#content .content-kontakt h2{
		font-size:23px;
		color: #3163A5;
		font-weight: normal;
}

#content .content-kontakt p{
		font-size:16px;
		color: #666;
		font-weight: normal;
		line-height:150%;
}

#content .content-kontakt img {
		margin:0;
		float:right;
		width: 361px;
		height: 218px;
}

#content .content-kontakt a:link,#content .content-kontakt a:visited {
color:#3163A5;
text-decoration:underline;
}

#content .content-kontakt a:hover {
text-decoration:none;
}

#footer {
		height:82px;
		margin:10px 0 0 0;
		padding:0;
		clear:both;
		background:url(pics/jpg/podloga-footer.jpg) repeat-x left top;
		border-top: 2px solid #3163A5;
}


#footer .copyright {
float:left;
color:#FFFFFF;
padding:20px;
font-size:11px;
}

#footer .copyright a:link, #footer .copyright a:visited {
text-decoration:underline;
color:#FFFFFF;
font-size:11px;
}

#footer .copyright a:hover {
text-decoration:none;
}

#footer .copyright p {
margin-bottom:-10px;
}

#footer .logo-mali {
		float:right;
		background:url(pics/gif/logo-footer.png) no-repeat right 5px;
		width:244px;
		height:82px;
		margin-right:20px;
}

p.vrh {
text-align:left;
clear:both;
margin:0 0 15px 0;
padding-left:25px;
background:url(pics/gif/strelica.gif) no-repeat left center;
}

#forma{
font-weight:bold;
}

#forma input {
		margin-left: 0px;
		margin-top: -15px;
		font-family:Tahoma;
		font-size:12px;
		color:#003366;
}


#forma textarea {
		margin-left: 0px;
		margin-top: -15px;
}

#forma #button {
		margin-left: 0px;
		margin-top: 5px;
		color:#666666;
		font-weight:bold;
}

.clear {
	clear:both;
}