/* ----------------------- body, div definicije ----------------------- */

	html,body {
		height: 100%;
		}

	body {
        text-align: center;
        margin: 0;
        padding: 0;
        background: #F3AF65;
        min-width: 780px;
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
		overflow: auto; /* za operu */
		overflow: -moz-scrollbars-vertical;
		} 

	div#wrapper {
        width: 780px;
/*		height: 100%; */
		
        top: auto;
        right: 0px;
        bottom: 0px;
        left: 0px;

        margin: 0px auto;
        padding: 0px;
		text-align: left;
		
        background: #FFFFFF;

        border-top: 0px; 
		border-right: 1px solid;
		border-left: 1px solid;
        border-color: #505050 #505050 #505050 #505050;
        }

	div#header {
		clear: both;
		width: 780px;
		height: 60px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		background: #FFFFFF;
		}
/* Fix IE. Hide from IE Mac \*/
* html div#header { height: 60px; overflow: hidden; }
/* End */

	div#subheader {
		clear: both;
		width: 780px;
		height: 45px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
		vertical-align: bottom;
		background: #FFFFFF url("images/gray780x68.jpg") 0 0 no-repeat;
        border-top: 0px; 
		border-right: 0px;
        border-bottom: 1px solid #C0C0C0;
		border-left: 0px; 
        }

	div#spotlight {
		height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        background: #FFFFFF;
        border-bottom: 1px solid #C0C0C0;
		}
/* Fix IE. Hide from IE Mac \*/
* html div#spotlight { overflow: hidden; }
/* End */

	div#sadrzina {
/*		height: auto; */
		clear: both;
        margin: 0px 0px 0px 0px;
        padding: 12px 12px 17px 17px;
        text-align: center;
        background: #FFFFFF;
		}

	div#sadrzinaPre {
/*		height: auto; */
		clear: both;
        margin: 0px 0px 0px 0px;
        padding: 12px 12px 17px 17px;
        text-align: left;
        background: #FFFFFF;
		}
		
	div#sadrzina_no_padding {
		height: auto;
		clear: both;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        background: #FFFFFF;
		}

	div#header_brand {
		height: 100px;
		overflow: hidden;
		background: #fff;
		}
	
	div#header_brand img {
		vertical-align: top;
		}

	div#footer {
		clear: both;
	    width: 780px;
		height: 30px;
        top: auto;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: 0px auto;
        padding: 0px 0px 0px 0px;
        text-align: right;
		background: #FFFFFF url("images/gray780x68.jpg") 0 0 no-repeat;
        border-top: 1px solid #808080; 
        border-bottom: 1px solid #C0C0C0;
		}
		
	div.kontakt {
		text-align: left;
		margin-top: 30px;
		margin-bottom: 30px;
		}
	
	div.kontaktlink {
		text-align: left;
		float: left;
		width: 204px;
		margin: 0px 0px 0px 38px;
		}

/* Fix IE. Hide from IE Mac \*/
* html div.kontaktlink { margin: 0px 0px 0px 20px; }
/* End */

	div.corporate_profile {
		width: 480px;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		}

				
/* ----------------------- index page specific ----------------------- */

	div.redlinkova {
		clear: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

	div.brzilink {
		margin: 6px 2px 6px 0px;
		float: left;
		width: 184px;
		text-align: center;
		background: #FFFFFF;
		}

	div.brzilink P {
		margin: 12px 0px 12px 52px;
		color : #000000;
		text-align: left;
		}		

	div.novosti {
		float: right;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
		width: 748px;
		text-align: center;
		background: #EDE5DA;
		border-top: 1px solid #B09F87; /* #416A82 dotted */
		border-right: 2px solid #595145;
		border-bottom: 2px solid #595145;
		border-left: 1px solid #B09F87;
		}

	div.novosti p {
		clear: both;
		margin: 12px 12px 12px 12px;
		padding: 0px 0px 12px 0px;
		font-size : 11px;
		color : #000000;
		text-align: justify;
		border-bottom: 1px dotted #B09F87;
		}		
/* Fix IE. Hide from IE Mac \*/
* html div.novosti p { border-bottom: 1px solid #B09F87; }
/* End */
	
	div.novosti p.poslednji {
		clear: both;
		padding: 0px 0px 0px 0px;
		border-bottom: 0px;
		}		

	div.novosti h1 {
		margin: 12px 12px 12px 12px;
		padding: 0px 0px 0px 0px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 13px;
		font-weight: bold;
		color : #000000;
		text-align: justify;
		border-bottom: 1px dotted #B09F87;
		}		
/* Fix IE. Hide from IE Mac \*/
* html div.novosti h1 { border-bottom: 1px solid #B09F87; }
/* End */
		
	div.novosti img.headline {
		margin: 0px 0px 0px 0px;
		padding: 8px 8px 8px 8px;
		background: #FFFFFF;
		border: 1px dotted #416A82;
		}
/* Fix IE. Hide from IE Mac \*/
* html div.novosti img.headline { border: 1px solid #6C8391; }
/* End */

	div.novosti img.illu {
		float: right;
		margin: 0px 6px 0px 12px;
		padding: 0px 8px 8px 8px;
		}

	div.novosti img.illu2 {
		float: right;
		background: #ffffff;
		margin: 0px 0px 12px 12px;
		padding: 9px 15px 9px 15px;
		}

	img.kockica {
		margin: 0px 6px 0px 0px;
		}

	div.novosti .datum {
		float: right;
		font-size : 8px;
		font-style: italic;
		margin: 0px;
		}

	div.spot {
		clear: right;
		float: right;
		display: inline;
		margin: 6px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 368px;
		text-align: center;
		background: #F2E5D5;
		border-top: 1px solid #B09F87; /* #416A82 dotted */
		border-right: 2px solid #595145;
		border-bottom: 2px solid #595145;
		border-left: 1px solid #B09F87;
		}
/* \*/
* html div.levispot { margin: 6px 0px 0px 0px; }
/* */

	div.levispot2 {
		clear: left;
		float: left;
		display: inline;
		margin: 6px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 368px;
		text-align: center;
		background: #CEF0D1 url("images/levispot_bg.jpg") 0 0 repeat-x;
		border-top: 1px solid #B09F87; /* #416A82 dotted */
		border-right: 2px solid #595145;
		border-bottom: 2px solid #595145;
		border-left: 1px solid #B09F87;
		}
	
	div.div_videothumb {
		float: left;
		display: inline;
		width: 80px;
		margin: 0px 8px 12px 10px;
		padding: 10px;
		background: #ffffff;
		text-align: center;
		border-top: 1px solid #B09F87;
		border-right: 2px solid #595145;
		border-bottom: 2px solid #595145;
		border-left: 1px solid #B09F87;
		}

	div.levispot3 {
		clear: left;
		float: left;
		display: inline;
		margin: 6px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 368px;
		text-align: center;
		background: #FBE4C7 url("images/levispot_bg_4.jpg") 0 0 repeat-x;
		border-top: 1px solid #B09F87; /* #416A82 dotted */
		border-right: 2px solid #595145;
		border-bottom: 2px solid #595145;
		border-left: 1px solid #B09F87;
		}
/* Fix IE. Hide from IE Mac \*/
* html div.levispot3 { margin: 6px 0px 0px 0px; }
/* End */


/* ----------------------- ponuda kategorije ----------------------- */

	.catpuvod {
		padding: 0px 0px 30px 20px; width: 740px; float: left; text-align: justify; margin: 0px;
		}
	.catplevo {
		padding: 0px 48px 30px 20px; width: 335px; float: left; text-align: justify; margin: 0px;
		}
	.catpdesno {
		padding: 0px 20px 30px 20px; width: 335px; float: left; text-align: justify; margin: 0px;
		}
	.catnaslov {
		display: block;
		background: #E8E8E8 0 0 no-repeat;
		border-right: 1px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;
		padding: 3px;
		}
	.catillu {
		margin: 0px 0px 10px 20px;
		}
	.catnarandzasto {
		color: #ea7500;
		}


/* ----------------------- ponuda subkategorije ----------------------- */

	.subcatitem {
		float: right;
		width: 580px;
		margin-right: 16px;
		margin-bottom: 35px;
		display: inline;
		text-align: left;
		clear: right;
		}
	.subcatitemhead {
		float: left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 30px;
		line-height: 1.6em;
		width: 370px;
		}
	.subcatitemdesc {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 50px;
		line-height: 1.6em;
		width: 370px;
		}


/* ----------------------- proizvodi - columns ----------------------- */

	.collevo {
		width: 400px;
		text-align: center;
		float: left;
		display: inline; /* IE double margin bug fix */
		margin-left: 80px;
		padding: 0px;
		overflow: hidden;
		}

	.coldesno {
		width: 299px;
		text-align: center;
		float: right;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		}

	.centrirano {
		text-align: center;
		}
	
	.clrboth {
		clear: both;
		}


/* ----------------------- tables ----------------------- */

	table.pr_item {
		padding: 22px 0px 22px 0px;
		border-bottom: 1px dotted #C0C0C0;
		}
	table.pr_item_last {
		padding: 22px 0px 22px 0px;
		}

	.table_downloads {
		width: 100%;
		empty-cells: show;
		border-collapse: collapse;
		}

	.table_downloads_column {
		vertical-align: middle;
		padding: 4px 4px 4px 0px;
		border-bottom: 1px solid #9a9a9a;
		}
	
	.table_downloads_link_column {
		width: 48px;
		vertical-align: middle;
		padding: 4px 0px 4px 0px;
		border-bottom: 1px solid #9a9a9a;
		}	
	
	.table_downloads_logo_column {
		width: 120px;
		vertical-align: middle;
		padding: 4px 0px 4px 0px;
		border-bottom: 1px solid #9a9a9a;
		}	


/* ----------------------- breadcrumbs ----------------------- */

	div#subheader h1.bc {
		font-size: 12px;
		font-weight: normal;
		}

	div#subheader h1.bc a {
		color: #606060;
		text-decoration: none;
		}
	div#subheader h1.bc a:hover {
		text-decoration: underline;
		}


/* ----------------------- p, text, a, headeri itd. ----------------------- */

	h1, h1.naslovna {
		font-family : Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 16px;
		padding: 28px 0px 0px 0px;
		font-size : 14px;
		font-weight : bold;
		color : #606060;
		text-decoration : none;
		}

	h2 {
		clear: both;
		width: 100%;
		font-family : Arial, Helvetica, sans-serif;
		margin: 8px 0px 16px 0px;
		padding: 0px 0px 0px 0px;
		font-size : 14px;
		font-weight : bold;
		color : #505050;
		text-decoration : none;
		text-align: left;
		border-bottom: 1px dotted #444444;
		}
/* Fix IE. Hide from IE Mac \*/
* html h2 { border-bottom: 1px solid #C0C0C0; }
/* End */
		
	p {
		font-size : 11px;
		color : #000000;
		text-decoration : none;
		}

	p.opis {
		margin: 0px 50px 0px 0px;
		font-size : 11px;
		color : #000000;
		text-align: justify;
		text-decoration : none;
		}

	p.opis2 {
		margin: 0px 50px 0px 30px;
		font-size : 11px;
		color : #000000;
		text-align: justify;
		text-decoration : none;
		}
		
	p.copyrighttext {
		margin: 10px 14px 0px 0px;
		font-size : 9px;
		color : #404040;
		}
	p.copyrighttext a {
		color : #404040;
		}

	.smalltext {
		font-size : 9px;
		color : #000000;
		}

	.normaltext {
		font-size : 11px;
		color : #000000;
		text-decoration : none;
		}

	.boldtext {
		font-size : 11px;
		font-weight: bold;
		color : #000000;
		text-decoration : none;
		}

	.hotboldtext {
		font-size : 11px;
		font-weight: bold;
		color : #F76303;
		text-decoration : none;
		}
	
	.bigheading {
		margin: 0;
		font-size : 16px;
		font-weight : bold;
		color : #000000;
		text-decoration : none;
		}

	sup {
/*		font-size : 8px; 
		color : #000000;  */
		text-decoration : none;
		}

	strong {
		font-weight: bold;
		}

	strong.hot {
		font-weight: bold;
		color : #FF2020;
		}

	a {
		color : #000000;
		text-decoration : underline;
		}

	a:hover {
		text-decoration : underline;
		}

	a.normalan {
		font-size : 10px;
		color : #000000;
		text-decoration : none;
		}

	a.normalan:hover {
		color : #505050;
		text-decoration : underline;
		}

	a.norm {
		color : #000000;
		text-decoration : none;
		}

	a.norm:hover {
		color : #505050;
		text-decoration : underline;
		}

	a.novosti {
		color: #505050;
		font-weight: bold;
		text-decoration : none;
		}
	
	a.novosti:hover {
		text-decoration : underline;
		}	

	a.kontakt {
		font-family : Arial, Verdana, Helvetica, sans-serif;
		color : #000000;
		text-decoration : none;
		}

	a.kontakt:hover {
		color : #505050;
		text-decoration : underline;
		}

	img.usluge {
		margin: 0px 8px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px dotted #808080;
		clear: left;
		float: left;
		}
/* Fix IE. Hide from IE Mac \*/
* html img.usluge { border: 1px solid #C0C0C0; }
/* End */
	
	img.mini {
		margin: 0px 8px 4px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #C0C0C0;
		clear: left;
		float: left;
		}
		
	img.mini2 {
		margin: 0px 8px 20px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #C0C0C0;
		clear: left;
		float: left;
		}

	img.mini3 {
		margin: 0px 8px 4px 0px;
		padding: 0px 0px 0px 0px;
		clear: left;
		float: left;
		}

	.sivborder {
		border: 1px solid #C0C0C0;
		}		

	.finoplavo {
		color: #416A82;
		}
	
	strong.usluge {
		display: block;
		border-bottom: 1px dotted #C0C0C0;
		}
/* Fix IE. Hide from IE Mac \*/
* html strong.usluge { border-bottom: 1px solid #C0C0C0; }
/* End */

	.jezik {
		float: right;
		top: 0px;
		right: -2px;
		z-index: 500;
		position: relative;
		font-family : Arial, Helvetica, sans-serif;
		margin: 4px 16px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size : 10px;
		font-weight : normal;
		color : #ffffff;
		text-decoration : none;
		}

	.strongnaslov {
		border-bottom: 1px dotted #808080;
		display: block;
		}
/* Fix IE. Hide from IE Mac \*/
* html .strongnaslov { border-bottom: 1px solid #C0C0C0; width: 100%; }
/* End */

	.floatdesno {
		float: right !important;
		}
	.floatlevo {
		float: left !important;
		}

	abbr {
		cursor: help;
		}

	.arial12 {
		font-family: Arial, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		}

	.verdana {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

		

/* ----------------------- search form ----------------------- */
		
	.formpretraga {
		float: right;
		padding: 14px 16px 0px 0px;
		}

	.traziovo {
		width: 105px;
		font-family: Arial, Geneva, Helvetica, sans-serif;
        font-size: 10px;
		}
	
	.batonajde {
		margin: 0px 0px 0px 1px;
		font-family: Arial, Geneva, Helvetica, sans-serif;
        font-size: 10px;
		width: 4.6em;
		}



/* ----------------------- podesavanja za stampu ----------------------- */

	@media print {
		body { background: #ffffff; overflow: visible !important; }
		/* Za IE6 windows preset print zum \*/
		* html body { zoom: 75%; }
		/* End */
		#wrapper { 
			border-top: 1px solid #C0C0C0 !important; border-left: 1px solid #C0C0C0 !important;
			border-right: 1px solid #C0C0C0 !important; border-bottom: 1px solid #C0C0C0 !important;
			float: none !important; }
		#footer, #subheader { display: none; position: relative; }
		.clLevel0border { display: none; position: relative; }
		.divpbreak { height: 0px; clear: both; page-break-after: always; }
	}