@charset "utf-8";
/* CSS Document */
#MenuMobilDiv {
    display: none;
}

#mobilmenucizgi {
    display: none;
}

#mobilmenukapat {
    display: none;
}

@media (min-width:100px) and (max-width:968px) {

    #site {

    }

    #site2 {

    }

    #genere {

    }

    #genere2 {

    }

    #MenuMobilDiv {
        display: block;
        margin-top: 30px;
        padding: 10px;
    }

    #mobilmenucizgi {
        cursor: pointer;
        display: block;
        float: right;
        width: 34px;
        position: absolute;
        right: 3px;
        top: 0px;
        z-index: 1001;
    }

    #mobilmenukapat {
        display: none;
        cursor: pointer;
        float: right;
        position: absolute;
        right: 5px;
        top: 0px;
        color: #808080;
        margin-top: 5px;
    }

    #header {
        display: none;
    }

        #banner {
            display: block;
        }
}

#mobillogo {
    display: none;
}

.gunubirlikturlarbaslik {
    font-size: 18px;
    width: 96.8%;
    margin-top: 20px;
    margin-bottom: -2%;
    font-weight: normal;
    background: #eaeaea;
    padding: 10px;
    color: #808080;
}

.turlist {
    float: left;
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 10px;
    width: 22%;
    margin-top: 3%;
    margin-right: 0.6%;
    height: 400px;
}

    .turlist:hover {
        float: left;
        background: #eaeaea;
        border: 1px solid #eaeaea;
        padding: 10px;
        width: 22%;
        margin-top: 3%;
        margin-right: 0.6%;
        height: 400px;
    }





.turlist2 {
    float: left;
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 5px;
    width: 98.5%;
    margin-top: 5px;
    height: 100px;
}

    .turlist2:hover {
        float: left;
        background: #eaeaea;
        border: 1px solid #eaeaea;
        padding: 5px;
        width: 98.5%;
        margin-top: 5px;
        height: 100px;
    }

.turIncele {
    padding: 5px;
    text-decoration: none;
    color: #282828;
    font-size: 16px;
    padding-left: 95px;
    padding-right: 82px;
    background: #eaeaea;
}

.turIncele2 {
    padding: 5px;
    text-decoration: none;
    color: #282828;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    float: right;
    background: #eaeaea;
}

.imgTur1 {
    width: 100%;
    height: 150px;
    border: 0px;
}

.sayfaadi1 {
    float: left;
    width: 35%;
    font-size: 13px;
    text-align: center;
    margin-right: 5%;
    padding: 10px;
}

.sayfaadi2 {
    float: left;
    width: 40%;
    font-size: 16px;
    text-align: center;
    padding: 10px;
}

.sayfaadi3 {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #dadada;
    font-size: 16px;
}

.sayfaadi4 {
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}



@media (min-width:100px) and (max-width:968px) {
    #mobillogo {
        display: block;
        margin-bottom:20px;
    }

    #site {
        width:100%;
    }

    #site2 {
        width: 100%;
    }

    #genere2 {
        width: 95% !important;
        float: left;
    }

    #genere {
        width: 95% !important;
        float: left;
    }

    .sayfaadi1 {
        float: left;
        width: 100%;
        font-size: 13px;
        text-align: center;
        margin-right: 0px;
        padding: 10px;
    }

    .sayfaadi2 {
        float: left;
        width: 100%;
        font-size: 16px;
        text-align: center;
        padding: 10px;
    }

    .sayfaadi3 {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #dadada;
        font-size: 16px;
    }

    .sayfaadi4 {
        float: left;
        text-align: center;
        width: 96%;
        padding: 5px;
        background: #eaeaea;
    }

    .gunubirlikturlarbaslik {
        font-size: 18px;
        width: 100%;
        float: left;
        margin-top: 30px;
        margin-bottom: 0px;
        font-weight: normal;
        background: #eaeaea;
        padding: 10px;
        color: #808080;
    }

    imgTur1 {
        width: 100%;
        height: auto !important;
        border: 0px;
    }

    .turlist {
        float: left;
        background: #fff;
        border: 1px solid #eaeaea;
        padding: 10px;
        width: 100%;
        margin-top: 3%;
        margin-right: 0%;
        height: 400px;
    }

        .turlist:hover {
            float: left;
            background: #fff;
            border: 1px solid #eaeaea;
            padding: 10px;
            width: 100%;
            margin-top: 3%;
            margin-right: 0%;
            height: 400px;
        }





    .turlist2 {
        float: left;
        background: #fff;
        border: 1px solid #eaeaea;
        padding: 5px;
        width: 100%;
        margin-top: 5px;
        height: auto;
    }

        .turlist2:hover {
            float: left;
            background: #fff;
            border: 1px solid #eaeaea;
            padding: 5px;
            width: 100%;
            margin-top: 5px;
            height: auto;
        }

    #site2 {
        width: 95%;
        margin: 0;
        padding: 0;
        float: left;
    }

    #content {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .turIncele {
        padding: 5px;
        text-decoration: none;
        color: #282828;
        font-size: 16px;
        padding-left: 0px;
        padding-right: 0px;
        background: none;
    }

    .turIncele2 {
        padding: 5px;
        text-decoration: none;
        color: #282828;
        font-size: 16px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        background: none;
        display: none;
    }
}

.turListCcc {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.turbcc {
    float: left;
    width: 47.5%;
}

@media (min-width:100px) and (max-width:968px) {
    .turListCcc {
        float: left;
        width: 100%;
        margin-right: 0%;
    }

    .turbcc {
        float: left;
        width: 100%;
    }

    #footer {
        width: 100% !important;
        float: left;
        height: 175px;
        padding: 5px;
    }

    .yazi {
        width: 100% !important;
        float: left;
        height: 150px;
    }

    .left {
        width: 100% !important;
        float: left;
    }
}

#turimg2 {
    width: 25%;
    float: left;
}

#turdiv2 {
    float: left;
    width: 74%;
}

.turdiv22 {
    float: left;
    width: 35%;
    font-size: 13px;
    text-align: left;
    margin-right: 5%;
    padding: 10px;
}

.turdiv11 {
    float: left;
    width: 40%;
    font-size: 16px;
    margin-top: 0px;
    text-align: left;
    padding: 10px;
}

@media (min-width:100px) and (max-width:968px) {
    #turimg2 {
        width: 100%;
        float: left;
    }

    #turdiv2 {
        float: left;
        width: 100%;
    }

    .turdiv22 {
        float: left;
        width: 100%;
        font-size: 13px;
        text-align: left;
        margin-right: 5%;
        padding: 10px;
    }

    .turdiv11 {
        float: left;
        width: 100%;
        font-size: 16px;
        margin-top: 0px;
        text-align: left;
        padding: 10px;
    }
}
 a:link
{text-decoration: none;color:#db0000; font-size:10pt;}
a:visited
{color: #db0000;text-decoration: none; font-size:10pt;}
a:hover
{color: #db0000;text-decoration: underline; font-size:10pt;}
a:active
{ color: #db0000;  text-decoration: none; font-size:10pt;}

* { margin:0px; padding:0px;}
img {border:0px; width:100%;}
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background: #f7ece5;
    border-top: 10px solid #ff6600;
    padding-top: 10px;
}

#cssPagingContainer { padding:15px 0px; margin:30px 0px; clear:both;}
.cssCurrent { padding:4px 8px; background:#98a3b1; color:White; font-weight:bold; }
#cssPagingContainer a { padding:3px 8px; margin:0px 1px; border:1px solid #e8e8e8; }
#cssPagingContainer a:hover { background:#98a3b1; color:White; }

#genere { width:1200px;  margin:0 auto;}
#site { width:1200px; float:left; margin-bottom:-5px;}

#genere2 { width:1200px;  margin:0 auto;}
#site2 { width:1200px; float:left; background:#fff; margin-bottom:38px; margin-top:20px;}

#header { width:1200px; height:150px;}
#header .logo{float:left; width:350px; overflow:hidden; margin:5px 0px 0px 4px; margin-left:0px;}
#header .sag{ float:right; width:197px; height:80px; margin-right:0px;}
#header .sag .ft_eng{ float:right; width:115px; height:33px; margin-top:-14px;}
#header .sag .ft_eng .eng{ float:right; width:67px; height:20px; background-image:url(../images/eng_bg.png); margin-top:4px;}
#header .sag .ft_eng .eng p{ color:#909090; font-size:9px; margin:4px 0px 0px 3px;}
#header .sag .ft_eng .eng p a{color:#909090; font-size:9px; text-decoration:none;}
#header .sag .ft_eng .tv{ float:right; width:70px; margin:14px 30px 0px 0px;}
#header .sag .ft_eng .face{ float:right; width:59px; margin:14px 4px 0px 0px;}
#header .sag .input{ width:177px; height:28px; background:url(../images/search_bg.png) no-repeat;  float:right; margin-top:15px; }
#header .sag .input .inp { width:143px; height:20px; border:0px; color:#a7a7a7; float:left; background:none; margin:3px 0 0 4px;}
#header .sag .input .btn{ width:24px; height:25px; margin:3px 1px 0 0; float:right;}
    #header .menu {
        float: left;
        clear: left;
        width: 100%;
        height: 60px;
        font-size: 8pt;
        margin-top: 20px;
        background: #ff6600;
        z-index: 11;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }

#header .navmenu{width:960px; height:37px; float:left; margin-left:4px;z-index:11;}
#header .navmenu ul,li { list-style:none;z-index:0;}
#header .navmenu li { height:36px; border-right:1px solid #6a4300;  float:left; color:#fff; display:block;z-index:11;}
#header .navmenu li a { height:34px;font-size:8pt; margin-top:-1px; float:left; color:#fff; display:block; padding:12px 12px 0 9.5px; text-decoration:none;z-index:11;}
#header .navmenu li a:hover { height:38px;font-size:8pt; margin-top:-1px; text-decoration:none; color:#fff; float:left; display:block; padding:12px 12px 0 9.5px; background:url(../images/hover_bg.jpg) repeat-x;z-index:11;}


#banner{ width:100%; height:auto; margin-left:0px; overflow:hidden;}

#content{ width:1200px;}
#content .urun{ width:962px; height:278px; background-image:url(../images/icerik_bg.jpg); margin-top:10px; float:left;}
#content .urun .detay{ width:190px; height:273px; float:left;}
#content .urun .detay .header{ float:left; font-size:10pt; font-family:Arial; margin-top:12px; margin-left:-10px;}
#content .urun .detay .header h1{ font-size:11px; color:#FFF;}
#content .urun .detay .img{width:164px; height:110px; float:left; margin-left:10px; margin-top:28px; border:1px solid #dfdfdf; padding:5px; overflow:hidden;}
#content .urun .detay .yazi{ float:left; width:205px; height:38px;margin-left:21px; margin-top:13px; overflow:hidden;}
#content .urun .detay .yazi p{ color:#666666; font-size:12px;}
#content .urun .detay .detay_bilgi{ float:right; width:100px; font-family:Arial; font-size:10pt; margin-right:-40px; height:12px;}
#content .urun .detay .detay_bilgi a{text-decoration:none; color:#db0000;}

#content .k_e{ float:left; width:962px; height:186px; margin-top:23px;}
#content .k_e .left_side{ float:left; width:646px; height:187px;}
#content .k_e .left_side .header{ width:646px; height:25px; border-bottom:1px #ddd solid; float:left;}
#content .k_e .left_side .header h1{color:#7a7a7a; font-size:14px; float:left;}
#content .k_e .left_side .header .ok{float:right; margin-top:3px;}
#content .k_e .left_side .img{ width:186px; height:115px; float:left; margin-top:15px; border:1px solid #ddd; padding:4px 3px 0 4px; overflow:hidden;}
#content .k_e .left_side .yazi{ float:left; width:431px; height:95px; margin-left:13px; margin-top:16px; overflow:hidden;}
#content .k_e .left_side .yazi .baslik{ float:left; height:95px; overflow:hidden;}
#content .k_e .left_side .yazi .baslik h1{ color:#7a7a7a; font-size:14px;}
#content .k_e .left_side .yazi p{ margin-top:15px; font-size:12px;  color:#7a7a7a;}
#content .k_e .left_side .detay_img{ float:right; margin-right:6px; margin-top:20px; cursor:point;}

#content .k_e .right_side{ width:241px; height:186px; float:right;}
#content .k_e .right_side .header{ float:left; height:25px; width:241px; border-bottom:1px solid #ddd;}
#content .k_e .right_side .header h1{color:#7a7a7a; font-size:14px; float:left;}
#content .k_e .right_side .header .ok{float:right; margin-top:3px;}
#content .k_e .right_side .yazi{ float:left; width:241px; height:42px; overflow:hidden; margin-top:8px;}
#content .k_e .right_side .yazi p{color:#7a7a7a; font-size:11px;}
#content .k_e .right_side .inp1{ width:205px; float:left; height:20px;margin-top:14px;}
#content .k_e .right_side .gonder{float:right; margin-right:35px; margin-top:15px}


#footer {
    height: 75px;
    clear: left;
    background: #eaeaea;
    background-repeat: repeat-x;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 5px solid #ff6600;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
#footer .yazi{ margin:0 auto; width:1200px; height:50px;}

#footer .yazi .left{ float:left; color:#8f8f8f; font-size:12px; margin:2px 0px 0px 5px; width:100%; text-align:center; }

#footer .yazi .right{ width:659px; float:right; margin:25px 0px 0px 0px;}
#footer .yazi ul,li { list-style:none;}
#footer .yazi li { margin-left:10px; height:20px;   float:left; color:#8f8f8f; display:block;}
#footer .yazi a { height:34px; margin-top:-10px; float:left; font-size:12px; color:#8f8f8f;  display:block; padding:9px 0px 0px 0px; text-decoration:none;}



@media (min-width:100px) and (max-width:968px) {
    #genere {
        width: 100% !important;
        margin: 0 auto;
    }

    #site {
        width: 100%;
        float: left;
        margin-bottom: -5px;
    }

    #genere2 {
        width: 100% !important;
        margin: 0 auto;
    }

    #site2 {
        width: 100%;
        float: left;
        background: #fff;
        margin-bottom: 38px;
        margin-top: 20px;
    }

    #content {
        width: 95%;
    }
}