@charset "utf-8";
/* CSS Document
Created By Terra Rossa Studio 16-may-2011 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {
    outline:0;
}

p strong {
    font-weight:bold;
}
ol, ul {
    list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:separate;
    border-spacing:0;
}

caption, th, td {
    text-align:left;
    font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:"";
}
blockquote, q {
    quotes:"" "";
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}
/* for IE/Mac */

/*----------common styles----------*/

body {
    font-family:"Times New Roman", Times, serif;
    background:#ffffff url(../images/bkg.png) repeat-x top left;
    color:#000000;
    padding:0;
    margin:0;
}

img {
    border:none;
    float:none;
    padding:0;
    margin:0;
}

a {
    color:#000000;
}

#contentholder {
    width:980px;
    margin:0 auto;
    padding:6px 10px 6px 10px;
    font-size:12px;
    color:#000000;
}

form {
    padding:0;
    margin:0;
}

.left {
    float:left;
}

.right {
    float:right;
}

.none {
    float:none;
    border:none;
    padding:0;
    margin:0;
}

a {
    text-decoration:none;
}

.fifty {
    width:50%;
}

p {
    padding:7px 0 7px 0;
    margin:0;
    border:none;
}

.center {
    text-align:center;
}

.top {
    background:url(../images/top.png) no-repeat top center;
    height:25px;
    line-height:1px;
    font-size:1px;
}

.mid {
    background:url(../images/mid.png) repeat-y top center;
}

.bot {
    background:url(../images/bot.png) no-repeat bottom center;
    height:46px;
    line-height:1px;
    font-size:1px;
}

/*----------header----------*/

.header {
    background:url(../images/head.jpg) no-repeat top left;
    height:177px;
    margin:0;
    text-align:left;
    padding:13px 0 0 15px;
    width:965px;
}

.header h1 {
    font-size:25px;
    font-weight:bold;
    line-height:36px;
    color:#02186b;
}

.header h2 {
    font-size:15px;
    line-height:21px;
    font-weight:normal;
    color:#031248;
    padding:0;
    margin:0;
}

.header h2 span {
    color:#ffffff;
    text-transform:uppercase;
}

ul.menu {
    list-style:none;
    display:block;
    margin:10px 0 10px 0;
    padding:0;
    width:980px;
    height:43px;
    line-height:43px;
    background:url(../images/menu_7.jpg) repeat-x top left;
    text-transform:capitalize;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
}

ul.menu li {
    list-style:none;
    display:block;
    float:left;
    padding:0;
    margin:0;
    text-align:center;
}

ul.menu li.ir {
    background:url(../images/menu_1.jpg) repeat-x top left;
}

ul.menu li.ii {
    background:url(../images/menu_2.jpg) repeat-x top left;
}

ul.menu li.iii {
    background:url(../images/menu_3.jpg) repeat-x top left;
}

ul.menu li.iv {
    background:url(../images/menu_4.jpg) repeat-x top left;
}

ul.menu li.v {
    background:url(../images/menu_5.jpg) repeat-x top left;
}

ul.menu li.vi {
    background:url(../images/menu_6.jpg) repeat-x top left;
}

ul.menu li a {
    list-style:none;
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0 22px 0 22px;
}

ul.menu li a:hover {
    list-style:none;
    display:block;
    color:#f3f3f3;
}

ul.menu li.last {
    border-right:none;
    text-align:left;
}

ul.menu li.last form {
    margin:0;
    padding:0 0 0 25px;
}

ul.menu li.last form div.src {
    background:url(../images/src.jpg) no-repeat top left;
    width:123px;
    color:#000000;
    padding:13px 0 10px 35px;
    text-align:left;
    text-transform:none;
    height:auto;
    margin:0;
}

ul.menu li.last form div.src input.srch {
    padding:0;
    margin:0;
    border:0;
    width:100px;
    background:none;
    text-align:left;
    height:16px;
    line-height:16px;
    font-size:13px;
    float:left;
}

/*----------Content----------*/

.content {
    margin:0;
    padding:0;
}

.cont1 {
    width:190px;
    padding:0 10px 0 0;
    float:left;
}

.cont2 {
    width:580px;
    float:left;
}

.cont3 {
    width:190px;
    padding:0 0 0 10px;
    float:left;
}

/*----------SidePanel - Left----------*/

.elm_top {
    height:5px;
    padding:0;
}

.elm_top.ir {
    background:#005ec2;
}

.elm_top.ii {
    background:#048409;
}

.elm_top.iii {
    background:#f97904;
}

.elm_top.iv {
    background:#fd1b02;
}

.elm_top.v {
    background:#a80aa5;
}

.elm_top.vi {
    background:#5e0aa8;
}

.elm_mid {
    background:url(../images/elm_mid.jpg) repeat-y top left;
}

.elm_bot {
    background:url(../images/elm_bot.jpg) no-repeat bottom left;
    height:12px;
    line-height:1px;
    font-size:1px;
    margin:0 0 12px 0;
}

.elm_mid h2 {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    margin:0 12px 0 12px;
    padding:7px 0 2px 0;
    text-transform:uppercase;
}

.elm_mid h2.ir {
    color:#005ec2;
}

.elm_mid h2.ii {
    color:#048409;
}

.elm_mid h2.iii {
    color:#f97904;
}

.elm_mid h2.iv {
    color:#fd1b02;
    margin:0 0 0 0;
}

.elm_mid h2.v {
    color:#a80aa5;
}

.elm_mid h2.vi {
    color:#5e0aa8;
}

.izd {
    font-size:12px;
    font-weight:bold;
    line-height:28px;
    border-bottom:dashed 1px #333333;
    margin:0 12px 0 12px;
}

.isc {
    margin:0 15px 0 15px;
    padding:5px 0 0 0;
    font-size:12px;
    line-height:14px;
}

.isc span {
    text-decoration:underline;
}

.isc input.pan {
    height:20px;
    margin:10px 0 8px 0;
    padding:0 5px 0 5px;
    border:solid 1px #333333;
    width:145px;
    font-size:12px;
}

.isc input.isci {
    width:74px;
    height:30px;
    padding:5px 0 0 82px;
    border:none;
}

.info {
    font-size:14px;
    line-height:18px;
    background:url(../images/info.jpg) no-repeat top right;
    margin:0 3px 0 12px;
}

.info span {
    color:#fd1b02;
    text-transform:uppercase;
    font-weight:bold;
}

.info a {
    text-decoration:underline;
}

.info a:hover {
    text-decoration:none;
}

/*----------SidePanel - Right----------*/

.elm_in {
    padding:5px 10px 0 10px;
    font-size:11px;
}

.elm_in .kos {
    font-size:14px;
    border-bottom:dashed 1px #333333;
    padding:5px 0 5px 0;
    color:#a80aa5;
    text-transform:uppercase;
    font-weight:bold;
    line-height:15px;
    background:url(../images/kosarica.jpg) no-repeat top right;
    vertical-align:middle;
    height:35px;
}

.elm_in .kos span {
    font-size:12px;
    text-transform:lowercase;
    color:#000000;
}

.prod {
    padding:5px 0 0 0;
}

.prod img {
    width:50px;
    overflow:hidden;
    float:left;
    padding: 0 3px 3px 0;
}

.x {
    line-height:17px;
    height:17px;
}

.x img {
    vertical-align:middle;
}

.bord {
    height:1px;
    border-bottom:dashed 1px #333333;
    padding:6px 0 0 0;
}

table.bask {
    border:none;
    width:100%;
    margin:5px 0 8px 0;
    line-height:16px;
}

table.bask td.rgt {
    text-align:right;
    width:40%;
}

table.bask tr.tot {
    font-weight:bold;
}

.blag {
    text-align:right;
}

/* -- kosarica END --  */

.dost {
    background:url(../images/dostava.jpg) no-repeat top left;
    height:190px;
    margin:0 0 10px 0;
}

.elm_mid1 {
    background:url(../images/elm_mid1.jpg) repeat-y top left;
}

.elm_bot1 {
    background:url(../images/elm_bot1.jpg) no-repeat bottom left;
    height:12px;
    line-height:1px;
    font-size:1px;
    margin:0 0 10px 0;
}

.izd1 {
    font-size:13px;
    line-height:16px;
    border-bottom:dashed 1px #333333;
    margin:0 15px 0 15px;
    padding:8px 0 8px 45px;
    min-height:40px;
}

.izd1.ena {
    background:url(../images/ena.jpg) no-repeat center left;
}

.izd1.dve {
    background:url(../images/dve.jpg) no-repeat center left;
}

.izd1.tri {
    background:url(../images/tri.jpg) no-repeat center left;
}

.izd1.stiri {
    border-bottom:none;
    background:url(../images/stiri.jpg) no-repeat center left;
}

.izd1.stiri a {
    text-decoration:underline;
}

.izd1.lst a:hover {
    text-decoration:none;
}

/*----------Vsebina----------*/

.top1 {
    background:#999999;
    height:5px;
}

.mid1 {
    background:url(../images/mid1.jpg) repeat-y top left;
    padding:0 15px 0 15px;
    width:550px;
}

.bot1 {
    background:url(../images/bot1.jpg) no-repeat bottom left;
    height:12px;
    line-height:1px;
    font-size:1px;
    margin:0 0 10px 0;
}

.txt {
    font-size:12px;
}

.txt a {
    color:#e4036f;
}

.mid1 h2 {
    font-size:14px;
    line-height:22px;
    font-weight:bold;
    margin:0;
    padding:5px 0 0 0;
    color:#e4036f;
    text-transform:uppercase;
}

/* POGOJI POSLOVANJA ... */

h3 {
    color:#e4036f;
    font-size:13px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0;
    padding:0;
    line-height:22px;
}

h3.arr {
    background:url(../images/quest.jpg) no-repeat center left;
    padding:0 0 0 25px;
    line-height:26px;
}

h3.arr1 {
    background:url(../images/arrow1.jpg) no-repeat center left;
    padding:0 0 0 20px;
    font-size:11px;
}

h3.arr a, h3.arr1 a {
    color:#e4036f;
    text-decoration:underline;
}

h3.arr a:hover, h3.arr1 a:hover {
    text-decoration:none;
}

/* SITEMAP */

ul.sitemap {
    list-style:disc;
    padding:2px 0 10px 0;
}

ul.sitemap li {
    margin-left:20px;
    padding:2px 0 2px 0;
}

ul.sitemap li a {
    text-decoration:underline;
}

ul.sitemap li a:hover {
    text-decoration:none;
}

/*----------footer----------*/

.footer {
    height:41px;
    background:url(../images/footer.jpg) no-repeat top left;
    margin:12px 0 10px 0;
    padding:7px 0 0 0;
    text-transform:uppercase;
    font-size:11px;
    color:#000000;
}

.footer a {
    color:#000000;
}

.footer a:hover {
    text-decoration:underline;
}

.f_l {
    float:left;
    padding:6px 0 0 0;
}

.f_r {
    float:right;
    text-align:right;
    padding:6px 0 0 0;
}

/*----------Contact----------*/

.mv {
    padding:10px 0 0 20px;
}

.kont {
    margin:0 0 20px 0;
}

label.con {
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:20px;
    line-height:20px;
    padding:0 15px 0 0;
    text-transform:uppercase;
    text-align:right;
    width:155px;
}

label.con span {
    color:#e4036f;
}

input.kon {
    background:#ffffff;
    border:solid 1px #333333;
    color:#000000;
    display:block;
    float:left;
    font-size:12px;
    height:20px;
    line-height:18px;
    padding:0 5px 0 5px;
    width:190px;
}

textarea.mess {
    background:#ffffff;
    border:solid 1px #333333;
    color:#000000;
    display:block;
    float:left;
    font-size:12px;
    height:185px;
    line-height:16px;
    padding:5px;
    width:265px;
}

input.send {
    background:url(../images/send.jpg) no-repeat top left;
    width:74px;
    height:30px;
    border:none;
    margin:8px 0 8px 373px;
}

.upp {
    text-transform:uppercase;
    font-weight:bold;
    font-size:13px;
}

.upp a {
    text-decoration:underline;
}

.upp a:hover {
    text-decoration:none;
}

/*----------HomePage----------*/

.fir {
    width:49%;
    float:left;
    height:55px;
    font-size:11px;
    margin:0 0 8px 0;
}

.fir img {
    width:105px;
    height:45px;
    padding:0 5px 0 0;
    float:left;
}

.fir span {
    font-size:13px;
}

.fir a {
    color:#e4036f;
    text-decoration:underline;
}

.fir a:hover {
    text-decoration:none;
}

.isk {
    width:275px;
    float:left;
    padding:0 0 0 0;
}

.isk img {
    width:260px;
    padding:0 0 10px 10px;
}

.rght {
    text-align:right;
}

.sel {
    margin:0 0 0 30px;
}

.sel select {
    width:200px;
    padding:0;
    margin:0 0 10px 0;
    border:solid 1px #333333;
    height:22px;
}

.sel option {
    color:#000000;
    font-size:12px;
}

/*----------Search Results----------*/

.le {
    background:url(../images/arrow.jpg) no-repeat top left;
    line-height:20px;
    text-transform:uppercase;
    font-size:14px;
    padding:0 0 0 25px;
    margin:0 0 10px 0;
}

.le span {
    padding:0 17px 0 17px;
}

.le a {
    text-decoration:underline;
    color:#e4036f;
    font-weight:bold;
}

.le a:hover {
    text-decoration:none;
}

.ar {
    text-align:center;
    line-height:24px;
    margin:5px 0 10px 0;
}

.ar img {
    vertical-align:middle;
}

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

.ar span {
    padding:0 5px 0 5px;
}

.ar span a:hover {
    text-decoration:none;
}

.top2 {
    background:url(../images/top2.jpg) no-repeat top left;
    height:24px;
    line-height:24px;
    font-weight:bold;
    font-size:13px;
    color:#000000;
    padding:0 0 0 15px;
    overflow:hidden;
}

.mid2 {
    background:url(../images/mid2.jpg) repeat-y top left;
    padding:0 15px 0 15px;
    width:550px;
}

.bot2 {
    background:url(../images/bot2.jpg) no-repeat bottom left;
    height:12px;
    line-height:1px;
    font-size:1px;
    margin:0 0 10px 0;
}

.sr1 {
    float:left;
    width:100px;
}

.sr1 img {
    width:85px;
    padding:0 0 3px 0;
}

.sr2 {
    float:left;
    width:260px;
    padding:0 10px 0 0;
}

.sr2 span {
    font-weight:bold;
    color:#e4036f;
}

.sr2 span a {
    color:#e4036f;
    text-decoration:underline;
}

.sr2 span a:hover {
    text-decoration:none;
}

.sr3 {
    float:left;
    width:180px;
    text-align:right;
    font-size:11px;
}

.sr3 span {
    font-weight:bold;
}

.sr3 span.red {
    color:#e4036f;
    font-weight:normal;
}

select.kol {
    border:solid 1px #333333;
    width:40px;
    padding:0 0 0 3px;
    height:20px;
    margin:3px 0 5px 0;
}

option.kol {
    font-size:11px;
}

.sr3 span.sml {
    font-size:10px;
    font-weight:normal;
}

/*----------More Info----------*/

.back {
    margin:0 0 12px 0;
    font-size:13px;
}

.back a {
    text-decoration:underline;
}

.back a:hover {
    text-decoration:none;
}

.back img {
    vertical-align:middle;
}

.mi1 {
    float:left;
    width:165px;
    text-align:center;
    margin:10px 0 0 0;
}

.mi1 img {
    width:130px;
}

.mi1 span {
    font-size:11px;
    line-height:30px;
}

.mi1 span img {
    width:30px;
    vertical-align:middle;
}

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

.mi1 span a:hover {
    text-decoration:none;
}

.mi2 {
    float:left;
    width:385px;
    margin:10px 0 0 0;
}

table.price {
    width:100%;
    border:solid 1px #333333;
    margin:0 0 3px 0;
}

table.price td {
    width:20%;
    border:solid 2px #ffffff;
    padding:0 3px 0 3px;
    text-align:center;
    line-height:18px;
}

table.price td.gry {
    background:url(../images/md1.jpg) repeat top left;
}

table.price td.red {
    color:#e4036f;
    text-align:center;
    font-weight:bold;
    background:#f9d7e7;
}

.mi2 span {
    font-weight:bold;
}

.mi2 select {
    border:solid 1px #333333;
    width:40px;
    padding:0 0 0 3px;
    height:20px;
    margin:3px 0 5px 0;
}

.mi2 option {
    font-size:11px;
}

.mi2 span.sml {
    font-size:10px;
    font-weight:normal;
}

/*----------order1----------*/

.cont4 {
    float:left;
    width:780px;
}

.cont4 h2 {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    margin:0;
    padding:7px 0 2px 0;
    text-transform:uppercase;
    color:#e4036f;
}

.var {
    background:url(../images/var.jpg) no-repeat top left;
    height:190px;
    margin:0 0 10px 0;
}

.line {
    height:41px;
    margin:15px 0 0 0;
}

.tab_top {
    background:#999999;
    height:5px;
    margin:15px 0 0 0;
}

.tab_mid {
    background:url(../images/tab_mid.jpg) repeat-y top left;
}

.tab_bot {
    background:url(../images/tab_bot.jpg) no-repeat bottom left;
    height:12px;
    line-height:1px;
    font-size:1px;
}

.mx h2 {
    line-height:34px;
    height:34px;
    color:#e4036f;
    font-weight:bold;
    font-size:14px;
    padding:0;
    margin:0;
    text-transform:uppercase;
    border-bottom:dashed 1px #333333;
}

table.tab {
    margin:0 1px 0 1px;
    width:778px;
    border:none;
}

table.tab th {
    padding:2px 12px 2px 12px;
    border-right:dashed 1px #333333;
    background:#5e0aa8;
    height:28px;
    line-height:28px;
    color:#ffffff;
    text-align:left;
}

table.tab td {
    padding:7px 10px 7px 10px;
    border-bottom:dashed 1px #333333;
    vertical-align:top;
    font-size:12px;
}

table.tab td.nn {
    border-right:none;
    padding-top:10px;
    padding-bottom:10px;
}

table.tab td.nn1 {
    border-bottom:none;
    padding-top:10px;
    padding-bottom:10px;
}

table.tab th.rgt, table.tab td.rgt {
    text-align:right;
    border-right:none;
}

table.tab td.rgt img {
    padding-top:4px;
}

table.tab th.midd, table.tab td.midd {
    text-align:center;
}

table.tab th.tw {
    width:20%;
}

table.tab th.for {
    width:40%;
}

table.tab th.six {
    width:60%;
}

.imag {
    width:350px;
    float:left;
}

.imag img {
    width:50px;
    padding:0 15px 0 15px;
    float:left;
}

.ods {
    float:right;
    text-align:right;
}

.ods img {
    vertical-align:middle;
}

.sml {
    font-size:10px;
}

.fw {
    line-height:28px;
    float:left;
    border-top:dashed 1px #333333;
    border-bottom:dashed 1px #333333;
    margin:3px 30px 0 0;
}

.fw a {
    color:#e4036f;
    font-weight:bold;
}

.fw img {
    vertical-align:middle;
}

/*----------order2----------*/

.ord {
    margin:0 0 10px 0;
    width:598px;
}

label.ord1 {
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:18px;
    line-height:18px;
    padding:0 15px 0 0;
    text-transform:lowercase;
    text-align:right;
    width:330px;
}

label.ord1 span {
    color:#e4036f;
}

input.ord2 {
    background:#ffffff;
    border:solid 1px #333333;
    color:#000000;
    font-size:12px;
    height:18px;
    line-height:18px;
    padding:0 5px 0 5px;
    width:235px;
}

input.ord5 {
    width:120px;
}

div.ord3 {
    display:block;
    float:left;
    width:250px;
    overflow:hidden;
}

select.ord3 {
    background:#ffffff;
    border:solid 1px #333333;
    font-size:12px;
    height:20px;
    line-height:18px;
    width:248px;
    padding:0 0 0 3px;
}

textarea.ord4 {
    background:#ffffff;
    border:solid 1px #333333;
    font-size:12px;
    height:50px;
    line-height:16px;
    padding:5px;
    width:234px;
}

/*----------order3----------*/

.odd {
    margin:25px 0 0 0;
    font-size:13px;
}

.odd div.lft {
    padding:0 25px 50px 0;
    float:left;
}

.odd div.rght {
    float:left;
    width:690px;
    text-align: left;
}

.odd div.prnt {
    text-align:right;
}

.odd div.prnt a {
    color:#e4036f;
    text-decoration:underline;
}

table.OrderTable {
    margin:0;
    padding:5px;
    border:solid 1px #333333;
    font-size:14px;
    width:100%;
}

table.OrderTable tr, table.OrderTable td, table.OrderTable th {
    margin:0;
    padding:3px;
}

table.OrderTable th {
    font-weight:bold;
    font-size:13px;
}
/*------------------ cookie container start ----------------*/
div#cookieContainer {
    background-color: #1D1D1D;
    color: #FFFFFF;
    width: 230px;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}
div#cookieContainer a {
    color:#ffffff;
    text-decoration:underline;
}
div#cookieContainer a.button {
    display:block;
    width:60px;
    text-align:center;
    margin-top:3px;
    padding: 5px 10px;
    background: #4479BA;
    color: #FFF;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
     -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
div#cookieContainer a.button:hover, div#cookieContainer a.button:focus {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
/*------------------ cookie container end ----------------*/