small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { 
font : 11px/16px Verdana,Arial,Helvetica,sans-serif;
list-style-position: inside;
margin: 0 0 0 20px;
}
ul#tabs, ul#tabs2 {margin: 0; font : 11px/13px Verdana,Arial,Helvetica,sans-serif;
display: none;}
ul#left_navig, ul#left_navig ul, ul#top_navig {margin: 0;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	table-layout: fixed; /*ovo je zbog prelaska sadržaja tablice preko desnog stupca*/
	border-collapse: collapse;
	border-spacing: 0;
	word-wrap: break-word;
}

img { border-style: none; }

a
{
	color: #880D18;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/*
 *		Reset kraj
 */

/*--Global Property--------------------------------------------*/
h1, h2, h3
{
	margin: 4px 0;
	padding:  0;
	font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	font-weight: normal;
	border-bottom: 0px dashed #ddd;
}

h1 { font-size: 2.2em; line-height: 35px; }
h2 { font-size: 1.8em; line-height: 30px;}
h3 { font-size: 1.4em; line-height: 25px;}

p
{
	margin: 5px 0;
	padding: 5px 0;
	font: normal 1.2em/1.8em arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}
#category_desc {
padding: 0 0 0 0;
}
#category_text{
	text-align:left;
	padding-right: 50px;
	color: #fbfbfb;
	font: normal 10px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}
.content ul { list-style: disc; }
.content ol { list-style: lower-alpha; }
.content.wide{
	width: 735px;text-align:justify;
}

/*.content p{ padding: 0 50px 20px 100px}*/ /*Kada kreiramo klasu psirnije i napravimo kombinaciju njoj cemo dodijeliti sirinu 735 i onda cemo za opsirniji prikaz povuci tu klasu zajedno sa contentom*/

.content {
/*
background: #181818;
*/
color: #fff;
}

.content #object_short_text {

}
.content #content_short_text
{
	position:relative; /*Dodao ovaj position relative smanjio marginu sa 18 na 2px (desno) i pojavio se u ie6*/
	margin: 0 0 15px 0;
	font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	overflow: hidden;
	/*izbjegavanje preklapanja u listingu stavki*/
	min-height: 100px;
	height:auto !important;
	height: 1%;
	/*za ispravann listing stavki u ie6*/
/*
	width: 520px; 
*/
	clear: both;
	float: left;
	text-align:left;
	background: #353535;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 0 10px 0 0;
}
.content #content_short_text .desc {
padding: 0 10px 10px;
}
.news h2, #content_short_text h2
{
	font: normal 1.4em/1.0em arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	min-height: 5px !important;
	padding: 5px;
	text-align: left;
	color: white;
	text-decoration: none;
}
.news h2, #content_short_text h2:hover
{
text-decoration: underline;
}
#content_short_text a {
color: #fbfbfb;
text-decoration: none;
}
#content_short_text a:hover {
color: white;
text-decoration: underline;
}
.news
{
	overflow: hidden;
	/*izbjegavanje preklapanja u listingu stavki*/
	min-height: 50px;
	height:auto !important;
	height: 1%;
	/*za ispravann listing stavki u ie6*/
	font: normal 12px/20px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	color: white;
	background: #353535;
	padding: 10px 20px 10px 10px;
	margin: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}
.news p { font: normal 12px/1.4em arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif; }
.news a {
color: white;
text-decoration: underline;
}
.news a:hover {
text-decoration: none;
}
.news img
{
	margin: 5px 25px 25px 5px;
	padding: 2px;
	text-align: center;
	border: 1px solid #880D18;
	float: left;
	clear: both;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
#content_short_text img 
{ 
	/*margin: 5px 25px 25px 35px; za normalno izlistavanje stavki*/
	padding: 2px;
	text-align:center;
	border: 1px solid #880D18;
	float: left;
	margin:  0 10px 10px 10px;
}
.action, .new
{
	background: url(/dizajn/novo-button.png) no-repeat center center;
	height: 25px;
	width: 50px;
	float: right;
	position: relative;
}
.new
{
	background: url(/dizajn/novo-button.png) no-repeat center center;
	}
.action
{
	background: url(/dizajn/akcija.png) no-repeat top right;
}

#slika
{
	position:relative;
}
span.mala {
text-align: center;
width: 190px;  /*  ova vrijednost se odnosi na maksimalnu sirinu male slike definirane config.inc */
}

p#title_slika {
	clear:both;
	font: italic 10px/13px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	position: absolute;
	bottom: -10px;
	width: 100px;
	display:block;
	text-align:center;
	padding:2px;
}

.img_left
{
	margin: 5px 25px 5px 0;
	float: left;
	clear: none;
}

.img_right
{
	margin: 5px 0 5px 25px;
	float: right;
	clear: none;
}

.content #slika img
{
/*	margin: 5px 5px 5px 5px;
	padding: 2px;
	border: 1px solid #887941;
	float: left;
	clear: both;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}
.content #slika img.clip 
{
	position: absolute;
	clip: rect(1px 100px 100px 1px);
}


.content-cycle {float:left;margin: 5px 25px 5px 0; }

.content img.slideshow
{
	float: left;
	margin: 5px 25px 5px 0;
	width: 300px; /*ova klasa prikazuje ispravno poziciju slide-a u editoru*/
	clear:both;
	overflow:hidden;
}


/*
 *	Klase za prikaz cijena u katalogu
 */

#content_short_text #price
{
	margin: 4px;
	padding: 4px;
	font: normal 13px/1.8em arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	overflow: hidden;
	min-height: 25px;
	/*izbjegavanje preklapanja u listingu stavki*/
	height: 1%;
	text-align:left;
	background: none;
	float: left;
	color: #fbfbfb;
}

 span.price_old{  text-decoration: line-through; }


 span.akcijska{ color: red; 	font: normal 15px/1.8em  arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}
#content_full
{
	position:relative; /*Dodao ovaj position relative smanjio marginu sa 18 na 2px (desno) i pojavio se u ie6*/
	margin: 0 0 15px 0;
	font: normal 12px/14px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	overflow: hidden;
	/*izbjegavanje preklapanja u listingu stavki*/
	min-height: 100px;
	height:auto !important;
	height: 1%;
	/*za ispravann listing stavki u ie6*/
/*
	width: 700px; 
*/
	clear: both;
	float: left;
	text-align:left;
	color: #fbfbfb;
	padding: 40px 0 0 0;
}
#content_full p{
color: #fbfbfb;
font: normal 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}
#content_full #price, .wide #price
{
	margin: 4px 4px 4px 0;
	padding: 4px 4px 4px 0;
    font: normal 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	overflow: hidden;
	min-height: 25px;
	/*izbjegavanje preklapanja u listingu stavki*/
	height: 1%;
	text-align:left;
	background: none;
	float: left;
	color: #fbfbfb;

}



.cijena_container .stara_cijena, .cijena_container_detaljno .stara_cijena { text-decoration: line-through; }
.cijena_container .popust, .cijena_container_detaljno .popust { color: red; }
.bez_uvlake { margin: 4px 0 0 0; }

/***************************************************
tablica
***************************************************/



table
{
	table-layout:fixed;
	width: 99%;
	background: #fff;
	border-collapse: collapse;
	word-wrap:break-word;
	margin: 3px;
	font : normal 9px/11px Verdana, Arial, Helvetica, sans-serif;
}

th, td{text-align:left;padding:.3em;border:1px solid #ccc;}

th strong { color: #333; }

th
{
	background: #3f464c;
	height: auto;
	padding: 12px;
	color: #fff;
	text-align: left;
	border: 1px solid #3f464c;
	border-bottom-width: 2px;
}

tr { background: #fff; }

td
{
	background: #fff;
	text-align: left;
	font: normal 11px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	/*padding-left: 12px !important;*/
	padding-left: 12px;
	padding-right: 12px;
}
body.content {
	background: #171717;
}
.content #content_text ul li
{
	margin: 0;
	padding: 2px 5px 2px 15px;	font: normal 11px/13px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
 list-style-image: url("/dizajn/bull.gif");
 list-style-position: inside;

}

.content li
{
	margin: 0;
	padding: 0;
}



.clear_both
{
	height: 0;  /*original je 1px*/
	line-height: 0;
	clear: both;
}


	p.uvod{	font: normal 15px/20px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}

.content blockquote
{
	clear:both;
	margin: 30px 10px 20px 10px;
	padding: 20px 20px 20px 70px;
	height:auto !important;
	overflow: hidden;
	/*izbjegavanje preklapanja u listingu stavki*/
	height: 1%;
	/*za ispravann listing stavki u ie6*/
	background: #353535 url(/dizajn/navodi.png) top left no-repeat;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}

blockquote.red
{
	clear:both;
	margin: 10px 10px 20px 10px;
	width: 200px;
	float: right;
	background: #880d18 url(/dizajn/navodi.png) top left no-repeat;
}
.red
{
	clear:both;
	margin: 10px 10px 20px 10px;
	width: 200px;
	float: right;
	background: #880d18 url(/dizajn/navodi.png) top left no-repeat;
}

#attachments a
{
	display: block;
	text-decoration: none;
	border: 0px solid#ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font: italic 15px/20px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	
	color:#333;
	padding:3px;
	margin:0 auto;

}

#attachments img
{
	border: 1px solid#ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font: normal 15px/20px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
	padding: 5px;
	margin:0 0 0 30px;
/*
	float:left;
*/


}





#attachments .download
{
	display: block;
	text-decoration: none;
	border: 0px solid#ddd;
	height:25px;
	with:150px;
	padding:10px 5px 15px 5px;;
			background: url(/dizajn/download_btn.png) no-repeat 50% 50%;

}



#attachments a:hover { color: #ccc; }
#attachments a:visited { color: #ccc; 	border: 0px solid#ccc;
	font: italic 15px/20px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
 }




/***************************************************
vanjski linkovi ikone
***************************************************/

/*
a[href^="http://www."] {background: url(/dizajn/ikone_linkovi/externalLink.gif) no-repeat right top; padding-right:22px; padding-bottom:5px;}
*/

a[href^="mailto:"]
{
	background: url(/dizajn/ikone_linkovi/email_link.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}

a[href^="aim:"]
{
	background: url(/dizajn/ikone_linkovi/group.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}

#attachments a[href$=".pdf"], a[href$=".pdf"]
{
	background: url(/dizajn/ikone_linkovi/page_pdf.png) no-repeat 5px center;
	padding-right: 122px;
	padding-left: 25px;
	text-indent: 30px;
}
#attachments a[href$=".zip"], a[href$=".zip"]
{
	background: url(/dizajn/ikone_linkovi/zip.png) no-repeat 5px center;
	padding-right: 122px;
	padding-left: 25px;
	text-indent: 30px;
}

#attachments a[href$=".mp3"], a[href$=".mp3"]
{
	background: url(/dizajn/ikone_linkovi/mp3.png) no-repeat 5px center;
	padding-right: 122px;
	padding-left: 25px;
	text-indent: 30px;
}


.pageimage a[href$=".pdf"] { background: transparent; }

a[href$=".doc"]
{
	background: url(/dizajn/ikone_linkovi/page_word.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}

a[href$=".rss"], a[href$=".rdf"]
{
	background: url(/dizajn/ikone_linkovi/feed.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}

p.pdf { margin-left: 35px; }

/*ova je klasa za izlistavanje pdfova*/



.content_wide {
width: 680px;
}
.content_narrow {
width: 615px;
}

table.item_list td, table.item_list th {
padding: 3px;

}
table.item_list .mala {
width: 30px;
text-align: center;
}
table.item_list .velika {
width: 120px;
}

input#gotovina, input#kartica, input#virman {
margin: 6px 0;
}
/* ------------- */

/*marko komentari*/
#comments {
position: relative;
width: 665px;
}
.comm_response {
position: relative;
margin: 5px 0 0 20px;
}
.comm_left { float: left; width: 130px;}
.comm_right { overflow: hidden; margin: 0 0 0 130px;}
.comm_name {
padding: 0 10px 0 0;
line-height: 20px;
font-weight: bold;
overflow: hidden;
}
.comm_date {
color: #999;
line-height: 15px;
}
.comm_rating { 
color: #999;
height: 15px;
line-height: 15px;
}
.comm_rating .star, .star_b {
background: url("/dizajn/star2.png") no-repeat scroll 0 -15px transparent;
height: 15px;
width: 16px;
text-indent: -9000px;
float: left;
}
.comm_rating .star_b {
background: url("/dizajn/star2.png") no-repeat scroll 0 0 transparent;
}
.comm_naslov {
padding: 0 10px 0 0;
line-height: 20px;
font: bold 13px/2em arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
text-transform: uppercase;
}
.comm_text {
margin-top: 10px;
margin-bottom: 10px;
font: normal 12px/1.5em arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;

}
.comm_buttons {
padding-bottom: 5px;
}
.comm_buttons .show_responses {
background: url("/dizajn/toggle1.png") no-repeat scroll 0 -18px transparent;
border: none;
/* ie hacks */
text-indent: -9000px;
line-height: 0;
font-size: 0;
/* */
height: 18px;
width: 18px;
margin: 0 10px 0 0;
cursor: pointer;
display: block;
float: left;
}
.comm_buttons .respond {
background: url("/dizajn/comment.png") no-repeat scroll 0 -18px transparent !important;
background: none;
border: none;
height: 18px;
color: #aaa;
margin: 0 10px 0 0;
cursor: pointer;
padding: 0 0 0 18px !important;
padding: 0;
}
.comm_buttons .respond:hover {
background-position: 0 0;
color: #fff;
}
.respond_bttn {
margin: 5px 0 20px;
}
.respond_bttn .respond {
background: #800000 url("/dizajn/comment3a.png") no-repeat 5px -29px !important;
background: #800000;
border: none;
color: #eee;
cursor: pointer;
padding: 3px 8px 3px 26px !important;
padding: 2px 6px;
font-weight: bold;
text-shadow: 0 1px 0 #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.respond_bttn .respond:hover {
background: #B80010 url("/dizajn/comment3a.png") no-repeat 5px 1px ;
color: #fff;
}
.comment {
margin: 0 0 5px;
}
#contact_shadowbox .comm_response {
background: #f5f5f5;
border-left: 1px solid #444;
border-right: 1px solid #444;
}
#contact_shadowbox .comm_text {
font: bold 11px/15px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}
#contact_shadowbox .comm_response .comm_text {
font: normal 11px/15px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', 	sans-serif;
}
.comm_bottom {
    border-bottom: 1px solid #444;
}
.comm_rb {
    color: red;
}
/*komentari kraj*/

/*poruka iz shadowbox-a*/
#poruka { 
top: 50%; 
position: fixed;
height: 50px;
border: 2px solid #800000;
color: #333;
background: #ccc;
margin: -25px 25px 0;
width: 906px;
z-index: 999999;
text-align: center;
font: bold 21px/50px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	text-shadow: 0 1px 0 #fff;
-moz-border-radius: 15px; 
-khtml-border-radius: 15px; 
-webkit-border-radius: 15px; 
display: none;
}
/*        OPCIJE SLIKA        */
.slika { float: left; clear: both; margin: 0 10px 10px 0; line-height: 0;}
/* potpis pod sliku */
.potpis, .clip_mala_potpis, .clip_srednja_potpis  { 
display: block; 
clear: both; 
padding: 5px 3px; 
font-size: 0.75em; 
line-height: 1.1em;
text-align: center; 
overflow: hidden; 
word-wrap: break-word; 
}
.clip_mala_potpis{ width: 100px; }
.clip_srednja_potpis { width: 300px; }
/* kontejner slika - tu se dodjeluje css za okvir slika */
.img_cont {
display: block;
float: left;
padding: 2px;
border: 1px solid #880D18;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.img_cont span {
line-height: 0;
}
.img_left {  float: left; clear: none; margin: 0 10px 10px 0; }
.img_right { float: right; clear: none; margin: 0 0 10px 10px; }
.clip_mala { overflow: hidden; height: 100px; width: 100px; position: relative; }
.clip_mala span { display: block; height: 100px; width: 100px; }
.clip_mala img { position: absolute; clip: rect(0 100px 100px 0); }
.clip_srednja { overflow:hidden; height: 300px; width: 300px; position: relative;}
.clip_srednja img{ position: absolute; clip: rect(0 300px 300px 0); }
/*  opcije slika kraj----  */