html, body, #pw
	{
	height: 100%;
	min-height: 100%;
	width: 100%;
	}

html>body, html>body #pw { height: auto; }

body
	{
	background: #14425d;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#pw
	{
	background: #FFFFFF url(../images/zaglavlje1.jpg) no-repeat top left;
	margin: 0 auto;
	padding: 0;
	width: 948px;
	}

a:link, a:visited
	{
	color: #667c99;
	text-decoration: underline; 
	}

a:hover
	{
	color: #667c99;
	text-decoration: none;
	}

p, span, h1, h2, h3, h4, h5, h6, form, input, textarea, select
	{ margin: 0; padding: 0; }

h1
	{
	font-size: 1em;
	font-weight: bold;
	}

h2
	{
	font-size: 1em;
	font-weight: bold;
	}




/* Page Top -- begin */

#pt
	{ 
	border-top: 5px solid #99afcc; /*#777777*/
	height:133px; 
	}


#pt ul
	{
	float: right;
	font-size: 0.9em;
	list-style-type: none;
	margin: 5px 0px 5px 0;
	padding:0;
	height:123px;
	}

#pt ul li
	{ display: inline; }

#pt ul li a
	{ color: #777;}


/* Page Top -- end */





/* Page Header -- begin */

#ph
	{
	/* clear: both;
	display: block; */
	margin-bottom: 8px;
	}

#ph .dtm
	{
	background-color: #777;
	color: #FFF;
	float: left;
	font-size: 0.8em;
	text-align:center;
	line-height: 24px;
	text-indent: 8px;
	width: 181px;
	}

#ph h1
	{
/*	background-color: #99afcc; */
  background: #667c99;   /* url(../images/tbox.gif) no-repeat bottom left; */

	color: #fff;
	line-height: 24px;
	margin: 0 0 0 189px;
	text-indent: 7px;
	}

#ph a
    {
    color: #fff;
	text-decoration: none;
	}

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


/* Page Header -- end */




/* Page Footer -- begin */

#pf 
	{
	background: url(../images/dot.gif) repeat-x top;
	clear: both;
	padding: 16px 0;
	margin: 18px 0;
	text-align: center;
	}
#pf img
	{ margin-bottom: 5px; }
#pf a:link, #pf a:visited
	{ color: #666; text-decoration: none;}
#pf a:hover
	{ color: #666; text-decoration: underline;}

/* Page Footer -- end */




/* Glavni menu -- begin */

#mnav
	{
	color: #fff;
	font-weight: bold; 
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 181px;
	}

#mnav li
	{
	line-height: 24px;
	height: 24px;
	width: 181px;
	}

/* def. za sve linkovove */
#mnav a:link,
#mnav a:visited,
#mnav a.sel:link,
#mnav a.sel:visited
	{
	color: #fff;
	display: block;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	text-decoration: none;
	}


/* glavni linkovi */

#mnav a:link, #mnav a:visited
	{ background: url(../images/mnav.gif) no-repeat 0 0; }
	
#mnav a:hover, #mnav a.sel:hover
	{
	color:#fff;
	background-position: -181px 0;
	text-decoration: none;
	}

#akt-menu a:link, #akt-menu a:visited { background: url(../images/mnav.gif) no-repeat -362px 0; }
#akt-menu a:hover { background: url(../images/mnav.gif) no-repeat -181px 0;  }

/* Glavni menu -- end */






/* Holders and Containers -- begin */

#pc h1
	{
	/*margin: 0;*/
	padding: 0;
	background-color: #efefef;
	line-height: 24px;
	text-indent: 7px;
	margin-bottom: 8px;
	}

.cleft { float: left; }
.cright { float: right; }
.cleft, .cright
	{
	padding: 0;
	margin: 0;
	width: 181px; 
	}

.cmid3
	{
	padding: 0;
	margin: 0 auto;
	width: 570px;
	}

.sep2
	{
	background: url(../images/dot.gif) repeat-x center;
	display: block;
	/*clear: both;*/
	height: 15px;
	margin: 0;
	padding: 0;
	}
	
.clean
	{
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	}

/* hot spots */
.hot h2
	{
	background-color: #e3aa39;
	border: 1px solid #c93;
	color: #fff;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.hot div
	{
	background-color: #ffe69a;
	border: 1px solid #cb9f40;
	/* height: 128px; */
	height: 104px;
	margin: 0;
	padding: 6px;
	}
.hot img
	{
	float: left;
	margin: 0 5px 0 0;
	}
.hot p
	{
	color: #960;
	margin: 0;
	padding: 0;
	}
.hot a.ops:link, .hot a.ops:visited
	{
	background: url(../images/str_oker.gif) no-repeat;
	color: #960;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 6px;
	text-decoration: none;
	}
.hot a.ops:hover
	{ text-decoration: underline;	}



/* tekst box 2 */
.box2
	{
	margin-bottom: 8px;
	}
.box2 h2
	{
	background-color: #ccc; 
	border: 1px solid #999;
	color: #333;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.box2 div
	{
	border: 1px solid #999;
	color: #667c99;
	padding: 6px;
	}
.box2 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}
.box2 p
	{
	color: #666;
	}


/* tekst box 3 */
.box3
	{ margin-bottom: 8px; }
.box3 h2
	{
	background-color: #a97835; 
	color: white; 
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.box3 div
	{
	background-color: #efefef;
	/*border: 1px solid #999;*/
	color: #667c99;
	padding: 6px;
	}
.box3 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}
.box3 p
	{ color: #666; }


/* tekst box 4 */
.box4
	{ margin-bottom: 8px; }
.box4 h2
	{
	color: #667C99;
	background-color: #c6d2e2;
	line-height: 24px;
	text-indent: 7px;
	}
.box4 div
	{
	color: #666;
/*	padding: 7px; */
    padding-left: 7px;
	}
.box4 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}


/* list linkova */
ul.lst
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.lst li
	{
	background: url(../images/ul_ico_1.gif) no-repeat 0 6px;
	color: #666;
	display: block;
	padding: 0 12px;
	margin: 0 0 4px 0;
	}
ul.lst a:link,
ul.lst a:visited
	{
	color: #667c99;
	text-decoration: none;
	}
ul.lst li a:hover
	{
	color: #667c99;
	text-decoration: underline;
	}

/* lista "useful links" */
ul.use
	{
	list-style-type: none;
	padding: 0;
	margin: 0 12px;
	}
ul.use li
	{
	background: url(../images/str_blue.gif) no-repeat 0 0;
	color: #666;
	display: block;
	padding: 0 6px;
	margin: 0 0 16px 0;
	}
ul.use a:link,
ul.use a:visited
	{
	display: block;
	color: #667c99;
	text-decoration: none;
	}
ul.use li a:hover
	{
	color: #667c99;
	text-decoration: underline;
	}
ul.use a span
	{
	display: block;
	font-weight: bold;
	}

.side_bann
	{ margin-bottom: 8px; }

/* srednji tekst box - propertys */
.pbox
	{ margin-bottom: 8px; }
.pbox h2
	{
	background-color: #667c99;
	color: #fff;
	line-height: 22px;
	text-indent: 6px;
	margin: 0 0 1px 0;
	padding: 0;
	}
.pbox .pbfr
	{
	padding: 6px;
	}
.pbox .pb
	{
	background: url(../images/dot.gif) repeat-x bottom left;
	overflow: auto;
	padding-bottom: 8px; 
	margin-bottom: 8px;
	}
.pbox .pb img
	{
	float: left;
	margin: 0 5px 0 0;
	}
.pbox .pb span
	{
	display: block;
	font-weight: bold;
	}
.pbox .pb span a:link, .pbox .pb span a:visited
	{ text-decoration: underline; }
.pbox .pb span a:hover
	{ text-decoration: none; }
	
	
.part
	{ 
	/*background: url(../images/art_bg.gif) repeat-y;*/
	margin-bottom: 8px; 
	}
.part h2
	{
	background-color: #66c0f5; /* #3399ff; */
	/*border: 1px solid #fff;*/
	color: #fff;
	line-height: 22px;
	/*font-size:16px;*/
	text-indent: 6px;
	margin: 0 0 1px 0;
	padding: 0;
	}

.part h3
	{
	/*color: #3a3a3a;*/
	color:#000;
	line-height: 22px;
	font-size:18px;
	text-indent: 16px;
	margin-top:15px;
	padding: 0;
	}

.part .pbfr
	{
	/*background: url(../images/art_bg.gif) repeat-y;*/
	/*border: 1px solid #999;*/
	padding: 6px;
	}
.part .pb
	{
	/*background: url(../images/dot.gif) repeat-x bottom left;*/
	/*background: url(../images/art_bg.gif) repeat-y;*/
	overflow: auto;
	padding-bottom: 8px; 
	margin-bottom: 8px;
	}
.part .pb img
	{
	float: left;
	/*border: #eeeeee 1px solid;*/
	margin: 0 35px 0 20px;
	}
.part .pb span
	{
	display: block;
	/*text-align:center;*/
	/*font-weight: bold;*/
	}

.part .pb strong
	{
	color:#000000;
	/*display: block;*/
	/*text-align:center;*/
	/*font-weight: bold;*/
	}

.part .pb span a:link, .part .pb span a:visited	{
	color: #996600;	
	text-decoration: underline; 
}
.part .pb span a:hover
	{ color: #ff6600; text-decoration: none; }


		
.icobar
	{ 
		color: #CCCCCC;
		text-align: center; }

.icobar span	{ 	color: #667c99;
font-size:13px;
font-weight:bold; }

.cntfrm input, .cntfrm textarea
	{
	color: #000;
	font: 11px Vedrana, Arial, Helvetica, sans-serif;
	display: block;
	width: 350px;
	}
.cntfrm label
	{
	display: block;
	line-height: 26px;
	}

/* Holders and Containers -- end */






/* -----------------  Dragan / novi elementi  --------------------------------------------------- */

/* --------- zaglavlje za glavnu kategoriju artikla --------- */
.kat-zag
	{
	background: #a0b3ca; /* #99afcc; */  /* #667c99 url(../images/tbox.gif) no-repeat bottom left; */
	width: 570px; /* 100%; */
	}
	
.kat-zag h2 {
  font:bold 2em/1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
  color: white;
}	
	
.kat-zag p	{
  margin-top: 5px;
  color: white;
}
	
.kat-zagtxt {
   padding: 8px; 
   margin-left: 5px; 
}	


/* ---------- prikaz artikla iz kataloga ---------- */

.kat-art
{
   padding:5px 0; 
   width: 560px; 
   height: 100%;
   overflow: hidden;
}

.kat-left   /* .el_left3 */
{
   float: left;
   width: 120px;
   margin: 0;
   padding-left: 15px;
}

.kat-right  /* .el_right3 */
{
   float: right;
   width: 400px; 
   margin: 0;
   padding-right: 15px;
}

.kat-art IMG 
{
   border: 0;
}

/* --------- prethodna i slijedeca stranica kataloga ----- */

.kat-str {
  width: 570px; 
}

.kat-str #prev {float: left; }
.kat-str #next {float: right; }

/* ------------  kategorija - naslov ------------------ */

.kat1-nas {
  width: 570px; /* 100%; */
  height: 22px; 
  background: #667c99; /* #66c0f5; */    
  color: white;
  margin-bottom: 3px;
}

.kat1-nas h2 {  
  padding-left: 8px;
  padding-top: 5px;
  /*  FONT: bold 145%/105% Verdana,Arial,Helvetica,sans-serif; */  
}

.kat2-nas {
  width: 570px; /* 100%; */
  height: 22px;
  /* background: #e0c828; */
  color: black; 
  margin-bottom: 3px;
}

.kat2-nas h3 {
  padding-left: 17px;  
  padding-top: 3px;
  FONT: bold 110%/100% Verdana, Arial, Helvetica, sans-serif;
}

/* ----------  dodatne ponude za artikal ----------- */

.art-pon {
  width: 570px;
  height: 100px;
  background: #357ea9; 
  margin-top: 10px; margin-bottom: 10px;
}





/* tekst box 6*/
.box6
	{
	margin-bottom: 8px;
	float: left;
	width: 270px;
	}
.box6 h2
	{
	background-color: #667c99;
	border: 1px solid #999;
	color: #fff;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.box6 div
	{
	border: 1px solid #999;
	padding: 6px;
	}
	
	
.index-vij 
   {
    line-height: 21px;
	overflow: hidden;
   }
   
   
   
.box4_h2
	{
	color: #667C99;
/*	background-color: #c6d2e2; */
/* background-color: #efefef; */
	line-height: 22px; /* 24px; */
	text-indent: 7px;
	font-weight: bold;
	margin-bottom: 1px;
	border-bottom: white 3px solid;
	}


/* ----------------------------- */

.switchcontent {
  font-family: Verdana;
  font-size: 16px;
  color: black;
  text-align: justify;
} 



/* ----------------------------- */

.tablica-tech {border-collapse:collapse;  border: 2px solid white; padding:0;}
.tablica-tech td {border: 1px solid black;}
.tablica-tech td p {padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; margin: 0;}
.tablica-tech .red1 {background-color: #CCCCCC;}







/* ---------- prikaz artikla iz kataloga (2 stupca) ---------- */

.kat-art-lijevi, .kat-art-desni   
{
   float:left;   
/*  padding:5px 0; */ 
   width: 276px; 
   border: 1px solid #A7A7A7;  
   height: auto;   
   background-color:#efefef; 
}

.kat-art-desni  
{   float:right;}

.kat-art-lijevi IMG, .kat-art-desni IMG
{   border: 0;}

.kat-art-opis 
{
   margin: 0;
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 5px; 
  /* margin-top: 5px; */
   height: 160px;
   overflow: hidden;
}


.kat-left2a
{
   float: left;
   width: 120px;
   margin: 0;
   padding-left: 15px;
   background-color: white;
}

.kat-right2a
{
   float: right;
   padding-right: 5px;
   background-color: white;
}

.kat-right2a p
{
   text-align: right;
   background-color: white;
}

.kat-art-desni-prazni   
{
   float:right;    
   width: 276px; 
   height: 260px; 
   border: /* 1px solid #A7A7A7; */  
}

/* -------- prikaz vezanih artikala ------------ */
.art-vez p
{
  font-weight: bold;
  margin-top: 8px; margin-bottom: 5px;
}

.art-vez a {
  margin-left: 15px;
  text-decoration: none;
  line-height: 1.4em;
}

.art-vez a:visited {
  text-decoration: none;
}

.art-vez a:hover {
  text-decoration: underline;
}

/* -------- galerija slika za pojedini artikal ------------ */

.galerija {
  width: auto; height: auto; 
}

.galerija IMG {
  /* margin-left: 25px; padding-left: 2px;   - ovo je za thumbnailse */
   border:none;
}

.galerija a {
   /* min-height: 100%; 
   overflow: hidden; */
  /* border: 1px solid blue; */ /*white; */
}

/*
.galerija a:visited {
   border: 1px solid white;
}

.galerija a:hover {
   border: 1px solid #003366;
}
*/

.galerija strong {
  font-size: 115%;
}



.sep3
	{
	background: url(../images/dot.gif) repeat-x center;
	display: block;
	height: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	}

/* ------------------ */

.podkat {  
   font-size: 100%;
/*   margin-top: 5px; margin-bottom: 5px; */
   border:0;
   border-collapse: collapse;
}

.podkat span {
   font-weight: bold;
   background-color: #667c99; /* #99afcc; */ 
   color: #FFFFFF; 
}

.podkat td {  
  height: 20px;
  width: 20%;
  text-align: center;
}

.podkat .r1 {border-right: 3px solid white;}  /* 2px solid white; */
.podkat .r2 {height: 6px; border-right: 3px solid white;  }

/* --------------------- */

.account td { height: 30px; }

/* --------------------- */

.kat-dvr {background-color: #efefef;}  /* #a0b3ca;}*/ 

.kat-dvr a:link, .kat-dvr a:visited {text-decoration: none;} 
.kat-dvr a:hover {text-decoration: underline;} 

/* --------------------- */

.shop-left   
{
   float: left;
   width: 400px;
   margin: 0;
   padding-left: 15px;
}

.shop-right  
{
   float: right;
   width: 120px; 
   margin: 0;
   padding-right: 15px;
}


.shop-meni {width: 100%; border: 0px solid red;}
.shop-meni IMG {border: 0;}
.shop-meni td {width: 33%; text-align: center;}


/* -------------------------------------------- */

#pr1 
	{
	margin-top: 12px; 
	margin-bottom: 20px;
	text-align: left;
	}
#pr1 img
	{ margin-bottom: 5px; }
#pr1 a:link, #pr1 a:visited
	{ color: #666; text-decoration: underline;}
#pr1 a:hover
	{ color: #666; text-decoration: none;}
	
#pr1 ul {margin-left: none;}
#pr1 li {margin-left: none; line-height: 1.5em;}

/* -------------------------------------------- */
/*  style for "tabbed_pages"                    */
/* -------------------------------------------- */


#gallery {font:11px verdana,arial,sans-serif; width:559px; padding:0 0 0 0; line-height:15px;}

#gallery div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(../images/tabs_0.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;}

#gallery div.on {color:#c00; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(../images/tabs_2.gif) repeat-x left bottom; border:1px solid #000; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}

div.show {background:#fff; width:528px; margin-top:0; top:-1px; border:1px solid #000;padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}

#div.show img {float:left; margin:0 10px 10px 0;}

.clear {clear:left;}