html, body {
    /*font-family: Tahoma, Arial, sans-serif;*/
    font-size: 13px;
    /*color: #666;*/
}
@font-face {
    font-family: "Jost";
    src: url(/html/font/Jost/Jost-VariableFont_wght.ttf) format("truetype");
}
/*
@font-face {
    font-family: "TrebucetMS";
    src: url(/html/font/TrebuchetMS.ttf) format("truetype");
}
@font-face {
  font-family: "OswaldRegular";
  src: url(/html/font/Oswald/Oswald-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "OswaldLight";
  src: url(/html/font/Oswald/Oswald-Light.ttf) format("truetype");
}*/
@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url(/html/font/Roboto_Condensed/RobotoCondensed-Regular.ttf) format("truetype");
}
/*@font-face {
    font-family: 'HelveticaNeueItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue Italic'), url('/html/font/helvetica-neue-5/HelveticaNeueItalic.woff') format('woff');
}
@font-face {
font-family: 'HelveticaNeueMedium';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue Medium'), url('/html/font/helvetica-neue-5/HelveticaNeueMedium.woff') format('woff');
}
/*@font-face {
    font-family: "Segoe";
    src: url(/html/font/SegoeUI/segoeui.ttf) format("truetype");
}
@font-face {
    font-family: "Lato";
    src: url(/html/font/Lato/Lato-Regular.ttf) format("truetype");
}*/

.SiteResimleri {
    background-image: url("/html/Temp/B2B.120925/resimler/oto_mercan_com.png");
}

@media(max-width:767px){
    body {
        padding-top: 45px; 
    }
    #Logo {
        background-repeat: no-repeat;
        display: block;
        height: 40px;
        margin-top: 2px;
        overflow: hidden;
        text-decoration: none;
        text-indent: -1000px;
        width: 50px;
        background-position:-255px -21px;
    }
}
@media(min-width:768px){
    body {
        padding-top: 120px; 
    }
    #Logo { 
        background-repeat: no-repeat;
        display: block;
        height: 55px;
        /*margin-top: 5px;*/
        overflow: hidden;
        text-decoration: none;
        text-indent: -1000px;
        width: 190px;
        background-position: -14px -22px;
    }
}

#LogoAlt { 
    background-repeat: no-repeat;
    display: block;
    height: 82px;
    /*margin-top: 5px;*/
    overflow: hidden;
    text-decoration: none;
    text-indent: -1000px;
    width: 293px;
    background-position: -25px -539px;
}

.IcerikListeOge3 {
    min-height: 90px;
    background-size: cover;
}

.icerik_resim_stil { 
    border: 1px solid #D4D4D4;
    margin: 5px 15px 15px 5px;
    padding: 10px;
    /*img-responsive*/
    display: block;
    height: auto;
    max-width: 100%;
}


.Demo1Dugme1 {
    padding: 5px;
    text-transform: uppercase;
    color:white;
    font-family: RobotoCondensed-Regular;
}

.Demo1DugmeKoyu1 {
    padding: 5px;
    text-transform: uppercase;
    font-family: RobotoCondensed-Regular;
}

.input-fiyat {
    width: 65px;
    text-align:right;
    padding: 3px;
}
.input-adet {
    width: 35px;
    text-align:right;
    padding: 3px;
}
.UrunKutuStokAdi {
    height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.YukleniyorBar1 {
    width: 0;
    animation-name: YukleniyorBar1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes YukleniyorBar1 {
    0%   {width: 0;}
    25%  {width: 25%;}
    50%  {width: 50%;}
    100% {width: 100%}
}