html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font: 12px/1.6 "Lucida Grande",Arial, Geneva, Helvetica, sans-serif;
    color: #4d4d4d;
}

a {
    color: #c40202;
}

a, input {
    outline: none;
}

    a img {
        border: none;
    }

form {
    height: 718px;
    width: 1000px;
    margin: 0 auto;
    background: #fff url(img/sayfa.jpg) no-repeat 10px top;
    position: relative;
}

#sol {
    width: 250px;
    float: left;
    margin-left: 10px;
}

#paylasim {
    float: left;
    clear: both;
    margin-top: 718px;
}

#sag {
    width: 730px;
    margin-top: -50px;
    float: left;
}

#logo {
    height: 120px;
    width: 730px;
    float: left;
    margin-top: 50px;
    text-indent: -1000px;
    overflow: hidden;
}

    #logo.tr {
        background: url(img/logo-tr.png) no-repeat center right;
    }

    #logo.en {
        background: url(img/logo-en.png) no-repeat center right;
    }

#ust-menu {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    width: 730px;
    background: #c40202;
    float: left;
    clear: both;
    text-align: center;
}

    #ust-menu li {
        display: inline;
        border-left: 1px solid #fff;
        margin-right: 10px;
        padding-left: 10px;
    }

        #ust-menu li.ilk {
            border: 0;
            padding: 0;
        }

        #ust-menu li.son {
            margin: 0;
        }

        #ust-menu li a {
            color: #fff;
            text-decoration: none;
        }

            #ust-menu li a:hover {
                text-decoration: underline;
            }

/*SLAYT*/
.slayt-menu {
    float: left;
    width: 200px;
    height: 300px;
    background: #c40202;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

    .slayt-menu .ozet {
        position: absolute;
        bottom: 3px;
        left: 0;
    }

    .slayt-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .slayt-menu ul li {
            float: left;
            clear: both;
            height: 30px;
            position: relative;
            width: 190px;
            margin: 5px;
            padding: 5px 0;
            border-bottom: 1px solid #fff;
        }


            .slayt-menu ul li span.secili {
                position: absolute;
                width: 31px;
                height: 51px;
                background: url(img/secili-slayt.png) no-repeat center;
                right: -38px;
                top: -9px;
                z-index: 999;
            }

            .slayt-menu ul li.son {
                border: none;
            }

            .slayt-menu ul li a {
                color: #fff;
                text-decoration: none;
            }

#ust-slayt {
    float: left;
    position: relative;
    width: 529px;
    height: 300px;
    overflow: hidden;
    margin: 10px 0 0 1px;
    z-index: 1;
}

    #ust-slayt ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #ust-slayt .bx-pager {
        display: none;
    }

    #ust-slayt img {
        width: 529px;
        height: 300px;
    }

#sayfa-slayt {
    position: relative;
    background: #cdf;
    float: left;
    width: 100%;
}

    #sayfa-slayt ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sayfa-slayt img {
        width: 100%;
        display: block;
    }

    #sayfa-slayt .bx-prev, #sayfa-slayt .bx-next {
        position: absolute;
        top: 50%;
        margin-top: -17.5px;
        width: 35px;
        height: 35px;
        overflow: hidden;
        text-indent: -1000px;
    }

    #sayfa-slayt .bx-prev {
        background: url(img/slayt-geri.png) no-repeat center;
        left: 0;
    }

    #sayfa-slayt .bx-next {
        background: url(img/slayt-ileri.png) no-repeat center;
        right: 0;
    }


#alt {
    height: 40px;
    width: 980px;
    background: #c40202;
    margin: 10px;
    float: left;
    clear: both;
    position: relative;
}

#telif {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
}

#mescomedia {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    text-decoration: none;
}

    #mescomedia:hover {
        text-decoration: underline;
    }

#Sayfa {
    background: #fff;
    padding: 5px;
    float: left;
    clear: both;
    width: 720px;
    height: auto !important;
    height: 200px;
    min-height: 200px;
    margin-top: 5px;
    text-align: justify;
}

@font-face {
    font-family: Aint_Nothing_Fancy;
    src: url('font/Aint_Nothing_Fancy.ttf');
}

.ana-sayfa {
    width: 230px;
    position: relative;
    float: left;
    margin: 5px;
    padding-bottom: 10px;
}

    .ana-sayfa .resim {
        text-align: center;
        width: 230px;
        clear: both;
        overflow: hidden;
        margin-bottom: 10px;
        float: left;
    }

#haftanin-sozu .resim, #haftanin-tarifi .resim {
    height: 173px;
}

    #haftanin-sozu .resim img, #haftanin-tarifi .resim img {
        height: 173px;
    }

.ana-sayfa .resim img {
    width: 230px;
    clear: both;
    float: left; /*height: 173px;*/
}

.aint-nothing-fancy {
    font: 20px/28px Aint_Nothing_Fancy;
}

h1, h3 {
    color: #c40202;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dashed #e7e0c4;
}

.biyografi {
    text-align: justify;
    position: relative;
    padding-bottom: 20px;
}

.devam {
    position: absolute;
    right: 0;
    bottom: 0;
}

.ortala {
    text-align: center;
}

.sayfa-resimler {
    margin: 0 0 0 -10px;
    position: relative;
    float: left;
    clear: both;
}

    .sayfa-resimler a {
        float: left;
        width: 172px;
        height: 172px;
        overflow: hidden;
        margin: 5px 0 5px 10px;
        text-align: center;
        position: relative;
        border-bottom: 1px dashed #ccc;
    }

#diller {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 260px;
    top: 90px;
}

    #diller li {
        float: left;
        margin-left: 1px;
    }

        #diller li.ilk {
            margin: 0;
        }

        #diller li a {
            color: #fff;
            text-decoration: none;
            float: left;
            width: 31px;
            height: 26px;
            text-indent: -1000px;
            overflow: hidden;
        }

            #diller li a.tr {
                background: url(img/tr.png) no-repeat center;
            }

            #diller li a.en {
                background: url(img/en.png) no-repeat center;
            }