* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
	
}
html { 
	min-width:970px;
}
.gornja {
	background: url(../slicice/gornji.gif) left top repeat-x #ffffff;
}
.donja { 
	background:url(../slicice/donji.gif) left bottom repeat-x;
}
body  {
	font: 100% Tahoma, Calibri, "Trebuchet MS", sans-serif;
	padding: 0;
	text-align: center;
	color:#000000;
	font-size:14px;
}
.stranica #glavni { 
	width: 968px;
	margin: 0 auto;
	text-align: left;
	position:relative;	
} 
.stranica #header {
	padding:0;
	margin:0px auto;
	width:100%;
	height:230px;
} 

.stranica #levo {
	float: left;
	width: 205px;
	background-color:#fff;
	padding:0 5px 0 0;
}
.stranica #desno {
	float: right;
	width: 200px;
	padding:0 0 0 5px;
}
.stranica #sredina { 
	margin: 0 200px 0 210px;
	padding:5px;
	padding-right:0px;
}
#sredina ul li{ 
	margin-left:20px;
	padding-left:5px;
}
.stranica #footer { 
	padding: 0;
	background:#e6eff2;
	margin-top:10px;
	height:520px;
} 
.stranica #footer p {
	margin:0;
	padding:0;
}

.stranica #footer h1 {
	color:#666666;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
.stranica #footer h2 {
	color:#777777;
	font-size:11px;
	text-align:center;
	font-weight:normal;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1, h2, h3, h4, p {margin:0px;padding:0px;
}

img {
	border:0;
}

.dole {
	width:968px;
	float:left;
	margin:0;
	padding:0;
}

.dole h1 {
	color:red;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
.dole ul, li{
	color:#555555;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 6px;
	padding:0;
	vertical-align:top;
}
.nalog table tr td{
	color:#555555;
	font-size:10px;
	font-weight:normal;
	padding:0;
	vertical-align:top;
}
.dole h2 {
	color:#555555;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}

.naslov {
	background:url(futer-trakica.gif);
	float:left;
	color:#ffffff;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:13px;
	width:145px;
	height:24px;
	margin-left:0px;
	margin-top:5px;
}
.naslov span {
display:block;
padding:0 0 0 4px;
float:left;
}
/************************* box za meni pocetak ***********************************/
.box {
width:200px;
margin: 0 auto;
}
.box .top {
text-align:left;
background:url(../slicice/box1_g.gif) no-repeat;
float:left;
height:47px;
width:200px;
}
.box h2 {
font-family:Calibri;
text-align:center;
font-size:18px;
padding-top:15px;
color:#ffffff;
}
.tekst_box {
background:url(../slicice/box_s.gif) repeat-y;
color:#000;
font-size:13px;
float:left;
width:180px;
text-align:left;
padding-left:20px;
}
.box_footer {/*donji deo boxa*/
background: url(../slicice/box_d.gif) no-repeat;
text-align:left;
height:4px;
color:#000;
font-style:italic;
float:left;
width:200px;
padding-bottom:5px;
}
/**********************************/
.box1 {
width:200px;
margin: 0 auto;
}
.box1 .top1 {
text-align:left;
background:url(../slicice/box2_g.gif) no-repeat;
float:left;
height:47px;
width:200px;
}
.novikorisnik {
text-align:left;
background:url(../slicice/novi-kupac.gif) left no-repeat;
float:left;
height:40px;
width:120px;
}
.box1 h2 {
font-family:Calibri;
text-align:center;
font-size:18px;
padding-top:15px;
color:#ffffff;
}
.tekst_box1 {
background:url(../slicice/box2_s.gif) repeat-y;
color:#000;
font-size:13px;
float:left;
width:200px;
text-align:left;
padding-left:20px;
}
.box1_footer {/*donji deo boxa*/
background: url(../slicice/box2_d.gif) no-repeat;
text-align:left;
height:4px;
color:#000;
font-style:italic;
float:left;
width:200px;
}
.paginacija {
background:url(strana.gif);
width:20px;
height:17px;
float:left;
margin-left:
2px;padding:3px 0 0 0;
text-align:center;
}
.aktuelna {
background:url(aktuelna.gif);
width:20px;
height:17px;
float:left;
margin-left:2px;
padding:3px 0 0 0;
text-align:center;
font-weight:bold;
color:red;
}
.prva{
background: url(prva.gif);
width:20px;
height:20px;
float:left;
}
.sledeca {
background: url(sledeca.gif);
width:20px;
height:20px;
float:left;
margin-left:2px;
}
.predhodna {
background: url(predhodna.gif);
width:20px;
height:20px;
float:left;
}
.poslednja{
background: url(poslednja.gif);
width:20px;
height:20px;
float:left;
margin-left:2px;
}
.sortiranje {
width:530px; height:45px; background:#f1f1f1; border:1px solid #cbcbcb; margin:10px auto; font-size:11px;
}
.prikaz-akcija {
width:530px;height:180px;border:1px solid #cbcbcb; margin:0px auto 10px auto; font-size:11px;
position:relative;
}
.akcija_prikaz
{
position:absolute;
right:30px;
bottom:10px;
}
.slika-akcija {float:left; width:220px; background:url(slika-akcija.gif) right no-repeat; height:180px; text-align:center;
}
.ostalo-akcija {float:left; padding:10px 0 5px 20px; font-size:9px;}
.ostalo-akcija a {color:#0087c5; text-decoration:underline;}

.prikaz-detaljno {
width:544px;height:260px;border:1px solid #cbcbcb; margin:0px auto 10px auto; font-size:11px;
position:relative;float:left;
}
.detaljno_prikaz
{
position:absolute;
right:30px;
bottom:10px;
}
.slika-detaljno {float:left; width:270px; background:url(slika-detaljno.gif) right no-repeat; height:260px; text-align:center;}
.ostalo-detaljno {float:left; padding:10px 0 5px 15px; font-size:9px; width:255px;}
.ostalo-detaljno a {color:#0087c5; text-decoration:underline;}

.moj-nalog {
width:150px;
color:#0087c5;
background:url(coveculjak.gif) left no-repeat;
font-weight:bold;
margin:15px 0 5px 8px;
}
.slicica {float:left;width:60px;height:60px;border:1px solid #cbcbcb;margin:0 2px 0 0;padding:2px;}

/************************* box za meni kraj ***********************************/

/************************* MENU CSS pocetak ***********************************/
.nalog {
margin-top:5px;
padding: 0;
}
.nalog a {
font: bold 14px Tahoma, Calibri, "Trebuchet MS", sans-serif;
color:#000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 3px 3px;
text-decoration: none;
}
.nalog a:hover {
color:#888888;
text-decoration:underline;
}

.meni{
margin:10px 0px;
padding: 0;
width: 180px;
border-bottom-width:0;
}

.meni a.menuitem{
font: bold 11px Tahoma, "Trebuchet MS", sans-serif;
color:#000;
text-shadow:#ffffff 0px 1px 0px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
margin-right:10px;
padding: 3px 0;
padding-left: 15px;
text-decoration: none;
/*border-bottom: 1px dotted;*/
background: url(js/plus.gif) no-repeat right;
}

.meni a.menuitem:visited, .meni .menuitem:active{
color:#444;
}

.meni a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 9px;
right: 165px;
border: none;
}

.meni a.menuitem:hover{
color:#888888;
text-decoration:underline;
}

.meni div.submenus{ 

}

.meni div.submenus ul{ /*UL of each sub menu*/
margin: 0 0 0 10px;
padding: 0;
list-style:url(crtica.gif);
width:165px;
}

.meni div.submenus ul li a{
display: block;
font: 10px Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 0px;
margin-left:0;
}

.meni div.submenus ul li a:hover{
text-decoration:underline;
color:#888888;
}
/******************************* MENU CSS kraj ********************************/
/******************************* MENU glavni pocetak **************************/
.glavnimeni {
	color:#000000;
	width:auto;
}

/* - - - Obavezan deo - - - BAZNA PODESAVANJA  - - - */
.navig {
	padding: 0 0 0 0;
	margin:14px 0 0 212px;
}
.navig, .navig ul {
	border: 0;
	list-style-type: none;
	display: block;
}

.navig li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;	/* postavlja stavke prvog nivoa u jedan red */
	position: relative;	/* pozicija svakog LI elementa, na ovaj nacin resava potencijalni IE problem preklapanja */
	z-index: 5;		/* ode treba eksplicitno definisati z-index... */
	background:url(../img/navig_sredina.jpg) repeat-x; /*pozadina stavki menija prvog nivoa*/
}

.navig li:hover {
	z-index: 10000;	/* ...i ovde. To obezbedjuje da aktivne stavke podmenija budu iznad ostalog dela sadrzaja */
	white-space: normal;/* potrebno za resavanje IE7 :hover bug (z-index iznad je ignorisan ako nema ovoga)*/
}
.navig a {
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	padding: 0;
	position: relative;
	font-size:15px;
	padding:0 20px;
}

.navig a:hover {
	padding:0 20px;
	text-decoration:none;
	color:red;
}
.current {
color:red;
}
/******************************* MENU glavni kraj **************************/
.traka h2 {
text-align:center;
font: bold 14px "Times New Roman", Times, serif;
background:url(glossyback3.gif) repeat-x;
color:#fff;
float:left;
height:25px;
width:170px;
padding-top:4px;
}
.prikaz {
width:170px;
float:left;
border:1px solid #cbcbcb;
margin-right:9px;
height:270px;
background:url(prikaz.gif) bottom center no-repeat;
position:relative;
}
.akcija_gif
{
position:absolute;
bottom:5px;
right:5px;
}
/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

A {
  color: #747474;
  text-decoration: none;
}

A:hover {
  color: #888888;
  text-decoration: underline;
}

FORM {
 display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #D3D1D1;
  width:98%;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  background-image: url('images/infobox/corner_center.gif');
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  display: none;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #F0F0F0;
  //shopping-cart content color
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #F0F0F0;
  //shopping-cart content color
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #E1E1E1;
  //shopping-cart header/footer color
  border-spacing: 1px;
  
}

.productListing-heading {

border-right:2px solid #ffffff; 
border-bottom:2px solid #ffffff;  
text-align:left; 

  color: #414956;
  font-weight: bold;
  padding: 10px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #E1E1E1;
  //shopping-cart header/footer color
}

TD.productListing-data {

border-right:2px solid #ffffff; 
border-bottom:2px solid #ffffff;  
text-align:center;
vertical-align:top; 
padding:11 20 8 9;

  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #414956;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 13px;
  color: #0064C8;
  font-weight: bold;
  font-face: arial;
  height: 33px;
  background: url('../images/m99.gif');
  background-repeat: repeat-x;
  padding-top: 10px;
  padding-left: 12px;
  text-transform: uppercase;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.main, .main p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
input {
border:0px;
height:20px;
border-left:1px solid #D2D2D2;
border-right:1px solid #D2D2D2;
background:url(../slicice/input.gif) repeat-x;
}
.main input {
font-size: 13px;
border:1px solid #0087c5;
color:#0087c5;
background:url(../slicice/input.gif) repeat-x;
}
.prijava {
background:url(prijava.gif) no-repeat;
color:#ffffff;
width:82px;
height:24px;
text-align:center;
font-weight:bold;
font-size:13px;
cursor:pointer;
border:none;
margin:5px 0 5px 40px;
}
.moj-nalog2 {
font-size:13px;
padding-left:20px;
}
.plavi, .plavi a {color:#0087c5; font-size:13px;}
.adresar { width:540px;background:#f2f2f2; border:1px solid #cbcbcb; padding:2px 0 2px 5px; font-size:12px; font-weight:bold;}
.registracija {float:left; width:280px; font:12px Tahoma;}
.regi {float:left; width:250px; border:1px solid #cbcbcb; padding:5px; margin-bottom:10px;}
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


td{
 font-family: tahoma,verdana,arial;
 font-size: 11px;
 color: #000000;
}

 .bg{
  background-image: url(../images/m17.gif);
  background-repeat: repeat-y; 
 }

 .bg1{
  background-image: url(../images/m24.gif);
  background-repeat: repeat-y; 
 }

 .go{
  border-style: solid;
  border-width: 1px;
  border-color: #7F7F7F;
  width: 135px;
  height: 20px;
 }

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

 .ml1{
  font-size: 11px;
  color: #ff0000; 
  text-decoration: underline;
 }

 .ml2{
  font-size: 11px;
  color: #FFFF9B; 
  text-decoration: underline;
 }

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

 .ml4{
  font-size: 11px;
  color: #78B400; 
  font-weight: bold;
  text-decoration: underline;
 }

 .ml5{
  font-size: 13px;
  color: #0064A7; 
  text-decoration: underline;
  font-weight:bold;
 }

 .sc{
  font-size: 11px;
  color: #000000;
  font-weight: bold;  
 }

 .sc1{
  font-size: 13px;
  color: #0064C8;
  font-weight: bold;  
 }

 .sc2{
  font-size: 12px;
  color: #000000;
  font-weight: bold;  
 }

 .se{
  width: 120px;
  font-size: 9px;
 }

 .currency_symbol{
  padding-left: 3px;
  color: #9B9B9B;
 }
.newsslider {position:relative; overflow:hidden; height:150px; width:200px; }
.newsslidercontent {position:absolute}
.newssection {padding:10px 20px 10px 10px; height:60px}

#korpa a
{
color:#000000;
text-decoration:none;
font-weight:bold;
}
#korpa a:hover
{
color:red;
text-decoration:underline;
}
#info
{
padding:0px;display:none;position:absolute;background:#006DBD;border:1px solid #78B400;color:white;font-weight:bold;float:left; margin:20px 0 0 310px;
}
.krozzz
{
font-family:colibry,verdana,arial,helvetica;
font-size:10px;
color:#000;
font-weight:bold;
border:1px solid #444;
text-decoration:none;
display:inline;
background:#fff;
}
.krozzz:hover
{
color:#B72D06;
background:#fff;
}
.curent
{
font-weight:bold;
font-family:verdana,arial,helvetica;
font-size:10px;
color:#CC3333;
font-size:11px;
}
#pos1{
background:#CDCDCD;
font-weight:bold;
}
.servisi td {
}
.servisi td {
border:#999999 1px solid;
}
.vesti table, .vesti tr, .vesti td {border:1px solid #cbcbcb; border-collapse:separate; padding:1px 6px;}