html {
height:100%;
margin-bottom:1px;
}

body,td {
font-family:"Verdana";
font-size:13px;
margin:0;
overflow:auto;
padding:0;
}

td {
overflow:hidden;
}

form {
margin:0;
}

pre {
font-family:"Verdana";
}

table {
border-collapse:collapse;
}

img {
border:none;
}

/* ------------------------------------------ gumbi --------------------------------------- */
.button_short {
background:url(button_short.gif) no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
display:block;
font-size:18px;
height:35px;
line-height:22px;
padding-bottom:3px;
text-decoration:none;
width:97px;
}

.button_short_active {
background:url(button_short.gif) 0 -45px no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
display:block;
font-size:18px;
height:35px;
padding-bottom:3px;
width:97px;
}

.button_long {
background:url(button_long.gif) no-repeat;
border:0 none;
color:#e8e5dd;
display:block;
font-size:18px;
height:35px;
line-height:22px;
padding-bottom:3px;
text-decoration:none;
width:150px;
}

.button_long_active {
background:url(button_long.gif) 0 -45px no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
font-size:18px;
height:35px;
padding-bottom:3px;
width:150px;
}

.button_long2 {
background:url(button_long2.gif) no-repeat;
border:0 none;
color:#FFFFFF;
font-size:18px;
height:35px;
padding-bottom:3px;
width:250px;
}

.button_long2_active {
background:url(button_long2.gif) 0 -45px no-repeat;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-size:18px;
height:35px;
padding-bottom:3px;
width:250px;
}

td.controlbox_left {
border: solid 1px #B8B8B8;
border-right:0 none;
width: 276px;
padding: 4px;
margin: 0 0 10px 0;
font-size: 18px;
}

td.controlbox_right {
border: solid 1px #B8B8B8;
border-left:0 none;
width:16px;
padding: 4px;
padding-left:0;
}
.controlbox {
font-size: 18px;
}

td.textbox {
padding-bottom:3px;
padding-top:3px;
text-align:left;
white-space:nowrap;
}
td.smalltext a {
color:#808080;
font-size:10px;
padding-bottom:10px;
padding-top:10px;
text-decoration:none;
}



#container {
margin-left:auto;
margin-right:auto;
width:990px;
}

/* ---------------------- navigacija ------------------------------- */
#navigation {
margin-top:15px;
}
#navigation .box .content {
position:relative;
padding-left:10px;
padding-right:10px;
padding-top:12px;
height:30px;/*50px -padding-tc -bc*/
font-weight:bold;
white-space:nowrap;
}

#navigation .menu {
float:left;
}
#navigation a {
text-decoration:none;
}
#navigation .menu a {
padding-right:20px;
}

#user {
float:right;
position:relative;
padding-right:42px;
}
#user a.on {
color:#fff;
}
#user a.userlogin, #user a.userlogoff {
position:absolute;
right:0px;
top:-7px;
background:url(header_login.png) no-repeat right;
behavior:url(iepngfix.htc);
display:block;
height:32px;
width:32px;
}
#user a.userlogin { background-position:0 0; }
#user a.userlogoff { background-position:-32px 0; }
#user a.userlogin:hover { background-position:0 -32px; }
#user a.userlogoff:hover { background-position:-32px -32px; }

/* --------------------------------- header ---------------------------- */
#header {
background:url(header.png) no-repeat;
position:relative;
height:154px;
margin-top:15px;
z-index:1000;
}

#header .left {
position:absolute;
left:0;
background:url(corner-header-left.png) no-repeat;
behavior:url(iepngfix.htc);
height:154px;
width:5px;
}

#header .right {
position:absolute;
right:0;
background:url(corner-header-right.png) no-repeat;
behavior:url(iepngfix.htc);
height:154px;
width:5px;
}

#header .logo {
position:absolute;
left:5px;
height:154px;
width:300px;
}

#header .basket {
position:absolute;
right:10px;
bottom:13px;
}
#header #header-basket {
position:absolute;
}
#header .basket .label_basket {
background:url(header-basket.gif) no-repeat;
display:block;
height:127px;
width:158px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
cursor:pointer;
}
#header .basket .label_basket:hover, .label_basket:active {
background-position: 0 -127px;
cursor:pointer;
}

.header-ad {
display:none;
}



.button_order {
height:30px;
width:106px;
}

.header-search-holder {
position:absolute;
bottom:56px;
right:300px;
height:48px;
}
.header-search {
position:relative;
background:url(header-search.gif) 0 -48px no-repeat;
height:39px;
padding-left:10px;
padding-top:9px;
width:376px;
z-index:1001;
}
.button_search, .button_search_active {
font-size:19px;
}
.button_search {
background:url(button_search.gif) no-repeat;
border:none;
height:29px;
width:56px;
}
.button_search_active {
background:url(button_search.gif) 0 -29px no-repeat;
border:none;
cursor:pointer;
height:29px;
width:56px;
}

.button_complaint, .button_complaint_active {
font-size:19px;
}

.button_complaint {
background:url(button_long.gif) no-repeat;
border:none;
height:29px;
width:80px;
}

.button_complaint_active {
background:url(button_long.gif) 0 -29px no-repeat;
border:none;
cursor:pointer;
height:29px;
width:80px;
}

.header-search-switch {
width:170px;
position:absolute;
top:-15px;
right:20px;
height:15px;
margin-left:210px;
text-align:right;
}
.header-search-switch-item a {
background:url(header-search-switch.gif) no-repeat;
color:#808080;
display:block;
float:left;
font-size:9px;
height:14px;
margin-right:5px;
padding-top:1px;
text-align:center;
text-decoration:none;
width:80px;
}

.header-switch {
position:absolute;
bottom:0;
left:305px;
padding-top:23px;
width:385px;
}
.header-switch-item a {
background:url(button_switch.gif) no-repeat;
color:#808080;
display:block;
float:left;
font-size:22px;
height:30px;
margin-right:10px;
padding-top:3px;
text-align:center;
text-decoration:none;
width:100px;
}

.kolicinatext {
float:left;
font-size:15px;
font-weight:bold;
margin-bottom:40px;
padding-top:5px;
}
.kolicina {
float:right;
font-size:36px;
font-weight:bold;
line-height:32px;
padding-top:5px;
text-align:right;
text-decoration:none;
}
.znesektext {
clear:both;
float:left;
font-size:15px;
font-weight:bold;
}
.znesek {
clear:both;
float:left;
font-size:26px;
font-weight:bold;
margin-top:5px;
text-align:right;
text-decoration:none;
white-space:nowrap;
width:158px;
}

.nablagajno a {
clear:both;
color:#CCCCCC;
display:none;
font-size:15px;
font-weight:bold;
padding-top:2px;
text-align:center;
text-decoration:none;
}

.currency {
font-weight:normal;
}

/* ----------------------------- dropdown kosarica --------------------------- */
.menu_basket_view a {
background:url(menu_basket_view.gif) no-repeat;
color:#FFFFFF;
display:block;
font-size:18px;
font-weight:bold;
height:32px;
line-height:normal;
margin-top:10px;
padding-top:9px;
text-align:center;
text-decoration:none;
width:168px;
}

.menu_basket_view a:hover, .menu_basket_view a:active {
background-position:0 -41px;
}

.menu_basketitem {
float:left;
font-size:12px;
margin-bottom:10px;
text-align:left;
width:168px;
}

.menu_basketitem-top {
background:url(menu_basketitem-top.gif) no-repeat;
font-size:0;
height:5px;
width:168px;
}

#kosarica {
position: absolute;
/*right:-20px;
top:149px;
width: 208px;*/
z-index:1001;
display:none;
visibility:visible;
overflow: hidden;
}

#kosaricasimple-top {
height:5px;
width:5px;
font-size:0;
float:right;
}


#kosaricasimple-items .box .content {
color:#FFFFFF;
font-size:16px;
padding-left:5px;
padding-right:5px;
width:156px;
}

.menu-basket-fill {
padding-left:20px;
padding-right:20px;
padding-top:5px;
text-align: right;
}

a.menu_basketitem_a {
font-size:12px;
text-decoration:none;
}

td.menu_basket-item-quantity {
text-align:left;
vertical-align:bottom;
width:41px;
}

td.menu_basket-item-price {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:right;
vertical-align:bottom;
}

td.menu_basket-item-regularprice {
color:#CCCCCC;
font-size:13px;
text-align:right;
vertical-align:bottom;
}

td.menu_basket_note {
padding-bottom:10px;
text-align:left;
}

a.menu_basket-hide {
font-size:11px;
text-decoration:none;
}

.icon_basket_plus a {
background:url(icon_basket_plus.png) no-repeat;
behavior:url(iepngfix.htc);
display:block;
float:left;
height:18px;
margin-right:5px;
width:18px;
}

.icon_basket_plus a:hover, .icon_basket_minus a:hover {
background-position: 0 -18px;
cursor:pointer;
}

.icon_basket_minus a {
background:url(icon_basket_minus.png) no-repeat;
behavior:url(iepngfix.htc);
display:block;
float:left;
height:18px;
width:18px;
}

/* -------------------------- drevo ---------------------------------- */
.content-top {
padding-left:15px;
padding-right:15px;
height:32px;
}

.content-top .title {
padding-top:4px;
text-align:center;
font-size:15px;
font-weight:bold;
}

#contentleft {
clear:both;
float:left;
margin-bottom:15px;
margin-right:13px;
width:220px;
}

#contentleft .content {
/*padding-bottom:1px; /* zaradi ovkirjev okoli kategorij */
}

.contentleft-frame {
position:relative;
}

#contentleft .box .content-top,
#contentright .box .content-top {
height:31px;
}

.kategorija-item a {
/*border-bottom:solid 1px;*/
border-top:solid 1px;
display:block;
padding:7px 5px 7px 10px;
font-size:13px;
text-decoration:none;
}
.kategorija-item h3 {
font-size:13px;
word-wrap: break-word;
margin:0;
}
.kategorijasubtitle {
font-weight:normal;
font-size:9px;
}

.nadgrupa-item a {
display:block;
font-size:11px;
line-height:13px;
padding:4px 5px 4px 10px;
text-decoration:none;
}
.nadgrupa-item h4, .nadgrupa-item h5 {
font-size:11px;
font-weight:normal;
margin:0;
}

.grupa {
padding-bottom:5px;
}

.grupa-item a {
background:url(icon_group.gif) 10px 6px no-repeat;
display:block;
font-size:11px;
line-height:13px;
padding:4px 5px 4px 25px;
text-decoration:none;
}

.grupa-item h5 {
font-weight:normal;
font-size:11px;
margin:0;
}

/* ---------------------------- middle ------------------------------- */
#main {
float:left;
width:990px;
}

#contentmiddle, #contentmiddle-admin {
float:left;
margin-bottom:15px;
}
#contentmiddle-admin {
width:990px;
}
#contentmiddle {
width:610px; /*843px*/
}

/* ----------------------------- title --------------------------------- */
#title a.subnavigation {
font-size:15px;
font-weight:bold;
line-height:18px;
text-decoration:none;
padding-right:25px;
white-space:nowrap;
}

.titletext {
font-size:20px;
font-weight:bold;
padding-top:5px;
padding-bottom:10px;
}
.titletext h1 {
font-size:20px;
margin:0;
}
.subtitletext {
font-size:11px;
line-height:13px;
padding-bottom:20px;
padding-top:5px;
padding-right:10px;
/*width:460px;*/
}
.subtitletext h2 {
font-size:11px;
font-weight:normal;
}

#title .box .content {
padding-left:8px;
padding-right:7px;
height:100%;
}

#groupimage-frame {
float:right;
margin: 5px 2px 8px 8px;
text-align:right;
width:120px;
}

.summary {
clear:both;
font-size:11px;
line-height:13px;
padding-bottom:10px;
padding-left:10px;
}

.texttitle {
color:#D61D16;
font-size:15px;
font-weight:bold;
padding-bottom:10px;
}

/* -------------------------- paging --------------------------------- */
.paging {
clear:both;
height:20px;
}

#paging {
clear:both;
}

#paging .content, .paging .content {
padding-left:10px;
padding-right:10px;
padding-top:2px; /* zaradi odrezanega zgornjega dela */
padding-bottom:1px;
height:13px;
text-align:right;
font-size:11px;
}

#contentmiddle-bottom {
clear:both;
}

.basket_line {
border-bottom:solid 1px;
height:0;
}

.stizdelkov {
color:#ffffff;
float:left;
font-size:11px;
}

.navigator {
color:#ffffff;
float:right;
font-size:11px;
}

.navigator a {
color:#ffffff;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.navigator a.on {
color:#333333;
font-size:11px;
font-weight:bold;
}

.pagingtitle {
color:#ffffff;
float:left;
font-size:14px;
font-weight:bold;
}

.viewtype {
float:left;
padding-top:2px;
}

.similar-viewtype {
float:right;
padding-top:2px;
}

a#viewtype1 {
display:none;
background:url(viewtype_thumb.gif) no-repeat;
float:left;
height:12px;
padding-right:10px;
width:12px;
}

a#viewtype2 {
display:none;
background:url(viewtype_mixed.gif) no-repeat;
float:left;
height:12px;
padding-right:10px;
width:12px;
}

a#viewtype3 {
display:none;
background:url(viewtype_lines.gif) no-repeat;
float:left;
height:12px;
padding-right:10px;
width:12px;
}

/* -------------------------- izdelki -------------------------------- */
#catalog, #catalog-admin,#catalog-admin1 {
border-left:solid 1px;
border-right:solid 1px;
clear:both;
float:left;
}
#catalog {
width:608px;
}
#catalog-admin {
width:988px;
}

#catalog-admin1 {
width:966px;
}

#catalog .box {
float:left;
line-height:15px;
padding:10px;
width:182px;
position:relative;
}

#catalog .favorites {
/*width:16px;
height:16px;
background:url(icon_favorites.png) no-repeat;
behavior:url(iepngfix.htc);*/
font-size:9px;
padding-bottom:5px;
}
#catalog .favorites:hover {
/*background-position:0 -16px;*/
}
#catalog .box .favorites {
position:absolute;
top:2px;
right:2px;
}
#catalog .favorites a {
/*width:16px;
height:16px;
display:block;*/
}
#catalog .favorites a:hover {
text-decoration:underline;
}
#catalog .lines {
position:relative;
}
    
#catalog .lines .delete {
width:20px;
height:20px;
background:url(icon_delete.png) no-repeat;
behavior:url(iepngfix.htc);
position:absolute;
top:2px;
right:2px;
}
#catalog .lines .delete a {
display:block;
width:20px;
height:20px;
}
#catalog .lines .delete:hover {
background-position:0 -20px;
}
#catalog .lines .statistika {
position:absolute;
right:10px;
bottom:5px;
font-size:9px;
}

.details {
font-size:13px;
/*line-height:15px;*/
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
padding-top:20px;
}

.details a {
color:#808080;
text-decoration:none;
}

.box-row1 {
clear:both;
height:77px;
}

.box-row2 {
clear:both;
height:126px;
text-align:center;
}

.box-row3 {
clear:both;
height:32px;
}

.box-row4 {
clear:both;
height:32px;
}

.box-rowgrupa {
clear:both;
height:30px;
padding-top:10px;
text-align:center;
}

.box-col1 {
float:left;
text-align:left;
width:106px;
}

.box-col2 {
float:right;
text-align:right;
width:76px;
}

.box-col3 {
float:left;
position:absolute;
left:10px;
text-align:left;
width:182px;
/*z-index:-1;*/
margin-top:90px;
top:80px;
}

.box {
position:relative;
}

.box-col4 {
position:absolute;
right:10px;
text-align:right;
width:32px;
}

.mixed-col2 {
float:left;
margin-right:20px;
text-align:center;
width:80px;
}

.mixed-col3 {
float:left;
width:332px;
}

.mixed-col4 {
float:left;
padding-left:20px;
width:106px;
}

.mixed-row {
padding-bottom:20px;
text-align:right;
}

.lines-col2 {
float:left;
width:354px;
}

.lines-col3 {
float:right;
text-align:right;
width:80px;
}

.lines-col4 {
float:right;
padding-left:20px;
width:106px;
}

.izdelek-icon {
height:32px;
z-index:500;
}

.izdelek-image {
height:80px;
z-index:1;
}
.lines .izdelek-image {
height:60px;
}

.izdelek-indeks {
color:#000000;
font-size:11px;
font-weight:bold;
line-height:13px;
}

.izdelek-naziv a {
font-size:11px;
font-weight:bold;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}
.lines .izdelek-naziv a {
font-size:12px;
line-height:normal;
}

.box-row1 h3, .izdelek-naziv h3 {
font-size:11px;
display:inline;
margin:0;
}

.izdelek-naziv-potrdilo a {
color:#000000;
font-size:11px;
font-weight:bold;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}

.izdelek-naziv-potrdilo a:hover {
color:#808080;
}

.izdelek-naziv2 {
font-size:10px;
line-height:12px;
padding-bottom:5px;
padding-top:5px;
/*word-wrap:break-word;*/
}
.izdelek-naziv2 h4 {
font-size:10px;
font-weight:normal;
display:inline;
margin:0;
}
.lines .izdelek-naziv2 {
line-height:normal;
padding-top:0;
color:#C0C0C0;
}

.izdelek-zaloga {
color:#000000;
font-size:10px;
line-height:12px;
}

.izdelek-sifra {
color:#888888;
font-size:10px;
}

.izdelek-kosarica-quantity {
float:left;
width:106px;
height:30px;
position:relative;
}

.button_quantity {
background:url(button_basket_quantity.gif) no-repeat;
position:absolute;
top:0;
left:0;
height:26px;
padding-right:2px;
padding-top:4px;
text-align:right;
width:38px;
}

.basket_add a {
background:url(button_basket_add.gif) no-repeat;
border:0 none;
display:block;
height:24px;
padding-top:6px;
width:80px;
}

.izdelek-kosarica a, .izdelek-kosarica-quantity a {
color:#EFEFEF;
font-size:13px;
text-decoration:none;
text-align:center;
}

.details .izdelek-kosarica, .details .izdelek-kosarica-quantity {
float:right;
}

.basket_add a:hover, .basket_add a.on {
background-position: 0 -30px;
}

.basket_add a.on {
cursor:default;
}

.basket_add-quantity a {
background:url(button_basket_add-quantity.gif) no-repeat;
border:0 none;
display:block;
position:absolute;
top:0;
right:0;
height:24px;
padding-top:6px;
width:66px;
}

.basket_add-quantity a:hover, .basket_add-quantity a.on {
background-position: 0 -30px;
}

.basket_add-quantity a.on {
cursor:default;
}

.basket_delete {
clear:both;
padding-top:2px;
text-align:center;
}

.basket_delete a {
color:#888888;
display:block;
font-size:11px;
text-decoration:none;
}

.izdelek-rednacena {
color:#968E8E;
font-size:10px;
text-decoration:line-through;
}

.redna_cena {
text-decoration:line-through;
}

.izdelek-cena {
color:#000000;
font-size:13px;
font-weight:bold;
white-space:nowrap;
}

.izdelek-grupa a {
clear:both;
color:#888888;
font-size:11px;
text-decoration:none;
}

.grupa-frame {
display:block;
float:left;
height:165px;
line-height:15px;
padding:10px 5px;
text-align:center;
width:192px;
}

.grupa-image {
padding-top:15px;
}

.grupa-image a {
height:120px;
width:120px;
}

.grupa-naziv {
height:26px;
}
.grupa-naziv a {
font-size:11px;
font-weight:bold;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}
.grupa-naziv h3 {
font-size:11px;
display:inline;
margin:0;
}

.details-images-frame {
clear:both;
}

.details-image-frame {
border:solid 1px #CCCCCC;
display:block;
float:left;
height:90px;
margin-bottom:5px;
margin-right:5px;
padding:5px;
text-align:center;
vertical-align:middle;
width:90px;
}

.details-image-frame-big {
border:solid 1px #CCCCCC;
display:block;
float:left;
margin-bottom:5px;
margin-right:5px;
padding:5px;
text-align:center;
vertical-align:middle;
width:170px;
background-color:#ffffff;
}

.details-kratek-opis {
padding-bottom:10px;
}

/* ---------------------------- contentright ------------------------------- */
#contentright {
float:right;
margin-bottom:15px;
margin-left:13px;
z-index:1;
width:134px;
}

#contentright .contentright-frame {
position:relative;
}

#contentright .content {
padding-top:5px;
}

#contentright .contentright-picture {
text-align:center;
}

.contentright-item a {
color:#333333;
padding:4px 5px 4px 10px;
color:#333333;
display:block;
font-size:11px;
line-height:13px;
text-decoration:none;
}

.contentright-izdelek-naziv {
word-wrap: break-word;
}

.contentnews-item {
color:#333333;
padding:4px 5px 4px 10px;
color:#333333;
display:block;
font-size:11px;
line-height:13px;
/*word-wrap:break-word;*/
}
.contentnews-item a {
color:#333333;
text-decoration:none;
}

.contentright-item h2, .contentright-item h3, .contentnews-item h2, .contentnews-item h3 {
display:inline;
font-size:11px;
font-weight:normal;
margin:0;
word-wrap:break-word;
}

#contentright .contentright-step {
color:#333333;
font-size:11px;
line-height:13px;
margin-bottom:20px;
/*word-wrap:break-word;*/
}

#contentright .contentright-step a {
color:#333333;
display:block;
font-size:11px;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}

#contentright .contentright-steps {
text-align:center;
width:132px;
}

#contentright .contentright-stepimage1p {
background:url(step1.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage1a {
background:url(step1.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage1 a {
background:url(step1.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage1 a:hover {
background:url(step1.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage2p {
background:url(step2.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage2a {
background:url(step2.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage2 a {
background:url(step2.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage2 a:hover {
background:url(step2.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage3p {
background:url(step3.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage3a {
background:url(step3.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage3 a {
background:url(step3.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage3 a:hover {
background:url(step3.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage4p {
background:url(step4.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage4a {
background:url(step4.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage4 a {
background:url(step4.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage4 a:hover {
background:url(step4.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage5p {
background:url(step5.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage5a {
background:url(step5.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

/* -------------------------------- footer --------------------------- */
#footer {
clear:both;
margin-bottom:15px;
}

#footer .content {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font-size:11px;
}

#footer a {
text-decoration:none;
}

.prodajalna {
font-size:9px;
width:420px;
}

.texts td {
font-size:13px;
line-height:15px;
padding-bottom:5px;
padding-right:20px;
padding-top:5px;
vertical-align:top;
}

.texts {
text-align:justify;
}

.freezepaneoff {
display:none;
left:-100px;
position:absolute;
text-align:center;
top:-100px;
visibility:hidden;
}

.freezepaneon {
-moz-opacity:0.9px;
background:url(freeze_loading.gif) 50% 50% no-repeat;
background-color:#dddddd;
display:block;
filter:alpha(opacity=90);
height:100%;
left:0;
opacity:.9;
position:absolute;
top:0;
visibility:visible;
width:100%;
z-index:1500;
}

/* --------------------------- modalno okno --------------------------- */
#modallogin {
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

.modalbackground {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#dddddd;
z-index:500;
}

.modalcontainer {
left:50%;
position:absolute;
top:100px;
width:300px;
z-index:750;
}

.modal {
background:url(freeze_login.gif) no-repeat;
height:150px;
left:-150px;
padding:0;
position:relative;
top:-75px;
width:300px;
z-index:1000;
}

.modaltop {
padding-right:10px;
padding-top:5px;
text-align:right;
width:290px;
}

.modaltop a,.modaltop a:visited {
color:#CCCCCC;
text-decoration:none;
}

.modaltop a:hover {
color:#888888;
}

.modalbody {
padding:10px;
}



.header-search-switch-item a:hover, .header-switch-item a:hover,.nablagajno a:hover, .nablagajno a.on {
color:#FFFFFF;
}

.header-search-switch-item a.on,.header-switch-item a.on {
color:#FFFFFF;
cursor:default;
}

#contentleft .box, #contentright .box, .contentmiddle-frame, #footer {
margin-top:15px;
}

.contentleft-middle,.izdelek-kosarica,.contentright-middle {
float:left;
}

.contentleft-bottom,.contentright-bottom {
font-size:0;
height:5px;
}

.nadgrupa,.contentright {
padding-bottom:20px;
padding-top:7px;
}

a#viewtype1:hover,a#viewtype1.on, a#viewtype2:hover,a#viewtype2.on, a#viewtype3:hover,a#viewtype3.on {
background-position:0 -12px;
}

.mixed,.lines {
clear:both;
float:left;
line-height:15px;
padding:10px;
width:588px;
}

.lines {
padding-top:1px;
padding-bottom:1px;
}

details td,.texts {
font-size:13px;
line-height:15px;
}

.mixed-col1,.lines-col1 {
float:left;
width:30px;
}

.commercial {
margin-top:15px;
display:none;
}

#news {
clear:both;
margin-bottom:15px;
}

#news .box .content {
padding-left:10px;
padding-right:10px;

}

#news a {
text-decoration:none;
}

.news-datum {
font-weight:normal;
}

.news-novica {
font-weight:bold;
}

.news-opis {
padding-top: 5px;
padding-left:10px;
padding-right:10px;
color:#333333;
}
.news-opis h3 {
margin:0;
}
.news-opis a {
text-decoration:underline;
}
.news-opis a:hover {
text-decoration:none;
}

#marqueecontainer{
position: relative;
width:588px;
height:17px; /*marquee height */
overflow:hidden;
text-align:left;
}

#slide {
clear:both;
overflow:hidden;
width:610px;
position:relative;
height:147px;
margin-bottom:15px;
}
#slide p {
margin:0;
}
#slide .item {
background-color:#eee;
width:610px;
height:147px;
}

.title_special-novosti {
background:url(title_novosti.png);
}
.title_special-action {
background:url(title_action.png);
}
.title_special-recommend {
background:url(title_recommend.png);
}

#slide .special_title {
position:absolute;
top:18px;
left:15px;
font-weight:bold;
font-size:37px;
}
#slide .special_podatki a {
clear:both;
float:left;
width:450px;
text-align:right;
padding-left:20px;
padding-top:65px;
text-decoration:none;
}
#slide .special_image {
position:relative;
float:right;
width:120px;
height:120px;
margin-left:10px;
margin-right:10px;
margin-top:13px;
z-index:1;
}
#slide .special_naziv {
font-weight:bold;
font-size:18px;
text-decoration:none;
white-space:nowrap;
}
#slide .special_cena {
font-size:21px;
font-weight:bold;
text-decoration:none;
}
#slide .special_rednacena {
font-size:11px;
}
#slide .special_popust {
width:215px; /* 215px - padding */
height:34px; /* 40px - padding */
position:absolute;
right:0;
top:25px;
background:url(trak_popust.png) no-repeat;
behavior:url(iepngfix.htc);
font-size:23px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
padding-top:6px;
padding-left:10px;
white-space:nowrap;
z-index:2;
}

#slide a {
cursor:pointer;
text-decoration:none;
}

.filters {
padding:5px;
color:#000000;
}
.filters .isci {
padding-top:5px;
}
.filters .naziv {
font-size:11px;
width:83px;
}
.filters .combo {
padding-top:5px;
padding-bottom:5px;
}

.icon_popust {
position:absolute;
right:10px;
top:40px;
background:url(icon_popust.png);
behavior:url(iepngfix.htc);
width:32px;
height:24px;
font-size:14px;
font-family:Calibri;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding-top:8px;
white-space:nowrap;
display:inline;
}

#header .left h1, #header .left h2 {
position:absolute;
width:100px;
margin-left:-5000px;
}

.details .nadartikel {
float:right;
padding-right:10px;
}
.box .nadartikel, .mixed .nadartikel {
padding-bottom:2px;
height:22px;
}
.lines .nadartikel {
position:absolute;
right:30px;
top:2px;
}

.filters a {
color:#808080;
text-decoration:none;
}
.filters a:hover {
text-decoration:underline;
}

#ProstoTekst1, #ProstoTekst2, #ProstoTekst3, #ProstoTekst4, #ProstoTekst5, #ProstoTekst6, #ProstoTekst7, #ProstoTekst8, #ProstoTekst9, #ProstoTekst10, #ProstoTekst11, #ProstoTekst12, #ProstoTekst13, #ProstoTekst14, #ProstoInt1, #ProstoInt2, #ProstoReal1, #ProstoReal2, #Sifrant1, #Sifrant2, #Sifrant3, #Sifrant4, #Sifrant5 {
/*text-transform: capitalize;*/
}

/*======== CONTROLS - start =====================================*/
#controls p.error {
color: rgb(168, 35, 27);
}
#controls p.error input, #controls p.error select {
color: rgb(168, 35, 27);
border: solid 1px rgb(168, 35, 27);
}
#controls p.info cite {
color: #7F7F7F;
background: url(icon_info.png) no-repeat 20px 2px;
display: block;
margin: -10px 0px 10px 160px;
padding-left: 40px;
}
#controls p.info cite a {
color: #7F7F7F;
}
#controls p.info cite a:hover {
text-decoration:none;
}

#controls p.error cite {
color: rgb(168, 35, 27);
background: url(icon_error.png) no-repeat 20px 2px;
display: block;
margin: -10px 0px 10px 160px;
padding-left: 40px;
}
#controls p.error cite a {
color: rgb(168, 35, 27);
}
#controls p.error cite a:hover {
text-decoration:none;
}

#controls p label {
clear : both;
float: left;
width: 170px;
text-align: right;
margin: 0 10px 0 0;
padding: 9px 0 0 0;
font-size: 16px; 
}

#controls p input.textbox, #controls p select, #controls p textarea.textbox {
border: solid 1px #a9a9a9;
width: 300px;
padding: 4px;
margin: 0 0 10px 0;
font-size: 18px;
}
#controls p textarea.textbox {
font-family: "Verdana";
}
#controls p select {
width: 310px;
}
#controls p option {
font-size: 13px;
padding: 4px;
}
#controls p input.checkbox {
width: 20px;
margin: 0;
display: inline-block;
margin-left:176px;
}
#controls p span.checkbox {
color: #7F7F7F;
font-size:14px;
font-style:italic;
}
#controls p input.radiobox {
width: 20px;
margin: 0;
display: inline-block;
margin-left:10px;
}
#controls p input.radiobox2 {
width: 20px;
margin: 10px 0 10px 0;
display: inline-block;
}
#controls p span.radiobox {
color: #7F7F7F;
font-size:14px;
font-style:italic;
}
#controls p span.radiobox2 {
font-size:14px;
}

#controls p.zamik {
margin-left: 180px;
}
#controls p span {
font-size:16px;
}

#controls p.link {
font-size:9px;
color:#7F7F7F;
}
#controls p.link a {
text-decoration: underline;
color:#7F7F7F;
}
#controls p.link a:hover {
text-decoration: none;
}

#controls #buttonsLogin {
margin-top: 25px;
margin-left: 35px;
margin-left: 180px;
height: 130px;
}
#controls div.frameLogin {
float:left;
margin-left: 20px;
width: 113px;
height: 130px;
text-align: center;
}
#controls div.buttonLogin a {
display: block;
background: url(button_login.png) no-repeat;
width: 113px;
height: 52px; /*81px - padding*/
font-size: 18px;
color: #545252;
text-align: center;
padding-top: 29px;
text-decoration: none;
}
#controls div.buttonLogin a:hover { 
background-position: 0 -81px;
}
#controls div.frameRegister {
float: left;
width: 320px;
height: 105px; /*130px-padding*/
padding-top: 25px;
color: #7F7F7F;
font-size: 16px;
text-align: center;
background: url(frame_register.png) no-repeat;
position: relative;
}
#controls div.buttonRegister a {
display: block;
background: url(button_register.png) no-repeat;
width: 280px;
height: 36px; /*48px - padding*/
font-size: 18px;
color: #545252;
text-align: center;
padding-top: 12px;
position: absolute;
bottom: 15px;
left: 20px;
text-decoration: none;
}
#controls div.buttonRegister a:hover { 
background-position: 0 -48px;
}

#controls div.frameLogin2 {
float:left;
width: 113px;
height: 130px;
text-align: center;
}
#controls div.frameRegister2 {
float: right;
width: 220px;
height: 105px; /*130px-padding*/
padding-top: 25px;
color: #7F7F7F;
font-size: 16px;
text-align: center;
background: url(frame_register2.png) no-repeat;
position: relative;
right:10px;
bottom:7px;
}
#controls div.buttonRegister2 a {
display: block;
background: url(button_register2.png) no-repeat;
width: 176px;
height: 36px; /*48px - padding*/
font-size: 18px;
color: #545252;
text-align: center;
padding-top: 12px;
position: absolute;
bottom: 15px;
left: 22px;
text-decoration: none;
}
#controls div.buttonRegister2 a:hover { 
background-position: 0 -48px;
}








#controls #buttonLostPassword {
margin-top: 25px;
margin-left: 180px;
margin-bottom: 50px;
height: 48px;
}
#controls div.frameLostPassword {
width: 280px;
height: 50px;
text-align: center;
}
#controls div.buttonLostPassword a {
display: block;
background: url(button_register.png) no-repeat;
width: 280px;
height: 36px; /*48px - padding*/
font-size: 18px;
color: #545252;
padding-top: 12px;
text-align: center;
text-decoration: none;
}
#controls div.buttonLostPassword a:hover { 
background-position: 0 -48px;
}

#buttonsCenter {
padding-top:25px;
padding-bottom:50px;
width:280px;
margin-left:auto;
margin-right:auto;
}

#controls .profil p {
margin:2px;
}
#controls .profil h2 {
margin-top:5px;
margin-left: 50px;
margin-right: 50px;
color: #545252;
font-size: 18px;
padding: 15px;
text-align:center;
border: solid 1px #B8B8B8;
background-color: #EFEFEF;
}
#controls .profil p label {
width: 140px;
text-align: right;
float: left;
margin: 0 10px 0 0;
padding: 1px;
font-size: 14px; 
}
#controls .profil p span {
font-size: 16px;
font-weight:bold;
}

#controls {
margin-top:25px;
}

#info {
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

#error_msg {
margin-top:5px;
margin-left: 50px;
margin-right: 50px;
color: rgb(168, 35, 27);
font-size: 18px;
padding: 15px;
text-align:center;
border: solid 1px rgb(168, 35, 27);
}

#info_msg {
margin-bottom:25px;
background-color:#DFFFD9;
margin-left: 50px;
margin-right: 50px;
color:#448039;
font-size: 18px;
padding: 15px;
text-align:center;
border: solid 1px #448039;
}
/*======== CONTROLS - end =======================================*/


/*======== ERROR - start =======================================*/
#error {
margin-left:auto;
margin-right:auto;
width:600px;
margin-top: 50px;
}
#error a {
text-decoration:none;
}
#error a:hover {
text-decoration:underline;
}
#error .content {
position: relative;
padding-top:20px; 
height: 110px;
padding-right: 110px;
}
#error .content h2 {
color: #808080;
font-size: 18px;
font-style: italic;
}
#error .content .image {
position: absolute;
right:0;
top: 10px;
}
#error .subcontent {
border-top: solid 1px #da0005;
background: url(error_fade.png) repeat-x;
padding: 20px;
}
#error .subcontent span {
color: #da0005;
font-size: 15px;
font-style: italic;
}
#error .subcontent a {
color:#da0005;
font-weight: bold;
}
#error .buttons {
float: right;
margin-top: 20px;
}
#error .footer {
clear:both;
margin-top:150px;
margin-bottom:15px;
color:#808080;
background-color: #F5F5F5;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-size:10px;
}
/*======== ERROR - end =======================================*/

.clear {
clear:both;
}

/* ---------------------- sharing ------------------------------- */
div#sharing {
clear:both;
margin:0 auto;
}
div#sharing p {
float:left;
margin:0;
}
div#sharing a.facebook, div#sharing a.twitter {
display:block;
width:16px;
height:16px;
margin-left:5px;
float:left;
text-decoration:none;
background-image:url(sharing.gif);
background-repeat:no-repeat;
}
div#sharing a.facebook { background-position:0px 0px; }
div#sharing a:hover.facebook { background-position:0px -16px; }
div#sharing a.twitter { background-position:-16px 0px; }
div#sharing a:hover.twitter { background-position:-16px -16px; }



.big_button {
padding:6px 14px;
font-size:15px;
}


#home {
display:block;
width:220px;
height:154px;
text-decoration:none;
z-index:1;
position:absolute;
}


#newsItem {
margin-bottom:20px;
}
#newsItem a.link  {
text-decoration:underline;
color:#404040;
float:right;
}
#newsItem a.link:hover {
text-decoration:none;
}
#newsHeader {
background-color:#404040;
padding:5px;
color:#fff;
text-align:right;
}
#newsHeader h2 {
display:inline;
float:left;
margin:0;
font-size:12px;
}
#newsHeader h2 a {
color:#fff;
text-decoration:none;
}
#newsHeader h2 a:hover {
text-decoration:underline;
}