body

{

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

    min-width: 1100px;

}

a

{

    border: none;

    text-decoration: none;

    color: #333;

}

img

{

    border: none;

}

.clr

{

    clear: both;

}

h3

{

    color: #42a2da;

    font-family: Arial;

    font-weight: bold;

    font-size: 14px;

}

#top

{

    width: 100%;

    height: auto;

    background: #020202;

}

#top .resize

{

    width: 1100px;

    margin: 0px auto;

    height: 391px;

}

#top .resize .logo

{

    width: 289px;

    margin-top: 15px;

    height: 80px;

    float: left;

    background: url(/images/destan_logo.png) top no-repeat;

}

#top .resize .menu

{

    width: 780px;

    margin: 0px;

    height: 100%;

    float: right;

}

#top .resize .menu ul

{

    display: inline;

    margin: 0px;

    padding: 0px;

    float: right;

    border: 1px solid;

    margin-top: 50px;

}

#top .resize .menu ul li

{

    margin: 0px;

    padding: 0px;

    display: inline;

    text-align: right;

    margin-left: 50px;

}

#top .resize .menu ul li a

{

    color: #fbfdfd;

    font-family: Arial;

    font-weight: bold;

    font-size: 14px;

}

#top .resize .menu ul li a:hover

{

    color: #42a2da;

}

.active

{

    color: #42a2da;

}

.activex

{

    color: #42a2da;

    font-weight: bold;

}

.activexx

{

    color: #000;

    font-weight: bold;

}

.divider

{

    width: 100%;

    height: 18px;

    background: url(/images/mavi_siyah_serit.png) top no-repeat;

}

#banner

{

    width: 1100px;

    height: auto;

    background: #fff;

    margin: 0px auto;

    position: relative;

}

#banner .img

{

    position: absolute;

    width: 1100px;

    margin: 0px auto;

    margin-top: -300px;

}

#banner .banneraltserit

{

    position: absolute;

    bottom: -170px;

    left: -22px;

}

#sliderfull

{

    width: 100%;

    height: 100%;

}

#sliderfull .resize

{

    width: 1100px;

    margin: 0px auto;

    padding: 200px 0px 0px 0px;

    height: auto;

    position: relative;

}

#sliderfull .resize .siparisserit

{

    position: absolute;

    bottom: -65px;

    left: -16px;

}

#container

{

    width: 100%;

    height: 100%;

    margin-top: 55px;

}

#container .resize

{

    width: 1060px;

    height: auto;

    margin: 0px auto;

    padding: 20px 0px 20px 40px;

}

#container .resize .box

{

    width: 255px;

    border-right: 1px solid #ccc;

    height: 150px;

    float: left;

    margin-right: 25px;

    padding: 0px 35px;

}

#container .resize .box .baslik

{

    color: #42a2da;

    font-family: Arial;

    font-weight: bold;

    font-size: 14px;

    margin-bottom: 20px;

}

#container .resize .box .baslik img

{

}

#container .resize .box .icerik

{

    color: #333;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

}

#footer

{

    width: 100%;

    height: 180px;

    background: #020202;

}

#footer .resize

{

    width: 1100px;

    height: auto;

    margin: 0px auto;

}

#footer .resize .adres, #footer .resize .adres a

{

    text-align: center;

    color: #fff;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    padding: 20px;

    line-height: 22px;

}



#footer .resize .copyright

{

    color: #42a2da;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    text-align: center;

}

#footer .resize .ebd, #footer .resize .ebd a

{

    text-align: center;

    color: #fff;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    margin-top: 10px;

}

.hakkimizda

{

    width: 1080px;

    margin: 0px auto;

    height: 400px;

    padding: 200px 10px 10px 10px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

}

.katalog

{

    width: 1080px;

    margin: 0px auto;

    height: 100%;

    padding: 200px 10px 0px 10px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

    background: url(/images/arka_plan.jpg) top no-repeat;

}

.katalog .anahat

{

    width: 1080px;

}

.katalog .anahat .urunResim

{

    width: 400px;

    height: 300px;

    float: left;

    display: table-cell;

    text-align: center;

    vertical-align: middle;background:#fff;border:1px inset #ccc;

}

.katalog .anahat .urunResim img

{

  max-width:400px; max-height:260px;

}

.katalog .anahat .markaLogo

{

    width: 150px;

    height: 50px;

    float: left;margin-top:10px;border:1px inset #ccc;

}

.katalog .anahat .urunaciklama

{

    width: 400px;

    height: 100%;

    float: left;

    margin: 25px 0px 0px 0px;

    min-height:200px;

}

.katalog .anahat .urunaciklama .baslik

{

    color: #000;

    font-family: Arial;

    font-weight: bold;

    font-size: 18px;

    line-height: 18px;

}

.katalog .anahat .urunaciklama .urunkod

{

    color: #666;

    font-family: Arial;

    font-weight: normal;

    font-size: 14px;

}

.katalog .anahat .nav

{

    width: 300px;

    height: 50px;

    float: right;

    margin: 5px 0px 0px 0px;

    text-align: right;

}

.urunler

{

    width: 1100px;

    margin: 0px auto;

    height: 100%;

    padding-top: 10px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

}



.iletisim

{

    width: 1080px;

    margin: 0px auto;

    height: 400px;

    padding: 200px 10px 10px 10px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

}

.iletisim .left

{

    width: 500px;

    margin: 0px;

    height: 400px;

    padding: 0px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

    float: left;

}

.iletisim .right

{

    width: 500px;

    margin: 0px;

    height: 400px;

    padding: 0px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

    float: right;

}

.iletisim .right table

{

    padding: 0px;

    color: #000;

    font-family: Arial;

    font-weight: bold;

    font-size: 12px;

}

.urunlercontent

{

    width: 1080px;

    margin: 0px auto;

    height: 400px;

    padding: 30px 10px 10px 10px;

    color: #000;

    font-family: Arial;

    font-weight: normal;

    font-size: 12px;

    line-height: 24px;

}

.sendbutton

{

    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;

    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;

    box-shadow: inset 0px 1px 0px 0px #ffffff;

    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

    background-color: #ededed;

    -webkit-border-top-left-radius: 6px;

    -moz-border-radius-topleft: 6px;

    border-top-left-radius: 6px;

    -webkit-border-top-right-radius: 6px;

    -moz-border-radius-topright: 6px;

    border-top-right-radius: 6px;

    -webkit-border-bottom-right-radius: 6px;

    -moz-border-radius-bottomright: 6px;

    border-bottom-right-radius: 6px;

    -webkit-border-bottom-left-radius: 6px;

    -moz-border-radius-bottomleft: 6px;

    border-bottom-left-radius: 6px;

    text-indent: 0;

    border: 1px solid #dcdcdc;

    display: inline-block;

    color: #777777;

    font-family: arial;

    font-size: 11px;

    font-weight: bold;

    font-style: normal;

    height: 40px;

    line-height: 40px;

    width: 80px;

    text-decoration: none;

    text-align: center;

    text-shadow: 1px 1px 0px #ffffff;

    cursor: pointer;

}

.sendbutton:hover

{

    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

    background-color: #dfdfdf;

    cursor: pointer;

}

.sendbutton:active

{

    position: relative;

    top: 1px;

}

.textbxt

{

    padding: 1px 3px;

    background: rgba(0,0,0, 0.05);

    border: 1px inset #fff;

    box-shadow: 1px 1px 1px #fff;

}

.textbxt:focus

{

    background: rgba(0,0,0, 0.1);

    color: #000;

}

.textbxt:active

{

    background: rgba(0,0,0, 0.2);

    color: #000;

}

#banner .urunlerBanner

{

    width: 1100px;

    margin: 0px auto;

    background: #000;

}

#banner .urunlerBanner img

{

    margin-bottom: 25px;

    opacity: 1;

}

#banner .urunlerBanner img:hover

{

    opacity: 0.6;

    

}

#banner .urunlerBanner .sagsol

{

    margin-right: 25px;

    margin-left: 25px;

}

#banner .urunlerBanner .sag

{

    margin-right: 26px;

}

#banner .urunlerBannerKatalog

{

    width: 1100px;

    height: 125px;

    background: #000;

    display: table-cell;

    margin: 0px auto;

}

#banner .urunlerBannerKatalog img

{

    opacity: 1;

    vertical-align: top;

}

#banner .urunlerBannerKatalog img:hover

{

    opacity: 0.6;

}

#banner .urunlerBannerKatalog .sol

{

    margin-left: 12px;

}

#urunListe

{

    float: left;

    border: 1px solid #fff;

    background-color: #ffffff;

    margin-left: 0px;

    margin-bottom: 10px;

    width: 271px;

    height: 375px;

    cursor: pointer;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    line-height: 18px;

}

#urunListe a

{

    color: #333;

    font-size: 14px;

    font-family: 'Courgette' , cursive;

}

#urunListe:hover

{

    border: 1px solid #ccc;

}

#urunListe .picarea

{

    height: 250px;

    width: 260px;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

}

#urunListe .picarea img

{

    max-height: 225px;

    margin-top: 7px;

    margin-bottom: 7px;

    text-align: center;

}

#urunListe #aciklama

{

    height: 120px;

    width: 260px;

    background-color: #fff;

    margin-bottom: 2px;

    text-align: center;

    vertical-align: middle;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

}



#urunListe .urunbaslik

{

    text-align: center;

    font-weight: bold;

    font-size: 12px;

}

#urunListe .urunmarka

{

    text-align: center;

    font-size: 12px;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-style: italic;

}

#urunListe .urunkodu

{

    font-size: 10px;

    color: #999999;

}

.urunler .filitre

{

    width: 250px;

    height: 100%;

    border: 1px solid #ccc;

    float: left;

    margin-bottom: 10px;

    line-height: 20px;

}

.urunler .kategoriler .baslik, .urunler .filitre .baslik

{

    width: 224px;

    height: 30px;

    background: none;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: bold;

    font-size: 16px;

    color: #42a2da;

    margin: 3px;

    padding: 10px 0px 0px 20px;

    border-bottom: 1px solid #ccc;

    text-transform: uppercase;

    background: #000;

}





.urunler .filitre .icerik

{

    width: 222px;

    max-height: 250px;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: bold;

    font-size: 12px;

    color: #7aabd6;

    margin: 3px;

    overflow-x: hidden;

    padding: 10px 0px 0px 20px;

}

.urunler .filitre .icerik .alt

{

    width: 230px;

    height: 100%;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: bold;

    font-size: 12px;

    color: #7aabd6;

    margin: 3px;

}

.urunler .filitre .icerik .alt a

{

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: normal;

    font-size: 12px;

    color: #333;

    margin: 0px;

    text-decoration: none;

}

.urunler .filitre .icerik1

{

    width: 242px;

    height: auto;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #7aabd6;

    margin: 3px;

    overflow-x: hidden;

}

.urunler .filitre .icerik1 .alt

{

    width: 230px;

    height: 100%;

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #7aabd6;

    margin: 3px;

}

.urunler .filitre .icerik1 .alt a

{

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: normal;

    font-size: 14px;

    color: #333;

    margin: 0px;

    text-decoration: none;

}



.urunler .filitre .icerik::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

    background-color: #F5F5F5;

    border-radius: 10px;

}



.urunler .filitre .icerik::-webkit-scrollbar

{

    width: 8px;

    background-color: #F5F5F5;

}



.urunler .filitre .icerik::-webkit-scrollbar-thumb

{

    border-radius: 10px;

    background-image: -webkit-gradient(linear,  left bottom,  left top, color-stop(0.44, rgb(236,236,236)), color-stop(0.72, rgb(153,153,153)), color-stop(0.86, rgb(102,102,102)));

}

.urunler .sort

{

    width: 830px;

    border: 1px solid;

    height: 100px;

    float: right;

    margin: 0px 0px 0px 0px;

}



.kutularUrunlerDrp

{

  

    font-family: "Arial Rounded MT Bold" , "Helvetica Rounded" , Arial, sans-serif;

    font-weight: normal;

    font-size: 12px;

    color: #333;

    margin: 3px;

    overflow-y: scroll;

   

}

.kutularUrunlerDrp::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

    background-color: #F5F5F5;

    border-radius: 10px;

}





.kutularUrunlerDrp::-webkit-scrollbar

{

    width: 8px;

    background-color: #F5F5F5;

}



.kutularUrunlerDrp::-webkit-scrollbar-thumb

{

    border-radius: 10px;

    background-image: -webkit-gradient(linear,  left bottom,  left top, color-stop(0.44, rgb(236,236,236)), color-stop(0.72, rgb(153,153,153)), color-stop(0.86, rgb(102,102,102)));

}

.baslikx

{

    color: #333;

    font-family: Arial;

    font-weight: bold;

    font-size: 18px;

    line-height: 28px;margin-left:10px;

}