* { margin:0; padding:0;}
body {background:url(body-back.gif) top left repeat-x #000000; margin:0; font-size:90%;
font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
h1, h2, h3, h4 {font-family: "trebuchet MS", verdana, sans-serif; font-size:200%; font-weight:bold; line-height:normal; color:#36393D; padding:3px 0px 5px;}

.content {
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto 50px;
  /*width: 600px;*/
  text-align: left;
}

.content h1 {font-size:240%;}
.content p {font-size:120%;margin:.4em 0 .8em 0;padding:0;}


h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
a:link, a:active, a:visited { text-decoration: underline; color: #36393D; }
a:hover, a:focus { text-decoration: underline; color: #1AA8F3; }
a.selected {color: #1AA8F3;}
img {border:0px; vertical-align:top;}
.clean {clear:both;}

div#wrapper {background: #FFFFFF url(wrapper.gif) top left repeat-x;
margin-top: 35px; margin-bottom: 35px;
/*margin-left: 35px; margin-right: 35px;*/
/*margin-left: 9%; margin-right: 9%;*/
margin-left: 6%; margin-right: 6%;
}
/*margin-left: auto; margin-right: auto;*/

.iskanje {position:relative; left: 700px; top: -70px; width: 300px; min-height: 24px;}

.input_iskanje {
    border: 1px solid #356AA0; background: #FFFFFF; height: 20px; font-size: 14px; width: 100px;
}

a#logo {position:relative;
left: 30px;
top: 10px;
display:block;
width: 386px; height: 100px;
text-indent:-999px;  background:url(Majice_So_in.png) top left no-repeat;}

.menu {margin-top: -30px; margin-left: 25px;}
.menu ul {list-style:none; font-weight:bold; font-size: 120%;font-family: "Comic Sans", "Comic Sans MS", cursive;}
.menu ul li {float: left; padding: 14px 14px 14px 14px;}
.menu ul li a {text-decoration:none; color:black;}
.menu ul li a:hover {text-decoration:underline; }
div.akcija {float: left;}
.akcija a {position: relative; top: 56px; left: 600px;display:block; width: 60px; height: 60px; background:url(badge-action_si.png) top right no-repeat;color: white; text-decoration : none;}
.akcija a:hover {text-decoration : none;}

.top_divider {margin-top: 20px; }

#left {
    float:left;
    width:200px;
    }
#right {
    float:right;
    width:200px;
    }
#middle {
    margin-left: 200px;
    margin-right: 200px;
    width: 550px;
}
#middle-galerija {
    margin-right: 200px;
    }
.column-in {
    margin:0; padding:0.5em 1em;
}

#kategorije {
    /*margin-left: 24px;*/
    margin-left: 15px;
    font-size: 120%;
    list-style:none;}
#kategorije ul {list-style:none;}
#kategorije ul li {padding:4px 0px 4px 0px;}
#kategorije ul li a {text-decoration: none; background:url(arrow_kat.gif) 0 7px no-repeat; padding-left: 14px;}
#kategorije ul li a:hover {color: #1AA8F3; text-decoration:none;}



/* artikli - begin */


.artikli3 {
    height: 330px;
}

.artikli6 {
    height: 600px;
}

/*
.artikel {
    float: left;
    width: 160px;

}
  */



.artikel .naziv {
    font-size: 110%;
    font-weight:bold;
    height: 38px;
    text-align: center;
}

.artikel .naziv a {
    color: #000000;
    text-decoration:none;
    text-transform:uppercase;
}

.artikel .naziv a:hover {
    text-decoration:underline;
}

.artikel .cena {
    font-family: 'Courier New', Courier, monospace;
    text-align:center;
    height: 40px;
    margin-bottom: 10px;
}

.artikel .cena strong {
    font-size: 160%;
}

.artikel .gumb_poglej {
    margin-left: auto;
    margin-right : auto;
    height: 30px;
    width: 140px;
    text-align: center;
    margin-bottom: 40px;
}


/*
.artikel .motiv {
    width: 160px;
    height: 160px;
    margin: auto;
}

.artikel .motiv a {
    display: block;
    width: 160px;
    height: 160px;
}
*/


/* artikli - end */

.paging {
    /*padding-right: 20px;
    padding-bottom: 20px;
    background: #EEEEEE;
    color:#3D4142;*/
    font-family: Helvetica, Arial, sans-serif;
    font-size: 180%;
    font-weight:bold;
    text-align:center;
}

.paging a {
    text-decoration:none;
}

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

.paging .izbrana {
background: #333333; color: #FFFFFF; font-weight: bold; text-decoration: none;
}

/* buttons - begin */
input.button {

}

.button {
    height: 25px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: #F9F7ED;
    font-weight: bold;
    border: none;
}

.search_si {
    /*padding-bottom: 1px;*/
    width: 80px;
    background: url(buttons/button_si_search.png) no-repeat top left;
}

.search_si:hover {
    background: url(buttons/button_si_search_hover.png) no-repeat top left;
}

.search_si:active {
    background: url(buttons/button_si_search_down.png) no-repeat top left;
}

a.b140 {
    background: url(buttons/button_140.png) no-repeat 0px 0px;
    display:block;
}

a.b140:hover {
    background: url(buttons/button_140_hover.png) no-repeat 0px 0px;
}

a.b140:active {
    background: url(buttons/button_140_active.png) no-repeat 0px 0px;
}

a.button {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: #F9F7ED;


    padding-top: 6px;
    text-decoration: none;
}

a.button:active {
    padding-top: 7px;
}

/* buttons - end */

.kosarica_napis {
    height: 32px;
    padding-left: 30px;
}

.polna {
    background: url(kosarica_polna.png) 0% 50% no-repeat;
}

.prazna {
    background: url(kosarica_prazna.png) 0% 50% no-repeat;
}

.gumb_v_kosarico {
    margin-left: auto;
    margin-right : auto;
    height: 30px;
    width: 140px;
    text-align: center;
}

/*
rockstar 0.91
Table design by Jens Wedin, www.jedisthlm.com
*/

table.rockstar {font: 88%/1.7em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
                    border-collapse: separate; border-spacing: 0; margin: 0 0 1em 0; color:#000;}

table.rockstar a                     {color: #09f; text-decoration: none; border-bottom: 1px solid;}
table.rockstar a:visited             {color: #c3c; font-weight: normal;}
table.rockstar a:hover             {border-bottom-style: dotted;}

table.rockstar thead th,
table.rockstar thead td            {font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}

table.rockstar tfoot th,
table.rockstar tfoot td            {text-align: left; border-top: 0.4em solid #09f; font-weight: bold}

table.rockstar th,
table.rockstar td                     {padding: 0.25em;}

table.rockstar tbody th,
table.rockstar td                    {text-align: left; vertical-align: top;}

table.rockstar tbody th            {font-weight: normal; white-space: nowrap;}

table.rockstar tbody th a:link,
table.rockstar tbody th a:visited     {font-weight: bold;}

table.rockstar tbody th + td        {white-space: nowrap;}

table.rockstar tbody td,
table.rockstar tbody th             {border: 1px solid #fff; border-width: 1px 0;}

table.rockstar tbody tr.odd th,
table.rockstar tbody tr.odd td     {border-color: #deded8; background: #f9f9fb;}

table.rockstar tbody tr:hover td,
table.rockstar tbody tr:hover th     {background: #fbfbf8;}

table.rockstar caption             {font-weight: bold; font-size: 1.7em; text-align: left; margin: 0; padding: 0.5em 0.25em;}

table.rockstar td + td + td + td {white-space: nowrap;}

table.rockstar .pink { color: #c3c}
/*

td + td + td + td a:before {content:"\2193 ";}
a[href^="http://"]:not([href*="http://icant.co.uk"])::after {content: "\2197"; }
td + td + td + td a[href^="http://"]:not([href*="http://icant.co.uk"])::after {content: ""; }
*/



div.hr {
  height: 1px;
  /*background: #fff url(hr1.gif) no-repeat scroll center;*/
  border-top: #EEEEEE solid 1px;
  margin-bottom: 20px;
}
div.hr hr {
  display: none;
}

twitter_outter {
    margin-left: auto;
    margin-right : auto;
    /*height: 30px;
    width: 140px;*/
    text-align: center;
    margin-bottom: 40px;
}

a.twitter {
    display:block;
    width: 160px;
    height: 203px;
    text-decoration: none;
    background: url(twitter.png) top left no-repeat;
}

a.twitter:hover {
    background: url(twitter_hover.png) top left no-repeat;
}

a.twitter:active {
    background: url(twitter_hover.png) top left no-repeat;
}


    body {
        margin:0;
        padding:0;
        width:100%;

        /*min-width:600px;*/        /* Minimum width of layout - remove line if not required */
                        /* The min-width property does not work in old versions of Internet Explorer */
        /*font-size:90%;*/
    }
/*    a {
        color:#369;
    }
    a:hover {
        color:#fff;
        background:#369;
        text-decoration:none;
    }
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    img {
        margin:10px 0 5px;
    }*/
    /* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    #header {
        border-bottom:1px solid #000;
    }
    #header p,
    #header h1,
    #header h2 {
        padding:.4em 15px 0 15px;
        margin:0;
    }
    #header ul {
        clear:left;
        float:left;
        width:100%;
        list-style:none;
        margin:10px 0 0 0;
        padding:0;
    }
    #header ul li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0;
    }
    #header ul li a {
        display:block;
        float:left;
        margin:0 0 0 1px;
        padding:3px 10px;
        text-align:center;
        background:#eee;
        color:#000;
        text-decoration:none;
        position:relative;
        left:15px;
        line-height:1.3em;
    }
    #header ul li a:hover {
        background:#369;
        color:#fff;
    }
    #header ul li a.active,
    #header ul li a.active:hover {
        color:#fff;
        background:#000;
        font-weight:bold;
    }
    #header ul li a span {
        display:block;
    }
    /* 'widths' sub menu */
    #layoutdims {
        clear:both;
        background:#eee;
        border-top:4px solid #000;
        margin:0;
        padding:6px 15px !important;
        text-align:right;
    }
    /* column container */
    .colmask {
        position:relative;    /* This fixes the IE7 overflow hidden bug */
        clear:both;
        float:left;
        width:100%;            /* width of whole page */
        overflow:hidden;        /* This chops off any overhanging divs */
    }
    /* common column settings */
    .colright,
    .colmid,
    .colleft {
        float:left;
        width:100%;            /* width of page */
        position:relative;
    }
    .col1,
    .col2,
    .col3 {
        float:left;
        position:relative;
        padding:0 0 1em 0;    /* no left and right padding on columns, we just make them narrower instead
                        only padding top and bottom is included here, make it whatever value you need */
        overflow:hidden;
    }
    /* 3 Column settings */
    .threecol {
        /*background:#eee;*/        /* right column background colour */
    }
    .threecol .colmid {
        /*right:25%;  */          /* width of the right column */
        /*background:#fff;*/        /* center column background colour */
        right:20%;
    }
    .threecol .colleft {
        /*right:50%;*/            /* width of the middle column */
        right:60%;
        /*background:#f4f4f4;*/    /* left column background colour */
    }
    .threecol .col1 {
        /*width:46%;*/            /* width of center column content (column width minus padding on either side) */
        /*left:102%;*/            /* 100% plus left padding of center column */
        width:60%;
        left:101%;
    }
    .threecol .col2 {
        /*width:21%;*/            /* Width of left column content (column width minus padding on either side) */
        /*left:31%;*/            /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
        width:18%;
        left:21%;
    }
    .threecol .col3 {
        /*width:21%;*/            /* Width of right column content (column width minus padding on either side) */
        /*left:85%;*/            /* Please make note of the brackets here:
                        (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        width:18%;
        left:83%;

    }
    /* Footer styles */
    #footer {
        clear:both;
        float:left;
        width:100%;
        border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */




.artikli {
    /*margin: 0 15px;*/
 /*border: 1px solid #f00;*/

 /*padding: 5px;*/
text-align: center;

max-width:670px;
}

.artikel {
display: -moz-inline-box; /* For FF<3 */
-moz-box-orient: vertical; /* For FF<3 */
display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */
width: 150px;

/*background: #eee;*/
/*margin: 5px;*/
/*border: 1px solid #000;*/
text-align: left; /* to left align text within divs when container has been set to center */
vertical-align: middle; /* explicitly declare your preference as Moz inline-box auto aligns to top */

}

.artikel p {margin: 0.5em;}