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

body { margin: 0px; padding: 0px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; background: #b9c7c8; 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.wch{margin:0 20px 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}
td.head{margin:0 10px 10px;font-size: 120%;font-style: italic; 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; }
h3{margin:20px 20px 20px;font-size: 160%;font-style: italic; color:White; }
h3.oran{margin:40px 20px 20px;font-size: 160%;font-style: italic; color:Orange; }

p.rez{margin:0 3px 1px;font-size: 75%}
p.max{margin:0 3px 1px;font-size: 75%; color:Red}
p.reztotal{margin:0 3px 1px;font-size: 75%}
p.maxtotal{margin:0 3px 1px;font-size: 75%; color:Red; FONT-WEIGHT: bold}

a { color: #d7661c; text-decoration: none; }
a:hover { color: #94ab36; text-decoration: none; }

TR.topzaobljeni {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WIDTH: 100%; HEIGHT: 45px; BACKGROUND-IMAGE: url("top_zaobljeni1.jpg");  TEXT-DECORATION: none}
TR.sredina {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WIDTH: 100%; HEIGHT: 17px; BACKGROUND-IMAGE: url("sredina.jpg"); TEXT-DECORATION: none}
TR.dnozaobljeni {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WIDTH: 100%; HEIGHT: 17px; BACKGROUND-IMAGE: url("dno_zaobljeni.jpg");  TEXT-DECORATION: none}
TR.zaglavlje {FONT-SIZE: 95%; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WIDTH: 100%; HEIGHT: 30px; BACKGROUND-COLOR: #a5c2e5; TEXT-DECORATION: none; FONT-WEIGHT: bold}

TD.naslov {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 20px; BACKGROUND-COLOR: #e6e6e6; TEXT-DECORATION: none}
TD.topzaobljeni {FONT-SIZE: 75%; COLOR: white; FONT-FAMILY: Verdana, Tahoma;font-stretch: ultra-condensed; FONT-STYLE: italic; FONT-WEIGHT: bold; }
TD.dnozaobljeni {FONT-SIZE: 75%; COLOR: navy; FONT-FAMILY: Verdana, Tahoma;font-stretch: ultra-condensed; FONT-STYLE: italic; FONT-WEIGHT: bold; font-variant: small-caps;}


.tecaj	{cursor:pointer; color:#0250A6; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 8pt;}
#container
{
    background: #edf1f1;
    border: 0px #000 solid;
    border-top: none;
    margin: 0px auto;
    padding: 0px;
    width: 900px;
    text-align: left;
}

#glava { background: #b9c7c8; ; 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 }

#panel
{
    text-align: left;
    width: 250px;
    color: Navy;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    padding-left: 0px;
    border: 1px #000 solid;
    background-color: white;
}
#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-sponsors { text-align: left; color:Black; width:880px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px;  margin-right: 10px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-red.gif") repeat-x;  }
.home-onama { text-align: left; color:Black; width:600px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px;  margin-right: 10px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-blue.gif") repeat-x;  }
.home-onama-white { text-align: left; color:Black; width:600px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px;  margin-right: 10px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-blue.gif") repeat-x;  }

.home-note { text-align: left; color:Black; width:600px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px;  margin-right: 10px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-red.gif") repeat-x;  }

.home-lijevo { text-align: left; color:Gray; width:294px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 12px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-blue.gif") repeat-x;}
.home-desno { text-align: left; color:Gray; width:294px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 12px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-red.gif") repeat-x;}
.home-desno.desno { float:right; width:110px;}
.home-desno.lijevo { float:left; width:110px;}

.rez-lijevo { text-align: left; color:Gray; width:430px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 12px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-blue.gif") repeat-x;}
.rez-desno { text-align: left; color:Gray; width:430px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px; margin-right: 12px; margin-top: 20px; border: 1px #ddd solid; background: url("../images/line-red.gif") repeat-x;}
.rez-desno.desno { float:right; width:110px;}
.rez-desno.lijevo { float:left; width:110px;}

/* prazno - 1 kolona */
.prazno { text-align: left; color:Gray; width:860px; background-color: #ffffff; float: right; padding:0px 0px 0px 0px;  margin-right: 20px; margin-top: 20px; border: 1px #eee solid; background: url("../images/line-red.gif") repeat-x;  }

/* 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_back.gif); border: 1px solid #DFEEF7;	border-color: #DFEEF7 #CFDEE7; height: 41px;}
.navigacija a {	background: #D9E1E5 url(../images/nav_back.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: 700px; height: 80px; background: #2f4f66; text-align: left; }
#header-top li.right { width: 200px; height: 80px; background: #2f4f66; text-align: right; }
#header-top li a { color: white ; text-decoration: none; }
#header-top li a:hover { color: black; text-decoration: none; }
#header-end { clear: both; line-height: 0px; }

#footer-razmak { width: 900px; height: 30px; float: left; margin: 0px; padding: 0px; }
#footer-sponsors { width: 900px; 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: #2f4f66; }
#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; }