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

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:Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff url(../images/bkg.jpg) repeat top left;
    color: #000000;
    padding:0;
    margin:0;
}

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

a {
    color:#333333;
}

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

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.jpg) no-repeat top center;
    height:24px;
    line-height:1px;
    font-size:1px;
}

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

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

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

.header {
    background:url(../images/head.jpg) no-repeat top left;
    height:95px;
    margin:0;
    padding:25px 15px 0 0;
    text-align:right;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, cursive;
}

.header h1 {
    font-size:26px;
    line-height:30px;
    color:#ffffff;
}

h1, .header h2 {
    font-size:16px;
    font-weight:normal;
    text-transform:lowercase;
    color:#fba65a;
    padding:0;
    margin:0;
}

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

ul.menu li {
    list-style:none;
    display:block;
    border-right:solid 2px #a2a2a2;
    float:left;
    padding:0;
    margin:0;
    text-align:center;
}

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

ul.menu li a:hover {
    list-style:none;
    display:block;
    background:url(../images/hov.jpg) repeat-x top left;
}

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

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

ul.menu li.last form div.src {
    background:url(../images/src.jpg) no-repeat top left;
    width:120px;
    color:#333333;
    padding:10px 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 {
    background:url(../images/elm_top.jpg) no-repeat top left;
    height:29px;
    line-height:29px;
    color:#ffffff;
    text-transform:uppercase;
    font-size:15px;
    padding:0 0 0 15px;
}

.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 10px 0;
}

.elm_top1 {
    background:url(../images/elm_top1.jpg) no-repeat top left;
    height:42px;
    line-height:17px;
    color:#ffffff;
    text-transform:uppercase;
    font-size:15px;
    padding:5px 0 0 15px;
}

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

.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:18px;
    margin:8px 0 8px 0;
    padding:0 5px 0 5px;
    border:solid 1px #666666;
    width:148px;
    font-size:12px;
}

.isc input.isci {
    width:72px;
    height:24px;
    padding:0 0 0 88px;
    border:none;
}

.info {
    font-size:14px;
    line-height:15px;
    text-transform:uppercase;
}

.i {
    background:url(../images/i.jpg) no-repeat top left;
    padding:0 0 0 49px;
    color:#e00201;
    line-height:45px;
    height:45px;
    font-size:18px;
    margin:0 0 5px 0;
}

.info span {
    color:#e00201;
}

.info a {
    text-decoration:underline;
}

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

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

.elm_top.kos {
    font-size:13px;
    padding:0 0 0 5px;
}

.elm_top.kos img {
    vertical-align:middle;
}

.elm_top.kos span {
    font-size:11px;
    text-decoration:underline;
    text-transform:lowercase;
}

.elm_in {
    padding:5px 12px 0 12px;
}

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

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

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

.x img {
    vertical-align:middle;
}

.bord {
    height:1px;
    border-bottom:dotted 1px #666666;
    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;
}

.dost {
    background:url(../images/dostava.jpg) no-repeat top left;
    height:171px;
    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 {
    background:url(../images/yes.gif) no-repeat center left;
    font-size:13px;
    line-height:14px;
    border-bottom:dotted 1px #333333;
    margin:0 15px 0 15px;
    padding:5px 0 5px 32px;
    min-height:25px;
}

.izd1.lst {
    border-bottom:none;
}

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

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

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

h2 {
    color:#e00201;
    font-size:18px;
    line-height:22px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0 0 5px 0;
    padding:0;
}

h2.arr {
    background:url(../images/arrow.jpg) no-repeat center left;
    padding:0 0 0 25px;
}

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

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

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

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

h3 a {
    color:#e00201;
    text-decoration:underline;
}

.top1 {
    background:url(../images/top1.jpg) no-repeat top left;
    height:10px;
    line-height:1px;
    font-size:1px;
}

.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;
}

ul.sitemap {
    list-style: disc;
}
ul.sitemap li {
    margin-left:10px;
    padding: 1px 0 2px 0;
}
ul.sitemap li a {
    text-decoration: underline;
}

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

.footer {
    height:42px;
    background:url(../images/footer.jpg) repeat-x top left;
    margin:15px 0 15px 0;
    padding:0 10px 0 10px;
    text-transform:uppercase;
    font-size:11px;
}

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

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

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

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

.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;
}

input.kon {
    background:#ffffff;
    border:solid 1px #666666;
    color:#333333;
    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 #666666;
    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:72px;
    height:24px;
    border:none;
    margin:8px 0 8px 375px;
}

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

.upp a {
    text-decoration:underline;
}

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

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

.akc {
    width:166px;
    border-right:solid 2px #cccccc;
    float:left;
    height:205px;
    padding:0 7px 5px 7px;
    font-size:12px;
}

.akc img {
    width:120px;
    max-height:135px;
    padding:5px 0 5px 20px;
    overflow:hidden;
}

.akc.nn {
    border-right:none;
}

.akc span {
    color:#df0100;
    font-size:14px;
}

.akc span img {
    vertical-align:middle;
    width:14px;
    height:20px;
    padding:0 0 0 0;
}

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

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

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

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

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

.isk {
    width:48%;
    float:left;
    padding:0 10px 0 0;
}

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

h2.zn {
    text-transform:none;
    font-size:18px;
    line-height:20px;
    font-weight:normal;
    margin:0 0 5px 0;
    color:#e00201;
}

h2.zn img {
    width:20px;
    vertical-align:middle;
    padding:0;
}

.rght {
    text-align:right;
}

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

.sel select {
    width:200px;
    padding:00;
    margin:0 0 10px 0;
    border:solid 1px #666666;
    height:20px;
}

.sel option {
    color:#333333;
    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 30px;
    margin:0 0 20px 0;
}

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

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

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

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

.ar img {
    vertical-align:middle;
}

.ar a {
    color:#333333;
    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:#e00201;
}

.sr2 span a {
    color:#e00201;
    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:#e00201;
    font-weight:normal;
}

select.kol {
    border:solid 1px #666666;
    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;
}

h4 {
    color:#e00201;
    font-size:15px;
    line-height:18px;
    margin:0 0 10px 0;
    padding:0;
}

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

.mi1 img {
    width:130px;
}

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

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

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

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

.mi2 {
    float:left;
    width:385px;
}

table.price {
    width:100%;
    border:solid 1px #666666;
    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:#eeeeee;
}

table.price td.red {
    color:#de0202;
    text-align:left;
}

.mi2 span {
    font-weight:bold;
}

.mi2 select {
    border:solid 1px #666666;
    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;
}

.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:url(../images/tab_top.jpg) no-repeat top left;
    height:34px;
    line-height:34px;
    color:#de0202;
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
    padding:0 0 0 14px;
    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:9px;
    line-height:1px;
    font-size:1px;
}

table.tab {
    margin:0 4px 0 4px;
    width:772px;
    border:none;
}

table.tab td, table.tab th {
    padding:0 10px 0 10px;
    border-right:dotted 1px #cccccc;
}

table.tab td {
    padding:4px 10px 4px 10px;
    border-bottom:dotted 1px #cccccc;
    vertical-align:top;
    font-size:12px;
}

table.tab td.nn {
    border-right:none;
}

table.tab td.nn1 {
    border-bottom:none;
}

table.tab th {
    background:#ef662f;
    height:28px;
    line-height:28px;
    color:#ffffff;
    text-align:left;
}

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:16px;
    float:left;
    border-top:dotted 1px #999999;
    border-bottom:dotted 1px #999999;
    margin:3px 30px 0 0;
}

.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:#e00201;
}

input.ord2 {
    background:#ffffff;
    border:solid 1px #666666;
    color:#333333;
    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 #666666;
    font-size:12px;
    height:20px;
    line-height:18px;
    width:248px;
    padding:0 0 0 3px;
}

textarea.ord4 {
    background:#ffffff;
    border:solid 1px #666666;
    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:#e00201;
    text-decoration: underline;
}

table.OrderTable {
    margin: 0;
    padding: 5px;
    border: solid 1px #000000;
    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: 11px;
}
/*------------------ 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 ----------------*/