* { margin: 0px; padding: 0px; }

body { margin: 0px; padding: 0px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; background: #8a8a8a; text-align: center; }
input, select, textarea { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; }
p{margin:0 10px 10px;font-size: 100%}
p.novosti{margin:0 10px 10px;font-size: 100%; color:Maroon}
p.akcija{margin:0 10px 10px;font-size: 100%; color:Maroon}
h1{margin:0 10px 10px;font-size: 120%;font-style: italic; color:Maroon; }
h2{margin:0 10px 10px;font-size: 130%;font-style: italic; color:Orange; }
a { color: #d7661c; text-decoration: none; }
a:hover { color: #94ab36; text-decoration: none; }
.tecaj	{cursor:pointer; color:#0250A6; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 8pt;}
#container
{
    background: white;
    border: 0px #000 solid;
    border-top: none;
    margin: 0px auto;
    padding: 0px;
    width: 900px;
    text-align: left;
}

#glava { background: url(../images/glava.jpg) ; margin-top: 0px; margin-left:0px; height: 200px }
#glava_edu { background: url(../images/glava_edu.jpg) ; margin-top: 0px; margin-left:0px; height: 200px }
#glava_produkti { background: url(../images/glava_produkti.jpg) ; margin-top: 0px; margin-left:0px; height: 200px }

#logo { text-align: left; xwidth:200px; xheight:75px; background-color: #FFFFFF; float: left; margin-left: 5px; margin-top: 00px; border: none; border-top: none }

#novosti
{
    text-align: left;
    width: 220px;
    color: Navy;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    padding-left: 0px;
    border: 1px #000 solid;
    background-color: lavender;
}
#akcija
{
    text-align: left;
    width: 850px;
    color: Navy;
    float: none;
    margin-left: 20px;
    margin-top: 20px;
    padding-left: 10px;
    border: 1px #000 solid;
    background-color: lavender;
    
}

/* home - odlomci */
.home-onama { text-align: left; color:Gray; width:600px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px;  margin-right: 10px; margin-top: 20px; border: 1px #eee solid; background: url("../images/line-blue.gif") repeat-x;  }
.home-lijevo { text-align: left; color:Gray; width:294px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 10px; margin-top: 20px; border: 1px #eee solid; background: url("../images/gen_2008.png"); background-repeat:no-repeat;}
.home-desno { text-align: left; color:Gray; width:294px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 10px; margin-top: 20px; border: 1px #eee solid; background: url("../images/3dcon_glava.png"); background-repeat:no-repeat;}
.home-desno.desno { float:right; width:110px;}
.home-desno.lijevo { float:left; width:110px;}


/* produkti - 3 kolone */
.produkti-lijevo { text-align: left; color:Gray; width:275px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 10px; margin-top: 20px; border: 1px #eee solid; background: url("../images/produkti_cad.png"); background-repeat:no-repeat;}
.produkti-sredina { text-align: left; color:Gray; width:275px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 10px; margin-top: 20px; border: 1px #eee solid; background: url("../images/produkti_gis.png"); background-repeat:no-repeat;}
.produkti-desno { text-align: left; color:Gray; width:275px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 15px; margin-top: 20px; border: 1px #eee solid; background: url("../images/produkti_msd.png"); background-repeat:no-repeat;}


/* navigacija-top */
.navigacija a { color:  ; display: block; float: right; font: bold 1.1em sans-serif; line-height: 41px;	padding: 0 20px; text-decoration: none; }
.navigacija a:hover {color: #234;}

/* navigacija */
.navigacija {background: #D9E1E5 url(../images/nav.gif); border: 1px solid #DFEEF7;	border-color: #DFEEF7 #CFDEE7; height: 41px;}
.navigacija a {	background: #D9E1E5 url(../images/nav.gif);	border-right: 1px solid #AFBEC7; color: #456; display: block; float: left; font: bold 1.1em sans-serif; line-height: 41px;	padding: 0 20px; text-decoration: none; }
.navigacija a:hover {background-position: left bottom; color: #234;}
.navigacija a#active {background: #D9E1E5 url(../images/nav_aktiv.gif); background-position: left bottom; color: #234;}

/* sub navigacija */
.sidenav {
	float: right;
	width: 210px;
}
.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

#header-top ul {margin: 0px; padding: 0px; }
#header-top ul li { padding: 0px;; list-style-type: none; display: block; float: left; color: #fff; line-height: 12px; }
#header-top li.left { width: 200px; height: 95px; background: #363636; text-align: left; }
#header-top li.center { width: 300px; height: 95px; background: #363636;  text-align: center;}
#header-top li.right { width: 400px; height: 95px; background: #363636; text-align: right; }
#header-top li a { color: Aqua ; text-decoration: none; }
#header-top li a:hover { color: White; text-decoration: none; }
#header-end { clear: both; line-height: 0px; }

#footer-razmak { width: 900px; height: 30px; float: left; margin: 0px; padding: 0px; }

#footer-top ul { float: left; margin: 0px; padding: 0px; }
#footer-top ul li { padding: 0px;; list-style-type: none; display: block; float: left; color: #000; line-height: 30px; text-align: center; }
#footer-top li.left { width: 14px; height: 30px; background: url("../images/foot1.jpg") no-repeat; }
#footer-top li.center { width: 900px; height: 30px; background: #D9E1E5 url(../images/nav.gif) repeat-x; }
#footer-top li.right { width: 14px; height: 30px; background: url("../images/foot3.jpg") no-repeat; }
#footer-top li a { color: #000; text-decoration: none; }
#footer-top li a:hover { color: red; text-decoration: none; }

#footer-bottom ul { margin: 0px; padding: 0px; }
#footer-bottom ul li { padding: 0px;; list-style-type: none; display: block; float: left; color: #fff; line-height: 12px; text-align: center; }
#footer-bottom li.left { width: 14px; height: 60px; background: url("../images/foot4.jpg") no-repeat; }
#footer-bottom li.center { width: 900px; height: 60px; background: #363636; }
#footer-bottom li.right { width: 14px; height: 60px; background: url("../images/foot6.jpg") no-repeat; }
#footer-bottom li a { color: #000; text-decoration: none; }
#footer-bottom li a:hover { color: #fff; text-decoration: none; }

#footer-end { clear: both; line-height: 0px; }