/* Global styles */
.vecher {
    background: #F5F5F5;
    color: #1760A2;
    font-size: 20px;
    font-weight: bold;
    padding: 4px;
    padding-left: 8px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 650px;
    border: 2px solid #CACACA;
    margin-left: 9px;
}
.brands.mb {display: none}
body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ct img {border: 1px solid #C2C2C2;
    padding: 3px;
    max-width:253px}
img.delim{border: 0}
.heads {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #701A02;
}
.ds {display: none;}
.tv:hover .ds {display: block; position: absolute; background: #fff; border:2px solid #ccc; padding: 4px}

.bol b {
    font-weight: normal
}

.bol strong {
    font-weight: normal
}

.bol a {
    text-decoration: none;
    color: #000000
}

.brands a {
    font-size: 11px;
    color: #553029;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.brands {
    text-align: left;
    position: relative;
    z-index: 5;

}

#head1 {
    background-image: url(head1.png);
    width: 240px;
    height: 300px;
}

#head2 {
    background-image: url(head3.png);
    text-align: center;
    min-width: 516px;
    height: 117px;
}

.listt {
    display: block;
    left: -9999px;
    position: absolute
}

#head3 {
    background-image: url(head2.png);
    width: 240px;
    height: 300px;
}

#center1 {
    background: url(center1.png) repeat-y;
    width: 30px;
}

.iphone {
    font-size: 15px;
    color: #1B1B1B;
    margin-top: 0px;
    margin-bottom: -16px;
}

.iphone.id1 {
    margin-bottom: 13px;
    height: 36px;
    margin-left: -24px;
    font-weight: bold;
    font-size: 17px;
}

.iphone.id2 {
    margin-top: 10px;
    margin-bottom: 13px;
    margin-left: -24px;
    height: 50px;
    font-weight: bold;
    font-size: 17px;
}

.iphone.id3 {
    height: 50px;
    margin-left: -24px;
    font-weight: bold;
    font-size: 17px;
}

.text1 {
    padding-bottom: 6px;
    margin-top: -105px;
    margin-bottom: 26px;
    color: #000;
}

.text2 {
    padding-bottom: 6px;
    margin-left: 58px;
    color: #000;
}

.text3 {
    margin-top: -3px ! important;
    margin-left: 135px !important;
    color: #000;
}

.mnogo {
    margin-left: 136px;
    font-size: 11px;
    color: #F1F1B1;
    margin-top: 2px;
}

#center2 {
    background: url(center2.png) repeat-y;
    width: 30px;

}

#le {
    position: relative;
    z-index: 10;
    top: -90px;

/ / top : 0 px;
/ / margin-bottom : 90 px;

}

#le1 {
    background-image: url(hlef1.png);
    width: 70px;
    height: 70px;
}

#le12 {
    background: url(hlef2.png) repeat-y;
    width: 70px;
    height: 100%;
}

#le13 {
    background-image: url(hlef3.png);
    width: 70px;
    height: 70px;
}

#le2 {
    background: url(hhead1.png) repeat-x;
    height: 70px;
/ / width : 100 %;
}

#le22 {
    background-color: #faf8e1;
}

#le23 {
    background: url(hhead3.png) repeat-x;
    height: 70px;
/ / width : 100 %;

}

#le3 {
    background-image: url(hright1.png);
    width: 70px;
    height: 70px;
}

#le32 {
    background: url(hright2.png) repeat-y;
    width: 70px;
}

#le33 {
    background-image: url(hright3.png);
    width: 70px;
    height: 70px;
}

#bottom1 {
    background-image: url(bottom1.png);
    width: 140px;
    height: 200px;
}

#bottom2 {
    background-image: url(bottom2.png);
    min-width: 716px;

    height: 200px;
}

#bottom3 {
    background-image: url(bottom3.png);
    width: 140px;
    height: 200px;
}

#menu {
    width: 900px;
    position: relative;
    z-index: 100;
    top: -110px;
/ / top : - 95 px;
    left: -15px;
    text-align: center;
    margin-bottom: -100px;
/ / margin-bottom : 0 px;
/ / top : - 110 px;
}

#menu a {

    font: 17px Verdana, Arial, Helvetica, sans-serif;
    color: #240101;
    position: relative;
    z-index: 2;

    text-decoration: none;
}

#menu a:hover {

    font: 17px Verdana, Arial, Helvetica, sans-serif;
    color: #240101;
    position: relative;
    z-index: 2;

    text-decoration: underline;
}

#kart {
    position: relative;
    z-index: 1;
    top: -100px;

}

#left3 {
    background-image: url(left1.png);
    width: 230px;
    height: 60px;
/ / margin-bottom : - 18 px;

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #left3 {
        margin-bottom: -2px;
    }
}

#left1 {
    background: url(left2.png) center repeat-y;
    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -5px;
}

#left1 a {
    color: #553029;
    font: 12px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    margin-bottom: 2px;
}

#left2 {
    background-image: url(left3.png);
    width: 230px;
    height: 60px;
}

#podmenu {
    width: 268px;
    border-bottom: 1px solid #E2E2E2;
    /* margin-top: 1px; */
    padding-left: 10px;
    /* padding-bottom: 1px; */
    line-height: 16px;
    margin-top: 1px;

}

#podmenu a:hover {
    text-decoration: none;
    font-weight: bold;
}

#podmenu a {
    color: #000;
    font-size: 14px;
    display: block;
    font-weight: normal;
}

#right3 {
    background-image: url(right1.png);
    width: 230px;
    height: 60px;
}

#right1 {
    background-image: url(right2.png);
    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

#right2 {
    background-image: url(right3.png);
    width: 230px;
    height: 60px;
}

#nazvan {

    padding-top: 5px;
    text-align: center;
    position: relative;

}

a #nazvan2 {
    width: 120px;

    padding-top: 5px;
    text-align: center;

}

#nazvan2 {
    width: 120px;

    padding-top: 5px;
    text-align: center;

}



#kopirit a {
    text-decoration: none;
    color: #201F1E;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
}

#kopirit a:hover {
    text-decoration: none;
    color: #201F1E;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
}

.prod:hover #nazvan a {


    background: #FFF;

    padding: 5px;

    text-align: left;
}

#nazvan a {
    font-size: 13px;
    font-weight: bold;

    color: #000;
    text-decoration: none;
}

.prc, .butt {
    display: inline-block
}

.butt {
    margin-left: 61px;
    margin-top: -30px;
    position: absolute;
    display: none;
}

.prod:hover .butt {
    display: inline-block
}

#cena {

    font: bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#kupit {
    background-image: url(fonkupit.png);
    width: 120px;
    height: 23px;
    text-align: center;
    padding-top: 5px;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    color: #ffeaaf;

    text-decoration: none
}

#nizfon {
    background-image: url(nizfon.png);
    width: 397px;
    height: 72px;
}

#search {
    background-image: url(fonchik.png);
    width: 315px;
    height: 30px;
    position: relative;
    z-index: 5;
    top: 4px;
    margin-left: 30px;

}

#kopirit {
    color: #201F1E;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 6;
    top: -60px;
}

.magamenu {
    font-size: 14px;
    color: #2a487d;
    text-decoration: none;
    padding-left: 7px;
    line-height: 20px;
    padding-bottom: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

html {
    font-size: 100.1%;
    bgcolor: #fbfabc;
}

html, body, form {
    padding: 0px;
    bgcolor: #fbfabc;
    margin: 0px;
}

body {
    text-align: left;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    bgcolor: #fbfabc;
}

select, input, div, span, font, textarea {
    font-size: 100%;
    font-family: Tahoma, Arial, Verdana;
}
select {background: #FFF!important;}
a img, img, html, body {
    border: none;
}

a img, img, a {
    outline: none !important;
    color: #3e3e3e;
}

*:focus {
    outline: none;
}

tr.mid td {
    vertical-align: middle;
}

.fil {
    overflow: hidden;
    height: 6px;
    width: 100%;
}

.fil1 {
    overflow: hidden;
    height: 4px;
    width: 100%;
}

.fil2 {
    overflow: hidden;
    height: 14px;
    width: 100%;
}

.fil3 {
    overflow: hidden;
    height: 1px;
    margin: 18px 0px;
    width: 100%;
    background-color: #d5defb;
}

.arc {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.upc {
    text-transform: uppercase;
}

.white {
    background-color: white;
}

.profi {
    width: 100%;
    color: #000000;
    font-size: 170%;
    padding-bottom: 60px;
    text-align: center;
}

.bf {
    font-weight: bold;
}

textarea {
    padding: 1px;
}

td {
    font-size: 12px;
    font-family: verdana
}

/* Pop-up styles */
.smart {
    color: #000000
}

.highslide-active-anchor img {
    visibility: hidden;
}

.highslide-wrapper {
    background: white;
}

.highslide-image {
    border: 4px solid white;
    background-color: white;
}

.highslide-loading {
    display: block;
    color: white;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    border: 1px solid white;
    background-color: black;
}

a.highslide-loading, a.highslide-loading:hover {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
    display: none;
}

a.highslide-full-expand {
    background: url(fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

.highslide {
    cursor: url(zoomin.cur), pointer;
    outline: none;
}

/* Rating styles */

.unit-rating {
    list-style: none;
    height: 20px;
    position: relative;
    background: url(starvote.gif) top left repeat-x;
    padding: 0px;
    margin: 0px;
}

.unit-rating li {
    text-indent: -90000px;
    float: left;
    padding: 0px;
    margin: 0px;
}

.unit-rating li a {
    outline: none;
    display: block;
    width: 20px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.unit-rating li.current-rating {
    background: url(starvote.gif) left bottom;
    position: absolute;
    height: 20px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.unit-rating li a:hover {
    background: url(redstar_big.gif) left center;
    z-index: 2;
    left: 0px;
}

.unit-rating a.r1-unit {
    left: 0px;
}

.unit-rating a.r1-unit:hover {
    width: 20px;
}

.unit-rating a.r2-unit {
    left: 20px;
}

.unit-rating a.r2-unit:hover {
    width: 40px;
}

.unit-rating a.r3-unit {
    left: 40px;
}

.unit-rating a.r3-unit:hover {
    width: 60px;
}

.unit-rating a.r4-unit {
    left: 60px;
}

.unit-rating a.r4-unit:hover {
    width: 80px;
}

.unit-rating a.r5-unit {
    left: 80px;
}

.unit-rating a.r5-unit:hover {
    width: 100px;
}

.none a {
    text-decoration: none
}

/* Menu styles */
h1 {
    font-size: 17px;
    font-weight: normal;
    color: #553029;
}

h2 {
    font-size: 17px;
    font-weight: normal;
    color: #553029;
    margin-bottom: -10px;
}

h3 {
    font-size: 17px;
    font-weight: normal;
    color: #553029;
    margin-bottom: -10px;
}

h4 {
    font-size: 17px;
    font-weight: normal;
    color: #553029;
    margin-bottom: -10px;
}

h5 {
    font-size: 17px;
    font-weight: normal;
    color: #553029;
    margin-bottom: -10px;
}

h6 {
    font-size: 17px;
    font-weight: normal;
    color: #553029;
    margin-bottom: -10px;
}

td.dtree {
    width: 99%;
    padding-top: 2px;
}

td.dtree a, td.dtree a:hover {
    text-decoration: none;
}

tr.dtree td {
    vertical-align: top;
    text-align: left;
}

tr.dtree:hover, tr.dtree:hover a, tr.dtree a:hover {
    color: #446991;
}

/* Index styles */
th {
    font-weight: normal !important
}

.container {
    width: 100%;
    padding-bottom: 4px;
}

.fix {
    overflow: hidden;
    height: 3px;
    background-color: #4F78A0;
    width: 100%;
}

.headlink {
    color: #ffffff;
    padding: 5px 16px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #E58A40 url('mfon.gif') repeat-x top left;
}

.headlink a {
    text-decoration: none;
}

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

.center {
    padding: 0 4px;
}

.poisk a, .headlink a {
    color: #ffffff;
}

.htba {
    height: 94px;
    background: #446991 url('nfon.gif') repeat-x top left;
    padding-left: 15px;
}

.htbb {
    padding-right: 16px;
    background: #446991 url('nfon.gif') repeat-x top left;
    width: 50%;
}

.fonta {
    color: #ffffff;
    font-size: 200%;
    font-family: "Trebuchet MS", Arial, Verdana;
}

.fontb {
    color: #ffffff;
    padding-left: 1px;
    font-size: 120%;
    font-family: "Trebuchet MS", Arial, Verdana;
}

.poisk {
    color: #ffffff;
    width: 100%;
    background: #757A7B url('pfon.gif') repeat-x top left;
    border-top: 1px solid #ffffff;
}

.poisk1 {
    color: #ffffff;
    padding: 0px 16px;
    height: 30px;
}

.btbl {
    text-align: left;
    color: #292c32;
    padding: 0px 16px;
    height: 70px;
    background: #4F78A0 url('bfon.gif') repeat-x bottom left;
    font-weight: bold;
    vertical-align: middle;
}

.delm {
    margin: 0px 4px;
    cursor: default;
    color: #464646
}

.pform {
    width: 360px;
    border: 1px solid #616265;
    padding-left: 2px;
}

.stat {
    font-family: Tahoma, Arial, Verdana ! d5defbimportant;
}

/* Block styles */
.vline {
    width: 5px;
    background: url(vline000.gif) repeat-y;
    margin-top: 25px;
}

#left, #right {
    width: 190px;
    background: #d5defb url('bg.jpg') repeat-y top left;
}

img.fixwidth {
    width: 190px;
    height: 1px;
}

.blmtop {
    margin-top: 4px;
}

.blm {
    padding: 0px;
}

.cbt {
    padding: 4px 8px;
}

.cbt a {
    color: #76483B;
}

.hd {
    padding: 5px 8px;
    background: #ffffff url('tfon.gif') repeat-x top left;
    color: #ffffff;
}

.hdb {
    padding: 12px 12px 14px 12px;
}

.hdbtop {
    padding: 8px;
}

.hmin {
    padding: 4px 0px;
}

.hdbot {
    background: #faf8e1;
    padding: 4px 8px;
}

.hdbot a {
    font-weight: bold;
    color: #76483B
}

.hd a {
    color: #292c32;
    text-decoration: none;
}

.hd a:hover {
    color: #292c32;
    text-decoration: none;
}

/* Table styles */

table.gre {
    background-color: #D0D1D5;
}

table.gre td {
    background-color: #ffffff;
}

table.gre td.lt {
    background-color: #E4E6E9;
    font-weight: bold;
}

.pad {
    padding: 8px 8px;
}

.padt {
    padding: 3px 8px;
}

/* Other styles */

.price {
    color: #701a02;
    font-size: 164%;
    font-family: Arial, Verdana !important;
    white-space: nowrap;
    font-weight: normal !important;
}

.market-price {
    background: url('line_through.gif') repeat-x center;
}

.ptbl td {
    vertical-align: middle;
    text-align: left;
    padding: 3px 8px;
}

#axcrt {
    border: 3px solid #E48234;
    background-color: #FFEBB2;
    z-index: 100;
    width: 300px;
    height: 58px;
    font-size: 120%;
    padding-top: 42px;
}

table.nl tr td a {
    text-decoration: none;
}

table.nl tr td a:hover {
    text-decoration: underline;
}

a.noline {
    text-decoration: none;
}

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

a.nl, a.nl:hover {
    text-decoration: none;
}

.oki {
    color: #339933;
}

.error {
    color: #ff6600;
}

.cattop {
    margin-top: 4px;
    padding: 4px 0px;
    font-size: 14px;
}

.cattop a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #000
}

.imboxr, .imboxl {
    text-align: center;
    vertical-align: top;
}

.imboxr img {
    margin-left: 8px;
}

.imboxl img {
    margin-right: 8px;
}

img.delim, td.delim {
    width: 4px;
    height: 4px;
}

.sectb a, .sectb a:hover {
    text-decoration: none;
}

.fsttab {
    border: 1px solid #bfbfbf;
    background: url('knopfon.gif') repeat-x top left;
}

.sectb {
    padding: 1px 8px 2px;
    vertical-align: top;
    font-size: 90%;
}

@media only screen and (device-width: 768px) {
    /* Put CSS for general iPad layouts in here */

    .mb {display: none}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Put CSS for iPad PORTRAIT layouts in here */
    .iphone.id1,.iphone.id2{font-size: 25px; margin-left: 10px}
    #podmenu a{ font-size: 25px; line-height: 30px}
    input.form-control { width: 400px!important}
    .nav > li > a{font-size: 25px!important; padding: 5px 15px}
    form.mb{font-size: 20px!important;  display: block; font-weight: bold}
    .logo{ font-size: 30px!important}
    #cena { font-size: 30px}
    .text1{padding-bottom: 6px;
        margin-top: -95px;
        font-size: 16px;
        margin-bottom: 26px;
        color: #000;}
    .text2 {
        padding-bottom: 6px;
        margin-left: -70px;
        color: #000;
        font-size: 16px;
    }

    #nazvan a {
        display: block;
        z-index: 2;
        position: relative;

        background: #FFF;

        padding: 5px;

        text-align: left;
    }

    #nazvan a {
        font-size: 13px;
        font-weight: bold;

    }
    .butt {
        margin-left: 61px;
        margin-top: -30px;
        display: none;
    }
    .prod:hover   .butt{display: none}
    .nav  a{
        font-size: 36px;
    }
    .mb {display: none}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Put CSS for iPad LANDSCAPE layouts in here */ .iphone.id1,.iphone.id2{font-size: 25px; margin-left: 10px}
    #podmenu a{ font-size: 25px; line-height: 30px}
    input.form-control { width: 400px!important}
    .nav > li > a{font-size: 25px!important; padding: 5px 15px}
    form.mb{font-size: 20px!important;  display: block; font-weight: bold}
    .logo{ font-size: 30px!important}
    #cena { font-size: 30px}
    .text1{padding-bottom: 6px;
        margin-top: -95px;
        font-size: 16px;
        margin-bottom: 26px;
        color: #000;}
    .text2 {
        padding-bottom: 6px;
        margin-left: -70px;
        color: #000;
        font-size: 16px;
    }

    #nazvan a {
        display: block;
        z-index: 2;
        position: relative;

        background: #FFF;

        padding: 5px;

        text-align: left;
    }

    #nazvan a {
        font-size: 13px;
        font-weight: bold;

    }
    .butt {
        margin-left: 61px;
        margin-top: -30px;
        display: none;
    }
    .prod:hover   .butt{display: none}
    .nav  a{
        font-size: 36px;
    }
    .mb {display: none}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* Put your iPhone 4g styles in here */
    .iphone.id1,.iphone.id2{font-size: 16px; margin-left: -37px}
    #podmenu a{ font-size: 14px;
        line-height: 18px;}
    input.form-control { width: 400px!important}
    .nav > li > a{font-size: 20px!important; padding: 5px 15px}
    form.mb{font-size: 13px!important;  display: block; }
.logo{ font-size: 30px!important}
#cena { font-size: 18px}
    .text1{padding-bottom: 6px;
        margin-top: -107px;
        font-size: 16px;
        margin-bottom: 26px;
        color: #000;}
    .text2 {
        padding-bottom: 6px;
        margin-left: -70px;
        color: #000;
        font-size: 16px;
    }

 #nazvan a {
        display: block;
z-index: 2;
     position: relative;

        background: #FFF;

        padding: 5px;

        text-align: left;
    }

    #nazvan a {
        font-size: 13px;
        font-weight: bold;

    }
    .butt {
        margin-left: 61px;
        margin-top: -30px;
        display: none;
    }
 .prod:hover   .butt{display: none}
    .nav  a{
        font-size: 36px;
    }
    .mb {display: none}

}

@media only screen and (max-device-width: 480px) {
    /* Put your iPhone 3G styles in here */

    .mb {display: none}
}