body {
	text-align: center;
	min-width: 700px;
	background-color: #ffffff;
}

h1 {
	font-family: Georgia, sans-serif;
	font-weight: normal;
	font-size: 25px;
	padding: 2px;
	color: #999;
	background-image: url(gfx/linija.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	
}


h2 {
	font-family: Georgia, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	padding: 5px 15px;
	color: #dd127b;
	margin: 0;
	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding-top: 5px;
	margin: 0;
	color: #dd127b;

	padding-left: 15px;
}



p {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #999;
	margin-top: 5px;
	padding: 10px 15px;
	line-height: 14px;
}

td {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #999;
	line-height: 14px;
}

.text15 { padding-left: 15px; color: #dddddd; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; }


a.gray:link { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none; font-weight: bold;}
a.gray:active { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none;  font-weight: bold; }
a.gray:visited { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none; font-weight: bold; }
a.gray:hover { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none;  font-weight: bold;}

a.regular:link { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none; font-weight: normal;}
a.regular:active { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none;  font-weight: normal; }
a.regular:visited { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none; font-weight: normal; }
a.regular:hover { font-size: 12px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #999 ; list-style-position: outside ; text-decoration: none;  font-weight: normal;}

a.mf:link { font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none; font-weight: normal;}
a.mf:active { font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none;  font-weight: normal; }
a.mf:visited { font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none; font-weight: normal; }
a.mf:hover { font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none;  font-weight: normal;}

a.mfh:link { font-size: 25px; font-family: Georgia, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none; font-weight: normal;}
a.mfh:active { font-size: 25px; font-family: Georgia, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none;  font-weight: normal; }
a.mfh:visited { font-size: 25px; font-family: Georgia, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none; font-weight: normal; }
a.mfh:hover { font-size: 25px; font-family: Georgia, sans-serif; color: #dd127b ; list-style-position: outside ; text-decoration: none;  font-weight: normal;}

.pad { padding: 10px; }
.line { line-height: 35px; }
.line2 { line-height: 25px; }

#sve {
	width: 700px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #eee;
	color: #999;
	font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	
}

#header {
	width: 100%;
	height: 200px;
	text-align: left;
	background-image: url(gfx/header.jpg);
	background-repeat: no-repeat;
	margin: 0;
}



#left { 
	padding: 10px 0px 10px 20px;
	width: 50%;
	border: solid 0px #666666;
	text-align: left;
	float: left;
}

#leftref { 
	padding: 10px 0px 10px 20px;
	width: 70%;
	border: solid 0px #666666;
	text-align: left;
	float: left;
}

.leftright { 
	padding: 10px 0px 10px 0px;
	width: 70%;
	border: solid 0px #666666;
	text-align: left;
	float: left;
}

#wrapper {
	margin: 0 auto;
	width: 700px;
	
	border: 0px solid #f00;
	clear: both;
}



#right {
	padding-top: 10px;
	width: 45%;
	border: 0px solid #f00;
	float: right;
	text-align: left;
}

#rightref {
	padding-top: 10px;
	width: 25%;
	border: 0px solid #f00;
	float: right;
	text-align: left;
}

#footer {
	width: 640px;
	border-top: 0px solid #cccccc;
	margin: 0 0 0 30px;
	padding: 0;
}

.wide {
	width: 100%;
	text-align: right;
	padding: 0;	
	margin: 0 0 0px 0;
	clear: both;
}
.datum { float: left; 	padding-left: 15px; }
.linija { clear: both; width: 100%; }
.refnaslov { position: relative; top: 3px; left: -7px;  }
.reftd { border: 1px solid #cccccc; }
img.reftd { border: 1px solid #666666; }
.border { border: 1px solid #666666; padding: 2px 2px 0 2px; margin-left: 2px; }
.savet { padding: 7px; color: #dd127b ; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.konkurs { padding: 7px; color: #dd127b ; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }

 .red2 { width: 100%; clear: both; border: 1px solid #cccccc; margin-top: 20px; font-size: 10px; background: #f5f5f5; }
  .initial2 { width: 100%; clear: both; border: 1px solid #cccccc; margin-top: 20px; font-size: 10px; background: #f5f5f5; }
  .normal2 { width: 100%; height: 150px; clear: both; border: 1px solid #cccccc; margin-top: 20px; font-size: 10px; background: #fff;}
  .highlight2 {width: 100%; height: 150px; clear: both; border: 1px solid #cccccc; margin-top: 20px; font-size: 10px; background: #f5f5f5; }

.reftable { margin: 10px 5px; padding: 0px; width: 90%; border: 1px solid #cccccc; float: right; }  

.gray { font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #666666; }
.mf { font-size: 11px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: #dd137b; }
ul.list { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999 ; font-weight: normal; margin-top: 5px;  list-style-image: url(gfx/strelica.gif);}
li.orangeli { margin-top: 10px; margin-right: 5px;}

img.thumbs { margin: 15px; float: left; }
.novosti {width: 100%; clear: both; border-bottom: 1px solid #e5e5e5; margin-top: 20px; font-size: 10px; }
.reference {width: 100%; height: 150px; clear: both; border: 1px solid #cccccc; margin-top: 20px; font-size: 10px; }
.kontakt {width: 100%; height: 25px; clear: both; background-image: url(gfx/line.gif); background-repeat: repeat-x; background-position: bottom; margin-top: 10px; font-size: 11px; }
.linkovi {width: 80%; clear: both; border-bottom: 0px solid #e5e5e5; margin: 30px 20px; font-size: 10px; }
img.makaze { position: relative; top: 18px; right: -23px; margin-bottom: -7px; }
.kontaktbo { border-right: 1px dashed #999; }
img.border9 { border: 1px solid #999; }
img.noborder { border: 0; }
.thumbs { text-align: center; margin-top: 25px;}

.naslovref { font-family: Georgia, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; padding-left:15px; color: #999; margin: 0; }
.naslovref1 { font-family: Georgia, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; padding-left:15px; color: #dd137b; margin: 0; }

.bt1 { border-top: 1px solid #cccccc; }
.bt3 { border-top: 3px solid #cccccc; width: 20px; }
.mlr { margin-left: 10px; }

.height100 { height: 100px; }
.height200 { height: 200px; }
.width10 { width: 10px; }

.pad20 { padding-left: 20px; }
.margin40 { margin-top: 40px; }
.margin60 { margin-top: 60px; }
.margin20 { margin-top: 20px; }

#dynloadarea img { border: 1px solid #cccccc; }
#dynloadarea { 	padding: 10px 15px; }

#navcontaineri { text-align: left; padding: 0 10px; margin-top: -20px; }

#navlisti
{
padding: 1px;
margin-left: 20px;
font: normal 22px  Palatino Linotype ,Tahoma, Lucida Grande, sans-serif;
text-align: left;

}

#navlisti li
{
list-style: none;
margin: 0;
padding: 0.25em 1em;
text-align: left;
border-bottom: 1px solid #ededed;
}

#navlisti li a { text-decoration: none; }
#navlisti li a:link { color: #999; }
#navlisti li a:visited { color: #999;  }
#navlisti li a:hover { color: #999;  background: url(gfx/under.gif); background-repeat: no-repeat; background-position: bottom left; }
ul#navlisti li#active a { color: #6c6e71;  background: url(gfx/under.gif); background-repeat: no-repeat; background-position: bottom left; } 




#navcontainer { text-align: left; padding: 0 10px;  margin-left: -20px; }

#navlist
{
padding: 1px;
margin-left: 20px;
font: normal 12px  Palatino Linotype ,Tahoma, Lucida Grande, sans-serif;
text-align: left;

}

#navlist li
{
list-style: none;
margin: 0;

text-align: left;
border-bottom: 1px solid #ededed;
}

#navlist li a { text-decoration: none; }
#navlist li a:link { color: #999; }
#navlist li a:visited { color: #999;  }
#navlist li a:hover { color: #999;  background: url(gfx/under1.gif); background-repeat: no-repeat; background-position: bottom left; }
ul#navlist li#active a { color: #6c6e71;  background: url(gfx/under1.gif); background-repeat: no-repeat; background-position: bottom left; } 


#navcontainer { text-align: left; padding: 0 10px;  }

#footerlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#footermenu { text-align: center; width: 100%; } 
#footermenu ul li a { color: #999; } 



.topboxref {background: url(gfx/dot.gif) 0 0 repeat-x; width: 150px}
.topbox2 {background: url(gfx/dot.gif) 0 0 repeat-x; width: 130px}
.topbox3 {background: url(gfx/dot.gif) 0 0 repeat-x; width: 280px}
.topboxx2 {background: url(gfx/dot2.gif) 0 0 repeat-x; width: 280px}
.topbox {background: url(gfx/dot.gif) 0 0 repeat-x; width: 340px}
.bottombox {background: url(gfx/dot.gif) 0 100% repeat-x}
.leftbox {background: url(gfx/dot.gif) 0 0 repeat-y}
.rightbox {background: url(gfx/dot.gif) 100% 0 repeat-y}
.bottombox2 {background: url(gfx/dot2.gif) 0 100% repeat-x}
.leftbox2 {background: url(gfx/dot2.gif) 0 0 repeat-y}
.rightbox2 {background: url(gfx/dot2.gif) 100% 0 repeat-y}
.blbox {background: url(gfx/botl.gif) 0 100% no-repeat}
.brbox {background: url(gfx/botr.gif) 100% 100% no-repeat}
.blbox2 {background: url(gfx/botl2.gif) 0 100% no-repeat}
.brbox2 {background: url(gfx/botr2.gif) 100% 100% no-repeat}
.tlbox1 {background: url(gfx/upl1.gif) 0 0 no-repeat}
.tlbox2 {background: url(gfx/upl2.gif) 0 0 no-repeat}
.tlbox {background: url(gfx/upl.gif) 0 0 no-repeat}
.trbox {background: url(gfx/upr.gif) 100% 0 no-repeat; padding:10px}
.trbox2 {background: url(gfx/upr2.gif) 100% 0 no-repeat; padding:10px}

#cenovnik{font-size:15px;text-align: left;list-style-type: none; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;padding:20px 0px 0px 20px;}
#cenovnik ul{list-style-type: none;}
table.pdf {width:700px;text-align:left;line-height:15px;}

table.pdf td {width:100%;border:0px solid #dd137b;font-size:15px;font-weight:normal;color:#666;border-bottom:1px solid #666;line-height:15px;border-left:1px solid #666;}
table.pdf td.small1 {border:0px solid #f00;color:#dd137b;border-bottom:1px solid #666;border-left:1px solid #666;border-right:1px solid #666;}
span {color:#dd137b;}
table.pdf td.bt {border-top:1px solid #666;}
div.clear {clear:both; line-height:0px;padding:0px;margin:0px}

tr.prod_compare_title td { color: #fff; font-weight: bold; }
tr.prod_compare_title {
    background: none repeat scroll 0 0 #184163;
    color: #FFFFFF;
    font-weight: bold;
}
tr.prod_compare_high {
    background: none repeat scroll 0 0 #E7EBEE;
}
tr.prod_compare_norm, tr.prod_compare_high {
    font-size: 12px;
}


div.navigacion {padding:20px 0px 0px 0px;}
div.box_work {width:488px;height:150px;border:1px solid #ccc;margin:20px 0px 0px 0px;position:relative}
div.box_work a.link {background:url(gfx/str.gif) no-repeat left;padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;float:left;color:#DD127B;text-decoration:none;}
div.box_work a.link:hover {background:url(gfx/str.gif) no-repeat left;padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;float:left;color:#DD127B;text-decoration:none;}

.normal {width:488px;height:150px;clear:both;border:1px solid #ccc;margin-top:20px;background-color:#fff;}
.bg {width:488px;height:150px;clear:both;border:1px solid #ccc;margin-top:20px;background-color:#f5f5f5;}

.bg a.link {background:url(gfx/str.gif) no-repeat left;padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;float:left;color:#DD127B;text-decoration:none;}
.normal a.link {background:url(gfx/str.gif) no-repeat left;padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;float:left;color:#DD127B;text-decoration:none;}

/*div.box_work h3 {background:url(gfx/strelica.gif) no-repeat left;color:#999;font-size:12px;font-weight:bold;margin:5px 0px 0px -8px;padding:0px;position:relative;float:left}
div.box_work h3 a {color:#999;font-size:12px;font-weight:bold;padding:0px 0px 0px 22px;position:relative}*/

ul.paging2 {padding:0px;margin:0px;float:left;width:100%;background:none;}
ul.paging li, ul.paging2 li {padding:0px;margin:0px;background:none;list-style-type:none;}
ul.simplePagerNav {padding:0px;margin:20px 0px 0px 0px;float:right/*width:100%;*/}
ul.simplePagerNav li{display:block;float: left;padding:0px;margin:0px;background:none;}
ul.simplePagerNav li a{color: #dd137b;text-decoration: none;border-right:1px solid #999;padding:0px 5px;}
li.currentPage {background-color: #999;}
ul.simplePagerNav li.currentPage a {color: #999;}

img.thumb {float:left;margin:15px;}
.refnaslov a.gray {color:#999;font-size:12px;}