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

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

body
	{
	background: #55221b;  
	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: 7px solid #55221b; 
	height:150px; 
	}


#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
	{
	margin-bottom: 8px;
	}

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

#ph h1
	{
    background: #55221b; 
	color: #fff;
	  font-size: 1.3em; 
	  text-align: right;
	line-height: 26px;
	margin: 0 0 0 189px; 
	text-indent: 7px;
	}

#ph h1 div {margin-right: 25px;}

#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 { height: auto; overflow: hidden; 
     /* background-color: white; */
	background: #FFFFFF url(../images/bottom2.jpg) no-repeat bottom left; 
	border-bottom: 15px solid #55221b;
}

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

.cleft { float: left; }
.cright { float: right; }

.cleft
	{
	padding: 0;
	margin: 0;
	width: 181px; 
	height: 100%;
	background-color: white;
	}

.cright  /* .cmid */
	{
	padding: 0;
	margin: 0 auto;
	width: 750px; /* 757px; */ 
 /*   background-color: white; */
	}

.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;
	}





/* 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; 
  	    margin-right: 20px;
	font-size: 1.25em;
	}
.pbox h1
	{
	background-color: #667c99;
	color: #fff;
	line-height: 22px;
	text-indent: 6px;
	margin: 0 0 1px 0;
	padding: 0;
	}
	
.pbox h2
    {
	color: red;
/*	line-height: 19px; */
	margin-top: 12px;
    margin-bottom: 5px;
	}	
	
.pbox strong
	{
	color: red;
    line-height: 19px;
	display: block;
	}
	
.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;
	line-height: 22px; /* 24px; */
	text-indent: 7px;
	font-weight: bold;
	margin-bottom: 1px;
	border-bottom: white 3px solid;
	}


/* ---------- lijevi i desni stupac za tekst ---------- */

.col-left, .col-right   
{
   float:left;   
/*  padding:5px 0; */ 
   width: 352px; 
   height: auto;   
   background-color: white; /*#fde3c2; */
   text-align: left; /* justify; */
}

.col-right
{   float:right;}

.col-left h2, .col-right h2
{
margin-top: 12px;
margin-bottom: 5px;
/*
color: red;
display: block;
background: none;
*/
}

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

#contact {
  color: #55221b;
  margin-left: 26px;
  margin-top: 10px;
  font-size: 1.2em;
}

#contact2 {
  font-size: 1em;
  margin-left: 8px;
  line-height: 1.3em;
}