/* ФОНТ */
a.link {
color:#000000;
text-decoration:none;
}
a.link:hover, a.podvuceni-link {
color:#EA9A54;
text-decoration:underline;
}
.narandza {
color: #EA9A54;
}

.plava {
color: #5185C5;
}

.bela {
color: #ffffff
} 

.link-korpa {
text-decoration: underline;
font-weight: bold;
color: white;
}

.crvena {
color: #E3311D
} 
.boja {
padding: 2px 3px 2px 3px; color: #ffffff;
}
.font-16 {
font-size:16px
}
h1.naslovplavi {
color:#5185C5;
margin:0px 0px 10px 0px;
padding:0;
font-size:15px;
}

h1.naslov {
color:#000000;
margin:0px 0px 5px 0px;
padding:0;
font-size:15px;
}
h1.naslov a:hover {
text-decoration: underline;
}

.mala-putanja {
color: #EA9A54;
font-size: 11px;
font-weight: bold;
}

.crna-cena {
font-size: 14px;
}
.plava-cena {
font-size: 14px;
color:#5185C5; 
}

/* ФОРМЕ */

label {
width: 150px;
float: left;
margin: 5px 0px 5px 5px;
padding: 2px 2px 2px 2px;
text-align: right;
}

.tekst {
width: 250px;
margin: 5px 0px 5px 5px;
padding: 2px 2px 2px 2px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.dugme {
margin: 5px 0px 5px 5px;
padding: 1px 6px 1px 6px;
background: #5185C5;
color: white;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #555555;
border-left: 1px solid #cccccc;
border-right: 1px solid #555555;
}

.poruka {
width: 300px;
height: 200px;
margin: 5px 0px 5px 5px;
padding: 2px 2px 2px 2px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.greska {
border: 1px solid #FF0000;
background: #FEE2E2
}

.objasnjenje-dimenzije {
border: 1px solid #cccccc;
background: #f9f9f9;
padding: 5px 5px 5px 5px;
margin: 5px 10px 5px 55px;
}

/* КЛИЗАЧ СЛИКА */

/* Ова два доња стила служе за div елеменат који окружује div који окружује ul клизач. Између осталог, овај div елеменат потребан је да би се у њему "prev" и "next" дугмад позиционирали абсолутно. */
.jcarousel-container {
position: relative;
/*background: #cccccc;*/
}
/*Бесплатна испорука!*/
.besplatna-isporuka {text-align:center; text-transform:uppercase;margin:0px -2px 0px 0px; padding:5px; color:#ffffff; background:#6191CB; font-weight:bold; font-size:14px;}

.jcarousel-container-horizontal {
width: 610px;
height: 236px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background: silver
}

/* Два доња стила припадају div елементу који окружује ul клизач. */
.jcarousel-clip-horizontal {
width: 610px;
height: 236px;
overflow: hidden;
position: relative;
background: transparent;
background: silver
}
.jcarousel-clip {
width: 610px;
height: 208px;
padding: 0;
overflow: hidden;
position: relative;
z-index: 2;
}

/* Доња три стила припадају li елементу клизача. */
.jcarousel-item { 
width: 305px;
height: 208px;
}
.jcarousel-item:hover {
/*border-color: #808080;*/
}
.jcarousel-item-horizontal {
margin-right: 0px;
}


.jcarousel-item-placeholder {
}

/**
 *Horizontal Buttons
 */
.jcarousel-next-horizontal {
position: absolute;
top: 212px;
right: 5px;
width: 107px;
height: 20px;
cursor: pointer;
background: transparent url(../img/desna-strelica.png) no-repeat scroll top left;
}

.jcarousel-next-horizontal:hover {
/*background-position: 0px -33px;*/
}

.jcarousel-next-horizontal:active {
/*background-position: 0px -66px;*/
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: 0px -20px;
}

.jcarousel-prev-horizontal {
position: absolute;
top: 212px;
left: 5px;
width: 125px;
height: 20px;
cursor: pointer;
background: transparent url(../img/leva-strelica.png) no-repeat scroll top left;
}

.jcarousel-prev-horizontal:hover {
/*background-position: 0px -33px;*/
}

.jcarousel-prev-horizontal:active {
/*background-position: 0px -66px;*/
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: 0px -20px ;
}

/**
 *Vertical Buttons
 */
.jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(next-vertical.gif) no-repeat 0 0;
}

.jcarousel-next-vertical:hover {
background-position: 0 -32px;
}

.jcarousel-next-vertical:active {
background-position: 0 -64px;
}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}

.jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-prev-vertical:hover {
background-position: 0 -32px;
}

.jcarousel-prev-vertical:active {
background-position: 0 -64px;
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-list {
height: 208px;
position: relative;
margin: 0;
padding: 0;
z-index: 1;
}

.jcarousel-list li,
.jcarousel-item {
float: left;
position: relative;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 305px;
height: 208px;
text-align: center;
}


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
z-index: 3;
display: none;
}

.jcarousel-prev {
z-index: 3;
display: none;
}

/* КОРПА */

#korpa tr {
padding: 5px 0px 5px 0px;
}

.margina-naziva {
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 4px
}

.korpa-sacuvaj {
margin: 3px 4px 3px 4px;
padding: 6px 10px 6px 10px;
background: #999999;
color: #ffffff;
font-weight: bold;
border-color: #CCCCCC #555555 #555555 #CCCCCC;
border-style: solid;
border-width: 1px;
}

.korpa-povratak {
margin: 3px 4px 3px 4px;
padding: 6px 10px 6px 10px;
background: #999999;
color: #ffffff;
font-weight: bold;
border-color: #CCCCCC #555555 #555555 #CCCCCC;
border-style: solid;
border-width: 1px;
}

.korpa-naruci {margin: 3px 4px 3px 4px; padding: 6px 10px 6px 10px; background: #5185C5; color: #ffffff; font-weight: bold; border-color: #CCCCCC #555555 #555555 #CCCCCC; border-style: solid; border-width: 1px; text-decoration:none;}

.korpa-povratak {
margin: 3px 4px 3px 4px;
padding: 4px 8px 4px 8px;
background: #EA9A54;;
color: #ffffff;
font-weight: bold;
border-color: #CCCCCC #555555 #555555 #CCCCCC;
border-style: solid;
border-width: 1px;
}

.korpa-naruci:hover, .korpa-sacuvaj:hover, .korpa-povratak:hover, .dugme:hover {
background: #EA9A54;
}

div.korpa-objasnjenje {
width: 98%;
margin: 10px auto 10px auto;
border: 1px solid #4EB024;
background: #EDFAE6 
}
div.korpa-objasnjenje p {
margin: 10px 10px 10px 10px;
text-align: center;
}

.txt-unos {
width: 80px;
text-align: center;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.txt-unos-puno {
width: 80px;
text-align: center;
background: transparent;
border: none;
}

/* МЕНИ */

div#meni {
width: 100%;
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #bbbbbb;
font-size: 13px;
font-weight: bold;
letter-spacing: 0px;
background: #5185C5;/*plava boja, boja sajta, ista je kao #6191CB*/
color: #ffffff;
}



div#meni-c {
width:900px;
margin:0 auto;
color:#ffffff;
position:relative;
}
div#meni-c div#mali-meni {
float: right;

width: 40%; 

text-align: right;

}



div#meni-c div#veliki-meni {
float: left;
width: 60%;
}
div#veliki-meni a {
color: #ffffff;
}



/* Pomoćni meni */



div#pomocni-meni {

margin: 0;

padding: 0px 0px 0px 5px;

}



div#pomocni-meni a {

display: block;

padding: 3px 0px 3px 5px;

margin: 0;

text-decoration: none;

color: #;

font-weight: bold;

border-bottom: 1px dotted #aaaaaa;

}



div#pomocni-meni a:hover {

background-color: #e5e5e5;/*siva boja*/

}



div#pomocni-meni a.aktivna, div#pomocni-meni a.aktivna:hover {
display: block;
padding: 3px 0px 3px 5px;
margin: 0;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background: #5185c5 url(../slike/bg-pomocni-meni-link.png) no-repeat scroll center right;
border-top: 1px solid #6191CB;
border-bottom: 1px solid #6191CB;/*plava boja, boja sajta, ista kao #5185C5*/
cursor: default;
}
a.meni {
color: #ffffff;
text-decoration: none;
padding: 1px 1px 1px 1px;
margin: 0px 3px 0px 3px;
/*border-bottom: 2px solid #ffffff*/
}
a.meni:hover, a.aktivna {
border-bottom: 2px solid #ea9a54;/*narandzasta boja*/
text-decoration: none;
color: #ffffff
}
div#dno-c a {
padding: 1px 1px 1px 1px;
margin: 0px 3px 0px 3px;
color: #000000;
text-decoration: none;
}
div#dno-c a:hover {
border-bottom: 2px solid #ea9a54;
text-decoration: none;
}
.opcije-pretrage {
margin: -2px 0px 5px 0px;
}
.opcije-pretrage a {
margin: 0px 0px 0px 5px;
padding: 2px 4px 2px 4px;
}
.opcije-pretrage a.aktivna-opcija {
background: #EA9A54;
color: #ffffff;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {display:inline-block;} 

html[xmlns] .clearfix {
display: block;
} 

* html .clearfix {
height:1%;
}

/* СКЕЛЕТ */

body {
margin: 0;
padding: 0;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
}

div#logo {
width: 100%;
height: 59px;
background: #5185C5;
border-bottom: 2px solid #ea9a54; /*narandzasta*/
border-top: 1px solid #3768A5;/*tamnoplava*/
padding: 0;
margin: 0;
}

div#logo-c {
position: relative;
width: 900px;
margin: 0 auto;
}

div.navigacija {
width: 100%;
height: 20px;
padding: 6px 0px 6px 0px;
text-align: center;
clear: both
}

/* Kraj gornjeg dela sajta */

div#sredina {
width: 100%;
margin: 0px 0xp 10px 0px;
padding: 10px 0px 10px 0px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
background: #ffffff url(/slike/bg-sadrzaj.png) repeat-x scroll left top;
}

div#sredina-c {
width: 900px;
margin: 0 auto;
line-height: 18px;
}

/* Kraj sredine sajta */

div#dno {
clear: both;
width: 100%;
background-color: #f5f5f5;
border-top: 2px solid #888888;
border-bottom: 1px solid #e1e1e1;
}

div#dno-c {
width: 900px;
margin: 0 auto;
padding: 10px 0px 10px 0px;
line-height: 20px;
text-align: center;
}
div#dno-c div {
border-top: 1px solid #cccccc;
padding: 10px 0px 0px 0px;
margin: 12px 0px 0px 0px;
}

div.padina {
padding: 10px 10px 10px 10px;
margin: 0;
}

div.sivi-okvir {
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background: #ffffff;
padding: 10px 10px 10px 10px;
}

/* **************************************** DVE KOLONE ***************************************** */

div#drzac2kolone {
width: 100%;/*Ovo se koristi na strani Artikli*/
}

div#levakol {
width: 70%;
float: left;
}

div#desnakol {
width: 29%;
float: right;
}

/* ************************************** KRAJ DVE KOLONE ************************************** */

/* **************************************** DVE KOLONE STRANA ***************************************** */

div#drzac2kolone-strana {
width: 100%;
overflow: auto;
}

div#levakol-strana {
float: left;
}

div#desnakol-strana {
float: right;
}

/* ************************************** KRAJ DVE KOLONE STRANA ************************************** */

div#logo-c div#kontakt-podaci {
position: absolute;
top: 1px;
right: 0px;
width: 200px;
color: #ffffff;
text-align: right;
font-size: 11px;
line-height: 14px;
}

div#logo-c div#korpa-broj-proizvoda {
position: absolute;
top: 22px;
right: 200px;
width: 300px;
text-align: right;
color: #ffffff;
font-size: 12px;
line-height: 14px;
}

div#artikal {
width:100%;
}
.artikal-levo {
width:358px; float:left;
}
.artikal-desno {
width:240px; float:right;
}
.artikal-akcija {
border:1px solid #E3311D;
margin-bottom:10px
}
.artikal-akcija div {
margin:2px;
padding:8px;
background:#F9D5D1;
color:#E3311D;
text-align:center;
font-size:16px;
font-weight:bold;
text-transform:uppercase
}
div.artikal-cena {
margin-bottom:10px;
border:1px solid #cccccc;
text-align:center;
}
div.artikal-cena div {
font-size:10px;
margin:2px;
padding:5px;
background:#f1f1f1;
}
div.artikal-cena b {
font-size:20px; 
}
div.artikal-cena span {
font-weight:bold;
font-size:20px; 
}
div.artikal-podaci {
margin:0px 5px 10px 5px;
}
div.artikal-podaci p {
margin:0; padding: 4px 0px 4px 10px; font-size:14px;
}
div.artikal-podaci .zebra {
background:#f1f1f1;
}
/* СЛИКЕ */
p.slike {
padding: 0;
margin: 0;
}
img.slika {
margin: 1px 1px 1px 1px;
/*border: 1px solid #cccccc; Definicija za granicu se nalazi css-u za highslide */
padding: 3px 3px 3px 3px;
background: #ffffff
}
img.slika-artikla {
margin: 0px 0px 25px 0px;
border: 1px solid #cccccc;
padding: 3px 3px 3px 3px;
background: #ffffff
}
img.naslovna-slika {
margin: 0px 0px 3px 0px;
border: 1px solid #cccccc;
padding: 3px 3px 3px 3px;
background: #ffffff
}

p.slike-prodajnog-objekta {
margin: 0;
padding: 0;
}

.slika-prodajnog-objekta {
margin: 2px 2px 2px 2px;
padding: 3px 3px 3px 3px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background: #ffffff
}


a.a-slika {
text-decoration: none;
}

.red-slika {
margin: 0px 0px 10px 0px;
}

.red-slika div {
width: 33%;
float: left;
text-align: center
}

.red-slika div a, .red-slika div b {
display: block;
}

.slika-prijatelja {
border: 1px solid #cccccc;
margin: 0px 5px 5px 0px;
}

/* СТИЛ */

a img {
border: none;
}

.info {
margin: 2px 0px 0px 15px;
padding: 0px 0px 0px 0px;
text-align: left;
}

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

a:hover {
	text-decoration: none;
}

/* Saveti */
.naslov-saveti, .naslov-saveti a {
margin: 0;
padding: 5px 0px 2px 0px;
font-size: 14px;
color: #EA9A54;
}

.tekst-saveti {
margin: 0;
padding: 2px 3px 3px 3px;
border-bottom: 1px dotted #444444 
}

.tehnicke-karakteristike {
width: 135px;
margin: 5px 0px 5px 5px;
padding: 1px 6px 1px 6px;
background: #888888;
color: white;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #555555;
border-left: 1px solid #cccccc;
border-right: 1px solid #555555;
}

a.naruci-artikal, .naruci-artikal {
width: 120px;
background: #5185C5;
color: white;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #555555;
border-left: 1px solid #cccccc;
border-right: 1px solid #555555;
}
a.naruci-artikal-akcija {
width: 120px;
background: #E3311D;
color: white;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #555555;
border-left: 1px solid #cccccc;
border-right: 1px solid #555555;
}
.artikli-naruci {
margin: 5px 0px 5px 5px;
padding: 1px 6px 1px 6px;
}
.artikal-naruci {
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 5px 6px 5px 6px;
}

.svetlo {
width: 98%;
margin: 10px auto;
padding: 10px 10px 10px 10px;
text-align: center;
}

.svetlo-bez-sirine {
margin: 10px auto;
padding: 10px 10px 10px 10px;
text-align: center; 
}

.zeleno-svetlo {
background: #F4FCE4;
border: 1px solid #91CA16;
}

.crveno-svetlo {
background: #FAE7E6;
border: 1px solid #D33429;
}

.zuto-svetlo {
background: #FEFCE2;
border: 1px solid #F4E110;
}

#aktuelno-naslovna {
border-color: #555555 #CCCCCC;
border-style: solid;
border-width: 1px;
background: #ffffff;
padding: 10px 10px 10px 10px;
margin-top: -10px; margin-bottom: 15px; margin-right: 0px; margin-left: 0px; 
}

#objasnjenje {
width: 500px;
border: 1px solid #cccccc;
background: #f1f1f1;
padding: 10px 30px 10px 30px;
margin: 0px auto 10px auto;
}

#objasnjenje li {
font-weight: bold;
}

p.blok-teksta-20-10 {
margin:10px 0;
padding:0;
text-indent:10px;
}

#seo-tekst-grupe {
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
border: 1px solid #cccccc; 
background: #f1f1f1;
}

.seo-tekst-naslov {
font-size: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.vazno-obavestenje {
border-color: #555555 #CCCCCC;
border-style: solid;
border-width: 1px;
background: #FCEFE4;
margin: -10px 0px 15px 0px;
padding: 10px 10px 10px 10px;
font-weight: bold; 
}

.paginacija {
padding: 2px 2px 2px 2px;
text-align: right;
}
.paginacija a {
padding: 2px 4px 2px 4px;
margin: 0px 2px 0px 2px;
}
.paginacija a.aktivna-strana-paginacije {
background: #EA9A54;
color: white;
font-weight: bold;
}

.numeracija-saveta {
color: #000000;
}

/* Актуелно на насловној страни */

.infiniteCarousel {
width: 316px;
height: 270px;
margin: 0 auto;
padding: 0;
position: relative;
}

.infiniteCarousel .wrapper {
width: 316px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
height: 260px;
margin: 0;
position: absolute;
top: 0;
left: 0;
/*background: #000000;*/
}

.infiniteCarousel ul a img {
border: 5px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
width: 316px; /* single item * n */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}

.infiniteCarousel ul li {
display:block;
float:left;
padding: 0;
margin: 0;
height: 225px;
width: 316px;
/*background: #999999;*/
}


.infiniteCarousel .arrow {
display: block;
/*height: 36px;*/
width: 100px;
background: url(images/arrow.png) no-repeat 0 0;
position: absolute;
top: 228px;
cursor: pointer;
outline: 0;
font-weight: bold;
}

.infiniteCarousel .forward { 
background-position: 0 0; 
right: 5px;
text-align: right;
}

.infiniteCarousel .back {
background-position: 0 -72px;
left: 5px;
text-align: left;
}

/*
.infiniteCarousel .forward:hover {
background-position: 0 -36px; 
}

.infiniteCarousel .back:hover {
background-position: 0 -108px;
}
*/

.infiniteCarousel p.link-akcija {
position: absolute;
left: 10px;
top: 251px;
width: 326px;
padding: 0;
margin: 0;
text-align: center;
}

.podebljani-naslov a {
color:#EA9A54;
font-size:14px;
}

.izbor-boja {
width: 100%;
/*height: 78px;*/
margin: 0px 0px 10px 3px;
padding: 0;
line-height: 22px;
text-align: left;
overflow: auto;
font-size: 12px;
}
.izbor-boja p {
float: left;
width: 42%;
margin: 0;
padding: 0;
}
.izbor-boja p a {
/*display: block;
width: 100%;*/
padding: 0;
margin: 0;
}

.izbor-boja p a.aktivna-boja {
text-decoration: underline;
}

#tekst-kolekcije {
margin: 10px 0px 10px 5px;
}
h4 {
margin: 0px 0px 5px 0px;
padding: 0;
font-size: 13px;
}

#lista-slicnih-tepiha li {
margin-bottom:5px;
}

.zasto-kupiti-kod-nas { border:1px solid #cccccc; margin:0px auto 10px auto;}
.zasto-kupiti-kod-nas th { border:1px solid #cccccc; background:#ffebd8; text-align:center; text-transform:uppercase; color:#EA9A54;}
.zasto-kupiti-kod-nas td { border:1px solid #cccccc; background:#f1f1f1; }

.baneri-desno {margin:0px 0px 10px 0px; text-align:center;}

#povratak-u-kupovinu {margin:0 auto; padding:10px; overflow:auto; text-align:center;}