@font-face
{
    font-family: 'Aller-Kalin';
    src: url('/font/aller-webfont.eot');
    src: url('/font/aller-webfont.eot?#iefixx') format('embedded-opentype'), url('/font/aller-webfont.woff') format('woff'), url('/font/aller-webfont.ttf') format('truetype'), url('/font/aller-webfont.svg#allerboldd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Aller-Normal';
    src: url('/font/aller_rg-webfont.eot');
    src: url('/font/aller_rg-webfont.eot?#iefixx') format('embedded-opentype'), url('/font/aller_rg-webfont.woff') format('woff'), url('/font/aller_rg-webfont.ttf') format('truetype'), url('/font/aller_rg-webfont.svg#allerregularr') format('svg');
    font-weight: normal;
    font-style: normal;
}



body
{
    /*background: url(../img/ap.jpg) no-repeat center top #fff;*/
    background-image: url(../images/back.jpg);
    background-size: cover;

    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #5c5c5c;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}

a
{
    color: #666666;
    text-decoration: none;
}
a:hover
{
    color: #705006;
}
p, h1, h2, h3, ul, li
{
    line-height: 140%;
    margin: 0;
    padding: 0;
}
img, iframe
{
    border: none;
}

.clear
{
    clear: both;
}



p
{
    padding-bottom: 5px;
}



.container
{
    width: 1020px;
    margin: 0 auto;
    position: relative;
}

#banner
{
    width: 910px;
    height: 99px;
    margin: 0 auto;
    padding: 0 35px 51px 35px;
    background: url(../img/ap-banner.png) no-repeat center top;
    position: absolute;
    z-index: 98;
    top: 0;
    left: 20px;
}
.top
{
    width: 910px;
    height: 30px;
}
a.eposta
{
    display: block;
    float: right;
    line-height: 30px;
    font-size: 11px;
    color: #9e9e9e;
    font-family: 'Aller-Normal';
    padding-left: 21px;
    background: url(img/envelope.png) no-repeat center left;
}

a.telefon
{
    display: block;
    float: right;
    line-height: 30px;
    font-size: 11px;
    color: #9e9e9e;
    font-family: 'Aller-Normal';
    padding-left: 21px;
    background: url(img/phone.png) no-repeat center left;
    margin-right: 10px;
}


.logo-main
{
    width: 910px;
    height: 69px;
}
.logo
{
    float: left;
    width: 254px;
    height: 69px;
}
.logo a
{
    display: block;
    width: 254px;
    height: 69px;
    background: url(../img/logo.png) no-repeat center;
    text-align: left;
    text-indent: -9999px;
}


.mainnav
{
    float: right;
    width: 650px;
    height: 69px;
}
.mainnav ul
{
    padding: 0;
    margin: 0;
    float: right;
    background: url(../img/ayrac.png) no-repeat center right;
}
.mainnav li
{
    display: inline;
    float: left;
    height: 69px;
    background: url(../img/ayrac.png) no-repeat center left;
}
.mainnav li a
{
    display: block;
    line-height: 69px;
    text-align: left;
    color: #6e6e6e;
    font-size: 13px;
    font-family: 'Aller-Kalin';
    text-align: center;
    padding: 0 15px 0 15px;
}
.mainnav li a:hover
{
    color: #000;
}

.mainnav ul li ul
{
    display: none;
}
.mainnav ul li:hover ul
{
    display: block;
    float: left;
}

.mainnav ul li ul li
{
    min-width: 200px;
    max-height: 20px;
    background-color: #fff;
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mainnav ul li ul li a
{
    font-size: 12px;
    font-family: 'Aller-Kalin';
    color: #000;
    line-height: 12px;
    text-align: center;
}

.mainnav ul li ul li a:hover
{
    color: #666;
}





.content
{
    width: 950px;
    margin: 0 auto;
    padding: 20px 15px;
    background: url(../img/ap-esasalan.png) no-repeat center top;
    position: absolute;
    z-index: 99;
    top: 449px;
    left: 20px;
}

.indent
{
    width: %100;
    background: url(/img/ayrac-yatay.png) no-repeat bottom;
    background-color: #fff;
}



.kutu-hb
{
    float: left;
    width: 435px;
    padding: 30px 20px;
}
.kutu-hb h1
{
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Aller-Kalin';
    margin-bottom: 20px;
}
.kutu-fa
{
    float: left;
    width: 198px;
    padding: 30px 20px;
    background: url(../img/ayrac-mini.png) repeat-y left;
}
.kutu-fa h1
{
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Aller-Kalin';
    margin-bottom: 20px;
}
.kutu-faalt
{
    float: left;
    width: 198px;
    padding: 30px 0 30px 20px;
}
.kutu-faalt h1
{
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Aller-Kalin';
    margin-bottom: 20px;
}

.kutu-bu
{
    float: left;
    width: 197px;
    padding: 30px 20px;
    background: url(../img/ayrac-mini.png) repeat-y left;
}
.kutu-bu h1
{
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Aller-Kalin';
    margin-bottom: 20px;
}

.kutu-icerik
{
    float: left;
    width: 672px;
    
    padding: 30px 20px;
    background: url('../img/ayrac-mini.png') repeat-y right;
}
.kutu-icerik h1
{
    color: #666666;
    font-size: 22px;
    line-height: 24px;
    font-family: 'Aller-Kalin';
    margin-bottom: 20px;
}


.text
{
    width: %100;
    height: 130px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: left;
    color: #5c5c5c;
    line-height: 140%;
    margin-top: 15px;
}
.textcenter
{
    text-align: center;
}
a.dugme
{
    float: right;
    line-height: 20px;
    font-size: 11px;
    padding: 0 10px;
    color: #ffffff;
    background-color: #6e6e6e;
    font-family: 'Aller-Normal';
}
a.dugme:hover
{
    background-color: #333;
}

.logolar
{
    float: left;
    height: 53px;
    padding: 20px 0;
    margin-left: 20px;
}

.paylaskutu
{
    float: right;
    height: 32px;
    padding: 30px 0;
    margin-right: 20px;
    overflow: hidden;
}


.footer
{
    width: 920px;
    padding: 20px 15px 10px 15px;
    background-color: #fff;
}
p.avhuk
{
    font-size: 15px;
    line-height: 15px;
    color: #6e6e6e;
    font-family: 'Aller-Kalin';
    text-align: left;
    margin-bottom: 20px;
}
a.altmenu
{
    color: #474747;
    padding-right: 24px;
}
a.altmenu:hover
{
    color: #666666;
}
p.detail
{
    font-size: 11px;
    line-height: 11px;
    color: #333;
    text-align: justify;
    margin-bottom: 10px;
}
p.haklar
{
    font-size: 11px;
    line-height: 11px;
    color: #474747;
    text-align: left;
}
a.product
{
    color: #333;
    font-size: 11px;
}
a.product:hover
{
    color: #666666;
}


#slidercontainer
{
    width: 1020px;
    height: 400px;
    position: absolute;
    z-index: 97;
    top: 99px;
    left: 0;
}
#baslikbaslik
{
    width: 1020px;
    height: 270px;
    position: absolute;
    z-index: 97;
    top: 99px;
    left: 0;
}

























.baslik
{
    /*header of 2nd demo*/
    cursor: hand;
    cursor: pointer;
    height: 28px;
    font-family: 'Aller-Kalin';
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
}

.baslik:hover
{
    background-color: #e0e0e0;
}

.icerik
{
    border-bottom: 1px solid #86610c;
    padding-bottom: 20px;
    text-align: left;
    font-size: 13px;
}

.icerik p
{
    line-height: %150;
}

.openlanguage
{
    color: #000000;
}

.closedlanguage
{
    color: #86610c;
}