* {
margin: 0;
padding: 0;
}

html, body {
color: #555;
font-family: Verdana, sans_serif;
font-size: 12px;
background: #fff;
}

body {
line-height: 140%;
position: relative;
}

p {
margin: 10px 0 10px;
padding: 0;
}

ul,ol {
margin: 15px 0 15px 20px;
}

td,tr {
vertical-align: top;
}

a:link,a:visited {
color: #ba2026;
text-decoration: none;
}

a:hover {
color: #ba2026;
text-decoration: underline;
}

div.spacer {
margin: 10px 0 10px 0;
}

ul.ulp {
padding: 6px 0 6px 16px;
margin: 0;
}

ul.ulp li {
margin: 0;
padding: 0 0 1px 0;
line-height: 1.2;
}

img {
border: 0;
}

.tbrd {
border: 0;
border-collapse: collapse;
width: 100%;
}

.tbrd td {
border: 1px solid #eee;
padding: 2px;
}

.tbrd .t td {
font-weight: bold;
text-align: center;
}

input,textarea,option,select {
background: #fff;
border: 1px solid #e8e8e8;
color: #666;
font: 10px/16px Verdana, sans_serif;
padding: 2px 0 0 3px;
height: 14px;
line-height: 16px;
}

input:focus,textarea:focus,option:focus,select:focus {
border: 1px solid #333;
}

option,select {
height: 16px;
line-height: 16px;
}

option, option:focus {
border: 0;
}

.nb {
background: 0;
border: 0;
}

input.sb {
background: none;
border: none;
color: #333;
border: #e8e8e8;
background: #e8e8e8;
font: 10px/16px Verdana, sans_serif;
clear: both;
cursor: pointer;
padding: 0;
font-weight: bold;
padding: 0 12px;
}

input.red {
background: #900;
color: #fff;
}

input.green {
background: #090;
color: #fff;
}

input.sb:hover, input.sb.over {
color: #fff;
border: #000;
background: #000;
text-decoration: none;
}

.cleaner {
display: block;
clear: both;
height: 0;
line-height: 0px;
margin: 0;
padding: 0;
}

textarea {
width: 99%;
}

.greska {
color: #ba2026;
}

:focus {
outline: 0;
}

.frm_name {
display: none;
}

#pc {
width: 940px;
margin: 0 auto;
background: url(../images/bg.gif) repeat-x;
}

#ph {
height: 221px;
position: relative;
background: url(../images/bg_new.jpg) no-repeat;
color: #999;
margin: 0;
padding: 0;
font-size: 10px;
color: #fff;
}

#slogan {
position: absolute;
left: 16px;
top: 9px;
}

#girl {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 189px;
}

#tecaj {
margin-top: 12px;
}

#prognoza span, #tecaj span {
display: block;
}

#tecaj span {
font-weight: bold;
}

#prognoza span strong,
#tecaj span strong {
display: block;
float: right;
}

#tecaj span strong {
font-weight: normal;
}

#am {
position: absolute;
left: 27px;;
bottom: 35px;
margin: 0;
padding: 0;
}

#am li {
float: left;
padding-right: 12px;
list-style: none;
}

#am a:link, #am a:visited {
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
}

#am a:hover {
text-decoration: underline;
color: #fff;
}

#mm {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
}

#mm li {
display: inline;
list-style: none;
}

#mm a:link, #mm a:visited,
#mm a.c:link, #mm a.c:visited {
font-family: Georgia, Verdana, sans_serif;
color: #c96;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
display: block;
float: left;
height: 32px;
line-height: 32px;
padding: 0 29px 0 27px;
background: top right url(../images/mm.gif) repeat-y;
}

#mm a.c:link, #mm a.c:visited {
color: #fff;
background: top right url(../images/mm.gif) repeat-y;
}

#mm a:hover {
background: #4f0600 top right url(../images/mm.gif) repeat-y;
text-decoration: none;
}

#search {
position: absolute;
right: 6px;
top: 7px;
display: block;
}

#searchS {
height: 40px;
position: relative;
z-index: 900;
}

#searchS_q {
background: top left url(../images/srch_q2.gif);
width: 111px;
border: 0;
height: auto;
line-height: 1em;
color: #555;
font-size: 11px;
font-weight: normal;
padding: 7px 0 8px 4px;
margin: 0;
float: left;
}

#search_q {
width: 272px;
border-right: 0;
display: block;
float: left;
}

a#search_go:link, a#search_go:visited {
background: url(../images/sb.gif);
text-indent: -999em;
height: 18px;
width: 21px;
display: block;
float: left;
}

#searchS a#searchS_go:link, #searchS a#searchS_go:visited {
display: block;
float: left;
background: url(../images/srch.gif);
border: 0;
height: 28px;
line-height: 28px;
width: 45px;
text-align: center;
font-family: Verdana, sans_serif;
color: #c96;
font-size: 10px;
font-weight: bold;
padding: 0;
margin: 0;
text-transform: uppercase;
text-decoration: none;
}

#searchS a#searchS_go:hover {
color: #fff;
text-decoration: none;
}

h1 {
color: #b89471;
font-family: Georgia, Verdana, sans_serif;
font-weight: normal;
font-size: 26px;
line-height: 140%;
padding: 0 0 20px 0;
margin: 0;
}

#pw {
background: url(../images/pw.gif);
padding: 25px 0 0 0;
}

#pwl {
float: left;
width: 160px;
margin-right: 16px;
padding-left: 4px;
font-size: 11px;
}

#pwr {
float: right;
width: 160px;
font-size: 11px;
padding-right: 4px;
}

#mlf {
margin: 0 0 20px 0;
}

#mlf input.i {
width: 145px;
display: block;
float: none;
}

#mlf label {
font-weight: bold;
display: block;
}

#mlf input.sb, #mlf a.sb:link, #mlf a.sb:visited {
width: auto;
background: #5a0700;
border: 1px solid #740700;
color: #c96;
text-align: center;
height: 18px;
line-height: 18px;
padding: 0 10px;
}

#mlf input.sb:hover, #mlf input.sb.over, #mlf a.sb:hover {
background: #c96;
color: #5a0700;
text-decoration: none;
}

#pwc {
float: left;
width: 580px;
}

#pwl h2, #brands h2, #banners h2, h2.p {
font-family: Georgia, Verdana, sans_serif;
font-size: 11px;
font-weight: normal;
color: #666;
padding: 0 6px 3px 6px;
border-bottom: 1px solid #666;
text-transform: uppercase;
margin: 0 0 6px 0;
}

#pwl ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
}

#pwl li ul {
list-style: none;
margin: 8px 0 0 19px;
padding: 0;
}

#pwl li {
position: relative;
margin: 0 0 10px 0;
padding: 0;
text-indent: 19px;
line-height: 12px;
background: url(../images/pwl.gif) no-repeat;
}

#pwl a:link, #pwl a:visited {
color: #000000;
font-weight: bold;
}

#pwl a:hover {
color: #c96;
text-decoration: none;
}

#newsWrap {
margin-bottom: 12px;
height: 150px;
overflow: hidden;
}

#pwl #newsSlide li {
background: none;
margin: 0;
text-indent: 0;
line-height: auto;
font-size: 13px;
}

#pwl #newsSlide span {
font-size: 12px;
}

#newsSlide a:link, #newsSlide a:visited {
display: block;
float: none;
padding: 0;
margin: 0 0 6px 0;
font-weight: bold;
text-align: center;
}

td.cbox {
vertical-align: middle;
text-align: center;
}

.nactions {
padding: 4px 0;
}

#pwl li li {
background: left center url(../images/pwl_li2.gif) no-repeat;
margin: 0 0 8px 0;
padding: 0 0 0 8px;
text-indent: 0;
}

#pwl li ul a:link, #pwl li ul a:visited,
#pwl li ul a.c:link, #pwl li ul a.c:visited {
color: #666;
font-weight: bold;
}

#pwl li ul a:hover,
#pwl li ul a.c:link, #pwl li ul a.c:visited {
color: #3399FF;
}

#pwr h2 {
color: #640800;
margin: 0;
padding: 0 0 6px 0;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}

#basket {
height: 90px;
background: url(../images/basket.gif);
position: relative;
font-size: 10px;
color: #fff;
margin: 21px 0 2px 0;
z-index: 1;
}

#basket h2 {
height: 25px;
line-height: 25px;
color: #c96;
font-weight: bold;
margin: 0 0 2px 0;
padding: 0 0 0 7px;
text-transform: uppercase;
}

#b_num, #b_num_val {
position: absolute;
left: 6px;
top: 26px;
}

#b_cijena, #b_cijena_val {
position: absolute;
left: 6px;
top: 48px;
}

#b_num_val, #b_cijena_val {
right: 6px;
left: auto;
color: #c96;
}

a#b_kupi:link, a#b_kupi:visited {
width: 147px;
background: #5a0700;
border: 1px solid #740700;
display: block;
position: absolute;
bottom: 5px;
left: 6px;
color: #c96;
text-align: center;
}

a#b_kupi:hover {
background: #c96;
color: #5a0700;
text-decoration: none;
}

#fmsg {
height: 110px;
overflow: hidden;
background: url(../images/pw.gif);
}
#fmsg_ {
height: 110px;
width: 940px;
}

#pf {
color: #c96;
text-align: right;
padding-right: 12px;
height: 32px;
line-height: 32px;
background: url(../images/pf.gif);
font-size: 10px;
clear: both;
}

#pf a:link, #pf a:visited {
color: #c70000;
}

#pf a:hover {
color: #fff;
text-decoration: none;
}

.pwrapt {
height: 20px;
}

.pwrapt h2 {
line-height: 16px;
font-size: 12px;
color: #666;
margin: 0;
padding: 0 0 4px 0;
width: 280px;
float: left;
font-weight: bold;
}

.pwrapt h2 a:link, .pwrapt h2 a:visited {
color: #666;
}

.pwrapt h2 a:hover {
color: #ba2026;
text-decoration: none;
}

.pwrap {
background: url(../images/pwrap.gif);
margin-bottom: 20px;
}

.product {
width: 105px;
float: left;
padding: 3px 0 3px 175px;
position: relative;
}

.product a.i:link, .product a.i:visited {
display: block;
position: absolute;
left: 0;
top: 0;
background: #eee;
width: 172px;
text-decoration: none;
}

.product a.i:hover {
text-decoration: none;
}

.product a.i:link img, .product a.i:visited img {
display: block;
position: absolute;
left: 0;
top: 0;
}

.product a.i:link span.b, .product a.i:visited span.b {
border: 2px solid #8d8e8f;
display: block;
position: absolute;
top: 0;
left: 0;
text-decoration: none;
}

.product a.i:hover span.b {
border: 2px solid #640800;
text-decoration: none;
}

.product a.i:link span.o, .product a.i:visited span.o {
background: #8d8e8f;
color: #fff;
display: block;
height: 17px;
line-height: 17px;
position: absolute;
padding: 0 6px;
right: 9px;
bottom: 0;
text-decoration: none;
}

.product a.i:hover span.o {
background: #640800;
color: #c96;
text-decoration: none;
}

.product div.r {
width: 103px;
}

.product span.n,
input.nn {
display: block;
background: #fff;
padding: 2px 5px 2px 0;
margin: 4px 0;
color: #000;
font-size: 11px;
font-weight: bold;
text-align: right;
}

input.nn {
width: 96px;
background: #fff;
height: 16px;
line-height: 16px;
padding-top: 2px;
border-left: 1px solid #acacac;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #e7e7e7;
}

.product a.add:link, .product a.add:visited {
width: 48px;
background: url(../images/add.gif);
height: 31px;
color: #999;
font-size: 11px;
line-height: 14px;
padding: 2px 51px 0 4px;
text-transform: lowercase;
display: block;
}

.product a.add:hover {
color: #ba2026;
text-decoration: none;
}

.product span.lab {
display: block;
color: #666;
}

#lbox {
float: left;
width: 280px;
border: 0;
margin: 0;
padding: 0;
}

#lbox td {
border-collapse: collapse;
}

#lbox .b td {
border-bottom: 1px solid #ddd;
}

#lbox td.l, #lbox td.r {
padding: 6px 8px;
font-size: 11px;
color: #666;
vertical-align: middle;
}

#lbox td.r {
color: #000;
font-weight: bold;
text-align: right;
}

#lbox td.r input.nn {
float: right;
}

#lbox a.add:link, #lbox a.add:visited {
width: 268px;
background: url(../images/add_big.gif);
height: 23px;
color: #999;
font-size: 11px;
line-height: 14px;
padding: 10px 6px 0 6px;
text-transform: lowercase;
display: block;
}

#lbox a.add:hover {
color: #ba2026;
text-decoration: none;
}

#rbox {
float: right;
width: 280px;
}

#lbox img.i {
border: 3px solid #eee;
display: block;
}

#pager {
font-size: 11px;
height: 20px;
font-family: Verdana, sans_serif;
}

#pager .l, #pager .r {
float: left;
width: 30%;
}

#pager .c {
float: left;
width: 40%;
text-align: center;
}

#pager a.s:link, #pager a.s:visited {
color: #555;
}

#pager .r {
text-align: right;
}

#cw {
padding-bottom: 30px;
}

.home {
margin: 0 0 10px 0;
}

.home .i {
margin: 0 30px 10px 0;
display: block;
float: left;
}

.home h2 {
margin: 0 0 10px 0;
padding: 0;
font-weight: bold;
font-size: 12px;
}

.home a.o:link, .home a.o:visited {
font-size: 11px;
display: block;
height: 21px;
line-height: 21px;
display: block;
text-align: right;
padding-right: 20px;
text-transform: lowercase;
}

#bas {
width: 100%;
border: 0;
margin: 0;
padding: 0;
border-collapse: collapse;
}

#bas td {
text-align: center;
font-size: 10px;
color: #000;
font-weight: bold;
vertical-align: middle;
margin: 0;
border: 2px solid #eaeaea;
padding: 0 4px;
height: 50px;
}

#bas a.lnk:link, #bas a.lnk:visited {
height: 50px;
line-height: 50px;
display: block;
float: left;
}

#bas a.lnk:hover {
text-decoration: none;
color: #000;
}

#bas img.i {
display: block;
float: left;
margin-right: 12px;
}

#bas .t td {
color: #555;
font-weight: normal;
height: 33px;
line-height: 33px;
background: url(../images/bgrad.gif);
vertical-align: middle;
border: 0;
padding: 0;
}

#btns {
margin: 25px;
text-align: right;
color: #ae0000;
font-size: 10px;
}

#btns a:link, #btns a:visited {
font-weight: bold;
padding: 0 10px;
color: #ae0000;
text-transform: uppercase;
}

#btns a:hover {
color: #000;
text-transform: uppercase;
text-decoration: none;
}

#price {
width: 290px;
margin: 10px 0 0 290px;
border-collapse: collapse;
font-size: 10px;
color: #000;
}

#price td {
width: 290px;
margin: 10px 0 0 290px;
border-collapse: collapse;
padding: 5px 20px 5px 5px;
border-bottom: 1px solid #eaeaea;
}

input.i, input.r, textarea.i, textarea.r {
float: left;
width: 205px;
text-align: left;
}

textarea.t {
float: left;
width: 205px;
height: 60px;
}

input.r, textarea.r {
width: 205px;
background: #fff top right url(../images/febi.gif) no-repeat;
}

textarea.r, textarea.t {
width: 100%;
height: 100px;
}

#rez input.r {
float: none;
}

#rez td {
padding-bottom: 3px;
}

#rez em {
font-size: 0.9em;
display: block;
padding: 2px 0 4px 0;
}

#adp {
width: 400px;
text-align: center;
border: 1px;
position: absolute;
top: 200px;
left: -213px;
border: 1px solid #000;
margin-left: 50%;
background: #fff;
padding: 12px;
background: #fff;
font-weight: normal;
display: none;
}

#adp h2 {
margin: 0;
padding: 0 0 4px 0;
font-size: 12px;
}

#adp_ {
padding: 0 0 6px 0;
}

#loading {
width: 240px;
text-align: right;
border: 1px;
position: absolute;
top: 200px;
left: -151px;
border: 1px solid #000;
margin-left: 50%;
background: #fff;
padding: 30px;
background: #fff 30px 20px url(../images/lightbox/loading.gif) no-repeat;
font-weight: bold;
display: none;
}

#wm {
list-style: none;
margin: 0;
padding: 0;
}

#brandovi {
margin-top: 15px;
}

#brandovi div {
width: 144px;
text-align: center;
padding: 2px;
float: left;
margin: 0 20px 10px 20px;
}

#delw {
text-align: right;
padding: 10px;
font-size: 10px;
font-weight: bold;
}

#call {
margin: 20px 0 10px 0;
}

#call img {
display: block;
margin: 0 0 6px 0;
}

#salon_l {
margin: 10px 0;
text-align: center;
font-weight: bold;
}

#salon_l img {
margin-bottom: 3px;
display: block;
}

#salon_l a.a:link, #salon_l a.a:visited {
font-weight: normal;
margin-top: 6px;
padding-top: 6px;
border-top: 1px solid #999;
display: block;
}

.salon {
padding: 0 15px 30px 15px;
width: 160px;
float: left;
text-align: center;
}

.salon img.i {
display: block;
}

.salon h2 {
font-size: 12px;
margin: 0;
padding: 6px 0 2px 0;
}

.pslide ul {
display: block;
margin: 2px 0 6px 0;
padding: 0;
background: none;
}

.pslide li {
list-style: none;
margin:0;
padding:0;
width: 160px;
overflow:hidden; 
}

.pslide img.d {
display: block;
margin: 0 auto;
}

#popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/bg.png);
font-size: 11px;
font-weight: bold;
z-index:999;
}

#popup .ie {
display: none;
}

#popup .w {
position: absolute;
top: 0;
left: 0;
width: 574px;
height: 406px;
}

#popup .bg {
position: absolute;
top: 20px;
left: 0;
width: 564px;
height: 350px;
background: #fff;
padding: 5px;
}

#popup a.c:link, #popup a.c:visited {
color: #fff;
text-decoration: none;
display: block;
position: absolute;
top: 0;
right: 0;
padding: 0 26px 0 10px;
height: 16px;
line-height: 16px;
background: center right url(../images/close.gif) no-repeat;
}

#popup a.c:hover {
color: #000;
background-color: #fff;
text-decoration: none;
}

#popup .l {
position: absolute;
bottom: 0;
right: 0;
}

#popup .l a:link, #popup .l a:visited {
display: block;
float: left;
color: #000;
text-decoration: none;
padding: 0 7px;
height: 22px;
line-height: 22px;
background: #fff;
margin-left: 2px;
}

#popup .l a:hover, #popup .l a.s:link, #popup .l a.s:visited {
color: #fff;
text-decoration: none;
background: #000;
}

/* autocomplete */
input.autocomplete-loading {
background: center right url(../images/autocomplete.gif) no-repeat;
}

ul.autocomplete {
position: absolute;
left: 0;
top: 28px;
overflow: hidden;
background-color: #fff;
border: 1px solid ButtonShadow;
margin: 0px;
padding: 0px;
list-style: none;
color: #000;
display:none;
z-index:900;
}

ul.autocomplete li {
display: block; 
padding: 0.3em; 
overflow: hidden;
width: 100%;
cursor:pointer;
z-index:901;
}

ul.autocomplete li.selected {
background-color: Highlight; 
color: #fff;
}

#prognoza {
background: #fff;
border: 1px solid #e6e4e0;
padding: 10px 0 42px 0;
}

#prognoza select {
width: 100px;
display: block;
margin: 0 auto 8px auto;
font-weight: bold;
height: 18px;
line-height: 18px;
}

#prognoza img {
display: block;
margin: 0 auto 4px auto;
}

#prognoza strong {
display: block;
margin: 0 0 8px 0;
text-align: center;
color: #c70000;
font-size: 13px;
font-weight: bold;
}

#prognoza span.l {
display: block;
text-align: center;
color: #c70000;
font-size: 17px;
font-weight: bold;
float: left;
width: 78px;
height: 41px;
line-height: 41px;
border-top: 1px solid #e4dfd9;
border-right: 1px solid #e3dfdc;
background: #f2f1ef;
}

#prognoza span.w {
display: block;
}

#prognoza span.r {
width: 78px;
border-left: 1px solid #fdfcfc;
border-right: 0;
}

#prognoza div {
display: none;
}

#prognoza div.s {
display: block;
}

#tecaj table {
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
}

#tecaj tr {
margin: 0;
padding: 0;
}

#tecaj td {
margin: 0;
padding: 0 6px;
border: 1px solid #e6e4e0;
background: #e6e4e0;
height: 20px;
line-height: 20px;
vertical-align: middle;
color: #000;
font-size: 10px;
}

#tecaj td.l {
border-right: 0;
}

#tecaj td.c {
border-left: 0;
border-right: 0;
padding: 0 3px;
font-weight: bold;
}

#tecaj td.r {
border-left: 0;
padding: 0 6px 0 0;
}

#tecaj tr.o td {
background: #f2f1ef;
}

#news24 {
padding-top: 15px;
background: url(../images/24sata.gif) no-repeat;
}

#news24 div {
float: left;
width: 233px;
background: #f2f1ed;
padding-bottom: 9px;
border: 1px solid #e3dfdc;
border-left-color: #fefdfd;
border-bottom: 0;
}

#news24 div.l {
border-left-color: #e3dfdc;
}

#news24 a:link, #news24 a:visited {
color: #c70000;
text-decoration: none;
display: block;
padding: 6px 14px;
margin-bottom: 6px;
font-size: 14px;
font-weight: bold;
background: #e9e8e4;
}

#news24 a:hover {
color: #e9e8e4;
text-decoration: none;
background: #c70000;
}

#news24 span {
display: block;
padding: 0 14px 0 14px;
}

#pwl h2.bg, #pwl .bgbox h2, #pwr .bgbox h2 {
font-size: 12px;
background: url(../images/h2.gif);
height: 24px;
line-height: 24px;
margin: 12px 0 0 0;
color: #c96;
font-size: 12px;
padding: 0 9px;
text-transform: none;
font-family: Tahoma;
font-weight: bold;
}

.bgbox .bg {
background: #fff;
border: 1px solid #e6e4e0;
padding: 3px;
margin: 0;
}

.bgbox span.bg {
border: 0;
padding: 3px 6px;
display: block;
}