body, html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

html,body
{
height: 100%;
}

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #830909;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: justify;
	line-height: 20px;
	}
	


.ocisti {clear:both; line-height:0px;font-size:0;margin-top:0px; }
a{text-decoration:none}

a {color: #444;}
a:hover {color: #830909;}

html{height:100%}

a img { border:0 }
img { border:0 }
a{
  outline: none;
}

h1 {font-size: 20px; color: #444; padding: 0 0 10px 0;}

.bcg {background-image: url(images/topup.jpg); height: 193px; margin: 0; padding: 0;}
#header {
	height: 112px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 926px;
	
}

#menu {float: right;}
#menu ul {margin: 0; padding: 0 5px 0 0;}
#menu ul li {color: #FFFFFF; list-style-type: none; padding: 84px 0 0 15px; margin: 0; display: block; float: left; font: 16px/28px "Arial", Helvetica, sans-serif; text-align: center; font-weight: bold;}
#menu a {color: #FFFFFF; text-decoration: none;}
#menu a:hover {color: #f9ba16;}



#container {width: 100%;   background-image: url(images/cont.jpg);   }

#left {width: 204px; float: left; padding: 0px 15px 10px 20px; color: #FFFFFF; }
#left h2 {color: #f9ba16; font-size: 18px; font-weight: normal; padding: 10px 0 10px 0;}

#contenttop {
	background-image: url(images/top.jpg);
	width: 700px;
	height: 81px;
	float: left;
	margin-left: 239px;
	background-repeat: no-repeat;
	background-position: left top;
}
#content {
	background-image: url(images/content.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 700px; float: left;
	padding: 10px 0 0 0;


}



.contleft {padding: 0px 20px 20px 20px; width: 400px; float: left;  }
.contleft  h2 {font-size: 20px; color: #444; padding: 0 0 10px 0;}
#kat h2 {font-size: 20px; color: #444; padding: 0 0 10px 0;}
.contright {width: 237px; float: left; }

.vijesti {margin-bottom: 15px;}

.contright ul{
  padding: 20px 5px 0 5px;
}
.contright ul li{
  margin: 0 0 6px 0;
  padding-left: 20px;
  list-style: none;
}
.contright ul li a{
  display: block;
  color: #666;
  text-decoration: none;
  padding: 0 0 1px 0;
  width: 95%;
  background: url("images/tockice.gif") bottom repeat-x;
  font-weight: bold;
}
.contright ul li a:hover{
  color: #830909;
  background: url("images/tockice.gif") bottom repeat-x;
}



.rightback{
  background: url("images/desno.jpg") no-repeat;
  width: 237px;
  margin: 0px 0 10px 0;
  padding-left: 10px;
  padding-bottom: 5px;
}

.rightback ul {margin: -5px 0 0 0; width: 220px;}

.rightback li {
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left; 
}
h4 {font-size: 18px; color: #444;}
.rightback h4 {padding: 20px 0 0 5px;}
.rightback h5 {
  color: #000;
  font-size: 180%;
padding: 20px 0 0 20px;}


#toolbar{margin:0px;padding:0px;position:absolute;height:49px;left:239px;top:137px;width:700px}
#toolbar li{float:left;list-style-type:none}
#toolbar li a{margin-top:9px;margin-right:11px;text-decoration:none; color: #FFFFFF;}
#toolbar li a:hover{color:#f4b617}
#searchbar{padding-left:15px;margin-top:10px}
#leftsearch{float:left;background:url("search_left.gif") no-repeat;display:block;width:18px;height:29px}
#s{border:0px;background:url("search_bg.gif") repeat-x;display:block;width:180px;height:29px;text-indent:10px;font-size:12px;padding-top:7px;padding-right:20px;float:left}
#button{border:0px;float:left;background:url("search_button2.gif") no-repeat;background-position:0px -29px;display:block;width:110px;height:29px;text-indent:-9999px;text-align:left;overflow:hidden;}
#button:hover{background:url("search_button2.gif") no-repeat;background-position:0px 0px;}
#about{background:url("home.gif") no-repeat top center;background-position:0px 0px;display:block;width:34px;font-family:verdana,arial,tahoma;font-size:11px;font-weight:bold;padding-top:16px;color:#436478;margin-left:340px}
#resumee{background:url("sitemap.gif") no-repeat top center;background-position:0px 0px;display:block;width:34px;font-family:verdana,arial,tahoma;font-size:11px;font-weight:bold;padding-top:16px;color:#436478}
#favourite{ background:url("e-mail.gif") no-repeat top center;background-position:0px 0px;display:block;width:34px;font-family:verdana,arial,tahoma;font-size:11px;font-weight:bold;padding-top:16px;color:#436478}
#rss{background:url("rss.gif") no-repeat top center;background-position:0px 0px;display:block;width:34px;font-family:verdana,arial,tahoma;font-size:11px;font-weight:bold;padding-top:16px;color:#436478}

.vlist{padding-left:0px;padding-top:0px}
.vlist li{list-style-type:none;background:url("bg_dotted_dark.gif") repeat-x bottom center;padding-bottom:3px;width:200px}
.vlist li a{color:#fff;width:193px;padding:6px 0 6px 0; display:block; font-weight: bold;}


.vlist li.podkate{
	list-style-type:none;
	padding: 2px 0 0px 10px;
	width: 160px;
	background-image: url(images/podkate.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
.vlist li.podkate a{color:#fff; padding:2px 0 2px 0; display:block; font-weight: normal;}


.sitem{padding-left:20px;padding-top:0px}
.sitem li{list-style-type:circle; padding-bottom:3px; }
.sitem li a{color:#666;  display:block; font-weight: bold;}


.sitem li.podkate{
	list-style-type:none;
	padding: 2px 0 0px 20px;

}
.sitem li.podkate a{color:#666; padding:1px 0 1px 0; display:block; font-weight: normal;}



#posts span{text-indent:0px;text-align:left;padding-bottom:1px;font-weight:bold;color:#fff}
#posts li a:hover{color:#f4b617; }
#posts li a:hover span{color:#d4a21a}




#foot {background-image: url(images/foot.jpg); height: 153px;}
.footer {
	background-image: url(images/footer.jpg);
	width: 917px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: right;
}

.footer2 {
	background-image: url(images/footer.jpg);
	width: 700px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: right;
}


/* Footer tekst i linkovi */

#information {


	}
	
#information p {
	padding: 0;
	}

#information a {
color: #fff; text-decoration: underline;
	}

#information a:hover {
	color: #f9ba16;
	}

#information h4 {

	color: #fff;
	font-size: 1.4em;
padding: 20px 0 20px 0;;
	font-weight: bold;
	}

#contact .ccolor {
	color: #fff;
	}
	
#contact {
	color: #fff;
	width: 670px;
	/*margin: 0 auto;*/
	float: left;
	padding-left: 255px;

	}



#clientwebform {

	
	position: relative;
	/*width: 917px;*/
	float: left;
	margin-left: 0px;
	padding: 0px 0 0px 0;
	
	}

#direct img {
	vertical-align: middle;
	}
	


#linkovi {padding-bottom: 0px; padding-top: 10px; width: 650px; float: left; padding-left: 255px;}
#linkovi li {display: block; list-style-type: none; display: inline; border-right: #BADDEA solid 1px; padding: 0px 6px 0px 6px;}
#linkovi li.prvi {display: block; list-style-type: none; display: inline; border-right: #BADDEA solid 1px; padding: 0px 9px 0px 0px;}
#linkovi li.zadnji {display: block; list-style-type: none; display: inline; border-right: #BADDEA solid 0px; padding: 0px 9px 0px 9px;}
#linkovi a { color: #fff; text-decoration: none; font-weight: bold;}
#linkovi a:hover { color: #f9ba16;}

.slika {background: #fff;
	border: solid 1px #d1d1d1;
	padding: 3px;
	float: left; margin: 4px 10px 2px 0;}
	
a.slika:hover {background: #7bb0c8;
	border: solid 1px #bdbdbd;
	padding: 3px;
	float: left; margin: 4px 10px 2px 0;}
	
.slika2 {background: #fff;
	border: solid 1px #d1d1d1;
	padding: 3px;
	float: left; margin: 4px 10px 2px 0;}
	
a.slika2:hover {background: #dcdcdc;
	border: solid 1px #bdbdbd;
	padding: 3px;
	float: left; margin: 4px 10px 2px 0;}
	
	
	/*
	Search
	------------------------------------------------------	*/

#searchform {
	
	color: #ec9320;
	padding: 13px 0 10px 0;;
	padding-left: 25px;
	white-space: nowrap;
	}

#search fieldset {

	padding: 0;
	}

#search-form {
	background: url("bg_search_box.gif"/*tpa=http://www.pixelshell.com/images/bg_search_box.gif*/) no-repeat;
	width: 184px;
	height: 24px;
	padding: 0;
	margin: 0;
	}
 
#search-form #s {
	background: none;
	float: left;
	padding: 6px 0 0 5px;
	margin: 0;
	border: none;
	width: 159px;
	color: #999;
	font-size: 11px;
	}
 
#search-form #go {
	float: right;
	margin: 4px 2px 0 0; 
	width: 18px;
	height: 16px; 
	}
	
	/* Ikone */
	

	
	div.ikone ul {margin: 0; padding: 0; margin-left: 4px;}
	div.ikone li {margin: 0; padding: 0; }
	
div.ikone ul.icons {width:100%; overflow:hidden; margin-top: 10px;}
div.ikone ul.icons li {margin-right:10px; float:left; margin-bottom: 10px;}
div.ikone ul.icons li.cat4,

div.ikone ul.icons li a {width:94px;height:64px;border:3px solid #CCCCCC;background:#FFFFFF;display:block; color: #fff}
div.ikone ul.icons li a:hover,
div.ikone ul.icons li a:active,
div.ikone ul.icons li a:focus {border-color:#CCCCCC;background:#FFF; color:#fff; border: #999 3px solid;}
div.ikone ul.icons li a[href="#"] {border-color:#CCCCCC;background:#FFFFFF;cursor:default;}
div.ikone ul.icons li a img {width:84px;height:54px;margin:5px 3px 3px 5px;}


/* redaj slike artikl */

div.artikli ul {margin: 0; padding: 0; margin-left: 4px;}
div.artikli li {margin: 0; padding: 0; list-style-type: none; }
	
div.artikli ul.artikl {width:100%; overflow:hidden; margin-top: 10px;}
div.artikli ul.artikl li {margin-right:10px; float:left; margin-bottom: 10px;}
div.artikli ul.artikl li.cat4,

div.artikli ul.artikl li a {width:117px;height:81px;border:3px solid #CCCCCC;background:#FFFFFF;display:block; color: #fff}
div.artikli ul.artikl li a:hover,
div.artikli ul.artikl li a:active,
div.artikli ul.artikl li a:focus {border-color:#CCCCCC;background:#FFF; color:#fff; border: #999 3px solid;}
div.artikli ul.artikl li a[href="#"] {border-color:#CCCCCC;background:#FFFFFF;cursor:default;}
div.artikli ul.artikl li a img {width:107px;height:71px;margin:5px 3px 3px 5px;}

.manual {clear:both;  padding: 5px 0 5px 0;}
.mantext {display: inline; font-weight: bold; padding-left: 15px; line-height: 26px; margin: 0; vertical-align: top;}

/* Forma */

form p {padding-top: 2px;}

.formpolja {
border: #CCCCCC 1px solid;
width: 260px;
background-color: #f3f3f3;
margin-bottom: 10px;
}

form textarea {
border: #ccc 1px solid;
width: 260px;
background-color: #f3f3f3;
}

form select {
border: #666 1px solid;
width: 260px;
}

 label
{
width: 100px;
float: left;
text-align: right;
margin-right: 15px;
display: block;
font-weight: bold;

}

.submit input
{
width: 80px;
margin-left: 115px;
border: #CCCCCC 1px solid;
background-color: #f3f3f3;
}

/* Galerija */

div.galerija ul.slicica {width:100%;overflow:hidden; margin-top: 10px;}
div.galerija ul.slicica li {margin-right:6px;float:left; margin-bottom: 6px; list-style-type: none; }
div.galerija ul.slicica li.cat4,

div.galerija ul.slicica li a {border:1px solid #CCCCCC;background:#FFFFFF;display:block;}
div.galerija ul.slicica li a:hover,
div.galerija ul.slicica li a:active,
div.galerija ul.slicica li a:focus {border-color:#CCCCCC;background:#CCCCCC;}
div.galerija ul.slicica li a[href="#"] {border-color:#CCCCCC;background:#FFFFFF;cursor:default;}
div.galerija ul.slicica li a img {width:185px;height:113px;margin:3px;}

/* Prodaja */

.prodaja {padding: 0 0px 0 15px;}
.prodaja li {font-weight: bold; padding-top: 5px;}

.vise {text-align: right;}